@mantine/core 4.2.3 → 5.0.0-alpha.2

package/cjs/components/Accordion/Accordion.context.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@mantine/utils');
+var Accordion_errors = require('./Accordion.errors.js');
+
+const [AccordionContextProvider, useAccordionContext] = utils.createSafeContext(Accordion_errors.ACCORDION_ERRORS["accordion-context"]);
+
+exports.AccordionContextProvider = AccordionContextProvider;
+exports.useAccordionContext = useAccordionContext;
+//# sourceMappingURL=Accordion.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.context.js","sources":["../../../src/components/Accordion/Accordion.context.ts"],"sourcesContent":["import { MantineNumberSize } from '@mantine/styles';\nimport { createSafeContext } from '@mantine/utils';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\nimport {\n  AccordionChevronPosition,\n  AccordionHeadingOrder,\n  AccordionVariant,\n} from './Accordion.types';\n\ninterface AccordionContext {\n  loop: boolean;\n  transitionDuration: number;\n  disableChevronRotation: boolean;\n  chevronPosition: AccordionChevronPosition;\n  chevronSize: number;\n  order: AccordionHeadingOrder;\n  chevron: React.ReactNode;\n  variant: AccordionVariant;\n  radius: MantineNumberSize;\n  onChange(value: string): void;\n  isItemActive(value: string): boolean;\n  getControlId(value: string): string;\n  getRegionId(value: string): string;\n}\n\nexport const [AccordionContextProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n  ACCORDION_ERRORS['accordion-context']\n);\n"],"names":["createSafeContext","ACCORDION_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,iCAAgB,CAAC,mBAAmB,CAAC;;;;;"}

package/cjs/components/Accordion/Accordion.errors.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@mantine/utils');
+
+const ACCORDION_ERRORS = utils.createErrors({
+  "accordion-context": "Accordion component was not found in the tree",
+  "accordion-item-context": "Accordion.Item component was not found in the tree",
+  "accordion-value": "Accordion.Item component was rendered with invalid value or without value"
+});
+
+exports.ACCORDION_ERRORS = ACCORDION_ERRORS;
+//# sourceMappingURL=Accordion.errors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.errors.js","sources":["../../../src/components/Accordion/Accordion.errors.ts"],"sourcesContent":["import { createErrors } from '@mantine/utils';\n\nexport const ACCORDION_ERRORS = createErrors({\n  'accordion-context': 'Accordion component was not found in the tree',\n  'accordion-item-context': 'Accordion.Item component was not found in the tree',\n  'accordion-value': 'Accordion.Item component was rendered with invalid value or without value',\n});\n"],"names":["createErrors"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAGA,kBAAY,CAAC;AAC7C,EAAE,mBAAmB,EAAE,+CAA+C;AACtE,EAAE,wBAAwB,EAAE,oDAAoD;AAChF,EAAE,iBAAiB,EAAE,2EAA2E;AAChG,CAAC;;;;"}

package/cjs/components/Accordion/Accordion.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var styles = require('@mantine/styles');
-var hooks = require('@mantine/hooks');
+var AccordionProvider = require('./AccordionProvider.js');
 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 filterChildrenByType = require('../../utils/filter-children-by-type/filter-children-by-type.js');
