@mantine/core 4.0.8 → 4.1.1

package/cjs/index.js

@@ -23,6 +23,8 @@ var Alert = require('./components/Alert/Alert.js');
 var Anchor = require('./components/Anchor/Anchor.js');
 var Navbar = require('./components/AppShell/Navbar/Navbar.js');
 var Header = require('./components/AppShell/Header/Header.js');
+var Aside = require('./components/AppShell/Aside/Aside.js');
+var Footer = require('./components/AppShell/Footer/Footer.js');
 var AppShell = require('./components/AppShell/AppShell.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
@@ -114,6 +116,7 @@ var RangeSlider = require('./components/Slider/RangeSlider/RangeSlider.js');
 var SliderRoot_styles = require('./components/Slider/SliderRoot/SliderRoot.styles.js');
 var Space = require('./components/Space/Space.js');
 var Spoiler = require('./components/Spoiler/Spoiler.js');
+var Stack = require('./components/Stack/Stack.js');
 var Step = require('./components/Stepper/Step/Step.js');
 var Stepper = require('./components/Stepper/Stepper.js');
 var Switch = require('./components/Switch/Switch.js');
@@ -130,6 +133,7 @@ var Timeline = require('./components/Timeline/Timeline.js');
 var TimelineItem = require('./components/Timeline/TimelineItem/TimelineItem.js');
 var Title = require('./components/Title/Title.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
+var FloatingTooltip = require('./components/Tooltip/FloatingTooltip/FloatingTooltip.js');
 var TransferList = require('./components/TransferList/TransferList.js');
 var Transition = require('./components/Transition/Transition.js');
 var GroupedTransition = require('./components/Transition/GroupedTransition.js');
@@ -159,6 +163,8 @@ exports.Alert = Alert.Alert;
 exports.Anchor = Anchor.Anchor;
 exports.Navbar = Navbar.Navbar;
 exports.Header = Header.Header;
+exports.Aside = Aside.Aside;
+exports.Footer = Footer.Footer;
 exports.AppShell = AppShell.AppShell;
 exports.AspectRatio = AspectRatio.AspectRatio;
 exports.Autocomplete = Autocomplete.Autocomplete;
@@ -251,6 +257,7 @@ exports.RangeSlider = RangeSlider.RangeSlider;
 exports.SLIDER_SIZES = SliderRoot_styles.sizes;
 exports.Space = Space.Space;
 exports.Spoiler = Spoiler.Spoiler;
+exports.Stack = Stack.Stack;
 exports.Step = Step.Step;
 exports.Stepper = Stepper.Stepper;
 exports.Switch = Switch.Switch;
@@ -267,6 +274,7 @@ exports.Timeline = Timeline.Timeline;
 exports.TimelineItem = TimelineItem.TimelineItem;
 exports.Title = Title.Title;
 exports.Tooltip = Tooltip.Tooltip;
+exports.FloatingTooltip = FloatingTooltip.FloatingTooltip;
 exports.TransferList = TransferList.TransferList;
 exports.Transition = Transition.Transition;
 exports.GroupedTransition = GroupedTransition.GroupedTransition;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/components/Affix/Affix.js

@@ -41,7 +41,7 @@ const Affix = forwardRef((props, ref) => {
     zIndex,
     target
   }, /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    sx: [__spreadValues({ position: "fixed" }, position), sx],
+    sx: [__spreadValues({ position: "fixed" }, position), ...Array.isArray(sx) ? sx : [sx]],
     ref
   }, others)));
 });

package/esm/components/Affix/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Portal } from '../Portal/Portal';\n\nexport interface AffixProps\n  extends Omit<DefaultProps, MantineStyleSystemSize>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Element where portal should be rendered, by default new div element is created and appended to document.body */\n  target?: HTMLDivElement;\n\n  /** Root element z-index property */\n  zIndex?: number;\n\n  /** Fixed position in px, defaults to { bottom: 0, right: 0 } */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n}\n\nconst defaultProps: Partial<AffixProps> = {\n  position: { bottom: 0, right: 0 },\n  zIndex: getDefaultZIndex('modal'),\n};\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>((props: AffixProps, ref) => {\n  const { target, position, zIndex, sx, ...others } = useMantineDefaultProps(\n    'Affix',\n    defaultProps,\n    props\n  );\n  return (\n    <Portal zIndex={zIndex} target={target}>\n      <Box sx={[{ position: 'fixed', ...position }, sx]} ref={ref} {...others} />\n    </Portal>\n  );\n});\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Portal } from '../Portal/Portal';\n\nexport interface AffixProps\n  extends Omit<DefaultProps, MantineStyleSystemSize>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Element where portal should be rendered, by default new div element is created and appended to document.body */\n  target?: HTMLDivElement;\n\n  /** Root element z-index property */\n  zIndex?: number;\n\n  /** Fixed position in px, defaults to { bottom: 0, right: 0 } */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n}\n\nconst defaultProps: Partial<AffixProps> = {\n  position: { bottom: 0, right: 0 },\n  zIndex: getDefaultZIndex('modal'),\n};\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>((props: AffixProps, ref) => {\n  const { target, position, zIndex, sx, ...others } = useMantineDefaultProps(\n    'Affix',\n    defaultProps,\n    props\n  );\n  return (\n    <Portal zIndex={zIndex} target={target}>\n      <Box\n        sx={[{ position: 'fixed', ...position }, ...(Array.isArray(sx) ? sx : [sx])]}\n        ref={ref}\n        {...others}\n      />\n    </Portal>\n  );\n});\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/AppShell.context.js

