@mantine/core 4.2.3 → 5.0.0-alpha.2

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

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

@@ -0,0 +1,94 @@
+import { createStyles } from '@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 = 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" }))
+    })
+  };
+});
+
+export default useStyles;
+//# sourceMappingURL=AccordionControl.styles.js.map

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

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

@@ -1,11 +1,9 @@
-import React from 'react';
-import { useReducedMotion } from '@mantine/hooks';
-import { ChevronIcon } from './ChevronIcon.js';
+import React, { forwardRef } from 'react';
+import { useContextStylesApi } from '@mantine/styles';
+import { AccordionItemContextProvider } from '../AccordionItem.context.js';
 import useStyles from './AccordionItem.styles.js';
+import { useAccordionContext } from '../Accordion.context.js';
 import { Box } from '../../Box/Box.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;
@@ -35,78 +33,19 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function AccordionItem(_a) {
-  var _b = _a, {
-    opened,
-    onToggle,
-    label,
-    children,
-    className,
-    classNames,
-    styles,
-    transitionDuration,
-    icon = /* @__PURE__ */ React.createElement(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 = useReducedMotion();
-  const duration = reduceMotion ? 0 : transitionDuration;
-  const { classes, cx } = useStyles({ 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.createElement(Box, __spreadValues({
-    className: cx(classes.item, { [classes.itemOpened]: opened }, className)
-  }, others), /* @__PURE__ */ React.createElement(Heading, {
-    className: classes.itemTitle
-  }, /* @__PURE__ */ React.createElement(UnstyledButton, {
-    className: classes.control,
-    onClick: onToggle,
-    type: "button",
-    "aria-expanded": opened,
-    "aria-controls": `${id}-body`,
-    id,
-    ref: controlRef,
-    onKeyDown: onControlKeyDown
-  }, /* @__PURE__ */ React.createElement(Center, {
-    className: classes.icon
-  }, icon), /* @__PURE__ */ React.createElement("div", {
-    className: classes.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
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: classes.contentInner
-  }, children))));
-}
+const AccordionItem = forwardRef((_a, ref) => {
+  var _b = _a, { children, className, value } = _b, others = __objRest(_b, ["children", "className", "value"]);
+  const { classNames, styles, unstyled } = useContextStylesApi();
+  const ctx = useAccordionContext();
+  const { classes, cx } = useStyles({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles, unstyled });
+  return /* @__PURE__ */ React.createElement(AccordionItemContextProvider, {
+    value: { value }
+  }, /* @__PURE__ */ React.createElement(Box, __spreadValues({
+    ref,
+    className: cx(classes.item, className),
+    "data-active": ctx.isItemActive(value) || void 0
+  }, others), children));
+});
 AccordionItem.displayName = "@mantine/core/AccordionItem";
 
 export { 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';\nimport { useReducedMotion } from '@mantine/hooks';\nimport { DefaultProps, Selectors } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { Collapse } from '../../Collapse';\nimport { UnstyledButton } from '../../Button';\nimport { Center } from '../../Center';\nimport { ChevronIcon } from './ChevronIcon';\nimport useStyles, { AccordionIconPosition } from './AccordionItem.styles';\n\nexport type { AccordionIconPosition };\nexport type AccordionItemStylesNames = Selectors<typeof useStyles>;\n\nexport interface PublicAccordionItemProps\n  extends DefaultProps<AccordionItemStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  label?: React.ReactNode;\n  icon?: React.ReactNode;\n  children?: React.ReactNode;\n  disableIconRotation?: boolean;\n  iconPosition?: AccordionIconPosition;\n  controlRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport interface AccordionItemProps extends PublicAccordionItemProps {\n  opened?: boolean;\n  onToggle?(): void;\n  transitionDuration?: number;\n  id?: string;\n  onControlKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n  offsetIcon?: boolean;\n  iconSize?: number;\n  order?: 2 | 3 | 4 | 5 | 6;\n}\n\nexport function AccordionItem({\n  opened,\n  onToggle,\n  label,\n  children,\n  className,\n  classNames,\n  styles,\n  transitionDuration,\n  icon = <ChevronIcon />,\n  disableIconRotation = false,\n  offsetIcon = true,\n  iconSize = 24,\n  iconPosition = 'left',\n  order = 3,\n  id,\n  controlRef,\n  onControlKeyDown,\n  ...others\n}: AccordionItemProps) {\n  const reduceMotion = useReducedMotion();\n  const duration = reduceMotion ? 0 : transitionDuration;\n  const { classes, cx } = useStyles(\n    { transitionDuration: duration, disableIconRotation, iconPosition, offsetIcon, iconSize },\n    { classNames, styles, name: 'Accordion' }\n  );\n\n  const cappedOrder = Math.min(6, Math.max(2, order)) as 2 | 3 | 4 | 5 | 6;\n  const Heading = `h${cappedOrder}` as const;\n\n  return (\n    <Box className={cx(classes.item, { [classes.itemOpened]: opened }, className)} {...others}>\n      <Heading className={classes.itemTitle}>\n        <UnstyledButton\n          className={classes.control}\n          onClick={onToggle}\n          type=\"button\"\n          aria-expanded={opened}\n          aria-controls={`${id}-body`}\n          id={id}\n          ref={controlRef}\n          onKeyDown={onControlKeyDown}\n        >\n          <Center className={classes.icon}>{icon}</Center>\n          <div className={classes.label}>{label}</div>\n        </UnstyledButton>\n      </Heading>\n\n      <Collapse in={opened} transitionDuration={duration}>\n        <div className={classes.content} role=\"region\" id={`${id}-body`} aria-labelledby={id}>\n          <div className={classes.contentInner}>{children}</div>\n        </div>\n      </Collapse>\n    </Box>\n  );\n}\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useContextStylesApi } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { AccordionItemContextProvider } from '../AccordionItem.context';\nimport useStyles from './AccordionItem.styles';\nimport { useAccordionContext } from '../Accordion.context';\n\nexport type AccordionItemStylesNames = Selectors<typeof useStyles>;\n\nexport interface AccordionItemProps\n  extends DefaultProps<AccordionItemStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Value that is used to manage accordion state */\n  value: string;\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ children, className, value, ...others }, ref) => {\n    const { classNames, styles, unstyled } = useContextStylesApi();\n    const ctx = useAccordionContext();\n    const { classes, cx } = useStyles(\n      { variant: ctx.variant, radius: ctx.radius },\n      { name: 'Accordion', classNames, styles, unstyled }\n    );\n\n    return (\n      <AccordionItemContextProvider value={{ value }}>\n        <Box\n          ref={ref}\n          className={cx(classes.item, className)}\n          data-active={ctx.isItemActive(value) || undefined}\n          {...others}\n        >\n          {children}\n        </Box>\n      </AccordionItemContextProvider>\n    );\n  }\n);\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":[],"mappings":"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"}

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

@@ -1,84 +1,70 @@
 import { createStyles } from '@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 useStyles = createStyles((theme, {
-  transitionDuration,
-  disableIconRotation,
-  iconPosition,
-  offsetIcon,
-  iconSize
-}, getRef) => ({
-  icon: {
-    ref: getRef("icon"),
-    transition: `transform ${transitionDuration}ms ease`,
-    marginRight: iconPosition === "right" ? 0 : theme.spacing.sm,
-    marginLeft: iconPosition === "right" ? theme.spacing.lg : 0,
-    width: iconSize,
-    minWidth: iconSize
-  },
-  label: {
-    color: "inherit",
-    fontWeight: 500,
-    flex: 1,
-    overflow: "hidden",
-    textOverflow: "ellipsis"
-  },
-  item: {
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
-  },
-  itemOpened: {
-    [`& > .${getRef("itemTitle")} > .${getRef("control")} .${getRef("icon")}`]: {
-      transform: disableIconRotation ? "none" : "rotate(180deg)"
-    }
-  },
-  itemTitle: {
-    ref: getRef("itemTitle"),
-    margin: 0,
-    padding: 0,
-    fontWeight: "normal"
-  },
-  control: __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
-    ref: getRef("control"),
-    width: "100%",
-    display: "flex",
-    alignItems: "center",
-    flexDirection: iconPosition === "right" ? "row-reverse" : "row",
-    padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,
-    paddingLeft: iconPosition === "right" ? theme.spacing.sm + 4 : null,
-    fontWeight: 500,
-    textAlign: "left",
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
-  }), theme.fn.hover({
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
-  })),
-  content: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
-    wordBreak: "break-word",
-    lineHeight: theme.lineHeight,
-    paddingLeft: iconPosition === "right" ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0
-  }),
-  contentInner: {
-    padding: theme.spacing.md,
-    paddingTop: theme.spacing.xs / 2
+function getVariantStyles(theme, { variant, radius }) {
+  const borderColor = theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3];
+  const filledColor = theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0];
+  const borderRadius = theme.fn.radius(radius);
+  if (variant === "default") {
+    return {
+      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
+      borderBottom: `1px solid ${borderColor}`
+    };
   }
