@trilogy-ds/react 0.0.13-esm-cjs → 0.0.15-esm-cjs

package/lib/components/index.js

@@ -4978,9 +4978,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";
@@ -4990,6 +4987,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"));
@@ -5255,50 +5255,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);
@@ -5307,10 +5275,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,
@@ -5326,8 +5294,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)
     );
   }
 );
@@ -5335,32 +5303,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(),
@@ -5370,7 +5338,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) {
@@ -5382,7 +5350,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);
@@ -5394,26 +5362,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,
@@ -5424,23 +5392,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
         }
@@ -5451,6 +5419,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"));

package/lib/components/index.mjs

@@ -8,34 +8,28 @@ 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";
 import {
   item_default as item_default5
 } from "../chunk-EOGM64YO.mjs";
+import "../chunk-DXSXX5ZX.mjs";
 import "../chunk-3DQLCET2.mjs";
-import {
-  marker_default
-} from "../chunk-YLNTACMP.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-DXSXX5ZX.mjs";
 import {
   Timeline_default
 } from "../chunk-3EEOOLVU.mjs";
 import {
   Textarea_default
 } from "../chunk-574Q5HPU.mjs";
-import "../chunk-SEUFDQBO.mjs";
-import {
-  TabList_default
-} from "../chunk-UNUI5GCY.mjs";
-import {
-  Tab_default
-} from "../chunk-PTHFF3G5.mjs";
+import "../chunk-CTL6JRU3.mjs";
 import {
   TabPanels_default
 } from "../chunk-4XLHP4FT.mjs";
@@ -43,6 +37,12 @@ import "../chunk-TTMI7WFG.mjs";
 import {
   TabPanel_default
 } from "../chunk-TBFT5WCF.mjs";
+import {
+  TabList_default
+} from "../chunk-UNUI5GCY.mjs";
+import {
+  Tab_default
+} from "../chunk-PTHFF3G5.mjs";
 import "../chunk-K4DWC43X.mjs";
 import {
   Tag_default
@@ -81,8 +81,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";
@@ -96,11 +97,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";
@@ -124,12 +125,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
@@ -142,11 +143,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";
@@ -242,7 +243,8 @@ import {
   CheckboxList_default
 } from "../chunk-KQV6UPEF.mjs";
 import "../chunk-TFRD43SL.mjs";
-import "../chunk-22RRO4UK.mjs";
+import "../chunk-SJJLVXTK.mjs";
+import "../chunk-FMOHWRAS.mjs";
 import {
   Sticker_default
 } from "../chunk-L3A2G234.mjs";
@@ -306,7 +308,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";
@@ -322,6 +324,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
@@ -329,9 +334,6 @@ import {
 import {
   SpacingMatrixMode
 } from "../chunk-AQIG72N6.mjs";
-import {
-  AutoLayoutWrapper_default
-} from "../chunk-PI7PXVVC.mjs";
 import {
   AutoLayout_default
 } from "../chunk-A6JKPX5Y.mjs";
@@ -371,6 +373,7 @@ import {
   Accordion_default
 } from "../chunk-HZL4PLNP.mjs";
 import "../chunk-RHJJAI6B.mjs";
+import "../chunk-QEFVCZML.mjs";
 import {
   list_default
 } from "../chunk-X4ABDBKN.mjs";
@@ -379,15 +382,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";
@@ -448,6 +453,7 @@ import "../chunk-CZXKYMNG.mjs";
 import {
   BoxItemSize
 } from "../chunk-BW2X3JP2.mjs";
+import "../chunk-CHO6M6KC.mjs";
 import {
   BadgeVariant
 } from "../chunk-GFERJNNH.mjs";
@@ -465,11 +471,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";
@@ -508,14 +514,14 @@ 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 "../chunk-ACSGONQB.mjs";
 import "../chunk-JA5LYEG4.mjs";
 import "../chunk-AD63JH53.mjs";
-import "../chunk-YYWCL3GN.mjs";
+import "../chunk-Y3ROARMA.mjs";
 import {
   Icon_default
 } from "../chunk-SGAZRZIK.mjs";
@@ -529,6 +535,7 @@ import "../chunk-OGATDHMZ.mjs";
 import "../chunk-UFMRE754.mjs";
 import "../chunk-ZB4OWTDD.mjs";
 import "../chunk-RXBVZD3M.mjs";
+import "../chunk-A2ASOVUR.mjs";
 import "../chunk-3XMSRU64.mjs";
 import "../chunk-L5TMSDJR.mjs";
 import "../chunk-GP5CJGRF.mjs";
@@ -539,12 +546,12 @@ import "../chunk-HQXKHRER.mjs";
 import "../chunk-NVH4ZPGW.mjs";
 import "../chunk-62DJK35E.mjs";
 import "../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";
@@ -552,16 +559,16 @@ import "../chunk-K2VWHGPL.mjs";
 import "../chunk-6BTWLQPI.mjs";
 import "../chunk-G6BHSMLA.mjs";
 import "../chunk-THOTRBD4.mjs";
-import "../chunk-XIQL4ZTN.mjs";
+import "../chunk-ATW7ITPH.mjs";
 import "../chunk-IGMJNGTZ.mjs";
 import "../chunk-5QUXSOHX.mjs";
-import "../chunk-ATW7ITPH.mjs";
 import "../chunk-L4UDEKQK.mjs";
 import "../chunk-P372ZF3A.mjs";
 import "../chunk-HV6TXVFA.mjs";
 import {
   IconName
 } from "../chunk-CYNSXZSV.mjs";
+import "../chunk-YK5HPRX4.mjs";
 import {
   ButtonMarkup,
   ButtonType,