@soroush.tech/design-system 2.1.0-alpha.0 → 2.1.0-alpha.1

package/dist/Table/TableContainer.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme, yn as ViewProps } from "../index-DvVQLBZc.cjs";
+import { nt as Theme, yn as ViewProps } from "../index-C6a3kDn2.cjs";
 type TableContainerProps = ViewProps;
 /**
  * Scroll wrapper for `Table` - wide tables scroll horizontally inside it

package/dist/Table/TableContainer.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme, yn as ViewProps } from "../index-BWiDilH8.mjs";
+import { nt as Theme, yn as ViewProps } from "../index-DOH6uskj.mjs";
 type TableContainerProps = ViewProps;
 /**
  * Scroll wrapper for `Table` - wide tables scroll horizontally inside it

package/dist/Table/TableControl.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-CraL2Mux.cjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-jpEfHKUh.cjs";
 import { ReactNode } from "react";
 interface TableControlProps<T, K extends string = string> {
   /** The full dataset - `TableControl` derives the visible rows from it. */

package/dist/Table/TableControl.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-BOzuKUnF.mjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-CUsagS5T.mjs";
 import { ReactNode } from "react";
 interface TableControlProps<T, K extends string = string> {
   /** The full dataset - `TableControl` derives the visible rows from it. */

package/dist/Table/TableFooter.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/Table/TableFooter.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/Table/TableHead.d.cts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/Table/TableHead.d.mts

@@ -1,4 +1,4 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 /** Valid values for the color prop - derived from theme.text keys. */

package/dist/Table/TablePagination.d.cts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-HAVWK7RM.cjs";
-import { t as TablePaginationActionType } from "../index-BYAtunSZ.cjs";
+import { o as TableCellProps } from "../index-B5_-Bxoo.cjs";
+import { t as TablePaginationActionType } from "../index-B-p51b0z.cjs";
 import { ElementType, ReactNode } from "react";
 interface TablePaginationDisplayedRowsInfo {
   from: number;

package/dist/Table/TablePagination.d.mts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-YKXzINGk.mjs";
-import { t as TablePaginationActionType } from "../index-DM7HHa4V.mjs";
+import { o as TableCellProps } from "../index-DsBOpK8T.mjs";
+import { t as TablePaginationActionType } from "../index-DQo4XtH4.mjs";
 import { ElementType, ReactNode } from "react";
 interface TablePaginationDisplayedRowsInfo {
   from: number;

package/dist/Table/TablePaginationActions.d.cts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-BYAtunSZ.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-B-p51b0z.cjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TablePaginationActions.d.mts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DM7HHa4V.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DQo4XtH4.mjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TableRow.d.cts

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "../index-DvVQLBZc.cjs";
+import { U as PaletteColor, nt as Theme } from "../index-C6a3kDn2.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 /** Palette color driving the hover/selected shading - a `theme.palette` key. */

package/dist/Table/TableRow.d.mts

@@ -1,4 +1,4 @@
-import { U as PaletteColor, nt as Theme } from "../index-BWiDilH8.mjs";
+import { U as PaletteColor, nt as Theme } from "../index-DOH6uskj.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 /** Palette color driving the hover/selected shading - a `theme.palette` key. */

package/dist/Table/TableSortLabel.d.cts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DQYhGgbl.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-C9nnnfhd.cjs";
 export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.d.mts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-5TAVgzbU.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-3Xe5X6Ny.mjs";
 export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/hooks.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-CraL2Mux.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-jpEfHKUh.cjs";
 /** Header select-all state - spreads directly onto `Checkbox`. */
 interface TableSelectionAllProps {
   checked: boolean;

package/dist/Table/hooks.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-BOzuKUnF.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-CUsagS5T.mjs";
 /** Header select-all state - spreads directly onto `Checkbox`. */
 interface TableSelectionAllProps {
   checked: boolean;

package/dist/Table.d.cts

@@ -1,14 +1,14 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-4sJdk84N.cjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-VuMFtVNr.cjs";
 import { Table, TableAlign, TableBackgroundToken, TableBorderColorToken, TableProps, TableSize } from "./Table/Table.cjs";
 import { TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps } from "./Table/TableBody.cjs";
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-HAVWK7RM.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-B5_-Bxoo.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DQYhGgbl.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-CraL2Mux.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-C9nnnfhd.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-jpEfHKUh.cjs";
 import { TableControl, TableControlProps } from "./Table/TableControl.cjs";
 import { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps } from "./Table/TableFooter.cjs";
 import { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps } from "./Table/TableHead.cjs";
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-BYAtunSZ.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-B-p51b0z.cjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.cjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.cjs";
 import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.cjs";

package/dist/Table.d.mts

@@ -1,14 +1,14 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-BCW5av9c.mjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-CPxH920f.mjs";
 import { Table, TableAlign, TableBackgroundToken, TableBorderColorToken, TableProps, TableSize } from "./Table/Table.mjs";
 import { TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps } from "./Table/TableBody.mjs";
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-YKXzINGk.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, l as TableSection, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell, u as TableSectionContext } from "./index-DsBOpK8T.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-5TAVgzbU.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-BOzuKUnF.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-3Xe5X6Ny.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-CUsagS5T.mjs";
 import { TableControl, TableControlProps } from "./Table/TableControl.mjs";
 import { TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps } from "./Table/TableFooter.mjs";
 import { TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps } from "./Table/TableHead.mjs";
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DM7HHa4V.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DQo4XtH4.mjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.mjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.mjs";
 import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.mjs";

package/dist/{TableContext-4sJdk84N.d.cts → TableContext-CPxH920f.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-DvVQLBZc.cjs";
+import { nt as Theme } from "./index-DOH6uskj.mjs";
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';
 /** Table-wide cell config, provided by `Table` and consumed by `TableCell` / `TableSortLabel`. */

package/dist/{TableContext-BCW5av9c.d.mts → TableContext-VuMFtVNr.d.cts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-BWiDilH8.mjs";
+import { nt as Theme } from "./index-C6a3kDn2.cjs";
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';
 /** Table-wide cell config, provided by `Table` and consumed by `TableCell` / `TableSortLabel`. */

package/dist/Tabs/Tab.cjs

@@ -2,6 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-yC1f5WR2.cjs");
 const require_theme = require("../theme-XJvMdOnY.cjs");
 const require_Icon = require("../Icon-C5Iz5ekp.cjs");
+const require_Tooltip = require("../Tooltip-CrPRvmj3.cjs");
 const require_dividerLine = require("../dividerLine-DFuLn1zU.cjs");
 const require_tonalRadius = require("../tonalRadius-CU9GHoHx.cjs");
 let react = require("react");
@@ -302,21 +303,24 @@ function Tab({ value: valueProp, label, icon, iconPosition = "top", isWrapped: i
 				]
 			}),
 			secondaryAction != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecondaryActionSlot, { children: secondaryAction }),
-			isClosable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabClose, {
-				type: "button",
-				isAnnounced: tabs.shouldAnnounceClose,
-				"aria-hidden": tabs.shouldAnnounceClose ? void 0 : true,
-				"aria-label": tabs.shouldAnnounceClose ? closeLabel : void 0,
+			isClosable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 				title: closeLabel,
-				tabIndex: -1,
-				"data-tab-close": true,
-				color,
-				isSelected,
-				onClick: close,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-					name: "close",
-					size: "0.75rem",
-					color: "inherit"
+				isInteractive: false,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabClose, {
+					type: "button",
+					isAnnounced: tabs.shouldAnnounceClose,
+					"aria-hidden": tabs.shouldAnnounceClose ? void 0 : true,
+					"aria-label": tabs.shouldAnnounceClose ? closeLabel : void 0,
+					tabIndex: -1,
+					"data-tab-close": true,
+					color,
+					isSelected,
+					onClick: close,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+						name: "close",
+						size: "0.75rem",
+						color: "inherit"
+					})
 				})
 			})
 		]

