@trilogy-ds/react 0.0.16-esm-cjs → 0.0.18-esm-cjs

package/lib/components/autolayout/index.native.mjs

@@ -2,15 +2,15 @@
 import "../../chunk-2USOPQHO.mjs";
 import {
   index_native_default
-} from "../../chunk-PBPNVWL2.mjs";
+} from "../../chunk-7EU3FOC4.mjs";
 import {
   AutoLayout_native_default
-} from "../../chunk-GNSLOYT2.mjs";
-import "../../chunk-WG6PNVJM.mjs";
+} from "../../chunk-DYV23SEH.mjs";
 import {
   DEFAULT_SPACING_MATRIX,
   INSERT_SPACE_BETWEEN
 } from "../../chunk-AQYNL523.mjs";
+import "../../chunk-FFF7QP5X.mjs";
 import {
   SpacingMatrixMode
 } from "../../chunk-DU46N4OG.mjs";
@@ -18,7 +18,7 @@ import "../../chunk-3CL5Q2CR.mjs";
 import "../../chunk-54DJB6AO.mjs";
 import "../../chunk-EMXC7I76.mjs";
 import "../../chunk-IJCGAWJK.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   AutoLayout_native_default as AutoLayout,

package/lib/components/autolayout/interface.d.mts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { TrilogyComponents } from '../interface';
 export type HandleBetweenChildren = {
     /**

package/lib/components/autolayout/interface.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { TrilogyComponents } from '../interface';
 export type HandleBetweenChildren = {
     /**

package/lib/components/badge/Badge.js

@@ -104,6 +104,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],

package/lib/components/badge/Badge.mjs

@@ -1,26 +1,26 @@
 "use client";
 import {
   Badge_default
-} from "../../chunk-AZVPP2GA.mjs";
-import "../../chunk-JA5LYEG4.mjs";
-import "../../chunk-AD63JH53.mjs";
+} from "../../chunk-KY7T6Q73.mjs";
+import "../../chunk-6CVNPSI3.mjs";
+import "../../chunk-ZUSPKNMI.mjs";
 import "../../chunk-Y3ROARMA.mjs";
-import "../../chunk-SGAZRZIK.mjs";
-import "../../chunk-WC3ULY5W.mjs";
-import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-LGL3XQ7F.mjs";
+import "../../chunk-ALGX47MZ.mjs";
+import "../../chunk-XXKEMYTB.mjs";
+import "../../chunk-7VSJ3RTI.mjs";
+import "../../chunk-P372ZF3A.mjs";
 import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
 import "../../chunk-HU3FAWMX.mjs";
-import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-UFMRE754.mjs";
 import "../../chunk-ZB4OWTDD.mjs";
 import "../../chunk-L4UDEKQK.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Badge_default as default

package/lib/components/badge/Badge.native.js

@@ -50,6 +50,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -167,6 +168,12 @@ var Icon = import_react4.default.forwardRef(
       icon: {
         transform: isIOS ? stretched && [{ skewX: "20deg" }] || [{ skewX: "0deg" }] : []
       },
+      iconContainer: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: defaultSize,
+        height: defaultSize
+      },
       stretched: {
         justifyContent: "center",
         alignItems: "center",
@@ -221,7 +228,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { ...others }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react4.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.icon, style],
@@ -257,26 +264,13 @@ var STATUS_COLORS = {
   DEFAULT: { color: "MAIN" /* MAIN */, backgroundColor: "MAIN_FADE" /* MAIN_FADE */ }
 };
 
-// context/providerTheme/index.tsx
-var import_react5 = __toESM(require("react"));
-var defaultTheme2 = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue2 = {
-  theme: defaultTheme2,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext2 = import_react5.default.createContext(defaultContextValue2);
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react6 = require("react");
+// objects/Typography/TypographyBold/index.native.tsx
+var import_react5 = require("react");
 
 // components/badge/Badge.native.tsx
-var import_react7 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
-var Badge = import_react7.default.forwardRef(
+var Badge = import_react6.default.forwardRef(
   ({ children, label, onClick, testId, variant, inverted, position, status, ...others }, ref) => {
     const badgeColor = getColorStyle(variant || "MAIN" /* MAIN */);
     const textColor = getColorStyle("WHITE" /* BACKGROUND */);
@@ -351,7 +345,7 @@ var Badge = import_react7.default.forwardRef(
         break;
     }
     if (status) {
-      return /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, null, /* @__PURE__ */ import_react7.default.createElement(
+      return /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, null, /* @__PURE__ */ import_react6.default.createElement(
         import_react_native3.View,
         {
           style: [
@@ -359,10 +353,10 @@ var Badge = import_react7.default.forwardRef(
             position === "top-left" /* TOP_LEFT */ && styles.iconStatusPositionTopLeft || position === "top-right" /* TOP_RIGHT */ && styles.iconStatusPositionTopRight || position === "bottom-left" /* BOTTOM_LEFT */ && styles.iconStatusPositionBottomLeft || position === "bottom-right" /* BOTTOM_RIGHT */ && styles.iconStatusPositionBottomRight || styles.iconStatusPositionTopLeft
           ]
         },
-        /* @__PURE__ */ import_react7.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
-      ), /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, null, children)));
+        /* @__PURE__ */ import_react6.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
+      ), /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, null, children)));
     }
