@dextinity/admin 2.0.0-canary-20260729062014

package/lib/common/toolbar/ToolbarBreadcrumbs.js

@@ -0,0 +1,244 @@
+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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12;
+var _excluded = ["iconMapping", "slotProps"];
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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 { ChevronDown, ChevronRight, ChevronUp } from "@dextinity/admin-icons";
+import { ButtonBase, css, ListItemText, Menu, MenuItem, Typography, useThemeProps } from "@mui/material";
+import { Fragment, useRef, useState, createElement as _createElement } from "react";
+import { Link as RouterLink } from "react-router-dom";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { useStackApi } from "../../stack/Api";
+import { useObservedWidth } from "../../utils/useObservedWidth";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var ToolbarBreadcrumbs = function ToolbarBreadcrumbs(inProps) {
+  var _stackApi$breadCrumbs, _slotProps$mobileMenu, _slotProps$mobileMenu2, _slotProps$mobileMenu3, _slotProps$mobileMenu4, _slotProps$mobileMenu5;
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminToolbarBreadcrumbs"
+    }),
+    _useThemeProps$iconMa = _useThemeProps.iconMapping,
+    iconMapping = _useThemeProps$iconMa === void 0 ? {} : _useThemeProps$iconMa,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var _iconMapping$itemSepa = iconMapping.itemSeparator,
+    itemSeparatorIcon = _iconMapping$itemSepa === void 0 ? /*#__PURE__*/_jsx(ChevronRight, {}) : _iconMapping$itemSepa,
+    _iconMapping$openMobi = iconMapping.openMobileMenu,
+    openMobileMenuIcon = _iconMapping$openMobi === void 0 ? /*#__PURE__*/_jsx(ChevronDown, {}) : _iconMapping$openMobi,
+    _iconMapping$closeMob = iconMapping.closeMobileMenu,
+    closeMobileMenuIcon = _iconMapping$closeMob === void 0 ? /*#__PURE__*/_jsx(ChevronUp, {}) : _iconMapping$closeMob;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showMobileMenu = _useState2[0],
+    setShowMobileMenu = _useState2[1];
+  var rootRef = useRef(null);
+  var stackApi = useStackApi();
+  var breadcrumbs = (_stackApi$breadCrumbs = stackApi === null || stackApi === void 0 ? void 0 : stackApi.breadCrumbs) !== null && _stackApi$breadCrumbs !== void 0 ? _stackApi$breadCrumbs : [];
+  var menuWidth = useObservedWidth(rootRef);
+  var toggleMobileMenu = function toggleMobileMenu() {
+    setShowMobileMenu(function (val) {
+      return !val;
+    });
+  };
+  var itemSeparator = /*#__PURE__*/_jsx(BreadcrumbsItemSeparator, {
+    children: itemSeparatorIcon
+  });
+  var lastBreadcrumbTitle = breadcrumbs.length ? breadcrumbs[breadcrumbs.length - 1].title : null;
+  var currentBreadcrumbItem = /*#__PURE__*/_jsx(CurrentBreadcrumbsItem, _objectSpread(_objectSpread({
+    variant: "body2"
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.currentBreadcrumbsItem), {}, {
+    children: lastBreadcrumbTitle
+  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread(_objectSpread({
+      ref: rootRef
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+      children: [/*#__PURE__*/_jsx(BreadcrumbsList, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.breadcrumbsList), {}, {
+        children: breadcrumbs.map(function (_ref, index) {
+          var title = _ref.title,
+            url = _ref.url;
+          var isCurrentPage = index === breadcrumbs.length - 1;
+          var commonItemProps = {
+            variant: "body2",
+            title: typeof title === "string" ? title : undefined
+          };
+          return /*#__PURE__*/_jsx(Fragment, {
+            children: isCurrentPage ? /*#__PURE__*/_jsx(CurrentBreadcrumbsItem, _objectSpread(_objectSpread(_objectSpread({}, commonItemProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.currentBreadcrumbsItem), {}, {
+              children: title
+            })) : /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(BreadcrumbsItem, _objectSpread(_objectSpread(_objectSpread({}, commonItemProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.breadcrumbsItem), {}, {
+                // @ts-expect-error The component prop does not work properly with MUIs `styled()`, see: https://mui.com/material-ui/guides/typescript/#complications-with-the-component-prop
+                component: RouterLink,
+                to: url,
+                children: title
+              })), itemSeparator]
+            })
+          }, index);
+        })
+      })), breadcrumbs.length > 1 ? /*#__PURE__*/_jsxs(MobileBreadcrumbsButton, _objectSpread(_objectSpread({
+        disableRipple: true
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileBreadcrumbsButton), {}, {
+        onClick: toggleMobileMenu,
+        children: [/*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(BreadcrumbsEllipsisItem, _objectSpread(_objectSpread({
+            variant: "body2"
+          }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.breadcrumbsEllipsisItem), {}, {
+            children: "\u2026"
+          })), itemSeparator]
+        }), currentBreadcrumbItem, /*#__PURE__*/_jsx(MobileMenuIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileMenuIcon), {}, {
+          children: showMobileMenu ? closeMobileMenuIcon : openMobileMenuIcon
+        }))]
+      })) : /*#__PURE__*/_jsx(MobileStandaloneCurrentBreadcrumbItem, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileStandaloneCurrentBreadcrumbItem), {}, {
+        children: currentBreadcrumbItem
+      }))]
+    })), /*#__PURE__*/_jsx(MobileMenu, _objectSpread(_objectSpread({
+      open: showMobileMenu,
+      anchorEl: rootRef.current,
+      onClose: toggleMobileMenu
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileMenu), {}, {
+      anchorOrigin: _objectSpread({
+        vertical: "bottom",
+        horizontal: "center"
+      }, slotProps === null || slotProps === void 0 || (_slotProps$mobileMenu = slotProps.mobileMenu) === null || _slotProps$mobileMenu === void 0 ? void 0 : _slotProps$mobileMenu.anchorOrigin),
+      transformOrigin: _objectSpread({
+        vertical: "top",
+        horizontal: "center"
+      }, slotProps === null || slotProps === void 0 || (_slotProps$mobileMenu2 = slotProps.mobileMenu) === null || _slotProps$mobileMenu2 === void 0 ? void 0 : _slotProps$mobileMenu2.transformOrigin),
+      MenuListProps: _objectSpread({
+        component: "div"
+      }, slotProps === null || slotProps === void 0 || (_slotProps$mobileMenu3 = slotProps.mobileMenu) === null || _slotProps$mobileMenu3 === void 0 ? void 0 : _slotProps$mobileMenu3.MenuListProps),
+      PaperProps: _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 || (_slotProps$mobileMenu4 = slotProps.mobileMenu) === null || _slotProps$mobileMenu4 === void 0 ? void 0 : _slotProps$mobileMenu4.PaperProps), {}, {
+        sx: _objectSpread({
+          width: menuWidth
+        }, slotProps === null || slotProps === void 0 || (_slotProps$mobileMenu5 = slotProps.mobileMenu) === null || _slotProps$mobileMenu5 === void 0 || (_slotProps$mobileMenu5 = _slotProps$mobileMenu5.PaperProps) === null || _slotProps$mobileMenu5 === void 0 ? void 0 : _slotProps$mobileMenu5.sx)
+      }),
+      children: breadcrumbs.map(function (_ref2, nestingLevel) {
+        var title = _ref2.title,
+          url = _ref2.url;
+        var isCurrentPage = nestingLevel === breadcrumbs.length - 1;
+        return /*#__PURE__*/_createElement(MobileMenuItem, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileMenuItem), {}, {
+          key: nestingLevel,
+          onClick: toggleMobileMenu,
+          selected: isCurrentPage
+          // @ts-expect-error The component prop does not work properly with MUIs `styled()`, see: https://mui.com/material-ui/guides/typescript/#complications-with-the-component-prop
+          ,
+          component: RouterLink,
+          to: url
+        }), nestingLevel > 0 && /*#__PURE__*/_jsx(MobileMenuItemNestingIndicator, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileMenuItemNestingIndicator), {}, {
+          ownerState: {
+            nestingLevel: nestingLevel
+          }
+        })), /*#__PURE__*/_jsx(MobileMenuItemText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileMenuItemText), {}, {
+          primary: title,
+          ownerState: {
+            isCurrentPage: isCurrentPage
+          }
+        })));
+      })
+    }))]
+  });
+};
+var Root = createComponentSlot("div")({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "root"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n    "])), theme.spacing(2));
+});
+var BreadcrumbsList = createComponentSlot("div")({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "breadcrumbsList"
+})(function (_ref4) {
+  var theme = _ref4.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: none;\n        align-items: center;\n        gap: ", ";\n        overflow: hidden;\n\n        ", " {\n            display: flex;\n        }\n    "])), theme.spacing(1), theme.breakpoints.up("md"));
+});
+var MobileBreadcrumbsButton = createComponentSlot(ButtonBase)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileBreadcrumbsButton"
+})(function (_ref5) {
+  var theme = _ref5.theme;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n        flex-grow: 1;\n        overflow: hidden;\n        padding-top: ", ";\n        padding-bottom: ", ";\n\n        ", " {\n            display: none;\n        }\n    "])), theme.spacing(1), theme.spacing(2), theme.spacing(2), theme.breakpoints.up("md"));
+});
+var MobileStandaloneCurrentBreadcrumbItem = createComponentSlot("div")({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileStandaloneCurrentBreadcrumbItem"
+})(function (_ref6) {
+  var theme = _ref6.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        ", " {\n            display: none;\n        }\n    "])), theme.breakpoints.up("md"));
+});
+var getCommonItemStyles = function getCommonItemStyles(theme) {
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: ", ";\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n\n    ", " {\n        padding-top: ", ";\n        padding-bottom: ", ";\n    }\n"])), theme.palette.grey[900], theme.breakpoints.up("md"), theme.spacing(2), theme.spacing(2));
+};
+var CurrentBreadcrumbsItem = createComponentSlot(Typography)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "currentBreadcrumbsItem"
+})(function (_ref7) {
+  var theme = _ref7.theme;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        ", "\n        font-weight: 600;\n    "])), getCommonItemStyles(theme));
+});
+var BreadcrumbsItem = createComponentSlot(Typography)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "breadcrumbsItem"
+})(function (_ref8) {
+  var theme = _ref8.theme;
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        ", "\n\n        ", " {\n            display: block;\n        }\n    "])), getCommonItemStyles(theme), theme.breakpoints.up("md"));
+});
+var BreadcrumbsItemSeparator = createComponentSlot("div")({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "breadcrumbsItemSeparator"
+})(function (_ref9) {
+  var theme = _ref9.theme;
+  return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        line-height: 0;\n        display: none;\n\n        :nth-last-of-type(2) {\n            display: block;\n        }\n\n        ", " {\n            display: block;\n        }\n    "])), theme.breakpoints.up("md"));
+});
+var BreadcrumbsEllipsisItem = createComponentSlot(Typography)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "breadcrumbsEllipsisItem"
+})(function (_ref0) {
+  var theme = _ref0.theme;
+  return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        color: ", ";\n        text-decoration: underline;\n        padding: ", ";\n        margin-left: ", ";\n        margin-right: ", ";\n        cursor: pointer;\n\n        ", " {\n            display: none;\n        }\n    "])), theme.palette.grey[900], theme.spacing(1), theme.spacing(-1), theme.spacing(-1), theme.breakpoints.up("md"));
+});
+var MobileMenu = createComponentSlot(Menu)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileMenu"
+})(function (_ref1) {
+  var theme = _ref1.theme;
+  return css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n        .MuiPopover-paper {\n            min-width: 220px;\n        }\n\n        .MuiMenu-list {\n            padding-top: ", ";\n            padding-bottom: ", ";\n        }\n    "])), theme.spacing(3), theme.spacing(3));
+});
+var MobileMenuIcon = createComponentSlot("div")({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileMenuIcon"
+})(css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n    margin-left: auto;\n    line-height: 0;\n"]))));
+var MobileMenuItem = createComponentSlot(MenuItem)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileMenuItem"
+})(function (_ref10) {
+  var theme = _ref10.theme;
+  return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        position: relative;\n        min-height: auto;\n        padding-left: ", ";\n        padding-right: ", ";\n        padding-top: 8px;\n        padding-bottom: 8px;\n\n        :hover,\n        &.Mui-selected,\n        &.Mui-focusVisible,\n        &.Mui-selected.Mui-focusVisible,\n        &.Mui-selected:hover {\n            background-color: ", ";\n        }\n    "])), theme.spacing(3), theme.spacing(3), theme.palette.grey[50]);
+});
+var MobileMenuItemText = createComponentSlot(ListItemText)({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileMenuItemText"
+})(function (_ref11) {
+  var ownerState = _ref11.ownerState;
+  return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        .MuiListItemText-primary {\n            font-weight: ", ";\n            text-overflow: ellipsis;\n            overflow: hidden;\n        }\n    "])), ownerState.isCurrentPage ? 600 : 300);
+});
+var MobileMenuItemNestingIndicator = createComponentSlot("div")({
+  componentName: "ToolbarBreadcrumbs",
+  slotName: "mobileMenuItemNestingIndicator"
+})(function (_ref12) {
+  var theme = _ref12.theme,
+    ownerState = _ref12.ownerState;
+  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        position: relative;\n        margin-left: ", "px;\n        width: 12px;\n        flex-shrink: 0;\n\n        :before {\n            content: \"\";\n            position: absolute;\n            top: -18px;\n            left: 0;\n            width: 5px;\n            height: 15px;\n            border-width: 0 0 1px 1px;\n            border-style: solid;\n            border-color: ", ";\n            box-sizing: border-box;\n        }\n    "])), 17 * ownerState.nestingLevel, theme.palette.grey[100]);
+});

