@clayui/tabs 3.156.0 → 3.158.0

package/README.md

@@ -2,9 +2,9 @@
 
 Tabs organize similar content together into individual sections in the same page.
 
--   [Documentation](https://clayui.com/docs/components/tabs.html)
--   [Changelog](./CHANGELOG.md)
--   [Breaking change schedule](./BREAKING.md)
+- [Documentation](https://clayui.com/docs/components/tabs.html)
+- [Changelog](./CHANGELOG.md)
+- [Breaking change schedule](./BREAKING.md)
 
 ## Install
 
@@ -16,4 +16,4 @@ yarn add @clayui/tabs
 
 ## Contribute
 
-We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.
+We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.

package/lib/Content.d.ts

@@ -1,6 +1,6 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import React from 'react';
 export interface IProps extends React.HTMLAttributes<HTMLDivElement> {

package/lib/Item.d.ts

@@ -1,6 +1,6 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import React from 'react';
 export interface IProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'onClick'> {

package/lib/List.d.ts

@@ -1,6 +1,6 @@
 /**
- * SPDX-FileCopyrightText: © 2022 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import { InternalDispatch } from '@clayui/shared';
 import React from 'react';

package/lib/TabPane.d.ts

@@ -1,6 +1,6 @@
 /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
+ * SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
+ * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
  */
 import React from 'react';
 export interface ITabPaneProps extends React.HTMLAttributes<HTMLDivElement> {

package/lib/cjs/Content.js

@@ -1,42 +1,67 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
 });
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Content = /*#__PURE__*/_react.default.forwardRef(function Content(_ref, ref) {
-  let {
-    active,
-    activeIndex = 0,
-    children,
-    className,
-    fade = false,
-    tabsId,
-    ...otherProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    className: (0, _classnames.default)('tab-content', className)
-  }, otherProps, {
-    ref: ref
-  }), _react.default.Children.map(children, (child, index) => {
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-      return child;
-    }
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      ...child.props,
-      active: typeof active === 'number' ? active === index : activeIndex === index,
-      'aria-labelledby': tabsId ? `${tabsId}-tab-${index}` : child.props['aria-labelledby'],
-      fade,
-      id: tabsId ? `${tabsId}-tabpanel-${index}` : child.props.id,
-      key: index
-    });
-  }));
+module.exports = __toCommonJS(Content_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+const Content = import_react.default.forwardRef(function Content2({
+  active,
+  activeIndex = 0,
+  children,
+  className,
+  fade = false,
+  tabsId,
+  ...otherProps
+}, ref) {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("tab-content", className),
+      ...otherProps,
+      ref
+    },
+    import_react.default.Children.map(children, (child, index) => {
+      if (!import_react.default.isValidElement(child)) {
+        return child;
+      }
+      return import_react.default.cloneElement(child, {
+        ...child.props,
+        "active": typeof active === "number" ? active === index : activeIndex === index,
+        "aria-labelledby": tabsId ? `${tabsId}-tab-${index}` : child.props["aria-labelledby"],
+        fade,
+        "id": tabsId ? `${tabsId}-tabpanel-${index}` : child.props.id,
+        "key": index
+      });
+    })
+  );
 });
-var _default = exports.default = Content;
+var Content_default = Content;

package/lib/cjs/Item.js

@@ -1,19 +1,41 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Item_exports = {};
+__export(Item_exports, {
+  default: () => Item_default
 });
