@mantine/core 2.5.0-alpha.5 → 2.6.0-alpha.1

package/cjs/components/Pagination/Pagination.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
+var Group = require('../Group/Group.js');
+var DefaultItem = require('./DefaultItem/DefaultItem.js');
+var Pagination_styles = require('./Pagination.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function Pagination(_a) {
+  var _b = _a, {
+    itemComponent: Item = DefaultItem.DefaultItem,
+    classNames,
+    styles: styles$1,
+    page,
+    initialPage = 1,
+    color,
+    total,
+    siblings = 1,
+    boundaries = 1,
+    size = "md",
+    radius = "sm",
+    onChange,
+    getItemAriaLabel,
+    spacing
+  } = _b, others = __objRest(_b, [
+    "itemComponent",
+    "classNames",
+    "styles",
+    "page",
+    "initialPage",
+    "color",
+    "total",
+    "siblings",
+    "boundaries",
+    "size",
+    "radius",
+    "onChange",
+    "getItemAriaLabel",
+    "spacing"
+  ]);
+  const theme = styles.useMantineTheme();
+  const { classes, cx } = Pagination_styles['default']({ color, size, radius }, classNames, "pagination");
+  const _styles = styles.mergeStyles(classes, styles$1);
+  const { range, setPage, next, previous, active } = hooks.usePagination({
+    page,
+    siblings,
+    total,
+    onChange,
+    initialPage,
+    boundaries
+  });
+  const items = range.map((pageNumber, index) => /* @__PURE__ */ React__default.createElement(Item, {
+    key: index,
+    page: pageNumber,
+    active: pageNumber === active,
+    "aria-label": typeof getItemAriaLabel === "function" ? getItemAriaLabel(pageNumber) : null,
+    tabIndex: pageNumber === "dots" ? -1 : 0,
+    style: __spreadValues(__spreadValues(__spreadValues({}, _styles.item), pageNumber === active ? _styles.active : null), pageNumber === "dots" ? _styles.dots : null),
+    className: cx(classes.item, {
+      [classes.active]: pageNumber === active,
+      [classes.dots]: pageNumber === "dots"
+    }),
+    onClick: pageNumber !== "dots" ? () => setPage(pageNumber) : void 0
+  }));
+  return /* @__PURE__ */ React__default.createElement(Group.Group, __spreadValues({
+    spacing: spacing || styles.getSizeValue({ size, sizes: theme.spacing }) / 2
+  }, others), /* @__PURE__ */ React__default.createElement(Item, {
+    page: "prev",
+    onClick: previous,
+    "aria-label": getItemAriaLabel ? getItemAriaLabel("prev") : void 0,
+    "aria-disabled": active === 1,
+    style: _styles.item,
+    className: classes.item,
+    disabled: active === 1
+  }), items, /* @__PURE__ */ React__default.createElement(Item, {
+    page: "next",
+    onClick: next,
+    "aria-label": getItemAriaLabel ? getItemAriaLabel("next") : void 0,
+    "aria-disabled": active === total,
+    style: _styles.item,
+    className: classes.item,
+    disabled: active === total
+  }));
+}
+Pagination.displayName = "@mantine/core/Pagination";
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=Pagination.js.map

