@mantine/core 4.0.7 → 4.1.0

package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.js

@@ -0,0 +1,199 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('@mantine/styles');
+var hooks = require('@mantine/hooks');
+var FloatingTooltip_styles = require('./FloatingTooltip.styles.js');
+var Box = require('../../Box/Box.js');
+var Popper = require('../../Popper/Popper.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 = {
+  openDelay: 0,
+  closeDelay: 0,
+  gutter: 0,
+  color: "gray",
+  disabled: false,
+  position: "right",
+  transition: "pop-top-left",
+  transitionDuration: 0,
+  zIndex: styles.getDefaultZIndex("popover"),
+  width: "auto",
+  wrapLines: false,
+  positionDependencies: [],
+  withinPortal: true
+};
+const FloatingTooltip = React.forwardRef((props, ref) => {
+  const _a = styles.useMantineDefaultProps("FloatingTooltip", defaultProps, props), {
+    className,
+    label,
+    children,
+    openDelay,
+    closeDelay,
+    gutter,
+    color,
+    radius,
+    disabled,
+    position,
+    transition,
+    transitionDuration,
+    zIndex,
+    transitionTimingFunction,
+    width,
+    wrapLines,
+    positionDependencies,
+    withinPortal,
+    tooltipRef,
+    tooltipId,
+    classNames,
+    styles: styles$1,
+    onMouseLeave,
+    onMouseEnter
+  } = _a, others = __objRest(_a, [
+    "className",
+    "label",
+    "children",
+    "openDelay",
+    "closeDelay",
+    "gutter",
+    "color",
+    "radius",
+    "disabled",
+    "position",
+    "transition",
+    "transitionDuration",
+    "zIndex",
+    "transitionTimingFunction",
+    "width",
+    "wrapLines",
+    "positionDependencies",
+    "withinPortal",
+    "tooltipRef",
+    "tooltipId",
+    "classNames",
+    "styles",
+    "onMouseLeave",
+    "onMouseEnter"
+  ]);
+  const { classes, cx } = FloatingTooltip_styles['default']({ color, radius }, { classNames, styles: styles$1, name: "FloatingTooltip" });
+  const openTimeoutRef = React.useRef();
+  const closeTimeoutRef = React.useRef();
+  const _tooltipRef = React.useRef();
+  const mergedTooltipRefs = hooks.useMergedRef(_tooltipRef, tooltipRef);
+  const [opened, setOpened] = React.useState(false);
+  const { ref: mouseRef, x, y } = hooks.useMouse();
+  const visible = opened && !disabled;
+  const [referenceElement, setReferenceElement] = React.useState(null);
+  const mergedRefs = hooks.useMergedRef(ref, setReferenceElement, mouseRef);
+  const coordinates = React.useMemo(() => {
+    var _a2;
+    const estimatedCursorSize = 32;
+    const tooltipWidth = ((_a2 = _tooltipRef.current) == null ? void 0 : _a2.offsetWidth) || 0;
+    switch (position) {
+      case "top":
+        return { x: x - tooltipWidth / 2, y: y - estimatedCursorSize };
+      case "left":
+        return { x: x - estimatedCursorSize / 2 - tooltipWidth, y };
+      case "right":
+        return { x: x + estimatedCursorSize / 2, y };
+      case "bottom":
+        return { x: x - tooltipWidth / 2, y: y + estimatedCursorSize };
+      default:
+        return { x: x || 0, y: y || 0 };
+    }
+  }, [x, y]);
+  const handleOpen = () => {
+    window.clearTimeout(closeTimeoutRef.current);
+    if (openDelay !== 0) {
+      openTimeoutRef.current = window.setTimeout(() => {
+        setOpened(true);
+      }, openDelay);
+    } else {
+      setOpened(true);
+    }
+  };
+  const handleClose = () => {
+    window.clearTimeout(openTimeoutRef.current);
+    if (closeDelay !== 0) {
+      closeTimeoutRef.current = window.setTimeout(() => {
+        setOpened(false);
+      }, closeDelay);
+    } else {
+      setOpened(false);
+    }
+  };
+  React.useEffect(() => () => {
+    window.clearTimeout(openTimeoutRef.current);
+    window.clearTimeout(closeTimeoutRef.current);
+  }, []);
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
+    className: cx(classes.root, className),
+    onMouseEnter: (event) => {
+      handleOpen();
+      typeof onMouseEnter === "function" && onMouseEnter(event);
+    },
+    onMouseLeave: (event) => {
+      handleClose();
+      typeof onMouseLeave === "function" && onMouseLeave(event);
+    },
+    onFocusCapture: handleOpen,
+    onBlurCapture: handleClose,
+    ref: mergedRefs
+  }, others), /* @__PURE__ */ React__default.createElement(Popper.Popper, {
+    referenceElement,
+    transitionDuration,
+    transition,
+    mounted: visible,
+    position: "top",
+    placement: "start",
+    gutter,
+    zIndex,
+    forceUpdateDependencies: [color, radius, ...positionDependencies],
+    withinPortal,
+    coordinates
+  }, /* @__PURE__ */ React__default.createElement(Box.Box, {
+    className: classes.body,
+    ref: mergedTooltipRefs,
+    sx: {
+      whiteSpace: wrapLines ? "normal" : "nowrap",
+      width
+    }
+  }, label)), children);
+});
+FloatingTooltip.displayName = "@mantine/core/FloatingTooltip";
+
+exports.FloatingTooltip = FloatingTooltip;
+//# sourceMappingURL=FloatingTooltip.js.map