+var AccordionControl = require('./AccordionControl/AccordionControl.js');
+var AccordionPanel = require('./AccordionPanel/AccordionPanel.js');
+var ChevronIcon = require('./ChevronIcon.js');
 var Box = require('../Box/Box.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
@@ -47,87 +47,80 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const defaultProps = {
-  initialItem: -1,
   multiple: false,
-  disableIconRotation: false,
+  disableChevronRotation: false,
   transitionDuration: 200,
-  iconPosition: "left",
-  offsetIcon: true,
-  iconSize: 24,
-  order: 3
+  chevronPosition: "right",
+  variant: "default",
+  chevronSize: 24,
+  chevron: /* @__PURE__ */ React__default.createElement(ChevronIcon.ChevronIcon, null)
 };
-const Accordion = React.forwardRef((props, ref) => {
+function Accordion(props) {
   const _a = styles.useMantineDefaultProps("Accordion", defaultProps, props), {
+    id,
+    loop,
     children,
-    initialItem,
-    initialState,
-    state,
-    onChange,
     multiple,
-    disableIconRotation,
+    value,
+    defaultValue,
+    onChange,
     transitionDuration,
-    iconPosition,
-    offsetIcon,
-    iconSize,
+    disableChevronRotation,
+    chevronPosition,
+    chevronSize,
     order,
-    icon,
+    chevron,
     classNames,
     styles: styles$1,
-    id
+    unstyled,
+    variant,
+    radius
   } = _a, others = __objRest(_a, [
+    "id",
+    "loop",
     "children",
-    "initialItem",
-    "initialState",
-    "state",
-    "onChange",
     "multiple",
-    "disableIconRotation",
+    "value",
+    "defaultValue",
+    "onChange",
     "transitionDuration",
-    "iconPosition",
-    "offsetIcon",
-    "iconSize",
+    "disableChevronRotation",
+    "chevronPosition",
+    "chevronSize",
     "order",
-    "icon",
+    "chevron",
     "classNames",
     "styles",
-    "id"
+    "unstyled",
+    "variant",
+    "radius"
   ]);
-  const uuid = hooks.useUuid(id);
-  const items = filterChildrenByType.filterChildrenByType(children, AccordionItem.AccordionItem);
-  const { handleItemKeydown, assignControlRef } = useAccordionFocus.useAccordionFocus(items.length);
-  const [value, handlers] = useAccordionState.useAccordionState({
+  return /* @__PURE__ */ React__default.createElement(AccordionProvider.AccordionProvider, {
+    id,
     multiple,
-    total: items.length,
-    initialItem,
-    state,
-    initialState,
-    onChange
-  });
-  const controls = items.map((item, index) => {
-    var _a2, _b, _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: ((_b = item.props) == null ? void 0 : _b.styles) || styles$1,
-      id: `${uuid}-${index}`,
-      onControlKeyDown: handleItemKeydown(index),
-      controlRef: hooks.mergeRefs(assignControlRef(index), (_c = item.props) == null ? void 0 : _c.controlRef),
-      offsetIcon,
-      iconSize,
-      order
-    }));
-  });
-  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    ref
-  }, others), controls);
-});
+    value,
+    defaultValue,
+    onChange,
+    loop,
+    transitionDuration,
+    disableChevronRotation,
+    chevronPosition,
+    chevronSize,
+    order,
+    chevron,
+    variant,
+    radius
+  }, /* @__PURE__ */ React__default.createElement(styles.StylesApiProvider, {
+    classNames,
+    styles: styles$1,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
+    "data-accordion": true
+  }), children)));
+}
 Accordion.Item = AccordionItem.AccordionItem;
