@solostylist/ui-kit 1.0.0

package/dist/styles/theme/components/button.d.ts

@@ -0,0 +1,180 @@
+import { Theme } from '../types';
+export declare const MuiButton: {
+    defaultProps: {
+        disableRipple: true;
+    };
+    styleOverrides: {
+        root: {
+            borderRadius: string;
+            minHeight: string;
+            minWidth: string;
+            textTransform: "none";
+            '&:focus-visible': {
+                outline: string;
+            };
+        };
+        text: {
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        textPrimary: Record<string, string>;
+        textSecondary: Record<string, string>;
+        textSuccess: Record<string, string>;
+        textInfo: Record<string, string>;
+        textWarning: Record<string, string>;
+        textError: Record<string, string>;
+        outlined: {
+            boxShadow: "var(--mui-shadows-1)";
+            borderColor: "var(--Button-outlinedBorder)";
+            '&:hover': {
+                borderColor: string;
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        outlinedPrimary: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => Record<string, string>;
+        outlinedSecondary: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => Record<string, string>;
+        outlinedSuccess: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => Record<string, string>;
+        outlinedInfo: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => Record<string, string>;
+        outlinedWarning: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => Record<string, string>;
+        outlinedError: ({ theme }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+            ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+        }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+                ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+            }, "children" | "className" | "style" | "classes" | "color" | "disabled" | "fullWidth" | "size" | "sx" | "variant" | "tabIndex" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "startIcon"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Theme;
+        }) => Record<string, string>;
+        contained: {
+            [x: string]: "hidden" | "var(--Button-containedBg)" | "var(--Button-containedBgGradient)" | "var(--mui-shadows-1), var(--Button-containedStroke)" | {
+                boxShadow: string;
+                backgroundImage?: undefined;
+                outlineOffset?: undefined;
+                '&::before'?: undefined;
+            } | {
+                backgroundImage: string;
+                boxShadow?: undefined;
+                outlineOffset?: undefined;
+                '&::before'?: undefined;
+            } | {
+                boxShadow: string;
+                outlineOffset: string;
+                backgroundImage?: undefined;
+                '&::before'?: undefined;
+            } | {
+                backgroundImage: string;
+                '&::before': {
+                    boxShadow: string;
+                };
+                boxShadow?: undefined;
+                outlineOffset?: undefined;
+            };
+            backgroundColor: "var(--Button-containedBg)";
+            backgroundImage: "var(--Button-containedBgGradient)";
+            boxShadow: "var(--mui-shadows-1), var(--Button-containedStroke)";
+            overflow: "hidden";
+            '&:hover': {
+                boxShadow: string;
+            };
+            '&:active': {
+                backgroundImage: string;
+            };
+            '&:focus-visible': {
+                boxShadow: string;
+                outlineOffset: string;
+            };
+        };
+        containedPrimary: Record<string, string>;
+        containedSecondary: Record<string, string>;
+        containedSuccess: Record<string, string>;
+        containedInfo: Record<string, string>;
+        containedWarning: Record<string, string>;
+        containedError: Record<string, string>;
+        sizeSmall: {
+            '--Button-minHeight': string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        sizeMedium: {
+            '--Button-minHeight': string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        sizeLarge: {
+            '--Button-minHeight': string;
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+};

package/dist/styles/theme/components/button.js

@@ -0,0 +1,109 @@
+import { g as a } from "../../../generateUtilityClasses-CuEy5gtx.js";
+const d = a("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]);
+function t(e) {
+  return {
+    "--Button-containedBg": `var(--mui-palette-${e}-dark)`,
+    "--Button-containedBgGradient": `linear-gradient(180deg, var(--mui-palette-${e}-main) 0%, var(--mui-palette-${e}-dark) 100%)`,
+    "--Button-containedStroke": `inset 0px 0px 0px 1px var(--mui-palette-${e}-dark), inset 0px 2px 0px 0px rgba(255, 255, 255, 0.16)`
+  };
+}
+function n(e, i) {
+  let r = {
+    "--Button-outlinedBorder": `var(--mui-palette-${e}-main)`,
+    "--Button-outlinedHoverBg": `var(--mui-palette-${e}-hovered)`,
+    "--Button-outlinedActiveBg": `var(--mui-palette-${e}-activated)`
+  };
+  return e === "secondary" && (r["--Button-outlinedBorder"] = "var(--mui-palette-secondary-200)", r = {
+    ...r,
+    ...i.applyStyles("dark", {
+      "--Button-outlinedBorder": "var(--mui-palette-secondary-700)"
+    })
+  }), r;
+}
+function o(e) {
+  return {
+    "--Button-textHoverBg": `var(--mui-palette-${e}-hovered)`,
+    "--Button-textActiveBg": `var(--mui-palette-${e}-activated)`
+  };
+}
+const c = {
+  defaultProps: { disableRipple: !0 },
+  styleOverrides: {
+    root: {
+      borderRadius: "8px",
+      minHeight: "var(--Button-minHeight)",
+      minWidth: "unset",
+      textTransform: "none",
+      "&:focus-visible": {
+        outline: "2px solid var(--mui-palette-primary-main)"
+      }
+    },
+    text: {
+      "&:hover": { backgroundColor: "var(--Button-textHoverBg)" },
+      "&:active": { backgroundColor: "var(--Button-textActiveBg)" }
+    },
+    textPrimary: o("primary"),
+    textSecondary: o("secondary"),
+    textSuccess: o("success"),
+    textInfo: o("info"),
+    textWarning: o("warning"),
+    textError: o("error"),
+    outlined: {
+      boxShadow: "var(--mui-shadows-1)",
+      borderColor: "var(--Button-outlinedBorder)",
+      "&:hover": {
+        borderColor: "var(--Button-outlinedBorder)",
+        backgroundColor: "var(--Button-outlinedHoverBg)"
+      },
+      "&:active": { backgroundColor: "var(--Button-outlinedActiveBg)" }
+    },
+    outlinedPrimary: ({ theme: e }) => n("primary", e),
+    outlinedSecondary: ({ theme: e }) => n("secondary", e),
+    outlinedSuccess: ({ theme: e }) => n("success", e),
+    outlinedInfo: ({ theme: e }) => n("info", e),
+    outlinedWarning: ({ theme: e }) => n("warning", e),
+    outlinedError: ({ theme: e }) => n("error", e),
+    contained: {
+      backgroundColor: "var(--Button-containedBg)",
+      backgroundImage: "var(--Button-containedBgGradient)",
+      boxShadow: "var(--mui-shadows-1), var(--Button-containedStroke)",
+      overflow: "hidden",
+      "&:hover": {
+        boxShadow: "var(--mui-shadows-8), var(--Button-containedStroke), inset 0px 6px 10px 0px rgba(255, 255, 255, 0.10)"
+      },
+      "&:active": { backgroundImage: "var(--Button-containedBg)" },
+      "&:focus-visible": {
+        boxShadow: "var(--mui-shadows-8)",
+        outlineOffset: "1px"
+      },
+      [`&.${d.disabled}`]: {
+        backgroundImage: "none",
+        "&::before": { boxShadow: "none" }
+      }
+    },
+    containedPrimary: t("primary"),
+    containedSecondary: t("secondary"),
+    containedSuccess: t("success"),
+    containedInfo: t("info"),
+    containedWarning: t("warning"),
+    containedError: t("error"),
+    sizeSmall: {
+      "--Button-minHeight": "32x",
+      fontSize: "0.8125rem",
+      lineHeight: "24px"
+    },
+    sizeMedium: {
+      "--Button-minHeight": "40x",
+      fontSize: "0.875rem",
+      lineHeight: "28px"
+    },
+    sizeLarge: {
+      "--Button-minHeight": "48x",
+      fontSize: "0.9375rem",
+      lineHeight: "32px"
+    }
+  }
+};
+export {
+  c as MuiButton
+};

package/dist/styles/theme/components/card-actions.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiCardActions: {
+    styleOverrides: {
+        root: {
+            padding: string;
+        };
+    };
+};

package/dist/styles/theme/components/card-actions.js

@@ -0,0 +1,6 @@
+const p = {
+  styleOverrides: { root: { padding: "16px 24px 16px 24px" } }
+};
+export {
+  p as MuiCardActions
+};

package/dist/styles/theme/components/card-content.d.ts

@@ -0,0 +1,10 @@
+export declare const MuiCardContent: {
+    styleOverrides: {
+        root: {
+            padding: string;
+            '&:last-child': {
+                paddingBottom: string;
+            };
+        };
+    };
+};

package/dist/styles/theme/components/card-content.js

@@ -0,0 +1,7 @@
+const t = {
+  // styleOverrides: { root: { padding: '16px 24px 32px 24px', '&:last-child': { paddingBottom: '32px' } } },
+  styleOverrides: { root: { padding: "16px 24px 16px 24px", "&:last-child": { paddingBottom: "16px" } } }
+};
+export {
+  t as MuiCardContent
+};

package/dist/styles/theme/components/card-header.d.ts

@@ -0,0 +1,25 @@
+export declare const MuiCardHeader: {
+    defaultProps: {
+        titleTypographyProps: {
+            variant: "h6";
+        };
+        subheaderTypographyProps: {
+            variant: "body2";
+        };
+    };
+    styleOverrides: {
+        root: {
+            padding: string;
+        };
+        avatar: {
+            [x: string]: {
+                backgroundColor: string;
+                boxShadow: string;
+                color: string;
+            };
+        };
+        title: {
+            fontSize: string;
+        };
+    };
+};

package/dist/styles/theme/components/card-header.js

@@ -0,0 +1,20 @@
+import { g as a } from "../../../generateUtilityClasses-CuEy5gtx.js";
+const r = a("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]), t = {
+  defaultProps: { titleTypographyProps: { variant: "h6" }, subheaderTypographyProps: { variant: "body2" } },
+  styleOverrides: {
+    root: { padding: "32px 24px 16px" },
+    avatar: {
+      [`& .${r.root}`]: {
+        backgroundColor: "var(--mui-palette-background-paper)",
+        boxShadow: "var(--mui-shadows-8)",
+        color: "var(--mui-palette-text-primary)"
+      }
+    },
+    title: {
+      fontSize: "1.125rem"
+    }
+  }
+};
+export {
+  t as MuiCardHeader
+};