@trilogy-ds/react 0.0.17-esm-cjs → 0.0.19-esm-cjs

package/lib/chunk-4GKCUICZ.mjs

@@ -0,0 +1,99 @@
+"use client";
+import {
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
+import {
+  getJustifyStyle
+} from "./chunk-L4UDEKQK.mjs";
+import {
+  getAlignStyle
+} from "./chunk-CD6DMMCL.mjs";
+
+// components/view/View.native.tsx
+import * as React from "react";
+import { ImageBackground, StyleSheet, TouchableOpacity, View as ViewNative } from "react-native";
+var View = React.forwardRef(({
+  children,
+  style,
+  onClick,
+  flexable,
+  bottom,
+  backgroundColor,
+  backgroundSrc,
+  id,
+  justify,
+  fullwidth = true,
+  align,
+  ...others
+}, ref) => {
+  const viewColor = backgroundColor && getColorStyle(backgroundColor) || "transparent";
+  const styles = StyleSheet.create({
+    view: {
+      flex: flexable ? 1 : 0,
+      backgroundColor: viewColor,
+      width: fullwidth ? "100%" : "auto",
+      ...justify && { justifyContent: getJustifyStyle(justify) },
+      ...align && { alignItems: getAlignStyle(align) }
+    },
+    bottom: {
+      position: "absolute",
+      bottom: 0,
+      width: fullwidth ? "100%" : "auto"
+    },
+    sectionImage: {
+      flex: flexable ? 1 : 0,
+      width: "100%",
+      height: "auto"
+    }
+  });
+  let returnView = /* @__PURE__ */ React.createElement(
+    ViewNative,
+    {
+      ref,
+      testID: id,
+      nativeID: id,
+      style: [styles.view, bottom && styles.bottom, style],
+      ...others
+    },
+    children
+  );
+  if (!children) {
+    returnView = /* @__PURE__ */ React.createElement(
+      ViewNative,
+      {
+        ref,
+        testID: id,
+        nativeID: id,
+        style: [styles.view, bottom && styles.bottom, style],
+        ...others
+      }
+    );
+  }
+  if (onClick) {
+    returnView = /* @__PURE__ */ React.createElement(
+      ViewNative,
+      {
+        ref,
+        testID: id,
+        nativeID: id,
+        style: [styles.view, bottom && styles.bottom, style],
+        ...others
+      },
+      /* @__PURE__ */ React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: onClick }, children)
+    );
+  }
+  return backgroundSrc ? /* @__PURE__ */ React.createElement(
+    ImageBackground,
+    {
+      style: styles.sectionImage,
+      source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }
+    },
+    returnView
+  ) : returnView;
+});
+View.displayName = "View" /* View */;
+var View_native_default = View;
+
+export {
+  View_native_default
+};

package/lib/{chunk-AKMN7UO5.mjs → chunk-573KW52P.mjs}

@@ -1,13 +1,16 @@
 "use client";
 import {
   getStatusStyle
-} from "./chunk-KNRXLZZP.mjs";
+} from "./chunk-MB55ARZ7.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
+import {
+  IconColor
+} from "./chunk-4UHBBNZ7.mjs";
 
 // components/tag/Tag.native.tsx
 import React from "react";
@@ -21,10 +24,11 @@ var Tag = React.forwardRef(
         flexDirection: "row",
         justifyContent: "center",
         alignItems: "center",
-        alignSelf: "baseline",
+        alignSelf: "center",
         borderRadius: 15,
         paddingHorizontal: 8,
         paddingVertical: 4,
+        minHeight: small ? 24 : 32,
         backgroundColor: inverted && getColorStyle("WHITE" /* BACKGROUND */) || variant && backgroundColor || getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */)
       },
       text: {
@@ -42,7 +46,15 @@ var Tag = React.forwardRef(
         flexDirection: "row"
       }
     });
-    return /* @__PURE__ */ React.createElement(View, { ref, style: styles.tag, ...others }, iconName && /* @__PURE__ */ React.createElement(View, { style: styles.icon }, /* @__PURE__ */ React.createElement(Icon_native_default, { size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName, testId: `${testId}-icon` })), /* @__PURE__ */ React.createElement(Text, { style: styles.text }, label));
+    return /* @__PURE__ */ React.createElement(View, { ref, style: styles.tag, ...others }, iconName && /* @__PURE__ */ React.createElement(View, { style: styles.icon }, /* @__PURE__ */ React.createElement(
+      Icon_native_default,
+      {
+        color: IconColor[variant || "BACKGROUND" /* BACKGROUND */],
+        size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */,
+        name: iconName,
+        testId: `${testId}-icon`
+      }
+    )), /* @__PURE__ */ React.createElement(Text, { style: styles.text }, label));
   }
 );
 Tag.displayName = "Tag" /* Tag */;

