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

package/lib/components/timeline/marker/TimelineMarker.native.js

@@ -140,16 +140,24 @@ var getAlignStyle = (alignType) => {
 };
 
 // components/icon/Icon.native.tsx
-var import_react4 = __toESM(require("react"));
-var import_native = __toESM(require("react-content-loader/native"));
+var import_react5 = __toESM(require("react"));
 var import_react_native2 = require("react-native");
+
+// components/skeleton/Skeleton.tsx
+var import_react4 = __toESM(require("react"));
+var Skeleton = () => {
+  return /* @__PURE__ */ import_react4.default.createElement("div", null);
+};
+var Skeleton_default = Skeleton;
+
+// components/icon/Icon.native.tsx
 var import_css = require("react-native-svg/css");
-var Icon = import_react4.default.forwardRef(
+var Icon = import_react5.default.forwardRef(
   ({ size, name, circled, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }, ref) => {
     const {
       theme: { icons }
-    } = (0, import_react4.useContext)(TrilogyThemeContext);
-    const statesContext = (0, import_react4.useContext)(StatesContext);
+    } = (0, import_react5.useContext)(TrilogyThemeContext);
+    const statesContext = (0, import_react5.useContext)(StatesContext);
     const style = {};
     const defaultSize = size === "huge" /* HUGE */ && 66 || size === "large" /* LARGE */ && 44 || size === "medium" /* MEDIUM */ && 30 || size === "small" /* SMALL */ && 20 || size === "smaller" /* SMALLER */ && 16 || 20;
     const iconColor = color && getColorStyle(color) || statesContext.inverted && getColorStyle("WHITE" /* BACKGROUND */) || getColorStyle("MAIN" /* MAIN */);
@@ -199,14 +207,23 @@ var Icon = import_react4.default.forwardRef(
         justifyContent: "center"
       }
     });
-    const IconSkeleton = () => /* @__PURE__ */ import_react4.default.createElement(import_native.default, { style: styles.skeleton, ...others }, /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: { opacity: 0 } }), isAndroid && /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, null, size === "huge" /* HUGE */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "50", cy: "50", r: "50" }) || size === "large" /* LARGE */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "33", cy: "33", r: "33" }) || size === "medium" /* MEDIUM */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "23", cy: "23", r: "23" }) || size === "small" /* SMALL */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "15", cy: "15", r: "15" }) || /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "15", cy: "15", r: "15" })));
+    const IconSkeleton = () => /* @__PURE__ */ import_react5.default.createElement(
+      Skeleton_default,
+      {
+        style: styles.skeleton,
+        width: circledWidth,
+        height: circledWidth,
+        borderRadius: iconSkeletonRadius,
+        testID: "skeleton-id"
+      }
+    );
     if (skeleton) {
-      return /* @__PURE__ */ import_react4.default.createElement(IconSkeleton, null);
+      return /* @__PURE__ */ import_react5.default.createElement(IconSkeleton, null);
     }
-    let iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, null);
+    let iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, null);
     if (name && icons) {
       if (stretched && !circled) {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.iconCircled, styles.icon],
@@ -217,7 +234,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else if (circled) {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.iconCircled, styles.icon],
@@ -228,7 +245,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.icon, style],
@@ -240,7 +257,7 @@ var Icon = import_react4.default.forwardRef(
         ));
       }
     }
-    return onClick ? /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, /* @__PURE__ */ import_react4.default.createElement(
+    return onClick ? /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, /* @__PURE__ */ import_react5.default.createElement(
       import_react_native2.TouchableOpacity,
       {
         style: { width: "100%" },
@@ -249,23 +266,23 @@ var Icon = import_react4.default.forwardRef(
         testID: `${testId}-pressable`
       },
       iconView
-    )) : /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, iconView);
+    )) : /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, iconView);
   }
 );
 Icon.displayName = "Icon" /* Icon */;
 var Icon_native_default = Icon;
 
 // components/spacer/Spacer.native.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