package/lib/common/toolbar/actions/ToolbarActionButton.d.ts

@@ -0,0 +1,30 @@
+import { Button, type ButtonProps, type ComponentsOverrides, IconButton } from "@mui/material";
+import { type Theme } from "@mui/material/styles";
+import type { ThemedComponentBaseProps } from "../../../helpers/ThemedComponentBaseProps";
+import { Tooltip } from "../../Tooltip";
+export type ToolbarActionButtonClassKey = "root" | "tooltip" | "button" | "iconButton" | "text" | "outlined" | "contained";
+type ToolbarActionButtonProps = Omit<ButtonProps, "loading"> & ThemedComponentBaseProps<{
+    tooltip: typeof Tooltip;
+    iconButton: typeof IconButton;
+    button: typeof Button;
+}>;
+/**
+ * @deprecated Use `Button` from `@dextinity/admin` with the `responsive` prop instead.
+ */
+export declare const ToolbarActionButton: (props: ToolbarActionButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminToolbarActionButton: ToolbarActionButtonProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminToolbarActionButton: ToolbarActionButtonClassKey;
+    }
+    interface Components {
+        CometAdminToolbarActionButton?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminToolbarActionButton"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminToolbarActionButton"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=ToolbarActionButton.d.ts.map

package/lib/common/toolbar/actions/ToolbarActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarActionButton.d.ts","sourceRoot":"","sources":["../../../../src/common/toolbar/actions/ToolbarActionButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAO,KAAK,KAAK,EAA2B,MAAM,sBAAsB,CAAC;AAGhF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAE1F,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;AAE3H,KAAK,wBAAwB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GACxD,wBAAwB,CAAC;IACrB,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,UAAU,CAAC;IAC9B,MAAM,EAAE,OAAO,MAAM,CAAC;CACzB,CAAC,CAAC;AAkDP;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CAsBlE,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,6BAA6B,EAAE,wBAAwB,CAAC;KAC3D;IACD,UAAU,uBAAuB;QAC7B,6BAA6B,EAAE,2BAA2B,CAAC;KAC9D;IACD,UAAU,UAAU;QAChB,6BAA6B,CAAC,EAAE;YAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,+BAA+B,CAAC,CAAC,CAAC;YAC7E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,+BAA+B,CAAC,CAAC;SAChF,CAAC;KACL;CACJ"}

package/lib/common/toolbar/actions/ToolbarActionButton.js

@@ -0,0 +1,78 @@
+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", "slotProps"];
+var _templateObject, _templateObject2, _templateObject3;
+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) } })); }
+// eslint-disable-next-line no-restricted-imports
+import { Button, IconButton } from "@mui/material";
+import { css, useTheme, useThemeProps } from "@mui/material/styles";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { useWindowSize } from "../../../helpers/useWindowSize";
+import { Tooltip } from "../../Tooltip";
+import { jsx as _jsx } from "react/jsx-runtime";
+var StyledTooltip = createComponentSlot(Tooltip)({
+  componentName: "ToolbarActionButton",
+  slotName: "tooltip"
+})();
+var StyledIconButton = createComponentSlot(IconButton)({
+  componentName: "ToolbarActionButton",
+  slotName: "iconButton",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.variant];
+  }
+})(function (_ref) {
+  var theme = _ref.theme,
+    ownerState = _ref.ownerState;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n        ", "\n    "])), ownerState.variant === "contained" && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background: ", ";\n            color: ", ";\n            border-radius: 4px;\n            &:hover {\n                background: ", ";\n            }\n        "])), theme.palette.primary.main, theme.palette.primary.contrastText, theme.palette.primary.dark), ownerState.variant === "outlined" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            border-radius: 4px;\n            border-width: 1px;\n            border-style: solid;\n            border-color: ", ";\n            &:hover {\n                background-color: ", ";\n                border-color: ", ";\n            }\n        "])), theme.palette.grey[200], theme.palette.grey[50], theme.palette.grey[200]));
+});
+var StyledButton = createComponentSlot(Button)({
+  componentName: "ToolbarActionButton",
+  slotName: "button",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.variant];
+  }
+})();
+
+/**
+ * @deprecated Use `Button` from `@dextinity/admin` with the `responsive` prop instead.
+ */
+export var ToolbarActionButton = function ToolbarActionButton(props) {
+  var _restProps$startIcon, _restProps$variant;
+  var _useThemeProps = useThemeProps({
+      props: props,
+      name: "CometAdminToolbarActionButton"
+    }),
+    children = _useThemeProps.children,
+    _useThemeProps$slotPr = _useThemeProps.slotProps,
+    slotProps = _useThemeProps$slotPr === void 0 ? {} : _useThemeProps$slotPr,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var iconButtonProps = slotProps.iconButton,
+    tooltipProps = slotProps.tooltip,
+    buttonProps = slotProps.button;
+  var windowSize = useWindowSize();
+  var theme = useTheme();
+  var useIconButton = windowSize.width < theme.breakpoints.values.sm;
+  var icon = (_restProps$startIcon = restProps.startIcon) !== null && _restProps$startIcon !== void 0 ? _restProps$startIcon : restProps.endIcon;
+  var ownerState = {
+    variant: (_restProps$variant = restProps.variant) !== null && _restProps$variant !== void 0 ? _restProps$variant : "text"
+  };
+  return useIconButton && icon ? /*#__PURE__*/_jsx(StyledTooltip, _objectSpread(_objectSpread({
+    title: children
+  }, tooltipProps), {}, {
+    children: /*#__PURE__*/_jsx(StyledIconButton, _objectSpread(_objectSpread(_objectSpread({
+      ownerState: ownerState
+    }, restProps), iconButtonProps), {}, {
+      children: icon
+    }))
+  })) : /*#__PURE__*/_jsx(StyledButton, _objectSpread(_objectSpread(_objectSpread({
+    ownerState: ownerState
+  }, restProps), buttonProps), {}, {
+    children: children
+  }));
+};