-    return onClick ? /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { ...others, ref }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { style: styles.badge, ...others }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.Text, { style: styles.text }, label)))) : /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { style: styles.badge, ...others, ref }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.Text, { style: styles.text }, label), !label && children && children);
+    return onClick ? /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { ...others, ref }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { style: styles.badge, ...others }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.Text, { style: styles.text }, label)))) : /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { style: styles.badge, ...others, ref }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.Text, { style: styles.text }, label), !label && children && children);
   }
 );
 Badge.displayName = "Badge" /* Badge */;

package/lib/components/badge/Badge.native.mjs

@@ -1,22 +1,24 @@
 "use client";
 import {
   Badge_native_default
-} from "../../chunk-TELJAUBZ.mjs";
-import "../../chunk-SCBHRXFP.mjs";
+} from "../../chunk-G2QCDZEE.mjs";
 import "../../chunk-7M6BHGK7.mjs";
 import "../../chunk-VNWHCGCD.mjs";
-import "../../chunk-SJ5DUOZ6.mjs";
+import "../../chunk-X67AAUB2.mjs";
 import "../../chunk-TFNM3EBG.mjs";
-import "../../chunk-MKOK7VNZ.mjs";
+import "../../chunk-YKUYXBXK.mjs";
 import "../../chunk-ZEJDFWMP.mjs";
-import "../../chunk-KNRXLZZP.mjs";
+import "../../chunk-MB55ARZ7.mjs";
 import "../../chunk-D5HHHZDS.mjs";
-import "../../chunk-2CYVOYRM.mjs";
+import "../../chunk-3LXODEBD.mjs";
+import "../../chunk-WVL5S3CD.mjs";
 import "../../chunk-7L5452RP.mjs";
-import "../../chunk-H6FVJB5Z.mjs";
+import "../../chunk-2K2TD7FH.mjs";
+import "../../chunk-UPP3GX33.mjs";
+import "../../chunk-E4YRRUI3.mjs";
 import "../../chunk-CWIO3GEP.mjs";
-import "../../chunk-VI2KFLCZ.mjs";
 import "../../chunk-R6PFY5VS.mjs";
+import "../../chunk-SCBHRXFP.mjs";
 import "../../chunk-RXBVZD3M.mjs";
 import "../../chunk-A2ASOVUR.mjs";
 import "../../chunk-3XMSRU64.mjs";
@@ -38,20 +40,17 @@ import "../../chunk-XIQL4ZTN.mjs";
 import "../../chunk-UUXUTBLZ.mjs";
 import "../../chunk-QOEJLTZN.mjs";
 import "../../chunk-B6WC6WS2.mjs";
-import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-MAX3RSBG.mjs";
 import "../../chunk-6BTWLQPI.mjs";
 import "../../chunk-G6BHSMLA.mjs";
 import "../../chunk-THOTRBD4.mjs";
 import "../../chunk-ATW7ITPH.mjs";
 import "../../chunk-IGMJNGTZ.mjs";
-import "../../chunk-5QUXSOHX.mjs";
 import "../../chunk-L4UDEKQK.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-HV6TXVFA.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-CD6DMMCL.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Badge_native_default as default

package/lib/components/badge/BadgeProps.d.mts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BadgePositionEnum, BadgePositionValues } from '../../components/badge/BadgeEnum';
 import { View } from 'react-native';
 import { Accessibility, Dev, StatusState, StatusStateValues } from '../../objects';

package/lib/components/badge/BadgeProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BadgePositionEnum, BadgePositionValues } from '../../components/badge/BadgeEnum';
 import { View } from 'react-native';
 import { Accessibility, Dev, StatusState, StatusStateValues } from '../../objects';

package/lib/components/badge/index.d.mts

@@ -1,3 +1,4 @@
 import Badge from './Badge';