@@ -1,4 +1,4 @@
-import { useContext, createContext } from 'react';
+import { createContext, useContext } from 'react';
 
 const AppShellContext = createContext({});
 const AppShellProvider = AppShellContext.Provider;

package/esm/components/AppShell/AppShell.js

@@ -42,10 +42,13 @@ const AppShell = forwardRef((props, ref) => {
     children,
     navbar,
     header,
-    fixed = false,
-    zIndex = getDefaultZIndex("app"),
-    padding = "md",
+    footer,
+    aside,
+    fixed,
+    zIndex,
+    padding,
     navbarOffsetBreakpoint,
+    asideOffsetBreakpoint,
     className,
     styles,
     classNames
@@ -53,15 +56,18 @@ const AppShell = forwardRef((props, ref) => {
     "children",
     "navbar",
     "header",
+    "footer",
+    "aside",
     "fixed",
     "zIndex",
     "padding",
     "navbarOffsetBreakpoint",
+    "asideOffsetBreakpoint",
     "className",
     "styles",
     "classNames"
   ]);
-  const { classes, cx } = useStyles({ padding, fixed, navbarOffsetBreakpoint }, { styles, classNames, name: "AppShell" });
+  const { classes, cx } = useStyles({ padding, fixed, navbarOffsetBreakpoint, asideOffsetBreakpoint }, { styles, classNames, name: "AppShell" });
   return /* @__PURE__ */ React.createElement(AppShellProvider, {
     value: { fixed, zIndex }
   }, /* @__PURE__ */ React.createElement(Box, __spreadValues({
@@ -71,7 +77,7 @@ const AppShell = forwardRef((props, ref) => {
     className: classes.body
   }, navbar, /* @__PURE__ */ React.createElement("main", {
     className: classes.main
-  }, children))));
+  }, children), aside), footer));
 });
 AppShell.displayName = "@mantine/core/AppShell";
 