package/cjs/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagination } from '@mantine/hooks';\nimport {\n  mergeStyles,\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  MantineColor,\n  ClassNames,\n} from '@mantine/styles';\nimport { Group, GroupProps } from '../Group/Group';\nimport { DefaultItem, PaginationItemProps } from './DefaultItem/DefaultItem';\nimport useStyles from './Pagination.styles';\n\nexport type PaginationStylesNames = ClassNames<typeof useStyles>;\n\nexport interface PaginationProps\n  extends DefaultProps<PaginationStylesNames>,\n    Omit<GroupProps, 'classNames' | 'styles' | 'onChange'> {\n  /** Change item component */\n  itemComponent?: React.FC<PaginationItemProps>;\n\n  /** Active item color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Active initial page for uncontrolled component */\n  initialPage?: number;\n\n  /** Controlled active page number */\n  page?: number;\n\n  /** Total amount of pages */\n  total: number;\n\n  /** Siblings amount on left/right side of selected page */\n  siblings?: number;\n\n  /** Amount of elements visible on left/right edges */\n  boundaries?: number;\n\n  /** Callback fired after change of each page */\n  onChange?: (page: number) => void;\n\n  /** Callback to control aria-labels */\n  getItemAriaLabel?: (page: number | 'dots' | 'prev' | 'next') => string | undefined;\n\n  /** Spacing between items from theme or number to set value in px, defaults to theme.spacing.xs / 2 */\n  spacing?: MantineNumberSize;\n\n  /** Predefined item size or number to set width and height in px */\n  size?: MantineNumberSize;\n\n  /** Predefined item radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n}\n\nexport function Pagination({\n  itemComponent: Item = DefaultItem,\n  classNames,\n  styles,\n  page,\n  initialPage = 1,\n  color,\n  total,\n  siblings = 1,\n  boundaries = 1,\n  size = 'md',\n  radius = 'sm',\n  onChange,\n  getItemAriaLabel,\n  spacing,\n  ...others\n}: PaginationProps) {\n  const theme = useMantineTheme();\n  const { classes, cx } = useStyles({ color, size, radius }, classNames, 'pagination');\n  const _styles = mergeStyles(classes, styles);\n\n  const { range, setPage, next, previous, active } = usePagination({\n    page,\n    siblings,\n    total,\n    onChange,\n    initialPage,\n    boundaries,\n  });\n\n  const items = range.map((pageNumber, index) => (\n    <Item\n      key={index}\n      page={pageNumber}\n      active={pageNumber === active}\n      aria-label={typeof getItemAriaLabel === 'function' ? getItemAriaLabel(pageNumber) : null}\n      tabIndex={pageNumber === 'dots' ? -1 : 0}\n      style={{\n        ..._styles.item,\n        ...(pageNumber === active ? _styles.active : null),\n        ...(pageNumber === 'dots' ? _styles.dots : null),\n      }}\n      className={cx(classes.item, {\n        [classes.active]: pageNumber === active,\n        [classes.dots]: pageNumber === 'dots',\n      })}\n      onClick={pageNumber !== 'dots' ? () => setPage(pageNumber) : undefined}\n    />\n  ));\n\n  return (\n    <Group spacing={spacing || getSizeValue({ size, sizes: theme.spacing }) / 2} {...others}>\n      <Item\n        page=\"prev\"\n        onClick={previous}\n        aria-label={getItemAriaLabel ? getItemAriaLabel('prev') : undefined}\n        aria-disabled={active === 1}\n        style={_styles.item}\n        className={classes.item}\n        disabled={active === 1}\n      />\n\n      {items}\n\n      <Item\n        page=\"next\"\n        onClick={next}\n        aria-label={getItemAriaLabel ? getItemAriaLabel('next') : undefined}\n        aria-disabled={active === total}\n        style={_styles.item}\n        className={classes.item}\n        disabled={active === total}\n      />\n    </Group>\n  );\n}\n\nPagination.displayName = '@mantine/core/Pagination';\n"],"names":["DefaultItem","styles","useMantineTheme","useStyles","mergeStyles","usePagination","React","Group","getSizeValue"],"mappings":"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"}

package/cjs/components/Pagination/Pagination.styles.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const sizes = {
+  xs: 22,
+  sm: 26,
+  md: 32,
+  lg: 38,
+  xl: 44
+};
+var useStyles = styles.createStyles((theme, { size, radius, color }, getRef) => {
+  const dots = {
+    ref: getRef("dots"),
+    cursor: "default",
+    borderColor: "transparent",
+    backgroundColor: "transparent"
+  };
+  const colors = styles.getSharedColorScheme({
+    color,
+    theme,
+    variant: "filled"
+  });
+  return {
+    item: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
+      cursor: "pointer",
+      userSelect: "none",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontWeight: 500,
+      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[3]}`,
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      height: styles.getSizeValue({ size, sizes }),
+      minWidth: styles.getSizeValue({ size, sizes }),
+      padding: `0 ${styles.getSizeValue({ size, sizes: theme.spacing }) / 2}px`,
+      fontSize: styles.getSizeValue({ size, sizes: theme.fontSizes }),
+      borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
+      lineHeight: 1,
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.white,
+      [`&:active:not(:disabled):not(.${dots.ref})`]: {
+        transform: "translateY(1px)"
+      },
+      "&:disabled": {
+        opacity: 0.6,
+        cursor: "not-allowed",
+        color: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
+      }
+    }),
+    active: {
+      borderColor: "transparent",
+      color: colors.color,
+      backgroundColor: colors.background
+    },
+    dots
+  };
+});
+
+exports.default = useStyles;
+//# sourceMappingURL=Pagination.styles.js.map

package/cjs/components/Pagination/Pagination.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  getSharedColorScheme,\n  MantineNumberSize,\n  getSizeValue,\n  MantineColor,\n  getFocusStyles,\n} from '@mantine/styles';\n\ninterface PaginationStyles {\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n}\n\nconst sizes = {\n  xs: 22,\n  sm: 26,\n  md: 32,\n  lg: 38,\n  xl: 44,\n};\n\nexport default createStyles((theme, { size, radius, color }: PaginationStyles, getRef) => {\n  const dots = {\n    ref: getRef('dots'),\n    cursor: 'default',\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n  } as const;\n\n  const colors = getSharedColorScheme({\n    color,\n    theme,\n    variant: 'filled',\n  });\n\n  return {\n    item: {\n      ...getFocusStyles(theme),\n      cursor: 'pointer',\n      userSelect: 'none',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontWeight: 500,\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3]\n      }`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      height: getSizeValue({ size, sizes }),\n      minWidth: getSizeValue({ size, sizes }),\n      padding: `0 ${getSizeValue({ size, sizes: theme.spacing }) / 2}px`,\n      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n      lineHeight: 1,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.white,\n\n      [`&:active:not(:disabled):not(.${dots.ref})`]: {\n        transform: 'translateY(1px)',\n      },\n\n      '&:disabled': {\n        opacity: 0.6,\n        cursor: 'not-allowed',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n      },\n    },\n\n    active: {\n      borderColor: 'transparent',\n      color: colors.color,\n      backgroundColor: colors.background,\n    },\n\n    dots,\n  };\n});\n"],"names":["createStyles","getSharedColorScheme","getFocusStyles","getSizeValue"],"mappings":"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"}

package/cjs/components/Pagination/icons/DotsIcon.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function DotsIcon(props) {
+  return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z",
+    fill: "currentColor"
+  }));
+}
+
+exports.DotsIcon = DotsIcon;
+//# sourceMappingURL=DotsIcon.js.map

package/cjs/components/Pagination/icons/DotsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotsIcon.js","sources":["../../../../src/components/Pagination/icons/DotsIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function DotsIcon(props: React.ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n"],"names":["React"],"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;AAEK,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,EAAE,KAAK,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,IAAI,CAAC,EAAE,wTAAwT;AAC/T,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/cjs/{theme/MantineProvider/MantineProvider.js → components/Pagination/icons/NextIcon.js}

@@ -3,9 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var defaultTheme = require('../default-theme.js');
-var mergeTheme = require('../utils/merge-theme/merge-theme.js');
-var themeContext = require('./theme-context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -27,12 +24,18 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-function MantineProvider({ children, theme }) {
-  return /* @__PURE__ */ React__default.createElement(themeContext.ThemeProvider, {
-    theme: mergeTheme.mergeTheme(__spreadValues({ __mantine_theme: true }, defaultTheme.DEFAULT_THEME), theme)
-  }, children);
+function NextIcon(props) {
+  return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z",
+    fill: "currentColor"
+  }));
 }