+Accordion.Control = AccordionControl.AccordionControl;
+Accordion.Panel = AccordionPanel.AccordionPanel;
 Accordion.displayName = "@mantine/core/Accordion";
 
 exports.Accordion = 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 {\n  DefaultProps,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { useUuid, mergeRefs } from '@mantine/hooks';\nimport { Box } from '../Box';\nimport { filterChildrenByType } from '../../utils';\nimport {\n  AccordionItem,\n  AccordionItemStylesNames,\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, defaults to false */\n  multiple?: boolean;\n\n  /** Open/close item transition duration in ms, defaults to 200 */\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, defaults to false */\n  disableIconRotation?: boolean;\n\n  /** Change icon position: left or right, defaults to 'left' */\n  iconPosition?: AccordionIconPosition;\n\n  /** Should icon be offset with padding, applicable only when iconPosition is right, defaults to true */\n  offsetIcon?: boolean;\n\n  /** Icon width in px, defaults to 24 */\n  iconSize?: number;\n\n  /** Heading level used for items, defaults to 3 */\n  order?: 2 | 3 | 4 | 5 | 6;\n}\n\ntype AccordionComponent = ForwardRefWithStaticComponents<\n  AccordionProps,\n  { Item: typeof AccordionItem }\n>;\n\nconst defaultProps: Partial<AccordionProps> = {\n  initialItem: -1,\n  multiple: false,\n  disableIconRotation: false,\n  transitionDuration: 200,\n  iconPosition: 'left',\n  offsetIcon: true,\n  iconSize: 24,\n  order: 3,\n};\n\nexport const Accordion: AccordionComponent = forwardRef<HTMLDivElement, AccordionProps>(\n  (props: AccordionProps, ref) => {\n    const {\n      children,\n      initialItem,\n      initialState,\n      state,\n      onChange,\n      multiple,\n      disableIconRotation,\n      transitionDuration,\n      iconPosition,\n      offsetIcon,\n      iconSize,\n      order,\n      icon,\n      classNames,\n      styles,\n      id,\n      ...others\n    } = useMantineDefaultProps('Accordion', defaultProps, props);\n    const uuid = useUuid(id);\n    const items = filterChildrenByType(children, AccordionItem);\n\n    const { handleItemKeydown, assignControlRef } = useAccordionFocus(items.length);\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        order={order}\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","useMantineDefaultProps","styles","useUuid","filterChildrenByType","AccordionItem","useAccordionFocus","useAccordionState","React","mergeRefs","Box"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, useMantineDefaultProps, StylesApiProvider } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { AccordionProviderProps, AccordionProvider } from './AccordionProvider';\nimport { AccordionItem, AccordionItemStylesNames } from './AccordionItem/AccordionItem';\nimport { AccordionControl, AccordionControlStylesNames } from './AccordionControl/AccordionControl';\nimport { AccordionPanel, AccordionPanelStylesNames } from './AccordionPanel/AccordionPanel';\nimport { ChevronIcon } from './ChevronIcon';\nimport { AccordionStylesParams } from './Accordion.types';\n\nexport type AccordionStylesNames =\n  | AccordionItemStylesNames\n  | AccordionPanelStylesNames\n  | AccordionControlStylesNames;\n\nexport interface AccordionProps<Multiple extends boolean = false>\n  extends AccordionProviderProps<Multiple>,\n    DefaultProps<AccordionStylesNames, AccordionStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof AccordionProviderProps<Multiple>> {}\n\nconst defaultProps: Partial<AccordionProps> = {\n  multiple: false,\n  disableChevronRotation: false,\n  transitionDuration: 200,\n  chevronPosition: 'right',\n  variant: 'default',\n  chevronSize: 24,\n  chevron: <ChevronIcon />,\n};\n\nexport function Accordion<Multiple extends boolean = false>(props: AccordionProps<Multiple>) {\n  const {\n    id,\n    loop,\n    children,\n    multiple,\n    value,\n    defaultValue,\n    onChange,\n    transitionDuration,\n    disableChevronRotation,\n    chevronPosition,\n    chevronSize,\n    order,\n    chevron,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    radius,\n    ...others\n  } = useMantineDefaultProps<AccordionProps<Multiple>>(\n    'Accordion',\n    defaultProps as AccordionProps<Multiple>,\n    props\n  );\n\n  return (\n    <AccordionProvider\n      id={id}\n      multiple={multiple}\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      loop={loop}\n      transitionDuration={transitionDuration}\n      disableChevronRotation={disableChevronRotation}\n      chevronPosition={chevronPosition}\n      chevronSize={chevronSize}\n      order={order}\n      chevron={chevron}\n      variant={variant}\n      radius={radius}\n    >\n      <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n        <Box {...others} data-accordion>\n          {children}\n        </Box>\n      </StylesApiProvider>\n    </AccordionProvider>\n  );\n}\n\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["React","ChevronIcon","useMantineDefaultProps","styles","AccordionProvider","StylesApiProvider","Box","AccordionItem","AccordionControl","AccordionPanel"],"mappings":"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"}

package/cjs/components/Accordion/AccordionControl/AccordionControl.js

@@ -0,0 +1,116 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
+var Accordion_context = require('../Accordion.context.js');
+var AccordionItem_context = require('../AccordionItem.context.js');
+var AccordionControl_styles = require('./AccordionControl.styles.js');
+var UnstyledButton = require('../../UnstyledButton/UnstyledButton.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 __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));
+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;
+};
+const AccordionControl = React.forwardRef((_a, ref) => {
+  var _b = _a, {
+    disabled,
+    onKeyDown,
+    onClick,
+    chevron,
+    children,
+    className,
+    icon
+  } = _b, others = __objRest(_b, [
+    "disabled",
+    "onKeyDown",
+    "onClick",
+    "chevron",
+    "children",
+    "className",
+    "icon"
+  ]);
+  const ctx = Accordion_context.useAccordionContext();
+  const { value } = AccordionItem_context.useAccordionItemContext();
+  const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
+  const { classes, cx } = AccordionControl_styles['default']({
+    transitionDuration: ctx.transitionDuration,
+    chevronPosition: ctx.chevronPosition,
+    chevronSize: ctx.chevronSize,
+    variant: ctx.variant,
+    radius: ctx.radius
+  }, { name: "Accordion", classNames, styles: styles$1, unstyled });
+  const isActive = ctx.isItemActive(value);
+  const shouldWrapWithHeading = typeof ctx.order === "number";
+  const Heading = `h${ctx.order}`;
+  const content = /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, others), {
+    ref,
+    "data-accordion-control": true,
+    disabled,
+    className: cx(classes.control, className),
+    onClick: (event) => {
+      onClick == null ? void 0 : onClick(event);
+      ctx.onChange(value);
+    },
+    type: "button",
+    "aria-expanded": isActive,
+    "aria-controls": ctx.getRegionId(value),
+    id: ctx.getControlId(value),
+    unstyled,
+    onKeyDown: utils.createScopedKeydownHandler({
+      siblingSelector: "[data-accordion-control]",
+      parentSelector: "[data-accordion]",
+      activateOnFocus: false,
+      loop: ctx.loop,
+      orientation: "vertical",
+      onKeyDown
+    })
+  }), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.chevron,
+    "data-rotate": !ctx.disableChevronRotation && isActive || void 0
+  }, chevron || ctx.chevron), /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.label
+  }, children), icon && /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.icon
+  }, icon));
+  return shouldWrapWithHeading ? /* @__PURE__ */ React__default.createElement(Heading, {
+    className: classes.itemTitle
+  }, content) : content;
+});
+AccordionControl.displayName = "@mantine/core/AccordionControl";
+
+exports.AccordionControl = AccordionControl;
+//# sourceMappingURL=AccordionControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionControl.js","sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useContextStylesApi, DefaultProps, Selectors } from '@mantine/styles';\nimport { createScopedKeydownHandler } from '@mantine/utils';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport useStyles from './AccordionControl.styles';\n\nexport type AccordionControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface AccordionControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Disables control button */\n  disabled?: boolean;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Control label */\n  children?: React.ReactNode;\n\n  /** Icon rendered next to label */\n  icon?: React.ReactNode;\n}\n\nexport const AccordionControl = forwardRef<HTMLButtonElement, AccordionControlProps>(\n  (\n    {\n      disabled,\n      onKeyDown,\n      onClick,\n      chevron,\n      children,\n      className,\n      icon,\n      ...others\n    }: AccordionControlProps,\n    ref\n  ) => {\n    const ctx = useAccordionContext();\n    const { value } = useAccordionItemContext();\n    const { classNames, styles, unstyled } = useContextStylesApi();\n    const { classes, cx } = useStyles(\n      {\n        transitionDuration: ctx.transitionDuration,\n        chevronPosition: ctx.chevronPosition,\n        chevronSize: ctx.chevronSize,\n        variant: ctx.variant,\n        radius: ctx.radius,\n      },\n      { name: 'Accordion', classNames, styles, unstyled }\n    );\n\n    const isActive = ctx.isItemActive(value);\n    const shouldWrapWithHeading = typeof ctx.order === 'number';\n    const Heading = `h${ctx.order}` as const;\n\n    const content = (\n      <UnstyledButton<'button'>\n        {...others}\n        ref={ref}\n        data-accordion-control\n        disabled={disabled}\n        className={cx(classes.control, className)}\n        onClick={(event) => {\n          onClick?.(event);\n          ctx.onChange(value);\n        }}\n        type=\"button\"\n        aria-expanded={isActive}\n        aria-controls={ctx.getRegionId(value)}\n        id={ctx.getControlId(value)}\n        unstyled={unstyled}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-accordion-control]',\n          parentSelector: '[data-accordion]',\n          activateOnFocus: false,\n          loop: ctx.loop,\n          orientation: 'vertical',\n          onKeyDown,\n        })}\n      >\n        <div\n          className={classes.chevron}\n          data-rotate={(!ctx.disableChevronRotation && isActive) || undefined}\n        >\n          {chevron || ctx.chevron}\n        </div>\n        <div className={classes.label}>{children}</div>\n        {icon && <div className={classes.icon}>{icon}</div>}\n      </UnstyledButton>\n    );\n\n    return shouldWrapWithHeading ? (\n      <Heading className={classes.itemTitle}>{content}</Heading>\n    ) : (\n      content\n    );\n  }\n);\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\n"],"names":["forwardRef","useAccordionContext","useAccordionItemContext","styles","useContextStylesApi","useStyles","React","UnstyledButton","createScopedKeydownHandler"],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+'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));
+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 getVariantStyles(theme, { variant }) {
+  if (variant === "default" || variant === "contained") {
+    return theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
+    });
+  }
+  return {};
+}
+var useStyles = styles.createStyles((theme, _a) => {
+  var _b = _a, { transitionDuration, chevronPosition, chevronSize } = _b, params = __objRest(_b, ["transitionDuration", "chevronPosition", "chevronSize"]);
+  return {
+    icon: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      marginRight: chevronPosition === "left" ? 0 : theme.spacing.sm,
+      marginLeft: chevronPosition === "left" ? theme.spacing.lg : 0
+    },
+    chevron: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      transition: `transform ${transitionDuration}ms ease`,
+      marginRight: chevronPosition === "right" ? 0 : theme.spacing.sm,
+      marginLeft: chevronPosition === "right" ? theme.spacing.lg : 0,
+      width: chevronSize,
+      minWidth: chevronSize,
+      "&[data-rotate]": {
+        transform: "rotate(180deg)"
+      }
+    },
+    label: {
+      color: "inherit",
+      fontWeight: 400,
+      flex: 1,
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
+    itemTitle: {
+      margin: 0,
+      padding: 0
+    },
+    control: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), getVariantStyles(theme, params)), {
+      width: "100%",
+      display: "flex",
+      alignItems: "center",
+      flexDirection: chevronPosition === "right" ? "row-reverse" : "row",
+      padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,
+      paddingLeft: chevronPosition === "right" ? theme.spacing.sm + 4 : null,
+      textAlign: "left",
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      "&:disabled": __spreadValues({
+        opacity: 0.4,
+        cursor: "not-allowed"
+      }, theme.fn.hover({ backgroundColor: "transparent" }))
+    })
+  };
+});
+
+exports.default = useStyles;
+//# sourceMappingURL=AccordionControl.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionControl.styles.js","sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme, CSSObject } from '@mantine/styles';\nimport { AccordionStylesParams, AccordionChevronPosition } from '../Accordion.types';\n\nexport interface AccordionControlStylesParams extends AccordionStylesParams {\n  chevronPosition: AccordionChevronPosition;\n  transitionDuration: number;\n  chevronSize: number;\n}\n\nfunction getVariantStyles(theme: MantineTheme, { variant }: AccordionStylesParams): CSSObject {\n  if (variant === 'default' || variant === 'contained') {\n    return theme.fn.hover({\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n    });\n  }\n\n  return {};\n}\n\nexport default createStyles(\n  (\n    theme,\n    { transitionDuration, chevronPosition, chevronSize, ...params }: AccordionControlStylesParams\n  ) => ({\n    icon: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginRight: chevronPosition === 'left' ? 0 : theme.spacing.sm,\n      marginLeft: chevronPosition === 'left' ? theme.spacing.lg : 0,\n    },\n\n    chevron: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      transition: `transform ${transitionDuration}ms ease`,\n      marginRight: chevronPosition === 'right' ? 0 : theme.spacing.sm,\n      marginLeft: chevronPosition === 'right' ? theme.spacing.lg : 0,\n      width: chevronSize,\n      minWidth: chevronSize,\n\n      '&[data-rotate]': {\n        transform: 'rotate(180deg)',\n      },\n    },\n\n    label: {\n      color: 'inherit',\n      fontWeight: 400,\n      flex: 1,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n\n    itemTitle: {\n      margin: 0,\n      padding: 0,\n    },\n\n    control: {\n      ...theme.fn.focusStyles(),\n      ...theme.fn.fontStyles(),\n      ...getVariantStyles(theme, params),\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      flexDirection: chevronPosition === 'right' ? 'row-reverse' : 'row',\n      padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,\n      paddingLeft: chevronPosition === 'right' ? theme.spacing.sm + 4 : null,\n      textAlign: 'left',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n      '&:disabled': {\n        opacity: 0.4,\n        cursor: 'not-allowed',\n        ...theme.fn.hover({ backgroundColor: 'transparent' }),\n      },\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":"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"}

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

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks = require('@mantine/hooks');
-var ChevronIcon = require('./ChevronIcon.js');
+var styles = require('@mantine/styles');
+var AccordionItem_context = require('../AccordionItem.context.js');
 var AccordionItem_styles = require('./AccordionItem.styles.js');