+export * from './BadgeEnum';
 export * from './BadgeProps';
 export { Badge };

package/lib/components/badge/index.d.ts

@@ -1,3 +1,4 @@
 import Badge from './Badge';
+export * from './BadgeEnum';
 export * from './BadgeProps';
 export { Badge };

package/lib/components/badge/index.js

@@ -32,6 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var badge_exports = {};
 __export(badge_exports, {
   Badge: () => Badge_default,
+  BadgePositionEnum: () => BadgePositionEnum,
   BadgeVariant: () => BadgeVariant
 });
 module.exports = __toCommonJS(badge_exports);
@@ -105,6 +106,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -297,6 +299,15 @@ var Badge = React4.forwardRef(
 Badge.displayName = "Badge" /* Badge */;
 var Badge_default = Badge;
 
+// components/badge/BadgeEnum.ts
+var BadgePositionEnum = /* @__PURE__ */ ((BadgePositionEnum2) => {
+  BadgePositionEnum2["TOP_LEFT"] = "top-left";
+  BadgePositionEnum2["TOP_RIGHT"] = "top-right";
+  BadgePositionEnum2["BOTTOM_LEFT"] = "bottom-left";
+  BadgePositionEnum2["BOTTOM_RIGHT"] = "bottom-right";
+  return BadgePositionEnum2;
+})(BadgePositionEnum || {});
+
 // components/badge/BadgeProps.ts
 var BadgeVariant = /* @__PURE__ */ ((BadgeVariant2) => {
   BadgeVariant2["SUCCESS"] = "SUCCESS";
@@ -310,5 +321,6 @@ var BadgeVariant = /* @__PURE__ */ ((BadgeVariant2) => {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
+  BadgePositionEnum,
   BadgeVariant
 });

package/lib/components/badge/index.mjs

@@ -1,32 +1,36 @@
 "use client";
-import "../../chunk-WRDU327E.mjs";
+import "../../chunk-Y7YLMIQH.mjs";
 import {
   Badge_default
-} from "../../chunk-AZVPP2GA.mjs";
+} from "../../chunk-KY7T6Q73.mjs";
+import "../../chunk-6CVNPSI3.mjs";
+import "../../chunk-ZUSPKNMI.mjs";
+import "../../chunk-Y3ROARMA.mjs";
+import "../../chunk-LGL3XQ7F.mjs";
+import "../../chunk-ALGX47MZ.mjs";
+import "../../chunk-XXKEMYTB.mjs";
 import {
   BadgeVariant
 } from "../../chunk-GFERJNNH.mjs";
-import "../../chunk-JA5LYEG4.mjs";
-import "../../chunk-AD63JH53.mjs";
-import "../../chunk-Y3ROARMA.mjs";
-import "../../chunk-SGAZRZIK.mjs";
-import "../../chunk-WC3ULY5W.mjs";
-import "../../chunk-JOSZ4COK.mjs";
+import {
+  BadgePositionEnum
+} from "../../chunk-SCBHRXFP.mjs";
+import "../../chunk-7VSJ3RTI.mjs";
+import "../../chunk-P372ZF3A.mjs";
 import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
 import "../../chunk-HU3FAWMX.mjs";
-import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-UFMRE754.mjs";
 import "../../chunk-ZB4OWTDD.mjs";
 import "../../chunk-L4UDEKQK.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Badge_default as Badge,
+  BadgePositionEnum,
   BadgeVariant
 };

package/lib/components/badge/index.native.js

@@ -51,6 +51,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
@@ -168,6 +169,12 @@ var Icon = import_react4.default.forwardRef(
       icon: {
         transform: isIOS ? stretched && [{ skewX: "20deg" }] || [{ skewX: "0deg" }] : []
       },
+      iconContainer: {
+        alignItems: "center",
+        justifyContent: "center",
+        width: defaultSize,
+        height: defaultSize
+      },
       stretched: {
         justifyContent: "center",
         alignItems: "center",
@@ -222,7 +229,7 @@ var Icon = import_react4.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { ...others }, /* @__PURE__ */ import_react4.default.createElement(
+        iconView = /* @__PURE__ */ import_react4.default.createElement(import_react_native2.View, { style: styles.iconContainer, ...others }, /* @__PURE__ */ import_react4.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles.icon, style],
@@ -258,26 +265,13 @@ var STATUS_COLORS = {
   DEFAULT: { color: "MAIN" /* MAIN */, backgroundColor: "MAIN_FADE" /* MAIN_FADE */ }
 };
 
-// context/providerTheme/index.tsx
-var import_react5 = __toESM(require("react"));
-var defaultTheme2 = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue2 = {
-  theme: defaultTheme2,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext2 = import_react5.default.createContext(defaultContextValue2);
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react6 = require("react");
+// objects/Typography/TypographyBold/index.native.tsx
+var import_react5 = require("react");
 
 // components/badge/Badge.native.tsx
-var import_react7 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
-var Badge = import_react7.default.forwardRef(
+var Badge = import_react6.default.forwardRef(
   ({ children, label, onClick, testId, variant, inverted, position, status, ...others }, ref) => {
     const badgeColor = getColorStyle(variant || "MAIN" /* MAIN */);
     const textColor = getColorStyle("WHITE" /* BACKGROUND */);
@@ -352,7 +346,7 @@ var Badge = import_react7.default.forwardRef(
         break;
     }
     if (status) {
-      return /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, null, /* @__PURE__ */ import_react7.default.createElement(
+      return /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, null, /* @__PURE__ */ import_react6.default.createElement(
         import_react_native3.View,
         {
           style: [
@@ -360,10 +354,10 @@ var Badge = import_react7.default.forwardRef(
             position === "top-left" /* TOP_LEFT */ && styles.iconStatusPositionTopLeft || position === "top-right" /* TOP_RIGHT */ && styles.iconStatusPositionTopRight || position === "bottom-left" /* BOTTOM_LEFT */ && styles.iconStatusPositionBottomLeft || position === "bottom-right" /* BOTTOM_RIGHT */ && styles.iconStatusPositionBottomRight || styles.iconStatusPositionTopLeft
           ]
         },
-        /* @__PURE__ */ import_react7.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
-      ), /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, null, children)));
+        /* @__PURE__ */ import_react6.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
+      ), /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, null, children)));
     }
-    return onClick ? /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { ...others, ref }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { style: styles.badge, ...others }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.Text, { style: styles.text }, label)))) : /* @__PURE__ */ import_react7.default.createElement(import_react_native3.View, { style: styles.badge, ...others, ref }, /* @__PURE__ */ import_react7.default.createElement(import_react_native3.Text, { style: styles.text }, label), !label && children && children);
+    return onClick ? /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { ...others, ref }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { style: styles.badge, ...others }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.Text, { style: styles.text }, label)))) : /* @__PURE__ */ import_react6.default.createElement(import_react_native3.View, { style: styles.badge, ...others, ref }, /* @__PURE__ */ import_react6.default.createElement(import_react_native3.Text, { style: styles.text }, label), !label && children && children);
   }
 );
 Badge.displayName = "Badge" /* Badge */;

