@mantine/core 2.6.0-alpha.0 → 2.6.0-alpha.1

package/esm/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,5 +1,106 @@
-function AccordionItem(props) {
-  return null;
+import React from 'react';
+import { useForceUpdate, useReducedMotion, useWindowEvent } from '@mantine/hooks';
+import { mergeStyles } from '@mantine/styles';
+import { ChevronIcon } from './ChevronIcon.js';
+import useStyles from './AccordionItem.styles.js';
+import { UnstyledButton } from '../../Button/UnstyledButton/UnstyledButton.js';
+import { Center } from '../../Center/Center.js';
+import { Collapse } from '../../Collapse/Collapse.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function AccordionItem(_a) {
+  var _b = _a, {
+    opened,
+    onToggle,
+    label,
+    children,
+    className,
+    classNames,
+    styles,
+    transitionDuration,
+    icon = /* @__PURE__ */ React.createElement(ChevronIcon, null),
+    disableIconRotation = false,
+    iconPosition = "left",
+    style,
+    id
+  } = _b, others = __objRest(_b, [
+    "opened",
+    "onToggle",
+    "label",
+    "children",
+    "className",
+    "classNames",
+    "styles",
+    "transitionDuration",
+    "icon",
+    "disableIconRotation",
+    "iconPosition",
+    "style",
+    "id"
+  ]);
+  const forceUpdate = useForceUpdate();
+  const reduceMotion = useReducedMotion();
+  const duration = reduceMotion ? 0 : transitionDuration;
+  const { classes, cx } = useStyles({ transitionDuration: duration, disableIconRotation, iconPosition }, classNames, "accordion");
+  const _styles = mergeStyles(classes, styles);
+  useWindowEvent("resize", () => forceUpdate());
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: cx(classes.item, { [classes.itemOpened]: opened }, className),
+    style: __spreadValues(__spreadValues(__spreadValues({}, _styles.item), opened ? _styles.itemOpened : null), style)
+  }, others), /* @__PURE__ */ React.createElement(UnstyledButton, {
+    className: classes.control,
+    style: _styles.control,
+    onClick: onToggle,
+    type: "button",
+    "aria-expanded": opened,
+    "aria-controls": `${id}-body`,
+    id
+  }, /* @__PURE__ */ React.createElement(Center, {
+    className: classes.icon,
+    style: _styles.icon
+  }, icon), /* @__PURE__ */ React.createElement("div", {
+    className: classes.label,
+    style: _styles.label
+  }, label)), /* @__PURE__ */ React.createElement(Collapse, {
+    in: opened,
+    transitionDuration: duration
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classes.content,
+    role: "region",
+    id: `${id}-body`,
+    "aria-labelledby": id,
+    style: _styles.content
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classes.contentInner,
+    style: _styles.contentInner
+  }, children))));
 }
 AccordionItem.displayName = "@mantine/core/AccordionItem";
 

