@mantine/core 5.9.3 → 5.9.5

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.context.js","sources":["../../src/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.context\n);\n"],"names":["createSafeContext","ACCORDION_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,iCAAgB,CAAC,OAAO;;;;;"}
+{"version":3,"file":"Accordion.context.js","sources":["../../src/Accordion/Accordion.context.ts"],"sourcesContent":["import { MantineNumberSize, ClassNames, Styles } 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';\nimport type { AccordionStylesNames } from './Accordion';\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  classNames: ClassNames<AccordionStylesNames>;\n  styles: Styles<AccordionStylesNames>;\n  unstyled: boolean;\n}\n\nexport const [AccordionContextProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n  ACCORDION_ERRORS.context\n);\n"],"names":["createSafeContext","ACCORDION_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,iCAAgB,CAAC,OAAO;;;;;"}

package/cjs/Accordion/Accordion.js

@@ -109,14 +109,13 @@ function Accordion(props) {
     order,
     chevron,
     variant,
-    radius
-  }, /* @__PURE__ */ React__default.createElement(styles.StylesApiProvider, {
+    radius,
     classNames,
     styles: styles$1,
     unstyled
   }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadProps(__spreadValues({}, others), {
     "data-accordion": true
-  }), children)));
+  }), children));
 }
 Accordion.Item = AccordionItem.AccordionItem;
 Accordion.Control = AccordionControl.AccordionControl;

package/cjs/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, useComponentDefaultProps, 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  } = useComponentDefaultProps<AccordionProps<Multiple>>(\n    'Accordion',\n    defaultProps as AccordionProps<Multiple>,\n    props\n  );\n\n  return (\n    <AccordionProvider\n      id={id}\n      multiple={multiple}\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      loop={loop}\n      transitionDuration={transitionDuration}\n      disableChevronRotation={disableChevronRotation}\n      chevronPosition={chevronPosition}\n      chevronSize={chevronSize}\n      order={order}\n      chevron={chevron}\n      variant={variant}\n      radius={radius}\n    >\n      <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n        <Box {...others} data-accordion>\n          {children}\n        </Box>\n      </StylesApiProvider>\n    </AccordionProvider>\n  );\n}\n\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["React","ChevronIcon","useComponentDefaultProps","styles","AccordionProvider","StylesApiProvider","Box","AccordionItem","AccordionControl","AccordionPanel"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, useComponentDefaultProps } 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  } = useComponentDefaultProps<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      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n    >\n      <Box {...others} data-accordion>\n        {children}\n      </Box>\n    </AccordionProvider>\n  );\n}\n\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\nAccordion.displayName = '@mantine/core/Accordion';\n"],"names":["React","ChevronIcon","useComponentDefaultProps","styles","AccordionProvider","Box","AccordionItem","AccordionControl","AccordionPanel"],"mappings":"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"}

package/cjs/Accordion/AccordionControl/AccordionControl.js

@@ -50,14 +50,13 @@ const AccordionControl = React.forwardRef((props, ref) => {
   const _a = styles.useComponentDefaultProps("AccordionControl", defaultProps, props), { disabled, onKeyDown, onClick, chevron, children, className, icon } = _a, others = __objRest(_a, ["disabled", "onKeyDown", "onClick", "chevron", "children", "className", "icon"]);
   const ctx = Accordion_context.useAccordionContext();
   const { value } = AccordionItem_context.useAccordionItemContext();
-  const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
   const { classes, cx } = AccordionControl_styles['default']({
     transitionDuration: ctx.transitionDuration,
     chevronPosition: ctx.chevronPosition,
     chevronSize: ctx.chevronSize,
     variant: ctx.variant,
     radius: ctx.radius
-  }, { name: "Accordion", classNames, styles: styles$1, unstyled });
+  }, { name: "Accordion", classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled });
   const isActive = ctx.isItemActive(value);
   const shouldWrapWithHeading = typeof ctx.order === "number";
   const Heading = `h${ctx.order}`;
