@ceed/ads 0.0.8 → 0.0.9

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const Container: React.ForwardRefExoticComponent<Omit<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
+    maxWidth?: "tablet" | "laptop" | "desktop" | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Container };

package/dist/components/Container/Container.js

@@ -0,0 +1,47 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { styled } from "@mui/joy";
+import React, { forwardRef } from "react";
+var ContainerRoot = styled("div", {
+    name: "Container",
+    slot: "root",
+    shouldForwardProp: function (prop) { return prop !== "maxWidth"; },
+})(function (_a) {
+    var _b, _c, _d;
+    var theme = _a.theme, _e = _a.maxWidth, maxWidth = _e === void 0 ? "desktop" : _e;
+    return (__assign(__assign(__assign({ width: "100%", marginLeft: "auto", boxSizing: "border-box", marginRight: "auto", display: "block", paddingLeft: theme.spacing(2), paddingRight: theme.spacing(2) }, (maxWidth === "tablet" && (_b = {},
+        _b[theme.breakpoints.up("mobile")] = {
+            maxWidth: theme.breakpoints.values.tablet,
+        },
+        _b))), (maxWidth === "laptop" && (_c = {},
+        _c[theme.breakpoints.up("tablet")] = {
+            maxWidth: theme.breakpoints.values.laptop,
+        },
+        _c))), (maxWidth === "desktop" && (_d = {},
+        _d[theme.breakpoints.up("laptop")] = {
+            maxWidth: theme.breakpoints.values.desktop,
+        },
+        _d))));
+});
+var Container = forwardRef(function Container(props, ref) {
+    // prop destruction
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return React.createElement(ContainerRoot, __assign({ ref: ref }, props));
+});
+export { Container };
+Container.displayName = "Container";

package/dist/components/Container/index.d.ts

@@ -0,0 +1,3 @@
+import { Container } from "./Container";
+export * from "./Container";
+export default Container;

package/dist/components/Container/index.js

@@ -0,0 +1,3 @@
+import { Container } from "./Container";
+export * from "./Container";
+export default Container;

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,4 +1,17 @@
 import React from "react";
