@soroush.tech/design-system 2.1.0 → 2.1.2-rc.0

package/dist/Table/TableRow.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
-const require_themeDefault = require("../themeDefault-DbPHBbNO.cjs");
 const require_TableContext = require("../TableContext-CK5ALcd9.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
+const require_themeDefault = require("../themeDefault-DbPHBbNO.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Table/TableRow.d.cts

@@ -1,13 +1,13 @@
-import { U as PaletteColor, nt as Theme } from "../index-CK-uaK5U.cjs";
+import { U as PaletteColor, nt as Theme } from "../index-MipJMh6w.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. */
-type TableRowColor = PaletteColor;
+export type TableRowColor = PaletteColor;
 /** Valid values for the bg prop - derived from theme.background keys. */
-type TableRowBackgroundToken = keyof Theme['background'];
+export type TableRowBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop - derived from theme.border keys. */
-type TableRowBorderColorToken = keyof Theme['border'];
-interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+export type TableRowBorderColorToken = keyof Theme['border'];
+export interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /**
    * Palette color for the hover/selected shading - maps to `theme.palette[color]`
    * (hover → `.light`, selected → `.dark`, both with `contrastText`). Falls back
@@ -24,5 +24,4 @@ interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color
   /** Fills the row with `theme.palette[color].dark` + contrast text. Default: `false`. */
   isSelected?: boolean;
 }
-declare function TableRow({ color, ...rest }: Readonly<TableRowProps>): import("react").JSX.Element;
-export { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps };
+export declare function TableRow({ color, ...rest }: Readonly<TableRowProps>): import("react").JSX.Element;

package/dist/Table/TableRow.d.mts

@@ -1,13 +1,13 @@
-import { U as PaletteColor, nt as Theme } from "../index-B-1sp9oV.mjs";
+import { U as PaletteColor, nt as Theme } from "../index-nw0pvCoK.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. */
-type TableRowColor = PaletteColor;
+export type TableRowColor = PaletteColor;
 /** Valid values for the bg prop - derived from theme.background keys. */
-type TableRowBackgroundToken = keyof Theme['background'];
+export type TableRowBackgroundToken = keyof Theme['background'];
 /** Valid values for the borderColor prop - derived from theme.border keys. */
-type TableRowBorderColorToken = keyof Theme['border'];
-interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
+export type TableRowBorderColorToken = keyof Theme['border'];
+export interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color'>, SpaceProps<Theme>, Omit<BorderProps<Theme>, 'borderColor' | 'borderRadius'> {
   /**
    * Palette color for the hover/selected shading - maps to `theme.palette[color]`
    * (hover → `.light`, selected → `.dark`, both with `contrastText`). Falls back
@@ -24,5 +24,4 @@ interface TableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'color
   /** Fills the row with `theme.palette[color].dark` + contrast text. Default: `false`. */
   isSelected?: boolean;
 }
-declare function TableRow({ color, ...rest }: Readonly<TableRowProps>): import("react").JSX.Element;
-export { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps };
+export declare function TableRow({ color, ...rest }: Readonly<TableRowProps>): import("react").JSX.Element;

package/dist/Table/TableRow.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
-import { t as themeDefault } from "../themeDefault-BeZJzqJj.mjs";
 import { t as TableContext } from "../TableContext-BBzwHtLn.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BSo7bM2g.mjs";
+import { t as themeDefault } from "../themeDefault-BeZJzqJj.mjs";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/Table/TableRow/TableRow.tsx

package/dist/Table/TableSortLabel.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
-const require_Icon = require("../Icon-C5Iz5ekp.cjs");
 const require_TableContext = require("../TableContext-CK5ALcd9.cjs");
