@mantine/core 7.0.0-alpha.17 → 7.0.0-alpha.19

package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellFooter.js","sources":["../../../../src/components/AppShell/AppShellFooter/AppShellFooter.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '../../../core';\nimport classes from '../AppShell.module.css';\nimport { useAppShellContext } from '../AppShell.context';\n\nexport type AppShellFooterStylesNames = 'footer';\nexport type AppShellFooterVariant = string;\nexport type AppShellFooterCssVariables = {\n  root: '--test';\n};\n\nexport interface AppShellFooterProps\n  extends BoxProps,\n    StylesApiProps<AppShellFooterFactory>,\n    ElementProps<'footer'> {\n  /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */\n  withBorder?: boolean;\n\n  /** Component `z-index`, by default inherited from the `AppShell` */\n  zIndex?: React.CSSProperties['zIndex'];\n}\n\nexport type AppShellFooterFactory = Factory<{\n  props: AppShellFooterProps;\n  ref: HTMLElement;\n  stylesNames: AppShellFooterStylesNames;\n  vars: AppShellFooterCssVariables;\n  variant: AppShellFooterVariant;\n}>;\n\nconst defaultProps: Partial<AppShellFooterProps> = {};\n\nexport const AppShellFooter = factory<AppShellFooterFactory>((_props, ref) => {\n  const props = useProps('AppShellFooter', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, withBorder, zIndex, ...others } =\n    props;\n  const ctx = useAppShellContext();\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <Box\n      component=\"footer\"\n      ref={ref}\n      mod={{ 'with-border': withBorder ?? ctx.withBorder }}\n      {...ctx.getStyles('footer', { className, classNames, styles, style })}\n      {...others}\n      __vars={{ '--app-shell-footer-z-index': (zIndex ?? ctx.zIndex)?.toString() }}\n    />\n  );\n});\n\nAppShellFooter.classes = classes;\nAppShellFooter.displayName = '@mantine/core/AppShellFooter';\n"],"names":["factory","useProps","useAppShellContext","React","Box","classes"],"mappings":"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"}

package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js

@@ -0,0 +1,71 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var AppShell_module = require('../AppShell.module.css.js');
+var AppShell_context = require('../AppShell.context.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+var Box = require('../../../core/Box/Box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const AppShellHeader = factory.factory((_props, ref) => {
+  var _b;
+  const props = useProps.useProps("AppShellHeader", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, withBorder, zIndex } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "withBorder", "zIndex"]);
+  const ctx = AppShell_context.useAppShellContext();
+  if (ctx.disabled) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadProps(__spreadValues(__spreadValues({
+      component: "header",
+      ref,
+      mod: { "with-border": withBorder != null ? withBorder : ctx.withBorder }
+    }, ctx.getStyles("header", { className, classNames, styles, style })), others), {
+      __vars: { "--app-shell-header-z-index": (_b = zIndex != null ? zIndex : ctx.zIndex) == null ? void 0 : _b.toString() }
+    })
+  );
+});
+AppShellHeader.classes = AppShell_module['default'];
+AppShellHeader.displayName = "@mantine/core/AppShellHeader";
+
+exports.AppShellHeader = AppShellHeader;
+//# sourceMappingURL=AppShellHeader.js.map

package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellHeader.js","sources":["../../../../src/components/AppShell/AppShellHeader/AppShellHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '../../../core';\nimport classes from '../AppShell.module.css';\nimport { useAppShellContext } from '../AppShell.context';\n\nexport type AppShellHeaderStylesNames = 'header';\nexport type AppShellHeaderVariant = string;\nexport type AppShellHeaderCssVariables = {\n  root: '--test';\n};\n\nexport interface AppShellHeaderProps\n  extends BoxProps,\n    StylesApiProps<AppShellHeaderFactory>,\n    ElementProps<'header'> {\n  /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */\n  withBorder?: boolean;\n\n  /** Component `z-index`, by default inherited from the `AppShell` */\n  zIndex?: React.CSSProperties['zIndex'];\n}\n\nexport type AppShellHeaderFactory = Factory<{\n  props: AppShellHeaderProps;\n  ref: HTMLElement;\n  stylesNames: AppShellHeaderStylesNames;\n  vars: AppShellHeaderCssVariables;\n  variant: AppShellHeaderVariant;\n}>;\n\nconst defaultProps: Partial<AppShellHeaderProps> = {};\n\nexport const AppShellHeader = factory<AppShellHeaderFactory>((_props, ref) => {\n  const props = useProps('AppShellHeader', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, withBorder, zIndex, ...others } =\n    props;\n  const ctx = useAppShellContext();\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <Box\n      component=\"header\"\n      ref={ref}\n      mod={{ 'with-border': withBorder ?? ctx.withBorder }}\n      {...ctx.getStyles('header', { className, classNames, styles, style })}\n      {...others}\n      __vars={{ '--app-shell-header-z-index': (zIndex ?? ctx.zIndex)?.toString() }}\n    />\n  );\n});\n\nAppShellHeader.classes = classes;\nAppShellHeader.displayName = '@mantine/core/AppShellHeader';\n"],"names":["factory","useProps","useAppShellContext","React","Box","classes"],"mappings":"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"}

