update: add containers

dist/mui/components/containers/ColumnContainer.d.ts

@@ -0,0 +1,4 @@
+import { StackProps } from "@mui/material/Stack";
+import React from "react";
+export type ColumnContainerProps = StackProps;
+export default function ColumnContainer({ children }: ColumnContainerProps): React.JSX.Element;

dist/mui/components/containers/ColumnContainer.js

@@ -0,0 +1,5 @@
+import Stack from "@mui/material/Stack";
+import React from "react";
+export default function ColumnContainer({ children }) {
+    return React.createElement(Stack, { overflow: "hidden" }, children);
+}

dist/mui/components/containers/ScrollableContainer.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from "@mui/material/Box";
+import React from "react";
+export type ScrollableContainerProps = BoxProps;
+export default function ScrollableContainer({ children }: ScrollableContainerProps): React.JSX.Element;

dist/mui/components/containers/ScrollableContainer.js

@@ -0,0 +1,5 @@
+import Box from "@mui/material/Box";
+import React from "react";
+export default function ScrollableContainer({ children }) {
+    return React.createElement(Box, { overflow: "auto" }, children);
+}

src/mui/components/containers/ColumnContainer.tsx

@@ -0,0 +1,8 @@
+import Stack, { StackProps } from "@mui/material/Stack";
+import React from "react";
+
+export type ColumnContainerProps = StackProps;
+
+export default function ColumnContainer({ children }: ColumnContainerProps) {
+    return <Stack overflow="hidden">{children}</Stack>;
+}

src/mui/components/containers/ScrollableContainer.tsx

@@ -0,0 +1,8 @@
+import Box, { BoxProps } from "@mui/material/Box";
+import React from "react";
+
+export type ScrollableContainerProps = BoxProps;
+
+export default function ScrollableContainer({ children }: ScrollableContainerProps) {
+    return <Box overflow="auto">{children}</Box>;
+}