@trilogy-ds/react 0.0.12-esm-cjs → 0.0.14-esm-cjs

package/lib/index.js

@@ -5311,9 +5311,6 @@ var Step = import_react42.default.forwardRef(
 Step.displayName = "Step" /* Step */;
 var Step_default = Step;
 
-// components/stepper/step/index.ts
-var step_default = Step_default;
-
 // components/stepper/step/StepEnum.ts
 var StepMarkup = /* @__PURE__ */ ((StepMarkup2) => {
   StepMarkup2["P"] = "p";
@@ -5323,6 +5320,9 @@ var StepMarkup = /* @__PURE__ */ ((StepMarkup2) => {
   return StepMarkup2;
 })(StepMarkup || {});
 
+// components/stepper/step/index.ts
+var step_default = Step_default;
+
 // components/switch/Switch.tsx
 var import_clsx78 = __toESM(require("clsx"));
 var import_react43 = __toESM(require("react"));
@@ -5588,50 +5588,18 @@ var Tabs = import_react45.default.forwardRef(
 Tabs.displayName = "Tabs" /* Tabs */;
 var Tabs_default = Tabs;
 
-// components/tabs/tab-panels/tab-panel/TabPanel.tsx
+// components/tabs/tab-list/tab/Tab.tsx
 var import_clsx86 = __toESM(require("clsx"));
 var import_react46 = __toESM(require("react"));
-var TabPanel = import_react46.default.forwardRef(({ children, className, testId, ...others }, ref) => {
-  const { styled } = useTrilogyContext();
-  const { index, ...props } = others;
-  const { activeIndex } = import_react46.default.useContext(TabsContext);
-  const classes = hashClass(styled, (0, import_clsx86.default)("tab-panel", index === activeIndex && is("active"), className));
-  return /* @__PURE__ */ import_react46.default.createElement("div", { ref, "data-testid": testId, className: classes, ...props }, children);
-});
-TabPanel.displayName = "TabPanel" /* TabPanel */;
-var TabPanel_default = TabPanel;
-
-// components/tabs/tab-panels/tab-panel/index.ts
-var tab_panel_default = TabPanel_default;
-
-// components/tabs/tab-panels/TabPanels.tsx
-var import_clsx87 = __toESM(require("clsx"));
-var import_react47 = __toESM(require("react"));
-var TabPanels = import_react47.default.forwardRef(
-  ({ children, className, id, testId, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx87.default)("tab-panels", className));
-    return /* @__PURE__ */ import_react47.default.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, import_react47.default.Children.map(children, (child, index) => {
-      if (!import_react47.default.isValidElement(child)) return false;
-      return /* @__PURE__ */ import_react47.default.createElement(tab_panel_default, { ...child.props, index });
-    }));
-  }
-);
-TabPanels.displayName = "TabPanels" /* TabPanels */;
-var TabPanels_default = TabPanels;
-
-// components/tabs/tab-list/tab/Tab.tsx
-var import_clsx88 = __toESM(require("clsx"));
-var import_react48 = __toESM(require("react"));
-var Tab = import_react48.default.forwardRef(
+var Tab = import_react46.default.forwardRef(
   ({ active, className, onClick, routerLink = "a", iconName, label, disabled, testId, ariaControls, ...others }, ref) => {
     const { styled } = useTrilogyContext();
     const { index, ...props } = others;
-    const { activeIndex, setActiveIndex, small } = import_react48.default.useContext(TabsContext);
+    const { activeIndex, setActiveIndex, small } = import_react46.default.useContext(TabsContext);
     const Tag2 = others.href || others.to ? routerLink : "button";
-    const isActive = import_react48.default.useMemo(() => activeIndex === index, [activeIndex, index]);
-    const classes = hashClass(styled, (0, import_clsx88.default)("tab", className, { "is-active": isActive }));
-    const handleClick = import_react48.default.useCallback(
+    const isActive = import_react46.default.useMemo(() => activeIndex === index, [activeIndex, index]);
+    const classes = hashClass(styled, (0, import_clsx86.default)("tab", className, { "is-active": isActive }));
+    const handleClick = import_react46.default.useCallback(
       (e) => {
         if (!disabled) {
           if (!others.href && !others.to) setActiveIndex(index);
@@ -5640,10 +5608,10 @@ var Tab = import_react48.default.forwardRef(
       },
       [disabled, onClick, index, setActiveIndex]
     );
-    import_react48.default.useEffect(() => {
+    import_react46.default.useEffect(() => {
       if (active) setActiveIndex(index);
     }, [active, setActiveIndex, index]);
-    return /* @__PURE__ */ import_react48.default.createElement(
+    return /* @__PURE__ */ import_react46.default.createElement(
       Tag2,
       {
         ref,
@@ -5659,8 +5627,8 @@ var Tab = import_react48.default.forwardRef(
         onClick: handleClick,
         ...props
       },
-      /* @__PURE__ */ import_react48.default.createElement("div", { className: hashClass(styled, "tab-icon") }, iconName && /* @__PURE__ */ import_react48.default.createElement(Icon_default, { size: small ? "small" : "medium", name: iconName })),
-      label && /* @__PURE__ */ import_react48.default.createElement(Text_default, null, label)
+      /* @__PURE__ */ import_react46.default.createElement("div", { className: hashClass(styled, "tab-icon") }, iconName && /* @__PURE__ */ import_react46.default.createElement(Icon_default, { size: small ? "small" : "medium", name: iconName })),
+      label && /* @__PURE__ */ import_react46.default.createElement(Text_default, null, label)
     );
   }
 );
@@ -5668,32 +5636,32 @@ Tab.displayName = "Tab" /* Tab */;
 var Tab_default = Tab;
 
 // components/tabs/tab-list/TabList.tsx
-var import_clsx89 = __toESM(require("clsx"));
-var import_react49 = __toESM(require("react"));
-var TabList = import_react49.default.forwardRef(
+var import_clsx87 = __toESM(require("clsx"));
+var import_react47 = __toESM(require("react"));
+var TabList = import_react47.default.forwardRef(
   ({ children, className, id, testId, align, ...others }, ref) => {
     const { styled } = useTrilogyContext();
-    const TabListRef = import_react49.default.useRef(null);
-    const tabRefs = import_react49.default.useRef([]);
-    const { small } = import_react49.default.useContext(TabsContext);
-    import_react49.default.useImperativeHandle(ref, () => TabListRef.current);
-    const [tabsWidth, setTabsWidth] = import_react49.default.useState(0);
-    const [tabListWidth, setTabListWidth] = import_react49.default.useState(0);
-    const [scrollLeft, setScrollLeft] = import_react49.default.useState(0);
-    const [tabFocused, setTabFocused] = import_react49.default.useState(0);
-    const classes = hashClass(styled, (0, import_clsx89.default)("tab-list", align && is(getAlignClassName(align)), className));
-    const isVisibleArrowLeft = (0, import_react49.useMemo)(() => {
+    const TabListRef = import_react47.default.useRef(null);
+    const tabRefs = import_react47.default.useRef([]);
+    const { small } = import_react47.default.useContext(TabsContext);
+    import_react47.default.useImperativeHandle(ref, () => TabListRef.current);
+    const [tabsWidth, setTabsWidth] = import_react47.default.useState(0);
+    const [tabListWidth, setTabListWidth] = import_react47.default.useState(0);
+    const [scrollLeft, setScrollLeft] = import_react47.default.useState(0);
+    const [tabFocused, setTabFocused] = import_react47.default.useState(0);
+    const classes = hashClass(styled, (0, import_clsx87.default)("tab-list", align && is(getAlignClassName(align)), className));
+    const isVisibleArrowLeft = (0, import_react47.useMemo)(() => {
       if (!tabRefs.current.length) return false;
       return scrollLeft > tabRefs.current[0].width / 2;
     }, [tabRefs, scrollLeft]);
-    const isVisibleArrowRight = (0, import_react49.useMemo)(
+    const isVisibleArrowRight = (0, import_react47.useMemo)(
       () => tabListWidth - tabsWidth - scrollLeft > 5,
       [tabListWidth, tabsWidth, scrollLeft]
     );
-    const TabElms = import_react49.default.useMemo(() => {
-      return import_react49.default.Children.map(children, (child, index) => {
-        if (!import_react49.default.isValidElement(child)) return false;
-        return /* @__PURE__ */ import_react49.default.createElement(
+    const TabElms = import_react47.default.useMemo(() => {
+      return import_react47.default.Children.map(children, (child, index) => {
+        if (!import_react47.default.isValidElement(child)) return false;
+        return /* @__PURE__ */ import_react47.default.createElement(
           Tab_default,
           {
             ref: (el) => tabRefs.current[index] = el == null ? void 0 : el.getBoundingClientRect(),
@@ -5703,7 +5671,7 @@ var TabList = import_react49.default.forwardRef(
         );
       });
     }, [children, tabRefs]);
-    const scrollWithArrow = import_react49.default.useCallback(
+    const scrollWithArrow = import_react47.default.useCallback(
       (direction) => {
         var _a;
         if (tabRefs.current) {
@@ -5715,7 +5683,7 @@ var TabList = import_react49.default.forwardRef(
       },
       [tabRefs.current, tabFocused, TabListRef]
     );
-    const handleScrollList = import_react49.default.useCallback(
+    const handleScrollList = import_react47.default.useCallback(
       (e) => {
         const target = e.target;
         const firstGap = tabRefs.current[0].x + (small ? 16 : 24);
@@ -5727,26 +5695,26 @@ var TabList = import_react49.default.forwardRef(
       },
       [tabRefs, small]
     );
-    const onClickPrev = import_react49.default.useCallback(() => {
+    const onClickPrev = import_react47.default.useCallback(() => {
       isVisibleArrowLeft && scrollWithArrow(-1);
     }, [scrollWithArrow, isVisibleArrowLeft]);
-    const onClickNext = import_react49.default.useCallback(() => {
+    const onClickNext = import_react47.default.useCallback(() => {
       isVisibleArrowRight && scrollWithArrow(1);
     }, [scrollWithArrow, isVisibleArrowRight]);
-    const setWidths = import_react49.default.useCallback(() => {
+    const setWidths = import_react47.default.useCallback(() => {
       if (TabListRef.current) {
         setTabsWidth(TabListRef.current.clientWidth);
         setTabListWidth(TabListRef.current.scrollWidth);
       }
     }, [TabListRef]);
-    import_react49.default.useEffect(() => {
+    import_react47.default.useEffect(() => {
       setWidths();
     }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
-    import_react49.default.useEffect(() => {
+    import_react47.default.useEffect(() => {
       window.addEventListener("resize", setWidths);
       return () => window.removeEventListener("resize", setWidths);
     }, [TabListRef, setWidths]);
-    return /* @__PURE__ */ import_react49.default.createElement(
+    return /* @__PURE__ */ import_react47.default.createElement(
       "div",
       {
         ref: TabListRef,
@@ -5757,23 +5725,23 @@ var TabList = import_react49.default.forwardRef(
         onScroll: handleScrollList,
         ...others
       },
-      isVisibleArrowLeft && /* @__PURE__ */ import_react49.default.createElement(
+      isVisibleArrowLeft && /* @__PURE__ */ import_react47.default.createElement(
         Icon_default,
         {
           "data-arrow-prev": "",
           name: "tri-arrow-left",
-          className: (0, import_clsx89.default)("arrow-prev"),
+          className: (0, import_clsx87.default)("arrow-prev"),
           size: small ? "small" : "medium",
           onClick: onClickPrev
         }
       ),
       TabElms,
-      isVisibleArrowRight && /* @__PURE__ */ import_react49.default.createElement(
+      isVisibleArrowRight && /* @__PURE__ */ import_react47.default.createElement(
         Icon_default,
         {
           "data-arrow-next": "",
           name: "tri-arrow-right",
-          className: (0, import_clsx89.default)("arrow-next"),
+          className: (0, import_clsx87.default)("arrow-next"),
           size: small ? "small" : "medium",
           onClick: onClickNext
         }
@@ -5784,6 +5752,38 @@ var TabList = import_react49.default.forwardRef(
 TabList.displayName = "TabList" /* TabList */;
 var TabList_default = TabList;
 
+// components/tabs/tab-panels/tab-panel/TabPanel.tsx
+var import_clsx88 = __toESM(require("clsx"));
+var import_react48 = __toESM(require("react"));
+var TabPanel = import_react48.default.forwardRef(({ children, className, testId, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const { index, ...props } = others;
+  const { activeIndex } = import_react48.default.useContext(TabsContext);
+  const classes = hashClass(styled, (0, import_clsx88.default)("tab-panel", index === activeIndex && is("active"), className));
+  return /* @__PURE__ */ import_react48.default.createElement("div", { ref, "data-testid": testId, className: classes, ...props }, children);
+});
+TabPanel.displayName = "TabPanel" /* TabPanel */;
+var TabPanel_default = TabPanel;
+
+// components/tabs/tab-panels/tab-panel/index.ts
+var tab_panel_default = TabPanel_default;
+
+// components/tabs/tab-panels/TabPanels.tsx
+var import_clsx89 = __toESM(require("clsx"));
+var import_react49 = __toESM(require("react"));
+var TabPanels = import_react49.default.forwardRef(
+  ({ children, className, id, testId, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, (0, import_clsx89.default)("tab-panels", className));
+    return /* @__PURE__ */ import_react49.default.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, import_react49.default.Children.map(children, (child, index) => {
+      if (!import_react49.default.isValidElement(child)) return false;
+      return /* @__PURE__ */ import_react49.default.createElement(tab_panel_default, { ...child.props, index });
+    }));
+  }
+);
+TabPanels.displayName = "TabPanels" /* TabPanels */;
+var TabPanels_default = TabPanels;
+
 // components/tag/Tag.tsx
 var import_clsx90 = __toESM(require("clsx"));
 var import_react50 = __toESM(require("react"));
@@ -6084,7 +6084,7 @@ var JustifyContent = /* @__PURE__ */ ((JustifyContent2) => {
 var import_react52 = __toESM(require("react"));
 
 // version.ts
-var version = "0.0.12-esm-cjs";
+var version = "0.0.14-esm-cjs";
 
 // version.json
 var version_default = {

package/lib/index.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   TrilogyProvider
-} from "./chunk-FJVGHDVY.mjs";
+} from "./chunk-5AFMTVNS.mjs";
 import "./chunk-RZQA2M2N.mjs";
-import "./chunk-ZRFCXFJ5.mjs";
+import "./chunk-FIWTYLH7.mjs";
 import "./chunk-GBY3HXT4.mjs";
 import "./chunk-56PSJEFR.mjs";
 import {
@@ -13,7 +13,7 @@ import {
   ViewMarkup
 } from "./chunk-EFIZDE7C.mjs";
 import "./chunk-NYE5UI2T.mjs";
-import "./chunk-OBANZQ7B.mjs";
+import "./chunk-4CECZ57P.mjs";
 import {
   marker_default
 } from "./chunk-YLNTACMP.mjs";
@@ -22,19 +22,19 @@ import {
 } from "./chunk-EOGM64YO.mjs";
 import "./chunk-DXSXX5ZX.mjs";
 import "./chunk-3DQLCET2.mjs";
+import "./chunk-6NWZNU3P.mjs";
 import {
   content_default as content_default3
 } from "./chunk-BUHGINEV.mjs";
 import "./chunk-LKS2SY52.mjs";
 import "./chunk-GKIGKRVW.mjs";
-import "./chunk-6NWZNU3P.mjs";
 import {
   Timeline_default
 } from "./chunk-3EEOOLVU.mjs";
 import {
   Textarea_default
 } from "./chunk-574Q5HPU.mjs";
-import "./chunk-SEUFDQBO.mjs";
+import "./chunk-CTL6JRU3.mjs";
 import {
   TabPanels_default
 } from "./chunk-4XLHP4FT.mjs";
@@ -86,8 +86,9 @@ import {
 import "./chunk-PSE6QQAZ.mjs";
 import {
   step_default
-} from "./chunk-U7SMKQNY.mjs";
+} from "./chunk-ORDBTUJK.mjs";
 import "./chunk-GYARTTY2.mjs";
+import "./chunk-JCBCIWZY.mjs";
 import {
   Stepper_default
 } from "./chunk-WU5VMIX7.mjs";
@@ -101,11 +102,11 @@ import {
 } from "./chunk-22ZF6KCV.mjs";
 import {
   Select_default
-} from "./chunk-5T6J3A25.mjs";
+} from "./chunk-UUKIIB2D.mjs";
+import "./chunk-6MSKYREQ.mjs";
 import {
   option_default
-} from "./chunk-I2BTIELF.mjs";
-import "./chunk-6MSKYREQ.mjs";
+} from "./chunk-YGG7NOZ7.mjs";
 import "./chunk-TH32WIIV.mjs";
 import "./chunk-T7LVKIVR.mjs";
 import "./chunk-PWPSDXNE.mjs";
@@ -129,12 +130,12 @@ import {
   RadioTile_default
 } from "./chunk-I54USHWW.mjs";
 import "./chunk-OSVN5QPU.mjs";
-import {
-  RadioList_default
-} from "./chunk-FTZRR3K6.mjs";
 import {
   RadioTiles_default
 } from "./chunk-RXN7VI6G.mjs";
+import {
+  RadioList_default
+} from "./chunk-FTZRR3K6.mjs";
 import "./chunk-TMXH7DZL.mjs";
 import {
   Range_default
@@ -147,11 +148,11 @@ import {
 import {
   item_default as item_default4
 } from "./chunk-RYVNJCJ2.mjs";
-import "./chunk-C2KSCUJR.mjs";
 import {
   radial_default
 } from "./chunk-AT5DQ6XT.mjs";
 import "./chunk-VWBRZW2B.mjs";
+import "./chunk-C2KSCUJR.mjs";
 import {
   Progress_default
 } from "./chunk-UWF5SZJY.mjs";
@@ -276,7 +277,7 @@ import {
 import {
   Checkbox_default
 } from "./chunk-S76GK7PI.mjs";
-import "./chunk-PFJ6Y6ZL.mjs";
+import "./chunk-PZYSTPFC.mjs";
 import "./chunk-FPP2TUF5.mjs";
 import {
   ButtonList_default
@@ -311,7 +312,7 @@ import "./chunk-QIAPR2H5.mjs";
 import {
   BreadcrumbItem_default
 } from "./chunk-KZ3GTDH6.mjs";
-import "./chunk-CRKTC32Z.mjs";
+import "./chunk-5UNNKE7R.mjs";
 import {
   Link_default
 } from "./chunk-62D2ZNLD.mjs";
@@ -327,6 +328,9 @@ import {
 } from "./chunk-R7ZJGYVD.mjs";
 import "./chunk-JPW6HLPE.mjs";
 import "./chunk-HJW5GKBW.mjs";
+import {
+  AutoLayoutWrapper_default
+} from "./chunk-PI7PXVVC.mjs";
 import {
   DEFAULT_SPACING_MATRIX,
   INSERT_SPACE_BETWEEN
@@ -334,9 +338,6 @@ import {
 import {
   SpacingMatrixMode
 } from "./chunk-AQIG72N6.mjs";
-import {
-  AutoLayoutWrapper_default
-} from "./chunk-PI7PXVVC.mjs";
 import {
   AutoLayout_default
 } from "./chunk-A6JKPX5Y.mjs";
@@ -376,6 +377,7 @@ import {
   Accordion_default
 } from "./chunk-HZL4PLNP.mjs";
 import "./chunk-RHJJAI6B.mjs";
+import "./chunk-QEFVCZML.mjs";
 import {
   list_default
 } from "./chunk-X4ABDBKN.mjs";
@@ -384,15 +386,17 @@ import {
   TagVariant
 } from "./chunk-F7ANYFVT.mjs";
 import "./chunk-MYJRAAYV.mjs";
+import "./chunk-SWFBV5TR.mjs";
+import "./chunk-KPAFJMF3.mjs";
 import {
   TableBorderEnum
 } from "./chunk-ZAUFICXO.mjs";
-import "./chunk-SWFBV5TR.mjs";
 import {
   StepMarkup
 } from "./chunk-5YCD5AVI.mjs";
 import "./chunk-K6SEORTS.mjs";
 import "./chunk-WW3LYW5W.mjs";
+import "./chunk-CJ5KD75M.mjs";
 import {
   SelectStatus
 } from "./chunk-IAZSQSYM.mjs";
@@ -449,9 +453,11 @@ import {
   CardImageSize
 } from "./chunk-OYMGXPMZ.mjs";
 import "./chunk-CJSVEY7Z.mjs";
+import "./chunk-CZXKYMNG.mjs";
 import {
   BoxItemSize
 } from "./chunk-BW2X3JP2.mjs";
+import "./chunk-CHO6M6KC.mjs";
 import {
   BadgeVariant
 } from "./chunk-GFERJNNH.mjs";
@@ -469,11 +475,11 @@ import {
   context_default
 } from "./chunk-YKBYBMP2.mjs";
 import "./chunk-E67M3CKQ.mjs";
+import "./chunk-MVJ2C4EA.mjs";
 import {
   TitleLevels,
   TitleMarkup
 } from "./chunk-GVBMUMGT.mjs";
-import "./chunk-MVJ2C4EA.mjs";
 import {
   AlertMarkup
 } from "./chunk-FYCJCKBP.mjs";
@@ -512,9 +518,9 @@ import {
   SpacerSizeValues
 } from "./chunk-IJCGAWJK.mjs";
 import "./chunk-MAMQO43Y.mjs";
+import "./chunk-HQESKFCX.mjs";
 import "./chunk-DB5J6PBL.mjs";
 import "./chunk-A4CI2ZMI.mjs";
-import "./chunk-HQESKFCX.mjs";
 import "./chunk-F5FPTZND.mjs";
 import {
   TypographyColor,
@@ -531,7 +537,7 @@ import {
   getStatusIconName,
   getStatusStyle
 } from "./chunk-AD63JH53.mjs";
-import "./chunk-YYWCL3GN.mjs";
+import "./chunk-Y3ROARMA.mjs";
 import {
   Icon_default
 } from "./chunk-SGAZRZIK.mjs";
@@ -579,6 +585,7 @@ import {
 import {
   getTextClassName
 } from "./chunk-RXBVZD3M.mjs";
+import "./chunk-A2ASOVUR.mjs";
 import "./chunk-3XMSRU64.mjs";
 import {
   StickyPosition
@@ -596,12 +603,12 @@ import "./chunk-62DJK35E.mjs";
 import {
   ScrollDirectionEnum
 } from "./chunk-PAEZ47M2.mjs";
-import "./chunk-A2ASOVUR.mjs";
 import "./chunk-FTTU4DJW.mjs";
 import "./chunk-L7CNF7H6.mjs";
 import "./chunk-RJO5KKUW.mjs";
 import "./chunk-R7HI6GOP.mjs";
 import "./chunk-SUNBSFL4.mjs";
+import "./chunk-XIQL4ZTN.mjs";
 import "./chunk-UUXUTBLZ.mjs";
 import "./chunk-QOEJLTZN.mjs";
 import "./chunk-B6WC6WS2.mjs";
@@ -611,7 +618,9 @@ import {
 import "./chunk-6BTWLQPI.mjs";
 import "./chunk-G6BHSMLA.mjs";
 import "./chunk-THOTRBD4.mjs";
-import "./chunk-XIQL4ZTN.mjs";
+import {
+  TypographyTransform
+} from "./chunk-ATW7ITPH.mjs";
 import {
   TypographyAlign,
   setTypographyAlign
@@ -621,9 +630,6 @@ import {
   getTypographyBoldClassName,
   getTypographyBoldStyle
 } from "./chunk-5QUXSOHX.mjs";
-import {
-  TypographyTransform
-} from "./chunk-ATW7ITPH.mjs";
 import {
   Justifiable,
   Justify,
@@ -642,6 +648,7 @@ import {
 import {
   IconName
 } from "./chunk-CYNSXZSV.mjs";
+import "./chunk-YK5HPRX4.mjs";
 import {
   ButtonMarkup,
   ButtonType,

package/lib/index.native.js

@@ -8940,7 +8940,7 @@ var useTrilogyContext2 = () => {
 var import_react69 = __toESM(require("react"));
 
 // version.ts
-var version = "0.0.12-esm-cjs";
+var version = "0.0.14-esm-cjs";
 
 // version.json
 var version_default = {