@mantine/core 4.2.3 → 5.0.0-alpha.2

package/cjs/index.js

@@ -5,19 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styles = require('@mantine/styles');
 var index = require('./components/Transition/index.js');
 var filterChildrenByType = require('./utils/filter-children-by-type/filter-children-by-type.js');
-var findChildByType = require('./utils/find-child-by-type/find-child-by-type.js');
-var filterFalsyChildren = require('./utils/filter-falsy-children/filter-falsy-children.js');
 var groupOptions = require('./utils/group-options/group-options.js');
-var getContextItemIndex = require('./utils/get-context-item-index/get-context-item-index.js');
-var createUseContext = require('./utils/create-use-context/create-use-context.js');
-var getInputMode = require('./utils/get-input-mode/get-input-mode.js');
-var useAccordionState = require('./components/Accordion/use-accordion-state/use-accordion-state.js');
 var Accordion = require('./components/Accordion/Accordion.js');
-var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
-var ChevronIcon = require('./components/Accordion/AccordionItem/ChevronIcon.js');
 var ActionIcon = require('./components/ActionIcon/ActionIcon.js');
-var CloseButton = require('./components/ActionIcon/CloseButton/CloseButton.js');
-var ActionIcon_styles = require('./components/ActionIcon/ActionIcon.styles.js');
 var Affix = require('./components/Affix/Affix.js');
 var Alert = require('./components/Alert/Alert.js');
 var Anchor = require('./components/Anchor/Anchor.js');
