bananas-commerce-admin 0.10.7 → 0.10.9

package/dist/cjs/Admin.js

@@ -39,7 +39,7 @@ const RouterContext_1 = require("./contexts/RouterContext");
 const UserContext_1 = require("./contexts/UserContext");
 const LoginPage_1 = __importDefault(require("./pages/LoginPage"));
 const Router_1 = require("./router/Router");
-const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
+const Admin = ({ logo, logoSymbol, loginLogoHeight, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
     const api = (0, ApiContext_1.useApi)();
     const i18n = (0, I18nContext_1.useI18n)();
     const { hasTriedToFetchUser, user } = (0, UserContext_1.useUser)();
@@ -54,12 +54,12 @@ const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboa
             height: "100%",
             flexDirection: "column",
             backgroundColor: "background.default",
-        } }, !hasLoaded || !hasTriedToFetchUser ? (react_1.default.createElement(LoadingScreen_1.default, null)) : !hasUser ? (react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title })) : (react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basename },
+        } }, !hasLoaded || !hasTriedToFetchUser ? (react_1.default.createElement(LoadingScreen_1.default, null)) : !hasUser ? (react_1.default.createElement(LoginPage_1.default, { logo: logo, title: title, logoHeight: loginLogoHeight })) : (react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: basename },
         react_1.default.createElement(RouterContext_1.RouterContextProvider, { basename: basename, stripPathPrefix: basepath },
             react_1.default.createElement(DialogContext_1.default, null,
                 react_1.default.createElement(DialogContext_1.BcomDialog, null),
                 react_1.default.createElement(Box_1.default, { sx: { display: "flex" } },
-                    react_1.default.createElement(NavRail_1.default, { navigation: navigation, logo: logo, title: title, subtitle: subtitle, version: version }),
+                    react_1.default.createElement(NavRail_1.default, { navigation: navigation, logo: logoSymbol, title: title, subtitle: subtitle, version: version }),
                     react_1.default.createElement(Router_1.Router, { extensions: extensions, dashboard: dashboard }))))))));
 };
 exports.Admin = Admin;

package/dist/cjs/Admin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AACjD,4DAAoC;AACpC,mEAA2C;AAC3C,+EAAuD;AACvD,sDAA+C;AAC/C,0EAA6E;AAC7E,wDAAiD;AACjD,4DAAiE;AACjE,wDAAiD;AACjD,kEAA0C;AAC1C,4CAAsD;AAkB/C,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,mBAAM,GAAE,CAAC;IACrB,MAAM,IAAI,GAAG,IAAA,qBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,8BAAC,uBAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,8BAAC,gCAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,8BAAC,qCAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,8BAAC,uBAAqB;gBACpB,8BAAC,0BAAU,OAAG;gBACd,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,8BAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,KAAK,SAyDhB;AAEF,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uDAAiD;AACjD,4DAAoC;AACpC,mEAA2C;AAC3C,+EAAuD;AACvD,sDAA+C;AAC/C,0EAA6E;AAC7E,wDAAiD;AACjD,4DAAiE;AACjE,wDAAiD;AACjD,kEAA0C;AAC1C,4CAAsD;AAoB/C,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,IAAA,mBAAM,GAAE,CAAC;IACrB,MAAM,IAAI,GAAG,IAAA,qBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,IAAA,qBAAO,GAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,8BAAC,uBAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,8BAAC,mBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,8BAAC,gCAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,8BAAC,qCAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,8BAAC,uBAAqB;gBACpB,8BAAC,0BAAU,OAAG;gBACd,8BAAC,aAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,8BAAC,iBAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,8BAAC,eAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,KAAK,SA2DhB;AAEF,kBAAe,aAAK,CAAC"}

package/dist/cjs/components/Brand.js

