@xyo-network/react-shared 2.26.2 → 2.26.5

package/dist/cjs/components/CardEx.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CardProps } from '@mui/material';
-export interface CardExProps extends CardProps {
+export declare type CardExProps = CardProps & {
     gradient?: 'border' | 'background';
-}
+};
 export declare const CardEx: React.FC<CardExProps>;

package/dist/cjs/components/CardEx.js

@@ -9,7 +9,7 @@ const CardEx = (_a) => {
     var { style, gradient } = _a, props = tslib_1.__rest(_a, ["style", "gradient"]);
     const { styles } = (0, hooks_1.useGradientStyles)();
     const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {};
-    return (0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ style: Object.assign(Object.assign({}, gradientStyle), style) }, props));
+    return ((0, jsx_runtime_1.jsx)(material_1.Card, Object.assign({ style: Object.assign(Object.assign({}, gradientStyle), style) }, props)));
 };
 exports.CardEx = CardEx;
 //# sourceMappingURL=CardEx.js.map

package/dist/cjs/components/CardEx.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAE/C,oCAA4C;AAMrC,MAAM,MAAM,GAA0B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,uBAAC,eAAI,kBAAC,KAAK,kCAAO,aAAa,GAAK,KAAK,KAAQ,KAAK,EAAI,CAAA;AACnE,CAAC,CAAA;AAJY,QAAA,MAAM,UAIlB"}
+{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA+C;AAE/C,oCAA4C;AAMrC,MAAM,MAAM,GAA0B,CAAC,EAA6B,EAAE,EAAE;QAAjC,EAAE,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA3B,qBAA6B,CAAF;IACvE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,uBAAC,eAAI,kBACH,KAAK,kCACA,aAAa,GACb,KAAK,KAEN,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,MAAM,UAYlB"}

package/dist/cjs/components/PageCard.d.ts

@@ -1,6 +1,7 @@
-import { CardHeaderProps, CardProps, SvgIconProps } from '@mui/material';
+import { CardHeaderProps, SvgIconProps } from '@mui/material';
 import { ReactNode } from 'react';
-export interface PageCardProps extends CardProps {
+import { CardExProps } from './CardEx';
+export interface PageCardProps extends CardExProps {
     icon?: (props?: SvgIconProps) => ReactNode;
     onRefresh?: () => void;
     subheader?: CardHeaderProps['subheader'];

package/dist/cjs/components/PageCard.js

@@ -5,10 +5,11 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Refresh_1 = tslib_1.__importDefault(require("@mui/icons-material/Refresh"));
 const material_1 = require("@mui/material");
+const CardEx_1 = require("./CardEx");
 const TypographyEx_1 = require("./TypographyEx");
 const PageCard = (_a) => {
     var { subheader, title, icon, onRefresh, children, style } = _a, props = tslib_1.__rest(_a, ["subheader", "title", "icon", "onRefresh", "children", "style"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Card, Object.assign({ style: Object.assign({ position: 'relative' }, style) }, props, { children: [icon === null || icon === void 0 ? void 0 : icon({ style: { fontSize: 512, left: '-144px', opacity: 0.05, position: 'absolute', top: '-144px' } }), (0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: (0, jsx_runtime_1.jsx)(TypographyEx_1.TypographyEx, Object.assign({ variant: "h4", gradient: "text" }, { children: title })), subheader: subheader, action: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onRefresh ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh() }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }))) : null }) }), children] })));
+    return ((0, jsx_runtime_1.jsxs)(CardEx_1.CardEx, Object.assign({ style: Object.assign({ position: 'relative' }, style) }, props, { children: [icon === null || icon === void 0 ? void 0 : icon({ style: { fontSize: 512, left: '-144px', opacity: 0.05, position: 'absolute', top: '-144px' } }), (0, jsx_runtime_1.jsx)(material_1.CardHeader, { title: (0, jsx_runtime_1.jsx)(TypographyEx_1.TypographyEx, Object.assign({ variant: "h4", gradient: "text" }, { children: title })), subheader: subheader, action: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: onRefresh ? ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: () => onRefresh === null || onRefresh === void 0 ? void 0 : onRefresh() }, { children: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}) }))) : null }) }), children] })));
 };
 exports.PageCard = PageCard;
 //# sourceMappingURL=PageCard.js.map

