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

package/lib/{chunk-WV5PBU2C.mjs → chunk-J4ZFH6JK.mjs}

@@ -2,17 +2,19 @@
 import {
   BoxContext
 } from "./chunk-652YVC7W.mjs";
+import {
+  StatesContext
+} from "./chunk-CWIO3GEP.mjs";
 import {
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";
 import {
-  StatesContext
-} from "./chunk-CWIO3GEP.mjs";
+  Skeleton_native_default
+} from "./chunk-7DJ5V2J7.mjs";
 
 // components/box/Box.native.tsx
 import React, { useState } from "react";
-import ContentLoader, { Rect } from "react-content-loader/native";
-import { ImageBackground, Platform, StyleSheet, TouchableOpacity, View } from "react-native";
+import { ImageBackground, StyleSheet, TouchableOpacity, View } from "react-native";
 var Box = React.forwardRef(
   ({
     children,
@@ -81,7 +83,17 @@ var Box = React.forwardRef(
       }
     });
     const boxTestId = "NotSpecified";
-    const BoxSkeleton = () => /* @__PURE__ */ React.createElement(ContentLoader, { style: styles.skeleton, ...others, testID: "skeleton" }, /* @__PURE__ */ React.createElement(View, { style: { opacity: 0 } }, children), Platform.OS === "android" && /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(Rect, { rx: "10", ry: "10", width: "100%", height: "100%" })));
+    const BoxSkeleton = () => /* @__PURE__ */ React.createElement(
+      Skeleton_native_default,
+      {
+        style: styles.skeleton,
+        width: "100%",
+        height: 50,
+        borderRadius: boxRadius,
+        testID: "skeleton"
+      },
+      children
+    );
     if (skeleton) {
       return /* @__PURE__ */ React.createElement(BoxSkeleton, null);
     }

package/lib/{chunk-67BVHO7H.mjs → chunk-JT4GOHCW.mjs}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-DNDMAHWG.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
 } from "./chunk-E4YRRUI3.mjs";

package/lib/chunk-JV5B7QPH.mjs

