@soroush.tech/design-system 0.1.0

package/dist/themes.cjs

@@ -0,0 +1,318 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_utils = require("./utils.cjs");
+//#region src/themes.ts
+const shadow = {
+	color: "#000000",
+	opacity: .4
+};
+const shadows = Array.from({ length: 25 }, (_, elevation) => require_utils.generateBoxShadow(elevation, require_utils.alpha(shadow.color, shadow.opacity)));
+const radii = {
+	sq: "0",
+	sm: "4px",
+	md: "8px",
+	lg: "16px"
+};
+const borderWidths = {
+	none: "0",
+	thin: "1px",
+	base: "2px",
+	thick: "4px"
+};
+const zOrder = {
+	appBar: 1100,
+	drawer: 1200,
+	modal: 1300
+};
+const fontSizes = [
+	12,
+	14,
+	16,
+	20,
+	24,
+	32,
+	48
+];
+const lineHeights = {
+	none: 1,
+	tight: 1.2,
+	snug: 1.35,
+	base: 1.5,
+	relaxed: 1.625,
+	loose: 2
+};
+const letterSpacings = {
+	tighter: "-0.05em",
+	tight: "-0.025em",
+	normal: "0em",
+	wide: "0.05em",
+	wider: "0.1em",
+	widest: "0.2em"
+};
+const fonts = {
+	body: "'Space Grotesk Variable', 'Space Grotesk', sans-serif",
+	heading: "'Space Grotesk Variable', 'Space Grotesk', sans-serif",
+	mono: "'JetBrains Mono Variable', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace"
+};
+const fontWeights = {
+	thin: 100,
+	extraLight: 200,
+	light: 300,
+	normal: 400,
+	medium: 500,
+	semiBold: 600,
+	bold: 700,
+	extraBold: 800,
+	black: 900
+};
+const avatar = {
+	sm: require_utils.spacing(4),
+	md: require_utils.spacing(5),
+	lg: require_utils.spacing(6),
+	xl: require_utils.spacing(7)
+};
+const icon = {
+	sm: "1rem",
+	md: "1.25rem",
+	lg: "1.5rem"
+};
+const sizes = {
+	sm: {
+		paddingTop: .5,
+		paddingBottom: .5,
+		paddingLeft: 1.5,
+		paddingRight: 1.5,
+		fontSize: 0
+	},
+	md: {
+		paddingTop: 1,
+		paddingBottom: 1,
+		paddingLeft: 2,
+		paddingRight: 2,
+		fontSize: 1
+	},
+	lg: {
+		paddingTop: 1.5,
+		paddingBottom: 1.5,
+		paddingLeft: 3,
+		paddingRight: 3,
+		fontSize: 1
+	}
+};
+const space = {
+	0: 0,
+	.5: require_utils.spacing(.5),
+	1: require_utils.spacing(1),
+	1.5: require_utils.spacing(1.5),
+	2: require_utils.spacing(2),
+	3: require_utils.spacing(3),
+	4: require_utils.spacing(4),
+	5: require_utils.spacing(5),
+	6: require_utils.spacing(6),
+	7: require_utils.spacing(7),
+	8: require_utils.spacing(8),
+	9: require_utils.spacing(9),
+	10: require_utils.spacing(10),
+	auto: "auto"
+};
+const typography = {
+	h1: {
+		element: "h1",
+		fontSize: 6,
+		fontWeight: "bold"
+	},
+	h2: {
+		element: "h2",
+		fontSize: 5,
+		fontWeight: "bold"
+	},
+	h3: {
+		element: "h3",
+		fontSize: 4,
+		fontWeight: "bold"
+	},
+	h4: {
+		element: "h4",
+		fontSize: 3,
+		fontWeight: "bold"
+	},
+	h5: {
+		element: "h5",
+		fontSize: 2,
+		fontWeight: "bold"
+	},
+	h6: {
+		element: "h6",
+		fontSize: 1,
+		fontWeight: "semiBold"
+	},
+	subtitle1: {
+		element: "h6",
+		fontSize: 2,
+		fontWeight: "medium"
+	},
+	subtitle2: {
+		element: "h6",
+		fontSize: 1,
+		fontWeight: "medium"
+	},
+	body1: {
+		element: "p",
+		fontSize: 2,
+		fontWeight: "normal"
+	},
+	body2: {
+		element: "p",
+		fontSize: 1,
+		fontWeight: "normal"
+	},
+	caption: {
+		element: "span",
+		fontSize: 0,
+		fontWeight: "normal"
+	},
+	overline: {
+		element: "span",
+		fontSize: 0,
+		fontWeight: "medium",
+		textTransform: "uppercase",
+		letterSpacing: "wider"
+	},
+	button: {
+		element: "span",
+		fontSize: 1,
+		fontWeight: "medium",
+		textTransform: "uppercase",
+		letterSpacing: "wide"
+	},
+	inherit: { element: "span" }
+};
+/**
+* The package's complete default theme (dark-schemed). Raw hex only — palettes
+* belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
+*/
+const baseTheme = {
+	name: "base",
+	switch: { thumb: "#FFFFFF" },
+	radii,
+	borderWidths,
+	fontSizes,
+	lineHeights,
+	typography,
+	letterSpacings,
+	fontWeights,
+	fonts,
+	avatar,
+	icon,
+	sizes,
+	space,
+	zOrder,
+	blur: "12px",
+	colorScheme: "dark",
+	palette: {
+		default: {
+			main: "#262626",
+			light: "#363636",
+			dark: "#0E0E0E",
+			contrastText: "#F2F3F4"
+		},
+		primary: {
+			main: "#00FC40",
+			light: "#9CFF93",
+			dark: "#006413",
+			contrastText: "#000000"
+		},
+		secondary: {
+			main: "#b3eeb1",
+			light: "#d4f9d2",
+			dark: "#5acc57",
+			contrastText: "#000000"
+		},
+		success: {
+			main: "#009928",
+			light: "#00FC40",
+			dark: "#006413",
+			contrastText: "#FFFFFF"
+		},
+		error: {
+			main: "#FF3B30",
+			light: "#FF9590",
+			dark: "#E0251A",
+			contrastText: "#FFFFFF"
+		},
+		info: {
+			main: "#00B8D9",
+			light: "#33D9FF",
+			dark: "#0099CC",
+			contrastText: "#000000"
+		},
+		warning: {
+			main: "#FFD930",
+			light: "#FFF0A0",
+			dark: "#CCA800",
+			contrastText: "#000000"
+		}
+	},
+	background: {
+		backdrop: "#000000B3",
+		appBar: "#000000B3",
+		glass: "#0000004D",
+		modal: "#131313",
+		default: "#262626",
+		primary: "#0E0E0E",
+		secondary: "#1A1A1A",
+		paper: "#131313",
+		terminal: "#000000",
+		grid: require_utils.alpha("#00FC40", .06),
+		transparent: "#00000000"
+	},
+	text: {
+		inherit: "inherit",
+		initial: "#FFFFFF",
+		primary: "#00FC40",
+		secondary: "#9C9C9C",
+		disabled: "#363636",
+		error: "#D70015",
+		success: "#009928",
+		info: "#00B8D9",
+		warning: "#8C6D00"
+	},
+	border: {
+		default: "#262626",
+		light: require_utils.alpha("#E8FFE5", .1),
+		primary: "#00FC40",
+		dark: "#006413"
+	},
+	skeleton: { highlight: require_utils.alpha("#363636", .65) },
+	syntax: {
+		base: "#BBBBBB",
+		keyword: "#CF8E6D",
+		string: "#6AAB73",
+		number: "#2AACB8",
+		title: "#6BA9FA",
+		constant: "#C77DBB",
+		type: "#2AACB8",
+		comment: "#919191",
+		tag: "#D5B778"
+	},
+	logoFilter: "brightness(0) invert(1)",
+	portraitBlend: "screen",
+	portraitOpacity: .8,
+	shadow,
+	shadows
+};
+//#endregion
+exports.avatar = avatar;
+exports.baseTheme = baseTheme;
+exports.borderWidths = borderWidths;
+exports.createTheme = require_utils.createTheme;
+exports.fontSizes = fontSizes;
+exports.fontWeights = fontWeights;
+exports.fonts = fonts;
+exports.icon = icon;
+exports.letterSpacings = letterSpacings;
+exports.lineHeights = lineHeights;
+exports.radii = radii;
+exports.sizes = sizes;
+exports.space = space;
+exports.typography = typography;
+exports.zOrder = zOrder;