@@ -28,28 +18,21 @@ var Footer = require('./components/AppShell/Footer/Footer.js');
 var AppShell = require('./components/AppShell/AppShell.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
-var Avatar_styles = require('./components/Avatar/Avatar.styles.js');
 var Avatar = require('./components/Avatar/Avatar.js');
-var AvatarsGroup = require('./components/Avatar/AvatarsGroup/AvatarsGroup.js');
+var BackgroundImage = require('./components/BackgroundImage/BackgroundImage.js');
 var Badge = require('./components/Badge/Badge.js');
-var Badge_styles = require('./components/Badge/Badge.styles.js');
 var Blockquote = require('./components/Blockquote/Blockquote.js');
 var Box = require('./components/Box/Box.js');
 var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
 var Burger = require('./components/Burger/Burger.js');
-var Burger_styles = require('./components/Burger/Burger.styles.js');
 var Button = require('./components/Button/Button.js');
-var UnstyledButton = require('./components/Button/UnstyledButton/UnstyledButton.js');
-var Button_styles = require('./components/Button/Button.styles.js');
 var Card = require('./components/Card/Card.js');
 var CardSection = require('./components/Card/CardSection/CardSection.js');
 var Center = require('./components/Center/Center.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
-var CheckboxGroup = require('./components/Checkbox/CheckboxGroup/CheckboxGroup.js');
 var CheckboxIcon = require('./components/Checkbox/CheckboxIcon.js');
-var Checkbox_styles = require('./components/Checkbox/Checkbox.styles.js');
-var Chips = require('./components/Chips/Chips.js');
-var Chip = require('./components/Chips/Chip/Chip.js');
+var Chip = require('./components/Chip/Chip.js');
+var CloseButton = require('./components/CloseButton/CloseButton.js');
 var Code = require('./components/Code/Code.js');
 var Collapse = require('./components/Collapse/Collapse.js');
 var ColorInput = require('./components/ColorInput/ColorInput.js');
@@ -59,34 +42,32 @@ var HueSlider = require('./components/ColorPicker/HueSlider/HueSlider.js');
 var AlphaSlider = require('./components/ColorPicker/AlphaSlider/AlphaSlider.js');
 var ColorSwatch = require('./components/ColorSwatch/ColorSwatch.js');
 var Container = require('./components/Container/Container.js');
+var CopyButton = require('./components/CopyButton/CopyButton.js');
 var Dialog = require('./components/Dialog/Dialog.js');
 var Divider = require('./components/Divider/Divider.js');
-var Divider_styles = require('./components/Divider/Divider.styles.js');
-var Drawer_styles = require('./components/Drawer/Drawer.styles.js');
 var Drawer = require('./components/Drawer/Drawer.js');
+var FileButton = require('./components/FileButton/FileButton.js');
+var FocusTrap = require('./components/FocusTrap/FocusTrap.js');
 var Grid = require('./components/Grid/Grid.js');
 var Col = require('./components/Grid/Col/Col.js');
 var Group = require('./components/Group/Group.js');
 var Highlight = require('./components/Highlight/Highlight.js');
+var HoverCard = require('./components/HoverCard/HoverCard.js');
 var Image = require('./components/Image/Image.js');
-var BackgroundImage = require('./components/Image/BackgroundImage/BackgroundImage.js');
 var Indicator = require('./components/Indicator/Indicator.js');
 var Input = require('./components/Input/Input.js');
 var Input_styles = require('./components/Input/Input.styles.js');
+var useInputProps = require('./components/Input/use-input-props.js');
 var InputWrapper = require('./components/InputWrapper/InputWrapper.js');
 var validateJson = require('./components/JsonInput/validate-json/validate-json.js');
 var JsonInput = require('./components/JsonInput/JsonInput.js');
 var Kbd = require('./components/Kbd/Kbd.js');
 var List = require('./components/List/List.js');
-var ListItem = require('./components/List/ListItem/ListItem.js');
 var Loader = require('./components/Loader/Loader.js');
 var LoadingOverlay = require('./components/LoadingOverlay/LoadingOverlay.js');
 var Mark = require('./components/Mark/Mark.js');
 var MediaQuery = require('./components/MediaQuery/MediaQuery.js');
 var Menu = require('./components/Menu/Menu.js');
-var MenuItem = require('./components/Menu/MenuItem/MenuItem.js');
-var MenuLabel = require('./components/Menu/MenuLabel/MenuLabel.js');
-var Modal_styles = require('./components/Modal/Modal.styles.js');
 var Modal = require('./components/Modal/Modal.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var NativeSelect = require('./components/NativeSelect/NativeSelect.js');
@@ -97,68 +78,49 @@ var Pagination = require('./components/Pagination/Pagination.js');
 var Paper = require('./components/Paper/Paper.js');
 var PasswordInput = require('./components/PasswordInput/PasswordInput.js');
 var Popover = require('./components/Popover/Popover.js');
-var Popper = require('./components/Popper/Popper.js');
 var Portal = require('./components/Portal/Portal.js');
 var OptionalPortal = require('./components/Portal/OptionalPortal.js');
-var Progress_styles = require('./components/Progress/Progress.styles.js');
 var Progress = require('./components/Progress/Progress.js');
-var RadioGroup = require('./components/RadioGroup/RadioGroup.js');
-var Radio = require('./components/RadioGroup/Radio/Radio.js');
-var Radio_styles = require('./components/RadioGroup/Radio/Radio.styles.js');
+var Radio = require('./components/Radio/Radio.js');
 var RingProgress = require('./components/RingProgress/RingProgress.js');
 var ScrollArea = require('./components/ScrollArea/ScrollArea.js');
 var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.js');
 var Select = require('./components/Select/Select.js');
-var ChevronIcon$1 = require('./components/Select/SelectRightSection/ChevronIcon.js');
+var ChevronIcon = require('./components/Select/SelectRightSection/ChevronIcon.js');
 var SimpleGrid = require('./components/SimpleGrid/SimpleGrid.js');
 var Skeleton = require('./components/Skeleton/Skeleton.js');
 var Slider = require('./components/Slider/Slider/Slider.js');
 var RangeSlider = require('./components/Slider/RangeSlider/RangeSlider.js');
-var SliderRoot_styles = require('./components/Slider/SliderRoot/SliderRoot.styles.js');
 var Space = require('./components/Space/Space.js');
 var Spoiler = require('./components/Spoiler/Spoiler.js');
 var Stack = require('./components/Stack/Stack.js');
 var Step = require('./components/Stepper/Step/Step.js');
 var Stepper = require('./components/Stepper/Stepper.js');
 var Switch = require('./components/Switch/Switch.js');
-var Switch_styles = require('./components/Switch/Switch.styles.js');
 var Table = require('./components/Table/Table.js');
-var TabControl = require('./components/Tabs/TabControl/TabControl.js');
 var Tabs = require('./components/Tabs/Tabs.js');
 var Text = require('./components/Text/Text.js');
 var Textarea = require('./components/Textarea/Textarea.js');
 var TextInput = require('./components/TextInput/TextInput.js');
 var ThemeIcon = require('./components/ThemeIcon/ThemeIcon.js');
-var ThemeIcon_styles = require('./components/ThemeIcon/ThemeIcon.styles.js');
 var Timeline = require('./components/Timeline/Timeline.js');
 var TimelineItem = require('./components/Timeline/TimelineItem/TimelineItem.js');
 var Title = require('./components/Title/Title.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
-var FloatingTooltip = require('./components/Tooltip/FloatingTooltip/FloatingTooltip.js');
 var TransferList = require('./components/TransferList/TransferList.js');
 var Transition = require('./components/Transition/Transition.js');
 var GroupedTransition = require('./components/Transition/GroupedTransition.js');
 var TypographyStylesProvider = require('./components/TypographyStylesProvider/TypographyStylesProvider.js');
+var UnstyledButton = require('./components/UnstyledButton/UnstyledButton.js');
 
 
 
 exports.AVAILABLE_TRANSITIONS = index.AVAILABLE_TRANSITIONS;
 exports.filterChildrenByType = filterChildrenByType.filterChildrenByType;
-exports.findChildByType = findChildByType.findChildByType;
-exports.filterFalsyChildren = filterFalsyChildren.filterFalsyChildren;
 exports.getGroupedOptions = groupOptions.getGroupedOptions;
 exports.groupOptions = groupOptions.groupOptions;
-exports.getContextItemIndex = getContextItemIndex.getContextItemIndex;
-exports.createUseContext = createUseContext.createUseContext;
-exports.getInputMode = getInputMode.getInputMode;
-exports.createAccordionState = useAccordionState.createAccordionState;
-exports.useAccordionState = useAccordionState.useAccordionState;
 exports.Accordion = Accordion.Accordion;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.ChevronIcon = ChevronIcon.ChevronIcon;
 exports.ActionIcon = ActionIcon.ActionIcon;
-exports.CloseButton = CloseButton.CloseButton;
-exports.ACTION_ICON_SIZES = ActionIcon_styles.sizes;
 exports.Affix = Affix.Affix;
 exports.Alert = Alert.Alert;
 exports.Anchor = Anchor.Anchor;
@@ -169,28 +131,22 @@ exports.Footer = Footer.Footer;
 exports.AppShell = AppShell.AppShell;
 exports.AspectRatio = AspectRatio.AspectRatio;
 exports.Autocomplete = Autocomplete.Autocomplete;
-exports.AVATAR_SIZES = Avatar_styles.sizes;
 exports.Avatar = Avatar.Avatar;
-exports.AvatarsGroup = AvatarsGroup.AvatarsGroup;
+exports.BackgroundImage = BackgroundImage.BackgroundImage;
 exports.Badge = Badge.Badge;
-exports.BADGE_SIZES = Badge_styles.heights;
 exports.Blockquote = Blockquote.Blockquote;
 exports.Box = Box.Box;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.Burger = Burger.Burger;
-exports.BURGER_SIZES = Burger_styles.sizes;
 exports.Button = Button.Button;
-exports.UnstyledButton = UnstyledButton.UnstyledButton;
-exports.BUTTON_SIZES = Button_styles.heights;
 exports.Card = Card.Card;
 exports.CardSection = CardSection.CardSection;
 exports.Center = Center.Center;
 exports.Checkbox = Checkbox.Checkbox;
-exports.CheckboxGroup = CheckboxGroup.CheckboxGroup;
+exports.CheckIcon = CheckboxIcon.CheckIcon;
 exports.CheckboxIcon = CheckboxIcon.CheckboxIcon;
-exports.CHECKBOX_SIZES = Checkbox_styles.sizes;
-exports.Chips = Chips.Chips;
 exports.Chip = Chip.Chip;
+exports.CloseButton = CloseButton.CloseButton;
 exports.Code = Code.Code;
 exports.Collapse = Collapse.Collapse;
 exports.ColorInput = ColorInput.ColorInput;
@@ -200,35 +156,32 @@ exports.HueSlider = HueSlider.HueSlider;
 exports.AlphaSlider = AlphaSlider.AlphaSlider;
 exports.ColorSwatch = ColorSwatch.ColorSwatch;
 exports.Container = Container.Container;
+exports.CopyButton = CopyButton.CopyButton;
 exports.Dialog = Dialog.Dialog;
 exports.Divider = Divider.Divider;
-exports.DIVIDER_SIZES = Divider_styles.sizes;
-exports.DRAWER_SIZES = Drawer_styles.sizes;
 exports.Drawer = Drawer.Drawer;
+exports.FileButton = FileButton.FileButton;
+exports.FocusTrap = FocusTrap.FocusTrap;
 exports.Grid = Grid.Grid;
 exports.Col = Col.Col;
 exports.Group = Group.Group;
 exports.Highlight = Highlight.Highlight;
+exports.HoverCard = HoverCard.HoverCard;
 exports.Image = Image.Image;
-exports.BackgroundImage = BackgroundImage.BackgroundImage;
 exports.Indicator = Indicator.Indicator;
 exports.Input = Input.Input;
 exports.INPUT_SIZES = Input_styles.sizes;
+exports.useInputProps = useInputProps.useInputProps;
 exports.InputWrapper = InputWrapper.InputWrapper;
 exports.validateJson = validateJson.validateJson;
 exports.JsonInput = JsonInput.JsonInput;
 exports.Kbd = Kbd.Kbd;
 exports.List = List.List;
-exports.ListItem = ListItem.ListItem;
-exports.LOADER_SIZES = Loader.LOADER_SIZES;
 exports.Loader = Loader.Loader;
 exports.LoadingOverlay = LoadingOverlay.LoadingOverlay;
 exports.Mark = Mark.Mark;
 exports.MediaQuery = MediaQuery.MediaQuery;
 exports.Menu = Menu.Menu;
-exports.MenuItem = MenuItem.MenuItem;
-exports.MenuLabel = MenuLabel.MenuLabel;
-exports.MODAL_SIZES = Modal_styles.sizes;
 exports.Modal = Modal.Modal;
 exports.MultiSelect = MultiSelect.MultiSelect;
 exports.NativeSelect = NativeSelect.NativeSelect;
@@ -239,48 +192,40 @@ exports.Pagination = Pagination.Pagination;
 exports.Paper = Paper.Paper;
 exports.PasswordInput = PasswordInput.PasswordInput;
 exports.Popover = Popover.Popover;
-exports.Popper = Popper.Popper;
 exports.Portal = Portal.Portal;
 exports.OptionalPortal = OptionalPortal.OptionalPortal;
-exports.PROGRESS_SIZES = Progress_styles.sizes;
 exports.Progress = Progress.Progress;
-exports.RadioGroup = RadioGroup.RadioGroup;
 exports.Radio = Radio.Radio;
-exports.RADIO_SIZES = Radio_styles.sizes;
 exports.RingProgress = RingProgress.RingProgress;
 exports.ScrollArea = ScrollArea.ScrollArea;
 exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.Select = Select.Select;
-exports.SelectChevronIcon = ChevronIcon$1.ChevronIcon;
+exports.SelectChevronIcon = ChevronIcon.ChevronIcon;
 exports.SimpleGrid = SimpleGrid.SimpleGrid;
 exports.Skeleton = Skeleton.Skeleton;
 exports.Slider = Slider.Slider;
 exports.RangeSlider = RangeSlider.RangeSlider;
-exports.SLIDER_SIZES = SliderRoot_styles.sizes;
 exports.Space = Space.Space;
 exports.Spoiler = Spoiler.Spoiler;
 exports.Stack = Stack.Stack;
 exports.Step = Step.Step;
 exports.Stepper = Stepper.Stepper;
 exports.Switch = Switch.Switch;
-exports.SWITCH_SIZES = Switch_styles.sizes;
 exports.Table = Table.Table;
-exports.Tab = TabControl.TabControl;
 exports.Tabs = Tabs.Tabs;
 exports.Text = Text.Text;
 exports.Textarea = Textarea.Textarea;
 exports.TextInput = TextInput.TextInput;
 exports.ThemeIcon = ThemeIcon.ThemeIcon;
-exports.THEME_ICON_SIZES = ThemeIcon_styles.sizes;
 exports.Timeline = Timeline.Timeline;
 exports.TimelineItem = TimelineItem.TimelineItem;
 exports.Title = Title.Title;
 exports.Tooltip = Tooltip.Tooltip;
-exports.FloatingTooltip = FloatingTooltip.FloatingTooltip;
 exports.TransferList = TransferList.TransferList;
 exports.Transition = Transition.Transition;
 exports.GroupedTransition = GroupedTransition.GroupedTransition;
 exports.TypographyStylesProvider = TypographyStylesProvider.TypographyStylesProvider;
+exports.UnstyledButton = UnstyledButton.UnstyledButton;
 Object.keys(styles).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = styles[k];
 });

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/components/Accordion/Accordion.context.js

@@ -0,0 +1,7 @@
+import { createSafeContext } from '@mantine/utils';
+import { ACCORDION_ERRORS } from './Accordion.errors.js';
+
+const [AccordionContextProvider, useAccordionContext] = createSafeContext(ACCORDION_ERRORS["accordion-context"]);
+
+export { AccordionContextProvider, useAccordionContext };
+//# sourceMappingURL=Accordion.context.js.map

package/esm/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":[],"mappings":";;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,mBAAmB,CAAC;;;;"}

package/esm/components/Accordion/Accordion.errors.js

@@ -0,0 +1,10 @@
+import { createErrors } from '@mantine/utils';
+
+const ACCORDION_ERRORS = 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"
+});
+
+export { ACCORDION_ERRORS };
+//# sourceMappingURL=Accordion.errors.js.map

