@ceed/cds 0.0.5 → 0.0.33

package/dist/components/DialogFrame/DialogFrame.js

@@ -0,0 +1,44 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import DialogTitle from "../DialogTitle";
+import DialogContent from "../DialogContent";
+import { ModalDialog } from "../Modal";
+import DialogActions from "../DialogActions";
+function DialogFrame(props) {
+    // prop destruction
+    var title = props.title, children = props.children, actions = props.actions, innerProps = __rest(props, ["title", "children", "actions"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(ModalDialog, __assign({}, innerProps),
+        React.createElement(DialogTitle, null, title),
+        React.createElement(DialogContent, null, children),
+        React.createElement(DialogActions, null, actions)));
+}
+export { DialogFrame };
+DialogFrame.displayName = "DialogFrame";

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

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

package/dist/components/DialogFrame/index.js

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

package/dist/components/DialogTitle/DialogTitle.d.ts

@@ -7,5 +7,5 @@ declare const DialogTitle: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").DialogTitlePropsVariantOverrides> | undefined;
 } & import("@mui/joy").DialogTitleSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "sx" | "variant" | "level" | keyof import("@mui/joy").DialogTitleSlotsAndSlotProps>>;
+}, "children" | "color" | "variant" | "sx" | "level" | keyof import("@mui/joy").DialogTitleSlotsAndSlotProps>>;
 export { DialogTitle };

package/dist/components/Grid/Grid.d.ts

@@ -3,5 +3,5 @@ declare const Grid: import("framer-motion").CustomDomComponent<import("@mui/syst
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy/styles/types").SystemProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, ("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" | keyof import("@mui/system").GridBaseProps | keyof import("@mui/joy").GridSlotsAndSlotProps>>;
+}, "sx" | ("p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | keyof import("@mui/system").GridBaseProps | keyof import("@mui/joy").GridSlotsAndSlotProps>>;
 export { Grid };

package/dist/components/InsetDrawer/InsetDrawer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { DrawerProps } from "@mui/joy";
+import { MotionProps } from "framer-motion";
+declare const InsetDrawer: {
+    (props: DrawerProps & MotionProps): React.JSX.Element;
+    displayName: string;
+};
+export { InsetDrawer };

package/dist/components/InsetDrawer/InsetDrawer.js

@@ -0,0 +1,45 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Drawer as JoyDrawer } from "@mui/joy";
+import { motion } from "framer-motion";
+var MotionDrawer = motion(JoyDrawer);
+var InsetDrawer = function (props) {
+    var _a;
+    // prop destruction
+    var children = props.children, innerProps = __rest(props, ["children"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(MotionDrawer, __assign({}, innerProps, { slotProps: __assign(__assign({}, innerProps.slotProps), { content: __assign(__assign({}, (_a = innerProps.slotProps) === null || _a === void 0 ? void 0 : _a.content), { sx: {
+                    bgcolor: "transparent",
+                    p: { md: 3, sm: 0 },
+                    boxShadow: "none",
+                } }) }) }), children));
+};
+export { InsetDrawer };
+InsetDrawer.displayName = "InsetDrawer";

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

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

package/dist/components/InsetDrawer/index.js

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

package/dist/components/Modal/Modal.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop"> & {
-    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
+declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted"> & {
+    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "container" | "sx" | "open" | "disablePortal" | "keepMounted" | "onClose" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
+}, "children" | "container" | "sx" | "open" | "onClose" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
 export { Modal };
 declare const ModalDialog: import("framer-motion").CustomDomComponent<{
     children?: React.ReactNode;
@@ -19,7 +19,7 @@ declare const ModalDialog: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "sx" | "size" | "variant" | "orientation" | "invertedColors" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
+}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
 export { ModalDialog };
 declare const ModalClose: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;
@@ -28,7 +28,7 @@ declare const ModalClose: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalClosePropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalCloseSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "sx" | "size" | "variant" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps>>;
+}, "color" | "variant" | "sx" | "size" | keyof import("@mui/joy").ModalCloseSlotsAndSlotProps>>;
 export { ModalClose };
 declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
@@ -36,3 +36,11 @@ declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "sx" | keyof import("@mui/joy").ModalOverflowSlotsAndSlotProps>>;
 export { ModalOverflow };
+declare function ModalFrame(props: {
+    title: React.ReactNode;
+    children: React.ReactNode;
+} & React.ComponentProps<typeof ModalDialog>): React.JSX.Element;
+declare namespace ModalFrame {
+    var displayName: string;
+}
+export { ModalFrame };

