@soroush.tech/design-system 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/Switch.d.cts

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
 import { ChangeEvent, ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Switch/Switch.d.ts
@@ -36,6 +36,6 @@ interface SwitchProps extends SpaceProps<Theme> {
   'aria-describedby'?: string;
   'data-testid'?: string;
 }
-declare function Switch({ checked, defaultChecked, disabled, disableRipple: _disableRipple, color, size, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id, required, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;
+declare function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, size: sizeProp, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;
 //#endregion
 export { Switch, SwitchColor, SwitchEdge, SwitchProps, SwitchSize, SwitchVariant };

package/dist/Switch.d.mts

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/Switch/Switch.d.ts
@@ -36,6 +36,6 @@ interface SwitchProps extends SpaceProps<Theme> {
   'aria-describedby'?: string;
   'data-testid'?: string;
 }
-declare function Switch({ checked, defaultChecked, disabled, disableRipple: _disableRipple, color, size, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id, required, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;
+declare function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, size: sizeProp, variant: variantProp, marked, bg, edge, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, 'data-testid': dataTestid, ...spaceProps }: Readonly<SwitchProps>): import("react").JSX.Element;
 //#endregion
 export { Switch, SwitchColor, SwitchEdge, SwitchProps, SwitchSize, SwitchVariant };

package/dist/Switch.mjs

@@ -2,8 +2,9 @@ import { a as src_exports, i as props, o as styled, t as createShouldForwardProp
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { alpha } from "./utils.mjs";
 import { r as useTheme } from "./theme-Z9_QludW.mjs";
+import { useFormControl } from "./FormControl.mjs";
 import "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Switch/Switch.tsx
 const OUTSIDE_TRACK = {
 	sm: {
@@ -63,10 +64,7 @@ const INSIDE_TRANSLATE = {
 	md: "20px",
 	lg: "24px"
 };
-const knownSize = (size, theme) => {
-	const resolved = size ?? themeDefault(theme, "size", "md");
-	return resolved === "sm" || resolved === "lg" ? resolved : "md";
-};
+const knownSize = (size) => size === "sm" || size === "lg" ? size : "md";
 const CheckMarkIcon = () => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 12 12",
 	width: "0.6em",
@@ -118,15 +116,15 @@ const SwitchTrack = styled("span", {
 		display: "inline-block",
 		position: "relative",
 		flexShrink: 0,
-		width: OUTSIDE_TRACK[knownSize(size, theme)].width,
-		height: OUTSIDE_THUMB[knownSize(size, theme)],
+		width: OUTSIDE_TRACK[knownSize(size)].width,
+		height: OUTSIDE_THUMB[knownSize(size)],
 		"&::before": {
 			content: "\"\"",
 			position: "absolute",
 			top: "50%",
 			left: 0,
 			right: 0,
-			height: OUTSIDE_TRACK[knownSize(size, theme)].height,
+			height: OUTSIDE_TRACK[knownSize(size)].height,
 			transform: "translateY(-50%)",
 			borderRadius: "999px",
 			backgroundColor: trackBg,
@@ -137,8 +135,8 @@ const SwitchTrack = styled("span", {
 		display: "inline-block",
 		position: "relative",
 		flexShrink: 0,
-		width: INSIDE_TRACK[knownSize(size, theme)].width,
-		height: INSIDE_TRACK[knownSize(size, theme)].height,
+		width: INSIDE_TRACK[knownSize(size)].width,
+		height: INSIDE_TRACK[knownSize(size)].height,
 		borderRadius: "999px",
 		backgroundColor: trackBg,
 		transition: "background-color 0.3s ease"
@@ -150,8 +148,8 @@ const SwitchThumb = styled("span", {
 	label: "SwitchThumb",
 	shouldForwardProp: (p) => p !== "size" && p !== "variant"
 })(({ size, variant = "outside", theme }) => {
-	const thumbSize = variant === "outside" ? OUTSIDE_THUMB[knownSize(size, theme)] : INSIDE_THUMB[knownSize(size, theme)];
-	const thumbStart = variant === "outside" ? OUTSIDE_THUMB_START[knownSize(size, theme)] : INSIDE_THUMB_START[knownSize(size, theme)];
+	const thumbSize = variant === "outside" ? OUTSIDE_THUMB[knownSize(size)] : INSIDE_THUMB[knownSize(size)];
+	const thumbStart = variant === "outside" ? OUTSIDE_THUMB_START[knownSize(size)] : INSIDE_THUMB_START[knownSize(size)];
 	const transitionDuration = variant === "inside" ? "0.3s" : "0.15s";
 	return {
 		position: "absolute",
@@ -183,7 +181,7 @@ const shouldForwardProp = createShouldForwardProp([
 ]);
 const baseStyle = ({ disabled, size, variant = "outside", theme, color = themeDefault(theme, "neutralColor", "default") }) => {
 	const focusRing = theme.palette[themeDefault(theme, "color", "primary")].main;
-	const thumbTranslate = variant === "outside" ? OUTSIDE_TRANSLATE[knownSize(size, theme)] : INSIDE_TRANSLATE[knownSize(size, theme)];
+	const thumbTranslate = variant === "outside" ? OUTSIDE_TRANSLATE[knownSize(size)] : INSIDE_TRANSLATE[knownSize(size)];
 	const gap = theme?.space?.[1];
 	return {
 		display: "inline-flex",
@@ -249,7 +247,7 @@ const baseStyle = ({ disabled, size, variant = "outside", theme, color = themeDe
 	};
 };
 const colorStyle = ({ theme, color = themeDefault(theme, "neutralColor", "default") }) => {
-	return { color: theme.palette[color].main };
+	return { color: color === "default" ? theme.text.secondary : theme.palette[color].main };
 };
 const edgeStyle = ({ edge }) => {
 	if (!edge) return {};
@@ -264,8 +262,17 @@ const SwitchRoot = styled("label", {
 	shouldForwardProp,
 	systemProps: [src_exports.space]
 })(baseStyle, colorStyle, edgeStyle);
-function Switch({ checked, defaultChecked, disabled = false, disableRipple: _disableRipple, color, size, variant: variantProp, marked = false, bg, edge = false, icon, checkedIcon, onChange, id, required, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "data-testid": dataTestid, ...spaceProps }) {
+function Switch({ checked, defaultChecked, disabled: disabledProp, disableRipple: _disableRipple, color: colorProp, size: sizeProp, variant: variantProp, marked = false, bg, edge = false, icon, checkedIcon, onChange, id: idProp, required: requiredProp, children, className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "data-testid": dataTestid, ...spaceProps }) {
 	const theme = useTheme();
+	const fc = useFormControl({
+		id: idProp,
+		disabled: disabledProp,
+		required: requiredProp,
+		size: sizeProp
+	});
+	const { id, disabled, required, size } = fc;
+	const color = colorProp ?? fc.color;
+	const describedBy = ariaDescribedby ?? fc["aria-describedby"];
 	const variant = variantProp ?? themeDefault(theme, "switchVariant", "outside");
 	const effectiveIcon = icon ?? (marked && variant === "outside" ? /* @__PURE__ */ jsx(XMarkIcon, {}) : null);
 	const effectiveCheckedIcon = checkedIcon ?? (marked && variant === "outside" ? /* @__PURE__ */ jsx(CheckMarkIcon, {}) : null);
@@ -296,14 +303,14 @@ function Switch({ checked, defaultChecked, disabled = false, disableRipple: _dis
 				onKeyDown: handleKeyDown,
 				"aria-label": ariaLabel,
 				"aria-labelledby": ariaLabelledby,
-				"aria-describedby": ariaDescribedby
+				"aria-describedby": describedBy
 			}),
 			/* @__PURE__ */ jsxs(SwitchTrack, {
 				className: "sw-track",
 				size,
 				variant,
 				bg,
-				children: [variant === "inside" && marked && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				children: [variant === "inside" && marked && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 					className: "sw-track-check",
 					children: /* @__PURE__ */ jsx(CheckMarkIcon, {})
 				}), /* @__PURE__ */ jsx("span", {

package/dist/Table/Table.d.cts

@@ -1,5 +1,5 @@
-import { M as PaletteColor, V as Theme } from "../index-DmJ7yWWi.cjs";
-import { t as TableCellPadding } from "../TableContext-CBGk-Lh8.cjs";
+import { P as PaletteColor, W as Theme } from "../index-DJ0f69wh.cjs";
+import { t as TableCellPadding } from "../TableContext-Duj1nVG7.cjs";
 import { ElementType, TableHTMLAttributes } from "react";
 import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/Table/Table.d.ts

package/dist/Table/Table.d.mts

@@ -1,5 +1,5 @@
-import { M as PaletteColor, V as Theme } from "../index-CVNJEUwJ.mjs";
-import { t as TableCellPadding } from "../TableContext-6PgGpUzM.mjs";
+import { P as PaletteColor, W as Theme } from "../index-CJhK7JND.mjs";
+import { t as TableCellPadding } from "../TableContext-DhuRf6Wy.mjs";
 import { BorderProps, LayoutProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, TableHTMLAttributes } from "react";
 //#region src/Table/Table/Table.d.ts

package/dist/Table/TableBody.d.cts

@@ -1,4 +1,4 @@
-import { V as Theme } from "../index-DmJ7yWWi.cjs";
+import { W as Theme } from "../index-DJ0f69wh.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableBody/TableBody.d.ts

package/dist/Table/TableBody.d.mts

@@ -1,4 +1,4 @@
-import { V as Theme } from "../index-CVNJEUwJ.mjs";
+import { W as Theme } from "../index-CJhK7JND.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableBody/TableBody.d.ts

package/dist/Table/TableCell.d.cts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-Bhdn4KTy.cjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-BelFIizY.cjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableCell.d.mts

@@ -1,2 +1,2 @@
-import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-DJCpnTH3.mjs";
+import { a as TableCellColorToken, c as TableCellVariant, i as TableCellBorderColorToken, n as TableCellAlign, o as TableCellProps, r as TableCellBackgroundToken, s as TableCellSortDirection, t as TableCell } from "../index-ByYxVl9O.mjs";
 export { TableCell, TableCellAlign, TableCellBackgroundToken, TableCellBorderColorToken, TableCellColorToken, TableCellProps, TableCellSortDirection, TableCellVariant };

package/dist/Table/TableContainer.d.cts

@@ -1,4 +1,4 @@
-import { Qt as ViewProps, V as Theme } from "../index-DmJ7yWWi.cjs";
+import { W as Theme, nn as ViewProps } from "../index-DJ0f69wh.cjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableContainer.d.mts

@@ -1,4 +1,4 @@
-import { Qt as ViewProps, V as Theme } from "../index-CVNJEUwJ.mjs";
+import { W as Theme, nn as ViewProps } from "../index-CJhK7JND.mjs";
 //#region src/Table/TableContainer/TableContainer.d.ts
 type TableContainerProps = ViewProps;
 /**

package/dist/Table/TableControl.d.cts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-C5VKtqDp.cjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-C-u3ru4N.cjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

package/dist/Table/TableControl.d.mts

@@ -1,4 +1,4 @@
-import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-C6LSlt3w.mjs";
+import { a as TableSortMap, t as TablePaginationState } from "../useTablePagination-D-39ZmQh.mjs";
 import { ReactNode } from "react";
 //#region src/Table/TableControl/TableControl.d.ts
 interface TableControlProps<T, K extends string = string> {

package/dist/Table/TableControl.mjs

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 //#region src/Table/TableControl/TableControl.tsx
 const defaultSortFunction = (a, b, orderBy) => {
 	const first = a[orderBy];
@@ -36,7 +36,7 @@ function TableControl({ data, sort, pagination, sortFunction = defaultSortFuncti
 		pagination,
 		sortFunction
 	]);
-	return /* @__PURE__ */ jsx(Fragment, { children: rows.map(children) });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: rows.map(children) });
 }
 //#endregion
 export { TableControl };

package/dist/Table/TableFooter.d.cts

@@ -1,4 +1,4 @@
-import { V as Theme } from "../index-DmJ7yWWi.cjs";
+import { W as Theme } from "../index-DJ0f69wh.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableFooter/TableFooter.d.ts

package/dist/Table/TableFooter.d.mts

@@ -1,4 +1,4 @@
-import { V as Theme } from "../index-CVNJEUwJ.mjs";
+import { W as Theme } from "../index-CJhK7JND.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableFooter/TableFooter.d.ts

package/dist/Table/TableHead.d.cts

@@ -1,4 +1,4 @@
-import { V as Theme } from "../index-DmJ7yWWi.cjs";
+import { W as Theme } from "../index-DJ0f69wh.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableHead/TableHead.d.ts

package/dist/Table/TableHead.d.mts

@@ -1,4 +1,4 @@
-import { V as Theme } from "../index-CVNJEUwJ.mjs";
+import { W as Theme } from "../index-CJhK7JND.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableHead/TableHead.d.ts

package/dist/Table/TablePagination.d.cts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-Bhdn4KTy.cjs";
-import { t as TablePaginationActionType } from "../index-BlLH6rlE.cjs";
+import { o as TableCellProps } from "../index-BelFIizY.cjs";
+import { t as TablePaginationActionType } from "../index-DtYjdBvO.cjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {

package/dist/Table/TablePagination.d.mts

@@ -1,5 +1,5 @@
-import { o as TableCellProps } from "../index-DJCpnTH3.mjs";
-import { t as TablePaginationActionType } from "../index-CrIxI8Na.mjs";
+import { o as TableCellProps } from "../index-ByYxVl9O.mjs";
+import { t as TablePaginationActionType } from "../index-CbFaWtjK.mjs";
 import { ElementType, ReactNode } from "react";
 //#region src/Table/TablePagination/TablePagination.d.ts
 interface TablePaginationDisplayedRowsInfo {

package/dist/Table/TablePaginationActions.d.cts

@@ -1,2 +1,2 @@
-import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-BlLH6rlE.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-DtYjdBvO.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-CrIxI8Na.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "../index-CbFaWtjK.mjs";
 export { TablePaginationActionType, TablePaginationActions, TablePaginationActionsProps };

package/dist/Table/TableRow.d.cts

@@ -1,4 +1,4 @@
-import { M as PaletteColor, V as Theme } from "../index-DmJ7yWWi.cjs";
+import { P as PaletteColor, W as Theme } from "../index-DJ0f69wh.cjs";
 import { ElementType, HTMLAttributes } from "react";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Table/TableRow/TableRow.d.ts

package/dist/Table/TableRow.d.mts

@@ -1,4 +1,4 @@
-import { M as PaletteColor, V as Theme } from "../index-CVNJEUwJ.mjs";
+import { P as PaletteColor, W as Theme } from "../index-CJhK7JND.mjs";
 import { BorderProps, SpaceProps } from "@soroush.tech/styled-system";
 import { ElementType, HTMLAttributes } from "react";
 //#region src/Table/TableRow/TableRow.d.ts

package/dist/Table/TableSortLabel.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
-const require_Icon = require("../Icon-Cvuhp9ek.cjs");
+const require_Icon = require("../Icon-D-EWsBVg.cjs");
 const require_TableContext = require("../TableContext-Bfg1C3Sr.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Table/TableSortLabel.d.cts

@@ -1,2 +1,2 @@
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DXhMkjQ6.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-DYF8sRE-.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-DeDxYlSQ.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "../index-pTNq3iQn.mjs";
 export { TableSortLabel, TableSortLabelDirection, TableSortLabelProps };

package/dist/Table/TableSortLabel.mjs

@@ -1,5 +1,5 @@
 import { a as src_exports, i as props, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
-import { t as Icon } from "../Icon-DlheCTJb.mjs";
+import { t as Icon } from "../Icon-BihOAP4u.mjs";
 import { t as TableContext } from "../TableContext-Dyr89h_k.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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-C5VKtqDp.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-C-u3ru4N.cjs";
 //#region src/Table/hooks/useTableSelection.d.ts
 /** Header select-all state - spreads directly onto `Checkbox`. */
 interface TableSelectionAllProps {

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-C6LSlt3w.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "../useTablePagination-D-39ZmQh.mjs";
 //#region src/Table/hooks/useTableSelection.d.ts
 /** Header select-all state - spreads directly onto `Checkbox`. */
 interface TableSelectionAllProps {

package/dist/Table.d.cts

@@ -1,14 +1,14 @@
-import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-CBGk-Lh8.cjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-Duj1nVG7.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-Bhdn4KTy.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-BelFIizY.cjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.cjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DXhMkjQ6.cjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-C5VKtqDp.cjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DYF8sRE-.cjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-C-u3ru4N.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-BlLH6rlE.cjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-DtYjdBvO.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-6PgGpUzM.mjs";
+import { n as TableContext, r as TableContextValue, t as TableCellPadding } from "./TableContext-DhuRf6Wy.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-DJCpnTH3.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-ByYxVl9O.mjs";
 import { TableContainer, TableContainerProps } from "./Table/TableContainer.mjs";
-import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-DeDxYlSQ.mjs";
-import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-C6LSlt3w.mjs";
+import { n as TableSortLabelDirection, r as TableSortLabelProps, t as TableSortLabel } from "./index-pTNq3iQn.mjs";
+import { a as TableSortMap, i as TableSortEntry, n as UseTablePaginationOptions, o as useTableSort, r as useTablePagination, t as TablePaginationState } from "./useTablePagination-D-39ZmQh.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-CrIxI8Na.mjs";
+import { n as TablePaginationActions, r as TablePaginationActionsProps, t as TablePaginationActionType } from "./index-CbFaWtjK.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-6PgGpUzM.d.mts → TableContext-DhuRf6Wy.d.mts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-CVNJEUwJ.mjs";
+import { W as Theme } from "./index-CJhK7JND.mjs";
 //#region src/Table/TableContext.d.ts
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';

package/dist/{TableContext-CBGk-Lh8.d.cts → TableContext-Duj1nVG7.d.cts}

@@ -1,4 +1,4 @@
-import { V as Theme } from "./index-DmJ7yWWi.cjs";
+import { W as Theme } from "./index-DJ0f69wh.cjs";
 //#region src/Table/TableContext.d.ts
 /** Cell padding modes broadcast from `Table` to descendant cells. */
 type TableCellPadding = 'normal' | 'none';

package/dist/Tabs/Tab.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
 const require_theme = require("../theme-BxXuXRgQ.cjs");
-const require_Icon = require("../Icon-Cvuhp9ek.cjs");
+const require_Icon = require("../Icon-D-EWsBVg.cjs");
 const require_dividerLine = require("../dividerLine-BNljcGlv.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Tabs/Tab.d.cts

@@ -1,5 +1,5 @@
-import { V as Theme } from "../index-DmJ7yWWi.cjs";
-import { t as TabValue } from "../TabsContext-C2agsLBN.cjs";
+import { W as Theme } from "../index-DJ0f69wh.cjs";
+import { t as TabValue } from "../TabsContext-B_XHbjcS.cjs";
 import { ElementType, MouseEvent, ReactNode } from "react";
 //#region src/Tabs/Tab/Tab.d.ts
 /** Where `icon` sits around a tab's label. */

package/dist/Tabs/Tab.d.mts

@@ -1,5 +1,5 @@
-import { V as Theme } from "../index-CVNJEUwJ.mjs";
-import { t as TabValue } from "../TabsContext-DqyxdmGW.mjs";
+import { W as Theme } from "../index-CJhK7JND.mjs";
+import { t as TabValue } from "../TabsContext-Dn2kqUwr.mjs";
 import { ElementType, MouseEvent, ReactNode } from "react";
 //#region src/Tabs/Tab/Tab.d.ts
 /** Where `icon` sits around a tab's label. */

package/dist/Tabs/Tab.mjs

@@ -1,6 +1,6 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
 import { n as useDefaultProps } from "../theme-Z9_QludW.mjs";
-import { t as Icon } from "../Icon-DlheCTJb.mjs";
+import { t as Icon } from "../Icon-BihOAP4u.mjs";
 import { i as TabIndexContext, n as getDividerShadow, o as useTabsContext } from "../dividerLine-FahY-M6_.mjs";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/Tabs/TabContext.d.cts

@@ -1,4 +1,4 @@
-import { t as TabValue } from "../TabsContext-C2agsLBN.cjs";
+import { t as TabValue } from "../TabsContext-B_XHbjcS.cjs";
 import { ReactNode } from "react";
 //#region src/Tabs/TabContext/TabContext.d.ts
 interface TabContextProps {

package/dist/Tabs/TabContext.d.mts

@@ -1,4 +1,4 @@
-import { t as TabValue } from "../TabsContext-DqyxdmGW.mjs";
+import { t as TabValue } from "../TabsContext-Dn2kqUwr.mjs";
 import { ReactNode } from "react";
 //#region src/Tabs/TabContext/TabContext.d.ts
 interface TabContextProps {

package/dist/Tabs/TabList.cjs

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

package/dist/Tabs/TabList.d.cts

@@ -1,4 +1,4 @@
-import { a as TabsProps } from "../index-B3LIhqHR.cjs";
+import { a as TabsProps } from "../index-WHFhjfgy.cjs";
 //#region src/Tabs/TabList/TabList.d.ts
 type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
 /**

package/dist/Tabs/TabList.d.mts

@@ -1,4 +1,4 @@
-import { a as TabsProps } from "../index-CoEqjFYn.mjs";
+import { a as TabsProps } from "../index-bpnLB_4K.mjs";
 //#region src/Tabs/TabList/TabList.d.ts
 type TabListProps = Omit<TabsProps, 'value' | 'defaultValue'>;
 /**

package/dist/Tabs/TabList.mjs

@@ -1,5 +1,5 @@
 import { n as useTabsValue } from "../TabsValueContext-DvL3inf7.mjs";
-import { n as TabListContext, t as Tabs } from "../Tabs-YfCUbkQV.mjs";
+import { n as TabListContext, t as Tabs } from "../Tabs-BTNOJx5v.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Tabs/TabList/TabList.tsx

package/dist/Tabs/TabPanel.d.cts

@@ -1,5 +1,5 @@
-import { V as Theme } from "../index-DmJ7yWWi.cjs";
-import { t as TabValue } from "../TabsContext-C2agsLBN.cjs";
+import { W as Theme } from "../index-DJ0f69wh.cjs";
+import { t as TabValue } from "../TabsContext-B_XHbjcS.cjs";
 import { ReactNode } from "react";
 import { SpaceProps } from "@soroush.tech/styled-system";
 //#region src/Tabs/TabPanel/TabPanel.d.ts

package/dist/Tabs/TabPanel.d.mts

@@ -1,5 +1,5 @@
-import { V as Theme } from "../index-CVNJEUwJ.mjs";
-import { t as TabValue } from "../TabsContext-DqyxdmGW.mjs";
+import { W as Theme } from "../index-CJhK7JND.mjs";
+import { t as TabValue } from "../TabsContext-Dn2kqUwr.mjs";
 import { SpaceProps } from "@soroush.tech/styled-system";
 import { ReactNode } from "react";
 //#region src/Tabs/TabPanel/TabPanel.d.ts

package/dist/Tabs/TabScrollButton.cjs

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_src = require("../src-DU81aGy9.cjs");
 const require_theme = require("../theme-BxXuXRgQ.cjs");
-const require_Icon = require("../Icon-Cvuhp9ek.cjs");
+const require_Icon = require("../Icon-D-EWsBVg.cjs");
 const require_dividerLine = require("../dividerLine-BNljcGlv.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/Tabs/TabScrollButton.d.cts

@@ -1,2 +1,2 @@
-import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-gnh-Oe0n.cjs";
+import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-KnXhlKMr.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-BjPX49XA.mjs";
+import { n as TabScrollButtonProps, r as TabScrollDirection, t as TabScrollButton } from "../index-CE5JG1us.mjs";
 export { TabScrollButton, TabScrollButtonProps, TabScrollDirection };

package/dist/Tabs/TabScrollButton.mjs

@@ -1,6 +1,6 @@
 import { a as src_exports, o as styled, t as createShouldForwardProp } from "../src-DLGYOJMh.mjs";
 import { n as useDefaultProps, r as useTheme } from "../theme-Z9_QludW.mjs";
-import { t as Icon } from "../Icon-DlheCTJb.mjs";
+import { t as Icon } from "../Icon-BihOAP4u.mjs";
 import { a as TabsContext, r as getEnclosedPieceStyle } from "../dividerLine-FahY-M6_.mjs";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/Tabs/Tabs.cjs

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

package/dist/Tabs/Tabs.d.cts

@@ -1,3 +1,3 @@
-import { t as TabValue } from "../TabsContext-C2agsLBN.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-B3LIhqHR.cjs";
+import { t as TabValue } from "../TabsContext-B_XHbjcS.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-WHFhjfgy.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-DqyxdmGW.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-CoEqjFYn.mjs";
+import { t as TabValue } from "../TabsContext-Dn2kqUwr.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-bpnLB_4K.mjs";
 export { type TabValue, Tabs, TabsActions, TabsOrientation, TabsOverflowBehavior, TabsProps, TabsScrollButtons, TabsVariant };

package/dist/Tabs/Tabs.mjs

@@ -1,2 +1,2 @@
-import { t as Tabs } from "../Tabs-YfCUbkQV.mjs";
+import { t as Tabs } from "../Tabs-BTNOJx5v.mjs";
 export { Tabs };

package/dist/{Tabs-YfCUbkQV.mjs → Tabs-BTNOJx5v.mjs}

@@ -2,9 +2,10 @@ import { a as src_exports, i as props, o as styled, t as createShouldForwardProp
 import { View } from "./View.mjs";
 import { t as themeDefault } from "./themeDefault-Z3KmyIbm.mjs";
 import { n as useDefaultProps, r as useTheme } from "./theme-Z9_QludW.mjs";
-import { t as Icon } from "./Icon-DlheCTJb.mjs";
-import { r as isRtl, t as MenuItem } from "./MenuItem-BR7ingQx.mjs";
-import { t as Menu } from "./Menu-tECbAEFj.mjs";
+import { t as Icon } from "./Icon-BihOAP4u.mjs";
+import { t as isRtl } from "./isRtl-BJDtm86G.mjs";
+import { t as MenuItem } from "./MenuItem-DUn4IZKK.mjs";
+import { t as Menu } from "./Menu-CrzHc_cn.mjs";
 import { a as TabsContext, i as TabIndexContext, n as getDividerShadow, r as getEnclosedPieceStyle, t as getDividerColor } from "./dividerLine-FahY-M6_.mjs";
 import { TabScrollButton } from "./Tabs/TabScrollButton.mjs";
 import { n as getPanelId, r as getTabId, t as surfaceSystem } from "./surfaceSystem-D8TbmKy3.mjs";