package/dist/cjs/components/PageCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAsG;AAGtG,iDAA6C;AAQtC,MAAM,QAAQ,GAA4B,CAAC,EAAgE,EAAE,EAAE;QAApE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9D,gEAAgE,CAAF;IAC9G,OAAO,CACL,wBAAC,eAAI,kBAAC,KAAK,kBAAI,QAAQ,EAAE,UAAU,IAAK,KAAK,KAAQ,KAAK,eACvD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,EACzG,uBAAC,qBAAU,IACT,KAAK,EACH,uBAAC,2BAAY,kBAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,gBACvC,KAAK,IACO,EAEjB,SAAS,EAAE,SAAS,EACpB,MAAM,EACJ,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,gBACtC,uBAAC,iBAAW,KAAG,IACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,GAEL,EACD,QAAQ,KACJ,CACR,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,QAAQ,YAwBpB"}
+{"version":3,"file":"PageCard.js","sourceRoot":"","sources":["../../../src/components/PageCard.tsx"],"names":[],"mappings":";;;;;AAAA,kFAAqD;AACrD,4CAAqF;AAGrF,qCAA8C;AAC9C,iDAA6C;AAQtC,MAAM,QAAQ,GAA4B,CAAC,EAAgE,EAAE,EAAE;QAApE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,sBAA9D,gEAAgE,CAAF;IAC9G,OAAO,CACL,wBAAC,eAAM,kBAAC,KAAK,kBAAI,QAAQ,EAAE,UAAU,IAAK,KAAK,KAAQ,KAAK,eACzD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,EACzG,uBAAC,qBAAU,IACT,KAAK,EACH,uBAAC,2BAAY,kBAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,gBACvC,KAAK,IACO,EAEjB,SAAS,EAAE,SAAS,EACpB,MAAM,EACJ,2DACG,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,qBAAU,kBAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,gBACtC,uBAAC,iBAAW,KAAG,IACJ,CACd,CAAC,CAAC,CAAC,IAAI,GACP,GAEL,EACD,QAAQ,KACF,CACV,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,QAAQ,YAwBpB"}

package/dist/cjs/components/TableCell/EllipsisTableCell.js

@@ -10,12 +10,8 @@ const lib_1 = require("../../lib");
 const findParent_1 = require("./findParent");
 const getRemainingRowWidth_1 = require("./getRemainingRowWidth");
 const getSmallestParentWidth_1 = require("./getSmallestParentWidth");
-const TableCellValue = (_a) => {
-    var { style, hashCellWidth, value } = _a, props = tslib_1.__rest(_a, ["style", "hashCellWidth", "value"]);
-    return ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2", fontFamily: "monospace", style: Object.assign({ display: 'block', maxWidth: hashCellWidth, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, style) }, props, { children: value })));
-};
 const EllipsisTableCell = (_a) => {
-    var { value, to, href } = _a, props = tslib_1.__rest(_a, ["value", "to", "href"]);
+    var { children, value, to, href } = _a, props = tslib_1.__rest(_a, ["children", "value", "to", "href"]);
     const [calcCellWidth, setCalcCellWidth] = (0, react_1.useState)(0);
     const hashDivRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -48,7 +44,13 @@ const EllipsisTableCell = (_a) => {
             row === null || row === void 0 ? void 0 : row.removeEventListener('resize', onResize);
         };
     }, [hashDivRef]);
