@dextinity/admin 2.0.0-canary-20260729062014

package/lib/mui/mainNavigation/Item.styles.js

@@ -0,0 +1,25 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, ListItemButton, ListItemIcon, listItemIconClasses, ListItemText, listItemTextClasses } from "@mui/material";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+export var Root = createComponentSlot(ListItemButton)({
+  componentName: "MainNavigationItem",
+  slotName: "root",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.level === 1 && "level1", ownerState.level === 2 && "level2", ownerState.level === 3 && "level3", ownerState.open && "open", ownerState.hasIcon && "hasIcon", ownerState.hasSecondaryText && "hasSecondaryText", ownerState.hasSecondaryAction && "hasSecondaryAction"];
+  }
+})(function (_ref) {
+  var theme = _ref.theme,
+    ownerState = _ref.ownerState;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        flex-shrink: 0;\n        flex-grow: 0;\n\n        &:after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: 2px;\n            display: ", ";\n        }\n\n        .", " {\n            color: ", ";\n            min-width: unset;\n        }\n\n        .", " {\n            padding-left: ", "px;\n        }\n\n        .Mui-selected .", " {\n            color: inherit;\n        }\n\n        .", ", .", " {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.open ? "block" : "none", listItemIconClasses.root, theme.palette.grey[900], listItemTextClasses.inset, ownerState.hasIcon && ownerState.level === 1 ? 30 : 0, listItemTextClasses.secondary, listItemTextClasses.primary, listItemTextClasses.secondary, ownerState.level === 1 && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            border-bottom: 1px solid ", ";\n            box-sizing: border-box;\n            color: ", ";\n            height: 60px;\n            padding: 16px 22px;\n            background-color: ", ";\n\n            .", " {\n                color: ", ";\n            }\n\n            :hover {\n                background-color: ", ";\n                color: ", ";\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n\n                :after {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n\n                :hover {\n                    color: ", ";\n                    background-color: ", ";\n\n                    .", " {\n                        color: ", ";\n                    }\n                }\n            }\n\n            .", " {\n                font-size: 16px;\n                line-height: 20px;\n                margin-left: 10px;\n                font-weight: 450;\n            }\n\n            .", " {\n                margin-left: 10px;\n            }\n        "])), theme.palette.grey[50], theme.palette.grey[900], !ownerState.open && ownerState.collapsibleOpen ? "".concat(theme.palette.primary.main, " !important") : theme.palette.common.white, listItemIconClasses.root, !ownerState.open && ownerState.collapsibleOpen ? "".concat(theme.palette.common.white, " !important") : "", !ownerState.open ? "".concat(theme.palette.primary.main, " !important") : "", !ownerState.open ? "".concat(theme.palette.common.white) : "", listItemIconClasses.root, !ownerState.open ? "".concat(theme.palette.common.white) : "", theme.palette.common.white, theme.palette.primary.main, theme.palette.primary.main, listItemIconClasses.root, theme.palette.primary.main, !ownerState.open ? theme.palette.common.white : theme.palette.primary.main, theme.palette.grey[50], listItemIconClasses.root, !ownerState.open ? theme.palette.common.white : theme.palette.primary.main, listItemTextClasses.primary, listItemTextClasses.secondary), ownerState.level === 2 && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            color: ", ";\n            padding-left: ", "px;\n            padding-right: 15px;\n            padding-top: 8px;\n            padding-bottom: 8px;\n            width: ", "px;\n\n            .", " {\n                font-size: 14px;\n                line-height: 20px;\n            }\n\n            :last-child {\n                border-bottom: 1px solid\n                    ", ";\n                box-sizing: border-box;\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n                font-weight: ", ";\n\n                :after {\n                    background-color: ", ";\n                }\n\n                :hover {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    font-weight: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            .", " {\n                margin: 0;\n            }\n        "])), theme.palette.grey[900], ownerState.open ? 48 : 30, ownerState.open ? "initial" : 240, listItemTextClasses.primary, ownerState.open && (!ownerState.hasSubItems || !ownerState.collapsibleOpen) ? theme.palette.grey[50] : theme.palette.common.white, theme.palette.common.white, theme.palette.primary.main, theme.typography.fontWeightMedium, ownerState.open ? theme.palette.primary.main : undefined, theme.palette.grey[50], listItemTextClasses.primary, theme.typography.fontWeightMedium, listItemIconClasses.root, theme.palette.primary.main, listItemTextClasses.root), ownerState.level === 3 && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n            padding-left: ", "px;\n            padding-right: 15px;\n            padding-top: 0;\n            padding-bottom: 0;\n            position: relative;\n            width: ", "px;\n\n            background-color: ", ";\n\n            :hover {\n                background-color: ", ";\n            }\n\n            :last-child {\n                border-bottom: ", ";\n                box-sizing: border-box;\n            }\n\n            &.Mui-selected {\n                background-color: ", ";\n                color: ", ";\n                font-weight: ", ";\n\n                :hover {\n                    background-color: ", ";\n                }\n\n                .", " {\n                    font-weight: ", ";\n                }\n\n                .", " {\n                    color: ", ";\n                }\n            }\n\n            .", " {\n                margin: 0;\n            }\n\n            .", " {\n                font-size: 14px;\n                line-height: 20px;\n                padding-left: ", "px;\n                padding-top: 8px;\n                padding-bottom: 8px;\n            }\n\n            ", "\n        "])), theme.palette.grey[900], ownerState.open ? 50 : 30, ownerState.open ? "initial" : 240, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[50] : theme.palette.common.white, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[100] : theme.palette.grey[50], ownerState.open ? "1px solid ".concat(theme.palette.grey[50]) : "initial", ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[50] : theme.palette.common.white, theme.palette.primary.main, theme.typography.fontWeightMedium, ownerState.open && ownerState.collapsibleOpen && ownerState.variant === "temporary" ? theme.palette.grey[100] : theme.palette.grey[50], listItemTextClasses.primary, theme.typography.fontWeightMedium, listItemIconClasses.root, theme.palette.primary.main, listItemTextClasses.root, listItemTextClasses.primary, ownerState.open ? 15 : 0, ownerState.open && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n                :not(:last-child) {\n                    .", " {\n                        position: relative;\n\n                        &:before {\n                            content: \"\";\n                            position: absolute;\n                            width: 1px;\n                            height: 100%;\n                            top: 0;\n                            background-color: ", ";\n                        }\n\n                        &:after {\n                            content: \"\";\n                            position: absolute;\n                            width: 5px;\n                            height: 1px;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: ", ";\n                        }\n                    }\n\n                    &.Mui-selected {\n                        .", " {\n                            :before,\n                            :after {\n                                background-color: ", ";\n                            }\n                        }\n                    }\n                }\n\n                :last-child {\n                    .", " {\n                        position: relative;\n                        padding-right: 10px;\n\n                        &:before {\n                            content: \"\";\n                            position: absolute;\n                            width: 1px;\n                            height: 50%;\n                            top: 0;\n                            background-color: ", ";\n                        }\n\n                        &:after {\n                            content: \"\";\n                            position: absolute;\n                            width: 5px;\n                            height: 1px;\n                            top: 50%;\n                            transform: translateY(-50%);\n                            background-color: ", ";\n                        }\n                    }\n\n                    &.Mui-selected {\n                        .", " {\n                            :before,\n                            :after {\n                                background-color: ", ";\n                            }\n                        }\n                    }\n                }\n            "])), listItemTextClasses.root, theme.palette.grey[200], theme.palette.grey[200], listItemTextClasses.root, theme.palette.primary.main, listItemTextClasses.root, theme.palette.grey[200], theme.palette.grey[200], listItemTextClasses.root, theme.palette.primary.main)), ownerState.hasSecondaryAction && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            padding-right: 18px;\n        "]))));
+});
+export var Icon = createComponentSlot(ListItemIcon)({
+  componentName: "MainNavigationItem",
+  slotName: "icon"
+})(function () {
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        margin-right: 0;\n    "])));
+});
+export var Text = createComponentSlot(ListItemText)({
+  componentName: "MainNavigationItem",
+  slotName: "text"
+})();

