@mantine/core 6.0.10 → 7.0.0-alpha.10

package/cjs/components/Overlay/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  PolymorphicFactory,\n  MantineRadius,\n  rgba,\n  getDefaultZIndex,\n  getRadius,\n  rem,\n} from '../../core';\nimport classes from './Overlay.module.css';\n\nexport type OverlayStylesNames = 'root';\nexport type OverlayVariant = string;\nexport type OverlayCssVariables = {\n  root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';\n};\n\nexport interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {\n  /** Controls overlay `background-color` opacity 0–1, disregarded when `gradient` prop is set, `0.6` by default */\n  backgroundOpacity?: number;\n\n  /** Overlay `background-color`, `#000` by default */\n  color?: React.CSSProperties['backgroundColor'];\n\n  /** Overlay background blur, `0` by default */\n  blur?: number | string;\n\n  /** Changes overlay to gradient. If set, `color` prop is ignored */\n  gradient?: string;\n\n  /** Overlay z-index, `200` by default */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, `0` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Content inside overlay */\n  children?: React.ReactNode;\n\n  /** Determines whether content inside overlay should be vertically and horizontally centered, `false` by default */\n  center?: boolean;\n\n  /** Determines whether overlay should have fixed position instead of absolute, `false` by default */\n  fixed?: boolean;\n}\n\nexport type OverlayFactory = PolymorphicFactory<{\n  props: OverlayProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: OverlayStylesNames;\n  vars: OverlayCssVariables;\n  variant: OverlayVariant;\n}>;\n\nconst defaultProps: Partial<OverlayProps> = {\n  color: '#000',\n  backgroundOpacity: 0.6,\n  zIndex: getDefaultZIndex('modal'),\n};\n\nconst varsResolver = createVarsResolver<OverlayFactory>(\n  (theme, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({\n    root: {\n      '--overlay-bg': gradient || rgba(color || '#000', backgroundOpacity ?? 0.6),\n      '--overlay-filter': blur ? `blur(${rem(blur)})` : undefined,\n      '--overlay-radius': getRadius(radius),\n      '--overlay-z-index': zIndex?.toString(),\n    },\n  })\n);\n\nexport const Overlay = polymorphicFactory<OverlayFactory>((_props, ref) => {\n  const props = useProps('Overlay', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    fixed,\n    center,\n    children,\n    radius,\n    zIndex,\n    gradient,\n    blur,\n    color,\n    backgroundOpacity,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<OverlayFactory>({\n    name: 'Overlay',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box ref={ref} {...getStyles('root')} mod={{ center, fixed }} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nOverlay.displayName = '@mantine/core/Overlay';\n"],"names":["getDefaultZIndex","createVarsResolver","rgba","rem","getRadius","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA8DA,MAAM,YAAY,GAA0B;IAC1C,KAAK,EAAE,MAAM;IACb,iBAAiB,EAAE,GAAG;IACtB,MAAM,EAAEA,iCAAgB,CAAC,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,YAAY,GAAGC,qCAAkB,CACrC,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IACxE,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ,IAAIC,SAAI,CAAC,KAAK,IAAI,MAAM,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,GAAG,CAAC;QAC3E,kBAAkB,EAAE,IAAI,GAAG,QAAQC,OAAG,CAAC,IAAI,CAAC,GAAG,GAAG,SAAS;QAC3D,kBAAkB,EAAEC,iBAAS,CAAC,MAAM,CAAC;QACrC,mBAAmB,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE;KACxC;CACF,CAAC,CACH,CAAC;MAEW,OAAO,GAAGC,qCAAkB,CAAiB,CAAC,MAAM,EAAE,GAAG;IACpE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACxD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,iBAAiB,KAEf,KAAK,EADJ,MAAM,gBACP,KAAK,EAjBH,uKAiBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAiB;QAC1C,IAAI,EAAE,SAAS;QACf,KAAK;iBACLC,yBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,IAAE,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAM,MAAM,GACrE,QAAQ,CACL,EACN;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/cjs/components/Overlay/Overlay.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-aUY-pnb"};
+
+exports.default = classes;
+//# sourceMappingURL=Overlay.module.css.js.map

package/cjs/components/Overlay/Overlay.module.css.js.map

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

package/cjs/components/Paper/Paper.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Paper_module = require('./Paper.module.css.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+var polymorphicFactory = require('../../core/factory/polymorphic-factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {};
+const varsResolver = createVarsResolver.createVarsResolver((_, { radius, shadow }) => ({
+    root: {
+        '--paper-radius': getSize.getRadius(radius),
+        '--paper-shadow': getSize.getShadow(shadow),
+    },
+}));
+const Paper = polymorphicFactory.polymorphicFactory((_props, ref) => {
+    const props = useProps.useProps('Paper', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, withBorder, vars, radius, shadow, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "withBorder", "vars", "radius", "shadow", "variant"]);
+    const getStyles = useStyles.useStyles({
+        name: 'Paper',
+        props,
+        classes: Paper_module['default'],
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React__default.createElement(Box.Box, Object.assign({ ref: ref, mod: { 'data-with-border': withBorder } }, getStyles('root'), { variant: variant }, others)));
+});
+Paper.displayName = '@mantine/core/Paper';
+
+exports.Paper = Paper;
+//# sourceMappingURL=Paper.js.map

package/cjs/components/Paper/Paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  MantineShadow,\n  MantineRadius,\n  getRadius,\n  getShadow,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './Paper.module.css';\n\nexport type PaperStylesNames = 'root';\nexport type PaperVariant = string;\nexport type PaperCssVariables = {\n  root: '--paper-radius' | '--paper-shadow';\n};\n\nexport interface PaperProps extends BoxProps, StylesApiProps<PaperFactory> {\n  /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */\n  shadow?: MantineShadow | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */\n  radius?: MantineRadius | number | (string & {});\n\n  /** Determines whether the paper should have border, border color depends on color scheme, `false` by default */\n  withBorder?: boolean;\n}\n\nexport type PaperFactory = PolymorphicFactory<{\n  props: PaperProps;\n  defaultComponent: 'div';\n  defaultRef: HTMLDivElement;\n  stylesNames: PaperStylesNames;\n  vars: PaperCssVariables;\n}>;\n\nconst defaultProps: Partial<PaperProps> = {};\n\nconst varsResolver = createVarsResolver<PaperFactory>((_, { radius, shadow }) => ({\n  root: {\n    '--paper-radius': getRadius(radius),\n    '--paper-shadow': getShadow(shadow),\n  },\n}));\n\nexport const Paper = polymorphicFactory<PaperFactory>((_props, ref) => {\n  const props = useProps('Paper', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    withBorder,\n    vars,\n    radius,\n    shadow,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<PaperFactory>({\n    name: 'Paper',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      mod={{ 'data-with-border': withBorder }}\n      {...getStyles('root')}\n      variant={variant}\n      {...others}\n    />\n  );\n});\n\nPaper.displayName = '@mantine/core/Paper';\n"],"names":["createVarsResolver","getRadius","getShadow","polymorphicFactory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AA0CA,MAAM,YAAY,GAAwB,EAAE,CAAC;AAE7C,MAAM,YAAY,GAAGA,qCAAkB,CAAe,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAChF,IAAI,EAAE;QACJ,gBAAgB,EAAEC,iBAAS,CAAC,MAAM,CAAC;QACnC,gBAAgB,EAAEC,iBAAS,CAAC,MAAM,CAAC;KACpC;CACF,CAAC,CAAC,CAAC;MAES,KAAK,GAAGC,qCAAkB,CAAe,CAAC,MAAM,EAAE,GAAG;IAChE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,MAAM,gBACP,KAAK,EAZH,+GAYL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAe;QACxC,IAAI,EAAE,OAAO;QACb,KAAK;iBACLC,uBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,kBACF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,IACnC,SAAS,CAAC,MAAM,CAAC,IACrB,OAAO,EAAE,OAAO,IACZ,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/cjs/components/Paper/Paper.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-lqpFSmK"};
+
+exports.default = classes;
+//# sourceMappingURL=Paper.module.css.js.map

package/cjs/components/Paper/Paper.module.css.js.map

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

package/cjs/components/Popover/Popover.context.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.js');
+
+const [PopoverContextProvider, usePopoverContext] = createSafeContext.createSafeContext('Popover component was not found in the tree');
+
+exports.PopoverContextProvider = PopoverContextProvider;
+exports.usePopoverContext = usePopoverContext;
+//# sourceMappingURL=Popover.context.js.map

package/cjs/components/Popover/Popover.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.js","sources":["../../../src/components/Popover/Popover.context.ts"],"sourcesContent":["import {\n  createSafeContext,\n  MantineShadow,\n  Styles,\n  ClassNames,\n  MantineRadius,\n  GetStylesApi,\n} from '../../core';\nimport { FloatingPosition, ArrowPosition } from '../Floating';\nimport { TransitionOverride } from '../Transition';\nimport { PortalProps } from '../Portal';\nimport { PopoverWidth } from './Popover.types';\nimport type { PopoverFactory } from './Popover';\n\ninterface PopoverContext {\n  x: number;\n  y: number;\n  arrowX: number;\n  arrowY: number;\n  arrowRef: React.RefObject<HTMLDivElement>;\n  opened: boolean;\n  transitionProps?: TransitionOverride;\n  reference(node: HTMLElement): void;\n  floating(node: HTMLElement): void;\n  width?: PopoverWidth;\n  withArrow: boolean | undefined;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  trapFocus: boolean | undefined;\n  placement: FloatingPosition;\n  withinPortal: boolean | undefined;\n  portalProps?: Omit<PortalProps, 'children'>;\n  closeOnEscape: boolean | undefined;\n  zIndex: React.CSSProperties['zIndex'];\n  radius?: MantineRadius | (string & {}) | number | undefined;\n  shadow?: MantineShadow | (string & {}) | undefined;\n  onClose?(): void;\n  getDropdownId(): string;\n  getTargetId(): string;\n  controlled: boolean;\n  onToggle(): void;\n  withRoles: boolean | undefined;\n  targetProps: Record<string, any>;\n  disabled: boolean | undefined;\n  returnFocus: boolean | undefined;\n  classNames: ClassNames<PopoverFactory> | undefined;\n  styles: Styles<PopoverFactory> | undefined;\n  unstyled: boolean | undefined;\n  __staticSelector: string;\n  variant: string | undefined;\n  keepMounted: boolean | undefined;\n  getStyles: GetStylesApi<PopoverFactory>;\n}\n\nexport const [PopoverContextProvider, usePopoverContext] = createSafeContext<PopoverContext>(\n  'Popover component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;MAwDa,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,GAAGA,mCAAiB,CAC1E,6CAA6C;;;;;"}

package/cjs/components/Popover/Popover.js

@@ -0,0 +1,147 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var usePopover = require('./use-popover.js');
+var Popover_context = require('./Popover.context.js');
+var PopoverTarget = require('./PopoverTarget/PopoverTarget.js');
+var PopoverDropdown = require('./PopoverDropdown/PopoverDropdown.js');
+var Popover_module = require('./Popover.module.css.js');
+var getFloatingPosition = require('../Floating/get-floating-position/get-floating-position.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var DirectionProvider = require('../../core/DirectionProvider/DirectionProvider.js');
+var getDefaultZIndex = require('../../core/utils/get-default-z-index/get-default-z-index.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    position: 'bottom',
+    offset: 8,
+    positionDependencies: [],
+    transitionProps: { transition: 'fade', duration: 150 },
+    middlewares: { flip: true, shift: true, inline: false },
+    arrowSize: 7,
+    arrowOffset: 5,
+    arrowRadius: 0,
+    arrowPosition: 'side',
+    closeOnClickOutside: true,
+    withinPortal: true,
+    closeOnEscape: true,
+    trapFocus: false,
+    withRoles: true,
+    returnFocus: false,
+    clickOutsideEvents: ['mousedown', 'touchstart'],
+    zIndex: getDefaultZIndex.getDefaultZIndex('popover'),
+    __staticSelector: 'Popover',
+    width: 'max-content',
+};
+const varsResolver = createVarsResolver.createVarsResolver((_, { radius, shadow }) => ({
+    dropdown: {
+        '--popover-radius': getSize.getRadius(radius),
+        '--popover-shadow': getSize.getShadow(shadow),
+    },
+}));
+function Popover(_props) {
+    var _a, _b, _c, _d, _e, _f;
+    const props = useProps.useProps('Popover', defaultProps, _props);
+    const { children, position, offset, onPositionChange, positionDependencies, opened, transitionProps, width, middlewares, withArrow, arrowSize, arrowOffset, arrowRadius, arrowPosition, unstyled, classNames, styles, closeOnClickOutside, withinPortal, portalProps, closeOnEscape, clickOutsideEvents, trapFocus, onClose, onOpen, onChange, zIndex, radius, shadow, id, defaultOpened, __staticSelector, withRoles, disabled, returnFocus, variant, keepMounted, vars } = props, others = tslib.__rest(props, ["children", "position", "offset", "onPositionChange", "positionDependencies", "opened", "transitionProps", "width", "middlewares", "withArrow", "arrowSize", "arrowOffset", "arrowRadius", "arrowPosition", "unstyled", "classNames", "styles", "closeOnClickOutside", "withinPortal", "portalProps", "closeOnEscape", "clickOutsideEvents", "trapFocus", "onClose", "onOpen", "onChange", "zIndex", "radius", "shadow", "id", "defaultOpened", "__staticSelector", "withRoles", "disabled", "returnFocus", "variant", "keepMounted", "vars"]);
+    const getStyles = useStyles.useStyles({
+        name: __staticSelector,
+        props,
+        classes: Popover_module['default'],
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'dropdown',
+        vars,
+        varsResolver,
+    });
+    const arrowRef = React.useRef(null);
+    const [targetNode, setTargetNode] = React.useState(null);
+    const [dropdownNode, setDropdownNode] = React.useState(null);
+    const { dir } = DirectionProvider.useDirection();
+    const uid = hooks.useId(id);
+    const popover = usePopover.usePopover({
+        middlewares,
+        width,
+        position: getFloatingPosition.getFloatingPosition(dir, position),
+        offset: typeof offset === 'number' ? offset + (withArrow ? arrowSize / 2 : 0) : offset,
+        arrowRef,
+        arrowOffset: arrowOffset,
+        onPositionChange,
+        positionDependencies,
+        opened,
+        defaultOpened,
+        onChange,
+        onOpen,
+        onClose,
+    });
+    hooks.useClickOutside(() => closeOnClickOutside && popover.onClose(), clickOutsideEvents, [
+        targetNode,
+        dropdownNode,
+    ]);
+    const reference = React.useCallback((node) => {
+        setTargetNode(node);
+        popover.floating.reference(node);
+    }, [popover.floating.reference]);
+    const floating = React.useCallback((node) => {
+        setDropdownNode(node);
+        popover.floating.floating(node);
+    }, [popover.floating.floating]);
+    return (React__default.createElement(Popover_context.PopoverContextProvider, { value: {
+            returnFocus,
+            disabled,
+            controlled: popover.controlled,
+            reference,
+            floating,
+            x: popover.floating.x,
+            y: popover.floating.y,
+            arrowX: (_c = (_b = (_a = popover.floating) === null || _a === void 0 ? void 0 : _a.middlewareData) === null || _b === void 0 ? void 0 : _b.arrow) === null || _c === void 0 ? void 0 : _c.x,
+            arrowY: (_f = (_e = (_d = popover.floating) === null || _d === void 0 ? void 0 : _d.middlewareData) === null || _e === void 0 ? void 0 : _e.arrow) === null || _f === void 0 ? void 0 : _f.y,
+            opened: popover.opened,
+            arrowRef,
+            transitionProps,
+            width,
+            withArrow,
+            arrowSize: arrowSize,
+            arrowOffset: arrowOffset,
+            arrowRadius: arrowRadius,
+            arrowPosition: arrowPosition,
+            placement: popover.floating.placement,
+            trapFocus,
+            withinPortal,
+            portalProps,
+            zIndex,
+            radius,
+            shadow,
+            closeOnEscape,
+            onClose: popover.onClose,
+            onToggle: popover.onToggle,
+            getTargetId: () => `${uid}-target`,
+            getDropdownId: () => `${uid}-dropdown`,
+            withRoles,
+            targetProps: others,
+            __staticSelector: __staticSelector,
+            classNames,
+            styles,
+            unstyled,
+            variant,
+            keepMounted,
+            getStyles,
+        } }, children));
+}
+Popover.Target = PopoverTarget.PopoverTarget;
+Popover.Dropdown = PopoverDropdown.PopoverDropdown;
+Popover.displayName = '@mantine/core/Popover';
+Popover.extend = (input) => input;
+
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

package/cjs/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useRef, useState, useCallback } from 'react';\nimport { useId, useClickOutside } from '@mantine/hooks';\nimport {\n  MantineShadow,\n  getDefaultZIndex,\n  useProps,\n  MantineRadius,\n  useDirection,\n  useStyles,\n  Factory,\n  createVarsResolver,\n  getRadius,\n  getShadow,\n  StylesApiProps,\n  ExtendComponent,\n} from '../../core';\nimport { TransitionOverride } from '../Transition';\nimport {\n  getFloatingPosition,\n  FloatingAxesOffsets,\n  FloatingPosition,\n  ArrowPosition,\n} from '../Floating';\nimport { PortalProps } from '../Portal';\nimport { usePopover } from './use-popover';\nimport { PopoverContextProvider } from './Popover.context';\nimport { PopoverWidth, PopoverMiddlewares } from './Popover.types';\nimport { PopoverTarget } from './PopoverTarget/PopoverTarget';\nimport { PopoverDropdown } from './PopoverDropdown/PopoverDropdown';\nimport classes from './Popover.module.css';\n\nexport type PopoverStylesNames = 'dropdown' | 'arrow';\nexport type PopoverCssVariables = {\n  dropdown: '--popover-radius' | '--popover-shadow';\n};\n\nexport interface __PopoverProps {\n  /** Dropdown position relative to the target element, `'bottom'` by default */\n  position?: FloatingPosition;\n\n  /** Offset of the dropdown element, `8` by default */\n  offset?: number | FloatingAxesOffsets;\n\n  /** Called when dropdown position changes */\n  onPositionChange?(position: FloatingPosition): void;\n\n  /** `useEffect` dependencies to force update dropdown position, `[]` by default */\n  positionDependencies?: any[];\n\n  /** Called when dropdown closes */\n  onClose?(): void;\n\n  /** Called when dropdown opens */\n  onOpen?(): void;\n\n  /** If set dropdown will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */\n  keepMounted?: boolean;\n\n  /** Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */\n  transitionProps?: TransitionOverride;\n\n  /** Dropdown width, or `'target'` to make dropdown width the same as target element, `'max-content'` by default */\n  width?: PopoverWidth;\n\n  /** Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default */\n  middlewares?: PopoverMiddlewares;\n\n  /** Determines whether component should have an arrow, `false` by default */\n  withArrow?: boolean;\n\n  /** Arrow size in px, `7` by default */\n  arrowSize?: number;\n\n  /** Arrow offset in px, `5` by default */\n  arrowOffset?: number;\n\n  /** Arrow `border-radius` in px, `0` by default */\n  arrowRadius?: number;\n\n  /** Arrow position */\n  arrowPosition?: ArrowPosition;\n\n  /** Determines whether dropdown should be rendered within the `Portal`, `true` by default */\n  withinPortal?: boolean;\n\n  /** Props to pass down to the `Portal` when `withinPortal` is true */\n  portalProps?: Omit<PortalProps, 'children'>;\n\n  /** Dropdown `z-index`, `300` by default */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Key of `theme.shadows` or any other valid CSS `box-shadow` value */\n  shadow?: MantineShadow | (string & {});\n\n  /** If set, popover dropdown will not be rendered */\n  disabled?: boolean;\n\n  /** Determines whether focus should be automatically returned to control when dropdown closes, `false` by default */\n  returnFocus?: boolean;\n}\n\nexport interface PopoverProps extends __PopoverProps, StylesApiProps<PopoverFactory> {\n  __staticSelector?: string;\n\n  /** `Popover.Target` and `Popover.Dropdown` components */\n  children: React.ReactNode;\n\n  /** Initial opened state for uncontrolled component */\n  defaultOpened?: boolean;\n\n  /** Controlled dropdown opened state */\n  opened?: boolean;\n\n  /** Called with current state when dropdown opens or closes */\n  onChange?(opened: boolean): void;\n\n  /** Determines whether dropdown should be closed on outside clicks, `true` by default */\n  closeOnClickOutside?: boolean;\n\n  /** Events that trigger outside clicks */\n  clickOutsideEvents?: string[];\n\n  /** Determines whether focus should be trapped within dropdown, `false` by default */\n  trapFocus?: boolean;\n\n  /** Determines whether dropdown should be closed when `Escape` key is pressed, `true` by default */\n  closeOnEscape?: boolean;\n\n  /** id base to create accessibility connections */\n  id?: string;\n\n  /** Determines whether dropdown and target elements should have accessible roles, `true` by default */\n  withRoles?: boolean;\n}\n\nexport type PopoverFactory = Factory<{\n  props: PopoverProps;\n  stylesNames: PopoverStylesNames;\n  vars: PopoverCssVariables;\n}>;\n\nconst defaultProps: Partial<PopoverProps> = {\n  position: 'bottom',\n  offset: 8,\n  positionDependencies: [],\n  transitionProps: { transition: 'fade', duration: 150 },\n  middlewares: { flip: true, shift: true, inline: false },\n  arrowSize: 7,\n  arrowOffset: 5,\n  arrowRadius: 0,\n  arrowPosition: 'side',\n  closeOnClickOutside: true,\n  withinPortal: true,\n  closeOnEscape: true,\n  trapFocus: false,\n  withRoles: true,\n  returnFocus: false,\n  clickOutsideEvents: ['mousedown', 'touchstart'],\n  zIndex: getDefaultZIndex('popover'),\n  __staticSelector: 'Popover',\n  width: 'max-content',\n};\n\nconst varsResolver = createVarsResolver<PopoverFactory>((_, { radius, shadow }) => ({\n  dropdown: {\n    '--popover-radius': getRadius(radius),\n    '--popover-shadow': getShadow(shadow),\n  },\n}));\n\nexport function Popover(_props: PopoverProps) {\n  const props = useProps('Popover', defaultProps, _props);\n  const {\n    children,\n    position,\n    offset,\n    onPositionChange,\n    positionDependencies,\n    opened,\n    transitionProps,\n    width,\n    middlewares,\n    withArrow,\n    arrowSize,\n    arrowOffset,\n    arrowRadius,\n    arrowPosition,\n    unstyled,\n    classNames,\n    styles,\n    closeOnClickOutside,\n    withinPortal,\n    portalProps,\n    closeOnEscape,\n    clickOutsideEvents,\n    trapFocus,\n    onClose,\n    onOpen,\n    onChange,\n    zIndex,\n    radius,\n    shadow,\n    id,\n    defaultOpened,\n    __staticSelector,\n    withRoles,\n    disabled,\n    returnFocus,\n    variant,\n    keepMounted,\n    vars,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<PopoverFactory>({\n    name: __staticSelector!,\n    props,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'dropdown',\n    vars,\n    varsResolver,\n  });\n\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n  const [targetNode, setTargetNode] = useState<HTMLElement | null>(null);\n  const [dropdownNode, setDropdownNode] = useState<HTMLElement | null>(null);\n  const { dir } = useDirection();\n\n  const uid = useId(id);\n  const popover = usePopover({\n    middlewares,\n    width,\n    position: getFloatingPosition(dir, position!),\n    offset: typeof offset === 'number' ? offset + (withArrow ? arrowSize! / 2 : 0) : offset!,\n    arrowRef,\n    arrowOffset: arrowOffset!,\n    onPositionChange,\n    positionDependencies,\n    opened,\n    defaultOpened,\n    onChange,\n    onOpen,\n    onClose,\n  });\n\n  useClickOutside(() => closeOnClickOutside && popover.onClose(), clickOutsideEvents, [\n    targetNode,\n    dropdownNode,\n  ]);\n\n  const reference = useCallback(\n    (node: HTMLElement) => {\n      setTargetNode(node);\n      popover.floating.reference(node);\n    },\n    [popover.floating.reference]\n  );\n\n  const floating = useCallback(\n    (node: HTMLElement) => {\n      setDropdownNode(node);\n      popover.floating.floating(node);\n    },\n    [popover.floating.floating]\n  );\n\n  return (\n    <PopoverContextProvider\n      value={{\n        returnFocus,\n        disabled,\n        controlled: popover.controlled,\n        reference,\n        floating,\n        x: popover.floating.x!,\n        y: popover.floating.y!,\n        arrowX: popover.floating?.middlewareData?.arrow?.x!,\n        arrowY: popover.floating?.middlewareData?.arrow?.y!,\n        opened: popover.opened,\n        arrowRef,\n        transitionProps,\n        width,\n        withArrow,\n        arrowSize: arrowSize!,\n        arrowOffset: arrowOffset!,\n        arrowRadius: arrowRadius!,\n        arrowPosition: arrowPosition!,\n        placement: popover.floating.placement,\n        trapFocus,\n        withinPortal,\n        portalProps,\n        zIndex,\n        radius,\n        shadow,\n        closeOnEscape,\n        onClose: popover.onClose,\n        onToggle: popover.onToggle,\n        getTargetId: () => `${uid}-target`,\n        getDropdownId: () => `${uid}-dropdown`,\n        withRoles,\n        targetProps: others,\n        __staticSelector: __staticSelector!,\n        classNames,\n        styles,\n        unstyled,\n        variant,\n        keepMounted,\n        getStyles,\n      }}\n    >\n      {children}\n    </PopoverContextProvider>\n  );\n}\n\nPopover.Target = PopoverTarget;\nPopover.Dropdown = PopoverDropdown;\nPopover.displayName = '@mantine/core/Popover';\nPopover.extend = (input: ExtendComponent<PopoverFactory>) => input;\n"],"names":["getDefaultZIndex","createVarsResolver","getRadius","getShadow","useProps","useStyles","classes","useRef","useState","useDirection","useId","usePopover","getFloatingPosition","useClickOutside","useCallback","React","PopoverContextProvider","PopoverTarget","PopoverDropdown"],"mappings":"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"}

package/cjs/components/Popover/Popover.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"dropdown":"mantine-Hu7S-XH","arrow":"mantine-XLi9Yuw"};
+
+exports.default = classes;
+//# sourceMappingURL=Popover.module.css.js.map

package/cjs/components/Popover/Popover.module.css.js.map

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

package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var Popover_context = require('../Popover.context.js');
+var OptionalPortal = require('../../Portal/OptionalPortal.js');
+var Transition = require('../../Transition/Transition.js');
+var FocusTrap = require('../../FocusTrap/FocusTrap.js');
+var closeOnEscape = require('../../../core/utils/close-on-escape/close-on-escape.js');
+var FloatingArrow = require('../../Floating/FloatingArrow/FloatingArrow.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+var Box = require('../../../core/Box/Box.js');
+var rem = require('../../../core/utils/units-converters/rem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {};
+const PopoverDropdown = factory.factory((_props, ref) => {
+    var _a, _b, _c, _d, _e;
+    const props = useProps.useProps('PopoverDropdown', defaultProps, _props);
+    const { className, style, unstyled, vars, children, onKeyDownCapture, variant, classNames, styles } = props, others = tslib.__rest(props, ["className", "style", "unstyled", "vars", "children", "onKeyDownCapture", "variant", "classNames", "styles"]);
+    const ctx = Popover_context.usePopoverContext();
+    const returnFocus = hooks.useFocusReturn({
+        opened: ctx.opened,
+        shouldReturnFocus: ctx.returnFocus,
+    });
+    const accessibleProps = ctx.withRoles
+        ? {
+            'aria-labelledby': ctx.getTargetId(),
+            id: ctx.getDropdownId(),
+            role: 'dialog',
+        }
+        : {};
+    const mergedRef = hooks.useMergedRef(ref, ctx.floating);
+    if (ctx.disabled) {
+        return null;
+    }
+    return (React__default.createElement(OptionalPortal.OptionalPortal, Object.assign({}, ctx.portalProps, { withinPortal: ctx.withinPortal }),
+        React__default.createElement(Transition.Transition, Object.assign({ mounted: ctx.opened }, ctx.transitionProps, { transition: ((_a = ctx.transitionProps) === null || _a === void 0 ? void 0 : _a.transition) || 'fade', duration: (_c = (_b = ctx.transitionProps) === null || _b === void 0 ? void 0 : _b.duration) !== null && _c !== void 0 ? _c : 150, keepMounted: ctx.keepMounted, exitDuration: typeof ((_d = ctx.transitionProps) === null || _d === void 0 ? void 0 : _d.exitDuration) === 'number'
+                ? ctx.transitionProps.exitDuration
+                : (_e = ctx.transitionProps) === null || _e === void 0 ? void 0 : _e.duration }), (transitionStyles) => {
+            var _a, _b;
+            return (React__default.createElement(FocusTrap.FocusTrap, { active: ctx.trapFocus },
+                React__default.createElement(Box.Box, Object.assign({}, accessibleProps, others, { variant: variant, tabIndex: -1, ref: mergedRef, onKeyDownCapture: closeOnEscape.closeOnEscape(ctx.onClose, {
+                        active: ctx.closeOnEscape,
+                        onTrigger: returnFocus,
+                        onKeyDown: onKeyDownCapture,
+                    }), "data-position": ctx.placement }, ctx.getStyles('dropdown', {
+                    className,
+                    props,
+                    classNames,
+                    styles,
+                    style: [
+                        Object.assign(Object.assign({}, transitionStyles), { zIndex: ctx.zIndex, top: (_a = ctx.y) !== null && _a !== void 0 ? _a : 0, left: (_b = ctx.x) !== null && _b !== void 0 ? _b : 0, width: ctx.width === 'target' ? undefined : rem.rem(ctx.width) }),
+                        style,
+                    ],
+                })),
+                    children,
+                    React__default.createElement(FloatingArrow.FloatingArrow, Object.assign({ ref: ctx.arrowRef, arrowX: ctx.arrowX, arrowY: ctx.arrowY, visible: ctx.withArrow, position: ctx.placement, arrowSize: ctx.arrowSize, arrowRadius: ctx.arrowRadius, arrowOffset: ctx.arrowOffset, arrowPosition: ctx.arrowPosition }, ctx.getStyles('arrow', {
+                        props,
+                        classNames,
+                        styles,
+                    }))))));
+        })));
+});
+PopoverDropdown.displayName = '@mantine/core/PopoverDropdown';
+
+exports.PopoverDropdown = PopoverDropdown;
+//# sourceMappingURL=PopoverDropdown.js.map

package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDropdown.js","sources":["../../../../src/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusReturn, useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  rem,\n  closeOnEscape,\n  Factory,\n} from '../../../core';\nimport { OptionalPortal } from '../../Portal';\nimport { Transition } from '../../Transition';\nimport { FocusTrap } from '../../FocusTrap';\nimport { FloatingArrow } from '../../Floating';\nimport type { PopoverStylesNames } from '../Popover';\nimport { usePopoverContext } from '../Popover.context';\n\nexport interface PopoverDropdownProps\n  extends BoxProps,\n    StylesApiProps<PopoverDropdownFactory>,\n    ElementProps<'div'> {}\n\nexport type PopoverDropdownFactory = Factory<{\n  props: PopoverDropdownProps;\n  ref: HTMLDivElement;\n  stylesNames: PopoverStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<PopoverDropdownProps> = {};\n\nexport const PopoverDropdown = factory<PopoverDropdownFactory>((_props, ref) => {\n  const props = useProps('PopoverDropdown', defaultProps, _props);\n  const {\n    className,\n    style,\n    unstyled,\n    vars,\n    children,\n    onKeyDownCapture,\n    variant,\n    classNames,\n    styles,\n    ...others\n  } = props;\n\n  const ctx = usePopoverContext();\n\n  const returnFocus = useFocusReturn({\n    opened: ctx.opened,\n    shouldReturnFocus: ctx.returnFocus,\n  });\n\n  const accessibleProps = ctx.withRoles\n    ? {\n        'aria-labelledby': ctx.getTargetId(),\n        id: ctx.getDropdownId(),\n        role: 'dialog',\n      }\n    : {};\n\n  const mergedRef = useMergedRef(ref, ctx.floating);\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <OptionalPortal {...ctx.portalProps} withinPortal={ctx.withinPortal}>\n      <Transition\n        mounted={ctx.opened}\n        {...ctx.transitionProps}\n        transition={ctx.transitionProps?.transition || 'fade'}\n        duration={ctx.transitionProps?.duration ?? 150}\n        keepMounted={ctx.keepMounted}\n        exitDuration={\n          typeof ctx.transitionProps?.exitDuration === 'number'\n            ? ctx.transitionProps.exitDuration\n            : ctx.transitionProps?.duration\n        }\n      >\n        {(transitionStyles) => (\n          <FocusTrap active={ctx.trapFocus}>\n            <Box\n              {...accessibleProps}\n              {...others}\n              variant={variant}\n              tabIndex={-1}\n              ref={mergedRef}\n              onKeyDownCapture={closeOnEscape(ctx.onClose, {\n                active: ctx.closeOnEscape,\n                onTrigger: returnFocus,\n                onKeyDown: onKeyDownCapture,\n              })}\n              data-position={ctx.placement}\n              {...ctx.getStyles('dropdown', {\n                className,\n                props,\n                classNames,\n                styles,\n                style: [\n                  {\n                    ...transitionStyles,\n                    zIndex: ctx.zIndex,\n                    top: ctx.y ?? 0,\n                    left: ctx.x ?? 0,\n                    width: ctx.width === 'target' ? undefined : rem(ctx.width),\n                  },\n                  style,\n                ],\n              })}\n            >\n              {children}\n\n              <FloatingArrow\n                ref={ctx.arrowRef}\n                arrowX={ctx.arrowX}\n                arrowY={ctx.arrowY}\n                visible={ctx.withArrow}\n                position={ctx.placement}\n                arrowSize={ctx.arrowSize}\n                arrowRadius={ctx.arrowRadius}\n                arrowOffset={ctx.arrowOffset}\n                arrowPosition={ctx.arrowPosition}\n                {...ctx.getStyles('arrow', {\n                  props,\n                  classNames,\n                  styles,\n                })}\n              />\n            </Box>\n          </FocusTrap>\n        )}\n      </Transition>\n    </OptionalPortal>\n  );\n});\n\nPopoverDropdown.displayName = '@mantine/core/PopoverDropdown';\n"],"names":["factory","useProps","usePopoverContext","useFocusReturn","useMergedRef","React","OptionalPortal","Transition","FocusTrap","Box","closeOnEscape","rem","FloatingArrow"],"mappings":"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"}

package/cjs/components/Popover/PopoverTarget/PopoverTarget.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cx = require('clsx');
+var hooks = require('@mantine/hooks');
+var Popover_context = require('../Popover.context.js');
+var factory = require('../../../core/factory/factory.js');
+var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
+var isElement = require('../../../core/utils/is-element/is-element.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const defaultProps = {
+    refProp: 'ref',
+    popupType: 'dialog',
+};
+const PopoverTarget = factory.factory((props, ref) => {
+    const _a = useProps.useProps('PopoverTarget', defaultProps, props), { children, refProp, popupType } = _a, others = tslib.__rest(_a, ["children", "refProp", "popupType"]);
+    if (!isElement.isElement(children)) {
+        throw new Error('Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported');
+    }
+    const forwardedProps = others;
+    const ctx = Popover_context.usePopoverContext();
+    const targetRef = hooks.useMergedRef(ctx.reference, children.ref, ref);
+    const accessibleProps = ctx.withRoles
+        ? {
+            'aria-haspopup': popupType,
+            'aria-expanded': ctx.opened,
+            'aria-controls': ctx.getDropdownId(),
+            id: ctx.getTargetId(),
+        }
+        : {};
+    return React.cloneElement(children, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, forwardedProps), accessibleProps), ctx.targetProps), { className: cx__default(ctx.targetProps.className, forwardedProps.className, children.props.className), [refProp]: targetRef }), (!ctx.controlled ? { onClick: ctx.onToggle } : null)));
+});
+PopoverTarget.displayName = '@mantine/core/PopoverTarget';
+
+exports.PopoverTarget = PopoverTarget;
+//# sourceMappingURL=PopoverTarget.js.map

package/cjs/components/Popover/PopoverTarget/PopoverTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTarget.js","sources":["../../../../src/components/Popover/PopoverTarget/PopoverTarget.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport cx from 'clsx';\nimport { useMergedRef } from '@mantine/hooks';\nimport { isElement, useProps, factory, Factory } from '../../../core';\nimport { usePopoverContext } from '../Popover.context';\n\nexport interface PopoverTargetProps {\n  /** Target element */\n  children: React.ReactNode;\n\n  /** Key of the prop that should be used to access element ref */\n  refProp?: string;\n\n  /** Popup accessible type, `'dialog'` by default */\n  popupType?: string;\n}\n\nconst defaultProps: Partial<PopoverTargetProps> = {\n  refProp: 'ref',\n  popupType: 'dialog',\n};\n\nexport type PopoverTargetFactory = Factory<{\n  props: PopoverTargetProps;\n  ref: HTMLElement;\n  compound: true;\n}>;\n\nexport const PopoverTarget = factory<PopoverTargetFactory>((props, ref) => {\n  const { children, refProp, popupType, ...others } = useProps(\n    'PopoverTarget',\n    defaultProps,\n    props\n  );\n\n  if (!isElement(children)) {\n    throw new Error(\n      'Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported'\n    );\n  }\n\n  const forwardedProps: any = others;\n  const ctx = usePopoverContext();\n  const targetRef = useMergedRef(ctx.reference, (children as any).ref, ref);\n\n  const accessibleProps = ctx.withRoles\n    ? {\n        'aria-haspopup': popupType,\n        'aria-expanded': ctx.opened,\n        'aria-controls': ctx.getDropdownId(),\n        id: ctx.getTargetId(),\n      }\n    : {};\n\n  return cloneElement(children, {\n    ...forwardedProps,\n    ...accessibleProps,\n    ...ctx.targetProps,\n    className: cx(ctx.targetProps.className, forwardedProps.className, children.props.className),\n    [refProp!]: targetRef,\n    ...(!ctx.controlled ? { onClick: ctx.onToggle } : null),\n  });\n});\n\nPopoverTarget.displayName = '@mantine/core/PopoverTarget';\n"],"names":["factory","useProps","isElement","usePopoverContext","useMergedRef","cloneElement","cx"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAY,GAAgC;IAChD,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,QAAQ;CACpB,CAAC;MAQW,aAAa,GAAGA,eAAO,CAAuB,CAAC,KAAK,EAAE,GAAG;IACpE,MAAM,KAA8CC,iBAAQ,CAC1D,eAAe,EACf,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,OAInC,EAJwC,MAAM,oBAAzC,oCAA2C,CAIhD,CAAC;IAEF,IAAI,CAACC,mBAAS,CAAC,QAAQ,CAAC,EAAE;QACxB,MAAM,IAAI,KAAK,CACb,kKAAkK,CACnK,CAAC;KACH;IAED,MAAM,cAAc,GAAQ,MAAM,CAAC;IACnC,MAAM,GAAG,GAAGC,iCAAiB,EAAE,CAAC;IAChC,MAAM,SAAS,GAAGC,kBAAY,CAAC,GAAG,CAAC,SAAS,EAAG,QAAgB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,GAAG,CAAC,SAAS;UACjC;YACE,eAAe,EAAE,SAAS;YAC1B,eAAe,EAAE,GAAG,CAAC,MAAM;YAC3B,eAAe,EAAE,GAAG,CAAC,aAAa,EAAE;YACpC,EAAE,EAAE,GAAG,CAAC,WAAW,EAAE;SACtB;UACD,EAAE,CAAC;IAEP,OAAOC,kBAAY,CAAC,QAAQ,4EACvB,cAAc,GACd,eAAe,GACf,GAAG,CAAC,WAAW,KAClB,SAAS,EAAEC,WAAE,CAAC,GAAG,CAAC,WAAW,CAAC,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,EAC5F,CAAC,OAAQ,GAAG,SAAS,MACjB,CAAC,GAAG,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,QAAQ,EAAE,GAAG,IAAI,GACtD,CAAC;AACL,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}

package/cjs/components/Popover/use-popover.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('@mantine/hooks');
+var react = require('@floating-ui/react');
+var useFloatingAutoUpdate = require('../Floating/use-floating-auto-update.js');
+
+function getPopoverMiddlewares(options) {
+    var _a, _b, _c;
+    const middlewares = [react.offset(options.offset)];
+    if ((_a = options.middlewares) === null || _a === void 0 ? void 0 : _a.shift) {
+        middlewares.push(react.shift({ limiter: react.limitShift() }));
+    }
+    if ((_b = options.middlewares) === null || _b === void 0 ? void 0 : _b.flip) {
+        middlewares.push(react.flip());
+    }
+    if ((_c = options.middlewares) === null || _c === void 0 ? void 0 : _c.inline) {
+        middlewares.push(react.inline());
+    }
+    middlewares.push(react.arrow({ element: options.arrowRef, padding: options.arrowOffset }));
+    return middlewares;
+}
+function usePopover(options) {
+    const [_opened, setOpened] = hooks.useUncontrolled({
+        value: options.opened,
+        defaultValue: options.defaultOpened,
+        finalValue: false,
+        onChange: options.onChange,
+    });
+    const onClose = () => {
+        var _a;
+        (_a = options.onClose) === null || _a === void 0 ? void 0 : _a.call(options);
+        setOpened(false);
+    };
+    const onToggle = () => {
+        var _a, _b;
+        if (_opened) {
+            (_a = options.onClose) === null || _a === void 0 ? void 0 : _a.call(options);
+            setOpened(false);
+        }
+        else {
+            (_b = options.onOpen) === null || _b === void 0 ? void 0 : _b.call(options);
+            setOpened(true);
+        }
+    };
+    const floating = react.useFloating({
+        placement: options.position,
+        middleware: [
+            ...getPopoverMiddlewares(options),
+            ...(options.width === 'target'
+                ? [
+                    react.size({
+                        apply({ rects }) {
+                            var _a, _b;
+                            Object.assign((_b = (_a = floating.refs.floating.current) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {}, {
+                                width: `${rects.reference.width}px`,
+                            });
+                        },
+                    }),
+                ]
+                : []),
+        ],
+    });
+    useFloatingAutoUpdate.useFloatingAutoUpdate({
+        opened: options.opened,
+        position: options.position,
+        positionDependencies: options.positionDependencies || [],
+        floating,
+    });
+    hooks.useDidUpdate(() => {
+        var _a;
+        (_a = options.onPositionChange) === null || _a === void 0 ? void 0 : _a.call(options, floating.placement);
+    }, [floating.placement]);
+    hooks.useDidUpdate(() => {
+        var _a, _b;
+        if (!options.opened) {
+            (_a = options.onClose) === null || _a === void 0 ? void 0 : _a.call(options);
+        }
+        else {
+            (_b = options.onOpen) === null || _b === void 0 ? void 0 : _b.call(options);
+        }
+    }, [options.opened]);
+    return {
+        floating,
+        controlled: typeof options.opened === 'boolean',
+        opened: _opened,
+        onClose,
+        onToggle,
+    };
+}
+
+exports.usePopover = usePopover;
+//# sourceMappingURL=use-popover.js.map

package/cjs/components/Popover/use-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-popover.js","sources":["../../../src/components/Popover/use-popover.ts"],"sourcesContent":["import { useDidUpdate, useUncontrolled } from '@mantine/hooks';\nimport {\n  useFloating,\n  shift,\n  flip,\n  arrow,\n  offset,\n  size,\n  Middleware,\n  inline,\n  limitShift,\n} from '@floating-ui/react';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\nimport { PopoverWidth, PopoverMiddlewares } from './Popover.types';\n\ninterface UsePopoverOptions {\n  offset: number | FloatingAxesOffsets;\n  position: FloatingPosition;\n  positionDependencies: any[] | undefined;\n  onPositionChange?(position: FloatingPosition): void;\n  opened: boolean | undefined;\n  defaultOpened: boolean | undefined;\n  onChange?(opened: boolean): void;\n  onClose?(): void;\n  onOpen?(): void;\n  width: PopoverWidth;\n  middlewares: PopoverMiddlewares | undefined;\n  arrowRef: React.RefObject<HTMLDivElement>;\n  arrowOffset: number;\n}\n\nfunction getPopoverMiddlewares(options: UsePopoverOptions) {\n  const middlewares: Middleware[] = [offset(options.offset)];\n\n  if (options.middlewares?.shift) {\n    middlewares.push(shift({ limiter: limitShift() }));\n  }\n\n  if (options.middlewares?.flip) {\n    middlewares.push(flip());\n  }\n\n  if (options.middlewares?.inline) {\n    middlewares.push(inline());\n  }\n\n  middlewares.push(arrow({ element: options.arrowRef, padding: options.arrowOffset }));\n\n  return middlewares;\n}\n\nexport function usePopover(options: UsePopoverOptions) {\n  const [_opened, setOpened] = useUncontrolled({\n    value: options.opened,\n    defaultValue: options.defaultOpened,\n    finalValue: false,\n    onChange: options.onChange,\n  });\n\n  const onClose = () => {\n    options.onClose?.();\n    setOpened(false);\n  };\n\n  const onToggle = () => {\n    if (_opened) {\n      options.onClose?.();\n      setOpened(false);\n    } else {\n      options.onOpen?.();\n      setOpened(true);\n    }\n  };\n\n  const floating = useFloating({\n    placement: options.position,\n    middleware: [\n      ...getPopoverMiddlewares(options),\n      ...(options.width === 'target'\n        ? [\n            size({\n              apply({ rects }) {\n                Object.assign(floating.refs.floating.current?.style ?? {}, {\n                  width: `${rects.reference.width}px`,\n                });\n              },\n            }),\n          ]\n        : []),\n    ],\n  });\n\n  useFloatingAutoUpdate({\n    opened: options.opened,\n    position: options.position,\n    positionDependencies: options.positionDependencies || [],\n    floating,\n  });\n\n  useDidUpdate(() => {\n    options.onPositionChange?.(floating.placement);\n  }, [floating.placement]);\n\n  useDidUpdate(() => {\n    if (!options.opened) {\n      options.onClose?.();\n    } else {\n      options.onOpen?.();\n    }\n  }, [options.opened]);\n\n  return {\n    floating,\n    controlled: typeof options.opened === 'boolean',\n    opened: _opened,\n    onClose,\n    onToggle,\n  };\n}\n"],"names":["offset","shift","limitShift","flip","inline","arrow","useUncontrolled","useFloating","size","useFloatingAutoUpdate","useDidUpdate"],"mappings":"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"}

package/cjs/components/Portal/OptionalPortal.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Portal = require('./Portal.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function OptionalPortal(_a) {
+    var { withinPortal = true, children } = _a, others = tslib.__rest(_a, ["withinPortal", "children"]);
+    if (withinPortal) {
+        return React__default.createElement(Portal.Portal, Object.assign({}, others), children);
+    }
+    return React__default.createElement(React__default.Fragment, null, children);
+}
+OptionalPortal.displayName = '@mantine/core/OptionalPortal';
+
+exports.OptionalPortal = OptionalPortal;
+//# sourceMappingURL=OptionalPortal.js.map

package/cjs/components/Portal/OptionalPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalPortal.js","sources":["../../../src/components/Portal/OptionalPortal.tsx"],"sourcesContent":["import React from 'react';\nimport { Portal, PortalProps } from './Portal';\n\nexport interface OptionalPortalProps extends PortalProps {\n  /** Determines whether children should be rendered inside `<Portal />` */\n  withinPortal?: boolean;\n}\n\nexport function OptionalPortal({ withinPortal = true, children, ...others }: OptionalPortalProps) {\n  if (withinPortal) {\n    return <Portal {...others}>{children}</Portal>;\n  }\n\n  return <>{children}</>;\n}\n\nOptionalPortal.displayName = '@mantine/core/OptionalPortal';\n"],"names":["React","Portal"],"mappings":";;;;;;;;;;;;SAQgB,cAAc,CAAC,EAAiE;QAAjE,EAAE,YAAY,GAAG,IAAI,EAAE,QAAQ,OAAkC,EAA7B,MAAM,oBAA1C,4BAA4C,CAAF;IACvE,IAAI,YAAY,EAAE;QAChB,OAAOA,6BAACC,aAAM,oBAAK,MAAM,GAAG,QAAQ,CAAU,CAAC;KAChD;IAED,OAAOD,4DAAG,QAAQ,CAAI,CAAC;AACzB,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}