+  if (variant === "contained") {
+    return {
+      border: `1px solid ${borderColor}`,
+      transition: "background-color 150ms ease",
+      "&[data-active]": {
+        backgroundColor: filledColor
+      },
+      "&:first-of-type": {
+        borderTopRightRadius: borderRadius,
+        borderTopLeftRadius: borderRadius,
+        "& > [data-accordion-control]": {
+          borderTopRightRadius: borderRadius,
+          borderTopLeftRadius: borderRadius
+        }
+      },
+      "&:last-of-type": {
+        borderBottomRightRadius: borderRadius,
+        borderBottomLeftRadius: borderRadius,
+        "& > [data-accordion-control]": {
+          borderBottomRightRadius: borderRadius,
+          borderBottomLeftRadius: borderRadius
+        }
+      },
+      "& + &": {
+        borderTop: 0
+      }
+    };
+  }
+  if (variant === "filled") {
+    return {
+      borderRadius,
+      "&[data-active]": {
+        backgroundColor: filledColor
+      }
+    };
+  }
+  if (variant === "separated") {
+    return {
+      borderRadius,
+      backgroundColor: filledColor,
+      border: "1px solid transparent",
+      transition: "background-color 150ms ease",
+      "& + &": {
+        marginTop: theme.spacing.md
+      },
+      "&[data-active]": {
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
+        borderColor
+      }
+    };
+  }
+  return {};
+}
+var useStyles = createStyles((theme, params) => ({
+  item: getVariantStyles(theme, params)
 }));
 
 export default useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' | 'left';\n\nexport interface AccordionStylesParams {\n  transitionDuration: number;\n  disableIconRotation: boolean;\n  iconPosition: AccordionIconPosition;\n  offsetIcon: boolean;\n  iconSize: number;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      transitionDuration,\n      disableIconRotation,\n      iconPosition,\n      offsetIcon,\n      iconSize,\n    }: AccordionStylesParams,\n    getRef\n  ) => ({\n    icon: {\n      ref: getRef('icon'),\n      transition: `transform ${transitionDuration}ms ease`,\n      marginRight: iconPosition === 'right' ? 0 : theme.spacing.sm,\n      marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\n      width: iconSize,\n      minWidth: iconSize,\n    },\n\n    label: {\n      color: 'inherit',\n      fontWeight: 500,\n      flex: 1,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n\n    item: {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      borderBottom: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n    },\n\n    itemOpened: {\n      [`& > .${getRef('itemTitle')} > .${getRef('control')} .${getRef('icon')}`]: {\n        transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n      },\n    },\n\n    itemTitle: {\n      ref: getRef('itemTitle'),\n      margin: 0,\n      padding: 0,\n      fontWeight: 'normal',\n    },\n\n    control: {\n      ...theme.fn.focusStyles(),\n      ...theme.fn.fontStyles(),\n      ref: getRef('control'),\n      width: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n      padding: `${theme.spacing.md}px ${theme.spacing.md / 2}px`,\n      paddingLeft: iconPosition === 'right' ? theme.spacing.sm + 4 : null,\n      fontWeight: 500,\n      textAlign: 'left',\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n      }),\n    },\n\n    content: {\n      ...theme.fn.fontStyles(),\n      wordBreak: 'break-word',\n      lineHeight: theme.lineHeight,\n      paddingLeft: iconPosition === 'right' ? 0 : offsetIcon ? iconSize + theme.spacing.xs / 2 : 0,\n    },\n\n    contentInner: {\n      padding: theme.spacing.md,\n      paddingTop: theme.spacing.xs / 2,\n    },\n  })\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { AccordionStylesParams } from '../Accordion.types';\n\nfunction getVariantStyles(\n  theme: MantineTheme,\n  { variant, radius }: AccordionStylesParams\n): CSSObject {\n  const borderColor = theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3];\n  const filledColor = theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0];\n  const borderRadius = theme.fn.radius(radius);\n\n  if (variant === 'default') {\n    return {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      borderBottom: `1px solid ${borderColor}`,\n    };\n  }\n\n  if (variant === 'contained') {\n    return {\n      border: `1px solid ${borderColor}`,\n      transition: 'background-color 150ms ease',\n\n      '&[data-active]': {\n        backgroundColor: filledColor,\n      },\n\n      '&:first-of-type': {\n        borderTopRightRadius: borderRadius,\n        borderTopLeftRadius: borderRadius,\n\n        '& > [data-accordion-control]': {\n          borderTopRightRadius: borderRadius,\n          borderTopLeftRadius: borderRadius,\n        },\n      },\n\n      '&:last-of-type': {\n        borderBottomRightRadius: borderRadius,\n        borderBottomLeftRadius: borderRadius,\n\n        '& > [data-accordion-control]': {\n          borderBottomRightRadius: borderRadius,\n          borderBottomLeftRadius: borderRadius,\n        },\n      },\n\n      '& + &': {\n        borderTop: 0,\n      },\n    };\n  }\n\n  if (variant === 'filled') {\n    return {\n      borderRadius,\n\n      '&[data-active]': {\n        backgroundColor: filledColor,\n      },\n    };\n  }\n\n  if (variant === 'separated') {\n    return {\n      borderRadius,\n      backgroundColor: filledColor,\n      border: '1px solid transparent',\n      transition: 'background-color 150ms ease',\n\n      '& + &': {\n        marginTop: theme.spacing.md,\n      },\n\n      '&[data-active]': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n        borderColor,\n      },\n    };\n  }\n\n  return {};\n}\n\nexport default createStyles((theme, params: AccordionStylesParams) => ({\n  item: getVariantStyles(theme, params),\n}));\n"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.context.js","sources":["../../../src/components/Accordion/AccordionItem.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\n\ninterface AccordionItemContext {\n  value: string;\n}\n\nexport const [AccordionItemContextProvider, useAccordionItemContext] =\n  createSafeContext<AccordionItemContext>(ACCORDION_ERRORS['accordion-item-context']);\n"],"names":[],"mappings":";;;AAEY,MAAC,CAAC,4BAA4B,EAAE,uBAAuB,CAAC,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,wBAAwB,CAAC;;;;"}