package/lib/common/toolbar/actions/ToolbarActions.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentsOverrides } from "@mui/material";
+import { type Theme } from "@mui/material/styles";
+import type { PropsWithChildren } from "react";
+import type { ThemedComponentBaseProps } from "../../../helpers/ThemedComponentBaseProps";
+export type ToolbarActionsClassKey = "root";
+export declare const ToolbarActions: (inProps: PropsWithChildren<ThemedComponentBaseProps>) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminToolbarActions: ToolbarActionsClassKey;
+    }
+    interface Components {
+        CometAdminToolbarActions?: {
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminToolbarActions"];
+        };
+    }
+}
+//# sourceMappingURL=ToolbarActions.d.ts.map

package/lib/common/toolbar/actions/ToolbarActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarActions.d.ts","sourceRoot":"","sources":["../../../../src/common/toolbar/actions/ToolbarActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAO,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAE1F,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAa5C,eAAO,MAAM,cAAc,GAAI,SAAS,iBAAiB,CAAC,wBAAwB,CAAC,4CAGlF,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,wBAAwB,EAAE,sBAAsB,CAAC;KACpD;IAED,UAAU,UAAU;QAChB,wBAAwB,CAAC,EAAE;YACvB,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,0BAA0B,CAAC,CAAC;SAC3E,CAAC;KACL;CACJ"}