package/cjs/components/AppShell/AppShellMain/AppShellMain.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var AppShell_context = require('../AppShell.context.js');
+var AppShell_module = require('../AppShell.module.css.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+var Box = require('../../../core/Box/Box.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const AppShellMain = factory.factory((_props, ref) => {
+  const props = useProps.useProps("AppShellMain", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+  const ctx = AppShell_context.useAppShellContext();
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadValues(__spreadValues({
+      component: "main",
+      ref
+    }, ctx.getStyles("main", { className, style, classNames, styles })), others)
+  );
+});
+AppShellMain.classes = AppShell_module['default'];
+AppShellMain.displayName = "@mantine/core/AppShellMain";
+
+exports.AppShellMain = AppShellMain;
+//# sourceMappingURL=AppShellMain.js.map

package/cjs/components/AppShell/AppShellMain/AppShellMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellMain.js","sources":["../../../../src/components/AppShell/AppShellMain/AppShellMain.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  Factory,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellMainStylesNames = 'main';\n\nexport interface AppShellMainProps\n  extends BoxProps,\n    StylesApiProps<AppShellMainFactory>,\n    ElementProps<'main'> {}\n\nexport type AppShellMainFactory = Factory<{\n  props: AppShellMainProps;\n  ref: HTMLElement;\n  stylesNames: AppShellMainStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<AppShellMainProps> = {};\n\nexport const AppShellMain = factory<AppShellMainFactory>((_props, ref) => {\n  const props = useProps('AppShellMain', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n  const ctx = useAppShellContext();\n\n  return (\n    <Box\n      component=\"main\"\n      ref={ref}\n      {...ctx.getStyles('main', { className, style, classNames, styles })}\n      {...others}\n    />\n  );\n});\n\nAppShellMain.classes = classes;\nAppShellMain.displayName = '@mantine/core/AppShellMain';\n"],"names":["factory","useProps","useAppShellContext","React","Box","classes"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AASF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,YAAY,GAAGA,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACrD,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC/D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAC9K,EAAE,MAAM,GAAG,GAAGC,mCAAkB,EAAE,CAAC;AACnC,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAIC,OAAG;AACP,IAAI,cAAc,CAAC,cAAc,CAAC;AAClC,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,GAAG;AACT,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;AAChF,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,YAAY,CAAC,OAAO,GAAGC,0BAAO,CAAC;AAC/B,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getVariables = require('./get-variables/get-variables.js');
+var Mantine_context = require('../../../core/MantineProvider/Mantine.context.js');
+var InlineStyles = require('../../../core/InlineStyles/InlineStyles.js');
+var MantineThemeProvider = require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function AppShellMediaStyles({
+  navbar,
+  header,
+  aside,
+  footer,
+  padding
+}) {
+  const theme = MantineThemeProvider.useMantineTheme();
+  const ctx = Mantine_context.useMantineContext();
+  const { media, baseStyles } = getVariables.getVariables({ navbar, header, footer, aside, padding, theme });
+  return /* @__PURE__ */ React__default.createElement(InlineStyles.InlineStyles, { media, styles: baseStyles, selector: ctx.cssVariablesSelector });
+}
+
+exports.AppShellMediaStyles = AppShellMediaStyles;
+//# sourceMappingURL=AppShellMediaStyles.js.map

package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShellMediaStyles.js","sources":["../../../../src/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineTheme, useMantineContext, InlineStyles } from '../../../core';\nimport type { AppShellProps } from '../AppShell';\nimport { getVariables } from './get-variables/get-variables';\n\ninterface AppShellMediaStylesProps {\n  navbar: AppShellProps['navbar'] | undefined;\n  header: AppShellProps['header'] | undefined;\n  aside: AppShellProps['aside'] | undefined;\n  footer: AppShellProps['footer'] | undefined;\n  padding: AppShellProps['padding'] | undefined;\n}\n\nexport function AppShellMediaStyles({\n  navbar,\n  header,\n  aside,\n  footer,\n  padding,\n}: AppShellMediaStylesProps) {\n  const theme = useMantineTheme();\n  const ctx = useMantineContext();\n  const { media, baseStyles } = getVariables({ navbar, header, footer, aside, padding, theme });\n  return <InlineStyles media={media} styles={baseStyles} selector={ctx.cssVariablesSelector} />;\n}\n"],"names":["useMantineTheme","useMantineContext","getVariables","React","InlineStyles"],"mappings":";;;;;;;;;;;;;;AAGO,SAAS,mBAAmB,CAAC;AACpC,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,KAAK;AACP,EAAE,MAAM;AACR,EAAE,OAAO;AACT,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,oCAAe,EAAE,CAAC;AAClC,EAAE,MAAM,GAAG,GAAGC,iCAAiB,EAAE,CAAC;AAClC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAGC,yBAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAChG,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,yBAAY,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,CAAC,oBAAoB,EAAE,CAAC,CAAC;AAC9H;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
+var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
+var getBaseSize = require('../get-base-size/get-base-size.js');
+var keys = require('../../../../core/utils/keys/keys.js');
+var getBreakpointValue = require('../../../../core/utils/get-breakpoint-value/get-breakpoint-value.js');
+var rem = require('../../../../core/utils/units-converters/rem.js');
+
+function assignAsideVariables({
+  baseStyles,
+  minMediaStyles,
+  maxMediaStyles,
+  aside,
+  theme
+}) {
+  var _a, _b, _c;
+  const asideWidth = aside == null ? void 0 : aside.width;
+  const collapsedAsideTransform = "translateX(var(--app-shell-aside-width))";
+  const collapsedAsideTransformRtl = "translateX(calc(var(--app-shell-aside-width) * -1))";
+  if ((aside == null ? void 0 : aside.breakpoint) && !((_a = aside == null ? void 0 : aside.collapsed) == null ? void 0 : _a.mobile)) {
+    maxMediaStyles[aside == null ? void 0 : aside.breakpoint] = maxMediaStyles[aside == null ? void 0 : aside.breakpoint] || {};
+    maxMediaStyles[aside == null ? void 0 : aside.breakpoint]["--app-shell-aside-width"] = "100%";
+    maxMediaStyles[aside == null ? void 0 : aside.breakpoint]["--app-shell-aside-offset"] = "0px";
+  }
+  if (isPrimitiveSize.isPrimitiveSize(asideWidth)) {
+    const baseSize = rem.rem(getBaseSize.getBaseSize(asideWidth));
+    baseStyles["--app-shell-aside-width"] = baseSize;
+    baseStyles["--app-shell-aside-offset"] = baseSize;
+  }
+  if (isResponsiveSize.isResponsiveSize(asideWidth)) {
+    if (typeof asideWidth.base !== "undefined") {
+      baseStyles["--app-shell-aside-width"] = rem.rem(asideWidth.base);
+      baseStyles["--app-shell-aside-offset"] = rem.rem(asideWidth.base);
+    }
+    keys.keys(asideWidth).forEach((key) => {
+      if (key !== "base") {
+        minMediaStyles[key] = minMediaStyles[key] || {};
+        minMediaStyles[key]["--app-shell-aside-width"] = rem.rem(asideWidth[key]);
+        minMediaStyles[key]["--app-shell-aside-offset"] = rem.rem(asideWidth[key]);
+      }
+    });
+  }
+  if ((_b = aside == null ? void 0 : aside.collapsed) == null ? void 0 : _b.desktop) {
+    const breakpointValue = aside.breakpoint;
+    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};
+    minMediaStyles[breakpointValue]["--app-shell-aside-transform"] = collapsedAsideTransform;
+    minMediaStyles[breakpointValue]["--app-shell-aside-transform-rtl"] = collapsedAsideTransformRtl;
+    minMediaStyles[breakpointValue]["--app-shell-aside-offset"] = "0px !important";
+  }
+  if ((_c = aside == null ? void 0 : aside.collapsed) == null ? void 0 : _c.mobile) {
+    const breakpointValue = getBreakpointValue.getBreakpointValue(aside.breakpoint, theme) - 0.1;
+    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};
+    maxMediaStyles[breakpointValue]["--app-shell-aside-width"] = "100%";
+    maxMediaStyles[breakpointValue]["--app-shell-aside-offset"] = "0px";
+    maxMediaStyles[breakpointValue]["--app-shell-aside-transform"] = collapsedAsideTransform;
+    maxMediaStyles[breakpointValue]["--app-shell-aside-transform-rtl"] = collapsedAsideTransformRtl;
+  }
+}
+
+exports.assignAsideVariables = assignAsideVariables;
+//# sourceMappingURL=assign-aside-variables.js.map

package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-aside-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { MantineTheme, keys, rem, getBreakpointValue } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignAsideVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  maxMediaStyles: MediaQueryVariables;\n  aside: AppShellProps['aside'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function assignAsideVariables({\n  baseStyles,\n  minMediaStyles,\n  maxMediaStyles,\n  aside,\n  theme,\n}: AssignAsideVariablesInput) {\n  const asideWidth = aside?.width;\n  const collapsedAsideTransform = 'translateX(var(--app-shell-aside-width))';\n  const collapsedAsideTransformRtl = 'translateX(calc(var(--app-shell-aside-width) * -1))';\n\n  if (aside?.breakpoint && !aside?.collapsed?.mobile) {\n    maxMediaStyles[aside?.breakpoint] = maxMediaStyles[aside?.breakpoint] || {};\n    maxMediaStyles[aside?.breakpoint]['--app-shell-aside-width'] = '100%';\n    maxMediaStyles[aside?.breakpoint]['--app-shell-aside-offset'] = '0px';\n  }\n\n  if (isPrimitiveSize(asideWidth)) {\n    const baseSize = rem(getBaseSize(asideWidth));\n    baseStyles['--app-shell-aside-width'] = baseSize;\n    baseStyles['--app-shell-aside-offset'] = baseSize;\n  }\n\n  if (isResponsiveSize(asideWidth)) {\n    if (typeof asideWidth.base !== 'undefined') {\n      baseStyles['--app-shell-aside-width'] = rem(asideWidth.base);\n      baseStyles['--app-shell-aside-offset'] = rem(asideWidth.base);\n    }\n\n    keys(asideWidth).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-aside-width'] = rem(asideWidth![key]);\n        minMediaStyles[key]['--app-shell-aside-offset'] = rem(asideWidth![key]);\n      }\n    });\n  }\n\n  if (aside?.collapsed?.desktop) {\n    const breakpointValue = aside!.breakpoint;\n    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};\n    minMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n    minMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n    minMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px !important';\n  }\n\n  if (aside?.collapsed?.mobile) {\n    const breakpointValue = getBreakpointValue(aside!.breakpoint, theme) - 0.1;\n    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};\n    maxMediaStyles[breakpointValue]['--app-shell-aside-width'] = '100%';\n    maxMediaStyles[breakpointValue]['--app-shell-aside-offset'] = '0px';\n    maxMediaStyles[breakpointValue]['--app-shell-aside-transform'] = collapsedAsideTransform;\n    maxMediaStyles[breakpointValue]['--app-shell-aside-transform-rtl'] = collapsedAsideTransformRtl;\n  }\n}\n"],"names":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys","getBreakpointValue"],"mappings":"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"}

package/cjs/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
+var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
+var getBaseSize = require('../get-base-size/get-base-size.js');
+var rem = require('../../../../core/utils/units-converters/rem.js');
+var keys = require('../../../../core/utils/keys/keys.js');
+
+function assignFooterVariables({
+  baseStyles,
+  minMediaStyles,
+  footer
+}) {
+  var _a;
+  const footerHeight = footer == null ? void 0 : footer.height;
+  const collapsedFooterTransform = "translateY(var(--app-shell-footer-height))";
+  const shouldOffset = (_a = footer == null ? void 0 : footer.offset) != null ? _a : true;
+  if (isPrimitiveSize.isPrimitiveSize(footerHeight)) {
+    const baseSize = rem.rem(getBaseSize.getBaseSize(footerHeight));
+    baseStyles["--app-shell-footer-height"] = baseSize;
+    if (shouldOffset) {
+      baseStyles["--app-shell-footer-offset"] = baseSize;
+    }
+  }
+  if (isResponsiveSize.isResponsiveSize(footerHeight)) {
+    if (typeof footerHeight.base !== "undefined") {
+      baseStyles["--app-shell-footer-height"] = rem.rem(footerHeight.base);
+      if (shouldOffset) {
+        baseStyles["--app-shell-footer-offset"] = rem.rem(footerHeight.base);
+      }
+    }
+    keys.keys(footerHeight).forEach((key) => {
+      if (key !== "base") {
+        minMediaStyles[key] = minMediaStyles[key] || {};
+        minMediaStyles[key]["--app-shell-footer-height"] = rem.rem(footerHeight[key]);
+        if (shouldOffset) {
+          minMediaStyles[key]["--app-shell-footer-offset"] = rem.rem(footerHeight[key]);
+        }
+      }
+    });
+  }
+  if (footer == null ? void 0 : footer.collapsed) {
+    baseStyles["--app-shell-footer-transform"] = collapsedFooterTransform;
+    baseStyles["--app-shell-footer-offset"] = "0px !important";
+  }
+}
+
+exports.assignFooterVariables = assignFooterVariables;
+//# sourceMappingURL=assign-footer-variables.js.map

package/cjs/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-footer-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { keys, rem } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignFooterVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  footer: AppShellProps['footer'] | undefined;\n}\n\nexport function assignFooterVariables({\n  baseStyles,\n  minMediaStyles,\n  footer,\n}: AssignFooterVariablesInput) {\n  const footerHeight = footer?.height;\n  const collapsedFooterTransform = 'translateY(var(--app-shell-footer-height))';\n  const shouldOffset = footer?.offset ?? true;\n\n  if (isPrimitiveSize(footerHeight)) {\n    const baseSize = rem(getBaseSize(footerHeight));\n    baseStyles['--app-shell-footer-height'] = baseSize;\n    if (shouldOffset) {\n      baseStyles['--app-shell-footer-offset'] = baseSize;\n    }\n  }\n\n  if (isResponsiveSize(footerHeight)) {\n    if (typeof footerHeight.base !== 'undefined') {\n      baseStyles['--app-shell-footer-height'] = rem(footerHeight.base);\n\n      if (shouldOffset) {\n        baseStyles['--app-shell-footer-offset'] = rem(footerHeight.base);\n      }\n    }\n\n    keys(footerHeight).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-footer-height'] = rem(footerHeight[key]);\n\n        if (shouldOffset) {\n          minMediaStyles[key]['--app-shell-footer-offset'] = rem(footerHeight[key]);\n        }\n      }\n    });\n  }\n\n  if (footer?.collapsed) {\n    baseStyles['--app-shell-footer-transform'] = collapsedFooterTransform;\n    baseStyles['--app-shell-footer-offset'] = '0px !important';\n  }\n}\n"],"names":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys"],"mappings":";;;;;;;;;;AAIO,SAAS,qBAAqB,CAAC;AACtC,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,MAAM;AACR,CAAC,EAAE;AACH,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,YAAY,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/D,EAAE,MAAM,wBAAwB,GAAG,4CAA4C,CAAC;AAChF,EAAE,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1F,EAAE,IAAIA,+BAAe,CAAC,YAAY,CAAC,EAAE;AACrC,IAAI,MAAM,QAAQ,GAAGC,OAAG,CAACC,uBAAW,CAAC,YAAY,CAAC,CAAC,CAAC;AACpD,IAAI,UAAU,CAAC,2BAA2B,CAAC,GAAG,QAAQ,CAAC;AACvD,IAAI,IAAI,YAAY,EAAE;AACtB,MAAM,UAAU,CAAC,2BAA2B,CAAC,GAAG,QAAQ,CAAC;AACzD,KAAK;AACL,GAAG;AACH,EAAE,IAAIC,iCAAgB,CAAC,YAAY,CAAC,EAAE;AACtC,IAAI,IAAI,OAAO,YAAY,CAAC,IAAI,KAAK,WAAW,EAAE;AAClD,MAAM,UAAU,CAAC,2BAA2B,CAAC,GAAGF,OAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACvE,MAAM,IAAI,YAAY,EAAE;AACxB,QAAQ,UAAU,CAAC,2BAA2B,CAAC,GAAGA,OAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACzE,OAAO;AACP,KAAK;AACL,IAAIG,SAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACxC,MAAM,IAAI,GAAG,KAAK,MAAM,EAAE;AAC1B,QAAQ,cAAc,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;AACxD,QAAQ,cAAc,CAAC,GAAG,CAAC,CAAC,2BAA2B,CAAC,GAAGH,OAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AAClF,QAAQ,IAAI,YAAY,EAAE;AAC1B,UAAU,cAAc,CAAC,GAAG,CAAC,CAAC,2BAA2B,CAAC,GAAGA,OAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AACpF,SAAS;AACT,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,SAAS,EAAE;AAClD,IAAI,UAAU,CAAC,8BAA8B,CAAC,GAAG,wBAAwB,CAAC;AAC1E,IAAI,UAAU,CAAC,2BAA2B,CAAC,GAAG,gBAAgB,CAAC;AAC/D,GAAG;AACH;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
+var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
+var getBaseSize = require('../get-base-size/get-base-size.js');
+var rem = require('../../../../core/utils/units-converters/rem.js');
+var keys = require('../../../../core/utils/keys/keys.js');
+
+function assignHeaderVariables({
+  baseStyles,
+  minMediaStyles,
+  header
+}) {
+  var _a;
+  const headerHeight = header == null ? void 0 : header.height;
+  const collapsedHeaderTransform = "translateY(calc(var(--app-shell-header-height) * -1))";
+  const shouldOffset = (_a = header == null ? void 0 : header.offset) != null ? _a : true;
+  if (isPrimitiveSize.isPrimitiveSize(headerHeight)) {
+    const baseSize = rem.rem(getBaseSize.getBaseSize(headerHeight));
+    baseStyles["--app-shell-header-height"] = baseSize;
+    if (shouldOffset) {
+      baseStyles["--app-shell-header-offset"] = baseSize;
+    }
+  }
+  if (isResponsiveSize.isResponsiveSize(headerHeight)) {
+    if (typeof headerHeight.base !== "undefined") {
+      baseStyles["--app-shell-header-height"] = rem.rem(headerHeight.base);
+      if (shouldOffset) {
+        baseStyles["--app-shell-header-offset"] = rem.rem(headerHeight.base);
+      }
+    }
+    keys.keys(headerHeight).forEach((key) => {
+      if (key !== "base") {
+        minMediaStyles[key] = minMediaStyles[key] || {};
+        minMediaStyles[key]["--app-shell-header-height"] = rem.rem(headerHeight[key]);
+        if (shouldOffset) {
+          minMediaStyles[key]["--app-shell-header-offset"] = rem.rem(headerHeight[key]);
+        }
+      }
+    });
+  }
+  if (header == null ? void 0 : header.collapsed) {
+    baseStyles["--app-shell-header-transform"] = collapsedHeaderTransform;
+    baseStyles["--app-shell-header-offset"] = "0px !important";
+  }
+}
+
+exports.assignHeaderVariables = assignHeaderVariables;
+//# sourceMappingURL=assign-header-variables.js.map

package/cjs/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-header-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { keys, rem } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignHeaderVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  header: AppShellProps['header'] | undefined;\n}\n\nexport function assignHeaderVariables({\n  baseStyles,\n  minMediaStyles,\n  header,\n}: AssignHeaderVariablesInput) {\n  const headerHeight = header?.height;\n  const collapsedHeaderTransform = 'translateY(calc(var(--app-shell-header-height) * -1))';\n  const shouldOffset = header?.offset ?? true;\n\n  if (isPrimitiveSize(headerHeight)) {\n    const baseSize = rem(getBaseSize(headerHeight));\n    baseStyles['--app-shell-header-height'] = baseSize;\n    if (shouldOffset) {\n      baseStyles['--app-shell-header-offset'] = baseSize;\n    }\n  }\n\n  if (isResponsiveSize(headerHeight)) {\n    if (typeof headerHeight.base !== 'undefined') {\n      baseStyles['--app-shell-header-height'] = rem(headerHeight.base);\n\n      if (shouldOffset) {\n        baseStyles['--app-shell-header-offset'] = rem(headerHeight.base);\n      }\n    }\n\n    keys(headerHeight).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-header-height'] = rem(headerHeight[key]);\n\n        if (shouldOffset) {\n          minMediaStyles[key]['--app-shell-header-offset'] = rem(headerHeight[key]);\n        }\n      }\n    });\n  }\n\n  if (header?.collapsed) {\n    baseStyles['--app-shell-header-transform'] = collapsedHeaderTransform;\n    baseStyles['--app-shell-header-offset'] = '0px !important';\n  }\n}\n"],"names":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys"],"mappings":";;;;;;;;;;AAIO,SAAS,qBAAqB,CAAC;AACtC,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,MAAM;AACR,CAAC,EAAE;AACH,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,YAAY,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/D,EAAE,MAAM,wBAAwB,GAAG,uDAAuD,CAAC;AAC3F,EAAE,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1F,EAAE,IAAIA,+BAAe,CAAC,YAAY,CAAC,EAAE;AACrC,IAAI,MAAM,QAAQ,GAAGC,OAAG,CAACC,uBAAW,CAAC,YAAY,CAAC,CAAC,CAAC;AACpD,IAAI,UAAU,CAAC,2BAA2B,CAAC,GAAG,QAAQ,CAAC;AACvD,IAAI,IAAI,YAAY,EAAE;AACtB,MAAM,UAAU,CAAC,2BAA2B,CAAC,GAAG,QAAQ,CAAC;AACzD,KAAK;AACL,GAAG;AACH,EAAE,IAAIC,iCAAgB,CAAC,YAAY,CAAC,EAAE;AACtC,IAAI,IAAI,OAAO,YAAY,CAAC,IAAI,KAAK,WAAW,EAAE;AAClD,MAAM,UAAU,CAAC,2BAA2B,CAAC,GAAGF,OAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACvE,MAAM,IAAI,YAAY,EAAE;AACxB,QAAQ,UAAU,CAAC,2BAA2B,CAAC,GAAGA,OAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AACzE,OAAO;AACP,KAAK;AACL,IAAIG,SAAI,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACxC,MAAM,IAAI,GAAG,KAAK,MAAM,EAAE;AAC1B,QAAQ,cAAc,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;AACxD,QAAQ,cAAc,CAAC,GAAG,CAAC,CAAC,2BAA2B,CAAC,GAAGH,OAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AAClF,QAAQ,IAAI,YAAY,EAAE;AAC1B,UAAU,cAAc,CAAC,GAAG,CAAC,CAAC,2BAA2B,CAAC,GAAGA,OAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;AACpF,SAAS;AACT,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,SAAS,EAAE;AAClD,IAAI,UAAU,CAAC,8BAA8B,CAAC,GAAG,wBAAwB,CAAC;AAC1E,IAAI,UAAU,CAAC,2BAA2B,CAAC,GAAG,gBAAgB,CAAC;AAC/D,GAAG;AACH;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
+var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
+var getBaseSize = require('../get-base-size/get-base-size.js');
+var rem = require('../../../../core/utils/units-converters/rem.js');
+var keys = require('../../../../core/utils/keys/keys.js');
+var getBreakpointValue = require('../../../../core/utils/get-breakpoint-value/get-breakpoint-value.js');
+
+function assignNavbarVariables({
+  baseStyles,
+  minMediaStyles,
+  maxMediaStyles,
+  navbar,
+  theme
+}) {
+  var _a, _b, _c;
+  const navbarWidth = navbar == null ? void 0 : navbar.width;
+  const collapsedNavbarTransform = "translateX(calc(var(--app-shell-navbar-width) * -1))";
+  const collapsedNavbarTransformRtl = "translateX(var(--app-shell-navbar-width))";
+  if ((navbar == null ? void 0 : navbar.breakpoint) && !((_a = navbar == null ? void 0 : navbar.collapsed) == null ? void 0 : _a.mobile)) {
+    maxMediaStyles[navbar == null ? void 0 : navbar.breakpoint] = maxMediaStyles[navbar == null ? void 0 : navbar.breakpoint] || {};
+    maxMediaStyles[navbar == null ? void 0 : navbar.breakpoint]["--app-shell-navbar-width"] = "100%";
+    maxMediaStyles[navbar == null ? void 0 : navbar.breakpoint]["--app-shell-navbar-offset"] = "0px";
+  }
+  if (isPrimitiveSize.isPrimitiveSize(navbarWidth)) {
+    const baseSize = rem.rem(getBaseSize.getBaseSize(navbarWidth));
+    baseStyles["--app-shell-navbar-width"] = baseSize;
+    baseStyles["--app-shell-navbar-offset"] = baseSize;
+  }
+  if (isResponsiveSize.isResponsiveSize(navbarWidth)) {
+    if (typeof navbarWidth.base !== "undefined") {
+      baseStyles["--app-shell-navbar-width"] = rem.rem(navbarWidth.base);
+      baseStyles["--app-shell-navbar-offset"] = rem.rem(navbarWidth.base);
+    }
+    keys.keys(navbarWidth).forEach((key) => {
+      if (key !== "base") {
+        minMediaStyles[key] = minMediaStyles[key] || {};
+        minMediaStyles[key]["--app-shell-navbar-width"] = rem.rem(navbarWidth[key]);
+        minMediaStyles[key]["--app-shell-navbar-offset"] = rem.rem(navbarWidth[key]);
+      }
+    });
+  }
+  if ((_b = navbar == null ? void 0 : navbar.collapsed) == null ? void 0 : _b.desktop) {
+    const breakpointValue = navbar.breakpoint;
+    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};
+    minMediaStyles[breakpointValue]["--app-shell-navbar-transform"] = collapsedNavbarTransform;
+    minMediaStyles[breakpointValue]["--app-shell-navbar-transform-rtl"] = collapsedNavbarTransformRtl;
+    minMediaStyles[breakpointValue]["--app-shell-navbar-offset"] = "0px !important";
+  }
+  if ((_c = navbar == null ? void 0 : navbar.collapsed) == null ? void 0 : _c.mobile) {
+    const breakpointValue = getBreakpointValue.getBreakpointValue(navbar.breakpoint, theme) - 0.1;
+    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};
+    maxMediaStyles[breakpointValue]["--app-shell-navbar-width"] = "100%";
+    maxMediaStyles[breakpointValue]["--app-shell-navbar-offset"] = "0px";
+    maxMediaStyles[breakpointValue]["--app-shell-navbar-transform"] = collapsedNavbarTransform;
+    maxMediaStyles[breakpointValue]["--app-shell-navbar-transform-rtl"] = collapsedNavbarTransformRtl;
+  }
+}
+
+exports.assignNavbarVariables = assignNavbarVariables;
+//# sourceMappingURL=assign-navbar-variables.js.map

package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-navbar-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { MantineTheme, keys, rem, getBreakpointValue } from '../../../../core';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport type { AppShellProps } from '../../AppShell';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { getBaseSize } from '../get-base-size/get-base-size';\n\ninterface AssignNavbarVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  maxMediaStyles: MediaQueryVariables;\n  navbar: AppShellProps['navbar'] | undefined;\n  theme: MantineTheme;\n}\n\nexport function assignNavbarVariables({\n  baseStyles,\n  minMediaStyles,\n  maxMediaStyles,\n  navbar,\n  theme,\n}: AssignNavbarVariablesInput) {\n  const navbarWidth = navbar?.width;\n  const collapsedNavbarTransform = 'translateX(calc(var(--app-shell-navbar-width) * -1))';\n  const collapsedNavbarTransformRtl = 'translateX(var(--app-shell-navbar-width))';\n\n  if (navbar?.breakpoint && !navbar?.collapsed?.mobile) {\n    maxMediaStyles[navbar?.breakpoint] = maxMediaStyles[navbar?.breakpoint] || {};\n    maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-width'] = '100%';\n    maxMediaStyles[navbar?.breakpoint]['--app-shell-navbar-offset'] = '0px';\n  }\n\n  if (isPrimitiveSize(navbarWidth)) {\n    const baseSize = rem(getBaseSize(navbarWidth));\n    baseStyles['--app-shell-navbar-width'] = baseSize;\n    baseStyles['--app-shell-navbar-offset'] = baseSize;\n  }\n\n  if (isResponsiveSize(navbarWidth)) {\n    if (typeof navbarWidth.base !== 'undefined') {\n      baseStyles['--app-shell-navbar-width'] = rem(navbarWidth.base);\n      baseStyles['--app-shell-navbar-offset'] = rem(navbarWidth.base);\n    }\n\n    keys(navbarWidth).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-navbar-width'] = rem(navbarWidth![key]);\n        minMediaStyles[key]['--app-shell-navbar-offset'] = rem(navbarWidth![key]);\n      }\n    });\n  }\n\n  if (navbar?.collapsed?.desktop) {\n    const breakpointValue = navbar!.breakpoint;\n    minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};\n    minMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n    minMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n      collapsedNavbarTransformRtl;\n    minMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px !important';\n  }\n\n  if (navbar?.collapsed?.mobile) {\n    const breakpointValue = getBreakpointValue(navbar!.breakpoint, theme) - 0.1;\n    maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-width'] = '100%';\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-offset'] = '0px';\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-transform'] = collapsedNavbarTransform;\n    maxMediaStyles[breakpointValue]['--app-shell-navbar-transform-rtl'] =\n      collapsedNavbarTransformRtl;\n  }\n}\n"],"names":["isPrimitiveSize","rem","getBaseSize","isResponsiveSize","keys","getBreakpointValue"],"mappings":"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"}