package/esm/components/Accordion/AccordionPanel/AccordionPanel.js

@@ -0,0 +1,59 @@
+import React from 'react';
+import { useContextStylesApi } from '@mantine/styles';
+import { useAccordionContext } from '../Accordion.context.js';
+import { useAccordionItemContext } from '../AccordionItem.context.js';
+import useStyles from './AccordionPanel.styles.js';
+import { Collapse } from '../../Collapse/Collapse.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;
+};
+function AccordionPanel(_a) {
+  var _b = _a, { children, className } = _b, others = __objRest(_b, ["children", "className"]);
+  const ctx = useAccordionContext();
+  const { value } = useAccordionItemContext();
+  const { classNames, styles, unstyled } = useContextStylesApi();
+  const { classes, cx } = useStyles({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles, unstyled });
+  return /* @__PURE__ */ React.createElement(Collapse, __spreadProps(__spreadValues({}, others), {
+    className: cx(classes.panel, className),
+    in: ctx.isItemActive(value),
+    transitionDuration: ctx.transitionDuration,
+    role: "region",
+    id: ctx.getRegionId(value),
+    "aria-labelledby": ctx.getControlId(value)
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: classes.content
+  }, children));
+}
+AccordionPanel.displayName = "@mantine/core/AccordionPanel";
+
+export { AccordionPanel };
+//# sourceMappingURL=AccordionPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.js","sources":["../../../../src/components/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { Selectors, DefaultProps, useContextStylesApi } from '@mantine/styles';\nimport { Collapse } from '../../Collapse';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport useStyles from './AccordionPanel.styles';\n\nexport type AccordionPanelStylesNames = Selectors<typeof useStyles>;\n\nexport interface AccordionPanelProps\n  extends DefaultProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onTransitionEnd'> {\n  /** Panel content */\n  children?: React.ReactNode;\n}\n\nexport function AccordionPanel({ children, className, ...others }: AccordionPanelProps) {\n  const ctx = useAccordionContext();\n  const { value } = useAccordionItemContext();\n  const { classNames, styles, unstyled } = useContextStylesApi();\n  const { classes, cx } = useStyles(\n    { variant: ctx.variant, radius: ctx.radius },\n    { name: 'Accordion', classNames, styles, unstyled }\n  );\n\n  return (\n    <Collapse\n      {...others}\n      className={cx(classes.panel, className)}\n      in={ctx.isItemActive(value)}\n      transitionDuration={ctx.transitionDuration}\n      role=\"region\"\n      id={ctx.getRegionId(value)}\n      aria-labelledby={ctx.getControlId(value)}\n    >\n      <div className={classes.content}>{children}</div>\n    </Collapse>\n  );\n}\n\nAccordionPanel.displayName = '@mantine/core/AccordionPanel';\n"],"names":[],"mappings":"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"}

