@mantine/core 9.5.1 → 9.6.0

package/cjs/_virtual/_rolldown/runtime.cjs

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/cjs/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":["createVarsResolver","rem","getRadius","genericFactory","useProps","useStyles","AccordionProvider","getSafeId","AccordionChevron","Box","classes","AccordionItem","AccordionPanel","AccordionControl"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getRadius,\n  getSafeId,\n  MantineRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionProvider } from './Accordion.context';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionControl, type AccordionControlProps } from './AccordionControl/AccordionControl';\nimport { AccordionItem, type AccordionItemProps } from './AccordionItem/AccordionItem';\nimport { AccordionPanel, type AccordionPanelProps } from './AccordionPanel/AccordionPanel';\nimport classes from './Accordion.module.css';\nimport type { AccordionItemContextValue } from './AccordionItem.context';\nexport type AccordionStylesNames =\n  | 'root'\n  | 'content'\n  | 'item'\n  | 'panel'\n  | 'icon'\n  | 'chevron'\n  | 'label'\n  | 'itemTitle'\n  | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n  root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n  extends\n    BoxProps,\n    StylesApiProps<AccordionFactory>,\n    ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n  /** If set, multiple items can be opened at the same time @default false */\n  multiple?: Multiple;\n\n  /** Controlled component value */\n  value?: AccordionValue<Multiple>;\n\n  /** Uncontrolled component default value */\n  defaultValue?: AccordionValue<Multiple>;\n\n  /** Called when value changes, payload type depends on `multiple` prop */\n  onChange?: (value: AccordionValue<Multiple>) => void;\n\n  /** If set, arrow keys loop through items (first to last and last to first) @default true */\n  loop?: boolean;\n\n  /** Transition duration in ms @default 200 */\n  transitionDuration?: number;\n\n  /** If set, chevron rotation is disabled @default false */\n  disableChevronRotation?: boolean;\n\n  /** If set, the open item cannot be collapsed by clicking it again, so one item always stays open. Only applies when `multiple` is `false`. @default false */\n  disableCollapse?: boolean;\n\n  /** Position of the chevron relative to the item label @default right */\n  chevronPosition?: AccordionChevronPosition;\n\n  /** Size of the chevron icon container @default auto */\n  chevronSize?: number | string;\n\n  /** Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron. @default 16 */\n  chevronIconSize?: number | string;\n\n  /** Sets heading level (h2-h6) for `Accordion.Control` elements. Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements. Has no visual effect. */\n  order?: AccordionHeadingOrder;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. @default true */\n  keepMounted?: boolean;\n\n  /** Controls how inactive panels content is hidden when `keepMounted` is `true`, `'activity'` – hidden with `Activity` component, `'display-none'` – hidden with `display: none` styles @default 'activity' */\n  keepMountedMode?: 'activity' | 'display-none';\n}\n\nexport type AccordionFactory = Factory<{\n  props: AccordionProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionStylesNames;\n  vars: AccordionCssVariables;\n  variant: AccordionVariant;\n  signature: <Multiple extends boolean = false>(\n    props: AccordionProps<Multiple>\n  ) => React.JSX.Element;\n  staticComponents: {\n    Item: typeof AccordionItem;\n    Panel: typeof AccordionPanel;\n    Control: typeof AccordionControl;\n    Chevron: typeof AccordionChevron;\n  };\n}>;\n\nconst defaultProps = {\n  multiple: false,\n  loop: true,\n  disableChevronRotation: false,\n  disableCollapse: false,\n  chevronPosition: 'right',\n  variant: 'default',\n  chevronSize: 'auto',\n  chevronIconSize: 16,\n  keepMountedMode: 'activity',\n} satisfies Partial<AccordionProps>;\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n  (_, { transitionDuration, chevronSize, radius }) => ({\n    root: {\n      '--accordion-transition-duration':\n        transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n      '--accordion-chevron-size': chevronSize === undefined ? undefined : rem(chevronSize),\n      '--accordion-radius': radius === undefined ? undefined : getRadius(radius),\n    },\n  })\n);\n\nexport const Accordion = genericFactory<AccordionFactory>((_props) => {\n  const props = useProps('Accordion', defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    multiple,\n    value,\n    defaultValue,\n    onChange,\n    id,\n    loop,\n    transitionDuration,\n    disableChevronRotation,\n    disableCollapse,\n    chevronPosition,\n    chevronSize,\n    order,\n    chevron,\n    variant,\n    radius,\n    chevronIconSize,\n    attributes,\n    keepMounted,\n    keepMountedMode,\n    ...others\n  } = props;\n\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    if (!Array.isArray(_value) && disableCollapse && itemValue === _value) {\n      return;\n    }\n\n    const nextValue = 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  const getStyles = useStyles<AccordionFactory>({\n    name: 'Accordion',\n    classes,\n    props: props as AccordionProps,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <AccordionProvider\n      value={{\n        isItemActive,\n        onChange: handleItemChange,\n        getControlId: getSafeId(\n          `${uid}-control`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        getRegionId: getSafeId(\n          `${uid}-panel`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        chevron: chevron === null ? null : chevron || <AccordionChevron size={chevronIconSize} />,\n        transitionDuration,\n        disableChevronRotation,\n        chevronPosition,\n        order,\n        loop,\n        getStyles,\n        variant,\n        unstyled,\n        keepMounted,\n        keepMountedMode,\n      }}\n    >\n      <Box {...getStyles('root')} id={uid} {...others} variant={variant} data-accordion>\n        {children}\n      </Box>\n    </AccordionProvider>\n  );\n});\n\nAccordion.classes = classes;\nAccordion.varsResolver = varsResolver;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n\nexport namespace Accordion {\n  export type Props = AccordionProps;\n  export type StylesNames = AccordionStylesNames;\n  export type CssVariables = AccordionCssVariables;\n  export type Factory = AccordionFactory;\n  export type Variant = AccordionVariant;\n\n  export namespace Control {\n    export type Props = AccordionControlProps;\n  }\n\n  export namespace Item {\n    export type Props = AccordionItemProps;\n    export type Context = AccordionItemContextValue;\n  }\n\n  export namespace Panel {\n    export type Props = AccordionPanelProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+GA,MAAM,eAAe;CACnB,UAAU;CACV,MAAM;CACN,wBAAwB;CACxB,iBAAiB;CACjB,iBAAiB;CACjB,SAAS;CACT,aAAa;CACb,iBAAiB;CACjB,iBAAiB;AACnB;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,GAAG,EAAE,oBAAoB,aAAa,cAAc,EACnD,MAAM;CACJ,mCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,4BAA4B,gBAAgB,KAAA,IAAY,KAAA,IAAYC,YAAAA,IAAI,WAAW;CACnF,sBAAsB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;AAC3E,EACF,EACF;AAEA,MAAa,YAAYC,gBAAAA,gBAAkC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,SAAS,aAAa,cAAqB,MAAM;CAC/D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,UACA,OACA,cACA,UACA,IACA,MACA,oBACA,wBACA,iBACA,iBACA,aACA,OACA,SACA,SACA,QACA,iBACA,YACA,aACA,iBACA,GAAG,WACD;CAEJ,MAAM,OAAA,GAAA,eAAA,MAAA,CAAY,EAAE;CACpB,MAAM,CAAC,QAAQ,iBAAA,GAAA,eAAA,gBAAA,CAAgC;EAC7C;EACA;EACA,YAAY,WAAY,CAAC,IAAY;EACrC;CACF,CAAC;CAED,MAAM,gBAAgB,cACpB,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,cAAc;CAErE,MAAM,oBAAoB,cAAsB;EAC9C,IAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,mBAAmB,cAAc,QAC7D;EAGF,MAAM,YAAY,MAAM,QAAQ,MAAM,IAClC,OAAO,SAAS,SAAS,IACvB,OAAO,QAAQ,kBAAkB,kBAAkB,SAAS,IAC5D,CAAC,GAAG,QAAQ,SAAS,IACvB,cAAc,SACZ,OACC;EAEP,aAAa,SAAS;CACxB;CAEA,MAAM,YAAYC,mBAAAA,UAA4B;EAC5C,MAAM;EACN,SAAA,yBAAA;EACO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,cAAcC,oBAAAA,UACZ,GAAG,IAAI,WACP,2EACF;GACA,aAAaA,oBAAAA,UACX,GAAG,IAAI,SACP,2EACF;GACA,SAAS,YAAY,OAAO,OAAO,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAkB,MAAM,gBAAkB,CAAA;GACxF;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;YAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,IAAI;GAAK,GAAI;GAAiB;GAAS,kBAAA;GAChE;EACE,CAAA;CACY,CAAA;AAEvB,CAAC;AAED,UAAU,UAAUC,yBAAAA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,UAAU,OAAOC,sBAAAA;AACjB,UAAU,QAAQC,uBAAAA;AAClB,UAAU,UAAUC,yBAAAA;AACpB,UAAU,UAAUL,yBAAAA"}
+{"version":3,"file":"Accordion.cjs","names":["createVarsResolver","rem","getRadius","genericFactory","useProps","useId","useUncontrolled","useStyles","AccordionProvider","getSafeId","AccordionChevron","Box","classes","AccordionItem","AccordionPanel","AccordionControl"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getRadius,\n  getSafeId,\n  MantineRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionProvider } from './Accordion.context';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionControl, type AccordionControlProps } from './AccordionControl/AccordionControl';\nimport type { AccordionItemContextValue } from './AccordionItem.context';\nimport { AccordionItem, type AccordionItemProps } from './AccordionItem/AccordionItem';\nimport { AccordionPanel, type AccordionPanelProps } from './AccordionPanel/AccordionPanel';\nimport classes from './Accordion.module.css';\nexport type AccordionStylesNames =\n  | 'root'\n  | 'content'\n  | 'item'\n  | 'panel'\n  | 'icon'\n  | 'chevron'\n  | 'label'\n  | 'itemTitle'\n  | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n  root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n  extends\n    BoxProps,\n    StylesApiProps<AccordionFactory>,\n    ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n  /** If set, multiple items can be opened at the same time @default false */\n  multiple?: Multiple;\n\n  /** Controlled component value */\n  value?: AccordionValue<Multiple>;\n\n  /** Uncontrolled component default value */\n  defaultValue?: AccordionValue<Multiple>;\n\n  /** Called when value changes, payload type depends on `multiple` prop */\n  onChange?: (value: AccordionValue<Multiple>) => void;\n\n  /** If set, arrow keys loop through items (first to last and last to first) @default true */\n  loop?: boolean;\n\n  /** Transition duration in ms @default 200 */\n  transitionDuration?: number;\n\n  /** If set, chevron rotation is disabled @default false */\n  disableChevronRotation?: boolean;\n\n  /** If set, the open item cannot be collapsed by clicking it again, so one item always stays open. Only applies when `multiple` is `false`. @default false */\n  disableCollapse?: boolean;\n\n  /** Position of the chevron relative to the item label @default right */\n  chevronPosition?: AccordionChevronPosition;\n\n  /** Size of the chevron icon container @default auto */\n  chevronSize?: number | string;\n\n  /** Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron. @default 16 */\n  chevronIconSize?: number | string;\n\n  /** Sets heading level (h2-h6) for `Accordion.Control` elements. Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements. Has no visual effect. */\n  order?: AccordionHeadingOrder;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. @default true */\n  keepMounted?: boolean;\n\n  /** Controls how inactive panels content is hidden when `keepMounted` is `true`, `'activity'` – hidden with `Activity` component, `'display-none'` – hidden with `display: none` styles @default 'activity' */\n  keepMountedMode?: 'activity' | 'display-none';\n}\n\nexport type AccordionFactory = Factory<{\n  props: AccordionProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionStylesNames;\n  vars: AccordionCssVariables;\n  variant: AccordionVariant;\n  signature: <Multiple extends boolean = false>(\n    props: AccordionProps<Multiple>\n  ) => React.JSX.Element;\n  staticComponents: {\n    Item: typeof AccordionItem;\n    Panel: typeof AccordionPanel;\n    Control: typeof AccordionControl;\n    Chevron: typeof AccordionChevron;\n  };\n}>;\n\nconst defaultProps = {\n  multiple: false,\n  loop: true,\n  disableChevronRotation: false,\n  disableCollapse: false,\n  chevronPosition: 'right',\n  variant: 'default',\n  chevronSize: 'auto',\n  chevronIconSize: 16,\n  keepMountedMode: 'activity',\n} satisfies Partial<AccordionProps>;\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n  (_, { transitionDuration, chevronSize, radius }) => ({\n    root: {\n      '--accordion-transition-duration':\n        transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n      '--accordion-chevron-size': chevronSize === undefined ? undefined : rem(chevronSize),\n      '--accordion-radius': radius === undefined ? undefined : getRadius(radius),\n    },\n  })\n);\n\nexport const Accordion = genericFactory<AccordionFactory>((_props) => {\n  const props = useProps('Accordion', defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    multiple,\n    value,\n    defaultValue,\n    onChange,\n    id,\n    loop,\n    transitionDuration,\n    disableChevronRotation,\n    disableCollapse,\n    chevronPosition,\n    chevronSize,\n    order,\n    chevron,\n    variant,\n    radius,\n    chevronIconSize,\n    attributes,\n    keepMounted,\n    keepMountedMode,\n    ...others\n  } = props;\n\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    if (!Array.isArray(_value) && disableCollapse && itemValue === _value) {\n      return;\n    }\n\n    const nextValue = 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  const getStyles = useStyles<AccordionFactory>({\n    name: 'Accordion',\n    classes,\n    props: props as AccordionProps,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <AccordionProvider\n      value={{\n        isItemActive,\n        onChange: handleItemChange,\n        getControlId: getSafeId(\n          `${uid}-control`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        getRegionId: getSafeId(\n          `${uid}-panel`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        chevron: chevron === null ? null : chevron || <AccordionChevron size={chevronIconSize} />,\n        transitionDuration,\n        disableChevronRotation,\n        chevronPosition,\n        order,\n        loop,\n        getStyles,\n        variant,\n        unstyled,\n        keepMounted,\n        keepMountedMode,\n      }}\n    >\n      <Box {...getStyles('root')} id={uid} {...others} variant={variant} data-accordion>\n        {children}\n      </Box>\n    </AccordionProvider>\n  );\n});\n\nAccordion.classes = classes;\nAccordion.varsResolver = varsResolver;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n\nexport namespace Accordion {\n  export type Props = AccordionProps;\n  export type StylesNames = AccordionStylesNames;\n  export type CssVariables = AccordionCssVariables;\n  export type Factory = AccordionFactory;\n  export type Variant = AccordionVariant;\n\n  export namespace Control {\n    export type Props = AccordionControlProps;\n  }\n\n  export namespace Item {\n    export type Props = AccordionItemProps;\n    export type Context = AccordionItemContextValue;\n  }\n\n  export namespace Panel {\n    export type Props = AccordionPanelProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA+GA,MAAM,eAAe;CACnB,UAAU;CACV,MAAM;CACN,wBAAwB;CACxB,iBAAiB;CACjB,iBAAiB;CACjB,SAAS;CACT,aAAa;CACb,iBAAiB;CACjB,iBAAiB;AACnB;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,GAAG,EAAE,oBAAoB,aAAa,cAAc,EACnD,MAAM;CACJ,mCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,4BAA4B,gBAAgB,KAAA,IAAY,KAAA,IAAYC,YAAAA,IAAI,WAAW;CACnF,sBAAsB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;AAC3E,EACF,EACF;AAEA,MAAa,YAAYC,gBAAAA,gBAAkC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,SAAS,aAAa,cAAqB,MAAM;CAC/D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,UACA,OACA,cACA,UACA,IACA,MACA,oBACA,wBACA,iBACA,iBACA,aACA,OACA,SACA,SACA,QACA,iBACA,YACA,aACA,iBACA,GAAG,WACD;CAEJ,MAAM,OAAA,GAAMC,eAAAA,MAAAA,CAAM,EAAE;CACpB,MAAM,CAAC,QAAQ,iBAAA,GAAgBC,eAAAA,gBAAAA,CAAgB;EAC7C;EACA;EACA,YAAY,WAAY,CAAC,IAAY;EACrC;CACF,CAAC;CAED,MAAM,gBAAgB,cACpB,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,cAAc;CAErE,MAAM,oBAAoB,cAAsB;EAC9C,IAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,mBAAmB,cAAc,QAC7D;EAGF,MAAM,YAAY,MAAM,QAAQ,MAAM,IAClC,OAAO,SAAS,SAAS,IACvB,OAAO,QAAQ,kBAAkB,kBAAkB,SAAS,IAC5D,CAAC,GAAG,QAAQ,SAAS,IACvB,cAAc,SACZ,OACC;EAEP,aAAa,SAAS;CACxB;CAEA,MAAM,YAAYC,mBAAAA,UAA4B;EAC5C,MAAM;EACN,SAAA,yBAAA;EACO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,cAAcC,oBAAAA,UACZ,GAAG,IAAI,WACP,2EACF;GACA,aAAaA,oBAAAA,UACX,GAAG,IAAI,SACP,2EACF;GACA,SAAS,YAAY,OAAO,OAAO,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,kBAAD,EAAkB,MAAM,gBAAkB,CAAA;GACxF;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,IAAI;GAAK,GAAI;GAAiB;GAAS,kBAAA;GAChE;EACE,CAAA;CACY,CAAA;AAEvB,CAAC;AAED,UAAU,UAAUC,yBAAAA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,UAAU,OAAOC,sBAAAA;AACjB,UAAU,QAAQC,uBAAAA;AAClB,UAAU,UAAUC,yBAAAA;AACpB,UAAU,UAAUL,yBAAAA"}

package/cjs/components/Accordion/AccordionChevron.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionChevron.cjs","names":["rem"],"sources":["../../../src/components/Accordion/AccordionChevron.tsx"],"sourcesContent":["import { rem } from '../../core';\n\nexport interface AccordionChevronProps extends React.ComponentProps<'svg'> {\n  /** Controls `width` and `height` of the icon, `16` by default */\n  size?: number | string;\n}\n\nexport function AccordionChevron({ style, size = 16, ...others }: AccordionChevronProps) {\n  return (\n    <svg\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ ...style, width: rem(size), height: rem(size), display: 'block' }}\n      {...others}\n    >\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\nAccordionChevron.displayName = '@mantine/core/AccordionChevron';\n\nexport namespace AccordionChevron {\n  export type Props = AccordionChevronProps;\n}\n"],"mappings":";;;;AAOA,SAAgB,iBAAiB,EAAE,OAAO,OAAO,IAAI,GAAG,UAAiC;CACvF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,OAAM;EACN,OAAO;GAAE,GAAG;GAAO,OAAOA,YAAAA,IAAI,IAAI;GAAG,QAAQA,YAAAA,IAAI,IAAI;GAAG,SAAS;EAAQ;EACzE,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;GACT,UAAS;EACV,CAAA;CACE,CAAA;AAET;AAEA,iBAAiB,cAAc"}
+{"version":3,"file":"AccordionChevron.cjs","names":["rem"],"sources":["../../../src/components/Accordion/AccordionChevron.tsx"],"sourcesContent":["import { rem } from '../../core';\n\nexport interface AccordionChevronProps extends React.ComponentProps<'svg'> {\n  /** Controls `width` and `height` of the icon, `16` by default */\n  size?: number | string;\n}\n\nexport function AccordionChevron({ style, size = 16, ...others }: AccordionChevronProps) {\n  return (\n    <svg\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ ...style, width: rem(size), height: rem(size), display: 'block' }}\n      {...others}\n    >\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n\nAccordionChevron.displayName = '@mantine/core/AccordionChevron';\n\nexport namespace AccordionChevron {\n  export type Props = AccordionChevronProps;\n}\n"],"mappings":";;;;AAOA,SAAgB,iBAAiB,EAAE,OAAO,OAAO,IAAI,GAAG,UAAiC;CACvF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,OAAM;EACN,OAAO;GAAE,GAAG;GAAO,OAAOA,YAAAA,IAAI,IAAI;GAAG,QAAQA,YAAAA,IAAI,IAAI;GAAG,SAAS;EAAQ;EACzE,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;GACT,UAAS;EACV,CAAA;CACE,CAAA;AAET;AAEA,iBAAiB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionControl.cjs","names":["factory","useProps","useAccordionItemContext","useAccordionContext","UnstyledButton","createScopedKeydownHandler","Box","classes"],"sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  createScopedKeydownHandler,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';\n\nexport interface AccordionControlProps\n  extends BoxProps, CompoundStylesApiProps<AccordionControlFactory>, ElementProps<'button'> {\n  /** Sets `disabled` attribute, prevents interactions */\n  disabled?: boolean;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Control label */\n  children?: React.ReactNode;\n\n  /** Icon displayed next to the label */\n  icon?: React.ReactNode;\n}\n\nexport type AccordionControlFactory = Factory<{\n  props: AccordionControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: AccordionControlStylesNames;\n  compound: true;\n}>;\n\nexport const AccordionControl = factory<AccordionControlFactory>((props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    chevron,\n    icon,\n    onClick,\n    onKeyDown,\n    children,\n    disabled,\n    mod,\n    ...others\n  } = useProps('AccordionControl', null, props);\n\n  const { value } = useAccordionItemContext();\n  const ctx = useAccordionContext();\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\n      {...ctx.getStyles('control', { className, classNames, style, styles, variant: ctx.variant })}\n      unstyled={ctx.unstyled}\n      mod={[\n        'accordion-control',\n        { active: isActive, 'chevron-position': ctx.chevronPosition, disabled },\n        mod,\n      ]}\n      onClick={(event) => {\n        onClick?.(event);\n        ctx.onChange(value);\n      }}\n      type=\"button\"\n      disabled={disabled}\n      aria-expanded={isActive}\n      aria-controls={ctx.getRegionId(value)}\n      id={ctx.getControlId(value)}\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      {...others}\n    >\n      <Box\n        component=\"span\"\n        mod={{ rotate: !ctx.disableChevronRotation && isActive, position: ctx.chevronPosition }}\n        {...ctx.getStyles('chevron', { classNames, styles })}\n      >\n        {chevron || ctx.chevron}\n      </Box>\n      <span {...ctx.getStyles('label', { classNames, styles })}>{children}</span>\n      {icon && (\n        <Box\n          component=\"span\"\n          mod={{ 'chevron-position': ctx.chevronPosition }}\n          {...ctx.getStyles('icon', { classNames, styles })}\n        >\n          {icon}\n        </Box>\n      )}\n    </UnstyledButton>\n  );\n\n  return shouldWrapWithHeading ? (\n    <Heading {...ctx.getStyles('itemTitle', { classNames, styles })}>{content}</Heading>\n  ) : (\n    content\n  );\n});\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\nAccordionControl.classes = classes;\n"],"mappings":";;;;;;;;;;;AAuCA,MAAa,mBAAmBA,gBAAAA,SAAkC,UAAU;CAC1E,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,SACA,MACA,SACA,WACA,UACA,UACA,KACA,GAAG,WACDC,kBAAAA,SAAS,oBAAoB,MAAM,KAAK;CAE5C,MAAM,EAAE,UAAUC,8BAAAA,wBAAwB;CAC1C,MAAM,MAAMC,0BAAAA,oBAAoB;CAChC,MAAM,WAAW,IAAI,aAAa,KAAK;CACvC,MAAM,wBAAwB,OAAO,IAAI,UAAU;CACnD,MAAM,UAAU,IAAI,IAAI;CAExB,MAAM,UACJ,iBAAA,GAAA,kBAAA,KAAA,CAACC,uBAAAA,gBAAD;EACE,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAY;GAAO;GAAQ,SAAS,IAAI;EAAQ,CAAC;EAC3F,UAAU,IAAI;EACd,KAAK;GACH;GACA;IAAE,QAAQ;IAAU,oBAAoB,IAAI;IAAiB;GAAS;GACtE;EACF;EACA,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,SAAS,KAAK;EACpB;EACA,MAAK;EACK;EACV,iBAAe;EACf,iBAAe,IAAI,YAAY,KAAK;EACpC,IAAI,IAAI,aAAa,KAAK;EAC1B,WAAWC,sCAAAA,2BAA2B;GACpC,iBAAiB;GACjB,gBAAgB;GAChB,iBAAiB;GACjB,MAAM,IAAI;GACV,aAAa;GACb;EACF,CAAC;EACD,GAAI;YAzBN;GA2BE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IACE,WAAU;IACV,KAAK;KAAE,QAAQ,CAAC,IAAI,0BAA0B;KAAU,UAAU,IAAI;IAAgB;IACtF,GAAI,IAAI,UAAU,WAAW;KAAE;KAAY;IAAO,CAAC;cAElD,WAAW,IAAI;GACb,CAAA;GACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,GAAI,IAAI,UAAU,SAAS;KAAE;KAAY;IAAO,CAAC;IAAI;GAAe,CAAA;GACzE,QACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;IACE,WAAU;IACV,KAAK,EAAE,oBAAoB,IAAI,gBAAgB;IAC/C,GAAI,IAAI,UAAU,QAAQ;KAAE;KAAY;IAAO,CAAC;cAE/C;GACE,CAAA;EAEO;;CAGlB,OAAO,wBACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAS,GAAI,IAAI,UAAU,aAAa;GAAE;GAAY;EAAO,CAAC;YAAI;CAAiB,CAAA,IAEnF;AAEJ,CAAC;AAED,iBAAiB,cAAc;AAC/B,iBAAiB,UAAUC,yBAAAA"}
+{"version":3,"file":"AccordionControl.cjs","names":["factory","useProps","useAccordionItemContext","useAccordionContext","UnstyledButton","createScopedKeydownHandler","Box","classes"],"sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  createScopedKeydownHandler,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';\n\nexport interface AccordionControlProps\n  extends BoxProps, CompoundStylesApiProps<AccordionControlFactory>, ElementProps<'button'> {\n  /** Sets `disabled` attribute, prevents interactions */\n  disabled?: boolean;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Control label */\n  children?: React.ReactNode;\n\n  /** Icon displayed next to the label */\n  icon?: React.ReactNode;\n}\n\nexport type AccordionControlFactory = Factory<{\n  props: AccordionControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: AccordionControlStylesNames;\n  compound: true;\n}>;\n\nexport const AccordionControl = factory<AccordionControlFactory>((props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    chevron,\n    icon,\n    onClick,\n    onKeyDown,\n    children,\n    disabled,\n    mod,\n    ...others\n  } = useProps('AccordionControl', null, props);\n\n  const { value } = useAccordionItemContext();\n  const ctx = useAccordionContext();\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\n      {...ctx.getStyles('control', { className, classNames, style, styles, variant: ctx.variant })}\n      unstyled={ctx.unstyled}\n      mod={[\n        'accordion-control',\n        { active: isActive, 'chevron-position': ctx.chevronPosition, disabled },\n        mod,\n      ]}\n      onClick={(event) => {\n        onClick?.(event);\n        ctx.onChange(value);\n      }}\n      type=\"button\"\n      disabled={disabled}\n      aria-expanded={isActive}\n      aria-controls={ctx.getRegionId(value)}\n      id={ctx.getControlId(value)}\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      {...others}\n    >\n      <Box\n        component=\"span\"\n        mod={{ rotate: !ctx.disableChevronRotation && isActive, position: ctx.chevronPosition }}\n        {...ctx.getStyles('chevron', { classNames, styles })}\n      >\n        {chevron || ctx.chevron}\n      </Box>\n      <span {...ctx.getStyles('label', { classNames, styles })}>{children}</span>\n      {icon && (\n        <Box\n          component=\"span\"\n          mod={{ 'chevron-position': ctx.chevronPosition }}\n          {...ctx.getStyles('icon', { classNames, styles })}\n        >\n          {icon}\n        </Box>\n      )}\n    </UnstyledButton>\n  );\n\n  return shouldWrapWithHeading ? (\n    <Heading {...ctx.getStyles('itemTitle', { classNames, styles })}>{content}</Heading>\n  ) : (\n    content\n  );\n});\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\nAccordionControl.classes = classes;\n"],"mappings":";;;;;;;;;;;AAuCA,MAAa,mBAAmBA,gBAAAA,SAAkC,UAAU;CAC1E,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,SACA,MACA,SACA,WACA,UACA,UACA,KACA,GAAG,WACDC,kBAAAA,SAAS,oBAAoB,MAAM,KAAK;CAE5C,MAAM,EAAE,UAAUC,8BAAAA,wBAAwB;CAC1C,MAAM,MAAMC,0BAAAA,oBAAoB;CAChC,MAAM,WAAW,IAAI,aAAa,KAAK;CACvC,MAAM,wBAAwB,OAAO,IAAI,UAAU;CACnD,MAAM,UAAU,IAAI,IAAI;CAExB,MAAM,UACJ,iBAAA,GAAA,kBAAA,KAAA,CAACC,uBAAAA,gBAAD;EACE,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAY;GAAO;GAAQ,SAAS,IAAI;EAAQ,CAAC;EAC3F,UAAU,IAAI;EACd,KAAK;GACH;GACA;IAAE,QAAQ;IAAU,oBAAoB,IAAI;IAAiB;GAAS;GACtE;EACF;EACA,UAAU,UAAU;GAClB,UAAU,KAAK;GACf,IAAI,SAAS,KAAK;EACpB;EACA,MAAK;EACK;EACV,iBAAe;EACf,iBAAe,IAAI,YAAY,KAAK;EACpC,IAAI,IAAI,aAAa,KAAK;EAC1B,WAAWC,sCAAAA,2BAA2B;GACpC,iBAAiB;GACjB,gBAAgB;GAChB,iBAAiB;GACjB,MAAM,IAAI;GACV,aAAa;GACb;EACF,CAAC;EACD,GAAI;EAzBN,UAAA;GA2BE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IACE,WAAU;IACV,KAAK;KAAE,QAAQ,CAAC,IAAI,0BAA0B;KAAU,UAAU,IAAI;IAAgB;IACtF,GAAI,IAAI,UAAU,WAAW;KAAE;KAAY;IAAO,CAAC;IAElD,UAAA,WAAW,IAAI;GACb,CAAA;GACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,GAAI,IAAI,UAAU,SAAS;KAAE;KAAY;IAAO,CAAC;IAAI;GAAe,CAAA;GACzE,QACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;IACE,WAAU;IACV,KAAK,EAAE,oBAAoB,IAAI,gBAAgB;IAC/C,GAAI,IAAI,UAAU,QAAQ;KAAE;KAAY;IAAO,CAAC;IAE/C,UAAA;GACE,CAAA;EAEO;;CAGlB,OAAO,wBACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAS,GAAI,IAAI,UAAU,aAAa;GAAE;GAAY;EAAO,CAAC;EAAI,UAAA;CAAiB,CAAA,IAEnF;AAEJ,CAAC;AAED,iBAAiB,cAAc;AAC/B,iBAAiB,UAAUC,yBAAAA"}

package/cjs/components/Accordion/AccordionItem/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","names":["factory","useProps","useAccordionContext","AccordionItemProvider","Box","classes"],"sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useAccordionContext } from '../Accordion.context';\nimport { AccordionItemProvider } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionItemStylesNames = 'item';\n\nexport interface AccordionItemProps\n  extends BoxProps, CompoundStylesApiProps<AccordionItemFactory>, ElementProps<'div'> {\n  /** Value that is used to manage the accordion state */\n  value: string;\n}\n\nexport type AccordionItemFactory = Factory<{\n  props: AccordionItemProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionItemStylesNames;\n  compound: true;\n}>;\n\nexport const AccordionItem = factory<AccordionItemFactory>((props) => {\n  const { classNames, className, style, styles, vars, value, mod, ...others } = useProps(\n    'AccordionItem',\n    null,\n    props\n  );\n\n  const ctx = useAccordionContext();\n\n  return (\n    <AccordionItemProvider value={{ value }}>\n      <Box\n        mod={[{ active: ctx.isItemActive(value) }, mod]}\n        {...ctx.getStyles('item', { className, classNames, styles, style, variant: ctx.variant })}\n        {...others}\n      />\n    </AccordionItemProvider>\n  );\n});\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\nAccordionItem.classes = classes;\n"],"mappings":";;;;;;;;;AA4BA,MAAa,gBAAgBA,gBAAAA,SAA+B,UAAU;CACpE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,OAAO,KAAK,GAAG,WAAWC,kBAAAA,SAC5E,iBACA,MACA,KACF;CAEA,MAAM,MAAMC,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,uBAAD;EAAuB,OAAO,EAAE,MAAM;YACpC,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GACE,KAAK,CAAC,EAAE,QAAQ,IAAI,aAAa,KAAK,EAAE,GAAG,GAAG;GAC9C,GAAI,IAAI,UAAU,QAAQ;IAAE;IAAW;IAAY;IAAQ;IAAO,SAAS,IAAI;GAAQ,CAAC;GACxF,GAAI;EACL,CAAA;CACoB,CAAA;AAE3B,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUC,yBAAAA"}
+{"version":3,"file":"AccordionItem.cjs","names":["factory","useProps","useAccordionContext","AccordionItemProvider","Box","classes"],"sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useAccordionContext } from '../Accordion.context';\nimport { AccordionItemProvider } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionItemStylesNames = 'item';\n\nexport interface AccordionItemProps\n  extends BoxProps, CompoundStylesApiProps<AccordionItemFactory>, ElementProps<'div'> {\n  /** Value that is used to manage the accordion state */\n  value: string;\n}\n\nexport type AccordionItemFactory = Factory<{\n  props: AccordionItemProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionItemStylesNames;\n  compound: true;\n}>;\n\nexport const AccordionItem = factory<AccordionItemFactory>((props) => {\n  const { classNames, className, style, styles, vars, value, mod, ...others } = useProps(\n    'AccordionItem',\n    null,\n    props\n  );\n\n  const ctx = useAccordionContext();\n\n  return (\n    <AccordionItemProvider value={{ value }}>\n      <Box\n        mod={[{ active: ctx.isItemActive(value) }, mod]}\n        {...ctx.getStyles('item', { className, classNames, styles, style, variant: ctx.variant })}\n        {...others}\n      />\n    </AccordionItemProvider>\n  );\n});\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\nAccordionItem.classes = classes;\n"],"mappings":";;;;;;;;;AA4BA,MAAa,gBAAgBA,gBAAAA,SAA+B,UAAU;CACpE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,OAAO,KAAK,GAAG,WAAWC,kBAAAA,SAC5E,iBACA,MACA,KACF;CAEA,MAAM,MAAMC,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,uBAAD;EAAuB,OAAO,EAAE,MAAM;EACpC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GACE,KAAK,CAAC,EAAE,QAAQ,IAAI,aAAa,KAAK,EAAE,GAAG,GAAG;GAC9C,GAAI,IAAI,UAAU,QAAQ;IAAE;IAAW;IAAY;IAAQ;IAAO,SAAS,IAAI;GAAQ,CAAC;GACxF,GAAI;EACL,CAAA;CACoB,CAAA;AAE3B,CAAC;AAED,cAAc,cAAc;AAC5B,cAAc,UAAUC,yBAAAA"}

package/cjs/components/Accordion/AccordionPanel/AccordionPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.cjs","names":["factory","useProps","useAccordionItemContext","useAccordionContext","Collapse","classes"],"sources":["../../../../src/components/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import {\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { Collapse } from '../../Collapse';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionPanelStylesNames = 'panel' | 'content';\n\nexport interface AccordionPanelProps\n  extends BoxProps, CompoundStylesApiProps<AccordionPanelFactory>, ElementProps<'div'> {\n  /** Called when the panel animation completes */\n  onTransitionEnd?: () => void;\n\n  /** Called when the panel animation starts */\n  onTransitionStart?: () => void;\n\n  /** If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting. */\n  keepMounted?: boolean;\n\n  /** If set, overrides the Accordion-level `keepMountedMode` value. When undefined (default), uses Accordion's `keepMountedMode` setting. */\n  keepMountedMode?: 'activity' | 'display-none';\n}\n\nexport type AccordionPanelFactory = Factory<{\n  props: AccordionPanelProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionPanelStylesNames;\n  compound: true;\n}>;\n\nexport const AccordionPanel = factory<AccordionPanelFactory>((props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    children,\n    keepMounted,\n    keepMountedMode,\n    ...others\n  } = useProps('AccordionPanel', null, props);\n\n  const { value } = useAccordionItemContext();\n  const ctx = useAccordionContext();\n\n  return (\n    <Collapse\n      {...ctx.getStyles('panel', { className, classNames, style, styles })}\n      expanded={ctx.isItemActive(value)}\n      transitionDuration={ctx.transitionDuration ?? 200}\n      role=\"region\"\n      id={ctx.getRegionId(value)}\n      aria-labelledby={ctx.getControlId(value)}\n      keepMounted={keepMounted ?? ctx.keepMounted}\n      keepMountedMode={keepMountedMode ?? ctx.keepMountedMode}\n      {...others}\n    >\n      <div {...ctx.getStyles('content', { classNames, styles })}>{children}</div>\n    </Collapse>\n  );\n});\n\nAccordionPanel.displayName = '@mantine/core/AccordionPanel';\nAccordionPanel.classes = classes;\n"],"mappings":";;;;;;;;;AAqCA,MAAa,iBAAiBA,gBAAAA,SAAgC,UAAU;CACtE,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,UACA,aACA,iBACA,GAAG,WACDC,kBAAAA,SAAS,kBAAkB,MAAM,KAAK;CAE1C,MAAM,EAAE,UAAUC,8BAAAA,wBAAwB;CAC1C,MAAM,MAAMC,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,GAAI,IAAI,UAAU,SAAS;GAAE;GAAW;GAAY;GAAO;EAAO,CAAC;EACnE,UAAU,IAAI,aAAa,KAAK;EAChC,oBAAoB,IAAI,sBAAsB;EAC9C,MAAK;EACL,IAAI,IAAI,YAAY,KAAK;EACzB,mBAAiB,IAAI,aAAa,KAAK;EACvC,aAAa,eAAe,IAAI;EAChC,iBAAiB,mBAAmB,IAAI;EACxC,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,IAAI,UAAU,WAAW;IAAE;IAAY;GAAO,CAAC;GAAI;EAAc,CAAA;CAClE,CAAA;AAEd,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUC,yBAAAA"}
+{"version":3,"file":"AccordionPanel.cjs","names":["factory","useProps","useAccordionItemContext","useAccordionContext","Collapse","classes"],"sources":["../../../../src/components/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import {\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { Collapse } from '../../Collapse';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionPanelStylesNames = 'panel' | 'content';\n\nexport interface AccordionPanelProps\n  extends BoxProps, CompoundStylesApiProps<AccordionPanelFactory>, ElementProps<'div'> {\n  /** Called when the panel animation completes */\n  onTransitionEnd?: () => void;\n\n  /** Called when the panel animation starts */\n  onTransitionStart?: () => void;\n\n  /** If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting. */\n  keepMounted?: boolean;\n\n  /** If set, overrides the Accordion-level `keepMountedMode` value. When undefined (default), uses Accordion's `keepMountedMode` setting. */\n  keepMountedMode?: 'activity' | 'display-none';\n}\n\nexport type AccordionPanelFactory = Factory<{\n  props: AccordionPanelProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionPanelStylesNames;\n  compound: true;\n}>;\n\nexport const AccordionPanel = factory<AccordionPanelFactory>((props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    children,\n    keepMounted,\n    keepMountedMode,\n    ...others\n  } = useProps('AccordionPanel', null, props);\n\n  const { value } = useAccordionItemContext();\n  const ctx = useAccordionContext();\n\n  return (\n    <Collapse\n      {...ctx.getStyles('panel', { className, classNames, style, styles })}\n      expanded={ctx.isItemActive(value)}\n      transitionDuration={ctx.transitionDuration ?? 200}\n      role=\"region\"\n      id={ctx.getRegionId(value)}\n      aria-labelledby={ctx.getControlId(value)}\n      keepMounted={keepMounted ?? ctx.keepMounted}\n      keepMountedMode={keepMountedMode ?? ctx.keepMountedMode}\n      {...others}\n    >\n      <div {...ctx.getStyles('content', { classNames, styles })}>{children}</div>\n    </Collapse>\n  );\n});\n\nAccordionPanel.displayName = '@mantine/core/AccordionPanel';\nAccordionPanel.classes = classes;\n"],"mappings":";;;;;;;;;AAqCA,MAAa,iBAAiBA,gBAAAA,SAAgC,UAAU;CACtE,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,UACA,aACA,iBACA,GAAG,WACDC,kBAAAA,SAAS,kBAAkB,MAAM,KAAK;CAE1C,MAAM,EAAE,UAAUC,8BAAAA,wBAAwB;CAC1C,MAAM,MAAMC,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,iBAAAA,UAAD;EACE,GAAI,IAAI,UAAU,SAAS;GAAE;GAAW;GAAY;GAAO;EAAO,CAAC;EACnE,UAAU,IAAI,aAAa,KAAK;EAChC,oBAAoB,IAAI,sBAAsB;EAC9C,MAAK;EACL,IAAI,IAAI,YAAY,KAAK;EACzB,mBAAiB,IAAI,aAAa,KAAK;EACvC,aAAa,eAAe,IAAI;EAChC,iBAAiB,mBAAmB,IAAI;EACxC,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,IAAI,UAAU,WAAW;IAAE;IAAY;GAAO,CAAC;GAAI;EAAc,CAAA;CAClE,CAAA;AAEd,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUC,yBAAAA"}

package/cjs/components/ActionBar/ActionBar.cjs

@@ -0,0 +1,94 @@
+"use client";
+const require_get_default_z_index = require("../../core/utils/get-default-z-index/get-default-z-index.cjs");
+const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");
+const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
+const require_factory = require("../../core/factory/factory.cjs");
+const require_Paper = require("../Paper/Paper.cjs");
+const require_Transition = require("../Transition/Transition.cjs");
+const require_Affix = require("../Affix/Affix.cjs");
+const require_ActionBar_context = require("./ActionBar.context.cjs");
+const require_ActionBar_module = require("./ActionBar.module.cjs");
+const require_ActionBarCloseButton = require("./ActionBarCloseButton/ActionBarCloseButton.cjs");
+const require_ActionBarDivider = require("./ActionBarDivider/ActionBarDivider.cjs");
+let react_remove_scroll = require("react-remove-scroll");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/core/src/components/ActionBar/ActionBar.tsx
+const defaultProps = {
+	withBorder: true,
+	py: "xs",
+	px: "sm",
+	position: {
+		bottom: 30,
+		left: 0,
+		right: 0
+	},
+	transitionProps: {
+		transition: "pop",
+		duration: 200
+	},
+	closeOnEscape: false,
+	withinPortal: true,
+	"aria-label": "Actions",
+	zIndex: require_get_default_z_index.getDefaultZIndex("modal")
+};
+const ActionBar = require_factory.factory((_props) => {
+	const props = require_use_props.useProps("ActionBar", defaultProps, _props);
+	const { classNames, className, style, styles, unstyled, vars, zIndex, position, keepMounted, opened, transitionProps, withinPortal, children, onClose, portalProps, closeOnEscape, attributes, ...others } = props;
+	const getStyles = require_use_styles.useStyles({
+		name: "ActionBar",
+		classes: require_ActionBar_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars
+	});
+	const handleEscape = (0, react.useEffectEvent)((event) => {
+		if (event.key === "Escape" && !event.isComposing) onClose?.();
+	});
+	(0, react.useEffect)(() => {
+		if (!closeOnEscape || !opened) return;
+		window.addEventListener("keydown", handleEscape, { passive: true });
+		return () => window.removeEventListener("keydown", handleEscape);
+	}, [closeOnEscape, opened]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Affix.Affix, {
+		zIndex,
+		position,
+		withinPortal,
+		portalProps,
+		unstyled,
+		className: react_remove_scroll.RemoveScroll.classNames.fullWidth,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Transition.Transition, {
+			keepMounted,
+			keepMountedMode: "display-none",
+			mounted: opened,
+			...transitionProps,
+			children: (transitionStyles) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActionBar_context.ActionBarProvider, {
+				value: {
+					onClose,
+					getStyles,
+					unstyled
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Paper.Paper, {
+					unstyled,
+					...getStyles("root", { style: transitionStyles }),
+					role: "group",
+					...others,
+					children
+				})
+			})
+		})
+	});
+});
+ActionBar.classes = require_ActionBar_module.default;
+ActionBar.displayName = "@mantine/core/ActionBar";
+ActionBar.Divider = require_ActionBarDivider.ActionBarDivider;
+ActionBar.CloseButton = require_ActionBarCloseButton.ActionBarCloseButton;
+//#endregion
+exports.ActionBar = ActionBar;
+
+//# sourceMappingURL=ActionBar.cjs.map