package/esm/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":[],"mappings":";;AACY,MAAC,gBAAgB,GAAG,YAAY,CAAC;AAC7C,EAAE,mBAAmB,EAAE,+CAA+C;AACtE,EAAE,wBAAwB,EAAE,oDAAoD;AAChF,EAAE,iBAAiB,EAAE,2EAA2E;AAChG,CAAC;;;;"}

package/esm/components/Accordion/Accordion.js

@@ -1,10 +1,10 @@
-import React, { forwardRef } from 'react';
-import { useMantineDefaultProps } from '@mantine/styles';
-import { useUuid, mergeRefs } from '@mantine/hooks';
+import React from 'react';
+import { useMantineDefaultProps, StylesApiProvider } from '@mantine/styles';
+import { AccordionProvider } from './AccordionProvider.js';
 import { AccordionItem } from './AccordionItem/AccordionItem.js';
-import { useAccordionState } from './use-accordion-state/use-accordion-state.js';
-import { useAccordionFocus } from './use-accordion-focus/use-accordion-focus.js';
-import { filterChildrenByType } from '../../utils/filter-children-by-type/filter-children-by-type.js';
+import { AccordionControl } from './AccordionControl/AccordionControl.js';
+import { AccordionPanel } from './AccordionPanel/AccordionPanel.js';
+import { ChevronIcon } from './ChevronIcon.js';
 import { Box } from '../Box/Box.js';
 
 var __defProp = Object.defineProperty;
