@mantine/core 3.2.1 → 3.3.1

package/cjs/components/Accordion/Accordion.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var styles = require('@mantine/styles');
 var hooks = require('@mantine/hooks');
 var AccordionItem = require('./AccordionItem/AccordionItem.js');
 var useAccordionState = require('./use-accordion-state/use-accordion-state.js');
+var useAccordionFocus = require('./use-accordion-focus/use-accordion-focus.js');
+var Box = require('../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -54,13 +55,12 @@ const Accordion = React.forwardRef((_a, ref) => {
     disableIconRotation = false,
     transitionDuration = 200,
     iconPosition = "left",
+    offsetIcon = true,
+    iconSize = 24,
     icon,
     classNames,
-    styles: styles$1,
-    style,
-    className,
-    id,
-    sx
+    styles,
+    id
   } = _b, others = __objRest(_b, [
     "children",
     "initialItem",
@@ -71,43 +71,46 @@ const Accordion = React.forwardRef((_a, ref) => {
     "disableIconRotation",
     "transitionDuration",
     "iconPosition",
+    "offsetIcon",
+    "iconSize",
     "icon",
     "classNames",
     "styles",
-    "style",
-    "className",
-    "id",
-    "sx"
+    "id"
   ]);
-  const { sxClassName } = styles.useSx({ sx, className });
   const uuid = hooks.useUuid(id);
-  const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   const items = React__default.Children.toArray(children).filter((item) => item.type === AccordionItem.AccordionItem);
-  const [value, onToggle] = useAccordionState.useAccordionState({
+  const { handleItemKeydown, assignControlRef } = useAccordionFocus.useAccordionFocus(items.length);
+  const [value, handlers] = useAccordionState.useAccordionState({
     multiple,
-    items,
+    total: items.length,
     initialItem,
     state,
     initialState,
     onChange
   });
-  const controls = items.map((item, index) => /* @__PURE__ */ React__default.createElement(AccordionItem.AccordionItem, __spreadProps(__spreadValues({}, item.props), {
-    icon: item.props.icon || icon,
-    iconPosition: item.props.iconPosition || iconPosition,
-    disableIconRotation,
-    key: index,
-    transitionDuration,
-    opened: value[index],
-    onToggle: () => onToggle(index),
-    classNames,
-    styles: styles$1,
-    id: `${uuid}-${index}`
-  })));
-  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    style: mergedStyles,
-    ref,
-    className: sxClassName
-  }, rest), controls);
+  const controls = items.map((item, index) => {
+    var _a2, _b2, _c;
+    return /* @__PURE__ */ React__default.createElement(AccordionItem.AccordionItem, __spreadProps(__spreadValues({}, item.props), {
+      icon: item.props.icon || icon,
+      iconPosition: item.props.iconPosition || iconPosition,
+      disableIconRotation,
+      key: index,
+      transitionDuration,
+      opened: value[index],
+      onToggle: () => handlers.toggle(index),
+      classNames: ((_a2 = item.props) == null ? void 0 : _a2.classNames) || classNames,
+      styles: ((_b2 = item.props) == null ? void 0 : _b2.styles) || styles,
+      id: `${uuid}-${index}`,
+      onControlKeyDown: handleItemKeydown(index),
+      controlRef: hooks.mergeRefs(assignControlRef(index), (_c = item.props) == null ? void 0 : _c.controlRef),
+      offsetIcon,
+      iconSize
+    }));
+  });
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
+    ref
+  }, others), controls);
 });
 Accordion.Item = AccordionItem.AccordionItem;
 Accordion.displayName = "@mantine/core/Accordion";

