@elliemae/ds-tabs 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/cjs/parts/tabBar/styles.js

@@ -1,294 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledRequiredMark: () => StyledRequiredMark,
-  StyledSelectionIndicator: () => StyledSelectionIndicator,
-  StyledSubTabsList: () => StyledSubTabsList,
-  StyledTabButton: () => StyledTabButton,
-  StyledTabList: () => StyledTabList,
-  StyledTabWrapper: () => StyledTabWrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_constants = require("../../utils/constants");
-const StyledSelectionIndicator = import_styled_components.default.div`
-  position: absolute;
-  height: 3px;
-  top: ${({ tabType, isDSMobile }) => {
-  if (isDSMobile)
-    return `35px`;
-  if (tabType === import_constants.TabTypes.NORMAL_SMALL)
-    return `15px`;
-  return `25px`;
-}};
-  margin-top: ${({ theme }) => theme.space.xxxs};
-  pointer-events: none;
-  transition: 200ms cubic-bezier(0.36, 0, 1, 1);
-  z-index: 10;
-  ${({ isDSMobile }) => isDSMobile ? ` 
-  margin-left: 0;
-  margin-top: 3px;
-  ` : ``}
-`;
-const mobileGradientsSettings = import_ds_system.css`
-  ${({ theme, mobileGradients, isDSMobile, fixedTabsHeaders }) => {
-  if (isDSMobile && !fixedTabsHeaders) {
-    if (mobileGradients.right && mobileGradients.left)
-      return `background: linear-gradient(90deg, rgba(238,238,238,0) 0%, ${theme.colors.brand[200]} 20%, ${theme.colors.brand[200]} 80%, rgba(238,238,238,0) 100%);`;
-    if (mobileGradients.right)
-      return `background: linear-gradient(90deg, ${theme.colors.brand[200]} 0%, ${theme.colors.brand[200]} 80%, rgba(238,238,238,0) 100%);`;
-    if (mobileGradients.left)
-      return `background: linear-gradient(90deg, rgba(238,238,238,0) 0%,  ${theme.colors.brand[200]} 20%, ${theme.colors.brand[200]} 100%);`;
-  }
-  return ``;
-}}
-`;
-const StyledTabWrapper = import_styled_components.default.div`
-  display: flex;
-  flex: 1;
-  flex-wrap: nowrap;
-  ${({ fixedTabsHeaders, isDSMobile }) => !fixedTabsHeaders && isDSMobile ? "" : "overflow-x: hidden;"}
-  ${({ theme, isDSMobile }) => isDSMobile ? `border-bottom: 1px solid ${theme.colors.brand[300]};` : ``}
-`;
-const StyledTabButton = import_styled_components.default.button`
-  position: relative;
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-  transition: 100ms cubic-bezier(0, 0, 0.42, 1);
-  text-transform: ${({ tabType }) => tabType === import_constants.TabTypes.SUBTABS ? `capitalize` : `uppercase`};
-  letter-spacing: 0px;
-  white-space: nowrap;
-  padding: 2px 0;
-  margin-right: ${({ fixedTabsHeaders, isDSMobile }) => {
-  if (fixedTabsHeaders)
-    return "0px";
-  if (!fixedTabsHeaders && isDSMobile)
-    return "14px";
-  return "16px";
-}};
-
-  margin-left: ${({ fixedTabsHeaders, isDSMobile }) => {
-  if (fixedTabsHeaders)
-    return "0px";
-  if (!fixedTabsHeaders && isDSMobile)
-    return "14px";
-  return "16px";
-}};
-
-  color: ${({ theme }) => theme.colors.neutral[700]};
-  ${(0, import_ds_system.onlySafariAndFirefox)("-webkit-text-stroke: 0.4px transparent;")}
-
-  ${({ tabType }) => tabType === import_constants.TabTypes.NORMAL ? `height: 32px;` : `height: 22px;`}
-
-  ${({ theme, isActive, disabled }) => isActive && !disabled ? `
-          font-weight:  ${theme.fontWeights.semibold};
-          ${(0, import_ds_system.safariAndFirefoxBold)(`#353C46`)}
-
-          &:hover {
-            ${(0, import_ds_system.safariAndFirefoxBold)(`#1E79C2`)}
-          }
-          
-        ` : `
-      
-      `}
-
-  ${({ theme, disabled }) => disabled ? `
-          color: ${theme.colors.neutral[500]};
-          cursor: not-allowed;
-        ` : `
-      &:hover {
-        color: ${theme.colors.brand[600]};
-      }
-          `}
-
-
-  ${({ theme, showSeparator, tabType }) => showSeparator ? `
-          &:not(:last-of-type):before
-            {
-              content: "";
-              position: absolute;
-              width: 1px;
-              right: -16px;
-              top: 50%;
-              transform: translateY(-50%);
-              height: ${tabType === import_constants.TabTypes.SUBTABS ? `10px` : `16px`};
-              background: ${theme.colors.neutral[400]};
-            }` : ``}
-
-  ${({ theme, isDSMobile, tabType, isActive }) => !isDSMobile ? `
-  &:focus {
-    outline: none;
-    &:after {
-      position: absolute;
-      content: '';
-      top: 0;
-      left: -16px;
-      width: calc(100% + 32px);
-      height: 100%;
-      z-index: 5;
-      border-radius: 2px;
-      border: 2px solid ${theme.colors.brand[700]};
-    }
-
-    ${tabType !== import_constants.TabTypes.SUBTABS && isActive ? `
-      &:before {
-        position: absolute;
-        content: '';
-        left: -16px;
-        right: 0;
-        top: calc(100% - 2px);
-        transform: none;
-        width: calc(100% + 32px);
-        height: 2px;
-        z-index: 10;
-        background: linear-gradient(to right, transparent 0px, transparent 12px, white 12px, white 16px, transparent 16px,transparent calc(100% - 16px),  white calc(100% - 16px), white calc(100% - 12px),  transparent calc(100% - 12px), transparent 100%);
-      }
-    ` : ``}
-  }
-  
-  ` : ``}
-
-  
-      
-${({ theme, isActive, disabled, isDSMobile }) => isDSMobile ? `
-    height:  40px;
-    color: ${theme.colors.brand[600]};
-    font-weight: ${theme.fontWeights.regular};
-    padding: 0;
-    font-size: 13px;
-    line-height: 1.3;
-    ${(0, import_ds_system.onlySafariAndFirefox)("-webkit-text-stroke: 0.4px transparent;")} 
-
-    &:focus {
-      font-weight: ${theme.fontWeights.regular};
-      font-size: 13px;
-      ${(0, import_ds_system.safariAndFirefoxBold)("#006AA9")}
-    }
-
-    ${isActive ? `
-        font-weight: ${theme.fontWeights.regular};
-        font-size: 13px;
-        ${(0, import_ds_system.safariAndFirefoxBold)("#006AA9")}
-        ` : ``}
-
-    ${isActive && !disabled ? `
-        font-size: 13px;
-        color:  ${theme.colors.brand[700]};
-        line-height: 1.3;
-        font-weight: ${theme.fontWeights.regular};
-        -webkit-font-smoothing: subpixel-antialiased; 
-        -webkit-text-stroke: 0.4px ${theme.colors.brand[700]};` : ``}
-
-    ${!disabled ? `
-        &:hover,
-        &:focus {
-          outline: none;
-          color: ${theme.colors.brand[700]};
-          ${(0, import_ds_system.safariAndFirefoxBold)("#006AA9")}
-        }` : ``}
-
-    ` : ``}
-`;
-const StyledSubTabsList = import_styled_components.default.div`
-  position: relative;
-  display: flex;
-  flex-wrap: nowrap;
-  flex: 1;
-  width: 100%;
-  ${({ withCarousel }) => withCarousel ? "max-width: 100%;" : ""}
-`;
-const StyledTabList = import_styled_components.default.div`
-  position: relative;
-  display: flex;
-  flex-wrap: nowrap;
-  flex: 1;
-  width: 100%;
-  ${({ withCarousel, isDSMobile }) => withCarousel && !isDSMobile ? `max-width: 100%;` : ""}
-
-  ${({ theme, isDSMobile, tabType }) => tabType !== import_constants.TabTypes.NORMAL_SMALL && !isDSMobile ? `
-  &:after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 1px;
-    box-shadow: 0px 0px 0px 1px ${theme.colors.neutral[400]};
-    pointer-events: none;
-    bottom: 0px;
-  }
-  ` : ``}
-
-  ${StyledTabButton} {
-    padding-bottom: 0;
-    padding-top: 0;
-  }
-
-  ${({ theme, isDSMobile }) => isDSMobile ? `
-        
-         background: ${theme.colors.brand[200]};` : ``}
-
-  ${mobileGradientsSettings}
-
-
-  ${({ isDSMobile, fixedTabsHeaders }) => isDSMobile ? `
-      ${!fixedTabsHeaders ? `
-          z-index: 0;
-          overflow-x: auto;
-          overflow-y: hidden;
-          scrollbar-width: thin;
-          &::-webkit-scrollbar {
-            display: none;
-          }` : `
-         display: flex;
-        ${StyledTabButton} {
-          flex: 1;
-          overflow-x: hidden;
-        }`}` : ``}
-
-    ${StyledSelectionIndicator} {
-    ${({ indicatorStyle }) => `
-        width: ${indicatorStyle.width};
-        left: ${indicatorStyle.left};
-        `}
-  }
-
-  ${StyledSelectionIndicator} {
-    background: ${({ theme, indicatorStyle, isDSMobile }) => !isDSMobile ? indicatorStyle.backgroundWithTransparent : theme.colors.brand[600]};
-  }
-`;
-const StyledRequiredMark = import_styled_components.default.span`
-  color: ${({ theme }) => theme.colors.danger[900]};
-  font-size: 6px;
-  margin-left: 2px;
-  position: absolute;
-  top: 5px;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map

package/dist/cjs/parts/tabBar/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/tabBar/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { safariAndFirefoxBold, onlySafariAndFirefox, css } from '@elliemae/ds-system';\nimport { TabTypes } from '../../utils/constants';\nimport type {\n  StyledSelectionIndicatoPropsT,\n  StyledSubTabsListPropsT,\n  StyledTabListPropsT,\n  StyledTabButtonPropsT,\n  StyledTabWrapperPropsT,\n} from '../../DSTabsTypes';\n\nexport const StyledSelectionIndicator = styled.div<StyledSelectionIndicatoPropsT>`\n  position: absolute;\n  height: 3px;\n  top: ${({ tabType, isDSMobile }) => {\n    if (isDSMobile) return `35px`;\n    if (tabType === TabTypes.NORMAL_SMALL) return `15px`;\n    return `25px`;\n  }};\n  margin-top: ${({ theme }) => theme.space.xxxs};\n  pointer-events: none;\n  transition: 200ms cubic-bezier(0.36, 0, 1, 1);\n  z-index: 10;\n  ${({ isDSMobile }) =>\n    isDSMobile\n      ? ` \n  margin-left: 0;\n  margin-top: 3px;\n  `\n      : ``}\n`;\n\nconst mobileGradientsSettings = css<StyledTabListPropsT>`\n  ${({ theme, mobileGradients, isDSMobile, fixedTabsHeaders }) => {\n    if (isDSMobile && !fixedTabsHeaders) {\n      if (mobileGradients.right && mobileGradients.left)\n        return `background: linear-gradient(90deg, rgba(238,238,238,0) 0%, ${theme.colors.brand[200]} 20%, ${theme.colors.brand[200]} 80%, rgba(238,238,238,0) 100%);`;\n      if (mobileGradients.right)\n        return `background: linear-gradient(90deg, ${theme.colors.brand[200]} 0%, ${theme.colors.brand[200]} 80%, rgba(238,238,238,0) 100%);`;\n      if (mobileGradients.left)\n        return `background: linear-gradient(90deg, rgba(238,238,238,0) 0%,  ${theme.colors.brand[200]} 20%, ${theme.colors.brand[200]} 100%);`;\n    }\n    return ``;\n  }}\n`;\n\nexport const StyledTabWrapper = styled.div<StyledTabWrapperPropsT>`\n  display: flex;\n  flex: 1;\n  flex-wrap: nowrap;\n  ${({ fixedTabsHeaders, isDSMobile }) => (!fixedTabsHeaders && isDSMobile ? '' : 'overflow-x: hidden;')}\n  ${({ theme, isDSMobile }) => (isDSMobile ? `border-bottom: 1px solid ${theme.colors.brand[300]};` : ``)}\n`;\n\nexport const StyledTabButton = styled.button<StyledTabButtonPropsT>`\n  position: relative;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  transition: 100ms cubic-bezier(0, 0, 0.42, 1);\n  text-transform: ${({ tabType }) => (tabType === TabTypes.SUBTABS ? `capitalize` : `uppercase`)};\n  letter-spacing: 0px;\n  white-space: nowrap;\n  padding: 2px 0;\n  margin-right: ${({ fixedTabsHeaders, isDSMobile }) => {\n    if (fixedTabsHeaders) return '0px';\n    if (!fixedTabsHeaders && isDSMobile) return '14px';\n    return '16px';\n  }};\n\n  margin-left: ${({ fixedTabsHeaders, isDSMobile }) => {\n    if (fixedTabsHeaders) return '0px';\n    if (!fixedTabsHeaders && isDSMobile) return '14px';\n    return '16px';\n  }};\n\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  ${onlySafariAndFirefox('-webkit-text-stroke: 0.4px transparent;')}\n\n  ${({ tabType }) => (tabType === TabTypes.NORMAL ? `height: 32px;` : `height: 22px;`)}\n\n  ${({ theme, isActive, disabled }) =>\n    isActive && !disabled\n      ? `\n          font-weight:  ${theme.fontWeights.semibold};\n          ${safariAndFirefoxBold(`#353C46`)}\n\n          &:hover {\n            ${safariAndFirefoxBold(`#1E79C2`)}\n          }\n          \n        `\n      : `\n      \n      `}\n\n  ${({ theme, disabled }) =>\n    disabled\n      ? `\n          color: ${theme.colors.neutral[500]};\n          cursor: not-allowed;\n        `\n      : `\n      &:hover {\n        color: ${theme.colors.brand[600]};\n      }\n          `}\n\n\n  ${({ theme, showSeparator, tabType }) =>\n    showSeparator\n      ? `\n          &:not(:last-of-type):before\n            {\n              content: \"\";\n              position: absolute;\n              width: 1px;\n              right: -16px;\n              top: 50%;\n              transform: translateY(-50%);\n              height: ${tabType === TabTypes.SUBTABS ? `10px` : `16px`};\n              background: ${theme.colors.neutral[400]};\n            }`\n      : ``}\n\n  ${({ theme, isDSMobile, tabType, isActive }) =>\n    !isDSMobile\n      ? `\n  &:focus {\n    outline: none;\n    &:after {\n      position: absolute;\n      content: '';\n      top: 0;\n      left: -16px;\n      width: calc(100% + 32px);\n      height: 100%;\n      z-index: 5;\n      border-radius: 2px;\n      border: 2px solid ${theme.colors.brand[700]};\n    }\n\n    ${\n      tabType !== TabTypes.SUBTABS && isActive\n        ? `\n      &:before {\n        position: absolute;\n        content: '';\n        left: -16px;\n        right: 0;\n        top: calc(100% - 2px);\n        transform: none;\n        width: calc(100% + 32px);\n        height: 2px;\n        z-index: 10;\n        background: linear-gradient(to right, transparent 0px, transparent 12px, white 12px, white 16px, transparent 16px,transparent calc(100% - 16px),  white calc(100% - 16px), white calc(100% - 12px),  transparent calc(100% - 12px), transparent 100%);\n      }\n    `\n        : ``\n    }\n  }\n  \n  `\n      : ``}\n\n  \n      \n${({ theme, isActive, disabled, isDSMobile }) =>\n    isDSMobile\n      ? `\n    height:  40px;\n    color: ${theme.colors.brand[600]};\n    font-weight: ${theme.fontWeights.regular};\n    padding: 0;\n    font-size: 13px;\n    line-height: 1.3;\n    ${onlySafariAndFirefox('-webkit-text-stroke: 0.4px transparent;')} \n\n    &:focus {\n      font-weight: ${theme.fontWeights.regular};\n      font-size: 13px;\n      ${safariAndFirefoxBold('#006AA9')}\n    }\n\n    ${\n      isActive\n        ? `\n        font-weight: ${theme.fontWeights.regular};\n        font-size: 13px;\n        ${safariAndFirefoxBold('#006AA9')}\n        `\n        : ``\n    }\n\n    ${\n      isActive && !disabled\n        ? `\n        font-size: 13px;\n        color:  ${theme.colors.brand[700]};\n        line-height: 1.3;\n        font-weight: ${theme.fontWeights.regular};\n        -webkit-font-smoothing: subpixel-antialiased; \n        -webkit-text-stroke: 0.4px ${theme.colors.brand[700]};`\n        : ``\n    }\n\n    ${\n      !disabled\n        ? `\n        &:hover,\n        &:focus {\n          outline: none;\n          color: ${theme.colors.brand[700]};\n          ${safariAndFirefoxBold('#006AA9')}\n        }`\n        : ``\n    }\n\n    `\n      : ``}\n`;\n\nexport const StyledSubTabsList = styled.div<StyledSubTabsListPropsT>`\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 1;\n  width: 100%;\n  ${({ withCarousel }) => (withCarousel ? 'max-width: 100%;' : '')}\n`;\n\nexport const StyledTabList = styled.div<StyledTabListPropsT>`\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 1;\n  width: 100%;\n  ${({ withCarousel, isDSMobile }) => (withCarousel && !isDSMobile ? `max-width: 100%;` : '')}\n\n  ${({ theme, isDSMobile, tabType }) =>\n    tabType !== TabTypes.NORMAL_SMALL && !isDSMobile\n      ? `\n  &:after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    box-shadow: 0px 0px 0px 1px ${theme.colors.neutral[400]};\n    pointer-events: none;\n    bottom: 0px;\n  }\n  `\n      : ``}\n\n  ${StyledTabButton} {\n    padding-bottom: 0;\n    padding-top: 0;\n  }\n\n  ${({ theme, isDSMobile }) =>\n    isDSMobile\n      ? `\n        \n         background: ${theme.colors.brand[200]};`\n      : ``}\n\n  ${mobileGradientsSettings}\n\n\n  ${({ isDSMobile, fixedTabsHeaders }) =>\n    isDSMobile\n      ? `\n      ${\n        !fixedTabsHeaders\n          ? `\n          z-index: 0;\n          overflow-x: auto;\n          overflow-y: hidden;\n          scrollbar-width: thin;\n          &::-webkit-scrollbar {\n            display: none;\n          }`\n          : `\n         display: flex;\n        ${StyledTabButton} {\n          flex: 1;\n          overflow-x: hidden;\n        }`\n      }`\n      : ``}\n\n    ${StyledSelectionIndicator} {\n    ${({ indicatorStyle }) => `\n        width: ${indicatorStyle.width};\n        left: ${indicatorStyle.left};\n        `}\n  }\n\n  ${StyledSelectionIndicator} {\n    background: ${({ theme, indicatorStyle, isDSMobile }) =>\n      !isDSMobile ? indicatorStyle.backgroundWithTransparent : theme.colors.brand[600]};\n  }\n`;\n\nexport const StyledRequiredMark = styled.span`\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-size: 6px;\n  margin-left: 2px;\n  position: absolute;\n  top: 5px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/parts/tabBar/useTabBar.js

@@ -1,100 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useTabBar_exports = {};
-__export(useTabBar_exports, {
-  useTabBar: () => useTabBar
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_resize_observer = __toESM(require("@react-hook/resize-observer"));
-var import_helpers = require("../../utils/helpers");
-var import_DSTabsCTX = require("../../DSTabsCTX");
-var import_constants = require("../../utils/constants");
-const useTabBar = () => {
-  const {
-    actualActiveTab,
-    actualActiveTabRef,
-    tabsListRef,
-    props: { showSelectionIndicator, isDSMobile, fixedTabsHeaders }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const [mobileGradients, setMobileGradients] = (0, import_react.useState)({ left: false, right: false });
-  const [indicatorStyle, setIndicatorStyle] = (0, import_react.useState)(import_constants.defaultIndicatorStyles);
-  const getIndicatorStyles = (0, import_react.useCallback)(() => {
-    if (tabsListRef.current) {
-      const tabList = tabsListRef.current;
-      const activeTabButton = actualActiveTabRef.current;
-      if (!activeTabButton || !(0, import_helpers.isElementVisible)(activeTabButton, tabList))
-        return import_constants.defaultIndicatorStyles;
-      const missingMargins = isDSMobile ? 0 : 16;
-      const tabClientWidth = isDSMobile && !fixedTabsHeaders ? activeTabButton.clientWidth : activeTabButton.clientWidth + missingMargins * 2;
-      const position = isDSMobile && !fixedTabsHeaders ? activeTabButton.getBoundingClientRect().left - tabList.getBoundingClientRect().left + tabList.scrollLeft : activeTabButton.getBoundingClientRect().left - tabList.getBoundingClientRect().left - missingMargins;
-      const backgroundWithTransparent = `linear-gradient(to right, transparent 0px, transparent 16px, #1E79C2 16px, #1E79C2  ${tabClientWidth - 16}px,transparent ${tabClientWidth - 16}px,transparent ${tabClientWidth}px )`;
-      return {
-        left: `${position}px`,
-        width: `${tabClientWidth}px`,
-        backgroundWithTransparent
-      };
-    }
-    return import_constants.defaultIndicatorStyles;
-  }, [actualActiveTabRef, fixedTabsHeaders, isDSMobile, tabsListRef]);
-  const updateIndicatorStyle = (0, import_react.useCallback)(() => setTimeout(() => setIndicatorStyle(getIndicatorStyles()), 100), [getIndicatorStyles, setIndicatorStyle]);
-  (0, import_resize_observer.default)(tabsListRef, updateIndicatorStyle);
-  const updateMobileGradients = (0, import_react.useCallback)(() => {
-    if (tabsListRef.current && isDSMobile && !fixedTabsHeaders) {
-      const { scrollLeft, scrollWidth, clientWidth } = tabsListRef.current;
-      setMobileGradients({
-        left: (0, import_helpers.shouldHaveLeftGradient)(scrollLeft),
-        right: (0, import_helpers.shouldHaveRightGradient)(scrollLeft, clientWidth, scrollWidth)
-      });
-    }
-  }, [fixedTabsHeaders, isDSMobile, tabsListRef]);
-  (0, import_react.useLayoutEffect)(() => {
-    if (showSelectionIndicator) {
-      updateIndicatorStyle();
-    }
-    if (isDSMobile && !fixedTabsHeaders) {
-      updateMobileGradients();
-    }
-  }, [
-    updateMobileGradients,
-    showSelectionIndicator,
-    updateIndicatorStyle,
-    isDSMobile,
-    fixedTabsHeaders,
-    actualActiveTab
-  ]);
-  return {
-    updateIndicatorStyle,
-    setIndicatorStyle,
-    indicatorStyle,
-    mobileGradients,
-    updateMobileGradients
-  };
-};
-module.exports = __toCommonJS(useTabBar_exports);
-//# sourceMappingURL=useTabBar.js.map

package/dist/cjs/parts/tabBar/useTabBar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/tabBar/useTabBar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\nimport { useCallback, useLayoutEffect, useState, useContext } from 'react';\nimport useResizeObserver from '@react-hook/resize-observer';\nimport { isElementVisible, shouldHaveLeftGradient, shouldHaveRightGradient } from '../../utils/helpers';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { defaultIndicatorStyles } from '../../utils/constants';\nimport type { IndicatorStyleT, MobileGradientsT, UseTabBarReturnTypeT } from '../../DSTabsTypes';\n\nexport const useTabBar = (): UseTabBarReturnTypeT => {\n  const {\n    actualActiveTab,\n    actualActiveTabRef,\n    tabsListRef,\n    props: { showSelectionIndicator, isDSMobile, fixedTabsHeaders },\n  } = useContext(DSTabsContext);\n\n  const [mobileGradients, setMobileGradients] = useState<MobileGradientsT>({ left: false, right: false });\n  const [indicatorStyle, setIndicatorStyle] = useState<IndicatorStyleT>(defaultIndicatorStyles);\n\n  const getIndicatorStyles = useCallback(() => {\n    if (tabsListRef.current) {\n      const tabList = tabsListRef.current;\n      const activeTabButton = actualActiveTabRef.current;\n\n      if (!activeTabButton || !isElementVisible(activeTabButton, tabList)) return defaultIndicatorStyles;\n\n      // The missingMargins are to make the selection indicator white marks work properly in desktop, we need\n      // the full width of the tab button with margins.\n      const missingMargins = isDSMobile ? 0 : 16;\n\n      const tabClientWidth =\n        isDSMobile && !fixedTabsHeaders\n          ? activeTabButton.clientWidth\n          : activeTabButton.clientWidth + missingMargins * 2;\n\n      // The reason why we use the tabList.scrollLeft is due to the centerOnTabChange (only in Mobile and FlexibleTabs)\n      // behavior that adds scroll to the tabList\n      const position =\n        isDSMobile && !fixedTabsHeaders\n          ? activeTabButton.getBoundingClientRect().left - tabList.getBoundingClientRect().left + tabList.scrollLeft\n          : activeTabButton.getBoundingClientRect().left - tabList.getBoundingClientRect().left - missingMargins;\n\n      const backgroundWithTransparent = `linear-gradient(to right, transparent 0px, transparent 16px, #1E79C2 16px, #1E79C2  ${\n        tabClientWidth - 16\n      }px,transparent ${tabClientWidth - 16}px,transparent ${tabClientWidth}px )`;\n\n      return {\n        left: `${position}px`,\n        width: `${tabClientWidth}px`,\n        backgroundWithTransparent,\n      };\n    }\n    return defaultIndicatorStyles;\n  }, [actualActiveTabRef, fixedTabsHeaders, isDSMobile, tabsListRef]);\n\n  const updateIndicatorStyle = useCallback(\n    () => setTimeout(() => setIndicatorStyle(getIndicatorStyles()), 100),\n    [getIndicatorStyles, setIndicatorStyle],\n  );\n\n  useResizeObserver(tabsListRef, updateIndicatorStyle);\n\n  const updateMobileGradients = useCallback(() => {\n    if (tabsListRef.current && isDSMobile && !fixedTabsHeaders) {\n      const { scrollLeft, scrollWidth, clientWidth } = tabsListRef.current;\n      setMobileGradients({\n        left: shouldHaveLeftGradient(scrollLeft),\n        right: shouldHaveRightGradient(scrollLeft, clientWidth, scrollWidth),\n      });\n    }\n  }, [fixedTabsHeaders, isDSMobile, tabsListRef]);\n\n  useLayoutEffect(() => {\n    if (showSelectionIndicator) {\n      updateIndicatorStyle();\n    }\n    if (isDSMobile && !fixedTabsHeaders) {\n      updateMobileGradients();\n    }\n  }, [\n    updateMobileGradients,\n    showSelectionIndicator,\n    updateIndicatorStyle,\n    isDSMobile,\n    fixedTabsHeaders,\n    actualActiveTab,\n  ]);\n\n  return {\n    updateIndicatorStyle,\n    setIndicatorStyle,\n    indicatorStyle,\n    mobileGradients,\n    updateMobileGradients,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmE;AACnE,6BAA8B;AAC9B,qBAAkF;AAClF,uBAA8B;AAC9B,uBAAuC;AAGhC,MAAM,YAAY,MAA4B;AACnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,wBAAwB,YAAY;AAAA,MAC3C,6BAAW;AAEf,QAAM,CAAC,iBAAiB,sBAAsB,2BAA2B,EAAE,MAAM,OAAO,OAAO;AAC/F,QAAM,CAAC,gBAAgB,qBAAqB,2BAA0B;AAEtE,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,QAAI,YAAY,SAAS;AACvB,YAAM,UAAU,YAAY;AAC5B,YAAM,kBAAkB,mBAAmB;AAE3C,UAAI,CAAC,mBAAmB,CAAC,qCAAiB,iBAAiB;AAAU,eAAO;AAI5E,YAAM,iBAAiB,aAAa,IAAI;AAExC,YAAM,iBACJ,cAAc,CAAC,mBACX,gBAAgB,cAChB,gBAAgB,cAAc,iBAAiB;AAIrD,YAAM,WACJ,cAAc,CAAC,mBACX,gBAAgB,wBAAwB,OAAO,QAAQ,wBAAwB,OAAO,QAAQ,aAC9F,gBAAgB,wBAAwB,OAAO,QAAQ,wBAAwB,OAAO;AAE5F,YAAM,4BAA4B,uFAChC,iBAAiB,oBACD,iBAAiB,oBAAoB;AAEvD,aAAO;AAAA,QACL,MAAM,GAAG;AAAA,QACT,OAAO,GAAG;AAAA,QACV;AAAA;AAAA;AAGJ,WAAO;AAAA,KACN,CAAC,oBAAoB,kBAAkB,YAAY;AAEtD,QAAM,uBAAuB,8BAC3B,MAAM,WAAW,MAAM,kBAAkB,uBAAuB,MAChE,CAAC,oBAAoB;AAGvB,sCAAkB,aAAa;AAE/B,QAAM,wBAAwB,8BAAY,MAAM;AAC9C,QAAI,YAAY,WAAW,cAAc,CAAC,kBAAkB;AAC1D,YAAM,EAAE,YAAY,aAAa,gBAAgB,YAAY;AAC7D,yBAAmB;AAAA,QACjB,MAAM,2CAAuB;AAAA,QAC7B,OAAO,4CAAwB,YAAY,aAAa;AAAA;AAAA;AAAA,KAG3D,CAAC,kBAAkB,YAAY;AAElC,oCAAgB,MAAM;AACpB,QAAI,wBAAwB;AAC1B;AAAA;AAEF,QAAI,cAAc,CAAC,kBAAkB;AACnC;AAAA;AAAA,KAED;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/parts/tabsContent/TabsContent.js

@@ -1,53 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TabsContent_exports = {};
-__export(TabsContent_exports, {
-  TabsContent: () => TabsContent
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_TabsPanels = require("../tabsPanel/TabsPanels");
-var import_TabBar = require("../tabBar/TabBar");
-var import_styles = require("./styles");
-var import_DSTabsCTX = require("../../DSTabsCTX");
-var import_DSTabsDatatestid = require("../../DSTabsDatatestid");
-const TabsContent = () => {
-  const {
-    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    ...containerProps,
-    ref: innerRef,
-    "data-testid": import_DSTabsDatatestid.DSTabsDatatestid.TABS_CONTAINER
-  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTabBarContainer, {
-    "aria-label": tabsListAriaLabel,
-    role: "tablist"
-  }, /* @__PURE__ */ import_react.default.createElement(import_TabBar.TabBar, null), tabBarExtraContent), /* @__PURE__ */ import_react.default.createElement(import_TabsPanels.TabsPanels, null));
-};
-module.exports = __toCommonJS(TabsContent_exports);
-//# sourceMappingURL=TabsContent.js.map

package/dist/cjs/parts/tabsContent/TabsContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/tabsContent/TabsContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { TabsPanels } from '../tabsPanel/TabsPanels';\nimport { TabBar } from '../tabBar/TabBar';\nimport { StyledTabBarContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { DSTabsDatatestid } from '../../DSTabsDatatestid';\n\nexport const TabsContent = (): JSX.Element => {\n  const {\n    props: { containerProps, innerRef, tabsListAriaLabel, tabBarExtraContent },\n  } = useContext(DSTabsContext);\n\n  return (\n    <div {...containerProps} ref={innerRef} data-testid={DSTabsDatatestid.TABS_CONTAINER}>\n      <StyledTabBarContainer aria-label={tabsListAriaLabel} role=\"tablist\">\n        <TabBar />\n        {tabBarExtraContent}\n      </StyledTabBarContainer>\n      <TabsPanels />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,wBAA2B;AAC3B,oBAAuB;AACvB,oBAAsC;AACtC,uBAA8B;AAC9B,8BAAiC;AAE1B,MAAM,cAAc,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,UAAU,mBAAmB;AAAA,MACpD,6BAAW;AAEf,SACE,mDAAC,OAAD;AAAA,OAAS;AAAA,IAAgB,KAAK;AAAA,IAAU,eAAa,yCAAiB;AAAA,KACpE,mDAAC,qCAAD;AAAA,IAAuB,cAAY;AAAA,IAAmB,MAAK;AAAA,KACzD,mDAAC,sBAAD,OACC,qBAEH,mDAAC,8BAAD;AAAA;",
-  "names": []
-}

package/dist/cjs/parts/tabsContent/styles.js

@@ -1,39 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  StyledTabBarContainer: () => StyledTabBarContainer
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const StyledTabBarContainer = import_styled_components.default.div`
-  display: flex;
-  overflow-x: hidden;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map

package/dist/cjs/parts/tabsContent/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/tabsContent/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledTabBarContainer = styled.div`\n  display: flex;\n  overflow-x: hidden;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,wBAAwB,iCAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/cjs/parts/tabsPanel/TabsPanels.js

@@ -1,79 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var TabsPanels_exports = {};
-__export(TabsPanels_exports, {
-  TabsPanels: () => TabsPanels
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_swipeable_views = __toESM(require("react-swipeable-views"));
-var import_helpers = require("../../utils/helpers");
-var import_styles = require("./styles");
-var import_DSTabsCTX = require("../../DSTabsCTX");
-var import_useTabsCallbacks = require("../../utils/hooks/useTabsCallbacks");
-const TabsPanels = () => {
-  const {
-    actualActiveTab,
-    focusableTabsRef,
-    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile }
-  } = (0, import_react.useContext)(import_DSTabsCTX.DSTabsContext);
-  const { handleOnTabChange, handleOnMouseDown } = (0, import_useTabsCallbacks.useTabsCallbacks)();
-  const handleOnChangeIndex = (0, import_react.useCallback)((index) => {
-    handleOnTabChange((0, import_helpers.getIdByIndex)(tabs, index));
-    if (focusableTabsRef.current)
-      focusableTabsRef.current[index].click();
-  }, [focusableTabsRef, handleOnTabChange, tabs]);
-  const panels = (0, import_react.useMemo)(() => import_react.default.Children.map(tabs, (tab) => {
-    const { tabId: panelId = "", style, children: content } = tab.props;
-    const isActive = actualActiveTab === panelId;
-    const shouldRender = !onlyRenderActiveTab || isActive;
-    return shouldRender && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledPanelContainer, {
-      key: panelId,
-      id: panelId,
-      "aria-labelledby": `${panelId}-label`,
-      "aria-hidden": !isActive,
-      "data-panel-id": panelId,
-      "data-testid": "ds-tabs-tab-panel",
-      hidden: !isActive,
-      onMouseDown: handleOnMouseDown,
-      role: "tabpanel",
-      style,
-      isDSMobile
-    }, content);
-  }), [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs]);
-  if (animated) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react_swipeable_views.default, {
-      enableMouseEvents,
-      index: (0, import_helpers.getIndexById)(tabs, actualActiveTab),
-      onChangeIndex: handleOnChangeIndex
-    }, panels);
-  }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, panels);
-};
-module.exports = __toCommonJS(TabsPanels_exports);
-//# sourceMappingURL=TabsPanels.js.map

package/dist/cjs/parts/tabsPanel/TabsPanels.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/tabsPanel/TabsPanels.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport SwipeableViews from 'react-swipeable-views';\nimport { getIdByIndex, getIndexById } from '../../utils/helpers';\nimport { StyledPanelContainer } from './styles';\nimport { DSTabsContext } from '../../DSTabsCTX';\nimport { useTabsCallbacks } from '../../utils/hooks/useTabsCallbacks';\nimport { DSTabPropsWithDefaultT } from '../../DSTabsTypes';\n\nexport const TabsPanels = (): JSX.Element => {\n  const {\n    actualActiveTab,\n    focusableTabsRef,\n    props: { animated, enableMouseEvents, onlyRenderActiveTab, children: tabs, isDSMobile },\n  } = useContext(DSTabsContext);\n\n  const { handleOnTabChange, handleOnMouseDown } = useTabsCallbacks();\n\n  const handleOnChangeIndex = useCallback(\n    (index: number) => {\n      handleOnTabChange(getIdByIndex(tabs, index));\n\n      if (focusableTabsRef.current) focusableTabsRef.current[index].click();\n    },\n    [focusableTabsRef, handleOnTabChange, tabs],\n  );\n\n  const panels = useMemo(\n    () =>\n      React.Children.map(tabs, (tab: React.ReactElement<DSTabPropsWithDefaultT>) => {\n        const { tabId: panelId = '', style, children: content } = tab.props;\n        const isActive = actualActiveTab === panelId;\n        const shouldRender = !onlyRenderActiveTab || isActive;\n        return (\n          shouldRender && (\n            <StyledPanelContainer\n              key={panelId}\n              id={panelId}\n              aria-labelledby={`${panelId}-label`}\n              aria-hidden={!isActive}\n              data-panel-id={panelId}\n              data-testid=\"ds-tabs-tab-panel\"\n              hidden={!isActive}\n              onMouseDown={handleOnMouseDown}\n              role=\"tabpanel\"\n              style={style}\n              isDSMobile={isDSMobile}\n            >\n              {content}\n            </StyledPanelContainer>\n          )\n        );\n      }),\n    [actualActiveTab, handleOnMouseDown, isDSMobile, onlyRenderActiveTab, tabs],\n  );\n\n  if (animated) {\n    return (\n      <SwipeableViews\n        enableMouseEvents={enableMouseEvents}\n        index={getIndexById(tabs, actualActiveTab)}\n        onChangeIndex={handleOnChangeIndex}\n      >\n        {panels}\n      </SwipeableViews>\n    );\n  }\n\n  return <>{panels}</>;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,mCAA2B;AAC3B,qBAA2C;AAC3C,oBAAqC;AACrC,uBAA8B;AAC9B,8BAAiC;AAG1B,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,mBAAmB,qBAAqB,UAAU,MAAM;AAAA,MACzE,6BAAW;AAEf,QAAM,EAAE,mBAAmB,sBAAsB;AAEjD,QAAM,sBAAsB,8BAC1B,CAAC,UAAkB;AACjB,sBAAkB,iCAAa,MAAM;AAErC,QAAI,iBAAiB;AAAS,uBAAiB,QAAQ,OAAO;AAAA,KAEhE,CAAC,kBAAkB,mBAAmB;AAGxC,QAAM,SAAS,0BACb,MACE,qBAAM,SAAS,IAAI,MAAM,CAAC,QAAoD;AAC5E,UAAM,EAAE,OAAO,UAAU,IAAI,OAAO,UAAU,YAAY,IAAI;AAC9D,UAAM,WAAW,oBAAoB;AACrC,UAAM,eAAe,CAAC,uBAAuB;AAC7C,WACE,gBACE,mDAAC,oCAAD;AAAA,MACE,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,mBAAiB,GAAG;AAAA,MACpB,eAAa,CAAC;AAAA,MACd,iBAAe;AAAA,MACf,eAAY;AAAA,MACZ,QAAQ,CAAC;AAAA,MACT,aAAa;AAAA,MACb,MAAK;AAAA,MACL;AAAA,MACA;AAAA,OAEC;AAAA,MAKX,CAAC,iBAAiB,mBAAmB,YAAY,qBAAqB;AAGxE,MAAI,UAAU;AACZ,WACE,mDAAC,sCAAD;AAAA,MACE;AAAA,MACA,OAAO,iCAAa,MAAM;AAAA,MAC1B,eAAe;AAAA,OAEd;AAAA;AAKP,SAAO,wFAAG;AAAA;",
-  "names": []
-}