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

package/cjs/index.js

@@ -2,252 +2,241 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var styles = require('@mantine/styles');
+var index = require('./components/Transition/index.js');
+var scrollIntoView = require('./utils/scroll-into-view/scroll-into-view.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 Affix = require('./components/Affix/Affix.js');
 var CloseButton = require('./components/ActionIcon/CloseButton/CloseButton.js');
+var CloseIcon = require('./components/ActionIcon/CloseButton/CloseIcon.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');
 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 AvatarPlaceholderIcon = require('./components/Avatar/AvatarPlaceholderIcon.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 QuoteIcon = require('./components/Blockquote/QuoteIcon.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 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 Code = require('./components/Code/Code.js');
 var Collapse = require('./components/Collapse/Collapse.js');
 var ColorInput = require('./components/ColorInput/ColorInput.js');
+var ColorPicker_styles = require('./components/ColorPicker/ColorPicker.styles.js');
 var ColorPicker = require('./components/ColorPicker/ColorPicker.js');
+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_styles = require('./components/Container/Container.styles.js');
 var Container = require('./components/Container/Container.js');
 var Dialog = require('./components/Dialog/Dialog.js');
-var Drawer = require('./components/Drawer/Drawer.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 Grid = require('./components/Grid/Grid.js');
+var Col = require('./components/Grid/Col.js');
 var Group = require('./components/Group/Group.js');
 var Highlight = require('./components/Highlight/Highlight.js');
 var Image = require('./components/Image/Image.js');
 var Input = require('./components/Input/Input.js');
+var Input_styles = require('./components/Input/Input.styles.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 MenuBody_styles = require('./components/Menu/MenuBody/MenuBody.styles.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');
 var Notification = require('./components/Notification/Notification.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var Overlay = require('./components/Overlay/Overlay.js');
+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 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 RingProgress = require('./components/RingProgress/RingProgress.js');
 var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.js');
 var Select = require('./components/Select/Select.js');
 var SimpleGrid = require('./components/SimpleGrid/SimpleGrid.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 Spoiler = require('./components/Spoiler/Spoiler.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 Tab = require('./components/Tabs/Tab/Tab.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 Transition = require('./components/Transition/Transition.js');
-var TypographyStylesProvider = require('./components/TypographyStylesProvider/TypographyStylesProvider.js');
-var AccordionItem = require('./components/Accordion/AccordionItem/AccordionItem.js');
-var UnstyledButton = require('./components/Button/UnstyledButton/UnstyledButton.js');
-var CardSection = require('./components/Card/CardSection/CardSection.js');
-var Chip = require('./components/Chips/Chip/Chip.js');
-var AlphaSlider = require('./components/ColorPicker/AlphaSlider/AlphaSlider.js');
-var HueSlider = require('./components/ColorPicker/HueSlider/HueSlider.js');
-var Col = require('./components/Grid/Col.js');
-var MenuItem = require('./components/Menu/MenuItem/MenuItem.js');
-var MenuBody = require('./components/Menu/MenuBody/MenuBody.js');
-var MenuLabel = require('./components/Menu/MenuLabel/MenuLabel.js');
-var Radio = require('./components/RadioGroup/Radio/Radio.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 Tab = require('./components/Tabs/Tab/Tab.js');
-var TimelineItem = require('./components/Timeline/TimelineItem/TimelineItem.js');
 var GroupedTransition = require('./components/Transition/GroupedTransition.js');
-var createMemoStyles = require('./theme/create-memo-styles.js');
-var createStyles = require('./theme/create-styles.js');
-var getThemeColor = require('./theme/utils/get-theme-color/get-theme-color.js');
-var getFocusStyles = require('./theme/utils/get-focus-styles/get-focus-styles.js');
-var getFontStyles = require('./theme/utils/get-font-styles/get-font-styles.js');
-var getSizeValue = require('./theme/utils/get-size-value/get-size-value.js');
-var hexToRgba = require('./theme/utils/hex-to-rgba/hex-to-rgba.js');
-var mergeClassNames = require('./theme/utils/merge-class-names/merge-class-names.js');
-var mergeStyles = require('./theme/utils/merge-styles/merge-styles.js');
-var omitStyles = require('./theme/utils/omit-styles/omit-styles.js');
-var getSharedColorScheme = require('./theme/utils/get-shared-color-scheme/get-shared-color-scheme.js');
-var MantineProvider = require('./theme/MantineProvider/MantineProvider.js');
-var NormalizeCSS = require('./theme/NormalizeCSS.js');
-var GlobalStyles = require('./theme/GlobalStyles.js');
-var useMantineTheme = require('./theme/use-mantine-theme/use-mantine-theme.js');
-var themeContext = require('./theme/MantineProvider/theme-context.js');
-var defaultTheme = require('./theme/default-theme.js');
-var scrollIntoView = require('./utils/scroll-into-view/scroll-into-view.js');
-var ClickOutsiteProvider = require('./utils/ClickOutsideProvider/ClickOutsiteProvider.js');
-var consolePatch = require('./ssr/console-patch.js');
-var SsrProvider = require('./ssr/SsrProvider.js');
-var ServerStyles = require('./ssr/ServerStyles.js');
-var useStylesCleanup = require('./ssr/use-styles-cleanup.js');
-var reactJss = require('react-jss');
+var TypographyStylesProvider = require('./components/TypographyStylesProvider/TypographyStylesProvider.js');
 
 
 
+exports.AVAILABLE_TRANSITIONS = index.AVAILABLE_TRANSITIONS;
+exports.scrollIntoView = scrollIntoView.scrollIntoView;
+exports.createAccordionState = useAccordionState.createAccordionState;
+exports.useAccordionState = useAccordionState.useAccordionState;
 exports.Accordion = Accordion.Accordion;
-exports.ACTION_ICON_SIZES = ActionIcon.ACTION_ICON_SIZES;
+exports.AccordionItem = AccordionItem.AccordionItem;
+exports.ChevronIcon = ChevronIcon.ChevronIcon;
 exports.ActionIcon = ActionIcon.ActionIcon;
-exports.Affix = Affix.Affix;
 exports.CloseButton = CloseButton.CloseButton;
+exports.CloseIcon = CloseIcon.CloseIcon;
+exports.ACTION_ICON_SIZES = ActionIcon_styles.sizes;
+exports.Affix = Affix.Affix;
 exports.Alert = Alert.Alert;
 exports.Anchor = Anchor.Anchor;
 exports.Autocomplete = Autocomplete.Autocomplete;
-exports.AVATAR_SIZES = Avatar.AVATAR_SIZES;
+exports.AVATAR_SIZES = Avatar_styles.sizes;
 exports.Avatar = Avatar.Avatar;
-exports.BADGE_SIZES = Badge.BADGE_SIZES;
-exports.BADGE_VARIANTS = Badge.BADGE_VARIANTS;
+exports.AvatarsGroup = AvatarsGroup.AvatarsGroup;
+exports.AvatarPlaceholderIcon = AvatarPlaceholderIcon.AvatarPlaceholderIcon;
 exports.Badge = Badge.Badge;
+exports.BADGE_SIZES = Badge_styles.heights;
 exports.Blockquote = Blockquote.Blockquote;
+exports.QuoteIcon = QuoteIcon.QuoteIcon;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
-exports.BURGER_SIZES = Burger.BURGER_SIZES;
 exports.Burger = Burger.Burger;
-exports.BUTTON_SIZES = Button.BUTTON_SIZES;
-exports.BUTTON_VARIANTS = Button.BUTTON_VARIANTS;
+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_SIZES = Checkbox.CHECKBOX_SIZES;
 exports.Checkbox = Checkbox.Checkbox;
+exports.CheckboxIcon = CheckboxIcon.CheckboxIcon;
+exports.CHECKBOX_SIZES = Checkbox_styles.sizes;
 exports.Chips = Chips.Chips;
+exports.Chip = Chip.Chip;
 exports.Code = Code.Code;
 exports.Collapse = Collapse.Collapse;
 exports.ColorInput = ColorInput.ColorInput;
+exports.COLOR_PICKER_SIZES = ColorPicker_styles.sizes;
 exports.ColorPicker = ColorPicker.ColorPicker;
+exports.HueSlider = HueSlider.HueSlider;
+exports.AlphaSlider = AlphaSlider.AlphaSlider;
 exports.ColorSwatch = ColorSwatch.ColorSwatch;
-exports.CONTAINER_SIZES = Container.CONTAINER_SIZES;
+exports.CONTAINER_SIZES = Container_styles.sizes;
 exports.Container = Container.Container;
 exports.Dialog = Dialog.Dialog;
-exports.DRAWER_SIZES = Drawer.DRAWER_SIZES;
-exports.Drawer = Drawer.Drawer;
-exports.DIVIDER_SIZES = Divider.DIVIDER_SIZES;
 exports.Divider = Divider.Divider;
+exports.DIVIDER_SIZES = Divider_styles.sizes;
+exports.DRAWER_SIZES = Drawer_styles.sizes;
+exports.Drawer = Drawer.Drawer;
 exports.Grid = Grid.Grid;
+exports.Col = Col.Col;
 exports.Group = Group.Group;
 exports.Highlight = Highlight.Highlight;
 exports.Image = Image.Image;
-exports.INPUT_SIZES = Input.INPUT_SIZES;
-exports.INPUT_VARIANTS = Input.INPUT_VARIANTS;
 exports.Input = Input.Input;
+exports.INPUT_SIZES = Input_styles.sizes;
 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.MENU_SIZES = Menu.MENU_SIZES;
+exports.MENU_SIZES = MenuBody_styles.sizes;
 exports.Menu = Menu.Menu;
-exports.MODAL_SIZES = Modal.MODAL_SIZES;
+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;
 exports.Notification = Notification.Notification;
 exports.NumberInput = NumberInput.NumberInput;
 exports.Overlay = Overlay.Overlay;
+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.PROGRESS_SIZES = Progress.PROGRESS_SIZES;
+exports.PROGRESS_SIZES = Progress_styles.sizes;
 exports.Progress = Progress.Progress;
-exports.RADIO_SIZES = RadioGroup.RADIO_SIZES;
 exports.RadioGroup = RadioGroup.RadioGroup;
+exports.Radio = Radio.Radio;
+exports.RADIO_SIZES = Radio_styles.sizes;
 exports.RingProgress = RingProgress.RingProgress;
 exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.Select = Select.Select;
 exports.SimpleGrid = SimpleGrid.SimpleGrid;
+exports.Slider = Slider.Slider;
+exports.RangeSlider = RangeSlider.RangeSlider;
+exports.SLIDER_SIZES = SliderRoot_styles.sizes;
 exports.Spoiler = Spoiler.Spoiler;
-exports.SWITCH_SIZES = Switch.SWITCH_SIZES;
 exports.Switch = Switch.Switch;
+exports.SWITCH_SIZES = Switch_styles.sizes;
 exports.Table = Table.Table;
+exports.Tab = Tab.Tab;
 exports.Tabs = Tabs.Tabs;
 exports.Text = Text.Text;
 exports.Textarea = Textarea.Textarea;
 exports.TextInput = TextInput.TextInput;
-exports.THEME_ICON_SIZES = ThemeIcon.THEME_ICON_SIZES;
 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.AVAILABLE_TRANSITIONS = Transition.AVAILABLE_TRANSITIONS;
 exports.Transition = Transition.Transition;
-exports.TypographyStylesProvider = TypographyStylesProvider.TypographyStylesProvider;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.UnstyledButton = UnstyledButton.UnstyledButton;
-exports.CardSection = CardSection.CardSection;
-exports.Chip = Chip.Chip;
-exports.AlphaSlider = AlphaSlider.AlphaSlider;
-exports.HueSlider = HueSlider.HueSlider;
-exports.Col = Col.Col;
-exports.MenuItem = MenuItem.MenuItem;
-exports.MenuBody = MenuBody.MenuBody;
-exports.MenuLabel = MenuLabel.MenuLabel;
-exports.Radio = Radio.Radio;
-exports.Slider = Slider.Slider;
-exports.RangeSlider = RangeSlider.RangeSlider;
-exports.SLIDER_SIZES = SliderRoot_styles.sizes;
-exports.Tab = Tab.Tab;
-exports.TimelineItem = TimelineItem.TimelineItem;
 exports.GroupedTransition = GroupedTransition.GroupedTransition;
-exports.createMemoStyles = createMemoStyles.createMemoStyles;
-exports.createStyles = createStyles.createStyles;
-exports.getThemeColor = getThemeColor.getThemeColor;
-exports.getFocusStyles = getFocusStyles.getFocusStyles;
-exports.getFontStyles = getFontStyles.getFontStyles;
-exports.getSizeValue = getSizeValue.getSizeValue;
-exports.hexToRgba = hexToRgba.hexToRgba;
-exports.mergeClassNames = mergeClassNames.mergeClassNames;
-exports.mergeStyles = mergeStyles.mergeStyles;
-exports.omitStyles = omitStyles.omitStyles;
-exports.getSharedColorScheme = getSharedColorScheme.getSharedColorScheme;
-exports.MantineProvider = MantineProvider.MantineProvider;
-exports.NormalizeCSS = NormalizeCSS.NormalizeCSS;
-exports.GlobalStyles = GlobalStyles.GlobalStyles;
-exports.useMantineTheme = useMantineTheme.useMantineTheme;
-exports.theming = themeContext.theming;
-exports.DEFAULT_THEME = defaultTheme.DEFAULT_THEME;
-exports.MANTINE_COLORS = defaultTheme.MANTINE_COLORS;
-exports.MANTINE_SIZES = defaultTheme.MANTINE_SIZES;
-exports.scrollIntoView = scrollIntoView.scrollIntoView;
-exports.ClickOutsideProvider = ClickOutsiteProvider.ClickOutsideProvider;
-exports.clickOutsideContext = ClickOutsiteProvider.clickOutsideContext;
-exports.useClickOutsideRegister = ClickOutsiteProvider.useClickOutsideRegister;
-exports.applyConsolePatch = consolePatch.applyConsolePatch;
-exports.SsrProvider = SsrProvider.SsrProvider;
-exports.ServerStyles = ServerStyles.ServerStyles;
-exports.useStylesCleanup = useStylesCleanup.useStylesCleanup;
-exports.SheetsRegistry = reactJss.SheetsRegistry;
+exports.TypographyStylesProvider = TypographyStylesProvider.TypographyStylesProvider;
+Object.keys(styles).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = styles[k];
+});
 //# sourceMappingURL=index.js.map

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.js

@@ -1,8 +1,7 @@
 import React from 'react';
-import { useId, useUncontrolled } from '@mantine/hooks';
+import { useId } from '@mantine/hooks';
 import { AccordionItem } from './AccordionItem/AccordionItem.js';
-export { AccordionItem } from './AccordionItem/AccordionItem.js';
-import { AccordionControl } from './AccordionControl/AccordionControl.js';
+import { useAccordionState } from './use-accordion-state/use-accordion-state.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -38,13 +37,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
@@ -55,43 +56,32 @@ function Accordion(_a) {
     "state",
     "onChange",
     "multiple",
+    "disableIconRotation",
     "transitionDuration",
-    "themeOverride",
+    "iconPosition",
+    "icon",
     "classNames",
     "styles",
     "id"
   ]);
   const uuid = useId(id);
   const items = React.Children.toArray(children).filter((item) => item.type === AccordionItem);
-  const _initialState = initialState || items.reduce((acc, item, index) => {
-    acc[index] = index === initialItem;
-    return acc;
-  }, {});
-  const [value, setValue] = useUncontrolled({
-    value: state,
-    defaultValue: _initialState,
-    finalValue: {},
-    onChange,
-    rule: (val) => val !== null && typeof val === "object"
+  const [value, onToggle] = 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.createElement(AccordionControl, __spreadProps(__spreadValues({}, item.props), {
+  const controls = items.map((item, index) => /* @__PURE__ */ React.createElement(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}`

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

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

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

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

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