@@ -0,0 +1,320 @@
+"use client";
+import {
+  Calendar_native_default
+} from "./chunk-GJJJLJXB.mjs";
+import {
+  Text_native_default
+} from "./chunk-OSWW7RO6.mjs";
+import {
+  Icon_native_default
+} from "./chunk-NEM7FT22.mjs";
+import {
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
+
+// components/datepicker/DatePicker.native.tsx
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { Modal, Platform, StyleSheet, TextInput, TouchableOpacity, View } from "react-native";
+var DatePicker = forwardRef(
+  ({
+    onChange,
+    value,
+    minDate,
+    maxDate,
+    label,
+    sample,
+    required,
+    help,
+    status,
+    disabled,
+    disabledDates,
+    testId,
+    name,
+    ...others
+  }, ref) => {
+    const [inputText, setInputText] = useState("");
+    const [isCalendarVisible, setIsCalendarVisible] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const previousTextRef = useRef("");
+    const calendarValue = value ? new Date(value) : void 0;
+    const formatDateForDisplay = useCallback((dateString) => {
+      if (!dateString) return "";
+      try {
+        const date = new Date(dateString);
+        if (isNaN(date.getTime())) return "";
+        const day = date.getDate().toString().padStart(2, "0");
+        const month = (date.getMonth() + 1).toString().padStart(2, "0");
+        const year = date.getFullYear();
+        return `${day}/${month}/${year}`;
+      } catch {
+        return "";
+      }
+    }, []);
+    const parseManualInput = useCallback(
+      (input) => {
+        const cleaned = input.replace(/[^\d/]/g, "");
+        const dateRegex = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
+        const match = cleaned.match(dateRegex);
+        if (!match) return null;
+        const [, day, month, year] = match;
+        const dayNum = parseInt(day, 10);
+        const monthNum = parseInt(month, 10);
+        const yearNum = parseInt(year, 10);
+        if (dayNum < 1 || dayNum > 31 || monthNum < 1 || monthNum > 12) {
+          return null;
+        }
+        const date = new Date(yearNum, monthNum - 1, dayNum);
+        if (date.getDate() !== dayNum || date.getMonth() !== monthNum - 1 || date.getFullYear() !== yearNum) {
+          return null;
+        }
+        if (minDate && date < new Date(minDate)) return null;
+        if (maxDate && date > new Date(maxDate)) return null;
+        const formattedMonth = monthNum.toString().padStart(2, "0");
+        const formattedDay = dayNum.toString().padStart(2, "0");
+        return `${yearNum}-${formattedMonth}-${formattedDay}`;
+      },
+      [minDate, maxDate]
+    );
+    const isDateInRange = useCallback(
+      (date) => {
+        if (minDate && date < new Date(minDate)) return false;
+        if (maxDate && date > new Date(maxDate)) return false;
+        return true;
+      },
+      [minDate, maxDate]
+    );
+    const handleCalendarChange = useCallback(
+      (selectedDate) => {
+        const date = selectedDate;
+        if (!isDateInRange(date)) return;
+        const year = date.getFullYear();
+        const month = (date.getMonth() + 1).toString().padStart(2, "0");
+        const day = date.getDate().toString().padStart(2, "0");
+        const formattedDate = `${year}-${month}-${day}`;
+        setIsCalendarVisible(false);
+        setIsFocused(false);
+        if (onChange) {
+          onChange(formattedDate);
+        }
+      },
+      [onChange, isDateInRange, formatDateForDisplay]
+    );
+    const handleManualInput = useCallback(
+      (text) => {
+        const previousText = previousTextRef.current;
+        const isDeleting = text.length < previousText.length;
+        if (isDeleting) {
+          const cleaned2 = text.replace(/[^\d/]/g, "");
+          let formatted2 = cleaned2;
+          if (formatted2.endsWith("/")) {
+            formatted2 = formatted2.slice(0, -1);
+          }
+          previousTextRef.current = formatted2;
+          setInputText(formatted2);
+          return;
+        }
+        const cleaned = text.replace(/[^\d/]/g, "");
+        const limited = cleaned.slice(0, 10);
+        const numbersOnly = limited.replace(/\//g, "");
+        let formatted = "";
+        if (numbersOnly.length === 1) {
+          const firstDigit = parseInt(numbersOnly[0]);
+          if (firstDigit > 3) {
+            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];
+          } else {
+            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] + "/";
+          } else {
+            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];
+          } else {
+            formatted = dayPart + "/" + monthPart;
+            if (numbersOnly.length > 4) {
+              formatted += "/" + numbersOnly.slice(4);
+            }
+          }
+        }
+        previousTextRef.current = formatted;
+        setInputText(formatted);
+        if (numbersOnly.length >= 5 && onChange) {
+          const dayPart = numbersOnly.slice(0, 2);
+          const monthPart = numbersOnly.slice(2, 4);
+          const yearPart = numbersOnly.slice(4);
+          const currentYear = (/* @__PURE__ */ new Date()).getFullYear().toString();
+          let yearToTest = yearPart;
+          if (yearPart.length < 4) {
+            if (yearPart.length === 1) {
+              yearToTest = currentYear.slice(0, 3) + yearPart;
+            } else if (yearPart.length === 2) {
+              yearToTest = currentYear.slice(0, 2) + yearPart;
+            } else if (yearPart.length === 3) {
+              yearToTest = yearPart + currentYear.slice(3);
+            }
+          }
+          const dayNum = parseInt(dayPart, 10);
+          const monthNum = parseInt(monthPart, 10);
+          const yearNum = parseInt(yearToTest, 10);
+          if (dayNum >= 1 && dayNum <= 31 && monthNum >= 1 && monthNum <= 12 && yearNum >= 1e3) {
+            const formattedDate = `${yearNum}-${monthNum.toString().padStart(2, "0")}-${dayNum.toString().padStart(2, "0")}`;
+            onChange(formattedDate);
+          }
+        }
+      },
+      [parseManualInput, onChange]
+    );
+    const handleInputBlur = useCallback(() => {
+      setIsFocused(false);
+      if (inputText.trim() === "") {
+        if (onChange) {
+          onChange(null);
+        }
+        return;
+      }
+      const parsedDate = parseManualInput(inputText);
+      if (parsedDate && onChange) {
+        onChange(parsedDate);
+      } else {
+        const previousFormatted = formatDateForDisplay(value || null);
+        setInputText(previousFormatted);
+      }
+    }, [inputText, parseManualInput, onChange, value, formatDateForDisplay]);
+    const handleOpenCalendar = useCallback(() => {
+      if (disabled) return;
+      setIsCalendarVisible(true);
+    }, [disabled]);
+    const handleCloseCalendar = useCallback(() => {
+      setIsCalendarVisible(false);
+    }, []);
+    const handleInputFocus = useCallback(() => {
+      if (disabled) return;
+      setIsFocused(true);
+    }, [disabled]);
+    useEffect(() => {
+      const formatted = formatDateForDisplay(value || null);
+      if (!isFocused) {
+        setInputText(formatted);
+        previousTextRef.current = formatted;
+      }
+    }, [value, formatDateForDisplay, isFocused]);
+    const styles = StyleSheet.create({
+      container: {
+        width: "100%"
+      },
+      label: {
+        fontSize: 14,
+        fontWeight: "500",
+        color: getColorStyle("MAIN" /* MAIN */),
+        marginBottom: 4
+      },
+      sample: {
+        fontSize: 12,
+        color: getColorStyle("NEUTRAL" /* NEUTRAL */),
+        marginBottom: 8
+      },
+      inputContainer: {
+        flexDirection: "row",
+        alignItems: "center",
+        backgroundColor: disabled ? getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) : getColorStyle("WHITE" /* BACKGROUND */),
+        borderWidth: isFocused ? 2 : 1,
+        borderColor: status === "success" && getColorStyle("SUCCESS" /* SUCCESS */) || status === "warning" && getColorStyle("WARNING" /* WARNING */) || status === "error" && getColorStyle("ERROR" /* ERROR */) || isFocused && getColorStyle("MAIN" /* MAIN */) || getColorStyle("NEUTRAL" /* NEUTRAL */),
+        borderRadius: 3,
+        height: 46,
+        paddingHorizontal: 10
+      },
+      input: {
+        flex: 1,
+        fontSize: 16,
+        color: disabled ? getColorStyle("DISABLED" /* DISABLED */) : getColorStyle("MAIN" /* MAIN */),
+        paddingVertical: Platform.OS === "ios" ? 12 : 8
+      },
+      iconContainer: {
+        width: 32,
+        height: 32,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      help: {
+        fontSize: 12,
+        marginTop: 4,
+        paddingLeft: 4,
+        color: status === "success" && getColorStyle("SUCCESS" /* SUCCESS */) || status === "warning" && getColorStyle("WARNING" /* WARNING */) || status === "error" && getColorStyle("ERROR" /* ERROR */) || getColorStyle("NEUTRAL" /* NEUTRAL */)
+      },
+      modalOverlay: {
+        flex: 1,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      modalContent: {
+        paddingBottom: 16,
+        width: "90%",
+        shadowColor: "#000",
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.25,
+        shadowRadius: 8,
+        elevation: 5
+      }
+    });
+    return /* @__PURE__ */ React.createElement(View, { ref, style: styles.container, testID: testId, ...others }, label && /* @__PURE__ */ React.createElement(View, { style: { flexDirection: "row", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.label }, label), required && /* @__PURE__ */ React.createElement(Text_native_default, { style: { color: getColorStyle("ERROR" /* ERROR */), marginLeft: 4 } }, "*")), sample && /* @__PURE__ */ React.createElement(Text_native_default, { level: 3 /* THREE */, style: styles.sample }, sample), /* @__PURE__ */ React.createElement(View, { style: styles.inputContainer }, /* @__PURE__ */ React.createElement(
+      TextInput,
+      {
+        style: styles.input,
+        value: inputText,
+        placeholder: "jj/mm/aaaa",
+        placeholderTextColor: getColorStyle("NEUTRAL" /* NEUTRAL */),
+        editable: !disabled,
+        keyboardType: "numeric",
+        onFocus: handleInputFocus,
+        onBlur: handleInputBlur,
+        onChangeText: handleManualInput,
+        maxLength: 10
+      }
+    ), /* @__PURE__ */ React.createElement(
+      TouchableOpacity,
+      {
+        style: styles.iconContainer,
+        onPress: handleOpenCalendar,
+        disabled,
+        activeOpacity: 0.7
+      },
+      /* @__PURE__ */ React.createElement(Icon_native_default, { name: "tri-calendar", size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
+    )), help && /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.help }, help), /* @__PURE__ */ React.createElement(Modal, { visible: isCalendarVisible, transparent: true, animationType: "fade", onRequestClose: handleCloseCalendar }, /* @__PURE__ */ React.createElement(View, { style: styles.modalOverlay }, /* @__PURE__ */ React.createElement(TouchableOpacity, { style: StyleSheet.absoluteFillObject, activeOpacity: 1, onPress: handleCloseCalendar }), /* @__PURE__ */ React.createElement(View, { style: styles.modalContent }, /* @__PURE__ */ React.createElement(
+      Calendar_native_default,
+      {
+        value: calendarValue,
+        minDate: minDate ? new Date(minDate) : void 0,
+        maxDate: maxDate ? new Date(maxDate) : void 0,
+        disabledDates,
+        onChange: handleCalendarChange,
+        disabled
+      }
+    )))));
+  }
+);
+DatePicker.displayName = "DatePicker" /* DatePicker */;
+var DatePicker_native_default = DatePicker;
+
+export {
+  DatePicker_native_default
+};