package/lib/mui/mainNavigation/ItemAnchorLink.d.ts

@@ -0,0 +1,6 @@
+import type { ListItemButtonProps } from "@mui/material";
+import type { HTMLProps } from "react";
+import { type MainNavigationItemProps } from "./Item";
+export type MainNavigationItemAnchorLinkProps = MainNavigationItemProps & ListItemButtonProps & HTMLProps<HTMLAnchorElement>;
+export declare const MainNavigationItemAnchorLink: ({ secondaryAction: passedSecondaryAction, isMenuOpen, slotProps, ...props }: MainNavigationItemAnchorLinkProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ItemAnchorLink.d.ts.map

package/lib/mui/mainNavigation/ItemAnchorLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemAnchorLink.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/ItemAnchorLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAE1E,MAAM,MAAM,iCAAiC,GAAG,uBAAuB,GAAG,mBAAmB,GAAG,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAE7H,eAAO,MAAM,4BAA4B,GAAI,6EAK1C,iCAAiC,4CA2BnC,CAAC"}

package/lib/mui/mainNavigation/ItemAnchorLink.js

@@ -0,0 +1,42 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["secondaryAction", "isMenuOpen", "slotProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { LinkExternal } from "@dextinity/admin-icons";
+import { MainNavigationItem } from "./Item";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MainNavigationItemAnchorLink = function MainNavigationItemAnchorLink(_ref) {
+  var _slotProps$text;
+  var passedSecondaryAction = _ref.secondaryAction,
+    isMenuOpen = _ref.isMenuOpen,
+    slotProps = _ref.slotProps,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var secondaryAction = passedSecondaryAction !== undefined ?
+  // don't use ?? to allow null as value and with that an empty secondaryAction
+  passedSecondaryAction : /*#__PURE__*/_jsx(LinkExternal, {
+    color: "primary",
+    sx: {
+      marginRight: "auto",
+      marginLeft: 2
+    },
+    fontSize: isMenuOpen ? "medium" : "small"
+  });
+  return /*#__PURE__*/_jsx(MainNavigationItem, _objectSpread({
+    selected: false,
+    component: "a",
+    secondaryAction: secondaryAction,
+    isMenuOpen: isMenuOpen,
+    slotProps: _objectSpread(_objectSpread({}, slotProps), {}, {
+      text: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.text), {}, {
+        sx: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$text = slotProps.text) === null || _slotProps$text === void 0 ? void 0 : _slotProps$text.sx), {}, {
+          flexGrow: 0 // make the text not grow to full width so that the icon can be next to the text
+        })
+      })
+    })
+  }, props));
+};