+const require_Icon = require("../Icon-C4QMiNHJ.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Table/TableSortLabel.d.cts

@@ -1,2 +1,22 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-BYg-l1_n.cjs";
-export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };
+import { n as IconProps, r as IconName } from "../index-CjIlieUz.cjs";
+import { nt as Theme } from "../index-MipJMh6w.cjs";
+import { ButtonHTMLAttributes } from "react";
+import { SpaceProps } from "@soroush.tech/styled-system";
+export type TableSortLabelDirection = 'asc' | 'desc';
+export interface TableSortLabelProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, SpaceProps<Theme> {
+  /** Marks the currently-sorted column - shows the icon fully opaque. Default: `false`. */
+  isActive?: boolean;
+  /** Current sort direction - rotates the arrow. Default: `'asc'`. */
+  direction?: TableSortLabelDirection;
+  /**
+   * Hides the inactive sort icon, revealing it on hover/focus. Set `false` to
+   * keep it always visible (dimmed while inactive). Inherited from the
+   * enclosing `Table`'s `shouldHideSortIcon` via `TableContext`. Default: `true`.
+   */
+  shouldHideSortIcon?: boolean;
+  /** Sort arrow icon. Default: `'arrow_upward'`. */
+  iconName?: IconName;
+  /** Extra props for the sort arrow icon. */
+  iconProps?: Omit<IconProps, 'name'>;
+}
+export declare function TableSortLabel({ isActive, direction, shouldHideSortIcon, iconName, iconProps, type, children, ...rest }: Readonly<TableSortLabelProps>): import("react").JSX.Element;

package/dist/Table/TableSortLabel.d.mts

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

package/dist/Table/TableSortLabel.mjs

@@ -1,6 +1,6 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
-import { t as Icon } from "../Icon-XpXU-SuF.mjs";
 import { t as TableContext } from "../TableContext-BBzwHtLn.mjs";
+import { t as Icon } from "../Icon-gVHlFgdH.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BSo7bM2g.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // src/Table/TableSortLabel/TableSortLabel.tsx

package/dist/Table/hooks.d.cts

@@ -1,18 +1,18 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-DOLl6Ba7.cjs";
+import { a as UseTablePaginationOptions, i as TablePaginationState, n as TableSortMap, o as useTablePagination, r as useTableSort, t as TableSortEntry } from "../useTableSort-DQWSd9Rf.cjs";
 /** Header select-all state - spreads directly onto `Checkbox`. */