@@ -39,87 +39,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.createElement(ChevronIcon, null)
 };
-const Accordion = forwardRef((props, ref) => {
+function Accordion(props) {
   const _a = 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,
-    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 = useUuid(id);
-  const items = filterChildrenByType(children, AccordionItem);
-  const { handleItemKeydown, assignControlRef } = useAccordionFocus(items.length);
-  const [value, handlers] = useAccordionState({
+  return /* @__PURE__ */ React.createElement(AccordionProvider, {
+    id,
     multiple,
-    total: items.length,
-    initialItem,
-    state,
-    initialState,
-    onChange
-  });
-  const controls = items.map((item, index) => {
-    var _a2, _b, _c;
-    return /* @__PURE__ */ React.createElement(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,
-      id: `${uuid}-${index}`,
-      onControlKeyDown: handleItemKeydown(index),
-      controlRef: mergeRefs(assignControlRef(index), (_c = item.props) == null ? void 0 : _c.controlRef),
-      offsetIcon,
-      iconSize,
-      order
-    }));
-  });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    ref
-  }, others), controls);
-});
+    value,
+    defaultValue,
+    onChange,
+    loop,
+    transitionDuration,
+    disableChevronRotation,
+    chevronPosition,
+    chevronSize,
+    order,
+    chevron,
+    variant,
+    radius
+  }, /* @__PURE__ */ React.createElement(StylesApiProvider, {
+    classNames,
+    styles,
+    unstyled
+  }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
+    "data-accordion": true
+  }), children)));
+}
 Accordion.Item = AccordionItem;