-exports.default = void 0;
-var _shared = require("@clayui/shared");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Item = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
+module.exports = __toCommonJS(Item_exports);
+var import_shared = require("@clayui/shared");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+const Item = import_react.default.forwardRef(
+  ({
     active = false,
     children,
     className,
@@ -22,25 +44,35 @@ const Item = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     innerProps = {},
     onClick,
     ...otherProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("li", _extends({}, otherProps, {
-    className: (0, _classnames.default)('nav-item', className),
-    role: "none"
-  }), /*#__PURE__*/_react.default.createElement(_shared.LinkOrButton, _extends({}, innerProps, {
-    "aria-selected": active,
-    buttonDisplayType: "unstyled",
-    buttonType: "button",
-    className: (0, _classnames.default)('nav-link', {
-      active,
-      disabled
-    }),
-    disabled: disabled,
-    href: href,
-    onClick: onClick,
-    ref: ref,
-    role: "tab",
-    tabIndex: !active ? -1 : 0
-  }), children));
-});
-Item.displayName = 'ClayTabsItem';
-var _default = exports.default = Item;
+  }, ref) => /* @__PURE__ */ import_react.default.createElement(
+    "li",
+    {
+      ...otherProps,
+      className: (0, import_classnames.default)("nav-item", className),
+      role: "none"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_shared.LinkOrButton,
+      {
+        ...innerProps,
+        "aria-selected": active,
+        buttonDisplayType: "unstyled",
+        buttonType: "button",
+        className: (0, import_classnames.default)("nav-link", {
+          active,
+          disabled
+        }),
+        "data-testid": "tabItem",
+        disabled,
+        href,
+        onClick,
+        ref,
+        role: "tab",
+        tabIndex: !active ? -1 : 0
+      },
+      children
+    )
+  )
+);
+Item.displayName = "ClayTabsItem";
+var Item_default = Item;

package/lib/cjs/List.js

@@ -1,91 +1,107 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var List_exports = {};
+__export(List_exports, {
+  List: () => List
 });