package/dist/themes.d.cts

@@ -0,0 +1,3 @@
+import { n as ThemeOverride, r as createTheme, t as DeepPartial } from "./createTheme-Dts2F4R_.cjs";
+import { A as ThemeSwitch, B as fontSizes, C as ThemeLineHeights, D as ThemeSizes, E as ThemeShadow, F as TypographyVariant, G as lineHeights, H as fonts, I as TypographyVariantStyle, J as space, K as radii, L as avatar, M as ThemeText, N as ThemeTypographyVariants, O as ThemeSkeleton, P as ThemeZOrder, R as baseTheme, S as ThemeLetterSpacings, T as ThemeRadii, U as icon, V as fontWeights, W as letterSpacings, X as zOrder, Y as typography, _ as ThemeComponents, a as CardSlotTypographyProps, b as ThemeFonts, c as ComponentVariant, d as SizeEntry, f as Theme, g as ThemeBorderWidths, h as ThemeBorder, i as CardSlotIconProps, j as ThemeSyntax, k as ThemeSpace, l as PaletteColor, m as ThemeBackground, n as ButtonVariants, o as ComponentConfig, p as ThemeAvatarSizes, q as sizes, r as CardOwnerState, s as ComponentStyle, t as ButtonOwnerState, u as PaletteEntry, v as ThemeDefaults, w as ThemePalette, x as ThemeIconSizes, y as ThemeFontWeights, z as borderWidths } from "./themes-D81JYbqm.cjs";
+export { type ButtonOwnerState, type ButtonVariants, type CardOwnerState, type CardSlotIconProps, type CardSlotTypographyProps, type ComponentConfig, type ComponentStyle, type ComponentVariant, type DeepPartial, PaletteColor, type PaletteEntry, type SizeEntry, type Theme, type ThemeAvatarSizes, type ThemeBackground, type ThemeBorder, type ThemeBorderWidths, type ThemeComponents, type ThemeDefaults, type ThemeFontWeights, type ThemeFonts, type ThemeIconSizes, type ThemeLetterSpacings, type ThemeLineHeights, type ThemeOverride, type ThemePalette, type ThemeRadii, type ThemeShadow, type ThemeSizes, type ThemeSkeleton, type ThemeSpace, type ThemeSwitch, type ThemeSyntax, type ThemeText, type ThemeTypographyVariants, type ThemeZOrder, TypographyVariant, type TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, typography, zOrder };