-MantineProvider.displayName = "@mantine/Provider";
 
-exports.MantineProvider = MantineProvider;
-//# sourceMappingURL=MantineProvider.js.map
+exports.NextIcon = NextIcon;
+//# sourceMappingURL=NextIcon.js.map

package/cjs/components/Pagination/icons/NextIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextIcon.js","sources":["../../../../src/components/Pagination/icons/NextIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function NextIcon(props: React.ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n"],"names":["React"],"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;AAEK,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,EAAE,KAAK,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,IAAI,CAAC,EAAE,qEAAqE;AAC5E,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/cjs/{theme/use-mantine-theme/use-mantine-theme.js → components/Pagination/icons/PrevIcon.js}

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var themeContext = require('../MantineProvider/theme-context.js');
-var mergeTheme = require('../utils/merge-theme/merge-theme.js');
-var defaultTheme = require('../default-theme.js');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -22,17 +24,18 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-function useMantineTheme(themeOverride) {
-  const internalTheme = __spreadValues({}, themeContext.useTheme());
-  let mergedTheme = null;
-  if (!internalTheme.__mantine_theme) {
-    mergedTheme = mergeTheme.mergeTheme(__spreadValues({ __mantine_theme: true }, defaultTheme.DEFAULT_THEME), themeOverride);
-  } else {
-    mergedTheme = mergeTheme.mergeTheme(internalTheme, themeOverride);
-  }
-  delete mergedTheme.__mantine_theme;
-  return mergedTheme;
+function PrevIcon(props) {
+  return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z",
+    fill: "currentColor"
+  }));
 }
 
