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

package/lib/components/table/tr/TableTr.native.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   TableTr_native_default
-} from "../../../chunk-EGZVKHFM.mjs";
+} from "../../../chunk-HLTY5AJR.mjs";
 import "../../../chunk-O5CT6DIR.mjs";
 import "../../../chunk-3ONIJFUC.mjs";
 import "../../../chunk-MK63OCEA.mjs";
 import "../../../chunk-WEGZE5OY.mjs";
-import "../../../chunk-RPXUKVT4.mjs";
+import "../../../chunk-2AL4D3MJ.mjs";
 import "../../../chunk-7M6BHGK7.mjs";
 import "../../../chunk-VNWHCGCD.mjs";
 import "../../../chunk-SJ5DUOZ6.mjs";
@@ -17,14 +17,14 @@ import "../../../chunk-KNRXLZZP.mjs";
 import "../../../chunk-D5HHHZDS.mjs";
 import "../../../chunk-2CYVOYRM.mjs";
 import "../../../chunk-7L5452RP.mjs";
-import "../../../chunk-STJ5TNSE.mjs";
-import "../../../chunk-YK5HPRX4.mjs";
-import "../../../chunk-VI2KFLCZ.mjs";
+import "../../../chunk-H6FVJB5Z.mjs";
 import "../../../chunk-CWIO3GEP.mjs";
+import "../../../chunk-VI2KFLCZ.mjs";
 import "../../../chunk-R6PFY5VS.mjs";
 import "../../../chunk-LUYCGMYG.mjs";
 import "../../../chunk-P6NVOAAH.mjs";
 import "../../../chunk-RXBVZD3M.mjs";
+import "../../../chunk-A2ASOVUR.mjs";
 import "../../../chunk-3XMSRU64.mjs";
 import "../../../chunk-L5TMSDJR.mjs";
 import "../../../chunk-GP5CJGRF.mjs";
@@ -35,12 +35,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";
@@ -48,14 +48,14 @@ 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 "../../../chunk-CYNSXZSV.mjs";
+import "../../../chunk-YK5HPRX4.mjs";
 import "../../../chunk-4ZJQXF2V.mjs";
 import "../../../chunk-4UHBBNZ7.mjs";
 import "../../../chunk-NTS75UVH.mjs";

package/lib/components/table/tr/index.native.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   TableTr_native_default
-} from "../../../chunk-EGZVKHFM.mjs";
+} from "../../../chunk-HLTY5AJR.mjs";
 import "../../../chunk-O5CT6DIR.mjs";
 import "../../../chunk-3ONIJFUC.mjs";
 import "../../../chunk-MK63OCEA.mjs";
 import "../../../chunk-WEGZE5OY.mjs";
-import "../../../chunk-RPXUKVT4.mjs";
+import "../../../chunk-2AL4D3MJ.mjs";
 import "../../../chunk-7M6BHGK7.mjs";
 import "../../../chunk-VNWHCGCD.mjs";
 import "../../../chunk-SJ5DUOZ6.mjs";
@@ -17,14 +17,14 @@ import "../../../chunk-KNRXLZZP.mjs";
 import "../../../chunk-D5HHHZDS.mjs";
 import "../../../chunk-2CYVOYRM.mjs";
 import "../../../chunk-7L5452RP.mjs";
-import "../../../chunk-STJ5TNSE.mjs";
-import "../../../chunk-YK5HPRX4.mjs";
-import "../../../chunk-VI2KFLCZ.mjs";
+import "../../../chunk-H6FVJB5Z.mjs";
 import "../../../chunk-CWIO3GEP.mjs";
+import "../../../chunk-VI2KFLCZ.mjs";
 import "../../../chunk-R6PFY5VS.mjs";
 import "../../../chunk-LUYCGMYG.mjs";
 import "../../../chunk-P6NVOAAH.mjs";
 import "../../../chunk-RXBVZD3M.mjs";
+import "../../../chunk-A2ASOVUR.mjs";
 import "../../../chunk-3XMSRU64.mjs";
 import "../../../chunk-L5TMSDJR.mjs";
 import "../../../chunk-GP5CJGRF.mjs";
@@ -35,12 +35,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";
@@ -48,14 +48,14 @@ 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 "../../../chunk-CYNSXZSV.mjs";
+import "../../../chunk-YK5HPRX4.mjs";
 import "../../../chunk-4ZJQXF2V.mjs";
 import "../../../chunk-4UHBBNZ7.mjs";
 import "../../../chunk-NTS75UVH.mjs";