package/dist/themes.d.mts

@@ -0,0 +1,3 @@
+import { n as ThemeOverride, r as createTheme, t as DeepPartial } from "./createTheme-Dts2F4R_.mjs";
+import { A as ThemeSwitch, B as fontSizes, C as ThemeLineHeights, D as ThemeSizes, E as ThemeShadow, F as TypographyVariant, G as lineHeights, H as fonts, I as TypographyVariantStyle, J as space, K as radii, L as avatar, M as ThemeText, N as ThemeTypographyVariants, O as ThemeSkeleton, P as ThemeZOrder, R as baseTheme, S as ThemeLetterSpacings, T as ThemeRadii, U as icon, V as fontWeights, W as letterSpacings, X as zOrder, Y as typography, _ as ThemeComponents, a as CardSlotTypographyProps, b as ThemeFonts, c as ComponentVariant, d as SizeEntry, f as Theme, g as ThemeBorderWidths, h as ThemeBorder, i as CardSlotIconProps, j as ThemeSyntax, k as ThemeSpace, l as PaletteColor, m as ThemeBackground, n as ButtonVariants, o as ComponentConfig, p as ThemeAvatarSizes, q as sizes, r as CardOwnerState, s as ComponentStyle, t as ButtonOwnerState, u as PaletteEntry, v as ThemeDefaults, w as ThemePalette, x as ThemeIconSizes, y as ThemeFontWeights, z as borderWidths } from "./themes-D1SAp3SL.mjs";
+export { type ButtonOwnerState, type ButtonVariants, type CardOwnerState, type CardSlotIconProps, type CardSlotTypographyProps, type ComponentConfig, type ComponentStyle, type ComponentVariant, type DeepPartial, PaletteColor, type PaletteEntry, type SizeEntry, type Theme, type ThemeAvatarSizes, type ThemeBackground, type ThemeBorder, type ThemeBorderWidths, type ThemeComponents, type ThemeDefaults, type ThemeFontWeights, type ThemeFonts, type ThemeIconSizes, type ThemeLetterSpacings, type ThemeLineHeights, type ThemeOverride, type ThemePalette, type ThemeRadii, type ThemeShadow, type ThemeSizes, type ThemeSkeleton, type ThemeSpace, type ThemeSwitch, type ThemeSyntax, type ThemeText, type ThemeTypographyVariants, type ThemeZOrder, TypographyVariant, type TypographyVariantStyle, avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, typography, zOrder };

