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

package/lib/components/segment-control/SegmentControl.native.js

@@ -35,7 +35,7 @@ __export(SegmentControl_native_exports, {
 });
 module.exports = __toCommonJS(SegmentControl_native_exports);
 
-// context/providerStates/index.tsx
+// context/providerStates/index.ts
 var import_react = require("react");
 var StatesContext = (0, import_react.createContext)({
   inverted: false,
@@ -471,10 +471,10 @@ View2.displayName = "View" /* View */;
 var View_native_default = View2;
 
 // components/segment-control/SegmentControl.native.tsx
-var import_react9 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_native5 = require("react-native");
 
-// context/index.tsx
+// context/context/index.tsx
 var React6 = __toESM(require("react"));
 var TrilogyContext = React6.createContext({
   styled: false,
@@ -488,6 +488,25 @@ var useTrilogyContext = () => {
   return context;
 };
 
+// context/provider/index.tsx
+var import_react8 = __toESM(require("react"));
+
+// context/providerStyled/index.tsx
+var React8 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react9 = __toESM(require("react"));
+var defaultTheme2 = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue2 = {
+  theme: defaultTheme2,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext2 = import_react9.default.createContext(defaultContextValue2);
+
 // helpers/hashClassesHelpers/index.tsx
 var hashClass = (addHash = false, classes) => {
   const { hash, styled } = useTrilogyContext();
@@ -525,15 +544,15 @@ var SSRObject2 = toArrayObject2();
 
 // components/segment-control/item/SegmentControlItem.tsx
 var import_clsx = __toESM(require("clsx"));
-var import_react8 = __toESM(require("react"));
-var SegmentControlItem = import_react8.default.forwardRef(
+var import_react10 = __toESM(require("react"));
+var SegmentControlItem = import_react10.default.forwardRef(
   ({ active, onClick, disabled, className, id, children, ...others }, ref) => {
-    const [activeItem, setActiveItem] = (0, import_react8.useState)(active || false);
+    const [activeItem, setActiveItem] = (0, import_react10.useState)(active || false);
     const { styled } = useTrilogyContext();
-    (0, import_react8.useEffect)(() => {
+    (0, import_react10.useEffect)(() => {
       setActiveItem(active || false);
     }, [active]);
-    return /* @__PURE__ */ import_react8.default.createElement(
+    return /* @__PURE__ */ import_react10.default.createElement(
       "button",
       {
         type: "button",
@@ -562,8 +581,8 @@ var SegmentControlItem_default = SegmentControlItem;
 var item_default = SegmentControlItem_default;
 
 // components/segment-control/SegmentControl.native.tsx
-var SegmentControl = import_react9.default.forwardRef(({ children, onClick, activeIndex, ...others }, ref) => {
-  const [activateIndex, setActivateIndex] = (0, import_react9.useState)(activeIndex || 0);
+var SegmentControl = import_react11.default.forwardRef(({ children, onClick, activeIndex, ...others }, ref) => {
+  const [activateIndex, setActivateIndex] = (0, import_react11.useState)(activeIndex || 0);
   const isActive = (index, childPropsActive) => {
     if (typeof childPropsActive !== "undefined" && !activateIndex) {
       return childPropsActive;
@@ -594,7 +613,7 @@ var SegmentControl = import_react9.default.forwardRef(({ children, onClick, acti
       borderColor: getColorStyle("NEUTRAL" /* NEUTRAL */)
     }
   });
-  return /* @__PURE__ */ import_react9.default.createElement(View_native_default, { ref, style: styles.padding }, /* @__PURE__ */ import_react9.default.createElement(View_native_default, { style: styles.segmentedControl, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return /* @__PURE__ */ import_react11.default.createElement(View_native_default, { ref, style: styles.padding }, /* @__PURE__ */ import_react11.default.createElement(View_native_default, { style: styles.segmentedControl, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
   children.map((child, index) => {
     const props = {
       active: Boolean(isActive(index, child.props.active)) || false,
@@ -611,15 +630,15 @@ var SegmentControl = import_react9.default.forwardRef(({ children, onClick, acti
       }
     };
     if (index < 5) {
-      return typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react9.default.createElement(
+      return typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react11.default.createElement(
         item_default,
         {
           disabled: props.disabled,
           active: props.active,
           onClick: (e) => onClick == null ? void 0 : onClick(e)
         },
-        /* @__PURE__ */ import_react9.default.createElement(Text_native_default, { level: 1 /* ONE */ }, String(child))
-      ) : import_react9.default.cloneElement(child, props);
+        /* @__PURE__ */ import_react11.default.createElement(Text_native_default, { level: 1 /* ONE */ }, String(child))
+      ) : import_react11.default.cloneElement(child, props);
     }
   })));
 });

package/lib/components/segment-control/SegmentControl.native.mjs

@@ -1,30 +1,29 @@
 "use client";
 import {
   SegmentControl_native_default
-} from "../../chunk-MIEXUCOH.mjs";
+} from "../../chunk-Q3CNJCLF.mjs";
 import "../../chunk-O5CT6DIR.mjs";
 import "../../chunk-3ONIJFUC.mjs";
-import "../../chunk-4GKCUICZ.mjs";
+import "../../chunk-LEVHVJ5Q.mjs";
 import "../../chunk-WEGZE5OY.mjs";
-import "../../chunk-RA7237YI.mjs";
+import "../../chunk-R3PATAKZ.mjs";
 import "../../chunk-7M6BHGK7.mjs";
-import "../../chunk-VNWHCGCD.mjs";
-import "../../chunk-X67AAUB2.mjs";
 import "../../chunk-TFNM3EBG.mjs";
 import "../../chunk-YKUYXBXK.mjs";
 import "../../chunk-ZEJDFWMP.mjs";
+import "../../chunk-VNWHCGCD.mjs";
+import "../../chunk-X67AAUB2.mjs";
 import "../../chunk-MB55ARZ7.mjs";
 import "../../chunk-D5HHHZDS.mjs";
 import "../../chunk-3LXODEBD.mjs";
 import "../../chunk-WVL5S3CD.mjs";
 import "../../chunk-7L5452RP.mjs";
 import "../../chunk-2K2TD7FH.mjs";
-import "../../chunk-5NCBENYK.mjs";
-import "../../chunk-CWIO3GEP.mjs";
+import "../../chunk-G25IZXAD.mjs";
 import "../../chunk-E4YRRUI3.mjs";
 import "../../chunk-R6PFY5VS.mjs";
-import "../../chunk-SHMAZXUA.mjs";
-import "../../chunk-DVOMGTK6.mjs";
+import "../../chunk-HUUIFJSN.mjs";
+import "../../chunk-FZ7TRGKO.mjs";
 import "../../chunk-LUYCGMYG.mjs";
 import "../../chunk-P6NVOAAH.mjs";
 import "../../chunk-UZO5VCH2.mjs";
@@ -32,40 +31,44 @@ import "../../chunk-JJA6BOVR.mjs";
 import "../../chunk-LHDHBH5T.mjs";
 import "../../chunk-Y7CEUBIZ.mjs";
 import "../../chunk-HU3FAWMX.mjs";
-import "../../chunk-ODKCJMCG.mjs";
 import "../../chunk-OGATDHMZ.mjs";
-import "../../chunk-UFMRE754.mjs";
-import "../../chunk-ZB4OWTDD.mjs";
-import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-AEBY6HDR.mjs";
+import "../../chunk-PMNL6QAW.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-XUTWIHGC.mjs";
+import "../../chunk-3XMSRU64.mjs";
 import "../../chunk-L5TMSDJR.mjs";
 import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
 import "../../chunk-6TNYDJM7.mjs";
 import "../../chunk-HQXKHRER.mjs";
 import "../../chunk-NVH4ZPGW.mjs";
 import "../../chunk-62DJK35E.mjs";
 import "../../chunk-PAEZ47M2.mjs";
 import "../../chunk-A2ASOVUR.mjs";
-import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
 import "../../chunk-RJO5KKUW.mjs";
 import "../../chunk-R7HI6GOP.mjs";
 import "../../chunk-SUNBSFL4.mjs";
-import "../../chunk-UTA75ELV.mjs";
-import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-QOEJLTZN.mjs";
 import "../../chunk-B6WC6WS2.mjs";
 import "../../chunk-MAX3RSBG.mjs";
-import "../../chunk-FTTU4DJW.mjs";
-import "../../chunk-L7CNF7H6.mjs";
 import "../../chunk-6BTWLQPI.mjs";
 import "../../chunk-G6BHSMLA.mjs";
 import "../../chunk-THOTRBD4.mjs";
-import "../../chunk-XIQL4ZTN.mjs";
 import "../../chunk-UUXUTBLZ.mjs";
-import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-RXBVZD3M.mjs";
 import "../../chunk-IGMJNGTZ.mjs";
 import "../../chunk-ATW7ITPH.mjs";
-import "../../chunk-L4UDEKQK.mjs";
 import "../../chunk-CD6DMMCL.mjs";
+import "../../chunk-L4UDEKQK.mjs";
 import "../../chunk-RYABO2EX.mjs";
+import "../../chunk-6IKR6FTJ.mjs";
+import "../../chunk-ZETKJIUV.mjs";
 import "../../chunk-4ZJQXF2V.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
 import "../../chunk-VDLM4YQP.mjs";

package/lib/components/segment-control/index.js

@@ -36,7 +36,7 @@ __export(segment_control_exports, {
 });
 module.exports = __toCommonJS(segment_control_exports);
 
-// context/index.tsx
+// context/context/index.tsx
 var React = __toESM(require("react"));
 var TrilogyContext = React.createContext({
   styled: false,
@@ -50,6 +50,33 @@ var useTrilogyContext = () => {
   return context;
 };
 
+// context/provider/index.tsx
+var import_react = __toESM(require("react"));
+
+// context/providerStates/index.ts
+var import_react2 = require("react");
+var StatesContext = (0, import_react2.createContext)({
+  inverted: false,
+  active: false,
+  flat: false
+});
+
+// context/providerStyled/index.tsx
+var React3 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react3 = __toESM(require("react"));
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = import_react3.default.createContext(defaultContextValue);
+
 // helpers/hashClassesHelpers/index.tsx
 var hashClass = (addHash = false, classes) => {
   const { hash, styled } = useTrilogyContext();
@@ -85,21 +112,8 @@ var values = (obj) => Object.values(obj);
 var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
 var SSRObject = toArrayObject();
 
-// context/providerTheme/index.tsx
-var import_react = __toESM(require("react"));
-var defaultTheme = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
-
 // objects/facets/Color/index.tsx
-var import_react2 = require("react");
+var import_react4 = require("react");
 var colors = {
   ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
@@ -167,8 +181,8 @@ var has = classify("has");
 
 // components/icon/Icon.tsx
 var import_clsx = __toESM(require("clsx"));
-var React3 = __toESM(require("react"));
-var Icon = React3.forwardRef(
+var React5 = __toESM(require("react"));
+var Icon = React5.forwardRef(
   ({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align, ...others }, ref) => {
     const { styled } = useTrilogyContext();
     const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
@@ -187,7 +201,7 @@ var Icon = React3.forwardRef(
         className
       )
     );
-    return /* @__PURE__ */ React3.createElement("span", { id, onClick: onClick && onClick, className: classes, ...others, ref }, /* @__PURE__ */ React3.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
+    return /* @__PURE__ */ React5.createElement("span", { id, onClick: onClick && onClick, className: classes, ...others, ref }, /* @__PURE__ */ React5.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
   }
 );
 Icon.displayName = "Icon" /* Icon */;
@@ -202,23 +216,23 @@ var STATUS_COLORS = {
 };
 
 // objects/Typography/TypographyBold/index.tsx
-var import_react3 = require("react");
+var import_react5 = require("react");
 
 // components/segment-control/SegmentControl.tsx
 var import_clsx3 = __toESM(require("clsx"));
-var import_react5 = __toESM(require("react"));
+var import_react7 = __toESM(require("react"));
 
 // components/segment-control/item/SegmentControlItem.tsx
 var import_clsx2 = __toESM(require("clsx"));
-var import_react4 = __toESM(require("react"));
-var SegmentControlItem = import_react4.default.forwardRef(
+var import_react6 = __toESM(require("react"));
+var SegmentControlItem = import_react6.default.forwardRef(
   ({ active, onClick, disabled, className, id, children, ...others }, ref) => {
-    const [activeItem, setActiveItem] = (0, import_react4.useState)(active || false);
+    const [activeItem, setActiveItem] = (0, import_react6.useState)(active || false);
     const { styled } = useTrilogyContext();
-    (0, import_react4.useEffect)(() => {
+    (0, import_react6.useEffect)(() => {
       setActiveItem(active || false);
     }, [active]);
-    return /* @__PURE__ */ import_react4.default.createElement(
+    return /* @__PURE__ */ import_react6.default.createElement(
       "button",
       {
         type: "button",
@@ -247,10 +261,10 @@ var SegmentControlItem_default = SegmentControlItem;
 var item_default = SegmentControlItem_default;
 
 // components/segment-control/SegmentControl.tsx
-var SegmentControl = import_react5.default.forwardRef(({ className, id, onClick, children, activeIndex, align, ...others }, ref) => {
+var SegmentControl = import_react7.default.forwardRef(({ className, id, onClick, children, activeIndex, align, ...others }, ref) => {
   const { styled } = useTrilogyContext();
   const classes = hashClass(styled, (0, import_clsx3.default)("segmented-control", align && getJustifiedClassName(align), className));
-  const [activateIndex, setActivateIndex] = (0, import_react5.useState)(activeIndex || 0);
+  const [activateIndex, setActivateIndex] = (0, import_react7.useState)(activeIndex || 0);
   const isActive = (index, childPropsActive) => {
     if (typeof childPropsActive !== "undefined" && !activateIndex) {
       return childPropsActive;
@@ -263,10 +277,10 @@ var SegmentControl = import_react5.default.forwardRef(({ className, id, onClick,
     setActivateIndex(index);
     if (onClick) onClick(e);
   };
-  import_react5.default.useEffect(() => {
+  import_react7.default.useEffect(() => {
     setActivateIndex(activateIndex);
   }, [activateIndex]);
-  return /* @__PURE__ */ import_react5.default.createElement("div", { ref, id, className: classes, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return /* @__PURE__ */ import_react7.default.createElement("div", { ref, id, className: classes, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
   children.map((child, index) => {
     const props = {
       active: Boolean(isActive(index, child.props.active)) || false,
@@ -281,7 +295,7 @@ var SegmentControl = import_react5.default.forwardRef(({ className, id, onClick,
         }
       }
     };
-    return child && typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react5.default.createElement(
+    return child && typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react7.default.createElement(
       item_default,
       {
         disabled: props.disabled,
@@ -290,7 +304,7 @@ var SegmentControl = import_react5.default.forwardRef(({ className, id, onClick,
         onClick: (e) => onClick == null ? void 0 : onClick(e)
       },
       child
-    ) : import_react5.default.cloneElement(child, props);
+    ) : import_react7.default.cloneElement(child, props);
   }));
 });
 SegmentControl.displayName = "SegmentControl" /* SegmentControl */;

package/lib/components/segment-control/index.mjs

@@ -2,64 +2,67 @@
 import "../../chunk-JWTAI6FT.mjs";
 import {
   SegmentControl_default
-} from "../../chunk-QNTBEAY4.mjs";
+} from "../../chunk-D7QZPJSF.mjs";
 import "../../chunk-MAMQO43Y.mjs";
+import "../../chunk-HQESKFCX.mjs";
 import "../../chunk-DB5J6PBL.mjs";
 import "../../chunk-A4CI2ZMI.mjs";
-import "../../chunk-HQESKFCX.mjs";
 import "../../chunk-6CVNPSI3.mjs";
 import "../../chunk-ZUSPKNMI.mjs";
 import "../../chunk-Y3ROARMA.mjs";
 import "../../chunk-LGL3XQ7F.mjs";
-import "../../chunk-ALGX47MZ.mjs";
+import "../../chunk-6C6TV53V.mjs";
 import "../../chunk-XXKEMYTB.mjs";
 import {
   item_default
-} from "../../chunk-SHMAZXUA.mjs";
-import "../../chunk-DVOMGTK6.mjs";
+} from "../../chunk-HUUIFJSN.mjs";
+import "../../chunk-FZ7TRGKO.mjs";
 import "../../chunk-WW3LYW5W.mjs";
 import "../../chunk-F5FPTZND.mjs";
 import "../../chunk-5QUXSOHX.mjs";
 import "../../chunk-RVE7QNTO.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-UFMRE754.mjs";
-import "../../chunk-ZB4OWTDD.mjs";
-import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-AEBY6HDR.mjs";
+import "../../chunk-PMNL6QAW.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-XUTWIHGC.mjs";
+import "../../chunk-3XMSRU64.mjs";
 import "../../chunk-L5TMSDJR.mjs";
 import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
 import "../../chunk-6TNYDJM7.mjs";
 import "../../chunk-HQXKHRER.mjs";
 import "../../chunk-NVH4ZPGW.mjs";
 import "../../chunk-62DJK35E.mjs";
 import "../../chunk-PAEZ47M2.mjs";
 import "../../chunk-A2ASOVUR.mjs";
-import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
 import "../../chunk-RJO5KKUW.mjs";
 import "../../chunk-R7HI6GOP.mjs";
 import "../../chunk-SUNBSFL4.mjs";
-import "../../chunk-UTA75ELV.mjs";
-import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-QOEJLTZN.mjs";
 import "../../chunk-B6WC6WS2.mjs";
 import "../../chunk-MAX3RSBG.mjs";
-import "../../chunk-FTTU4DJW.mjs";
-import "../../chunk-L7CNF7H6.mjs";
 import "../../chunk-6BTWLQPI.mjs";
 import "../../chunk-G6BHSMLA.mjs";
 import "../../chunk-THOTRBD4.mjs";
-import "../../chunk-XIQL4ZTN.mjs";
 import "../../chunk-UUXUTBLZ.mjs";
-import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-RXBVZD3M.mjs";
 import "../../chunk-IGMJNGTZ.mjs";
 import "../../chunk-ATW7ITPH.mjs";
-import "../../chunk-L4UDEKQK.mjs";
 import "../../chunk-CD6DMMCL.mjs";
+import "../../chunk-L4UDEKQK.mjs";
 import "../../chunk-RYABO2EX.mjs";
+import "../../chunk-6IKR6FTJ.mjs";
+import "../../chunk-ZETKJIUV.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
 import "../../chunk-VDLM4YQP.mjs";
 import "../../chunk-QIPGVLHJ.mjs";

package/lib/components/segment-control/index.native.js

@@ -36,7 +36,7 @@ __export(index_native_exports, {
 });
 module.exports = __toCommonJS(index_native_exports);
 
-// context/providerStates/index.tsx
+// context/providerStates/index.ts
 var import_react = require("react");
 var StatesContext = (0, import_react.createContext)({
   inverted: false,
@@ -472,10 +472,10 @@ View2.displayName = "View" /* View */;
 var View_native_default = View2;
 
 // components/segment-control/SegmentControl.native.tsx
-var import_react9 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_react_native5 = require("react-native");
 
-// context/index.tsx
+// context/context/index.tsx
 var React6 = __toESM(require("react"));
 var TrilogyContext = React6.createContext({
   styled: false,
@@ -489,6 +489,25 @@ var useTrilogyContext = () => {
   return context;
 };
 
+// context/provider/index.tsx
+var import_react8 = __toESM(require("react"));
+
+// context/providerStyled/index.tsx
+var React8 = __toESM(require("react"));
+
+// context/providerTheme/index.tsx
+var import_react9 = __toESM(require("react"));
+var defaultTheme2 = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue2 = {
+  theme: defaultTheme2,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext2 = import_react9.default.createContext(defaultContextValue2);
+
 // helpers/hashClassesHelpers/index.tsx
 var hashClass = (addHash = false, classes) => {
   const { hash, styled } = useTrilogyContext();
@@ -526,15 +545,15 @@ var SSRObject2 = toArrayObject2();
 
 // components/segment-control/item/SegmentControlItem.tsx
 var import_clsx = __toESM(require("clsx"));
-var import_react8 = __toESM(require("react"));
-var SegmentControlItem = import_react8.default.forwardRef(
+var import_react10 = __toESM(require("react"));
+var SegmentControlItem = import_react10.default.forwardRef(
   ({ active, onClick, disabled, className, id, children, ...others }, ref) => {
-    const [activeItem, setActiveItem] = (0, import_react8.useState)(active || false);
+    const [activeItem, setActiveItem] = (0, import_react10.useState)(active || false);
     const { styled } = useTrilogyContext();
-    (0, import_react8.useEffect)(() => {
+    (0, import_react10.useEffect)(() => {
       setActiveItem(active || false);
     }, [active]);
-    return /* @__PURE__ */ import_react8.default.createElement(
+    return /* @__PURE__ */ import_react10.default.createElement(
       "button",
       {
         type: "button",
@@ -563,8 +582,8 @@ var SegmentControlItem_default = SegmentControlItem;
 var item_default = SegmentControlItem_default;
 
 // components/segment-control/SegmentControl.native.tsx
-var SegmentControl = import_react9.default.forwardRef(({ children, onClick, activeIndex, ...others }, ref) => {
-  const [activateIndex, setActivateIndex] = (0, import_react9.useState)(activeIndex || 0);
+var SegmentControl = import_react11.default.forwardRef(({ children, onClick, activeIndex, ...others }, ref) => {
+  const [activateIndex, setActivateIndex] = (0, import_react11.useState)(activeIndex || 0);
   const isActive = (index, childPropsActive) => {
     if (typeof childPropsActive !== "undefined" && !activateIndex) {
       return childPropsActive;
@@ -595,7 +614,7 @@ var SegmentControl = import_react9.default.forwardRef(({ children, onClick, acti
       borderColor: getColorStyle("NEUTRAL" /* NEUTRAL */)
     }
   });
-  return /* @__PURE__ */ import_react9.default.createElement(View_native_default, { ref, style: styles.padding }, /* @__PURE__ */ import_react9.default.createElement(View_native_default, { style: styles.segmentedControl, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return /* @__PURE__ */ import_react11.default.createElement(View_native_default, { ref, style: styles.padding }, /* @__PURE__ */ import_react11.default.createElement(View_native_default, { style: styles.segmentedControl, ...others }, children && Array.isArray(children) && // eslint-disable-next-line @typescript-eslint/no-explicit-any
   children.map((child, index) => {
     const props = {
       active: Boolean(isActive(index, child.props.active)) || false,
@@ -612,15 +631,15 @@ var SegmentControl = import_react9.default.forwardRef(({ children, onClick, acti
       }
     };
     if (index < 5) {
-      return typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react9.default.createElement(
+      return typeof child.valueOf() === "string" ? /* @__PURE__ */ import_react11.default.createElement(
         item_default,
         {
           disabled: props.disabled,
           active: props.active,
           onClick: (e) => onClick == null ? void 0 : onClick(e)
         },
-        /* @__PURE__ */ import_react9.default.createElement(Text_native_default, { level: 1 /* ONE */ }, String(child))
-      ) : import_react9.default.cloneElement(child, props);
+        /* @__PURE__ */ import_react11.default.createElement(Text_native_default, { level: 1 /* ONE */ }, String(child))
+      ) : import_react11.default.cloneElement(child, props);
     }
   })));
 });
@@ -628,16 +647,16 @@ SegmentControl.displayName = "SegmentControl" /* SegmentControl */;
 var SegmentControl_native_default = SegmentControl;
 
 // components/segment-control/item/SegmentControlItem.native.tsx
-var import_react10 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_react_native6 = require("react-native");
-var SegmentControlItem2 = import_react10.default.forwardRef(({
+var SegmentControlItem2 = import_react12.default.forwardRef(({
   active,
   children,
   onClick,
   disabled,
   ...others
 }, ref) => {
-  const [activeItem, setActiveItem] = (0, import_react10.useState)(active || false);
+  const [activeItem, setActiveItem] = (0, import_react12.useState)(active || false);
   const styles = import_react_native6.StyleSheet.create({
     tabsItem: {
       flexDirection: "column",
@@ -657,10 +676,10 @@ var SegmentControlItem2 = import_react10.default.forwardRef(({
       fontWeight: activeItem ? "600" : "normal"
     }
   });
-  (0, import_react10.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setActiveItem(active || false);
   }, [active]);
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     import_react_native6.TouchableOpacity,
     {
       ref,
@@ -676,7 +695,7 @@ var SegmentControlItem2 = import_react10.default.forwardRef(({
       },
       ...others
     },
-    children && typeof children.valueOf() === "string" && /* @__PURE__ */ import_react10.default.createElement(import_react_native6.Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
+    children && typeof children.valueOf() === "string" && /* @__PURE__ */ import_react12.default.createElement(import_react_native6.Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
   );
 });
 SegmentControlItem2.displayName = "SegmentControlItem" /* SegmentControlItem */;