@mantine/core 4.2.9 → 5.0.0-alpha.10

package/esm/components/Paper/Paper.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
-import { useMantineDefaultProps } from '@mantine/styles';
+import { useComponentDefaultProps } from '@mantine/styles';
+import { createPolymorphicComponent } from '@mantine/utils';
 import useStyles from './Paper.styles.js';
 import { Box } from '../Box/Box.js';
 
@@ -32,16 +33,16 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {};
-const Paper = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("Paper", defaultProps, props), { component, className, children, radius, withBorder, shadow } = _a, others = __objRest(_a, ["component", "className", "children", "radius", "withBorder", "shadow"]);
-  const { classes, cx } = useStyles({ radius, shadow, withBorder }, { name: "Paper" });
+const _Paper = forwardRef((props, ref) => {
+  const _a = useComponentDefaultProps("Paper", defaultProps, props), { className, children, radius, withBorder, shadow, unstyled } = _a, others = __objRest(_a, ["className", "children", "radius", "withBorder", "shadow", "unstyled"]);
+  const { classes, cx } = useStyles({ radius, shadow, withBorder }, { name: "Paper", unstyled });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    component: component || "div",
     className: cx(classes.root, className),
     ref
   }, others), children);
 });
-Paper.displayName = "@mantine/core/Paper";
+_Paper.displayName = "@mantine/core/Paper";
+const Paper = createPolymorphicComponent(_Paper);
 
-export { Paper };
+export { Paper, _Paper };
 //# sourceMappingURL=Paper.js.map

package/esm/components/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Paper.styles';\n\nexport interface SharedPaperProps extends DefaultProps {\n  /** Predefined box-shadow from theme.shadows (xs, sm, md, lg, xl) or any valid css box-shadow property */\n  shadow?: MantineShadow;\n\n  /** Predefined border-radius value from theme.radius or number for border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Adds 1px border with theme.colors.gray[2] color in light color scheme and theme.colors.dark[6] in dark color scheme */\n  withBorder?: boolean;\n\n  /** Paper children */\n  children?: React.ReactNode;\n}\n\nexport type PaperProps<C> = PolymorphicComponentProps<C, SharedPaperProps>;\n\ntype PaperComponent = (<C = 'div'>(props: PaperProps<C>) => React.ReactElement) & {\n  displayName?: string;\n};\n\nconst defaultProps: Partial<PaperProps<any>> = {};\n\nexport const Paper: PaperComponent = forwardRef(\n  (props: PaperProps<'div'>, ref: PolymorphicRef<'div'>) => {\n    const { component, className, children, radius, withBorder, shadow, ...others } =\n      useMantineDefaultProps('Paper', defaultProps, props);\n    const { classes, cx } = useStyles({ radius, shadow, withBorder }, { name: 'Paper' });\n\n    return (\n      <Box<any>\n        component={component || 'div'}\n        className={cx(classes.root, className)}\n        ref={ref}\n        {...others}\n      >\n        {children}\n      </Box>\n    );\n  }\n) as any;\n\nPaper.displayName = '@mantine/core/Paper';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles, { PaperStylesParams } from './Paper.styles';\n\nexport interface PaperProps extends DefaultProps<never, PaperStylesParams> {\n  /** Predefined box-shadow from theme.shadows (xs, sm, md, lg, xl) or any valid css box-shadow property */\n  shadow?: MantineShadow;\n\n  /** Predefined border-radius value from theme.radius or number for border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Adds 1px border with theme.colors.gray[2] color in light color scheme and theme.colors.dark[6] in dark color scheme */\n  withBorder?: boolean;\n\n  /** Paper children */\n  children?: React.ReactNode;\n}\n\nconst defaultProps: Partial<PaperProps> = {};\n\nexport const _Paper = forwardRef<HTMLDivElement, PaperProps>((props, ref) => {\n  const { className, children, radius, withBorder, shadow, unstyled, ...others } =\n    useComponentDefaultProps('Paper', defaultProps, props);\n  const { classes, cx } = useStyles({ radius, shadow, withBorder }, { name: 'Paper', unstyled });\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\n_Paper.displayName = '@mantine/core/Paper';\n\nexport const Paper = createPolymorphicComponent<'div', PaperProps>(_Paper);\n"],"names":[],"mappings":"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"}

package/esm/components/Paper/Paper.styles.js