package/dist/themes.mjs

@@ -0,0 +1,303 @@
+import { alpha, createTheme, generateBoxShadow, spacing } from "./utils.mjs";
+//#region src/themes.ts
+const shadow = {
+	color: "#000000",
+	opacity: .4
+};
+const shadows = Array.from({ length: 25 }, (_, elevation) => generateBoxShadow(elevation, alpha(shadow.color, shadow.opacity)));
+const radii = {
+	sq: "0",
+	sm: "4px",
+	md: "8px",
+	lg: "16px"
+};
+const borderWidths = {
+	none: "0",
+	thin: "1px",
+	base: "2px",
+	thick: "4px"
+};
+const zOrder = {
+	appBar: 1100,
+	drawer: 1200,
+	modal: 1300
+};
+const fontSizes = [
+	12,
+	14,
+	16,
+	20,
+	24,
+	32,
+	48
+];
+const lineHeights = {
+	none: 1,
+	tight: 1.2,
+	snug: 1.35,
+	base: 1.5,
+	relaxed: 1.625,
+	loose: 2
+};
+const letterSpacings = {
+	tighter: "-0.05em",
+	tight: "-0.025em",
+	normal: "0em",
+	wide: "0.05em",
+	wider: "0.1em",
+	widest: "0.2em"
+};
+const fonts = {
+	body: "'Space Grotesk Variable', 'Space Grotesk', sans-serif",
+	heading: "'Space Grotesk Variable', 'Space Grotesk', sans-serif",
+	mono: "'JetBrains Mono Variable', 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace"
+};
+const fontWeights = {
+	thin: 100,
+	extraLight: 200,
+	light: 300,
+	normal: 400,
+	medium: 500,
+	semiBold: 600,
+	bold: 700,
+	extraBold: 800,
+	black: 900
+};
+const avatar = {
+	sm: spacing(4),
+	md: spacing(5),
+	lg: spacing(6),
+	xl: spacing(7)
+};
+const icon = {
+	sm: "1rem",
+	md: "1.25rem",
+	lg: "1.5rem"
+};
+const sizes = {
+	sm: {
+		paddingTop: .5,
+		paddingBottom: .5,
+		paddingLeft: 1.5,
+		paddingRight: 1.5,
+		fontSize: 0
+	},
+	md: {
+		paddingTop: 1,
+		paddingBottom: 1,
+		paddingLeft: 2,
+		paddingRight: 2,
+		fontSize: 1
+	},
+	lg: {
+		paddingTop: 1.5,
+		paddingBottom: 1.5,
+		paddingLeft: 3,
+		paddingRight: 3,
+		fontSize: 1
+	}
+};
+const space = {
+	0: 0,
+	.5: spacing(.5),
+	1: spacing(1),
+	1.5: spacing(1.5),
+	2: spacing(2),
+	3: spacing(3),
+	4: spacing(4),
+	5: spacing(5),
+	6: spacing(6),
+	7: spacing(7),
+	8: spacing(8),
+	9: spacing(9),
+	10: spacing(10),
+	auto: "auto"
+};
+const typography = {
+	h1: {
+		element: "h1",
+		fontSize: 6,
+		fontWeight: "bold"
+	},
+	h2: {
+		element: "h2",
+		fontSize: 5,
+		fontWeight: "bold"
+	},
+	h3: {
+		element: "h3",
+		fontSize: 4,
+		fontWeight: "bold"
+	},
+	h4: {
+		element: "h4",
+		fontSize: 3,
+		fontWeight: "bold"
+	},
+	h5: {
+		element: "h5",
+		fontSize: 2,
+		fontWeight: "bold"
+	},
+	h6: {
+		element: "h6",
+		fontSize: 1,
+		fontWeight: "semiBold"
+	},
+	subtitle1: {
+		element: "h6",
+		fontSize: 2,
+		fontWeight: "medium"
+	},
+	subtitle2: {
+		element: "h6",
+		fontSize: 1,
+		fontWeight: "medium"
+	},
+	body1: {
+		element: "p",
+		fontSize: 2,
+		fontWeight: "normal"
+	},
+	body2: {
+		element: "p",
+		fontSize: 1,
+		fontWeight: "normal"
+	},
+	caption: {
+		element: "span",
+		fontSize: 0,
+		fontWeight: "normal"
+	},
+	overline: {
+		element: "span",
+		fontSize: 0,
+		fontWeight: "medium",
+		textTransform: "uppercase",
+		letterSpacing: "wider"
+	},
+	button: {
+		element: "span",
+		fontSize: 1,
+		fontWeight: "medium",
+		textTransform: "uppercase",
+		letterSpacing: "wide"
+	},
+	inherit: { element: "span" }
+};
+/**
+* The package's complete default theme (dark-schemed). Raw hex only — palettes
+* belong to the consumer, who builds brand themes with `createTheme(baseTheme, …)`.
+*/
+const baseTheme = {
+	name: "base",
+	switch: { thumb: "#FFFFFF" },
+	radii,
+	borderWidths,
+	fontSizes,
+	lineHeights,
+	typography,
+	letterSpacings,
+	fontWeights,
+	fonts,
+	avatar,
+	icon,
+	sizes,
+	space,
+	zOrder,
+	blur: "12px",
+	colorScheme: "dark",
+	palette: {
+		default: {
+			main: "#262626",
+			light: "#363636",
+			dark: "#0E0E0E",
+			contrastText: "#F2F3F4"
+		},
+		primary: {
+			main: "#00FC40",
+			light: "#9CFF93",
+			dark: "#006413",
+			contrastText: "#000000"
+		},
+		secondary: {
+			main: "#b3eeb1",
+			light: "#d4f9d2",
+			dark: "#5acc57",
+			contrastText: "#000000"
+		},
+		success: {
+			main: "#009928",
+			light: "#00FC40",
+			dark: "#006413",
+			contrastText: "#FFFFFF"
+		},
+		error: {
+			main: "#FF3B30",
+			light: "#FF9590",
+			dark: "#E0251A",
+			contrastText: "#FFFFFF"
+		},
+		info: {
+			main: "#00B8D9",
+			light: "#33D9FF",
+			dark: "#0099CC",
+			contrastText: "#000000"
+		},
+		warning: {
+			main: "#FFD930",
+			light: "#FFF0A0",
+			dark: "#CCA800",
+			contrastText: "#000000"
+		}
+	},
+	background: {
+		backdrop: "#000000B3",
+		appBar: "#000000B3",
+		glass: "#0000004D",
+		modal: "#131313",
+		default: "#262626",
+		primary: "#0E0E0E",
+		secondary: "#1A1A1A",
+		paper: "#131313",
+		terminal: "#000000",
+		grid: alpha("#00FC40", .06),
+		transparent: "#00000000"
+	},
+	text: {
+		inherit: "inherit",
+		initial: "#FFFFFF",
+		primary: "#00FC40",
+		secondary: "#9C9C9C",
+		disabled: "#363636",
+		error: "#D70015",
+		success: "#009928",
+		info: "#00B8D9",
+		warning: "#8C6D00"
+	},
+	border: {
+		default: "#262626",
+		light: alpha("#E8FFE5", .1),
+		primary: "#00FC40",
+		dark: "#006413"
+	},
+	skeleton: { highlight: alpha("#363636", .65) },
+	syntax: {
+		base: "#BBBBBB",
+		keyword: "#CF8E6D",
+		string: "#6AAB73",
+		number: "#2AACB8",
+		title: "#6BA9FA",
+		constant: "#C77DBB",
+		type: "#2AACB8",
+		comment: "#919191",
+		tag: "#D5B778"
+	},
+	logoFilter: "brightness(0) invert(1)",
+	portraitBlend: "screen",
+	portraitOpacity: .8,
+	shadow,
+	shadows
+};
+//#endregion
+export { avatar, baseTheme, borderWidths, createTheme, fontSizes, fontWeights, fonts, icon, letterSpacings, lineHeights, radii, sizes, space, typography, zOrder };