package/dist/components/Modal/Modal.js

@@ -1,5 +1,30 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
 import { Modal as JoyModal, ModalDialog as JoyModalDialog, ModalClose as JoyModalClose, ModalOverflow as JoyModalOverflow, } from "@mui/joy";
 import { motion } from "framer-motion";
+import DialogTitle from "../DialogTitle";
+import DialogContent from "../DialogContent";
 var MotionModal = motion(JoyModal);
 var Modal = MotionModal;
 export { Modal };
@@ -16,3 +41,20 @@ var MotionModalOverflow = motion(JoyModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 export { ModalOverflow };
 ModalOverflow.displayName = "ModalOverflow";
+function ModalFrame(props) {
+    // prop destruction
+    var title = props.title, children = props.children, innerProps = __rest(props, ["title", "children"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(ModalDialog, __assign({}, innerProps),
+        React.createElement(ModalClose, null),
+        React.createElement(DialogTitle, null, title),
+        React.createElement(DialogContent, null, children)));
+}
+export { ModalFrame };
+ModalFrame.displayName = "ModalFrame";

package/dist/components/Radio/Radio.d.ts

@@ -14,7 +14,7 @@ declare const Radio: import("framer-motion").CustomDomComponent<import("@mui/bas
     value?: unknown;
 } & import("@mui/joy").RadioSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "label" | "className" | "color" | "overlay" | "sx" | "size" | "variant" | "name" | "value" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
+}, "label" | "color" | "overlay" | "className" | "variant" | "sx" | "size" | "name" | "value" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
 export { Radio };
 declare const RadioGroup: import("framer-motion").CustomDomComponent<{
     className?: string | undefined;
@@ -32,5 +32,5 @@ declare const RadioGroup: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").RadioPropsVariantOverrides> | undefined;
 } & import("@mui/joy").RadioGroupSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "defaultValue" | "className" | "color" | "onChange" | "overlay" | "component" | "sx" | "size" | "variant" | "name" | "value" | "disableIcon" | "orientation" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
+}, "color" | "overlay" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "component" | "name" | "value" | "disableIcon" | "orientation" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
 export { RadioGroup };

package/dist/components/RadioList/RadioList.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentProps, ReactNode } from "react";
+import { RadioGroup } from "../Radio/Radio";
+declare function RadioList(props: {
+    items: {
+        label: ReactNode;
+        value: string;
+    }[];
+} & ComponentProps<typeof RadioGroup>): React.JSX.Element;
+declare namespace RadioList {
+    var displayName: string;
+}
+export { RadioList };

package/dist/components/RadioList/RadioList.js

@@ -0,0 +1,38 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Radio, RadioGroup } from "../Radio/Radio";
+function RadioList(props) {
+    // prop destruction
+    var items = props.items, innerProps = __rest(props, ["items"]);
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement(RadioGroup, __assign({}, innerProps), items.map(function (item) { return (React.createElement(Radio, { key: "".concat(item.value), value: item.value, label: item.label })); })));
+}
+export { RadioList };
+RadioList.displayName = "RadioList";

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

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

package/dist/components/RadioList/index.js

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

package/dist/components/Select/Select.d.ts

@@ -10,7 +10,7 @@ declare const Select: import("framer-motion").CustomDomComponent<{
     value?: {} | {}[] | null | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "defaultValue" | "onChange" | "value" | keyof import("@mui/joy").SelectStaticProps | keyof import("@mui/joy").SelectSlotsAndSlotProps<Multiple> | "multiple" | "getSerializedValue" | "renderValue">>;
+}, "defaultValue" | "onChange" | "value" | "multiple" | keyof import("@mui/joy").SelectStaticProps | keyof import("@mui/joy").SelectSlotsAndSlotProps<Multiple> | "getSerializedValue" | "renderValue">>;
 export { Select };
 declare const Option: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").OptionPropsColorOverrides> | undefined;
@@ -22,5 +22,5 @@ declare const Option: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").OptionSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "label" | "children" | "color" | "sx" | "disabled" | "variant" | "value" | keyof import("@mui/joy").OptionSlotsAndSlotProps>>;
+}, "label" | "children" | "color" | "variant" | "sx" | "disabled" | "value" | keyof import("@mui/joy").OptionSlotsAndSlotProps>>;
 export { Option };

package/dist/components/Sheet/Sheet.d.ts

@@ -7,5 +7,5 @@ declare const Sheet: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").SheetPropsVariantOverrides> | undefined;
 } & import("@mui/joy").SheetSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "sx" | "variant" | "invertedColors" | keyof import("@mui/joy").SheetSlotsAndSlotProps>>;