-exports.useMantineTheme = useMantineTheme;
-//# sourceMappingURL=use-mantine-theme.js.map
+exports.PrevIcon = PrevIcon;
+//# sourceMappingURL=PrevIcon.js.map

package/cjs/components/Pagination/icons/PrevIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrevIcon.js","sources":["../../../../src/components/Pagination/icons/PrevIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function PrevIcon(props: React.ComponentPropsWithoutRef<'svg'>) {\n  return (\n    <svg\n      width={16}\n      height={16}\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        d=\"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n"],"names":["React"],"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;AAEK,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,EAAE,KAAK,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,IAAI,CAAC,EAAE,gEAAgE;AACvE,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/cjs/components/Paper/Paper.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
 var Paper_styles = require('./Paper.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -49,7 +46,6 @@ function Paper(_a) {
     radius = "sm",
     withBorder = false,
     shadow,
-    themeOverride,
     elementRef
   } = _b, others = __objRest(_b, [
     "component",
@@ -59,14 +55,12 @@ function Paper(_a) {
     "radius",
     "withBorder",
     "shadow",
-    "themeOverride",
     "elementRef"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = Paper_styles['default']({ radius, shadow, padding, theme, withBorder }, null, "paper");
+  const { classes, cx } = Paper_styles['default']({ radius, shadow, padding, withBorder }, null, "paper");
   const Element = component || "div";
   return /* @__PURE__ */ React__default.createElement(Element, __spreadValues({
-    className: cx__default(classes.paper, className),
+    className: cx(classes.paper, className),
     ref: elementRef
   }, others), children);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { DefaultProps, MantineNumberSize, useMantineTheme } from '../../theme';\nimport useStyles from './Paper.styles';\n\nexport interface SharedPaperProps extends DefaultProps {\n  /** Predefined padding value from theme.spacing or number for padding in px */\n  padding?: MantineNumberSize;\n\n  /** Predefined box-shadow from theme.shadows (xs, sm, md, lg, xl) or any valid css box-shadow property */\n  shadow?: string;\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\ninterface _PaperProps<C extends React.ElementType, R extends HTMLElement> extends SharedPaperProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n}\n\nexport type PaperProps<\n  C extends React.ElementType = 'div',\n  R extends HTMLElement = HTMLDivElement\n> = _PaperProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _PaperProps<C, R>>;\n\nexport function Paper<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n  component,\n  className,\n  children,\n  padding = 0,\n  radius = 'sm',\n  withBorder = false,\n  shadow,\n  themeOverride,\n  elementRef,\n  ...others\n}: PaperProps<C, R>) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ radius, shadow, padding, theme, withBorder }, null, 'paper');\n  const Element = component || 'div';\n\n  return (\n    <Element className={cx(classes.paper, className)} ref={elementRef as any} {...others}>\n      {children}\n    </Element>\n  );\n}\n\nPaper.displayName = '@mantine/core/Paper';\n"],"names":["useMantineTheme","useStyles","React","cx"],"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;AAKK,SAAS,KAAK,CAAC,EAAE,EAAE;AAC1B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,OAAO,GAAG,CAAC;AACf,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,UAAU,GAAG,KAAK;AACtB,IAAI,MAAM;AACV,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,KAAK,GAAGA,+BAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,EAAE,MAAM,OAAO,GAAGC,uBAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;AAC3F,EAAE,MAAM,OAAO,GAAG,SAAS,IAAI,KAAK,CAAC;AACrC,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAAC,OAAO,EAAE,cAAc,CAAC;AACrE,IAAI,SAAS,EAAEC,WAAE,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;AAC3C,IAAI,GAAG,EAAE,UAAU;AACnB,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Paper.js","sources":["../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineShadow } from '@mantine/styles';\nimport useStyles from './Paper.styles';\n\nexport interface SharedPaperProps extends DefaultProps {\n  /** Predefined padding value from theme.spacing or number for padding in px */\n  padding?: MantineNumberSize;\n\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\ninterface _PaperProps<C extends React.ElementType, R extends HTMLElement> extends SharedPaperProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n}\n\nexport type PaperProps<\n  C extends React.ElementType = 'div',\n  R extends HTMLElement = HTMLDivElement\n> = _PaperProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _PaperProps<C, R>>;\n\nexport function Paper<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n  component,\n  className,\n  children,\n  padding = 0,\n  radius = 'sm',\n  withBorder = false,\n  shadow,\n  elementRef,\n  ...others\n}: PaperProps<C, R>) {\n  const { classes, cx } = useStyles({ radius, shadow, padding, withBorder }, null, 'paper');\n  const Element = component || 'div';\n\n  return (\n    <Element className={cx(classes.paper, className)} ref={elementRef as any} {...others}>\n      {children}\n    </Element>\n  );\n}\n\nPaper.displayName = '@mantine/core/Paper';\n"],"names":["useStyles","React"],"mappings":"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"}