package/lib/components/badge/index.native.mjs

@@ -2,25 +2,27 @@
 import "../../chunk-VTYRHFOK.mjs";
 import {
   Badge_native_default
-} from "../../chunk-TELJAUBZ.mjs";
-import "../../chunk-SCBHRXFP.mjs";
+} from "../../chunk-G2QCDZEE.mjs";
 import "../../chunk-7M6BHGK7.mjs";
 import "../../chunk-VNWHCGCD.mjs";
-import "../../chunk-SJ5DUOZ6.mjs";
+import "../../chunk-X67AAUB2.mjs";
 import "../../chunk-TFNM3EBG.mjs";
-import "../../chunk-MKOK7VNZ.mjs";
+import "../../chunk-YKUYXBXK.mjs";
 import "../../chunk-ZEJDFWMP.mjs";
-import "../../chunk-KNRXLZZP.mjs";
+import "../../chunk-MB55ARZ7.mjs";
 import "../../chunk-D5HHHZDS.mjs";
-import "../../chunk-2CYVOYRM.mjs";
+import "../../chunk-3LXODEBD.mjs";
+import "../../chunk-WVL5S3CD.mjs";
 import "../../chunk-7L5452RP.mjs";
-import "../../chunk-H6FVJB5Z.mjs";
+import "../../chunk-2K2TD7FH.mjs";
+import "../../chunk-UPP3GX33.mjs";
+import "../../chunk-E4YRRUI3.mjs";
 import "../../chunk-CWIO3GEP.mjs";
-import "../../chunk-VI2KFLCZ.mjs";
 import "../../chunk-R6PFY5VS.mjs";
 import {
   BadgeVariant
 } from "../../chunk-GFERJNNH.mjs";
+import "../../chunk-SCBHRXFP.mjs";
 import "../../chunk-RXBVZD3M.mjs";
 import "../../chunk-A2ASOVUR.mjs";
 import "../../chunk-3XMSRU64.mjs";