package/lib/components/tabs/TabsProps.mjs

@@ -1 +1,2 @@
 "use client";
+import "../../chunk-KPAFJMF3.mjs";

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

@@ -1,6 +1,7 @@
 import Tabs from './Tabs';
-import TabPanels from './tab-panels/TabPanels';
-import TabPanel from './tab-panels/tab-panel/TabPanel';
 import TabList from './tab-list/TabList';
 import Tab from './tab-list/tab/Tab';
-export { Tabs, TabPanel, TabPanels, TabList, Tab };
+import TabPanels from './tab-panels/TabPanels';
+import TabPanel from './tab-panels/tab-panel/TabPanel';
+export * from './TabsProps';
+export { Tab, TabList, TabPanel, TabPanels, Tabs };

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

@@ -1,6 +1,7 @@
 import Tabs from './Tabs';
-import TabPanels from './tab-panels/TabPanels';
-import TabPanel from './tab-panels/tab-panel/TabPanel';
 import TabList from './tab-list/TabList';
 import Tab from './tab-list/tab/Tab';
-export { Tabs, TabPanel, TabPanels, TabList, Tab };
+import TabPanels from './tab-panels/TabPanels';
+import TabPanel from './tab-panels/tab-panel/TabPanel';
+export * from './TabsProps';
+export { Tab, TabList, TabPanel, TabPanels, Tabs };

package/lib/components/tabs/index.js