package/lib/common/toolbar/actions/ToolbarActions.js

@@ -0,0 +1,32 @@
+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"];
+var _templateObject;
+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, useThemeProps } from "@mui/material/styles";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
+  componentName: "ToolbarActions",
+  slotName: "root"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        gap: ", ";\n    "])), theme.spacing(2));
+});
+export var ToolbarActions = function ToolbarActions(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminToolbarActions"
+    }),
+    children = _useThemeProps.children,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({}, restProps), {}, {
+    children: children
+  }));
+};

package/lib/common/toolbar/automatictitleitem/ToolbarAutomaticTitleItem.d.ts

@@ -0,0 +1,30 @@
+import { type ComponentsOverrides, Typography, type TypographyTypeMap } from "@mui/material";
+import { type Theme } from "@mui/material/styles";
+import type { ThemedComponentBaseProps } from "../../../helpers/ThemedComponentBaseProps";
+import { ToolbarItem } from "../item/ToolbarItem";
+export interface ToolbarAutomaticTitleItemProps extends ThemedComponentBaseProps<{
+    root: typeof ToolbarItem;
+    typography: typeof Typography;
+}> {
+    /**
+     * @deprecated Use `slotProps` instead.
+     */
+    typographyProps?: TypographyTypeMap["props"];
+}
+export type ToolbarAutomaticTitleItemClassKey = "root" | "typography";
+export declare const ToolbarAutomaticTitleItem: (inProps: ToolbarAutomaticTitleItemProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminToolbarAutomaticTitleItem: ToolbarAutomaticTitleItemClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminToolbarAutomaticTitleItem: ToolbarAutomaticTitleItemProps;
+    }
+    interface Components {
+        CometAdminToolbarAutomaticTitleItem?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminToolbarAutomaticTitleItem"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminToolbarAutomaticTitleItem"];
+        };
+    }
+}
+//# sourceMappingURL=ToolbarAutomaticTitleItem.d.ts.map

