@mantine/core 5.10.2 → 6.0.0-alpha.1

package/esm/ModalBase/ModalBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBase.js","sources":["../../src/ModalBase/ModalBase.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useState } from 'react';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { useId, useWindowEvent, useFocusReturn } from '@mantine/hooks';\nimport {\n  getDefaultZIndex,\n  MantineNumberSize,\n  useComponentDefaultProps,\n  ClassNames,\n  Styles,\n  MantineShadow,\n} from '@mantine/styles';\nimport { OptionalPortal } from '../Portal';\nimport { TransitionOverride } from '../Transition';\nimport { ModalBaseProvider } from './ModalBase.context';\nimport {\n  ModalBaseCloseButton,\n  ModalBaseCloseButtonStylesNames,\n} from './ModalBaseCloseButton/ModalBaseCloseButton';\nimport { ModalBaseOverlay, ModalBaseOverlayStylesNames } from './ModalBaseOverlay/ModalBaseOverlay';\nimport { ModalBaseContent, ModalBaseContentStylesNames } from './ModalBaseContent/ModalBaseContent';\nimport { ModalBaseHeader, ModalBaseHeaderStylesNames } from './ModalBaseHeader/ModalBaseHeader';\nimport { ModalBaseTitle, ModalBaseTitleStylesNames } from './ModalBaseTitle/ModalBaseTitle';\nimport { ModalBaseBody, ModalBaseBodyStylesNames } from './ModalBaseBody/ModalBaseBody';\nimport { NativeScrollArea } from './NativeScrollArea/NativeScrollArea';\nimport { useLockScroll } from './use-lock-scroll';\n\nexport type ModalBaseStylesNames =\n  | ModalBaseCloseButtonStylesNames\n  | ModalBaseOverlayStylesNames\n  | ModalBaseContentStylesNames\n  | ModalBaseHeaderStylesNames\n  | ModalBaseTitleStylesNames\n  | ModalBaseBodyStylesNames;\n\nexport interface ModalBaseSettings {\n  variant?: string;\n  classNames?: ClassNames<ModalBaseStylesNames>;\n  styles?: Styles<ModalBaseStylesNames>;\n\n  /** If set modal/drawer will not be unmounted from the DOM when it is hidden, display: none styles will be added instead */\n  keepMounted?: boolean;\n\n  /** Determines whether modal/drawer is opened */\n  opened: boolean;\n\n  /** Called when modal/drawer is closed */\n  onClose(): void;\n\n  /** Child component */\n  children?: React.ReactNode;\n\n  /** Determines whether the modal/drawer should be closed when user clicks on the overlay, true by default */\n  closeOnClickOutside?: boolean;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Props added to Transition component that used to animate overlay and body, use to configure duration and animation type, { duration: 200, transition: 'pop' } by default */\n  transitionProps?: TransitionOverride;\n\n  /** Determines whether component should be rendered inside Portal, true by default */\n  withinPortal?: boolean;\n\n  /** Target element or selector where Portal should be rendered, by default new element is created and appended to the document.body */\n  target?: HTMLElement | string;\n\n  /** Determines whether scroll should be locked when opened={true}, defaults to true */\n  lockScroll?: boolean;\n\n  /** Determines whether focus should be trapped, true by default */\n  trapFocus?: boolean;\n\n  /** z-index CSS property of root element, 200 by default */\n  zIndex?: number;\n\n  /** Key of theme.spacing or any valid CSS value to set content, header and footer padding, 'md' by default */\n  padding?: MantineNumberSize;\n\n  /** Id used to connect modal/drawer with body and title */\n  id?: string;\n\n  /** Determines whether focus should be returned to the last active element onClose is called, true by default */\n  returnFocus?: boolean;\n\n  /** Determines whether onClose should be called when user presses escape key, true by default */\n  closeOnEscape?: boolean;\n\n  /** Controls content width, 'md' by default */\n  size?: MantineNumberSize;\n\n  /** Key of theme.shadows or any valid css box-shadow value, 'xl' by default */\n  shadow?: MantineShadow;\n}\n\nexport interface ModalBaseProps extends ModalBaseSettings {\n  /** Base component name for styles and components default props */\n  __staticSelector: string;\n}\n\nexport const ModalBaseDefaultProps: Partial<ModalBaseProps> = {\n  closeOnClickOutside: true,\n  withinPortal: true,\n  lockScroll: true,\n  trapFocus: true,\n  returnFocus: true,\n  closeOnEscape: true,\n  keepMounted: false,\n  zIndex: getDefaultZIndex('modal'),\n  padding: 'md',\n  size: 'md',\n  shadow: 'xl',\n};\n\nexport function ModalBase(props: ModalBaseProps) {\n  const {\n    opened,\n    onClose,\n    children,\n    closeOnClickOutside,\n    __staticSelector,\n    transitionProps,\n    withinPortal,\n    keepMounted,\n    target,\n    zIndex,\n    lockScroll,\n    trapFocus,\n    closeOnEscape,\n    returnFocus,\n    padding,\n    shadow,\n    id,\n    size,\n    variant,\n    classNames,\n    styles,\n  } = useComponentDefaultProps(props.__staticSelector, ModalBaseDefaultProps, props);\n\n  const _id = useId(id);\n  const [titleMounted, setTitleMounted] = useState(false);\n  const [bodyMounted, setBodyMounted] = useState(false);\n\n  const transitionDuration =\n    typeof transitionProps?.duration === 'number' ? transitionProps?.duration : 200;\n\n  const shouldLockScroll = useLockScroll({ opened, transitionDuration });\n\n  useWindowEvent('keydown', (event) => {\n    if (!trapFocus && event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  });\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} target={target}>\n      <ModalBaseProvider\n        value={{\n          __staticSelector,\n          opened,\n          onClose,\n          closeOnClickOutside,\n          transitionProps: { ...transitionProps, duration: transitionDuration, keepMounted },\n          zIndex,\n          padding,\n          id: _id,\n          getTitleId: () => `${_id}-title`,\n          getBodyId: () => `${_id}-body`,\n          titleMounted,\n          bodyMounted,\n          setTitleMounted,\n          setBodyMounted,\n          trapFocus,\n          closeOnEscape,\n          shadow,\n          stylesApi: {\n            name: __staticSelector,\n            size,\n            variant,\n            classNames,\n            styles,\n          },\n        }}\n      >\n        <RemoveScroll enabled={shouldLockScroll && lockScroll}>{children}</RemoveScroll>\n      </ModalBaseProvider>\n    </OptionalPortal>\n  );\n}\n\nModalBase.CloseButton = ModalBaseCloseButton;\nModalBase.Overlay = ModalBaseOverlay;\nModalBase.Content = ModalBaseContent;\nModalBase.Header = ModalBaseHeader;\nModalBase.Title = ModalBaseTitle;\nModalBase.Body = ModalBaseBody;\nModalBase.NativeScrollArea = NativeScrollArea;\n"],"names":[],"mappings":"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"}