package/esm/components/{Select/SelectDropdown/SelectDropdown.styles.js → Accordion/AccordionPanel/AccordionPanel.styles.js}

@@ -19,18 +19,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = createStyles((theme, { native }) => ({
-  dropdown: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
-    boxSizing: "border-box",
-    pointerEvents: "auto",
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
-    padding: 4,
-    overflowY: native ? "auto" : "hidden",
-    overscrollBehaviorY: "contain",
-    width: "100%"
-  })
+var useStyles = createStyles((theme, _params) => ({
+  panel: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
+    wordBreak: "break-word",
+    lineHeight: theme.lineHeight
+  }),
+  content: {
+    padding: theme.spacing.md,
+    paddingTop: theme.spacing.xs / 2
+  }
 }));
 
 export default useStyles;
-//# sourceMappingURL=SelectDropdown.styles.js.map
+//# sourceMappingURL=AccordionPanel.styles.js.map

package/esm/components/Accordion/AccordionPanel/AccordionPanel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.styles.js","sources":["../../../../src/components/Accordion/AccordionPanel/AccordionPanel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\nimport { AccordionStylesParams } from '../Accordion.types';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport default createStyles((theme, _params: AccordionStylesParams) => ({\n  panel: {\n    ...theme.fn.fontStyles(),\n    wordBreak: 'break-word',\n    lineHeight: theme.lineHeight,\n  },\n\n  content: {\n    padding: theme.spacing.md,\n    paddingTop: theme.spacing.xs / 2,\n  },\n}));\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,OAAO,MAAM;AACjD,EAAE,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AAClE,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE;AACX,IAAI,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AAC7B,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACpC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}