package/lib/common/toolbar/automatictitleitem/ToolbarAutomaticTitleItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarAutomaticTitleItem.d.ts","sourceRoot":"","sources":["../../../../src/common/toolbar/automatictitleitem/ToolbarAutomaticTitleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAE,KAAK,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAE1F,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,WAAW,8BACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,OAAO,WAAW,CAAC;IACzB,UAAU,EAAE,OAAO,UAAU,CAAC;CACjC,CAAC;IACF;;OAEG;IACH,eAAe,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CAChD;AAOD,MAAM,MAAM,iCAAiC,GAAG,MAAM,GAAG,YAAY,CAAC;AAEtE,eAAO,MAAM,yBAAyB,GAAI,SAAS,8BAA8B,4CAWhF,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,mCAAmC,EAAE,iCAAiC,CAAC;KAC1E;IACD,UAAU,mBAAmB;QACzB,mCAAmC,EAAE,8BAA8B,CAAC;KACvE;IAED,UAAU,UAAU;QAChB,mCAAmC,CAAC,EAAE;YAClC,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,qCAAqC,CAAC,CAAC,CAAC;YACnF,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,qCAAqC,CAAC,CAAC;SACtF,CAAC;KACL;CACJ"}

package/lib/common/toolbar/automatictitleitem/ToolbarAutomaticTitleItem.js