-var Spacer = React3.forwardRef(({ size, horizontal }, ref) => {
+var Spacer = React4.forwardRef(({ size, horizontal }, ref) => {
   const styles = import_react_native3.StyleSheet.create({
     spacer: {
       marginLeft: horizontal && parseInt(size.toString()) || 0,
       marginTop: !horizontal && parseInt(size.toString()) || 0
     }
   });
-  return /* @__PURE__ */ React3.createElement(import_react_native3.View, { ref, style: styles.spacer });
+  return /* @__PURE__ */ React4.createElement(import_react_native3.View, { ref, style: styles.spacer });
 });
 Spacer.displayName = "Spacer" /* Spacer */;
 
@@ -287,20 +304,20 @@ var SpacerSize = /* @__PURE__ */ ((SpacerSize2) => {
 var SpacerSizeValues = `${SpacerSize}`;
 
 // components/timeline/Timeline.native.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_react_native4 = require("react-native");
-var TimelineHeightContext = React4.createContext({
+var TimelineHeightContext = React5.createContext({
   height: 0,
   setHeight: () => void 0
 });
-var Timeline = React4.forwardRef(({ children }, ref) => {
+var Timeline = React5.forwardRef(({ children }, ref) => {
   const styles = import_react_native4.StyleSheet.create({
     container: {
       flexDirection: "column"
     }
   });
-  const [height, setHeight] = React4.useState(0);
-  return /* @__PURE__ */ React4.createElement(
+  const [height, setHeight] = React5.useState(0);
+  return /* @__PURE__ */ React5.createElement(
     TimelineHeightContext.Provider,
     {
       value: {
@@ -308,17 +325,17 @@ var Timeline = React4.forwardRef(({ children }, ref) => {
         setHeight
       }
     },
-    /* @__PURE__ */ React4.createElement(import_react_native4.View, { ref, style: styles.container }, children)
+    /* @__PURE__ */ React5.createElement(import_react_native4.View, { ref, style: styles.container }, children)
   );
 });
 Timeline.displayName = "Timeline" /* Timeline */;
 
 // components/timeline/item/TimelineItem.native.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_native5 = require("react-native");
-var TimelineItemContext = (0, import_react5.createContext)({ done: false, active: false, cancel: false });
-var TimelineItem = import_react5.default.forwardRef(({ children, done, active, cancel }, ref) => {
-  const { height, setHeight } = (0, import_react5.useContext)(TimelineHeightContext);
+var TimelineItemContext = (0, import_react6.createContext)({ done: false, active: false, cancel: false });
+var TimelineItem = import_react6.default.forwardRef(({ children, done, active, cancel }, ref) => {
+  const { height, setHeight } = (0, import_react6.useContext)(TimelineHeightContext);
   const styles = import_react_native5.StyleSheet.create({
     item: {
       width: "100%",
@@ -328,7 +345,7 @@ var TimelineItem = import_react5.default.forwardRef(({ children, done, active, c
       marginBottom: 8
     }
   });
-  return /* @__PURE__ */ import_react5.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react6.default.createElement(
     import_react_native5.View,
     {
       ref,
@@ -356,14 +373,14 @@ var STATUS_COLORS = {
 };
 
 // objects/Typography/TypographyBold/index.native.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // components/timeline/marker/TimelineMarker.native.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_react_native6 = require("react-native");
-var TimelineMarker = import_react7.default.forwardRef(({ iconName }, ref) => {
-  const { active, done, cancel } = (0, import_react7.useContext)(TimelineItemContext);
-  const { height } = (0, import_react7.useContext)(TimelineHeightContext);
+var TimelineMarker = import_react8.default.forwardRef(({ iconName }, ref) => {
+  const { active, done, cancel } = (0, import_react8.useContext)(TimelineItemContext);
+  const { height } = (0, import_react8.useContext)(TimelineHeightContext);
   const styles = import_react_native6.StyleSheet.create({
     marker: {
       flex: 1,
@@ -383,7 +400,7 @@ var TimelineMarker = import_react7.default.forwardRef(({ iconName }, ref) => {
       alignSelf: "center"
     }
   });
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { ref, style: styles.marker }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.icon }, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { ref, style: styles.marker }, /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { style: styles.icon }, /* @__PURE__ */ import_react8.default.createElement(
     Icon_native_default,
     {
       name: iconName,
@@ -392,7 +409,7 @@ var TimelineMarker = import_react7.default.forwardRef(({ iconName }, ref) => {
       backgroundColor: active && "MAIN" /* MAIN */ || cancel && "NEUTRAL" /* NEUTRAL */ || done && "MAIN" /* MAIN */ || "NEUTRAL" /* NEUTRAL */,
       size: "small" /* SMALL */
     }
-  )), /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.divider }));
+  )), /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { style: styles.divider }));
 });
 TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
 var TimelineMarker_native_default = TimelineMarker;

package/lib/components/timeline/marker/TimelineMarker.native.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   TimelineMarker_native_default
-} from "../../../chunk-ZRWNSZC6.mjs";
+} from "../../../chunk-6YU73H5M.mjs";
 import "../../../chunk-JDN37IEF.mjs";
 import "../../../chunk-3SDJGR37.mjs";
 import "../../../chunk-3CL5Q2CR.mjs";
@@ -18,39 +18,42 @@ import "../../../chunk-3LXODEBD.mjs";
 import "../../../chunk-WVL5S3CD.mjs";
 import "../../../chunk-7L5452RP.mjs";
 import "../../../chunk-2K2TD7FH.mjs";
-import "../../../chunk-UPP3GX33.mjs";
-import "../../../chunk-E4YRRUI3.mjs";
+import "../../../chunk-5NCBENYK.mjs";
 import "../../../chunk-CWIO3GEP.mjs";
+import "../../../chunk-E4YRRUI3.mjs";
 import "../../../chunk-R6PFY5VS.mjs";
 import "../../../chunk-EMXC7I76.mjs";
 import "../../../chunk-IJCGAWJK.mjs";
+import "../../../chunk-UZO5VCH2.mjs";
+import "../../../chunk-JJA6BOVR.mjs";
+import "../../../chunk-LHDHBH5T.mjs";
 import "../../../chunk-RXBVZD3M.mjs";
-import "../../../chunk-A2ASOVUR.mjs";
-import "../../../chunk-3XMSRU64.mjs";
 import "../../../chunk-L5TMSDJR.mjs";
 import "../../../chunk-GP5CJGRF.mjs";
-import "../../../chunk-UTA75ELV.mjs";
-import "../../../chunk-L25MU6JT.mjs";
 import "../../../chunk-6TNYDJM7.mjs";
 import "../../../chunk-HQXKHRER.mjs";
 import "../../../chunk-NVH4ZPGW.mjs";
 import "../../../chunk-62DJK35E.mjs";
 import "../../../chunk-PAEZ47M2.mjs";
-import "../../../chunk-FTTU4DJW.mjs";
-import "../../../chunk-L7CNF7H6.mjs";
+import "../../../chunk-A2ASOVUR.mjs";
+import "../../../chunk-3XMSRU64.mjs";
 import "../../../chunk-RJO5KKUW.mjs";
 import "../../../chunk-R7HI6GOP.mjs";
 import "../../../chunk-SUNBSFL4.mjs";
-import "../../../chunk-XIQL4ZTN.mjs";
-import "../../../chunk-UUXUTBLZ.mjs";
-import "../../../chunk-QOEJLTZN.mjs";
+import "../../../chunk-UTA75ELV.mjs";
+import "../../../chunk-L25MU6JT.mjs";
 import "../../../chunk-B6WC6WS2.mjs";
 import "../../../chunk-MAX3RSBG.mjs";
+import "../../../chunk-FTTU4DJW.mjs";
+import "../../../chunk-L7CNF7H6.mjs";
 import "../../../chunk-6BTWLQPI.mjs";
 import "../../../chunk-G6BHSMLA.mjs";
 import "../../../chunk-THOTRBD4.mjs";
-import "../../../chunk-ATW7ITPH.mjs";
+import "../../../chunk-XIQL4ZTN.mjs";
+import "../../../chunk-UUXUTBLZ.mjs";
+import "../../../chunk-QOEJLTZN.mjs";
 import "../../../chunk-IGMJNGTZ.mjs";
+import "../../../chunk-ATW7ITPH.mjs";
 import "../../../chunk-L4UDEKQK.mjs";
 import "../../../chunk-CD6DMMCL.mjs";
 import "../../../chunk-RYABO2EX.mjs";

package/lib/components/timeline/marker/index.mjs

@@ -13,8 +13,8 @@ import "../../../chunk-P372ZF3A.mjs";
 import "../../../chunk-SWVRRUW7.mjs";
 import "../../../chunk-Y7CEUBIZ.mjs";
 import "../../../chunk-HU3FAWMX.mjs";
-import "../../../chunk-OGATDHMZ.mjs";
 import "../../../chunk-ODKCJMCG.mjs";
+import "../../../chunk-OGATDHMZ.mjs";
 import "../../../chunk-UFMRE754.mjs";
 import "../../../chunk-ZB4OWTDD.mjs";
 import "../../../chunk-L4UDEKQK.mjs";

package/lib/components/timeline/marker/index.native.js

@@ -140,16 +140,24 @@ var getAlignStyle = (alignType) => {
 };
 
 // components/icon/Icon.native.tsx
-var import_react4 = __toESM(require("react"));
-var import_native = __toESM(require("react-content-loader/native"));
+var import_react5 = __toESM(require("react"));
 var import_react_native2 = require("react-native");
+
+// components/skeleton/Skeleton.tsx
+var import_react4 = __toESM(require("react"));
+var Skeleton = () => {
+  return /* @__PURE__ */ import_react4.default.createElement("div", null);
+};
+var Skeleton_default = Skeleton;
+
+// components/icon/Icon.native.tsx
 var import_css = require("react-native-svg/css");
-var Icon = import_react4.default.forwardRef(
+var Icon = import_react5.default.forwardRef(
   ({ size, name, circled, stretched, color, backgroundColor, onClick, align, skeleton, testId, ...others }, ref) => {
     const {
       theme: { icons }
-    } = (0, import_react4.useContext)(TrilogyThemeContext);
-    const statesContext = (0, import_react4.useContext)(StatesContext);
+    } = (0, import_react5.useContext)(TrilogyThemeContext);
+    const statesContext = (0, import_react5.useContext)(StatesContext);
     const style = {};
     const defaultSize = size === "huge" /* HUGE */ && 66 || size === "large" /* LARGE */ && 44 || size === "medium" /* MEDIUM */ && 30 || size === "small" /* SMALL */ && 20 || size === "smaller" /* SMALLER */ && 16 || 20;
     const iconColor = color && getColorStyle(color) || statesContext.inverted && getColorStyle("WHITE" /* BACKGROUND */) || getColorStyle("MAIN" /* MAIN */);
@@ -199,14 +207,23 @@ var Icon = import_react4.default.forwardRef(
         justifyContent: "center"
       }
     });
-    const IconSkeleton = () => /* @__PURE__ */ import_react4.default.createElement(import_native.default, { style: styles.skeleton, ...others }, /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: { opacity: 0 } }), isAndroid && /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, null, size === "huge" /* HUGE */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "50", cy: "50", r: "50" }) || size === "large" /* LARGE */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "33", cy: "33", r: "33" }) || size === "medium" /* MEDIUM */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "23", cy: "23", r: "23" }) || size === "small" /* SMALL */ && /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "15", cy: "15", r: "15" }) || /* @__PURE__ */ import_react4.default.createElement(import_native.Circle, { cx: "15", cy: "15", r: "15" })));
+    const IconSkeleton = () => /* @__PURE__ */ import_react5.default.createElement(
+      Skeleton_default,
+      {
+        style: styles.skeleton,
+        width: circledWidth,
+        height: circledWidth,
+        borderRadius: iconSkeletonRadius,
+        testID: "skeleton-id"
+      }
+    );
     if (skeleton) {
-      return /* @__PURE__ */ import_react4.default.createElement(IconSkeleton, null);
+      return /* @__PURE__ */ import_react5.default.createElement(IconSkeleton, null);
     }
-    let iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, null);
+    let iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, null);
     if (name && icons) {
       if (stretched && !circled) {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.iconCircled, styles.icon],
@@ -217,7 +234,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else if (circled) {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.iconCircled, styles.icon],
@@ -228,7 +245,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.icon, style],
@@ -240,7 +257,7 @@ var Icon = import_react4.default.forwardRef(
         ));
       }
     }