@@ -75,7 +74,7 @@ const AccordionControl = React.forwardRef((props, ref) => {
     "aria-expanded": isActive,
     "aria-controls": ctx.getRegionId(value),
     id: ctx.getControlId(value),
-    unstyled,
+    unstyled: ctx.unstyled,
     onKeyDown: utils.createScopedKeydownHandler({
       siblingSelector: "[data-accordion-control]",
       parentSelector: "[data-accordion]",

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionControl.js","sources":["../../../src/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  useContextStylesApi,\n  DefaultProps,\n  Selectors,\n  useComponentDefaultProps,\n} 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\nconst defaultProps: Partial<AccordionControlProps> = {};\n\nexport const AccordionControl = forwardRef<HTMLButtonElement, AccordionControlProps>(\n  (props: AccordionControlProps, ref) => {\n    const { disabled, onKeyDown, onClick, chevron, children, className, icon, ...others } =\n      useComponentDefaultProps('AccordionControl', defaultProps, props);\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        data-active={isActive || undefined}\n        aria-expanded={isActive}\n        aria-controls={ctx.getRegionId(value)}\n        id={ctx.getControlId(value)}\n        unstyled={unstyled}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-accordion-control]',\n          parentSelector: '[data-accordion]',\n          activateOnFocus: false,\n          loop: ctx.loop,\n          orientation: 'vertical',\n          onKeyDown,\n        })}\n      >\n        <div\n          className={classes.chevron}\n          data-rotate={(!ctx.disableChevronRotation && isActive) || undefined}\n        >\n          {chevron || ctx.chevron}\n        </div>\n        <div className={classes.label}>{children}</div>\n        {icon && <div className={classes.icon}>{icon}</div>}\n      </UnstyledButton>\n    );\n\n    return shouldWrapWithHeading ? (\n      <Heading className={classes.itemTitle}>{content}</Heading>\n    ) : (\n      content\n    );\n  }\n);\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\n"],"names":["forwardRef","useComponentDefaultProps","useAccordionContext","useAccordionItemContext","styles","useContextStylesApi","useStyles","React","UnstyledButton","createScopedKeydownHandler"],"mappings":"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"}
+{"version":3,"file":"AccordionControl.js","sources":["../../../src/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } 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\nconst defaultProps: Partial<AccordionControlProps> = {};\n\nexport const AccordionControl = forwardRef<HTMLButtonElement, AccordionControlProps>(\n  (props: AccordionControlProps, ref) => {\n    const { disabled, onKeyDown, onClick, chevron, children, className, icon, ...others } =\n      useComponentDefaultProps('AccordionControl', defaultProps, props);\n    const ctx = useAccordionContext();\n    const { value } = useAccordionItemContext();\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: ctx.classNames, styles: ctx.styles, unstyled: ctx.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        data-active={isActive || undefined}\n        aria-expanded={isActive}\n        aria-controls={ctx.getRegionId(value)}\n        id={ctx.getControlId(value)}\n        unstyled={ctx.unstyled}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[data-accordion-control]',\n          parentSelector: '[data-accordion]',\n          activateOnFocus: false,\n          loop: ctx.loop,\n          orientation: 'vertical',\n          onKeyDown,\n        })}\n      >\n        <div\n          className={classes.chevron}\n          data-rotate={(!ctx.disableChevronRotation && isActive) || undefined}\n        >\n          {chevron || ctx.chevron}\n        </div>\n        <div className={classes.label}>{children}</div>\n        {icon && <div className={classes.icon}>{icon}</div>}\n      </UnstyledButton>\n    );\n\n    return shouldWrapWithHeading ? (\n      <Heading className={classes.itemTitle}>{content}</Heading>\n    ) : (\n      content\n    );\n  }\n);\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\n"],"names":["forwardRef","useComponentDefaultProps","useAccordionContext","useAccordionItemContext","useStyles","React","UnstyledButton","createScopedKeydownHandler"],"mappings":"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"}

package/cjs/Accordion/AccordionItem/AccordionItem.js

@@ -44,9 +44,8 @@ var __objRest = (source, exclude) => {
 const defaultProps = {};
 const AccordionItem = React.forwardRef((props, ref) => {
   const _a = styles.useComponentDefaultProps("AccordionItem", defaultProps, props), { children, className, value } = _a, others = __objRest(_a, ["children", "className", "value"]);
-  const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
   const ctx = Accordion_context.useAccordionContext();
-  const { classes, cx } = AccordionItem_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles: styles$1, unstyled });
+  const { classes, cx } = AccordionItem_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.unstyled });
   return /* @__PURE__ */ React__default.createElement(AccordionItem_context.AccordionItemContextProvider, {
     value: { value }
   }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({

package/cjs/Accordion/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../src/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  Selectors,\n  useContextStylesApi,\n  useComponentDefaultProps,\n} 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\nconst defaultProps: Partial<DefaultProps> = {};\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>((props, ref) => {\n  const { children, className, value, ...others } = useComponentDefaultProps(\n    'AccordionItem',\n    defaultProps,\n    props\n  );\n\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\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useContextStylesApi","useAccordionContext","useStyles","React","AccordionItemContextProvider","Box"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../src/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } 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\nconst defaultProps: Partial<DefaultProps> = {};\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>((props, ref) => {\n  const { children, className, value, ...others } = useComponentDefaultProps(\n    'AccordionItem',\n    defaultProps,\n    props\n  );\n\n  const ctx = useAccordionContext();\n  const { classes, cx } = useStyles(\n    { variant: ctx.variant, radius: ctx.radius },\n    { name: 'Accordion', classNames: ctx.classNames, styles: ctx.styles, unstyled: ctx.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\nAccordionItem.displayName = '@mantine/core/AccordionItem';\n"],"names":["forwardRef","useComponentDefaultProps","useAccordionContext","useStyles","React","AccordionItemContextProvider","Box"],"mappings":"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"}

package/cjs/Accordion/AccordionPanel/AccordionPanel.js

@@ -49,7 +49,7 @@ function AccordionPanel(props) {
   const _a = styles.useComponentDefaultProps("AccordionPanel", defaultProps, props), { children, className } = _a, others = __objRest(_a, ["children", "className"]);
   const ctx = Accordion_context.useAccordionContext();
   const { value } = AccordionItem_context.useAccordionItemContext();
-  const { classNames, styles: styles$1, unstyled } = styles.useContextStylesApi();
+  const { classNames, styles: styles$1, unstyled } = Accordion_context.useAccordionContext();
   const { classes, cx } = AccordionPanel_styles['default']({ variant: ctx.variant, radius: ctx.radius }, { name: "Accordion", classNames, styles: styles$1, unstyled });
   return /* @__PURE__ */ React__default.createElement(Collapse.Collapse, __spreadProps(__spreadValues({}, others), {
     className: cx(classes.panel, className),

package/cjs/Accordion/AccordionPanel/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sources":["../../../src/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Selectors,\n  DefaultProps,\n  useContextStylesApi,\n  useComponentDefaultProps,\n} 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\nconst defaultProps: Partial<AccordionPanelProps> = {};\n\nexport function AccordionPanel(props: AccordionPanelProps) {\n  const { children, className, ...others } = useComponentDefaultProps(\n    'AccordionPanel',\n    defaultProps,\n    props\n  );\n\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":["useComponentDefaultProps","useAccordionContext","useAccordionItemContext","styles","useContextStylesApi","useStyles","React","Collapse"],"mappings":"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"}
+{"version":3,"file":"AccordionPanel.js","sources":["../../../src/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport { Selectors, DefaultProps, useComponentDefaultProps } 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\nconst defaultProps: Partial<AccordionPanelProps> = {};\n\nexport function AccordionPanel(props: AccordionPanelProps) {\n  const { children, className, ...others } = useComponentDefaultProps(\n    'AccordionPanel',\n    defaultProps,\n    props\n  );\n\n  const ctx = useAccordionContext();\n  const { value } = useAccordionItemContext();\n  const { classNames, styles, unstyled } = useAccordionContext();\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":["useComponentDefaultProps","useAccordionContext","useAccordionItemContext","styles","useStyles","React","Collapse"],"mappings":"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"}

package/cjs/Accordion/AccordionProvider.js

@@ -27,7 +27,10 @@ function AccordionProvider({
   order,
   chevron,
   variant,
-  radius
+  radius,
+  classNames,
+  styles,
+  unstyled
 }) {
   const uid = hooks.useId(id);
   const [_value, handleChange] = hooks.useUncontrolled({
@@ -55,7 +58,10 @@ function AccordionProvider({
       chevron,
       loop,
       variant,
-      radius
+      radius,
+      classNames,
+      styles,
+      unstyled
     }
   }, children);
 }

package/cjs/Accordion/AccordionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionProvider.js","sources":["../../src/Accordion/AccordionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineNumberSize } from '@mantine/styles';\nimport { AccordionContextProvider } from './Accordion.context';\nimport {\n  AccordionValue,\n  AccordionChevronPosition,\n  AccordionHeadingOrder,\n  AccordionVariant,\n} from './Accordion.types';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\n\nexport interface AccordionProviderProps<Multiple extends boolean = false> {\n  /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n  id?: string;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n  loop?: boolean;\n\n  /** Accordion content */\n  children: React.ReactNode;\n\n  /** Determines whether multiple items can be opened at a time */\n  multiple?: Multiple;\n\n  /** Value for controlled component */\n  value?: AccordionValue<Multiple>;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: AccordionValue<Multiple>;\n\n  /** Callback for controlled component */\n  onChange?(value: AccordionValue<Multiple>): void;\n\n  /** Transition duration in ms, set 0 to disable transitions */\n  transitionDuration?: number;\n\n  /** Determines whether chevron rotation should be disabled */\n  disableChevronRotation?: boolean;\n\n  /** Determines position of the chevron */\n  chevronPosition?: AccordionChevronPosition;\n\n  /** Chevron size in px */\n  chevronSize?: number;\n\n  /** Heading order, has no effect on visuals */\n  order?: AccordionHeadingOrder;\n\n  /** Replaces chevron on all items */\n  chevron?: React.ReactNode;\n\n  /** Controls visuals */\n  variant?: AccordionVariant;\n\n  /** border-radius from theme.radius or number to set value in px, will not be applied to default variant  */\n  radius?: MantineNumberSize;\n}\n\nexport function AccordionProvider<Multiple extends boolean = false>({\n  children,\n  multiple,\n  value,\n  defaultValue,\n  onChange,\n  id,\n  loop,\n  transitionDuration,\n  disableChevronRotation,\n  chevronPosition,\n  chevronSize,\n  order,\n  chevron,\n  variant,\n  radius,\n}: AccordionProviderProps<Multiple>) {\n  const uid = useId(id);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: multiple ? ([] as any) : null,\n    onChange,\n  });\n\n  const isItemActive = (itemValue: string) =>\n    Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n  const handleItemChange = (itemValue: string) => {\n    const nextValue: AccordionValue<Multiple> = Array.isArray(_value)\n      ? _value.includes(itemValue)\n        ? _value.filter((selectedValue) => selectedValue !== itemValue)\n        : [..._value, itemValue]\n      : itemValue === _value\n      ? null\n      : (itemValue as any);\n\n    handleChange(nextValue);\n  };\n\n  return (\n    <AccordionContextProvider\n      value={{\n        isItemActive,\n        onChange: handleItemChange,\n        getControlId: getSafeId(`${uid}-control`, ACCORDION_ERRORS.value),\n        getRegionId: getSafeId(`${uid}-panel`, ACCORDION_ERRORS.value),\n        transitionDuration,\n        disableChevronRotation,\n        chevronPosition,\n        chevronSize,\n        order,\n        chevron,\n        loop,\n        variant,\n        radius,\n      }}\n    >\n      {children}\n    </AccordionContextProvider>\n  );\n}\n"],"names":["useId","useUncontrolled","React","AccordionContextProvider","getSafeId","ACCORDION_ERRORS"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,iBAAiB,CAAC;AAClC,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,EAAE;AACJ,EAAE,IAAI;AACN,EAAE,kBAAkB;AACpB,EAAE,sBAAsB;AACxB,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAGC,qBAAe,CAAC;AACjD,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,QAAQ,GAAG,EAAE,GAAG,IAAI;AACpC,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,KAAK,MAAM,CAAC;AAChH,EAAE,MAAM,gBAAgB,GAAG,CAAC,SAAS,KAAK;AAC1C,IAAI,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,aAAa,KAAK,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAC5M,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;AAC5B,GAAG,CAAC;AACJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,0CAAwB,EAAE;AACvE,IAAI,KAAK,EAAE;AACX,MAAM,YAAY;AAClB,MAAM,QAAQ,EAAE,gBAAgB;AAChC,MAAM,YAAY,EAAEC,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAEC,iCAAgB,CAAC,KAAK,CAAC;AACvE,MAAM,WAAW,EAAED,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAEC,iCAAgB,CAAC,KAAK,CAAC;AACpE,MAAM,kBAAkB;AACxB,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,IAAI;AACV,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf;;;;"}
+{"version":3,"file":"AccordionProvider.js","sources":["../../src/Accordion/AccordionProvider.tsx"],"sourcesContent":["import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport { AccordionContextProvider } from './Accordion.context';\nimport {\n  AccordionValue,\n  AccordionChevronPosition,\n  AccordionHeadingOrder,\n  AccordionVariant,\n} from './Accordion.types';\nimport { ACCORDION_ERRORS } from './Accordion.errors';\nimport type { AccordionStylesNames } from './Accordion';\n\nexport interface AccordionProviderProps<Multiple extends boolean = false> {\n  /** Base id, used to generate ids that connect labels with controls, by default generated randomly */\n  id?: string;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first) */\n  loop?: boolean;\n\n  /** Accordion content */\n  children: React.ReactNode;\n\n  /** Determines whether multiple items can be opened at a time */\n  multiple?: Multiple;\n\n  /** Value for controlled component */\n  value?: AccordionValue<Multiple>;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: AccordionValue<Multiple>;\n\n  /** Callback for controlled component */\n  onChange?(value: AccordionValue<Multiple>): void;\n\n  /** Transition duration in ms, set 0 to disable transitions */\n  transitionDuration?: number;\n\n  /** Determines whether chevron rotation should be disabled */\n  disableChevronRotation?: boolean;\n\n  /** Determines position of the chevron */\n  chevronPosition?: AccordionChevronPosition;\n\n  /** Chevron size in px */\n  chevronSize?: number;\n\n  /** Heading order, has no effect on visuals */\n  order?: AccordionHeadingOrder;\n\n  /** Replaces chevron on all items */\n  chevron?: React.ReactNode;\n\n  /** Controls visuals */\n  variant?: AccordionVariant;\n\n  /** border-radius from theme.radius or number to set value in px, will not be applied to default variant  */\n  radius?: MantineNumberSize;\n}\n\ninterface _AccordionProviderProps<Multiple extends boolean = false>\n  extends AccordionProviderProps<Multiple> {\n  classNames?: ClassNames<AccordionStylesNames>;\n  styles?: Styles<AccordionStylesNames>;\n  unstyled?: boolean;\n}\n\nexport function AccordionProvider<Multiple extends boolean = false>({\n  children,\n  multiple,\n  value,\n  defaultValue,\n  onChange,\n  id,\n  loop,\n  transitionDuration,\n  disableChevronRotation,\n  chevronPosition,\n  chevronSize,\n  order,\n  chevron,\n  variant,\n  radius,\n  classNames,\n  styles,\n  unstyled,\n}: _AccordionProviderProps<Multiple>) {\n  const uid = useId(id);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: multiple ? ([] as any) : null,\n    onChange,\n  });\n\n  const isItemActive = (itemValue: string) =>\n    Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n  const handleItemChange = (itemValue: string) => {\n    const nextValue: AccordionValue<Multiple> = Array.isArray(_value)\n      ? _value.includes(itemValue)\n        ? _value.filter((selectedValue) => selectedValue !== itemValue)\n        : [..._value, itemValue]\n      : itemValue === _value\n      ? null\n      : (itemValue as any);\n\n    handleChange(nextValue);\n  };\n\n  return (\n    <AccordionContextProvider\n      value={{\n        isItemActive,\n        onChange: handleItemChange,\n        getControlId: getSafeId(`${uid}-control`, ACCORDION_ERRORS.value),\n        getRegionId: getSafeId(`${uid}-panel`, ACCORDION_ERRORS.value),\n        transitionDuration,\n        disableChevronRotation,\n        chevronPosition,\n        chevronSize,\n        order,\n        chevron,\n        loop,\n        variant,\n        radius,\n        classNames,\n        styles,\n        unstyled,\n      }}\n    >\n      {children}\n    </AccordionContextProvider>\n  );\n}\n"],"names":["useId","useUncontrolled","React","AccordionContextProvider","getSafeId","ACCORDION_ERRORS"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,iBAAiB,CAAC;AAClC,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,KAAK;AACP,EAAE,YAAY;AACd,EAAE,QAAQ;AACV,EAAE,EAAE;AACJ,EAAE,IAAI;AACN,EAAE,kBAAkB;AACpB,EAAE,sBAAsB;AACxB,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,KAAK;AACP,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAGC,qBAAe,CAAC;AACjD,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,QAAQ,GAAG,EAAE,GAAG,IAAI;AACpC,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,KAAK,MAAM,CAAC;AAChH,EAAE,MAAM,gBAAgB,GAAG,CAAC,SAAS,KAAK;AAC1C,IAAI,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,KAAK,aAAa,KAAK,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,GAAG,SAAS,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAC5M,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC;AAC5B,GAAG,CAAC;AACJ,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,0CAAwB,EAAE;AACvE,IAAI,KAAK,EAAE;AACX,MAAM,YAAY;AAClB,MAAM,QAAQ,EAAE,gBAAgB;AAChC,MAAM,YAAY,EAAEC,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAEC,iCAAgB,CAAC,KAAK,CAAC;AACvE,MAAM,WAAW,EAAED,eAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAEC,iCAAgB,CAAC,KAAK,CAAC;AACpE,MAAM,kBAAkB;AACxB,MAAM,sBAAsB;AAC5B,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,IAAI;AACV,MAAM,OAAO;AACb,MAAM,MAAM;AACZ,MAAM,UAAU;AAChB,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf;;;;"}

package/cjs/Box/style-system-props/system-props/system-props.js

@@ -29,12 +29,12 @@ const SYSTEM_PROPS = {
   fs: { type: "default", property: "fontStyle" },
   tt: { type: "default", property: "textTransform" },
   td: { type: "default", property: "textDecoration" },
-  w: { type: "default", property: "width" },
-  miw: { type: "default", property: "minWidth" },
-  maw: { type: "default", property: "maxWidth" },
-  h: { type: "default", property: "height" },
-  mih: { type: "default", property: "minHeight" },
-  mah: { type: "default", property: "maxHeight" },
+  w: { type: "spacing", property: "width" },
+  miw: { type: "spacing", property: "minWidth" },
+  maw: { type: "spacing", property: "maxWidth" },
+  h: { type: "spacing", property: "height" },
+  mih: { type: "spacing", property: "minHeight" },
+  mah: { type: "spacing", property: "maxHeight" },
   bgsz: { type: "default", property: "background-size" },
   bgp: { type: "default", property: "background-position" },
   bgr: { type: "default", property: "background-repeat" },

package/cjs/Box/style-system-props/system-props/system-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-props.js","sources":["../../../../src/Box/style-system-props/system-props/system-props.ts"],"sourcesContent":["import type { StyleProperty } from '../get-responsive-value/get-responsive-value';\nimport type { SystemValueType } from '../value-getters/value-getters';\n\nexport interface SystemPropData {\n  type: SystemValueType;\n  property: StyleProperty;\n}\n\nexport const SYSTEM_PROPS: Record<string, SystemPropData> = {\n  m: { type: 'spacing', property: 'margin' },\n  mt: { type: 'spacing', property: 'marginTop' },\n  mb: { type: 'spacing', property: 'marginBottom' },\n  ml: { type: 'spacing', property: 'marginLeft' },\n  mr: { type: 'spacing', property: 'marginRight' },\n  mx: { type: 'spacing', property: ['marginRight', 'marginLeft'] },\n  my: { type: 'spacing', property: ['marginTop', 'marginBottom'] },\n\n  p: { type: 'spacing', property: 'padding' },\n  pt: { type: 'spacing', property: 'paddingTop' },\n  pb: { type: 'spacing', property: 'paddingBottom' },\n  pl: { type: 'spacing', property: 'paddingLeft' },\n  pr: { type: 'spacing', property: 'paddingRight' },\n  px: { type: 'spacing', property: ['paddingRight', 'paddingLeft'] },\n  py: { type: 'spacing', property: ['paddingTop', 'paddingBottom'] },\n\n  bg: { type: 'color', property: 'background' },\n  c: { type: 'color', property: 'color' },\n  opacity: { type: 'default', property: 'opacity' },\n\n  ff: { type: 'default', property: 'fontFamily' },\n  fz: { type: 'fontSize', property: 'fontSize' },\n  fw: { type: 'default', property: 'fontWeight' },\n  lts: { type: 'default', property: 'letterSpacing' },\n  ta: { type: 'default', property: 'textAlign' },\n  lh: { type: 'default', property: 'lineHeight' },\n  fs: { type: 'default', property: 'fontStyle' },\n  tt: { type: 'default', property: 'textTransform' },\n  td: { type: 'default', property: 'textDecoration' },\n\n  w: { type: 'default', property: 'width' },\n  miw: { type: 'default', property: 'minWidth' },\n  maw: { type: 'default', property: 'maxWidth' },\n  h: { type: 'default', property: 'height' },\n  mih: { type: 'default', property: 'minHeight' },\n  mah: { type: 'default', property: 'maxHeight' },\n\n  bgsz: { type: 'default', property: 'background-size' },\n  bgp: { type: 'default', property: 'background-position' },\n  bgr: { type: 'default', property: 'background-repeat' },\n  bga: { type: 'default', property: 'background-attachment' },\n\n  pos: { type: 'default', property: 'position' },\n  top: { type: 'default', property: 'top' },\n  left: { type: 'default', property: 'left' },\n  bottom: { type: 'default', property: 'bottom' },\n  right: { type: 'default', property: 'right' },\n  inset: { type: 'default', property: 'inset' },\n\n  display: { type: 'default', property: 'display' },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"system-props.js","sources":["../../../../src/Box/style-system-props/system-props/system-props.ts"],"sourcesContent":["import type { StyleProperty } from '../get-responsive-value/get-responsive-value';\nimport type { SystemValueType } from '../value-getters/value-getters';\n\nexport interface SystemPropData {\n  type: SystemValueType;\n  property: StyleProperty;\n}\n\nexport const SYSTEM_PROPS: Record<string, SystemPropData> = {\n  m: { type: 'spacing', property: 'margin' },\n  mt: { type: 'spacing', property: 'marginTop' },\n  mb: { type: 'spacing', property: 'marginBottom' },\n  ml: { type: 'spacing', property: 'marginLeft' },\n  mr: { type: 'spacing', property: 'marginRight' },\n  mx: { type: 'spacing', property: ['marginRight', 'marginLeft'] },\n  my: { type: 'spacing', property: ['marginTop', 'marginBottom'] },\n\n  p: { type: 'spacing', property: 'padding' },\n  pt: { type: 'spacing', property: 'paddingTop' },\n  pb: { type: 'spacing', property: 'paddingBottom' },\n  pl: { type: 'spacing', property: 'paddingLeft' },\n  pr: { type: 'spacing', property: 'paddingRight' },\n  px: { type: 'spacing', property: ['paddingRight', 'paddingLeft'] },\n  py: { type: 'spacing', property: ['paddingTop', 'paddingBottom'] },\n\n  bg: { type: 'color', property: 'background' },\n  c: { type: 'color', property: 'color' },\n  opacity: { type: 'default', property: 'opacity' },\n\n  ff: { type: 'default', property: 'fontFamily' },\n  fz: { type: 'fontSize', property: 'fontSize' },\n  fw: { type: 'default', property: 'fontWeight' },\n  lts: { type: 'default', property: 'letterSpacing' },\n  ta: { type: 'default', property: 'textAlign' },\n  lh: { type: 'default', property: 'lineHeight' },\n  fs: { type: 'default', property: 'fontStyle' },\n  tt: { type: 'default', property: 'textTransform' },\n  td: { type: 'default', property: 'textDecoration' },\n\n  w: { type: 'spacing', property: 'width' },\n  miw: { type: 'spacing', property: 'minWidth' },\n  maw: { type: 'spacing', property: 'maxWidth' },\n  h: { type: 'spacing', property: 'height' },\n  mih: { type: 'spacing', property: 'minHeight' },\n  mah: { type: 'spacing', property: 'maxHeight' },\n\n  bgsz: { type: 'default', property: 'background-size' },\n  bgp: { type: 'default', property: 'background-position' },\n  bgr: { type: 'default', property: 'background-repeat' },\n  bga: { type: 'default', property: 'background-attachment' },\n\n  pos: { type: 'default', property: 'position' },\n  top: { type: 'default', property: 'top' },\n  left: { type: 'default', property: 'left' },\n  bottom: { type: 'default', property: 'bottom' },\n  right: { type: 'default', property: 'right' },\n  inset: { type: 'default', property: 'inset' },\n\n  display: { type: 'default', property: 'display' },\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5C,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;AAChD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE;AACnD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACjD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE;AAClD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE;AAClE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,EAAE;AAClE,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;AAC7C,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACjD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE;AACpD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE;AAClD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE;AACnD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,EAAE;AACpE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,EAAE;AACpE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE;AAC/C,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE;AACzC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;AACnD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACjD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE;AAChD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACjD,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE;AACrD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;AAChD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE;AACjD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;AAChD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE;AACpD,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE;AACrD,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;AAC3C,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE;AAChD,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE;AAChD,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;AAC5C,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjD,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE;AACjD,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE;AACxD,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,qBAAqB,EAAE;AAC3D,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,EAAE;AACzD,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,EAAE;AAC7D,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE;AAChD,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;AAC3C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC7C,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACjD,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;AAC/C,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;AAC/C,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE;AACnD;;;;"}

package/cjs/FileInput/FileInput.js

@@ -9,6 +9,7 @@ var useInputProps = require('../Input/use-input-props.js');
 var CloseButton = require('../CloseButton/CloseButton.js');
 var Input = require('../Input/Input.js');
 var FileButton = require('../FileButton/FileButton.js');
+var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -45,7 +46,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const DefaultValue = ({ value }) => /* @__PURE__ */ React__default.createElement("span", null, Array.isArray(value) ? value.map((file) => file.name).join(", ") : value == null ? void 0 : value.name);
+const DefaultValue = ({ value }) => /* @__PURE__ */ React__default.createElement(Text.Text, {
+  sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }
+}, Array.isArray(value) ? value.map((file) => file.name).join(", ") : value == null ? void 0 : value.name);
 const defaultProps = {
   size: "sm",
   valueComponent: DefaultValue,

package/cjs/FileInput/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../src/FileInput/FileInput.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n  Input,\n  InputSharedProps,\n  InputStylesNames,\n  useInputProps,\n  InputWrapperBaseProps,\n  InputWrapperStylesNames,\n} from '../Input';\nimport { CloseButton } from '../CloseButton';\nimport { FileButton } from '../FileButton';\nimport useStyles from './FileInput.styles';\n\nexport type FileInputStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | Selectors<typeof useStyles>;\n\nexport interface FileInputProps<Multiple extends boolean = false>\n  extends DefaultProps<FileInputStylesNames>,\n    InputSharedProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'button'>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  /** Props passed to root element (InputWrapper component) */\n  wrapperProps?: Record<string, any>;\n\n  /** Called when user picks files */\n  onChange?(payload: Multiple extends true ? File[] : File | null): void;\n\n  /** Controlled input value */\n  value?: Multiple extends true ? File[] : File | null;\n\n  /** Uncontrolled input default value */\n  defaultValue?: Multiple extends true ? File[] : File | null;\n\n  /** Input size */\n  size?: MantineSize;\n\n  /** Determines whether user can pick more than one file */\n  multiple?: Multiple;\n\n  /** File input accept attribute, for example, \"image/png,image/jpeg\" */\n  accept?: string;\n\n  /** Input name attribute */\n  name?: string;\n\n  /** Input form attribute */\n  form?: string;\n\n  /** Current value renderer */\n  valueComponent?: React.FC<{ value: null | File | File[] }>;\n\n  /** Allow to clear value */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** Set the clear button tab index to disabled or default after input field */\n  clearButtonTabIndex?: -1 | 0;\n\n  /** Determines whether the user can change value */\n  readOnly?: boolean;\n}\n\nconst DefaultValue: FileInputProps['valueComponent'] = ({ value }) => (\n  <span>{Array.isArray(value) ? value.map((file) => file.name).join(', ') : value?.name}</span>\n);\n\nconst defaultProps: Partial<FileInputProps> = {\n  size: 'sm',\n  valueComponent: DefaultValue,\n  clearButtonTabIndex: 0,\n};\n\nconst RIGHT_SECTION_WIDTH = {\n  xs: 24,\n  sm: 30,\n  md: 34,\n  lg: 40,\n  xl: 44,\n};\n\nexport const _FileInput = forwardRef<HTMLButtonElement, FileInputProps>((props, ref) => {\n  const {\n    inputProps,\n    wrapperProps,\n    placeholder,\n    value,\n    defaultValue,\n    onChange,\n    multiple,\n    accept,\n    name,\n    form,\n    classNames,\n    styles,\n    unstyled,\n    valueComponent: ValueComponent,\n    rightSection,\n    rightSectionWidth,\n    clearable,\n    clearButtonLabel,\n    clearButtonTabIndex,\n    readOnly,\n    ...others\n  } = useInputProps('FileInput', defaultProps, props);\n  const resetRef = useRef<() => void>();\n  const { classes, theme, cx } = useStyles(null, {\n    name: 'FileInput',\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  const [_value, setValue] = useUncontrolled<File | File[]>({\n    value,\n    defaultValue,\n    onChange,\n    finalValue: multiple ? [] : null,\n  });\n\n  const hasValue = Array.isArray(_value) ? _value.length !== 0 : _value !== null;\n\n  const _rightSection =\n    rightSection ||\n    (clearable && hasValue && !readOnly ? (\n      <CloseButton\n        variant=\"transparent\"\n        aria-label={clearButtonLabel}\n        onClick={() => setValue(multiple ? [] : null)}\n        size={inputProps.size}\n        tabIndex={clearButtonTabIndex}\n        unstyled={unstyled}\n      />\n    ) : null);\n\n  useEffect(() => {\n    if ((Array.isArray(_value) && _value.length === 0) || _value === null) {\n      resetRef.current();\n    }\n  }, [_value]);\n\n  return (\n    <Input.Wrapper {...wrapperProps} __staticSelector=\"FileInput\">\n      <FileButton\n        onChange={setValue}\n        multiple={multiple}\n        accept={accept}\n        name={name}\n        form={form}\n        resetRef={resetRef}\n        disabled={readOnly}\n      >\n        {(fileButtonProps) => (\n          <Input\n            multiline\n            {...fileButtonProps}\n            {...inputProps}\n            {...others}\n            component=\"button\"\n            type=\"button\"\n            ref={ref}\n            __staticSelector=\"FileInput\"\n            rightSection={_rightSection}\n            rightSectionWidth={\n              rightSectionWidth ||\n              theme.fn.size({ size: inputProps.size, sizes: RIGHT_SECTION_WIDTH })\n            }\n            classNames={{ ...classNames, input: cx(classes.input, (classNames as any)?.input) }}\n          >\n            {!hasValue ? (\n              <Input.Placeholder className={classes.placeholder}>{placeholder}</Input.Placeholder>\n            ) : (\n              <ValueComponent value={_value} />\n            )}\n          </Input>\n        )}\n      </FileButton>\n    </Input.Wrapper>\n  );\n});\n\n_FileInput.displayName = '@mantine/core/FileInput';\n\ntype FileInputComponent = <Multiple extends boolean = false>(\n  props: FileInputProps<Multiple> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>;\n  }\n) => JSX.Element;\n\nexport const FileInput: FileInputComponent = _FileInput as any;\n"],"names":["React","forwardRef","useInputProps","useRef","useStyles","useUncontrolled","CloseButton","useEffect","Input","FileButton"],"mappings":"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"}
+{"version":3,"file":"FileInput.js","sources":["../../src/FileInput/FileInput.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n  Input,\n  InputSharedProps,\n  InputStylesNames,\n  useInputProps,\n  InputWrapperBaseProps,\n  InputWrapperStylesNames,\n} from '../Input';\nimport { Text } from '../Text';\nimport { CloseButton } from '../CloseButton';\nimport { FileButton } from '../FileButton';\nimport useStyles from './FileInput.styles';\n\nexport type FileInputStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | Selectors<typeof useStyles>;\n\nexport interface FileInputProps<Multiple extends boolean = false>\n  extends DefaultProps<FileInputStylesNames>,\n    InputSharedProps,\n    InputWrapperBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'button'>, 'size' | 'onChange' | 'value' | 'defaultValue'> {\n  /** Props passed to root element (InputWrapper component) */\n  wrapperProps?: Record<string, any>;\n\n  /** Called when user picks files */\n  onChange?(payload: Multiple extends true ? File[] : File | null): void;\n\n  /** Controlled input value */\n  value?: Multiple extends true ? File[] : File | null;\n\n  /** Uncontrolled input default value */\n  defaultValue?: Multiple extends true ? File[] : File | null;\n\n  /** Input size */\n  size?: MantineSize;\n\n  /** Determines whether user can pick more than one file */\n  multiple?: Multiple;\n\n  /** File input accept attribute, for example, \"image/png,image/jpeg\" */\n  accept?: string;\n\n  /** Input name attribute */\n  name?: string;\n\n  /** Input form attribute */\n  form?: string;\n\n  /** Current value renderer */\n  valueComponent?: React.FC<{ value: null | File | File[] }>;\n\n  /** Allow to clear value */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** Set the clear button tab index to disabled or default after input field */\n  clearButtonTabIndex?: -1 | 0;\n\n  /** Determines whether the user can change value */\n  readOnly?: boolean;\n}\n\nconst DefaultValue: FileInputProps['valueComponent'] = ({ value }) => (\n  <Text sx={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n    {Array.isArray(value) ? value.map((file) => file.name).join(', ') : value?.name}\n  </Text>\n);\n\nconst defaultProps: Partial<FileInputProps> = {\n  size: 'sm',\n  valueComponent: DefaultValue,\n  clearButtonTabIndex: 0,\n};\n\nconst RIGHT_SECTION_WIDTH = {\n  xs: 24,\n  sm: 30,\n  md: 34,\n  lg: 40,\n  xl: 44,\n};\n\nexport const _FileInput = forwardRef<HTMLButtonElement, FileInputProps>((props, ref) => {\n  const {\n    inputProps,\n    wrapperProps,\n    placeholder,\n    value,\n    defaultValue,\n    onChange,\n    multiple,\n    accept,\n    name,\n    form,\n    classNames,\n    styles,\n    unstyled,\n    valueComponent: ValueComponent,\n    rightSection,\n    rightSectionWidth,\n    clearable,\n    clearButtonLabel,\n    clearButtonTabIndex,\n    readOnly,\n    ...others\n  } = useInputProps('FileInput', defaultProps, props);\n  const resetRef = useRef<() => void>();\n  const { classes, theme, cx } = useStyles(null, {\n    name: 'FileInput',\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  const [_value, setValue] = useUncontrolled<File | File[]>({\n    value,\n    defaultValue,\n    onChange,\n    finalValue: multiple ? [] : null,\n  });\n\n  const hasValue = Array.isArray(_value) ? _value.length !== 0 : _value !== null;\n\n  const _rightSection =\n    rightSection ||\n    (clearable && hasValue && !readOnly ? (\n      <CloseButton\n        variant=\"transparent\"\n        aria-label={clearButtonLabel}\n        onClick={() => setValue(multiple ? [] : null)}\n        size={inputProps.size}\n        tabIndex={clearButtonTabIndex}\n        unstyled={unstyled}\n      />\n    ) : null);\n\n  useEffect(() => {\n    if ((Array.isArray(_value) && _value.length === 0) || _value === null) {\n      resetRef.current();\n    }\n  }, [_value]);\n\n  return (\n    <Input.Wrapper {...wrapperProps} __staticSelector=\"FileInput\">\n      <FileButton\n        onChange={setValue}\n        multiple={multiple}\n        accept={accept}\n        name={name}\n        form={form}\n        resetRef={resetRef}\n        disabled={readOnly}\n      >\n        {(fileButtonProps) => (\n          <Input\n            multiline\n            {...fileButtonProps}\n            {...inputProps}\n            {...others}\n            component=\"button\"\n            type=\"button\"\n            ref={ref}\n            __staticSelector=\"FileInput\"\n            rightSection={_rightSection}\n            rightSectionWidth={\n              rightSectionWidth ||\n              theme.fn.size({ size: inputProps.size, sizes: RIGHT_SECTION_WIDTH })\n            }\n            classNames={{ ...classNames, input: cx(classes.input, (classNames as any)?.input) }}\n          >\n            {!hasValue ? (\n              <Input.Placeholder className={classes.placeholder}>{placeholder}</Input.Placeholder>\n            ) : (\n              <ValueComponent value={_value} />\n            )}\n          </Input>\n        )}\n      </FileButton>\n    </Input.Wrapper>\n  );\n});\n\n_FileInput.displayName = '@mantine/core/FileInput';\n\ntype FileInputComponent = <Multiple extends boolean = false>(\n  props: FileInputProps<Multiple> & {\n    ref?: React.ForwardedRef<HTMLButtonElement>;\n  }\n) => JSX.Element;\n\nexport const FileInput: FileInputComponent = _FileInput as any;\n"],"names":["React","Text","forwardRef","useInputProps","useRef","useStyles","useUncontrolled","CloseButton","useEffect","Input","FileButton"],"mappings":"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"}

package/cjs/Input/Input.js

@@ -101,7 +101,7 @@ const _Input = React.forwardRef((props, ref) => {
     "unstyled",
     "pointer"
   ]);
-  const { offsetBottom, offsetTop } = InputWrapper_context.useInputWrapperContext();
+  const { offsetBottom, offsetTop, describedBy } = InputWrapper_context.useInputWrapperContext();
   const { classes, cx } = Input_styles['default']({
     radius,
     size,
@@ -128,6 +128,7 @@ const _Input = React.forwardRef((props, ref) => {
     ref,
     required,
     "aria-invalid": invalid,
+    "aria-describedby": describedBy,
     disabled,
     className: cx(classes[`${variant}Variant`], classes.input, {
       [classes.withIcon]: icon,

package/cjs/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box, extractSystemStyles } from '../Box';\nimport { InputWrapper } from './InputWrapper/InputWrapper';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport useStyles, { InputVariant } from './Input.styles';\n\nexport type InputStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputSharedProps {\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Width of icon section in px */\n  iconWidth?: React.CSSProperties['width'];\n\n  /** Right section of input, similar to icon but on the right */\n  rightSection?: React.ReactNode;\n\n  /** Width of right section, is used to calculate input padding-right */\n  rightSectionWidth?: React.CSSProperties['width'];\n\n  /** Props spread to rightSection div element */\n  rightSectionProps?: Record<string, any>;\n\n  /** Properties spread to root element */\n  wrapperProps?: Record<string, any>;\n\n  /** Sets required on input element */\n  required?: boolean;\n\n  /** Input border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Defines input appearance, defaults to default in light color scheme and filled in dark */\n  variant?: InputVariant;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n}\n\nexport interface InputProps extends InputSharedProps, DefaultProps<InputStylesNames> {\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Sets border color to red and aria-invalid=true on input element */\n  invalid?: boolean;\n\n  /** Will input have multiple lines? */\n  multiline?: boolean;\n\n  /** Determines whether cursor on input should be pointer */\n  pointer?: boolean;\n}\n\nconst defaultProps: Partial<InputProps> = {\n  rightSectionWidth: 36,\n  size: 'sm',\n  variant: 'default',\n};\n\nexport const _Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    invalid,\n    required,\n    disabled,\n    variant,\n    icon,\n    style,\n    rightSectionWidth,\n    iconWidth,\n    rightSection,\n    rightSectionProps,\n    radius,\n    size,\n    wrapperProps,\n    classNames,\n    styles,\n    __staticSelector,\n    multiline,\n    sx,\n    unstyled,\n    pointer,\n    ...others\n  } = useComponentDefaultProps('Input', defaultProps, props);\n  const { offsetBottom, offsetTop } = useInputWrapperContext();\n\n  const { classes, cx } = useStyles(\n    {\n      radius,\n      size,\n      multiline,\n      variant,\n      invalid,\n      rightSectionWidth,\n      iconWidth,\n      withRightSection: !!rightSection,\n      offsetBottom,\n      offsetTop,\n      pointer,\n    },\n    { classNames, styles, name: ['Input', __staticSelector], unstyled }\n  );\n\n  const { systemStyles, rest } = extractSystemStyles(others);\n\n  return (\n    <Box\n      className={cx(classes.wrapper, className)}\n      sx={sx}\n      style={style}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      {icon && <div className={classes.icon}>{icon}</div>}\n\n      <Box\n        component=\"input\"\n        {...rest}\n        ref={ref}\n        required={required}\n        aria-invalid={invalid}\n        disabled={disabled}\n        className={cx(classes[`${variant}Variant`], classes.input, {\n          [classes.withIcon]: icon,\n          [classes.invalid]: invalid,\n          [classes.disabled]: disabled,\n        })}\n      />\n\n      {rightSection && (\n        <div {...rightSectionProps} className={classes.rightSection}>\n          {rightSection}\n        </div>\n      )}\n    </Box>\n  );\n}) as any;\n\n_Input.displayName = '@mantine/core/Input';\n_Input.Wrapper = InputWrapper;\n_Input.Label = InputLabel;\n_Input.Description = InputDescription;\n_Input.Error = InputError;\n_Input.Placeholder = InputPlaceholder;\n\nexport const Input = createPolymorphicComponent<\n  'input',\n  InputProps,\n  {\n    Wrapper: typeof InputWrapper;\n    Label: typeof InputLabel;\n    Description: typeof InputDescription;\n    Error: typeof InputError;\n    Placeholder: typeof InputPlaceholder;\n  }\n>(_Input);\n"],"names":["forwardRef","useComponentDefaultProps","styles","useInputWrapperContext","useStyles","extractSystemStyles","React","Box","InputWrapper","InputLabel","InputDescription","InputError","InputPlaceholder","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box, extractSystemStyles } from '../Box';\nimport { InputWrapper } from './InputWrapper/InputWrapper';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport useStyles, { InputVariant } from './Input.styles';\n\nexport type InputStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputSharedProps {\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Width of icon section in px */\n  iconWidth?: React.CSSProperties['width'];\n\n  /** Right section of input, similar to icon but on the right */\n  rightSection?: React.ReactNode;\n\n  /** Width of right section, is used to calculate input padding-right */\n  rightSectionWidth?: React.CSSProperties['width'];\n\n  /** Props spread to rightSection div element */\n  rightSectionProps?: Record<string, any>;\n\n  /** Properties spread to root element */\n  wrapperProps?: Record<string, any>;\n\n  /** Sets required on input element */\n  required?: boolean;\n\n  /** Input border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Defines input appearance, defaults to default in light color scheme and filled in dark */\n  variant?: InputVariant;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n}\n\nexport interface InputProps extends InputSharedProps, DefaultProps<InputStylesNames> {\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Sets border color to red and aria-invalid=true on input element */\n  invalid?: boolean;\n\n  /** Will input have multiple lines? */\n  multiline?: boolean;\n\n  /** Determines whether cursor on input should be pointer */\n  pointer?: boolean;\n}\n\nconst defaultProps: Partial<InputProps> = {\n  rightSectionWidth: 36,\n  size: 'sm',\n  variant: 'default',\n};\n\nexport const _Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    invalid,\n    required,\n    disabled,\n    variant,\n    icon,\n    style,\n    rightSectionWidth,\n    iconWidth,\n    rightSection,\n    rightSectionProps,\n    radius,\n    size,\n    wrapperProps,\n    classNames,\n    styles,\n    __staticSelector,\n    multiline,\n    sx,\n    unstyled,\n    pointer,\n    ...others\n  } = useComponentDefaultProps('Input', defaultProps, props);\n  const { offsetBottom, offsetTop, describedBy } = useInputWrapperContext();\n\n  const { classes, cx } = useStyles(\n    {\n      radius,\n      size,\n      multiline,\n      variant,\n      invalid,\n      rightSectionWidth,\n      iconWidth,\n      withRightSection: !!rightSection,\n      offsetBottom,\n      offsetTop,\n      pointer,\n    },\n    { classNames, styles, name: ['Input', __staticSelector], unstyled }\n  );\n\n  const { systemStyles, rest } = extractSystemStyles(others);\n\n  return (\n    <Box\n      className={cx(classes.wrapper, className)}\n      sx={sx}\n      style={style}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      {icon && <div className={classes.icon}>{icon}</div>}\n\n      <Box\n        component=\"input\"\n        {...rest}\n        ref={ref}\n        required={required}\n        aria-invalid={invalid}\n        aria-describedby={describedBy}\n        disabled={disabled}\n        className={cx(classes[`${variant}Variant`], classes.input, {\n          [classes.withIcon]: icon,\n          [classes.invalid]: invalid,\n          [classes.disabled]: disabled,\n        })}\n      />\n\n      {rightSection && (\n        <div {...rightSectionProps} className={classes.rightSection}>\n          {rightSection}\n        </div>\n      )}\n    </Box>\n  );\n}) as any;\n\n_Input.displayName = '@mantine/core/Input';\n_Input.Wrapper = InputWrapper;\n_Input.Label = InputLabel;\n_Input.Description = InputDescription;\n_Input.Error = InputError;\n_Input.Placeholder = InputPlaceholder;\n\nexport const Input = createPolymorphicComponent<\n  'input',\n  InputProps,\n  {\n    Wrapper: typeof InputWrapper;\n    Label: typeof InputLabel;\n    Description: typeof InputDescription;\n    Error: typeof InputError;\n    Placeholder: typeof InputPlaceholder;\n  }\n>(_Input);\n"],"names":["forwardRef","useComponentDefaultProps","styles","useInputWrapperContext","useStyles","extractSystemStyles","React","Box","InputWrapper","InputLabel","InputDescription","InputError","InputPlaceholder","createPolymorphicComponent"],"mappings":"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"}

package/cjs/Input/InputError/InputError.js

@@ -47,8 +47,7 @@ const InputError = React.forwardRef((props, ref) => {
   const { classes, cx } = InputError_styles['default']({ size }, { name: ["InputWrapper", __staticSelector], classNames, styles: styles$1, unstyled });
   return /* @__PURE__ */ React__default.createElement(Text.Text, __spreadValues({
     className: cx(classes.error, className),
-    ref,
-    role: "alert"
+    ref
   }, others), children);
 });
 InputError.displayName = "@mantine/core/InputError";

package/cjs/Input/InputError/InputError.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputError.js","sources":["../../../src/Input/InputError/InputError.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Text } from '../../Text';\nimport useStyles, { InputErrorStylesParams } from './InputError.styles';\n\nexport type InputErrorStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputErrorProps\n  extends DefaultProps<InputErrorStylesNames, InputErrorStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Error content */\n  children?: React.ReactNode;\n\n  /** Predefined size */\n  size?: MantineSize;\n\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<InputErrorProps> = {\n  size: 'sm',\n};\n\nexport const InputError = forwardRef<HTMLDivElement, InputErrorProps>((props, ref) => {\n  const { children, className, classNames, styles, unstyled, size, __staticSelector, ...others } =\n    useComponentDefaultProps('InputError', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { size },\n    { name: ['InputWrapper', __staticSelector], classNames, styles, unstyled }\n  );\n\n  return (\n    <Text className={cx(classes.error, className)} ref={ref} role=\"alert\" {...others}>\n      {children}\n    </Text>\n  );\n});\n\nInputError.displayName = '@mantine/core/InputError';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","Text"],"mappings":"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"}
+{"version":3,"file":"InputError.js","sources":["../../../src/Input/InputError/InputError.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Text } from '../../Text';\nimport useStyles, { InputErrorStylesParams } from './InputError.styles';\n\nexport type InputErrorStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputErrorProps\n  extends DefaultProps<InputErrorStylesNames, InputErrorStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Error content */\n  children?: React.ReactNode;\n\n  /** Predefined size */\n  size?: MantineSize;\n\n  __staticSelector?: string;\n}\n\nconst defaultProps: Partial<InputErrorProps> = {\n  size: 'sm',\n};\n\nexport const InputError = forwardRef<HTMLDivElement, InputErrorProps>((props, ref) => {\n  const { children, className, classNames, styles, unstyled, size, __staticSelector, ...others } =\n    useComponentDefaultProps('InputError', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { size },\n    { name: ['InputWrapper', __staticSelector], classNames, styles, unstyled }\n  );\n\n  return (\n    <Text className={cx(classes.error, className)} ref={ref} {...others}>\n      {children}\n    </Text>\n  );\n});\n\nInputError.displayName = '@mantine/core/InputError';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","Text"],"mappings":";;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAKF,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,IAAI;AACZ,CAAC,CAAC;AACU,MAAC,UAAU,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACrD,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,UAAEC,QAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAChR,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC,EAAE,UAAU,UAAED,QAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AAC1H,EAAE,uBAAuBE,cAAK,CAAC,aAAa,CAACC,SAAI,EAAE,cAAc,CAAC;AAClE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC;AAC3C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/cjs/Input/InputWrapper/InputWrapper.js

@@ -109,6 +109,11 @@ const InputWrapper = React.forwardRef((props, ref) => {
     __staticSelector
   };
   const isRequired = typeof withAsterisk === "boolean" ? withAsterisk : required;
+  const errorId = id ? `${id}-error` : errorProps == null ? void 0 : errorProps.id;
+  const descriptionId = id ? `${id}-description` : descriptionProps == null ? void 0 : descriptionProps.id;
+  const hasError = !!error && typeof error !== "boolean";
+  const _describedBy = `${hasError ? errorId : ""} ${description ? descriptionId : ""}`;
+  const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : void 0;
   const _label = label && /* @__PURE__ */ React__default.createElement(InputLabel.InputLabel, __spreadValues(__spreadValues({
     key: "label",
     labelElement,
@@ -119,14 +124,16 @@ const InputWrapper = React.forwardRef((props, ref) => {
   const _description = description && /* @__PURE__ */ React__default.createElement(InputDescription.InputDescription, __spreadProps(__spreadValues(__spreadValues({
     key: "description"
   }, descriptionProps), sharedProps), {
-    size: (descriptionProps == null ? void 0 : descriptionProps.size) || sharedProps.size
+    size: (descriptionProps == null ? void 0 : descriptionProps.size) || sharedProps.size,
+    id: (descriptionProps == null ? void 0 : descriptionProps.id) || descriptionId
   }), description);
   const _input = /* @__PURE__ */ React__default.createElement(React.Fragment, {
     key: "input"
   }, inputContainer(children));
   const _error = typeof error !== "boolean" && error && /* @__PURE__ */ React__default.createElement(InputError.InputError, __spreadProps(__spreadValues(__spreadValues({}, errorProps), sharedProps), {
     size: (errorProps == null ? void 0 : errorProps.size) || sharedProps.size,
-    key: "error"
+    key: "error",
+    id: (errorProps == null ? void 0 : errorProps.id) || errorId
   }), error);
   const content = inputWrapperOrder.map((part) => {
     switch (part) {
@@ -143,10 +150,12 @@ const InputWrapper = React.forwardRef((props, ref) => {
     }
   });
   return /* @__PURE__ */ React__default.createElement(InputWrapper_context.InputWrapperProvider, {
-    value: getInputOffsets.getInputOffsets(inputWrapperOrder, {
+    value: __spreadValues({
+      describedBy
+    }, getInputOffsets.getInputOffsets(inputWrapperOrder, {
       hasDescription: !!_description,
       hasError: !!_error
-    })
+    }))
   }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     className: cx(classes.root, className),
     ref