package/cjs/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getBaseSize = require('../get-base-size/get-base-size.js');
+var getPaddingValue = require('../get-padding-value/get-padding-value.js');
+var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.js');
+var isResponsiveSize = require('../is-responsive-size/is-responsive-size.js');
+var keys = require('../../../../core/utils/keys/keys.js');
+
+function assignPaddingVariables({
+  padding,
+  baseStyles,
+  minMediaStyles
+}) {
+  if (isPrimitiveSize.isPrimitiveSize(padding)) {
+    baseStyles["--app-shell-padding"] = getPaddingValue.getPaddingValue(getBaseSize.getBaseSize(padding));
+  }
+  if (isResponsiveSize.isResponsiveSize(padding)) {
+    if (padding.base) {
+      baseStyles["--app-shell-padding"] = getPaddingValue.getPaddingValue(padding.base);
+    }
+    keys.keys(padding).forEach((key) => {
+      if (key !== "base") {
+        minMediaStyles[key] = minMediaStyles[key] || {};
+        minMediaStyles[key]["--app-shell-padding"] = getPaddingValue.getPaddingValue(padding[key]);
+      }
+    });
+  }
+}
+
+exports.assignPaddingVariables = assignPaddingVariables;
+//# sourceMappingURL=assign-padding-variables.js.map