@@ -9,9 +9,10 @@ const Logo_1 = __importDefault(require("./Logo"));
 const select_styles_1 = require("../util/select_styles");
 const Brand = ({ BoxProps, src, sx, LogoProps }) => {
     return (react_1.default.createElement(Box_1.default, { sx: (0, select_styles_1.ss)({
+            textAlign: "center",
             width: "100%",
             lineHeight: 0,
-            "& > svg": {
+            "& > svg, & > img": {
                 width: "100% !important",
                 height: "100% !important",
                 fill: "currentColor",

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

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAkD;AAGlD,kDAA0B;AAG1B,yDAA2C;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE,IAAA,kBAAE,EACJ;YACE,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,SAAS,EAAE;gBACT,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,8BAAC,cAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,4DAAkD;AAGlD,kDAA0B;AAG1B,yDAA2C;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,8BAAC,aAAG,IACF,EAAE,EAAE,IAAA,kBAAE,EACJ;YACE,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,kBAAkB,EAAE;gBAClB,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,8BAAC,cAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

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

@@ -22,26 +22,29 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
 const Card_1 = __importDefault(require("@mui/material/Card"));
 const styles_1 = require("@mui/material/styles");
 const notistack_1 = require("notistack");
-const react_1 = __importStar(require("react"));
 const CardContext_1 = require("../../contexts/CardContext");
 const I18nContext_1 = require("../../contexts/I18nContext");
-const Card = ({ columns, onSubmit, isEditable = false, children, isDisabled: isDisabledDefault = false, ...props }) => {
+__exportStar(require("./shared"), exports);
+const Card = ({ columns = 1, onSubmit, isEditable = false, children, isDisabled: isDisabledDefault = false, ...props }) => {
     const [isEditing, setIsEditing] = (0, react_1.useState)(false);
     const [hasChanges, setHasChanges] = (0, react_1.useState)(false);
     const [isDisabled, setIsDisabled] = (0, react_1.useState)(isDisabledDefault);
     const theme = (0, styles_1.useTheme)();
     const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
     const { t } = (0, I18nContext_1.useI18n)();
-    const handleSubmit = async (event) => {
-        console.log("submit");
-        if (!onSubmit)
+    const handleSubmit = (0, react_1.useCallback)(async (event) => {
+        if (onSubmit == null)
             throw new Error("No onSubmit function provided.");
         event.preventDefault();
         const form = event.currentTarget;
@@ -50,9 +53,7 @@ const Card = ({ columns, onSubmit, isEditable = false, children, isDisabled: isD
         setIsDisabled(true);
         try {
             const success = await onSubmit(values);
-            enqueueSnackbar(success, {
-                variant: "success",
-            });
+            enqueueSnackbar(success, { variant: "success" });
             setIsEditing(false);
             setIsDisabled(false);
         }
@@ -65,34 +66,27 @@ const Card = ({ columns, onSubmit, isEditable = false, children, isDisabled: isD
             // Don't exit edit mode (and clear fields) on error. Give the user the chance to save/fix.
             setIsDisabled(false);
         }
-    };
-    return (react_1.default.createElement(CardContext_1.CardContext.Provider, { value: {
-            isDisabled: isDisabled,
-            isEditable: isEditable,
-            isEditing: isEditing,
-            setIsEditing: setIsEditing,
-            columns: columns ?? 1,
-            hasChanges: hasChanges,
-            setHasChanges: setHasChanges,
-        } }, isEditable ? (react_1.default.createElement(Card_1.default, { sx: {
-            width: "100%",
-            boxShadow: 0,
-            borderRadius: 3,
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: theme.palette.divider,
-            backgroundColor: theme.palette.background.paper,
-            overflow: "visible",
-        }, component: isEditable ? "form" : "div", onSubmit: handleSubmit, ...props }, children)) : (react_1.default.createElement(Card_1.default, { sx: {
-            width: "100%",
-            boxShadow: 0,
-            borderRadius: 3,
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: theme.palette.divider,
-            backgroundColor: theme.palette.background.paper,
-            overflow: "visible",
-        } }, children))));
+    }, [onSubmit, enqueueSnackbar, t]);
+    const contextValues = (0, react_1.useMemo)(() => ({
+        isDisabled,
+        isEditable,
+        isEditing,
+        setIsEditing,
+        columns,
+        hasChanges,
+        setHasChanges,
+    }), [isDisabled, isEditable, isEditing, columns, hasChanges]);
+    return (react_1.default.createElement(CardContext_1.CardContext.Provider, { value: contextValues },
+        react_1.default.createElement(Card_1.default, { sx: {
+                width: "100%",
+                boxShadow: 0,
+                borderRadius: 3,
+                borderWidth: "1px",
+                borderStyle: "solid",
+                borderColor: theme.palette.divider,
+                backgroundColor: theme.palette.background.paper,
+                overflow: "visible",
+            }, component: isEditable ? "form" : "div", onSubmit: isEditable ? handleSubmit : undefined, ...props }, children)));
 };
 exports.default = Card;
 //# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/Card/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/Card/shared.ts"],"names":[],"mappings":";;;AAmBO,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,GAAG;IACR,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;IAC3C,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;CAC3D,CAAC,CAAC;AALU,QAAA,YAAY,gBAKtB;AAEU,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC"}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/Card/shared.ts"],"names":[],"mappings":";;;AAQO,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,GAAG;IACR,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;IAC3C,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;CAC3D,CAAC,CAAC;AALU,QAAA,YAAY,gBAKtB;AAEU,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC"}

package/dist/cjs/components/NavRail/Branding.js

@@ -45,6 +45,7 @@ const StyledBrandIconBox = (0, styles_1.styled)(Box_1.default, {
     name: "BananasNavRail",
     slot: "BrandIconBox",
 })(({ theme }) => theme.unstable_sx({
+    width: "100%",
     transition: theme.transitions.create(["transform"], {
         duration: theme.transitions.duration.shortest,
     }),

package/dist/cjs/components/NavRail/Branding.js.map

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

package/dist/cjs/contexts/CardContext.js

@@ -1,11 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCardContext = exports.CardContext = void 0;
-const react_1 = __importDefault(require("react"));
-exports.CardContext = react_1.default.createContext(undefined);
-const useCardContext = () => react_1.default.useContext(exports.CardContext);
+const react_1 = require("react");
+exports.CardContext = (0, react_1.createContext)(undefined);
+const useCardContext = () => {
+    const context = (0, react_1.useContext)(exports.CardContext);
+    if (context == null) {
+        throw new Error("useCardContext must be used within a CardProvider. You are most likely not using the correct <Card> parent component.");
+    }
+    return context;
+};
 exports.useCardContext = useCardContext;
 //# sourceMappingURL=CardContext.js.map

package/dist/cjs/contexts/CardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContext.js","sourceRoot":"","sources":["../../../src/contexts/CardContext.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAYb,QAAA,WAAW,GAAG,eAAK,CAAC,aAAa,CAAc,SAAmC,CAAC,CAAC;AAC1F,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,eAAK,CAAC,UAAU,CAAC,mBAAW,CAAC,CAAC;AAArD,QAAA,cAAc,kBAAuC"}
+{"version":3,"file":"CardContext.js","sourceRoot":"","sources":["../../../src/contexts/CardContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAyD;AAY5C,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAc,SAAmC,CAAC,CAAC;AAEpF,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IACxC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,uHAAuH,CACxH,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB"}

package/dist/cjs/index.js

@@ -31,7 +31,6 @@ __exportStar(require("./components/TitleBar"), exports);
 __exportStar(require("./components/Header"), exports);
 __exportStar(require("./components/ActionBar"), exports);
 __exportStar(require("./components/Link"), exports);
-__exportStar(require("./components/Card"), exports);
 __exportStar(require("./components/ChipsInput"), exports);
 __exportStar(require("./components/Chip"), exports);
 __exportStar(require("./components/FilterChip"), exports);
@@ -40,6 +39,21 @@ __exportStar(require("./components/TabPanels"), exports);
 __exportStar(require("./components/TabPanel"), exports);
 __exportStar(require("./components/Tab"), exports);
 __exportStar(require("./components/Page"), exports);
+__exportStar(require("./components/Card"), exports);
+__exportStar(require("./components/Card/CardHeader"), exports);
+__exportStar(require("./components/Card/CardActions"), exports);
+__exportStar(require("./components/Card/CardContent"), exports);
+__exportStar(require("./components/Card/CardCancelButton"), exports);
+__exportStar(require("./components/Card/CardSaveButton"), exports);
+__exportStar(require("./components/Card/CardRow"), exports);
+__exportStar(require("./components/Card/CardPill"), exports);
+__exportStar(require("./components/Card/CardFieldAutoComplete"), exports);
+__exportStar(require("./components/Card/CardFieldCheckbox"), exports);
+__exportStar(require("./components/Card/CardFieldImage"), exports);
+__exportStar(require("./components/Card/CardFieldNumber"), exports);
+__exportStar(require("./components/Card/CardFieldSelect"), exports);
+__exportStar(require("./components/Card/CardFieldSwitch"), exports);
+__exportStar(require("./components/Card/CardFieldText"), exports);
 __exportStar(require("./contexts/ApiContext"), exports);
 __exportStar(require("./contexts/I18nContext"), exports);
 __exportStar(require("./contexts/RouterContext"), exports);

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,sDAAoC;AACpC,yDAAuC;AACvC,oDAAkC;AAClC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,wDAAsC;AACtC,mDAAiC;AACjC,oDAAkC;AAElC,wDAAsC;AACtC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AAEzC,uDAAqC;AACrC,+DAA6C;AAC7C,6DAA2C;AAE3C,0CAAwB;AACxB,wCAAsB;AACtB,wCAAsB;AAEtB,gEAAgD;AAChD,wDAAwC;AACxC,wEAAwD;AACxD,8DAA8C;AAC9C,gEAAgD;AAChD,gEAAgD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,sDAAoC;AACpC,yDAAuC;AACvC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,0DAAwC;AACxC,oDAAkC;AAClC,yDAAuC;AACvC,wDAAsC;AACtC,mDAAiC;AACjC,oDAAkC;AAElC,oDAAkC;AAClC,+DAA6C;AAC7C,gEAA8C;AAC9C,gEAA8C;AAC9C,qEAAmD;AACnD,mEAAiD;AACjD,4DAA0C;AAC1C,6DAA2C;AAC3C,0EAAwD;AACxD,sEAAoD;AACpD,mEAAiD;AACjD,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kEAAgD;AAEhD,wDAAsC;AACtC,yDAAuC;AACvC,2DAAyC;AACzC,yDAAuC;AACvC,2DAAyC;AAEzC,uDAAqC;AACrC,+DAA6C;AAC7C,6DAA2C;AAE3C,0CAAwB;AACxB,wCAAsB;AACtB,wCAAsB;AAEtB,gEAAgD;AAChD,wDAAwC;AACxC,wEAAwD;AACxD,8DAA8C;AAC9C,gEAAgD;AAChD,gEAAgD"}

package/dist/cjs/pages/LoginPage.js

@@ -35,11 +35,11 @@ const StyledBackdrop = (0, styles_1.styled)(Backdrop_1.default, {
     justifyContent: "center",
     display: "flex",
 }));
-const LoginPage = ({ title, logo, form: Form }) => {
+const LoginPage = ({ title, logo, form: Form, logoHeight }) => {
     Form ??= LoginForm_1.default;
     return (react_1.default.createElement(Content_1.default, null,
         react_1.default.createElement(StyledDialog, { open: true, sx: { "> * > *": { width: "100%" } }, PaperProps: { elevation: 1 }, BackdropComponent: StyledBackdrop },
-            react_1.default.createElement(StyledDialogTitle, null, logo ? (react_1.default.createElement(Brand_1.default, { src: logo, LogoProps: { style: { height: "24px !important" } } })) : (react_1.default.createElement(Typography_1.default, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
+            react_1.default.createElement(StyledDialogTitle, null, logo ? (react_1.default.createElement(Brand_1.default, { src: logo, LogoProps: { style: { width: "auto", height: logoHeight ?? "24px !important" } } })) : (react_1.default.createElement(Typography_1.default, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
             react_1.default.createElement(Form, null))));
 };
 exports.default = LoginPage;

package/dist/cjs/pages/LoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kEAA0C;AAC1C,4EAAoD;AACpD,sEAA8C;AAC9C,0EAAkD;AAClD,iDAA8C;AAE9C,gEAAwC;AACxC,oEAA4C;AAC5C,mEAA2C;AAS3C,MAAM,YAAY,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,IAAA,eAAM,EAAC,qBAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,eAAM,EAAC,kBAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,IAAI,KAAK,mBAAS,CAAC;IAEnB,OAAO,CACL,8BAAC,iBAAO;QACN,8BAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,8BAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,eAAK,IAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,GAAI,CAC1E,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,8BAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,kEAA0C;AAC1C,4EAAoD;AACpD,sEAA8C;AAC9C,0EAAkD;AAClD,iDAA8C;AAE9C,gEAAwC;AACxC,oEAA4C;AAC5C,mEAA2C;AAU3C,MAAM,YAAY,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,IAAA,eAAM,EAAC,qBAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,IAAA,eAAM,EAAC,kBAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,IAAI,KAAK,mBAAS,CAAC;IAEnB,OAAO,CACL,8BAAC,iBAAO;QACN,8BAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,8BAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,eAAK,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,IAAI,iBAAiB,EAAE,EAAE,GAChF,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,8BAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/esm/Admin.js

@@ -10,7 +10,7 @@ import { RouterContextProvider } from "./contexts/RouterContext";
 import { useUser } from "./contexts/UserContext";
 import LoginPage from "./pages/LoginPage";
 import { Router } from "./router/Router";
-export const Admin = ({ logo, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
+export const Admin = ({ logo, logoSymbol, loginLogoHeight, title, subtitle, version, navigation, extensions, dashboard, basename, basepath, }) => {
     const api = useApi();
     const i18n = useI18n();
     const { hasTriedToFetchUser, user } = useUser();
@@ -25,12 +25,12 @@ export const Admin = ({ logo, title, subtitle, version, navigation, extensions,
             height: "100%",
             flexDirection: "column",
             backgroundColor: "background.default",
-        } }, !hasLoaded || !hasTriedToFetchUser ? (React.createElement(LoadingScreen, null)) : !hasUser ? (React.createElement(LoginPage, { logo: logo, title: title })) : (React.createElement(BrowserRouter, { basename: basename },
+        } }, !hasLoaded || !hasTriedToFetchUser ? (React.createElement(LoadingScreen, null)) : !hasUser ? (React.createElement(LoginPage, { logo: logo, title: title, logoHeight: loginLogoHeight })) : (React.createElement(BrowserRouter, { basename: basename },
         React.createElement(RouterContextProvider, { basename: basename, stripPathPrefix: basepath },
             React.createElement(DialogContextProvider, null,
                 React.createElement(BcomDialog, null),
                 React.createElement(Box, { sx: { display: "flex" } },
-                    React.createElement(NavRail, { navigation: navigation, logo: logo, title: title, subtitle: subtitle, version: version }),
+                    React.createElement(NavRail, { navigation: navigation, logo: logoSymbol, title: title, subtitle: subtitle, version: version }),
                     React.createElement(Router, { extensions: extensions, dashboard: dashboard }))))))));
 };
 export default Admin;

package/dist/esm/Admin.js.map

@@ -1 +1 @@
-{"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,qBAAqB,EAAE,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AAkBtD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,oBAAC,aAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,oBAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,oBAAC,qBAAqB;gBACpB,oBAAC,UAAU,OAAG;gBACd,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,oBAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Admin.js","sourceRoot":"","sources":["../../src/Admin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,qBAAqB,EAAE,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,iBAAiB,CAAC;AAoBtD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,IAAI,EACJ,UAAU,EACV,eAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC;IACvD,MAAM,OAAO,GAAG,IAAI,IAAI,IAAI,CAAC;IAE7B,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,QAAQ;YACvB,eAAe,EAAE,oBAAoB;SACtC,IAEA,CAAC,SAAS,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpC,oBAAC,aAAa,OAAG,CAClB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ;QAC/B,oBAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ;YAClE,oBAAC,qBAAqB;gBACpB,oBAAC,UAAU,OAAG;gBACd,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC1B,oBAAC,OAAO,IACN,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,GAChB;oBAEF,oBAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,GAAI,CACpD,CACgB,CACF,CACV,CACjB,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/components/Brand.js

@@ -4,9 +4,10 @@ import Logo from "./Logo";
 import { ss } from "../util/select_styles";
 const Brand = ({ BoxProps, src, sx, LogoProps }) => {
     return (React.createElement(Box, { sx: ss({
+            textAlign: "center",
             width: "100%",
             lineHeight: 0,
-            "& > svg": {
+            "& > svg, & > img": {
                 width: "100% !important",
                 height: "100% !important",
                 fill: "currentColor",

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

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAGlD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,CACJ;YACE,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,SAAS,EAAE;gBACT,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Brand.js","sourceRoot":"","sources":["../../../src/components/Brand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,GAAiB,MAAM,mBAAmB,CAAC;AAGlD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAC;AAS3C,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,CACJ;YACE,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,kBAAkB,EAAE;gBAClB,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,cAAc;gBACpB,UAAU,EAAE;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD,GAAG,SAAS,EAAE,KAAK;aACpB;SACF,EACD,EAAE,CACH,KACG,QAAQ;QAEZ,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,KAAM,SAAS,GAAI,CAC7B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/components/Card/index.js

@@ -1,19 +1,19 @@
+import React, { useCallback, useMemo, useState } from "react";
 import MuiCard from "@mui/material/Card";
 import { useTheme } from "@mui/material/styles";
 import { useSnackbar } from "notistack";
-import React, { useState } from "react";
 import { CardContext } from "../../contexts/CardContext";
 import { useI18n } from "../../contexts/I18nContext";
-const Card = ({ columns, onSubmit, isEditable = false, children, isDisabled: isDisabledDefault = false, ...props }) => {
+export * from "./shared";
+const Card = ({ columns = 1, onSubmit, isEditable = false, children, isDisabled: isDisabledDefault = false, ...props }) => {
     const [isEditing, setIsEditing] = useState(false);
     const [hasChanges, setHasChanges] = useState(false);
     const [isDisabled, setIsDisabled] = useState(isDisabledDefault);
     const theme = useTheme();
     const { enqueueSnackbar } = useSnackbar();
     const { t } = useI18n();
-    const handleSubmit = async (event) => {
-        console.log("submit");
-        if (!onSubmit)
+    const handleSubmit = useCallback(async (event) => {
+        if (onSubmit == null)
             throw new Error("No onSubmit function provided.");
         event.preventDefault();
         const form = event.currentTarget;
@@ -22,9 +22,7 @@ const Card = ({ columns, onSubmit, isEditable = false, children, isDisabled: isD
         setIsDisabled(true);
         try {
             const success = await onSubmit(values);
-            enqueueSnackbar(success, {
-                variant: "success",
-            });
+            enqueueSnackbar(success, { variant: "success" });
             setIsEditing(false);
             setIsDisabled(false);
         }
@@ -37,34 +35,27 @@ const Card = ({ columns, onSubmit, isEditable = false, children, isDisabled: isD
             // Don't exit edit mode (and clear fields) on error. Give the user the chance to save/fix.
             setIsDisabled(false);
         }
-    };
-    return (React.createElement(CardContext.Provider, { value: {
-            isDisabled: isDisabled,
-            isEditable: isEditable,
-            isEditing: isEditing,
-            setIsEditing: setIsEditing,
-            columns: columns ?? 1,
-            hasChanges: hasChanges,
-            setHasChanges: setHasChanges,
-        } }, isEditable ? (React.createElement(MuiCard, { sx: {
-            width: "100%",
-            boxShadow: 0,
-            borderRadius: 3,
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: theme.palette.divider,
-            backgroundColor: theme.palette.background.paper,
-            overflow: "visible",
-        }, component: isEditable ? "form" : "div", onSubmit: handleSubmit, ...props }, children)) : (React.createElement(MuiCard, { sx: {
-            width: "100%",
-            boxShadow: 0,
-            borderRadius: 3,
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: theme.palette.divider,
-            backgroundColor: theme.palette.background.paper,
-            overflow: "visible",
-        } }, children))));
+    }, [onSubmit, enqueueSnackbar, t]);
+    const contextValues = useMemo(() => ({
+        isDisabled,
+        isEditable,
+        isEditing,
+        setIsEditing,
+        columns,
+        hasChanges,
+        setHasChanges,
+    }), [isDisabled, isEditable, isEditing, columns, hasChanges]);
+    return (React.createElement(CardContext.Provider, { value: contextValues },
+        React.createElement(MuiCard, { sx: {
+                width: "100%",
+                boxShadow: 0,
+                borderRadius: 3,
+                borderWidth: "1px",
+                borderStyle: "solid",
+                borderColor: theme.palette.divider,
+                backgroundColor: theme.palette.background.paper,
+                overflow: "visible",
+            }, component: isEditable ? "form" : "div", onSubmit: isEditable ? handleSubmit : undefined, ...props }, children)));
 };
 export default Card;
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Card/index.js.map

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

package/dist/esm/components/Card/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/Card/shared.ts"],"names":[],"mappings":"AAmBA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,GAAG;IACR,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;IAC3C,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;CAC3D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC"}
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/Card/shared.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAkB,EAAW,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,GAAG;IACR,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;IAC3C,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY;CAC3D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC"}

package/dist/esm/components/NavRail/Branding.js

@@ -40,6 +40,7 @@ const StyledBrandIconBox = styled(Box, {
     name: "BananasNavRail",
     slot: "BrandIconBox",
 })(({ theme }) => theme.unstable_sx({
+    width: "100%",
     transition: theme.transitions.create(["transform"], {
         duration: theme.transitions.duration.shortest,
     }),

package/dist/esm/components/NavRail/Branding.js.map

@@ -1 +1 @@
-{"version":3,"file":"Branding.js","sourceRoot":"","sources":["../../../../src/components/NavRail/Branding.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Branding.js","sourceRoot":"","sources":["../../../../src/components/NavRail/Branding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,MAAM,mBAAmB,CAAC;AAEtC,OAAO,KAAK,MAAM,UAAU,CAAC;AAc7B,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,UAAU;CACjB,CAAC,CAAqC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAC/D,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;IACX,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;CAC3C,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,EAAE;IACjC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,OAAO;IACpB,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,CAAC,EAAE,GAAG;IACN,YAAY,EAAE,CAAC;IACf,SAAS,EAAE;QACT,OAAO,EAAE,qBAAqB;KAC/B;IACD,iCAAiC,EAAE;QACjC,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,EAAE;QACzD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;KAC9C,CAAC;CACH,CAAC,CACH,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,EAAE;IACrC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,cAAc;CACrB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,EAAE;QAClD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;KAC9C,CAAC;CACH,CAAC,CACH,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,EAAE,GACH,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,EAAE,SAAS,EAAE,CAAC;IAEjC,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAE;YACF,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG;YAC1C,EAAE,EAAE,CAAC;YACL,EAAE,EAAE,GAAG;YACP,SAAS,EAAE,EAAE;SACd;QAED,oBAAC,YAAY,IAAC,UAAU,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE;YAC1C,oBAAC,UAAU,IACT,aAAa,QACb,EAAE,EAAE;oBACF,cAAc,EAAE,YAAY;oBAC5B,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,KAAK,EAAE,SAAS;iBACjB,EACD,OAAO,EAAE,OAAO;gBAEf,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,cAAc;oBACb,oBAAC,kBAAkB;wBACjB,oBAAC,KAAK,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE;gCACT,KAAK,EAAE;oCACL,SAAS,EAAE,EAAE;iCACd;6BACF,GACD,CACiB,CACN,CAClB,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IACT,EAAE,EAAE;wBACF,UAAU,EAAE,MAAM;qBACnB,EACD,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,IAAI,IAEX,KAAK,CACK,CACd;gBACD,oBAAC,GAAG,IACF,EAAE,EAAE;wBACF,UAAU,EAAE,EAAE;wBACd,OAAO,EAAE;4BACP,SAAS,EAAE,MAAM;4BACjB,QAAQ,EAAE,SAAS;4BACnB,OAAO,EAAE,OAAO;4BAChB,UAAU,EAAE,KAAK;yBAClB;qBACF;oBAED,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,IAAE,QAAQ,CAAc;oBACnD,oBAAC,UAAU,IAAC,KAAK,EAAC,SAAS,IAAE,OAAO,CAAc,CAC9C,CACK,CACA,CACT,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/contexts/CardContext.js

@@ -1,4 +1,10 @@
-import React from "react";
-export const CardContext = React.createContext(undefined);
-export const useCardContext = () => React.useContext(CardContext);
+import { createContext, useContext } from "react";
+export const CardContext = createContext(undefined);
+export const useCardContext = () => {
+    const context = useContext(CardContext);
+    if (context == null) {
+        throw new Error("useCardContext must be used within a CardProvider. You are most likely not using the correct <Card> parent component.");
+    }
+    return context;
+};
 //# sourceMappingURL=CardContext.js.map

package/dist/esm/contexts/CardContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContext.js","sourceRoot":"","sources":["../../../src/contexts/CardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAc,SAAmC,CAAC,CAAC;AACjG,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC"}
+{"version":3,"file":"CardContext.js","sourceRoot":"","sources":["../../../src/contexts/CardContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAc,SAAmC,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CACb,uHAAuH,CACxH,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/esm/index.js

@@ -2,7 +2,6 @@ export * from "./components/TitleBar";
 export * from "./components/Header";
 export * from "./components/ActionBar";
 export * from "./components/Link";
-export * from "./components/Card";
 export * from "./components/ChipsInput";
 export * from "./components/Chip";
 export * from "./components/FilterChip";
@@ -11,6 +10,21 @@ export * from "./components/TabPanels";
 export * from "./components/TabPanel";
 export * from "./components/Tab";
 export * from "./components/Page";
+export * from "./components/Card";
+export * from "./components/Card/CardHeader";
+export * from "./components/Card/CardActions";
+export * from "./components/Card/CardContent";
+export * from "./components/Card/CardCancelButton";
+export * from "./components/Card/CardSaveButton";
+export * from "./components/Card/CardRow";
+export * from "./components/Card/CardPill";
+export * from "./components/Card/CardFieldAutoComplete";
+export * from "./components/Card/CardFieldCheckbox";
+export * from "./components/Card/CardFieldImage";
+export * from "./components/Card/CardFieldNumber";
+export * from "./components/Card/CardFieldSelect";
+export * from "./components/Card/CardFieldSwitch";
+export * from "./components/Card/CardFieldText";
 export * from "./contexts/ApiContext";
 export * from "./contexts/I18nContext";
 export * from "./contexts/RouterContext";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AAEtB,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAElC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AAEtB,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,sBAAsB,CAAC"}

package/dist/esm/pages/LoginPage.js

@@ -30,11 +30,11 @@ const StyledBackdrop = styled(Backdrop, {
     justifyContent: "center",
     display: "flex",
 }));
-const LoginPage = ({ title, logo, form: Form }) => {
+const LoginPage = ({ title, logo, form: Form, logoHeight }) => {
     Form ??= LoginForm;
     return (React.createElement(Content, null,
         React.createElement(StyledDialog, { open: true, sx: { "> * > *": { width: "100%" } }, PaperProps: { elevation: 1 }, BackdropComponent: StyledBackdrop },
-            React.createElement(StyledDialogTitle, null, logo ? (React.createElement(Brand, { src: logo, LogoProps: { style: { height: "24px !important" } } })) : (React.createElement(Typography, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
+            React.createElement(StyledDialogTitle, null, logo ? (React.createElement(Brand, { src: logo, LogoProps: { style: { width: "auto", height: logoHeight ?? "24px !important" } } })) : (React.createElement(Typography, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
             React.createElement(Form, null))));
 };
 export default LoginPage;

package/dist/esm/pages/LoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAS3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAC1E,IAAI,KAAK,SAAS,CAAC;IAEnB,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,oBAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,GAAI,CAC1E,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,oBAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"LoginPage.js","sourceRoot":"","sources":["../../../src/pages/LoginPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAU3C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE;IAClC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAEf,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,EAAE;IAC5C,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,OAAO;CACd,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,sBAAsB;CAC9B,CAAC,CACH,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,EAAE;IACtC,IAAI,EAAE,oBAAoB;IAC1B,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACf,KAAK,CAAC,WAAW,CAAC;IAChB,OAAO,EAAE,cAAc;IACvB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,MAAM;CAChB,CAAC,CACH,CAAC;AAEF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE;IACtF,IAAI,KAAK,SAAS,CAAC;IAEnB,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,YAAY,IACX,IAAI,QACJ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EACpC,UAAU,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC5B,iBAAiB,EAAE,cAAc;YAEjC,oBAAC,iBAAiB,QACf,IAAI,CAAC,CAAC,CAAC,CACN,oBAAC,KAAK,IACJ,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,IAAI,iBAAiB,EAAE,EAAE,GAChF,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAG,KAAK,CAAc,CAC/E,CACiB;YAEpB,oBAAC,IAAI,OAAG,CACK,CACP,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/Admin.d.ts

@@ -3,6 +3,8 @@ import { RouterProps } from "./router/Router";
 import { LogoType, NavigationOverrides } from "./types";
 export interface AdminProps extends RouterProps {
     logo?: LogoType;
+    logoSymbol?: LogoType;
+    loginLogoHeight?: number | string;
     title?: string;
     subtitle?: string;
     version?: string;

package/dist/types/components/Card/index.d.ts

@@ -1,5 +1,6 @@
-import { CardProps as MuiCardProps } from "@mui/material/Card";
 import React from "react";
+import { CardProps as MuiCardProps } from "@mui/material/Card";
+export * from "./shared";
 export interface CardProps<T = unknown> extends Omit<MuiCardProps, "onSubmit"> {
     columns?: number;
     isEditable?: boolean;

package/dist/types/components/Card/shared.d.ts

@@ -4,16 +4,6 @@ export interface AutocompleteState {
     label: string;
     id: string | number;
 }
-export type Field = {
-    label: string;
-    formName?: string;
-    required?: boolean;
-    disabled?: boolean;
-    options?: AutocompleteState[];
-    helperText?: string;
-    isReadable?: boolean;
-    writable?: boolean;
-};
 export declare const readFieldCSS: (isCompact: boolean) => SxProps;
 export declare const imgCSS: {
     width: string;
@@ -27,10 +17,13 @@ export interface Pill {
     color?: "success" | "error" | "warning" | "info" | "default";
     icon?: React.ReactElement;
 }
-export interface CardFieldBaseProps extends React.PropsWithChildren, Field {
-    label: string;
-    size?: GridSize;
+export interface CardFieldBaseProps extends React.PropsWithChildren {
     formName: string;
-    required?: boolean;
+    label: string;
+    helperText?: string;
     isDisabled?: boolean;
+    isReadable?: boolean;
+    options?: AutocompleteState[];
+    required?: boolean;
+    size?: GridSize;
 }

package/dist/types/index.d.ts

@@ -2,7 +2,6 @@ export * from "./components/TitleBar";
 export * from "./components/Header";
 export * from "./components/ActionBar";
 export * from "./components/Link";
-export * from "./components/Card";
 export * from "./components/ChipsInput";
 export * from "./components/Chip";
 export * from "./components/FilterChip";
@@ -11,6 +10,21 @@ export * from "./components/TabPanels";
 export * from "./components/TabPanel";
 export * from "./components/Tab";
 export * from "./components/Page";
+export * from "./components/Card";
+export * from "./components/Card/CardHeader";
+export * from "./components/Card/CardActions";
+export * from "./components/Card/CardContent";
+export * from "./components/Card/CardCancelButton";
+export * from "./components/Card/CardSaveButton";
+export * from "./components/Card/CardRow";
+export * from "./components/Card/CardPill";
+export * from "./components/Card/CardFieldAutoComplete";
+export * from "./components/Card/CardFieldCheckbox";
+export * from "./components/Card/CardFieldImage";
+export * from "./components/Card/CardFieldNumber";
+export * from "./components/Card/CardFieldSelect";
+export * from "./components/Card/CardFieldSwitch";
+export * from "./components/Card/CardFieldText";
 export * from "./contexts/ApiContext";
 export * from "./contexts/I18nContext";
 export * from "./contexts/RouterContext";

package/dist/types/pages/LoginPage.d.ts

@@ -3,6 +3,7 @@ import { LogoType } from "../types";
 interface LoginPageProps {
     title?: string;
     logo?: LogoType;
+    logoHeight?: number | string;
     form?: React.ElementType;
 }
 declare const LoginPage: React.FC<LoginPageProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bananas-commerce-admin",
-  "version": "0.10.7",
+  "version": "0.10.9",
   "description": "Bananas-commerce admin interface and building blocks",
   "keywords": [
     "admin",

package/src/Admin.tsx

@@ -14,6 +14,8 @@ import { LogoType, NavigationOverrides } from "./types";
 
 export interface AdminProps extends RouterProps {
   logo?: LogoType;
+  logoSymbol?: LogoType;
+  loginLogoHeight?: number | string;
   title?: string;
   subtitle?: string;
   version?: string;
@@ -29,6 +31,8 @@ export interface AdminProps extends RouterProps {
 
 export const Admin: React.FC<AdminProps> = ({
   logo,
+  logoSymbol,
+  loginLogoHeight,
   title,
   subtitle,
   version,
@@ -61,7 +65,7 @@ export const Admin: React.FC<AdminProps> = ({
       {!hasLoaded || !hasTriedToFetchUser ? (
         <LoadingScreen />
       ) : !hasUser ? (
-        <LoginPage logo={logo} title={title} />
+        <LoginPage logo={logo} title={title} logoHeight={loginLogoHeight} />
       ) : (
         <BrowserRouter basename={basename}>
           <RouterContextProvider basename={basename} stripPathPrefix={basepath}>
@@ -70,7 +74,7 @@ export const Admin: React.FC<AdminProps> = ({
               <Box sx={{ display: "flex" }}>
                 <NavRail
                   navigation={navigation}
-                  logo={logo}
+                  logo={logoSymbol}
                   title={title}
                   subtitle={subtitle}
                   version={version}

package/src/components/Brand.tsx

@@ -20,9 +20,10 @@ const Brand: React.FC<BrandProps> = ({ BoxProps, src, sx, LogoProps }) => {
     <Box
       sx={ss(
         {
+          textAlign: "center",
           width: "100%",
           lineHeight: 0,
-          "& > svg": {
+          "& > svg, & > img": {
             width: "100% !important",
             height: "100% !important",
             fill: "currentColor",

package/src/components/Card/index.tsx

@@ -1,12 +1,14 @@
+import React, { useCallback, useMemo, useState } from "react";
 import MuiCard, { CardProps as MuiCardProps } from "@mui/material/Card";
 import { useTheme } from "@mui/material/styles";
 import { useSnackbar } from "notistack";
-import React, { useState } from "react";
+
 import { CardContext } from "../../contexts/CardContext";
 import { useI18n } from "../../contexts/I18nContext";
 
-// TODO Skicka in typat formdata object
+export * from "./shared";
 
+// TODO Type the `FormData` object.
 export interface CardProps<T = unknown> extends Omit<MuiCardProps, "onSubmit"> {
   columns?: number;
   isEditable?: boolean;
@@ -15,7 +17,7 @@ export interface CardProps<T = unknown> extends Omit<MuiCardProps, "onSubmit"> {
 }
 
 const Card: React.FC<CardProps> = ({
-  columns,
+  columns = 1,
   onSubmit,
   isEditable = false,
   children,
@@ -31,82 +33,68 @@ const Card: React.FC<CardProps> = ({
   const { enqueueSnackbar } = useSnackbar();
   const { t } = useI18n();
 
-  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
-    console.log("submit");
-    if (!onSubmit) throw new Error("No onSubmit function provided.");
-    event.preventDefault();
+  const handleSubmit = useCallback(
+    async (event: React.FormEvent<HTMLFormElement>) => {
+      if (onSubmit == null) throw new Error("No onSubmit function provided.");
+      event.preventDefault();
+
+      const form = event.currentTarget;
+      const formData = new FormData(form);
+      const values = Object.fromEntries(formData);
 
-    const form = event.currentTarget;
-    const formData = new FormData(form);
-    const values = Object.fromEntries(formData);
+      setIsDisabled(true);
 
-    setIsDisabled(true);
+      try {
+        const success = await onSubmit(values);
+        enqueueSnackbar(success, { variant: "success" });
 
-    try {
-      const success = await onSubmit(values);
-      enqueueSnackbar(success, {
-        variant: "success",
-      });
+        setIsEditing(false);
+        setIsDisabled(false);
+      } catch (error) {
+        // TODO Report error to sentry
+        console.error("Error when submitting data", error);
+        enqueueSnackbar(t("Failed to submit data. Contact support or try again later."), {
+          variant: "error",
+        });
+        // Don't exit edit mode (and clear fields) on error. Give the user the chance to save/fix.
+        setIsDisabled(false);
+      }
+    },
+    [onSubmit, enqueueSnackbar, t],
+  );
 
-      setIsEditing(false);
-      setIsDisabled(false);
-    } catch (error) {
-      // TODO Report error to sentry
-      console.error("Error when submitting data", error);
-      enqueueSnackbar(t("Failed to submit data. Contact support or try again later."), {
-        variant: "error",
-      });
-      // Don't exit edit mode (and clear fields) on error. Give the user the chance to save/fix.
-      setIsDisabled(false);
-    }
-  };
+  const contextValues = useMemo(
+    () => ({
+      isDisabled,
+      isEditable,
+      isEditing,
+      setIsEditing,
+      columns,
+      hasChanges,
+      setHasChanges,
+    }),
+    [isDisabled, isEditable, isEditing, columns, hasChanges],
+  );
 
   return (
-    <CardContext.Provider
-      value={{
-        isDisabled: isDisabled,
-        isEditable: isEditable,
-        isEditing: isEditing,
-        setIsEditing: setIsEditing,
-        columns: columns ?? 1,
-        hasChanges: hasChanges,
-        setHasChanges: setHasChanges,
-      }}
-    >
-      {isEditable ? (
-        <MuiCard
-          sx={{
-            width: "100%",
-            boxShadow: 0,
-            borderRadius: 3,
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: theme.palette.divider,
-            backgroundColor: theme.palette.background.paper,
-            overflow: "visible",
-          }}
-          component={isEditable ? "form" : "div"}
-          onSubmit={handleSubmit}
-          {...props}
-        >
-          {children}
-        </MuiCard>
-      ) : (
-        <MuiCard
-          sx={{
-            width: "100%",
-            boxShadow: 0,
-            borderRadius: 3,
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: theme.palette.divider,
-            backgroundColor: theme.palette.background.paper,
-            overflow: "visible",
-          }}
-        >
-          {children}
-        </MuiCard>
-      )}
+    <CardContext.Provider value={contextValues}>
+      <MuiCard
+        sx={{
+          width: "100%",
+          boxShadow: 0,
+          borderRadius: 3,
+          borderWidth: "1px",
+          borderStyle: "solid",
+          borderColor: theme.palette.divider,
+          backgroundColor: theme.palette.background.paper,
+          overflow: "visible",
+        }}
+        component={isEditable ? "form" : "div"}
+        onSubmit={isEditable ? handleSubmit : undefined}
+        {...props}
+      >
+        {children}
+      </MuiCard>
     </CardContext.Provider>
   );
 };

package/src/components/Card/shared.ts

@@ -6,17 +6,6 @@ export interface AutocompleteState {
   id: string | number;
 }
 
-export type Field = {
-  label: string;
-  formName?: string;
-  required?: boolean;
-  disabled?: boolean;
-  options?: AutocompleteState[];
-  helperText?: string;
-  isReadable?: boolean;
-  writable?: boolean;
-};
-
 export const readFieldCSS = (isCompact: boolean): SxProps => ({
   display: "flex",
   gap: 0.5,
@@ -38,10 +27,13 @@ export interface Pill {
   icon?: React.ReactElement;
 }
 
-export interface CardFieldBaseProps extends React.PropsWithChildren, Field {
-  label: string;
-  size?: GridSize;
+export interface CardFieldBaseProps extends React.PropsWithChildren {
   formName: string;
-  required?: boolean;
+  label: string;
+  helperText?: string;
   isDisabled?: boolean;
+  isReadable?: boolean;
+  options?: AutocompleteState[];
+  required?: boolean;
+  size?: GridSize;
 }

package/src/components/NavRail/Branding.tsx

@@ -64,6 +64,7 @@ const StyledBrandIconBox = styled(Box, {
   slot: "BrandIconBox",
 })(({ theme }) =>
   theme.unstable_sx({
+    width: "100%",
     transition: theme.transitions.create(["transform"], {
       duration: theme.transitions.duration.shortest,
     }),

package/src/contexts/CardContext.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { createContext, useContext } from "react";
 
 export interface CardContext {
   isEditable: boolean;
@@ -10,5 +10,15 @@ export interface CardContext {
   isDisabled: boolean;
 }
 
-export const CardContext = React.createContext<CardContext>(undefined as unknown as CardContext);
-export const useCardContext = () => React.useContext(CardContext);
+export const CardContext = createContext<CardContext>(undefined as unknown as CardContext);
+
+export const useCardContext = () => {
+  const context = useContext(CardContext);
+  if (context == null) {
+    throw new Error(
+      "useCardContext must be used within a CardProvider. You are most likely not using the correct <Card> parent component.",
+    );
+  }
+
+  return context;
+};

package/src/index.ts

@@ -2,7 +2,6 @@ export * from "./components/TitleBar";
 export * from "./components/Header";
 export * from "./components/ActionBar";
 export * from "./components/Link";
-export * from "./components/Card";
 export * from "./components/ChipsInput";
 export * from "./components/Chip";
 export * from "./components/FilterChip";
@@ -12,6 +11,22 @@ export * from "./components/TabPanel";
 export * from "./components/Tab";
 export * from "./components/Page";
 
+export * from "./components/Card";
+export * from "./components/Card/CardHeader";
+export * from "./components/Card/CardActions";
+export * from "./components/Card/CardContent";
+export * from "./components/Card/CardCancelButton";
+export * from "./components/Card/CardSaveButton";
+export * from "./components/Card/CardRow";
+export * from "./components/Card/CardPill";
+export * from "./components/Card/CardFieldAutoComplete";
+export * from "./components/Card/CardFieldCheckbox";
+export * from "./components/Card/CardFieldImage";
+export * from "./components/Card/CardFieldNumber";
+export * from "./components/Card/CardFieldSelect";
+export * from "./components/Card/CardFieldSwitch";
+export * from "./components/Card/CardFieldText";
+
 export * from "./contexts/ApiContext";
 export * from "./contexts/I18nContext";
 export * from "./contexts/RouterContext";

package/src/pages/LoginPage.tsx

@@ -14,6 +14,7 @@ import { LogoType } from "../types";
 interface LoginPageProps {
   title?: string;
   logo?: LogoType;
+  logoHeight?: number | string;
   form?: React.ElementType;
 }
 
@@ -47,7 +48,7 @@ const StyledBackdrop = styled(Backdrop, {
   }),
 );
 
-const LoginPage: React.FC<LoginPageProps> = ({ title, logo, form: Form }) => {
+const LoginPage: React.FC<LoginPageProps> = ({ title, logo, form: Form, logoHeight }) => {
   Form ??= LoginForm;
 
   return (
@@ -60,7 +61,10 @@ const LoginPage: React.FC<LoginPageProps> = ({ title, logo, form: Form }) => {
       >
         <StyledDialogTitle>
           {logo ? (
-            <Brand src={logo} LogoProps={{ style: { height: "24px !important" } }} />
+            <Brand
+              src={logo}
+              LogoProps={{ style: { width: "auto", height: logoHeight ?? "24px !important" } }}
+            />
           ) : (
             <Typography sx={{ fontWeight: "bold", color: "inherit" }}>{title}</Typography>
           )}