package/lib/{chunk-MLDIC7PA.mjs → chunk-5ALKJFH4.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CardContext
-} from "./chunk-AMKZNB5D.mjs";
+} from "./chunk-IT2ZBSQG.mjs";
 
 // components/card/image/CardImage.native.tsx
 import React, { useContext, useEffect, useState } from "react";

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

@@ -4,19 +4,19 @@ import {
 } from "./chunk-JLQUIKZX.mjs";
 import {
   Title_native_default
-} from "./chunk-AK2SCURT.mjs";
+} from "./chunk-MDZE2AV3.mjs";
 import {
   Column_native_default
-} from "./chunk-UV7KNMPY.mjs";
+} from "./chunk-ZNF2AXYR.mjs";
 import {
   Columns_native_default
-} from "./chunk-5RU72DNI.mjs";
+} from "./chunk-NRTMJLXK.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 import {
   isAndroid
 } from "./chunk-R6PFY5VS.mjs";
@@ -63,8 +63,8 @@ var Modal = React.forwardRef(
       ModalRN,
       {
         isVisible: visible,
-        onBackdropPress: () => handleClose({}),
-        onSwipeComplete: handleClose,
+        onBackdropPress: unClosable ? void 0 : () => handleClose({}),
+        onSwipeComplete: unClosable ? void 0 : handleClose,
         swipeDirection: unClosable ? void 0 : ["down"],
         scrollTo: handleScrollTo,
         scrollOffset,
@@ -74,7 +74,7 @@ var Modal = React.forwardRef(
         onModalHide,
         ...others
       },
-      /* @__PURE__ */ React.createElement(View, { ref, style: [styles.body, { backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, /* @__PURE__ */ React.createElement(View, { style: { paddingVertical: !title && hideCloseButton ? 8 : 16 } }, /* @__PURE__ */ React.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, /* @__PURE__ */ React.createElement(Column_native_default, null, /* @__PURE__ */ React.createElement(Title_native_default, { level: 4 }, title)), !hideCloseButton && /* @__PURE__ */ React.createElement(Column_native_default, { narrow: true }, /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: handleClose }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: "tri-times" /* TIMES */, size: "medium" /* MEDIUM */, color: "MAIN" /* MAIN */ }))))), children)
+      /* @__PURE__ */ React.createElement(View, { ref, style: [styles.body, { backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, /* @__PURE__ */ React.createElement(View, { style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } }, /* @__PURE__ */ React.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, /* @__PURE__ */ React.createElement(Column_native_default, null, /* @__PURE__ */ React.createElement(Title_native_default, { level: 4 }, title)), !hideCloseButton && !unClosable && /* @__PURE__ */ React.createElement(Column_native_default, { narrow: true }, /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: handleClose }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: "tri-times" /* TIMES */, size: "medium" /* MEDIUM */, color: "MAIN" /* MAIN */ }))))), children)
     ));
   }
 );

package/lib/{chunk-X3O5WJNB.mjs → chunk-5JFVDSGE.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   TableHead_default
-} from "./chunk-G5BYIVYU.mjs";
+} from "./chunk-3APJ5TJP.mjs";
 
 // components/table/head/index.ts
 var head_default = TableHead_default;

package/lib/{chunk-WG6PNVJM.mjs → chunk-5LGX4H46.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-54DJB6AO.mjs";
 import {
   ComponentName
-} from "./chunk-NTS75UVH.mjs";
+} from "./chunk-VDLM4YQP.mjs";
 
 // components/autolayout/helpers/AutoLayout.helpers.native.tsx
 import React from "react";