-    return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef }, { children: href || to ? ((0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ style: {
+    return ((0, jsx_runtime_1.jsx)(material_1.TableCell, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: hashDivRef }, { children: children ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: {
+                    display: 'block',
+                    maxWidth: calcCellWidth,
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap',
+                } }, { children: children }))) : href || to ? ((0, jsx_runtime_1.jsx)(react_common_1.LinkEx, Object.assign({ style: {
                     display: 'block',
                     maxWidth: calcCellWidth,
                     overflow: 'hidden',

package/dist/cjs/components/TableCell/EllipsisTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"EllipsisTableCell.js","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 export * from './Ampersand';
 export * from './BasicHero';
+export * from './CardEx';
 export * from './ErrorBoundry';
 export * from './FullWidthCard';
 export * from './JsonRouteWrapper';

package/dist/cjs/components/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Ampersand"), exports);
 tslib_1.__exportStar(require("./BasicHero"), exports);
+tslib_1.__exportStar(require("./CardEx"), exports);
 tslib_1.__exportStar(require("./ErrorBoundry"), exports);
 tslib_1.__exportStar(require("./FullWidthCard"), exports);
 tslib_1.__exportStar(require("./JsonRouteWrapper"), exports);

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,yDAA8B;AAC9B,0DAA+B;AAC/B,6DAAkC;AAClC,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,yDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B;AAC3B,sDAA2B;AAC3B,mDAAwB;AACxB,yDAA8B;AAC9B,0DAA+B;AAC/B,6DAAkC;AAClC,6DAAkC;AAClC,qDAA0B;AAC1B,iDAAsB;AACtB,4DAAiC;AACjC,8DAAmC;AACnC,uDAA4B;AAC5B,sDAA2B;AAC3B,yDAA8B"}

package/dist/esm/components/CardEx.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import { CardProps } from '@mui/material';
-import { CSSProperties } from 'react';
-export declare type CardExProps = CardProps & CSSProperties & {
+export declare type CardExProps = CardProps & {
     gradient?: 'border' | 'background';
 };
 export declare const CardEx: React.FC<CardExProps>;

package/dist/esm/components/CardEx.js

@@ -1,37 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Card, useTheme } from '@mui/material';
+import { Card } from '@mui/material';
 import { useGradientStyles } from '../hooks';
-export const CardEx = ({ display = 'flex', flexDirection = 'column', flexGrow, alignItems = 'stretch', alignContent, alignSelf, justifyItems = 'flex-start', justifyContent = 'flex-start', justifySelf, style, gap, rowGap, columnGap, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, margin, marginTop, marginBottom, marginLeft, marginRight, gradient, ...props }) => {
+export const CardEx = ({ style, gradient, ...props }) => {
     const { styles } = useGradientStyles();
-    const theme = useTheme();
-    const applySpacing = (value) => {
-        return value === undefined ? value : typeof value === 'string' ? value : theme.spacing(value);
-    };
     const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {};
     return (_jsx(Card, { style: {
             ...gradientStyle,
-            alignContent,
-            alignItems,
-            alignSelf,
-            columnGap: applySpacing(columnGap),
-            display,
-            flexDirection,
-            flexGrow,
-            gap: applySpacing(gap),
-            justifyContent,
-            justifyItems,
-            justifySelf,
-            margin: applySpacing(margin),
-            marginBottom: applySpacing(marginBottom ?? margin),
-            marginLeft: applySpacing(marginLeft ?? margin),
-            marginRight: applySpacing(marginRight ?? margin),
-            marginTop: applySpacing(marginTop ?? margin),
-            padding: applySpacing(padding),
-            paddingBottom: applySpacing(paddingBottom ?? padding),
-            paddingLeft: applySpacing(paddingLeft ?? padding),
-            paddingRight: applySpacing(paddingRight ?? padding),
-            paddingTop: applySpacing(paddingTop ?? padding),
-            rowGap: applySpacing(rowGap),
             ...style,
         }, ...props }));
 };

package/dist/esm/components/CardEx.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAO5C,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,GAAG,MAAM,EAChB,aAAa,GAAG,QAAQ,EACxB,QAAQ,EACR,UAAU,GAAG,SAAS,EACtB,YAAY,EACZ,SAAS,EACT,YAAY,GAAG,YAAY,EAC3B,cAAc,GAAG,YAAY,EAC7B,WAAW,EACX,KAAK,EACL,GAAG,EACH,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,MAAM,EACN,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC/C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC/F,CAAC,CAAA;IACD,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,GAAG,aAAa;YAChB,YAAY;YACZ,UAAU;YACV,SAAS;YACT,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC;YAClC,OAAO;YACP,aAAa;YACb,QAAQ;YACR,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC;YACtB,cAAc;YACd,YAAY;YACZ,WAAW;YACX,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;YAC5B,YAAY,EAAE,YAAY,CAAC,YAAY,IAAI,MAAM,CAAC;YAClD,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,MAAM,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,WAAW,IAAI,MAAM,CAAC;YAChD,SAAS,EAAE,YAAY,CAAC,SAAS,IAAI,MAAM,CAAC;YAC5C,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC;YAC9B,aAAa,EAAE,YAAY,CAAC,aAAa,IAAI,OAAO,CAAC;YACrD,WAAW,EAAE,YAAY,CAAC,WAAW,IAAI,OAAO,CAAC;YACjD,YAAY,EAAE,YAAY,CAAC,YAAY,IAAI,OAAO,CAAC;YACnD,UAAU,EAAE,YAAY,CAAC,UAAU,IAAI,OAAO,CAAC;YAC/C,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;YAC5B,GAAG,KAAK;SACT,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CardEx.js","sourceRoot":"","sources":["../../../src/components/CardEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAM5C,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,aAAa,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAChH,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,GAAG,aAAa;YAChB,GAAG,KAAK;SACT,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -21,8 +21,8 @@
     "@xylabs/react-flexbox": "^2.14.4",
     "@xylabs/react-shared": "^2.14.4",
     "@xylabs/sdk-js": "^2.5.9",
-    "@xyo-network/api": "^2.20.45",
-    "@xyo-network/network": "^2.20.45",
+    "@xyo-network/api": "^2.21.11",
+    "@xyo-network/network": "^2.21.11",
     "axios": "^0.27.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -88,6 +88,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.2",
+  "version": "2.26.5",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/CardEx.tsx

@@ -1,72 +1,18 @@
-import { Card, CardProps, useTheme } from '@mui/material'
-import { CSSProperties } from 'react'
+import { Card, CardProps } from '@mui/material'
 
 import { useGradientStyles } from '../hooks'
 
-export type CardExProps = CardProps &
-  CSSProperties & {
-    gradient?: 'border' | 'background'
-  }
+export type CardExProps = CardProps & {
+  gradient?: 'border' | 'background'
+}
 
-export const CardEx: React.FC<CardExProps> = ({
-  display = 'flex',
-  flexDirection = 'column',
-  flexGrow,
-  alignItems = 'stretch',
-  alignContent,
-  alignSelf,
-  justifyItems = 'flex-start',
-  justifyContent = 'flex-start',
-  justifySelf,
-  style,
-  gap,
-  rowGap,
-  columnGap,
-  padding,
-  paddingLeft,
-  paddingRight,
-  paddingTop,
-  paddingBottom,
-  margin,
-  marginTop,
-  marginBottom,
-  marginLeft,
-  marginRight,
-  gradient,
-  ...props
-}) => {
+export const CardEx: React.FC<CardExProps> = ({ style, gradient, ...props }) => {
   const { styles } = useGradientStyles()
-  const theme = useTheme()
-  const applySpacing = (value?: number | string) => {
-    return value === undefined ? value : typeof value === 'string' ? value : theme.spacing(value)
-  }
   const gradientStyle = gradient === 'border' ? styles.border : gradient === 'background' ? styles.background : {}
   return (
     <Card
       style={{
         ...gradientStyle,
-        alignContent,
-        alignItems,
-        alignSelf,
-        columnGap: applySpacing(columnGap),
-        display,
-        flexDirection,
-        flexGrow,
-        gap: applySpacing(gap),
-        justifyContent,
-        justifyItems,
-        justifySelf,
-        margin: applySpacing(margin),
-        marginBottom: applySpacing(marginBottom ?? margin),
-        marginLeft: applySpacing(marginLeft ?? margin),
-        marginRight: applySpacing(marginRight ?? margin),
-        marginTop: applySpacing(marginTop ?? margin),
-        padding: applySpacing(padding),
-        paddingBottom: applySpacing(paddingBottom ?? padding),
-        paddingLeft: applySpacing(paddingLeft ?? padding),
-        paddingRight: applySpacing(paddingRight ?? padding),
-        paddingTop: applySpacing(paddingTop ?? padding),
-        rowGap: applySpacing(rowGap),
         ...style,
       }}
       {...props}