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

package/lib/{chunk-LJ4LZ3UC.mjs → chunk-2JM27LG6.mjs}

@@ -1,7 +1,7 @@
 "use client";
 
 // version.ts
-var version = "0.0.20-esm-cjs";
+var version = "0.0.21-esm-cjs";
 
 export {
   version

package/lib/{chunk-5NJMUSWY.mjs → chunk-2LL5O6MQ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-JLQUIKZX.mjs";
 import {
   Title_native_default
-} from "./chunk-MDZE2AV3.mjs";
+} from "./chunk-EJ56Z27S.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-ZRWNSZC6.mjs → chunk-3AUAH6SB.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-3SDJGR37.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-JB7AXJFO.mjs → chunk-3CUMNA5T.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Select_default
-} from "./chunk-GIEAPQ2H.mjs";
+} from "./chunk-WMZ3FFFO.mjs";
 import {
   option_default
 } from "./chunk-AEV6FHUQ.mjs";
@@ -25,7 +25,15 @@ import {
 import { calendarLocale } from "@trilogy-ds/locales";
 import clsx from "clsx";
 import React from "react";
-var days = [...calendarLocale.days];
+var days = [
+  calendarLocale.days[1],
+  calendarLocale.days[2],
+  calendarLocale.days[3],
+  calendarLocale.days[4],
+  calendarLocale.days[5],
+  calendarLocale.days[6],
+  calendarLocale.days[0]
+];
 var months = [...calendarLocale.months];
 var currentDate = /* @__PURE__ */ new Date();
 function checkIsRange(date) {
@@ -85,7 +93,7 @@ var Calendar = React.forwardRef(
     const getAllDaysInMonth = React.useCallback((year, month) => {
       const date = new Date(year, month, 1);
       const days2 = [];
-      const firstDayOfMonth = date.getDay();
+      const firstDayOfMonth = (date.getDay() + 6) % 7;
       const lastDayOfMonth = new Date(year, month + 1, 0).getDate();
       const allDays = [];
       for (let i = 0; i < firstDayOfMonth; i++) days2.push(null);
@@ -254,9 +262,13 @@ var Calendar = React.forwardRef(
       }
     }, [refsDays.current, refDayFocused.current]);
     React.useEffect(() => {
+      const prevActiveDate = activeDate;
       setActiveDate(value);
       if (value instanceof Date) return setVisibleMonth(value);
-      if (!(value instanceof Date) && value[0]) return setVisibleMonth(value[0]);
+      if (!(value instanceof Date) && value[0]) {
+        const isNewRangeSelection = !prevActiveDate || Array.isArray(prevActiveDate) && prevActiveDate.length === 0 || Array.isArray(prevActiveDate) && Array.isArray(value) && prevActiveDate.length === 2 && value.length === 1;
+        if (isNewRangeSelection) return setVisibleMonth(value[0]);
+      }
     }, [value]);
     return /* @__PURE__ */ React.createElement(
       "table",

package/lib/{chunk-SFL4T7RS.mjs → chunk-4SO7GWOJ.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-4GKCUICZ.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-I4RR2QN7.mjs → chunk-6ENX3IQD.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Sticker_native_default
-} from "./chunk-TCRJL43C.mjs";
+} from "./chunk-FE4FFIG4.mjs";
 import {
   View_native_default
 } from "./chunk-4GKCUICZ.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 
 // components/checkbox/tiles/tile/CheckboxTile.native.tsx
 import React, { useState } from "react";

package/lib/chunk-7DJ5V2J7.mjs

@@ -0,0 +1,90 @@
+"use client";
+
+// components/skeleton/Skeleton.native.tsx
+import React, { useEffect, useRef } from "react";
+import { View, Animated } from "react-native";
+var Skeleton = ({
+  style,
+  width = "100%",
+  height = 20,
+  backgroundColor = "#E1E9EE",
+  shimmerColor = "#F7F8F8",
+  duration = 1200,
+  borderRadius = 4,
+  children,
+  testID
+}) => {
+  const shimmerValue = useRef(new Animated.Value(0)).current;
+  const [containerWidth, setContainerWidth] = React.useState(200);
+  useEffect(() => {
+    const shimmerAnimation = Animated.loop(
+      Animated.timing(shimmerValue, {
+        toValue: 1,
+        duration,
+        useNativeDriver: true
+      }),
+      { iterations: -1 }
+    );
+    shimmerAnimation.start();
+    return () => shimmerAnimation.stop();
+  }, [shimmerValue, duration]);
+  const translateX = shimmerValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [-containerWidth, containerWidth]
+  });
+  const opacity = shimmerValue.interpolate({
+    inputRange: [0, 0.5, 1],
+    outputRange: [0.3, 0.8, 0.3]
+  });
+  const containerStyle = {
+    width: children ? void 0 : width,
+    height: children ? void 0 : height,
+    backgroundColor,
+    borderRadius,
+    overflow: "hidden",
+    alignSelf: children ? "flex-start" : void 0,
+    ...style
+  };
+  const handleLayout = (event) => {
+    const { width: layoutWidth } = event.nativeEvent.layout;
+    setContainerWidth(layoutWidth);
+  };
+  if (children) {
+    return /* @__PURE__ */ React.createElement(View, { style: containerStyle, testID, onLayout: handleLayout }, /* @__PURE__ */ React.createElement(View, { style: { opacity: 0 } }, children), /* @__PURE__ */ React.createElement(
+      Animated.View,
+      {
+        style: [
+          {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: containerWidth * 0.7,
+            height: "100%",
+            backgroundColor: shimmerColor,
+            opacity,
+            transform: [{ translateX }]
+          }
+        ]
+      }
+    ));
+  }
+  return /* @__PURE__ */ React.createElement(View, { style: containerStyle, testID, onLayout: handleLayout }, /* @__PURE__ */ React.createElement(
+    Animated.View,
+    {
+      style: [
+        {
+          width: containerWidth * 0.7,
+          height: "100%",
+          backgroundColor: shimmerColor,
+          opacity,
+          transform: [{ translateX }]
+        }
+      ]
+    }
+  ));
+};
+var Skeleton_native_default = Skeleton;
+
+export {
+  Skeleton_native_default
+};

package/lib/{chunk-Q3NP4BBO.mjs → chunk-7GBIPPPJ.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-IHTDJ5DD.mjs → chunk-ASDIW46N.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   Spacer_native_default
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle,
   grayscale

package/lib/{chunk-ZEEM3OU3.mjs → chunk-BRU34C4E.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-3WFGK5PF.mjs";
 import {
   Title_native_default
-} from "./chunk-MDZE2AV3.mjs";
+} from "./chunk-EJ56Z27S.mjs";
 import {
   Column_native_default
 } from "./chunk-ZNF2AXYR.mjs";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-4GKCUICZ.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   Spacer_native_default
 } from "./chunk-54DJB6AO.mjs";
@@ -29,7 +29,7 @@ import {
 } from "./chunk-MB55ARZ7.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   context_default
 } from "./chunk-YKBYBMP2.mjs";