package/lib/mui/mainNavigation/ItemGroup.d.ts

@@ -0,0 +1,34 @@
+import { type ComponentsOverrides, type Theme, Typography } from "@mui/material";
+import { type ReactNode } from "react";
+import { Tooltip as CommonTooltip } from "../../common/Tooltip";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+export type MainNavigationItemGroupClassKey = "root" | "open" | "tooltip" | "titleContainer" | "title" | "shortTitle";
+export interface MainNavigationItemGroupProps extends ThemedComponentBaseProps<{
+    root: "div";
+    tooltip: typeof CommonTooltip;
+    titleContainer: "div";
+    title: typeof Typography;
+    shortTitle: typeof Typography;
+}> {
+    title: ReactNode;
+    shortTitle?: ReactNode;
+    helperIcon?: ReactNode;
+    children?: ReactNode;
+    isMenuOpen?: boolean;
+}
+export declare const MainNavigationItemGroup: (inProps: MainNavigationItemGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminMainNavigationItemGroup: MainNavigationItemGroupProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminMainNavigationItemGroup: MainNavigationItemGroupClassKey;
+    }
+    interface Components {
+        CometAdminMainNavigationItemGroup?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminMainNavigationItemGroup"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminMainNavigationItemGroup"];
+        };
+    }
+}
+//# sourceMappingURL=ItemGroup.d.ts.map

package/lib/mui/mainNavigation/ItemGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemGroup.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/ItemGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAO,KAAK,KAAK,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAC;AACrG,OAAO,EAA6D,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAG3G,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAKvF,MAAM,MAAM,+BAA+B,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,OAAO,GAAG,YAAY,CAAC;AA+EtH,MAAM,WAAW,4BACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,cAAc,EAAE,KAAK,CAAC;IACtB,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,UAAU,EAAE,OAAO,UAAU,CAAC;CACjC,CAAC;IACF,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,uBAAuB,GAAI,SAAS,4BAA4B,4CAqE5E,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,iCAAiC,EAAE,4BAA4B,CAAC;KACnE;IAED,UAAU,uBAAuB;QAC7B,iCAAiC,EAAE,+BAA+B,CAAC;KACtE;IAED,UAAU,UAAU;QAChB,iCAAiC,CAAC,EAAE;YAChC,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,mCAAmC,CAAC,CAAC,CAAC;YACjF,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,mCAAmC,CAAC,CAAC;SACpF,CAAC;KACL;CACJ"}