@@ -85,9 +85,9 @@ var createChildrenArray = (array, children) => {
       });
     } 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) {
       createChildrenArray(array, child.type(child.props));
-    } else if ((child == null ? void 0 : child.type) && ((_c = child == null ? void 0 : child.type) == null ? void 0 : _c.displayName) !== getTrilogyComponentName(child) && ((_d = child == null ? void 0 : child.type) == null ? void 0 : _d.$$typeof) === Symbol.for("react.memo") && ((_e = child == null ? void 0 : child.type) == null ? void 0 : _e.type) !== void 0) {
+    } else if ((child == null ? void 0 : child.type) && ((_c = child == null ? void 0 : child.type) == null ? void 0 : _c.displayName) !== getTrilogyComponentName(child) && ((_d = child == null ? void 0 : child.type) == null ? void 0 : _d.$$typeof) === /* @__PURE__ */ Symbol.for("react.memo") && ((_e = child == null ? void 0 : child.type) == null ? void 0 : _e.type) !== void 0) {
       createChildrenArray(array, child.type.type(child.props));
-    } else if ((child == null ? void 0 : child.type) && ((_f = child == null ? void 0 : child.type) == null ? void 0 : _f.$$typeof) === Symbol.for("react.forward_ref") && ((_h = (_g = child == null ? void 0 : child.type) == null ? void 0 : _g.render) == null ? void 0 : _h.displayName) !== getTrilogyComponentName(child) && ((_i = child == null ? void 0 : child.type) == null ? void 0 : _i.type) !== void 0) {
+    } else if ((child == null ? void 0 : child.type) && ((_f = child == null ? void 0 : child.type) == null ? void 0 : _f.$$typeof) === /* @__PURE__ */ Symbol.for("react.forward_ref") && ((_h = (_g = child == null ? void 0 : child.type) == null ? void 0 : _g.render) == null ? void 0 : _h.displayName) !== getTrilogyComponentName(child) && ((_i = child == null ? void 0 : child.type) == null ? void 0 : _i.type) !== void 0) {
       createChildrenArray(array, child.type.type(child.props));
     } else {
       array.push(child);

package/lib/chunk-5NJMUSWY.mjs

@@ -0,0 +1,40 @@
+"use client";
+import {
+  ModalContext
+} from "./chunk-JLQUIKZX.mjs";
+import {
+  Title_native_default
+} from "./chunk-MDZE2AV3.mjs";
+import {
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
+import {
+  isIOS
+} from "./chunk-R6PFY5VS.mjs";
+
+// components/modal/footer/ModalFooter.native.tsx
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+var ModalFooter = React.forwardRef(({ children, ...others }, ref) => {
+  const { setIsFooter } = React.useContext(ModalContext);
+  React.useEffect(() => {
+    setIsFooter(true);
+    return () => {
+      setIsFooter(false);
+    };
+  }, []);
+  return /* @__PURE__ */ React.createElement(View, { ref, style: [styles.container], ...others }, /* @__PURE__ */ React.createElement(View, { style: [{ backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, typeof children === "string" && /* @__PURE__ */ React.createElement(Title_native_default, { level: 3 /* THREE */, style: styles.title }, children) || children));
+});
+ModalFooter.displayName = "ModalFooter" /* ModalFooter */;
+var ModalFooter_native_default = ModalFooter;
+var styles = StyleSheet.create({
+  container: {
+    paddingBottom: isIOS ? 40 : 18,
+    paddingTop: 16
+  },
+  title: { width: "100%", textAlign: "center" }
+});
+
+export {
+  ModalFooter_native_default
+};

package/lib/chunk-5UAX67EN.mjs

@@ -0,0 +1,35 @@
+"use client";
+import {
+  Icon_default
+} from "./chunk-ALGX47MZ.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+
+// components/timeline/marker/TimelineMarker.tsx
+import clsx from "clsx";
+import * as React from "react";
+var TimelineMarker = React.forwardRef(({
+  className,
+  id,
+  iconClassname,
+  iconName,
+  ...others
+}, ref) => {
+  const { styled } = useTrilogyContext();
+  const classes = hashClass(styled, clsx("timeline-marker", is("icon"), className));
+  const iconClasses = clsx(iconClassname);
+  return /* @__PURE__ */ React.createElement("div", { ref, id, className: classes, ...others }, /* @__PURE__ */ React.createElement("div", { className: "card-header-icon" }, /* @__PURE__ */ React.createElement(Icon_default, { className: iconClasses, name: iconName, size: "small" /* SMALL */ })));
+});
+TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
+var TimelineMarker_default = TimelineMarker;
+
+export {
+  TimelineMarker_default
+};

package/lib/chunk-65K3LXTO.mjs

@@ -0,0 +1,23 @@
+"use client";
+
+// components/radio/tiles/RadioTiles.native.tsx
+import React from "react";
+import { StyleSheet, View } from "react-native";
+var RadioTiles = React.forwardRef(({ id, children, align, verticalAlign, ...others }, ref) => {
+  const styles = StyleSheet.create({
+    container: {
+      alignItems: verticalAlign === "ALIGNED_CENTER" /* ALIGNED_CENTER */ && "center" || verticalAlign === "ALIGNED_START" /* ALIGNED_START */ && "flex-start" || verticalAlign === "ALIGNED_END" /* ALIGNED_END */ && "flex-end" || void 0,
+      justifyContent: align === "ALIGNED_CENTER" /* ALIGNED_CENTER */ && "center" || align === "ALIGNED_START" /* ALIGNED_START */ && "flex-start" || align === "ALIGNED_END" /* ALIGNED_END */ && "flex-end" || void 0,
+      flexDirection: "row",
+      flexWrap: "wrap",
+      gap: 8 /* TWO */
+    }
+  });
+  return /* @__PURE__ */ React.createElement(View, { ref, id, style: [styles.container], ...others }, children);
+});
+RadioTiles.displayName = "RadioTiles" /* RadioTiles */;
+var RadioTiles_native_default = RadioTiles;
+
+export {
+  RadioTiles_native_default
+};

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

@@ -4,16 +4,16 @@ import {
 } from "./chunk-DNDMAHWG.mjs";
 import {
   Text_native_default
-} from "./chunk-2AL4D3MJ.mjs";
+} from "./chunk-MVQ252OA.mjs";
 import {
   Spacer_native_default
 } from "./chunk-54DJB6AO.mjs";
 import {
   Icon_native_default
-} from "./chunk-H6FVJB5Z.mjs";
+} from "./chunk-UPP3GX33.mjs";
 import {
   getColorStyle
-} from "./chunk-VI2KFLCZ.mjs";
+} from "./chunk-E4YRRUI3.mjs";
 
 // components/chips/Chips.native.tsx
 import React, { useContext, useEffect, useState } from "react";

package/lib/chunk-6AFOGEEB.mjs

@@ -0,0 +1,41 @@
+"use client";
+
+// components/image/Image.native.tsx
+import * as React from "react";
+import { Image as ImageNative, StyleSheet, TouchableOpacity, View } from "react-native";
+var Image = React.forwardRef(
+  ({ src, alt = "", circled, width, height, onClick, cache, ...others }, ref) => {
+    const styles = StyleSheet.create({
+      image: {
+        width: width ? width : "100%",
+        height: height ? height : "100%",
+        borderRadius: circled ? 100 : 0,
+        overflow: circled ? "hidden" : "visible",
+        resizeMode: "contain"
+      }
+    });
+    const getCachePolicy = (cacheType) => {
+      switch (cacheType) {
+        case "immutable":
+          return "force-cache";
+        case "cacheOnly":
+          return "only-if-cached";
+        case "web":
+        default:
+          return "default";
+      }
+    };
+    const imageSource = typeof src === "number" ? src : {
+      uri: src,
+      cache: getCachePolicy(cache)
+    };
+    const image = /* @__PURE__ */ React.createElement(ImageNative, { ref, style: styles.image, accessibilityLabel: alt, source: imageSource, ...others, alt });
+    return onClick ? /* @__PURE__ */ React.createElement(View, null, /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
+  }
+);
+Image.displayName = "Image" /* Image */;
+var Image_native_default = Image;
+
+export {
+  Image_native_default
+};

package/lib/{chunk-C2KSCUJR.mjs → chunk-6BMF3QD3.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getStatusClassName
-} from "./chunk-AD63JH53.mjs";
+} from "./chunk-ZUSPKNMI.mjs";
 import {
   is
 } from "./chunk-SWVRRUW7.mjs";

package/lib/{chunk-JA5LYEG4.mjs → chunk-6CVNPSI3.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getColorStyle
-} from "./chunk-JOSZ4COK.mjs";
+} from "./chunk-7VSJ3RTI.mjs";
 
 // objects/facets/Variant/index.ts
 var VariantState = /* @__PURE__ */ ((VariantState2) => {

package/lib/{chunk-SLTXO73P.mjs → chunk-6GGZCKVV.mjs}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-L4UDEKQK.mjs";
 import {
   getAlignStyle
-} from "./chunk-HV6TXVFA.mjs";
+} from "./chunk-CD6DMMCL.mjs";
 
 // components/flex-box/FlexBox.native.tsx
 import React, { useState } from "react";
@@ -20,6 +20,8 @@ var FlexBox = React.forwardRef(
     const [width, setWidth] = useState(0);
     const [enlarge, setEnlarge] = useState(0);
     const isValueDirection = typeof direction === "string";
+    const isValueAlign = typeof align === "string";
+    const isValueJustify = typeof justify === "string";
     const onLayoutHandler = React.useCallback(
       (event) => {
         if (!width) {
@@ -36,8 +38,8 @@ var FlexBox = React.forwardRef(
       columns: {
         flexDirection: !isValueDirection ? direction == null ? void 0 : direction.mobile : direction,
         gap: realGap,
-        alignItems: getAlignStyle(align),
-        justifyContent: getJustifyStyle(justify),
+        alignItems: !isValueAlign ? getAlignStyle(align == null ? void 0 : align.mobile) : getAlignStyle(align),
+        justifyContent: !isValueJustify ? getJustifyStyle(justify == null ? void 0 : justify.mobile) : getJustifyStyle(justify),
         width: fullBleed && width ? width + enlarge * 2 : "100%",
         marginHorizontal: -enlarge,
         paddingHorizontal: enlarge,

package/lib/chunk-6QE3IUXA.mjs

@@ -0,0 +1,53 @@
+"use client";
+import {
+  isRequiredChild
+} from "./chunk-TFRD43SL.mjs";
+import {
+  is
+} from "./chunk-SWVRRUW7.mjs";
+import {
+  hashClass
+} from "./chunk-UFMRE754.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-ZB4OWTDD.mjs";
+import {
+  getAlignClassName
+} from "./chunk-CD6DMMCL.mjs";
+
+// components/radio/tiles/RadioTiles.tsx
+import clsx from "clsx";
+import * as React from "react";
+var RadioTiles = React.forwardRef(({ id, className, children, align, verticalAlign, accessibilityLabelledBy, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  let alignClass = null;
+  if (align) {
+    alignClass = getAlignClassName(align) === "aligned-start" && is("justified-start") || getAlignClassName(align) === "aligned-center" && is("justified-center") || getAlignClassName(align) === "aligned-end" && is("justified-end") || null;
+  }
+  let verticalAlignClass = null;
+  if (verticalAlign) {
+    verticalAlignClass = getAlignClassName(verticalAlign) === "aligned-start" && is("aligned-start") || getAlignClassName(verticalAlign) === "aligned-center" && is("aligned-center") || getAlignClassName(verticalAlign) === "aligned-end" && is("aligned-end") || getAlignClassName(verticalAlign) === "aligned-stretch" && is("aligned-stretch") || null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      id,
+      role: "radiogroup",
+      "aria-labelledby": accessibilityLabelledBy,
+      "aria-required": isRequiredChild(children) ? "true" : void 0,
+      className: hashClass(
+        styled,
+        clsx("radio-tiles", className, align && alignClass, verticalAlign && verticalAlignClass)
+      ),
+      ...others
+    },
+    children
+  );
+});
+RadioTiles.displayName = "RadioTiles" /* RadioTiles */;
+var RadioTiles_default = RadioTiles;
+
+export {
+  RadioTiles_default
+};

package/lib/{chunk-2CRZJ26O.mjs → chunk-6RNUF4LV.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Column_default
-} from "./chunk-4K5SE35T.mjs";
+} from "./chunk-ZX64XZS4.mjs";
 
 // components/columns/column/index.ts
 var column_default = Column_default;

package/lib/{chunk-UNUI5GCY.mjs → chunk-76P5II7A.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Tab_default
-} from "./chunk-PTHFF3G5.mjs";
-import {
-  TabsContext
-} from "./chunk-SWFBV5TR.mjs";
+} from "./chunk-24R7IYOG.mjs";
 import {
   Icon_default
-} from "./chunk-SGAZRZIK.mjs";
+} from "./chunk-ALGX47MZ.mjs";
+import {
+  TabsContext
+} from "./chunk-OAENQH2X.mjs";
 import {
   is
 } from "./chunk-SWVRRUW7.mjs";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-ZB4OWTDD.mjs";
 import {
   getAlignClassName
-} from "./chunk-HV6TXVFA.mjs";
+} from "./chunk-CD6DMMCL.mjs";
 
 // components/tabs/tab-list/TabList.tsx
 import clsx from "clsx";

package/lib/{chunk-AT5DQ6XT.mjs → chunk-7E4J6YBL.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ProgressRadial_default
-} from "./chunk-VWBRZW2B.mjs";
+} from "./chunk-YF74SWNR.mjs";
 
 // components/progress/radial/index.ts
 var radial_default = ProgressRadial_default;

package/lib/{chunk-RYVNJCJ2.mjs → chunk-7JMUQSV5.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   ProgressItem_default
-} from "./chunk-C2KSCUJR.mjs";
+} from "./chunk-6BMF3QD3.mjs";
 
 // components/progress/item/index.ts
 var item_default = ProgressItem_default;

package/lib/{chunk-FTZRR3K6.mjs → chunk-7LJJ6SKX.mjs}

@@ -2,6 +2,9 @@
 import {
   isRequiredChild
 } from "./chunk-TFRD43SL.mjs";
+import {
+  Text_default
+} from "./chunk-HHE7L3CW.mjs";
 import {
   is
 } from "./chunk-SWVRRUW7.mjs";
@@ -19,9 +22,10 @@ import {
 import clsx from "clsx";
 import * as React from "react";
 var RadioList = React.forwardRef(
-  ({ className, id, align, horizontalMobile, verticalDesktop, accessibilityLabelledBy, children, ...others }, ref) => {
+  ({ className, id, align, horizontalMobile, verticalDesktop, accessibilityLabelledBy, children, label, ...others }, ref) => {
     const { styled } = useTrilogyContext();
-    return /* @__PURE__ */ React.createElement(
+    const groupLabelClasses = hashClass(styled, "group-label");
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, label && /* @__PURE__ */ React.createElement("p", { className: groupLabelClasses }, label, isRequiredChild(children) && /* @__PURE__ */ React.createElement(Text_default, { markup: "span" /* SPAN */, typo: "has-text-error" /* TEXT_ERROR */ }, " ", "*")), /* @__PURE__ */ React.createElement(
       "div",
       {
         ref,
@@ -42,7 +46,7 @@ var RadioList = React.forwardRef(
         ...others
       },
       children
-    );
+    ));
   }
 );
 RadioList.displayName = "RadioList" /* RadioList */;

package/lib/chunk-7NWVVRXM.mjs

@@ -0,0 +1,63 @@
+"use client";
+import {
+  getColorStyle
+} from "./chunk-E4YRRUI3.mjs";
+
+// components/segment-control/item/SegmentControlItem.native.tsx
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, TouchableOpacity } from "react-native";
+var SegmentControlItem = React.forwardRef(({
+  active,
+  children,
+  onClick,
+  disabled,
+  ...others
+}, ref) => {
+  const [activeItem, setActiveItem] = useState(active || false);
+  const styles = StyleSheet.create({
+    tabsItem: {
+      flexDirection: "column",
+      flex: 1,
+      marginRight: 4,
+      borderRadius: 4,
+      alignItems: "center",
+      backgroundColor: activeItem && getColorStyle("MAIN" /* MAIN */) || disabled && getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) || getColorStyle("WHITE" /* BACKGROUND */)
+    },
+    text: {
+      paddingHorizontal: 10,
+      color: activeItem && getColorStyle("WHITE" /* BACKGROUND */) || !activeItem && disabled && getColorStyle("DISABLED" /* DISABLED */) || getColorStyle("MAIN" /* MAIN */),
+      marginVertical: 12,
+      fontSize: 16,
+      textAlign: "center",
+      textAlignVertical: "center",
+      fontWeight: activeItem ? "600" : "normal"
+    }
+  });
+  useEffect(() => {
+    setActiveItem(active || false);
+  }, [active]);
+  return /* @__PURE__ */ React.createElement(
+    TouchableOpacity,
+    {
+      ref,
+      disabled,
+      style: [styles.tabsItem],
+      onPress: (e) => {
+        if (!disabled) {
+          setActiveItem(active || false);
+          if (onClick) {
+            onClick(e);
+          }
+        }
+      },
+      ...others
+    },
+    children && typeof children.valueOf() === "string" && /* @__PURE__ */ React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
+  );
+});
+SegmentControlItem.displayName = "SegmentControlItem" /* SegmentControlItem */;
+var SegmentControlItem_native_default = SegmentControlItem;
+
+export {
+  SegmentControlItem_native_default
+};