package/esm/components/AppShell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.js","sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  MantineNumberSize,\n  DefaultProps,\n  ClassNames,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { AppShellProvider } from './AppShell.context';\nimport useStyles from './AppShell.styles';\n\nexport type AppShellStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AppShellProps\n  extends Omit<DefaultProps<AppShellStylesNames>, MantineStyleSystemSize> {\n  /** <Navbar /> component */\n  navbar?: React.ReactElement;\n\n  /** <Header /> component */\n  header?: React.ReactElement;\n\n  /** zIndex prop passed to Navbar and Header components */\n  zIndex?: number;\n\n  /** true to switch from static layout to fixed */\n  fixed?: boolean;\n\n  /** AppShell content */\n  children: React.ReactNode;\n\n  /** Content padding */\n  padding?: MantineNumberSize;\n\n  /** Breakpoint at which Navbar component should no longer be offset with padding-left, applicable only for fixed position */\n  navbarOffsetBreakpoint?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<AppShellProps> = {\n  fixed: false,\n  zIndex: getDefaultZIndex('app'),\n  padding: 'md',\n};\n\nexport const AppShell = forwardRef<HTMLDivElement, AppShellProps>((props: AppShellProps, ref) => {\n  const {\n    children,\n    navbar,\n    header,\n    fixed = false,\n    zIndex = getDefaultZIndex('app'),\n    padding = 'md',\n    navbarOffsetBreakpoint,\n    className,\n    styles,\n    classNames,\n    ...others\n  } = useMantineDefaultProps('AppShell', defaultProps, props);\n  const { classes, cx } = useStyles(\n    { padding, fixed, navbarOffsetBreakpoint },\n    { styles, classNames, name: 'AppShell' }\n  );\n\n  return (\n    <AppShellProvider value={{ fixed, zIndex }}>\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {header}\n\n        <div className={classes.body}>\n          {navbar}\n          <main className={classes.main}>{children}</main>\n        </div>\n      </Box>\n    </AppShellProvider>\n  );\n});\n\nAppShell.displayName = '@mantine/core/AppShell';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.js","sources":["../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  MantineNumberSize,\n  DefaultProps,\n  ClassNames,\n  MantineStyleSystemSize,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { AppShellProvider } from './AppShell.context';\nimport useStyles from './AppShell.styles';\n\nexport type AppShellStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AppShellProps\n  extends Omit<DefaultProps<AppShellStylesNames>, MantineStyleSystemSize> {\n  /** <Navbar /> component */\n  navbar?: React.ReactElement;\n\n  /** <Aside /> component */\n  aside?: React.ReactElement;\n\n  /** <Header /> component */\n  header?: React.ReactElement;\n\n  /** <Footer /> component */\n  footer?: React.ReactElement;\n\n  /** zIndex prop passed to Navbar and Header components */\n  zIndex?: number;\n\n  /** true to switch from static layout to fixed */\n  fixed?: boolean;\n\n  /** AppShell content */\n  children: React.ReactNode;\n\n  /** Content padding */\n  padding?: MantineNumberSize;\n\n  /** Breakpoint at which Navbar component should no longer be offset with padding-left, applicable only for fixed position */\n  navbarOffsetBreakpoint?: MantineNumberSize;\n\n  /** Breakpoint at which Aside component should no longer be offset with padding-right, applicable only for fixed position */\n  asideOffsetBreakpoint?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<AppShellProps> = {\n  fixed: false,\n  zIndex: getDefaultZIndex('app'),\n  padding: 'md',\n};\n\nexport const AppShell = forwardRef<HTMLDivElement, AppShellProps>((props: AppShellProps, ref) => {\n  const {\n    children,\n    navbar,\n    header,\n    footer,\n    aside,\n    fixed,\n    zIndex,\n    padding,\n    navbarOffsetBreakpoint,\n    asideOffsetBreakpoint,\n    className,\n    styles,\n    classNames,\n    ...others\n  } = useMantineDefaultProps('AppShell', defaultProps, props);\n  const { classes, cx } = useStyles(\n    { padding, fixed, navbarOffsetBreakpoint, asideOffsetBreakpoint },\n    { styles, classNames, name: 'AppShell' }\n  );\n\n  return (\n    <AppShellProvider value={{ fixed, zIndex }}>\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {header}\n\n        <div className={classes.body}>\n          {navbar}\n          <main className={classes.main}>{children}</main>\n          {aside}\n        </div>\n\n        {footer}\n      </Box>\n    </AppShellProvider>\n  );\n});\n\nAppShell.displayName = '@mantine/core/AppShell';\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/AppShell.styles.js

@@ -18,18 +18,22 @@ var __spreadValues = (a, b) => {
 };
 function getPositionStyles(props, theme) {
   const padding = theme.fn.size({ size: props.padding, sizes: theme.spacing });
-  const offset = props.navbarOffsetBreakpoint ? theme.fn.size({ size: props.navbarOffsetBreakpoint, sizes: theme.breakpoints }) : null;
+  const navbarOffset = props.navbarOffsetBreakpoint ? theme.fn.size({ size: props.navbarOffsetBreakpoint, sizes: theme.breakpoints }) : null;
+  const asideOffset = props.asideOffsetBreakpoint ? theme.fn.size({ size: props.asideOffsetBreakpoint, sizes: theme.breakpoints }) : null;
   if (!props.fixed) {
     return { padding };
   }
   return {
     minHeight: "100vh",
     paddingTop: `calc(var(--mantine-header-height, 0px) + ${padding}px)`,
+    paddingBottom: `calc(var(--mantine-footer-height, 0px) + ${padding}px)`,
     paddingLeft: `calc(var(--mantine-navbar-width, 0px) + ${padding}px)`,
-    paddingRight: theme.fn.size({ size: padding, sizes: theme.spacing }),
-    paddingBottom: theme.fn.size({ size: padding, sizes: theme.spacing }),
-    [`@media (max-width: ${offset}px)`]: {
+    paddingRight: `calc(var(--mantine-aside-width, 0px) + ${padding}px)`,
+    [`@media (max-width: ${navbarOffset}px)`]: {
       paddingLeft: padding
+    },
+    [`@media (max-width: ${asideOffset}px)`]: {
+      paddingRight: padding
     }
   };
 }

package/esm/components/AppShell/AppShell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.styles.js","sources":["../../../src/components/AppShell/AppShell.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineTheme, CSSObject } from '@mantine/styles';\n\nexport interface AppShellStylesParams {\n  padding: MantineNumberSize;\n  fixed: boolean;\n  navbarOffsetBreakpoint: MantineNumberSize;\n}\n\nfunction getPositionStyles(props: AppShellStylesParams, theme: MantineTheme): CSSObject {\n  const padding = theme.fn.size({ size: props.padding, sizes: theme.spacing });\n  const offset = props.navbarOffsetBreakpoint\n    ? theme.fn.size({ size: props.navbarOffsetBreakpoint, sizes: theme.breakpoints })\n    : null;\n\n  if (!props.fixed) {\n    return { padding };\n  }\n\n  return {\n    minHeight: '100vh',\n    paddingTop: `calc(var(--mantine-header-height, 0px) + ${padding}px)`,\n    paddingLeft: `calc(var(--mantine-navbar-width, 0px) + ${padding}px)`,\n    paddingRight: theme.fn.size({ size: padding, sizes: theme.spacing }),\n    paddingBottom: theme.fn.size({ size: padding, sizes: theme.spacing }),\n    [`@media (max-width: ${offset}px)`]: {\n      paddingLeft: padding,\n    },\n  };\n}\n\nexport default createStyles((theme, props: AppShellStylesParams) => ({\n  root: {\n    boxSizing: 'border-box',\n  },\n\n  body: {\n    display: 'flex',\n    boxSizing: 'border-box',\n  },\n\n  main: {\n    flex: 1,\n    width: '100vw',\n    boxSizing: 'border-box',\n    ...getPositionStyles(props, theme),\n  },\n}));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AppShell.styles.js","sources":["../../../src/components/AppShell/AppShell.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineTheme, CSSObject } from '@mantine/styles';\n\nexport interface AppShellStylesParams {\n  padding: MantineNumberSize;\n  fixed: boolean;\n  navbarOffsetBreakpoint: MantineNumberSize;\n  asideOffsetBreakpoint: MantineNumberSize;\n}\n\nfunction getPositionStyles(props: AppShellStylesParams, theme: MantineTheme): CSSObject {\n  const padding = theme.fn.size({ size: props.padding, sizes: theme.spacing });\n\n  const navbarOffset = props.navbarOffsetBreakpoint\n    ? theme.fn.size({ size: props.navbarOffsetBreakpoint, sizes: theme.breakpoints })\n    : null;\n\n  const asideOffset = props.asideOffsetBreakpoint\n    ? theme.fn.size({ size: props.asideOffsetBreakpoint, sizes: theme.breakpoints })\n    : null;\n\n  if (!props.fixed) {\n    return { padding };\n  }\n\n  return {\n    minHeight: '100vh',\n    paddingTop: `calc(var(--mantine-header-height, 0px) + ${padding}px)`,\n    paddingBottom: `calc(var(--mantine-footer-height, 0px) + ${padding}px)`,\n    paddingLeft: `calc(var(--mantine-navbar-width, 0px) + ${padding}px)`,\n    paddingRight: `calc(var(--mantine-aside-width, 0px) + ${padding}px)`,\n\n    [`@media (max-width: ${navbarOffset}px)`]: {\n      paddingLeft: padding,\n    },\n\n    [`@media (max-width: ${asideOffset}px)`]: {\n      paddingRight: padding,\n    },\n  };\n}\n\nexport default createStyles((theme, props: AppShellStylesParams) => ({\n  root: {\n    boxSizing: 'border-box',\n  },\n\n  body: {\n    display: 'flex',\n    boxSizing: 'border-box',\n  },\n\n  main: {\n    flex: 1,\n    width: '100vw',\n    boxSizing: 'border-box',\n    ...getPositionStyles(props, theme),\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/Aside/Aside.js

@@ -0,0 +1,40 @@
+import React, { forwardRef } from 'react';
+import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
+import { HorizontalSection } from '../HorizontalSection/HorizontalSection.js';
+
+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;
+};
+const defaultProps = {
+  fixed: false,
+  position: { top: 0, right: 0 },
+  zIndex: getDefaultZIndex("app"),
+  hiddenBreakpoint: "md",
+  hidden: false
+};
+const Aside = forwardRef((props, ref) => {
+  const _props = useMantineDefaultProps("Aside", defaultProps, props);
+  return /* @__PURE__ */ React.createElement(HorizontalSection, __spreadValues({
+    section: "aside",
+    __staticSelector: "Aside",
+    ref
+  }, _props));
+});
+Aside.Section = HorizontalSection.Section;
+Aside.displayName = "@mantine/core/Aside";
+
+export { Aside };
+//# sourceMappingURL=Aside.js.map

package/esm/components/AppShell/Aside/Aside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aside.js","sources":["../../../../src/components/AppShell/Aside/Aside.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport {\n  HorizontalSection,\n  HorizontalSectionSharedProps,\n} from '../HorizontalSection/HorizontalSection';\n\nexport interface AsideProps\n  extends HorizontalSectionSharedProps,\n    React.ComponentPropsWithRef<'nav'> {\n  /** Aside content */\n  children: React.ReactNode;\n}\n\ntype AsideComponent = ForwardRefWithStaticComponents<\n  AsideProps,\n  { Section: typeof HorizontalSection.Section }\n>;\n\nconst defaultProps: Partial<AsideProps> = {\n  fixed: false,\n  position: { top: 0, right: 0 },\n  zIndex: getDefaultZIndex('app'),\n  hiddenBreakpoint: 'md',\n  hidden: false,\n};\n\nexport const Aside: AsideComponent = forwardRef<HTMLElement, AsideProps>(\n  (props: AsideProps, ref) => {\n    const _props = useMantineDefaultProps('Aside', defaultProps, props);\n    return <HorizontalSection section=\"aside\" __staticSelector=\"Aside\" ref={ref} {..._props} />;\n  }\n) as any;\n\nAside.Section = HorizontalSection.Section;\nAside.displayName = '@mantine/core/Aside';\n"],"names":[],"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;AASF,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,KAAK;AACd,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;AAChC,EAAE,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC;AACjC,EAAE,gBAAgB,EAAE,IAAI;AACxB,EAAE,MAAM,EAAE,KAAK;AACf,CAAC,CAAC;AACU,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,MAAM,GAAG,sBAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AACtE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,cAAc,CAAC;AAC/E,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,gBAAgB,EAAE,OAAO;AAC7B,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,KAAK,CAAC,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;AAC1C,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/esm/components/AppShell/Footer/Footer.js

@@ -0,0 +1,53 @@
+import React, { forwardRef } from 'react';
+import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
+import { VerticalSection } from '../VerticalSection/VerticalSection.js';
+
+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 = {
+  fixed: false,
+  position: { bottom: 0, left: 0, right: 0 },
+  zIndex: getDefaultZIndex("app")
+};
+const Footer = forwardRef((props, ref) => {
+  const others = __objRest(useMantineDefaultProps("Footer", defaultProps, props), []);
+  return /* @__PURE__ */ React.createElement(VerticalSection, __spreadProps(__spreadValues({
+    section: "footer",
+    __staticSelector: "Footer"
+  }, others), {
+    ref
+  }));
+});
+Footer.displayName = "@mantine/core/Footer";
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

package/esm/components/AppShell/Footer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../src/components/AppShell/Footer/Footer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';\nimport { VerticalSection, VerticalSectionSharedProps } from '../VerticalSection/VerticalSection';\n\nexport interface FooterProps\n  extends VerticalSectionSharedProps,\n    React.ComponentPropsWithoutRef<'nav'> {\n  /** Footer content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<FooterProps> = {\n  fixed: false,\n  position: { bottom: 0, left: 0, right: 0 },\n  zIndex: getDefaultZIndex('app'),\n};\n\nexport const Footer = forwardRef<HTMLElement, FooterProps>((props: FooterProps, ref) => {\n  const { ...others } = useMantineDefaultProps('Footer', defaultProps, props);\n  return <VerticalSection section=\"footer\" __staticSelector=\"Footer\" {...others} ref={ref} />;\n});\n\nFooter.displayName = '@mantine/core/Footer';\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/Header/Header.js

@@ -1,10 +1,10 @@
 import React, { forwardRef } from 'react';
-import { getDefaultZIndex, useMantineDefaultProps, Global } from '@mantine/styles';
-import { useAppShellContext } from '../AppShell.context.js';
-import useStyles from './Header.styles.js';
-import { Box } from '../../Box/Box.js';
+import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
+import { VerticalSection } from '../VerticalSection/VerticalSection.js';
 
 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;
@@ -20,37 +20,19 @@ var __spreadValues = (a, b) => {
     }
   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;
-};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const defaultProps = {
   fixed: false,
   position: { top: 0, left: 0, right: 0 },
   zIndex: getDefaultZIndex("app")
 };
 const Header = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("Header", defaultProps, props), { children, className, classNames, styles, height, fixed, position, zIndex } = _a, others = __objRest(_a, ["children", "className", "classNames", "styles", "height", "fixed", "position", "zIndex"]);
-  const ctx = useAppShellContext();
-  const { classes, cx } = useStyles({ height, fixed: ctx.fixed || fixed, position, zIndex: ctx.zIndex || zIndex }, { name: "Header", classNames, styles });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    component: "nav",
-    className: cx(classes.root, className),
+  const _props = useMantineDefaultProps("Header", defaultProps, props);
+  return /* @__PURE__ */ React.createElement(VerticalSection, __spreadProps(__spreadValues({
+    section: "header",
+    __staticSelector: "Header"
+  }, _props), {
     ref
-  }, others), children, /* @__PURE__ */ React.createElement(Global, {
-    styles: () => ({
-      ":root": {
-        "--mantine-header-height": `${height}px`
-      }
-    })
   }));
 });
 Header.displayName = "@mantine/core/Header";

package/esm/components/AppShell/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/AppShell/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, getDefaultZIndex, useMantineDefaultProps, Global } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useAppShellContext } from '../AppShell.context';\nimport useStyles, { HeaderPosition } from './Header.styles';\n\nexport interface HeaderProps extends DefaultProps, React.ComponentPropsWithoutRef<'nav'> {\n  /** Header content */\n  children: React.ReactNode;\n\n  /** Header height */\n  height: number | string;\n\n  /** Changes position to fixed, controlled by AppShell component if rendered inside */\n  fixed?: boolean;\n\n  /** Control top, left, right or bottom position values, controlled by AppShell component if rendered inside */\n  position?: HeaderPosition;\n\n  /** z-index */\n  zIndex?: number;\n}\n\nconst defaultProps: Partial<HeaderProps> = {\n  fixed: false,\n  position: { top: 0, left: 0, right: 0 },\n  zIndex: getDefaultZIndex('app'),\n};\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>((props: HeaderProps, ref) => {\n  const { children, className, classNames, styles, height, fixed, position, zIndex, ...others } =\n    useMantineDefaultProps('Header', defaultProps, props);\n  const ctx = useAppShellContext();\n\n  const { classes, cx } = useStyles(\n    { height, fixed: ctx.fixed || fixed, position, zIndex: ctx.zIndex || zIndex },\n    { name: 'Header', classNames, styles }\n  );\n\n  return (\n    <Box component=\"nav\" className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n      <Global\n        styles={() => ({\n          ':root': {\n            '--mantine-header-height': `${height}px`,\n          },\n        })}\n      />\n    </Box>\n  );\n});\n\nHeader.displayName = '@mantine/core/Header';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/AppShell/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';\nimport { VerticalSection, VerticalSectionSharedProps } from '../VerticalSection/VerticalSection';\n\nexport interface HeaderProps\n  extends VerticalSectionSharedProps,\n    React.ComponentPropsWithoutRef<'nav'> {\n  /** Header content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<HeaderProps> = {\n  fixed: false,\n  position: { top: 0, left: 0, right: 0 },\n  zIndex: getDefaultZIndex('app'),\n};\n\nexport const Header = forwardRef<HTMLElement, HeaderProps>((props: HeaderProps, ref) => {\n  const _props = useMantineDefaultProps('Header', defaultProps, props);\n  return <VerticalSection section=\"header\" __staticSelector=\"Header\" {..._props} ref={ref} />;\n});\n\nHeader.displayName = '@mantine/core/Header';\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAIlE,MAAM,YAAY,GAAG;AACrB,EAAE,KAAK,EAAE,KAAK;AACd,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;AACzC,EAAE,MAAM,EAAE,gBAAgB,CAAC,KAAK,CAAC;AACjC,CAAC,CAAC;AACU,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,MAAM,GAAG,sBAAsB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;AACvE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,eAAe,EAAE,aAAa,CAAC,cAAc,CAAC;AAC3F,IAAI,OAAO,EAAE,QAAQ;AACrB,IAAI,gBAAgB,EAAE,QAAQ;AAC9B,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,IAAI,GAAG;AACP,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/esm/components/AppShell/HorizontalSection/HorizontalSection.js

@@ -0,0 +1,98 @@
+import React, { forwardRef } from 'react';
+import { getDefaultZIndex, Global } from '@mantine/styles';
+import { useAppShellContext } from '../AppShell.context.js';
+import { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints.js';
+import { Section } from './Section/Section.js';
+import useStyles from './HorizontalSection.styles.js';
+import { Box } from '../../Box/Box.js';
+
+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 HorizontalSection = forwardRef((_a, ref) => {
+  var _b = _a, {
+    width,
+    height,
+    fixed = false,
+    position,
+    zIndex = getDefaultZIndex("app"),
+    hiddenBreakpoint = "md",
+    hidden = false,
+    className,
+    classNames,
+    styles,
+    children,
+    section,
+    __staticSelector
+  } = _b, others = __objRest(_b, [
+    "width",
+    "height",
+    "fixed",
+    "position",
+    "zIndex",
+    "hiddenBreakpoint",
+    "hidden",
+    "className",
+    "classNames",
+    "styles",
+    "children",
+    "section",
+    "__staticSelector"
+  ]);
+  const ctx = useAppShellContext();
+  const { classes, cx, theme } = useStyles({
+    width,
+    height,
+    fixed: ctx.fixed || fixed,
+    position,
+    hiddenBreakpoint,
+    zIndex: ctx.zIndex || zIndex
+  }, { classNames, styles, name: __staticSelector });
+  const breakpoints = getSortedBreakpoints(width, theme).reduce((acc, [breakpoint, breakpointSize]) => {
+    acc[`@media (min-width: ${breakpoint + 1}px)`] = {
+      [`--mantine-${section}-width`]: `${breakpointSize}px`
+    };
+    return acc;
+  }, {});
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    component: section === "navbar" ? "nav" : "aside",
+    ref,
+    className: cx(classes.root, { [classes.hidden]: hidden }, className)
+  }, others), children, /* @__PURE__ */ React.createElement(Global, {
+    styles: () => ({
+      ":root": __spreadValues({
+        [`--mantine-${section}-width`]: (width == null ? void 0 : width.base) ? `${width.base}px` : "0px"
+      }, breakpoints)
+    })
+  }));
+});
+HorizontalSection.Section = Section;
+HorizontalSection.displayName = "@mantine/core/HorizontalSection";
+
+export { HorizontalSection };
+//# sourceMappingURL=HorizontalSection.js.map

package/esm/components/AppShell/HorizontalSection/HorizontalSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalSection.js","sources":["../../../../src/components/AppShell/HorizontalSection/HorizontalSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  ClassNames,\n  DefaultProps,\n  MantineNumberSize,\n  getDefaultZIndex,\n  ForwardRefWithStaticComponents,\n  Global,\n} from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useAppShellContext } from '../AppShell.context';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\nimport { Section } from './Section/Section';\nimport useStyles, {\n  HorizontalSectionPosition,\n  HorizontalSectionWidth,\n} from './HorizontalSection.styles';\n\nexport type HorizontalSectionStylesNames = ClassNames<typeof useStyles>;\n\nexport interface HorizontalSectionSharedProps extends DefaultProps<HorizontalSectionStylesNames> {\n  /** Component width with breakpoints */\n  width?: HorizontalSectionWidth;\n\n  /** Component height */\n  height?: string | number;\n\n  /** HorizontalSection content */\n  children: React.ReactNode;\n\n  /** Set position to fixed */\n  fixed?: boolean;\n\n  /** Position for fixed variant */\n  position?: HorizontalSectionPosition;\n\n  /** Breakpoint at which component will be hidden if hidden prop is true */\n  hiddenBreakpoint?: MantineNumberSize;\n\n  /** Set to true to hide component at hiddenBreakpoint */\n  hidden?: boolean;\n\n  /** z-index */\n  zIndex?: number;\n}\n\nexport interface HorizontalSectionProps\n  extends HorizontalSectionSharedProps,\n    Omit<React.ComponentPropsWithRef<'nav'>, 'children'> {\n  section: 'navbar' | 'aside';\n  __staticSelector: string;\n}\n\ntype HorizontalSectionComponent = ForwardRefWithStaticComponents<\n  HorizontalSectionProps,\n  { Section: typeof Section }\n>;\n\nexport const HorizontalSection: HorizontalSectionComponent = forwardRef<\n  HTMLElement,\n  HorizontalSectionProps\n>(\n  (\n    {\n      width,\n      height,\n      fixed = false,\n      position,\n      zIndex = getDefaultZIndex('app'),\n      hiddenBreakpoint = 'md',\n      hidden = false,\n      className,\n      classNames,\n      styles,\n      children,\n      section,\n      __staticSelector,\n      ...others\n    }: HorizontalSectionProps,\n    ref\n  ) => {\n    const ctx = useAppShellContext();\n\n    const { classes, cx, theme } = useStyles(\n      {\n        width,\n        height,\n        fixed: ctx.fixed || fixed,\n        position,\n        hiddenBreakpoint,\n        zIndex: ctx.zIndex || zIndex,\n      },\n      { classNames, styles, name: __staticSelector }\n    );\n\n    const breakpoints = getSortedBreakpoints(width, theme).reduce(\n      (acc, [breakpoint, breakpointSize]) => {\n        acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n          [`--mantine-${section}-width`]: `${breakpointSize}px`,\n        };\n\n        return acc;\n      },\n      {}\n    );\n\n    return (\n      <Box\n        component={section === 'navbar' ? 'nav' : 'aside'}\n        ref={ref}\n        className={cx(classes.root, { [classes.hidden]: hidden }, className)}\n        {...others}\n      >\n        {children}\n\n        <Global\n          styles={() => ({\n            ':root': {\n              [`--mantine-${section}-width`]: width?.base ? `${width.base}px` : '0px',\n              ...breakpoints,\n            },\n          })}\n        />\n      </Box>\n    );\n  }\n) as any;\n\nHorizontalSection.Section = Section;\nHorizontalSection.displayName = '@mantine/core/HorizontalSection';\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/{Navbar/Navbar.styles.js → HorizontalSection/HorizontalSection.styles.js}