+var Accordion_context = require('../Accordion.context.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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -43,78 +41,19 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function AccordionItem(_a) {
-  var _b = _a, {
-    opened,
-    onToggle,
-    label,
-    children,
-    className,
-    classNames,
-    styles,
-    transitionDuration,
-    icon = /* @__PURE__ */ React__default.createElement(ChevronIcon.ChevronIcon, null),
-    disableIconRotation = false,
-    offsetIcon = true,
-    iconSize = 24,
-    iconPosition = "left",
-    order = 3,
-    id,
-    controlRef,
-    onControlKeyDown
-  } = _b, others = __objRest(_b, [
-    "opened",
-    "onToggle",
-    "label",
-    "children",
-    "className",
-    "classNames",
-    "styles",
-    "transitionDuration",
-    "icon",
-    "disableIconRotation",
-    "offsetIcon",
-    "iconSize",
-    "iconPosition",
-    "order",
-    "id",
-    "controlRef",
-    "onControlKeyDown"
-  ]);
-  const reduceMotion = hooks.useReducedMotion();
-  const duration = reduceMotion ? 0 : transitionDuration;
-  const { classes, cx } = AccordionItem_styles['default']({ transitionDuration: duration, disableIconRotation, iconPosition, offsetIcon, iconSize }, { classNames, styles, name: "Accordion" });
-  const cappedOrder = Math.min(6, Math.max(2, order));
-  const Heading = `h${cappedOrder}`;
-  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
-    className: cx(classes.item, { [classes.itemOpened]: opened }, className)
-  }, others), /* @__PURE__ */ React__default.createElement(Heading, {
-    className: classes.itemTitle
-  }, /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, {
-    className: classes.control,
-    onClick: onToggle,
-    type: "button",
-    "aria-expanded": opened,
-    "aria-controls": `${id}-body`,
-    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, {
-    in: opened,
-    transitionDuration: duration
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.content,
-    role: "region",
-    id: `${id}-body`,
-    "aria-labelledby": id
-  }, /* @__PURE__ */ React__default.createElement("div", {
-    className: classes.contentInner
-  }, children))));
-}
+const AccordionItem = React.forwardRef((_a, ref) => {
+  var _b = _a, { children, className, value } = _b, others = __objRest(_b, ["children", "className", "value"]);
+  const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
+  const ctx = Accordion_context.useAccordionContext();
+  const { classes, cx } = AccordionItem_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles: styles$1, unstyled });
+  return /* @__PURE__ */ React__default.createElement(AccordionItem_context.AccordionItemContextProvider, {
+    value: { value }
+  }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
+    ref,
+    className: cx(classes.item, className),
+    "data-active": ctx.isItemActive(value) || void 0
+  }, others), children));
+});
 AccordionItem.displayName = "@mantine/core/AccordionItem";
 
 exports.AccordionItem = AccordionItem;