package/dist/Tabs/Tab.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
-import { t as TabValue } from "../TabsContext-DrmDtBqA.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
+import { t as TabValue } from "../TabsContext-DeP8oJpC.cjs";
 import { ElementType, MouseEvent, ReactNode } from "react";
 /** Where `icon` sits around a tab's label. */
 type TabIconPosition = 'start' | 'end' | 'top' | 'bottom';

package/dist/Tabs/Tab.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
-import { t as TabValue } from "../TabsContext-CsiW5MOp.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
+import { t as TabValue } from "../TabsContext-VJcdZQOf.mjs";
 import { ElementType, MouseEvent, ReactNode } from "react";
 /** Where `icon` sits around a tab's label. */
 type TabIconPosition = 'start' | 'end' | 'top' | 'bottom';

package/dist/Tabs/Tab.mjs

@@ -1,6 +1,7 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
 import { n as useDefaultProps } from "../theme-DyyZQFzQ.mjs";
 import { t as Icon } from "../Icon-XpXU-SuF.mjs";
+import { t as Tooltip } from "../Tooltip-CwbuEQzf.mjs";
 import { i as TabIndexContext, n as getDividerShadow, o as useTabsContext } from "../dividerLine-BC8E38Ed.mjs";
 import { t as TONAL_RADIUS } from "../tonalRadius-CvXRueqT.mjs";
 import { useContext } from "react";