package/lib/mui/mainNavigation/ItemGroup.js

@@ -0,0 +1,131 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["title", "shortTitle", "helperIcon", "children", "isMenuOpen", "slotProps"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, Typography, useThemeProps } from "@mui/material";
+import { Children, cloneElement, isValidElement, useMemo } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Tooltip as CommonTooltip } from "../../common/Tooltip";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
+  componentName: "MainNavigationItemGroup",
+  slotName: "root",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.open && "open"];
+  }
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin-top: ", ";\n    "])), theme.spacing(8));
+});
+var Tooltip = createComponentSlot(CommonTooltip)({
+  componentName: "MainNavigationItemGroup",
+  slotName: "tooltip"
+})();
+var TitleContainer = createComponentSlot("div")({
+  componentName: "MainNavigationItemGroup",
+  slotName: "titleContainer"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    ownerState = _ref2.ownerState;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        border-bottom: 1px solid ", ";\n        display: flex;\n        justify-content: flex-start;\n        padding: ", ";\n        align-items: center;\n        gap: ", ";\n\n        ", "\n    "])), theme.palette.grey[50], theme.spacing(2, 4), theme.spacing(1), !ownerState.open && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            padding-left: 0;\n            padding-right: 0;\n        "]))));
+});
+var Title = createComponentSlot(Typography)({
+  componentName: "MainNavigationItemGroup",
+  slotName: "title"
+})(function (_ref3) {
+  var theme = _ref3.theme,
+    ownerState = _ref3.ownerState;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        color: ", ";\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n\n        ", "\n    "])), theme.palette.grey[900], !ownerState.open && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
+});
+var ShortTitle = createComponentSlot(Typography)({
+  componentName: "MainNavigationItemGroup",
+  slotName: "shortTitle"
+})(function (_ref4) {
+  var theme = _ref4.theme,
+    ownerState = _ref4.ownerState;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        border: 1px solid ", ";\n        border-radius: 20px;\n        color: ", ";\n        padding: 1px 7px;\n        margin-left: 20px;\n        margin-right: auto;\n\n        ", "\n    "])), theme.palette.grey[100], theme.palette.grey[300], ownerState.open && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
+});
+export var MainNavigationItemGroup = function MainNavigationItemGroup(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminMainNavigationItemGroup"
+    }),
+    title = _useThemeProps.title,
+    shortTitle = _useThemeProps.shortTitle,
+    helperIcon = _useThemeProps.helperIcon,
+    children = _useThemeProps.children,
+    isMenuOpen = _useThemeProps.isMenuOpen,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var intl = useIntl();
+  var ownerState = {
+    open: Boolean(isMenuOpen)
+  };
+  function isFormattedMessage(node) {
+    return !!node && /*#__PURE__*/isValidElement(node) && node.type === FormattedMessage;
+  }
+  function getInitials(title) {
+    var titleAsString;
+    if (typeof title === "string") {
+      titleAsString = title;
+    } else if (isFormattedMessage(title)) {
+      titleAsString = intl.formatMessage(title.props);
+    } else {
+      throw new TypeError("Title must be either a string or a FormattedMessage");
+    }
+    var words = titleAsString.split(/\s+/).filter(function (word) {
+      return word.match(/[A-Za-z]/);
+    });
+    if (words.length > 3) {
+      console.warn("Title has more than 3 words, only the first 3 will be used.");
+      return words.slice(0, 3).map(function (word) {
+        return word[0].toUpperCase();
+      }).join("");
+    }
+    return words.map(function (word) {
+      return word[0].toUpperCase();
+    }).join("");
+  }
+  var childElements = useMemo(function () {
+    return Children.map(children, function (child) {
+      return /*#__PURE__*/cloneElement(child, {
+        isMenuOpen: isMenuOpen
+      });
+    });
+  }, [children, isMenuOpen]);
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: ownerState
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: [/*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+      placement: "right",
+      disableHoverListener: isMenuOpen,
+      disableFocusListener: isMenuOpen,
+      disableTouchListener: isMenuOpen,
+      title: title
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.tooltip), {}, {
+      children: /*#__PURE__*/_jsxs(TitleContainer, _objectSpread(_objectSpread({
+        ownerState: ownerState
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.titleContainer), {}, {
+        children: [/*#__PURE__*/_jsx(ShortTitle, _objectSpread(_objectSpread({
+          variant: "overline",
+          ownerState: ownerState
+        }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.shortTitle), {}, {
+          children: shortTitle || getInitials(title)
+        })), /*#__PURE__*/_jsx(Title, _objectSpread(_objectSpread({
+          variant: "subtitle2",
+          ownerState: ownerState
+        }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.title), {}, {
+          children: title
+        })), isMenuOpen && !!helperIcon && helperIcon]
+      }))
+    })), childElements]
+  }));
+};