@@ -0,0 +1,37 @@
+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 = ["typographyProps", "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 { Typography } from "@mui/material";
+import { useThemeProps } from "@mui/material/styles";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { useStackApi } from "../../../stack/Api";
+import { ToolbarItem } from "../item/ToolbarItem";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot(ToolbarItem)({
+  componentName: "ToolbarAutomaticTitleItem",
+  slotName: "root"
+})();
+export var ToolbarAutomaticTitleItem = function ToolbarAutomaticTitleItem(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminToolbarAutomaticTitleItem"
+    }),
+    _useThemeProps$typogr = _useThemeProps.typographyProps,
+    typographyProps = _useThemeProps$typogr === void 0 ? {} : _useThemeProps$typogr,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var stackApi = useStackApi();
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread(_objectSpread({
+      variant: "h5"
+    }, typographyProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.typography), {}, {
+      children: (stackApi === null || stackApi === void 0 ? void 0 : stackApi.breadCrumbs) != null && stackApi.breadCrumbs.length > 0 && stackApi.breadCrumbs[(stackApi === null || stackApi === void 0 ? void 0 : stackApi.breadCrumbs.length) - 1].title
+    }))
+  }));
+};

package/lib/common/toolbar/backbutton/ToolbarBackButton.d.ts

