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

package/lib/components/index.native.js

@@ -221,7 +221,7 @@ var require_react_is_development = __commonJS({
         var Portal = REACT_PORTAL_TYPE;
         var Profiler = REACT_PROFILER_TYPE;
         var StrictMode = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
+        var Suspense2 = REACT_SUSPENSE_TYPE;
         var hasWarnedAboutDeprecatedIsAsyncMode = false;
         function isAsyncMode(object) {
           {
@@ -280,7 +280,7 @@ var require_react_is_development = __commonJS({
         exports2.Portal = Portal;
         exports2.Profiler = Profiler;
         exports2.StrictMode = StrictMode;
-        exports2.Suspense = Suspense;
+        exports2.Suspense = Suspense2;
         exports2.isAsyncMode = isAsyncMode;
         exports2.isConcurrentMode = isConcurrentMode;
         exports2.isContextConsumer = isContextConsumer;
@@ -1406,7 +1406,7 @@ var IconStatusPosition = /* @__PURE__ */ ((IconStatusPosition2) => {
   return IconStatusPosition2;
 })(IconStatusPosition || {});
 
-// context/providerStates/index.tsx
+// context/providerStates/index.ts
 var import_react = require("react");
 var StatesContext = (0, import_react.createContext)({
   inverted: false,
@@ -3580,7 +3580,7 @@ var styles3 = import_react_native20.StyleSheet.create({
 AutoComplete.displayName = "AutoComplete" /* AutoComplete */;
 var AutoComplete_native_default = AutoComplete;
 
-// context/index.tsx
+// context/context/index.tsx
 var React25 = __toESM(require("react"));
 var TrilogyContext = React25.createContext({
   styled: false,
@@ -3594,6 +3594,25 @@ var useTrilogyContext = () => {
   return context;
 };
 
+// context/provider/index.tsx
+var import_react18 = __toESM(require("react"));
+
+// context/providerStyled/index.tsx
+var React27 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react19 = __toESM(require("react"));
+var defaultTheme2 = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue3 = {
+  theme: defaultTheme2,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext2 = import_react19.default.createContext(defaultContextValue3);
+
 // helpers/hashClassesHelpers/index.tsx
 var hashClass = (addHash = false, classes) => {
   const { hash, styled } = useTrilogyContext();
@@ -3638,7 +3657,7 @@ var has = classify("has");
 
 // components/autocomplete/item/AutoCompleteItem.tsx
 var import_clsx = __toESM(require("clsx"));
-var React26 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var AutoCompleteItem = ({
   children,
   suggestionSelected,
@@ -3648,8 +3667,8 @@ var AutoCompleteItem = ({
   id
 }) => {
   const { styled } = useTrilogyContext();
-  const [isActive, setIsActive] = React26.useState(false);
-  return /* @__PURE__ */ React26.createElement(
+  const [isActive, setIsActive] = React29.useState(false);
+  return /* @__PURE__ */ React29.createElement(
     "div",
     {
       id,
@@ -3670,10 +3689,10 @@ var item_default = AutoCompleteItem_default;
 
 // components/autocomplete/menu/AutoCompleteMenu.tsx
 var import_clsx2 = __toESM(require("clsx"));
-var React27 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var AutoCompleteMenu = ({ children, className, id, absolute, fullwidth, testId }) => {
   const { styled } = useTrilogyContext();
-  return /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React30.createElement(
     "div",
     {
       id,
@@ -3693,7 +3712,7 @@ var AutoCompleteMenu_default = AutoCompleteMenu;
 var menu_default = AutoCompleteMenu_default;
 
 // components/autolayout/AutoLayout/AutoLayout.native.tsx
-var React29 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 
 // components/autolayout/SpacingMatrix/index.native.ts
 var SpacingMatrixMode = /* @__PURE__ */ ((SpacingMatrixMode2) => {
@@ -3740,8 +3759,8 @@ var DEFAULT_SPACING_MATRIX = [
 ];
 
 // components/autolayout/helpers/AutoLayout.helpers.native.tsx
-var import_react18 = __toESM(require("react"));
-var isFragment = (element) => (element == null ? void 0 : element.type) === import_react18.default.Fragment;
+var import_react20 = __toESM(require("react"));
+var isFragment = (element) => (element == null ? void 0 : element.type) === import_react20.default.Fragment;
 var getTrilogyComponentName = (child) => {
   const componentsKeys = Object.keys(ComponentName).filter((key) => key);
   return componentsKeys.find((key) => {
@@ -3761,7 +3780,7 @@ var parseChildren = ({ children, handleBetweenChildren }) => {
     const previousChild = accumulator[accumulator.length - 1];
     const getChildCandidateToComparison = (child, accumulator2) => {
       if (isElementType(child, "AutoLayout")) {
-        return getChildCandidateToComparison(import_react18.default.Children.toArray(child.props.children)[0]);
+        return getChildCandidateToComparison(import_react20.default.Children.toArray(child.props.children)[0]);
       }
       if (child === null && accumulator2 && accumulator2.length >= 2) {
         return getChildCandidateToComparison(accumulator2[accumulator2.length - 2], accumulator2.slice(0, -1));
@@ -3780,7 +3799,7 @@ var parseChildren = ({ children, handleBetweenChildren }) => {
     });
     return [
       ...accumulator,
-      nextChild && import_react18.default.cloneElement(nextChild, {
+      nextChild && import_react20.default.cloneElement(nextChild, {
         key: nextChild.key || `child${childIndex}`
       })
     ];
@@ -3802,7 +3821,7 @@ var autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextC
     if (isRuleApplicable) {
       alreadySpaced = true;
       if (mode === 0 /* INSERT_SPACE_BETWEEN */) {
-        accumulator.push(/* @__PURE__ */ import_react18.default.createElement(Spacer_native_default, { key: `spacer${childIndex}`, size: value }));
+        accumulator.push(/* @__PURE__ */ import_react20.default.createElement(Spacer_native_default, { key: `spacer${childIndex}`, size: value }));
       } else if (mode === 1 /* INSERT_ELEMENT_BETWEEN */) {
         accumulator.push(value);
       }
@@ -3810,10 +3829,10 @@ var autoLayoutChildrenHandler = (matrix, { accumulator, previousChildType, nextC
   });
 };
 var createChildrenArray = (array, children) => {
-  import_react18.default.Children.forEach(children, (child) => {
+  import_react20.default.Children.forEach(children, (child) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (isFragment(child)) {
-      import_react18.default.Children.forEach(child == null ? void 0 : child.props.children, (item) => {
+      import_react20.default.Children.forEach(child == null ? void 0 : child.props.children, (item) => {
         createChildrenArray(array, item);
       });
     } else if ((child == null ? void 0 : child.type) && ((_a = child == null ? void 0 : child.type) == null ? void 0 : _a.displayName) !== getTrilogyComponentName(child) && ((_b = child == null ? void 0 : child.type) == null ? void 0 : _b.$$typeof) === void 0) {
@@ -3849,23 +3868,23 @@ var AutoLayout = ({
 }) => {
   const hasBottomEdge = edges == null ? void 0 : edges.includes("bottom");
   const hasTopEdge = edges == null ? void 0 : edges.includes("top");
-  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, hasTopEdge && /* @__PURE__ */ React29.createElement(Spacer_native_default, { size: edgeSize }), noSpace ? children : parseChildren({
+  return /* @__PURE__ */ React32.createElement(React32.Fragment, null, hasTopEdge && /* @__PURE__ */ React32.createElement(Spacer_native_default, { size: edgeSize }), noSpace ? children : parseChildren({
     children,
     handleBetweenChildren: (props) => autoLayoutChildrenHandler(matrix, props)
-  }), hasBottomEdge && /* @__PURE__ */ React29.createElement(Spacer_native_default, { size: edgeSize }));
+  }), hasBottomEdge && /* @__PURE__ */ React32.createElement(Spacer_native_default, { size: edgeSize }));
 };
 AutoLayout.displayName = "AutoLayout" /* AutoLayout */;
 var AutoLayout_native_default = AutoLayout;
 
 // components/autolayout/AutoLayoutWrapper/index.native.tsx
-var React30 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var AutoLayoutWrapper = ({ autolayout = true, children }) => {
   if (autolayout === true) {
-    return /* @__PURE__ */ React30.createElement(AutoLayout_native_default, null, children);
+    return /* @__PURE__ */ React33.createElement(AutoLayout_native_default, null, children);
   } else if (autolayout) {
-    return /* @__PURE__ */ React30.createElement(AutoLayout_native_default, { matrix: autolayout }, children);
+    return /* @__PURE__ */ React33.createElement(AutoLayout_native_default, { matrix: autolayout }, children);
   } else {
-    return /* @__PURE__ */ React30.createElement(React30.Fragment, null, children);
+    return /* @__PURE__ */ React33.createElement(React33.Fragment, null, children);
   }
 };
 var index_native_default2 = AutoLayoutWrapper;
@@ -3880,9 +3899,9 @@ var BadgePositionEnum = /* @__PURE__ */ ((BadgePositionEnum2) => {
 })(BadgePositionEnum || {});
 
 // components/badge/Badge.native.tsx
-var import_react19 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_react_native21 = require("react-native");
-var Badge = import_react19.default.forwardRef(
+var Badge = import_react21.default.forwardRef(
   ({ children, label, onClick, testId, variant, inverted, position, status, ...others }, ref) => {
     const badgeColor = getColorStyle(variant || "MAIN" /* MAIN */);
     const textColor = getColorStyle("WHITE" /* BACKGROUND */);
@@ -3957,7 +3976,7 @@ var Badge = import_react19.default.forwardRef(
         break;
     }
     if (status) {
-      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(
+      return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, null, /* @__PURE__ */ import_react21.default.createElement(
         import_react_native21.View,
         {
           style: [
@@ -3965,10 +3984,10 @@ var Badge = import_react19.default.forwardRef(
             position === "top-left" /* TOP_LEFT */ && styles7.iconStatusPositionTopLeft || position === "top-right" /* TOP_RIGHT */ && styles7.iconStatusPositionTopRight || position === "bottom-left" /* BOTTOM_LEFT */ && styles7.iconStatusPositionBottomLeft || position === "bottom-right" /* BOTTOM_RIGHT */ && styles7.iconStatusPositionBottomRight || styles7.iconStatusPositionTopLeft
           ]
         },
-        /* @__PURE__ */ import_react19.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
-      ), /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, null, children)));
+        /* @__PURE__ */ import_react21.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
+      ), /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, null, 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);
+    return onClick ? /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { ...others, ref }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles7.badge, ...others }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.Text, { style: styles7.text }, label)))) : /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles7.badge, ...others, ref }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.Text, { style: styles7.text }, label), !label && children && children);
   }
 );
 Badge.displayName = "Badge" /* Badge */;
@@ -3986,13 +4005,13 @@ var BadgeVariant = /* @__PURE__ */ ((BadgeVariant2) => {
 })(BadgeVariant || {});
 
 // components/box/context/boxContext.tsx
-var import_react20 = __toESM(require("react"));
-var BoxContext = import_react20.default.createContext({ fullHeight: false });
+var import_react22 = __toESM(require("react"));
+var BoxContext = import_react22.default.createContext({ fullHeight: false });
 
 // components/box/Box.native.tsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_react_native22 = require("react-native");
-var Box = import_react21.default.forwardRef(
+var Box = import_react23.default.forwardRef(
   ({
     children,
     onClick,
@@ -4009,7 +4028,7 @@ var Box = import_react21.default.forwardRef(
     ...others
   }, ref) => {
     const colorBgc = getColorStyle("WHITE" /* BACKGROUND */);
-    const [boxHeight, setBoxHeight] = (0, import_react21.useState)(0);
+    const [boxHeight, setBoxHeight] = (0, import_react23.useState)(0);
     const boxRadius = 6;
     const styles7 = import_react_native22.StyleSheet.create({
       box: {
@@ -4060,7 +4079,7 @@ var Box = import_react21.default.forwardRef(
       }
     });
     const boxTestId = "NotSpecified";
-    const BoxSkeleton = () => /* @__PURE__ */ import_react21.default.createElement(
+    const BoxSkeleton = () => /* @__PURE__ */ import_react23.default.createElement(
       Skeleton_default,
       {
         style: styles7.skeleton,
@@ -4072,10 +4091,10 @@ var Box = import_react21.default.forwardRef(
       children
     );
     if (skeleton) {
-      return /* @__PURE__ */ import_react21.default.createElement(BoxSkeleton, null);
+      return /* @__PURE__ */ import_react23.default.createElement(BoxSkeleton, null);
     }
     if (onClick) {
-      return /* @__PURE__ */ import_react21.default.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } }, /* @__PURE__ */ import_react21.default.createElement(
+      return /* @__PURE__ */ import_react23.default.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } }, /* @__PURE__ */ import_react23.default.createElement(
         import_react_native22.TouchableOpacity,
         {
           ref,
@@ -4087,19 +4106,19 @@ var Box = import_react21.default.forwardRef(
           },
           testID: boxTestId
         },
-        backgroundSrc ? /* @__PURE__ */ import_react21.default.createElement(
+        backgroundSrc ? /* @__PURE__ */ import_react23.default.createElement(
           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_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_native22.View, { style: styles7.highlighted }), /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))
+          Boolean(highlighted) && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles7.highlighted }),
+          /* @__PURE__ */ import_react23.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children)
+        ) : /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, Boolean(highlighted) && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles7.highlighted }), /* @__PURE__ */ import_react23.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(
+    return /* @__PURE__ */ import_react23.default.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } }, /* @__PURE__ */ import_react23.default.createElement(
       import_react_native22.View,
       {
         ref,
@@ -4110,16 +4129,16 @@ var Box = import_react21.default.forwardRef(
         style: [styles7.box, !flat && styles7.shadow, others == null ? void 0 : others.style],
         testID: boxTestId
       },
-      backgroundSrc ? /* @__PURE__ */ import_react21.default.createElement(
+      backgroundSrc ? /* @__PURE__ */ import_react23.default.createElement(
         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_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_native22.View, { style: styles7.highlighted }), children)
+        Boolean(highlighted) && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles7.highlighted }),
+        /* @__PURE__ */ import_react23.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children)
+      ) : /* @__PURE__ */ import_react23.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, Boolean(highlighted) && /* @__PURE__ */ import_react23.default.createElement(import_react_native22.View, { style: styles7.highlighted }), children)
     ));
   }
 );
@@ -4127,11 +4146,11 @@ Box.displayName = "Box" /* Box */;
 var Box_native_default = Box;
 
 // components/box/content/BoxContent.native.tsx
-var React34 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_react_native23 = require("react-native");
-var BoxContent = React34.forwardRef(
+var BoxContent = React37.forwardRef(
   ({ children, backgroundColor, backgroundSrc, ...others }, ref) => {
-    const { fullHeight } = React34.useContext(BoxContext);
+    const { fullHeight } = React37.useContext(BoxContext);
     const styles7 = import_react_native23.StyleSheet.create({
       boxContent: {
         padding: 16,
@@ -4140,9 +4159,9 @@ var BoxContent = React34.forwardRef(
         flex: fullHeight ? 1 : void 0
       }
     });
-    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);
+    const content = /* @__PURE__ */ React37.createElement(import_react_native23.View, { ref, style: [styles7.boxContent], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React37.createElement(import_react_native23.Text, null, children) : children);
     if (backgroundSrc) {
-      return /* @__PURE__ */ React34.createElement(import_react_native23.ImageBackground, { source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content);
+      return /* @__PURE__ */ React37.createElement(import_react_native23.ImageBackground, { source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content);
     } else {
       return content;
     }
@@ -4152,9 +4171,9 @@ BoxContent.displayName = "BoxContent" /* BoxContent */;
 var BoxContent_native_default = BoxContent;
 
 // components/box/footer/BoxFooter.native.tsx
-var React35 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_react_native24 = require("react-native");
-var BoxFooter = React35.forwardRef(
+var BoxFooter = React38.forwardRef(
   ({ children, backgroundColor, ...others }, ref) => {
     const boxRadius = 6;
     const styles7 = import_react_native24.StyleSheet.create({
@@ -4166,19 +4185,19 @@ var BoxFooter = React35.forwardRef(
         borderBottomRightRadius: boxRadius
       }
     });
-    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);
+    return /* @__PURE__ */ React38.createElement(import_react_native24.View, { ref, style: [styles7.boxFooter], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React38.createElement(import_react_native24.Text, null, String(children)) : children);
   }
 );
 BoxFooter.displayName = "BoxFooter" /* BoxFooter */;
 var BoxFooter_native_default = BoxFooter;
 
 // components/box/header/BoxHeader.native.tsx
-var React36 = __toESM(require("react"));
-var import_react22 = require("react");
+var React39 = __toESM(require("react"));
+var import_react24 = require("react");
 var import_react_native25 = require("react-native");
-var BoxHeader = React36.forwardRef(
+var BoxHeader = React39.forwardRef(
   ({ children, variant, ...others }, ref) => {
-    const statesContext = (0, import_react22.useContext)(StatesContext);
+    const statesContext = (0, import_react24.useContext)(StatesContext);
     const centered = false;
     const pulledLeft = false;
     const pulledRight = false;
@@ -4213,16 +4232,16 @@ var BoxHeader = React36.forwardRef(
         lineHeight: 15
       }
     });
-    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)));
+    return /* @__PURE__ */ React39.createElement(import_react_native25.View, { style: [styles7.boxHeader], ref, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React39.createElement(import_react_native25.Text, { style: styles7.text }, String(children)) : children, help && /* @__PURE__ */ React39.createElement(import_react_native25.View, { style: styles7.helpContainer }, /* @__PURE__ */ React39.createElement(import_react_native25.Text, { style: styles7.help }, help)));
   }
 );
 BoxHeader.displayName = "BoxHeader" /* BoxHeader */;
 var BoxHeader_native_default = BoxHeader;
 
 // components/box/item/BoxItem.native.tsx
-var React37 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react_native26 = require("react-native");
-var BoxItem = React37.forwardRef(({ children, size: size2, ...others }, ref) => {
+var BoxItem = React40.forwardRef(({ children, size: size2, ...others }, ref) => {
   const height = Number(size2) || 48;
   const styles7 = import_react_native26.StyleSheet.create({
     boxItem: {
@@ -4233,7 +4252,7 @@ var BoxItem = React37.forwardRef(({ children, size: size2, ...others }, ref) =>
       flex: 1
     }
   });
-  return /* @__PURE__ */ React37.createElement(import_react_native26.View, { ref, style: [styles7.boxItem], ...others }, children);
+  return /* @__PURE__ */ React40.createElement(import_react_native26.View, { ref, style: [styles7.boxItem], ...others }, children);
 });
 BoxItem.displayName = "BoxItem" /* BoxItem */;
 var BoxItem_native_default = BoxItem;
@@ -4250,25 +4269,25 @@ var BoxItemSize = ((BoxItemSize2) => {
 })(BoxItemSize || {});
 
 // components/box/table-container/BoxTableContainer.native.tsx
-var React38 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var import_react_native27 = require("react-native");
-var boxTableContainer = React38.forwardRef(
+var boxTableContainer = React41.forwardRef(
   ({ children, ...others }, ref) => {
     const styles7 = import_react_native27.StyleSheet.create({
       boxTableContainer: {}
     });
-    return /* @__PURE__ */ React38.createElement(import_react_native27.View, { ref, style: [styles7.boxTableContainer], ...others }, children);
+    return /* @__PURE__ */ React41.createElement(import_react_native27.View, { ref, style: [styles7.boxTableContainer], ...others }, children);
   }
 );
 boxTableContainer.displayName = "BoxTableContainer" /* BoxTableContainer */;
 var BoxTableContainer_native_default = boxTableContainer;
 
 // components/breadcrumb/Breadcrumb.native.tsx
-var React39 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var import_react_native28 = require("react-native");
-var Breadcrumb = React39.forwardRef(
+var Breadcrumb = React42.forwardRef(
   ({ children, testId, ...others }, ref) => {
-    const { containerStyle } = React39.useMemo(
+    const { containerStyle } = React42.useMemo(
       () => import_react_native28.StyleSheet.create({
         containerStyle: {
           flexDirection: "row",
@@ -4277,16 +4296,16 @@ var Breadcrumb = React39.forwardRef(
       }),
       []
     );
-    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);
+    return /* @__PURE__ */ React42.createElement(import_react_native28.View, { testID: testId, style: [containerStyle], ref, ...others }, Array.isArray(children) ? React42.Children.map(children, (child, index) => /* @__PURE__ */ React42.createElement(React42.Fragment, null, React42.cloneElement(child), index != children.length - 1 && /* @__PURE__ */ React42.createElement(Icon_native_default, { size: "smaller", name: "tri-arrow-right", align: "ALIGNED_CENTER" }))) : children);
   }
 );
 Breadcrumb.displayName = "Breadcrumb" /* Breadcrumb */;
 var Breadcrumb_native_default = Breadcrumb;
 
 // components/breadcrumb/item/BreadcrumbItem.native.tsx
-var React40 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_react_native29 = require("react-native");
-var BreadcrumbItem = React40.forwardRef(
+var BreadcrumbItem = React43.forwardRef(
   ({ children, active, to, testId, onClick, ...others }, ref) => {
     const { textStyle } = import_react_native29.StyleSheet.create({
       textStyle: {
@@ -4295,7 +4314,7 @@ var BreadcrumbItem = React40.forwardRef(
         textDecorationStyle: "solid"
       }
     });
-    return /* @__PURE__ */ React40.createElement(
+    return /* @__PURE__ */ React43.createElement(
       import_react_native29.TouchableOpacity,
       {
         ref,
@@ -4306,7 +4325,7 @@ var BreadcrumbItem = React40.forwardRef(
         },
         ...others
       },
-      /* @__PURE__ */ React40.createElement(Text_native_default, { typo: "has-text-weight-medium" /* TEXT_WEIGHT_MEDIUM */, style: { ...textStyle } }, children)
+      /* @__PURE__ */ React43.createElement(Text_native_default, { typo: "has-text-weight-medium" /* TEXT_WEIGHT_MEDIUM */, style: { ...textStyle } }, children)
     );
   }
 );
@@ -4314,7 +4333,7 @@ BreadcrumbItem.displayName = "BreadcrumbItem" /* BreadcrumbItem */;
 var BreadcrumbItem_native_default = BreadcrumbItem;
 
 // components/button/Button.native.tsx
-var React41 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var import_react_native30 = require("react-native");
 
 // components/button/ButtonEnum.ts
@@ -4339,7 +4358,7 @@ var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
 })(ButtonVariant || {});
 
 // components/button/Button.native.tsx
-var Button = React41.forwardRef(
+var Button = React44.forwardRef(
   ({ children, variant, onClick, disabled, loading, fullwidth, testId, accessibilityLabel, iconName, ...others }, ref) => {
     const loaderColor = getColorStyle("WHITE" /* BACKGROUND */);
     const isLoading = typeof loading === "string" && getLoadingClassName(loading) === "loading";
@@ -4406,7 +4425,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(
+    return /* @__PURE__ */ React44.createElement(
       import_react_native30.TouchableOpacity,
       {
         ref,
@@ -4418,7 +4437,7 @@ var Button = React41.forwardRef(
         onPress: (e) => onClick == null ? void 0 : onClick(e),
         ...others
       },
-      loading && typeof loading === "string" && getLoadingClassName(loading) === "loading" && /* @__PURE__ */ React41.createElement(
+      loading && typeof loading === "string" && getLoadingClassName(loading) === "loading" && /* @__PURE__ */ React44.createElement(
         View_native_default,
         {
           style: {
@@ -4427,9 +4446,9 @@ var Button = React41.forwardRef(
             height: 45
           }
         },
-        /* @__PURE__ */ React41.createElement(import_react_native30.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
+        /* @__PURE__ */ React44.createElement(import_react_native30.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
       ),
-      loading && typeof loading === "boolean" && loading === true && /* @__PURE__ */ React41.createElement(
+      loading && typeof loading === "boolean" && loading === true && /* @__PURE__ */ React44.createElement(
         View_native_default,
         {
           style: {
@@ -4438,11 +4457,11 @@ var Button = React41.forwardRef(
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React41.createElement(import_react_native30.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
+        /* @__PURE__ */ React44.createElement(import_react_native30.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
       ),
-      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(
+      loading && typeof loading === "string" && getLoadingClassName(loading) === "loaded" && /* @__PURE__ */ React44.createElement(import_react_native30.Text, { style: !disabled && styles7.text || disabled && styles7.textDisabled }, children),
+      !loading && children && typeof children === "string" && !iconName && /* @__PURE__ */ React44.createElement(import_react_native30.Text, { style: !disabled && styles7.text || disabled && styles7.textDisabled }, children),
+      !loading && children && typeof children === "string" && iconName && /* @__PURE__ */ React44.createElement(View_native_default, { style: styles7.buttonIconContainer }, /* @__PURE__ */ React44.createElement(
         Icon_native_default,
         {
           name: iconName,
@@ -4450,7 +4469,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_native30.Text, { style: !disabled && styles7.buttonIconText || disabled && styles7.textDisabledIcon }, children))
+      ), /* @__PURE__ */ React44.createElement(import_react_native30.Text, { style: !disabled && styles7.buttonIconText || disabled && styles7.textDisabledIcon }, children))
     );
   }
 );
@@ -4458,17 +4477,17 @@ Button.displayName = "Button" /* Button */;
 var Button_native_default = Button;
 
 // components/button/list/ButtonList.native.tsx
-var React42 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 var import_react_native31 = require("react-native");
-var ButtonList = React42.forwardRef(({ children }, ref) => {
-  return /* @__PURE__ */ React42.createElement(import_react_native31.View, { ref, ...{ children } });
+var ButtonList = React45.forwardRef(({ children }, ref) => {
+  return /* @__PURE__ */ React45.createElement(import_react_native31.View, { ref, ...{ children } });
 });
 ButtonList.displayName = "ButtonList" /* ButtonList */;
 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_react25 = __toESM(require("react"));
 var import_react_native32 = require("react-native");
 var days = [
   import_calendar.default.days[1],
@@ -4484,7 +4503,7 @@ var currentDate = /* @__PURE__ */ new Date();
 var checkIsRange = (date) => {
   return !(date instanceof Date);
 };
-var Calendar = import_react23.default.forwardRef(
+var Calendar = import_react25.default.forwardRef(
   ({
     value = currentDate,
     minDate = new Date(currentDate.getFullYear() - 10, 0, 1),
@@ -4495,20 +4514,20 @@ var Calendar = import_react23.default.forwardRef(
     onChange,
     onMonthChange
   }, ref) => {
-    const [visibleMonth, setVisibleMonth] = import_react23.default.useState(
+    const [visibleMonth, setVisibleMonth] = import_react25.default.useState(
       value instanceof Date ? value : value[0] || currentDate
     );
-    const [activeDate, setActiveDate] = import_react23.default.useState(value);
-    const [dateEndHovered, setDateEndHovered] = import_react23.default.useState();
-    const [showMonthPicker, setShowMonthPicker] = import_react23.default.useState(false);
-    const [showYearPicker, setShowYearPicker] = import_react23.default.useState(false);
+    const [activeDate, setActiveDate] = import_react25.default.useState(value);
+    const [dateEndHovered, setDateEndHovered] = import_react25.default.useState();
+    const [showMonthPicker, setShowMonthPicker] = import_react25.default.useState(false);
+    const [showYearPicker, setShowYearPicker] = import_react25.default.useState(false);
     const backgroundColor = getColorStyle("WHITE" /* BACKGROUND */);
     const shadowColor = getColorStyle("DISABLED" /* DISABLED */);
     const disabledFadeColor = getColorStyle("DISABLED_FADE" /* DISABLED_FADE */);
     const mainColor = getColorStyle("MAIN" /* MAIN */);
     const mainFadeColor = getColorStyle("MAIN_FADE" /* MAIN_FADE */);
     const disabledColor = getColorStyle("DISABLED" /* DISABLED */);
-    const styles7 = import_react23.default.useMemo(
+    const styles7 = import_react25.default.useMemo(
       () => import_react_native32.StyleSheet.create({
         calendar: {
           backgroundColor,
@@ -4763,15 +4782,15 @@ var Calendar = import_react23.default.forwardRef(
       [backgroundColor, shadowColor, disabledFadeColor, mainColor, mainFadeColor, disabledColor]
     );
     const isRange = checkIsRange(activeDate);
-    const isNextDisabled = import_react23.default.useMemo(
+    const isNextDisabled = import_react25.default.useMemo(
       () => disabled || (maxDate == null ? void 0 : maxDate.getMonth()) === (visibleMonth == null ? void 0 : visibleMonth.getMonth()) && (maxDate == null ? void 0 : maxDate.getFullYear()) === (visibleMonth == null ? void 0 : visibleMonth.getFullYear()),
       [maxDate, visibleMonth, disabled]
     );
-    const isPrevDisabled = import_react23.default.useMemo(
+    const isPrevDisabled = import_react25.default.useMemo(
       () => disabled || (minDate == null ? void 0 : minDate.getMonth()) === (visibleMonth == null ? void 0 : visibleMonth.getMonth()) && (minDate == null ? void 0 : minDate.getFullYear()) === (visibleMonth == null ? void 0 : visibleMonth.getFullYear()),
       [minDate, visibleMonth, disabled]
     );
-    const getAllDaysInMonth = import_react23.default.useCallback((year, month) => {
+    const getAllDaysInMonth = import_react25.default.useCallback((year, month) => {
       const date = new Date(year, month, 1);
       const days2 = [];
       const firstDayOfMonth = (date.getDay() + 6) % 7;
@@ -4785,7 +4804,7 @@ var Calendar = import_react23.default.forwardRef(
       for (let i = 0; i < days2.length; i += 7) allDays.push(days2.slice(i, i + 7));
       return allDays;
     }, []);
-    const yearsBetween = import_react23.default.useMemo(() => {
+    const yearsBetween = import_react25.default.useMemo(() => {
       const minYear = minDate.getFullYear();
       const maxYear = maxDate.getFullYear();
       const currentYear = value instanceof Date && (value == null ? void 0 : value.getFullYear());
@@ -4802,7 +4821,7 @@ var Calendar = import_react23.default.forwardRef(
       }
       return years;
     }, [minDate, maxDate, value]);
-    const availableMonths = import_react23.default.useMemo(() => {
+    const availableMonths = import_react25.default.useMemo(() => {
       const currentYear = visibleMonth.getFullYear();
       const minYear = minDate.getFullYear();
       const maxYear = maxDate.getFullYear();
@@ -4815,17 +4834,17 @@ var Calendar = import_react23.default.forwardRef(
         return true;
       });
     }, [minDate, maxDate, visibleMonth]);
-    const availableYear = import_react23.default.useMemo(() => {
+    const availableYear = import_react25.default.useMemo(() => {
       const minYear = minDate.getFullYear();
       const maxYear = maxDate.getFullYear();
       return Array.from({ length: maxYear - minYear + 1 }, (_, i) => minYear + i);
     }, [minDate, maxDate, visibleMonth]);
-    const allDaysInMonth = import_react23.default.useMemo(() => {
+    const allDaysInMonth = import_react25.default.useMemo(() => {
       const activeYear = visibleMonth.getFullYear();
       const activeMonth = visibleMonth.getMonth();
       return getAllDaysInMonth(activeYear, activeMonth);
     }, [visibleMonth]);
-    const handleClickNextPrevMonth = import_react23.default.useCallback(
+    const handleClickNextPrevMonth = import_react25.default.useCallback(
       (month) => {
         const nextMonth = new Date(visibleMonth.getFullYear(), visibleMonth.getMonth() + month, visibleMonth.getDate());
         setVisibleMonth(nextMonth);
@@ -4833,7 +4852,7 @@ var Calendar = import_react23.default.forwardRef(
       },
       [visibleMonth, onMonthChange]
     );
-    const handleMonthSelect = import_react23.default.useCallback(
+    const handleMonthSelect = import_react25.default.useCallback(
       (selectedMonth) => {
         const newDate = new Date(visibleMonth.getFullYear(), selectedMonth, visibleMonth.getDate());
         setVisibleMonth(newDate);
@@ -4841,7 +4860,7 @@ var Calendar = import_react23.default.forwardRef(
       },
       [visibleMonth, onMonthChange, minDate, maxDate]
     );
-    const handleYearSelect = import_react23.default.useCallback(
+    const handleYearSelect = import_react25.default.useCallback(
       (selectedYear) => {
         const newDate = new Date(selectedYear, visibleMonth.getMonth(), visibleMonth.getDate());
         if (newDate.getTime() < minDate.getTime() || newDate.getTime() > maxDate.getTime()) {
@@ -4859,7 +4878,7 @@ var Calendar = import_react23.default.forwardRef(
       },
       [visibleMonth, onMonthChange, minDate, maxDate]
     );
-    const handlePressDay = import_react23.default.useCallback(
+    const handlePressDay = import_react25.default.useCallback(
       (day) => {
         if (readOnly) return;
         const newDate = day;
@@ -4874,7 +4893,7 @@ var Calendar = import_react23.default.forwardRef(
       },
       [onChange, readOnly, activeDate, isRange]
     );
-    import_react23.default.useEffect(() => {
+    import_react25.default.useEffect(() => {
       setActiveDate(value);
       if (value instanceof Date) return setVisibleMonth(value);
       if (!(value instanceof Date) && value[0]) {
@@ -4886,7 +4905,7 @@ var Calendar = import_react23.default.forwardRef(
     }, [value]);
     const renderDayButton = (day, dayIndex) => {
       if (!day) {
-        return /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { key: dayIndex, style: styles7.emptyDay });
+        return /* @__PURE__ */ import_react25.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();
@@ -4899,7 +4918,7 @@ var Calendar = import_react23.default.forwardRef(
         (date) => (date == null ? void 0 : date.getFullYear()) === (day == null ? void 0 : day.getFullYear()) && (date == null ? void 0 : date.getMonth()) === (day == null ? void 0 : day.getMonth()) && (date == null ? void 0 : date.getDate()) === (day == null ? void 0 : day.getDate())
       )) || 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(
+      return /* @__PURE__ */ import_react25.default.createElement(
         import_react_native32.TouchableOpacity,
         {
           key: dayIndex,
@@ -4934,7 +4953,7 @@ var Calendar = import_react23.default.forwardRef(
             dayIndex === 6 && styles7.roundedRight
           ]
         },
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react25.default.createElement(
           Text_native_default,
           {
             typo: "has-text-centered" /* TEXT_CENTERED */,
@@ -4949,7 +4968,7 @@ var Calendar = import_react23.default.forwardRef(
         )
       );
     };
-    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(
+    return /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { ref, style: styles7.calendar }, /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.header }, /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.headerRow }, /* @__PURE__ */ import_react25.default.createElement(
       import_react_native32.TouchableOpacity,
       {
         onPress: () => handleClickNextPrevMonth(-1),
@@ -4959,8 +4978,8 @@ var Calendar = import_react23.default.forwardRef(
         accessibilityState: { disabled: isPrevDisabled },
         style: [styles7.navButton, isPrevDisabled && styles7.disabledButton]
       },
-      /* @__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(
+      /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.iconWrapper }, /* @__PURE__ */ import_react25.default.createElement(Icon_native_default, { name: "tri-arrow-left" }))
+    ), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.monthYearContainer }, /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.dropdownContainer }, /* @__PURE__ */ import_react25.default.createElement(
       import_react_native32.TouchableOpacity,
       {
         style: styles7.monthSelector,
@@ -4968,8 +4987,8 @@ var Calendar = import_react23.default.forwardRef(
         accessibilityRole: "button",
         onPress: () => setShowMonthPicker(true)
       },
-      /* @__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(
+      /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.selectorContent }, /* @__PURE__ */ import_react25.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.selectorText }, months[visibleMonth.getMonth()]), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.dropdownIcon }, /* @__PURE__ */ import_react25.default.createElement(Icon_native_default, { name: "tri-arrow-down" })))
+    ), /* @__PURE__ */ import_react25.default.createElement(
       import_react_native32.TouchableOpacity,
       {
         style: styles7.yearSelector,
@@ -4977,8 +4996,8 @@ var Calendar = import_react23.default.forwardRef(
         accessibilityRole: "button",
         onPress: () => setShowYearPicker(true)
       },
-      /* @__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(
+      /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.selectorContent }, /* @__PURE__ */ import_react25.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.selectorText }, visibleMonth.getFullYear()), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.dropdownIcon }, /* @__PURE__ */ import_react25.default.createElement(Icon_native_default, { name: "tri-arrow-down" })))
+    ))), /* @__PURE__ */ import_react25.default.createElement(
       import_react_native32.TouchableOpacity,
       {
         onPress: () => handleClickNextPrevMonth(1),
@@ -4988,8 +5007,8 @@ var Calendar = import_react23.default.forwardRef(
         accessibilityState: { disabled: isNextDisabled },
         style: [styles7.navButton, isNextDisabled && styles7.disabledButton]
       },
-      /* @__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(
+      /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.iconWrapper }, /* @__PURE__ */ import_react25.default.createElement(Icon_native_default, { name: "tri-arrow-right" }))
+    )), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.daysLabelRow }, days.map((day, index) => /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { key: index, style: styles7.dayLabel }, /* @__PURE__ */ import_react25.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.dayLabelText }, day.slice(0, 1)))))), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.body }, allDaysInMonth.map((week, weekIndex) => /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { key: weekIndex, style: styles7.weekRow }, week.map((day, dayIndex) => renderDayButton(day, dayIndex))))), /* @__PURE__ */ import_react25.default.createElement(
       import_react_native32.Modal,
       {
         visible: showMonthPicker,
@@ -4997,14 +5016,14 @@ var Calendar = import_react23.default.forwardRef(
         animationType: "fade",
         onRequestClose: () => setShowMonthPicker(false)
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react23.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react25.default.createElement(
         import_react_native32.TouchableOpacity,
         {
           style: import_react_native32.StyleSheet.absoluteFillObject,
           activeOpacity: 1,
           onPress: () => setShowMonthPicker(false)
         }
-      ), /* @__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(
+      ), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.pickerContainer }, /* @__PURE__ */ import_react25.default.createElement(import_react_native32.ScrollView, { style: styles7.pickerScrollView }, months.map((monthName, monthIndex) => /* @__PURE__ */ import_react25.default.createElement(
         import_react_native32.TouchableOpacity,
         {
           key: monthIndex,
@@ -5021,7 +5040,7 @@ var Calendar = import_react23.default.forwardRef(
             }
           }
         },
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react25.default.createElement(
           Text_native_default,
           {
             typo: "has-text-left" /* TEXT_LEFT */,
@@ -5033,9 +5052,9 @@ var Calendar = import_react23.default.forwardRef(
           },
           monthName
         ),
-        visibleMonth.getMonth() === monthIndex && /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-check" })
+        visibleMonth.getMonth() === monthIndex && /* @__PURE__ */ import_react25.default.createElement(Icon_native_default, { name: "tri-check" })
       )))))
-    ), /* @__PURE__ */ import_react23.default.createElement(
+    ), /* @__PURE__ */ import_react25.default.createElement(
       import_react_native32.Modal,
       {
         visible: showYearPicker,
@@ -5043,14 +5062,14 @@ var Calendar = import_react23.default.forwardRef(
         animationType: "fade",
         onRequestClose: () => setShowYearPicker(false)
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react23.default.createElement(
+      /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react25.default.createElement(
         import_react_native32.TouchableOpacity,
         {
           style: import_react_native32.StyleSheet.absoluteFillObject,
           activeOpacity: 1,
           onPress: () => setShowYearPicker(false)
         }
-      ), /* @__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(
+      ), /* @__PURE__ */ import_react25.default.createElement(import_react_native32.View, { style: styles7.pickerContainer }, /* @__PURE__ */ import_react25.default.createElement(import_react_native32.ScrollView, { style: styles7.pickerScrollView }, yearsBetween.map((year) => /* @__PURE__ */ import_react25.default.createElement(
         import_react_native32.TouchableOpacity,
         {
           key: year.value,
@@ -5067,7 +5086,7 @@ var Calendar = import_react23.default.forwardRef(
             }
           }
         },
-        /* @__PURE__ */ import_react23.default.createElement(
+        /* @__PURE__ */ import_react25.default.createElement(
           Text_native_default,
           {
             typo: "has-text-left" /* TEXT_LEFT */,
@@ -5079,7 +5098,7 @@ var Calendar = import_react23.default.forwardRef(
           },
           String(year.value)
         ),
-        visibleMonth.getFullYear() === year.value && /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-check" })
+        visibleMonth.getFullYear() === year.value && /* @__PURE__ */ import_react25.default.createElement(Icon_native_default, { name: "tri-check" })
       )))))
     ));
   }
@@ -5088,16 +5107,16 @@ Calendar.displayName = "Calendar" /* Calendar */;
 var Calendar_native_default = Calendar;
 
 // components/card/Card.native.tsx
-var import_react24 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var import_react_native33 = require("react-native");
-var CardContext = (0, import_react24.createContext)({
+var CardContext = (0, import_react26.createContext)({
   floating: false,
   backgroundColor: "",
   horizontal: false,
   reversed: false,
   active: false
 });
-var Card = import_react24.default.forwardRef(
+var Card = import_react26.default.forwardRef(
   ({ children, flat, horizontal, floating, onClick, skeleton, reversed, fullheight, active, ...others }, ref) => {
     const borderColor = "#ccc";
     const cardRadius = 6;
@@ -5134,7 +5153,7 @@ var Card = import_react24.default.forwardRef(
         flexDirection: "column-reverse"
       }
     });
-    const CardSkeleton = () => /* @__PURE__ */ import_react24.default.createElement(
+    const CardSkeleton = () => /* @__PURE__ */ import_react26.default.createElement(
       Skeleton_default,
       {
         style: styles7.skeleton,
@@ -5145,19 +5164,19 @@ var Card = import_react24.default.forwardRef(
       },
       children
     );
-    const ShadowWrapper = ({ children: children2 }) => /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { style: [!flat && !floating ? styles7.shadow : void 0] }, children2);
+    const ShadowWrapper = ({ children: children2 }) => /* @__PURE__ */ import_react26.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);
+      return /* @__PURE__ */ import_react26.default.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { ref, style: [styles7.horizontal, styles7.card], testID: "card-horizontal" }, children);
+      cardView = /* @__PURE__ */ import_react26.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_native33.View, { ref, style: [styles7.reversed, styles7.card], testID: "card-reversed" }, children);
+      cardView = /* @__PURE__ */ import_react26.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_native33.View, { ref, style: [styles7.card], ...others }, children);
+      cardView = /* @__PURE__ */ import_react26.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(
+    return onClick ? /* @__PURE__ */ import_react26.default.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } }, /* @__PURE__ */ import_react26.default.createElement(
       CardContext.Provider,
       {
         value: {
@@ -5168,8 +5187,8 @@ var Card = import_react24.default.forwardRef(
           active: active || false
         }
       },
-      /* @__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(
+      /* @__PURE__ */ import_react26.default.createElement(import_react_native33.View, { style: { width: "100%" } }, /* @__PURE__ */ import_react26.default.createElement(import_react_native33.TouchableOpacity, { testID: "card-click-test", style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, /* @__PURE__ */ import_react26.default.createElement(ShadowWrapper, null, cardView)))
+    )) : /* @__PURE__ */ import_react26.default.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } }, /* @__PURE__ */ import_react26.default.createElement(
       CardContext.Provider,
       {
         value: {
@@ -5180,7 +5199,7 @@ var Card = import_react24.default.forwardRef(
           active: active || false
         }
       },
-      /* @__PURE__ */ import_react24.default.createElement(ShadowWrapper, null, cardView)
+      /* @__PURE__ */ import_react26.default.createElement(ShadowWrapper, null, cardView)
     ));
   }
 );
@@ -5188,11 +5207,11 @@ Card.displayName = "Card" /* Card */;
 var Card_native_default = Card;
 
 // components/card/content/CardContent.native.tsx
-var import_react25 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 var import_react_native34 = require("react-native");
-var CardContent = import_react25.default.forwardRef(
+var CardContent = import_react27.default.forwardRef(
   ({ children, ...others }, ref) => {
-    const cardContextValues = (0, import_react25.useContext)(CardContext);
+    const cardContextValues = (0, import_react27.useContext)(CardContext);
     const styles7 = import_react_native34.StyleSheet.create({
       card: {
         padding: 16,
@@ -5200,20 +5219,20 @@ var CardContent = import_react25.default.forwardRef(
         flex: cardContextValues.horizontal ? 1 : 0
       }
     });
-    return /* @__PURE__ */ import_react25.default.createElement(import_react_native34.View, { ref, style: styles7.card, ...others }, children);
+    return /* @__PURE__ */ import_react27.default.createElement(import_react_native34.View, { ref, style: styles7.card, ...others }, children);
   }
 );
 CardContent.displayName = "CardContent" /* CardContent */;
 var CardContent_native_default = CardContent;
 
 // components/card/image/CardImage.native.tsx
-var import_react26 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var import_react_native35 = require("react-native");
-var CardImage = import_react26.default.forwardRef(
+var CardImage = import_react28.default.forwardRef(
   ({ src, size: size2, alt, onClick, contain, ...others }, ref) => {
-    const { horizontal } = (0, import_react26.useContext)(CardContext);
+    const { horizontal } = (0, import_react28.useContext)(CardContext);
     const maxSize = horizontal ? "50%" : "100%";
-    const [ratio, setRatio] = (0, import_react26.useState)(1);
+    const [ratio, setRatio] = (0, import_react28.useState)(1);
     const styles7 = import_react_native35.StyleSheet.create({
       cardImage: {
         width: size2 ? `${size2}0%` : maxSize,
@@ -5224,7 +5243,7 @@ var CardImage = import_react26.default.forwardRef(
         height: horizontal ? "auto" : void 0
       }
     });
-    (0, import_react26.useEffect)(() => {
+    (0, import_react28.useEffect)(() => {
       if (!horizontal) {
         typeof src === "string" ? import_react_native35.Image.getSize(
           src,
@@ -5235,7 +5254,7 @@ var CardImage = import_react26.default.forwardRef(
         ) : setRatio(1);
       }
     }, [src, horizontal]);
-    const image = /* @__PURE__ */ import_react26.default.createElement(
+    const image = /* @__PURE__ */ import_react28.default.createElement(
       import_react_native35.Image,
       {
         ref,
@@ -5245,7 +5264,7 @@ var CardImage = import_react26.default.forwardRef(
         ...others
       }
     );
-    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;
+    return onClick ? /* @__PURE__ */ import_react28.default.createElement(import_react_native35.View, null, /* @__PURE__ */ import_react28.default.createElement(import_react_native35.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
   }
 );
 CardImage.displayName = "CardImage" /* CardImage */;
@@ -5261,12 +5280,12 @@ var CardImageSize = /* @__PURE__ */ ((CardImageSize2) => {
 })(CardImageSize || {});
 
 // components/checkbox/Checkbox.native.tsx
-var import_react27 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 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)(() => {
+var Checkbox = import_react29.default.forwardRef(
+  ({ id = import_react29.default.useId(), checked, name, onChange, disabled, readonly, label }, ref) => {
+    const [_checked, setChecked] = (0, import_react29.useState)(checked || false);
+    (0, import_react29.useEffect)(() => {
       setChecked(checked || false);
     }, [checked]);
     const styles7 = import_react_native36.StyleSheet.create({
@@ -5306,20 +5325,20 @@ var Checkbox = import_react27.default.forwardRef(
         }
       }
     };
-    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);
+    return /* @__PURE__ */ import_react29.default.createElement(import_react_native36.TouchableOpacity, { ref, disabled, style: styles7.container, onPress: () => handleClick() }, /* @__PURE__ */ import_react29.default.createElement(import_react_native36.TouchableOpacity, { style: styles7.checkBox, disabled, testID: id, onPressIn: () => handleClick() }, _checked && /* @__PURE__ */ import_react29.default.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ import_react29.default.createElement(Text_native_default, { style: styles7.label }, String(label)) : label);
   }
 );
 Checkbox.displayName = "Checkbox" /* Checkbox */;
 var Checkbox_native_default = Checkbox;
 
 // helpers/require/index.ts
-var import_react28 = __toESM(require("react"));
-var isRequiredChild = (children) => import_react28.default.Children.toArray(children).some(
-  (child) => import_react28.default.isValidElement(child) && child.props.required
+var import_react30 = __toESM(require("react"));
+var isRequiredChild = (children) => import_react30.default.Children.toArray(children).some(
+  (child) => import_react30.default.isValidElement(child) && child.props.required
 );
 
 // components/checkbox/list/CheckboxList.native.tsx
-var React49 = __toESM(require("react"));
+var React52 = __toESM(require("react"));
 var import_react_native37 = require("react-native");
 var { THREE: THREE2, TWO: TWO2 } = SpacerSize;
 var { INSERT_SPACE_BETWEEN: INSERT_SPACE_BETWEEN2 } = SpacingMatrixMode;
@@ -5328,23 +5347,23 @@ var SPACING_MATRIX = [
   [INSERT_SPACE_BETWEEN2, "Divider", "Checkbox", TWO2],
   [INSERT_SPACE_BETWEEN2, "Checkbox", "Checkbox", THREE2]
 ];
-var CheckboxList = React49.forwardRef(
+var CheckboxList = React52.forwardRef(
   ({ children, label }, ref) => {
     const styles7 = import_react_native37.StyleSheet.create({
       label: {
         marginBottom: 8
       }
     });
-    return /* @__PURE__ */ React49.createElement(index_native_default2, { ...{ autolayout: SPACING_MATRIX } }, label && /* @__PURE__ */ React49.createElement(Text_native_default, { style: styles7.label }, label, " ", isRequiredChild(children) && /* @__PURE__ */ React49.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), children);
+    return /* @__PURE__ */ React52.createElement(index_native_default2, { ...{ autolayout: SPACING_MATRIX } }, label && /* @__PURE__ */ React52.createElement(Text_native_default, { style: styles7.label }, label, " ", isRequiredChild(children) && /* @__PURE__ */ React52.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), children);
   }
 );
 CheckboxList.displayName = "CheckboxList" /* CheckboxList */;
 var CheckboxList_native_default = CheckboxList;
 
 // components/checkbox/tiles/CheckboxTiles.native.tsx
-var import_react29 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_react_native38 = require("react-native");
-var CheckboxTiles = import_react29.default.forwardRef(
+var CheckboxTiles = import_react31.default.forwardRef(
   ({ children, align, verticalAlign, ...others }, ref) => {
     const styles7 = import_react_native38.StyleSheet.create({
       container: {
@@ -5355,16 +5374,16 @@ var CheckboxTiles = import_react29.default.forwardRef(
         gap: 8 /* TWO */
       }
     });
-    return /* @__PURE__ */ import_react29.default.createElement(import_react_native38.View, { ref, style: styles7.container, ...others }, children);
+    return /* @__PURE__ */ import_react31.default.createElement(import_react_native38.View, { ref, style: styles7.container, ...others }, children);
   }
 );
 CheckboxTiles.displayName = "CheckboxTiles" /* CheckboxTiles */;
 var CheckboxTiles_native_default = CheckboxTiles;
 
 // components/sticker/Sticker.native.tsx
-var React51 = __toESM(require("react"));
+var React54 = __toESM(require("react"));
 var import_react_native39 = require("react-native");
-var Sticker = React51.forwardRef(
+var Sticker = React54.forwardRef(
   ({ variant, small, outlined, label, iconName, accessibilityLabel, ...others }, ref) => {
     const defaultColor = getColorStyle("MAIN" /* MAIN */);
     const styles7 = import_react_native39.StyleSheet.create({
@@ -5401,21 +5420,21 @@ var Sticker = React51.forwardRef(
         marginTop: 1
       }
     });
-    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));
+    return /* @__PURE__ */ React54.createElement(import_react_native39.View, { ref, style: styles7.sticker, accessibilityLabel, ...others }, iconName && /* @__PURE__ */ React54.createElement(Icon_native_default, { color: "WHITE" /* BACKGROUND */, size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label && /* @__PURE__ */ React54.createElement(Text_native_default, { style: styles7.text, typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */] }, label));
   }
 );
 Sticker.displayName = "Sticker" /* Sticker */;
 var Sticker_native_default = Sticker;
 
 // components/checkbox/tiles/tile/CheckboxTile.native.tsx
-var import_react30 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var import_react_native40 = require("react-native");
-var CheckboxTile = import_react30.default.forwardRef(
+var CheckboxTile = import_react32.default.forwardRef(
   ({
     disabled,
     checked,
     readonly,
-    id = import_react30.default.useId(),
+    id = import_react32.default.useId(),
     label,
     onChange,
     name,
@@ -5426,8 +5445,8 @@ var CheckboxTile = import_react30.default.forwardRef(
     stickerVariant = "ACCENT" /* ACCENT */,
     ...others
   }, ref) => {
-    const [_checked, setChecked] = (0, import_react30.useState)(checked || false);
-    const [stickerHeight, setStickerHeight] = (0, import_react30.useState)(0);
+    const [_checked, setChecked] = (0, import_react32.useState)(checked || false);
+    const [stickerHeight, setStickerHeight] = (0, import_react32.useState)(0);
     const styles7 = import_react_native40.StyleSheet.create({
       container: {
         flexDirection: "row",
@@ -5484,7 +5503,7 @@ var CheckboxTile = import_react30.default.forwardRef(
         }
       }
     };
-    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(
+    return /* @__PURE__ */ import_react32.default.createElement(import_react_native40.TouchableOpacity, { ref, disabled, style: styles7.tile, onPress: handleClick, ...others }, sticker && /* @__PURE__ */ import_react32.default.createElement(import_react_native40.View, { style: styles7.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react32.default.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ import_react32.default.createElement(View_native_default, { style: { gap: 8 /* TWO */ } }, /* @__PURE__ */ import_react32.default.createElement(
       import_react_native40.TouchableOpacity,
       {
         style: [styles7.checkBox],
@@ -5492,7 +5511,7 @@ var CheckboxTile = import_react30.default.forwardRef(
         testID: id,
         onPressIn: handleClick
       }
-    ), icon && /* @__PURE__ */ import_react30.default.createElement(
+    ), icon && /* @__PURE__ */ import_react32.default.createElement(
       View_native_default,
       {
         style: {
@@ -5501,7 +5520,7 @@ var CheckboxTile = import_react30.default.forwardRef(
           justifyContent: "center"
         }
       }
-    ), label && typeof label.valueOf() === "string" && /* @__PURE__ */ import_react30.default.createElement(
+    ), label && typeof label.valueOf() === "string" && /* @__PURE__ */ import_react32.default.createElement(
       Text_native_default,
       {
         level: 1 /* ONE */,
@@ -5509,21 +5528,21 @@ var CheckboxTile = import_react30.default.forwardRef(
         style: [styles7.label]
       },
       String(label)
-    ), description && typeof description.valueOf() === "string" && /* @__PURE__ */ import_react30.default.createElement(Text_native_default, { level: 2 /* TWO */, typo: ["has-text-centered" /* TEXT_CENTERED */] }, String(description))));
+    ), description && typeof description.valueOf() === "string" && /* @__PURE__ */ import_react32.default.createElement(Text_native_default, { level: 2 /* TWO */, typo: ["has-text-centered" /* TEXT_CENTERED */] }, String(description))));
   }
 );
 CheckboxTile.displayName = "CheckboxTiles" /* CheckboxTiles */;
 var CheckboxTile_native_default = CheckboxTile;
 
 // components/chips/Chips.native.tsx
-var import_react32 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_react_native42 = require("react-native");
 
 // components/chips/list/ChipsList.native.tsx
-var import_react31 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var import_react_native41 = require("react-native");
-var ChipsContext = (0, import_react31.createContext)({ isMultiple: false });
-var ChipsList = import_react31.default.forwardRef(
+var ChipsContext = (0, import_react33.createContext)({ isMultiple: false });
+var ChipsList = import_react33.default.forwardRef(
   ({ children, multiple, scrollable = true, ...others }, ref) => {
     const styles7 = import_react_native41.StyleSheet.create({
       container: {
@@ -5531,7 +5550,7 @@ var ChipsList = import_react31.default.forwardRef(
         flexDirection: "row"
       }
     });
-    return /* @__PURE__ */ import_react31.default.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? /* @__PURE__ */ import_react31.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? /* @__PURE__ */ import_react33.default.createElement(
       import_react_native41.ScrollView,
       {
         ref,
@@ -5541,18 +5560,18 @@ var ChipsList = import_react31.default.forwardRef(
         ...others
       },
       children
-    ) : /* @__PURE__ */ import_react31.default.createElement(import_react_native41.View, { ref, style: styles7.container, ...others }, children));
+    ) : /* @__PURE__ */ import_react33.default.createElement(import_react_native41.View, { ref, style: styles7.container, ...others }, children));
   }
 );
 ChipsList.displayName = "ChipsList" /* ChipsList */;
 var ChipsList_native_default = ChipsList;
 
 // components/chips/Chips.native.tsx
-var Chips = import_react32.default.forwardRef(
+var Chips = import_react34.default.forwardRef(
   ({ children, onClick, disabled, active, ...others }, ref) => {
-    const [activeItem, setActiveItem] = (0, import_react32.useState)(active || false);
-    const chipsContext = (0, import_react32.useContext)(ChipsContext);
-    (0, import_react32.useEffect)(() => {
+    const [activeItem, setActiveItem] = (0, import_react34.useState)(active || false);
+    const chipsContext = (0, import_react34.useContext)(ChipsContext);
+    (0, import_react34.useEffect)(() => {
       setActiveItem(active || false);
     }, [active]);
     const styles7 = import_react_native42.StyleSheet.create({
@@ -5574,7 +5593,7 @@ var Chips = import_react32.default.forwardRef(
         paddingTop: 1
       }
     });
-    return /* @__PURE__ */ import_react32.default.createElement(
+    return /* @__PURE__ */ import_react34.default.createElement(
       import_react_native42.TouchableOpacity,
       {
         ref,
@@ -5588,8 +5607,8 @@ var Chips = import_react32.default.forwardRef(
         },
         ...others
       },
-      chipsContext.isMultiple && active && /* @__PURE__ */ import_react32.default.createElement(import_react32.default.Fragment, null, /* @__PURE__ */ import_react32.default.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* WHITE */, name: "tri-check" /* CHECK */ }), /* @__PURE__ */ import_react32.default.createElement(Spacer_native_default, { horizontal: true, size: 4 /* ONE */ })),
-      /* @__PURE__ */ import_react32.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles7.text }, children)
+      chipsContext.isMultiple && active && /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, null, /* @__PURE__ */ import_react34.default.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* WHITE */, name: "tri-check" /* CHECK */ }), /* @__PURE__ */ import_react34.default.createElement(Spacer_native_default, { horizontal: true, size: 4 /* ONE */ })),
+      /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles7.text }, children)
     );
   }
 );
@@ -5597,10 +5616,10 @@ Chips.displayName = "Chips" /* Chips */;
 var Chips_native_default = Chips;
 
 // components/container/Container.native.tsx
-var import_react33 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var import_react_native43 = require("react-native");
-var Container = import_react33.default.forwardRef(({ children, ...others }, ref) => {
-  return /* @__PURE__ */ import_react33.default.createElement(import_react_native43.View, { ref, style: styles4.container, ...others }, children);
+var Container = import_react35.default.forwardRef(({ children, ...others }, ref) => {
+  return /* @__PURE__ */ import_react35.default.createElement(import_react_native43.View, { ref, style: styles4.container, ...others }, children);
 });
 Container.displayName = "Container" /* Container */;
 var Container_native_default = Container;
@@ -5615,7 +5634,7 @@ var styles4 = import_react_native43.StyleSheet.create({
 });
 
 // components/countdown/Countdown.native.tsx
-var import_react34 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var import_react_native44 = require("react-native");
 
 // components/countdown/CountdownEnum.ts
@@ -5645,17 +5664,17 @@ var calculateTimer = (timeDifference) => {
   const days2 = Math.floor(timeDifference / (1e3 * 60 * 60 * 24));
   return { days: days2, hours, minutes, seconds };
 };
-var Countdown = import_react34.default.forwardRef(
+var Countdown = import_react36.default.forwardRef(
   ({ deadline, format, event, small, inverted, ...others }, ref) => {
-    const [init, setInit] = (0, import_react34.useState)(false);
-    const [timeLeft, setTimeLeft] = (0, import_react34.useState)(deadline);
+    const [init, setInit] = (0, import_react36.useState)(false);
+    const [timeLeft, setTimeLeft] = (0, import_react36.useState)(deadline);
     const initialTimeDifference = deadline.getTime() - (/* @__PURE__ */ new Date()).getTime();
     const initialTimer = calculateTimer(initialTimeDifference);
-    const [timer, setTimer] = (0, import_react34.useState)(initialTimer);
+    const [timer, setTimer] = (0, import_react36.useState)(initialTimer);
     const show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
     const parsedFormat = format == null ? void 0 : format.split("-");
     const centered = false;
-    (0, import_react34.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       setTimeLeft(deadline);
     }, [deadline, setTimeLeft]);
     if (parsedFormat) {
@@ -5687,7 +5706,7 @@ var Countdown = import_react34.default.forwardRef(
     show.forEach((item) => {
       if (!item) width = width - 20;
     });
-    (0, import_react34.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       setInterval(() => {
         const difference = timeLeft.getTime() - (/* @__PURE__ */ new Date()).getTime();
         if (difference > 0) {
@@ -5729,7 +5748,7 @@ var Countdown = import_react34.default.forwardRef(
         }
       }, 1e3);
     }, [timeLeft, format]);
-    (0, import_react34.useEffect)(() => {
+    (0, import_react36.useEffect)(() => {
       if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
         event(null);
         setInit(false);
@@ -5764,16 +5783,16 @@ var Countdown = import_react34.default.forwardRef(
         margin: 8
       }
     });
-    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")));
+    return /* @__PURE__ */ import_react36.default.createElement(import_react_native44.View, { ref, style: styles7.countdown, ...others }, (show[0 /* DAY */] || timer.days != 0) && /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.text, testId: "day-id" }, timer.days ? timer.days : 0, /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.date }, "j")), show[0 /* DAY */] && show[1 /* HOUR */] && /* @__PURE__ */ import_react36.default.createElement(import_react_native44.View, { style: styles7.separator, testID: "hour-day-id" }), (show[1 /* HOUR */] || timer.hours != 0) && /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.text }, timer.hours ? timer.hours : 0, /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.date }, "h")), show[1 /* HOUR */] && show[2 /* MIN */] && /* @__PURE__ */ import_react36.default.createElement(import_react_native44.View, { style: styles7.separator, testID: "hour-min-id" }), (show[2 /* MIN */] || timer.minutes != 0) && /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.text }, timer.minutes ? timer.minutes : 0, /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.date }, "m")), show[3 /* SEC */] && show[2 /* MIN */] && /* @__PURE__ */ import_react36.default.createElement(import_react_native44.View, { style: styles7.separator, testID: "sec-min-id" }), (show[3 /* SEC */] || timer.seconds != 0) && /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.text, level: 1 /* ONE */ }, timer.seconds ? timer.seconds : 0, /* @__PURE__ */ import_react36.default.createElement(Text_native_default, { style: styles7.date }, "s")));
   }
 );
 Countdown.displayName = "Countdown" /* Countdown */;
 var Countdown_native_default = Countdown;
 
 // components/datepicker/DatePicker.native.tsx
-var import_react35 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_react_native45 = require("react-native");
-var DatePicker = (0, import_react35.forwardRef)(
+var DatePicker = (0, import_react37.forwardRef)(
   ({
     onChange,
     value,
@@ -5790,12 +5809,12 @@ var DatePicker = (0, import_react35.forwardRef)(
     name,
     ...others
   }, ref) => {
-    const [inputText, setInputText] = (0, import_react35.useState)("");
-    const [isCalendarVisible, setIsCalendarVisible] = (0, import_react35.useState)(false);
-    const [isFocused, setIsFocused] = (0, import_react35.useState)(false);
-    const previousTextRef = (0, import_react35.useRef)("");
+    const [inputText, setInputText] = (0, import_react37.useState)("");
+    const [isCalendarVisible, setIsCalendarVisible] = (0, import_react37.useState)(false);
+    const [isFocused, setIsFocused] = (0, import_react37.useState)(false);
+    const previousTextRef = (0, import_react37.useRef)("");
     const calendarValue = value ? new Date(value) : void 0;
-    const formatDateForDisplay = (0, import_react35.useCallback)((dateString) => {
+    const formatDateForDisplay = (0, import_react37.useCallback)((dateString) => {
       if (!dateString) return "";
       try {
         const date = new Date(dateString);
@@ -5808,7 +5827,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         return "";
       }
     }, []);
-    const parseManualInput = (0, import_react35.useCallback)(
+    const parseManualInput = (0, import_react37.useCallback)(
       (input) => {
         const cleaned = input.replace(/[^\d/]/g, "");
         const dateRegex = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
@@ -5833,7 +5852,7 @@ var DatePicker = (0, import_react35.forwardRef)(
       },
       [minDate, maxDate]
     );
-    const isDateInRange = (0, import_react35.useCallback)(
+    const isDateInRange = (0, import_react37.useCallback)(
       (date) => {
         if (minDate && date < new Date(minDate)) return false;
         if (maxDate && date > new Date(maxDate)) return false;
@@ -5841,7 +5860,7 @@ var DatePicker = (0, import_react35.forwardRef)(
       },
       [minDate, maxDate]
     );
-    const handleCalendarChange = (0, import_react35.useCallback)(
+    const handleCalendarChange = (0, import_react37.useCallback)(
       (selectedDate) => {
         const date = selectedDate;
         if (!isDateInRange(date)) return;
@@ -5857,7 +5876,7 @@ var DatePicker = (0, import_react35.forwardRef)(
       },
       [onChange, isDateInRange, formatDateForDisplay]
     );
-    const handleManualInput = (0, import_react35.useCallback)(
+    const handleManualInput = (0, import_react37.useCallback)(
       (text) => {
         const previousText = previousTextRef.current;
         const isDeleting = text.length < previousText.length;
@@ -5878,35 +5897,35 @@ var DatePicker = (0, import_react35.forwardRef)(
         if (numbersOnly.length === 1) {
           const firstDigit = parseInt(numbersOnly[0]);
           if (firstDigit > 3) {
-            formatted = "0" + numbersOnly[0] + "/";
+            formatted = `0${numbersOnly[0]}/`;
           } else {
             formatted = numbersOnly;
           }
         } else if (numbersOnly.length === 2) {
           const firstTwoDigits = parseInt(numbersOnly.slice(0, 2));
           if (firstTwoDigits > 31) {
-            formatted = "0" + numbersOnly[0] + "/0" + numbersOnly[1];
+            formatted = `0${numbersOnly[0]}/0${numbersOnly[1]}`;
           } else {
-            formatted = numbersOnly.slice(0, 2) + "/";
+            formatted = `${numbersOnly.slice(0, 2)}/`;
           }
         } else if (numbersOnly.length === 3) {
           const dayPart = numbersOnly.slice(0, 2);
           const monthDigit = parseInt(numbersOnly[2]);
           if (monthDigit > 1) {
-            formatted = dayPart + "/0" + numbersOnly[2] + "/";
+            formatted = `${dayPart}/0${numbersOnly[2]}/`;
           } else {
-            formatted = dayPart + "/" + numbersOnly[2];
+            formatted = `${dayPart}/${numbersOnly[2]}`;
           }
         } else if (numbersOnly.length >= 4) {
           const dayPart = numbersOnly.slice(0, 2);
           const monthPart = numbersOnly.slice(2, 4);
           const monthValue = parseInt(monthPart);
           if (monthValue > 12) {
-            formatted = dayPart + "/0" + numbersOnly[2] + "/" + numbersOnly[3];
+            formatted = `${dayPart}/0${numbersOnly[2]}/${numbersOnly[3]}`;
           } else {
-            formatted = dayPart + "/" + monthPart;
+            formatted = `${dayPart}/${monthPart}`;
             if (numbersOnly.length > 4) {
-              formatted += "/" + numbersOnly.slice(4);
+              formatted += `/${numbersOnly.slice(4)}`;
             }
           }
         }
@@ -5938,7 +5957,7 @@ var DatePicker = (0, import_react35.forwardRef)(
       },
       [parseManualInput, onChange]
     );
-    const handleInputBlur = (0, import_react35.useCallback)(() => {
+    const handleInputBlur = (0, import_react37.useCallback)(() => {
       setIsFocused(false);
       if (inputText.trim() === "") {
         if (onChange) {
@@ -5954,18 +5973,18 @@ var DatePicker = (0, import_react35.forwardRef)(
         setInputText(previousFormatted);
       }
     }, [inputText, parseManualInput, onChange, value, formatDateForDisplay]);
-    const handleOpenCalendar = (0, import_react35.useCallback)(() => {
+    const handleOpenCalendar = (0, import_react37.useCallback)(() => {
       if (disabled) return;
       setIsCalendarVisible(true);
     }, [disabled]);
-    const handleCloseCalendar = (0, import_react35.useCallback)(() => {
+    const handleCloseCalendar = (0, import_react37.useCallback)(() => {
       setIsCalendarVisible(false);
     }, []);
-    const handleInputFocus = (0, import_react35.useCallback)(() => {
+    const handleInputFocus = (0, import_react37.useCallback)(() => {
       if (disabled) return;
       setIsFocused(true);
     }, [disabled]);
-    (0, import_react35.useEffect)(() => {
+    (0, import_react37.useEffect)(() => {
       const formatted = formatDateForDisplay(value || null);
       if (!isFocused) {
         setInputText(formatted);
@@ -6034,7 +6053,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         elevation: 5
       }
     });
-    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(
+    return /* @__PURE__ */ import_react37.default.createElement(import_react_native45.View, { ref, style: styles7.container, testID: testId, ...others }, label && /* @__PURE__ */ import_react37.default.createElement(import_react_native45.View, { style: { flexDirection: "row", alignItems: "center" } }, /* @__PURE__ */ import_react37.default.createElement(Text_native_default, { style: styles7.label }, label), required && /* @__PURE__ */ import_react37.default.createElement(Text_native_default, { style: { color: getColorStyle("ERROR" /* ERROR */), marginLeft: 4 } }, "*")), sample && /* @__PURE__ */ import_react37.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles7.sample }, sample), /* @__PURE__ */ import_react37.default.createElement(import_react_native45.View, { style: styles7.inputContainer }, /* @__PURE__ */ import_react37.default.createElement(
       import_react_native45.TextInput,
       {
         style: styles7.input,
@@ -6048,7 +6067,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         onChangeText: handleManualInput,
         maxLength: 10
       }
-    ), /* @__PURE__ */ import_react35.default.createElement(
+    ), /* @__PURE__ */ import_react37.default.createElement(
       import_react_native45.TouchableOpacity,
       {
         style: styles7.iconContainer,
@@ -6056,8 +6075,8 @@ var DatePicker = (0, import_react35.forwardRef)(
         disabled,
         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_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(
+      /* @__PURE__ */ import_react37.default.createElement(Icon_native_default, { name: "tri-calendar", size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
+    )), help && /* @__PURE__ */ import_react37.default.createElement(Text_native_default, { style: styles7.help }, help), /* @__PURE__ */ import_react37.default.createElement(import_react_native45.Modal, { visible: isCalendarVisible, transparent: true, animationType: "fade", onRequestClose: handleCloseCalendar }, /* @__PURE__ */ import_react37.default.createElement(import_react_native45.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react37.default.createElement(import_react_native45.TouchableOpacity, { style: import_react_native45.StyleSheet.absoluteFillObject, activeOpacity: 1, onPress: handleCloseCalendar }), /* @__PURE__ */ import_react37.default.createElement(import_react_native45.View, { style: styles7.modalContent }, /* @__PURE__ */ import_react37.default.createElement(
       Calendar_native_default,
       {
         value: calendarValue,
@@ -6074,11 +6093,11 @@ DatePicker.displayName = "DatePicker" /* DatePicker */;
 var DatePicker_native_default = DatePicker;
 
 // components/divider/Divider.native.tsx
-var React58 = __toESM(require("react"));
+var React61 = __toESM(require("react"));
 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);
+var Divider = React61.forwardRef(({ content, unboxed, marginless, iconName, ...others }, ref) => {
+  const [textWidth, setTextWidth] = React61.useState(0);
+  const [containerWidth, setContainerWidth] = React61.useState(0);
   const dividerColor = getColorStyle("NEUTRAL" /* NEUTRAL */);
   const styles7 = import_react_native46.StyleSheet.create({
     divider: {
@@ -6113,12 +6132,12 @@ var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...o
       color: getColorStyle("MAIN" /* MAIN */)
     }
   });
-  const ContentDivider = React58.useMemo(() => {
-    if (content) return /* @__PURE__ */ React58.createElement(Text_native_default, { style: styles7.textContent }, content);
-    if (iconName && !content) return /* @__PURE__ */ React58.createElement(Icon_native_default, { name: iconName, color: "MAIN" /* MAIN */, testId: "icon-id" });
+  const ContentDivider = React61.useMemo(() => {
+    if (content) return /* @__PURE__ */ React61.createElement(Text_native_default, { style: styles7.textContent }, content);
+    if (iconName && !content) return /* @__PURE__ */ React61.createElement(Icon_native_default, { name: iconName, color: "MAIN" /* MAIN */, testId: "icon-id" });
   }, [content, iconName]);
   if (content || iconName) {
-    return /* @__PURE__ */ React58.createElement(
+    return /* @__PURE__ */ React61.createElement(
       import_react_native46.View,
       {
         ref,
@@ -6127,8 +6146,8 @@ var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...o
           setContainerWidth(event.nativeEvent.layout.width);
         }
       },
-      /* @__PURE__ */ React58.createElement(import_react_native46.View, { style: styles7.dividerContent, ...others }),
-      /* @__PURE__ */ React58.createElement(
+      /* @__PURE__ */ React61.createElement(import_react_native46.View, { style: styles7.dividerContent, ...others }),
+      /* @__PURE__ */ React61.createElement(
         import_react_native46.View,
         {
           style: styles7.content,
@@ -6138,18 +6157,18 @@ var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...o
         },
         ContentDivider
       ),
-      /* @__PURE__ */ React58.createElement(import_react_native46.View, { style: styles7.dividerContent, ...others })
+      /* @__PURE__ */ React61.createElement(import_react_native46.View, { style: styles7.dividerContent, ...others })
     );
   }
-  return /* @__PURE__ */ React58.createElement(import_react_native46.View, { style: styles7.divider, ...others });
+  return /* @__PURE__ */ React61.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 React62 = __toESM(require("react"));
 var import_react_native47 = require("react-native");
-var Fab = React59.forwardRef(({
+var Fab = React62.forwardRef(({
   children,
   accessibilityLabel,
   iconName,
@@ -6198,7 +6217,7 @@ var Fab = React59.forwardRef(({
       height: 56
     }
   });
-  return /* @__PURE__ */ React59.createElement(
+  return /* @__PURE__ */ React62.createElement(
     import_react_native47.TouchableOpacity,
     {
       ref,
@@ -6208,7 +6227,7 @@ var Fab = React59.forwardRef(({
       disabled,
       testID: testId
     },
-    extended ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(
+    extended ? /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement(
       Icon_native_default,
       {
         name: iconName,
@@ -6216,14 +6235,14 @@ var Fab = React59.forwardRef(({
         size: "medium" /* MEDIUM */,
         align: "ALIGNED_CENTER" /* ALIGNED_CENTER */
       }
-    ), /* @__PURE__ */ React59.createElement(
+    ), /* @__PURE__ */ React62.createElement(
       Text_native_default,
       {
         style: styles7.label,
         typo: ["has-text-white" /* TEXT_WHITE */, "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */]
       },
       children
-    )) : /* @__PURE__ */ React59.createElement(
+    )) : /* @__PURE__ */ React62.createElement(
       Icon_native_default,
       {
         name: iconName,
@@ -6238,12 +6257,12 @@ Fab.displayName = "Fab" /* Fab */;
 var Fab_native_default = Fab;
 
 // components/flex-box/FlexBox.native.tsx
-var import_react37 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 var import_react_native48 = require("react-native");
 
 // components/flex-box/context/index.tsx
-var import_react36 = __toESM(require("react"));
-var FlexBoxContext = import_react36.default.createContext({
+var import_react38 = __toESM(require("react"));
+var FlexBoxContext = import_react38.default.createContext({
   scrollable: false,
   width: 0,
   realGap: 16,
@@ -6251,14 +6270,14 @@ var FlexBoxContext = import_react36.default.createContext({
 });
 
 // components/flex-box/FlexBox.native.tsx
-var FlexBox = import_react37.default.forwardRef(
+var FlexBox = import_react39.default.forwardRef(
   ({ id, gap, direction = "row", align, justify, scrollable, fullBleed, children, fullheight, ...others }, ref) => {
-    const [width, setWidth] = (0, import_react37.useState)(0);
-    const [enlarge, setEnlarge] = (0, import_react37.useState)(0);
+    const [width, setWidth] = (0, import_react39.useState)(0);
+    const [enlarge, setEnlarge] = (0, import_react39.useState)(0);
     const isValueDirection = typeof direction === "string";
     const isValueAlign = typeof align === "string";
     const isValueJustify = typeof justify === "string";
-    const onLayoutHandler = import_react37.default.useCallback(
+    const onLayoutHandler = import_react39.default.useCallback(
       (event) => {
         if (!width) {
           const { width: width2 } = event.nativeEvent.layout;
@@ -6269,7 +6288,7 @@ var FlexBox = import_react37.default.forwardRef(
       [fullBleed, width]
     );
     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 realGap = import_react39.default.useMemo(() => typeof gap === "undefined" ? 8 : ColumnsGapValue[gapIndex], [gap]);
     const styles7 = import_react_native48.StyleSheet.create({
       columns: {
         flexDirection: !isValueDirection ? direction == null ? void 0 : direction.mobile : direction,
@@ -6286,18 +6305,18 @@ var FlexBox = import_react37.default.forwardRef(
         gap: realGap
       }
     });
-    return /* @__PURE__ */ import_react37.default.createElement(
+    return /* @__PURE__ */ import_react39.default.createElement(
       FlexBoxContext.Provider,
       {
         value: {
           width,
           realGap,
           scrollable: scrollable || false,
-          childrenLength: import_react37.default.Children.count(children)
+          childrenLength: import_react39.default.Children.count(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(
+      !scrollable && /* @__PURE__ */ import_react39.default.createElement(import_react_native48.View, { id, ref, onLayout: onLayoutHandler, style: [styles7.columns], ...others }, children),
+      scrollable && /* @__PURE__ */ import_react39.default.createElement(
         import_react_native48.View,
         {
           id,
@@ -6306,7 +6325,7 @@ var FlexBox = import_react37.default.forwardRef(
             marginHorizontal: -enlarge
           }
         },
-        /* @__PURE__ */ import_react37.default.createElement(
+        /* @__PURE__ */ import_react39.default.createElement(
           import_react_native48.ScrollView,
           {
             horizontal: true,
@@ -6323,19 +6342,19 @@ FlexBox.displayName = "FlexBox" /* FlexBox */;
 var FlexBox_native_default = FlexBox;
 
 // components/flex-box/flex-item/FlexItem.native.tsx
-var import_react38 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var import_react_native49 = require("react-native");
-var FlexItem = import_react38.default.forwardRef(
+var FlexItem = import_react40.default.forwardRef(
   ({ id, size: size2, narrow, verticalAlign, children, ...others }, ref) => {
-    const { width, realGap, scrollable, childrenLength } = import_react38.default.useContext(FlexBoxContext);
+    const { width, realGap, scrollable, childrenLength } = import_react40.default.useContext(FlexBoxContext);
     const realSize = size2 && typeof size2 === "number" && size2 || size2 && (size2 == null ? void 0 : size2.mobile) || 0;
-    const scrollableStyle = import_react38.default.useMemo(
+    const scrollableStyle = import_react40.default.useMemo(
       () => ({
         width: realSize ? realSize / 12 * width - realGap * ((childrenLength - 1) / childrenLength) : narrow ? "auto" : width - 2 * realGap
       }),
       [realSize, narrow, width, realGap, childrenLength, realSize]
     );
-    const noScrollableStyle = import_react38.default.useMemo(
+    const noScrollableStyle = import_react40.default.useMemo(
       () => ({
         flex: narrow ? 0 : 1,
         flexGrow: realSize || narrow ? 0 : 1,
@@ -6344,7 +6363,7 @@ var FlexItem = import_react38.default.forwardRef(
       }),
       [realSize, narrow, width, realGap, childrenLength, realSize]
     );
-    return /* @__PURE__ */ import_react38.default.createElement(
+    return /* @__PURE__ */ import_react40.default.createElement(
       import_react_native49.View,
       {
         id,
@@ -6364,12 +6383,12 @@ FlexItem.displayName = "FlexItem" /* FlexItem */;
 var FlexItem_native_default = FlexItem;
 
 // components/hero/Hero.native.tsx
-var import_react39 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 var import_react_native50 = require("react-native");
-var Hero = import_react39.default.forwardRef(
+var Hero = import_react41.default.forwardRef(
   ({ children, backgroundSrc, onClick, overlap, inverted, backgroundColor, backgroundHeight, ...others }, ref) => {
-    const [overlapHeight, setOverlapHeight] = (0, import_react39.useState)(0);
-    const [secondOverlapHeight, setSecondOverlapHeight] = (0, import_react39.useState)(0);
+    const [overlapHeight, setOverlapHeight] = (0, import_react41.useState)(0);
+    const [secondOverlapHeight, setSecondOverlapHeight] = (0, import_react41.useState)(0);
     const isSecondOverlap = overlap && Array.isArray(overlap) ? (overlap == null ? void 0 : overlap.length) > 1 : false;
     const isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
     const overlapMargin = backgroundHeight ? overlapHeight - backgroundHeight / 2 : overlapHeight - 60;
@@ -6405,21 +6424,21 @@ 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_native50.View, { style: [styles7.background, styles7.hero], testID: "background-id" }, /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.content }, children)));
+      heroView = /* @__PURE__ */ import_react41.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: false, flat: false } }, /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { style: [styles7.background, styles7.hero], testID: "background-id" }, /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { style: styles7.content }, children)));
     } else {
-      heroView = /* @__PURE__ */ import_react39.default.createElement(
+      heroView = /* @__PURE__ */ import_react41.default.createElement(
         import_react_native50.ImageBackground,
         {
           source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc },
           style: styles7.hero,
           ...others
         },
-        /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.content, testID: "no-background-id" }, children)
+        /* @__PURE__ */ import_react41.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_native50.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react39.default.createElement(
+      overlapView = /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react41.default.createElement(
         import_react_native50.View,
         {
           style: styles7.overlap,
@@ -6428,8 +6447,8 @@ 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_native50.View, { style: { marginBottom: secondOverlapHeight / 2 } }), overlap && typeof overlap !== "boolean" ? overlap[0] : null)
-      ), /* @__PURE__ */ import_react39.default.createElement(
+        /* @__PURE__ */ import_react41.default.createElement(Box_native_default, { backgroundColor: "NEUTRAL_FADE" /* NEUTRAL_FADE */ }, /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { style: { marginBottom: secondOverlapHeight / 2 } }), overlap && typeof overlap !== "boolean" ? overlap[0] : null)
+      ), /* @__PURE__ */ import_react41.default.createElement(
         import_react_native50.View,
         {
           style: styles7.secondOverlap,
@@ -6441,7 +6460,7 @@ var Hero = import_react39.default.forwardRef(
         overlap && typeof overlap !== "boolean" ? overlap[1] : null
       ));
     } else {
-      overlapView = /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react39.default.createElement(
+      overlapView = /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react41.default.createElement(
         import_react_native50.View,
         {
           style: styles7.overlap,
@@ -6453,7 +6472,7 @@ var Hero = import_react39.default.forwardRef(
         overlap && typeof overlap !== "boolean" ? overlap[0] : null
       ));
     }
-    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);
+    return onClick ? /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { ref }, /* @__PURE__ */ import_react41.default.createElement(import_react_native50.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView)) : /* @__PURE__ */ import_react41.default.createElement(import_react_native50.View, { ref, style: { width: "100%" } }, heroView, overlapView);
   }
 );
 Hero.displayName = "Hero" /* Hero */;
@@ -6477,9 +6496,9 @@ var RadiusValues = /* @__PURE__ */ ((RadiusValues2) => {
 })(RadiusValues || {});
 
 // components/image/Image.native.tsx
-var React64 = __toESM(require("react"));
+var React67 = __toESM(require("react"));
 var import_react_native51 = require("react-native");
-var Image2 = React64.forwardRef(
+var Image2 = React67.forwardRef(
   ({ src, alt = "", circled, width, height, onClick, cache, ...others }, ref) => {
     const styles7 = import_react_native51.StyleSheet.create({
       image: {
@@ -6505,20 +6524,20 @@ var Image2 = React64.forwardRef(
       uri: src,
       cache: getCachePolicy(cache)
     };
-    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;
+    const image = /* @__PURE__ */ React67.createElement(import_react_native51.Image, { ref, style: styles7.image, accessibilityLabel: alt, source: imageSource, ...others, alt });
+    return onClick ? /* @__PURE__ */ React67.createElement(import_react_native51.View, null, /* @__PURE__ */ React67.createElement(import_react_native51.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
   }
 );
 Image2.displayName = "Image" /* Image */;
 var Image_native_default = Image2;
 
 // components/link/Link.native.tsx
-var React65 = __toESM(require("react"));
-var import_react40 = require("react");
+var React68 = __toESM(require("react"));
+var import_react42 = require("react");
 var import_react_native52 = require("react-native");
-var Link = React65.forwardRef(
+var Link = React68.forwardRef(
   ({ children, to, onClick, testId, accessibilityLabel, iconName, inverted, ...others }, ref) => {
-    const [pressedLink, setPressedLink] = (0, import_react40.useState)(false);
+    const [pressedLink, setPressedLink] = (0, import_react42.useState)(false);
     const styles7 = import_react_native52.StyleSheet.create({
       link: {
         color: getColorStyle(
@@ -6536,7 +6555,7 @@ var Link = React65.forwardRef(
         marginLeft: 4
       }
     });
-    return /* @__PURE__ */ React65.createElement(React65.Fragment, null, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React65.createElement(
+    return /* @__PURE__ */ React68.createElement(React68.Fragment, null, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React68.createElement(
       import_react_native52.Text,
       {
         ref,
@@ -6553,8 +6572,8 @@ var Link = React65.forwardRef(
           }
         }
       },
-      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(
+      iconName ? /* @__PURE__ */ React68.createElement(import_react_native52.View, { style: styles7.iconView }, /* @__PURE__ */ React68.createElement(import_react_native52.Text, { accessibilityLabel, style: [styles7.link], ...others }, children), /* @__PURE__ */ React68.createElement(import_react_native52.View, { style: styles7.icon }, /* @__PURE__ */ React68.createElement(Icon_native_default, { color: "MAIN" /* MAIN */, name: iconName, size: "small" }))) : /* @__PURE__ */ React68.createElement(import_react_native52.Text, { accessibilityLabel, style: [styles7.link], ...others }, children)
+    ) : /* @__PURE__ */ React68.createElement(
       import_react_native52.Text,
       {
         testID: testId,
@@ -6578,8 +6597,8 @@ Link.displayName = "Link" /* Link */;
 var Link_native_default = Link;
 
 // components/list/context/ListContext.tsx
-var import_react41 = __toESM(require("react"));
-var ListContext = import_react41.default.createContext({
+var import_react43 = __toESM(require("react"));
+var ListContext = import_react43.default.createContext({
   divider: false,
   ordered: false,
   chilIndexes: [],
@@ -6587,24 +6606,24 @@ var ListContext = import_react41.default.createContext({
 });
 
 // components/list/List.native.tsx
-var React67 = __toESM(require("react"));
+var React70 = __toESM(require("react"));
 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_native53.View, { ref, testID: testId, ...others }, children));
+var List = React70.forwardRef(({ children, ordered = false, divider = false, testId, ...others }, ref) => {
+  const [chilIndexes, setChildIndexes] = React70.useState([]);
+  return /* @__PURE__ */ React70.createElement(ListContext.Provider, { value: { ordered, divider, chilIndexes, setChildIndexes } }, /* @__PURE__ */ React70.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_react44 = __toESM(require("react"));
 var import_react_native54 = require("react-native");
-var ListItem = import_react42.default.forwardRef(
+var ListItem = import_react44.default.forwardRef(
   ({ children, status, iconName }, ref) => {
-    const id = (0, import_react42.useId)();
-    const { ordered, chilIndexes, setChildIndexes, divider } = (0, import_react42.useContext)(ListContext);
+    const id = (0, import_react44.useId)();
+    const { ordered, chilIndexes, setChildIndexes, divider } = (0, import_react44.useContext)(ListContext);
     const isLastItem = chilIndexes[chilIndexes.length - 1] === id;
-    (0, import_react42.useEffect)(() => {
+    (0, import_react44.useEffect)(() => {
       setChildIndexes((prev) => [...prev, id]);
     }, [id]);
     const styles7 = import_react_native54.StyleSheet.create({
@@ -6626,13 +6645,13 @@ var ListItem = import_react42.default.forwardRef(
         borderRadius: 4
       }
     });
-    const getComponent = (0, import_react42.useMemo)(() => {
-      if (typeof children === "object") return /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, { style: styles7.text }, children);
+    const getComponent = (0, import_react44.useMemo)(() => {
+      if (typeof children === "object") return /* @__PURE__ */ import_react44.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);
+        return /* @__PURE__ */ import_react44.default.createElement(Text_native_default, { style: styles7.text, level: 1 /* ONE */ }, children);
       }
     }, [children]);
-    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));
+    return /* @__PURE__ */ import_react44.default.createElement(import_react_native54.View, { ref, style: [styles7.content] }, ordered && !iconName && /* @__PURE__ */ import_react44.default.createElement(import_react_native54.View, null, /* @__PURE__ */ import_react44.default.createElement(Text_native_default, { typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */] }, chilIndexes.indexOf(id) + 1, ".")), !iconName && !ordered && /* @__PURE__ */ import_react44.default.createElement(import_react_native54.View, null, /* @__PURE__ */ import_react44.default.createElement(import_react_native54.View, { style: styles7.disc })), iconName && /* @__PURE__ */ import_react44.default.createElement(import_react_native54.View, null, /* @__PURE__ */ import_react44.default.createElement(Icon_native_default, { size: "small", name: iconName, color: status })), /* @__PURE__ */ import_react44.default.createElement(import_react_native54.View, { style: { flexGrow: 1 } }, getComponent));
   }
 );
 ListItem.displayName = "ListItem" /* ListItem */;
@@ -6648,13 +6667,13 @@ var ListIconStatus = /* @__PURE__ */ ((ListIconStatus2) => {
 })(ListIconStatus || {});
 
 // components/modal/Modal.native.tsx
-var import_react44 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 var import_react_native55 = require("react-native");
 var import_react_native_modal = __toESM(require("react-native-modal"));
 
 // components/modal/context/ModalContext.tsx
-var import_react43 = __toESM(require("react"));
-var ModalContext = import_react43.default.createContext({
+var import_react45 = __toESM(require("react"));
+var ModalContext = import_react45.default.createContext({
   scrollViewRef: null,
   handleOnScroll: () => null,
   isFooter: false,
@@ -6662,7 +6681,7 @@ var ModalContext = import_react43.default.createContext({
 });
 
 // components/modal/Modal.native.tsx
-var Modal3 = import_react44.default.forwardRef(
+var Modal3 = import_react46.default.forwardRef(
   ({
     children,
     active = false,
@@ -6674,10 +6693,10 @@ var Modal3 = import_react44.default.forwardRef(
     title,
     ...others
   }, ref) => {
-    const scrollViewRef = (0, import_react44.useRef)(null);
-    const [scrollOffset, setScrollOffset] = (0, import_react44.useState)(0);
-    const [visible, setVisible] = (0, import_react44.useState)(active || false);
-    const [isFooter, setIsFooter] = (0, import_react44.useState)(active || false);
+    const scrollViewRef = (0, import_react46.useRef)(null);
+    const [scrollOffset, setScrollOffset] = (0, import_react46.useState)(0);
+    const [visible, setVisible] = (0, import_react46.useState)(active || false);
+    const [isFooter, setIsFooter] = (0, import_react46.useState)(active || false);
     const handleOnScroll = (event) => {
       setScrollOffset(event.nativeEvent.contentOffset.y);
     };
@@ -6688,10 +6707,10 @@ var Modal3 = import_react44.default.forwardRef(
       if (onClose) onClose(e);
       setVisible(false);
     };
-    (0, import_react44.useEffect)(() => {
+    (0, import_react46.useEffect)(() => {
       setVisible(active);
     }, [active]);
-    return /* @__PURE__ */ import_react44.default.createElement(ModalContext.Provider, { value: { scrollViewRef, handleOnScroll, isFooter, setIsFooter } }, trigger, /* @__PURE__ */ import_react44.default.createElement(
+    return /* @__PURE__ */ import_react46.default.createElement(ModalContext.Provider, { value: { scrollViewRef, handleOnScroll, isFooter, setIsFooter } }, trigger, /* @__PURE__ */ import_react46.default.createElement(
       import_react_native_modal.default,
       {
         isVisible: visible,
@@ -6706,7 +6725,7 @@ var Modal3 = import_react44.default.forwardRef(
         onModalHide,
         ...others
       },
-      /* @__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)
+      /* @__PURE__ */ import_react46.default.createElement(import_react_native55.View, { ref, style: [styles5.body, { backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, /* @__PURE__ */ import_react46.default.createElement(import_react_native55.View, { style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } }, /* @__PURE__ */ import_react46.default.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, /* @__PURE__ */ import_react46.default.createElement(Column_native_default, null, /* @__PURE__ */ import_react46.default.createElement(Title_native_default, { level: 4 }, title)), !hideCloseButton && !unClosable && /* @__PURE__ */ import_react46.default.createElement(Column_native_default, { narrow: true }, /* @__PURE__ */ import_react46.default.createElement(import_react_native55.TouchableOpacity, { onPress: handleClose }, /* @__PURE__ */ import_react46.default.createElement(Icon_native_default, { name: "tri-times" /* TIMES */, size: "medium" /* MEDIUM */, color: "MAIN" /* MAIN */ }))))), children)
     ));
   }
 );
@@ -6734,11 +6753,11 @@ var styles5 = import_react_native55.StyleSheet.create({
 });
 
 // components/modal/body/ModalBody.native.tsx
-var React71 = __toESM(require("react"));
+var React74 = __toESM(require("react"));
 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(
+var ModalBody = React74.forwardRef(({ children, ...others }, ref) => {
+  const { handleOnScroll, scrollViewRef, isFooter } = React74.useContext(ModalContext);
+  return /* @__PURE__ */ React74.createElement(
     import_react_native56.ScrollView,
     {
       ref: scrollViewRef,
@@ -6746,7 +6765,7 @@ var ModalBody = React71.forwardRef(({ children, ...others }, ref) => {
       onScroll: handleOnScroll,
       showsVerticalScrollIndicator: false
     },
-    /* @__PURE__ */ React71.createElement(
+    /* @__PURE__ */ React74.createElement(
       import_react_native56.View,
       {
         ref,
@@ -6767,17 +6786,17 @@ ModalBody.displayName = "ModalBody" /* ModalBody */;
 var ModalBody_native_default = ModalBody;
 
 // components/modal/footer/ModalFooter.native.tsx
-var React72 = __toESM(require("react"));
+var React75 = __toESM(require("react"));
 var import_react_native57 = require("react-native");
-var ModalFooter = React72.forwardRef(({ children, ...others }, ref) => {
-  const { setIsFooter } = React72.useContext(ModalContext);
-  React72.useEffect(() => {
+var ModalFooter = React75.forwardRef(({ children, ...others }, ref) => {
+  const { setIsFooter } = React75.useContext(ModalContext);
+  React75.useEffect(() => {
     setIsFooter(true);
     return () => {
       setIsFooter(false);
     };
   }, []);
-  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));
+  return /* @__PURE__ */ React75.createElement(import_react_native57.View, { ref, style: [styles6.container], ...others }, /* @__PURE__ */ React75.createElement(import_react_native57.View, { style: [{ backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, typeof children === "string" && /* @__PURE__ */ React75.createElement(Title_native_default, { level: 3 /* THREE */, style: styles6.title }, children) || children));
 });
 ModalFooter.displayName = "ModalFooter" /* ModalFooter */;
 var ModalFooter_native_default = ModalFooter;
@@ -6818,25 +6837,25 @@ var ModalSize = /* @__PURE__ */ ((ModalSize2) => {
 })(ModalSize || {});
 
 // components/otp/Otp.native.tsx
-var import_react45 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 var import_react_native58 = require("react-native");
-var Otp = import_react45.default.forwardRef(
+var Otp = import_react47.default.forwardRef(
   ({ value, length = 6, disabled, error, onCompleted, onFocus, activated, onChange, label, ...others }, ref) => {
-    const [codeInput, setCodeInput] = (0, import_react45.useState)(value || "");
-    const [codeDigitsArray] = (0, import_react45.useState)([...Array(length).keys()]);
-    const [focused, setFocused] = (0, import_react45.useState)(false);
+    const [codeInput, setCodeInput] = (0, import_react47.useState)(value || "");
+    const [codeDigitsArray] = (0, import_react47.useState)([...Array(length).keys()]);
+    const [focused, setFocused] = (0, import_react47.useState)(false);
     const color = getColorStyle(disabled ? "DISABLED" /* DISABLED */ : error ? "ERROR" /* ERROR */ : "MAIN" /* MAIN */);
-    (0, import_react45.useEffect)(() => {
+    (0, import_react47.useEffect)(() => {
       if (/^-?\d*\.?\d*$/.test(codeInput) && !disabled) {
         setCodeInput(value || "");
       }
     }, [value]);
-    (0, import_react45.useEffect)(() => {
+    (0, import_react47.useEffect)(() => {
       if (!disabled && codeInput && codeInput.length >= length) {
         onCompleted == null ? void 0 : onCompleted(codeInput);
       }
     }, [value, length, codeInput]);
-    const refInput = (0, import_react45.useRef)(null);
+    const refInput = (0, import_react47.useRef)(null);
     const handleOnPress = () => {
       var _a;
       (_a = refInput == null ? void 0 : refInput.current) == null ? void 0 : _a.focus();
@@ -6901,11 +6920,11 @@ 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_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_react47.default.createElement(import_react_native58.View, { key: idx, style: style.inputSelectedContainer }, /* @__PURE__ */ import_react47.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, level: 2 /* TWO */ }, digit), Boolean(idx === codeInput.length) && /* @__PURE__ */ import_react47.default.createElement(import_react_native58.View, { style: style.currentInput }));
       }
-      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_react47.default.createElement(import_react_native58.View, { key: idx, style: style.inputContainer }, /* @__PURE__ */ import_react47.default.createElement(Title_native_default, { level: 4 /* FOUR */ }, digit));
     };
-    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(
+    return /* @__PURE__ */ import_react47.default.createElement(import_react_native58.SafeAreaView, { ref, style: style.container, ...others }, /* @__PURE__ */ import_react47.default.createElement(import_react_native58.View, { style: { flexDirection: "row", alignItems: "center", gap: 4, marginBottom: label ? 8 : void 0 } }, Boolean(label) && /* @__PURE__ */ import_react47.default.createElement(import_react_native58.View, null, /* @__PURE__ */ import_react47.default.createElement(Text_native_default, { style: style.text, level: 4 /* FOUR */ }, label)), error && /* @__PURE__ */ import_react47.default.createElement(Icon_native_default, { name: "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */, color: "ERROR" /* ERROR */, size: "smaller" /* SMALLER */ })), /* @__PURE__ */ import_react47.default.createElement(import_react_native58.Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map((_item, index) => /* @__PURE__ */ import_react47.default.createElement(import_react_native58.View, { key: index }, toDigitInput(index, index)))), /* @__PURE__ */ import_react47.default.createElement(
       import_react_native58.TextInput,
       {
         ref: refInput,
@@ -6943,19 +6962,19 @@ Otp.displayName = "Otp" /* Otp */;
 var Otp_native_default = Otp;
 
 // components/pagination/Pagination.native.tsx
-var import_react46 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 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()));
-  const prevCurrentPage = (0, import_react46.useRef)(currentPage);
-  const [pager, setPager] = (0, import_react46.useState)({
+var Pagination = import_react48.default.forwardRef(({ length, defaultPage = 1, onClick, ...others }, ref) => {
+  const [currentPage, setCurrentPage] = (0, import_react48.useState)(defaultPage);
+  const [arrayPage] = (0, import_react48.useState)(Array.from(Array(length + 1).keys()));
+  const prevCurrentPage = (0, import_react48.useRef)(currentPage);
+  const [pager, setPager] = (0, import_react48.useState)({
     currentPage,
     length,
     endPage: length + 1,
     pages: arrayPage
   });
-  (0, import_react46.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     let startPage = 1;
     let endPage = 5;
     if (length <= 5) {
@@ -6981,7 +7000,7 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
       pages
     });
   }, [currentPage, length]);
-  (0, import_react46.useEffect)(() => {
+  (0, import_react48.useEffect)(() => {
     if (onClick && prevCurrentPage.current !== currentPage) {
       onClick(pager);
     }
@@ -7028,7 +7047,7 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
       marginRight: -12
     }
   });
-  return /* @__PURE__ */ import_react46.default.createElement(import_react_native59.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ import_react46.default.createElement(
+  return /* @__PURE__ */ import_react48.default.createElement(import_react_native59.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ import_react48.default.createElement(
     import_react_native59.TouchableOpacity,
     {
       onPress: () => {
@@ -7038,8 +7057,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_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(
+    /* @__PURE__ */ import_react48.default.createElement(Icon_native_default, { name: "tri-arrow-left" /* ARROW_LEFT */, size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
+  ), /* @__PURE__ */ import_react48.default.createElement(import_react_native59.View, { style: { flexDirection: "row", alignItems: "center" } }, !pager.pages.includes(1) && /* @__PURE__ */ import_react48.default.createElement(import_react_native59.View, null, /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { style: styles7.dotsLeft }, "\u2026")), pager.pages.map((pageNumber) => /* @__PURE__ */ import_react48.default.createElement(import_react_native59.View, { key: pageNumber }, /* @__PURE__ */ import_react48.default.createElement(
     import_react_native59.TouchableOpacity,
     {
       style: currentPage === pageNumber ? styles7.rounded : styles7.textContainer,
@@ -7048,8 +7067,8 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
         prevCurrentPage.current = pageNumber;
       }
     },
-    /* @__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_native59.View, { style: { marginRight: 15 } }, /* @__PURE__ */ import_react46.default.createElement(Text_native_default, { style: styles7.dotsRight }, "\u2026"))), /* @__PURE__ */ import_react46.default.createElement(
+    /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { style: currentPage === pageNumber ? styles7.textCurrent : styles7.text }, pageNumber)
+  ))), !pager.pages.includes(length) && /* @__PURE__ */ import_react48.default.createElement(import_react_native59.View, { style: { marginRight: 15 } }, /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { style: styles7.dotsRight }, "\u2026"))), /* @__PURE__ */ import_react48.default.createElement(
     import_react_native59.TouchableOpacity,
     {
       onPress: () => {
@@ -7059,14 +7078,14 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
         }
       }
     },
-    /* @__PURE__ */ import_react46.default.createElement(Icon_native_default, { name: "tri-arrow-right" /* ARROW_RIGHT */, size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
+    /* @__PURE__ */ import_react48.default.createElement(Icon_native_default, { name: "tri-arrow-right" /* ARROW_RIGHT */, size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
   ));
 });
 Pagination.displayName = "Pagination" /* Pagination */;
 var Pagination_native_default = Pagination;
 
 // components/popover/Popover.native.tsx
-var React75 = __toESM(require("react"));
+var React78 = __toESM(require("react"));
 var import_react_native60 = require("react-native");
 
 // components/popover/PopoverEnum.ts
@@ -7083,7 +7102,7 @@ var PopoverArrowPosition = /* @__PURE__ */ ((PopoverArrowPosition2) => {
 })(PopoverArrowPosition || {});
 
 // components/popover/Popover.native.tsx
-var Popover = React75.forwardRef(({ children, active = false, direction }, ref) => {
+var Popover = React78.forwardRef(({ children, active = false, direction }, ref) => {
   const styles7 = import_react_native60.StyleSheet.create({
     container: {
       alignItems: "center"
@@ -7138,7 +7157,7 @@ var Popover = React75.forwardRef(({ children, active = false, direction }, ref)
     }
   });
   if (active && (direction === "left" /* LEFT */ || direction === "right" /* RIGHT */)) {
-    return /* @__PURE__ */ React75.createElement(
+    return /* @__PURE__ */ React78.createElement(
       import_react_native60.View,
       {
         ref,
@@ -7148,20 +7167,20 @@ 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_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)
+      direction === "right" /* RIGHT */ && /* @__PURE__ */ React78.createElement(React78.Fragment, null, children, /* @__PURE__ */ React78.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowLeft] : {} })),
+      direction === "left" /* LEFT */ && /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowRight] : {} }), children)
     );
   }
   if (active && (direction === "bottom" /* BOTTOM */ || !direction)) {
-    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__ */ React78.createElement(import_react_native60.View, { ref }, direction === "bottom" /* BOTTOM */ && /* @__PURE__ */ React78.createElement(import_react_native60.View, null, children), /* @__PURE__ */ React78.createElement(import_react_native60.View, { style: styles7.container }, direction === "bottom" /* BOTTOM */ && /* @__PURE__ */ React78.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowTop] : {} }), !direction && /* @__PURE__ */ React78.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowBottom] : {} })), !direction && /* @__PURE__ */ React78.createElement(import_react_native60.View, null, children));
   }
-  return /* @__PURE__ */ React75.createElement(import_react_native60.View, { ref }, children);
+  return /* @__PURE__ */ React78.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_react49 = __toESM(require("react"));
 var import_react_native61 = require("react-native");
 
 // components/price/PriceEnum.ts
@@ -7186,7 +7205,7 @@ var checkCents = (text) => {
 };
 
 // components/price/Price.native.tsx
-var Price = import_react47.default.forwardRef(
+var Price = import_react49.default.forwardRef(
   ({
     amount,
     mention,
@@ -7202,7 +7221,7 @@ var Price = import_react47.default.forwardRef(
     ...others
   }, ref) => {
     var _a, _b;
-    const statesContext = (0, import_react47.useContext)(StatesContext);
+    const statesContext = (0, import_react49.useContext)(StatesContext);
     const isNegative = amount ? amount < 0 : false;
     const absoluteAmount = amount ? Math.abs(amount) : 0;
     const absoluteWhole = Math.floor(absoluteAmount);
@@ -7222,7 +7241,7 @@ var Price = import_react47.default.forwardRef(
     const suptitleLevel = priceLevel * 0.2;
     const priceLevelStriked = level == 1 /* ONE */ && 44 || level == 2 /* TWO */ && 32 || level == 3 /* THREE */ && 28 || level == 4 /* FOUR */ && 24 || 20;
     const centsLevelStriked = priceLevelStriked * 0.4;
-    const color = (0, import_react47.useMemo)(
+    const color = (0, import_react49.useMemo)(
       () => inverted && invertedColor || statesContext.inverted && invertedColor || primaryColor || !inverted && secondaryColor || primaryColor,
       [inverted, invertedColor, statesContext.inverted, primaryColor, secondaryColor]
     );
@@ -7336,7 +7355,7 @@ 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_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(
+    return /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { ref }, overline && /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.suptitle] }, overline), /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, null, /* @__PURE__ */ import_react49.default.createElement(
       import_react_native61.View,
       {
         style: [styles7.container],
@@ -7345,13 +7364,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_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(
+      /* @__PURE__ */ import_react49.default.createElement(import_react49.default.Fragment, null, oldAmount !== void 0 && /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { style: [{ flexDirection: "row" }] }, oldAmount !== void 0 && /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.striked] }), /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react49.default.createElement(
         import_react_native61.Text,
         {
           style: [styles7.price, styles7.priceFontSizeStriked, styles7.priceStrikedColor]
         },
         `${wholeStriked}`
-      )), /* @__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}`))))
+      )), /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.cents, styles7.centsFontSizeStriked, styles7.priceStrikedColor] }, "\u20AC", !hideCents && (centsStriked || "00"), mention && mention), /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.period, styles7.periodFontSizeStriked, styles7.priceStrikedColor] }, period && `/${period}`))), amount !== void 0 && oldAmount !== void 0 && /* @__PURE__ */ import_react49.default.createElement(Spacer_native_default, { horizontal: true, size: 4 /* ONE */ }), amount !== void 0 && /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { style: [{ flexDirection: "row" }] }, /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.price, styles7.priceFontSize, styles7.priceColor] }, `${whole}`)), /* @__PURE__ */ import_react49.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.cents, styles7.centsFontSize, styles7.priceColor] }, "\u20AC", !hideCents && (cents || "00"), mention && mention), /* @__PURE__ */ import_react49.default.createElement(import_react_native61.Text, { style: [styles7.period, styles7.periodFontSize, styles7.priceColor] }, period && `/${period}`))))
     )));
   }
 );
@@ -7359,10 +7378,10 @@ Price.displayName = "Price" /* Price */;
 var Price_native_default = Price;
 
 // components/product-tour/ProductTour.native.tsx
-var React77 = __toESM(require("react"));
+var React80 = __toESM(require("react"));
 var import_react_native62 = require("react-native");
-var ProductTour = React77.forwardRef(({ children }, ref) => {
-  return /* @__PURE__ */ React77.createElement(import_react_native62.View, { ref }, children);
+var ProductTour = React80.forwardRef(({ children }, ref) => {
+  return /* @__PURE__ */ React80.createElement(import_react_native62.View, { ref }, children);
 });
 ProductTour.displayName = "ProductTour" /* ProductTour */;
 var ProductTour_native_default = ProductTour;
@@ -7393,12 +7412,12 @@ var AvatarDirection = /* @__PURE__ */ ((AvatarDirection2) => {
 })(AvatarDirection || {});
 
 // components/progress/Progress.native.tsx
-var import_react48 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var import_react_native63 = require("react-native");
-var Progress = import_react48.default.forwardRef(
+var Progress = import_react50.default.forwardRef(
   ({ children, value, max = 100, status, legendCenter, legendStart, legendEnd, stacked, ...others }, ref) => {
-    const animation = (0, import_react48.useRef)(new import_react_native63.Animated.Value(0)).current;
-    (0, import_react48.useEffect)(() => {
+    const animation = (0, import_react50.useRef)(new import_react_native63.Animated.Value(0)).current;
+    (0, import_react50.useEffect)(() => {
       if (typeof value === "number") {
         import_react_native63.Animated.timing(animation, {
           toValue: value,
@@ -7450,9 +7469,9 @@ var Progress = import_react48.default.forwardRef(
       }
     });
     if (stacked) {
-      return /* @__PURE__ */ import_react48.default.createElement(View_native_default, { style: styles7.progress, ...others }, Array.isArray(children) && children.map(
+      return /* @__PURE__ */ import_react50.default.createElement(View_native_default, { style: styles7.progress, ...others }, Array.isArray(children) && children.map(
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (child, index) => child && child.type.render.displayName === "ProgressItem" && import_react48.default.cloneElement(child, {
+        (child, index) => child && child.type.render.displayName === "ProgressItem" && import_react50.default.cloneElement(child, {
           key: index,
           style: [
             index === 0 ? styles7.progressItemFirst : void 0,
@@ -7462,20 +7481,20 @@ 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_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)));
+    return /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(View_native_default, { ref, style: styles7.progress, ...others }, /* @__PURE__ */ import_react50.default.createElement(import_react_native63.Animated.View, { style: [styles7.percent, { width }] })), legendCenter && /* @__PURE__ */ import_react50.default.createElement(Text_native_default, { style: styles7.legendCenter, level: 3 /* THREE */ }, legendCenter), legendStart && legendEnd && !legendCenter && /* @__PURE__ */ import_react50.default.createElement(View_native_default, { style: styles7.extremLegend }, /* @__PURE__ */ import_react50.default.createElement(Text_native_default, { level: 3 /* THREE */ }, legendStart), /* @__PURE__ */ import_react50.default.createElement(Text_native_default, { level: 3 /* THREE */ }, legendEnd)));
   }
 );
 Progress.displayName = "Progress" /* Progress */;
 var Progress_native_default = Progress;
 
 // components/progress/item/ProgressItem.native.tsx
-var import_react49 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_react_native64 = require("react-native");
-var ProgressItem = import_react49.default.forwardRef(
+var ProgressItem = import_react51.default.forwardRef(
   ({ children, percent, style, ...others }, ref) => {
-    const animation = (0, import_react49.useRef)(new import_react_native64.Animated.Value(0)).current;
+    const animation = (0, import_react51.useRef)(new import_react_native64.Animated.Value(0)).current;
     const styles7 = style;
-    (0, import_react49.useEffect)(() => {
+    (0, import_react51.useEffect)(() => {
       percent && import_react_native64.Animated.timing(animation, {
         toValue: percent,
         duration: 1e3,
@@ -7487,22 +7506,22 @@ var ProgressItem = import_react49.default.forwardRef(
       outputRange: ["0%", "100%"],
       extrapolate: "clamp"
     });
-    return /* @__PURE__ */ import_react49.default.createElement(import_react_native64.Animated.View, { ...others, style: [{ width }, ...styles7], ref }, children);
+    return /* @__PURE__ */ import_react51.default.createElement(import_react_native64.Animated.View, { ...others, style: [{ width }, ...styles7], ref }, children);
   }
 );
 ProgressItem.displayName = "ProgressItem" /* ProgressItem */;
 var ProgressItem_native_default = ProgressItem;
 
 // components/progress/radial/ProgressRadial.native.tsx
-var React82 = __toESM(require("react"));
+var React85 = __toESM(require("react"));
 var import_react_native67 = require("react-native");
 
 // components/progress/radial/react-native-circular-progress/CircularProgress.tsx
-var React80 = __toESM(require("react"));
+var React83 = __toESM(require("react"));
 var import_prop_types = __toESM(require_prop_types());
 var import_react_native65 = require("react-native");
 var import_react_native_svg = require("react-native-svg");
-var CircularProgress = class extends React80.PureComponent {
+var CircularProgress = class extends React83.PureComponent {
   constructor() {
     super(...arguments);
     __publicField(this, "clampFill", (fill) => Math.min(100, Math.max(0, fill)));
@@ -7606,14 +7625,14 @@ 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_native65.View, { style }, /* @__PURE__ */ React80.createElement(import_react_native_svg.Svg, { width: size2 + padding, height: size2 + padding }, /* @__PURE__ */ React80.createElement(
+    return /* @__PURE__ */ React83.createElement(import_react_native65.View, { style }, /* @__PURE__ */ React83.createElement(import_react_native_svg.Svg, { width: size2 + padding, height: size2 + padding }, /* @__PURE__ */ React83.createElement(
       import_react_native_svg.G,
       {
         rotation,
         originX: (size2 + padding) / 2,
         originY: (size2 + padding) / 2
       },
-      backgroundColor && /* @__PURE__ */ React80.createElement(
+      backgroundColor && /* @__PURE__ */ React83.createElement(
         import_react_native_svg.Path,
         {
           d: backgroundPath,
@@ -7624,7 +7643,7 @@ var CircularProgress = class extends React80.PureComponent {
           fill: "transparent"
         }
       ),
-      fill > 0 && /* @__PURE__ */ React80.createElement(
+      fill > 0 && /* @__PURE__ */ React83.createElement(
         import_react_native_svg.Path,
         {
           d: circlePath,
@@ -7635,7 +7654,7 @@ var CircularProgress = class extends React80.PureComponent {
           fill: "transparent"
         }
       ),
-      secondFill && /* @__PURE__ */ React80.createElement(
+      secondFill && /* @__PURE__ */ React83.createElement(
         import_react_native_svg.Path,
         {
           d: secondCirclePath,
@@ -7647,7 +7666,7 @@ var CircularProgress = class extends React80.PureComponent {
         }
       ),
       cap
-    )), children && /* @__PURE__ */ React80.createElement(import_react_native65.View, { style: localChildrenContainerStyle }, children(fill)));
+    )), children && /* @__PURE__ */ React83.createElement(import_react_native65.View, { style: localChildrenContainerStyle }, children(fill)));
   }
 };
 CircularProgress.propTypes = {
@@ -7687,10 +7706,10 @@ 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 React84 = __toESM(require("react"));
 var import_react_native66 = require("react-native");
 var AnimatedProgress = import_react_native66.Animated.createAnimatedComponent(CircularProgress);
-var AnimatedCircularProgress = class extends React81.PureComponent {
+var AnimatedCircularProgress = class extends React84.PureComponent {
   constructor(props) {
     super(props);
     this.state = {
@@ -7742,7 +7761,7 @@ var AnimatedCircularProgress = class extends React81.PureComponent {
   }
   render() {
     const { fill, prefill, ...other } = this.props;
-    return /* @__PURE__ */ React81.createElement(AnimatedProgress, { ...other, fill: this.state.fillAnimation, tintColor: this.animateColor() });
+    return /* @__PURE__ */ React84.createElement(AnimatedProgress, { ...other, fill: this.state.fillAnimation, tintColor: this.animateColor() });
   }
 };
 AnimatedCircularProgress.propTypes = {
@@ -7761,7 +7780,7 @@ AnimatedCircularProgress.defaultProps = {
 };
 
 // components/progress/radial/ProgressRadial.native.tsx
-var ProgressRadial = React82.forwardRef(({
+var ProgressRadial = React85.forwardRef(({
   children,
   value,
   label,
@@ -7825,7 +7844,7 @@ var ProgressRadial = React82.forwardRef(({
       overflow: "hidden"
     }
   });
-  const ProgressRadialSkeleton = () => /* @__PURE__ */ React82.createElement(
+  const ProgressRadialSkeleton = () => /* @__PURE__ */ React85.createElement(
     Skeleton_default,
     {
       style: styles7.skeleton,
@@ -7835,12 +7854,12 @@ var ProgressRadial = React82.forwardRef(({
     }
   );
   if (skeleton) {
-    return /* @__PURE__ */ React82.createElement(ProgressRadialSkeleton, null);
+    return /* @__PURE__ */ React85.createElement(ProgressRadialSkeleton, null);
   }
   if (disk) {
-    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__ */ React85.createElement(import_react_native67.View, { ref, style: styles7.container }, /* @__PURE__ */ React85.createElement(import_react_native67.View, { style: [styles7.disk, styles7.alignCenter], ...others }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React85.createElement(Text_native_default, { style: styles7.labelDisk, level: 2 /* TWO */ }, label || "") : label, description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React85.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, ...others }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React85.createElement(import_react_native67.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ React85.createElement(
     AnimatedCircularProgress,
     {
       size: 90,
@@ -7852,16 +7871,16 @@ var ProgressRadial = React82.forwardRef(({
       ...secondFill,
       ...secondFillColor
     },
-    () => /* @__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))
+    () => /* @__PURE__ */ React85.createElement(import_react_native67.View, { style: styles7.alignCenter }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React85.createElement(Text_native_default, { style: styles7.label, level: 2 /* TWO */ }, label || "") : /* @__PURE__ */ React85.createElement(import_react_native67.View, null, label), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React85.createElement(Text_native_default, { style: styles7.description, level: 4 /* FOUR */ }, description || "") : /* @__PURE__ */ React85.createElement(import_react_native67.View, null, description || children))
   ));
 });
 ProgressRadial.displayName = "ProgressRadial" /* ProgressRadial */;
 var ProgressRadial_native_default = ProgressRadial;
 
 // components/text/Text.tsx
-var React83 = __toESM(require("react"));
+var React86 = __toESM(require("react"));
 var import_clsx3 = __toESM(require("clsx"));
-var Text9 = React83.forwardRef(({
+var Text9 = React86.forwardRef(({
   level,
   markup,
   children,
@@ -7909,7 +7928,7 @@ var Text9 = React83.forwardRef(({
     if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup)) return true;
   };
   const Tag2 = markup && isCorrectMarkup(markup) ? markup : "p";
-  return /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React86.createElement(
     Tag2,
     {
       ref,
@@ -7925,27 +7944,14 @@ var Text9 = React83.forwardRef(({
 Text9.displayName = "Text" /* Text */;
 var Text_default = Text9;
 
-// context/providerTheme/index.tsx
-var import_react50 = __toESM(require("react"));
-var defaultTheme2 = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue3 = {
-  theme: defaultTheme2,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext2 = import_react50.default.createContext(defaultContextValue3);
-
 // objects/Typography/TypographyBold/index.tsx
-var import_react51 = require("react");
+var import_react52 = require("react");
 
 // objects/facets/Color/index.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 
 // components/radio/list/RadioList.native.tsx
-var React85 = __toESM(require("react"));
+var React87 = __toESM(require("react"));
 var import_react_native68 = require("react-native");
 var { THREE: THREE3, TWO: TWO3 } = SpacerSize;
 var { INSERT_SPACE_BETWEEN: INSERT_SPACE_BETWEEN3 } = SpacingMatrixMode;
@@ -7954,22 +7960,22 @@ var SPACING_MATRIX2 = [
   [INSERT_SPACE_BETWEEN3, "Divider", "Radio", TWO3],
   [INSERT_SPACE_BETWEEN3, "Radio", "Radio", THREE3]
 ];
-var RadioList = React85.forwardRef(({ children, label }, ref) => {
+var RadioList = React87.forwardRef(({ children, label }, ref) => {
   const styles7 = import_react_native68.StyleSheet.create({
     label: {
       marginBottom: 8
     }
   });
-  return /* @__PURE__ */ React85.createElement(index_native_default2, { ...{ autolayout: SPACING_MATRIX2 } }, label && /* @__PURE__ */ React85.createElement(Text_default, { style: styles7.label }, label, " ", isRequiredChild(children) && /* @__PURE__ */ React85.createElement(Text_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), children);
+  return /* @__PURE__ */ React87.createElement(index_native_default2, { ...{ autolayout: SPACING_MATRIX2 } }, label && /* @__PURE__ */ React87.createElement(Text_default, { style: styles7.label }, label, " ", isRequiredChild(children) && /* @__PURE__ */ React87.createElement(Text_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), children);
 });
 RadioList.displayName = "RadioList" /* RadioList */;
 var RadioList_native_default = RadioList;
 
 // components/radio/Radio.native.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_react_native69 = require("react-native");
-var Radio = import_react53.default.forwardRef(({
-  id = import_react53.default.useId(),
+var Radio = import_react54.default.forwardRef(({
+  id = import_react54.default.useId(),
   checked,
   name,
   onChange,
@@ -8016,15 +8022,15 @@ var Radio = import_react53.default.forwardRef(({
       }
     }
   };
-  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);
+  return /* @__PURE__ */ import_react54.default.createElement(import_react_native69.TouchableOpacity, { ref, disabled, style: styles7.container, onPress: () => handleClick(value != null ? value : "") }, /* @__PURE__ */ import_react54.default.createElement(import_react_native69.View, { style: styles7.radio, testID: id }, checked && /* @__PURE__ */ import_react54.default.createElement(import_react_native69.View, { style: styles7.icon })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ import_react54.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_react55 = __toESM(require("react"));
 var import_react_native70 = require("react-native");
-var RadioTiles = import_react54.default.forwardRef(({ id, children, align, verticalAlign, ...others }, ref) => {
+var RadioTiles = import_react55.default.forwardRef(({ id, children, align, verticalAlign, ...others }, ref) => {
   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,
@@ -8034,19 +8040,19 @@ var RadioTiles = import_react54.default.forwardRef(({ id, children, align, verti
       gap: 8 /* TWO */
     }
   });
-  return /* @__PURE__ */ import_react54.default.createElement(import_react_native70.View, { ref, id, style: [styles7.container], ...others }, children);
+  return /* @__PURE__ */ import_react55.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_react56 = __toESM(require("react"));
 var import_react_native71 = require("react-native");
-var RadioTile = import_react55.default.forwardRef(
+var RadioTile = import_react56.default.forwardRef(
   ({
     checked,
     disabled,
-    id = import_react55.default.useId(),
+    id = import_react56.default.useId(),
     label,
     onChange,
     name,
@@ -8059,7 +8065,7 @@ var RadioTile = import_react55.default.forwardRef(
     stickerVariant = "ACCENT" /* ACCENT */,
     ...others
   }, ref) => {
-    const [stickerHeight, setStickerHeight] = (0, import_react55.useState)(0);
+    const [stickerHeight, setStickerHeight] = (0, import_react56.useState)(0);
     const styles7 = import_react_native71.StyleSheet.create({
       container: {
         flexDirection: horizontal ? "row" : "column",
@@ -8089,19 +8095,19 @@ var RadioTile = import_react55.default.forwardRef(
         right: checked ? 15 : 16
       }
     });
-    const typoTitle = (0, import_react55.useMemo)(() => {
+    const typoTitle = (0, import_react56.useMemo)(() => {
       const typos = ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */];
       if (!horizontal) typos.push("has-text-centered" /* TEXT_CENTERED */);
       if (disabled) typos.push("has-text-disabled" /* TEXT_DISABLED */);
       return typos;
     }, [disabled, horizontal]);
-    const typoText = (0, import_react55.useMemo)(() => {
+    const typoText = (0, import_react56.useMemo)(() => {
       const typos = [];
       if (!horizontal) typos.push("has-text-centered" /* TEXT_CENTERED */);
       if (disabled) typos.push("has-text-disabled" /* TEXT_DISABLED */);
       return typos;
     }, [horizontal, disabled]);
-    const handleChange = (0, import_react55.useCallback)(() => {
+    const handleChange = (0, import_react56.useCallback)(() => {
       if (onChange && !readonly && !disabled)
         onChange({
           radioValue: value || "",
@@ -8110,7 +8116,7 @@ var RadioTile = import_react55.default.forwardRef(
           radioId: id
         });
     }, [value, name, id, disabled, readonly, onChange]);
-    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));
+    return /* @__PURE__ */ import_react56.default.createElement(import_react_native71.TouchableOpacity, { ref, disabled, style: [styles7.container], onPress: handleChange, ...others }, /* @__PURE__ */ import_react56.default.createElement(InputRadio, { checked, disabled }), sticker && /* @__PURE__ */ import_react56.default.createElement(import_react_native71.View, { style: styles7.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react56.default.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), icon && /* @__PURE__ */ import_react56.default.createElement(import_react_native71.View, { style: [styles7.icon] }, /* @__PURE__ */ import_react56.default.createElement(Icon_native_default, { size: "small" /* SMALL */, name: icon })), /* @__PURE__ */ import_react56.default.createElement(import_react_native71.View, { style: [styles7.content] }, label && /* @__PURE__ */ import_react56.default.createElement(Text_native_default, { level: 1 /* ONE */, typo: typoTitle }, String(label)), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ import_react56.default.createElement(Text_native_default, { level: 2 /* TWO */, typo: typoText }, String(description)) : description));
   }
 );
 var InputRadio = ({ checked, disabled }) => {
@@ -8134,19 +8140,19 @@ var InputRadio = ({ checked, disabled }) => {
       )
     }
   });
-  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] }));
+  return /* @__PURE__ */ import_react56.default.createElement(import_react_native71.View, { style: [styles7.input] }, /* @__PURE__ */ import_react56.default.createElement(import_react_native71.View, { style: [styles7.inputRadio] }));
 };
 RadioTile.displayName = "RadioTile" /* RadioTile */;
 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 React91 = __toESM(require("react"));
 var import_react_native72 = require("react-native");
-var Range = React89.forwardRef(
+var Range = React91.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 [values3, setValues] = React91.useState(value || simple ? [0] : [0, 100]);
+    const [width, setWidth] = React91.useState(0);
     const styles7 = import_react_native72.StyleSheet.create({
       marker: {
         width: 20,
@@ -8168,8 +8174,8 @@ var Range = React89.forwardRef(
         marginTop: -6
       }
     });
-    const Marker = () => /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: styles7.marker });
-    return /* @__PURE__ */ React89.createElement(
+    const Marker = () => /* @__PURE__ */ React91.createElement(import_react_native72.View, { style: styles7.marker });
+    return /* @__PURE__ */ React91.createElement(
       import_react_native72.View,
       {
         ref,
@@ -8178,8 +8184,8 @@ var Range = React89.forwardRef(
           setWidth(width2);
         }
       },
-      /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: { marginBottom: -4 } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */ }, label && label)),
-      /* @__PURE__ */ React89.createElement(
+      /* @__PURE__ */ React91.createElement(import_react_native72.View, { style: { marginBottom: -4 } }, /* @__PURE__ */ React91.createElement(Text_native_default, { level: 3 /* THREE */ }, label && label)),
+      /* @__PURE__ */ React91.createElement(
         import_react_native_multi_slider.default,
         {
           values: values3,
@@ -8204,7 +8210,7 @@ var Range = React89.forwardRef(
           }
         }
       ),
-      /* @__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)))
+      /* @__PURE__ */ React91.createElement(import_react_native72.View, { style: styles7.markerLabels }, /* @__PURE__ */ React91.createElement(import_react_native72.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ React91.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, values3[0]), unit && /* @__PURE__ */ React91.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, unit)), !simple && /* @__PURE__ */ React91.createElement(import_react_native72.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ React91.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, values3[1]), unit && /* @__PURE__ */ React91.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, unit)))
     );
   }
 );
@@ -8212,9 +8218,9 @@ Range.displayName = "Range" /* Range */;
 var Range_native_default = Range;
 
 // components/scroll-view/ScrollView.native.tsx
-var React90 = __toESM(require("react"));
+var React92 = __toESM(require("react"));
 var import_react_native73 = require("react-native");
-var ScrollView6 = React90.forwardRef(
+var ScrollView6 = React92.forwardRef(
   ({
     children,
     footer,
@@ -8227,11 +8233,11 @@ var ScrollView6 = React90.forwardRef(
     scrollDirection,
     ...others
   }, ref) => {
-    const [refreshing, setRefreshing] = React90.useState(false);
+    const [refreshing, setRefreshing] = React92.useState(false);
     const wait = (timeout) => {
       return new Promise((resolve) => setTimeout(resolve, timeout));
     };
-    const onRefreshing = React90.useCallback(() => {
+    const onRefreshing = React92.useCallback(() => {
       setRefreshing(true);
       wait(2e3).then(() => setRefreshing(false));
     }, []);
@@ -8243,7 +8249,7 @@ var ScrollView6 = React90.forwardRef(
       }
     });
     if (footer) {
-      return /* @__PURE__ */ React90.createElement(
+      return /* @__PURE__ */ React92.createElement(
         import_react_native73.ScrollView,
         {
           horizontal: scrollDirection === "HORIZONTAL" /* HORIZONTAL */,
@@ -8253,7 +8259,7 @@ var ScrollView6 = React90.forwardRef(
           bounces: bounce && isIOS && true,
           overScrollMode: bounce && isAndroid && "always" || "never",
           ...refresh && {
-            refreshControl: /* @__PURE__ */ React90.createElement(
+            refreshControl: /* @__PURE__ */ React92.createElement(
               import_react_native73.RefreshControl,
               {
                 tintColor: refreshControlColor && getColorStyle(refreshControlColor),
@@ -8270,7 +8276,7 @@ var ScrollView6 = React90.forwardRef(
           },
           ...others
         },
-        /* @__PURE__ */ React90.createElement(
+        /* @__PURE__ */ React92.createElement(
           import_react_native73.View,
           {
             style: {
@@ -8280,10 +8286,10 @@ var ScrollView6 = React90.forwardRef(
           },
           children
         ),
-        /* @__PURE__ */ React90.createElement(import_react_native73.View, { style: { justifyContent: "flex-end" } }, footer)
+        /* @__PURE__ */ React92.createElement(import_react_native73.View, { style: { justifyContent: "flex-end" } }, footer)
       );
     }
-    return /* @__PURE__ */ React90.createElement(
+    return /* @__PURE__ */ React92.createElement(
       import_react_native73.ScrollView,
       {
         horizontal: scrollDirection === "HORIZONTAL" /* HORIZONTAL */,
@@ -8294,7 +8300,7 @@ var ScrollView6 = React90.forwardRef(
         bounces: bounce && isIOS && true,
         overScrollMode: bounce && isAndroid && "always" || "never",
         ...refresh && {
-          refreshControl: /* @__PURE__ */ React90.createElement(
+          refreshControl: /* @__PURE__ */ React92.createElement(
             import_react_native73.RefreshControl,
             {
               tintColor: refreshControlColor && getColorStyle(refreshControlColor),
@@ -8311,7 +8317,7 @@ var ScrollView6 = React90.forwardRef(
         },
         ...others
       },
-      centerContent ? /* @__PURE__ */ React90.createElement(import_react_native73.View, { style: { flex: 1, justifyContent: "center" } }, children) : children
+      centerContent ? /* @__PURE__ */ React92.createElement(import_react_native73.View, { style: { flex: 1, justifyContent: "center" } }, children) : children
     );
   }
 );
@@ -8319,9 +8325,9 @@ ScrollView6.displayName = "ScrollView" /* ScrollView */;
 var ScrollView_native_default = ScrollView6;
 
 // components/section/Section.native.tsx
-var React91 = __toESM(require("react"));
+var React93 = __toESM(require("react"));
 var import_react_native74 = require("react-native");
-var Section = React91.forwardRef(({ backgroundColor, backgroundSrc, children, style, ...others }, ref) => {
+var Section = React93.forwardRef(({ backgroundColor, backgroundSrc, children, style, ...others }, ref) => {
   const colorBgc = getColorStyle("WHITE" /* BACKGROUND */);
   const styles7 = import_react_native74.StyleSheet.create({
     container: {
@@ -8331,35 +8337,35 @@ var Section = React91.forwardRef(({ backgroundColor, backgroundSrc, children, st
     }
   });
   if (backgroundSrc) {
-    return /* @__PURE__ */ React91.createElement(
+    return /* @__PURE__ */ React93.createElement(
       import_react_native74.ImageBackground,
       {
         resizeMode: "cover",
         source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }
       },
-      /* @__PURE__ */ React91.createElement(import_react_native74.View, { ref, style: [styles7.container, style], ...others }, children)
+      /* @__PURE__ */ React93.createElement(import_react_native74.View, { ref, style: [styles7.container, style], ...others }, children)
     );
   }
-  return /* @__PURE__ */ React91.createElement(import_react_native74.View, { ref, style: [styles7.container, style], ...others }, children);
+  return /* @__PURE__ */ React93.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_react58 = __toESM(require("react"));
 var import_react_native75 = require("react-native");
 
 // components/segment-control/item/SegmentControlItem.tsx
 var import_clsx4 = __toESM(require("clsx"));
-var import_react56 = __toESM(require("react"));
-var SegmentControlItem = import_react56.default.forwardRef(
+var import_react57 = __toESM(require("react"));
+var SegmentControlItem = import_react57.default.forwardRef(
   ({ active, onClick, disabled, className, id, children, ...others }, ref) => {
-    const [activeItem, setActiveItem] = (0, import_react56.useState)(active || false);
+    const [activeItem, setActiveItem] = (0, import_react57.useState)(active || false);
     const { styled } = useTrilogyContext();
-    (0, import_react56.useEffect)(() => {
+    (0, import_react57.useEffect)(() => {
       setActiveItem(active || false);
     }, [active]);
-    return /* @__PURE__ */ import_react56.default.createElement(
+    return /* @__PURE__ */ import_react57.default.createElement(
       "button",
       {
         type: "button",
@@ -8388,8 +8394,8 @@ var SegmentControlItem_default = SegmentControlItem;
 var item_default2 = SegmentControlItem_default;
 
 // components/segment-control/SegmentControl.native.tsx
-var SegmentControl = import_react57.default.forwardRef(({ children, onClick, activeIndex, ...others }, ref) => {
-  const [activateIndex, setActivateIndex] = (0, import_react57.useState)(activeIndex || 0);
+var SegmentControl = import_react58.default.forwardRef(({ children, onClick, activeIndex, ...others }, ref) => {
+  const [activateIndex, setActivateIndex] = (0, import_react58.useState)(activeIndex || 0);
   const isActive = (index, childPropsActive) => {
     if (typeof childPropsActive !== "undefined" && !activateIndex) {
       return childPropsActive;
@@ -8420,7 +8426,7 @@ var SegmentControl = import_react57.default.forwardRef(({ children, onClick, act
       borderColor: getColorStyle("NEUTRAL" /* NEUTRAL */)
     }
   });
-  return /* @__PURE__ */ import_react57.default.createElement(View_native_default, { ref, style: styles7.padding }, /* @__PURE__ */ import_react57.default.createElement(View_native_default, { style: styles7.segmentedControl, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return /* @__PURE__ */ import_react58.default.createElement(View_native_default, { ref, style: styles7.padding }, /* @__PURE__ */ import_react58.default.createElement(View_native_default, { style: styles7.segmentedControl, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
   children.map((child, index) => {
     const props = {
       active: Boolean(isActive(index, child.props.active)) || false,
@@ -8437,15 +8443,15 @@ var SegmentControl = import_react57.default.forwardRef(({ children, onClick, act
       }
     };
     if (index < 5) {
-      return typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react57.default.createElement(
+      return typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react58.default.createElement(
         item_default2,
         {
           disabled: props.disabled,
           active: props.active,
           onClick: (e) => onClick == null ? void 0 : onClick(e)
         },
-        /* @__PURE__ */ import_react57.default.createElement(Text_native_default, { level: 1 /* ONE */ }, String(child))
-      ) : import_react57.default.cloneElement(child, props);
+        /* @__PURE__ */ import_react58.default.createElement(Text_native_default, { level: 1 /* ONE */ }, String(child))
+      ) : import_react58.default.cloneElement(child, props);
     }
   })));
 });
@@ -8453,16 +8459,16 @@ SegmentControl.displayName = "SegmentControl" /* SegmentControl */;
 var SegmentControl_native_default = SegmentControl;
 
 // components/segment-control/item/SegmentControlItem.native.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var import_react_native76 = require("react-native");
-var SegmentControlItem2 = import_react58.default.forwardRef(({
+var SegmentControlItem2 = import_react59.default.forwardRef(({
   active,
   children,
   onClick,
   disabled,
   ...others
 }, ref) => {
-  const [activeItem, setActiveItem] = (0, import_react58.useState)(active || false);
+  const [activeItem, setActiveItem] = (0, import_react59.useState)(active || false);
   const styles7 = import_react_native76.StyleSheet.create({
     tabsItem: {
       flexDirection: "column",
@@ -8482,10 +8488,10 @@ var SegmentControlItem2 = import_react58.default.forwardRef(({
       fontWeight: activeItem ? "600" : "normal"
     }
   });
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     setActiveItem(active || false);
   }, [active]);
-  return /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(
     import_react_native76.TouchableOpacity,
     {
       ref,
@@ -8501,20 +8507,20 @@ var SegmentControlItem2 = import_react58.default.forwardRef(({
       },
       ...others
     },
-    children && typeof children.valueOf() === "string" && /* @__PURE__ */ import_react58.default.createElement(import_react_native76.Text, { style: styles7.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
+    children && typeof children.valueOf() === "string" && /* @__PURE__ */ import_react59.default.createElement(import_react_native76.Text, { style: styles7.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
   );
 });
 SegmentControlItem2.displayName = "SegmentControlItem" /* SegmentControlItem */;
 var SegmentControlItem_native_default = SegmentControlItem2;
 
 // components/select/Select.native.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var import_react_native78 = require("react-native");
 
 // components/select/option/SelectOption.native.tsx
-var React95 = __toESM(require("react"));
+var React97 = __toESM(require("react"));
 var import_react_native77 = require("react-native");
-var SelectOption = React95.forwardRef(({ disabled, children, onClick, label, iconName, ...others }, ref) => {
+var SelectOption = React97.forwardRef(({ disabled, children, onClick, label, iconName, ...others }, ref) => {
   const { checked } = others;
   const styles7 = import_react_native77.StyleSheet.create({
     container: {
@@ -8523,7 +8529,7 @@ var SelectOption = React95.forwardRef(({ disabled, children, onClick, label, ico
       paddingVertical: checked && !iconName ? 8.5 : 10
     }
   });
-  const textColor = React95.useMemo(() => {
+  const textColor = React97.useMemo(() => {
     switch (true) {
       case disabled === true:
         return "DISABLED" /* DISABLED */;
@@ -8531,7 +8537,7 @@ var SelectOption = React95.forwardRef(({ disabled, children, onClick, label, ico
         return "MAIN" /* MAIN */;
     }
   }, [disabled]);
-  const iconColor = React95.useMemo(() => {
+  const iconColor = React97.useMemo(() => {
     switch (true) {
       case disabled === true:
         return "DISABLED" /* DISABLED */;
@@ -8539,17 +8545,17 @@ var SelectOption = React95.forwardRef(({ disabled, children, onClick, label, ico
         return "MAIN" /* MAIN */;
     }
   }, [disabled]);
-  const columnLabelSize = React95.useMemo(() => {
+  const columnLabelSize = React97.useMemo(() => {
     return iconName ? checked && 10 || 11 : checked && 11 || 12;
   }, [iconName, checked]);
-  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(
+  return /* @__PURE__ */ React97.createElement(import_react_native77.TouchableOpacity, { ref, style: [styles7.container], ...others, onPress: onClick }, /* @__PURE__ */ React97.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, iconName && /* @__PURE__ */ React97.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React97.createElement(Icon_native_default, { size: "small" /* SMALL */, name: iconName, color: iconColor })), /* @__PURE__ */ React97.createElement(Column_native_default, { size: columnLabelSize }, /* @__PURE__ */ React97.createElement(
     Text_native_default,
     {
       typo: [checked && "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */],
       ...{ style: { paddingLeft: 8, color: getColorStyle(textColor) } }
     },
     children || label
-  )), checked && /* @__PURE__ */ React95.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React95.createElement(Icon_native_default, { size: "small" /* SMALL */, name: "tri-check", color: iconColor }))));
+  )), checked && /* @__PURE__ */ React97.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React97.createElement(Icon_native_default, { size: "small" /* SMALL */, name: "tri-check", color: iconColor }))));
 });
 SelectOption.displayName = "SelectOption" /* SelectOption */;
 var SelectOption_native_default = SelectOption;
@@ -8558,16 +8564,16 @@ var SelectOption_native_default = SelectOption;
 var index_native_default3 = SelectOption_native_default;
 
 // components/select/Select.native.tsx
-var Select = import_react59.default.forwardRef(
+var Select = import_react60.default.forwardRef(
   ({ children, id, selected, label, iconName, onChange, disabled, multiple, onBlur, status, ...others }, ref) => {
-    const [selectedValues, setSelectedValues] = (0, import_react59.useState)(selected);
-    const [selectedNames, setSelectedNames] = import_react59.default.useState([]);
-    const [display, setDisplay] = (0, import_react59.useState)(false);
-    const reactId = import_react59.default.useId();
-    (0, import_react59.useEffect)(() => {
+    const [selectedValues, setSelectedValues] = (0, import_react60.useState)(selected);
+    const [selectedNames, setSelectedNames] = import_react60.default.useState([]);
+    const [display, setDisplay] = (0, import_react60.useState)(false);
+    const reactId = import_react60.default.useId();
+    (0, import_react60.useEffect)(() => {
       var _a;
-      const labelSelected = (_a = import_react59.default.Children.map(children, (child) => {
-        if (!import_react59.default.isValidElement(child)) return false;
+      const labelSelected = (_a = import_react60.default.Children.map(children, (child) => {
+        if (!import_react60.default.isValidElement(child)) return false;
         const label2 = child.props.children || child.props.label;
         switch (true) {
           case (Array.isArray(selected) && selected.includes(child.props.value) || !Array.isArray(selected) && child.props.value === selected):
@@ -8579,14 +8585,14 @@ var Select = import_react59.default.forwardRef(
       labelSelected && setSelectedNames(labelSelected);
       setSelectedValues(selected);
     }, [selected]);
-    const handleOpenCloseModal = (0, import_react59.useCallback)(() => {
+    const handleOpenCloseModal = (0, import_react60.useCallback)(() => {
       !disabled && setDisplay((prev) => !prev);
     }, [disabled]);
-    const isChecked = (0, import_react59.useCallback)(
+    const isChecked = (0, import_react60.useCallback)(
       (value) => multiple && selectedValues && typeof selectedValues !== "string" && typeof selectedValues !== "number" ? selectedValues == null ? void 0 : selectedValues.includes(value) : selectedValues === value,
       [multiple, selectedValues]
     );
-    const setNewSelectedValues = (0, import_react59.useCallback)(
+    const setNewSelectedValues = (0, import_react60.useCallback)(
       ({
         isChecked: isChecked2,
         children: children2,
@@ -8631,9 +8637,9 @@ var Select = import_react59.default.forwardRef(
       },
       [multiple]
     );
-    const options = import_react59.default.useMemo(() => {
-      return import_react59.default.Children.map(children, (child, index) => {
-        if (!import_react59.default.isValidElement(child)) return null;
+    const options = import_react60.default.useMemo(() => {
+      return import_react60.default.Children.map(children, (child, index) => {
+        if (!import_react60.default.isValidElement(child)) return null;
         const clickEventValue = (v) => {
           switch (true) {
             case (multiple && (selectedValues == null ? void 0 : selectedValues.includes(child.props.value)) || !multiple && selectedValues === child.props.value):
@@ -8663,16 +8669,16 @@ var Select = import_react59.default.forwardRef(
             if (child.props.onClick) child.props.onClick();
           }
         };
-        return /* @__PURE__ */ import_react59.default.createElement(index_native_default3, { ...props, key: `${reactId}_${index}` });
+        return /* @__PURE__ */ import_react60.default.createElement(index_native_default3, { ...props, key: `${reactId}_${index}` });
       });
     }, [multiple, selectedValues, children]);
-    return /* @__PURE__ */ import_react59.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       Modal_native_default,
       {
         active: display,
         onClose: handleOpenCloseModal,
         unClosable: true,
-        trigger: /* @__PURE__ */ import_react59.default.createElement(import_react_native78.TouchableOpacity, { onPress: handleOpenCloseModal }, /* @__PURE__ */ import_react59.default.createElement(
+        trigger: /* @__PURE__ */ import_react60.default.createElement(import_react_native78.TouchableOpacity, { onPress: handleOpenCloseModal }, /* @__PURE__ */ import_react60.default.createElement(
           Input_native_default,
           {
             status,
@@ -8690,7 +8696,7 @@ var Select = import_react59.default.forwardRef(
           }
         ))
       },
-      /* @__PURE__ */ import_react59.default.createElement(ModalBody_native_default, null, /* @__PURE__ */ import_react59.default.createElement(import_react_native78.View, { style: { paddingBottom: 20 } }, options))
+      /* @__PURE__ */ import_react60.default.createElement(ModalBody_native_default, null, /* @__PURE__ */ import_react60.default.createElement(import_react_native78.View, { style: { paddingBottom: 20 } }, options))
     );
   }
 );
@@ -8705,10 +8711,10 @@ var SelectStatus = /* @__PURE__ */ ((SelectStatus2) => {
 })(SelectStatus || {});
 
 // components/stepper/Stepper.native.tsx
-var React97 = __toESM(require("react"));
+var React99 = __toESM(require("react"));
 var import_react_native79 = require("react-native");
-var Stepper = React97.forwardRef(({ children, ...others }, ref) => {
-  const [currentStep, setCurrentStep] = React97.useState({
+var Stepper = React99.forwardRef(({ children, ...others }, ref) => {
+  const [currentStep, setCurrentStep] = React99.useState({
     step: 0,
     name: "",
     iconName: ""
@@ -8735,12 +8741,12 @@ var Stepper = React97.forwardRef(({ children, ...others }, ref) => {
       marginRight: 10
     }
   });
-  const nbChild = React97.useMemo(() => {
+  const nbChild = React99.useMemo(() => {
     if (children && Array.isArray(children)) return children.length;
     if (children && !Array.isArray(children)) return 1;
     return 0;
   }, [children]);
-  React97.useEffect(() => {
+  React99.useEffect(() => {
     if (children) {
       if (Array.isArray(children)) {
         let haveCurrentStep = false;
@@ -8771,7 +8777,7 @@ var Stepper = React97.forwardRef(({ children, ...others }, ref) => {
       }
     }
   }, [children]);
-  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(
+  return /* @__PURE__ */ React99.createElement(import_react_native79.View, { ref }, /* @__PURE__ */ React99.createElement(import_react_native79.View, { style: styles7.steppers, ...others }, children), /* @__PURE__ */ React99.createElement(import_react_native79.View, { style: styles7.step }, /* @__PURE__ */ React99.createElement(import_react_native79.View, { style: styles7.hasIcon }, currentStep.iconName && /* @__PURE__ */ React99.createElement(Text_native_default, { style: styles7.icon }, /* @__PURE__ */ React99.createElement(Icon_native_default, { name: currentStep.iconName, size: "small" /* SMALL */ })), /* @__PURE__ */ React99.createElement(Text_native_default, { level: 1 /* ONE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, currentStep.name)), /* @__PURE__ */ React99.createElement(
     Text_native_default,
     {
       style: styles7.counter,
@@ -8787,18 +8793,18 @@ Stepper.displayName = "Stepper" /* Stepper */;
 var Stepper_native_default = Stepper;
 
 // components/stepper/step/Step.native.tsx
-var React98 = __toESM(require("react"));
+var React100 = __toESM(require("react"));
 var import_react_native80 = require("react-native");
-var Step = React98.forwardRef(({ active, current, done, error, ...others }, ref) => {
+var Step = React100.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_native80.Animated.Value(0)).current;
+  const backgroundColorAnim = React100.useRef(new import_react_native80.Animated.Value(0)).current;
   const backgroundColor = backgroundColorAnim.interpolate({
     inputRange: [0, 1, 2],
     outputRange: [defaultColor, activeColor, errorColor]
   });
-  React98.useEffect(() => {
+  React100.useEffect(() => {
     let targetValue;
     if (error) {
       targetValue = 2;
@@ -8824,7 +8830,7 @@ var Step = React98.forwardRef(({ active, current, done, error, ...others }, ref)
       zIndex: 1
     }
   });
-  return /* @__PURE__ */ React98.createElement(import_react_native80.Animated.View, { ref, style: styles7.step, ...others });
+  return /* @__PURE__ */ React100.createElement(import_react_native80.Animated.View, { ref, style: styles7.step, ...others });
 });
 Step.displayName = "Step" /* Step */;
 var Step_native_default = Step;
@@ -8839,10 +8845,10 @@ var StepMarkup = /* @__PURE__ */ ((StepMarkup2) => {
 })(StepMarkup || {});
 
 // components/switch/Switch.native.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_react_native81 = require("react-native");
-var Switch = import_react60.default.forwardRef(({
-  id = import_react60.default.useId(),
+var Switch = import_react61.default.forwardRef(({
+  id = import_react61.default.useId(),
   checked,
   onChange,
   status,
@@ -8850,8 +8856,8 @@ var Switch = import_react60.default.forwardRef(({
   readonly,
   name
 }, ref) => {
-  const [_checked, setChecked] = (0, import_react60.useState)(checked || false);
-  (0, import_react60.useEffect)(() => {
+  const [_checked, setChecked] = (0, import_react61.useState)(checked || false);
+  (0, import_react61.useEffect)(() => {
     if (!readonly) {
       setChecked(checked || false);
     }
@@ -8864,7 +8870,7 @@ var Switch = import_react60.default.forwardRef(({
       transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }]
     }
   });
-  return /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement(
     import_react_native81.Switch,
     {
       ref,
@@ -8891,7 +8897,7 @@ Switch.displayName = "Switch" /* Switch */;
 var Switch_native_default = Switch;
 
 // components/table/Table.native.tsx
-var React100 = __toESM(require("react"));
+var React102 = __toESM(require("react"));
 var import_react_native82 = require("react-native");
 
 // components/table/TableProps.ts
@@ -8903,7 +8909,7 @@ var TableBorderEnum = /* @__PURE__ */ ((TableBorderEnum2) => {
 })(TableBorderEnum || {});
 
 // components/table/Table.native.tsx
-var Table = React100.forwardRef(({ children, border, ...others }, ref) => {
+var Table = React102.forwardRef(({ children, border, ...others }, ref) => {
   const borderColor = getColorStyle("MAIN_FADE" /* MAIN_FADE */);
   const styles7 = import_react_native82.StyleSheet.create({
     table: {
@@ -8919,7 +8925,7 @@ var Table = React100.forwardRef(({ children, border, ...others }, ref) => {
       borderColor: "transparent"
     }
   });
-  return /* @__PURE__ */ React100.createElement(
+  return /* @__PURE__ */ React102.createElement(
     import_react_native82.View,
     {
       ref,
@@ -8933,9 +8939,9 @@ Table.displayName = "Table" /* Table */;
 var Table_native_default = Table;
 
 // components/table/body/TableBody.native.tsx
-var React101 = __toESM(require("react"));
+var React103 = __toESM(require("react"));
 var import_react_native83 = require("react-native");
-var TableBody = React101.forwardRef(({ children, ...others }, ref) => {
+var TableBody = React103.forwardRef(({ children, ...others }, ref) => {
   const styles7 = import_react_native83.StyleSheet.create({
     body: {
       display: "flex",
@@ -8943,30 +8949,30 @@ var TableBody = React101.forwardRef(({ children, ...others }, ref) => {
       flex: 1
     }
   });
-  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);
+  return /* @__PURE__ */ React103.createElement(import_react_native83.View, { ref, style: styles7.body, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React103.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 React104 = __toESM(require("react"));
 var import_react_native84 = require("react-native");
-var TableHead = React102.forwardRef(({ children, ...others }, ref) => {
+var TableHead = React104.forwardRef(({ children, ...others }, ref) => {
   const styles7 = import_react_native84.StyleSheet.create({
     head: {
       width: "100%",
       flexDirection: "row"
     }
   });
-  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);
+  return /* @__PURE__ */ React104.createElement(import_react_native84.View, { ref, style: styles7.head, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React104.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 React105 = __toESM(require("react"));
 var import_react_native85 = require("react-native");
-var TableTd = React103.forwardRef(({ children, ...others }, ref) => {
+var TableTd = React105.forwardRef(({ children, ...others }, ref) => {
   const styles7 = import_react_native85.StyleSheet.create({
     table: {
       flexDirection: "column",
@@ -8981,15 +8987,15 @@ var TableTd = React103.forwardRef(({ children, ...others }, ref) => {
       color: getColorStyle("MAIN" /* MAIN */)
     }
   });
-  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);
+  return /* @__PURE__ */ React105.createElement(import_react_native85.View, { ref, style: styles7.table, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React105.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 React106 = __toESM(require("react"));
 var import_react_native86 = require("react-native");
-var TableTh = React104.forwardRef(({ children, ...others }, ref) => {
+var TableTh = React106.forwardRef(({ children, ...others }, ref) => {
   const styles7 = import_react_native86.StyleSheet.create({
     tableTh: {
       flexDirection: "column",
@@ -9004,21 +9010,21 @@ var TableTh = React104.forwardRef(({ children, ...others }, ref) => {
       fontWeight: "bold"
     }
   });
-  return /* @__PURE__ */ React104.createElement(View_native_default, { ref, style: styles7.tableTh, ...others }, /* @__PURE__ */ React104.createElement(Text_native_default, { typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */], style: styles7.title }, String(children)));
+  return /* @__PURE__ */ React106.createElement(View_native_default, { ref, style: styles7.tableTh, ...others }, /* @__PURE__ */ React106.createElement(Text_native_default, { typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */], style: styles7.title }, String(children)));
 });
 TableTh.displayName = "TableTh" /* TableTh */;
 var TableTh_native_default = TableTh;
 
 // components/table/tr/TableTr.native.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var import_react_native87 = require("react-native");
-var TableTr = import_react61.default.forwardRef(({
+var TableTr = import_react62.default.forwardRef(({
   children,
   expandable,
   expanded,
   ...others
 }, ref) => {
-  const [isExpanded, setIsExpended] = (0, import_react61.useState)(false);
+  const [isExpanded, setIsExpended] = (0, import_react62.useState)(false);
   const styles7 = import_react_native87.StyleSheet.create({
     tableTr: {
       flexDirection: "row",
@@ -9034,7 +9040,7 @@ var TableTr = import_react61.default.forwardRef(({
     setIsExpended(!isExpanded);
   };
   if (expandable) {
-    return /* @__PURE__ */ import_react61.default.createElement(View_native_default, { ref }, /* @__PURE__ */ import_react61.default.createElement(
+    return /* @__PURE__ */ import_react62.default.createElement(View_native_default, { ref }, /* @__PURE__ */ import_react62.default.createElement(
       import_react_native87.TouchableOpacity,
       {
         onPress: () => handleExpendedContent(),
@@ -9042,16 +9048,16 @@ var TableTr = import_react61.default.forwardRef(({
         ...others
       },
       children
-    ), isExpanded && expanded && typeof expanded.valueOf() === "string" && /* @__PURE__ */ import_react61.default.createElement(View_native_default, { style: styles7.expendable }, /* @__PURE__ */ import_react61.default.createElement(Text_native_default, { level: 4 /* FOUR */ }, String(expanded))), isExpanded && expanded && import_react61.default.isValidElement(expanded) && /* @__PURE__ */ import_react61.default.createElement(View_native_default, { style: styles7.expendable }, expanded));
+    ), isExpanded && expanded && typeof expanded.valueOf() === "string" && /* @__PURE__ */ import_react62.default.createElement(View_native_default, { style: styles7.expendable }, /* @__PURE__ */ import_react62.default.createElement(Text_native_default, { level: 4 /* FOUR */ }, String(expanded))), isExpanded && expanded && import_react62.default.isValidElement(expanded) && /* @__PURE__ */ import_react62.default.createElement(View_native_default, { style: styles7.expendable }, expanded));
   }
-  return /* @__PURE__ */ import_react61.default.createElement(View_native_default, { ref, style: styles7.tableTr, ...others }, children);
+  return /* @__PURE__ */ import_react62.default.createElement(View_native_default, { ref, style: styles7.tableTr, ...others }, children);
 });
 TableTr.displayName = "TableTr" /* TableTr */;
 var TableTr_native_default = TableTr;
 
 // components/tabs/context/index.tsx
-var import_react62 = __toESM(require("react"));
-var TabsContext = import_react62.default.createContext({
+var import_react63 = __toESM(require("react"));
+var TabsContext = import_react63.default.createContext({
   activeIndex: 0,
   inverted: false,
   setActiveIndex: () => 0,
@@ -9061,18 +9067,18 @@ var TabsContext = import_react62.default.createContext({
 });
 
 // components/tabs/Tabs.native.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 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);
-  import_react63.default.useEffect(() => {
+var Tabs = import_react64.default.forwardRef(({ children, activeIndex, inverted, fullwidth }, ref) => {
+  const [currentIndex, setCurrentIndex] = import_react64.default.useState(activeIndex || 0);
+  const [isInverted, setIsInverted] = import_react64.default.useState(inverted || false);
+  import_react64.default.useEffect(() => {
     activeIndex !== void 0 && setCurrentIndex(activeIndex);
   }, [activeIndex]);
-  import_react63.default.useEffect(() => {
+  import_react64.default.useEffect(() => {
     setIsInverted(inverted || false);
   }, [inverted]);
-  return /* @__PURE__ */ import_react63.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement(
     TabsContext.Provider,
     {
       value: {
@@ -9083,21 +9089,21 @@ var Tabs = import_react63.default.forwardRef(({ children, activeIndex, inverted,
         fullwidth
       }
     },
-    /* @__PURE__ */ import_react63.default.createElement(import_react_native88.View, { ref }, children)
+    /* @__PURE__ */ import_react64.default.createElement(import_react_native88.View, { ref }, children)
   );
 });
 Tabs.displayName = "Tabs" /* Tabs */;
 var Tabs_native_default = Tabs;
 
 // components/tabs/tab-list/tab/Tab.native.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_react_native89 = require("react-native");
-var Tab = import_react64.default.forwardRef(
+var Tab = import_react65.default.forwardRef(
   ({ active, onClick, to, href, iconName, label, disabled, ...others }, ref) => {
     const { index, ...props } = others;
-    const { activeIndex, setActiveIndex, inverted, fullwidth } = import_react64.default.useContext(TabsContext);
-    const isActive = import_react64.default.useMemo(() => activeIndex === index, [activeIndex, index]);
-    const handleClick = import_react64.default.useCallback(
+    const { activeIndex, setActiveIndex, inverted, fullwidth } = import_react65.default.useContext(TabsContext);
+    const isActive = import_react65.default.useMemo(() => activeIndex === index, [activeIndex, index]);
+    const handleClick = import_react65.default.useCallback(
       (e) => {
         if (!disabled) {
           if (onClick) onClick(e);
@@ -9121,24 +9127,20 @@ var Tab = import_react64.default.forwardRef(
       },
       text: {
         textAlign: "center",
-        color: getColorStyle(disabled ? "DISABLED" /* DISABLED */ : inverted ? "WHITE" /* BACKGROUND */ : "MAIN" /* MAIN */),
-        ...fullwidth && {
-          flex: 1,
-          flexShrink: 1
-        }
+        color: getColorStyle(disabled ? "DISABLED" /* DISABLED */ : inverted ? "WHITE" /* BACKGROUND */ : "MAIN" /* MAIN */)
       }
     });
-    import_react64.default.useEffect(() => {
+    import_react65.default.useEffect(() => {
       if (active) setActiveIndex(index);
     }, [active, setActiveIndex, index]);
-    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(
+    return /* @__PURE__ */ import_react65.default.createElement(import_react_native89.TouchableOpacity, { ref, activeOpacity: 1, style: styles7.tab, onPress: handleClick, ...props }, iconName && /* @__PURE__ */ import_react65.default.createElement(import_react_native89.View, { style: { alignSelf: "center" } }, /* @__PURE__ */ import_react65.default.createElement(
       Icon_native_default,
       {
         color: disabled ? "DISABLED" /* DISABLED */ : inverted ? "WHITE" /* BACKGROUND */ : "MAIN" /* MAIN */,
         size: "small",
         name: iconName
       }
-    )), /* @__PURE__ */ import_react64.default.createElement(
+    )), /* @__PURE__ */ import_react65.default.createElement(
       Text_native_default,
       {
         style: styles7.text,
@@ -9153,19 +9155,19 @@ Tab.displayName = "Tab" /* Tab */;
 var Tab_native_default = Tab;
 
 // components/tabs/tab-list/TabList.native.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 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);
+var TabList = import_react66.default.forwardRef(({ children, ...others }, ref) => {
+  const { inverted, fullwidth } = import_react66.default.useContext(TabsContext);
+  const TabListRef = import_react66.default.useRef(null);
   const paddingHorizontalTab = 12;
   const negativeGap = -35;
-  const [tabsWidth, setTabsWidth] = import_react65.default.useState(0);
-  const [tabListWidth, setTabListWidth] = import_react65.default.useState(0);
-  const [scrollLeft, setScrollLeft] = import_react65.default.useState(0);
-  const [tabFocused, setTabFocused] = import_react65.default.useState(0);
-  const [tabElms, setTabElms] = import_react65.default.useState([]);
-  import_react65.default.useImperativeHandle(ref, () => TabListRef.current);
+  const [tabsWidth, setTabsWidth] = import_react66.default.useState(0);
+  const [tabListWidth, setTabListWidth] = import_react66.default.useState(0);
+  const [scrollLeft, setScrollLeft] = import_react66.default.useState(0);
+  const [tabFocused, setTabFocused] = import_react66.default.useState(0);
+  const [tabElms, setTabElms] = import_react66.default.useState([]);
+  import_react66.default.useImperativeHandle(ref, () => TabListRef.current);
   const styles7 = import_react_native90.StyleSheet.create({
     tabList: {
       flexDirection: "row",
@@ -9173,15 +9175,15 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
     },
     arrow: { alignItems: "center", justifyContent: "center", paddingHorizontal: 2 }
   });
-  const isVisibleArrowLeft = import_react65.default.useMemo(() => {
+  const isVisibleArrowLeft = import_react66.default.useMemo(() => {
     if (!tabElms.length || !tabElms[0]) return false;
     return scrollLeft > tabElms[0].width / 2;
   }, [tabElms, scrollLeft]);
-  const isVisibleArrowRight = import_react65.default.useMemo(
+  const isVisibleArrowRight = import_react66.default.useMemo(
     () => tabListWidth - tabsWidth - scrollLeft > negativeGap,
     [tabListWidth, tabsWidth, scrollLeft]
   );
-  const handleScrollList = import_react65.default.useCallback(
+  const handleScrollList = import_react66.default.useCallback(
     (e) => {
       const scrollLeft2 = e.nativeEvent.contentOffset.x;
       const scrollPosition = tabElms.findIndex(
@@ -9192,7 +9194,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
     },
     [tabElms]
   );
-  const scrollWithArrow = import_react65.default.useCallback(
+  const scrollWithArrow = import_react66.default.useCallback(
     (direction) => {
       var _a;
       if (tabElms.length) {
@@ -9203,13 +9205,13 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
     },
     [tabFocused, TabListRef, tabElms]
   );
-  const onClickPrev = import_react65.default.useCallback(() => {
+  const onClickPrev = import_react66.default.useCallback(() => {
     isVisibleArrowLeft && scrollWithArrow(-1);
   }, [scrollWithArrow, isVisibleArrowLeft]);
-  const onClickNext = import_react65.default.useCallback(() => {
+  const onClickNext = import_react66.default.useCallback(() => {
     isVisibleArrowRight && scrollWithArrow(1);
   }, [scrollWithArrow, isVisibleArrowRight]);
-  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(
+  return /* @__PURE__ */ import_react66.default.createElement(import_react_native90.View, { style: { flexDirection: "row" }, onLayout: (e) => setTabsWidth(e.nativeEvent.layout.width) }, tabListWidth > tabsWidth && /* @__PURE__ */ import_react66.default.createElement(import_react_native90.View, { style: styles7.arrow }, /* @__PURE__ */ import_react66.default.createElement(
     Icon_native_default,
     {
       name: "tri-arrow-left",
@@ -9217,7 +9219,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
       color: isVisibleArrowLeft ? void 0 : "transparent",
       onClick: onClickPrev
     }
-  )), /* @__PURE__ */ import_react65.default.createElement(
+  )), /* @__PURE__ */ import_react66.default.createElement(
     import_react_native90.ScrollView,
     {
       scrollEnabled: fullwidth ? false : void 0,
@@ -9234,9 +9236,9 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
       },
       ...others
     },
-    import_react65.default.Children.map(children, (child, index) => {
-      if (!import_react65.default.isValidElement(child)) return false;
-      return /* @__PURE__ */ import_react65.default.createElement(
+    import_react66.default.Children.map(children, (child, index) => {
+      if (!import_react66.default.isValidElement(child)) return false;
+      return /* @__PURE__ */ import_react66.default.createElement(
         Tab_native_default,
         {
           onLayout: (e) => {
@@ -9252,7 +9254,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
         }
       );
     })
-  ), tabListWidth > tabsWidth && /* @__PURE__ */ import_react65.default.createElement(import_react_native90.View, { style: styles7.arrow }, /* @__PURE__ */ import_react65.default.createElement(
+  ), tabListWidth > tabsWidth && /* @__PURE__ */ import_react66.default.createElement(import_react_native90.View, { style: styles7.arrow }, /* @__PURE__ */ import_react66.default.createElement(
     Icon_native_default,
     {
       name: "tri-arrow-right",
@@ -9266,19 +9268,19 @@ TabList.displayName = "TabList" /* TabList */;
 var TabList_native_default = TabList;
 
 // components/tabs/tab-panels/tab-panel/TabPanel.native.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var import_react_native91 = require("react-native");
-var TabPanel = import_react66.default.forwardRef(({ children, testId, ...others }, ref) => {
+var TabPanel = import_react67.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_native91.Animated.Value(0)).current;
+  const { activeIndex } = import_react67.default.useContext(TabsContext);
+  const opacity = import_react67.default.useRef(new import_react_native91.Animated.Value(0)).current;
   const styles7 = import_react_native91.StyleSheet.create({
     tabPanel: {
       display: activeIndex !== index ? "none" : "flex",
       opacity
     }
   });
-  import_react66.default.useEffect(() => {
+  import_react67.default.useEffect(() => {
     if (activeIndex === index) {
       import_react_native91.Animated.timing(opacity, {
         toValue: 1,
@@ -9293,34 +9295,34 @@ var TabPanel = import_react66.default.forwardRef(({ children, testId, ...others
       }).start();
     }
   }, [activeIndex, index, opacity]);
-  return /* @__PURE__ */ import_react66.default.createElement(import_react_native91.Animated.View, { ref, style: styles7.tabPanel, ...props, testID: testId }, children);
+  return /* @__PURE__ */ import_react67.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_react68 = __toESM(require("react"));
 var import_react_native92 = require("react-native");
-var TabPanels = import_react67.default.forwardRef(({ children, ...others }, ref) => {
-  const { inverted } = import_react67.default.useContext(TabsContext);
+var TabPanels = import_react68.default.forwardRef(({ children, ...others }, ref) => {
+  const { inverted } = import_react68.default.useContext(TabsContext);
   const styles7 = import_react_native92.StyleSheet.create({
     tabPanels: {
       paddingVertical: 8,
       backgroundColor: getColorStyle(inverted ? "MAIN" /* MAIN */ : "transparent")
     }
   });
-  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 });
+  return /* @__PURE__ */ import_react68.default.createElement(import_react_native92.View, { ref, style: styles7.tabPanels, ...others }, import_react68.default.Children.map(children, (child, index) => {
+    if (!import_react68.default.isValidElement(child)) return false;
+    return /* @__PURE__ */ import_react68.default.createElement(TabPanel_native_default, { ...child.props, index });
   }));
 });
 TabPanels.displayName = "TabPanels" /* TabPanels */;
 var TabPanels_native_default = TabPanels;
 
 // components/tag/Tag.native.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var import_react_native93 = require("react-native");
-var Tag = import_react68.default.forwardRef(
+var Tag = import_react69.default.forwardRef(
   ({ label, variant, inverted, iconName, small, testId, ...others }, ref) => {
     const textColor = inverted ? getColorStyle(variant) : getColorStyle("MAIN" /* MAIN */);
     const backgroundColor = variant && getStatusStyle(variant).backgroundColor;
@@ -9351,7 +9353,7 @@ var Tag = import_react68.default.forwardRef(
         flexDirection: "row"
       }
     });
-    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(
+    return /* @__PURE__ */ import_react69.default.createElement(import_react_native93.View, { ref, style: styles7.tag, ...others }, iconName && /* @__PURE__ */ import_react69.default.createElement(import_react_native93.View, { style: styles7.icon }, /* @__PURE__ */ import_react69.default.createElement(
       Icon_native_default,
       {
         color: IconColor[variant || "BACKGROUND" /* BACKGROUND */],
@@ -9359,16 +9361,16 @@ var Tag = import_react68.default.forwardRef(
         name: iconName,
         testId: `${testId}-icon`
       }
-    )), /* @__PURE__ */ import_react68.default.createElement(import_react_native93.Text, { style: styles7.text }, label));
+    )), /* @__PURE__ */ import_react69.default.createElement(import_react_native93.Text, { style: styles7.text }, label));
   }
 );
 Tag.displayName = "Tag" /* Tag */;
 var Tag_native_default = Tag;
 
 // components/tag/list/TagList.native.tsx
-var React113 = __toESM(require("react"));
+var React115 = __toESM(require("react"));
 var import_react_native94 = require("react-native");
-var TagList = React113.forwardRef(({ children, ...others }, ref) => {
+var TagList = React115.forwardRef(({ children, ...others }, ref) => {
   const styles7 = import_react_native94.StyleSheet.create({
     tagList: {
       width: "100%",
@@ -9384,7 +9386,7 @@ var TagList = React113.forwardRef(({ children, ...others }, ref) => {
       padding: 0
     }
   });
-  return /* @__PURE__ */ React113.createElement(import_react_native94.View, { ref, style: [styles7.tagList], ...others }, children);
+  return /* @__PURE__ */ React115.createElement(import_react_native94.View, { ref, style: [styles7.tagList], ...others }, children);
 });
 TagList.displayName = "TagList" /* TagList */;
 var TagList_native_default = TagList;
@@ -9402,9 +9404,9 @@ var TagVariant = /* @__PURE__ */ ((TagVariant2) => {
 })(TagVariant || {});
 
 // components/textarea/Textarea.native.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var import_react_native95 = require("react-native");
-var Textarea = import_react69.default.forwardRef(
+var Textarea = import_react70.default.forwardRef(
   ({
     defaultValue,
     name,
@@ -9429,12 +9431,12 @@ var Textarea = import_react69.default.forwardRef(
     required,
     ...others
   }, ref) => {
-    const [_value, setValue] = (0, import_react69.useState)(value || "");
-    const [isFocus, setIsFocus] = (0, import_react69.useState)(false);
-    const [displayDynamicLabel, setDisplayDynamicLabel] = (0, import_react69.useState)(false);
+    const [_value, setValue] = (0, import_react70.useState)(value || "");
+    const [isFocus, setIsFocus] = (0, import_react70.useState)(false);
+    const [displayDynamicLabel, setDisplayDynamicLabel] = (0, import_react70.useState)(false);
     const textareaColor = isFocus ? getColorStyle("MAIN" /* MAIN */) : getColorStyle("NEUTRAL" /* NEUTRAL */);
-    const animation = (0, import_react69.useRef)(new import_react_native95.Animated.Value(0)).current;
-    (0, import_react69.useEffect)(() => {
+    const animation = (0, import_react70.useRef)(new import_react_native95.Animated.Value(0)).current;
+    (0, import_react70.useEffect)(() => {
       if (displayDynamicLabel) {
         import_react_native95.Animated.timing(animation, {
           toValue: 1,
@@ -9496,7 +9498,7 @@ var Textarea = import_react69.default.forwardRef(
         zIndex: 10
       }
     });
-    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(
+    return /* @__PURE__ */ import_react70.default.createElement(import_react_native95.View, null, !dynamicPlaceholder && label && /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(Text_native_default, { typo: "has-text-disabled" /* TEXT_DISABLED */ }, label, " ", label && required && /* @__PURE__ */ import_react70.default.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), /* @__PURE__ */ import_react70.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })), !dynamicPlaceholder && label && sample && /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-disabled" /* TEXT_DISABLED */ }, sample), /* @__PURE__ */ import_react70.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })), iconNameLeft && /* @__PURE__ */ import_react70.default.createElement(import_react_native95.Text, { style: styles7.leftIcon }, /* @__PURE__ */ import_react70.default.createElement(Icon_native_default, { name: iconNameLeft, size: "small" })), /* @__PURE__ */ import_react70.default.createElement(
       import_react_native95.TextInput,
       {
         ref,
@@ -9527,27 +9529,27 @@ 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_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));
+    ), iconNameRight && /* @__PURE__ */ import_react70.default.createElement(import_react_native95.Text, { style: styles7.rightIcon }, /* @__PURE__ */ import_react70.default.createElement(Icon_native_default, { name: iconNameRight, size: "small", color: status && status.toUpperCase() })), displayDynamicLabel && dynamicPlaceholder && /* @__PURE__ */ import_react70.default.createElement(import_react_native95.Text, { style: styles7.dynamicLabel }, label), maxLength && /* @__PURE__ */ import_react70.default.createElement(import_react_native95.Text, { style: styles7.counter }, _value ? `${_value == null ? void 0 : _value.length} / ${maxLength}` : `0 / ${maxLength}`), help && /* @__PURE__ */ import_react70.default.createElement(import_react_native95.Text, { style: styles7.help }, help));
   }
 );
 Textarea.displayName = "Textarea" /* Textarea */;
 var Textarea_native_default = Textarea;
 
 // components/timeline/Timeline.native.tsx
-var React115 = __toESM(require("react"));
+var React117 = __toESM(require("react"));
 var import_react_native96 = require("react-native");
-var TimelineHeightContext = React115.createContext({
+var TimelineHeightContext = React117.createContext({
   height: 0,
   setHeight: () => void 0
 });
-var Timeline = React115.forwardRef(({ children }, ref) => {
+var Timeline = React117.forwardRef(({ children }, ref) => {
   const styles7 = import_react_native96.StyleSheet.create({
     container: {
       flexDirection: "column"
     }
   });
-  const [height, setHeight] = React115.useState(0);
-  return /* @__PURE__ */ React115.createElement(
+  const [height, setHeight] = React117.useState(0);
+  return /* @__PURE__ */ React117.createElement(
     TimelineHeightContext.Provider,
     {
       value: {
@@ -9555,18 +9557,18 @@ var Timeline = React115.forwardRef(({ children }, ref) => {
         setHeight
       }
     },
-    /* @__PURE__ */ React115.createElement(import_react_native96.View, { ref, style: styles7.container }, children)
+    /* @__PURE__ */ React117.createElement(import_react_native96.View, { ref, style: styles7.container }, children)
   );
 });
 Timeline.displayName = "Timeline" /* Timeline */;
 var Timeline_native_default = Timeline;
 
 // components/timeline/item/TimelineItem.native.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 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);
+var TimelineItemContext = (0, import_react71.createContext)({ done: false, active: false, cancel: false });
+var TimelineItem = import_react71.default.forwardRef(({ children, done, active, cancel }, ref) => {
+  const { height, setHeight } = (0, import_react71.useContext)(TimelineHeightContext);
   const styles7 = import_react_native97.StyleSheet.create({
     item: {
       width: "100%",
@@ -9576,7 +9578,7 @@ var TimelineItem = import_react70.default.forwardRef(({ children, done, active,
       marginBottom: 8
     }
   });
-  return /* @__PURE__ */ import_react70.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react70.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react71.default.createElement(
     import_react_native97.View,
     {
       ref,
@@ -9596,11 +9598,11 @@ TimelineItem.displayName = "TimelineItem" /* TimelineItem */;
 var TimelineItem_native_default = TimelineItem;
 
 // components/timeline/content/TimelineContent.native.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var import_react_native98 = require("react-native");
-var TimelineContent = import_react71.default.forwardRef(
+var TimelineContent = import_react72.default.forwardRef(
   ({ content, heading, linkLabel, linkTo, children }, ref) => {
-    const timelineContextValues = (0, import_react71.useContext)(TimelineItemContext);
+    const timelineContextValues = (0, import_react72.useContext)(TimelineItemContext);
     const styles7 = import_react_native98.StyleSheet.create({
       container: {
         flex: 6,
@@ -9619,18 +9621,18 @@ var TimelineContent = import_react71.default.forwardRef(
         marginTop: 6
       }
     });
-    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))));
+    return children ? /* @__PURE__ */ import_react72.default.createElement(import_react_native98.View, { ref, style: styles7.container }, /* @__PURE__ */ import_react72.default.createElement(AutoLayout_native_default, null, children)) : /* @__PURE__ */ import_react72.default.createElement(import_react_native98.View, { ref, style: styles7.container }, !!heading && /* @__PURE__ */ import_react72.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles7.heading, typo: "has-text-main" /* TEXT_MAIN */ }, heading), !!content && /* @__PURE__ */ import_react72.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles7.content }, content), linkLabel && linkTo && /* @__PURE__ */ import_react72.default.createElement(import_react_native98.TouchableOpacity, { testID: "click-id" }, /* @__PURE__ */ import_react72.default.createElement(import_react_native98.View, { style: styles7.link }, /* @__PURE__ */ import_react72.default.createElement(Link_native_default, { to: linkTo }, linkLabel))));
   }
 );
 TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
 var TimelineContent_native_default = TimelineContent;
 
 // components/timeline/marker/TimelineMarker.native.tsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 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);
+var TimelineMarker = import_react73.default.forwardRef(({ iconName }, ref) => {
+  const { active, done, cancel } = (0, import_react73.useContext)(TimelineItemContext);
+  const { height } = (0, import_react73.useContext)(TimelineHeightContext);
   const styles7 = import_react_native99.StyleSheet.create({
     marker: {
       flex: 1,
@@ -9650,7 +9652,7 @@ var TimelineMarker = import_react72.default.forwardRef(({ iconName }, ref) => {
       alignSelf: "center"
     }
   });
-  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(
+  return /* @__PURE__ */ import_react73.default.createElement(import_react_native99.View, { ref, style: styles7.marker }, /* @__PURE__ */ import_react73.default.createElement(import_react_native99.View, { style: styles7.icon }, /* @__PURE__ */ import_react73.default.createElement(
     Icon_native_default,
     {
       name: iconName,
@@ -9659,7 +9661,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_native99.View, { style: styles7.divider }));
+  )), /* @__PURE__ */ import_react73.default.createElement(import_react_native99.View, { style: styles7.divider }));
 });
 TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
 var TimelineMarker_native_default = TimelineMarker;