-interface TableSelectionAllProps {
+export interface TableSelectionAllProps {
   checked: boolean;
   indeterminate: boolean;
   /** All selected → clears; otherwise selects every key. */
   onChange: () => void;
 }
 /** One row's selection state - spreads directly onto `Checkbox`. */
-interface TableSelectionRowProps {
+export interface TableSelectionRowProps {
   checked: boolean;
   /** Toggles this key in and out of the selection. */
   onChange: () => void;
 }
-interface TableSelection<K extends string | number> {
+export interface TableSelection<K extends string | number> {
   /** Currently selected keys. */
   selected: K[];
   isSelected: (key: K) => boolean;
@@ -34,5 +34,5 @@ interface TableSelection<K extends string | number> {
  * <TableRow isSelected={selection.isSelected(row.service)}>...</TableRow>
  * ```
  */
-declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
-export { TablePaginationState, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };
+export declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
+export { TablePaginationState, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSort };

package/dist/Table/hooks.d.mts

@@ -1,18 +1,18 @@
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-bZTeweJ_.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-Be__hayI.mjs";
 /** Header select-all state - spreads directly onto `Checkbox`. */
-interface TableSelectionAllProps {
+export interface TableSelectionAllProps {
   checked: boolean;
   indeterminate: boolean;
   /** All selected → clears; otherwise selects every key. */
   onChange: () => void;
 }
 /** One row's selection state - spreads directly onto `Checkbox`. */
-interface TableSelectionRowProps {
+export interface TableSelectionRowProps {
   checked: boolean;
   /** Toggles this key in and out of the selection. */
   onChange: () => void;
 }
-interface TableSelection<K extends string | number> {
+export interface TableSelection<K extends string | number> {
   /** Currently selected keys. */
   selected: K[];
   isSelected: (key: K) => boolean;
@@ -34,5 +34,5 @@ interface TableSelection<K extends string | number> {
  * <TableRow isSelected={selection.isSelected(row.service)}>...</TableRow>
  * ```
  */
-declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
-export { TablePaginationState, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };
+export declare function useTableSelection<K extends string | number>(keys: readonly K[], onChange?: (selected: K[]) => void): TableSelection<K>;
+export { TablePaginationState, TableSortEntry, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSort };

package/dist/Table.d.cts

@@ -1,15 +1,15 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-BNwokJ3f.cjs";
+import { a as UseTablePaginationOptions, i as TablePaginationState, n as TableSortMap, o as useTablePagination, r as useTableSort, t as TableSortEntry } from "./useTableSort-DQWSd9Rf.cjs";
+import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.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-DOnYRzqY.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-WepMprJw.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-BYg-l1_n.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-DOLl6Ba7.cjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-BsJpQ-9A.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-YxsjfTkO.cjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.cjs";
+import { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps } from "./Table/TablePaginationActions.cjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.cjs";
-import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.cjs";
+import { TableSortLabel, TableSortLabelDirection, TableSortLabelProps } from "./Table/TableSortLabel.cjs";
 export { Table, TableAlign, TableBackgroundToken, TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps, TableBorderColorToken, TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellPadding, TableCellProps, TableCellSortDirection, TableCellVariant, TableContainer, TableContainerProps, TableContext, TableContextValue, TableControl, TableControlProps, TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps, TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps, TablePagination, TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps, TablePaginationDisplayedRowsInfo, TablePaginationProps, TablePaginationState, TableProps, TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps, TableSection, TableSectionContext, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSize, TableSortEntry, TableSortLabel, TableSortLabelDirection, TableSortLabelProps, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/Table.d.mts

@@ -1,15 +1,15 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-jOlk5jxs.mjs";
+import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.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-ClTo3BEJ.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-uxQ6yoYo.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-BJIqJbF4.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-bZTeweJ_.mjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-rP21CNyq.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-Be__hayI.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-DPCh-ols.mjs";
 import { TablePagination, TablePaginationDisplayedRowsInfo, TablePaginationProps } from "./Table/TablePagination.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-CCA5pNXc.mjs";
 import { TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps } from "./Table/TableRow.mjs";
-import { TableSelection, TableSelectionAllProps, TableSelectionRowProps, useTableSelection } from "./Table/hooks.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-CR-3ET8R.mjs";
 export { Table, TableAlign, TableBackgroundToken, TableBody, TableBodyBackgroundToken, TableBodyBorderColorToken, TableBodyColorToken, TableBodyProps, TableBorderColorToken, TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellPadding, TableCellProps, TableCellSortDirection, TableCellVariant, TableContainer, TableContainerProps, TableContext, TableContextValue, TableControl, TableControlProps, TableFooter, TableFooterBackgroundToken, TableFooterBorderColorToken, TableFooterColorToken, TableFooterProps, TableHead, TableHeadBackgroundToken, TableHeadBorderColorToken, TableHeadColorToken, TableHeadProps, TablePagination, TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps, TablePaginationDisplayedRowsInfo, TablePaginationProps, TablePaginationState, TableProps, TableRow, TableRowBackgroundToken, TableRowBorderColorToken, TableRowColor, TableRowProps, TableSection, TableSectionContext, TableSelection, TableSelectionAllProps, TableSelectionRowProps, TableSize, TableSortEntry, TableSortLabel, TableSortLabelDirection, TableSortLabelProps, TableSortMap, UseTablePaginationOptions, useTablePagination, useTableSelection, useTableSort };

package/dist/{TableContext-BNwokJ3f.d.cts → TableContext-BsJpQ-9A.d.cts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-CK-uaK5U.cjs";
+import { nt as Theme } from "./index-MipJMh6w.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/{TableContext-jOlk5jxs.d.mts → TableContext-rP21CNyq.d.mts}

@@ -1,4 +1,4 @@
-import { nt as Theme } from "./index-B-1sp9oV.mjs";
+import { nt as Theme } from "./index-nw0pvCoK.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/Tabs/Tab.cjs

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
+const require_Icon = require("../Icon-C4QMiNHJ.cjs");
+const require_Tooltip = require("../Tooltip-Bzt4mirM.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
 const require_theme = require("../theme-XJvMdOnY.cjs");
-const require_Icon = require("../Icon-C5Iz5ekp.cjs");
-const require_Tooltip = require("../Tooltip-rkGm1HnP.cjs");
-const require_dividerLine = require("../dividerLine-DFuLn1zU.cjs");
+const require_dividerLine = require("../dividerLine-BL7qyMS7.cjs");
 const require_tonalRadius = require("../tonalRadius-CU9GHoHx.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Tabs/Tab.d.cts

@@ -1,9 +1,9 @@
-import { nt as Theme } from "../index-CK-uaK5U.cjs";
-import { t as TabValue } from "../TabsContext-i57cha5W.cjs";
+import { nt as Theme } from "../index-MipJMh6w.cjs";
+import { t as TabValue } from "../TabsContext-DkPIvEhN.cjs";
 import { ElementType, MouseEvent, ReactNode } from "react";
 /** Where `icon` sits around a tab's label. */
-type TabIconPosition = 'start' | 'end' | 'top' | 'bottom';
-interface TabProps {
+export type TabIconPosition = 'start' | 'end' | 'top' | 'bottom';
+export interface TabProps {
   /** What the tab is chosen as. Default: its position among the tabs. */
   value?: TabValue;
   /** The tab's label. */
@@ -56,5 +56,4 @@ interface TabProps {
  * (`Tabs as="nav"`) a button or link marked `aria-current="page"` when it is the current
  * one. It takes one `icon`, which `iconPosition` places on a side of its label.
  */
-declare function Tab({ value: valueProp, label, icon, iconPosition, isWrapped: isWrappedProp, bg: bgProp, borderRadius: borderRadiusProp, color: colorProp, textColor: textColorProp, size: sizeProp, selectedBg: selectedBgProp, disabled, href, as, onClick, title, closeLabel, secondaryAction, className, 'data-testid': dataTestid }: Readonly<TabProps>): import("react").JSX.Element;
-export { Tab, TabIconPosition, TabProps };
+export declare function Tab({ value: valueProp, label, icon, iconPosition, isWrapped: isWrappedProp, bg: bgProp, borderRadius: borderRadiusProp, color: colorProp, textColor: textColorProp, size: sizeProp, selectedBg: selectedBgProp, disabled, href, as, onClick, title, closeLabel, secondaryAction, className, 'data-testid': dataTestid }: Readonly<TabProps>): import("react").JSX.Element;

package/dist/Tabs/Tab.d.mts

@@ -1,9 +1,9 @@
-import { nt as Theme } from "../index-B-1sp9oV.mjs";
-import { t as TabValue } from "../TabsContext-D5E7s9i5.mjs";
+import { nt as Theme } from "../index-nw0pvCoK.mjs";
+import { t as TabValue } from "../TabsContext-cm-4w5HV.mjs";
 import { ElementType, MouseEvent, ReactNode } from "react";
 /** Where `icon` sits around a tab's label. */
-type TabIconPosition = 'start' | 'end' | 'top' | 'bottom';
-interface TabProps {
+export type TabIconPosition = 'start' | 'end' | 'top' | 'bottom';
+export interface TabProps {
   /** What the tab is chosen as. Default: its position among the tabs. */
   value?: TabValue;
   /** The tab's label. */
@@ -56,5 +56,4 @@ interface TabProps {
  * (`Tabs as="nav"`) a button or link marked `aria-current="page"` when it is the current
  * one. It takes one `icon`, which `iconPosition` places on a side of its label.
  */
-declare function Tab({ value: valueProp, label, icon, iconPosition, isWrapped: isWrappedProp, bg: bgProp, borderRadius: borderRadiusProp, color: colorProp, textColor: textColorProp, size: sizeProp, selectedBg: selectedBgProp, disabled, href, as, onClick, title, closeLabel, secondaryAction, className, 'data-testid': dataTestid }: Readonly<TabProps>): import("react").JSX.Element;
-export { Tab, TabIconPosition, TabProps };
+export declare function Tab({ value: valueProp, label, icon, iconPosition, isWrapped: isWrappedProp, bg: bgProp, borderRadius: borderRadiusProp, color: colorProp, textColor: textColorProp, size: sizeProp, selectedBg: selectedBgProp, disabled, href, as, onClick, title, closeLabel, secondaryAction, className, 'data-testid': dataTestid }: Readonly<TabProps>): import("react").JSX.Element;

package/dist/Tabs/Tab.mjs

@@ -1,8 +1,8 @@
-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 { n as Tooltip } from "../Tooltip-Cx4ez9vY.mjs";
-import { i as TabIndexContext, n as getDividerShadow, o as useTabsContext } from "../dividerLine-BC8E38Ed.mjs";
+import { t as Icon } from "../Icon-gVHlFgdH.mjs";
+import { n as Tooltip } from "../Tooltip-CqGB8Pgm.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-BSo7bM2g.mjs";
+import { n as useDefaultProps } from "../theme-B6LFWZ98.mjs";
+import { i as TabIndexContext, n as getDividerShadow, o as useTabsContext } from "../dividerLine-CjHOunP8.mjs";
 import { t as TONAL_RADIUS } from "../tonalRadius-CvXRueqT.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Tabs/TabContext.d.cts

@@ -1,6 +1,6 @@
-import { t as TabValue } from "../TabsContext-i57cha5W.cjs";
+import { t as TabValue } from "../TabsContext-DkPIvEhN.cjs";
 import { ReactNode } from "react";
-interface TabContextProps {
+export interface TabContextProps {
   children?: ReactNode;
   /** The selected tab's value - `null` for none. Controlled with `onChange`. */
   value?: TabValue | null;
@@ -14,5 +14,4 @@ interface TabContextProps {
  * the two can sit apart in the tree - the tabs in a header, the panels in the body - and
  * still be linked (`aria-controls`, `aria-labelledby`).
  */
-declare function TabContext({ children, value: valueProp, defaultValue, onChange }: Readonly<TabContextProps>): import("react").JSX.Element;
-export { TabContext, TabContextProps };
+export declare function TabContext({ children, value: valueProp, defaultValue, onChange }: Readonly<TabContextProps>): import("react").JSX.Element;

package/dist/Tabs/TabContext.d.mts

@@ -1,6 +1,6 @@
-import { t as TabValue } from "../TabsContext-D5E7s9i5.mjs";
+import { t as TabValue } from "../TabsContext-cm-4w5HV.mjs";
 import { ReactNode } from "react";
-interface TabContextProps {
+export interface TabContextProps {
   children?: ReactNode;
   /** The selected tab's value - `null` for none. Controlled with `onChange`. */
   value?: TabValue | null;
@@ -14,5 +14,4 @@ interface TabContextProps {
  * the two can sit apart in the tree - the tabs in a header, the panels in the body - and
  * still be linked (`aria-controls`, `aria-labelledby`).
  */
-declare function TabContext({ children, value: valueProp, defaultValue, onChange }: Readonly<TabContextProps>): import("react").JSX.Element;
-export { TabContext, TabContextProps };
+export declare function TabContext({ children, value: valueProp, defaultValue, onChange }: Readonly<TabContextProps>): import("react").JSX.Element;

package/dist/Tabs/TabList.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_Tabs = require("../Tabs-DipA7I2c.cjs");
 const require_TabsValueContext = require("../TabsValueContext-DklTSPKh.cjs");
-const require_Tabs = require("../Tabs-BTa2myRe.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,9 +1,8 @@
-import { a as TabsProps } from "../index-C6uLwNRF.cjs";
-type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
+import { TabsProps } from "./Tabs.cjs";
+export type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
 /**
  * @description The `Tabs` of a `TabContext`: it shows the context's value and chooses through it,
  * and links each tab to its `TabPanel` - the tab `aria-controls` its panel, which is named by
  * the tab. Everything else is a `Tabs`'.
  */
-declare function TabList({ onChange, ...rest }: Readonly<TabListProps>): import("react").JSX.Element;
-export { TabList, TabListProps };
+export declare function TabList({ onChange, ...rest }: Readonly<TabListProps>): import("react").JSX.Element;

package/dist/Tabs/TabList.d.mts

@@ -1,9 +1,8 @@
-import { a as TabsProps } from "../index-BbWQZ2Wj.mjs";
-type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
+import { a as TabsProps } from "../index-CgZujUBc.mjs";
+export type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
 /**
  * @description The `Tabs` of a `TabContext`: it shows the context's value and chooses through it,
  * and links each tab to its `TabPanel` - the tab `aria-controls` its panel, which is named by
  * the tab. Everything else is a `Tabs`'.
  */
-declare function TabList({ onChange, ...rest }: Readonly<TabListProps>): import("react").JSX.Element;
-export { TabList, TabListProps };
+export declare function TabList({ onChange, ...rest }: Readonly<TabListProps>): import("react").JSX.Element;

package/dist/Tabs/TabList.mjs

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

package/dist/Tabs/TabPanel.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
 const require_theme = require("../theme-XJvMdOnY.cjs");
+const require_surfaceSystem = require("../surfaceSystem-BeGFjViA.cjs");
 const require_TabsValueContext = require("../TabsValueContext-DklTSPKh.cjs");
-const require_surfaceSystem = require("../surfaceSystem-DI6bqK5F.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");
 // src/Tabs/TabPanel/TabPanel.tsx

package/dist/Tabs/TabPanel.d.cts

@@ -1,8 +1,8 @@
-import { nt as Theme } from "../index-CK-uaK5U.cjs";
-import { t as TabValue } from "../TabsContext-i57cha5W.cjs";
+import { nt as Theme } from "../index-MipJMh6w.cjs";
+import { t as TabValue } from "../TabsContext-DkPIvEhN.cjs";
 import { ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
-interface TabPanelProps extends SpaceProps<Theme> {
+export interface TabPanelProps extends SpaceProps<Theme> {
   /** The value of the tab this panel belongs to. */
   value: TabValue;
   /** The panel's content. */
@@ -21,5 +21,4 @@ interface TabPanelProps extends SpaceProps<Theme> {
  * turn `aria-controls` it. Shown only while its tab is selected. It sits in a
  * `TabContext` beside the `Tabs`, which links the two.
  */
-declare function TabPanel({ value, children, shouldKeepMounted: shouldKeepMountedProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<TabPanelProps>): import("react").JSX.Element;
-export { TabPanel, TabPanelProps };
+export declare function TabPanel({ value, children, shouldKeepMounted: shouldKeepMountedProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<TabPanelProps>): import("react").JSX.Element;

package/dist/Tabs/TabPanel.d.mts

@@ -1,8 +1,8 @@
-import { nt as Theme } from "../index-B-1sp9oV.mjs";
-import { t as TabValue } from "../TabsContext-D5E7s9i5.mjs";
+import { nt as Theme } from "../index-nw0pvCoK.mjs";
+import { t as TabValue } from "../TabsContext-cm-4w5HV.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
-interface TabPanelProps extends SpaceProps<Theme> {
+export interface TabPanelProps extends SpaceProps<Theme> {
   /** The value of the tab this panel belongs to. */
   value: TabValue;
   /** The panel's content. */
@@ -21,5 +21,4 @@ interface TabPanelProps extends SpaceProps<Theme> {
  * turn `aria-controls` it. Shown only while its tab is selected. It sits in a
  * `TabContext` beside the `Tabs`, which links the two.
  */
-declare function TabPanel({ value, children, shouldKeepMounted: shouldKeepMountedProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<TabPanelProps>): import("react").JSX.Element;
-export { TabPanel, TabPanelProps };
+export declare function TabPanel({ value, children, shouldKeepMounted: shouldKeepMountedProp, className, 'data-testid': dataTestid, ...spaceProps }: Readonly<TabPanelProps>): import("react").JSX.Element;

package/dist/Tabs/TabPanel.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
-import { n as useDefaultProps } from "../theme-DyyZQFzQ.mjs";
+import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-BSo7bM2g.mjs";
+import { n as useDefaultProps } from "../theme-B6LFWZ98.mjs";
+import { n as getPanelId, r as getTabId, t as surfaceSystem } from "../surfaceSystem-Bsd7LqgB.mjs";
 import { n as useTabsValue } from "../TabsValueContext-C0vG9V7s.mjs";
-import { n as getPanelId, r as getTabId, t as surfaceSystem } from "../surfaceSystem-4XDqbvf4.mjs";
 import { jsx } from "react/jsx-runtime";
 // src/Tabs/TabPanel/TabPanel.tsx
 const TabPanelRoot = styled("div", {

package/dist/Tabs/TabScrollButton.cjs

@@ -1,8 +1,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_src = require("../src-yC1f5WR2.cjs");
+const require_src = require("../src-B1PmaZ-2.cjs");
 const require_theme = require("../theme-XJvMdOnY.cjs");
-const require_Icon = require("../Icon-C5Iz5ekp.cjs");
-const require_dividerLine = require("../dividerLine-DFuLn1zU.cjs");
+const require_Icon = require("../Icon-C4QMiNHJ.cjs");
+const require_dividerLine = require("../dividerLine-BL7qyMS7.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _soroush_tech_styled_system_should_forward_prop = require("@soroush.tech/styled-system/should-forward-prop");

package/dist/Tabs/TabScrollButton.d.cts

@@ -1,2 +1,31 @@
-import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-qgFJF8n2.cjs";
-export { TabScrollButton, TabScrollButtonProps, TabScrollDirection };
+import { nt as Theme } from "../index-MipJMh6w.cjs";
+import { MouseEvent, ReactNode } from "react";
+/** Which way a scroll button scrolls a row of tabs: towards its start, or its end. */
+export type TabScrollDirection = 'start' | 'end';
+export interface TabScrollButtonProps {
+  /** Which way it scrolls the row: towards its start, or its end. */
+  direction: TabScrollDirection;
+  /** The row's orientation. Default: its `Tabs`', else `'horizontal'`. */
+  orientation?: 'horizontal' | 'vertical';
+  /** There is nowhere further to scroll this way - kept, but off. */
+  disabled?: boolean;
+  /** There is nowhere further to scroll this way - hidden, keeping its room. */
+  isHidden?: boolean;
+  /** Its stretch of an enclosed row's divider - resolves to `theme.palette`. Default: the row's line, the selected tab's color. */
+  color?: keyof Theme['palette'];
+  /** The chevron's color - resolves against `theme.text`. Default: its `Tabs`' `textColor`, else `'primary'`. */
+  textColor?: keyof Theme['text'];
+  /** Fired when it is pressed. In a `Tabs`, it scrolls the row by its visible size. */
+  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+  /** What it shows. Default: a chevron pointing the way it scrolls. */
+  children?: ReactNode;
+  className?: string;
+  'data-testid'?: string;
+}
+/**
+ * @description The button that scrolls a row of tabs - a `Tabs` shows one at each end while its
+ * tabs overflow (`overflowBehavior="scroll"`). Out of the tab order and hidden from assistive
+ * technology: the arrow keys already reach every tab. A `Tabs` takes another in its place with
+ * `slots={{ scrollButton }}`, given these same props.
+ */
+export declare function TabScrollButton({ direction, orientation, disabled, isHidden, color: colorProp, textColor: textColorProp, onClick, children, className, 'data-testid': dataTestid }: Readonly<TabScrollButtonProps>): import("react").JSX.Element;

package/dist/Tabs/TabScrollButton.d.mts

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

package/dist/Tabs/TabScrollButton.mjs

@@ -1,7 +1,7 @@
-import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-B-rNjHIL.mjs";
-import { n as useDefaultProps, r as useTheme } from "../theme-DyyZQFzQ.mjs";
-import { t as Icon } from "../Icon-XpXU-SuF.mjs";
-import { a as TabsContext, r as getEnclosedPieceStyle } from "../dividerLine-BC8E38Ed.mjs";
+import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-BSo7bM2g.mjs";
+import { n as useDefaultProps, r as useTheme } from "../theme-B6LFWZ98.mjs";
+import { t as Icon } from "../Icon-gVHlFgdH.mjs";
+import { a as TabsContext, r as getEnclosedPieceStyle } from "../dividerLine-CjHOunP8.mjs";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 // src/Tabs/TabScrollButton/TabScrollButton.tsx

package/dist/Tabs/Tabs.cjs

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