package/lib/{chunk-B6D5UHOQ.mjs → chunk-JWWWYOOC.mjs}

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

package/lib/chunk-LHDHBH5T.mjs

@@ -0,0 +1 @@
+"use client";

package/lib/{chunk-QIEADZWY.mjs → chunk-LNFOP27Y.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-7TEPMZRL.mjs → chunk-MKSHOXCA.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CardContext
-} from "./chunk-IT2ZBSQG.mjs";
+} from "./chunk-XJMDYFHO.mjs";
 
 // components/card/content/CardContent.native.tsx
 import React, { useContext } from "react";

package/lib/{chunk-JDLZGLZJ.mjs → chunk-ML52WYPZ.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-VSYM7BJ4.mjs → chunk-MV3N2D6T.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   index_native_default
-} from "./chunk-U2STNP4N.mjs";
+} from "./chunk-CKEC5R4P.mjs";
 import {
   SpacingMatrixMode
 } from "./chunk-DU46N4OG.mjs";

package/lib/{chunk-UPP3GX33.mjs → chunk-NEM7FT22.mjs}

@@ -1,22 +1,23 @@
 "use client";
+import {
+  StatesContext
+} from "./chunk-CWIO3GEP.mjs";
 import {
   TrilogyThemeContext,
   getColorStyle
 } from "./chunk-E4YRRUI3.mjs";
 import {
-  StatesContext
-} from "./chunk-CWIO3GEP.mjs";
-import {
-  isAndroid,
   isIOS
 } from "./chunk-R6PFY5VS.mjs";