package/dist/useDefaultProps-Cb-5FNok.cjs

@@ -0,0 +1,19 @@
+let _emotion_react = require("@emotion/react");
+//#region src/hooks/useDefaultProps.ts
+/**
+* The theme-contributed default prop values for a component
+* (`theme.components[name].defaultProps`), or an empty object.
+*
+* Components apply it as one step of the default-resolution chain:
+* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+*/
+function useDefaultProps(name) {
+	return (0, _emotion_react.useTheme)().components?.[name]?.defaultProps ?? {};
+}
+//#endregion
+Object.defineProperty(exports, "useDefaultProps", {
+	enumerable: true,
+	get: function() {
+		return useDefaultProps;
+	}
+});

package/dist/useDefaultProps-CoApb4KT.mjs

@@ -0,0 +1,14 @@
+import { u as useTheme } from "./src-DcNT2aIK.mjs";
+//#region src/hooks/useDefaultProps.ts
+/**
+* The theme-contributed default prop values for a component
+* (`theme.components[name].defaultProps`), or an empty object.
+*
+* Components apply it as one step of the default-resolution chain:
+* explicit prop → group context → `useDefaultProps` → `theme.defaults.*` → literal fallback.
+*/
+function useDefaultProps(name) {
+	return useTheme().components?.[name]?.defaultProps ?? {};
+}
+//#endregion
+export { useDefaultProps as t };