+}, "children" | "color" | "variant" | "sx" | "invertedColors" | keyof import("@mui/joy").SheetSlotsAndSlotProps>>;
 export { Sheet };

package/dist/components/Stack/Stack.d.ts

@@ -8,5 +8,5 @@ declare const Stack: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").StackSlotsAndSlotProps & import("@mui/joy/styles/types").SystemProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "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>>;
+}, "children" | "direction" | "sx" | ("p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "spacing" | "divider" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>>;
 export { Stack };

package/dist/components/Table/Table.d.ts

@@ -1,8 +1,62 @@
 import React from "react";
 import { TableProps } from "@mui/joy";
-import { MotionProps } from "framer-motion";
 declare const Table: {
-    (props: TableProps & MotionProps): React.JSX.Element;
+    (props: TableProps): React.JSX.Element;
     displayName: string;
 };
 export { Table };
+interface HeadCell {
+    label: string;
+    numeric?: boolean;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+}
+declare function TableHead<D extends Record<string, unknown>>(props: {
+    headCells: HeadCell[];
+    /**
+     * Show Checkbox to select all rows
+     */
+    showCheckbox?: boolean;
+    onCheckboxChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Inject custom component
+     */
+    slots?: {
+        checkbox?: React.ElementType;
+    };
+    slotProps?: {
+        checkbox?: Partial<{
+            checked: boolean;
+            indeterminate: boolean;
+            [key: string]: any;
+        }>;
+    };
+}): React.JSX.Element;
+declare namespace TableHead {
+    var displayName: string;
+}
+export { TableHead };
+interface TableBodyProps<D extends Record<string, unknown>> {
+    rows: D[];
+    cellOrder: (keyof D)[];
+    rowOptions?: Partial<Record<keyof D, {
+        numeric?: boolean;
+    }>>;
+    showCheckbox?: boolean;
+    onCheckboxChange?: (event: React.ChangeEvent<HTMLInputElement>, rowIndex: number) => void;
+    slots?: {
+        checkbox?: React.ElementType;
+    };
+    slotProps?: {
+        checkbox?: Partial<{
+            checked: boolean;
+            [key: string]: any;
+        }>;
+    };
+}
+declare function TableBody<D extends Record<string, unknown>>(props: TableBodyProps<D>): React.JSX.Element;
+declare namespace TableBody {
+    var displayName: string;
+}
+export { TableBody };

package/dist/components/Table/Table.js

@@ -9,12 +9,23 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from "react";
 import { Table as JoyTable } from "@mui/joy";
-import { motion } from "framer-motion";
-var MotionTable = motion(JoyTable);
+import Checkbox from "../Checkbox";
 var Table = function (props) {
     // prop destruction
+    var children = props.children, inheritProps = __rest(props, ["children"]);
     // lib hooks
     // state, ref, querystring hooks
     // form hooks
@@ -22,7 +33,57 @@ var Table = function (props) {
     // calculated values
     // effects
     // handlers
-    return React.createElement(MotionTable, __assign({}, props));
+    return React.createElement(JoyTable, __assign({}, inheritProps), children);
 };
 export { Table };
 Table.displayName = "Table";
+function TableHead(props) {
+    // prop destruction
+    var headCells = props.headCells, showCheckbox = props.showCheckbox, onCheckboxChange = props.onCheckboxChange, _a = props.slots, _b = _a === void 0 ? {} : _a, _c = _b.checkbox, RenderCheckbox = _c === void 0 ? Checkbox : _c, _d = props.slotProps, _e = _d === void 0 ? {} : _d, _f = _e.checkbox, checkboxProps = _f === void 0 ? {} : _f;
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement("thead", null,
+        React.createElement("tr", null,
+            showCheckbox && (React.createElement("th", { style: {
+                    width: "40px",
+                    textAlign: "center",
+                } },
+                React.createElement(RenderCheckbox, __assign({ onChange: onCheckboxChange }, checkboxProps)))),
+            headCells.map(function (headCell) { return (React.createElement("th", { key: headCell.label, style: {
+                    width: headCell.width,
+                    minWidth: headCell.minWidth,
+                    maxWidth: headCell.maxWidth,
+                    textAlign: headCell.numeric ? "right" : "left",
+                } }, headCell.label)); }))));
+}
+TableHead.displayName = "TableHead";
+export { TableHead };
+function TableBody(props) {
+    // prop destruction
+    var rows = props.rows, cellOrder = props.cellOrder, rowOptions = props.rowOptions, showCheckbox = props.showCheckbox, onCheckboxChange = props.onCheckboxChange, _a = props.slots, _b = _a === void 0 ? {} : _a, _c = _b.checkbox, RenderCheckbox = _c === void 0 ? Checkbox : _c, _d = props.slotProps, _e = _d === void 0 ? {} : _d, _f = _e.checkbox, checkboxProps = _f === void 0 ? {} : _f;
+    // lib hooks
+    // state, ref, querystring hooks
+    // form hooks
+    // query hooks
+    // calculated values
+    // effects
+    // handlers
+    return (React.createElement("tbody", null, rows.map(function (row, rowIndex) { return (React.createElement("tr", { key: rowIndex },
+        showCheckbox && (React.createElement("td", { style: {
+                textAlign: "center",
+            } },
+            React.createElement(RenderCheckbox, __assign({ onChange: function (event) { return onCheckboxChange === null || onCheckboxChange === void 0 ? void 0 : onCheckboxChange(event, rowIndex); } }, checkboxProps)))),
+        cellOrder.map(function (cellKey) {
+            var _a;
+            return (React.createElement("td", { key: cellKey, style: {
+                    textAlign: ((_a = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions[cellKey]) === null || _a === void 0 ? void 0 : _a.numeric) ? "right" : "left",
+                } }, row[cellKey]));
+        }))); })));
+}
+TableBody.displayName = "TableBody";
+export { TableBody };

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,53 @@
+import React from "react";
+declare const Tabs: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabsPropsColorOverrides> | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabsPropsSizeOverrides> | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
+} & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "value" | "orientation" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
+export { Tabs };
+declare const Tab: import("framer-motion").CustomDomComponent<{
+    action?: React.Ref<{
+        focusVisible(): void;
+    }> | undefined;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabPropsColorOverrides> | undefined;
+    disabled?: boolean | undefined;
+    disableIndicator?: boolean | undefined;
+    indicatorPlacement?: "bottom" | "left" | "right" | "top" | undefined;
+    indicatorInset?: boolean | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    value?: string | number | undefined;
+    onChange?: ((event: React.SyntheticEvent<Element, Event>, value: string | number) => void) | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPropsVariantOverrides> | undefined;
+} & import("@mui/joy").TabSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "onChange" | "variant" | "sx" | "disabled" | "action" | "value" | "orientation" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps>>;
+export { Tab };
+declare const TabList: import("framer-motion").CustomDomComponent<{
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;
+    children?: React.ReactNode;
+    disableUnderline?: boolean | undefined;
+    tabFlex?: string | number | undefined;
+    underlinePlacement?: "bottom" | "left" | "right" | "top" | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabListPropsSizeOverrides> | undefined;
+    sticky?: "bottom" | "top" | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabListPropsVariantOverrides> | undefined;
+} & import("@mui/joy").TabListSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "variant" | "sx" | "size" | "sticky" | "disableUnderline" | "tabFlex" | "underlinePlacement" | keyof import("@mui/joy").TabListSlotsAndSlotProps>>;
+export { TabList };
+declare const TabPanel: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabPanelOwnProps, "slots" | "slotProps" | "value"> & {
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabPanelPropsColorOverrides> | undefined;
+    value?: string | number | undefined;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabPanelPropsSizeOverrides> | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPanelPropsVariantOverrides> | undefined;
+    keepMounted?: boolean | undefined;
+} & import("@mui/joy").TabPanelSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "color" | "className" | "variant" | "sx" | "size" | "value" | "keepMounted" | keyof import("@mui/joy").TabPanelSlotsAndSlotProps>>;
+export { TabPanel };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,18 @@
+import { Tabs as JoyTabs, Tab as JoyTab, TabList as JoyTabList, TabPanel as JoyTabPanel } from "@mui/joy";
+import { motion } from "framer-motion";
+var MotionTabs = motion(JoyTabs);
+var Tabs = MotionTabs;
+export { Tabs };
+Tabs.displayName = "Tabs";
+var MotionTab = motion(JoyTab);
+var Tab = MotionTab;
+export { Tab };
+Tab.displayName = "Tab";
+var MotionTabList = motion(JoyTabList);
+var TabList = MotionTabList;
+export { TabList };
+TabList.displayName = "TabList";
+var MotionTabPanel = motion(JoyTabPanel);
+var TabPanel = MotionTabPanel;
+export { TabPanel };
+TabPanel.displayName = "TabPanel";

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

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

package/dist/components/Tabs/index.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare function ThemeProvider(props: {
     children?: React.ReactNode;
 }): React.JSX.Element;