+import {
+  Skeleton_native_default
+} from "./chunk-7DJ5V2J7.mjs";
 import {
   getAlignStyle
 } from "./chunk-CD6DMMCL.mjs";
 
 // components/icon/Icon.native.tsx
 import React, { useContext } from "react";
-import ContentLoader, { Circle } from "react-content-loader/native";
 import { StyleSheet, TouchableOpacity, View } from "react-native";
 import { WithLocalSvg } from "react-native-svg/css";
 var Icon = React.forwardRef(
@@ -74,7 +75,16 @@ var Icon = React.forwardRef(
         justifyContent: "center"
       }
     });
-    const IconSkeleton = () => /* @__PURE__ */ React.createElement(ContentLoader, { style: styles.skeleton, ...others }, /* @__PURE__ */ React.createElement(View, { style: { opacity: 0 } }), isAndroid && /* @__PURE__ */ React.createElement(View, null, size === "huge" /* HUGE */ && /* @__PURE__ */ React.createElement(Circle, { cx: "50", cy: "50", r: "50" }) || size === "large" /* LARGE */ && /* @__PURE__ */ React.createElement(Circle, { cx: "33", cy: "33", r: "33" }) || size === "medium" /* MEDIUM */ && /* @__PURE__ */ React.createElement(Circle, { cx: "23", cy: "23", r: "23" }) || size === "small" /* SMALL */ && /* @__PURE__ */ React.createElement(Circle, { cx: "15", cy: "15", r: "15" }) || /* @__PURE__ */ React.createElement(Circle, { cx: "15", cy: "15", r: "15" })));
+    const IconSkeleton = () => /* @__PURE__ */ React.createElement(
+      Skeleton_native_default,
+      {
+        style: styles.skeleton,
+        width: circledWidth,
+        height: circledWidth,
+        borderRadius: iconSkeletonRadius,
+        testID: "skeleton-id"
+      }
+    );
     if (skeleton) {
       return /* @__PURE__ */ React.createElement(IconSkeleton, null);
     }

package/lib/{chunk-7ZANYDV4.mjs → chunk-NYA63FUK.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-KYCWE6NL.mjs";
 import {
   version
-} from "./chunk-LJ4LZ3UC.mjs";
+} from "./chunk-2JM27LG6.mjs";
 import {
   TrilogyContext
 } from "./chunk-ZB4OWTDD.mjs";

package/lib/{chunk-NE4WGXUM.mjs → chunk-OPQY47KX.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   TimelineMarker_native_default
-} from "./chunk-ZRWNSZC6.mjs";
+} from "./chunk-3AUAH6SB.mjs";
 
 // components/timeline/marker/index.native.ts
 var index_native_default = TimelineMarker_native_default;