+declare module "@mui/joy/styles" {
+    interface BreakpointOverrides {
+        xs: false;
+        sm: false;
+        md: false;
+        lg: false;
+        xl: false;
+        mobile: true;
+        tablet: true;
+        laptop: true;
+        desktop: true;
+    }
+}
 declare function ThemeProvider(props: {
     children?: React.ReactNode;
 }): React.JSX.Element;

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -2,6 +2,14 @@ import React from "react";
 import { CssBaseline, CssVarsProvider, checkboxClasses, extendTheme, } from "@mui/joy";
 var defaultTheme = extendTheme({
     cssVarPrefix: "ceed",
+    breakpoints: {
+        values: {
+            mobile: 0,
+            tablet: 768,
+            laptop: 1024,
+            desktop: 1280,
+        },
+    },
     components: {
         JoyTable: {
             defaultProps: {

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export { Box } from "./Box";
 export { Button } from "./Button";
 export { Checkbox } from "./Checkbox";
+export { Container } from "./Container";
 export { DialogActions } from "./DialogActions";
 export { DialogContent } from "./DialogContent";
 export { DialogTitle } from "./DialogTitle";
@@ -12,7 +13,7 @@ export { FormLabel } from "./FormLabel";
 export { Grid } from "./Grid";
 export { IconButton } from "./IconButton";
 export { Input } from "./Input";
-export { Menu } from "./Menu";
+export { Menu, MenuButton, MenuItem } from "./Menu";
 export { Modal, ModalClose, ModalDialog, ModalOverflow } from "./Modal";
 export { Radio, RadioGroup } from "./Radio";
 export { Select, Option } from "./Select";

package/dist/components/index.js

@@ -1,6 +1,7 @@
 export { Box } from "./Box";
 export { Button } from "./Button";
 export { Checkbox } from "./Checkbox";
+export { Container } from "./Container";
 export { DialogActions } from "./DialogActions";
 export { DialogContent } from "./DialogContent";
 export { DialogTitle } from "./DialogTitle";
@@ -12,7 +13,7 @@ export { FormLabel } from "./FormLabel";
 export { Grid } from "./Grid";
 export { IconButton } from "./IconButton";
 export { Input } from "./Input";
-export { Menu } from "./Menu";
+export { Menu, MenuButton, MenuItem } from "./Menu";
 export { Modal, ModalClose, ModalDialog, ModalOverflow } from "./Modal";
 export { Radio, RadioGroup } from "./Radio";
 export { Select, Option } from "./Select";

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 export { boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from "@mui/joy";
-export { Box, Button, Checkbox, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, Modal, ModalClose, ModalDialog, ModalOverflow, Radio, RadioGroup, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
+export { Box, Button, Checkbox, Container, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, Radio, RadioGroup, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/dist/index.js

@@ -3,4 +3,4 @@ export {
 boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, 
 // Pure JoyUI
 Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from "@mui/joy";
-export { Box, Button, Checkbox, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, Modal, ModalClose, ModalDialog, ModalOverflow, Radio, RadioGroup, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
+export { Box, Button, Checkbox, Container, DialogActions, DialogContent, DialogTitle, Divider, Dropdown, FormControl, FormHelperText, FormLabel, Grid, IconButton, Input, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, Radio, RadioGroup, Select, Option, Sheet, Stack, Switch, Table, TableHead, TableBody, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/framer/index.js

@@ -24375,6 +24375,44 @@ Checkbox3.displayName = "Checkbox";
 // src/components/Checkbox/index.ts
 var Checkbox_default2 = Checkbox3;
 
+// src/components/Container/Container.tsx
+import { forwardRef as forwardRef48 } from "react";
+var ContainerRoot = styled_default2("div", {
+  name: "Container",
+  slot: "root",
+  shouldForwardProp: (prop) => prop !== "maxWidth"
+})(
+  ({ theme, maxWidth: maxWidth2 = "desktop" }) => ({
+    width: "100%",
+    marginLeft: "auto",
+    boxSizing: "border-box",
+    marginRight: "auto",
+    display: "block",
+    // Fix IE11 layout when used with main.
+    paddingLeft: theme.spacing(2),
+    paddingRight: theme.spacing(2),
+    ...maxWidth2 === "tablet" && {
+      [theme.breakpoints.up("mobile")]: {
+        maxWidth: theme.breakpoints.values.tablet
+      }
+    },
+    ...maxWidth2 === "laptop" && {
+      [theme.breakpoints.up("tablet")]: {
+        maxWidth: theme.breakpoints.values.laptop
+      }
+    },
+    ...maxWidth2 === "desktop" && {
+      [theme.breakpoints.up("laptop")]: {
+        maxWidth: theme.breakpoints.values.desktop
+      }
+    }
+  })
+);
+var Container = forwardRef48(function Container2(props, ref) {
+  return /* @__PURE__ */ jsx2(ContainerRoot, { ref, ...props });
+});
+Container.displayName = "Container";
+
 // src/components/DialogActions/DialogActions.tsx
 import { motion as motion4 } from "framer-motion";
 var MotionDialogActions = motion4(DialogActions_default);
@@ -24641,6 +24679,14 @@ Textarea3.displayName = "Textarea";
 // src/components/ThemeProvider/ThemeProvider.tsx
 var defaultTheme4 = extendTheme({
   cssVarPrefix: "ceed",
+  breakpoints: {
+    values: {
+      mobile: 0,
+      tablet: 768,
+      laptop: 1024,
+      desktop: 1280
+    }
+  },
   components: {
     JoyTable: {
       defaultProps: {
@@ -24688,6 +24734,7 @@ export {
   Button3 as Button,
   Checkbox3 as Checkbox,
   Chip_default as Chip,
+  Container,
   DialogActions3 as DialogActions,
   DialogContent3 as DialogContent,
   DialogTitle3 as DialogTitle,
@@ -24700,6 +24747,8 @@ export {
   IconButton3 as IconButton,
   Input3 as Input,
   Menu3 as Menu,
+  MenuButton3 as MenuButton,
+  MenuItem3 as MenuItem,
   Modal3 as Modal,
   ModalClose3 as ModalClose,
   ModalDialog3 as ModalDialog,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "main": "dist/index.js",
   "type": "module",
   "description": "UI tool for Ecube Labs front-end developers",