Reintroduce the compatibility modules for older TypeScript version su…

…pport

src/compat.ts

@@ -0,0 +1,34 @@
+"use client";
+
+import type { EmotionCache } from "@emotion/cache";
+export type { CSSInterpolation, CSSObject, Css, Cx, CxArg } from "./types";
+import { createMakeStyles, TssCacheProvider } from "./makeStyles";
+export { createMakeStyles, TssCacheProvider };
+import { createWithStyles } from "./withStyles_compat";
+export { createWithStyles };
+import { createTss } from "./tss";
+export { createTss };
+export type { Tss } from "./tss";
+
+/** @see <https://docs.tss-react.dev/api/keyframes> */
+export { keyframes } from "@emotion/react";
+
+/** @see <https://docs.tss-react.dev/api/globalstyles> */
+export { GlobalStyles } from "./GlobalStyles";
+
+/** @see <https://docs.tss-react.dev/api/makestyles> */
+export function createMakeAndWithStyles<Theme>(params: {
+    useTheme: () => Theme;
+    cache?: EmotionCache;
+}) {
+    return {
+        ...createMakeStyles(params),
+        ...createWithStyles(params)
+    };
+}
+
+export const { tss } = createTss({
+    "useContext": () => ({})
+});
+
+export const useStyles = tss.createUseStyles({});

src/mui-compat.ts

@@ -0,0 +1,8 @@
+import { useTheme } from "@mui/material/styles";
+import { createMakeAndWithStyles } from "./compat";
+export { useStyles, tss } from "./mui";
+
+/** @see <https://docs.tss-react.dev/setup> */
+export const { makeStyles, withStyles } = createMakeAndWithStyles({
+    useTheme
+});