package/lib/{chunk-T4AH7FLU.mjs → chunk-BT63AA2K.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AutoCompleteIem_native_default
-} from "./chunk-XZCE64VV.mjs";
+} from "./chunk-FJ6D2YGE.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-HPM5H4HF.mjs → chunk-C6AECCOD.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-5DY6WPCA.mjs → chunk-CILK7BCY.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-JLQUIKZX.mjs";
 import {
   Title_native_default
-} from "./chunk-MDZE2AV3.mjs";
+} from "./chunk-EJ56Z27S.mjs";
 import {
   Column_native_default
 } from "./chunk-ZNF2AXYR.mjs";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-NRTMJLXK.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-U2STNP4N.mjs → chunk-CKEC5R4P.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AutoLayout_native_default
-} from "./chunk-M2TC4BZG.mjs";
+} from "./chunk-MCQZ43VV.mjs";
 
 // components/autolayout/AutoLayoutWrapper/index.native.tsx
 import * as React from "react";

package/lib/{chunk-RVRMMLZJ.mjs → chunk-CUP62RON.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   index_native_default
-} from "./chunk-U2STNP4N.mjs";
+} from "./chunk-CKEC5R4P.mjs";
 import {
   SpacingMatrixMode
 } from "./chunk-DU46N4OG.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   isRequiredChild
 } from "./chunk-TFRD43SL.mjs";