package/lib/chunk-OSWW7RO6.mjs

@@ -0,0 +1,84 @@
+"use client";
+import {
+  setTypographyColor
+} from "./chunk-WVL5S3CD.mjs";
+import {
+  getTypographyBoldStyle
+} from "./chunk-3LXODEBD.mjs";
+import {
+  StatesContext
+} from "./chunk-CWIO3GEP.mjs";
+import {
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
+import {
+  Skeleton_native_default
+} from "./chunk-7DJ5V2J7.mjs";
+import {
+  setTypographyAlign
+} from "./chunk-IGMJNGTZ.mjs";
+
+// components/text/Text.native.tsx
+import React, { useContext } from "react";
+import { StyleSheet, Text as TextNative } from "react-native";
+var Text = React.forwardRef(
+  ({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines = 0, ...others }, ref) => {
+    const statesContext = useContext(StatesContext);
+    const textLevels = (level2) => {
+      return level2 && level2 == 1 /* ONE */ && 16 || level2 && level2 == 2 /* TWO */ && 14 || level2 && level2 == 3 /* THREE */ && 12 || level2 && level2 == 4 /* FOUR */ && 10 || 14;
+    };
+    const styles = StyleSheet.create({
+      text: {
+        fontFamily: getTypographyBoldStyle(typo),
+        fontSize: textLevels(level),
+        color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
+        textAlign: setTypographyAlign(typo),
+        lineHeight: textLevels(level) * 1.2,
+        textDecorationLine: "none",
+        alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start"
+      },
+      skeleton: {
+        minWidth: 10,
+        alignSelf: setTypographyAlign(typo) === "left" && "flex-start" || setTypographyAlign(typo) === "center" && "center" || setTypographyAlign(typo) === "right" && "flex-end" || "flex-start",
+        borderRadius: level && level == 1 /* ONE */ && 7 || level && level == 2 /* TWO */ && 7 || level && level == 3 /* THREE */ && 5 || 3,
+        borderWidth: 0.1,
+        borderColor: getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */),
+        overflow: "hidden",
+        height: textLevels(level)
+      }
+    });
+    const textAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
+    let textView = /* @__PURE__ */ React.createElement(
+      TextNative,
+      {
+        ref,
+        numberOfLines,
+        ellipsizeMode: "tail",
+        maxFontSizeMultiplier: 1.3,
+        accessible: !!textAccessibilityLabel,
+        accessibilityLabel: textAccessibilityLabel,
+        style: [styles.text, style],
+        ...others
+      },
+      children
+    );
+    if (skeleton) {
+      textView = /* @__PURE__ */ React.createElement(
+        Skeleton_native_default,
+        {
+          style: styles.skeleton,
+          height: textLevels(level),
+          borderRadius: level && level == 1 /* ONE */ && 7 || level && level == 2 /* TWO */ && 7 || level && level == 3 /* THREE */ && 5 || 3
+        },
+        textView
+      );
+    }
+    return textView;
+  }
+);
+Text.displayName = "Text" /* Text */;
+var Text_native_default = Text;
+
+export {
+  Text_native_default
+};

package/lib/{chunk-23RKW2TY.mjs → chunk-P4BQZHBF.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_native_default
-} from "./chunk-UPP3GX33.mjs";
+} from "./chunk-NEM7FT22.mjs";
 
 // components/breadcrumb/Breadcrumb.native.tsx
 import * as React from "react";

package/lib/{chunk-IOXFCPJQ.mjs → chunk-PQMMGS3V.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Text_native_default
-} from "./chunk-MVQ252OA.mjs";
+} from "./chunk-OSWW7RO6.mjs";
 import {
   getTypographyBoldStyle
 } from "./chunk-3LXODEBD.mjs";

package/lib/{chunk-3I74MN5M.mjs → chunk-PUBY4YSN.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-UBR5KHS6.mjs";
 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-VL2UCFFK.mjs → chunk-QAXBH7UN.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-DWZ232Q2.mjs → chunk-QJCK6KDK.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-UC3N6X6R.mjs → chunk-RDNWD3P4.mjs}

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

package/lib/{chunk-Y6VHQF2J.mjs → chunk-SOW7WGY7.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-CYSI752N.mjs";
 import {
   Calendar_default
-} from "./chunk-JB7AXJFO.mjs";
+} from "./chunk-3CUMNA5T.mjs";
 import {
   Icon_default
 } from "./chunk-ALGX47MZ.mjs";