package/lib/mui/mainNavigation/ItemRouterLink.d.ts

@@ -0,0 +1,16 @@
+import { Badge } from "@mui/material";
+import type { ListItemProps } from "@mui/material/ListItem";
+import type { ReactNode } from "react";
+import { type LinkProps } from "react-router-dom";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+import { type MainNavigationItemProps } from "./Item";
+interface MainNavigationRouterLinkItemStandardProps extends ThemedComponentBaseProps<{
+    badge: typeof Badge;
+}> {
+    to: string;
+    badgeContent?: ReactNode;
+}
+export type MainNavigationItemRouterLinkProps = MainNavigationRouterLinkItemStandardProps & MainNavigationItemProps & ListItemProps & LinkProps;
+export declare const MainNavigationItemRouterLink: ({ badgeContent, secondaryAction: passedSecondaryAction, slotProps, ...restProps }: MainNavigationItemRouterLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ItemRouterLink.d.ts.map

package/lib/mui/mainNavigation/ItemRouterLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemRouterLink.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/ItemRouterLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAS,MAAM,kBAAkB,CAAC;AAE/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACvF,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAE1E,UAAU,yCACN,SAAQ,wBAAwB,CAAC;IAC7B,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB,CAAC;IACF,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,iCAAiC,GAAG,yCAAyC,GAAG,uBAAuB,GAAG,aAAa,GAAG,SAAS,CAAC;AAEhJ,eAAO,MAAM,4BAA4B,GAAI,mFAK1C,iCAAiC,4CA+BnC,CAAC"}

package/lib/mui/mainNavigation/ItemRouterLink.js

@@ -0,0 +1,49 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["badgeContent", "secondaryAction", "slotProps"],
+  _excluded2 = ["badge"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { Badge } from "@mui/material";
+import { Link, Route } from "react-router-dom";
+import { MainNavigationItem } from "./Item";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MainNavigationItemRouterLink = function MainNavigationItemRouterLink(_ref) {
+  var badgeContent = _ref.badgeContent,
+    passedSecondaryAction = _ref.secondaryAction,
+    slotProps = _ref.slotProps,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = slotProps !== null && slotProps !== void 0 ? slotProps : {},
+    badge = _ref2.badge,
+    mainNavigationItemSlotProps = _objectWithoutProperties(_ref2, _excluded2);
+  var secondaryAction = badgeContent ?
+  /*#__PURE__*/
+  // prioritize badgeContent over passed secondaryAction
+  _jsx(Badge, _objectSpread(_objectSpread({
+    variant: restProps.isMenuOpen ? "standard" : "dot",
+    color: "error",
+    overlap: "circular"
+  }, badge), {}, {
+    badgeContent: badgeContent,
+    sx: _objectSpread({
+      marginLeft: 2
+    }, badge === null || badge === void 0 ? void 0 : badge.sx)
+  })) : passedSecondaryAction;
+  return /*#__PURE__*/_jsx(Route, {
+    path: restProps.to,
+    strict: false,
+    children: function children(_ref3) {
+      var match = _ref3.match;
+      return /*#__PURE__*/_jsx(MainNavigationItem, _objectSpread({
+        selected: !!match,
+        secondaryAction: secondaryAction,
+        component: Link,
+        slotProps: mainNavigationItemSlotProps
+      }, restProps));
+    }
+  });
+};

package/lib/mui/mainNavigation/MainNavigation.d.ts

@@ -0,0 +1,31 @@
+import { type ComponentsOverrides, type Drawer as MuiDrawer, type Theme } from "@mui/material";
+import { type ReactNode } from "react";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+import { type MainNavigationClassKey } from "./MainNavigation.styles";
+export declare const DEFAULT_DRAWER_WIDTH = 300;
+export declare const DEFAULT_DRAWER_WIDTH_COLLAPSED = 60;
+export interface MainNavigationProps extends ThemedComponentBaseProps<{
+    temporaryDrawer: typeof MuiDrawer;
+    permanentDrawer: typeof MuiDrawer;
+}> {
+    children: ReactNode;
+    variant?: "permanent" | "temporary";
+    drawerWidth?: number;
+    drawerWidthCollapsed?: number;
+}
+export declare const MainNavigation: (inProps: MainNavigationProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminMainNavigation: MainNavigationClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminMainNavigation: MainNavigationProps;
+    }
+    interface Components {
+        CometAdminMainNavigation?: {
+            defaultProps?: ComponentsPropsList["CometAdminMainNavigation"];
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminMainNavigation"];
+        };
+    }
+}
+//# sourceMappingURL=MainNavigation.d.ts.map

package/lib/mui/mainNavigation/MainNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavigation.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/MainNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,MAAM,IAAI,SAAS,EAAE,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC9G,OAAO,EAA0B,KAAK,SAAS,EAA0C,MAAM,OAAO,CAAC;AAGvG,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAMvF,OAAO,EAAE,KAAK,sBAAsB,EAAqD,MAAM,yBAAyB,CAAC;AAEzH,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AAEjD,MAAM,WAAW,mBACb,SAAQ,wBAAwB,CAAC;IAC7B,eAAe,EAAE,OAAO,SAAS,CAAC;IAClC,eAAe,EAAE,OAAO,SAAS,CAAC;CACrC,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,cAAc,GAAI,SAAS,mBAAmB,4CAoG1D,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,wBAAwB,EAAE,sBAAsB,CAAC;KACpD;IAED,UAAU,mBAAmB;QACzB,wBAAwB,EAAE,mBAAmB,CAAC;KACjD;IAED,UAAU,UAAU;QAChB,wBAAwB,CAAC,EAAE;YACvB,YAAY,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;YAC/D,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,0BAA0B,CAAC,CAAC;SAC3E,CAAC;KACL;CACJ"}

package/lib/mui/mainNavigation/MainNavigation.js

@@ -0,0 +1,120 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "drawerWidth", "drawerWidthCollapsed", "variant", "slotProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useThemeProps } from "@mui/material";
+import { Children, cloneElement, useContext, useEffect, useMemo, useRef } from "react";
+import { useHistory } from "react-router";
+import { MasterLayoutContext } from "../MasterLayoutContext";
+import { useMainNavigation } from "./Context";
+import { PermanentDrawer, TemporaryDrawer } from "./MainNavigation.styles";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var DEFAULT_DRAWER_WIDTH = 300;
+export var DEFAULT_DRAWER_WIDTH_COLLAPSED = 60;
+export var MainNavigation = function MainNavigation(inProps) {
+  var _slotProps$permanentD;
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminMainNavigation"
+    }),
+    children = _useThemeProps.children,
+    _useThemeProps$drawer = _useThemeProps.drawerWidth,
+    drawerWidth = _useThemeProps$drawer === void 0 ? DEFAULT_DRAWER_WIDTH : _useThemeProps$drawer,
+    _useThemeProps$drawer2 = _useThemeProps.drawerWidthCollapsed,
+    drawerWidthCollapsed = _useThemeProps$drawer2 === void 0 ? DEFAULT_DRAWER_WIDTH_COLLAPSED : _useThemeProps$drawer2,
+    _useThemeProps$varian = _useThemeProps.variant,
+    variant = _useThemeProps$varian === void 0 ? "permanent" : _useThemeProps$varian,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var history = useHistory();
+  var _useMainNavigation = useMainNavigation(),
+    open = _useMainNavigation.open,
+    toggleOpen = _useMainNavigation.toggleOpen,
+    setOpen = _useMainNavigation.setOpen,
+    setDrawerVariant = _useMainNavigation.setDrawerVariant,
+    drawerVariant = _useMainNavigation.drawerVariant;
+  var initialRender = useRef(true);
+  var _useContext = useContext(MasterLayoutContext),
+    headerHeight = _useContext.headerHeight;
+  var lastPermanentOpenState = useRef(undefined);
+
+  // useEffect needed to avoid a React error stating that a bad setState call was made.
+  useEffect(function () {
+    if (drawerVariant !== variant) {
+      setDrawerVariant(variant);
+      if (variant === "temporary" && drawerVariant === "permanent") {
+        // switch from permanent to temporary
+        lastPermanentOpenState.current = open; // save open state of permanent menu
+        setOpen(false);
+      } else if (variant === "permanent" && drawerVariant === "temporary" && lastPermanentOpenState.current !== undefined) {
+        setOpen(lastPermanentOpenState.current); // restore open state of permanent menu
+      }
+    }
+  }, [drawerVariant, open, setDrawerVariant, setOpen, variant]);
+
+  // Close the menu on initial render if it is temporary to prevent a page-overlay when initially loading the page.
+  useEffect(function () {
+    if (variant === "temporary" && open) {
+      toggleOpen();
+    }
+    // workaround for issue: https://github.com/mui/material-ui/issues/35793
+    initialRender.current = false;
+
+    // useEffect dependencies need to stay empty, because the function should only be called on first render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  // Close temporary menu after changing location (e.g. when clicking menu item).
+  useEffect(function () {
+    return history.listen(function () {
+      if (variant === "temporary" && open) {
+        toggleOpen();
+      }
+    });
+  }, [history, variant, open, toggleOpen]);
+
+  // workaround for issue: https://github.com/mui/material-ui/issues/35793
+  var temporaryDrawerIsOpen = initialRender.current ? false : open;
+  var ownerState = {
+    drawerWidth: drawerWidth,
+    drawerWidthCollapsed: drawerWidthCollapsed,
+    open: variant === "temporary" ? temporaryDrawerIsOpen : open,
+    headerHeight: headerHeight
+  };
+  var childElements = useMemo(function () {
+    return Children.map(children, function (child) {
+      return /*#__PURE__*/cloneElement(child, {
+        isMenuOpen: open
+      });
+    });
+  }, [children, open]);
+
+  // Always render both temporary and permanent drawers to make sure, the opening and closing animations run fully when switching between variants.
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TemporaryDrawer, _objectSpread(_objectSpread(_objectSpread({
+      variant: "temporary",
+      onClose: toggleOpen,
+      open: variant === "temporary" && temporaryDrawerIsOpen,
+      ownerState: ownerState,
+      hideBackdrop: true
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.temporaryDrawer), restProps), {}, {
+      children: childElements
+    })), /*#__PURE__*/_jsx(PermanentDrawer, _objectSpread(_objectSpread(_objectSpread({
+      variant: "permanent",
+      ownerState: ownerState,
+      open: variant === "permanent" && open,
+      hidden: variant === "temporary"
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.permanentDrawer), {}, {
+      PaperProps: _objectSpread({
+        elevation: 2
+      }, slotProps === null || slotProps === void 0 || (_slotProps$permanentD = slotProps.permanentDrawer) === null || _slotProps$permanentD === void 0 ? void 0 : _slotProps$permanentD.PaperProps)
+    }, restProps), {}, {
+      children: childElements
+    }))]
+  });
+};