package/cjs/components/Paper/Paper.styles.js

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
-var getFocusStyles = require('../../theme/utils/get-focus-styles/get-focus-styles.js');
+var styles = require('@mantine/styles');
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -25,20 +23,20 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createMemoStyles.createMemoStyles({
-  paper: ({ theme, radius, shadow, padding, withBorder }) => __spreadProps(__spreadValues({}, getFocusStyles.getFocusStyles(theme)), {
+var useStyles = styles.createStyles((theme, { radius, shadow, padding, withBorder }) => ({
+  paper: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
     WebkitTapHighlightColor: "transparent",
     display: "block",
     textDecoration: "none",
     color: theme.black,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
     boxSizing: "border-box",
-    borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
+    borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
     boxShadow: theme.shadows[shadow] || shadow || "none",
-    padding: getSizeValue.getSizeValue({ size: padding, sizes: theme.spacing }),
+    padding: styles.getSizeValue({ size: padding, sizes: theme.spacing }),
     border: withBorder ? `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}` : void 0
   })
-});
+}));
 
 exports.default = useStyles;
 //# sourceMappingURL=Paper.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import {\n  createMemoStyles,\n  MantineTheme,\n  MantineNumberSize,\n  getSizeValue,\n  getFocusStyles,\n} from '../../theme';\n\ninterface PaperStyles {\n  theme: MantineTheme;\n  radius: MantineNumberSize;\n  shadow: string;\n  padding: MantineNumberSize;\n  withBorder: boolean;\n}\n\nexport default createMemoStyles({\n  paper: ({ theme, radius, shadow, padding, withBorder }: PaperStyles) => ({\n    ...getFocusStyles(theme),\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    textDecoration: 'none',\n    color: theme.black,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    boxSizing: 'border-box',\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    boxShadow: theme.shadows[shadow] || shadow || 'none',\n    padding: getSizeValue({ size: padding, sizes: theme.spacing }),\n    border: withBorder\n      ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]}`\n      : undefined,\n  }),\n});\n"],"names":["createMemoStyles","getFocusStyles","getSizeValue"],"mappings":"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"}
