@ceed/cds 0.0.5
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/Box/Box.d.ts +5 -0
- package/dist/components/Box/Box.js +6 -0
- package/dist/components/Box/index.d.ts +3 -0
- package/dist/components/Box/index.js +3 -0
- package/dist/components/Button/Button.d.ts +8 -0
- package/dist/components/Button/Button.js +28 -0
- package/dist/components/Button/index.d.ts +3 -0
- package/dist/components/Button/index.js +3 -0
- package/dist/components/Checkbox/Checkbox.d.ts +8 -0
- package/dist/components/Checkbox/Checkbox.js +28 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.js +3 -0
- package/dist/components/DialogActions/DialogActions.d.ts +10 -0
- package/dist/components/DialogActions/DialogActions.js +6 -0
- package/dist/components/DialogActions/index.d.ts +3 -0
- package/dist/components/DialogActions/index.js +3 -0
- package/dist/components/DialogContent/DialogContent.d.ts +9 -0
- package/dist/components/DialogContent/DialogContent.js +6 -0
- package/dist/components/DialogContent/index.d.ts +3 -0
- package/dist/components/DialogContent/index.js +3 -0
- package/dist/components/DialogTitle/DialogTitle.d.ts +11 -0
- package/dist/components/DialogTitle/DialogTitle.js +6 -0
- package/dist/components/DialogTitle/index.d.ts +3 -0
- package/dist/components/DialogTitle/index.js +3 -0
- package/dist/components/Divider/Divider.d.ts +8 -0
- package/dist/components/Divider/Divider.js +28 -0
- package/dist/components/Divider/index.d.ts +3 -0
- package/dist/components/Divider/index.js +3 -0
- package/dist/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/components/Dropdown/Dropdown.js +6 -0
- package/dist/components/Dropdown/index.d.ts +3 -0
- package/dist/components/Dropdown/index.js +3 -0
- package/dist/components/FormControl/FormControl.d.ts +14 -0
- package/dist/components/FormControl/FormControl.js +6 -0
- package/dist/components/FormControl/index.d.ts +3 -0
- package/dist/components/FormControl/index.js +3 -0
- package/dist/components/FormHelperText/FormHelperText.d.ts +8 -0
- package/dist/components/FormHelperText/FormHelperText.js +6 -0
- package/dist/components/FormHelperText/index.d.ts +3 -0
- package/dist/components/FormHelperText/index.js +3 -0
- package/dist/components/FormLabel/FormLabel.d.ts +9 -0
- package/dist/components/FormLabel/FormLabel.js +6 -0
- package/dist/components/FormLabel/index.d.ts +3 -0
- package/dist/components/FormLabel/index.js +3 -0
- package/dist/components/Grid/Grid.d.ts +7 -0
- package/dist/components/Grid/Grid.js +6 -0
- package/dist/components/Grid/index.d.ts +3 -0
- package/dist/components/Grid/index.js +3 -0
- package/dist/components/IconButton/IconButton.d.ts +8 -0
- package/dist/components/IconButton/IconButton.js +28 -0
- package/dist/components/IconButton/index.d.ts +3 -0
- package/dist/components/IconButton/index.js +3 -0
- package/dist/components/Input/Input.d.ts +8 -0
- package/dist/components/Input/Input.js +28 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/Input/index.js +3 -0
- package/dist/components/Menu/Menu.d.ts +18 -0
- package/dist/components/Menu/Menu.js +56 -0
- package/dist/components/Menu/index.d.ts +3 -0
- package/dist/components/Menu/index.js +3 -0
- package/dist/components/Modal/Modal.d.ts +38 -0
- package/dist/components/Modal/Modal.js +18 -0
- package/dist/components/Modal/index.d.ts +3 -0
- package/dist/components/Modal/index.js +3 -0
- package/dist/components/Radio/Radio.d.ts +36 -0
- package/dist/components/Radio/Radio.js +10 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/Radio/index.js +3 -0
- package/dist/components/Select/Select.d.ts +26 -0
- package/dist/components/Select/Select.js +12 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.js +3 -0
- package/dist/components/Sheet/Sheet.d.ts +11 -0
- package/dist/components/Sheet/Sheet.js +6 -0
- package/dist/components/Sheet/index.d.ts +3 -0
- package/dist/components/Sheet/index.js +3 -0
- package/dist/components/Stack/Stack.d.ts +12 -0
- package/dist/components/Stack/Stack.js +6 -0
- package/dist/components/Stack/index.d.ts +3 -0
- package/dist/components/Stack/index.js +3 -0
- package/dist/components/Switch/Switch.d.ts +8 -0
- package/dist/components/Switch/Switch.js +54 -0
- package/dist/components/Switch/index.d.ts +3 -0
- package/dist/components/Switch/index.js +3 -0
- package/dist/components/Table/Table.d.ts +8 -0
- package/dist/components/Table/Table.js +28 -0
- package/dist/components/Table/index.d.ts +3 -0
- package/dist/components/Table/index.js +3 -0
- package/dist/components/Textarea/Textarea.d.ts +8 -0
- package/dist/components/Textarea/Textarea.js +28 -0
- package/dist/components/Textarea/index.d.ts +3 -0
- package/dist/components/Textarea/index.js +3 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +8 -0
- package/dist/components/ThemeProvider/ThemeProvider.js +13 -0
- package/dist/components/ThemeProvider/index.d.ts +3 -0
- package/dist/components/ThemeProvider/index.js +3 -0
- package/dist/components/Tooltip/Tooltip.d.ts +8 -0
- package/dist/components/Tooltip/Tooltip.js +28 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/index.js +3 -0
- package/dist/components/Typography/Typography.d.ts +8 -0
- package/dist/components/Typography/Typography.js +28 -0
- package/dist/components/Typography/index.d.ts +3 -0
- package/dist/components/Typography/index.js +3 -0
- package/dist/components/index.d.ts +26 -0
- package/dist/components/index.js +26 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +6 -0
- package/framer/index.js +24743 -0
- package/package.json +59 -0
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop"> & {
|
|
3
|
+
onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
|
|
4
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
5
|
+
} & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, "children" | "container" | "sx" | "open" | "disablePortal" | "keepMounted" | "onClose" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
|
|
8
|
+
export { Modal };
|
|
9
|
+
declare const ModalDialog: import("framer-motion").CustomDomComponent<{
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalDialogPropsColorOverrides> | undefined;
|
|
12
|
+
invertedColors?: boolean | undefined;
|
|
13
|
+
maxWidth?: string | number | undefined;
|
|
14
|
+
minWidth?: string | number | undefined;
|
|
15
|
+
layout?: import("@mui/types").OverridableStringUnion<"center" | "fullscreen", import("@mui/joy").ModalDialogPropsLayoutOverrides> | undefined;
|
|
16
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
17
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalDialogPropsSizeOverrides> | undefined;
|
|
18
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
19
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
|
|
20
|
+
} & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
+
}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "sx" | "size" | "variant" | "orientation" | "invertedColors" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
|
|
23
|
+
export { ModalDialog };
|
|
24
|
+
declare const ModalClose: import("framer-motion").CustomDomComponent<{
|
|
25
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;
|
|
26
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").ModalClosePropsSizeOverrides> | undefined;
|
|
27
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
28
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalClosePropsVariantOverrides> | undefined;
|
|
29
|
+
} & import("@mui/joy").ModalCloseSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
30
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
31
|
+
}, "color" | "sx" | "size" | "variant" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps>>;
|
|
32
|
+
export { ModalClose };
|
|
33
|
+
declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
|
|
34
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
35
|
+
} & import("@mui/joy").ModalOverflowSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
36
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
37
|
+
}, "sx" | keyof import("@mui/joy").ModalOverflowSlotsAndSlotProps>>;
|
|
38
|
+
export { ModalOverflow };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Modal as JoyModal, ModalDialog as JoyModalDialog, ModalClose as JoyModalClose, ModalOverflow as JoyModalOverflow, } from "@mui/joy";
|
|
2
|
+
import { motion } from "framer-motion";
|
|
3
|
+
var MotionModal = motion(JoyModal);
|
|
4
|
+
var Modal = MotionModal;
|
|
5
|
+
export { Modal };
|
|
6
|
+
Modal.displayName = "Modal";
|
|
7
|
+
var MotionModalDialog = motion(JoyModalDialog);
|
|
8
|
+
var ModalDialog = MotionModalDialog;
|
|
9
|
+
export { ModalDialog };
|
|
10
|
+
ModalDialog.displayName = "ModalDialog";
|
|
11
|
+
var MotionModalClose = motion(JoyModalClose);
|
|
12
|
+
var ModalClose = MotionModalClose;
|
|
13
|
+
export { ModalClose };
|
|
14
|
+
ModalClose.displayName = "ModalClose";
|
|
15
|
+
var MotionModalOverflow = motion(JoyModalOverflow);
|
|
16
|
+
var ModalOverflow = MotionModalOverflow;
|
|
17
|
+
export { ModalOverflow };
|
|
18
|
+
ModalOverflow.displayName = "ModalOverflow";
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Radio: import("framer-motion").CustomDomComponent<import("@mui/base").UseSwitchParameters & {
|
|
3
|
+
checkedIcon?: React.ReactNode;
|
|
4
|
+
className?: string | undefined;
|
|
5
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").RadioPropsColorOverrides> | undefined;
|
|
6
|
+
disableIcon?: boolean | undefined;
|
|
7
|
+
label?: React.ReactNode;
|
|
8
|
+
name?: string | undefined;
|
|
9
|
+
overlay?: boolean | undefined;
|
|
10
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").RadioPropsSizeOverrides> | undefined;
|
|
11
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
12
|
+
uncheckedIcon?: React.ReactNode;
|
|
13
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").RadioPropsVariantOverrides> | undefined;
|
|
14
|
+
value?: unknown;
|
|
15
|
+
} & import("@mui/joy").RadioSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
16
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
|
|
17
|
+
}, "label" | "className" | "color" | "overlay" | "sx" | "size" | "variant" | "name" | "value" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
|
|
18
|
+
export { Radio };
|
|
19
|
+
declare const RadioGroup: import("framer-motion").CustomDomComponent<{
|
|
20
|
+
className?: string | undefined;
|
|
21
|
+
component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
22
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").RadioPropsColorOverrides> | undefined;
|
|
23
|
+
defaultValue?: any;
|
|
24
|
+
disableIcon?: boolean | undefined;
|
|
25
|
+
name?: string | undefined;
|
|
26
|
+
overlay?: boolean | undefined;
|
|
27
|
+
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
28
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
29
|
+
size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").RadioPropsSizeOverrides> | undefined;
|
|
30
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
31
|
+
value?: any;
|
|
32
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").RadioPropsVariantOverrides> | undefined;
|
|
33
|
+
} & import("@mui/joy").RadioGroupSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
34
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
35
|
+
}, "defaultValue" | "className" | "color" | "onChange" | "overlay" | "component" | "sx" | "size" | "variant" | "name" | "value" | "disableIcon" | "orientation" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
|
|
36
|
+
export { RadioGroup };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Radio as JoyRadio, RadioGroup as JoyRadioGroup } from "@mui/joy";
|
|
2
|
+
import { motion } from "framer-motion";
|
|
3
|
+
var MotionRadio = motion(JoyRadio);
|
|
4
|
+
var Radio = MotionRadio;
|
|
5
|
+
export { Radio };
|
|
6
|
+
Radio.displayName = "Radio";
|
|
7
|
+
var MotionRadioGroup = motion(JoyRadioGroup);
|
|
8
|
+
var RadioGroup = MotionRadioGroup;
|
|
9
|
+
export { RadioGroup };
|
|
10
|
+
RadioGroup.displayName = "RadioGroup";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Select: import("framer-motion").CustomDomComponent<{
|
|
3
|
+
multiple?: boolean | undefined;
|
|
4
|
+
} & import("@mui/joy").SelectStaticProps & import("@mui/joy").SelectSlotsAndSlotProps<boolean> & {
|
|
5
|
+
defaultValue?: {} | {}[] | null | undefined;
|
|
6
|
+
multiple?: boolean | undefined;
|
|
7
|
+
getSerializedValue?: ((option: import("@mui/joy").SelectOption<{}> | import("@mui/joy").SelectOption<{}>[] | null) => string | number | readonly string[] | undefined) | undefined;
|
|
8
|
+
onChange?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element> | React.FocusEvent<Element, Element> | null, value: {} | {}[] | null) => void) | undefined;
|
|
9
|
+
renderValue?: ((option: import("@mui/joy").SelectOption<{}> | import("@mui/joy").SelectOption<{}>[] | null) => React.ReactNode) | undefined;
|
|
10
|
+
value?: {} | {}[] | null | undefined;
|
|
11
|
+
} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
12
|
+
ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
13
|
+
}, "defaultValue" | "onChange" | "value" | keyof import("@mui/joy").SelectStaticProps | keyof import("@mui/joy").SelectSlotsAndSlotProps<Multiple> | "multiple" | "getSerializedValue" | "renderValue">>;
|
|
14
|
+
export { Select };
|
|
15
|
+
declare const Option: import("framer-motion").CustomDomComponent<{
|
|
16
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").OptionPropsColorOverrides> | undefined;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
disabled?: boolean | undefined;
|
|
19
|
+
label?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
20
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").OptionPropsVariantOverrides> | undefined;
|
|
21
|
+
value: any;
|
|
22
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
23
|
+
} & import("@mui/joy").OptionSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
24
|
+
ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
|
|
25
|
+
}, "label" | "children" | "color" | "sx" | "disabled" | "variant" | "value" | keyof import("@mui/joy").OptionSlotsAndSlotProps>>;
|
|
26
|
+
export { Option };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Select as JoySelect, Option as JoyOption } from "@mui/joy";
|
|
2
|
+
import { motion } from "framer-motion";
|
|
3
|
+
var MotionSelect = motion(JoySelect);
|
|
4
|
+
var Select = MotionSelect;
|
|
5
|
+
export { Select };
|
|
6
|
+
Select.displayName = "Select";
|
|
7
|
+
// NOTE: Context를 공유하는 컴포넌트는 한 파일로 번들링되어야 Framer에서 문제 없이 동작할수 있다.
|
|
8
|
+
// 파일별로 필요한 패키지를 모두 import 하도록 되어 있기 때문에 다른 파일에서 내보내면 Context가 고유하게 2개 생기는것이 원인이다.
|
|
9
|
+
var MotionOption = motion(JoyOption);
|
|
10
|
+
var Option = MotionOption;
|
|
11
|
+
export { Option };
|
|
12
|
+
Option.displayName = "Option";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Sheet: import("framer-motion").CustomDomComponent<{
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").SheetPropsColorOverrides> | undefined;
|
|
5
|
+
invertedColors?: boolean | undefined;
|
|
6
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
7
|
+
variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").SheetPropsVariantOverrides> | undefined;
|
|
8
|
+
} & import("@mui/joy").SheetSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
+
}, "children" | "color" | "sx" | "variant" | "invertedColors" | keyof import("@mui/joy").SheetSlotsAndSlotProps>>;
|
|
11
|
+
export { Sheet };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const Stack: import("framer-motion").CustomDomComponent<{
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
direction?: import("@mui/system").ResponsiveStyleValue<"row" | "column" | "column-reverse" | "row-reverse"> | undefined;
|
|
5
|
+
spacing?: import("@mui/system").ResponsiveStyleValue<string | number> | undefined;
|
|
6
|
+
divider?: React.ReactNode;
|
|
7
|
+
useFlexGap?: boolean | undefined;
|
|
8
|
+
sx?: import("@mui/joy/styles/types").SxProps | undefined;
|
|
9
|
+
} & import("@mui/joy").StackSlotsAndSlotProps & import("@mui/joy/styles/types").SystemProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
+
}, "children" | "direction" | ("p" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform") | "sx" | "spacing" | "divider" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>>;
|
|
12
|
+
export { Stack };
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
var _a;
|
|
13
|
+
import React from "react";
|
|
14
|
+
import { Switch as JoySwitch, styled, switchClasses, } from "@mui/joy";
|
|
15
|
+
import { motion } from "framer-motion";
|
|
16
|
+
var MotionSwitch = motion(JoySwitch);
|
|
17
|
+
var StyledThumb = styled(motion.div)((_a = {
|
|
18
|
+
"--Icon-fontSize": "calc(var(--Switch-thumbSize) * 0.75)",
|
|
19
|
+
display: "inline-flex",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
alignItems: "center",
|
|
22
|
+
position: "absolute",
|
|
23
|
+
left: "var(--Switch-thumbOffset)",
|
|
24
|
+
width: "var(--Switch-thumbWidth)",
|
|
25
|
+
height: "var(--Switch-thumbSize)",
|
|
26
|
+
borderRadius: "var(--Switch-thumbRadius)",
|
|
27
|
+
boxShadow: "var(--Switch-thumbShadow)",
|
|
28
|
+
color: "var(--Switch-thumbColor)",
|
|
29
|
+
backgroundColor: "var(--Switch-thumbBackground)"
|
|
30
|
+
},
|
|
31
|
+
_a["&.".concat(switchClasses.checked)] = {
|
|
32
|
+
left: "unset",
|
|
33
|
+
right: "var(--Switch-thumbOffset)",
|
|
34
|
+
},
|
|
35
|
+
_a));
|
|
36
|
+
var Thumb = function (props) { return (React.createElement(StyledThumb, __assign({}, props, { layout: true, transition: spring }))); };
|
|
37
|
+
var spring = {
|
|
38
|
+
type: "spring",
|
|
39
|
+
stiffness: 700,
|
|
40
|
+
damping: 30,
|
|
41
|
+
};
|
|
42
|
+
var Switch = function (props) {
|
|
43
|
+
// prop destruction
|
|
44
|
+
// lib hooks
|
|
45
|
+
// state, ref, querystring hooks
|
|
46
|
+
// form hooks
|
|
47
|
+
// query hooks
|
|
48
|
+
// calculated values
|
|
49
|
+
// effects
|
|
50
|
+
// handlers
|
|
51
|
+
return (React.createElement(MotionSwitch, __assign({}, props, { slots: __assign({ thumb: Thumb }, props.slots) })));
|
|
52
|
+
};
|
|
53
|
+
export { Switch };
|
|
54
|
+
Switch.displayName = "Switch";
|
|
@@ -0,0 +1,28 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { Table as JoyTable } from "@mui/joy";
|
|
14
|
+
import { motion } from "framer-motion";
|
|
15
|
+
var MotionTable = motion(JoyTable);
|
|
16
|
+
var Table = function (props) {
|
|
17
|
+
// prop destruction
|
|
18
|
+
// lib hooks
|
|
19
|
+
// state, ref, querystring hooks
|
|
20
|
+
// form hooks
|
|
21
|
+
// query hooks
|
|
22
|
+
// calculated values
|
|
23
|
+
// effects
|
|
24
|
+
// handlers
|
|
25
|
+
return React.createElement(MotionTable, __assign({}, props));
|
|
26
|
+
};
|
|
27
|
+
export { Table };
|
|
28
|
+
Table.displayName = "Table";
|
|
@@ -0,0 +1,28 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { Textarea as JoyTextarea } from "@mui/joy";
|
|
14
|
+
import { motion } from "framer-motion";
|
|
15
|
+
var MotionTextarea = motion(JoyTextarea);
|
|
16
|
+
var Textarea = function (props) {
|
|
17
|
+
// prop destruction
|
|
18
|
+
// lib hooks
|
|
19
|
+
// state, ref, querystring hooks
|
|
20
|
+
// form hooks
|
|
21
|
+
// query hooks
|
|
22
|
+
// calculated values
|
|
23
|
+
// effects
|
|
24
|
+
// handlers
|
|
25
|
+
return React.createElement(MotionTextarea, __assign({}, props));
|
|
26
|
+
};
|
|
27
|
+
export { Textarea };
|
|
28
|
+
Textarea.displayName = "Textarea";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CssBaseline, CssVarsProvider, extendTheme } from '@mui/joy';
|
|
3
|
+
var defaultTheme = extendTheme({
|
|
4
|
+
cssVarPrefix: 'ceed',
|
|
5
|
+
});
|
|
6
|
+
function ThemeProvider(props) {
|
|
7
|
+
return (React.createElement(React.Fragment, null,
|
|
8
|
+
React.createElement(CssVarsProvider, { theme: defaultTheme },
|
|
9
|
+
React.createElement(CssBaseline, null),
|
|
10
|
+
props.children)));
|
|
11
|
+
}
|
|
12
|
+
export { ThemeProvider };
|
|
13
|
+
ThemeProvider.displayName = 'ThemeProvider';
|
|
@@ -0,0 +1,28 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { Tooltip as JoyTooltip } from "@mui/joy";
|
|
14
|
+
import { motion } from "framer-motion";
|
|
15
|
+
var MotionTooltip = motion(JoyTooltip);
|
|
16
|
+
var Tooltip = function (props) {
|
|
17
|
+
// prop destruction
|
|
18
|
+
// lib hooks
|
|
19
|
+
// state, ref, querystring hooks
|
|
20
|
+
// form hooks
|
|
21
|
+
// query hooks
|
|
22
|
+
// calculated values
|
|
23
|
+
// effects
|
|
24
|
+
// handlers
|
|
25
|
+
return React.createElement(MotionTooltip, __assign({}, props));
|
|
26
|
+
};
|
|
27
|
+
export { Tooltip };
|
|
28
|
+
Tooltip.displayName = "Tooltip";
|
|
@@ -0,0 +1,28 @@
|
|
|
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 React from "react";
|
|
13
|
+
import { Typography as JoyTypography } from "@mui/joy";
|
|
14
|
+
import { motion } from "framer-motion";
|
|
15
|
+
var MotionTypography = motion(JoyTypography);
|
|
16
|
+
var Typography = function (props) {
|
|
17
|
+
// prop destruction
|
|
18
|
+
// lib hooks
|
|
19
|
+
// state, ref, querystring hooks
|
|
20
|
+
// form hooks
|
|
21
|
+
// query hooks
|
|
22
|
+
// calculated values
|
|
23
|
+
// effects
|
|
24
|
+
// handlers
|
|
25
|
+
return React.createElement(MotionTypography, __assign({}, props));
|
|
26
|
+
};
|
|
27
|
+
export { Typography };
|
|
28
|
+
Typography.displayName = "Typography";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export { Box } from "./Box";
|
|
2
|
+
export { Button } from "./Button";
|
|
3
|
+
export { Checkbox } from "./Checkbox";
|
|
4
|
+
export { DialogActions } from "./DialogActions";
|
|
5
|
+
export { DialogContent } from "./DialogContent";
|
|
6
|
+
export { DialogTitle } from "./DialogTitle";
|
|
7
|
+
export { Divider } from "./Divider";
|
|
8
|
+
export { Dropdown } from "./Dropdown";
|
|
9
|
+
export { FormControl } from "./FormControl";
|
|
10
|
+
export { FormHelperText } from "./FormHelperText";
|
|
11
|
+
export { FormLabel } from "./FormLabel";
|
|
12
|
+
export { Grid } from "./Grid";
|
|
13
|
+
export { IconButton } from "./IconButton";
|
|
14
|
+
export { Input } from "./Input";
|
|
15
|
+
export { Menu } from "./Menu";
|
|
16
|
+
export { Modal } from "./Modal";
|
|
17
|
+
export { Radio } from "./Radio";
|
|
18
|
+
export { Select } from "./Select";
|
|
19
|
+
export { Sheet } from "./Sheet";
|
|
20
|
+
export { Stack } from "./Stack";
|
|
21
|
+
export { Switch } from "./Switch";
|
|
22
|
+
export { Table } from "./Table";
|
|
23
|
+
export { Textarea } from "./Textarea";
|
|
24
|
+
export { ThemeProvider } from "./ThemeProvider";
|
|
25
|
+
export { Tooltip } from "./Tooltip";
|
|
26
|
+
export { Typography } from "./Typography";
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export { Box } from "./Box";
|
|
2
|
+
export { Button } from "./Button";
|
|
3
|
+
export { Checkbox } from "./Checkbox";
|
|
4
|
+
export { DialogActions } from "./DialogActions";
|
|
5
|
+
export { DialogContent } from "./DialogContent";
|
|
6
|
+
export { DialogTitle } from "./DialogTitle";
|
|
7
|
+
export { Divider } from "./Divider";
|
|
8
|
+
export { Dropdown } from "./Dropdown";
|
|
9
|
+
export { FormControl } from "./FormControl";
|
|
10
|
+
export { FormHelperText } from "./FormHelperText";
|
|
11
|
+
export { FormLabel } from "./FormLabel";
|
|
12
|
+
export { Grid } from "./Grid";
|
|
13
|
+
export { IconButton } from "./IconButton";
|
|
14
|
+
export { Input } from "./Input";
|
|
15
|
+
export { Menu } from "./Menu";
|
|
16
|
+
export { Modal } from "./Modal";
|
|
17
|
+
export { Radio } from "./Radio";
|
|
18
|
+
export { Select } from "./Select";
|
|
19
|
+
export { Sheet } from "./Sheet";
|
|
20
|
+
export { Stack } from "./Stack";
|
|
21
|
+
export { Switch } from "./Switch";
|
|
22
|
+
export { Table } from "./Table";
|
|
23
|
+
export { Textarea } from "./Textarea";
|
|
24
|
+
export { ThemeProvider } from "./ThemeProvider";
|
|
25
|
+
export { Tooltip } from "./Tooltip";
|
|
26
|
+
export { Typography } from "./Typography";
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +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 * from './components';
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export {
|
|
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,
|
|
4
|
+
// Pure JoyUI
|
|
5
|
+
Avatar, avatarClasses, AvatarGroup, avatarGroupClasses, Chip, chipClasses, } from '@mui/joy';
|
|
6
|
+
export * from './components';
|