@@ -11,7 +11,7 @@ var useStyles = createStyles((theme, { radius, shadow, withBorder }) => ({
     boxSizing: "border-box",
     borderRadius: theme.fn.radius(radius),
     boxShadow: theme.shadows[shadow] || shadow || "none",
-    border: withBorder ? `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}` : void 0
+    border: withBorder ? `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}` : void 0
   }
 }));
 

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineShadow } from '@mantine/styles';\n\nexport interface PaperStylesParams {\n  radius: MantineNumberSize;\n  shadow: MantineShadow;\n  withBorder: boolean;\n}\n\nexport default createStyles((theme, { radius, shadow, withBorder }: PaperStylesParams) => ({\n  root: {\n    outline: 0,\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    textDecoration: 'none',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    boxSizing: 'border-box',\n    borderRadius: theme.fn.radius(radius),\n    boxShadow: theme.shadows[shadow] || shadow || 'none',\n    border: withBorder\n      ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]}`\n      : undefined,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;AACxE,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,uBAAuB,EAAE,aAAa;AAC1C,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,cAAc,EAAE,MAAM;AAC1B,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,IAAI,MAAM;AACxD,IAAI,MAAM,EAAE,UAAU,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAC3H,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineShadow } from '@mantine/styles';\n\nexport interface PaperStylesParams {\n  radius: MantineNumberSize;\n  shadow: MantineShadow;\n  withBorder: boolean;\n}\n\nexport default createStyles((theme, { radius, shadow, withBorder }: PaperStylesParams) => ({\n  root: {\n    outline: 0,\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    textDecoration: 'none',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    boxSizing: 'border-box',\n    borderRadius: theme.fn.radius(radius),\n    boxShadow: theme.shadows[shadow] || shadow || 'none',\n    border: withBorder\n      ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]}`\n      : undefined,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM;AACxE,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,uBAAuB,EAAE,aAAa;AAC1C,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,cAAc,EAAE,MAAM;AAC1B,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,IAAI,MAAM;AACxD,IAAI,MAAM,EAAE,UAAU,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAC3H,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/PasswordInput/PasswordInput.js

@@ -1,10 +1,9 @@
 import React, { forwardRef } from 'react';
-import { useUuid, useBooleanToggle } from '@mantine/hooks';
-import { useMantineDefaultProps, useMantineTheme, extractSystemStyles } from '@mantine/styles';
+import { useId, useDisclosure } from '@mantine/hooks';
+import { useComponentDefaultProps, useMantineTheme, extractSystemStyles } from '@mantine/styles';
 import { PasswordToggleIcon } from './PasswordToggleIcon.js';
 import useStyles from './PasswordInput.styles.js';
 import { ActionIcon } from '../ActionIcon/ActionIcon.js';
-import { InputWrapper } from '../InputWrapper/InputWrapper.js';
 import { Input } from '../Input/Input.js';
 
 var __defProp = Object.defineProperty;
@@ -66,7 +65,7 @@ const defaultProps = {
   __staticSelector: "PasswordInput"
 };
 const PasswordInput = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("PasswordInput", defaultProps, props), {
+  const _a = useComponentDefaultProps("PasswordInput", defaultProps, props), {
     radius,
     disabled,
     size,
@@ -91,7 +90,8 @@ const PasswordInput = forwardRef((props, ref) => {
     sx,
     labelProps,
     descriptionProps,
-    errorProps
+    errorProps,
+    unstyled
   } = _a, others = __objRest(_a, [
     "radius",
     "disabled",
@@ -117,26 +117,28 @@ const PasswordInput = forwardRef((props, ref) => {
     "sx",
     "labelProps",
     "descriptionProps",
-    "errorProps"
+    "errorProps",
+    "unstyled"
   ]);
   const theme = useMantineTheme();
   const rightSectionWidth = theme.fn.size({ size, sizes: rightSectionSizes });
-  const { classes, cx } = useStyles({ size, rightSectionWidth }, { name: "PasswordInput", classNames, styles });
-  const uuid = useUuid(id);
+  const { classes, cx } = useStyles({ size, rightSectionWidth }, { name: "PasswordInput", classNames, styles, unstyled });
+  const uuid = useId(id);
   const { systemStyles, rest } = extractSystemStyles(others);
-  const [reveal, toggle] = useBooleanToggle(false);
+  const [reveal, { toggle }] = useDisclosure(false);
   const rightSection = /* @__PURE__ */ React.createElement(ActionIcon, {
     className: classes.visibilityToggle,
     tabIndex: toggleTabIndex,
     radius,
     size: theme.fn.size({ size, sizes: buttonSizes }),
     "aria-hidden": true,
+    unstyled,
     onMouseDown: (event) => {
       event.preventDefault();
       toggle();
     },
     onKeyDown: (event) => {
-      if (event.nativeEvent.code === "Space") {
+      if (event.key === "Space") {
         event.preventDefault();
         toggle();
       }
@@ -145,7 +147,7 @@ const PasswordInput = forwardRef((props, ref) => {
     reveal,
     size: theme.fn.size({ size, sizes: iconSizes })
   }));
-  return /* @__PURE__ */ React.createElement(InputWrapper, __spreadValues(__spreadValues({
+  return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({
     required,
     id: uuid,
     label,
@@ -160,7 +162,8 @@ const PasswordInput = forwardRef((props, ref) => {
     sx,
     errorProps,
     descriptionProps,
-    labelProps
+    labelProps,
+    unstyled
   }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(Input, {
     component: "div",
     invalid: !!error,
@@ -173,7 +176,8 @@ const PasswordInput = forwardRef((props, ref) => {
     __staticSelector,
     rightSectionWidth,
     rightSection: !disabled && rightSection,
-    variant
+    variant,
+    unstyled
   }, /* @__PURE__ */ React.createElement("input", __spreadValues({
     type: reveal ? "text" : "password",
     required,

package/esm/components/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useBooleanToggle, useUuid } from '@mantine/hooks';\nimport {\n  Selectors,\n  DefaultProps,\n  extractSystemStyles,\n  useMantineTheme,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { ActionIcon } from '../ActionIcon';\nimport { TextInputProps, TextInputStylesNames } from '../TextInput';\nimport { Input } from '../Input';\nimport { InputWrapper } from '../InputWrapper';\nimport { PasswordToggleIcon } from './PasswordToggleIcon';\nimport useStyles from './PasswordInput.styles';\n\nexport type PasswordInputStylesNames = Selectors<typeof useStyles> | TextInputStylesNames;\n\nexport interface PasswordInputProps\n  extends DefaultProps<PasswordInputStylesNames>,\n    Omit<TextInputProps, 'classNames' | 'styles'> {\n  /** Toggle button tabIndex, set to 0 to make button focusable with tab key */\n  toggleTabIndex?: -1 | 0;\n\n  /** Provide your own visibility toggle icon */\n  visibilityToggleIcon?: React.FC<{ reveal: boolean; size: number }>;\n}\n\nconst buttonSizes = {\n  xs: 22,\n  sm: 28,\n  md: 26,\n  lg: 32,\n  xl: 40,\n};\n\nconst iconSizes = {\n  xs: 12,\n  sm: 15,\n  md: 17,\n  lg: 19,\n  xl: 21,\n};\n\nconst rightSectionSizes = {\n  xs: 28,\n  sm: 34,\n  md: 34,\n  lg: 44,\n  xl: 54,\n};\n\nconst defaultProps: Partial<PasswordInputProps> = {\n  size: 'sm',\n  toggleTabIndex: -1,\n  visibilityToggleIcon: PasswordToggleIcon,\n  __staticSelector: 'PasswordInput',\n};\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n  (props: PasswordInputProps, ref) => {\n    const {\n      radius,\n      disabled,\n      size,\n      toggleTabIndex,\n      className,\n      id,\n      label,\n      error,\n      required,\n      style,\n      icon,\n      description,\n      wrapperProps,\n      classNames,\n      styles,\n      variant,\n      visibilityToggleIcon: VisibilityToggleIcon,\n      __staticSelector,\n      rightSection: _rightSection,\n      rightSectionWidth: _rightSectionWidth,\n      rightSectionProps: _rightSectionProps,\n      sx,\n      labelProps,\n      descriptionProps,\n      errorProps,\n      ...others\n    } = useMantineDefaultProps('PasswordInput', defaultProps, props);\n\n    const theme = useMantineTheme();\n    const rightSectionWidth = theme.fn.size({ size, sizes: rightSectionSizes });\n    const { classes, cx } = useStyles(\n      { size, rightSectionWidth },\n      { name: 'PasswordInput', classNames, styles }\n    );\n    const uuid = useUuid(id);\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const [reveal, toggle] = useBooleanToggle(false);\n\n    const rightSection = (\n      <ActionIcon<'button'>\n        className={classes.visibilityToggle}\n        tabIndex={toggleTabIndex}\n        radius={radius}\n        size={theme.fn.size({ size, sizes: buttonSizes })}\n        aria-hidden\n        onMouseDown={(event) => {\n          event.preventDefault();\n          toggle();\n        }}\n        onKeyDown={(event) => {\n          if (event.nativeEvent.code === 'Space') {\n            event.preventDefault();\n            toggle();\n          }\n        }}\n      >\n        <VisibilityToggleIcon reveal={reveal} size={theme.fn.size({ size, sizes: iconSizes })} />\n      </ActionIcon>\n    );\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        size={size}\n        className={className}\n        style={style}\n        classNames={classNames}\n        styles={styles}\n        __staticSelector={__staticSelector}\n        sx={sx}\n        errorProps={errorProps}\n        descriptionProps={descriptionProps}\n        labelProps={labelProps}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <Input<'div'>\n          component=\"div\"\n          invalid={!!error}\n          icon={icon}\n          size={size}\n          classNames={{ ...classNames, input: classes.input }}\n          styles={styles}\n          radius={radius}\n          disabled={disabled}\n          __staticSelector={__staticSelector}\n          rightSectionWidth={rightSectionWidth}\n          rightSection={!disabled && rightSection}\n          variant={variant}\n        >\n          <input\n            type={reveal ? 'text' : 'password'}\n            required={required}\n            className={cx(classes.innerInput, {\n              [classes.withIcon]: icon,\n              [classes.invalid]: !!error,\n            })}\n            disabled={disabled}\n            id={uuid}\n            ref={ref}\n            {...rest}\n          />\n        </Input>\n      </InputWrapper>\n    );\n  }\n);\n\nPasswordInput.displayName = '@mantine/core/PasswordInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDisclosure, useId } from '@mantine/hooks';\nimport {\n  Selectors,\n  DefaultProps,\n  extractSystemStyles,\n  useMantineTheme,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ActionIcon } from '../ActionIcon';\nimport { TextInputProps, TextInputStylesNames } from '../TextInput';\nimport { Input } from '../Input';\nimport { PasswordToggleIcon } from './PasswordToggleIcon';\nimport useStyles from './PasswordInput.styles';\n\nexport type PasswordInputStylesNames = Selectors<typeof useStyles> | TextInputStylesNames;\n\nexport interface PasswordInputProps\n  extends DefaultProps<PasswordInputStylesNames>,\n    Omit<TextInputProps, 'classNames' | 'styles'> {\n  /** Toggle button tabIndex, set to 0 to make button focusable with tab key */\n  toggleTabIndex?: -1 | 0;\n\n  /** Provide your own visibility toggle icon */\n  visibilityToggleIcon?: React.FC<{ reveal: boolean; size: number }>;\n}\n\nconst buttonSizes = {\n  xs: 22,\n  sm: 28,\n  md: 26,\n  lg: 32,\n  xl: 40,\n};\n\nconst iconSizes = {\n  xs: 12,\n  sm: 15,\n  md: 17,\n  lg: 19,\n  xl: 21,\n};\n\nconst rightSectionSizes = {\n  xs: 28,\n  sm: 34,\n  md: 34,\n  lg: 44,\n  xl: 54,\n};\n\nconst defaultProps: Partial<PasswordInputProps> = {\n  size: 'sm',\n  toggleTabIndex: -1,\n  visibilityToggleIcon: PasswordToggleIcon,\n  __staticSelector: 'PasswordInput',\n};\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>((props, ref) => {\n  const {\n    radius,\n    disabled,\n    size,\n    toggleTabIndex,\n    className,\n    id,\n    label,\n    error,\n    required,\n    style,\n    icon,\n    description,\n    wrapperProps,\n    classNames,\n    styles,\n    variant,\n    visibilityToggleIcon: VisibilityToggleIcon,\n    __staticSelector,\n    rightSection: _rightSection,\n    rightSectionWidth: _rightSectionWidth,\n    rightSectionProps: _rightSectionProps,\n    sx,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('PasswordInput', defaultProps, props);\n\n  const theme = useMantineTheme();\n  const rightSectionWidth = theme.fn.size({ size, sizes: rightSectionSizes });\n  const { classes, cx } = useStyles(\n    { size, rightSectionWidth },\n    { name: 'PasswordInput', classNames, styles, unstyled }\n  );\n  const uuid = useId(id);\n  const { systemStyles, rest } = extractSystemStyles(others);\n  const [reveal, { toggle }] = useDisclosure(false);\n\n  const rightSection = (\n    <ActionIcon<'button'>\n      className={classes.visibilityToggle}\n      tabIndex={toggleTabIndex}\n      radius={radius}\n      size={theme.fn.size({ size, sizes: buttonSizes })}\n      aria-hidden\n      unstyled={unstyled}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        toggle();\n      }}\n      onKeyDown={(event) => {\n        if (event.key === 'Space') {\n          event.preventDefault();\n          toggle();\n        }\n      }}\n    >\n      <VisibilityToggleIcon reveal={reveal} size={theme.fn.size({ size, sizes: iconSizes })} />\n    </ActionIcon>\n  );\n\n  return (\n    <Input.Wrapper\n      required={required}\n      id={uuid}\n      label={label}\n      error={error}\n      description={description}\n      size={size}\n      className={className}\n      style={style}\n      classNames={classNames}\n      styles={styles}\n      __staticSelector={__staticSelector}\n      sx={sx}\n      errorProps={errorProps}\n      descriptionProps={descriptionProps}\n      labelProps={labelProps}\n      unstyled={unstyled}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      <Input<'div'>\n        component=\"div\"\n        invalid={!!error}\n        icon={icon}\n        size={size}\n        classNames={{ ...classNames, input: classes.input }}\n        styles={styles}\n        radius={radius}\n        disabled={disabled}\n        __staticSelector={__staticSelector}\n        rightSectionWidth={rightSectionWidth}\n        rightSection={!disabled && rightSection}\n        variant={variant}\n        unstyled={unstyled}\n      >\n        <input\n          type={reveal ? 'text' : 'password'}\n          required={required}\n          className={cx(classes.innerInput, {\n            [classes.withIcon]: icon,\n            [classes.invalid]: !!error,\n          })}\n          disabled={disabled}\n          id={uuid}\n          ref={ref}\n          {...rest}\n        />\n      </Input>\n    </Input.Wrapper>\n  );\n});\n\nPasswordInput.displayName = '@mantine/core/PasswordInput';\n"],"names":[],"mappings":"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"}

package/esm/components/Popover/Popover.context.js

@@ -0,0 +1,7 @@
+import { createSafeContext } from '@mantine/utils';
+import { POPOVER_ERRORS } from './Popover.errors.js';
+
+const [PopoverContextProvider, usePopoverContext] = createSafeContext(POPOVER_ERRORS.context);
+
+export { PopoverContextProvider, usePopoverContext };
+//# sourceMappingURL=Popover.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.js","sources":["../../../src/components/Popover/Popover.context.ts"],"sourcesContent":["import { ReferenceType } from '@floating-ui/react-dom-interactions';\nimport { createSafeContext } from '@mantine/utils';\nimport { MantineNumberSize, MantineShadow } from '@mantine/styles';\nimport { FloatingPosition } from '../Floating';\nimport { MantineTransition } from '../Transition';\nimport { POPOVER_ERRORS } from './Popover.errors';\nimport { PopoverWidth } from './Popover.types';\n\ninterface PopoverContext {\n  x: number;\n  y: number;\n  opened: boolean;\n  transition: MantineTransition;\n  transitionDuration: number;\n  exitTransitionDuration: number;\n  reference: (node: ReferenceType) => void;\n  floating: (node: HTMLElement) => void;\n  width?: PopoverWidth;\n  withArrow: boolean;\n  arrowSize: number;\n  arrowOffset: number;\n  trapFocus: boolean;\n  placement: FloatingPosition;\n  withinPortal: boolean;\n  closeOnEscape: boolean;\n  zIndex: React.CSSProperties['zIndex'];\n  radius?: MantineNumberSize;\n  shadow?: MantineShadow;\n  onClose?(): void;\n  getDropdownId(): string;\n  getTargetId(): string;\n  controlled: boolean;\n  onToggle(): void;\n  withRoles: boolean;\n  targetProps: Record<string, any>;\n}\n\nexport const [PopoverContextProvider, usePopoverContext] = createSafeContext<PopoverContext>(\n  POPOVER_ERRORS.context\n);\n"],"names":[],"mappings":";;;AAEY,MAAC,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,cAAc,CAAC,OAAO;;;;"}

package/esm/components/Popover/Popover.errors.js

@@ -0,0 +1,7 @@
+const POPOVER_ERRORS = {
+  context: "Popover component was not found in the tree",
+  children: "Popover.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
+};
+
+export { POPOVER_ERRORS };
+//# sourceMappingURL=Popover.errors.js.map

package/esm/components/Popover/Popover.errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.errors.js","sources":["../../../src/components/Popover/Popover.errors.ts"],"sourcesContent":["export const POPOVER_ERRORS = {\n  context: 'Popover component was not found in the tree',\n  children:\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"],"names":[],"mappings":"AAAY,MAAC,cAAc,GAAG;AAC9B,EAAE,OAAO,EAAE,6CAA6C;AACxD,EAAE,QAAQ,EAAE,kKAAkK;AAC9K;;;;"}

package/esm/components/Popover/Popover.js

@@ -1,27 +1,15 @@
-import React, { useState } from 'react';
-import { useFocusTrap, useClickOutside, useFocusReturn, useUuid, useMergedRef } from '@mantine/hooks';
-import { getDefaultZIndex, useMantineDefaultProps } from '@mantine/styles';
-import { PopoverBody } from './PopoverBody/PopoverBody.js';
-import useStyles from './Popover.styles.js';
-import { Box } from '../Box/Box.js';
-import { Popper } from '../Popper/Popper.js';
+import React from 'react';
+import { useId, useClickOutside } from '@mantine/hooks';
+import { getDefaultZIndex, useComponentDefaultProps, useMantineTheme, StylesApiProvider } from '@mantine/styles';
+import { usePopover } from './use-popover.js';
+import { PopoverContextProvider } from './Popover.context.js';
+import { PopoverTarget } from './PopoverTarget/PopoverTarget.js';
+import { PopoverDropdown } from './PopoverDropdown/PopoverDropdown.js';
+import { getFloatingPosition } from '../Floating/get-floating-position/get-floating-position.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)
@@ -35,154 +23,148 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {
-  zIndex: getDefaultZIndex("popover"),
-  arrowSize: 4,
-  withArrow: false,
+  position: "bottom",
+  offset: 8,
+  positionDependencies: [],
   transition: "fade",
-  transitionDuration: 200,
-  gutter: 10,
-  position: "left",
-  placement: "center",
-  disabled: false,
+  transitionDuration: 150,
+  middlewares: { flip: true, shift: true },
+  arrowSize: 7,
+  arrowOffset: 5,
   closeOnClickOutside: true,
-  trapFocus: true,
+  withinPortal: false,
   closeOnEscape: true,
-  withCloseButton: false,
-  radius: "sm",
-  spacing: "md",
-  shadow: "sm",
-  positionDependencies: [],
-  withinPortal: true,
-  clickOutsideEvents: ["mousedown", "touchstart"]
+  trapFocus: false,
+  withRoles: true,
+  clickOutsideEvents: ["mousedown", "touchstart"],
+  zIndex: getDefaultZIndex("popover"),
+  __staticSelector: "Popover"
 };
 function Popover(props) {
-  const _a = useMantineDefaultProps("Popover", defaultProps, props), {
-    className,
+  const _a = useComponentDefaultProps("Popover", defaultProps, props), {
     children,
-    target,
-    title,
-    onClose,
+    position,
+    offset,
+    onPositionChange,
+    positionDependencies,
     opened,
-    zIndex,
-    arrowSize,
-    withArrow,
     transition,
     transitionDuration,
-    transitionTimingFunction,
-    gutter,
-    position,
-    placement,
-    disabled,
+    width,
+    middlewares,
+    withArrow,
+    arrowSize,
+    arrowOffset,
+    unstyled,
+    classNames,
+    styles,
     closeOnClickOutside,
-    trapFocus,
+    withinPortal,
     closeOnEscape,
-    withCloseButton,
+    clickOutsideEvents,
+    trapFocus,
+    onClose,
+    onOpen,
+    onChange,
+    zIndex,
     radius,
-    spacing,
     shadow,
-    closeButtonLabel,
-    positionDependencies,
-    withinPortal,
     id,
-    classNames,
-    styles,
-    width,
-    clickOutsideEvents
+    defaultOpened,
+    exitTransitionDuration,
+    __staticSelector,
+    withRoles
   } = _a, others = __objRest(_a, [
-    "className",
     "children",
-    "target",
-    "title",
-    "onClose",
+    "position",
+    "offset",
+    "onPositionChange",
+    "positionDependencies",
     "opened",
-    "zIndex",
-    "arrowSize",
-    "withArrow",
     "transition",
     "transitionDuration",
-    "transitionTimingFunction",
-    "gutter",
-    "position",
-    "placement",
-    "disabled",
+    "width",
+    "middlewares",
+    "withArrow",
+    "arrowSize",
+    "arrowOffset",
+    "unstyled",
+    "classNames",
+    "styles",
     "closeOnClickOutside",
-    "trapFocus",
+    "withinPortal",
     "closeOnEscape",
-    "withCloseButton",
+    "clickOutsideEvents",
+    "trapFocus",
+    "onClose",
+    "onOpen",
+    "onChange",
+    "zIndex",
     "radius",
-    "spacing",
     "shadow",
-    "closeButtonLabel",
-    "positionDependencies",
-    "withinPortal",
     "id",
-    "classNames",
-    "styles",
-    "width",
-    "clickOutsideEvents"
+    "defaultOpened",
+    "exitTransitionDuration",
+    "__staticSelector",
+    "withRoles"
   ]);
-  const { classes, cx } = useStyles(null, { classNames, styles, name: "Popover" });
-  const handleClose = () => typeof onClose === "function" && onClose();
-  const [referenceElement, setReferenceElement] = useState(null);
-  const [rootElement, setRootElement] = useState(null);
-  const [dropdownElement, setDropdownElement] = useState(null);
-  const focusTrapRef = useFocusTrap(trapFocus && opened);
-  useClickOutside(() => closeOnClickOutside && handleClose(), clickOutsideEvents, [
-    rootElement,
-    dropdownElement
-  ]);
-  const returnFocus = useFocusReturn({
-    opened: opened || trapFocus,
-    transitionDuration: 0,
-    shouldReturnFocus: false
+  const uid = useId(id);
+  const theme = useMantineTheme();
+  const popover = usePopover({
+    middlewares,
+    width,
+    position: getFloatingPosition(theme.dir, position),
+    offset: offset + (withArrow ? arrowSize / 2 : 0),
+    onPositionChange,
+    positionDependencies,
+    opened,
+    defaultOpened,
+    onChange,
+    onOpen,
+    onClose
   });
-  const handleKeydown = (event) => {
-    if (closeOnEscape && event.nativeEvent.code === "Escape") {
-      handleClose();
-      window.setTimeout(returnFocus, 0);
-    }
-  };
-  const uuid = useUuid(id);
-  const titleId = `${uuid}-title`;
-  const bodyId = `${uuid}-body`;
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    className: cx(classes.root, className),
-    id,
-    ref: setRootElement
-  }, others), /* @__PURE__ */ React.createElement(Popper, {
-    referenceElement,
-    transitionDuration,
-    transition,
-    mounted: opened && !disabled,
-    position,
-    placement,
-    gutter,
-    withArrow,
-    arrowSize,
-    zIndex,
-    arrowClassName: classes.arrow,
-    forceUpdateDependencies: [radius, shadow, spacing, ...positionDependencies],
-    withinPortal
-  }, /* @__PURE__ */ React.createElement(PopoverBody, {
-    shadow,
-    radius,
-    spacing,
-    withCloseButton,
-    title,
-    titleId,
-    bodyId,
-    closeButtonLabel,
-    onClose: handleClose,
-    ref: useMergedRef(focusTrapRef, setDropdownElement),
-    onKeyDownCapture: handleKeydown,
+  useClickOutside(() => closeOnClickOutside && popover.onClose(), clickOutsideEvents, [
+    popover.refs.floating.current,
+    popover.refs.reference.current
+  ]);
+  return /* @__PURE__ */ React.createElement(StylesApiProvider, {
     classNames,
     styles,
-    width
-  }, children)), /* @__PURE__ */ React.createElement("div", {
-    className: classes.target,
-    ref: setReferenceElement
-  }, target));
+    unstyled,
+    staticSelector: __staticSelector
+  }, /* @__PURE__ */ React.createElement(PopoverContextProvider, {
+    value: {
+      controlled: popover.controlled,
+      reference: popover.reference,
+      floating: popover.floating,
+      x: popover.x,
+      y: popover.y,
+      opened: popover.opened,
+      transition,
+      transitionDuration,
+      exitTransitionDuration,
+      width,
+      withArrow,
+      arrowSize,
+      arrowOffset,
+      placement: popover.placement,
+      trapFocus,
+      withinPortal,
+      zIndex,
+      radius,
+      shadow,
+      closeOnEscape,
+      onClose: popover.onClose,
+      onToggle: popover.onToggle,
+      getTargetId: () => `${uid}-target`,
+      getDropdownId: () => `${uid}-dropdown`,
+      withRoles,
+      targetProps: others
+    }
+  }, children));
 }
+Popover.Target = PopoverTarget;
+Popover.Dropdown = PopoverDropdown;
 Popover.displayName = "@mantine/core/Popover";
 
 export { Popover };

package/esm/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  useClickOutside,\n  useFocusTrap,\n  useMergedRef,\n  useFocusReturn,\n  useUuid,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineShadow,\n  Selectors,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Popper, SharedPopperProps } from '../Popper';\nimport { PopoverBody, PopoverBodyStylesNames } from './PopoverBody/PopoverBody';\nimport useStyles from './Popover.styles';\n\nexport type PopoverStylesNames = Selectors<typeof useStyles> | PopoverBodyStylesNames;\n\nexport interface PopoverProps\n  extends DefaultProps<PopoverStylesNames>,\n    SharedPopperProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Defines whether Popover can be closed with outside click, defaults to true */\n  closeOnClickOutside?: boolean;\n\n  /** Defines whether Popover should trap focus, defaults to true */\n  trapFocus?: boolean;\n\n  /** Defines whether Popover can be closed with Escape key, defaults to true */\n  closeOnEscape?: boolean;\n\n  /** Displays close button */\n  withCloseButton?: boolean;\n\n  /** True to disable popover */\n  disabled?: boolean;\n\n  /** True to display popover */\n  opened: boolean;\n\n  /** Called when popover closes */\n  onClose?(): void;\n\n  /** Element which is used to position popover */\n  target: React.ReactNode;\n\n  /** Content inside popover */\n  children: React.ReactNode;\n\n  /** Popover title */\n  title?: React.ReactNode;\n\n  /** Popover body padding, value from theme.spacing or number to set padding in px */\n  spacing?: MantineNumberSize;\n\n  /** Popover body radius, value from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Popover shadow, value from theme.shadows or string to set box-shadow to any value */\n  shadow?: MantineShadow;\n\n  /** aria-label for close button */\n  closeButtonLabel?: string;\n\n  /** useEffect dependencies to force update tooltip position */\n  positionDependencies?: any[];\n\n  /** Whether to render the popover in a Portal */\n  withinPortal?: boolean;\n\n  /** Popover body width */\n  width?: number | string;\n\n  /** Events that should trigger outside clicks */\n  clickOutsideEvents?: string[];\n}\n\nconst defaultProps: Partial<PopoverProps> = {\n  zIndex: getDefaultZIndex('popover'),\n  arrowSize: 4,\n  withArrow: false,\n  transition: 'fade',\n  transitionDuration: 200,\n  gutter: 10,\n  position: 'left',\n  placement: 'center',\n  disabled: false,\n  closeOnClickOutside: true,\n  trapFocus: true,\n  closeOnEscape: true,\n  withCloseButton: false,\n  radius: 'sm',\n  spacing: 'md',\n  shadow: 'sm',\n  positionDependencies: [],\n  withinPortal: true,\n  clickOutsideEvents: ['mousedown', 'touchstart'],\n};\n\nexport function Popover(props: PopoverProps) {\n  const {\n    className,\n    children,\n    target,\n    title,\n    onClose,\n    opened,\n    zIndex,\n    arrowSize,\n    withArrow,\n    transition,\n    transitionDuration,\n    transitionTimingFunction,\n    gutter,\n    position,\n    placement,\n    disabled,\n    closeOnClickOutside,\n    trapFocus,\n    closeOnEscape,\n    withCloseButton,\n    radius,\n    spacing,\n    shadow,\n    closeButtonLabel,\n    positionDependencies,\n    withinPortal,\n    id,\n    classNames,\n    styles,\n    width,\n    clickOutsideEvents,\n    ...others\n  } = useMantineDefaultProps('Popover', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, { classNames, styles, name: 'Popover' });\n  const handleClose = () => typeof onClose === 'function' && onClose();\n  const [referenceElement, setReferenceElement] = useState(null);\n  const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n  const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n  const focusTrapRef = useFocusTrap(trapFocus && opened);\n\n  useClickOutside(() => closeOnClickOutside && handleClose(), clickOutsideEvents, [\n    rootElement,\n    dropdownElement,\n  ]);\n\n  const returnFocus = useFocusReturn({\n    opened: opened || trapFocus,\n    transitionDuration: 0,\n    shouldReturnFocus: false,\n  });\n\n  const handleKeydown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (closeOnEscape && event.nativeEvent.code === 'Escape') {\n      handleClose();\n      window.setTimeout(returnFocus, 0);\n    }\n  };\n\n  const uuid = useUuid(id);\n  const titleId = `${uuid}-title`;\n  const bodyId = `${uuid}-body`;\n\n  return (\n    <Box className={cx(classes.root, className)} id={id} ref={setRootElement} {...others}>\n      <Popper\n        referenceElement={referenceElement}\n        transitionDuration={transitionDuration}\n        transition={transition}\n        mounted={opened && !disabled}\n        position={position}\n        placement={placement}\n        gutter={gutter}\n        withArrow={withArrow}\n        arrowSize={arrowSize}\n        zIndex={zIndex}\n        arrowClassName={classes.arrow}\n        forceUpdateDependencies={[radius, shadow, spacing, ...positionDependencies]}\n        withinPortal={withinPortal}\n      >\n        <PopoverBody\n          shadow={shadow}\n          radius={radius}\n          spacing={spacing}\n          withCloseButton={withCloseButton}\n          title={title}\n          titleId={titleId}\n          bodyId={bodyId}\n          closeButtonLabel={closeButtonLabel}\n          onClose={handleClose}\n          ref={useMergedRef(focusTrapRef, setDropdownElement)}\n          onKeyDownCapture={handleKeydown}\n          classNames={classNames}\n          styles={styles}\n          width={width}\n        >\n          {children}\n        </PopoverBody>\n      </Popper>\n\n      <div className={classes.target} ref={setReferenceElement}>\n        {target}\n      </div>\n    </Box>\n  );\n}\n\nPopover.displayName = '@mantine/core/Popover';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\n\nimport React from 'react';\nimport { useId, useClickOutside } from '@mantine/hooks';\nimport {\n  useMantineTheme,\n  ClassNames,\n  Styles,\n  StylesApiProvider,\n  MantineNumberSize,\n  MantineShadow,\n  getDefaultZIndex,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { MantineTransition } from '../Transition';\nimport { getFloatingPosition, FloatingPosition } from '../Floating';\nimport { usePopover } from './use-popover';\nimport { PopoverContextProvider } from './Popover.context';\nimport {\n  PopoverWidth,\n  PopoverMiddlewares,\n  PopoverStylesNames,\n  PopoverStylesParams,\n} from './Popover.types';\nimport { PopoverTarget } from './PopoverTarget/PopoverTarget';\nimport { PopoverDropdown } from './PopoverDropdown/PopoverDropdown';\n\nexport interface PopoverBaseProps {\n  /** Dropdown position relative to target */\n  position?: FloatingPosition;\n\n  /** Space between target element and dropdown in px */\n  offset?: number;\n\n  /** Called when dropdown position changes */\n  onPositionChange?(position: FloatingPosition): void;\n\n  /** useEffect dependencies to force update dropdown position */\n  positionDependencies?: any[];\n\n  /** Called when dropdown closes */\n  onClose?(): void;\n\n  /** Called when dropdown opens */\n  onOpen?(): void;\n\n  /** One of premade transitions ot transition object */\n  transition?: MantineTransition;\n\n  /** Transition duration in ms */\n  transitionDuration?: number;\n\n  /** Exit transition duration in ms */\n  exitTransitionDuration?: number;\n\n  /** Dropdown width, or 'target' to make dropdown width the same as target element */\n  width?: PopoverWidth;\n\n  /** Floating ui middlewares to configure position handling */\n  middlewares?: PopoverMiddlewares;\n\n  /** Determines whether component should have an arrow */\n  withArrow?: boolean;\n\n  /** Arrow size in px */\n  arrowSize?: number;\n\n  /** Arrow offset in px */\n  arrowOffset?: number;\n\n  /** Determines whether dropdown should be rendered within Portal, defaults to false */\n  withinPortal?: boolean;\n\n  /** Dropdown z-index */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Radius from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Key of theme.shadow or any other valid css box-shadow value */\n  shadow?: MantineShadow;\n}\n\nexport interface PopoverProps extends PopoverBaseProps {\n  /** Popover.Target and Popover.Dropdown components */\n  children: React.ReactNode;\n\n  /** Initial opened state for uncontrolled component */\n  defaultOpened?: boolean;\n\n  /** Controls 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, default to true */\n  closeOnClickOutside?: boolean;\n\n  /** Events that trigger outside clicks */\n  clickOutsideEvents?: string[];\n\n  /** Determines whether focus should be trapped within dropdown, default to false */\n  trapFocus?: boolean;\n\n  /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */\n  closeOnEscape?: boolean;\n\n  /** id base to create accessibility connections */\n  id?: string;\n\n  /** Determines whether dropdown and target element should have accessible roles, defaults to true */\n  withRoles?: boolean;\n\n  unstyled?: boolean;\n  classNames?: ClassNames<PopoverStylesNames>;\n  styles?: Styles<PopoverStylesNames, PopoverStylesParams>;\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<PopoverProps> = {\n  position: 'bottom',\n  offset: 8,\n  positionDependencies: [],\n  transition: 'fade',\n  transitionDuration: 150,\n  middlewares: { flip: true, shift: true },\n  arrowSize: 7,\n  arrowOffset: 5,\n  closeOnClickOutside: true,\n  withinPortal: false,\n  closeOnEscape: true,\n  trapFocus: false,\n  withRoles: true,\n  clickOutsideEvents: ['mousedown', 'touchstart'],\n  zIndex: getDefaultZIndex('popover'),\n  __staticSelector: 'Popover',\n};\n\nexport function Popover(props: PopoverProps) {\n  const {\n    children,\n    position,\n    offset,\n    onPositionChange,\n    positionDependencies,\n    opened,\n    transition,\n    transitionDuration,\n    width,\n    middlewares,\n    withArrow,\n    arrowSize,\n    arrowOffset,\n    unstyled,\n    classNames,\n    styles,\n    closeOnClickOutside,\n    withinPortal,\n    closeOnEscape,\n    clickOutsideEvents,\n    trapFocus,\n    onClose,\n    onOpen,\n    onChange,\n    zIndex,\n    radius,\n    shadow,\n    id,\n    defaultOpened,\n    exitTransitionDuration,\n    __staticSelector,\n    withRoles,\n    ...others\n  } = useComponentDefaultProps('Popover', defaultProps, props);\n\n  const uid = useId(id);\n  const theme = useMantineTheme();\n  const popover = usePopover({\n    middlewares,\n    width,\n    position: getFloatingPosition(theme.dir, position),\n    offset: offset + (withArrow ? arrowSize / 2 : 0),\n    onPositionChange,\n    positionDependencies,\n    opened,\n    defaultOpened,\n    onChange,\n    onOpen,\n    onClose,\n  });\n\n  useClickOutside(() => closeOnClickOutside && popover.onClose(), clickOutsideEvents, [\n    popover.refs.floating.current,\n    popover.refs.reference.current as any,\n  ]);\n\n  return (\n    <StylesApiProvider\n      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n      staticSelector={__staticSelector}\n    >\n      <PopoverContextProvider\n        value={{\n          controlled: popover.controlled,\n          reference: popover.reference,\n          floating: popover.floating,\n          x: popover.x,\n          y: popover.y,\n          opened: popover.opened,\n          transition,\n          transitionDuration,\n          exitTransitionDuration,\n          width,\n          withArrow,\n          arrowSize,\n          arrowOffset,\n          placement: popover.placement,\n          trapFocus,\n          withinPortal,\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        }}\n      >\n        {children}\n      </PopoverContextProvider>\n    </StylesApiProvider>\n  );\n}\n\nPopover.Target = PopoverTarget;\nPopover.Dropdown = PopoverDropdown;\nPopover.displayName = '@mantine/core/Popover';\n"],"names":[],"mappings":"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"}