package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingTooltip.js","sources":["../../../../src/components/Tooltip/FloatingTooltip/FloatingTooltip.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef, useEffect, useMemo } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  ClassNames,\n  getDefaultZIndex,\n  MantineNumberSize,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { useMergedRef, useMouse } from '@mantine/hooks';\nimport { Box } from '../../Box';\nimport { Popper, SharedPopperProps } from '../../Popper';\nimport useStyles from './FloatingTooltip.styles';\n\nexport type FloatingTooltipStylesNames = ClassNames<typeof useStyles>;\n\nexport interface FloatingTooltipProps\n  extends DefaultProps<FloatingTooltipStylesNames>,\n    SharedPopperProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Tooltip content */\n  label: React.ReactNode;\n\n  /** Any react node that should trigger tooltip */\n  children: React.ReactNode;\n\n  /** Open delay in ms, 0 to disable delay */\n  openDelay?: number;\n\n  /** Close delay in ms, 0 to disable delay */\n  closeDelay?: number;\n\n  /** Any color from theme.colors, defaults to gray in light color scheme and dark in dark colors scheme */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** True to disable tooltip */\n  disabled?: boolean;\n\n  /** Tooltip width in px or auto */\n  width?: number | 'auto';\n\n  /** Allow multiline tooltip content */\n  wrapLines?: boolean;\n\n  /** Get tooltip ref */\n  tooltipRef?: React.ForwardedRef<HTMLDivElement>;\n\n  /** Tooltip id to bind aria-describedby */\n  tooltipId?: string;\n\n  /** useEffect dependencies to force update tooltip position */\n  positionDependencies?: any[];\n\n  /** Whether to render the target element in a Portal */\n  withinPortal?: boolean;\n}\n\nconst defaultProps: Partial<FloatingTooltipProps> = {\n  openDelay: 0,\n  closeDelay: 0,\n  gutter: 0,\n  color: 'gray',\n  disabled: false,\n  position: 'right',\n  transition: 'pop-top-left',\n  transitionDuration: 0,\n  zIndex: getDefaultZIndex('popover'),\n  width: 'auto',\n  wrapLines: false,\n  positionDependencies: [],\n  withinPortal: true,\n};\n\nexport const FloatingTooltip = forwardRef<HTMLDivElement, FloatingTooltipProps>(\n  (props: FloatingTooltipProps, ref) => {\n    const {\n      className,\n      label,\n      children,\n      openDelay,\n      closeDelay,\n      gutter,\n      color,\n      radius,\n      disabled,\n      position,\n      transition,\n      transitionDuration,\n      zIndex,\n      transitionTimingFunction,\n      width,\n      wrapLines,\n      positionDependencies,\n      withinPortal,\n      tooltipRef,\n      tooltipId,\n      classNames,\n      styles,\n      onMouseLeave,\n      onMouseEnter,\n      ...others\n    } = useMantineDefaultProps('FloatingTooltip', defaultProps, props);\n\n    const { classes, cx } = useStyles(\n      { color, radius },\n      { classNames, styles, name: 'FloatingTooltip' }\n    );\n    const openTimeoutRef = useRef<number>();\n    const closeTimeoutRef = useRef<number>();\n    const _tooltipRef = useRef<HTMLDivElement>();\n    const mergedTooltipRefs = useMergedRef(_tooltipRef, tooltipRef);\n    const [opened, setOpened] = useState(false);\n    const { ref: mouseRef, x, y } = useMouse();\n    const visible = opened && !disabled;\n    const [referenceElement, setReferenceElement] = useState(null);\n    const mergedRefs = useMergedRef(ref, setReferenceElement, mouseRef);\n    const coordinates = useMemo(() => {\n      // There's no way to get the exact size of the\n      // cursor using JS, however most OS's use 32x32\n      const estimatedCursorSize = 32;\n      const tooltipWidth = _tooltipRef.current?.offsetWidth || 0;\n\n      switch (position) {\n        case 'top':\n          return { x: x - tooltipWidth / 2, y: y - estimatedCursorSize };\n        case 'left':\n          return { x: x - estimatedCursorSize / 2 - tooltipWidth, y };\n        case 'right':\n          return { x: x + estimatedCursorSize / 2, y };\n        case 'bottom':\n          return { x: x - tooltipWidth / 2, y: y + estimatedCursorSize };\n        default:\n          return { x: x || 0, y: y || 0 };\n      }\n    }, [x, y]);\n\n    const handleOpen = () => {\n      window.clearTimeout(closeTimeoutRef.current);\n\n      if (openDelay !== 0) {\n        openTimeoutRef.current = window.setTimeout(() => {\n          setOpened(true);\n        }, openDelay);\n      } else {\n        setOpened(true);\n      }\n    };\n\n    const handleClose = () => {\n      window.clearTimeout(openTimeoutRef.current);\n\n      if (closeDelay !== 0) {\n        closeTimeoutRef.current = window.setTimeout(() => {\n          setOpened(false);\n        }, closeDelay);\n      } else {\n        setOpened(false);\n      }\n    };\n\n    useEffect(\n      () => () => {\n        window.clearTimeout(openTimeoutRef.current);\n        window.clearTimeout(closeTimeoutRef.current);\n      },\n      []\n    );\n\n    return (\n      <Box<'div'>\n        className={cx(classes.root, className)}\n        onMouseEnter={(event) => {\n          handleOpen();\n          typeof onMouseEnter === 'function' && onMouseEnter(event);\n        }}\n        onMouseLeave={(event) => {\n          handleClose();\n          typeof onMouseLeave === 'function' && onMouseLeave(event);\n        }}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        ref={mergedRefs}\n        {...others}\n      >\n        <Popper\n          referenceElement={referenceElement}\n          transitionDuration={transitionDuration}\n          transition={transition}\n          mounted={visible}\n          position=\"top\"\n          placement=\"start\" // fixed because we are following the cursor\n          gutter={gutter}\n          zIndex={zIndex}\n          forceUpdateDependencies={[color, radius, ...positionDependencies]}\n          withinPortal={withinPortal}\n          coordinates={coordinates}\n        >\n          <Box\n            className={classes.body}\n            ref={mergedTooltipRefs}\n            sx={{\n              whiteSpace: wrapLines ? 'normal' : 'nowrap',\n              width,\n            }}\n          >\n            {label}\n          </Box>\n        </Popper>\n        {children}\n      </Box>\n    );\n  }\n);\n\nFloatingTooltip.displayName = '@mantine/core/FloatingTooltip';\n"],"names":["getDefaultZIndex","forwardRef","useMantineDefaultProps","styles","useStyles","useRef","useMergedRef","useState","useMouse","useMemo","useEffect","React","Box","Popper"],"mappings":"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"}

package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+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 useStyles = styles.createStyles((theme, { color, radius }) => ({
+  root: {
+    position: "relative",
+    display: "inline-block"
+  },
+  body: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+    backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 3 : 9),
+    lineHeight: theme.lineHeight,
+    fontSize: theme.fontSizes.sm,
+    borderRadius: theme.fn.radius(radius),
+    padding: `${theme.spacing.xs / 2}px ${theme.spacing.xs}px`,
+    color: theme.colorScheme === "dark" ? theme.colors.dark[9] : theme.white,
+    position: "relative",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  })
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=FloatingTooltip.styles.js.map

package/cjs/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingTooltip.styles.js","sources":["../../../../src/components/Tooltip/FloatingTooltip/FloatingTooltip.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport interface FloatingTooltipStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, radius }: FloatingTooltipStylesParams) => ({\n  root: {\n    position: 'relative',\n    display: 'inline-block',\n  },\n\n  body: {\n    ...theme.fn.fontStyles(),\n    backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 3 : 9),\n    lineHeight: theme.lineHeight,\n    fontSize: theme.fontSizes.sm,\n    borderRadius: theme.fn.radius(radius),\n    padding: `${theme.spacing.xs / 2}px ${theme.spacing.xs}px`,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white,\n    position: 'relative',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n}));\n"],"names":["createStyles"],"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;AAElE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;AAC3D,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}