package/esm/ModalBase/ModalBaseBody/ModalBaseBody.js

@@ -0,0 +1,52 @@
+import React, { forwardRef, useEffect } from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { useModalBaseContext } from '../ModalBase.context.js';
+import useStyles from './ModalBaseBody.styles.js';
+import { Box } from '../../Box/Box.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const ModalBaseBody = forwardRef((props, ref) => {
+  const ctx = useModalBaseContext();
+  const _a = useComponentDefaultProps(`${ctx.__staticSelector}Body`, defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
+  const { classes, cx } = useStyles({ padding: ctx.padding }, ctx.stylesApi);
+  useEffect(() => {
+    ctx.setBodyMounted(true);
+    return () => ctx.setBodyMounted(false);
+  }, []);
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    id: ctx.getBodyId(),
+    className: cx(classes.body, className),
+    ref
+  }, others));
+});
+
+export { ModalBaseBody };
+//# sourceMappingURL=ModalBaseBody.js.map

package/esm/ModalBase/ModalBaseBody/ModalBaseBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseBody.js","sources":["../../../src/ModalBase/ModalBaseBody/ModalBaseBody.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useModalBaseContext } from '../ModalBase.context';\nimport useStyles from './ModalBaseBody.styles';\n\nexport type ModalBaseBodyStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalBaseBodyProps extends DefaultProps, React.ComponentPropsWithoutRef<'h2'> {}\n\nconst defaultProps: Partial<ModalBaseBodyProps> = {};\n\nexport const ModalBaseBody = forwardRef<HTMLHeadingElement, ModalBaseBodyProps>((props, ref) => {\n  const ctx = useModalBaseContext();\n  const { className, ...others } = useComponentDefaultProps(\n    `${ctx.__staticSelector}Body`,\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles({ padding: ctx.padding }, ctx.stylesApi);\n\n  useEffect(() => {\n    ctx.setBodyMounted(true);\n    return () => ctx.setBodyMounted(false);\n  }, []);\n\n  return <Box id={ctx.getBodyId()} className={cx(classes.body, className)} ref={ref} {...others} />;\n});\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;AAMF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,aAAa,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACxD,EAAE,MAAM,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACpC,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACrJ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;AAC7E,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAI,OAAO,MAAM,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC3C,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,EAAE,EAAE,GAAG,CAAC,SAAS,EAAE;AACvB,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC;;;;"}

package/esm/ModalBase/ModalBaseBody/ModalBaseBody.styles.js

@@ -0,0 +1,13 @@
+import { createStyles, getSize } from '@mantine/styles';
+
+var useStyles = createStyles((theme, { padding }) => ({
+  body: {
+    padding: getSize({ size: padding, sizes: theme.spacing }),
+    "&:not(:only-child)": {
+      paddingTop: 0
+    }
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=ModalBaseBody.styles.js.map

package/esm/ModalBase/ModalBaseBody/ModalBaseBody.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseBody.styles.js","sources":["../../../src/ModalBase/ModalBaseBody/ModalBaseBody.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSize } from '@mantine/styles';\n\ninterface ModalBaseBodyStylesParams {\n  padding: MantineNumberSize;\n}\n\nexport default createStyles((theme, { padding }: ModalBaseBodyStylesParams) => ({\n  body: {\n    padding: getSize({ size: padding, sizes: theme.spacing }),\n\n    '&:not(:only-child)': {\n      paddingTop: 0,\n    },\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AAC7D,IAAI,oBAAoB,EAAE;AAC1B,MAAM,UAAU,EAAE,CAAC;AACnB,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/ModalBase/ModalBaseCloseButton/ModalBaseCloseButton.js

@@ -0,0 +1,50 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { useModalBaseContext } from '../ModalBase.context.js';
+import useStyles from './ModalBaseCloseButton.styles.js';
+import { CloseButton } from '../../CloseButton/CloseButton.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  size: "sm"
+};
+const ModalBaseCloseButton = forwardRef((props, ref) => {
+  const ctx = useModalBaseContext();
+  const _a = useComponentDefaultProps(`${ctx.__staticSelector}CloseButton`, defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
+  const { classes, cx } = useStyles(null, ctx.stylesApi);
+  return /* @__PURE__ */ React.createElement(CloseButton, __spreadValues({
+    className: cx(classes.close, className),
+    ref,
+    onClick: ctx.onClose
+  }, others));
+});
+
+export { ModalBaseCloseButton };
+//# sourceMappingURL=ModalBaseCloseButton.js.map

package/esm/ModalBase/ModalBaseCloseButton/ModalBaseCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseCloseButton.js","sources":["../../../src/ModalBase/ModalBaseCloseButton/ModalBaseCloseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { CloseButton, CloseButtonProps } from '../../CloseButton';\nimport { useModalBaseContext } from '../ModalBase.context';\nimport useStyles from './ModalBaseCloseButton.styles';\n\nexport type ModalBaseCloseButtonStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalBaseCloseButtonProps\n  extends CloseButtonProps,\n    Omit<React.ComponentPropsWithoutRef<'button'>, keyof CloseButtonProps> {}\n\nconst defaultProps: Partial<ModalBaseCloseButtonProps> = {\n  size: 'sm',\n};\n\nexport const ModalBaseCloseButton = forwardRef<HTMLButtonElement, ModalBaseCloseButtonProps>(\n  (props, ref) => {\n    const ctx = useModalBaseContext();\n\n    const { className, ...others } = useComponentDefaultProps(\n      `${ctx.__staticSelector}CloseButton`,\n      defaultProps,\n      props\n    );\n\n    const { classes, cx } = useStyles(null, ctx.stylesApi);\n\n    return (\n      <CloseButton\n        className={cx(classes.close, className)}\n        ref={ref}\n        onClick={ctx.onClose}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/ModalBase/ModalBaseCloseButton/ModalBaseCloseButton.styles.js

@@ -0,0 +1,8 @@
+import { createStyles } from '@mantine/styles';
+
+var useStyles = createStyles(() => ({
+  close: {}
+}));
+
+export default useStyles;
+//# sourceMappingURL=ModalBaseCloseButton.styles.js.map

package/esm/ModalBase/ModalBaseCloseButton/ModalBaseCloseButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseCloseButton.styles.js","sources":["../../../src/ModalBase/ModalBaseCloseButton/ModalBaseCloseButton.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles(() => ({\n  close: {},\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,OAAO;AACnC,EAAE,KAAK,EAAE,EAAE;AACX,CAAC,CAAC,CAAC;;;;"}

package/esm/ModalBase/ModalBaseContent/ModalBaseContent.js

@@ -0,0 +1,71 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { useModalBaseContext } from '../ModalBase.context.js';
+import useStyles from './ModalBaseContent.styles.js';
+import { Transition } from '../../Transition/Transition.js';
+import { FocusTrap } from '../../FocusTrap/FocusTrap.js';
+import { Paper } from '../../Paper/Paper.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const ModalBaseContent = forwardRef((props, ref) => {
+  const ctx = useModalBaseContext();
+  const _a = useComponentDefaultProps(`${ctx.__staticSelector}Content`, defaultProps, props), { className, transitionProps, style, onKeyDown } = _a, others = __objRest(_a, ["className", "transitionProps", "style", "onKeyDown"]);
+  const { classes, cx } = useStyles({ zIndex: ctx.zIndex + 1 }, ctx.stylesApi);
+  const handleKeyDown = (event) => {
+    var _a2;
+    const shouldTrigger = ((_a2 = event.target) == null ? void 0 : _a2.getAttribute("data-mantine-stop-propagation")) !== "true";
+    shouldTrigger && event.key === "Escape" && ctx.closeOnEscape && ctx.onClose();
+    onKeyDown == null ? void 0 : onKeyDown(event);
+  };
+  return /* @__PURE__ */ React.createElement(Transition, __spreadValues(__spreadValues({
+    mounted: ctx.opened,
+    transition: "pop"
+  }, ctx.transitionProps), transitionProps), (transitionStyles) => /* @__PURE__ */ React.createElement("div", {
+    className: cx(classes.inner)
+  }, /* @__PURE__ */ React.createElement(FocusTrap, {
+    active: ctx.opened && ctx.trapFocus
+  }, /* @__PURE__ */ React.createElement(Paper, __spreadValues({
+    component: "section",
+    role: "dialog",
+    tabIndex: -1,
+    "aria-modal": true,
+    "aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
+    "aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
+    onKeyDown: handleKeyDown,
+    ref,
+    className: cx(classes.content, className),
+    style: __spreadValues(__spreadValues({}, style), transitionStyles),
+    shadow: ctx.shadow
+  }, others), others.children))));
+});
+
+export { ModalBaseContent };
+//# sourceMappingURL=ModalBaseContent.js.map

package/esm/ModalBase/ModalBaseContent/ModalBaseContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseContent.js","sources":["../../../src/ModalBase/ModalBaseContent/ModalBaseContent.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Paper, PaperProps } from '../../Paper';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { FocusTrap } from '../../FocusTrap';\nimport { useModalBaseContext } from '../ModalBase.context';\nimport useStyles from './ModalBaseContent.styles';\n\nexport type ModalBaseContentStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalBaseContentProps\n  extends PaperProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof PaperProps> {\n  /** Props added to Transition component */\n  transitionProps?: TransitionOverride;\n}\n\nconst defaultProps: Partial<ModalBaseContentProps> = {};\n\nexport const ModalBaseContent = forwardRef<HTMLElement, ModalBaseContentProps>((props, ref) => {\n  const ctx = useModalBaseContext();\n  const { className, transitionProps, style, onKeyDown, ...others } = useComponentDefaultProps(\n    `${ctx.__staticSelector}Content`,\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles({ zIndex: ctx.zIndex + 1 }, ctx.stylesApi);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const shouldTrigger =\n      (event.target as HTMLElement)?.getAttribute('data-mantine-stop-propagation') !== 'true';\n    shouldTrigger && event.key === 'Escape' && ctx.closeOnEscape && ctx.onClose();\n    onKeyDown?.(event);\n  };\n\n  return (\n    <Transition mounted={ctx.opened} transition=\"pop\" {...ctx.transitionProps} {...transitionProps}>\n      {(transitionStyles) => (\n        <div className={cx(classes.inner)}>\n          <FocusTrap active={ctx.opened && ctx.trapFocus}>\n            <Paper\n              component=\"section\"\n              role=\"dialog\"\n              tabIndex={-1}\n              aria-modal\n              aria-describedby={ctx.bodyMounted ? ctx.getBodyId() : undefined}\n              aria-labelledby={ctx.titleMounted ? ctx.getTitleId() : undefined}\n              onKeyDown={handleKeyDown}\n              ref={ref}\n              className={cx(classes.content, className)}\n              style={{ ...style, ...transitionStyles }}\n              shadow={ctx.shadow}\n              {...others}\n            >\n              {others.children}\n            </Paper>\n          </FocusTrap>\n        </div>\n      )}\n    </Transition>\n  );\n});\n"],"names":[],"mappings":"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"}

package/esm/ModalBase/ModalBaseContent/ModalBaseContent.styles.js

@@ -0,0 +1,19 @@
+import { createStyles } from '@mantine/styles';
+
+var useStyles = createStyles((_theme, { zIndex }) => ({
+  inner: {
+    position: "fixed",
+    width: "100%",
+    top: 0,
+    bottom: 0,
+    maxHeight: "100%",
+    zIndex,
+    pointerEvents: "none"
+  },
+  content: {
+    pointerEvents: "all"
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=ModalBaseContent.styles.js.map

package/esm/ModalBase/ModalBaseContent/ModalBaseContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseContent.styles.js","sources":["../../../src/ModalBase/ModalBaseContent/ModalBaseContent.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface ModalBaseContentStylesParams {\n  zIndex: number;\n}\n\nexport default createStyles((_theme, { zIndex }: ModalBaseContentStylesParams) => ({\n  inner: {\n    position: 'fixed',\n    width: '100%',\n    top: 0,\n    bottom: 0,\n    maxHeight: '100%',\n    zIndex,\n    pointerEvents: 'none',\n  },\n\n  content: {\n    pointerEvents: 'all',\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM;AACrD,EAAE,KAAK,EAAE;AACT,IAAI,QAAQ,EAAE,OAAO;AACrB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,MAAM;AACV,IAAI,aAAa,EAAE,MAAM;AACzB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,aAAa,EAAE,KAAK;AACxB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/ModalBase/ModalBaseHeader/ModalBaseHeader.js

@@ -0,0 +1,47 @@
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { useModalBaseContext } from '../ModalBase.context.js';
+import useStyles from './ModalBaseHeader.styles.js';
+import { Box } from '../../Box/Box.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const ModalBaseHeader = forwardRef((props, ref) => {
+  const ctx = useModalBaseContext();
+  const _a = useComponentDefaultProps(`${ctx.__staticSelector}Header`, defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
+  const { classes, cx } = useStyles({ padding: ctx.padding }, ctx.stylesApi);
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    ref,
+    className: cx(classes.header, className)
+  }, others));
+});
+
+export { ModalBaseHeader };
+//# sourceMappingURL=ModalBaseHeader.js.map

package/esm/ModalBase/ModalBaseHeader/ModalBaseHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseHeader.js","sources":["../../../src/ModalBase/ModalBaseHeader/ModalBaseHeader.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useModalBaseContext } from '../ModalBase.context';\nimport useStyles from './ModalBaseHeader.styles';\n\nexport type ModalBaseHeaderStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalBaseHeaderProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<ModalBaseHeaderProps> = {};\n\nexport const ModalBaseHeader = forwardRef<HTMLDivElement, ModalBaseHeaderProps>((props, ref) => {\n  const ctx = useModalBaseContext();\n  const { className, ...others } = useComponentDefaultProps(\n    `${ctx.__staticSelector}Header`,\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles({ padding: ctx.padding }, ctx.stylesApi);\n\n  return <Box ref={ref} className={cx(classes.header, className)} {...others} />;\n});\n"],"names":[],"mappings":"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"}

package/esm/ModalBase/ModalBaseHeader/ModalBaseHeader.styles.js

@@ -0,0 +1,20 @@
+import { createStyles, getSize, rem } from '@mantine/styles';
+
+var useStyles = createStyles((theme, { padding }) => {
+  const paddingValue = getSize({ size: padding, sizes: theme.spacing });
+  return {
+    header: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      padding: paddingValue,
+      paddingRight: `calc(${paddingValue} - ${rem(5)})`,
+      position: "sticky",
+      top: 0,
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
+    }
+  };
+});
+
+export default useStyles;
+//# sourceMappingURL=ModalBaseHeader.styles.js.map

package/esm/ModalBase/ModalBaseHeader/ModalBaseHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseHeader.styles.js","sources":["../../../src/ModalBase/ModalBaseHeader/ModalBaseHeader.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, rem, getSize } from '@mantine/styles';\n\ninterface ModalBaseHeaderStylesParams {\n  padding: MantineNumberSize;\n}\n\nexport default createStyles((theme, { padding }: ModalBaseHeaderStylesParams) => {\n  const paddingValue = getSize({ size: padding, sizes: theme.spacing });\n  return {\n    header: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: paddingValue,\n      paddingRight: `calc(${paddingValue} - ${rem(5)})`,\n      position: 'sticky',\n      top: 0,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    },\n  };\n});\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK;AACpD,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACxE,EAAE,OAAO;AACT,IAAI,MAAM,EAAE;AACZ,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,cAAc,EAAE,eAAe;AACrC,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,OAAO,EAAE,YAAY;AAC3B,MAAM,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACvD,MAAM,QAAQ,EAAE,QAAQ;AACxB,MAAM,GAAG,EAAE,CAAC;AACZ,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/esm/ModalBase/ModalBaseOverlay/ModalBaseOverlay.js

@@ -0,0 +1,62 @@
+import { useComponentDefaultProps } from '@mantine/styles';
+import React, { forwardRef } from 'react';
+import { useModalBaseContext } from '../ModalBase.context.js';
+import useStyles from './ModalBaseOverlay.styles.js';
+import { Transition } from '../../Transition/Transition.js';
+import { Overlay } from '../../Overlay/Overlay.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const ModalBaseOverlay = forwardRef((props, ref) => {
+  const ctx = useModalBaseContext();
+  const _a = useComponentDefaultProps(`${ctx.__staticSelector}Overlay`, defaultProps, props), { onClick, transitionProps, style, className } = _a, others = __objRest(_a, ["onClick", "transitionProps", "style", "className"]);
+  const { classes, cx } = useStyles(null, ctx.stylesApi);
+  const handleClick = (event) => {
+    onClick == null ? void 0 : onClick(event);
+    ctx.closeOnClickOutside && ctx.onClose();
+  };
+  return /* @__PURE__ */ React.createElement(Transition, __spreadProps(__spreadValues(__spreadValues({
+    mounted: ctx.opened
+  }, ctx.transitionProps), transitionProps), {
+    transition: "fade"
+  }), (transitionStyles) => /* @__PURE__ */ React.createElement(Overlay, __spreadValues({
+    ref,
+    onClick: handleClick,
+    fixed: true,
+    style: __spreadValues(__spreadValues({}, style), transitionStyles),
+    className: cx(classes.overlay, className)
+  }, others)));
+});
+
+export { ModalBaseOverlay };
+//# sourceMappingURL=ModalBaseOverlay.js.map

package/esm/ModalBase/ModalBaseOverlay/ModalBaseOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseOverlay.js","sources":["../../../src/ModalBase/ModalBaseOverlay/ModalBaseOverlay.tsx"],"sourcesContent":["import { Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport React, { forwardRef } from 'react';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { Overlay, OverlayProps } from '../../Overlay';\nimport { useModalBaseContext } from '../ModalBase.context';\nimport useStyles from './ModalBaseOverlay.styles';\n\nexport type ModalBaseOverlayStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalBaseOverlayProps\n  extends OverlayProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof OverlayProps> {\n  /** Props added to Transition component */\n  transitionProps?: TransitionOverride;\n}\n\nconst defaultProps: Partial<ModalBaseOverlayProps> = {};\n\nexport const ModalBaseOverlay = forwardRef<HTMLDivElement, ModalBaseOverlayProps>((props, ref) => {\n  const ctx = useModalBaseContext();\n\n  const { onClick, transitionProps, style, className, ...others } = useComponentDefaultProps(\n    `${ctx.__staticSelector}Overlay`,\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles(null, ctx.stylesApi);\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    onClick?.(event);\n    ctx.closeOnClickOutside && ctx.onClose();\n  };\n\n  return (\n    <Transition\n      mounted={ctx.opened}\n      {...ctx.transitionProps}\n      {...transitionProps}\n      transition=\"fade\"\n    >\n      {(transitionStyles) => (\n        <Overlay\n          ref={ref}\n          onClick={handleClick}\n          fixed\n          style={{ ...style, ...transitionStyles }}\n          className={cx(classes.overlay, className)}\n          {...others}\n        />\n      )}\n    </Transition>\n  );\n});\n"],"names":[],"mappings":"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"}

package/esm/ModalBase/ModalBaseOverlay/ModalBaseOverlay.styles.js

@@ -0,0 +1,8 @@
+import { createStyles } from '@mantine/styles';
+
+var useStyles = createStyles(() => ({
+  overlay: {}
+}));
+
+export default useStyles;
+//# sourceMappingURL=ModalBaseOverlay.styles.js.map

package/esm/ModalBase/ModalBaseOverlay/ModalBaseOverlay.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseOverlay.styles.js","sources":["../../../src/ModalBase/ModalBaseOverlay/ModalBaseOverlay.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles(() => ({\n  overlay: {},\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,OAAO;AACnC,EAAE,OAAO,EAAE,EAAE;AACb,CAAC,CAAC,CAAC;;;;"}

package/esm/ModalBase/ModalBaseTitle/ModalBaseTitle.js

@@ -0,0 +1,53 @@
+import React, { forwardRef, useEffect } from 'react';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { useModalBaseContext } from '../ModalBase.context.js';
+import useStyles from './ModalBaseTitle.styles.js';
+import { Box } from '../../Box/Box.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const ModalBaseTitle = forwardRef((props, ref) => {
+  const ctx = useModalBaseContext();
+  const _a = useComponentDefaultProps(`${ctx.__staticSelector}Title`, defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
+  const { classes, cx } = useStyles(null, ctx.stylesApi);
+  useEffect(() => {
+    ctx.setTitleMounted(true);
+    return () => ctx.setTitleMounted(false);
+  }, []);
+  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    component: "h2",
+    id: ctx.getTitleId(),
+    className: cx(classes.title, className),
+    ref
+  }, others));
+});
+
+export { ModalBaseTitle };
+//# sourceMappingURL=ModalBaseTitle.js.map

package/esm/ModalBase/ModalBaseTitle/ModalBaseTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseTitle.js","sources":["../../../src/ModalBase/ModalBaseTitle/ModalBaseTitle.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useModalBaseContext } from '../ModalBase.context';\nimport useStyles from './ModalBaseTitle.styles';\n\nexport type ModalBaseTitleStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalBaseTitleProps extends DefaultProps, React.ComponentPropsWithoutRef<'h2'> {}\n\nconst defaultProps: Partial<ModalBaseTitleProps> = {};\n\nexport const ModalBaseTitle = forwardRef<HTMLHeadingElement, ModalBaseTitleProps>((props, ref) => {\n  const ctx = useModalBaseContext();\n  const { className, ...others } = useComponentDefaultProps(\n    `${ctx.__staticSelector}Title`,\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles(null, ctx.stylesApi);\n\n  useEffect(() => {\n    ctx.setTitleMounted(true);\n    return () => ctx.setTitleMounted(false);\n  }, []);\n\n  return (\n    <Box\n      component=\"h2\"\n      id={ctx.getTitleId()}\n      className={cx(classes.title, className)}\n      ref={ref}\n      {...others}\n    />\n  );\n});\n"],"names":[],"mappings":"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"}

package/esm/ModalBase/ModalBaseTitle/ModalBaseTitle.styles.js

@@ -0,0 +1,14 @@
+import { createStyles } from '@mantine/styles';
+
+var useStyles = createStyles((theme) => ({
+  title: {
+    lineHeight: 1,
+    padding: 0,
+    margin: 0,
+    fontWeight: 400,
+    fontSize: theme.fontSizes.md
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=ModalBaseTitle.styles.js.map

package/esm/ModalBase/ModalBaseTitle/ModalBaseTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBaseTitle.styles.js","sources":["../../../src/ModalBase/ModalBaseTitle/ModalBaseTitle.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  title: {\n    lineHeight: 1,\n    padding: 0,\n    margin: 0,\n    fontWeight: 400,\n    fontSize: theme.fontSizes.md,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/ModalBase/NativeScrollArea/NativeScrollArea.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+function NativeScrollArea({ children }) {
+  return /* @__PURE__ */ React.createElement("div", null, children);
+}
+
+export { NativeScrollArea };
+//# sourceMappingURL=NativeScrollArea.js.map

package/esm/ModalBase/NativeScrollArea/NativeScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeScrollArea.js","sources":["../../../src/ModalBase/NativeScrollArea/NativeScrollArea.tsx"],"sourcesContent":["import React from 'react';\n\nexport function NativeScrollArea({ children }) {\n  return <div>{children}</div>;\n}\n"],"names":[],"mappings":";;AACO,SAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;AAC/C,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;AACpE;;;;"}

package/esm/ModalBase/use-lock-scroll.js

@@ -0,0 +1,24 @@
+import { useState, useRef, useEffect } from 'react';
+import { useReducedMotion } from '@mantine/hooks';
+
+function useLockScroll({ opened, transitionDuration }) {
+  const [shouldLockScroll, setShouldLockScroll] = useState(opened);
+  const timeout = useRef();
+  const reduceMotion = useReducedMotion();
+  const _transitionDuration = reduceMotion ? 0 : transitionDuration;
+  useEffect(() => {
+    if (opened) {
+      setShouldLockScroll(true);
+      window.clearTimeout(timeout.current);
+    } else if (_transitionDuration === 0) {
+      setShouldLockScroll(false);
+    } else {
+      timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);
+    }
+    return () => window.clearTimeout(timeout.current);
+  }, [opened, _transitionDuration]);
+  return shouldLockScroll;
+}
+
+export { useLockScroll };
+//# sourceMappingURL=use-lock-scroll.js.map

package/esm/ModalBase/use-lock-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lock-scroll.js","sources":["../../src/ModalBase/use-lock-scroll.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\n\ninterface UseScrollLock {\n  opened: boolean;\n  transitionDuration: number;\n}\n\nexport function useLockScroll({ opened, transitionDuration }: UseScrollLock) {\n  const [shouldLockScroll, setShouldLockScroll] = useState(opened);\n  const timeout = useRef<number>();\n  const reduceMotion = useReducedMotion();\n  const _transitionDuration = reduceMotion ? 0 : transitionDuration;\n\n  useEffect(() => {\n    if (opened) {\n      setShouldLockScroll(true);\n      window.clearTimeout(timeout.current);\n    } else if (_transitionDuration === 0) {\n      setShouldLockScroll(false);\n    } else {\n      timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);\n    }\n\n    return () => window.clearTimeout(timeout.current);\n  }, [opened, _transitionDuration]);\n\n  return shouldLockScroll;\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE;AAC9D,EAAE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AACnE,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;AAC3B,EAAE,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,mBAAmB,GAAG,YAAY,GAAG,CAAC,GAAG,kBAAkB,CAAC;AACpE,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAChC,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3C,KAAK,MAAM,IAAI,mBAAmB,KAAK,CAAC,EAAE;AAC1C,MAAM,mBAAmB,CAAC,KAAK,CAAC,CAAC;AACjC,KAAK,MAAM;AACX,MAAM,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,mBAAmB,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,OAAO,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACtD,GAAG,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;AACpC,EAAE,OAAO,gBAAgB,CAAC;AAC1B;;;;"}