package/dist/useTableSort--XMWjujs.d.cts

@@ -0,0 +1,51 @@
+import { n as TableSortLabelDirection } from "./index-8dzWTpFp.cjs";
+//#region src/Table/hooks/useTablePagination.d.ts
+interface UseTablePaginationOptions {
+  /** Initial zero-based page. Default: `0`. */
+  defaultPage?: number;
+  /** Initial rows per page; `-1` shows all rows. Default: `10`. */
+  defaultRowsPerPage?: number;
+}
+/** Paging state — property names mirror `TablePagination`'s props so it spreads in one go. */
+interface TablePaginationState {
+  page: number;
+  rowsPerPage: number;
+  onPageChange: (page: number) => void;
+  /** Changing the page size resets to the first page. */
+  onRowsPerPageChange: (rowsPerPage: number) => void;
+}
+/**
+ * Pagination state for tables.
+ *
+ * ```tsx
+ * const pagination = useTablePagination({ defaultRowsPerPage: 10 })
+ * <TablePagination count={data.length} {...pagination} />
+ * <TableControl data={data} pagination={pagination}>{(row) => …}</TableControl>
+ * ```
+ */
+declare function useTablePagination({ defaultPage, defaultRowsPerPage }?: UseTablePaginationOptions): TablePaginationState;
+//#endregion
+//#region src/Table/hooks/useTableSort.d.ts
+/** One column's sort state — spreads directly onto `TableSortLabel`. */
+interface TableSortEntry {
+  isActive: boolean;
+  direction: TableSortLabelDirection;
+  /** Activates the column and flips its stored direction. */
+  onClick: () => void;
+}
+type TableSortMap<K extends string = string> = Record<K, TableSortEntry>;
+/**
+ * Column-keyed sort state for sortable tables. Each column remembers its own
+ * direction (initially `'asc'`); clicking a column activates it AND flips its
+ * stored direction — so the first click on a column sorts `'desc'`.
+ * `keys` is read once on mount.
+ *
+ * ```tsx
+ * const sort = useTableSort(['name', 'latency'])
+ * <TableSortLabel {...sort.name}>Service</TableSortLabel>
+ * <TableControl data={rows} sort={sort}>{(row) => …}</TableControl>
+ * ```
+ */
+declare function useTableSort<K extends string>(keys: readonly K[], onChange?: (key: K, direction: TableSortLabelDirection) => void): TableSortMap<K>;
+//#endregion
+export { UseTablePaginationOptions as a, TablePaginationState as i, TableSortMap as n, useTablePagination as o, useTableSort as r, TableSortEntry as t };