package/cjs/components/ActionBar/ActionBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.cjs","names":["getDefaultZIndex","factory","useProps","useStyles","useEffectEvent","Affix","RemoveScroll","Transition","ActionBarProvider","Paper","classes","ActionBarDivider","ActionBarCloseButton"],"sources":["../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { useEffect, useEffectEvent } from 'react';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  MantineRadius,\n  MantineShadow,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Affix, AffixBaseProps } from '../Affix';\nimport { Paper, PaperBaseProps } from '../Paper';\nimport { Transition, TransitionOverride } from '../Transition';\nimport { ActionBarProvider } from './ActionBar.context';\nimport {\n  ActionBarCloseButton,\n  ActionBarCloseButtonStylesNames,\n} from './ActionBarCloseButton/ActionBarCloseButton';\nimport { ActionBarDivider, ActionBarDividerStylesNames } from './ActionBarDivider/ActionBarDivider';\nimport classes from './ActionBar.module.css';\n\nexport type ActionBarStylesNames =\n  | 'root'\n  | ActionBarDividerStylesNames\n  | ActionBarCloseButtonStylesNames;\n\nexport interface ActionBarProps\n  extends\n    BoxProps,\n    AffixBaseProps,\n    PaperBaseProps,\n    StylesApiProps<ActionBarFactory>,\n    ElementProps<'div'> {\n  /** Controls visibility */\n  opened: boolean;\n\n  /** Called when close button is clicked or Escape is pressed */\n  onClose?: () => void;\n\n  /** Props passed down to the `Transition` component, `{ transition: 'pop', duration: 200 }` by default */\n  transitionProps?: TransitionOverride;\n\n  /** Key of `theme.shadows` or any valid CSS `box-shadow` value */\n  shadow?: MantineShadow;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` */\n  radius?: MantineRadius;\n\n  /** Determines whether the action bar should be closed when `Escape` key is pressed, `false` by default */\n  closeOnEscape?: boolean;\n\n  /** `aria-label` of the actions group, `'Actions'` by default */\n  'aria-label'?: string;\n\n  /** If set, the component uses `display: none` to hide the root element instead of removing the DOM node, `false` by default */\n  keepMounted?: boolean;\n\n  children: React.ReactNode;\n}\n\nexport type ActionBarFactory = Factory<{\n  props: ActionBarProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionBarStylesNames;\n  staticComponents: {\n    Divider: typeof ActionBarDivider;\n    CloseButton: typeof ActionBarCloseButton;\n  };\n}>;\n\nconst defaultProps = {\n  withBorder: true,\n  py: 'xs',\n  px: 'sm',\n  position: { bottom: 30, left: 0, right: 0 },\n  transitionProps: { transition: 'pop', duration: 200 },\n  closeOnEscape: false,\n  withinPortal: true,\n  'aria-label': 'Actions',\n  zIndex: getDefaultZIndex('modal'),\n} satisfies Partial<ActionBarProps>;\n\nexport const ActionBar = factory<ActionBarFactory>((_props) => {\n  const props = useProps('ActionBar', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    zIndex,\n    position,\n    keepMounted,\n    opened,\n    transitionProps,\n    withinPortal,\n    children,\n    onClose,\n    portalProps,\n    closeOnEscape,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionBarFactory>({\n    name: 'ActionBar',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const handleEscape = useEffectEvent((event: KeyboardEvent) => {\n    if (event.key === 'Escape' && !event.isComposing) {\n      onClose?.();\n    }\n  });\n\n  useEffect(() => {\n    if (!closeOnEscape || !opened) {\n      return undefined;\n    }\n\n    window.addEventListener('keydown', handleEscape, { passive: true });\n    return () => window.removeEventListener('keydown', handleEscape);\n  }, [closeOnEscape, opened]);\n\n  return (\n    <Affix\n      zIndex={zIndex}\n      position={position}\n      withinPortal={withinPortal}\n      portalProps={portalProps}\n      unstyled={unstyled}\n      // The default position is anchored to both edges, so the bar is a full width fixed\n      // element. Without this it shifts by the scrollbar width whenever a Modal or Drawer\n      // locks scrolling – which is exactly the flow ActionBar exists for (select rows, run a\n      // bulk action, confirm it in a modal).\n      className={RemoveScroll.classNames.fullWidth}\n    >\n      {/* `keepMountedMode` is pinned to `display-none`: the documented contract is that the\n          bar stays in the DOM and is merely hidden, and `Transition`'s default `activity`\n          mode tears down the effects of everything inside it instead. */}\n      <Transition\n        keepMounted={keepMounted}\n        keepMountedMode=\"display-none\"\n        mounted={opened}\n        {...transitionProps}\n      >\n        {(transitionStyles) => (\n          <ActionBarProvider value={{ onClose, getStyles, unstyled }}>\n            <Paper\n              unstyled={unstyled}\n              {...getStyles('root', { style: transitionStyles })}\n              role=\"group\"\n              {...others}\n            >\n              {children}\n            </Paper>\n          </ActionBarProvider>\n        )}\n      </Transition>\n    </Affix>\n  );\n});\n\nActionBar.classes = classes;\nActionBar.displayName = '@mantine/core/ActionBar';\nActionBar.Divider = ActionBarDivider;\nActionBar.CloseButton = ActionBarCloseButton;\n"],"mappings":";;;;;;;;;;;;;;;;AA0EA,MAAM,eAAe;CACnB,YAAY;CACZ,IAAI;CACJ,IAAI;CACJ,UAAU;EAAE,QAAQ;EAAI,MAAM;EAAG,OAAO;CAAE;CAC1C,iBAAiB;EAAE,YAAY;EAAO,UAAU;CAAI;CACpD,eAAe;CACf,cAAc;CACd,cAAc;CACd,QAAQA,4BAAAA,iBAAiB,OAAO;AAClC;AAEA,MAAa,YAAYC,gBAAAA,SAA2B,WAAW;CAC7D,MAAM,QAAQC,kBAAAA,SAAS,aAAa,cAAc,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,UACA,aACA,QACA,iBACA,cACA,UACA,SACA,aACA,eACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA4B;EAC5C,MAAM;EACN,SAAA,yBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAA,GAAeC,MAAAA,eAAAA,EAAgB,UAAyB;EAC5D,IAAI,MAAM,QAAQ,YAAY,CAAC,MAAM,aACnC,UAAU;CAEd,CAAC;CAED,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,iBAAiB,CAAC,QACrB;EAGF,OAAO,iBAAiB,WAAW,cAAc,EAAE,SAAS,KAAK,CAAC;EAClE,aAAa,OAAO,oBAAoB,WAAW,YAAY;CACjE,GAAG,CAAC,eAAe,MAAM,CAAC;CAE1B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EACU;EACE;EACI;EACD;EACH;EAKV,WAAWC,oBAAAA,aAAa,WAAW;EAKnC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GACe;GACb,iBAAgB;GAChB,SAAS;GACT,GAAI;GAEF,WAAA,qBACA,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;IAAmB,OAAO;KAAE;KAAS;KAAW;IAAS;IACvD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;KACY;KACV,GAAI,UAAU,QAAQ,EAAE,OAAO,iBAAiB,CAAC;KACjD,MAAK;KACL,GAAI;KAEH;IACI,CAAA;GACU,CAAA;EAEX,CAAA;CACP,CAAA;AAEX,CAAC;AAED,UAAU,UAAUC,yBAAAA;AACpB,UAAU,cAAc;AACxB,UAAU,UAAUC,yBAAAA;AACpB,UAAU,cAAcC,6BAAAA"}

package/cjs/components/ActionBar/ActionBar.context.cjs

@@ -0,0 +1,8 @@
+"use client";
+//#region packages/@mantine/core/src/components/ActionBar/ActionBar.context.ts
+const [ActionBarProvider, useActionBarContext] = require("../../core/utils/create-safe-context/create-safe-context.cjs").createSafeContext("ActionBar component was not found in tree");
+//#endregion
+exports.ActionBarProvider = ActionBarProvider;
+exports.useActionBarContext = useActionBarContext;
+
+//# sourceMappingURL=ActionBar.context.cjs.map

package/cjs/components/ActionBar/ActionBar.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/ActionBar/ActionBar.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { ActionBarFactory } from './ActionBar';\n\nexport interface ActionBarContextValue {\n  onClose?: () => void;\n  getStyles: GetStylesApi<ActionBarFactory>;\n  unstyled: boolean | undefined;\n}\n\nexport const [ActionBarProvider, useActionBarContext] = createSafeContext<ActionBarContextValue>(\n  'ActionBar component was not found in tree'\n);\n"],"mappings":";;AASA,MAAa,CAAC,mBAAmB,6FAAuBA,CAAAA,CAAAA,kBACtD,2CACF"}

package/cjs/components/ActionBar/ActionBar.module.cjs

@@ -0,0 +1,10 @@
+"use client";
+//#region packages/@mantine/core/src/components/ActionBar/ActionBar.module.css
+var ActionBar_module_default = {
+	"root": "m_de09d2d2",
+	"divider": "m_eab73b29"
+};
+//#endregion
+exports.default = ActionBar_module_default;
+
+//# sourceMappingURL=ActionBar.module.cjs.map

package/cjs/components/ActionBar/ActionBar.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.module.cjs","names":[],"sources":["../../../src/components/ActionBar/ActionBar.module.css"],"sourcesContent":[".root {\n  display: flex;\n  align-items: center;\n  gap: var(--mantine-spacing-sm);\n  width: fit-content;\n  margin-inline: auto;\n}\n\n.divider {\n  width: 1px;\n  align-self: stretch;\n  background-color: var(--mantine-color-default-border);\n}\n"],"mappings":""}

package/cjs/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.cjs

@@ -0,0 +1,33 @@
+"use client";
+const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
+const require_factory = require("../../../core/factory/factory.cjs");
+const require_CloseButton = require("../../CloseButton/CloseButton.cjs");
+const require_ActionBar_context = require("../ActionBar.context.cjs");
+const require_ActionBar_module = require("../ActionBar.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/core/src/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.tsx
+const defaultProps = {};
+const ActionBarCloseButton = require_factory.factory((_props) => {
+	const { classNames, className, style, styles, unstyled, onClick, ...others } = require_use_props.useProps("ActionBarCloseButton", defaultProps, _props);
+	const ctx = require_ActionBar_context.useActionBarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButton.CloseButton, {
+		...ctx.getStyles("closeButton", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		unstyled: unstyled ?? ctx.unstyled,
+		...others,
+		onClick: (event) => {
+			onClick?.(event);
+			ctx.onClose?.();
+		}
+	});
+});
+ActionBarCloseButton.classes = require_ActionBar_module.default;
+ActionBarCloseButton.displayName = "@mantine/core/ActionBarCloseButton";
+//#endregion
+exports.ActionBarCloseButton = ActionBarCloseButton;
+
+//# sourceMappingURL=ActionBarCloseButton.cjs.map

package/cjs/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarCloseButton.cjs","names":["factory","useProps","useActionBarContext","CloseButton","classes"],"sources":["../../../../src/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.tsx"],"sourcesContent":["import { type ClassNames, factory, Factory, type Styles, useProps } from '../../../core';\nimport { CloseButton, type CloseButtonProps } from '../../CloseButton';\nimport { useActionBarContext } from '../ActionBar.context';\nimport classes from '../ActionBar.module.css';\n\nexport type ActionBarCloseButtonStylesNames = 'closeButton';\n\nexport interface ActionBarCloseButtonProps extends Omit<\n  CloseButtonProps,\n  'classNames' | 'styles' | 'vars'\n> {\n  /** Classes for the `closeButton` selector of the parent `ActionBar` */\n  classNames?: ClassNames<ActionBarCloseButtonFactory>;\n\n  /** Styles for the `closeButton` selector of the parent `ActionBar` */\n  styles?: Styles<ActionBarCloseButtonFactory>;\n\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport type ActionBarCloseButtonFactory = Factory<{\n  props: ActionBarCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: ActionBarCloseButtonStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ActionBarCloseButtonProps> = {};\n\nexport const ActionBarCloseButton = factory<ActionBarCloseButtonFactory>((_props) => {\n  const props = useProps('ActionBarCloseButton', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, onClick, ...others } = props;\n  const ctx = useActionBarContext();\n\n  return (\n    <CloseButton\n      {...ctx.getStyles('closeButton', { className, style, classNames, styles })}\n      unstyled={unstyled ?? ctx.unstyled}\n      {...others}\n      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        ctx.onClose?.();\n      }}\n    />\n  );\n});\n\nActionBarCloseButton.classes = classes;\nActionBarCloseButton.displayName = '@mantine/core/ActionBarCloseButton';\n"],"mappings":";;;;;;;;AA2BA,MAAM,eAAmD,CAAC;AAE1D,MAAa,uBAAuBA,gBAAAA,SAAsC,WAAW;CAEnF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,SAAS,GAAG,WADtDC,kBAAAA,SAAS,wBAAwB,cAAc,MACsB;CACnF,MAAM,MAAMC,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;EACE,GAAI,IAAI,UAAU,eAAe;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACzE,UAAU,YAAY,IAAI;EAC1B,GAAI;EACJ,UAAU,UAA+C;GACvD,UAAU,KAAK;GACf,IAAI,UAAU;EAChB;CACD,CAAA;AAEL,CAAC;AAED,qBAAqB,UAAUC,yBAAAA;AAC/B,qBAAqB,cAAc"}

package/cjs/components/ActionBar/ActionBarDivider/ActionBarDivider.cjs

@@ -0,0 +1,30 @@
+"use client";
+const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
+const require_factory = require("../../../core/factory/factory.cjs");
+const require_Box = require("../../../core/Box/Box.cjs");
+const require_ActionBar_context = require("../ActionBar.context.cjs");
+const require_ActionBar_module = require("../ActionBar.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/core/src/components/ActionBar/ActionBarDivider/ActionBarDivider.tsx
+const defaultProps = {};
+const ActionBarDivider = require_factory.factory((_props) => {
+	const { classNames, className, style, styles, vars, role, "aria-orientation": ariaOrientation, ...others } = require_use_props.useProps("ActionBarDivider", defaultProps, _props);
+	const ctx = require_ActionBar_context.useActionBarContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		...ctx.getStyles("divider", {
+			className,
+			classNames,
+			style,
+			styles
+		}),
+		role: role ?? "separator",
+		"aria-orientation": ariaOrientation ?? "vertical",
+		...others
+	});
+});
+ActionBarDivider.classes = require_ActionBar_module.default;
+ActionBarDivider.displayName = "@mantine/core/ActionBarDivider";
+//#endregion
+exports.ActionBarDivider = ActionBarDivider;
+
+//# sourceMappingURL=ActionBarDivider.cjs.map

package/cjs/components/ActionBar/ActionBarDivider/ActionBarDivider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarDivider.cjs","names":["factory","useProps","useActionBarContext","Box","classes"],"sources":["../../../../src/components/ActionBar/ActionBarDivider/ActionBarDivider.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useActionBarContext } from '../ActionBar.context';\nimport classes from '../ActionBar.module.css';\n\nexport type ActionBarDividerStylesNames = 'divider';\n\nexport interface ActionBarDividerProps\n  extends BoxProps, CompoundStylesApiProps<ActionBarDividerFactory>, ElementProps<'div'> {}\n\nexport type ActionBarDividerFactory = Factory<{\n  props: ActionBarDividerProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionBarDividerStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<ActionBarDividerProps> = {};\n\nexport const ActionBarDivider = factory<ActionBarDividerFactory>((_props) => {\n  const props = useProps('ActionBarDivider', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    role,\n    'aria-orientation': ariaOrientation,\n    ...others\n  } = props;\n  const ctx = useActionBarContext();\n\n  return (\n    <Box\n      {...ctx.getStyles('divider', { className, classNames, style, styles })}\n      role={role ?? 'separator'}\n      aria-orientation={ariaOrientation ?? 'vertical'}\n      {...others}\n    />\n  );\n});\n\nActionBarDivider.classes = classes;\nActionBarDivider.displayName = '@mantine/core/ActionBarDivider';\n"],"mappings":";;;;;;;;AAwBA,MAAM,eAA+C,CAAC;AAEtD,MAAa,mBAAmBA,gBAAAA,SAAkC,WAAW;CAE3E,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,MACA,oBAAoB,iBACpB,GAAG,WATSC,kBAAAA,SAAS,oBAAoB,cAAc,MAUjD;CACR,MAAM,MAAMC,0BAAAA,oBAAoB;CAEhC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAY;GAAO;EAAO,CAAC;EACrE,MAAM,QAAQ;EACd,oBAAkB,mBAAmB;EACrC,GAAI;CACL,CAAA;AAEL,CAAC;AAED,iBAAiB,UAAUC,yBAAAA;AAC3B,iBAAiB,cAAc"}

package/cjs/components/ActionIcon/ActionIcon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.cjs","names":["createVarsResolver","getSize","getRadius","polymorphicFactory","useProps","useStyles","UnstyledButton","Transition","Box","Loader","classes","ActionIconGroup","ActionIconGroupSection"],"sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getRadius,\n  getSize,\n  MantineColor,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Loader, LoaderProps } from '../Loader';\nimport { Transition } from '../Transition';\nimport { UnstyledButton } from '../UnstyledButton';\nimport {\n  ActionIconGroup,\n  type ActionIconGroupProps,\n  type ActionIconGroupStylesNames,\n  type ActionIconGroupCssVariables,\n  type ActionIconGroupFactory,\n} from './ActionIconGroup/ActionIconGroup';\nimport {\n  ActionIconGroupSection,\n  type ActionIconGroupSectionProps,\n  type ActionIconGroupSectionStylesNames,\n  type ActionIconGroupSectionCssVariables,\n  type ActionIconGroupSectionFactory,\n} from './ActionIconGroupSection/ActionIconGroupSection';\nimport classes from './ActionIcon.module.css';\nexport type ActionIconVariant =\n  | 'filled'\n  | 'light'\n  | 'outline'\n  | 'transparent'\n  | 'white'\n  | 'subtle'\n  | 'default'\n  | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader' | 'icon';\nexport type ActionIconCssVariables = {\n  root:\n    | '--ai-radius'\n    | '--ai-size'\n    | '--ai-bg'\n    | '--ai-hover'\n    | '--ai-hover-color'\n    | '--ai-color'\n    | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n  'data-disabled'?: boolean;\n  __staticSelector?: string;\n\n  /** If set, `Loader` component is displayed instead of the `children` */\n  loading?: boolean;\n\n  /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */\n  loaderProps?: LoaderProps;\n\n  /** Controls width and height of the button. Numbers are converted to rem. @default 'md' */\n  size?: MantineSize | `input-${MantineSize}` | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** Sets `disabled` attribute, prevents interactions */\n  disabled?: boolean;\n\n  /** Icon element */\n  children?: React.ReactNode;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n}\n\nexport type ActionIconFactory = PolymorphicFactory<{\n  props: ActionIconProps;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n  stylesNames: ActionIconStylesNames;\n  variant: ActionIconVariant;\n  vars: ActionIconCssVariables;\n  staticComponents: {\n    Group: typeof ActionIconGroup;\n    GroupSection: typeof ActionIconGroupSection;\n  };\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconFactory>(\n  (theme, { size, radius, variant, gradient, color, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--ai-size': getSize(size, 'ai-size'),\n        '--ai-radius': radius === undefined ? undefined : getRadius(radius),\n        '--ai-bg': color || variant ? colors.background : undefined,\n        '--ai-hover': color || variant ? colors.hover : undefined,\n        '--ai-hover-color': color || variant ? colors.hoverColor : undefined,\n        '--ai-color': colors.color,\n        '--ai-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIcon = polymorphicFactory<ActionIconFactory>((_props) => {\n  const props = useProps('ActionIcon', null, _props);\n  const {\n    className,\n    unstyled,\n    variant,\n    classNames,\n    styles,\n    style,\n    loading,\n    loaderProps,\n    size,\n    color,\n    radius,\n    __staticSelector,\n    gradient,\n    vars,\n    children,\n    disabled,\n    'data-disabled': dataDisabled,\n    autoContrast,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconFactory>({\n    name: ['ActionIcon', __staticSelector],\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n      aria-busy={loading || undefined}\n      {...others}\n      unstyled={unstyled}\n      variant={variant}\n      size={size}\n      disabled={disabled || loading}\n      mod={[{ loading, disabled: disabled || dataDisabled }, mod]}\n    >\n      {typeof loading === 'boolean' && (\n        <Transition mounted={loading} transition=\"slide-down\" duration={150}>\n          {(transitionStyles) => (\n            <Box component=\"span\" {...getStyles('loader', { style: transitionStyles })} aria-hidden>\n              <Loader color=\"var(--ai-color)\" size=\"calc(var(--ai-size) * 0.55)\" {...loaderProps} />\n            </Box>\n          )}\n        </Transition>\n      )}\n\n      <Box component=\"span\" mod={{ loading }} {...getStyles('icon')}>\n        {children}\n      </Box>\n    </UnstyledButton>\n  );\n});\n\nActionIcon.classes = classes;\nActionIcon.varsResolver = varsResolver;\nActionIcon.displayName = '@mantine/core/ActionIcon';\nActionIcon.Group = ActionIconGroup;\nActionIcon.GroupSection = ActionIconGroupSection;\n\nexport namespace ActionIcon {\n  export type Props = ActionIconProps;\n  export type StylesNames = ActionIconStylesNames;\n  export type CssVariables = ActionIconCssVariables;\n  export type Factory = ActionIconFactory;\n\n  export namespace Group {\n    export type Props = ActionIconGroupProps;\n    export type StylesNames = ActionIconGroupStylesNames;\n    export type CssVariables = ActionIconGroupCssVariables;\n    export type Factory = ActionIconGroupFactory;\n  }\n\n  export namespace GroupSection {\n    export type Props = ActionIconGroupSectionProps;\n    export type StylesNames = ActionIconGroupSectionStylesNames;\n    export type CssVariables = ActionIconGroupSectionCssVariables;\n    export type Factory = ActionIconGroupSectionFactory;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqGA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,OAAO,mBAAmB;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,aAAaC,iBAAAA,QAAQ,MAAM,SAAS;EACpC,eAAe,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EAClE,WAAW,SAAS,UAAU,OAAO,aAAa,KAAA;EAClD,cAAc,SAAS,UAAU,OAAO,QAAQ,KAAA;EAChD,oBAAoB,SAAS,UAAU,OAAO,aAAa,KAAA;EAC3D,cAAc,OAAO;EACrB,WAAW,SAAS,UAAU,OAAO,SAAS,KAAA;CAChD,EACF;AACF,CACF;AAEA,MAAa,aAAaC,4BAAAA,oBAAuC,WAAW;CAC1E,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EACJ,WACA,UACA,SACA,YACA,QACA,OACA,SACA,aACA,MACA,OACA,QACA,kBACA,UACA,MACA,UACA,UACA,iBAAiB,cACjB,cACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA6B;EAC7C,MAAM,CAAC,cAAc,gBAAgB;EACrC;EACA;EACA;EACA,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,uBAAAA,gBAAD;EACE,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC;EACxE,aAAW,WAAW,KAAA;EACtB,GAAI;EACM;EACD;EACH;EACN,UAAU,YAAY;EACtB,KAAK,CAAC;GAAE;GAAS,UAAU,YAAY;EAAa,GAAG,GAAG;YAR5D,CAUG,OAAO,YAAY,aAClB,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GAAY,SAAS;GAAS,YAAW;GAAa,UAAU;cAC5D,qBACA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,WAAU;IAAO,GAAI,UAAU,UAAU,EAAE,OAAO,iBAAiB,CAAC;IAAG,eAAA;cAC1E,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;KAAQ,OAAM;KAAkB,MAAK;KAA8B,GAAI;IAAc,CAAA;GAClF,CAAA;EAEG,CAAA,GAGd,iBAAA,GAAA,kBAAA,IAAA,CAACD,YAAAA,KAAD;GAAK,WAAU;GAAO,KAAK,EAAE,QAAQ;GAAG,GAAI,UAAU,MAAM;GACzD;EACE,CAAA,CACS;;AAEpB,CAAC;AAED,WAAW,UAAUE,0BAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,QAAQC,wBAAAA;AACnB,WAAW,eAAeC,+BAAAA"}
+{"version":3,"file":"ActionIcon.cjs","names":["createVarsResolver","getSize","getRadius","polymorphicFactory","useProps","useStyles","UnstyledButton","Transition","Box","Loader","classes","ActionIconGroup","ActionIconGroupSection"],"sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getRadius,\n  getSize,\n  MantineColor,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Loader, LoaderProps } from '../Loader';\nimport { Transition } from '../Transition';\nimport { UnstyledButton } from '../UnstyledButton';\nimport {\n  ActionIconGroup,\n  type ActionIconGroupProps,\n  type ActionIconGroupStylesNames,\n  type ActionIconGroupCssVariables,\n  type ActionIconGroupFactory,\n} from './ActionIconGroup/ActionIconGroup';\nimport {\n  ActionIconGroupSection,\n  type ActionIconGroupSectionProps,\n  type ActionIconGroupSectionStylesNames,\n  type ActionIconGroupSectionCssVariables,\n  type ActionIconGroupSectionFactory,\n} from './ActionIconGroupSection/ActionIconGroupSection';\nimport classes from './ActionIcon.module.css';\nexport type ActionIconVariant =\n  | 'filled'\n  | 'light'\n  | 'outline'\n  | 'transparent'\n  | 'white'\n  | 'subtle'\n  | 'default'\n  | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader' | 'icon';\nexport type ActionIconCssVariables = {\n  root:\n    | '--ai-radius'\n    | '--ai-size'\n    | '--ai-bg'\n    | '--ai-hover'\n    | '--ai-hover-color'\n    | '--ai-color'\n    | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n  'data-disabled'?: boolean;\n  __staticSelector?: string;\n\n  /** If set, `Loader` component is displayed instead of the `children` */\n  loading?: boolean;\n\n  /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */\n  loaderProps?: LoaderProps;\n\n  /** Controls width and height of the button. Numbers are converted to rem. @default 'md' */\n  size?: MantineSize | `input-${MantineSize}` | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** Sets `disabled` attribute, prevents interactions */\n  disabled?: boolean;\n\n  /** Icon element */\n  children?: React.ReactNode;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n}\n\nexport type ActionIconFactory = PolymorphicFactory<{\n  props: ActionIconProps;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n  stylesNames: ActionIconStylesNames;\n  variant: ActionIconVariant;\n  vars: ActionIconCssVariables;\n  staticComponents: {\n    Group: typeof ActionIconGroup;\n    GroupSection: typeof ActionIconGroupSection;\n  };\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconFactory>(\n  (theme, { size, radius, variant, gradient, color, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--ai-size': getSize(size, 'ai-size'),\n        '--ai-radius': radius === undefined ? undefined : getRadius(radius),\n        '--ai-bg': color || variant ? colors.background : undefined,\n        '--ai-hover': color || variant ? colors.hover : undefined,\n        '--ai-hover-color': color || variant ? colors.hoverColor : undefined,\n        '--ai-color': colors.color,\n        '--ai-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIcon = polymorphicFactory<ActionIconFactory>((_props) => {\n  const props = useProps('ActionIcon', null, _props);\n  const {\n    className,\n    unstyled,\n    variant,\n    classNames,\n    styles,\n    style,\n    loading,\n    loaderProps,\n    size,\n    color,\n    radius,\n    __staticSelector,\n    gradient,\n    vars,\n    children,\n    disabled,\n    'data-disabled': dataDisabled,\n    autoContrast,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconFactory>({\n    name: ['ActionIcon', __staticSelector],\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n      aria-busy={loading || undefined}\n      {...others}\n      unstyled={unstyled}\n      variant={variant}\n      size={size}\n      disabled={disabled || loading}\n      mod={[{ loading, disabled: disabled || dataDisabled }, mod]}\n    >\n      {typeof loading === 'boolean' && (\n        <Transition mounted={loading} transition=\"slide-down\" duration={150}>\n          {(transitionStyles) => (\n            <Box component=\"span\" {...getStyles('loader', { style: transitionStyles })} aria-hidden>\n              <Loader color=\"var(--ai-color)\" size=\"calc(var(--ai-size) * 0.55)\" {...loaderProps} />\n            </Box>\n          )}\n        </Transition>\n      )}\n\n      <Box component=\"span\" mod={{ loading }} {...getStyles('icon')}>\n        {children}\n      </Box>\n    </UnstyledButton>\n  );\n});\n\nActionIcon.classes = classes;\nActionIcon.varsResolver = varsResolver;\nActionIcon.displayName = '@mantine/core/ActionIcon';\nActionIcon.Group = ActionIconGroup;\nActionIcon.GroupSection = ActionIconGroupSection;\n\nexport namespace ActionIcon {\n  export type Props = ActionIconProps;\n  export type StylesNames = ActionIconStylesNames;\n  export type CssVariables = ActionIconCssVariables;\n  export type Factory = ActionIconFactory;\n\n  export namespace Group {\n    export type Props = ActionIconGroupProps;\n    export type StylesNames = ActionIconGroupStylesNames;\n    export type CssVariables = ActionIconGroupCssVariables;\n    export type Factory = ActionIconGroupFactory;\n  }\n\n  export namespace GroupSection {\n    export type Props = ActionIconGroupSectionProps;\n    export type StylesNames = ActionIconGroupSectionStylesNames;\n    export type CssVariables = ActionIconGroupSectionCssVariables;\n    export type Factory = ActionIconGroupSectionFactory;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqGA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,OAAO,mBAAmB;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,aAAaC,iBAAAA,QAAQ,MAAM,SAAS;EACpC,eAAe,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EAClE,WAAW,SAAS,UAAU,OAAO,aAAa,KAAA;EAClD,cAAc,SAAS,UAAU,OAAO,QAAQ,KAAA;EAChD,oBAAoB,SAAS,UAAU,OAAO,aAAa,KAAA;EAC3D,cAAc,OAAO;EACrB,WAAW,SAAS,UAAU,OAAO,SAAS,KAAA;CAChD,EACF;AACF,CACF;AAEA,MAAa,aAAaC,4BAAAA,oBAAuC,WAAW;CAC1E,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EACJ,WACA,UACA,SACA,YACA,QACA,OACA,SACA,aACA,MACA,OACA,QACA,kBACA,UACA,MACA,UACA,UACA,iBAAiB,cACjB,cACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA6B;EAC7C,MAAM,CAAC,cAAc,gBAAgB;EACrC;EACA;EACA;EACA,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,uBAAAA,gBAAD;EACE,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC;EACxE,aAAW,WAAW,KAAA;EACtB,GAAI;EACM;EACD;EACH;EACN,UAAU,YAAY;EACtB,KAAK,CAAC;GAAE;GAAS,UAAU,YAAY;EAAa,GAAG,GAAG;EAR5D,UAAA,CAUG,OAAO,YAAY,aAClB,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;GAAY,SAAS;GAAS,YAAW;GAAa,UAAU;GAC5D,WAAA,qBACA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;IAAK,WAAU;IAAO,GAAI,UAAU,UAAU,EAAE,OAAO,iBAAiB,CAAC;IAAG,eAAA;IAC1E,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;KAAQ,OAAM;KAAkB,MAAK;KAA8B,GAAI;IAAc,CAAA;GAClF,CAAA;EAEG,CAAA,GAGd,iBAAA,GAAA,kBAAA,IAAA,CAACD,YAAAA,KAAD;GAAK,WAAU;GAAO,KAAK,EAAE,QAAQ;GAAG,GAAI,UAAU,MAAM;GACzD;EACE,CAAA,CACS;;AAEpB,CAAC;AAED,WAAW,UAAUE,0BAAAA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,QAAQC,wBAAAA;AACnB,WAAW,eAAeC,+BAAAA"}

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.cjs

@@ -13,23 +13,24 @@ const varsResolver = require_create_vars_resolver.createVarsResolver((_, { borde
 const ActionIconGroup = require_factory.factory((_props) => {
 	const props = require_use_props.useProps("ActionIconGroup", defaultProps, _props);
 	const { className, style, classNames, styles, unstyled, orientation, vars, borderWidth, variant, mod, attributes, ...others } = props;
+	const getStyles = require_use_styles.useStyles({
+		name: "ActionIconGroup",
+		props,
+		classes: require_ActionIcon_module.default,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver,
+		rootSelector: "group"
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		...require_use_styles.useStyles({
-			name: "ActionIconGroup",
-			props,
-			classes: require_ActionIcon_module.default,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
-			varsResolver,
-			rootSelector: "group"
-		})("group"),
+		...getStyles("group"),
 		variant,
-		mod: [{ "data-orientation": orientation }, mod],
+		mod: [{ orientation }, mod],
 		role: "group",
 		...others
 	});

package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIconGroup.cjs","names":["createVarsResolver","rem","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupStylesNames = 'group';\nexport type ActionIconGroupCssVariables = {\n  group: '--ai-border-width';\n};\n\nexport interface ActionIconGroupProps\n  extends BoxProps, StylesApiProps<ActionIconGroupFactory>, ElementProps<'div'> {\n  /** `ActionIcon` and `ActionIcon.GroupSection` components only */\n  children?: React.ReactNode;\n\n  /** Group orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child components. @default 1 */\n  borderWidth?: number | string;\n}\n\nexport type ActionIconGroupFactory = Factory<{\n  props: ActionIconGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupStylesNames;\n  vars: ActionIconGroupCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n} satisfies Partial<ActionIconGroupProps>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupFactory>((_, { borderWidth }) => ({\n  group: { '--ai-border-width': rem(borderWidth) },\n}));\n\nexport const ActionIconGroup = factory<ActionIconGroupFactory>((_props) => {\n  const props = useProps('ActionIconGroup', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    orientation,\n    vars,\n    borderWidth,\n    variant,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupFactory>({\n    name: 'ActionIconGroup',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'group',\n  });\n\n  return (\n    <Box\n      {...getStyles('group')}\n      variant={variant}\n      mod={[{ 'data-orientation': orientation }, mod]}\n      role=\"group\"\n      {...others}\n    />\n  );\n});\n\nActionIconGroup.classes = classes;\nActionIconGroup.varsResolver = varsResolver;\nActionIconGroup.displayName = '@mantine/core/ActionIconGroup';\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAeA,6BAAAA,oBAA4C,GAAG,EAAE,mBAAmB,EACvF,OAAO,EAAE,qBAAqBC,YAAAA,IAAI,WAAW,EAAE,EACjD,EAAE;AAEF,MAAa,kBAAkBC,gBAAAA,SAAiC,WAAW;CACzE,MAAM,QAAQC,kBAAAA,SAAS,mBAAmB,cAAc,MAAM;CAC9D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,SACA,KACA,YACA,GAAG,WACD;CAiBJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAjBcC,mBAAAA,UAAkC;GAClD,MAAM;GACN;GACA,SAAA,0BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,OAAO;EACZ;EACT,KAAK,CAAC,EAAE,oBAAoB,YAAY,GAAG,GAAG;EAC9C,MAAK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,gBAAgB,UAAUC,0BAAAA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}
+{"version":3,"file":"ActionIconGroup.cjs","names":["createVarsResolver","rem","factory","useProps","useStyles","Box","classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupStylesNames = 'group';\nexport type ActionIconGroupCssVariables = {\n  group: '--ai-border-width';\n};\n\nexport interface ActionIconGroupProps\n  extends BoxProps, StylesApiProps<ActionIconGroupFactory>, ElementProps<'div'> {\n  /** `ActionIcon` and `ActionIcon.GroupSection` components only */\n  children?: React.ReactNode;\n\n  /** Group orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child components. @default 1 */\n  borderWidth?: number | string;\n}\n\nexport type ActionIconGroupFactory = Factory<{\n  props: ActionIconGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupStylesNames;\n  vars: ActionIconGroupCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n} satisfies Partial<ActionIconGroupProps>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupFactory>((_, { borderWidth }) => ({\n  group: { '--ai-border-width': rem(borderWidth) },\n}));\n\nexport const ActionIconGroup = factory<ActionIconGroupFactory>((_props) => {\n  const props = useProps('ActionIconGroup', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    orientation,\n    vars,\n    borderWidth,\n    variant,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupFactory>({\n    name: 'ActionIconGroup',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'group',\n  });\n\n  return (\n    <Box\n      {...getStyles('group')}\n      variant={variant}\n      mod={[{ orientation }, mod]}\n      role=\"group\"\n      {...others}\n    />\n  );\n});\n\nActionIconGroup.classes = classes;\nActionIconGroup.varsResolver = varsResolver;\nActionIconGroup.displayName = '@mantine/core/ActionIconGroup';\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAeA,6BAAAA,oBAA4C,GAAG,EAAE,mBAAmB,EACvF,OAAO,EAAE,qBAAqBC,YAAAA,IAAI,WAAW,EAAE,EACjD,EAAE;AAEF,MAAa,kBAAkBC,gBAAAA,SAAiC,WAAW;CACzE,MAAM,QAAQC,kBAAAA,SAAS,mBAAmB,cAAc,MAAM;CAC9D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,SACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAkC;EAClD,MAAM;EACN;EACA,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,OAAO;EACZ;EACT,KAAK,CAAC,EAAE,YAAY,GAAG,GAAG;EAC1B,MAAK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,gBAAgB,UAAUC,0BAAAA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}

package/cjs/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.cjs

@@ -29,21 +29,22 @@ const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { r
 const ActionIconGroupSection = require_factory.factory((_props) => {
 	const props = require_use_props.useProps("ActionIconGroupSection", null, _props);
 	const { className, style, classNames, styles, unstyled, vars, variant, gradient, radius, autoContrast, attributes, ...others } = props;
+	const getStyles = require_use_styles.useStyles({
+		name: "ActionIconGroupSection",
+		props,
+		classes: require_ActionIcon_module.default,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver,
+		rootSelector: "groupSection"
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
-		...require_use_styles.useStyles({
-			name: "ActionIconGroupSection",
-			props,
-			classes: require_ActionIcon_module.default,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
-			varsResolver,
-			rootSelector: "groupSection"
-		})("groupSection"),
+		...getStyles("groupSection"),
 		variant,
 		...others
 	});

package/cjs/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIconGroupSection.cjs","names":["createVarsResolver","getSize","getFontSize","getRadius","factory","useProps","Box","useStyles","classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  getRadius,\n  getSize,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport type { ActionIconVariant } from '../ActionIcon';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupSectionStylesNames = 'groupSection';\nexport type ActionIconGroupSectionCssVariables = {\n  groupSection:\n    | '--section-radius'\n    | '--section-bg'\n    | '--section-color'\n    | '--section-bd'\n    | '--section-height'\n    | '--section-padding-x'\n    | '--section-fz';\n};\n\nexport interface ActionIconGroupSectionProps\n  extends BoxProps, StylesApiProps<ActionIconGroupSectionFactory>, ElementProps<'div'> {\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Controls section `height`, `font-size` and horizontal `padding` @default 'sm' */\n  size?: MantineSize | (string & {}) | number;\n}\n\nexport type ActionIconGroupSectionFactory = Factory<{\n  props: ActionIconGroupSectionProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupSectionStylesNames;\n  vars: ActionIconGroupSectionCssVariables;\n  variant: ActionIconVariant;\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupSectionFactory>(\n  (theme, { radius, color, gradient, variant, autoContrast, size }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      groupSection: {\n        '--section-height': getSize(size, 'section-height'),\n        '--section-padding-x': getSize(size, 'section-padding-x'),\n        '--section-fz': getFontSize(size),\n        '--section-radius': radius === undefined ? undefined : getRadius(radius),\n        '--section-bg': color || variant ? colors.background : undefined,\n        '--section-color': colors.color,\n        '--section-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIconGroupSection = factory<ActionIconGroupSectionFactory>((_props) => {\n  const props = useProps('ActionIconGroupSection', null, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    variant,\n    gradient,\n    radius,\n    autoContrast,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupSectionFactory>({\n    name: 'ActionIconGroupSection',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'groupSection',\n  });\n\n  return <Box {...getStyles('groupSection')} variant={variant} {...others} />;\n});\n\nActionIconGroupSection.classes = classes;\nActionIconGroupSection.varsResolver = varsResolver;\nActionIconGroupSection.displayName = '@mantine/core/ActionIconGroupSection';\n"],"mappings":";;;;;;;;;;AAuDA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,cAAc,WAAW;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,cAAc;EACZ,oBAAoBC,iBAAAA,QAAQ,MAAM,gBAAgB;EAClD,uBAAuBA,iBAAAA,QAAQ,MAAM,mBAAmB;EACxD,gBAAgBC,iBAAAA,YAAY,IAAI;EAChC,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACvE,gBAAgB,SAAS,UAAU,OAAO,aAAa,KAAA;EACvD,mBAAmB,OAAO;EAC1B,gBAAgB,SAAS,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,yBAAyBC,gBAAAA,SAAwC,WAAW;CACvF,MAAM,QAAQC,kBAAAA,SAAS,0BAA0B,MAAM,MAAM;CAC7D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,MACA,SACA,UACA,QACA,cACA,YACA,GAAG,WACD;CAiBJ,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAfMC,mBAAAA,UAAyC;GACzD,MAAM;GACN;GACA,SAAA,0BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAEwB,CAAC,CAAC,cAAc;EAAY;EAAS,GAAI;CAAS,CAAA;AAC5E,CAAC;AAED,uBAAuB,UAAUC,0BAAAA;AACjC,uBAAuB,eAAe;AACtC,uBAAuB,cAAc"}
+{"version":3,"file":"ActionIconGroupSection.cjs","names":["createVarsResolver","getSize","getFontSize","getRadius","factory","useProps","useStyles","Box","classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  getRadius,\n  getSize,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport type { ActionIconVariant } from '../ActionIcon';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupSectionStylesNames = 'groupSection';\nexport type ActionIconGroupSectionCssVariables = {\n  groupSection:\n    | '--section-radius'\n    | '--section-bg'\n    | '--section-color'\n    | '--section-bd'\n    | '--section-height'\n    | '--section-padding-x'\n    | '--section-fz';\n};\n\nexport interface ActionIconGroupSectionProps\n  extends BoxProps, StylesApiProps<ActionIconGroupSectionFactory>, ElementProps<'div'> {\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Controls section `height`, `font-size` and horizontal `padding` @default 'sm' */\n  size?: MantineSize | (string & {}) | number;\n}\n\nexport type ActionIconGroupSectionFactory = Factory<{\n  props: ActionIconGroupSectionProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupSectionStylesNames;\n  vars: ActionIconGroupSectionCssVariables;\n  variant: ActionIconVariant;\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupSectionFactory>(\n  (theme, { radius, color, gradient, variant, autoContrast, size }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      groupSection: {\n        '--section-height': getSize(size, 'section-height'),\n        '--section-padding-x': getSize(size, 'section-padding-x'),\n        '--section-fz': getFontSize(size),\n        '--section-radius': radius === undefined ? undefined : getRadius(radius),\n        '--section-bg': color || variant ? colors.background : undefined,\n        '--section-color': colors.color,\n        '--section-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIconGroupSection = factory<ActionIconGroupSectionFactory>((_props) => {\n  const props = useProps('ActionIconGroupSection', null, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    variant,\n    gradient,\n    radius,\n    autoContrast,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupSectionFactory>({\n    name: 'ActionIconGroupSection',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'groupSection',\n  });\n\n  return <Box {...getStyles('groupSection')} variant={variant} {...others} />;\n});\n\nActionIconGroupSection.classes = classes;\nActionIconGroupSection.varsResolver = varsResolver;\nActionIconGroupSection.displayName = '@mantine/core/ActionIconGroupSection';\n"],"mappings":";;;;;;;;;;AAuDA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,cAAc,WAAW;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,cAAc;EACZ,oBAAoBC,iBAAAA,QAAQ,MAAM,gBAAgB;EAClD,uBAAuBA,iBAAAA,QAAQ,MAAM,mBAAmB;EACxD,gBAAgBC,iBAAAA,YAAY,IAAI;EAChC,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACvE,gBAAgB,SAAS,UAAU,OAAO,aAAa,KAAA;EACvD,mBAAmB,OAAO;EAC1B,gBAAgB,SAAS,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,yBAAyBC,gBAAAA,SAAwC,WAAW;CACvF,MAAM,QAAQC,kBAAAA,SAAS,0BAA0B,MAAM,MAAM;CAC7D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,MACA,SACA,UACA,QACA,cACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAyC;EACzD,MAAM;EACN;EACA,SAAA,0BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAAI,UAAU,cAAc;EAAY;EAAS,GAAI;CAAS,CAAA;AAC5E,CAAC;AAED,uBAAuB,UAAUC,0BAAAA;AACjC,uBAAuB,eAAe;AACtC,uBAAuB,cAAc"}

package/cjs/components/Affix/Affix.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Affix.cjs","names":["getDefaultZIndex","createVarsResolver","getSpacing","factory","useProps","useStyles","OptionalPortal","Box","classes"],"sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  getSpacing,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { BasePortalProps, OptionalPortal } from '../Portal';\nimport classes from './Affix.module.css';\n\nexport type AffixStylesNames = 'root';\nexport type AffixCssVariables = {\n  root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';\n};\n\nexport interface AffixPosition {\n  top?: MantineSize | (string & {}) | number;\n  left?: MantineSize | (string & {}) | number;\n  bottom?: MantineSize | (string & {}) | number;\n  right?: MantineSize | (string & {}) | number;\n}\n\nexport interface AffixBaseProps {\n  /** Root element `z-index` property @default 200  */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Determines whether the component is rendered within `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** Props passed down to the `Portal` component. Ignored when `withinPortal` is `false`. */\n  portalProps?: BasePortalProps;\n\n  /** Affix position on screen @default { bottom: 0, right: 0 } */\n  position?: AffixPosition;\n}\n\nexport interface AffixProps\n  extends BoxProps, AffixBaseProps, StylesApiProps<AffixFactory>, ElementProps<'div'> {}\n\nexport type AffixFactory = Factory<{\n  props: AffixProps;\n  ref: HTMLDivElement;\n  stylesNames: AffixStylesNames;\n  vars: AffixCssVariables;\n}>;\n\nconst defaultProps = {\n  position: { bottom: 0, right: 0 },\n  zIndex: getDefaultZIndex('modal'),\n  withinPortal: true,\n} satisfies Partial<AffixProps>;\n\nconst varsResolver = createVarsResolver<AffixFactory>((_, { zIndex, position }) => ({\n  root: {\n    '--affix-z-index': zIndex?.toString(),\n    '--affix-top': getSpacing(position?.top),\n    '--affix-left': getSpacing(position?.left),\n    '--affix-bottom': getSpacing(position?.bottom),\n    '--affix-right': getSpacing(position?.right),\n  },\n}));\n\nexport const Affix = factory<AffixFactory>((_props) => {\n  const props = useProps('Affix', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    portalProps,\n    zIndex,\n    withinPortal,\n    position,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<AffixFactory>({\n    name: 'Affix',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      <Box {...getStyles('root')} {...others} />\n    </OptionalPortal>\n  );\n});\n\nAffix.classes = classes;\nAffix.varsResolver = varsResolver;\nAffix.displayName = '@mantine/core/Affix';\n\nexport namespace Affix {\n  export type Props = AffixProps;\n  export type StylesNames = AffixStylesNames;\n  export type CssVariables = AffixCssVariables;\n  export type Factory = AffixFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAqDA,MAAM,eAAe;CACnB,UAAU;EAAE,QAAQ;EAAG,OAAO;CAAE;CAChC,QAAQA,4BAAAA,iBAAiB,OAAO;CAChC,cAAc;AAChB;AAEA,MAAM,eAAeC,6BAAAA,oBAAkC,GAAG,EAAE,QAAQ,gBAAgB,EAClF,MAAM;CACJ,mBAAmB,QAAQ,SAAS;CACpC,eAAeC,iBAAAA,WAAW,UAAU,GAAG;CACvC,gBAAgBA,iBAAAA,WAAW,UAAU,IAAI;CACzC,kBAAkBA,iBAAAA,WAAW,UAAU,MAAM;CAC7C,iBAAiBA,iBAAAA,WAAW,UAAU,KAAK;AAC7C,EACF,EAAE;AAEF,MAAa,QAAQC,gBAAAA,SAAuB,WAAW;CACrD,MAAM,QAAQC,kBAAAA,SAAS,SAAS,cAAc,MAAM;CACpD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,aACA,QACA,cACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAwB;EACxC,MAAM;EACN,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD;EAAgB,GAAI;EAA2B;YAC7C,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,GAAI;EAAS,CAAA;CAC3B,CAAA;AAEpB,CAAC;AAED,MAAM,UAAUC,qBAAAA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}
+{"version":3,"file":"Affix.cjs","names":["getDefaultZIndex","createVarsResolver","getSpacing","factory","useProps","useStyles","OptionalPortal","Box","classes"],"sources":["../../../src/components/Affix/Affix.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  getSpacing,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { BasePortalProps, OptionalPortal } from '../Portal';\nimport classes from './Affix.module.css';\n\nexport type AffixStylesNames = 'root';\nexport type AffixCssVariables = {\n  root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';\n};\n\nexport interface AffixPosition {\n  top?: MantineSize | (string & {}) | number;\n  left?: MantineSize | (string & {}) | number;\n  bottom?: MantineSize | (string & {}) | number;\n  right?: MantineSize | (string & {}) | number;\n}\n\nexport interface AffixBaseProps {\n  /** Root element `z-index` property @default 200  */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Determines whether the component is rendered within `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** Props passed down to the `Portal` component. Ignored when `withinPortal` is `false`. */\n  portalProps?: BasePortalProps;\n\n  /** Affix position on screen @default { bottom: 0, right: 0 } */\n  position?: AffixPosition;\n}\n\nexport interface AffixProps\n  extends BoxProps, AffixBaseProps, StylesApiProps<AffixFactory>, ElementProps<'div'> {}\n\nexport type AffixFactory = Factory<{\n  props: AffixProps;\n  ref: HTMLDivElement;\n  stylesNames: AffixStylesNames;\n  vars: AffixCssVariables;\n}>;\n\nconst defaultProps = {\n  position: { bottom: 0, right: 0 },\n  zIndex: getDefaultZIndex('modal'),\n  withinPortal: true,\n} satisfies Partial<AffixProps>;\n\nconst varsResolver = createVarsResolver<AffixFactory>((_, { zIndex, position }) => ({\n  root: {\n    '--affix-z-index': zIndex?.toString(),\n    '--affix-top': getSpacing(position?.top),\n    '--affix-left': getSpacing(position?.left),\n    '--affix-bottom': getSpacing(position?.bottom),\n    '--affix-right': getSpacing(position?.right),\n  },\n}));\n\nexport const Affix = factory<AffixFactory>((_props) => {\n  const props = useProps('Affix', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    portalProps,\n    zIndex,\n    withinPortal,\n    position,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<AffixFactory>({\n    name: 'Affix',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n      <Box {...getStyles('root')} {...others} />\n    </OptionalPortal>\n  );\n});\n\nAffix.classes = classes;\nAffix.varsResolver = varsResolver;\nAffix.displayName = '@mantine/core/Affix';\n\nexport namespace Affix {\n  export type Props = AffixProps;\n  export type StylesNames = AffixStylesNames;\n  export type CssVariables = AffixCssVariables;\n  export type Factory = AffixFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAqDA,MAAM,eAAe;CACnB,UAAU;EAAE,QAAQ;EAAG,OAAO;CAAE;CAChC,QAAQA,4BAAAA,iBAAiB,OAAO;CAChC,cAAc;AAChB;AAEA,MAAM,eAAeC,6BAAAA,oBAAkC,GAAG,EAAE,QAAQ,gBAAgB,EAClF,MAAM;CACJ,mBAAmB,QAAQ,SAAS;CACpC,eAAeC,iBAAAA,WAAW,UAAU,GAAG;CACvC,gBAAgBA,iBAAAA,WAAW,UAAU,IAAI;CACzC,kBAAkBA,iBAAAA,WAAW,UAAU,MAAM;CAC7C,iBAAiBA,iBAAAA,WAAW,UAAU,KAAK;AAC7C,EACF,EAAE;AAEF,MAAa,QAAQC,gBAAAA,SAAuB,WAAW;CACrD,MAAM,QAAQC,kBAAAA,SAAS,SAAS,cAAc,MAAM;CACpD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,aACA,QACA,cACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAwB;EACxC,MAAM;EACN,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD;EAAgB,GAAI;EAA2B;EAC7C,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,GAAI;EAAS,CAAA;CAC3B,CAAA;AAEpB,CAAC;AAED,MAAM,UAAUC,qBAAAA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}

package/cjs/components/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","names":["createVarsResolver","getRadius","factory","useProps","useStyles","Box","CloseButton","classes"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport classes from './Alert.module.css';\n\nexport type AlertStylesNames =\n  | 'root'\n  | 'body'\n  | 'label'\n  | 'title'\n  | 'icon'\n  | 'wrapper'\n  | 'message'\n  | 'closeButton';\nexport type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';\nexport type AlertCssVariables = {\n  root: '--alert-radius' | '--alert-bg' | '--alert-color' | '--alert-bd';\n};\n\nexport interface AlertProps\n  extends BoxProps, StylesApiProps<AlertFactory>, ElementProps<'div', 'title'> {\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Key of `theme.colors` or any valid CSS color @default theme.primaryColor  */\n  color?: MantineColor;\n\n  /** Alert title */\n  title?: React.ReactNode;\n\n  /** Icon displayed next to the title */\n  icon?: React.ReactNode;\n\n  /** Determines whether close button should be displayed @default false */\n  withCloseButton?: boolean;\n\n  /** Called when the close button is clicked */\n  onClose?: () => void;\n\n  /** Close button `aria-label` */\n  closeButtonLabel?: string;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n}\n\nexport type AlertFactory = Factory<{\n  props: AlertProps;\n  ref: HTMLDivElement;\n  stylesNames: AlertStylesNames;\n  vars: AlertCssVariables;\n  variant: AlertVariant;\n}>;\n\nconst varsResolver = createVarsResolver<AlertFactory>(\n  (theme, { radius, color, variant, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--alert-radius': radius === undefined ? undefined : getRadius(radius),\n        '--alert-bg': color || variant ? colors.background : undefined,\n        '--alert-color': colors.color,\n        '--alert-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const Alert = factory<AlertFactory>((_props) => {\n  const props = useProps('Alert', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    radius,\n    color,\n    title,\n    children,\n    id,\n    icon,\n    withCloseButton,\n    onClose,\n    closeButtonLabel,\n    variant,\n    autoContrast,\n    role,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<AlertFactory>({\n    name: 'Alert',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const rootId = useId(id);\n  const titleId = (title && `${rootId}-title`) || undefined;\n  const bodyId = `${rootId}-body`;\n\n  return (\n    <Box\n      id={rootId}\n      {...getStyles('root', { variant })}\n      variant={variant}\n      {...others}\n      role={role || 'alert'}\n      aria-describedby={children ? bodyId : undefined}\n      aria-labelledby={title ? titleId : undefined}\n    >\n      <div {...getStyles('wrapper')}>\n        {icon && <div {...getStyles('icon')}>{icon}</div>}\n\n        <div {...getStyles('body')}>\n          {title && (\n            <div {...getStyles('title')} data-with-close-button={withCloseButton || undefined}>\n              <span id={titleId} {...getStyles('label')}>\n                {title}\n              </span>\n            </div>\n          )}\n\n          {children && (\n            <div id={bodyId} {...getStyles('message')} data-variant={variant}>\n              {children}\n            </div>\n          )}\n        </div>\n\n        {withCloseButton && (\n          <CloseButton\n            {...getStyles('closeButton')}\n            onClick={onClose}\n            variant=\"transparent\"\n            size={16}\n            iconSize={16}\n            aria-label={closeButtonLabel}\n            unstyled={unstyled}\n          />\n        )}\n      </div>\n    </Box>\n  );\n});\n\nAlert.classes = classes;\nAlert.varsResolver = varsResolver;\nAlert.displayName = '@mantine/core/Alert';\n\nexport namespace Alert {\n  export type Props = AlertProps;\n  export type StylesNames = AlertStylesNames;\n  export type CssVariables = AlertCssVariables;\n  export type Factory = AlertFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAmEA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,SAAS,mBAAmB;CACnD,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,kBAAkB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACrE,cAAc,SAAS,UAAU,OAAO,aAAa,KAAA;EACrD,iBAAiB,OAAO;EACxB,cAAc,SAAS,UAAU,OAAO,SAAS,KAAA;CACnD,EACF;AACF,CACF;AAEA,MAAa,QAAQC,gBAAAA,SAAuB,WAAW;CACrD,MAAM,QAAQC,kBAAAA,SAAS,SAAS,MAAM,MAAM;CAC5C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,OACA,OACA,UACA,IACA,MACA,iBACA,SACA,kBACA,SACA,cACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAwB;EACxC,MAAM;EACN,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,UAAA,GAAA,eAAA,MAAA,CAAe,EAAE;CACvB,MAAM,UAAW,SAAS,GAAG,OAAO,WAAY,KAAA;CAChD,MAAM,SAAS,GAAG,OAAO;CAEzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,IAAI;EACJ,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;EACxB;EACT,GAAI;EACJ,MAAM,QAAQ;EACd,oBAAkB,WAAW,SAAS,KAAA;EACtC,mBAAiB,QAAQ,UAAU,KAAA;YAEnC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,GAAI,UAAU,SAAS;aAA5B;IACG,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,GAAI,UAAU,MAAM;eAAI;IAAU,CAAA;IAEhD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,GAAI,UAAU,MAAM;eAAzB,CACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,GAAI,UAAU,OAAO;MAAG,0BAAwB,mBAAmB,KAAA;gBACtE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,IAAI;OAAS,GAAI,UAAU,OAAO;iBACrC;MACG,CAAA;KACH,CAAA,GAGN,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,IAAI;MAAQ,GAAI,UAAU,SAAS;MAAG,gBAAc;MACtD;KACE,CAAA,CAEJ;;IAEJ,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;KACE,GAAI,UAAU,aAAa;KAC3B,SAAS;KACT,SAAQ;KACR,MAAM;KACN,UAAU;KACV,cAAY;KACF;IACX,CAAA;GAEA;;CACF,CAAA;AAET,CAAC;AAED,MAAM,UAAUC,qBAAAA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}
+{"version":3,"file":"Alert.cjs","names":["createVarsResolver","getRadius","factory","useProps","useStyles","useId","Box","CloseButton","classes"],"sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport classes from './Alert.module.css';\n\nexport type AlertStylesNames =\n  | 'root'\n  | 'body'\n  | 'label'\n  | 'title'\n  | 'icon'\n  | 'wrapper'\n  | 'message'\n  | 'closeButton';\nexport type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';\nexport type AlertCssVariables = {\n  root: '--alert-radius' | '--alert-bg' | '--alert-color' | '--alert-bd';\n};\n\nexport interface AlertProps\n  extends BoxProps, StylesApiProps<AlertFactory>, ElementProps<'div', 'title'> {\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Key of `theme.colors` or any valid CSS color @default theme.primaryColor  */\n  color?: MantineColor;\n\n  /** Alert title */\n  title?: React.ReactNode;\n\n  /** Icon displayed next to the title */\n  icon?: React.ReactNode;\n\n  /** Determines whether close button should be displayed @default false */\n  withCloseButton?: boolean;\n\n  /** Called when the close button is clicked */\n  onClose?: () => void;\n\n  /** Close button `aria-label` */\n  closeButtonLabel?: string;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n}\n\nexport type AlertFactory = Factory<{\n  props: AlertProps;\n  ref: HTMLDivElement;\n  stylesNames: AlertStylesNames;\n  vars: AlertCssVariables;\n  variant: AlertVariant;\n}>;\n\nconst varsResolver = createVarsResolver<AlertFactory>(\n  (theme, { radius, color, variant, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--alert-radius': radius === undefined ? undefined : getRadius(radius),\n        '--alert-bg': color || variant ? colors.background : undefined,\n        '--alert-color': colors.color,\n        '--alert-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const Alert = factory<AlertFactory>((_props) => {\n  const props = useProps('Alert', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    radius,\n    color,\n    title,\n    children,\n    id,\n    icon,\n    withCloseButton,\n    onClose,\n    closeButtonLabel,\n    variant,\n    autoContrast,\n    role,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<AlertFactory>({\n    name: 'Alert',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const rootId = useId(id);\n  const titleId = (title && `${rootId}-title`) || undefined;\n  const bodyId = `${rootId}-body`;\n\n  return (\n    <Box\n      id={rootId}\n      {...getStyles('root', { variant })}\n      variant={variant}\n      {...others}\n      role={role || 'alert'}\n      aria-describedby={children ? bodyId : undefined}\n      aria-labelledby={title ? titleId : undefined}\n    >\n      <div {...getStyles('wrapper')}>\n        {icon && <div {...getStyles('icon')}>{icon}</div>}\n\n        <div {...getStyles('body')}>\n          {title && (\n            <div {...getStyles('title')} data-with-close-button={withCloseButton || undefined}>\n              <span id={titleId} {...getStyles('label')}>\n                {title}\n              </span>\n            </div>\n          )}\n\n          {children && (\n            <div id={bodyId} {...getStyles('message')} data-variant={variant}>\n              {children}\n            </div>\n          )}\n        </div>\n\n        {withCloseButton && (\n          <CloseButton\n            {...getStyles('closeButton')}\n            onClick={onClose}\n            variant=\"transparent\"\n            size={16}\n            iconSize={16}\n            aria-label={closeButtonLabel}\n            unstyled={unstyled}\n          />\n        )}\n      </div>\n    </Box>\n  );\n});\n\nAlert.classes = classes;\nAlert.varsResolver = varsResolver;\nAlert.displayName = '@mantine/core/Alert';\n\nexport namespace Alert {\n  export type Props = AlertProps;\n  export type StylesNames = AlertStylesNames;\n  export type CssVariables = AlertCssVariables;\n  export type Factory = AlertFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAmEA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,QAAQ,OAAO,SAAS,mBAAmB;CACnD,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,kBAAkB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;EACrE,cAAc,SAAS,UAAU,OAAO,aAAa,KAAA;EACrD,iBAAiB,OAAO;EACxB,cAAc,SAAS,UAAU,OAAO,SAAS,KAAA;CACnD,EACF;AACF,CACF;AAEA,MAAa,QAAQC,gBAAAA,SAAuB,WAAW;CACrD,MAAM,QAAQC,kBAAAA,SAAS,SAAS,MAAM,MAAM;CAC5C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,OACA,OACA,UACA,IACA,MACA,iBACA,SACA,kBACA,SACA,cACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAwB;EACxC,MAAM;EACN,SAAA,qBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,UAAA,GAASC,eAAAA,MAAAA,CAAM,EAAE;CACvB,MAAM,UAAW,SAAS,GAAG,OAAO,WAAY,KAAA;CAChD,MAAM,SAAS,GAAG,OAAO;CAEzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,IAAI;EACJ,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;EACxB;EACT,GAAI;EACJ,MAAM,QAAQ;EACd,oBAAkB,WAAW,SAAS,KAAA;EACtC,mBAAiB,QAAQ,UAAU,KAAA;EAEnC,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,GAAI,UAAU,SAAS;GAA5B,UAAA;IACG,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,GAAI,UAAU,MAAM;KAAI,UAAA;IAAU,CAAA;IAEhD,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,GAAI,UAAU,MAAM;KAAzB,UAAA,CACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,GAAI,UAAU,OAAO;MAAG,0BAAwB,mBAAmB,KAAA;MACtE,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,IAAI;OAAS,GAAI,UAAU,OAAO;OACrC,UAAA;MACG,CAAA;KACH,CAAA,GAGN,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,IAAI;MAAQ,GAAI,UAAU,SAAS;MAAG,gBAAc;MACtD;KACE,CAAA,CAEJ;;IAEJ,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;KACE,GAAI,UAAU,aAAa;KAC3B,SAAS;KACT,SAAQ;KACR,MAAM;KACN,UAAU;KACV,cAAY;KACF;IACX,CAAA;GAEA;;CACF,CAAA;AAET,CAAC;AAED,MAAM,UAAUC,qBAAAA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}