@@ -42,20 +44,17 @@ import "../../chunk-XIQL4ZTN.mjs";
 import "../../chunk-UUXUTBLZ.mjs";
 import "../../chunk-QOEJLTZN.mjs";
 import "../../chunk-B6WC6WS2.mjs";
-import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-MAX3RSBG.mjs";
 import "../../chunk-6BTWLQPI.mjs";
 import "../../chunk-G6BHSMLA.mjs";
 import "../../chunk-THOTRBD4.mjs";
 import "../../chunk-ATW7ITPH.mjs";
 import "../../chunk-IGMJNGTZ.mjs";
-import "../../chunk-5QUXSOHX.mjs";
 import "../../chunk-L4UDEKQK.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-HV6TXVFA.mjs";
-import "../../chunk-CYNSXZSV.mjs";
-import "../../chunk-YK5HPRX4.mjs";
+import "../../chunk-CD6DMMCL.mjs";
+import "../../chunk-RYABO2EX.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Badge_native_default as Badge,

package/lib/components/box/Box.js

@@ -79,6 +79,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],

package/lib/components/box/Box.mjs

@@ -1,14 +1,14 @@
 "use client";
 import {
   Box_default
-} from "../../chunk-R7ZJGYVD.mjs";
-import "../../chunk-WC3ULY5W.mjs";
-import "../../chunk-JOSZ4COK.mjs";
+} from "../../chunk-Y7WPI233.mjs";
+import "../../chunk-XXKEMYTB.mjs";
+import "../../chunk-7VSJ3RTI.mjs";
+import "../../chunk-P372ZF3A.mjs";
 import "../../chunk-SWVRRUW7.mjs";
 import "../../chunk-UFMRE754.mjs";
 import "../../chunk-ZB4OWTDD.mjs";
-import "../../chunk-P372ZF3A.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Box_default as default

package/lib/components/box/Box.native.js

@@ -68,6 +68,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],

package/lib/components/box/Box.native.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   Box_native_default
-} from "../../chunk-KWHZZUYO.mjs";
+} from "../../chunk-WV5PBU2C.mjs";
 import "../../chunk-652YVC7W.mjs";
+import "../../chunk-E4YRRUI3.mjs";
 import "../../chunk-CWIO3GEP.mjs";
-import "../../chunk-VI2KFLCZ.mjs";
-import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";
 export {
   Box_native_default as default

package/lib/components/box/BoxProps.d.mts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TouchableOpacity, type View } from 'react-native';
 import { BackgroundProps } from '../../objects/atoms/Background';
 import { Accessibility } from '../../objects/facets/Accessibility';

package/lib/components/box/BoxProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TouchableOpacity, type View } from 'react-native';
 import { BackgroundProps } from '../../objects/atoms/Background';
 import { Accessibility } from '../../objects/facets/Accessibility';

package/lib/components/box/BoxPropsDefaults.js

@@ -42,6 +42,7 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS",
@@ -59,6 +60,7 @@ export default {
       "STROKE",
       "WHITE",
       "MAIN_FADE",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
@@ -141,6 +143,7 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS",
@@ -158,6 +161,7 @@ export default {
       "STROKE",
       "WHITE",
       "MAIN_FADE",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",

package/lib/components/box/content/BoxContent.js

@@ -104,6 +104,7 @@ var colors = {
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
   ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
   ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
+  ["ACCENT_FADE" /* ACCENT_FADE */]: ["#faebe3", "accent-fade", "white"],
   ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
   ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
   ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],

package/lib/components/box/content/BoxContent.mjs

@@ -1,18 +1,18 @@
 "use client";
 import {
   BoxContent_default
-} from "../../../chunk-RDBMQIDN.mjs";
-import "../../../chunk-WC3ULY5W.mjs";
-import "../../../chunk-JOSZ4COK.mjs";
+} from "../../../chunk-QLJ54D5Q.mjs";
+import "../../../chunk-XXKEMYTB.mjs";
+import "../../../chunk-7VSJ3RTI.mjs";
+import "../../../chunk-P372ZF3A.mjs";
 import "../../../chunk-SWVRRUW7.mjs";
 import "../../../chunk-Y7CEUBIZ.mjs";
 import "../../../chunk-HU3FAWMX.mjs";
-import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-OGATDHMZ.mjs";
+import "../../../chunk-ODKCJMCG.mjs";
 import "../../../chunk-UFMRE754.mjs";
 import "../../../chunk-ZB4OWTDD.mjs";
-import "../../../chunk-P372ZF3A.mjs";
-import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-VDLM4YQP.mjs";
 import "../../../chunk-QIPGVLHJ.mjs";
 export {
   BoxContent_default as default