@@ -113,38 +113,6 @@ var Tabs = import_react2.default.forwardRef(
 Tabs.displayName = "Tabs" /* Tabs */;
 var Tabs_default = Tabs;
 
-// components/tabs/tab-panels/tab-panel/TabPanel.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var import_react3 = __toESM(require("react"));
-var TabPanel = import_react3.default.forwardRef(({ children, className, testId, ...others }, ref) => {
-  const { styled } = useTrilogyContext();
-  const { index, ...props } = others;
-  const { activeIndex } = import_react3.default.useContext(TabsContext);
-  const classes = hashClass(styled, (0, import_clsx2.default)("tab-panel", index === activeIndex && is("active"), className));
-  return /* @__PURE__ */ import_react3.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_clsx3 = __toESM(require("clsx"));
-var import_react4 = __toESM(require("react"));
-var TabPanels = import_react4.default.forwardRef(
-  ({ children, className, id, testId, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, (0, import_clsx3.default)("tab-panels", className));
-    return /* @__PURE__ */ import_react4.default.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, import_react4.default.Children.map(children, (child, index) => {
-      if (!import_react4.default.isValidElement(child)) return false;
-      return /* @__PURE__ */ import_react4.default.createElement(tab_panel_default, { ...child.props, index });
-    }));
-  }
-);
-TabPanels.displayName = "TabPanels" /* TabPanels */;
-var TabPanels_default = TabPanels;
-
 // helpers/device/index.ts
 var Device = /* @__PURE__ */ ((Device2) => {
   Device2["Browser"] = "browser";
@@ -171,7 +139,7 @@ var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
 var SSRObject = toArrayObject();
 
 // context/providerTheme/index.tsx
-var import_react5 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var defaultTheme = {
   icons: {},
   colors: {},
@@ -181,10 +149,10 @@ var defaultContextValue = {
   theme: defaultTheme,
   setTheme: () => void 0
 };
-var TrilogyThemeContext = import_react5.default.createContext(defaultContextValue);
+var TrilogyThemeContext = import_react3.default.createContext(defaultContextValue);
 
 // objects/facets/Color/index.tsx
-var import_react6 = require("react");
+var import_react4 = require("react");
 var colors = {
   ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
   ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
@@ -231,15 +199,15 @@ var getJustifySelfClassName = (justifyContent) => {
 };
 
 // components/icon/Icon.tsx
-var import_clsx4 = __toESM(require("clsx"));
-var React7 = __toESM(require("react"));
-var Icon = React7.forwardRef(
+var import_clsx2 = __toESM(require("clsx"));
+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 */)) || "";
     const classes = hashClass(
       styled,
-      (0, import_clsx4.default)(
+      (0, import_clsx2.default)(
         "icon",
         stretched && is("stretched"),
         size && is(size),
@@ -247,20 +215,20 @@ var Icon = React7.forwardRef(
         circled && !color && has("text-white"),
         color && is(`${getColorClassName(color)}`),
         skeleton && is("loading"),
-        align && (0, import_clsx4.default)(is("flex"), is(getJustifySelfClassName(align))),
+        align && (0, import_clsx2.default)(is("flex"), is(getJustifySelfClassName(align))),
         background,
         className
       )
     );
-    return /* @__PURE__ */ React7.createElement("span", { id, onClick: onClick && onClick, className: classes, ...others, ref }, /* @__PURE__ */ React7.createElement("i", { className: hashClass(styled, (0, import_clsx4.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_clsx2.default)(name)), "aria-hidden": "true" }));
   }
 );
 Icon.displayName = "Icon" /* Icon */;
 var Icon_default = Icon;
 
 // components/text/Text.tsx
-var React8 = __toESM(require("react"));
-var import_clsx5 = __toESM(require("clsx"));
+var React6 = __toESM(require("react"));
+var import_clsx3 = __toESM(require("clsx"));
 
 // components/text/TextEnum.ts
 var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
@@ -270,7 +238,7 @@ var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
 })(TextMarkup || {});
 
 // components/text/Text.tsx
-var Text = React8.forwardRef(({
+var Text = React6.forwardRef(({
   level,
   markup,
   children,
@@ -303,7 +271,7 @@ var Text = React8.forwardRef(({
   };
   const classes = hashClass(
     styled,
-    (0, import_clsx5.default)(
+    (0, import_clsx3.default)(
       "text",
       level && levelText(),
       inverted && is("inverted"),
@@ -318,7 +286,7 @@ var Text = React8.forwardRef(({
     if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup)) return true;
   };
   const Tag = markup && isCorrectMarkup(markup) ? markup : "p";
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React6.createElement(
     Tag,
     {
       ref,
@@ -335,17 +303,17 @@ Text.displayName = "Text" /* Text */;
 var Text_default = Text;
 
 // components/tabs/tab-list/tab/Tab.tsx
-var import_clsx6 = __toESM(require("clsx"));
-var import_react7 = __toESM(require("react"));
-var Tab = import_react7.default.forwardRef(
+var import_clsx4 = __toESM(require("clsx"));
+var import_react5 = __toESM(require("react"));
+var Tab = import_react5.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_react7.default.useContext(TabsContext);
+    const { activeIndex, setActiveIndex, small } = import_react5.default.useContext(TabsContext);
     const Tag = others.href || others.to ? routerLink : "button";
-    const isActive = import_react7.default.useMemo(() => activeIndex === index, [activeIndex, index]);
-    const classes = hashClass(styled, (0, import_clsx6.default)("tab", className, { "is-active": isActive }));
-    const handleClick = import_react7.default.useCallback(
+    const isActive = import_react5.default.useMemo(() => activeIndex === index, [activeIndex, index]);
+    const classes = hashClass(styled, (0, import_clsx4.default)("tab", className, { "is-active": isActive }));
+    const handleClick = import_react5.default.useCallback(
       (e) => {
         if (!disabled) {
           if (!others.href && !others.to) setActiveIndex(index);
@@ -354,10 +322,10 @@ var Tab = import_react7.default.forwardRef(
       },
       [disabled, onClick, index, setActiveIndex]
     );
-    import_react7.default.useEffect(() => {
+    import_react5.default.useEffect(() => {
       if (active) setActiveIndex(index);
     }, [active, setActiveIndex, index]);
-    return /* @__PURE__ */ import_react7.default.createElement(
+    return /* @__PURE__ */ import_react5.default.createElement(
       Tag,
       {
         ref,
@@ -373,8 +341,8 @@ var Tab = import_react7.default.forwardRef(
         onClick: handleClick,
         ...props
       },
-      /* @__PURE__ */ import_react7.default.createElement("div", { className: hashClass(styled, "tab-icon") }, iconName && /* @__PURE__ */ import_react7.default.createElement(Icon_default, { size: small ? "small" : "medium", name: iconName })),
-      label && /* @__PURE__ */ import_react7.default.createElement(Text_default, null, label)
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: hashClass(styled, "tab-icon") }, iconName && /* @__PURE__ */ import_react5.default.createElement(Icon_default, { size: small ? "small" : "medium", name: iconName })),
+      label && /* @__PURE__ */ import_react5.default.createElement(Text_default, null, label)
     );
   }
 );
@@ -404,32 +372,32 @@ var getAlignClassName = (alignType) => {
 };
 
 // components/tabs/tab-list/TabList.tsx
-var import_clsx7 = __toESM(require("clsx"));
-var import_react8 = __toESM(require("react"));
-var TabList = import_react8.default.forwardRef(
+var import_clsx5 = __toESM(require("clsx"));
+var import_react6 = __toESM(require("react"));
+var TabList = import_react6.default.forwardRef(
   ({ children, className, id, testId, align, ...others }, ref) => {
     const { styled } = useTrilogyContext();
-    const TabListRef = import_react8.default.useRef(null);
-    const tabRefs = import_react8.default.useRef([]);
-    const { small } = import_react8.default.useContext(TabsContext);
-    import_react8.default.useImperativeHandle(ref, () => TabListRef.current);
-    const [tabsWidth, setTabsWidth] = import_react8.default.useState(0);
-    const [tabListWidth, setTabListWidth] = import_react8.default.useState(0);
-    const [scrollLeft, setScrollLeft] = import_react8.default.useState(0);
-    const [tabFocused, setTabFocused] = import_react8.default.useState(0);
-    const classes = hashClass(styled, (0, import_clsx7.default)("tab-list", align && is(getAlignClassName(align)), className));
-    const isVisibleArrowLeft = (0, import_react8.useMemo)(() => {
+    const TabListRef = import_react6.default.useRef(null);
+    const tabRefs = import_react6.default.useRef([]);
+    const { small } = import_react6.default.useContext(TabsContext);
+    import_react6.default.useImperativeHandle(ref, () => TabListRef.current);
+    const [tabsWidth, setTabsWidth] = import_react6.default.useState(0);
+    const [tabListWidth, setTabListWidth] = import_react6.default.useState(0);
+    const [scrollLeft, setScrollLeft] = import_react6.default.useState(0);
+    const [tabFocused, setTabFocused] = import_react6.default.useState(0);
+    const classes = hashClass(styled, (0, import_clsx5.default)("tab-list", align && is(getAlignClassName(align)), className));
+    const isVisibleArrowLeft = (0, import_react6.useMemo)(() => {
       if (!tabRefs.current.length) return false;
       return scrollLeft > tabRefs.current[0].width / 2;
     }, [tabRefs, scrollLeft]);
-    const isVisibleArrowRight = (0, import_react8.useMemo)(
+    const isVisibleArrowRight = (0, import_react6.useMemo)(
       () => tabListWidth - tabsWidth - scrollLeft > 5,
       [tabListWidth, tabsWidth, scrollLeft]
     );
-    const TabElms = import_react8.default.useMemo(() => {
-      return import_react8.default.Children.map(children, (child, index) => {
-        if (!import_react8.default.isValidElement(child)) return false;
-        return /* @__PURE__ */ import_react8.default.createElement(
+    const TabElms = import_react6.default.useMemo(() => {
+      return import_react6.default.Children.map(children, (child, index) => {
+        if (!import_react6.default.isValidElement(child)) return false;
+        return /* @__PURE__ */ import_react6.default.createElement(
           Tab_default,
           {
             ref: (el) => tabRefs.current[index] = el == null ? void 0 : el.getBoundingClientRect(),
@@ -439,7 +407,7 @@ var TabList = import_react8.default.forwardRef(
         );
       });
     }, [children, tabRefs]);
-    const scrollWithArrow = import_react8.default.useCallback(
+    const scrollWithArrow = import_react6.default.useCallback(
       (direction) => {
         var _a;
         if (tabRefs.current) {
@@ -451,7 +419,7 @@ var TabList = import_react8.default.forwardRef(
       },
       [tabRefs.current, tabFocused, TabListRef]
     );
-    const handleScrollList = import_react8.default.useCallback(
+    const handleScrollList = import_react6.default.useCallback(
       (e) => {
         const target = e.target;
         const firstGap = tabRefs.current[0].x + (small ? 16 : 24);
@@ -463,26 +431,26 @@ var TabList = import_react8.default.forwardRef(
       },
       [tabRefs, small]
     );
-    const onClickPrev = import_react8.default.useCallback(() => {
+    const onClickPrev = import_react6.default.useCallback(() => {
       isVisibleArrowLeft && scrollWithArrow(-1);
     }, [scrollWithArrow, isVisibleArrowLeft]);
-    const onClickNext = import_react8.default.useCallback(() => {
+    const onClickNext = import_react6.default.useCallback(() => {
       isVisibleArrowRight && scrollWithArrow(1);
     }, [scrollWithArrow, isVisibleArrowRight]);
-    const setWidths = import_react8.default.useCallback(() => {
+    const setWidths = import_react6.default.useCallback(() => {
       if (TabListRef.current) {
         setTabsWidth(TabListRef.current.clientWidth);
         setTabListWidth(TabListRef.current.scrollWidth);
       }
     }, [TabListRef]);
-    import_react8.default.useEffect(() => {
+    import_react6.default.useEffect(() => {
       setWidths();
     }, [setWidths, isVisibleArrowLeft, isVisibleArrowRight]);
-    import_react8.default.useEffect(() => {
+    import_react6.default.useEffect(() => {
       window.addEventListener("resize", setWidths);
       return () => window.removeEventListener("resize", setWidths);
     }, [TabListRef, setWidths]);
-    return /* @__PURE__ */ import_react8.default.createElement(
+    return /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
         ref: TabListRef,
@@ -493,23 +461,23 @@ var TabList = import_react8.default.forwardRef(
         onScroll: handleScrollList,
         ...others
       },
-      isVisibleArrowLeft && /* @__PURE__ */ import_react8.default.createElement(
+      isVisibleArrowLeft && /* @__PURE__ */ import_react6.default.createElement(
         Icon_default,
         {
           "data-arrow-prev": "",
           name: "tri-arrow-left",
-          className: (0, import_clsx7.default)("arrow-prev"),
+          className: (0, import_clsx5.default)("arrow-prev"),
           size: small ? "small" : "medium",
           onClick: onClickPrev
         }
       ),
       TabElms,
-      isVisibleArrowRight && /* @__PURE__ */ import_react8.default.createElement(
+      isVisibleArrowRight && /* @__PURE__ */ import_react6.default.createElement(
         Icon_default,
         {
           "data-arrow-next": "",
           name: "tri-arrow-right",
-          className: (0, import_clsx7.default)("arrow-next"),
+          className: (0, import_clsx5.default)("arrow-next"),
           size: small ? "small" : "medium",
           onClick: onClickNext
         }
@@ -519,6 +487,38 @@ var TabList = import_react8.default.forwardRef(
 );
 TabList.displayName = "TabList" /* TabList */;
 var TabList_default = TabList;
+
+// components/tabs/tab-panels/tab-panel/TabPanel.tsx
+var import_clsx6 = __toESM(require("clsx"));
+var import_react7 = __toESM(require("react"));
+var TabPanel = import_react7.default.forwardRef(({ children, className, testId, ...others }, ref) => {
+  const { styled } = useTrilogyContext();
+  const { index, ...props } = others;
+  const { activeIndex } = import_react7.default.useContext(TabsContext);
+  const classes = hashClass(styled, (0, import_clsx6.default)("tab-panel", index === activeIndex && is("active"), className));
+  return /* @__PURE__ */ import_react7.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_clsx7 = __toESM(require("clsx"));
+var import_react8 = __toESM(require("react"));
+var TabPanels = import_react8.default.forwardRef(
+  ({ children, className, id, testId, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, (0, import_clsx7.default)("tab-panels", className));
+    return /* @__PURE__ */ import_react8.default.createElement("div", { ref, id, "data-testid": testId, className: classes, ...others }, import_react8.default.Children.map(children, (child, index) => {
+      if (!import_react8.default.isValidElement(child)) return false;
+      return /* @__PURE__ */ import_react8.default.createElement(tab_panel_default, { ...child.props, index });
+    }));
+  }
+);
+TabPanels.displayName = "TabPanels" /* TabPanels */;
+var TabPanels_default = TabPanels;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Tab,

package/lib/components/tabs/index.mjs

@@ -1,11 +1,5 @@
 "use client";
-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";
@@ -13,15 +7,22 @@ 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 {
   Tabs_default
 } from "../../chunk-5Z2RQ5MY.mjs";
 import "../../chunk-BVZWKYND.mjs";
 import "../../chunk-HHE7L3CW.mjs";
 import "../../chunk-SWFBV5TR.mjs";
+import "../../chunk-KPAFJMF3.mjs";
 import "../../chunk-P6NVOAAH.mjs";
 import "../../chunk-A35Q44N2.mjs";
-import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3ROARMA.mjs";
 import "../../chunk-SGAZRZIK.mjs";
 import "../../chunk-WC3ULY5W.mjs";
 import "../../chunk-JOSZ4COK.mjs";
@@ -36,6 +37,7 @@ import "../../chunk-L4UDEKQK.mjs";
 import "../../chunk-P372ZF3A.mjs";
 import "../../chunk-HV6TXVFA.mjs";
 import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-YK5HPRX4.mjs";
 import "../../chunk-4ZJQXF2V.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
 import "../../chunk-NTS75UVH.mjs";

package/lib/components/tabs/index.native.d.mts

@@ -3,4 +3,5 @@ import TabList from './tab-list/TabList.native';
 import Tab from './tab-list/tab/Tab.native';
 import TabPanels from './tab-panels/TabPanels.native';
 import TabPanel from './tab-panels/tab-panel/TabPanel.native';
+export * from './TabsProps';
 export { Tab, TabList, TabPanel, TabPanels, Tabs };

package/lib/components/tabs/index.native.d.ts

@@ -3,4 +3,5 @@ import TabList from './tab-list/TabList.native';
 import Tab from './tab-list/tab/Tab.native';
 import TabPanels from './tab-panels/TabPanels.native';
 import TabPanel from './tab-panels/tab-panel/TabPanel.native';
+export * from './TabsProps';
 export { Tab, TabList, TabPanel, TabPanels, Tabs };

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

@@ -1,5 +1,5 @@
 "use client";
-import "../../chunk-5HT5JYKR.mjs";
+import "../../chunk-KEXRV4H7.mjs";
 import {
   TabPanels_native_default
 } from "../../chunk-A4UUZNZZ.mjs";
@@ -8,15 +8,15 @@ import {
 } from "../../chunk-R37XLGXJ.mjs";
 import {
   TabList_native_default
-} from "../../chunk-YS4SPJEP.mjs";
+} from "../../chunk-Z6YBOKUS.mjs";
 import {
   Tab_native_default
-} from "../../chunk-AZ5GLGL2.mjs";
+} from "../../chunk-LALBHUEG.mjs";
 import {
   Tabs_native_default
 } from "../../chunk-CIMSFVNA.mjs";
 import "../../chunk-WEGZE5OY.mjs";
-import "../../chunk-RPXUKVT4.mjs";
+import "../../chunk-2AL4D3MJ.mjs";
 import "../../chunk-7M6BHGK7.mjs";
 import "../../chunk-VNWHCGCD.mjs";
 import "../../chunk-SJ5DUOZ6.mjs";
@@ -27,14 +27,15 @@ import "../../chunk-KNRXLZZP.mjs";
 import "../../chunk-D5HHHZDS.mjs";
 import "../../chunk-2CYVOYRM.mjs";
 import "../../chunk-7L5452RP.mjs";
-import "../../chunk-STJ5TNSE.mjs";
-import "../../chunk-YK5HPRX4.mjs";
-import "../../chunk-VI2KFLCZ.mjs";
+import "../../chunk-H6FVJB5Z.mjs";
 import "../../chunk-CWIO3GEP.mjs";
+import "../../chunk-VI2KFLCZ.mjs";
 import "../../chunk-R6PFY5VS.mjs";
 import "../../chunk-SWFBV5TR.mjs";
+import "../../chunk-KPAFJMF3.mjs";
 import "../../chunk-P6NVOAAH.mjs";
 import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-A2ASOVUR.mjs";
 import "../../chunk-3XMSRU64.mjs";
 import "../../chunk-L5TMSDJR.mjs";
 import "../../chunk-GP5CJGRF.mjs";
@@ -45,12 +46,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";
@@ -58,14 +59,14 @@ 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 "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-YK5HPRX4.mjs";
 import "../../chunk-4ZJQXF2V.mjs";
 import "../../chunk-4UHBBNZ7.mjs";
 import "../../chunk-NTS75UVH.mjs";

package/lib/components/tabs/tab-list/TabList.mjs

@@ -8,7 +8,7 @@ import "../../../chunk-HHE7L3CW.mjs";
 import "../../../chunk-SWFBV5TR.mjs";
 import "../../../chunk-P6NVOAAH.mjs";
 import "../../../chunk-A35Q44N2.mjs";
-import "../../../chunk-YYWCL3GN.mjs";
+import "../../../chunk-Y3ROARMA.mjs";
 import "../../../chunk-SGAZRZIK.mjs";
 import "../../../chunk-WC3ULY5W.mjs";
 import "../../../chunk-JOSZ4COK.mjs";
@@ -23,6 +23,7 @@ import "../../../chunk-L4UDEKQK.mjs";
 import "../../../chunk-P372ZF3A.mjs";
 import "../../../chunk-HV6TXVFA.mjs";
 import "../../../chunk-CYNSXZSV.mjs";
+import "../../../chunk-YK5HPRX4.mjs";
 import "../../../chunk-4ZJQXF2V.mjs";
 import "../../../chunk-4UHBBNZ7.mjs";
 import "../../../chunk-NTS75UVH.mjs";