package/cjs/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useExtractedMargins, useSx } from '@mantine/styles';\nimport { useUuid } from '@mantine/hooks';\nimport {\n  AccordionItem,\n  AccordionItemStylesNames,\n  AccordionItemType,\n  AccordionIconPosition,\n} from './AccordionItem/AccordionItem';\nimport { useAccordionState, AccordionState } from './use-accordion-state/use-accordion-state';\n\nexport interface AccordionProps\n  extends DefaultProps<AccordionItemStylesNames>,\n    Omit<React.ComponentPropsWithRef<'div'>, 'onChange'> {\n  /** <AccordionItem /> components only */\n  children: React.ReactNode;\n\n  /** Index of item which is initially opened (uncontrolled component) */\n  initialItem?: number;\n\n  /** Initial state (controls opened state of accordion items) for uncontrolled component */\n  initialState?: AccordionState;\n\n  /** Controlled state (controls opened state of accordion items) */\n  state?: AccordionState;\n\n  /** onChange handler for controlled component */\n  onChange?(state: AccordionState): void;\n\n  /** Allow multiple items to be opened at the same time */\n  multiple?: boolean;\n\n  /** Open/close item transition duration in ms */\n  transitionDuration?: number;\n\n  /** Used to connect accordion items controls to related content */\n  id?: string;\n\n  /** Replace icon on all items */\n  icon?: React.ReactNode;\n\n  /** Should icon rotation be disabled */\n  disableIconRotation?: boolean;\n\n  /** Change icon position: left or right */\n  iconPosition?: AccordionIconPosition;\n}\n\ntype AccordionComponent = ((props: AccordionProps) => React.ReactElement) & {\n  displayName: string;\n  Item: typeof AccordionItem;\n};\n\nexport const Accordion: AccordionComponent = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      children,\n      initialItem = -1,\n      initialState,\n      state,\n      onChange,\n      multiple = false,\n      disableIconRotation = false,\n      transitionDuration = 200,\n      iconPosition = 'left',\n      icon,\n      classNames,\n      styles,\n      style,\n      className,\n      id,\n      sx,\n      ...others\n    }: AccordionProps,\n    ref\n  ) => {\n    const { sxClassName } = useSx({ sx, className });\n    const uuid = useUuid(id);\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n    const items = React.Children.toArray(children).filter(\n      (item: AccordionItemType) => item.type === AccordionItem\n    ) as AccordionItemType[];\n\n    const [value, onToggle] = useAccordionState({\n      multiple,\n      items,\n      initialItem,\n      state,\n      initialState,\n      onChange,\n    });\n\n    const controls = items.map((item, index) => (\n      <AccordionItem\n        {...item.props}\n        icon={item.props.icon || icon}\n        iconPosition={item.props.iconPosition || iconPosition}\n        disableIconRotation={disableIconRotation}\n        key={index}\n        transitionDuration={transitionDuration}\n        opened={value[index]}\n        onToggle={() => onToggle(index)}\n        classNames={classNames}\n        styles={styles}\n        id={`${uuid}-${index}`}\n      />\n    ));\n\n    return (\n      <div style={mergedStyles} ref={ref} className={sxClassName} {...rest}>\n        {controls}\n      </div>\n    );\n  }\n) as any;\n\nAccordion.Item = AccordionItem;\n\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["forwardRef","styles","useSx","useUuid","useExtractedMargins","React","AccordionItem","useAccordionState"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { useUuid, mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport {\n  AccordionItem,\n  AccordionItemStylesNames,\n  AccordionItemType,\n  AccordionIconPosition,\n} from './AccordionItem/AccordionItem';\nimport { useAccordionState, AccordionState } from './use-accordion-state/use-accordion-state';\nimport { useAccordionFocus } from './use-accordion-focus/use-accordion-focus';\n\nexport interface AccordionProps\n  extends DefaultProps<AccordionItemStylesNames>,\n    Omit<React.ComponentPropsWithRef<'div'>, 'onChange'> {\n  /** <AccordionItem /> components only */\n  children: React.ReactNode;\n\n  /** Index of item which is initially opened (uncontrolled component) */\n  initialItem?: number;\n\n  /** Initial state (controls opened state of accordion items) for uncontrolled component */\n  initialState?: AccordionState;\n\n  /** Controlled state (controls opened state of accordion items) */\n  state?: AccordionState;\n\n  /** onChange handler for controlled component */\n  onChange?(state: AccordionState): void;\n\n  /** Allow multiple items to be opened at the same time */\n  multiple?: boolean;\n\n  /** Open/close item transition duration in ms */\n  transitionDuration?: number;\n\n  /** Used to connect accordion items controls to related content */\n  id?: string;\n\n  /** Replace icon on all items */\n  icon?: React.ReactNode;\n\n  /** Should icon rotation be disabled */\n  disableIconRotation?: boolean;\n\n  /** Change icon position: left or right */\n  iconPosition?: AccordionIconPosition;\n\n  /** Should icon be offset with padding, applicable only when iconPosition is right */\n  offsetIcon?: boolean;\n\n  /** Icon width in px */\n  iconSize?: number;\n}\n\ntype AccordionComponent = ((props: AccordionProps) => React.ReactElement) & {\n  displayName: string;\n  Item: typeof AccordionItem;\n};\n\nexport const Accordion: AccordionComponent = forwardRef<HTMLDivElement, AccordionProps>(\n  (\n    {\n      children,\n      initialItem = -1,\n      initialState,\n      state,\n      onChange,\n      multiple = false,\n      disableIconRotation = false,\n      transitionDuration = 200,\n      iconPosition = 'left',\n      offsetIcon = true,\n      iconSize = 24,\n      icon,\n      classNames,\n      styles,\n      id,\n      ...others\n    }: AccordionProps,\n    ref\n  ) => {\n    const uuid = useUuid(id);\n    const items = React.Children.toArray(children).filter(\n      (item: AccordionItemType) => item.type === AccordionItem\n    ) as AccordionItemType[];\n\n    const { handleItemKeydown, assignControlRef } = useAccordionFocus(items.length);\n\n    const [value, handlers] = useAccordionState({\n      multiple,\n      total: items.length,\n      initialItem,\n      state,\n      initialState,\n      onChange,\n    });\n\n    const controls = items.map((item, index) => (\n      <AccordionItem\n        {...item.props}\n        icon={item.props.icon || icon}\n        iconPosition={item.props.iconPosition || iconPosition}\n        disableIconRotation={disableIconRotation}\n        key={index}\n        transitionDuration={transitionDuration}\n        opened={value[index]}\n        onToggle={() => handlers.toggle(index)}\n        classNames={item.props?.classNames || classNames}\n        styles={item.props?.styles || styles}\n        id={`${uuid}-${index}`}\n        onControlKeyDown={handleItemKeydown(index)}\n        controlRef={mergeRefs(assignControlRef(index), item.props?.controlRef)}\n        offsetIcon={offsetIcon}\n        iconSize={iconSize}\n      />\n    ));\n\n    return (\n      <Box ref={ref} {...others}>\n        {controls}\n      </Box>\n    );\n  }\n) as any;\n\nAccordion.Item = AccordionItem;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["forwardRef","useUuid","React","AccordionItem","useAccordionFocus","useAccordionState","mergeRefs","Box"],"mappings":"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"}

package/cjs/components/Accordion/AccordionItem/AccordionItem.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var hooks = require('@mantine/hooks');
-var styles = require('@mantine/styles');
 var ChevronIcon = require('./ChevronIcon.js');
 var AccordionItem_styles = require('./AccordionItem.styles.js');
+var Box = require('../../Box/Box.js');
 var UnstyledButton = require('../../Button/UnstyledButton/UnstyledButton.js');
 var Center = require('../../Center/Center.js');
 var Collapse = require('../../Collapse/Collapse.js');
@@ -51,13 +51,16 @@ function AccordionItem(_a) {
     children,
     className,
     classNames,
-    styles: styles$1,
-    sx,
+    styles,
     transitionDuration,
     icon = /* @__PURE__ */ React__default.createElement(ChevronIcon.ChevronIcon, null),
     disableIconRotation = false,
+    offsetIcon = true,
+    iconSize = 24,
     iconPosition = "left",
-    id
+    id,
+    controlRef,
+    onControlKeyDown
   } = _b, others = __objRest(_b, [
     "opened",
     "onToggle",
@@ -66,33 +69,37 @@ function AccordionItem(_a) {
     "className",
     "classNames",
     "styles",
-    "sx",
     "transitionDuration",
     "icon",
     "disableIconRotation",
+    "offsetIcon",
+    "iconSize",
     "iconPosition",
-    "id"
+    "id",
+    "controlRef",
+    "onControlKeyDown"
   ]);
-  const forceUpdate = hooks.useForceUpdate();
   const reduceMotion = hooks.useReducedMotion();
   const duration = reduceMotion ? 0 : transitionDuration;
-  const { sxClassName } = styles.useSx({ sx });
-  const { classes, cx } = AccordionItem_styles['default']({ transitionDuration: duration, disableIconRotation, iconPosition }, { classNames, styles: styles$1, name: "Accordion" });
-  hooks.useWindowEvent("resize", () => forceUpdate());
-  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
-    className: cx(classes.item, { [classes.itemOpened]: opened }, sxClassName, className)
-  }, others), /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, {
+  const { classes, cx } = AccordionItem_styles['default']({ transitionDuration: duration, disableIconRotation, iconPosition, offsetIcon, iconSize }, { classNames, styles, name: "Accordion" });
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
+    className: cx(classes.item, { [classes.itemOpened]: opened }, className)
+  }, others), /* @__PURE__ */ React__default.createElement("h3", {
+    style: { margin: 0, fontWeight: "normal" }
+  }, /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, {
     className: classes.control,
     onClick: onToggle,
     type: "button",
     "aria-expanded": opened,
     "aria-controls": `${id}-body`,
-    id
+    id,
+    ref: controlRef,
+    onKeyDown: onControlKeyDown
   }, /* @__PURE__ */ React__default.createElement(Center.Center, {
     className: classes.icon
   }, icon), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.label
-  }, label)), /* @__PURE__ */ React__default.createElement(Collapse.Collapse, {
+  }, label))), /* @__PURE__ */ React__default.createElement(Collapse.Collapse, {
     in: opened,
     transitionDuration: duration
   }, /* @__PURE__ */ React__default.createElement("div", {

package/cjs/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';\nimport { useWindowEvent, useForceUpdate, useReducedMotion } from '@mantine/hooks';\nimport { DefaultProps, ClassNames, useSx } 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  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  sx,\n  transitionDuration,\n  icon = <ChevronIcon />,\n  disableIconRotation = false,\n  iconPosition = 'left',\n  id,\n  ...others\n}: AccordionItemProps) {\n  const forceUpdate = useForceUpdate();\n  const reduceMotion = useReducedMotion();\n  const duration = reduceMotion ? 0 : transitionDuration;\n  const { sxClassName } = useSx({ sx });\n  const { classes, cx } = useStyles(\n    { transitionDuration: duration, disableIconRotation, iconPosition },\n    { classNames, styles, name: 'Accordion' }\n  );\n\n  useWindowEvent('resize', () => forceUpdate());\n\n  return (\n    <div\n      className={cx(classes.item, { [classes.itemOpened]: opened }, sxClassName, className)}\n      {...others}\n    >\n      <UnstyledButton\n        className={classes.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}>{icon}</Center>\n\n        <div className={classes.label}>{label}</div>\n      </UnstyledButton>\n\n      <Collapse in={opened} transitionDuration={duration}>\n        <div className={classes.content} role=\"region\" id={`${id}-body`} aria-labelledby={id}>\n          <div className={classes.contentInner}>{children}</div>\n        </div>\n      </Collapse>\n    </div>\n  );\n}\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":["styles","React","ChevronIcon","useForceUpdate","useReducedMotion","useSx","useStyles","useWindowEvent","UnstyledButton","Center","Collapse"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\nimport { DefaultProps, ClassNames } from '@mantine/styles';\nimport { Box } from '../../Box';\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\n  extends DefaultProps<AccordionItemStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n  disableIconRotation?: boolean;\n  iconPosition?: AccordionIconPosition;\n  controlRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport interface AccordionItemType {\n  type: any;\n  props: PublicAccordionItemProps;\n}\n\ninterface AccordionItemProps extends PublicAccordionItemProps {\n  opened?: boolean;\n  onToggle?(): void;\n  transitionDuration?: number;\n  id?: string;\n  onControlKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  offsetIcon?: boolean;\n  iconSize?: number;\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  offsetIcon = true,\n  iconSize = 24,\n  iconPosition = 'left',\n  id,\n  controlRef,\n  onControlKeyDown,\n  ...others\n}: AccordionItemProps) {\n  const reduceMotion = useReducedMotion();\n  const duration = reduceMotion ? 0 : transitionDuration;\n  const { classes, cx } = useStyles(\n    { transitionDuration: duration, disableIconRotation, iconPosition, offsetIcon, iconSize },\n    { classNames, styles, name: 'Accordion' }\n  );\n\n  return (\n    <Box className={cx(classes.item, { [classes.itemOpened]: opened }, className)} {...others}>\n      <h3 style={{ margin: 0, fontWeight: 'normal' }}>\n        <UnstyledButton\n          className={classes.control}\n          onClick={onToggle}\n          type=\"button\"\n          aria-expanded={opened}\n          aria-controls={`${id}-body`}\n          id={id}\n          ref={controlRef}\n          onKeyDown={onControlKeyDown}\n        >\n          <Center className={classes.icon}>{icon}</Center>\n\n          <div className={classes.label}>{label}</div>\n        </UnstyledButton>\n      </h3>\n\n      <Collapse in={opened} transitionDuration={duration}>\n        <div className={classes.content} role=\"region\" id={`${id}-body`} aria-labelledby={id}>\n          <div className={classes.contentInner}>{children}</div>\n        </div>\n      </Collapse>\n    </Box>\n  );\n}\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":["React","ChevronIcon","useReducedMotion","useStyles","Box","UnstyledButton","Center","Collapse"],"mappings":"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"}

package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js

@@ -23,20 +23,23 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const ICON_SIZE = 24;
-var useStyles = styles.createStyles((theme, { transitionDuration, disableIconRotation, iconPosition }, getRef) => {
-  const icon = {
-    ref: getRef("icon"),
-    transition: `transform ${transitionDuration}ms ease`,
-    marginRight: iconPosition === "right" ? 0 : theme.spacing.sm,
-    marginLeft: iconPosition === "right" ? theme.spacing.lg : 0,
-    width: ICON_SIZE,
-    minWidth: ICON_SIZE,
-    height: ICON_SIZE,
-    borderRadius: ICON_SIZE
-  };
+var useStyles = styles.createStyles((theme, {
+  transitionDuration,
+  disableIconRotation,
+  iconPosition,
+  offsetIcon,
+  iconSize
+}, getRef) => {
+  const icon = getRef("icon");
   return {
-    icon,
+    icon: {
+      ref: icon,
+      transition: `transform ${transitionDuration}ms ease`,
+      marginRight: iconPosition === "right" ? 0 : theme.spacing.sm,
+      marginLeft: iconPosition === "right" ? theme.spacing.lg : 0,
+      width: iconSize,
+      minWidth: iconSize
+    },
     label: {
       color: "inherit",
       fontWeight: 500,
@@ -49,7 +52,7 @@ var useStyles = styles.createStyles((theme, { transitionDuration, disableIconRot
       borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
     },
     itemOpened: {
-      [`& .${icon.ref}`]: {
+      [`& .${icon}`]: {
         transform: disableIconRotation ? "none" : "rotate(180deg)"
       }
     },
@@ -58,7 +61,7 @@ var useStyles = styles.createStyles((theme, { transitionDuration, disableIconRot
       display: "flex",
       alignItems: "center",
       flexDirection: iconPosition === "right" ? "row-reverse" : "row",
-      padding: `${theme.spacing.sm}px ${theme.spacing.md / 2}px`,
+      padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,
       paddingLeft: iconPosition === "right" ? theme.spacing.sm + 4 : null,
       fontWeight: 500,
       textAlign: "left",
@@ -68,8 +71,9 @@ var useStyles = styles.createStyles((theme, { transitionDuration, disableIconRot
       }
     }),
     content: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+      wordBreak: "break-word",
       lineHeight: theme.lineHeight,
-      paddingLeft: iconPosition === "right" ? 0 : ICON_SIZE + theme.spacing.xs / 2
+      paddingLeft: iconPosition === "right" ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0
     }),
     contentInner: {
       padding: theme.spacing.md,

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles } 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: iconPosition === 'right' ? 0 : theme.spacing.sm,\n      marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\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        overflow: 'hidden',\n        textOverflow: 'ellipsis',\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        ...theme.fn.focusStyles(),\n        ...theme.fn.fontStyles(),\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        ...theme.fn.fontStyles(),\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":["createStyles"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' | 'left';\n\ninterface AccordionItemStyles {\n  transitionDuration: number;\n  disableIconRotation: boolean;\n  iconPosition: AccordionIconPosition;\n  offsetIcon: boolean;\n  iconSize: number;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      transitionDuration,\n      disableIconRotation,\n      iconPosition,\n      offsetIcon,\n      iconSize,\n    }: AccordionItemStyles,\n    getRef\n  ) => {\n    const icon = getRef('icon');\n\n    return {\n      icon: {\n        ref: icon,\n        transition: `transform ${transitionDuration}ms ease`,\n        marginRight: iconPosition === 'right' ? 0 : theme.spacing.sm,\n        marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\n        width: iconSize,\n        minWidth: iconSize,\n      },\n\n      label: {\n        color: 'inherit',\n        fontWeight: 500,\n        flex: 1,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\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}`]: {\n          transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n        },\n      },\n\n      control: {\n        ...theme.fn.focusStyles(),\n        ...theme.fn.fontStyles(),\n        width: '100%',\n        display: 'flex',\n        alignItems: 'center',\n        flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n        padding: `${theme.spacing.md}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        ...theme.fn.fontStyles(),\n        wordBreak: 'break-word',\n        lineHeight: theme.lineHeight,\n        paddingLeft:\n          iconPosition === 'right' ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0,\n      },\n\n      contentInner: {\n        padding: theme.spacing.md,\n        paddingTop: theme.spacing.xs / 2,\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Accordion/use-accordion-focus/use-accordion-focus.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+
+function useAccordionFocus(itemsCount) {
+  const controlsRefs = React.useRef([]);
+  const handleItemKeydown = (index) => (event) => {
+    var _a, _b;
+    if (event.code === "ArrowDown") {
+      event.preventDefault();
+      const nextFocusElement = controlsRefs.current[index + 1];
+      if (nextFocusElement) {
+        nextFocusElement.focus();
+      } else {
+        (_a = controlsRefs.current[0]) == null ? void 0 : _a.focus();
+      }
+    }
+    if (event.code === "ArrowUp") {
+      event.preventDefault();
+      const previousFocusElement = controlsRefs.current[index - 1];
+      if (previousFocusElement) {
+        previousFocusElement.focus();
+      } else {
+        (_b = controlsRefs.current[controlsRefs.current.length - 1]) == null ? void 0 : _b.focus();
+      }
+    }
+  };
+  const assignControlRef = (index) => (node) => {
+    controlsRefs.current[index] = node;
+  };
+  hooks.useDidUpdate(() => {
+    controlsRefs.current = controlsRefs.current.slice(0, itemsCount);
+  }, [itemsCount]);
+  return { handleItemKeydown, assignControlRef };
+}
+
+exports.useAccordionFocus = useAccordionFocus;
+//# sourceMappingURL=use-accordion-focus.js.map

package/cjs/components/Accordion/use-accordion-focus/use-accordion-focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-accordion-focus.js","sources":["../../../../src/components/Accordion/use-accordion-focus/use-accordion-focus.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useDidUpdate } from '@mantine/hooks';\n\nexport function useAccordionFocus(itemsCount: number) {\n  const controlsRefs = useRef<HTMLButtonElement[]>([]);\n\n  const handleItemKeydown = (index: number) => (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (event.code === 'ArrowDown') {\n      event.preventDefault();\n      const nextFocusElement = controlsRefs.current[index + 1];\n      if (nextFocusElement) {\n        nextFocusElement.focus();\n      } else {\n        controlsRefs.current[0]?.focus();\n      }\n    }\n\n    if (event.code === 'ArrowUp') {\n      event.preventDefault();\n      const previousFocusElement = controlsRefs.current[index - 1];\n      if (previousFocusElement) {\n        previousFocusElement.focus();\n      } else {\n        controlsRefs.current[controlsRefs.current.length - 1]?.focus();\n      }\n    }\n  };\n\n  const assignControlRef = (index: number) => (node: HTMLButtonElement) => {\n    controlsRefs.current[index] = node;\n  };\n\n  useDidUpdate(() => {\n    controlsRefs.current = controlsRefs.current.slice(0, itemsCount);\n  }, [itemsCount]);\n\n  return { handleItemKeydown, assignControlRef };\n}\n"],"names":["useRef","useDidUpdate"],"mappings":";;;;;;;AAEO,SAAS,iBAAiB,CAAC,UAAU,EAAE;AAC9C,EAAE,MAAM,YAAY,GAAGA,YAAM,CAAC,EAAE,CAAC,CAAC;AAClC,EAAE,MAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK,CAAC,KAAK,KAAK;AAClD,IAAI,IAAI,EAAE,EAAE,EAAE,CAAC;AACf,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,WAAW,EAAE;AACpC,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AAC/D,MAAM,IAAI,gBAAgB,EAAE;AAC5B,QAAQ,gBAAgB,CAAC,KAAK,EAAE,CAAC;AACjC,OAAO,MAAM;AACb,QAAQ,CAAC,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;AACrE,OAAO;AACP,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;AAClC,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACnE,MAAM,IAAI,oBAAoB,EAAE;AAChC,QAAQ,oBAAoB,CAAC,KAAK,EAAE,CAAC;AACrC,OAAO,MAAM;AACb,QAAQ,CAAC,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC;AACnG,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK,CAAC,IAAI,KAAK;AAChD,IAAI,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AACvC,GAAG,CAAC;AACJ,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;AACrE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACnB,EAAE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AACjD;;;;"}

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

@@ -31,33 +31,37 @@ function createAccordionState(length, initialItem = -1) {
 }
 function useAccordionState({
   initialState,
-  items,
-  initialItem,
+  total,
+  initialItem = -1,
   state,
   onChange,
-  multiple
+  multiple = false
 }) {
-  const _initialState = initialState || createAccordionState(items.length, initialItem);
-  const [value, setValue] = hooks.useUncontrolled({
+  const [value, setState] = hooks.useUncontrolled({
     value: state,
-    defaultValue: _initialState,
+    defaultValue: initialState || createAccordionState(total, initialItem),
     finalValue: {},
     onChange,
     rule: (val) => val !== null && typeof val === "object"
   });
-  const handleItemToggle = (index) => {
+  const toggle = (index) => {
     if (multiple) {
-      setValue(__spreadProps(__spreadValues({}, value), { [index]: !value[index] }));
+      setState(__spreadProps(__spreadValues({}, value), { [index]: !value[index] }));
     } else {
-      const newValues = items.reduce((acc, item, itemIndex) => {
+      const newValues = Array(total).fill(0).reduce((acc, _, itemIndex) => {
         acc[itemIndex] = false;
         return acc;
       }, {});
       newValues[index] = !value[index];
-      setValue(newValues);
+      setState(newValues);
     }
   };
-  return [value, handleItemToggle];
+  hooks.useDidUpdate(() => {
+    if (!multiple) {
+      setState(createAccordionState(total));
+    }
+  }, [multiple]);
+  return [value, { toggle, setState }];
 }
 
 exports.createAccordionState = createAccordionState;

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

@@ -1 +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":["useUncontrolled"],"mappings":"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"}
+{"version":3,"file":"use-accordion-state.js","sources":["../../../../src/components/Accordion/use-accordion-state/use-accordion-state.ts"],"sourcesContent":["import { useUncontrolled, useDidUpdate } 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  total: number;\n  initialItem?: number;\n  onChange?(state: Record<string, boolean>): void;\n}\n\nexport function useAccordionState({\n  initialState,\n  total,\n  initialItem = -1,\n  state,\n  onChange,\n  multiple = false,\n}: UseAccordionState) {\n  const [value, setState] = useUncontrolled({\n    value: state,\n    defaultValue: initialState || createAccordionState(total, initialItem),\n    finalValue: {} as Record<string, boolean>,\n    onChange,\n    rule: (val) => val !== null && typeof val === 'object',\n  });\n\n  const toggle = (index: number) => {\n    if (multiple) {\n      setState({ ...value, [index]: !value[index] });\n    } else {\n      const newValues = Array(total)\n        .fill(0)\n        .reduce((acc, _, itemIndex) => {\n          acc[itemIndex] = false;\n          return acc;\n        }, {}) as Record<string, boolean>;\n      newValues[index] = !value[index];\n      setState(newValues);\n    }\n  };\n\n  useDidUpdate(() => {\n    if (!multiple) {\n      setState(createAccordionState(total));\n    }\n  }, [multiple]);\n\n  return [value, { toggle, setState }] as const;\n}\n"],"names":["useUncontrolled","useDidUpdate"],"mappings":"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"}

package/cjs/components/Affix/Affix.js

@@ -42,7 +42,7 @@ const Affix = React.forwardRef((_a, ref) => {
   var _b = _a, {
     target,
     position = { bottom: 0, right: 0 },
-    zIndex = 1e3,
+    zIndex = styles.getDefaultZIndex("modal"),
     className,
     sx
   } = _b, others = __objRest(_b, [

package/cjs/components/Affix/Affix.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useSx, DefaultProps } from '@mantine/styles';\nimport { Portal } from '../Portal/Portal';\n\nexport interface AffixProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Element where portal should be rendered, by default new div element is created and appended to document.body */\n  target?: HTMLDivElement;\n\n  /** Root element z-index property */\n  zIndex?: number;\n\n  /** Fixed position in px */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n}\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>(\n  (\n    {\n      target,\n      position = { bottom: 0, right: 0 },\n      zIndex = 1000,\n      className,\n      sx,\n      ...others\n    }: AffixProps,\n    ref\n  ) => {\n    const { sxClassName, css, cx } = useSx({ className, sx });\n\n    return (\n      <Portal zIndex={zIndex} target={target}>\n        <div\n          className={cx(css({ position: 'fixed', ...position }), sxClassName)}\n          ref={ref}\n          {...others}\n        />\n      </Portal>\n    );\n  }\n);\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":["forwardRef","useSx","React","Portal"],"mappings":"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"}
+{"version":3,"file":"Affix.js","sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useSx, DefaultProps, MantineMargin, getDefaultZIndex } from '@mantine/styles';\nimport { Portal } from '../Portal/Portal';\n\nexport interface AffixProps\n  extends Omit<DefaultProps, MantineMargin>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Element where portal should be rendered, by default new div element is created and appended to document.body */\n  target?: HTMLDivElement;\n\n  /** Root element z-index property */\n  zIndex?: number;\n\n  /** Fixed position in px */\n  position?: {\n    top?: string | number;\n    left?: string | number;\n    bottom?: string | number;\n    right?: string | number;\n  };\n}\n\nexport const Affix = forwardRef<HTMLDivElement, AffixProps>(\n  (\n    {\n      target,\n      position = { bottom: 0, right: 0 },\n      zIndex = getDefaultZIndex('modal'),\n      className,\n      sx,\n      ...others\n    }: AffixProps,\n    ref\n  ) => {\n    const { sxClassName, css, cx } = useSx({ className, sx });\n\n    return (\n      <Portal zIndex={zIndex} target={target}>\n        <div\n          className={cx(css({ position: 'fixed', ...position }), sxClassName)}\n          ref={ref}\n          {...others}\n        />\n      </Portal>\n    );\n  }\n);\n\nAffix.displayName = '@mantine/core/Affix';\n"],"names":["forwardRef","getDefaultZIndex","useSx","React","Portal"],"mappings":"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"}

package/cjs/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames, useExtractedMargins } 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 const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      title,\n      children,\n      color,\n      style,\n      classNames,\n      icon,\n      styles,\n      sx,\n      onClose,\n      withCloseButton,\n      ...others\n    }: AlertProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles({ color }, { classNames, styles, sx, name: 'Alert' });\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n        <div className={classes.wrapper}>\n          {icon && <div className={classes.icon}>{icon}</div>}\n\n          <div className={classes.body}>\n            {title && (\n              <div className={classes.title}>\n                <span className={classes.label}>{title}</span>\n\n                {withCloseButton && (\n                  <CloseButton\n                    className={classes.closeButton}\n                    onClick={() => onClose?.()}\n                    variant=\"transparent\"\n                    size={16}\n                    iconSize={16}\n                  />\n                )}\n              </div>\n            )}\n\n            <div className={classes.message}>{children}</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["forwardRef","styles","useStyles","useExtractedMargins","React","CloseButton"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames, useExtractedMargins } 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  /** Alert title */\n  title?: React.ReactNode;\n\n  /** Alert message */\n  children: React.ReactNode;\n\n  /** Color from theme.colors */\n  color?: MantineColor;\n\n  /** Icon displayed next to title */\n  icon?: React.ReactNode;\n\n  /** True to 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 const Alert = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      className,\n      title,\n      children,\n      color,\n      style,\n      classNames,\n      icon,\n      styles,\n      sx,\n      onClose,\n      withCloseButton,\n      ...others\n    }: AlertProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles({ color }, { classNames, styles, sx, name: 'Alert' });\n    const { mergedStyles, rest } = useExtractedMargins({ others, style });\n\n    return (\n      <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n        <div className={classes.wrapper}>\n          {icon && <div className={classes.icon}>{icon}</div>}\n\n          <div className={classes.body}>\n            {title && (\n              <div className={classes.title}>\n                <span className={classes.label}>{title}</span>\n\n                {withCloseButton && (\n                  <CloseButton\n                    className={classes.closeButton}\n                    onClick={() => onClose?.()}\n                    variant=\"transparent\"\n                    size={16}\n                    iconSize={16}\n                  />\n                )}\n              </div>\n            )}\n\n            <div className={classes.message}>{children}</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["forwardRef","styles","useStyles","useExtractedMargins","React","CloseButton"],"mappings":"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"}

package/cjs/components/Alert/Alert.styles.js

@@ -67,16 +67,10 @@ var useStyles = styles.createStyles((theme, { color }) => ({
   },
   message: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     lineHeight: theme.lineHeight,
-    borderBottomLeftRadius: theme.radius.sm,
-    borderBottomRightRadius: theme.radius.sm,
     textOverflow: "ellipsis",
     overflow: "hidden",
     fontSize: theme.fontSizes.sm,
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    "&:only-child": {
-      borderTopRightRadius: theme.radius.sm,
-      borderTopLeftRadius: theme.radius.sm
-    }
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
   }),
   closeButton: {
     marginTop: 2

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.styles.js","sources":["../../../src/components/Alert/Alert.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\ninterface AlertStyles {\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: AlertStyles) => ({\n  root: {\n    ...theme.fn.fontStyles(),\n    position: 'relative',\n    overflow: 'hidden',\n    padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,\n    borderRadius: theme.radius.sm,\n    backgroundColor:\n      theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.fn.themeColor(color, 0),\n  },\n\n  wrapper: {\n    display: 'flex',\n  },\n\n  body: {\n    flex: 1,\n  },\n\n  title: {\n    boxSizing: 'border-box',\n    color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7),\n    margin: 0,\n    marginBottom: 7,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    lineHeight: theme.lineHeight,\n    fontSize: theme.fontSizes.sm,\n    fontWeight: 700,\n  },\n\n  label: {\n    display: 'block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n\n  icon: {\n    color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7),\n    lineHeight: 1,\n    width: 20,\n    height: 20,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginRight: theme.spacing.md,\n    marginTop: 1,\n  },\n\n  message: {\n    ...theme.fn.fontStyles(),\n    lineHeight: theme.lineHeight,\n    borderBottomLeftRadius: theme.radius.sm,\n    borderBottomRightRadius: theme.radius.sm,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    fontSize: theme.fontSizes.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n    '&:only-child': {\n      borderTopRightRadius: theme.radius.sm,\n      borderTopLeftRadius: theme.radius.sm,\n    },\n  },\n\n  closeButton: {\n    marginTop: 2,\n  },\n}));\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Alert.styles.js","sources":["../../../src/components/Alert/Alert.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\ninterface AlertStyles {\n  color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: AlertStyles) => ({\n  root: {\n    ...theme.fn.fontStyles(),\n    position: 'relative',\n    overflow: 'hidden',\n    padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,\n    borderRadius: theme.radius.sm,\n    backgroundColor:\n      theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.fn.themeColor(color, 0),\n  },\n\n  wrapper: {\n    display: 'flex',\n  },\n\n  body: {\n    flex: 1,\n  },\n\n  title: {\n    boxSizing: 'border-box',\n    color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7),\n    margin: 0,\n    marginBottom: 7,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    lineHeight: theme.lineHeight,\n    fontSize: theme.fontSizes.sm,\n    fontWeight: 700,\n  },\n\n  label: {\n    display: 'block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n\n  icon: {\n    color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7),\n    lineHeight: 1,\n    width: 20,\n    height: 20,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    marginRight: theme.spacing.md,\n    marginTop: 1,\n  },\n\n  message: {\n    ...theme.fn.fontStyles(),\n    lineHeight: theme.lineHeight,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    fontSize: theme.fontSizes.sm,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n  },\n\n  closeButton: {\n    marginTop: 2,\n  },\n}));\n"],"names":["createStyles"],"mappings":"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"}