@ceed/ads 0.0.8 → 0.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Container/Container.d.ts +5 -0
- package/dist/components/Container/Container.js +47 -0
- package/dist/components/Container/index.d.ts +3 -0
- package/dist/components/Container/index.js +3 -0
- package/dist/components/Tabs/Tabs.d.ts +35 -0
- package/dist/components/Tabs/Tabs.js +14 -0
- package/dist/components/Tabs/index.d.ts +3 -0
- package/dist/components/Tabs/index.js +3 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +13 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +8 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/components/index.js +3 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/framer/index.js +1571 -562
- package/package.json +1 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Container: React.ForwardRefExoticComponent<Omit<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
|
|
3
|
+
maxWidth?: "tablet" | "laptop" | "desktop" | undefined;
|
|
4
|
+
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { Container };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { styled } from "@mui/joy";
|
|
13
|
+
import React, { forwardRef } from "react";
|
|
14
|
+
var ContainerRoot = styled("div", {
|
|
15
|
+
name: "Container",
|
|
16
|
+
slot: "root",
|
|
17
|
+
shouldForwardProp: function (prop) { return prop !== "maxWidth"; },
|
|
18
|
+
})(function (_a) {
|
|
19
|
+
var _b, _c, _d;
|
|
20
|
+
var theme = _a.theme, _e = _a.maxWidth, maxWidth = _e === void 0 ? "desktop" : _e;
|
|
21
|
+
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 = {},
|
|
22
|
+
_b[theme.breakpoints.up("mobile")] = {
|
|
23
|
+
maxWidth: theme.breakpoints.values.tablet,
|
|
24
|
+
},
|
|
25
|
+
_b))), (maxWidth === "laptop" && (_c = {},
|
|
26
|
+
_c[theme.breakpoints.up("tablet")] = {
|
|
27
|
+
maxWidth: theme.breakpoints.values.laptop,
|
|
28
|
+
},
|
|
29
|
+
_c))), (maxWidth === "desktop" && (_d = {},
|
|
30
|
+
_d[theme.breakpoints.up("laptop")] = {
|
|
31
|
+
maxWidth: theme.breakpoints.values.desktop,
|
|
32
|
+
},
|
|
33
|
+
_d))));
|
|
34
|
+
});
|
|
35
|
+
var Container = forwardRef(function Container(props, ref) {
|
|
36
|
+
// prop destruction
|
|
37
|
+
// lib hooks
|
|
38
|
+
// state, ref, querystring hooks
|
|
39
|
+
// form hooks
|
|
40
|
+
// query hooks
|
|
41
|
+
// calculated values
|
|
42
|
+
// effects
|
|
43
|
+
// handlers
|
|
44
|
+
return React.createElement(ContainerRoot, __assign({ ref: ref }, props));
|
|
45
|
+
});
|
|
46
|
+
export { Container };
|
|
47
|
+
Container.displayName = "Container";
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Tabs: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
|
|
3
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabsPropsColorOverrides> | undefined;
|
|
4
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabsPropsSizeOverrides> | undefined;
|
|
5
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
6
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
|
|
7
|
+
} & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
+
}, "children" | "defaultValue" | "className" | "color" | "onChange" | "direction" | "sx" | "size" | "variant" | "value" | "orientation" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
|
|
10
|
+
export { Tabs };
|
|
11
|
+
declare const TabList: import("framer-motion").CustomDomComponent<{
|
|
12
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
disableUnderline?: boolean | undefined;
|
|
15
|
+
tabFlex?: string | number | undefined;
|
|
16
|
+
underlinePlacement?: "top" | "right" | "bottom" | "left" | undefined;
|
|
17
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabListPropsSizeOverrides> | undefined;
|
|
18
|
+
sticky?: "top" | "bottom" | undefined;
|
|
19
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
20
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabListPropsVariantOverrides> | undefined;
|
|
21
|
+
} & import("@mui/joy").TabListSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
22
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
23
|
+
}, "children" | "color" | "sx" | "size" | "variant" | "sticky" | "disableUnderline" | "tabFlex" | "underlinePlacement" | keyof import("@mui/joy").TabListSlotsAndSlotProps>>;
|
|
24
|
+
export { TabList };
|
|
25
|
+
declare const TabPanel: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabPanelOwnProps, "slots" | "slotProps" | "value"> & {
|
|
26
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabPanelPropsColorOverrides> | undefined;
|
|
27
|
+
value?: string | number | undefined;
|
|
28
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabPanelPropsSizeOverrides> | undefined;
|
|
29
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
30
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPanelPropsVariantOverrides> | undefined;
|
|
31
|
+
keepMounted?: boolean | undefined;
|
|
32
|
+
} & import("@mui/joy").TabPanelSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
33
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
34
|
+
}, "children" | "className" | "color" | "sx" | "size" | "variant" | "value" | "keepMounted" | keyof import("@mui/joy").TabPanelSlotsAndSlotProps>>;
|
|
35
|
+
export { TabPanel };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Tabs as JoyTabs, TabList as JoyTabList, TabPanel as JoyTabPanel } from "@mui/joy";
|
|
2
|
+
import { motion } from "framer-motion";
|
|
3
|
+
var MotionTabs = motion(JoyTabs);
|
|
4
|
+
var Tabs = MotionTabs;
|
|
5
|
+
export { Tabs };
|
|
6
|
+
Tabs.displayName = "Tabs";
|
|
7
|
+
var MotionTabList = motion(JoyTabList);
|
|
8
|
+
var TabList = MotionTabList;
|
|
9
|
+
export { TabList };
|
|
10
|
+
TabList.displayName = "TabList";
|
|
11
|
+
var MotionTabPanel = motion(JoyTabPanel);
|
|
12
|
+
var TabPanel = MotionTabPanel;
|
|
13
|
+
export { TabPanel };
|
|
14
|
+
TabPanel.displayName = "TabPanel";
|
|
@@ -1,4 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
declare module "@mui/joy/styles" {
|
|
3
|
+
interface BreakpointOverrides {
|
|
4
|
+
xs: false;
|
|
5
|
+
sm: false;
|
|
6
|
+
md: false;
|
|
7
|
+
lg: false;
|
|
8
|
+
xl: false;
|
|
9
|
+
mobile: true;
|
|
10
|
+
tablet: true;
|
|
11
|
+
laptop: true;
|
|
12
|
+
desktop: true;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
2
15
|
declare function ThemeProvider(props: {
|
|
3
16
|
children?: React.ReactNode;
|
|
4
17
|
}): React.JSX.Element;
|
|
@@ -2,6 +2,14 @@ import React from "react";
|
|
|
2
2
|
import { CssBaseline, CssVarsProvider, checkboxClasses, extendTheme, } from "@mui/joy";
|
|
3
3
|
var defaultTheme = extendTheme({
|
|
4
4
|
cssVarPrefix: "ceed",
|
|
5
|
+
breakpoints: {
|
|
6
|
+
values: {
|
|
7
|
+
mobile: 0,
|
|
8
|
+
tablet: 768,
|
|
9
|
+
laptop: 1024,
|
|
10
|
+
desktop: 1280,
|
|
11
|
+
},
|
|
12
|
+
},
|
|
5
13
|
components: {
|
|
6
14
|
JoyTable: {
|
|
7
15
|
defaultProps: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Box } from "./Box";
|
|
2
2
|
export { Button } from "./Button";
|
|
3
3
|
export { Checkbox } from "./Checkbox";
|
|
4
|
+
export { Container } from "./Container";
|
|
4
5
|
export { DialogActions } from "./DialogActions";
|
|
5
6
|
export { DialogContent } from "./DialogContent";
|
|
6
7
|
export { DialogTitle } from "./DialogTitle";
|
|
@@ -12,7 +13,7 @@ export { FormLabel } from "./FormLabel";
|
|
|
12
13
|
export { Grid } from "./Grid";
|
|
13
14
|
export { IconButton } from "./IconButton";
|
|
14
15
|
export { Input } from "./Input";
|
|
15
|
-
export { Menu } from "./Menu";
|
|
16
|
+
export { Menu, MenuButton, MenuItem } from "./Menu";
|
|
16
17
|
export { Modal, ModalClose, ModalDialog, ModalOverflow } from "./Modal";
|
|
17
18
|
export { Radio, RadioGroup } from "./Radio";
|
|
18
19
|
export { Select, Option } from "./Select";
|
|
@@ -20,6 +21,7 @@ export { Sheet } from "./Sheet";
|
|
|
20
21
|
export { Stack } from "./Stack";
|
|
21
22
|
export { Switch } from "./Switch";
|
|
22
23
|
export { Table, TableHead, TableBody } from "./Table";
|
|
24
|
+
export { Tabs, TabList, TabPanel } from "./Tabs";
|
|
23
25
|
export { Textarea } from "./Textarea";
|
|
24
26
|
export { ThemeProvider } from "./ThemeProvider";
|
|
25
27
|
export { Tooltip } from "./Tooltip";
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Box } from "./Box";
|
|
2
2
|
export { Button } from "./Button";
|
|
3
3
|
export { Checkbox } from "./Checkbox";
|
|
4
|
+
export { Container } from "./Container";
|
|
4
5
|
export { DialogActions } from "./DialogActions";
|
|
5
6
|
export { DialogContent } from "./DialogContent";
|
|
6
7
|
export { DialogTitle } from "./DialogTitle";
|
|
@@ -12,7 +13,7 @@ export { FormLabel } from "./FormLabel";
|
|
|
12
13
|
export { Grid } from "./Grid";
|
|
13
14
|
export { IconButton } from "./IconButton";
|
|
14
15
|
export { Input } from "./Input";
|
|
15
|
-
export { Menu } from "./Menu";
|
|
16
|
+
export { Menu, MenuButton, MenuItem } from "./Menu";
|
|
16
17
|
export { Modal, ModalClose, ModalDialog, ModalOverflow } from "./Modal";
|
|
17
18
|
export { Radio, RadioGroup } from "./Radio";
|
|
18
19
|
export { Select, Option } from "./Select";
|
|
@@ -20,6 +21,7 @@ export { Sheet } from "./Sheet";
|
|
|
20
21
|
export { Stack } from "./Stack";
|
|
21
22
|
export { Switch } from "./Switch";
|
|
22
23
|
export { Table, TableHead, TableBody } from "./Table";
|
|
24
|
+
export { Tabs, TabList, TabPanel } from "./Tabs";
|
|
23
25
|
export { Textarea } from "./Textarea";
|
|
24
26
|
export { ThemeProvider } from "./ThemeProvider";
|
|
25
27
|
export { Tooltip } from "./Tooltip";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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";
|
|
2
|
-
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";
|
|
1
|
+
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, tabsClasses, tabListClasses, tabPanelClasses, Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from "@mui/joy";
|
|
2
|
+
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, Tabs, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export {
|
|
2
2
|
// Custom UI
|
|
3
|
-
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,
|
|
3
|
+
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, tabsClasses, tabListClasses, tabPanelClasses,
|
|
4
4
|
// Pure JoyUI
|
|
5
5
|
Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from "@mui/joy";
|
|
6
|
-
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";
|
|
6
|
+
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, Tabs, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
|