package/lib/{chunk-KUVBW2U7.mjs → chunk-DJJVBJ43.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-4GKCUICZ.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-ZSBVX26X.mjs → chunk-DO5SSRTA.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-3LXODEBD.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getButtonColorStyle,
   getColorStyle

package/lib/{chunk-MDZE2AV3.mjs → chunk-EJ56Z27S.mjs}

@@ -1,19 +1,19 @@
 "use client";
-import {
-  getTypographyBoldStyle
-} from "./chunk-3LXODEBD.mjs";
 import {
   setTypographyColor
 } from "./chunk-WVL5S3CD.mjs";
 import {
-  getColorStyle
-} from "./chunk-E4YRRUI3.mjs";
+  getTypographyBoldStyle
+} from "./chunk-3LXODEBD.mjs";
 import {
   StatesContext
 } from "./chunk-CWIO3GEP.mjs";
 import {
-  isAndroid
-} from "./chunk-R6PFY5VS.mjs";
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
+import {
+  Skeleton_native_default
+} from "./chunk-7DJ5V2J7.mjs";
 import {
   setTypographyAlign
 } from "./chunk-IGMJNGTZ.mjs";
@@ -21,8 +21,7 @@ import {
 // components/title/Title.native.tsx
 import * as React from "react";
 import { useContext } from "react";
-import ContentLoader, { Rect } from "react-content-loader/native";
-import { StyleSheet, Text as TextNative, TouchableOpacity, View } from "react-native";
+import { StyleSheet, Text as TextNative, TouchableOpacity } from "react-native";
 var Title = React.forwardRef(({
   children,
   level,
@@ -103,7 +102,15 @@ var Title = React.forwardRef(({
     children
   );
   if (skeleton) {
-    titleView = /* @__PURE__ */ React.createElement(ContentLoader, { style: styles.skeleton }, titleView, isAndroid && /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(Rect, { rx: "15", ry: "15", width: "100%", height: "100%" })));
+    titleView = /* @__PURE__ */ React.createElement(
+      Skeleton_native_default,
+      {
+        style: styles.skeleton,
+        height: titlesLevels(),
+        borderRadius: 5
+      },
+      titleView
+    );
   }
   return onClick ? /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView) : titleView;
 });

package/lib/{chunk-G2QCDZEE.mjs → chunk-EN6H737C.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-ACDIJOLY.mjs → chunk-EP73KCU2.mjs}

@@ -4,20 +4,19 @@ import {
 } from "./chunk-RF3MTZKP.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";
 import {
-  isAndroid
-} from "./chunk-R6PFY5VS.mjs";
+  Skeleton_native_default
+} from "./chunk-7DJ5V2J7.mjs";
 import {
   getAlignStyle
 } from "./chunk-CD6DMMCL.mjs";
 
 // components/progress/radial/ProgressRadial.native.tsx
 import * as React from "react";
-import ContentLoader, { Circle } from "react-content-loader/native";
 import { StyleSheet, View } from "react-native";
 var ProgressRadial = React.forwardRef(({
   children,
@@ -83,7 +82,15 @@ var ProgressRadial = React.forwardRef(({
       overflow: "hidden"
     }
   });
-  const ProgressRadialSkeleton = () => /* @__PURE__ */ React.createElement(ContentLoader, { style: styles.skeleton, ...others }, /* @__PURE__ */ React.createElement(View, { style: { opacity: 0 } }), isAndroid && /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(Circle, { cx: "50", cy: "50", r: "50" })));
+  const ProgressRadialSkeleton = () => /* @__PURE__ */ React.createElement(
+    Skeleton_native_default,
+    {
+      style: styles.skeleton,
+      width: progressRadialWidth,
+      height: progressRadialWidth,
+      borderRadius: progressRadialSkeletonRadius
+    }
+  );
   if (skeleton) {
     return /* @__PURE__ */ React.createElement(ProgressRadialSkeleton, null);
   }

package/lib/{chunk-TCRJL43C.mjs → chunk-FE4FFIG4.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   getVariantStyle
 } from "./chunk-YKUYXBXK.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-XZCE64VV.mjs → chunk-FJ6D2YGE.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   getLabel
 } from "./chunk-2WOMFJ45.mjs";

package/lib/{chunk-NKO25SIM.mjs → chunk-FJ7CLVIP.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 
 // components/stepper/Stepper.native.tsx
 import * as React from "react";

package/lib/{chunk-K5D3QU3U.mjs → chunk-FT2IRACC.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-QNDMUIJM.mjs → chunk-FUOU7EFL.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Tab_native_default
-} from "./chunk-DWZ232Q2.mjs";
+} from "./chunk-QJCK6KDK.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";

package/lib/{chunk-TPXCSXWT.mjs → chunk-G6ILMW5U.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   InputGauge_native_default
-} from "./chunk-CCIRXOIR.mjs";
+} from "./chunk-ZNFQWQ2T.mjs";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   Spacer_native_default
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 import {
   getColorStyle,
   grayscale