package/cjs/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-padding-variables.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { keys } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport { getPaddingValue } from '../get-padding-value/get-padding-value';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignPaddingVariablesInput {\n  baseStyles: CSSVariables;\n  minMediaStyles: MediaQueryVariables;\n  padding: AppShellProps['padding'] | undefined;\n}\n\nexport function assignPaddingVariables({\n  padding,\n  baseStyles,\n  minMediaStyles,\n}: AssignPaddingVariablesInput) {\n  if (isPrimitiveSize(padding)) {\n    baseStyles['--app-shell-padding'] = getPaddingValue(getBaseSize(padding));\n  }\n\n  if (isResponsiveSize(padding)) {\n    if (padding.base) {\n      baseStyles['--app-shell-padding'] = getPaddingValue(padding.base);\n    }\n\n    keys(padding).forEach((key) => {\n      if (key !== 'base') {\n        minMediaStyles[key] = minMediaStyles[key] || {};\n        minMediaStyles[key]['--app-shell-padding'] = getPaddingValue(padding![key]);\n      }\n    });\n  }\n}\n"],"names":["isPrimitiveSize","getPaddingValue","getBaseSize","isResponsiveSize","keys"],"mappings":";;;;;;;;;;AAKO,SAAS,sBAAsB,CAAC;AACvC,EAAE,OAAO;AACT,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,CAAC,EAAE;AACH,EAAE,IAAIA,+BAAe,CAAC,OAAO,CAAC,EAAE;AAChC,IAAI,UAAU,CAAC,qBAAqB,CAAC,GAAGC,+BAAe,CAACC,uBAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9E,GAAG;AACH,EAAE,IAAIC,iCAAgB,CAAC,OAAO,CAAC,EAAE;AACjC,IAAI,IAAI,OAAO,CAAC,IAAI,EAAE;AACtB,MAAM,UAAU,CAAC,qBAAqB,CAAC,GAAGF,+BAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AACxE,KAAK;AACL,IAAIG,SAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK;AACnC,MAAM,IAAI,GAAG,KAAK,MAAM,EAAE;AAC1B,QAAQ,cAAc,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;AACxD,QAAQ,cAAc,CAAC,GAAG,CAAC,CAAC,qBAAqB,CAAC,GAAGH,+BAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;AACnF,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getBaseSize(size) {
+  if (typeof size === "object") {
+    return size.base;
+  }
+  return size;
+}
+
+exports.getBaseSize = getBaseSize;
+//# sourceMappingURL=get-base-size.js.map