package/esm/components/Accordion/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface AccordionItemProps extends React.ComponentProps<'div'> {\n  /** AccordionItem control label */\n  label?: React.ReactNode;\n\n  /** Icon on the left side of label */\n  icon?: React.ReactNode;\n\n  /** AccordionItem content */\n  children?: React.ReactNode;\n\n  /** Get tab control ref */\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport interface AccordionItemType {\n  type: any;\n  props: AccordionItemProps;\n}\n\n// Props should be kept for ts integration\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function AccordionItem(props: AccordionItemProps) {\n  return null;\n}\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":[],"mappings":"AAAO,SAAS,aAAa,CAAC,KAAK,EAAE;AACrC,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport { useWindowEvent, useForceUpdate, useReducedMotion } from '@mantine/hooks';\nimport { DefaultProps, mergeStyles, ClassNames } from '@mantine/styles';\nimport { Collapse } from '../../Collapse';\nimport { UnstyledButton } from '../../Button';\nimport { Center } from '../../Center';\nimport { ChevronIcon } from './ChevronIcon';\nimport useStyles, { AccordionIconPosition } from './AccordionItem.styles';\n\nexport type { AccordionIconPosition };\nexport type AccordionItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface PublicAccordionItemProps extends React.ComponentPropsWithoutRef<'div'> {\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n  elementRef?: React.ForwardedRef<HTMLButtonElement>;\n  disableIconRotation?: boolean;\n  iconPosition?: AccordionIconPosition;\n}\n\nexport interface AccordionItemType {\n  type: any;\n  props: PublicAccordionItemProps;\n}\n\ninterface AccordionItemProps\n  extends DefaultProps<AccordionItemStylesNames>,\n    PublicAccordionItemProps {\n  opened?: boolean;\n  onToggle?(): void;\n  transitionDuration?: number;\n  id?: string;\n}\n\nexport function AccordionItem({\n  opened,\n  onToggle,\n  label,\n  children,\n  className,\n  classNames,\n  styles,\n  transitionDuration,\n  icon = <ChevronIcon />,\n  disableIconRotation = false,\n  iconPosition = 'left',\n  style,\n  id,\n  ...others\n}: AccordionItemProps) {\n  const forceUpdate = useForceUpdate();\n  const reduceMotion = useReducedMotion();\n  const duration = reduceMotion ? 0 : transitionDuration;\n  const { classes, cx } = useStyles(\n    { transitionDuration: duration, disableIconRotation, iconPosition },\n    classNames,\n    'accordion'\n  );\n  const _styles = mergeStyles(classes, styles);\n\n  useWindowEvent('resize', () => forceUpdate());\n\n  return (\n    <div\n      className={cx(classes.item, { [classes.itemOpened]: opened }, className)}\n      style={{ ..._styles.item, ...(opened ? _styles.itemOpened : null), ...style }}\n      {...others}\n    >\n      <UnstyledButton\n        className={classes.control}\n        style={_styles.control}\n        onClick={onToggle}\n        type=\"button\"\n        aria-expanded={opened}\n        aria-controls={`${id}-body`}\n        id={id}\n      >\n        <Center className={classes.icon} style={_styles.icon}>\n          {icon}\n        </Center>\n\n        <div className={classes.label} style={_styles.label}>\n          {label}\n        </div>\n      </UnstyledButton>\n\n      <Collapse in={opened} transitionDuration={duration}>\n        <div\n          className={classes.content}\n          role=\"region\"\n          id={`${id}-body`}\n          aria-labelledby={id}\n          style={_styles.content}\n        >\n          <div className={classes.contentInner} style={_styles.contentInner}>\n            {children}\n          </div>\n        </div>\n      </Collapse>\n    </div>\n  );\n}\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":[],"mappings":"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"}

package/esm/components/Accordion/{AccordionControl/AccordionControl.styles.js → AccordionItem/AccordionItem.styles.js}

@@ -19,54 +19,57 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createStyles((theme, { transitionDuration }, getRef) => {
+const ICON_SIZE = 24;
+var useStyles = createStyles((theme, { transitionDuration, disableIconRotation, iconPosition }, getRef) => {
   const icon = {
-    ref: getRef(),
-    transition: `transform ${transitionDuration}ms ease`
+    ref: getRef("icon"),
+    transition: `transform ${transitionDuration}ms ease`,
+    marginRight: theme.spacing.sm,
+    width: ICON_SIZE,
+    minWidth: ICON_SIZE,
+    height: ICON_SIZE,
+    borderRadius: ICON_SIZE
   };
   return {
     icon,
     label: {
       color: "inherit",
-      fontWeight: 500
+      fontWeight: 500,
+      flex: 1
     },
     item: {
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
-      "&:last-of-type": {
-        borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`
-      }
+      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
     },
     itemOpened: {
       [`& .${icon.ref}`]: {
-        transform: "rotate(180deg)"
+        transform: disableIconRotation ? "none" : "rotate(180deg)"
       }
     },
     control: __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
       width: "100%",
       display: "flex",
       alignItems: "center",
-      justifyContent: "space-between",
-      padding: theme.spacing.md,
-      fontSize: theme.fontSizes.md,
+      flexDirection: iconPosition === "right" ? "row-reverse" : "row",
+      padding: `${theme.spacing.sm}px ${theme.spacing.md / 2}px`,
+      paddingLeft: iconPosition === "right" ? theme.spacing.sm + 4 : null,
       fontWeight: 500,
       textAlign: "left",
-      color: "inherit",
-      backgroundColor: "transparent",
-      border: "none",
-      cursor: "pointer"
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      "&:hover": {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+      }
+    }),
+    content: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
+      lineHeight: theme.lineHeight,
+      paddingLeft: iconPosition === "right" ? 0 : ICON_SIZE + theme.spacing.xs / 2
     }),
-    content: {
-      transition: `height ${transitionDuration}ms ease`,
-      overflow: "hidden"
-    },
     contentInner: {
-      paddingTop: 0,
       padding: theme.spacing.md,
-      transition: `opacity ${transitionDuration}ms ease`
+      paddingTop: theme.spacing.xs / 2
     }
   };
 });
 
 export default useStyles;
-//# sourceMappingURL=AccordionControl.styles.js.map
+//# sourceMappingURL=AccordionItem.styles.js.map

package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles, getFocusStyles, getFontStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' | 'left';\n\ninterface AccordionItemStyles {\n  transitionDuration: number;\n  disableIconRotation: boolean;\n  iconPosition: AccordionIconPosition;\n}\n\nconst ICON_SIZE = 24;\n\nexport default createStyles(\n  (\n    theme,\n    { transitionDuration, disableIconRotation, iconPosition }: AccordionItemStyles,\n    getRef\n  ) => {\n    const icon = {\n      ref: getRef('icon'),\n      transition: `transform ${transitionDuration}ms ease`,\n      marginRight: theme.spacing.sm,\n      width: ICON_SIZE,\n      minWidth: ICON_SIZE,\n      height: ICON_SIZE,\n      borderRadius: ICON_SIZE,\n    } as const;\n\n    return {\n      icon,\n\n      label: {\n        color: 'inherit',\n        fontWeight: 500,\n        flex: 1,\n      },\n\n      item: {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        borderBottom: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n        }`,\n      },\n\n      itemOpened: {\n        [`& .${icon.ref}`]: {\n          transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n        },\n      },\n\n      control: {\n        ...getFocusStyles(theme),\n        ...getFontStyles(theme),\n        width: '100%',\n        display: 'flex',\n        alignItems: 'center',\n        flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n        padding: `${theme.spacing.sm}px ${theme.spacing.md / 2}px`,\n        paddingLeft: iconPosition === 'right' ? theme.spacing.sm + 4 : null,\n        fontWeight: 500,\n        textAlign: 'left',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n        '&:hover': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n        },\n      },\n\n      content: {\n        ...getFontStyles(theme),\n        lineHeight: theme.lineHeight,\n        paddingLeft: iconPosition === 'right' ? 0 : ICON_SIZE + theme.spacing.xs / 2,\n      },\n\n      contentInner: {\n        padding: theme.spacing.md,\n        paddingTop: theme.spacing.xs / 2,\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/components/Accordion/AccordionItem/ChevronIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronIcon.js","sources":["../../../../src/components/Accordion/AccordionItem/ChevronIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function ChevronIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={16}\n      height={16}\n      {...props}\n    >\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEK,SAAS,WAAW,CAAC,KAAK,EAAE;AACnC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,GAAG,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACzD,IAAI,CAAC,EAAE,4TAA4T;AACnU,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,QAAQ,EAAE,SAAS;AACvB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/esm/components/Accordion/use-accordion-state/use-accordion-state.js

@@ -0,0 +1,60 @@
+import { useUncontrolled } from '@mantine/hooks';
+
+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));
+function createAccordionState(length, initialItem = -1) {
+  return Array.from({ length }).reduce((acc, _item, index) => {
+    acc[index] = index === initialItem;
+    return acc;
+  }, {});
+}
+function useAccordionState({
+  initialState,
+  items,
+  initialItem,
+  state,
+  onChange,
+  multiple
+}) {
+  const _initialState = initialState || createAccordionState(items.length, initialItem);
+  const [value, setValue] = useUncontrolled({
+    value: state,
+    defaultValue: _initialState,
+    finalValue: {},
+    onChange,
+    rule: (val) => val !== null && typeof val === "object"
+  });
+  const handleItemToggle = (index) => {
+    if (multiple) {
+      setValue(__spreadProps(__spreadValues({}, value), { [index]: !value[index] }));
+    } else {
+      const newValues = items.reduce((acc, item, itemIndex) => {
+        acc[itemIndex] = false;
+        return acc;
+      }, {});
+      newValues[index] = !value[index];
+      setValue(newValues);
+    }
+  };
+  return [value, handleItemToggle];
+}
+
+export { createAccordionState, useAccordionState };
+//# sourceMappingURL=use-accordion-state.js.map

package/esm/components/Accordion/use-accordion-state/use-accordion-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-accordion-state.js","sources":["../../../../src/components/Accordion/use-accordion-state/use-accordion-state.ts"],"sourcesContent":["import { useUncontrolled } from '@mantine/hooks';\n\nexport function createAccordionState(length: number, initialItem = -1) {\n  return Array.from({ length }).reduce((acc, _item, index) => {\n    acc[index] = index === initialItem;\n    return acc;\n  }, {}) as AccordionState;\n}\n\nexport type AccordionState = Record<string, boolean>;\n\ninterface UseAccordionState {\n  multiple: boolean;\n  initialState: AccordionState;\n  state: AccordionState;\n  items: unknown[];\n  initialItem: number;\n  onChange(state: Record<string, boolean>): void;\n}\n\nexport function useAccordionState({\n  initialState,\n  items,\n  initialItem,\n  state,\n  onChange,\n  multiple,\n}: UseAccordionState) {\n  const _initialState = initialState || createAccordionState(items.length, initialItem);\n\n  const [value, setValue] = useUncontrolled({\n    value: state,\n    defaultValue: _initialState,\n    finalValue: {} as Record<string, boolean>,\n    onChange,\n    rule: (val) => val !== null && typeof val === 'object',\n  });\n\n  const handleItemToggle = (index: number) => {\n    if (multiple) {\n      setValue({ ...value, [index]: !value[index] });\n    } else {\n      const newValues = items.reduce((acc, item, itemIndex) => {\n        acc[itemIndex] = false;\n        return acc;\n      }, {}) as Record<string, boolean>;\n      newValues[index] = !value[index];\n      setValue(newValues);\n    }\n  };\n\n  return [value, handleItemToggle] as const;\n}\n"],"names":[],"mappings":"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"}

package/esm/components/ActionIcon/ActionIcon.js

@@ -34,14 +34,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const ACTION_ICON_SIZES = sizes;
-const LOADER_SIZES = {
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20
-};
 function ActionIcon(_a) {
   var _b = _a, {
     className,
@@ -74,10 +66,10 @@ function ActionIcon(_a) {
   const colors = getSharedColorScheme({ color, theme, variant: "light" });
   const loader = /* @__PURE__ */ React.createElement(Loader, __spreadValues({
     color: colors.color,
-    size: getSizeValue({ size, sizes: LOADER_SIZES })
+    size: getSizeValue({ size, sizes }) - 12
   }, loaderProps));
   return /* @__PURE__ */ React.createElement(Element, __spreadProps(__spreadValues({}, others), {
-    className: cx(classes.root, classes[variant], { [classes.loading]: loading }, className),
+    className: cx(classes.root, { [classes.loading]: loading }, className),
     type: "button",
     ref: elementRef,
     disabled: disabled || loading
@@ -85,5 +77,5 @@ function ActionIcon(_a) {
 }
 ActionIcon.displayName = "@mantine/core/ActionIcon";
 
-export { ACTION_ICON_SIZES, ActionIcon };
+export { ActionIcon };
 //# sourceMappingURL=ActionIcon.js.map

package/esm/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  getSharedColorScheme,\n  MantineColor,\n} from '@mantine/styles';\n\nimport useStyles, { sizes, ActionIconVariant } from './ActionIcon.styles';\nimport { Loader, LoaderProps } from '../Loader/Loader';\n\nexport const ACTION_ICON_SIZES = sizes;\n\nconst LOADER_SIZES = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 18,\n  xl: 20,\n};\n\ninterface _ActionIconProps<C extends React.ElementType, R extends HTMLElement>\n  extends DefaultProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n\n  /** Icon rendered inside button */\n  children: React.ReactNode;\n\n  /** Controls appearance */\n  variant?: ActionIconVariant;\n\n  /** Button hover, active and icon colors from theme */\n  color?: MantineColor;\n\n  /** Button border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined icon size or number to set width and height in px */\n  size?: MantineNumberSize;\n\n  /** Props spread to Loader component */\n  loaderProps?: LoaderProps;\n\n  /** Indicate loading state */\n  loading?: boolean;\n}\n\nexport type ActionIconProps<\n  C extends React.ElementType = 'button',\n  R extends HTMLElement = HTMLButtonElement\n> = _ActionIconProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _ActionIconProps<C, R>>;\n\nexport function ActionIcon<\n  C extends React.ElementType = 'button',\n  R extends HTMLElement = HTMLButtonElement\n>({\n  className,\n  color = 'gray',\n  children,\n  radius = 'sm',\n  size = 'md',\n  variant = 'hover',\n  disabled = false,\n  loaderProps,\n  loading = false,\n  elementRef,\n  component,\n  ...others\n}: ActionIconProps<C, R>) {\n  const theme = useMantineTheme();\n  const { classes, cx } = useStyles({ size, radius, color, variant }, null, 'action-icon');\n  const Element = component || 'button';\n  const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n  const loader = (\n    <Loader\n      color={colors.color}\n      size={getSizeValue({ size, sizes: LOADER_SIZES })}\n      {...loaderProps}\n    />\n  );\n\n  return (\n    <Element\n      {...others}\n      className={cx(classes.root, classes[variant], { [classes.loading]: loading }, className)}\n      type=\"button\"\n      ref={elementRef as any}\n      disabled={disabled || loading}\n    >\n      {loading ? loader : children}\n    </Element>\n  );\n}\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\n"],"names":[],"mappings":";;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,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;AASU,MAAC,iBAAiB,GAAG,MAAM;AACvC,MAAM,YAAY,GAAG;AACrB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACK,SAAS,UAAU,CAAC,EAAE,EAAE;AAC/B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK,GAAG,MAAM;AAClB,IAAI,QAAQ;AACZ,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,OAAO,GAAG,OAAO;AACrB,IAAI,QAAQ,GAAG,KAAK;AACpB,IAAI,WAAW;AACf,IAAI,OAAO,GAAG,KAAK;AACnB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC;AAC3F,EAAE,MAAM,OAAO,GAAG,SAAS,IAAI,QAAQ,CAAC;AACxC,EAAE,MAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1E,EAAE,MAAM,MAAM,mBAAmB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,cAAc,CAAC;AAC5E,IAAI,KAAK,EAAE,MAAM,CAAC,KAAK;AACvB,IAAI,IAAI,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AACrD,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAChG,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,EAAE,SAAS,CAAC;AAC5F,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,QAAQ,EAAE,QAAQ,IAAI,OAAO;AACjC,GAAG,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC,CAAC;AACnC,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
+{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  getSharedColorScheme,\n  MantineColor,\n} from '@mantine/styles';\nimport useStyles, { sizes, ActionIconVariant } from './ActionIcon.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\ninterface _ActionIconProps<C extends React.ElementType, R extends HTMLElement>\n  extends DefaultProps {\n  /** Root element or custom component */\n  component?: C;\n\n  /** Get element ref */\n  elementRef?: React.ForwardedRef<R>;\n\n  /** Icon rendered inside button */\n  children: React.ReactNode;\n\n  /** Controls appearance */\n  variant?: ActionIconVariant;\n\n  /** Button hover, active and icon colors from theme */\n  color?: MantineColor;\n\n  /** Button border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Predefined icon size or number to set width and height in px */\n  size?: MantineNumberSize;\n\n  /** Props spread to Loader component */\n  loaderProps?: LoaderProps;\n\n  /** Indicate loading state */\n  loading?: boolean;\n}\n\nexport type ActionIconProps<\n  C extends React.ElementType = 'button',\n  R extends HTMLElement = HTMLButtonElement\n> = _ActionIconProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _ActionIconProps<C, R>>;\n\nexport function ActionIcon<\n  C extends React.ElementType = 'button',\n  R extends HTMLElement = HTMLButtonElement\n>({\n  className,\n  color = 'gray',\n  children,\n  radius = 'sm',\n  size = 'md',\n  variant = 'hover',\n  disabled = false,\n  loaderProps,\n  loading = false,\n  elementRef,\n  component,\n  ...others\n}: ActionIconProps<C, R>) {\n  const theme = useMantineTheme();\n  const { classes, cx } = useStyles({ size, radius, color, variant }, null, 'action-icon');\n  const Element = component || 'button';\n  const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n  const loader = (\n    <Loader color={colors.color} size={getSizeValue({ size, sizes }) - 12} {...loaderProps} />\n  );\n\n  return (\n    <Element\n      {...others}\n      className={cx(classes.root, { [classes.loading]: loading }, className)}\n      type=\"button\"\n      ref={elementRef as any}\n      disabled={disabled || loading}\n    >\n      {loading ? loader : children}\n    </Element>\n  );\n}\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\n"],"names":[],"mappings":"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"}

package/esm/components/ActionIcon/ActionIcon.styles.js

@@ -69,6 +69,11 @@ var useStyles = createStyles((theme, { color, size, radius, variant }) => ({
         theme,
         color: "gray",
         shade: theme.colorScheme === "dark" ? 8 : 1
+      }),
+      borderColor: getThemeColor({
+        theme,
+        color: "gray",
+        shade: theme.colorScheme === "dark" ? 8 : 1
       })
     },
     "&:not(:disabled):active": {

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

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getSizeValue,\n  getFontStyles,\n  getFocusStyles,\n  getThemeColor,\n  getSharedColorScheme,\n  hexToRgba,\n  MantineColor,\n  MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n  | 'hover'\n  | 'filled'\n  | 'outline'\n  | 'light'\n  | 'default'\n  | 'transparent';\n\ninterface ActionIconStyles {\n  color: MantineColor;\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  variant: ActionIconVariant;\n}\n\nexport const sizes = {\n  xs: 18,\n  sm: 22,\n  md: 28,\n  lg: 34,\n  xl: 44,\n};\n\ninterface GetVariantStyles {\n  variant: ActionIconVariant;\n  theme: MantineTheme;\n  color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n  if (variant === 'hover' || variant === 'transparent') {\n    return {\n      border: '1px solid transparent',\n      color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 4 : 7 }),\n      backgroundColor: 'transparent',\n\n      '&:hover':\n        variant === 'transparent'\n          ? {}\n          : {\n              backgroundColor:\n                theme.colorScheme === 'dark'\n                  ? theme.colors.dark[8]\n                  : getThemeColor({ theme, color, shade: 0 }),\n            },\n    };\n  }\n\n  const colors = getSharedColorScheme({ theme, color, variant });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.color,\n    border: `1px solid ${colors.border}`,\n  };\n}\n\nexport default createStyles((theme, { color, size, radius, variant }: ActionIconStyles) => ({\n  root: {\n    ...getFocusStyles(theme),\n    ...getFontStyles(theme),\n    ...getVariantStyles({ variant, theme, color }),\n    position: 'relative',\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    WebkitTapHighlightColor: 'transparent',\n    boxSizing: 'border-box',\n    height: getSizeValue({ size, sizes }),\n    minHeight: getSizeValue({ size, sizes }),\n    width: getSizeValue({ size, sizes }),\n    minWidth: getSizeValue({ size, sizes }),\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    padding: 0,\n    lineHeight: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'pointer',\n\n    '&:disabled': {\n      color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n      cursor: 'not-allowed',\n\n      backgroundColor: getThemeColor({\n        theme,\n        color: 'gray',\n        shade: theme.colorScheme === 'dark' ? 8 : 1,\n      }),\n    },\n\n    '&:not(:disabled):active': {\n      transform: 'translateY(1px)',\n    },\n  },\n\n  loading: {\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: -1,\n      left: -1,\n      right: -1,\n      bottom: -1,\n      backgroundColor:\n        theme.colorScheme === 'dark'\n          ? hexToRgba(theme.colors.dark[7], 0.5)\n          : 'rgba(255, 255, 255, .5)',\n      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getSizeValue,\n  getFontStyles,\n  getFocusStyles,\n  getThemeColor,\n  getSharedColorScheme,\n  hexToRgba,\n  MantineColor,\n  MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n  | 'hover'\n  | 'filled'\n  | 'outline'\n  | 'light'\n  | 'default'\n  | 'transparent';\n\ninterface ActionIconStyles {\n  color: MantineColor;\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  variant: ActionIconVariant;\n}\n\nexport const sizes = {\n  xs: 18,\n  sm: 22,\n  md: 28,\n  lg: 34,\n  xl: 44,\n};\n\ninterface GetVariantStyles {\n  variant: ActionIconVariant;\n  theme: MantineTheme;\n  color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n  if (variant === 'hover' || variant === 'transparent') {\n    return {\n      border: '1px solid transparent',\n      color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 4 : 7 }),\n      backgroundColor: 'transparent',\n\n      '&:hover':\n        variant === 'transparent'\n          ? {}\n          : {\n              backgroundColor:\n                theme.colorScheme === 'dark'\n                  ? theme.colors.dark[8]\n                  : getThemeColor({ theme, color, shade: 0 }),\n            },\n    };\n  }\n\n  const colors = getSharedColorScheme({ theme, color, variant });\n\n  return {\n    backgroundColor: colors.background,\n    color: colors.color,\n    border: `1px solid ${colors.border}`,\n  };\n}\n\nexport default createStyles((theme, { color, size, radius, variant }: ActionIconStyles) => ({\n  root: {\n    ...getFocusStyles(theme),\n    ...getFontStyles(theme),\n    ...getVariantStyles({ variant, theme, color }),\n    position: 'relative',\n    appearance: 'none',\n    WebkitAppearance: 'none',\n    WebkitTapHighlightColor: 'transparent',\n    boxSizing: 'border-box',\n    height: getSizeValue({ size, sizes }),\n    minHeight: getSizeValue({ size, sizes }),\n    width: getSizeValue({ size, sizes }),\n    minWidth: getSizeValue({ size, sizes }),\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    padding: 0,\n    lineHeight: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'pointer',\n\n    '&:disabled': {\n      color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n      cursor: 'not-allowed',\n\n      backgroundColor: getThemeColor({\n        theme,\n        color: 'gray',\n        shade: theme.colorScheme === 'dark' ? 8 : 1,\n      }),\n      borderColor: getThemeColor({\n        theme,\n        color: 'gray',\n        shade: theme.colorScheme === 'dark' ? 8 : 1,\n      }),\n    },\n\n    '&:not(:disabled):active': {\n      transform: 'translateY(1px)',\n    },\n  },\n\n  loading: {\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: -1,\n      left: -1,\n      right: -1,\n      bottom: -1,\n      backgroundColor:\n        theme.colorScheme === 'dark'\n          ? hexToRgba(theme.colors.dark[7], 0.5)\n          : 'rgba(255, 255, 255, .5)',\n      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/ActionIcon/CloseButton/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.js","sources":["../../../../src/components/ActionIcon/CloseButton/CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { getSizeValue } from '@mantine/styles';\nimport { ActionIcon, ActionIconProps } from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport interface CloseButtonProps extends Omit<ActionIconProps, 'children'> {\n  /** Width and height of cross icon */\n  iconSize?: number;\n}\n\nconst iconSizes = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 24,\n};\n\nexport function CloseButton({ iconSize, size = 'md', ...others }: CloseButtonProps) {\n  const _iconSize = iconSize || getSizeValue({ size, sizes: iconSizes });\n  return (\n    <ActionIcon size={size} {...others}>\n      <CloseIcon style={{ width: _iconSize, height: _iconSize }} />\n    </ActionIcon>\n  );\n}\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CloseButton.js","sources":["../../../../src/components/ActionIcon/CloseButton/CloseButton.tsx"],"sourcesContent":["import React from 'react';\nimport { getSizeValue } from '@mantine/styles';\nimport { ActionIcon, ActionIconProps } from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport interface CloseButtonProps extends Omit<ActionIconProps, 'children'> {\n  /** Width and height of cross icon */\n  iconSize?: number;\n}\n\nconst iconSizes = {\n  xs: 12,\n  sm: 14,\n  md: 16,\n  lg: 20,\n  xl: 24,\n};\n\nexport function CloseButton({ iconSize, size = 'md', ...others }: CloseButtonProps) {\n  const _iconSize = iconSize || getSizeValue({ size, sizes: iconSizes });\n\n  return (\n    <ActionIcon size={size} {...others}>\n      <CloseIcon style={{ width: _iconSize, height: _iconSize }} />\n    </ActionIcon>\n  );\n}\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":[],"mappings":"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"}

package/esm/components/Alert/Alert.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { mergeStyles } from '@mantine/styles';
-import { CloseButton } from '../ActionIcon/CloseButton/CloseButton.js';
 import useStyles from './Alert.styles.js';
+import { CloseButton } from '../ActionIcon/CloseButton/CloseButton.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;

package/esm/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor } from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon/CloseButton/CloseButton';\nimport useStyles from './Alert.styles';\n\nexport type AlertStylesName = keyof ReturnType<typeof useStyles>['classes'];\n\nexport interface AlertProps\n  extends DefaultProps<AlertStylesName>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Optional alert title */\n  title?: React.ReactNode;\n\n  /** Alert message */\n  children: React.ReactNode;\n\n  /** Alert title and line colors from theme */\n  color?: MantineColor;\n\n  /** Icon displayed before title */\n  icon?: React.ReactNode;\n\n  /** Display close button */\n  withCloseButton?: boolean;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n}\n\nexport function Alert({\n  className,\n  title,\n  children,\n  color,\n  style,\n  classNames,\n  icon,\n  styles,\n  withCloseButton,\n  ...others\n}: AlertProps) {\n  const { classes, cx } = useStyles({ color, withIcon: !!icon }, classNames, 'alert');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <div className={cx(classes.root, className)} style={{ ...style, ..._styles.root }} {...others}>\n      <div className={classes.wrapper} style={_styles.wrapper}>\n        {icon && (\n          <div className={classes.icon} style={_styles.icon}>\n            {icon}\n          </div>\n        )}\n\n        <div className={classes.body} style={_styles.body}>\n          {title && (\n            <div className={classes.title} style={_styles.title}>\n              <span>{title}</span>\n              {withCloseButton && (\n                <CloseButton\n                  className={classes.closeButton}\n                  style={_styles.closeButton}\n                  variant=\"transparent\"\n                  size={16}\n                  iconSize={16}\n                />\n              )}\n            </div>\n          )}\n\n          <div className={classes.message} style={_styles.message}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon';\nimport useStyles from './Alert.styles';\n\nexport type AlertStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AlertProps\n  extends DefaultProps<AlertStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Optional alert title */\n  title?: React.ReactNode;\n\n  /** Alert message */\n  children: React.ReactNode;\n\n  /** Alert title and line colors from theme */\n  color?: MantineColor;\n\n  /** Icon displayed before title */\n  icon?: React.ReactNode;\n\n  /** Display close button */\n  withCloseButton?: boolean;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Close button aria-label */\n  closeButtonLabel?: string;\n}\n\nexport function Alert({\n  className,\n  title,\n  children,\n  color,\n  style,\n  classNames,\n  icon,\n  styles,\n  withCloseButton,\n  ...others\n}: AlertProps) {\n  const { classes, cx } = useStyles({ color, withIcon: !!icon }, classNames, 'alert');\n  const _styles = mergeStyles(classes, styles);\n\n  return (\n    <div className={cx(classes.root, className)} style={{ ...style, ..._styles.root }} {...others}>\n      <div className={classes.wrapper} style={_styles.wrapper}>\n        {icon && (\n          <div className={classes.icon} style={_styles.icon}>\n            {icon}\n          </div>\n        )}\n\n        <div className={classes.body} style={_styles.body}>\n          {title && (\n            <div className={classes.title} style={_styles.title}>\n              <span>{title}</span>\n              {withCloseButton && (\n                <CloseButton\n                  className={classes.closeButton}\n                  style={_styles.closeButton}\n                  variant=\"transparent\"\n                  size={16}\n                  iconSize={16}\n                />\n              )}\n            </div>\n          )}\n\n          <div className={classes.message} style={_styles.message}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":[],"mappings":"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"}

package/esm/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useId, useUncontrolled, useMergedRef, useDidUpdate } from '@mantine/hooks';\nimport { mergeStyles, DefaultProps, MantineSize, MantineShadow } from '@mantine/styles';\nimport {\n  InputWrapper,\n  InputWrapperBaseProps,\n  InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { MantineTransition } from '../Transition/Transition';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\n\nexport type AutocompleteStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | SelectDropdownStylesNames\n  | keyof ReturnType<typeof useStyles>['classes'];\n\nexport interface AutocompleteItem {\n  value: string;\n  [key: string]: any;\n}\n\nexport type AutocompleteDataItem = string | AutocompleteItem;\n\nexport interface AutocompleteProps\n  extends DefaultProps<AutocompleteStylesNames>,\n    InputBaseProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n  /** Input size */\n  size?: MantineSize;\n\n  /** Get input ref */\n  elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n  /** Autocomplete data used to renderer items in dropdown */\n  data: AutocompleteDataItem[];\n\n  /** Change item renderer */\n  itemComponent?: React.FC<any>;\n\n  /** Dropdown shadow from theme or any value to set box-shadow */\n  shadow?: MantineShadow;\n\n  /** Limit amount of items rendered in dropdown */\n  limit?: number;\n\n  /** Called when item from dropdown was selected */\n  onItemSubmit?(item: AutocompleteItem): void;\n\n  /** Controlled input value */\n  value?: string;\n\n  /** Uncontrolled input defaultValue */\n  defaultValue?: string;\n\n  /** Controlled input onChange handler */\n  onChange?(value: string): void;\n\n  /** Dropdown body appear/disappear transition */\n  transition?: MantineTransition;\n\n  /** Dropdown body transition duration */\n  transitionDuration?: number;\n\n  /** Dropdown body transition timing function, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Function based on which items in dropdown are filtered */\n  filter?(value: string, item: AutocompleteItem): boolean;\n\n  /** Message that will be displayed on zero search results  */\n  nothingFound?: string;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n  return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport function Autocomplete({\n  className,\n  style,\n  required = false,\n  label,\n  id,\n  error,\n  description,\n  size = 'sm',\n  shadow = 'sm',\n  data,\n  limit = 5,\n  value,\n  defaultValue,\n  onChange,\n  itemComponent = DefaultItem,\n  onItemSubmit,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  onClick,\n  transition = 'skew-up',\n  transitionDuration = 0,\n  initiallyOpened = false,\n  transitionTimingFunction,\n  wrapperProps,\n  elementRef,\n  classNames,\n  styles,\n  filter = defaultFilter,\n  nothingFound,\n  ...others\n}: AutocompleteProps) {\n  const { classes } = useStyles({ size }, classNames, 'autocomplete');\n  const _styles = mergeStyles(classes, styles);\n  const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n  const [hovered, setHovered] = useState(-1);\n  const inputRef = useRef<HTMLInputElement>();\n  const uuid = useId(id);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n    rule: (val) => typeof val === 'string',\n  });\n\n  useDidUpdate(() => {\n    setHovered(0);\n  }, [_value]);\n\n  const handleItemClick = (item: AutocompleteItem) => {\n    handleChange(item.value);\n    typeof onItemSubmit === 'function' && onItemSubmit(item);\n    setTimeout(() => setDropdownOpened(false));\n    inputRef.current.focus();\n  };\n\n  const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n  const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    typeof onKeyDown === 'function' && onKeyDown(event);\n\n    switch (event.nativeEvent.code) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : current));\n        break;\n      }\n\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n        break;\n      }\n\n      case 'Enter': {\n        if (filteredData[hovered] && dropdownOpened) {\n          event.preventDefault();\n          handleChange(filteredData[hovered].value);\n          typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n          setDropdownOpened(false);\n        }\n        break;\n      }\n\n      case 'Escape': {\n        if (dropdownOpened) {\n          event.preventDefault();\n          setDropdownOpened(false);\n        }\n      }\n    }\n  };\n\n  const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    typeof onFocus === 'function' && onFocus(event);\n  };\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    typeof onBlur === 'function' && onBlur(event);\n    setDropdownOpened(false);\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n    typeof onClick === 'function' && onClick(event);\n    setDropdownOpened((o) => !o);\n  };\n\n  const shouldRenderDropdown =\n    dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\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=\"autocomplete\"\n      {...wrapperProps}\n    >\n      <div\n        className={classes.wrapper}\n        style={_styles.wrapper}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-owns={`${uuid}-items`}\n        aria-controls={uuid}\n        aria-expanded={shouldRenderDropdown}\n        onMouseLeave={() => setHovered(-1)}\n        tabIndex={-1}\n      >\n        <Input<'input'>\n          {...others}\n          data-mantine-stop-propagation={dropdownOpened}\n          required={required}\n          elementRef={useMergedRef(elementRef, inputRef)}\n          id={uuid}\n          type=\"string\"\n          invalid={!!error}\n          size={size}\n          onKeyDown={handleInputKeydown}\n          classNames={classNames}\n          styles={styles}\n          __staticSelector=\"autocomplete\"\n          value={_value}\n          onChange={(event) => {\n            handleChange(event.currentTarget.value);\n            setDropdownOpened(true);\n          }}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onClick={handleInputClick}\n          aria-autocomplete=\"list\"\n          aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n          aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n        />\n\n        <SelectDropdown\n          mounted={shouldRenderDropdown}\n          transition={transition}\n          transitionDuration={transitionDuration}\n          transitionTimingFunction={transitionTimingFunction}\n          uuid={uuid}\n          shadow={shadow}\n          maxDropdownHeight=\"auto\"\n          classNames={classNames}\n          styles={styles}\n          __staticSelector=\"autocomplete\"\n        >\n          <SelectItems\n            data={filteredData}\n            hovered={hovered}\n            classNames={classNames}\n            styles={styles}\n            uuid={uuid}\n            __staticSelector=\"autocomplete\"\n            onItemHover={setHovered}\n            onItemSelect={handleItemClick}\n            itemComponent={itemComponent}\n            size={size}\n            nothingFound={nothingFound}\n          />\n        </SelectDropdown>\n      </div>\n    </InputWrapper>\n  );\n}\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useId, useUncontrolled, useMergedRef, useDidUpdate } from '@mantine/hooks';\nimport { mergeStyles, DefaultProps, MantineSize, MantineShadow, ClassNames } from '@mantine/styles';\nimport {\n  InputWrapper,\n  InputWrapperBaseProps,\n  InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { MantineTransition } from '../Transition';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\n\nexport type AutocompleteStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | SelectDropdownStylesNames\n  | ClassNames<typeof useStyles>;\n\nexport interface AutocompleteItem {\n  value: string;\n  [key: string]: any;\n}\n\nexport interface AutocompleteProps\n  extends DefaultProps<AutocompleteStylesNames>,\n    InputBaseProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n  /** Input size */\n  size?: MantineSize;\n\n  /** Get input ref */\n  elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n  /** Autocomplete data used to renderer items in dropdown */\n  data: (string | AutocompleteItem)[];\n\n  /** Change item renderer */\n  itemComponent?: React.FC<any>;\n\n  /** Dropdown shadow from theme or any value to set box-shadow */\n  shadow?: MantineShadow;\n\n  /** Limit amount of items rendered in dropdown */\n  limit?: number;\n\n  /** Called when item from dropdown was selected */\n  onItemSubmit?(item: AutocompleteItem): void;\n\n  /** Controlled input value */\n  value?: string;\n\n  /** Uncontrolled input defaultValue */\n  defaultValue?: string;\n\n  /** Controlled input onChange handler */\n  onChange?(value: string): void;\n\n  /** Dropdown body appear/disappear transition */\n  transition?: MantineTransition;\n\n  /** Dropdown body transition duration */\n  transitionDuration?: number;\n\n  /** Dropdown body transition timing function, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Initial dropdown opened state */\n  initiallyOpened?: boolean;\n\n  /** Function based on which items in dropdown are filtered */\n  filter?(value: string, item: AutocompleteItem): boolean;\n\n  /** Message that will be displayed on zero search results  */\n  nothingFound?: string;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n  return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport function Autocomplete({\n  className,\n  style,\n  required = false,\n  label,\n  id,\n  error,\n  description,\n  size = 'sm',\n  shadow = 'sm',\n  data,\n  limit = 5,\n  value,\n  defaultValue,\n  onChange,\n  itemComponent = DefaultItem,\n  onItemSubmit,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  onClick,\n  transition = 'skew-up',\n  transitionDuration = 0,\n  initiallyOpened = false,\n  transitionTimingFunction,\n  wrapperProps,\n  elementRef,\n  classNames,\n  styles,\n  filter = defaultFilter,\n  nothingFound,\n  ...others\n}: AutocompleteProps) {\n  const { classes } = useStyles({ size }, classNames, 'autocomplete');\n  const _styles = mergeStyles(classes, styles);\n  const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n  const [hovered, setHovered] = useState(-1);\n  const inputRef = useRef<HTMLInputElement>();\n  const uuid = useId(id);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n    rule: (val) => typeof val === 'string',\n  });\n\n  useDidUpdate(() => {\n    setHovered(0);\n  }, [_value]);\n\n  const handleItemClick = (item: AutocompleteItem) => {\n    handleChange(item.value);\n    typeof onItemSubmit === 'function' && onItemSubmit(item);\n    setTimeout(() => setDropdownOpened(false));\n    inputRef.current.focus();\n  };\n\n  const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n  const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n  const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    typeof onKeyDown === 'function' && onKeyDown(event);\n\n    switch (event.nativeEvent.code) {\n      case 'ArrowUp': {\n        event.preventDefault();\n        setHovered((current) => (current > 0 ? current - 1 : current));\n        break;\n      }\n\n      case 'ArrowDown': {\n        event.preventDefault();\n        setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n        break;\n      }\n\n      case 'Enter': {\n        if (filteredData[hovered] && dropdownOpened) {\n          event.preventDefault();\n          handleChange(filteredData[hovered].value);\n          typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n          setDropdownOpened(false);\n        }\n        break;\n      }\n\n      case 'Escape': {\n        if (dropdownOpened) {\n          event.preventDefault();\n          setDropdownOpened(false);\n        }\n      }\n    }\n  };\n\n  const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    typeof onFocus === 'function' && onFocus(event);\n  };\n\n  const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    typeof onBlur === 'function' && onBlur(event);\n    setDropdownOpened(false);\n  };\n\n  const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n    typeof onClick === 'function' && onClick(event);\n    setDropdownOpened((o) => !o);\n  };\n\n  const shouldRenderDropdown =\n    dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\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=\"autocomplete\"\n      {...wrapperProps}\n    >\n      <div\n        className={classes.wrapper}\n        style={_styles.wrapper}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-owns={`${uuid}-items`}\n        aria-controls={uuid}\n        aria-expanded={shouldRenderDropdown}\n        onMouseLeave={() => setHovered(-1)}\n        tabIndex={-1}\n      >\n        <Input<'input'>\n          {...others}\n          data-mantine-stop-propagation={dropdownOpened}\n          required={required}\n          elementRef={useMergedRef(elementRef, inputRef)}\n          id={uuid}\n          type=\"string\"\n          invalid={!!error}\n          size={size}\n          onKeyDown={handleInputKeydown}\n          classNames={classNames}\n          styles={styles}\n          __staticSelector=\"autocomplete\"\n          value={_value}\n          onChange={(event) => {\n            handleChange(event.currentTarget.value);\n            setDropdownOpened(true);\n          }}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onClick={handleInputClick}\n          aria-autocomplete=\"list\"\n          aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n          aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n        />\n\n        <SelectDropdown\n          mounted={shouldRenderDropdown}\n          transition={transition}\n          transitionDuration={transitionDuration}\n          transitionTimingFunction={transitionTimingFunction}\n          uuid={uuid}\n          shadow={shadow}\n          maxDropdownHeight=\"auto\"\n          classNames={classNames}\n          styles={styles}\n          __staticSelector=\"autocomplete\"\n        >\n          <SelectItems\n            data={filteredData}\n            hovered={hovered}\n            classNames={classNames}\n            styles={styles}\n            uuid={uuid}\n            __staticSelector=\"autocomplete\"\n            onItemHover={setHovered}\n            onItemSelect={handleItemClick}\n            itemComponent={itemComponent}\n            size={size}\n            nothingFound={nothingFound}\n          />\n        </SelectDropdown>\n      </div>\n    </InputWrapper>\n  );\n}\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineSize } from '@mantine/styles';\n\ninterface AutocompleteStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: AutocompleteStyles) => {\n  const spacing = getSizeValue({ size, sizes: theme.spacing });\n  return {\n    wrapper: {\n      position: 'relative',\n    },\n\n    item: {\n      textAlign: 'left',\n      width: '100%',\n      padding: `${spacing / 1.5}px ${spacing}`,\n      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    },\n\n    hovered: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    },\n\n    nothingFound: {\n      boxSizing: 'border-box',\n      color: theme.colors.gray[6],\n      paddingTop: spacing / 2,\n      paddingBottom: spacing / 2,\n      textAlign: 'center',\n    },\n  };\n});\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,QAAQ,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC9D,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,UAAU,EAAE,OAAO,GAAG,CAAC;AAC7B,MAAM,aAAa,EAAE,OAAO,GAAG,CAAC;AAChC,MAAM,SAAS,EAAE,QAAQ;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineSize } from '@mantine/styles';\n\ninterface AutocompleteStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: AutocompleteStyles) => {\n  const spacing = getSizeValue({ size, sizes: theme.spacing });\n\n  return {\n    wrapper: {\n      position: 'relative',\n    },\n\n    item: {\n      textAlign: 'left',\n      width: '100%',\n      padding: `${spacing / 1.5}px ${spacing}`,\n      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    },\n\n    hovered: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    },\n\n    nothingFound: {\n      boxSizing: 'border-box',\n      color: theme.colors.gray[6],\n      paddingTop: spacing / 2,\n      paddingBottom: spacing / 2,\n      textAlign: 'center',\n    },\n  };\n});\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,QAAQ,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC9D,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,UAAU,EAAE,OAAO,GAAG,CAAC;AAC7B,MAAM,aAAa,EAAE,OAAO,GAAG,CAAC;AAChC,MAAM,SAAS,EAAE,QAAQ;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/esm/components/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { mergeStyles } from '@mantine/styles';
-import { PlaceholderIcon } from './PlaceholderIcon.js';
-import useStyles, { sizes } from './Avatar.styles.js';
+import { AvatarPlaceholderIcon } from './AvatarPlaceholderIcon.js';
+import useStyles from './Avatar.styles.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -34,7 +34,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const AVATAR_SIZES = sizes;
 function Avatar(_a) {
   var _b = _a, {
     component,
@@ -78,7 +77,7 @@ function Avatar(_a) {
     className: classes.placeholder,
     title: alt,
     style: _styles.placeholder
-  }, children || /* @__PURE__ */ React.createElement(PlaceholderIcon, {
+  }, children || /* @__PURE__ */ React.createElement(AvatarPlaceholderIcon, {
     className: classes.placeholderIcon,
     style: _styles.placeholderIcon
   })) : /* @__PURE__ */ React.createElement("img", {
@@ -91,5 +90,5 @@ function Avatar(_a) {
 }
 Avatar.displayName = "@mantine/core/Avatar";
 
-export { AVATAR_SIZES, Avatar };
+export { Avatar };
 //# sourceMappingURL=Avatar.js.map