-exports.List = void 0;
-var _shared = require("@clayui/shared");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
- * SPDX-FileCopyrightText: © 2022 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const List = exports.List = /*#__PURE__*/_react.default.forwardRef(function List(_ref, ref) {
-  let {
-    activation,
-    active,
-    children,
-    className,
-    displayType = null,
-    justified,
-    modern: __,
-    onActiveChange,
-    shouldUseActive = false,
-    tabsId,
-    ...otherProps
-  } = _ref;
-  const tabsRef = (0, _react.useRef)(null);
-  const {
-    navigationProps
-  } = (0, _shared.useNavigation)({
+module.exports = __toCommonJS(List_exports);
+var import_shared = require("@clayui/shared");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+const List = import_react.default.forwardRef(function List2({
+  activation,
+  active,
+  children,
+  className,
+  displayType = null,
+  justified,
+  modern: __,
+  onActiveChange,
+  shouldUseActive = false,
+  tabsId,
+  ...otherProps
+}, ref) {
+  const tabsRef = (0, import_react.useRef)(null);
+  const { navigationProps } = (0, import_shared.useNavigation)({
     activation,
     containerRef: tabsRef,
-    orientation: 'horizontal'
+    orientation: "horizontal"
   });
-  (0, _react.useImperativeHandle)(ref, () => tabsRef.current, [tabsRef]);
-  (0, _react.useEffect)(() => {
-    // Internal API to maintain compatibility with the old Tabs pattern and to
-    // only update the initial state when the component is in
-    // uncontrolled mode.
+  (0, import_react.useImperativeHandle)(ref, () => tabsRef.current, [tabsRef]);
+  (0, import_react.useEffect)(() => {
     if (!shouldUseActive) {
       return;
     }
-    const childrenArray = _react.default.Children.toArray(children);
-
-    // The `active` API in the new pattern has uncontrolled behavior, working
-    // just like defaultActive as in the prop declared in the root component.
+    const childrenArray = import_react.default.Children.toArray(children);
     for (let index = 0; index < childrenArray.length; index++) {
       const child = childrenArray[index];
-      if (/*#__PURE__*/_react.default.isValidElement(child) && child.props.active) {
+      if (import_react.default.isValidElement(child) && child.props.active) {
         onActiveChange(index);
         break;
       }
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement("ul", _extends({}, otherProps, navigationProps, {
-    className: (0, _classnames.default)('nav nav-tabs', {
-      'nav-justified': justified
-    }, {
-      [`nav-tabs-${displayType}`]: displayType === 'light'
-    }, className),
-    ref: tabsRef,
-    role: "tablist"
-  }), _react.default.Children.map(children, (child, index) => {
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-      return child;
-    }
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      active: !shouldUseActive && child.props.active !== undefined ? child.props.active : active === index,
-      innerProps: {
-        'aria-controls': tabsId && `${tabsId}-tabpanel-${index}`,
-        id: tabsId && `${tabsId}-tab-${index}`,
-        ...(child.props.innerProps ?? {})
-      },
-      onClick: event => {
-        const {
-          onClick
-        } = child.props;
-        if (onClick) {
-          onClick(event);
-        } else {
-          onActiveChange(index);
-        }
+  return /* @__PURE__ */ import_react.default.createElement(
+    "ul",
+    {
+      ...otherProps,
+      ...navigationProps,
+      className: (0, import_classnames.default)(
+        "nav nav-tabs",
+        { "nav-justified": justified },
+        { [`nav-tabs-${displayType}`]: displayType === "light" },
+        className
+      ),
+      ref: tabsRef,
+      role: "tablist"
+    },
+    import_react.default.Children.map(children, (child, index) => {
+      if (!import_react.default.isValidElement(child)) {
+        return child;
       }
-    });
-  }));
+      return import_react.default.cloneElement(child, {
+        active: !shouldUseActive && child.props.active !== void 0 ? child.props.active : active === index,
+        innerProps: {
+          "aria-controls": tabsId && `${tabsId}-tabpanel-${index}`,
+          "id": tabsId && `${tabsId}-tab-${index}`,
+          ...child.props.innerProps ?? {}
+        },
+        onClick: (event) => {
+          const { onClick } = child.props;
+          if (onClick) {
+            onClick(event);
+          } else {
+            onActiveChange(index);
+          }
+        }
+      });
+    })
+  );
 });
-List.displayName = 'ClayTabsList';
+List.displayName = "ClayTabsList";

package/lib/cjs/TabPane.js

@@ -1,57 +1,88 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TabPane_exports = {};
+__export(TabPane_exports, {
+  default: () => TabPane_default
 });
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const delay = function (fn) {
-  let val = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 150;
+module.exports = __toCommonJS(TabPane_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+function delay(fn, val = 150) {
   return setTimeout(() => {
     fn();
   }, val);
-};
-const TabPane = /*#__PURE__*/_react.default.forwardRef(function TabPane(_ref, ref) {
-  let {
+}
+const TabPane = import_react.default.forwardRef(
+  function TabPane2({
     active = false,
     children,
     className,
     fade,
     tabIndex = 0,
     ...otherProps
-  } = _ref;
-  const [internalActive, setInternalActive] = _react.default.useState(active);
-  const [internalShow, setInternalShow] = _react.default.useState(active);
-  _react.default.useEffect(() => {
-    let delayFn = () => {
-      setInternalActive(true);
-      delay(() => setInternalShow(true), 50);
-    };
-    if (!active) {
-      setInternalShow(false);
-      delayFn = () => setInternalActive(false);
-    }
-    const timer = delay(delayFn);
-    return () => {
-      clearTimeout(timer);
-      setInternalShow(false);
-    };
-  }, [active]);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({}, otherProps, {
-    className: (0, _classnames.default)('tab-pane', {
-      active: internalActive,
-      fade,
-      show: internalShow
-    }, className),
-    ref: ref,
-    role: "tabpanel",
-    tabIndex: tabIndex
-  }), children);
-});
-var _default = exports.default = TabPane;
+  }, ref) {
+    const [internalActive, setInternalActive] = import_react.default.useState(active);
+    const [internalShow, setInternalShow] = import_react.default.useState(active);
+    import_react.default.useEffect(() => {
+      let delayFn = () => {
+        setInternalActive(true);
+        delay(() => setInternalShow(true), 50);
+      };
+      if (!active) {
+        setInternalShow(false);
+        delayFn = () => setInternalActive(false);
+      }
+      const timer = delay(delayFn);
+      return () => {
+        clearTimeout(timer);
+        setInternalShow(false);
+      };
+    }, [active]);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        ...otherProps,
+        className: (0, import_classnames.default)(
+          "tab-pane",
+          {
+            active: internalActive,
+            fade,
+            show: internalShow
+          },
+          className
+        ),
+        ref,
+        role: "tabpanel",
+        tabIndex
+      },
+      children
+    );
+  }
+);
+var TabPane_default = TabPane;