@@ -301,21 +302,24 @@ function Tab({ value: valueProp, label, icon, iconPosition = "top", isWrapped: i
 				]
 			}),
 			secondaryAction != null && /* @__PURE__ */ jsx(SecondaryActionSlot, { children: secondaryAction }),
-			isClosable && /* @__PURE__ */ jsx(TabClose, {
-				type: "button",
-				isAnnounced: tabs.shouldAnnounceClose,
-				"aria-hidden": tabs.shouldAnnounceClose ? void 0 : true,
-				"aria-label": tabs.shouldAnnounceClose ? closeLabel : void 0,
+			isClosable && /* @__PURE__ */ jsx(Tooltip, {
 				title: closeLabel,
-				tabIndex: -1,
-				"data-tab-close": true,
-				color,
-				isSelected,
-				onClick: close,
-				children: /* @__PURE__ */ jsx(Icon, {
-					name: "close",
-					size: "0.75rem",
-					color: "inherit"
+				isInteractive: false,
+				children: /* @__PURE__ */ jsx(TabClose, {
+					type: "button",
+					isAnnounced: tabs.shouldAnnounceClose,
+					"aria-hidden": tabs.shouldAnnounceClose ? void 0 : true,
+					"aria-label": tabs.shouldAnnounceClose ? closeLabel : void 0,
+					tabIndex: -1,
+					"data-tab-close": true,
+					color,
+					isSelected,
+					onClick: close,
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "close",
+						size: "0.75rem",
+						color: "inherit"
+					})
 				})
 			})
 		]

package/dist/Tabs/TabContext.d.cts

@@ -1,4 +1,4 @@
-import { t as TabValue } from "../TabsContext-DrmDtBqA.cjs";
+import { t as TabValue } from "../TabsContext-DeP8oJpC.cjs";
 import { ReactNode } from "react";
 interface TabContextProps {
   children?: ReactNode;

package/dist/Tabs/TabContext.d.mts

@@ -1,4 +1,4 @@
-import { t as TabValue } from "../TabsContext-CsiW5MOp.mjs";
+import { t as TabValue } from "../TabsContext-VJcdZQOf.mjs";
 import { ReactNode } from "react";
 interface TabContextProps {
   children?: ReactNode;

package/dist/Tabs/TabList.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_TabsValueContext = require("../TabsValueContext-DklTSPKh.cjs");
-const require_Tabs = require("../Tabs-CPH0H6yp.cjs");
+const require_Tabs = require("../Tabs-DmiA1J--.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/Tabs/TabList/TabList.tsx

package/dist/Tabs/TabList.d.cts

@@ -1,4 +1,4 @@
-import { a as TabsProps } from "../index-HLDMvfb2.cjs";
+import { a as TabsProps } from "../index-gHMydoIS.cjs";
 type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
 /**
  * @description The `Tabs` of a `TabContext`: it shows the context's value and chooses through it,

package/dist/Tabs/TabList.d.mts

@@ -1,4 +1,4 @@
-import { a as TabsProps } from "../index-Biqn5xUs.mjs";
+import { a as TabsProps } from "../index-BLypGp0N.mjs";
 type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
 /**
  * @description The `Tabs` of a `TabContext`: it shows the context's value and chooses through it,

package/dist/Tabs/TabList.mjs

@@ -1,5 +1,5 @@
 import { n as useTabsValue } from "../TabsValueContext-C0vG9V7s.mjs";
-import { n as TabListContext, t as Tabs } from "../Tabs-CG-hRs9L.mjs";
+import { n as TabListContext, t as Tabs } from "../Tabs-C_qe9d4p.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/Tabs/TabList/TabList.tsx

package/dist/Tabs/TabPanel.d.cts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "../index-DvVQLBZc.cjs";
-import { t as TabValue } from "../TabsContext-DrmDtBqA.cjs";
+import { nt as Theme } from "../index-C6a3kDn2.cjs";
+import { t as TabValue } from "../TabsContext-DeP8oJpC.cjs";
 import { ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 interface TabPanelProps extends SpaceProps<Theme> {

package/dist/Tabs/TabPanel.d.mts

@@ -1,5 +1,5 @@
-import { nt as Theme } from "../index-BWiDilH8.mjs";
-import { t as TabValue } from "../TabsContext-CsiW5MOp.mjs";
+import { nt as Theme } from "../index-DOH6uskj.mjs";
+import { t as TabValue } from "../TabsContext-VJcdZQOf.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 interface TabPanelProps extends SpaceProps<Theme> {

package/dist/Tabs/TabScrollButton.d.cts

@@ -1,2 +1,2 @@
-import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-CBOtkDdX.cjs";
+import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-DTJN6JL2.cjs";
 export { TabScrollButton, TabScrollButtonProps, TabScrollDirection };

package/dist/Tabs/TabScrollButton.d.mts

@@ -1,2 +1,2 @@
-import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-D_azfqsX.mjs";
+import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-DlNBgVwb.mjs";
 export { TabScrollButton, TabScrollButtonProps, TabScrollDirection };

package/dist/Tabs/Tabs.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tabs = require("../Tabs-CPH0H6yp.cjs");
+const require_Tabs = require("../Tabs-DmiA1J--.cjs");
 exports.Tabs = require_Tabs.Tabs;

package/dist/Tabs/Tabs.d.cts

@@ -1,3 +1,3 @@
-import { t as TabValue } from "../TabsContext-DrmDtBqA.cjs";
-import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "../index-HLDMvfb2.cjs";
+import { t as TabValue } from "../TabsContext-DeP8oJpC.cjs";
+import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "../index-gHMydoIS.cjs";
 export { type TabValue, Tabs, TabsActions, TabsOrientation, TabsOverflowBehavior, TabsProps, TabsScrollButtons, TabsVariant };

package/dist/Tabs/Tabs.d.mts

@@ -1,3 +1,3 @@
-import { t as TabValue } from "../TabsContext-CsiW5MOp.mjs";
-import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "../index-Biqn5xUs.mjs";
+import { t as TabValue } from "../TabsContext-VJcdZQOf.mjs";
+import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "../index-BLypGp0N.mjs";
 export { type TabValue, Tabs, TabsActions, TabsOrientation, TabsOverflowBehavior, TabsProps, TabsScrollButtons, TabsVariant };

package/dist/Tabs/Tabs.mjs

@@ -1 +1 @@
-export { t as Tabs } from "../Tabs-CG-hRs9L.mjs";
+export { t as Tabs } from "../Tabs-C_qe9d4p.mjs";

package/dist/{Tabs-CG-hRs9L.mjs → Tabs-C_qe9d4p.mjs}

@@ -4,8 +4,9 @@ import { t as themeDefault } from "./themeDefault-BeZJzqJj.mjs";
 import { t as Icon } from "./Icon-XpXU-SuF.mjs";
 import { View } from "./View.mjs";
 import { t as isRtl } from "./isRtl-DN-EdUlg.mjs";
-import { t as MenuItem } from "./MenuItem-DdPzSWZY.mjs";
-import { t as Menu } from "./Menu-CX9V2DAu.mjs";
+import { t as Tooltip } from "./Tooltip-CwbuEQzf.mjs";
+import { t as MenuItem } from "./MenuItem-kRGVRI6G.mjs";
+import { t as Menu } from "./Menu-C_4jYHWE.mjs";
 import { a as TabsContext, i as TabIndexContext, n as getDividerShadow, r as getEnclosedPieceStyle, t as getDividerColor } from "./dividerLine-BC8E38Ed.mjs";
 import "./tonalRadius-CvXRueqT.mjs";
 import { TabScrollButton } from "./Tabs/TabScrollButton.mjs";
@@ -594,33 +595,39 @@ function Tabs({ children, value: valueProp, defaultValue, onChange, onTabClose,
 					children: /* @__PURE__ */ jsx(Menu, {
 						align: "end",
 						onSelect: select,
-						trigger: /* @__PURE__ */ jsx(OverflowButton, {
-							type: "button",
-							...styleProps,
-							"aria-label": overflowLabel,
+						trigger: /* @__PURE__ */ jsx(Tooltip, {
 							title: overflowLabel,
-							children: /* @__PURE__ */ jsx(Icon, {
-								name: "expand_more",
-								size: "sm",
-								color: "inherit"
+							isInteractive: false,
+							children: /* @__PURE__ */ jsx(OverflowButton, {
+								type: "button",
+								...styleProps,
+								"aria-label": overflowLabel,
+								children: /* @__PURE__ */ jsx(Icon, {
+									name: "expand_more",
+									size: "sm",
+									color: "inherit"
+								})
 							})
 						}),
 						children: hiddenTabs.map((tab) => /* @__PURE__ */ jsx(MenuItem, {
 							value: tab.value,
 							disabled: tab.disabled,
 							shouldAnnounceSecondaryAction: shouldAnnounceClose,
-							secondaryAction: tab.closeLabel === void 0 ? void 0 : /* @__PURE__ */ jsx(OverflowClose, {
-								type: "button",
-								color: selectedColor,
-								"aria-hidden": shouldAnnounceClose ? void 0 : true,
-								"aria-label": shouldAnnounceClose ? tab.closeLabel : void 0,
+							secondaryAction: tab.closeLabel === void 0 ? void 0 : /* @__PURE__ */ jsx(Tooltip, {
 								title: tab.closeLabel,
-								tabIndex: -1,
-								onClick: () => onTabClose?.(tab.value),
-								children: /* @__PURE__ */ jsx(Icon, {
-									name: "close",
-									size: "0.75rem",
-									color: "inherit"
+								isInteractive: false,
+								children: /* @__PURE__ */ jsx(OverflowClose, {
+									type: "button",
+									color: selectedColor,
+									"aria-hidden": shouldAnnounceClose ? void 0 : true,
+									"aria-label": shouldAnnounceClose ? tab.closeLabel : void 0,
+									tabIndex: -1,
+									onClick: () => onTabClose?.(tab.value),
+									children: /* @__PURE__ */ jsx(Icon, {
+										name: "close",
+										size: "0.75rem",
+										color: "inherit"
+									})
 								})
 							}),
 							children: tab.label ?? tab.icon

package/dist/{Tabs-CPH0H6yp.cjs → Tabs-DmiA1J--.cjs}

@@ -4,8 +4,9 @@ const require_themeDefault = require("./themeDefault-DbPHBbNO.cjs");
 const require_Icon = require("./Icon-C5Iz5ekp.cjs");
 const require_View = require("./View.cjs");
 const require_isRtl = require("./isRtl-Dl6QQWib.cjs");
-const require_MenuItem = require("./MenuItem-CvCMGXuL.cjs");
-const require_Menu = require("./Menu-BfJF32J2.cjs");
+const require_Tooltip = require("./Tooltip-CrPRvmj3.cjs");
+const require_MenuItem = require("./MenuItem-Bg4iRvVe.cjs");
+const require_Menu = require("./Menu-C6eIdA1J.cjs");
 const require_dividerLine = require("./dividerLine-DFuLn1zU.cjs");
 require("./tonalRadius-CU9GHoHx.cjs");
 const require_Tabs_TabScrollButton = require("./Tabs/TabScrollButton.cjs");
@@ -595,33 +596,39 @@ function Tabs({ children, value: valueProp, defaultValue, onChange, onTabClose,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.Menu, {
 						align: "end",
 						onSelect: select,
-						trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowButton, {
-							type: "button",
-							...styleProps,
-							"aria-label": overflowLabel,
+						trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 							title: overflowLabel,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-								name: "expand_more",
-								size: "sm",
-								color: "inherit"
+							isInteractive: false,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowButton, {
+								type: "button",
+								...styleProps,
+								"aria-label": overflowLabel,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+									name: "expand_more",
+									size: "sm",
+									color: "inherit"
+								})
 							})
 						}),
 						children: hiddenTabs.map((tab) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.MenuItem, {
 							value: tab.value,
 							disabled: tab.disabled,
 							shouldAnnounceSecondaryAction: shouldAnnounceClose,
-							secondaryAction: tab.closeLabel === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowClose, {
-								type: "button",
-								color: selectedColor,
-								"aria-hidden": shouldAnnounceClose ? void 0 : true,
-								"aria-label": shouldAnnounceClose ? tab.closeLabel : void 0,
+							secondaryAction: tab.closeLabel === void 0 ? void 0 : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
 								title: tab.closeLabel,
-								tabIndex: -1,
-								onClick: () => onTabClose?.(tab.value),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
-									name: "close",
-									size: "0.75rem",
-									color: "inherit"
+								isInteractive: false,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowClose, {
+									type: "button",
+									color: selectedColor,
+									"aria-hidden": shouldAnnounceClose ? void 0 : true,
+									"aria-label": shouldAnnounceClose ? tab.closeLabel : void 0,
+									tabIndex: -1,
+									onClick: () => onTabClose?.(tab.value),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+										name: "close",
+										size: "0.75rem",
+										color: "inherit"
+									})
 								})
 							}),
 							children: tab.label ?? tab.icon

package/dist/Tabs.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_Tabs_Tab = require("./Tabs/Tab.cjs");
 const require_Tabs_TabContext = require("./Tabs/TabContext.cjs");
 const require_Tabs_TabScrollButton = require("./Tabs/TabScrollButton.cjs");
-const require_Tabs = require("./Tabs-CPH0H6yp.cjs");
+const require_Tabs = require("./Tabs-DmiA1J--.cjs");
 const require_Tabs_TabList = require("./Tabs/TabList.cjs");
 const require_Tabs_TabPanel = require("./Tabs/TabPanel.cjs");
 exports.Tab = require_Tabs_Tab.Tab;

package/dist/Tabs.d.cts

@@ -1,8 +1,8 @@
-import { t as TabValue } from "./TabsContext-DrmDtBqA.cjs";
+import { t as TabValue } from "./TabsContext-DeP8oJpC.cjs";
 import { Tab, TabIconPosition, TabProps } from "./Tabs/Tab.cjs";
 import { TabContext, TabContextProps } from "./Tabs/TabContext.cjs";
-import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "./index-CBOtkDdX.cjs";
-import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "./index-HLDMvfb2.cjs";
+import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "./index-DTJN6JL2.cjs";
+import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "./index-gHMydoIS.cjs";
 import { TabList, TabListProps } from "./Tabs/TabList.cjs";
 import { TabPanel, TabPanelProps } from "./Tabs/TabPanel.cjs";
 export { Tab, TabContext, TabContextProps, TabIconPosition, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, TabScrollButton, TabScrollButtonProps, TabScrollDirection, type TabValue, Tabs, TabsActions, TabsOrientation, TabsOverflowBehavior, TabsProps, TabsScrollButtons, TabsVariant };

package/dist/Tabs.d.mts

@@ -1,8 +1,8 @@
-import { t as TabValue } from "./TabsContext-CsiW5MOp.mjs";
+import { t as TabValue } from "./TabsContext-VJcdZQOf.mjs";
 import { Tab, TabIconPosition, TabProps } from "./Tabs/Tab.mjs";
 import { TabContext, TabContextProps } from "./Tabs/TabContext.mjs";
-import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "./index-D_azfqsX.mjs";
-import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "./index-Biqn5xUs.mjs";
+import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "./index-DlNBgVwb.mjs";
+import { a as TabsProps, i as TabsOverflowBehavior, n as TabsActions, o as TabsScrollButtons, r as TabsOrientation, s as TabsVariant, t as Tabs } from "./index-BLypGp0N.mjs";
 import { TabList, TabListProps } from "./Tabs/TabList.mjs";
 import { TabPanel, TabPanelProps } from "./Tabs/TabPanel.mjs";
 export { Tab, TabContext, TabContextProps, TabIconPosition, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, TabScrollButton, TabScrollButtonProps, TabScrollDirection, type TabValue, Tabs, TabsActions, TabsOrientation, TabsOverflowBehavior, TabsProps, TabsScrollButtons, TabsVariant };

package/dist/Tabs.mjs

@@ -1,7 +1,7 @@
 import { Tab } from "./Tabs/Tab.mjs";
 import { TabContext } from "./Tabs/TabContext.mjs";
 import { TabScrollButton } from "./Tabs/TabScrollButton.mjs";
-import { t as Tabs } from "./Tabs-CG-hRs9L.mjs";
+import { t as Tabs } from "./Tabs-C_qe9d4p.mjs";
 import { TabList } from "./Tabs/TabList.mjs";
 import { TabPanel } from "./Tabs/TabPanel.mjs";
 export { Tab, TabContext, TabList, TabPanel, TabScrollButton, Tabs };

package/dist/{TabsContext-CsiW5MOp.d.mts → TabsContext-DeP8oJpC.d.cts}

@@ -1,4 +1,4 @@
-import "./index-Buu5MtRG.mjs";
+import "./index-CtwlReZi.cjs";
 /** A tab's value: what it is chosen as. A `Tab` without one takes its position. */
 type TabValue = string | number;
 export { TabValue as t };