-    return onClick ? /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, /* @__PURE__ */ import_react4.default.createElement(
+    return onClick ? /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, /* @__PURE__ */ import_react5.default.createElement(
       import_react_native2.TouchableOpacity,
       {
         style: { width: "100%" },
@@ -249,23 +266,23 @@ var Icon = import_react4.default.forwardRef(
         testID: `${testId}-pressable`
       },
       iconView
-    )) : /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, iconView);
+    )) : /* @__PURE__ */ import_react5.default.createElement(import_react_native2.View, { style: styles.rootView, testID: testId, ref }, iconView);
   }
 );
 Icon.displayName = "Icon" /* Icon */;
 var Icon_native_default = Icon;
 
 // components/spacer/Spacer.native.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
-var Spacer = React3.forwardRef(({ size, horizontal }, ref) => {
+var Spacer = React4.forwardRef(({ size, horizontal }, ref) => {
   const styles = import_react_native3.StyleSheet.create({
     spacer: {
       marginLeft: horizontal && parseInt(size.toString()) || 0,
       marginTop: !horizontal && parseInt(size.toString()) || 0
     }
   });
-  return /* @__PURE__ */ React3.createElement(import_react_native3.View, { ref, style: styles.spacer });
+  return /* @__PURE__ */ React4.createElement(import_react_native3.View, { ref, style: styles.spacer });
 });
 Spacer.displayName = "Spacer" /* Spacer */;
 
@@ -287,20 +304,20 @@ var SpacerSize = /* @__PURE__ */ ((SpacerSize2) => {
 var SpacerSizeValues = `${SpacerSize}`;
 
 // components/timeline/Timeline.native.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_react_native4 = require("react-native");
-var TimelineHeightContext = React4.createContext({
+var TimelineHeightContext = React5.createContext({
   height: 0,
   setHeight: () => void 0
 });
-var Timeline = React4.forwardRef(({ children }, ref) => {
+var Timeline = React5.forwardRef(({ children }, ref) => {
   const styles = import_react_native4.StyleSheet.create({
     container: {
       flexDirection: "column"
     }
   });
-  const [height, setHeight] = React4.useState(0);
-  return /* @__PURE__ */ React4.createElement(
+  const [height, setHeight] = React5.useState(0);
+  return /* @__PURE__ */ React5.createElement(
     TimelineHeightContext.Provider,
     {
       value: {
@@ -308,17 +325,17 @@ var Timeline = React4.forwardRef(({ children }, ref) => {
         setHeight
       }
     },
-    /* @__PURE__ */ React4.createElement(import_react_native4.View, { ref, style: styles.container }, children)
+    /* @__PURE__ */ React5.createElement(import_react_native4.View, { ref, style: styles.container }, children)
   );
 });
 Timeline.displayName = "Timeline" /* Timeline */;
 
 // components/timeline/item/TimelineItem.native.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_native5 = require("react-native");
-var TimelineItemContext = (0, import_react5.createContext)({ done: false, active: false, cancel: false });
-var TimelineItem = import_react5.default.forwardRef(({ children, done, active, cancel }, ref) => {
-  const { height, setHeight } = (0, import_react5.useContext)(TimelineHeightContext);
+var TimelineItemContext = (0, import_react6.createContext)({ done: false, active: false, cancel: false });
+var TimelineItem = import_react6.default.forwardRef(({ children, done, active, cancel }, ref) => {
+  const { height, setHeight } = (0, import_react6.useContext)(TimelineHeightContext);
   const styles = import_react_native5.StyleSheet.create({
     item: {
       width: "100%",
@@ -328,7 +345,7 @@ var TimelineItem = import_react5.default.forwardRef(({ children, done, active, c
       marginBottom: 8
     }
   });
-  return /* @__PURE__ */ import_react5.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react6.default.createElement(
     import_react_native5.View,
     {
       ref,
@@ -356,14 +373,14 @@ var STATUS_COLORS = {
 };
 
 // objects/Typography/TypographyBold/index.native.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 
 // components/timeline/marker/TimelineMarker.native.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_react_native6 = require("react-native");
-var TimelineMarker = import_react7.default.forwardRef(({ iconName }, ref) => {
-  const { active, done, cancel } = (0, import_react7.useContext)(TimelineItemContext);
-  const { height } = (0, import_react7.useContext)(TimelineHeightContext);
+var TimelineMarker = import_react8.default.forwardRef(({ iconName }, ref) => {
+  const { active, done, cancel } = (0, import_react8.useContext)(TimelineItemContext);
+  const { height } = (0, import_react8.useContext)(TimelineHeightContext);
   const styles = import_react_native6.StyleSheet.create({
     marker: {
       flex: 1,
@@ -383,7 +400,7 @@ var TimelineMarker = import_react7.default.forwardRef(({ iconName }, ref) => {
       alignSelf: "center"
     }
   });
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { ref, style: styles.marker }, /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.icon }, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { ref, style: styles.marker }, /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { style: styles.icon }, /* @__PURE__ */ import_react8.default.createElement(
     Icon_native_default,
     {
       name: iconName,
@@ -392,7 +409,7 @@ var TimelineMarker = import_react7.default.forwardRef(({ iconName }, ref) => {
       backgroundColor: active && "MAIN" /* MAIN */ || cancel && "NEUTRAL" /* NEUTRAL */ || done && "MAIN" /* MAIN */ || "NEUTRAL" /* NEUTRAL */,
       size: "small" /* SMALL */
     }
-  )), /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.divider }));
+  )), /* @__PURE__ */ import_react8.default.createElement(import_react_native6.View, { style: styles.divider }));
 });
 TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
 var TimelineMarker_native_default = TimelineMarker;

package/lib/components/timeline/marker/index.native.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   index_native_default
-} from "../../../chunk-NE4WGXUM.mjs";
-import "../../../chunk-ZRWNSZC6.mjs";
+} from "../../../chunk-TZFHL54Q.mjs";
+import "../../../chunk-6YU73H5M.mjs";
 import "../../../chunk-JDN37IEF.mjs";
 import "../../../chunk-3SDJGR37.mjs";
 import "../../../chunk-3CL5Q2CR.mjs";
@@ -19,40 +19,43 @@ import "../../../chunk-3LXODEBD.mjs";
 import "../../../chunk-WVL5S3CD.mjs";
 import "../../../chunk-7L5452RP.mjs";
 import "../../../chunk-2K2TD7FH.mjs";
-import "../../../chunk-UPP3GX33.mjs";
-import "../../../chunk-E4YRRUI3.mjs";
+import "../../../chunk-5NCBENYK.mjs";
 import "../../../chunk-CWIO3GEP.mjs";
+import "../../../chunk-E4YRRUI3.mjs";
 import "../../../chunk-R6PFY5VS.mjs";
 import "../../../chunk-RHJJAI6B.mjs";
 import "../../../chunk-EMXC7I76.mjs";
 import "../../../chunk-IJCGAWJK.mjs";
+import "../../../chunk-UZO5VCH2.mjs";
+import "../../../chunk-JJA6BOVR.mjs";
+import "../../../chunk-LHDHBH5T.mjs";
 import "../../../chunk-RXBVZD3M.mjs";
-import "../../../chunk-A2ASOVUR.mjs";
-import "../../../chunk-3XMSRU64.mjs";
 import "../../../chunk-L5TMSDJR.mjs";
 import "../../../chunk-GP5CJGRF.mjs";
-import "../../../chunk-UTA75ELV.mjs";
-import "../../../chunk-L25MU6JT.mjs";
 import "../../../chunk-6TNYDJM7.mjs";
 import "../../../chunk-HQXKHRER.mjs";
 import "../../../chunk-NVH4ZPGW.mjs";
 import "../../../chunk-62DJK35E.mjs";
 import "../../../chunk-PAEZ47M2.mjs";
-import "../../../chunk-FTTU4DJW.mjs";
-import "../../../chunk-L7CNF7H6.mjs";
+import "../../../chunk-A2ASOVUR.mjs";
+import "../../../chunk-3XMSRU64.mjs";
 import "../../../chunk-RJO5KKUW.mjs";
 import "../../../chunk-R7HI6GOP.mjs";
 import "../../../chunk-SUNBSFL4.mjs";
-import "../../../chunk-XIQL4ZTN.mjs";
-import "../../../chunk-UUXUTBLZ.mjs";
-import "../../../chunk-QOEJLTZN.mjs";
+import "../../../chunk-UTA75ELV.mjs";
+import "../../../chunk-L25MU6JT.mjs";
 import "../../../chunk-B6WC6WS2.mjs";
 import "../../../chunk-MAX3RSBG.mjs";
+import "../../../chunk-FTTU4DJW.mjs";
+import "../../../chunk-L7CNF7H6.mjs";
 import "../../../chunk-6BTWLQPI.mjs";
 import "../../../chunk-G6BHSMLA.mjs";
 import "../../../chunk-THOTRBD4.mjs";
-import "../../../chunk-ATW7ITPH.mjs";
+import "../../../chunk-XIQL4ZTN.mjs";
+import "../../../chunk-UUXUTBLZ.mjs";
+import "../../../chunk-QOEJLTZN.mjs";
 import "../../../chunk-IGMJNGTZ.mjs";
+import "../../../chunk-ATW7ITPH.mjs";
 import "../../../chunk-L4UDEKQK.mjs";
 import "../../../chunk-CD6DMMCL.mjs";
 import "../../../chunk-RYABO2EX.mjs";