@@ -0,0 +1,35 @@
+import { type ComponentsOverrides, IconButton as MuiIconButton, type Theme } from "@mui/material";
+import type { ReactNode } from "react";
+import { Link } from "react-router-dom";
+import type { ThemedComponentBaseProps } from "../../../helpers/ThemedComponentBaseProps";
+export type ToolbarBackButtonClassKey = "root" | "iconButton" | "toolbarItem";
+declare const ToolbarItem: import("react").ForwardRefExoticComponent<Pick<import("../item/ToolbarItem").ToolbarItemProps, keyof import("../item/ToolbarItem").ToolbarItemProps> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+} & import("react").RefAttributes<unknown>>;
+export interface ToolbarBackButtonProps extends ThemedComponentBaseProps<{
+    root: "div";
+    toolbarItem: typeof ToolbarItem;
+    iconButton: typeof MuiIconButton<typeof Link>;
+}> {
+    backIcon?: ReactNode;
+}
+export declare const ToolbarBackButton: (inProps: ToolbarBackButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminToolbarBackButton: ToolbarBackButtonClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminToolbarBackButton: ToolbarBackButtonProps;
+    }
+    interface Components {
+        CometAdminToolbarBackButton?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminToolbarBackButton"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminToolbarBackButton"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=ToolbarBackButton.d.ts.map

package/lib/common/toolbar/backbutton/ToolbarBackButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarBackButton.d.ts","sourceRoot":"","sources":["../../../../src/common/toolbar/backbutton/ToolbarBackButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAAE,UAAU,IAAI,aAAa,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAI1F,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,YAAY,GAAG,aAAa,CAAC;AA6B9E,QAAA,MAAM,WAAW;;;;;2CAOf,CAAC;AAEH,MAAM,WAAW,sBACb,SAAQ,wBAAwB,CAAC;IAC7B,IAAI,EAAE,KAAK,CAAC;IACZ,WAAW,EAAE,OAAO,WAAW,CAAC;IAChC,UAAU,EAAE,OAAO,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC;CACjD,CAAC;IACF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,GAAI,SAAS,sBAAsB,mDAuBhE,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,2BAA2B,EAAE,yBAAyB,CAAC;KAC1D;IAED,UAAU,mBAAmB;QACzB,2BAA2B,EAAE,sBAAsB,CAAC;KACvD;IAED,UAAU,UAAU;QAChB,2BAA2B,CAAC,EAAE;YAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,6BAA6B,CAAC,CAAC,CAAC;YAC3E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,6BAA6B,CAAC,CAAC;SAC9E,CAAC;KACL;CACJ"}

package/lib/common/toolbar/backbutton/ToolbarBackButton.js

@@ -0,0 +1,64 @@
+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 = ["backIcon", "slotProps"];
+var _templateObject, _templateObject2, _templateObject3;
+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 { ArrowLeft } from "@dextinity/admin-icons";
+import { IconButton as MuiIconButton } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import { Link } from "react-router-dom";
+import { createComponentSlot } from "../../../helpers/createComponentSlot";
+import { useStackApi } from "../../../stack/Api";
+import { ToolbarItem as CommonToolbarItem } from "../item/ToolbarItem";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
+  componentName: "ToolbarBackButton",
+  slotName: "root"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 0;\n    display: flex;\n\n    .CometAdminToolbarItem-root {\n        padding: 0;\n    }\n"]))));
+var IconButton = createComponentSlot(MuiIconButton)({
+  componentName: "ToolbarBackButton",
+  slotName: "iconButton"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding: ", ";\n        margin: auto;\n        height: fit-content;\n\n        ", " {\n            padding: ", ";\n        }\n    "])), theme.spacing(1), theme.breakpoints.up("sm"), theme.spacing(2));
+});
+var ToolbarItem = createComponentSlot(CommonToolbarItem)({
+  componentName: "ToolbarBackButton",
+  slotName: "toolbarItem"
+})(css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: 0;\n    display: flex;\n    align-items: stretch;\n"]))));
+export var ToolbarBackButton = function ToolbarBackButton(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminToolbarBackButton"
+    }),
+    _useThemeProps$backIc = _useThemeProps.backIcon,
+    backIcon = _useThemeProps$backIc === void 0 ? /*#__PURE__*/_jsx(ArrowLeft, {
+      sx: {
+        fontSize: 24
+      }
+    }) : _useThemeProps$backIc,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var stackApi = useStackApi();
+  if (!stackApi || stackApi.breadCrumbs.length <= 1) {
+    return null;
+  }
+  var backUrl = stackApi.breadCrumbs[stackApi.breadCrumbs.length - 2].url;
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    children: /*#__PURE__*/_jsx(ToolbarItem, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.toolbarItem), {}, {
+      children: /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread({
+        component: Link,
+        to: backUrl,
+        size: "large"
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.iconButton), {}, {
+        children: backIcon
+      }))
+    }))
+  }));
+};