package/cjs/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-base-size.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.ts"],"sourcesContent":["import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell';\n\nexport function getBaseSize(size: AppShellSize | AppShellResponsiveSize) {\n  if (typeof size === 'object') {\n    return size.base;\n  }\n\n  return size;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,WAAW,CAAC,IAAI,EAAE;AAClC,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC;AACrB,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var px = require('../../../../core/utils/units-converters/px.js');
+
+function getBreakpointValue(breakpoint, theme) {
+  if (breakpoint in theme.breakpoints) {
+    return px.px(theme.breakpoints[breakpoint]);
+  }
+  const convertedValue = px.px(breakpoint);
+  if (typeof convertedValue !== "number" || Number.isNaN(convertedValue)) {
+    throw new Error(`[@mantine/core] AppShell: failed to parse breakpoint value "${breakpoint}"`);
+  }
+  return convertedValue;
+}
+
+exports.getBreakpointValue = getBreakpointValue;
+//# sourceMappingURL=get-breakpoint-value.js.map

package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-breakpoint-value.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.ts"],"sourcesContent":["import { MantineTheme, px, MantineBreakpoint } from '../../../../core';\n\nexport function getBreakpointValue(breakpoint: number | string, theme: MantineTheme) {\n  if (breakpoint in theme.breakpoints) {\n    return px(theme.breakpoints[breakpoint as MantineBreakpoint]) as number;\n  }\n\n  const convertedValue = px(breakpoint);\n\n  if (typeof convertedValue !== 'number' || Number.isNaN(convertedValue)) {\n    throw new Error(`[@mantine/core] AppShell: failed to parse breakpoint value \"${breakpoint}\"`);\n  }\n\n  return convertedValue;\n}\n"],"names":["px"],"mappings":";;;;;;AACO,SAAS,kBAAkB,CAAC,UAAU,EAAE,KAAK,EAAE;AACtD,EAAE,IAAI,UAAU,IAAI,KAAK,CAAC,WAAW,EAAE;AACvC,IAAI,OAAOA,KAAE,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC;AAC7C,GAAG;AACH,EAAE,MAAM,cAAc,GAAGA,KAAE,CAAC,UAAU,CAAC,CAAC;AACxC,EAAE,IAAI,OAAO,cAAc,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;AAC1E,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,4DAA4D,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;AAClG,GAAG;AACH,EAAE,OAAO,cAAc,CAAC;AACxB;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getSize = require('../../../../core/utils/get-size/get-size.js');
+
+function getPaddingValue(padding) {
+  return Number(padding) === 0 ? "0px" : getSize.getSpacing(padding);
+}
+
+exports.getPaddingValue = getPaddingValue;
+//# sourceMappingURL=get-padding-value.js.map

package/cjs/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-padding-value.js","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.ts"],"sourcesContent":["import { getSpacing } from '../../../../core';\n\nexport function getPaddingValue(padding: string | number | undefined) {\n  return Number(padding) === 0 ? '0px' : getSpacing(padding);\n}\n"],"names":["getSpacing"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,OAAO,EAAE;AACzC,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAGA,kBAAU,CAAC,OAAO,CAAC,CAAC;AAC7D;;;;"}

package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getBreakpointValue = require('../get-breakpoint-value/get-breakpoint-value.js');
+
+function getSortedBreakpoints(breakpoints, theme) {
+  const convertedBreakpoints = breakpoints.map((breakpoint) => ({
+    value: breakpoint,
+    px: getBreakpointValue.getBreakpointValue(breakpoint, theme)
+  }));
+  convertedBreakpoints.sort((a, b) => a.px - b.px);
+  return convertedBreakpoints;
+}
+
+exports.getSortedBreakpoints = getSortedBreakpoints;
+//# sourceMappingURL=get-sorted-breakpoints.js.map