package/cjs/index.js

@@ -10,6 +10,7 @@ var filterFalsyChildren = require('./utils/filter-falsy-children/filter-falsy-ch
 var groupOptions = require('./utils/group-options/group-options.js');
 var getContextItemIndex = require('./utils/get-context-item-index/get-context-item-index.js');
 var createUseContext = require('./utils/create-use-context/create-use-context.js');
+var getInputMode = require('./utils/get-input-mode/get-input-mode.js');
 var useAccordionState = require('./components/Accordion/use-accordion-state/use-accordion-state.js');
 var Accordion = require('./components/Accordion/Accordion.js');
 var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
@@ -22,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');
@@ -113,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');
@@ -129,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');
@@ -144,6 +149,7 @@ exports.getGroupedOptions = groupOptions.getGroupedOptions;
 exports.groupOptions = groupOptions.groupOptions;
 exports.getContextItemIndex = getContextItemIndex.getContextItemIndex;
 exports.createUseContext = createUseContext.createUseContext;
+exports.getInputMode = getInputMode.getInputMode;
 exports.createAccordionState = useAccordionState.createAccordionState;
 exports.useAccordionState = useAccordionState.useAccordionState;
 exports.Accordion = Accordion.Accordion;
@@ -157,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;
@@ -249,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;
@@ -265,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/cjs/utils/get-input-mode/get-input-mode.js

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getInputMode = (step, precision, os) => {
+  if (Number.isInteger(step) && step >= 0 && precision === 0)
+    return "numeric";
+  if (!Number.isInteger(step) && step >= 0 && precision !== 0)
+    return "decimal";
+  if (Number.isInteger(step) && step < 0 && precision === 0) {
+    if (os === "ios")
+      return "text";
+    return "decimal";
+  }
+  if (!Number.isInteger(step) && step < 0 && precision !== 0) {
+    if (os === "ios")
+      return "text";
+    return "decimal";
+  }
+  return "numeric";
+};
+
+exports.getInputMode = getInputMode;
+//# sourceMappingURL=get-input-mode.js.map

package/cjs/utils/get-input-mode/get-input-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-input-mode.js","sources":["../../../src/utils/get-input-mode/get-input-mode.ts"],"sourcesContent":["import { OS } from '@mantine/hooks';\n\nexport const getInputMode = (\n  step: number,\n  precision: number,\n  os: OS\n): 'none' | 'text' | 'search' | 'email' | 'tel' | 'url' | 'numeric' | 'decimal' => {\n  if (Number.isInteger(step) && step >= 0 && precision === 0) return 'numeric';\n  if (!Number.isInteger(step) && step >= 0 && precision !== 0) return 'decimal';\n  if (Number.isInteger(step) && step < 0 && precision === 0) {\n    if (os === 'ios') return 'text';\n    return 'decimal';\n  }\n  if (!Number.isInteger(step) && step < 0 && precision !== 0) {\n    if (os === 'ios') return 'text';\n    return 'decimal';\n  }\n  return 'numeric';\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK;AACrD,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,SAAS,KAAK,CAAC;AAC5D,IAAI,OAAO,SAAS,CAAC;AACrB,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,SAAS,KAAK,CAAC;AAC7D,IAAI,OAAO,SAAS,CAAC;AACrB,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,SAAS,KAAK,CAAC,EAAE;AAC7D,IAAI,IAAI,EAAE,KAAK,KAAK;AACpB,MAAM,OAAO,MAAM,CAAC;AACpB,IAAI,OAAO,SAAS,CAAC;AACrB,GAAG;AACH,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,SAAS,KAAK,CAAC,EAAE;AAC9D,IAAI,IAAI,EAAE,KAAK,KAAK;AACpB,MAAM,OAAO,MAAM,CAAC;AACpB,IAAI,OAAO,SAAS,CAAC;AACrB,GAAG;AACH,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

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":";;;;;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;AAQF,MAAM,YAAY,GAAG;AACrB,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;AACnC,EAAE,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC;AACnC,CAAC,CAAC;AACU,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAG,sBAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;AACzK,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACrD,IAAI,MAAM;AACV,IAAI,MAAM;AACV,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AAC7D,IAAI,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC;AAC7D,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACf,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"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;;;;"}