+Accordion.Control = AccordionControl;
+Accordion.Panel = AccordionPanel;
 Accordion.displayName = "@mantine/core/Accordion";
 
 export { Accordion };

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

package/esm/components/Accordion/AccordionControl/AccordionControl.js

@@ -0,0 +1,108 @@
+import React, { forwardRef } from 'react';
+import { useContextStylesApi } from '@mantine/styles';
+import { createScopedKeydownHandler } from '@mantine/utils';
+import { useAccordionContext } from '../Accordion.context.js';
+import { useAccordionItemContext } from '../AccordionItem.context.js';
+import useStyles from './AccordionControl.styles.js';
+import { UnstyledButton } from '../../UnstyledButton/UnstyledButton.js';
+
+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 = 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 = useAccordionContext();
+  const { value } = useAccordionItemContext();
+  const { classNames, styles, unstyled } = useContextStylesApi();
+  const { classes, cx } = useStyles({
+    transitionDuration: ctx.transitionDuration,
+    chevronPosition: ctx.chevronPosition,
+    chevronSize: ctx.chevronSize,
+    variant: ctx.variant,
+    radius: ctx.radius
+  }, { name: "Accordion", classNames, styles, unstyled });
+  const isActive = ctx.isItemActive(value);
+  const shouldWrapWithHeading = typeof ctx.order === "number";
+  const Heading = `h${ctx.order}`;
+  const content = /* @__PURE__ */ React.createElement(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: createScopedKeydownHandler({
+      siblingSelector: "[data-accordion-control]",
+      parentSelector: "[data-accordion]",
+      activateOnFocus: false,
+      loop: ctx.loop,
+      orientation: "vertical",
+      onKeyDown
+    })
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: classes.chevron,
+    "data-rotate": !ctx.disableChevronRotation && isActive || void 0
+  }, chevron || ctx.chevron), /* @__PURE__ */ React.createElement("div", {
+    className: classes.label
+  }, children), icon && /* @__PURE__ */ React.createElement("div", {
+    className: classes.icon
+  }, icon));
+  return shouldWrapWithHeading ? /* @__PURE__ */ React.createElement(Heading, {
+    className: classes.itemTitle
+  }, content) : content;
+});
+AccordionControl.displayName = "@mantine/core/AccordionControl";
+
+export { AccordionControl };
+//# sourceMappingURL=AccordionControl.js.map