package/lib/mui/mainNavigation/MainNavigation.styles.d.ts

@@ -0,0 +1,21 @@
+import { type DrawerProps, type Theme } from "@mui/material";
+export type MainNavigationClassKey = "drawer" | "permanent" | "temporary" | "open" | "closed";
+export type OwnerState = {
+    drawerWidth: number;
+    drawerWidthCollapsed: number;
+    open: boolean;
+    headerHeight: number;
+};
+export declare const TemporaryDrawer: import("react").ForwardRefExoticComponent<Omit<Pick<DrawerProps, keyof DrawerProps> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    ownerState: OwnerState;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const PermanentDrawer: import("react").ForwardRefExoticComponent<Omit<Pick<DrawerProps, keyof DrawerProps> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    ownerState: OwnerState;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+//# sourceMappingURL=MainNavigation.styles.d.ts.map

package/lib/mui/mainNavigation/MainNavigation.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainNavigation.styles.d.ts","sourceRoot":"","sources":["../../../src/mui/mainNavigation/MainNavigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAoBtG,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9F,MAAM,MAAM,UAAU,GAAG;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAaF,eAAO,MAAM,eAAe;;;;;mDA0B3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;mDA4B3B,CAAC"}

package/lib/mui/mainNavigation/MainNavigation.styles.js