+{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getSizeValue,\n  getFocusStyles,\n  MantineShadow,\n} from '@mantine/styles';\n\ninterface PaperStyles {\n  radius: MantineNumberSize;\n  shadow: MantineShadow;\n  padding: MantineNumberSize;\n  withBorder: boolean;\n}\n\nexport default createStyles((theme, { radius, shadow, padding, withBorder }: PaperStyles) => ({\n  paper: {\n    ...getFocusStyles(theme),\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    textDecoration: 'none',\n    color: theme.black,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    boxSizing: 'border-box',\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    boxShadow: theme.shadows[shadow] || shadow || 'none',\n    padding: getSizeValue({ size: padding, sizes: theme.spacing }),\n    border: withBorder\n      ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]}`\n      : undefined,\n  },\n}));\n"],"names":["createStyles","getFocusStyles","getSizeValue"],"mappings":"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"}

package/cjs/components/PasswordInput/PasswordInput.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var ActionIcon = require('../ActionIcon/ActionIcon.js');
 var TextInput = require('../TextInput/TextInput.js');
 var PasswordToggleIcon = require('./PasswordToggleIcon.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -71,7 +71,6 @@ function PasswordInput(_a) {
     disabled,
     hidePasswordLabel,
     showPasswordLabel,
-    themeOverride,
     size = "sm",
     toggleTabIndex = -1
   } = _b, others = __objRest(_b, [
@@ -79,7 +78,6 @@ function PasswordInput(_a) {
     "disabled",
     "hidePasswordLabel",
     "showPasswordLabel",
-    "themeOverride",
     "size",
     "toggleTabIndex"
   ]);
@@ -96,21 +94,19 @@ function PasswordInput(_a) {
       }
     },
     tabIndex: toggleTabIndex,
-    themeOverride,
     title: reveal ? hidePasswordLabel : showPasswordLabel,
     "aria-label": reveal ? hidePasswordLabel : showPasswordLabel,
     radius,
-    size: getSizeValue.getSizeValue({ size, sizes: buttonSizes })
+    size: styles.getSizeValue({ size, sizes: buttonSizes })
   }, /* @__PURE__ */ React__default.createElement(PasswordToggleIcon.PasswordToggleIcon, {
     reveal,
-    size: getSizeValue.getSizeValue({ size, sizes: iconSizes })
+    size: styles.getSizeValue({ size, sizes: iconSizes })
   }));
   return /* @__PURE__ */ React__default.createElement(TextInput.TextInput, __spreadProps(__spreadValues({}, others), {
     disabled,
-    themeOverride,
     type: reveal ? "text" : "password",
     rightSection: disabled ? null : rightSection,
-    rightSectionWidth: getSizeValue.getSizeValue({ size, sizes: rightSectionWidth }),
+    rightSectionWidth: styles.getSizeValue({ size, sizes: rightSectionWidth }),
     size,
     radius,
     __staticSelector: "password-input"

package/cjs/components/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React from 'react';\nimport { useBooleanToggle } from '@mantine/hooks';\nimport { getSizeValue } from '../../theme';\nimport type { InputStylesNames } from '../Input/Input';\nimport type { InputWrapperStylesNames } from '../InputWrapper/InputWrapper';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { TextInput } from '../TextInput/TextInput';\nimport { PasswordToggleIcon } from './PasswordToggleIcon';\n\nexport type PasswordInputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport interface PasswordInputProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof TextInput>,\n    'rightSection' | 'rightSectionProps' | 'rightSectionWidth'\n  > {\n  /** Title for visibility toggle button in hidden state */\n  showPasswordLabel?: string;\n\n  /** Title for visibility toggle button in visible state */\n  hidePasswordLabel?: string;\n\n  /** Toggle button tabIndex, set to 0 to make button focusable with tab key */\n  toggleTabIndex?: -1 | 0;\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 rightSectionWidth = {\n  xs: 28,\n  sm: 34,\n  md: 34,\n  lg: 44,\n  xl: 54,\n};\n\nexport function PasswordInput({\n  radius,\n  disabled,\n  hidePasswordLabel,\n  showPasswordLabel,\n  themeOverride,\n  size = 'sm',\n  toggleTabIndex = -1,\n  ...others\n}: PasswordInputProps) {\n  const [reveal, toggle] = useBooleanToggle(false);\n\n  const rightSection = (\n    <ActionIcon<'button'>\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      tabIndex={toggleTabIndex}\n      themeOverride={themeOverride}\n      title={reveal ? hidePasswordLabel : showPasswordLabel}\n      aria-label={reveal ? hidePasswordLabel : showPasswordLabel}\n      radius={radius}\n      size={getSizeValue({ size, sizes: buttonSizes })}\n    >\n      <PasswordToggleIcon reveal={reveal} size={getSizeValue({ size, sizes: iconSizes })} />\n    </ActionIcon>\n  );\n\n  return (\n    <TextInput\n      {...others}\n      disabled={disabled}\n      themeOverride={themeOverride}\n      type={reveal ? 'text' : 'password'}\n      rightSection={disabled ? null : rightSection}\n      rightSectionWidth={getSizeValue({ size, sizes: rightSectionWidth })}\n      size={size}\n      radius={radius}\n      __staticSelector=\"password-input\"\n    />\n  );\n}\n\nPasswordInput.displayName = '@mantine/core/PasswordInput';\n"],"names":["useBooleanToggle","React","ActionIcon","getSizeValue","PasswordToggleIcon","TextInput"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React from 'react';\nimport { useBooleanToggle } from '@mantine/hooks';\nimport { getSizeValue } from '@mantine/styles';\nimport type { InputStylesNames } from '../Input/Input';\nimport type { InputWrapperStylesNames } from '../InputWrapper/InputWrapper';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { TextInput } from '../TextInput/TextInput';\nimport { PasswordToggleIcon } from './PasswordToggleIcon';\n\nexport type PasswordInputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport interface PasswordInputProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof TextInput>,\n    'rightSection' | 'rightSectionProps' | 'rightSectionWidth'\n  > {\n  /** Title for visibility toggle button in hidden state */\n  showPasswordLabel?: string;\n\n  /** Title for visibility toggle button in visible state */\n  hidePasswordLabel?: string;\n\n  /** Toggle button tabIndex, set to 0 to make button focusable with tab key */\n  toggleTabIndex?: -1 | 0;\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 rightSectionWidth = {\n  xs: 28,\n  sm: 34,\n  md: 34,\n  lg: 44,\n  xl: 54,\n};\n\nexport function PasswordInput({\n  radius,\n  disabled,\n  hidePasswordLabel,\n  showPasswordLabel,\n  size = 'sm',\n  toggleTabIndex = -1,\n  ...others\n}: PasswordInputProps) {\n  const [reveal, toggle] = useBooleanToggle(false);\n\n  const rightSection = (\n    <ActionIcon<'button'>\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      tabIndex={toggleTabIndex}\n      title={reveal ? hidePasswordLabel : showPasswordLabel}\n      aria-label={reveal ? hidePasswordLabel : showPasswordLabel}\n      radius={radius}\n      size={getSizeValue({ size, sizes: buttonSizes })}\n    >\n      <PasswordToggleIcon reveal={reveal} size={getSizeValue({ size, sizes: iconSizes })} />\n    </ActionIcon>\n  );\n\n  return (\n    <TextInput\n      {...others}\n      disabled={disabled}\n      type={reveal ? 'text' : 'password'}\n      rightSection={disabled ? null : rightSection}\n      rightSectionWidth={getSizeValue({ size, sizes: rightSectionWidth })}\n      size={size}\n      radius={radius}\n      __staticSelector=\"password-input\"\n    />\n  );\n}\n\nPasswordInput.displayName = '@mantine/core/PasswordInput';\n"],"names":["useBooleanToggle","React","ActionIcon","getSizeValue","PasswordToggleIcon","TextInput"],"mappings":"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"}