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

package/README.md

@@ -25,7 +25,6 @@ Mantine is a MIT licensed open source react components and hooks library with fo
 - **Ready for production** – mantine is well tested and works in all modern browsers
 - **Developer experience** – mantine comes with more than 50 components and 15 hooks to cover you in most cases
 - **No annoying focus ring** – with new :focus-visible pseudo-class focus ring appears only when user navigates with keyboard
-- **React JSS** – take advantage of all react-jss features: automatic critical css extraction during ssr, lazy evaluation, dynamic theming and others
 - **React and Preact** – mantine works flawlessly with preact
 
 ## Installation

package/cjs/components/Accordion/Accordion.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var AccordionItem = require('./AccordionItem/AccordionItem.js');
-var AccordionControl = require('./AccordionControl/AccordionControl.js');
+var useAccordionState = require('./use-accordion-state/use-accordion-state.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -45,13 +45,15 @@ var __objRest = (source, exclude) => {
 function Accordion(_a) {
   var _b = _a, {
     children,
-    initialItem = 0,
+    initialItem = -1,
     initialState,
     state,
     onChange,
     multiple = false,
+    disableIconRotation = false,
     transitionDuration = 200,
-    themeOverride,
+    iconPosition = "left",
+    icon,
     classNames,
     styles,
     id
@@ -62,43 +64,32 @@ function Accordion(_a) {
     "state",
     "onChange",
     "multiple",
+    "disableIconRotation",
     "transitionDuration",
-    "themeOverride",
+    "iconPosition",
+    "icon",
     "classNames",
     "styles",
     "id"
   ]);
   const uuid = hooks.useId(id);
   const items = React__default.Children.toArray(children).filter((item) => item.type === AccordionItem.AccordionItem);
-  const _initialState = initialState || items.reduce((acc, item, index) => {
-    acc[index] = index === initialItem;
-    return acc;
-  }, {});
-  const [value, setValue] = hooks.useUncontrolled({
-    value: state,
-    defaultValue: _initialState,
-    finalValue: {},
-    onChange,
-    rule: (val) => val !== null && typeof val === "object"
+  const [value, onToggle] = useAccordionState.useAccordionState({
+    multiple,
+    items,
+    initialItem,
+    state,
+    initialState,
+    onChange
   });
-  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);
-    }
-  };
-  const controls = items.map((item, index) => /* @__PURE__ */ React__default.createElement(AccordionControl.AccordionControl, __spreadProps(__spreadValues({}, item.props), {
+  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,
-    themeOverride,
     transitionDuration,
     opened: value[index],
-    onToggle: () => handleItemToggle(index),
+    onToggle: () => onToggle(index),
     classNames,
     styles,
     id: `${uuid}-${index}`
@@ -108,6 +99,5 @@ function Accordion(_a) {
 Accordion.Item = AccordionItem.AccordionItem;
 Accordion.displayName = "@mantine/core/Accordion";
 
-exports.AccordionItem = AccordionItem.AccordionItem;
 exports.Accordion = Accordion;
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { DefaultProps } from '../../theme';\nimport {\n  AccordionItem,\n  AccordionItemType,\n  AccordionItemProps,\n} from './AccordionItem/AccordionItem';\nimport { AccordionControl, AccordionControlStylesNames } from './AccordionControl/AccordionControl';\n\nexport type { AccordionItemProps };\nexport { AccordionItem };\n\nexport type AccordionStylesNames = AccordionControlStylesNames;\n\nexport interface AccordionProps\n  extends DefaultProps<AccordionStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  /** <AccordionItem /> components only */\n  children: React.ReactNode;\n\n  /** Index of item which is initially opened */\n  initialItem?: number;\n\n  /** Initial state (controls opened state of accordion items) for uncontrolled component */\n  initialState?: Record<string, boolean>;\n\n  /** Controlled state (controls opened state of accordion items) */\n  state?: Record<string, boolean>;\n\n  /** onChange handler for controlled component */\n  onChange?(state: Record<string, boolean>): 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\nexport function Accordion({\n  children,\n  initialItem = 0,\n  initialState,\n  state,\n  onChange,\n  multiple = false,\n  transitionDuration = 200,\n  themeOverride,\n  classNames,\n  styles,\n  id,\n  ...others\n}: AccordionProps) {\n  const uuid = useId(id);\n  const items = React.Children.toArray(children).filter(\n    (item: AccordionItemType) => item.type === AccordionItem\n  ) as AccordionItemType[];\n\n  const _initialState =\n    initialState ||\n    (items.reduce((acc, item, index) => {\n      acc[index] = index === initialItem;\n      return acc;\n    }, {}) as Record<string, boolean>);\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  const controls = items.map((item, index) => (\n    <AccordionControl\n      {...item.props}\n      key={index}\n      themeOverride={themeOverride}\n      transitionDuration={transitionDuration}\n      opened={value[index]}\n      onToggle={() => handleItemToggle(index)}\n      classNames={classNames}\n      styles={styles}\n      id={`${uuid}-${index}`}\n    />\n  ));\n\n  return <div {...others}>{controls}</div>;\n}\n\nAccordion.Item = AccordionItem;\n\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["useId","React","AccordionItem","useUncontrolled","AccordionControl"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport { DefaultProps } from '@mantine/styles';\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.ComponentPropsWithoutRef<'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\nexport function Accordion({\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  id,\n  ...others\n}: AccordionProps) {\n  const uuid = useId(id);\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 <div {...others}>{controls}</div>;\n}\n\nAccordion.Item = AccordionItem;\n\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["useId","React","AccordionItem","useAccordionState"],"mappings":"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"}

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

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

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';\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":["styles","React","ChevronIcon","useForceUpdate","useReducedMotion","useStyles","mergeStyles","useWindowEvent","UnstyledButton","Center","Collapse"],"mappings":"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"}

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const ICON_SIZE = 24;
+var useStyles = styles.createStyles((theme, { transitionDuration, disableIconRotation, iconPosition }, getRef) => {
+  const icon = {
+    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,
+      flex: 1
+    },
+    item: {
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+    },
+    itemOpened: {
+      [`& .${icon.ref}`]: {
+        transform: disableIconRotation ? "none" : "rotate(180deg)"
+      }
+    },
+    control: __spreadProps(__spreadValues(__spreadValues({}, styles.getFocusStyles(theme)), styles.getFontStyles(theme)), {
+      width: "100%",
+      display: "flex",
+      alignItems: "center",
+      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: 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({}, styles.getFontStyles(theme)), {
+      lineHeight: theme.lineHeight,
+      paddingLeft: iconPosition === "right" ? 0 : ICON_SIZE + theme.spacing.xs / 2
+    }),
+    contentInner: {
+      padding: theme.spacing.md,
+      paddingTop: theme.spacing.xs / 2
+    }
+  };
+});
+
+exports.default = useStyles;
+//# sourceMappingURL=AccordionItem.styles.js.map

package/cjs/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":["createStyles","getFocusStyles","getFontStyles"],"mappings":"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"}

package/cjs/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":["React"],"mappings":";;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEK,SAAS,WAAW,CAAC,KAAK,EAAE;AACnC,EAAE,uBAAuBA,cAAK,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,kBAAkBA,cAAK,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/cjs/components/Accordion/use-accordion-state/use-accordion-state.js

@@ -0,0 +1,65 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var hooks = require('@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] = hooks.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];
+}
+
+exports.createAccordionState = createAccordionState;
+exports.useAccordionState = useAccordionState;
+//# sourceMappingURL=use-accordion-state.js.map

package/cjs/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":["useUncontrolled"],"mappings":"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"}

package/cjs/components/ActionIcon/ActionIcon.js

@@ -3,17 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
+var styles = require('@mantine/styles');
 var ActionIcon_styles = require('./ActionIcon.styles.js');
 var Loader = require('../Loader/Loader.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var getSharedColorScheme = require('../../theme/utils/get-shared-color-scheme/get-shared-color-scheme.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -46,14 +42,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const ACTION_ICON_SIZES = ActionIcon_styles.sizes;
-const LOADER_SIZES = {
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20
-};
 function ActionIcon(_a) {
   var _b = _a, {
     className,
@@ -65,7 +53,6 @@ function ActionIcon(_a) {
     disabled = false,
     loaderProps,
     loading = false,
-    themeOverride,
     elementRef,
     component
   } = _b, others = __objRest(_b, [
@@ -78,24 +65,19 @@ function ActionIcon(_a) {
     "disabled",
     "loaderProps",
     "loading",
-    "themeOverride",
     "elementRef",
     "component"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = ActionIcon_styles['default']({ size, radius, color, theme }, null, "action-icon");
+  const theme = styles.useMantineTheme();
+  const { classes, cx } = ActionIcon_styles['default']({ size, radius, color, variant }, null, "action-icon");
   const Element = component || "button";
-  const colors = getSharedColorScheme.getSharedColorScheme({
-    color,
-    theme,
-    variant: "light"
-  });
+  const colors = styles.getSharedColorScheme({ color, theme, variant: "light" });
   const loader = /* @__PURE__ */ React__default.createElement(Loader.Loader, __spreadValues({
     color: colors.color,
-    size: getSizeValue.getSizeValue({ size, sizes: LOADER_SIZES })
+    size: styles.getSizeValue({ size, sizes: ActionIcon_styles.sizes }) - 12
   }, loaderProps));
   return /* @__PURE__ */ React__default.createElement(Element, __spreadProps(__spreadValues({}, others), {
-    className: cx__default(classes.root, classes[variant], { [classes.loading]: loading }, className),
+    className: cx(classes.root, { [classes.loading]: loading }, className),
     type: "button",
     ref: elementRef,
     disabled: disabled || loading
@@ -103,6 +85,5 @@ function ActionIcon(_a) {
 }
 ActionIcon.displayName = "@mantine/core/ActionIcon";
 
-exports.ACTION_ICON_SIZES = ACTION_ICON_SIZES;
 exports.ActionIcon = ActionIcon;
 //# sourceMappingURL=ActionIcon.js.map

package/cjs/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  getSharedColorScheme,\n} from '../../theme';\nimport useStyles, { sizes } from './ActionIcon.styles';\nimport { Loader } 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?: 'transparent' | 'hover' | 'filled' | 'outline' | 'light';\n\n  /** Button hover, active and icon colors from theme */\n  color?: string;\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?: Record<string, any>;\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  themeOverride,\n  elementRef,\n  component,\n  ...others\n}: ActionIconProps<C, R>) {\n  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ size, radius, color, theme }, null, 'action-icon');\n  const Element = component || 'button';\n  const colors = getSharedColorScheme({\n    color,\n    theme,\n    variant: 'light',\n  });\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":["sizes","useMantineTheme","useStyles","getSharedColorScheme","React","Loader","getSizeValue","cx"],"mappings":"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"}
+{"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":["useMantineTheme","useStyles","getSharedColorScheme","React","Loader","getSizeValue","sizes"],"mappings":"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"}