@@ -0,0 +1,39 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, Drawer as MuiDrawer, drawerClasses } from "@mui/material";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { DEFAULT_DRAWER_WIDTH, DEFAULT_DRAWER_WIDTH_COLLAPSED } from "./MainNavigation";
+var getOpenedAnimation = function getOpenedAnimation(theme, drawerVariant) {
+  var drawerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DRAWER_WIDTH;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: ", ";\n    transition: width ", " ", "ms;\n"])), drawerVariant === "temporary" ? "100%" : "".concat(drawerWidth, "px"), theme.transitions.easing.sharp, theme.transitions.duration.enteringScreen);
+};
+var getClosedAnimation = function getClosedAnimation(theme, drawerVariant) {
+  var drawerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DRAWER_WIDTH;
+  var drawerWidthCollapsed = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_DRAWER_WIDTH_COLLAPSED;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    transition: width ", " ", "ms;\n"])), drawerVariant === "temporary" ? "100%" : "".concat(drawerWidthCollapsed, "px"), theme.transitions.easing.sharp, theme.transitions.duration.leavingScreen);
+};
+var getSharedStyles = function getSharedStyles(theme, headerHeight) {
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-color: ", ";\n    overflow-x: hidden;\n    height: calc(100% - ", "px);\n    top: ", "px;\n\n    .CometAdminMainNavigationItemGroup-root + .CometAdminMainNavigationItem-root {\n        margin-top: ", ";\n    }\n"])), theme.palette.common.white, headerHeight, headerHeight, theme.spacing(8));
+};
+export var TemporaryDrawer = createComponentSlot(MuiDrawer)({
+  componentName: "MainNavigation",
+  slotName: "temporary",
+  classesResolver: function classesResolver(ownerState) {
+    return ["drawer", ownerState.open ? "open" : "closed"];
+  }
+})(function (_ref) {
+  var theme = _ref.theme,
+    ownerState = _ref.ownerState;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        height: calc(100% - ", "px);\n        top: ", "px;\n\n        ", " {\n            top: ", "px;\n        }\n\n        .", " {\n            ", "\n            ", "\n        }\n\n        .", " {\n            border-right: none;\n        }\n    "])), ownerState.headerHeight, ownerState.headerHeight, drawerClasses.root, ownerState.headerHeight, drawerClasses.paper, getSharedStyles(theme, ownerState.headerHeight), ownerState.open ? getOpenedAnimation(theme, "temporary", ownerState.drawerWidth) : getClosedAnimation(theme, "temporary", ownerState.drawerWidth), drawerClasses.paperAnchorLeft);
+});
+export var PermanentDrawer = createComponentSlot(MuiDrawer)({
+  componentName: "MainNavigation",
+  slotName: "permanent",
+  classesResolver: function classesResolver(ownerState) {
+    return ["drawer", ownerState.open ? "open" : "closed"];
+  }
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    ownerState = _ref2.ownerState;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        ", "\n        flex-shrink: 0;\n        white-space: nowrap;\n        box-sizing: border-box;\n        ", "\n\n        .", " {\n            ", "\n            height: calc(100% - ", "px);\n            ", "\n        }\n\n        .", " {\n            border-right: none;\n        }\n    "])), getSharedStyles(theme, ownerState.headerHeight), ownerState.open ? getOpenedAnimation(theme, "permanent", ownerState.drawerWidth) : getClosedAnimation(theme, "permanent", ownerState.drawerWidthCollapsed), drawerClasses.paper, getSharedStyles(theme, ownerState.headerHeight), ownerState.headerHeight, ownerState.open ? getOpenedAnimation(theme, "permanent", ownerState.drawerWidth) : getClosedAnimation(theme, "permanent", ownerState.drawerWidthCollapsed), drawerClasses.paperAnchorLeft);
+});

package/lib/renderFinalFormChildren.d.ts

@@ -0,0 +1,4 @@
+import { type ReactNode } from "react";
+import type { FormRenderProps, RenderableProps } from "react-final-form";
+export declare function renderFinalFormChildren<FormValues = Record<string, any>, InitialFormValues = Partial<FormValues>>(props: RenderableProps<FormRenderProps<FormValues, InitialFormValues>>, formRenderProps: FormRenderProps<FormValues, InitialFormValues>): ReactNode;
+//# sourceMappingURL=renderFinalFormChildren.d.ts.map

package/lib/renderFinalFormChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFinalFormChildren.d.ts","sourceRoot":"","sources":["../src/renderFinalFormChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGzE,wBAAgB,uBAAuB,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,UAAU,CAAC,EAC7G,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,EACtE,eAAe,EAAE,eAAe,CAAC,UAAU,EAAE,iBAAiB,CAAC,aAoBlE"}