@@ -32,7 +32,7 @@ var useStyles = createStyles((theme, { height, width, fixed, position, hiddenBre
     root: __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), position), {
       top: (position == null ? void 0 : position.top) || "var(--mantine-header-height)",
       zIndex,
-      height: height || "calc(100vh - var(--mantine-header-height, 0px))",
+      height: height || "calc(100vh - var(--mantine-header-height, 0px) - var(--mantine-footer-height, 0px))",
       width: (width == null ? void 0 : width.base) || "100%",
       position: fixed ? "fixed" : "static",
       boxSizing: "border-box",
@@ -53,4 +53,4 @@ var useStyles = createStyles((theme, { height, width, fixed, position, hiddenBre
 });
 
 export default useStyles;
-//# sourceMappingURL=Navbar.styles.js.map
+//# sourceMappingURL=HorizontalSection.styles.js.map

package/esm/components/AppShell/HorizontalSection/HorizontalSection.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalSection.styles.js","sources":["../../../../src/components/AppShell/HorizontalSection/HorizontalSection.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\n\nexport type HorizontalSectionWidth = Partial<Record<string, string | number>>;\n\nexport interface HorizontalSectionPosition {\n  top?: number;\n  left?: number;\n  bottom?: number;\n  right?: number;\n}\n\ninterface HorizontalSectionStyles {\n  width: Partial<Record<string, string | number>>;\n  height: string | number;\n  position: HorizontalSectionPosition;\n  hiddenBreakpoint: MantineNumberSize;\n  fixed: boolean;\n  zIndex: number;\n}\n\nexport default createStyles(\n  (\n    theme,\n    { height, width, fixed, position, hiddenBreakpoint, zIndex }: HorizontalSectionStyles\n  ) => {\n    const breakpoints =\n      typeof width === 'object' && width !== null\n        ? getSortedBreakpoints(width, theme).reduce((acc, [breakpoint, breakpointSize]) => {\n            acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n              width: breakpointSize,\n              minWidth: breakpointSize,\n            };\n\n            return acc;\n          }, {})\n        : null;\n\n    return {\n      root: {\n        ...theme.fn.fontStyles(),\n        ...position,\n        top: position?.top || 'var(--mantine-header-height)',\n        zIndex,\n        height:\n          height ||\n          'calc(100vh - var(--mantine-header-height, 0px) - var(--mantine-footer-height, 0px))',\n        width: width?.base || '100%',\n        position: fixed ? 'fixed' : 'static',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexDirection: 'column',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n        borderRight: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]\n        }`,\n        ...breakpoints,\n      },\n\n      hidden: {\n        [`@media (max-width: ${theme.fn.size({\n          size: hiddenBreakpoint,\n          sizes: theme.breakpoints,\n        })}px)`]: {\n          display: 'none',\n        },\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/components/AppShell/{Navbar/NavbarSection/NavbarSection.js → HorizontalSection/Section/Section.js}

@@ -29,15 +29,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const NavbarSection = forwardRef((_a, ref) => {
+const Section = forwardRef((_a, ref) => {
   var _b = _a, { component, children, grow = false, sx } = _b, others = __objRest(_b, ["component", "children", "grow", "sx"]);
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     component: component || "div",
     ref,
-    sx: [{ flex: grow ? 1 : 0, boxSizing: "border-box" }, sx]
+    sx: [{ flex: grow ? 1 : 0, boxSizing: "border-box" }, ...Array.isArray(sx) ? sx : [sx]]
   }, others), children);
 });
-NavbarSection.displayName = "@mantine/core/NavbarSection";
+Section.displayName = "@mantine/core/Section";
 
-export { NavbarSection };
-//# sourceMappingURL=NavbarSection.js.map
+export { Section };
+//# sourceMappingURL=Section.js.map

package/esm/components/AppShell/HorizontalSection/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sources":["../../../../../src/components/AppShell/HorizontalSection/Section/Section.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, PolymorphicComponentProps, PolymorphicRef } from '@mantine/styles';\nimport { Box } from '../../../Box';\n\ninterface _SectionProps extends DefaultProps {\n  /** Section children */\n  children: React.ReactNode;\n\n  /** Force section to take all available height */\n  grow?: boolean;\n}\n\nexport type SectionProps<C> = PolymorphicComponentProps<C, _SectionProps>;\n\ntype SectionComponent = <C = 'div'>(props: SectionProps<C>) => React.ReactElement;\n\nexport const Section: SectionComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = 'div'>(\n    { component, children, grow = false, sx, ...others }: SectionProps<C>,\n    ref: PolymorphicRef<C>\n  ) => (\n    <Box<any>\n      component={component || 'div'}\n      ref={ref}\n      sx={[{ flex: grow ? 1 : 0, boxSizing: 'border-box' }, ...(Array.isArray(sx) ? sx : [sx])]}\n      {...others}\n    >\n      {children}\n    </Box>\n  )\n);\n\nSection.displayName = '@mantine/core/Section';\n"],"names":[],"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;AAGU,MAAC,OAAO,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC/C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;AAC/H,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,SAAS,IAAI,KAAK;AACjC,IAAI,GAAG;AACP,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;AAC3F,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,OAAO,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/esm/components/AppShell/HorizontalSection/get-sorted-breakpoints/get-sorted-breakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../../../src/components/AppShell/HorizontalSection/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineSize, MantineTheme } from '@mantine/styles';\n\ntype Breakpoints<T> = Partial<Record<MantineSize | (string & {}), T>>;\n\nexport function getSortedBreakpoints<T>(\n  breakpoints: Breakpoints<T>,\n  theme: MantineTheme\n): [number, T][] {\n  if (!breakpoints) {\n    return [];\n  }\n\n  const values = Object.keys(breakpoints)\n    .filter((breakpoint) => breakpoint !== 'base')\n    .map((breakpoint) => [\n      theme.fn.size({ size: breakpoint, sizes: theme.breakpoints }),\n      breakpoints[breakpoint],\n    ]);\n\n  values.sort((a, b) => a[0] - b[0]);\n  return values as [number, T][];\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE;AACzD,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,UAAU,KAAK,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK;AAC5G,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;AACjE,IAAI,WAAW,CAAC,UAAU,CAAC;AAC3B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}