@mantine/core 9.5.2 → 9.6.0

package/cjs/components/UnstyledButton/UnstyledButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.cjs","names":["polymorphicFactory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n  Box,\n  BoxComponentProps,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n  extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n  __staticSelector?: string;\n}\n\nconst defaultProps = {\n  __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n  props: UnstyledButtonProps;\n  stylesNames: UnstyledButtonStylesNames;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n  (_props: UnstyledButtonProps & { component?: any }) => {\n    const props = useProps('UnstyledButton', defaultProps, _props);\n    const {\n      className,\n      component = 'button',\n      __staticSelector,\n      unstyled,\n      classNames,\n      styles,\n      style,\n      attributes,\n      ...others\n    } = props;\n\n    const getStyles = useStyles<UnstyledButtonFactory>({\n      name: __staticSelector,\n      props,\n      classes,\n      className,\n      style,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n    });\n\n    return (\n      <Box\n        {...getStyles('root', { focusable: true })}\n        component={component}\n        type={component === 'button' ? 'button' : undefined}\n        {...others}\n      />\n    );\n  }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n  export type Props = UnstyledButtonProps;\n  export type StylesNames = UnstyledButtonStylesNames;\n  export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AASA,MAAa,iBAAiBA,4BAAAA,oBAC3B,WAAsD;CACrD,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;CAcJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAdcC,mBAAAA,UAAiC;GACjD,MAAM;GACN;GACA,SAAA,8BAAA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAIgB,CAAC,CAAC,QAAQ,EAAE,WAAW,KAAK,CAAC;EAC9B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;CACL,CAAA;AAEL,CACF;AAEA,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"UnstyledButton.cjs","names":["polymorphicFactory","useProps","useStyles","Box","classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n  Box,\n  BoxComponentProps,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n  extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n  __staticSelector?: string;\n}\n\nconst defaultProps = {\n  __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n  props: UnstyledButtonProps;\n  stylesNames: UnstyledButtonStylesNames;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n  (_props: UnstyledButtonProps & { component?: any }) => {\n    const props = useProps('UnstyledButton', defaultProps, _props);\n    const {\n      className,\n      component = 'button',\n      __staticSelector,\n      unstyled,\n      classNames,\n      styles,\n      style,\n      attributes,\n      ...others\n    } = props;\n\n    const getStyles = useStyles<UnstyledButtonFactory>({\n      name: __staticSelector,\n      props,\n      classes,\n      className,\n      style,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n    });\n\n    return (\n      <Box\n        {...getStyles('root', { focusable: true })}\n        component={component}\n        type={component === 'button' ? 'button' : undefined}\n        {...others}\n      />\n    );\n  }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n  export type Props = UnstyledButtonProps;\n  export type StylesNames = UnstyledButtonStylesNames;\n  export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,iBACpB;AASA,MAAa,iBAAiBA,4BAAAA,oBAC3B,WAAsD;CACrD,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAiC;EACjD,MAAM;EACN;EACA,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,QAAQ,EAAE,WAAW,KAAK,CAAC;EAC9B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;CACL,CAAA;AAEL,CACF;AAEA,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc"}

package/cjs/components/VisuallyHidden/VisuallyHidden.cjs

@@ -9,19 +9,20 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const VisuallyHidden = require_factory.factory((_props) => {
 	const props = require_use_props.useProps("VisuallyHidden", null, _props);
 	const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;
+	const getStyles = require_use_styles.useStyles({
+		name: "VisuallyHidden",
+		classes: require_VisuallyHidden_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 		component: "span",
-		...require_use_styles.useStyles({
-			name: "VisuallyHidden",
-			classes: require_VisuallyHidden_module.default,
-			props,
-			className,
-			style,
-			classNames,
-			styles,
-			unstyled,
-			attributes
-		})("root"),
+		...getStyles("root"),
 		...others
 	});
 });

package/cjs/components/VisuallyHidden/VisuallyHidden.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n  extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n  props: VisuallyHiddenProps;\n  ref: HTMLSpanElement;\n  stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n  const props = useProps('VisuallyHidden', null, _props);\n  const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n  const getStyles = useStyles<VisuallyHiddenFactory>({\n    name: 'VisuallyHidden',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n  export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiBA,gBAAAA,SAAgC,WAAW;CACvE,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,MAAM,MAAM;CACrD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAcxF,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,WAAU;EAAO,GAZXC,mBAAAA,UAAiC;GACjD,MAAM;GACN,SAAA,8BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEyC,CAAC,CAAC,MAAM;EAAG,GAAI;CAAS,CAAA;AACnE,CAAC;AAED,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"VisuallyHidden.cjs","names":["factory","useProps","useStyles","Box","classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n  extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n  props: VisuallyHiddenProps;\n  ref: HTMLSpanElement;\n  stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n  const props = useProps('VisuallyHidden', null, _props);\n  const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n  const getStyles = useStyles<VisuallyHiddenFactory>({\n    name: 'VisuallyHidden',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n  export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiBA,gBAAAA,SAAgC,WAAW;CACvE,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,MAAM,MAAM;CACrD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;CAExF,MAAM,YAAYC,mBAAAA,UAAiC;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,WAAU;EAAO,GAAI,UAAU,MAAM;EAAG,GAAI;CAAS,CAAA;AACnE,CAAC;AAED,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc"}

package/cjs/core/Box/Box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.cjs","names":["useMantineTheme","extractStyleProps","useMantineSxTransform","useRandomClassName","parseStyleProps","STYlE_PROPS_DATA","useMantineDeduplicateInlineStyles","hashStyleProps","getBoxStyle","isNumberLike","getBoxMod","InlineStyles","polymorphic"],"sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphic } from '../factory';\nimport { hashStyleProps, InlineStyles } from '../InlineStyles';\nimport {\n  MantineBreakpoint,\n  useMantineDeduplicateInlineStyles,\n  useMantineSxTransform,\n  useMantineTheme,\n} from '../MantineProvider';\nimport { isNumberLike } from '../utils';\nimport type { CssVarsProp, MantineStyleProp } from './Box.types';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport {\n  extractStyleProps,\n  MantineStyleProps,\n  parseStyleProps,\n  STYlE_PROPS_DATA,\n} from './style-props';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n  /** Class added to the root element, if applicable */\n  className?: string | undefined;\n\n  /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n  style?: MantineStyleProp;\n\n  /** CSS variables defined on root component element */\n  __vars?: CssVarsProp;\n\n  /** `size` property passed down the HTML element */\n  __size?: string;\n\n  /** Breakpoint above which the component is hidden with `display: none` */\n  hiddenFrom?: MantineBreakpoint;\n\n  /** Breakpoint below which the component is hidden with `display: none` */\n  visibleFrom?: MantineBreakpoint;\n\n  /** Determines whether component should be hidden in light color scheme with `display: none` */\n  lightHidden?: boolean;\n\n  /** Determines whether component should be hidden in dark color scheme with `display: none` */\n  darkHidden?: boolean;\n\n  /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n  mod?: BoxMod;\n}\n\nexport type ElementProps<\n  ElementType extends React.ElementType,\n  PropsToOmit extends string = never,\n> = Omit<React.ComponentProps<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n  /** Variant passed from parent component, sets `data-variant` */\n  variant?: string;\n\n  /** Size passed from parent component, sets `data-size` if value is not number like */\n  size?: string | number;\n}\n\nfunction _Box({\n  component,\n  style,\n  __vars,\n  className,\n  variant,\n  mod,\n  size,\n  hiddenFrom,\n  visibleFrom,\n  lightHidden,\n  darkHidden,\n  renderRoot,\n  __size,\n  ref,\n  ...others\n}: BoxComponentProps & { component: any; className: string; renderRoot: any; ref: any }) {\n  const theme = useMantineTheme();\n  const Element = component || 'div';\n  const { styleProps, rest } = extractStyleProps(others);\n  const useSxTransform = useMantineSxTransform();\n  const transformedSx = useSxTransform?.()?.(styleProps.sx);\n  const randomClassName = useRandomClassName();\n  const parsedStyleProps = parseStyleProps({\n    styleProps,\n    theme,\n    data: STYlE_PROPS_DATA,\n  });\n\n  const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n  const responsiveClassName =\n    deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n      ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n      : randomClassName;\n\n  const props = {\n    ref,\n    style: getBoxStyle({\n      theme,\n      style,\n      vars: __vars,\n      styleProps: parsedStyleProps.inlineStyles,\n    }),\n    className: cx(className, transformedSx, {\n      [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n      'mantine-light-hidden': lightHidden,\n      'mantine-dark-hidden': darkHidden,\n      [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n      [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n    }),\n    'data-variant': variant,\n    'data-size': isNumberLike(size) ? undefined : size || undefined,\n    size: __size,\n    ...getBoxMod(mod),\n    ...rest,\n  };\n\n  return (\n    <>\n      {parsedStyleProps.hasResponsiveStyles && (\n        <InlineStyles\n          selector={`.${responsiveClassName}`}\n          styles={parsedStyleProps.styles}\n          media={parsedStyleProps.media}\n          deduplicate={deduplicateInlineStyles}\n        />\n      )}\n\n      {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n    </>\n  );\n}\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = polymorphic<'div', BoxComponentProps>(_Box);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkEA,SAAS,KAAK,EACZ,WACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,YACA,QACA,KACA,GAAG,UACoF;CACvF,MAAM,QAAQA,6BAAAA,gBAAgB;CAC9B,MAAM,UAAU,aAAa;CAC7B,MAAM,EAAE,YAAY,SAASC,4BAAAA,kBAAkB,MAAM;CAErD,MAAM,gBADiBC,wBAAAA,sBACY,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;CACxD,MAAM,kBAAkBC,6BAAAA,mBAAmB;CAC3C,MAAM,mBAAmBC,0BAAAA,gBAAgB;EACvC;EACA;EACA,MAAMC,yBAAAA;CACR,CAAC;CAED,MAAM,0BAA0BC,wBAAAA,kCAAkC;CAClE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxCC,oBAAAA,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAC9D;CAEN,MAAM,QAAQ;EACZ;EACA,OAAOC,sBAAAA,YAAY;GACjB;GACA;GACA,MAAM;GACN,YAAY,iBAAiB;EAC/B,CAAC;EACD,YAAA,GAAA,KAAA,QAAA,CAAc,WAAW,eAAe;IACrC,sBAAsB,iBAAiB;GACxC,wBAAwB;GACxB,uBAAuB;IACtB,uBAAuB,eAAe;IACtC,wBAAwB,gBAAgB;EAC3C,CAAC;EACD,gBAAgB;EAChB,aAAaC,uBAAAA,aAAa,IAAI,IAAI,KAAA,IAAY,QAAQ,KAAA;EACtD,MAAM;EACN,GAAGC,oBAAAA,UAAU,GAAG;EAChB,GAAG;CACL;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;CACd,CAAA,GAGF,OAAO,eAAe,aAAa,WAAW,KAAK,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD,EAAS,GAAI,MAAQ,CAAA,CAC7E,EAAA,CAAA;AAEN;AAEA,KAAK,cAAc;AAEnB,MAAa,MAAMC,qCAAAA,YAAsC,IAAI"}
+{"version":3,"file":"Box.cjs","names":["useMantineTheme","extractStyleProps","useMantineSxTransform","useRandomClassName","parseStyleProps","STYlE_PROPS_DATA","useMantineDeduplicateInlineStyles","hashStyleProps","getBoxStyle","cx","isNumberLike","getBoxMod","InlineStyles","polymorphic"],"sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphic } from '../factory';\nimport { hashStyleProps, InlineStyles } from '../InlineStyles';\nimport {\n  MantineBreakpoint,\n  useMantineDeduplicateInlineStyles,\n  useMantineSxTransform,\n  useMantineTheme,\n} from '../MantineProvider';\nimport { isNumberLike } from '../utils';\nimport type { CssVarsProp, MantineStyleProp } from './Box.types';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport {\n  extractStyleProps,\n  MantineStyleProps,\n  parseStyleProps,\n  STYlE_PROPS_DATA,\n} from './style-props';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\n\nexport type Mod = Record<string, any> | string;\nexport type BoxMod = Mod | Mod[] | BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n  /** Class added to the root element, if applicable */\n  className?: string | undefined;\n\n  /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */\n  style?: MantineStyleProp;\n\n  /** CSS variables defined on root component element */\n  __vars?: CssVarsProp;\n\n  /** `size` property passed down the HTML element */\n  __size?: string;\n\n  /** Breakpoint above which the component is hidden with `display: none` */\n  hiddenFrom?: MantineBreakpoint;\n\n  /** Breakpoint below which the component is hidden with `display: none` */\n  visibleFrom?: MantineBreakpoint;\n\n  /** Determines whether component should be hidden in light color scheme with `display: none` */\n  lightHidden?: boolean;\n\n  /** Determines whether component should be hidden in dark color scheme with `display: none` */\n  darkHidden?: boolean;\n\n  /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n  mod?: BoxMod;\n}\n\nexport type ElementProps<\n  ElementType extends React.ElementType,\n  PropsToOmit extends string = never,\n> = Omit<React.ComponentProps<ElementType>, 'style' | PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n  /** Variant passed from parent component, sets `data-variant` */\n  variant?: string;\n\n  /** Size passed from parent component, sets `data-size` if value is not number like */\n  size?: string | number;\n}\n\nfunction _Box({\n  component,\n  style,\n  __vars,\n  className,\n  variant,\n  mod,\n  size,\n  hiddenFrom,\n  visibleFrom,\n  lightHidden,\n  darkHidden,\n  renderRoot,\n  __size,\n  ref,\n  ...others\n}: BoxComponentProps & { component: any; className: string; renderRoot: any; ref: any }) {\n  const theme = useMantineTheme();\n  const Element = component || 'div';\n  const { styleProps, rest } = extractStyleProps(others);\n  const useSxTransform = useMantineSxTransform();\n  const transformedSx = useSxTransform?.()?.(styleProps.sx);\n  const randomClassName = useRandomClassName();\n  const parsedStyleProps = parseStyleProps({\n    styleProps,\n    theme,\n    data: STYlE_PROPS_DATA,\n  });\n\n  const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n  const responsiveClassName =\n    deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n      ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n      : randomClassName;\n\n  const props = {\n    ref,\n    style: getBoxStyle({\n      theme,\n      style,\n      vars: __vars,\n      styleProps: parsedStyleProps.inlineStyles,\n    }),\n    className: cx(className, transformedSx, {\n      [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n      'mantine-light-hidden': lightHidden,\n      'mantine-dark-hidden': darkHidden,\n      [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n      [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n    }),\n    'data-variant': variant,\n    'data-size': isNumberLike(size) ? undefined : size || undefined,\n    size: __size,\n    ...getBoxMod(mod),\n    ...rest,\n  };\n\n  return (\n    <>\n      {parsedStyleProps.hasResponsiveStyles && (\n        <InlineStyles\n          selector={`.${responsiveClassName}`}\n          styles={parsedStyleProps.styles}\n          media={parsedStyleProps.media}\n          deduplicate={deduplicateInlineStyles}\n        />\n      )}\n\n      {typeof renderRoot === 'function' ? renderRoot(props) : <Element {...props} />}\n    </>\n  );\n}\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = polymorphic<'div', BoxComponentProps>(_Box);\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkEA,SAAS,KAAK,EACZ,WACA,OACA,QACA,WACA,SACA,KACA,MACA,YACA,aACA,aACA,YACA,YACA,QACA,KACA,GAAG,UACoF;CACvF,MAAM,QAAQA,6BAAAA,gBAAgB;CAC9B,MAAM,UAAU,aAAa;CAC7B,MAAM,EAAE,YAAY,SAASC,4BAAAA,kBAAkB,MAAM;CAErD,MAAM,gBADiBC,wBAAAA,sBACY,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;CACxD,MAAM,kBAAkBC,6BAAAA,mBAAmB;CAC3C,MAAM,mBAAmBC,0BAAAA,gBAAgB;EACvC;EACA;EACA,MAAMC,yBAAAA;CACR,CAAC;CAED,MAAM,0BAA0BC,wBAAAA,kCAAkC;CAClE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxCC,oBAAAA,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAC9D;CAEN,MAAM,QAAQ;EACZ;EACA,OAAOC,sBAAAA,YAAY;GACjB;GACA;GACA,MAAM;GACN,YAAY,iBAAiB;EAC/B,CAAC;EACD,YAAA,GAAWC,KAAAA,QAAAA,CAAG,WAAW,eAAe;IACrC,sBAAsB,iBAAiB;GACxC,wBAAwB;GACxB,uBAAuB;IACtB,uBAAuB,eAAe;IACtC,wBAAwB,gBAAgB;EAC3C,CAAC;EACD,gBAAgB;EAChB,aAAaC,uBAAAA,aAAa,IAAI,IAAI,KAAA,IAAY,QAAQ,KAAA;EACtD,MAAM;EACN,GAAGC,oBAAAA,UAAU,GAAG;EAChB,GAAG;CACL;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;CACd,CAAA,GAGF,OAAO,eAAe,aAAa,WAAW,KAAK,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD,EAAS,GAAI,MAAQ,CAAA,CAC7E,EAAA,CAAA;AAEN;AAEA,KAAK,cAAc;AAEnB,MAAa,MAAMC,qCAAAA,YAAsC,IAAI"}

package/cjs/core/Box/use-random-classname/use-random-classname.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-random-classname.cjs","names":[],"sources":["../../../../src/core/Box/use-random-classname/use-random-classname.ts"],"sourcesContent":["import { useId } from 'react';\n\nexport function useRandomClassName() {\n  const id = useId().replace(/[:«»]/g, '');\n  return `__m__-${id}`;\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAqB;CAEnC,OAAO,UAAA,GAAA,MAAA,MAAA,CADU,CAAC,CAAC,QAAQ,UAAU,EACpB;AACnB"}
+{"version":3,"file":"use-random-classname.cjs","names":["useId"],"sources":["../../../../src/core/Box/use-random-classname/use-random-classname.ts"],"sourcesContent":["import { useId } from 'react';\n\nexport function useRandomClassName() {\n  const id = useId().replace(/[:«»]/g, '');\n  return `__m__-${id}`;\n}\n"],"mappings":";;;AAEA,SAAgB,qBAAqB;CAEnC,OAAO,UAAA,GADIA,MAAAA,MAAAA,CAAM,CAAC,CAAC,QAAQ,UAAU,EACpB;AACnB"}

package/cjs/core/DirectionProvider/DirectionProvider.cjs

@@ -24,11 +24,12 @@ function DirectionProvider({ children, initialDirection = "ltr", detectDirection
 			if (direction === "rtl" || direction === "ltr") setDir(direction);
 		}
 	}, []);
-	(0, _mantine_hooks.useMutationObserverTarget)((0, react.useCallback)(() => {
+	const mutationCallback = (0, react.useCallback)(() => {
 		if (typeof document === "undefined") return;
 		const direction = document.documentElement.getAttribute("dir");
 		if (direction === "rtl" || direction === "ltr") setDir((prev) => prev !== direction ? direction : prev);
-	}, []), detectDirection ? {
+	}, []);
+	(0, _mantine_hooks.useMutationObserverTarget)(mutationCallback, detectDirection ? {
 		attributes: true,
 		attributeFilter: ["dir"]
 	} : {}, typeof document !== "undefined" && detectDirection ? document.documentElement : null);

package/cjs/core/DirectionProvider/DirectionProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DirectionProvider.cjs","names":[],"sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import { createContext, use, useCallback, useState } from 'react';\nimport { useIsomorphicEffect, useMutationObserverTarget } from '@mantine/hooks';\n\nexport type Direction = 'ltr' | 'rtl';\n\nexport interface DirectionContextValue {\n  dir: Direction;\n  toggleDirection: () => void;\n  setDirection: (dir: Direction) => void;\n}\n\nexport const DirectionContext = createContext<DirectionContextValue>({\n  dir: 'ltr',\n  toggleDirection: () => {},\n  setDirection: () => {},\n});\n\nexport function useDirection() {\n  return use(DirectionContext);\n}\n\nexport interface DirectionProviderProps {\n  /** Your application */\n  children: React.ReactNode;\n\n  /** Direction set as a default value, `ltr` by default */\n  initialDirection?: Direction;\n\n  /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element) @default true  */\n  detectDirection?: boolean;\n}\n\nexport function DirectionProvider({\n  children,\n  initialDirection = 'ltr',\n  detectDirection = true,\n}: DirectionProviderProps) {\n  const [dir, setDir] = useState<Direction>(initialDirection);\n\n  const setDirection = useCallback((direction: Direction) => {\n    setDir(direction);\n    if (document.documentElement.getAttribute('dir') !== direction) {\n      document.documentElement.setAttribute('dir', direction);\n    }\n  }, []);\n\n  const toggleDirection = () => setDirection(dir === 'ltr' ? 'rtl' : 'ltr');\n\n  useIsomorphicEffect(() => {\n    if (detectDirection) {\n      const direction = document.documentElement.getAttribute('dir');\n      if (direction === 'rtl' || direction === 'ltr') {\n        setDir(direction);\n      }\n    }\n  }, []);\n\n  const mutationCallback = useCallback<MutationCallback>(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n    const direction = document.documentElement.getAttribute('dir');\n    if (direction === 'rtl' || direction === 'ltr') {\n      setDir((prev) => (prev !== direction ? (direction as Direction) : prev));\n    }\n  }, []);\n\n  useMutationObserverTarget(\n    mutationCallback,\n    detectDirection ? { attributes: true, attributeFilter: ['dir'] } : {},\n    typeof document !== 'undefined' && detectDirection ? document.documentElement : null\n  );\n\n  return (\n    <DirectionContext value={{ dir, toggleDirection, setDirection }}>{children}</DirectionContext>\n  );\n}\n"],"mappings":";;;;;AAWA,MAAa,oBAAA,GAAA,MAAA,cAAA,CAAwD;CACnE,KAAK;CACL,uBAAuB,CAAC;CACxB,oBAAoB,CAAC;AACvB,CAAC;AAED,SAAgB,eAAe;CAC7B,QAAA,GAAA,MAAA,IAAA,CAAW,gBAAgB;AAC7B;AAaA,SAAgB,kBAAkB,EAChC,UACA,mBAAmB,OACnB,kBAAkB,QACO;CACzB,MAAM,CAAC,KAAK,WAAA,GAAA,MAAA,SAAA,CAA8B,gBAAgB;CAE1D,MAAM,gBAAA,GAAA,MAAA,YAAA,EAA4B,cAAyB;EACzD,OAAO,SAAS;EAChB,IAAI,SAAS,gBAAgB,aAAa,KAAK,MAAM,WACnD,SAAS,gBAAgB,aAAa,OAAO,SAAS;CAE1D,GAAG,CAAC,CAAC;CAEL,MAAM,wBAAwB,aAAa,QAAQ,QAAQ,QAAQ,KAAK;CAExE,CAAA,GAAA,eAAA,oBAAA,OAA0B;EACxB,IAAI,iBAAiB;GACnB,MAAM,YAAY,SAAS,gBAAgB,aAAa,KAAK;GAC7D,IAAI,cAAc,SAAS,cAAc,OACvC,OAAO,SAAS;EAEpB;CACF,GAAG,CAAC,CAAC;CAYL,CAAA,GAAA,eAAA,0BAAA,EAAA,GAAA,MAAA,YAAA,OAV6D;EAC3D,IAAI,OAAO,aAAa,aACtB;EAEF,MAAM,YAAY,SAAS,gBAAgB,aAAa,KAAK;EAC7D,IAAI,cAAc,SAAS,cAAc,OACvC,QAAQ,SAAU,SAAS,YAAa,YAA0B,IAAK;CAE3E,GAAG,CAAC,CAGa,GACf,kBAAkB;EAAE,YAAY;EAAM,iBAAiB,CAAC,KAAK;CAAE,IAAI,CAAC,GACpE,OAAO,aAAa,eAAe,kBAAkB,SAAS,kBAAkB,IAClF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;GAAE;GAAK;GAAiB;EAAa;EAAI;CAA2B,CAAA;AAEjG"}
+{"version":3,"file":"DirectionProvider.cjs","names":["createContext","use","useState","useCallback"],"sources":["../../../src/core/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import { createContext, use, useCallback, useState } from 'react';\nimport { useIsomorphicEffect, useMutationObserverTarget } from '@mantine/hooks';\n\nexport type Direction = 'ltr' | 'rtl';\n\nexport interface DirectionContextValue {\n  dir: Direction;\n  toggleDirection: () => void;\n  setDirection: (dir: Direction) => void;\n}\n\nexport const DirectionContext = createContext<DirectionContextValue>({\n  dir: 'ltr',\n  toggleDirection: () => {},\n  setDirection: () => {},\n});\n\nexport function useDirection() {\n  return use(DirectionContext);\n}\n\nexport interface DirectionProviderProps {\n  /** Your application */\n  children: React.ReactNode;\n\n  /** Direction set as a default value, `ltr` by default */\n  initialDirection?: Direction;\n\n  /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element) @default true  */\n  detectDirection?: boolean;\n}\n\nexport function DirectionProvider({\n  children,\n  initialDirection = 'ltr',\n  detectDirection = true,\n}: DirectionProviderProps) {\n  const [dir, setDir] = useState<Direction>(initialDirection);\n\n  const setDirection = useCallback((direction: Direction) => {\n    setDir(direction);\n    if (document.documentElement.getAttribute('dir') !== direction) {\n      document.documentElement.setAttribute('dir', direction);\n    }\n  }, []);\n\n  const toggleDirection = () => setDirection(dir === 'ltr' ? 'rtl' : 'ltr');\n\n  useIsomorphicEffect(() => {\n    if (detectDirection) {\n      const direction = document.documentElement.getAttribute('dir');\n      if (direction === 'rtl' || direction === 'ltr') {\n        setDir(direction);\n      }\n    }\n  }, []);\n\n  const mutationCallback = useCallback<MutationCallback>(() => {\n    if (typeof document === 'undefined') {\n      return;\n    }\n    const direction = document.documentElement.getAttribute('dir');\n    if (direction === 'rtl' || direction === 'ltr') {\n      setDir((prev) => (prev !== direction ? (direction as Direction) : prev));\n    }\n  }, []);\n\n  useMutationObserverTarget(\n    mutationCallback,\n    detectDirection ? { attributes: true, attributeFilter: ['dir'] } : {},\n    typeof document !== 'undefined' && detectDirection ? document.documentElement : null\n  );\n\n  return (\n    <DirectionContext value={{ dir, toggleDirection, setDirection }}>{children}</DirectionContext>\n  );\n}\n"],"mappings":";;;;;AAWA,MAAa,oBAAA,GAAmBA,MAAAA,cAAAA,CAAqC;CACnE,KAAK;CACL,uBAAuB,CAAC;CACxB,oBAAoB,CAAC;AACvB,CAAC;AAED,SAAgB,eAAe;CAC7B,QAAA,GAAOC,MAAAA,IAAAA,CAAI,gBAAgB;AAC7B;AAaA,SAAgB,kBAAkB,EAChC,UACA,mBAAmB,OACnB,kBAAkB,QACO;CACzB,MAAM,CAAC,KAAK,WAAA,GAAUC,MAAAA,SAAAA,CAAoB,gBAAgB;CAE1D,MAAM,gBAAA,GAAeC,MAAAA,YAAAA,EAAa,cAAyB;EACzD,OAAO,SAAS;EAChB,IAAI,SAAS,gBAAgB,aAAa,KAAK,MAAM,WACnD,SAAS,gBAAgB,aAAa,OAAO,SAAS;CAE1D,GAAG,CAAC,CAAC;CAEL,MAAM,wBAAwB,aAAa,QAAQ,QAAQ,QAAQ,KAAK;CAExE,CAAA,GAAA,eAAA,oBAAA,OAA0B;EACxB,IAAI,iBAAiB;GACnB,MAAM,YAAY,SAAS,gBAAgB,aAAa,KAAK;GAC7D,IAAI,cAAc,SAAS,cAAc,OACvC,OAAO,SAAS;EAEpB;CACF,GAAG,CAAC,CAAC;CAEL,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,OAAoC;EAC3D,IAAI,OAAO,aAAa,aACtB;EAEF,MAAM,YAAY,SAAS,gBAAgB,aAAa,KAAK;EAC7D,IAAI,cAAc,SAAS,cAAc,OACvC,QAAQ,SAAU,SAAS,YAAa,YAA0B,IAAK;CAE3E,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,eAAA,0BAAA,CACE,kBACA,kBAAkB;EAAE,YAAY;EAAM,iBAAiB,CAAC,KAAK;CAAE,IAAI,CAAC,GACpE,OAAO,aAAa,eAAe,kBAAkB,SAAS,kBAAkB,IAClF;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAD;EAAkB,OAAO;GAAE;GAAK;GAAiB;EAAa;EAAI;CAA2B,CAAA;AAEjG"}

package/cjs/core/InlineStyles/InlineStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineStyles.cjs","names":["useMantineStyleNonce","stylesToString"],"sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import { useMantineStyleNonce } from '../MantineProvider';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\n\nexport interface InlineStylesProps\n  extends InlineStylesInput, Omit<React.ComponentProps<'style'>, keyof InlineStylesInput> {\n  deduplicate?: boolean;\n}\n\nfunction simpleHash(str: string): string {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = ((hash << 5) + hash + str.charCodeAt(i)) & 0xffffffff;\n  }\n  return (hash >>> 0).toString(36);\n}\n\nexport function InlineStyles({ deduplicate, ...props }: InlineStylesProps) {\n  const nonce = useMantineStyleNonce();\n  const css = stylesToString(props);\n\n  if (deduplicate) {\n    return (\n      <style href={`mantine-${simpleHash(css)}`} precedence=\"mantine\" nonce={nonce?.()}>\n        {css}\n      </style>\n    );\n  }\n\n  return (\n    <style\n      data-mantine-styles=\"inline\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: css }}\n    />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAS,WAAW,KAAqB;CACvC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,QAAS,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,IAAK;CAEpD,QAAQ,SAAS,EAAA,CAAG,SAAS,EAAE;AACjC;AAEA,SAAgB,aAAa,EAAE,aAAa,GAAG,SAA4B;CACzE,MAAM,QAAQA,wBAAAA,qBAAqB;CACnC,MAAM,MAAMC,yBAAAA,eAAe,KAAK;CAEhC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAO,MAAM,WAAW,WAAW,GAAG;EAAK,YAAW;EAAU,OAAO,QAAQ;YAC5E;CACI,CAAA;CAIX,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAoB;EACpB,OAAO,QAAQ;EACf,yBAAyB,EAAE,QAAQ,IAAI;CACxC,CAAA;AAEL"}
+{"version":3,"file":"InlineStyles.cjs","names":["useMantineStyleNonce","stylesToString"],"sources":["../../../src/core/InlineStyles/InlineStyles.tsx"],"sourcesContent":["import { useMantineStyleNonce } from '../MantineProvider';\nimport { InlineStylesInput, stylesToString } from './styles-to-string/styles-to-string';\n\nexport interface InlineStylesProps\n  extends InlineStylesInput, Omit<React.ComponentProps<'style'>, keyof InlineStylesInput> {\n  deduplicate?: boolean;\n}\n\nfunction simpleHash(str: string): string {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = ((hash << 5) + hash + str.charCodeAt(i)) & 0xffffffff;\n  }\n  return (hash >>> 0).toString(36);\n}\n\nexport function InlineStyles({ deduplicate, ...props }: InlineStylesProps) {\n  const nonce = useMantineStyleNonce();\n  const css = stylesToString(props);\n\n  if (deduplicate) {\n    return (\n      <style href={`mantine-${simpleHash(css)}`} precedence=\"mantine\" nonce={nonce?.()}>\n        {css}\n      </style>\n    );\n  }\n\n  return (\n    <style\n      data-mantine-styles=\"inline\"\n      nonce={nonce?.()}\n      dangerouslySetInnerHTML={{ __html: css }}\n    />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAS,WAAW,KAAqB;CACvC,IAAI,OAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAC9B,QAAS,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,IAAK;CAEpD,QAAQ,SAAS,EAAA,CAAG,SAAS,EAAE;AACjC;AAEA,SAAgB,aAAa,EAAE,aAAa,GAAG,SAA4B;CACzE,MAAM,QAAQA,wBAAAA,qBAAqB;CACnC,MAAM,MAAMC,yBAAAA,eAAe,KAAK;CAEhC,IAAI,aACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EAAO,MAAM,WAAW,WAAW,GAAG;EAAK,YAAW;EAAU,OAAO,QAAQ;EAC5E,UAAA;CACI,CAAA;CAIX,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAoB;EACpB,OAAO,QAAQ;EACf,yBAAyB,EAAE,QAAQ,IAAI;CACxC,CAAA;AAEL"}

package/cjs/core/MantineProvider/Mantine.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Mantine.context.cjs","names":[],"sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, use } from 'react';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\nimport type { MantineColorScheme, MantineTheme } from './theme.types';\n\nexport interface MantineStylesTransform {\n  sx?: () => (sx: any) => string;\n  styles?: () => (styles: any, payload: any) => Record<string, string>;\n}\n\ninterface MantineContextValue {\n  colorScheme: MantineColorScheme;\n  setColorScheme: (colorScheme: MantineColorScheme) => void;\n  clearColorScheme: () => void;\n  getRootElement: () => HTMLElement | undefined;\n  classNamesPrefix: string;\n  getStyleNonce?: () => string | undefined;\n  cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n  cssVariablesSelector: string;\n  withStaticClasses: boolean;\n  headless?: boolean;\n  stylesTransform?: MantineStylesTransform;\n  env?: 'default' | 'test';\n  deduplicateInlineStyles?: boolean;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n  const ctx = use(MantineContext);\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  return ctx;\n}\n\nexport function useMantineCssVariablesResolver() {\n  return useMantineContext().cssVariablesResolver;\n}\n\nexport function useMantineClassNamesPrefix() {\n  return useMantineContext().classNamesPrefix;\n}\n\nexport function useMantineStyleNonce() {\n  return useMantineContext().getStyleNonce;\n}\n\nexport function useMantineWithStaticClasses() {\n  return useMantineContext().withStaticClasses;\n}\n\nexport function useMantineIsHeadless() {\n  return useMantineContext().headless;\n}\n\nexport function useMantineSxTransform() {\n  return useMantineContext().stylesTransform?.sx;\n}\n\nexport function useMantineStylesTransform() {\n  return useMantineContext().stylesTransform?.styles;\n}\n\nexport function useMantineEnv() {\n  return useMantineContext().env || 'default';\n}\n\nexport function useMantineDeduplicateInlineStyles() {\n  return useMantineContext().deduplicateInlineStyles;\n}\n"],"mappings":";;;AAyBA,MAAa,kBAAA,GAAA,MAAA,cAAA,CAA2D,IAAI;AAE5E,SAAgB,oBAAoB;CAClC,MAAM,OAAA,GAAA,MAAA,IAAA,CAAU,cAAc;CAE9B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT;AAEA,SAAgB,iCAAiC;CAC/C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,8BAA8B;CAC5C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,wBAAwB;CACtC,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,4BAA4B;CAC1C,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,gBAAgB;CAC9B,OAAO,kBAAkB,CAAC,CAAC,OAAO;AACpC;AAEA,SAAgB,oCAAoC;CAClD,OAAO,kBAAkB,CAAC,CAAC;AAC7B"}
+{"version":3,"file":"Mantine.context.cjs","names":["createContext","use"],"sources":["../../../src/core/MantineProvider/Mantine.context.ts"],"sourcesContent":["import { createContext, use } from 'react';\nimport { ConvertCSSVariablesInput } from './convert-css-variables';\nimport type { MantineColorScheme, MantineTheme } from './theme.types';\n\nexport interface MantineStylesTransform {\n  sx?: () => (sx: any) => string;\n  styles?: () => (styles: any, payload: any) => Record<string, string>;\n}\n\ninterface MantineContextValue {\n  colorScheme: MantineColorScheme;\n  setColorScheme: (colorScheme: MantineColorScheme) => void;\n  clearColorScheme: () => void;\n  getRootElement: () => HTMLElement | undefined;\n  classNamesPrefix: string;\n  getStyleNonce?: () => string | undefined;\n  cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;\n  cssVariablesSelector: string;\n  withStaticClasses: boolean;\n  headless?: boolean;\n  stylesTransform?: MantineStylesTransform;\n  env?: 'default' | 'test';\n  deduplicateInlineStyles?: boolean;\n}\n\nexport const MantineContext = createContext<MantineContextValue | null>(null);\n\nexport function useMantineContext() {\n  const ctx = use(MantineContext);\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  return ctx;\n}\n\nexport function useMantineCssVariablesResolver() {\n  return useMantineContext().cssVariablesResolver;\n}\n\nexport function useMantineClassNamesPrefix() {\n  return useMantineContext().classNamesPrefix;\n}\n\nexport function useMantineStyleNonce() {\n  return useMantineContext().getStyleNonce;\n}\n\nexport function useMantineWithStaticClasses() {\n  return useMantineContext().withStaticClasses;\n}\n\nexport function useMantineIsHeadless() {\n  return useMantineContext().headless;\n}\n\nexport function useMantineSxTransform() {\n  return useMantineContext().stylesTransform?.sx;\n}\n\nexport function useMantineStylesTransform() {\n  return useMantineContext().stylesTransform?.styles;\n}\n\nexport function useMantineEnv() {\n  return useMantineContext().env || 'default';\n}\n\nexport function useMantineDeduplicateInlineStyles() {\n  return useMantineContext().deduplicateInlineStyles;\n}\n"],"mappings":";;;AAyBA,MAAa,kBAAA,GAAiBA,MAAAA,cAAAA,CAA0C,IAAI;AAE5E,SAAgB,oBAAoB;CAClC,MAAM,OAAA,GAAMC,MAAAA,IAAAA,CAAI,cAAc;CAE9B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,OAAO;AACT;AAEA,SAAgB,iCAAiC;CAC/C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,6BAA6B;CAC3C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,8BAA8B;CAC5C,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,uBAAuB;CACrC,OAAO,kBAAkB,CAAC,CAAC;AAC7B;AAEA,SAAgB,wBAAwB;CACtC,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,4BAA4B;CAC1C,OAAO,kBAAkB,CAAC,CAAC,iBAAiB;AAC9C;AAEA,SAAgB,gBAAgB;CAC9B,OAAO,kBAAkB,CAAC,CAAC,OAAO;AACpC;AAEA,SAAgB,oCAAoC;CAClD,OAAO,kBAAkB,CAAC,CAAC;AAC7B"}

package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs

@@ -16,12 +16,14 @@ function getColorSchemeCssVariables(selectorOverride) {
 function MantineCssVariables({ cssVariablesSelector, deduplicateCssVariables }) {
 	const theme = require_MantineThemeProvider.useMantineTheme();
 	const nonce = require_Mantine_context.useMantineStyleNonce();
+	const generator = require_Mantine_context.useMantineCssVariablesResolver();
 	const mergedVariables = require_get_merged_variables.getMergedVariables({
 		theme,
-		generator: require_Mantine_context.useMantineCssVariablesResolver()
+		generator
 	});
 	const shouldCleanVariables = (cssVariablesSelector === void 0 || cssVariablesSelector === ":root" || cssVariablesSelector === ":host") && deduplicateCssVariables;
-	const css = require_convert_css_variables.convertCssVariables(shouldCleanVariables ? require_remove_default_variables.removeDefaultVariables(mergedVariables) : mergedVariables, cssVariablesSelector);
+	const cleanedVariables = shouldCleanVariables ? require_remove_default_variables.removeDefaultVariables(mergedVariables) : mergedVariables;
+	const css = require_convert_css_variables.convertCssVariables(cleanedVariables, cssVariablesSelector);
 	if (css) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", {
 		"data-mantine-styles": true,
 		nonce: nonce?.(),

package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MantineCssVariables.cjs","names":["convertCssVariables","useMantineTheme","useMantineStyleNonce","getMergedVariables","useMantineCssVariablesResolver","removeDefaultVariables"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { useMantineCssVariablesResolver, useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector?: string;\n  deduplicateCssVariables: boolean;\n}\n\nfunction getColorSchemeCssVariables(selectorOverride?: string) {\n  return convertCssVariables(\n    {\n      variables: {},\n      dark: { '--mantine-color-scheme': 'dark' },\n      light: { '--mantine-color-scheme': 'light' },\n    },\n    selectorOverride\n  );\n}\n\nexport function MantineCssVariables({\n  cssVariablesSelector,\n  deduplicateCssVariables,\n}: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const mergedVariables = getMergedVariables({ theme, generator });\n  const shouldCleanVariables =\n    (cssVariablesSelector === undefined ||\n      cssVariablesSelector === ':root' ||\n      cssVariablesSelector === ':host') &&\n    deduplicateCssVariables;\n  const cleanedVariables = shouldCleanVariables\n    ? removeDefaultVariables(mergedVariables)\n    : mergedVariables;\n  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n  if (css) {\n    return (\n      <style\n        data-mantine-styles\n        nonce={nonce?.()}\n        dangerouslySetInnerHTML={{\n          __html: `${css}${\n            shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n          }`,\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"mappings":";;;;;;;;AAWA,SAAS,2BAA2B,kBAA2B;CAC7D,OAAOA,8BAAAA,oBACL;EACE,WAAW,CAAC;EACZ,MAAM,EAAE,0BAA0B,OAAO;EACzC,OAAO,EAAE,0BAA0B,QAAQ;CAC7C,GACA,gBACF;AACF;AAEA,SAAgB,oBAAoB,EAClC,sBACA,2BAC2B;CAC3B,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CAEnC,MAAM,kBAAkBC,6BAAAA,mBAAmB;EAAE;EAAO,WADlCC,wBAAAA,+BAC0C;CAAE,CAAC;CAC/D,MAAM,wBACH,yBAAyB,KAAA,KACxB,yBAAyB,WACzB,yBAAyB,YAC3B;CAIF,MAAM,MAAMJ,8BAAAA,oBAHa,uBACrBK,iCAAAA,uBAAuB,eAAe,IACtC,iBAC8C,oBAAoB;CAEtE,IAAI,KACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAA;EACA,OAAO,QAAQ;EACf,yBAAyB,EACvB,QAAQ,GAAG,MACT,uBAAuB,KAAK,2BAA2B,oBAAoB,IAE/E;CACD,CAAA;CAIL,OAAO;AACT;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"MantineCssVariables.cjs","names":["convertCssVariables","useMantineTheme","useMantineStyleNonce","useMantineCssVariablesResolver","getMergedVariables","removeDefaultVariables"],"sources":["../../../../src/core/MantineProvider/MantineCssVariables/MantineCssVariables.tsx"],"sourcesContent":["import { convertCssVariables } from '../convert-css-variables/convert-css-variables';\nimport { useMantineCssVariablesResolver, useMantineStyleNonce } from '../Mantine.context';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { getMergedVariables } from './get-merged-variables';\nimport { removeDefaultVariables } from './remove-default-variables';\n\ninterface MantineCssVariablesProps {\n  cssVariablesSelector?: string;\n  deduplicateCssVariables: boolean;\n}\n\nfunction getColorSchemeCssVariables(selectorOverride?: string) {\n  return convertCssVariables(\n    {\n      variables: {},\n      dark: { '--mantine-color-scheme': 'dark' },\n      light: { '--mantine-color-scheme': 'light' },\n    },\n    selectorOverride\n  );\n}\n\nexport function MantineCssVariables({\n  cssVariablesSelector,\n  deduplicateCssVariables,\n}: MantineCssVariablesProps) {\n  const theme = useMantineTheme();\n  const nonce = useMantineStyleNonce();\n  const generator = useMantineCssVariablesResolver();\n  const mergedVariables = getMergedVariables({ theme, generator });\n  const shouldCleanVariables =\n    (cssVariablesSelector === undefined ||\n      cssVariablesSelector === ':root' ||\n      cssVariablesSelector === ':host') &&\n    deduplicateCssVariables;\n  const cleanedVariables = shouldCleanVariables\n    ? removeDefaultVariables(mergedVariables)\n    : mergedVariables;\n  const css = convertCssVariables(cleanedVariables, cssVariablesSelector);\n\n  if (css) {\n    return (\n      <style\n        data-mantine-styles\n        nonce={nonce?.()}\n        dangerouslySetInnerHTML={{\n          __html: `${css}${\n            shouldCleanVariables ? '' : getColorSchemeCssVariables(cssVariablesSelector)\n          }`,\n        }}\n      />\n    );\n  }\n\n  return null;\n}\n\nMantineCssVariables.displayName = '@mantine/CssVariables';\n"],"mappings":";;;;;;;;AAWA,SAAS,2BAA2B,kBAA2B;CAC7D,OAAOA,8BAAAA,oBACL;EACE,WAAW,CAAC;EACZ,MAAM,EAAE,0BAA0B,OAAO;EACzC,OAAO,EAAE,0BAA0B,QAAQ;CAC7C,GACA,gBACF;AACF;AAEA,SAAgB,oBAAoB,EAClC,sBACA,2BAC2B;CAC3B,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CACnC,MAAM,YAAYC,wBAAAA,+BAA+B;CACjD,MAAM,kBAAkBC,6BAAAA,mBAAmB;EAAE;EAAO;CAAU,CAAC;CAC/D,MAAM,wBACH,yBAAyB,KAAA,KACxB,yBAAyB,WACzB,yBAAyB,YAC3B;CACF,MAAM,mBAAmB,uBACrBC,iCAAAA,uBAAuB,eAAe,IACtC;CACJ,MAAM,MAAML,8BAAAA,oBAAoB,kBAAkB,oBAAoB;CAEtE,IAAI,KACF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,uBAAA;EACA,OAAO,QAAQ;EACf,yBAAyB,EACvB,QAAQ,GAAG,MACT,uBAAuB,KAAK,2BAA2B,oBAAoB,IAE/E;CACD,CAAA;CAIL,OAAO;AACT;AAEA,oBAAoB,cAAc"}

package/cjs/core/MantineProvider/MantineProvider.cjs

@@ -2,13 +2,13 @@
 const require_local_storage_manager = require("./color-scheme-managers/local-storage-manager.cjs");
 const require_Mantine_context = require("./Mantine.context.cjs");
 const require_use_provider_color_scheme = require("./use-mantine-color-scheme/use-provider-color-scheme.cjs");
-require("./baseline.cjs");
-require("./global.cjs");
-require("./default-css-variables.cjs");
 const require_MantineThemeProvider = require("./MantineThemeProvider/MantineThemeProvider.cjs");
 const require_MantineClasses = require("./MantineClasses/MantineClasses.cjs");
 const require_MantineCssVariables = require("./MantineCssVariables/MantineCssVariables.cjs");
 const require_use_respect_reduce_motion = require("./use-respect-reduce-motion/use-respect-reduce-motion.cjs");
+require("./baseline.cjs");
+require("./default-css-variables.cjs");
+require("./global.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/@mantine/core/src/core/MantineProvider/MantineProvider.tsx
 function MantineProvider({ theme, children, getStyleNonce, withStaticClasses = true, withGlobalClasses = true, deduplicateCssVariables = true, withCssVariables = true, cssVariablesSelector, classNamesPrefix = "mantine", colorSchemeManager = require_local_storage_manager.localStorageColorSchemeManager(), defaultColorScheme = "light", getRootElement = () => document.documentElement, cssVariablesResolver, forceColorScheme, stylesTransform, env, deduplicateInlineStyles = false }) {

package/cjs/core/MantineProvider/MantineProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MantineProvider.cjs","names":["localStorageColorSchemeManager","useProviderColorScheme","MantineContext","MantineThemeProvider","MantineCssVariables","MantineClasses"],"sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './baseline.css';\nimport './global.css';\nimport './default-css-variables.css';\n\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext, MantineStylesTransform } from './Mantine.context';\nimport { MantineClasses } from './MantineClasses';\nimport { CSSVariablesResolver, MantineCssVariables } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\n\nexport interface MantineProviderProps {\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n  colorSchemeManager?: MantineColorSchemeManager;\n\n  /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `light` by default */\n  defaultColorScheme?: MantineColorScheme;\n\n  /** Forces color scheme value, if set, MantineProvider ignores `colorSchemeManager` and `defaultColorScheme` */\n  forceColorScheme?: 'light' | 'dark';\n\n  /** CSS selector to which CSS variables should be added, by default variables are applied to `:root` and `:host` */\n  cssVariablesSelector?: string;\n\n  /** Determines whether theme CSS variables should be added to given `cssVariablesSelector` @default true */\n  withCssVariables?: boolean;\n\n  /** Determines whether CSS variables should be deduplicated: if CSS variable has the same value as in default theme, it is not added in the runtime. @default true. */\n  deduplicateCssVariables?: boolean;\n\n  /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n  getRootElement?: () => HTMLElement | undefined;\n\n  /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n  classNamesPrefix?: string;\n\n  /** Function to generate nonce attribute added to all generated `style` tags */\n  getStyleNonce?: () => string;\n\n  /** Function to generate CSS variables based on theme object */\n  cssVariablesResolver?: CSSVariablesResolver;\n\n  /** Determines whether components should have static classes, for example, `mantine-Button-root`. @default true */\n  withStaticClasses?: boolean;\n\n  /** Determines whether global classes should be added with `<style />` tag. Global classes are required for `hiddenFrom`/`visibleFrom` and `lightHidden`/`darkHidden` props to work. @default true. */\n  withGlobalClasses?: boolean;\n\n  /** An object to transform `styles` and `sx` props into css classes, can be used with CSS-in-JS libraries */\n  stylesTransform?: MantineStylesTransform;\n\n  /** Determines whether inline styles with identical content should be deduplicated using React 19 style hoisting. When enabled, components with the same responsive style props share a single `<style />` tag instead of each generating their own. @default false */\n  deduplicateInlineStyles?: boolean;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Environment at which the provider is used, `'test'` environment disables all transitions and portals */\n  env?: 'default' | 'test';\n}\n\nexport function MantineProvider({\n  theme,\n  children,\n  getStyleNonce,\n  withStaticClasses = true,\n  withGlobalClasses = true,\n  deduplicateCssVariables = true,\n  withCssVariables = true,\n  cssVariablesSelector,\n  classNamesPrefix = 'mantine',\n  colorSchemeManager = localStorageColorSchemeManager(),\n  defaultColorScheme = 'light',\n  getRootElement = () => document.documentElement,\n  cssVariablesResolver,\n  forceColorScheme,\n  stylesTransform,\n  env,\n  deduplicateInlineStyles = false,\n}: MantineProviderProps) {\n  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n    defaultColorScheme,\n    forceColorScheme,\n    manager: colorSchemeManager,\n    getRootElement,\n  });\n\n  useRespectReduceMotion({\n    respectReducedMotion: theme?.respectReducedMotion || false,\n    getRootElement,\n  });\n\n  return (\n    <MantineContext\n      value={{\n        colorScheme,\n        setColorScheme,\n        clearColorScheme,\n        getRootElement,\n        classNamesPrefix,\n        getStyleNonce,\n        cssVariablesResolver,\n        cssVariablesSelector: cssVariablesSelector ?? ':root',\n        withStaticClasses,\n        stylesTransform,\n        env,\n        deduplicateInlineStyles,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>\n        {withCssVariables && (\n          <MantineCssVariables\n            cssVariablesSelector={cssVariablesSelector}\n            deduplicateCssVariables={deduplicateCssVariables}\n          />\n        )}\n        {withGlobalClasses && <MantineClasses />}\n        {children}\n      </MantineThemeProvider>\n    </MantineContext>\n  );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n\nexport interface HeadlessMantineProviderProps {\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Environment at which the provider is used, `'test'` environment disables all transitions and portals */\n  env?: 'default' | 'test';\n}\n\nexport function HeadlessMantineProvider({ children, theme, env }: HeadlessMantineProviderProps) {\n  return (\n    <MantineContext\n      value={{\n        colorScheme: 'auto',\n        setColorScheme: () => {},\n        clearColorScheme: () => {},\n        getRootElement: () => document.documentElement,\n        classNamesPrefix: 'mantine',\n        cssVariablesSelector: ':root',\n        withStaticClasses: false,\n        headless: true,\n        env,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>{children}</MantineThemeProvider>\n    </MantineContext>\n  );\n}\n\nHeadlessMantineProvider.displayName = '@mantine/core/HeadlessMantineProvider';\n"],"mappings":";;;;;;;;;;;;;AAkEA,SAAgB,gBAAgB,EAC9B,OACA,UACA,eACA,oBAAoB,MACpB,oBAAoB,MACpB,0BAA0B,MAC1B,mBAAmB,MACnB,sBACA,mBAAmB,WACnB,qBAAqBA,8BAAAA,+BAA+B,GACpD,qBAAqB,SACrB,uBAAuB,SAAS,iBAChC,sBACA,kBACA,iBACA,KACA,0BAA0B,SACH;CACvB,MAAM,EAAE,aAAa,gBAAgB,qBAAqBC,kCAAAA,uBAAuB;EAC/E;EACA;EACA,SAAS;EACT;CACF,CAAC;CAED,kCAAA,uBAAuB;EACrB,sBAAsB,OAAO,wBAAwB;EACrD;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA,sBAAsB,wBAAwB;GAC9C;GACA;GACA;GACA;EACF;YAEA,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,sBAAD;GAA6B;aAA7B;IACG,oBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,qBAAD;KACwB;KACG;IAC1B,CAAA;IAEF,qBAAqB,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD,CAAiB,CAAA;IACtC;GACmB;;CACR,CAAA;AAEpB;AAEA,gBAAgB,cAAc;AAa9B,SAAgB,wBAAwB,EAAE,UAAU,OAAO,OAAqC;CAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,wBAAAA,gBAAD;EACE,OAAO;GACL,aAAa;GACb,sBAAsB,CAAC;GACvB,wBAAwB,CAAC;GACzB,sBAAsB,SAAS;GAC/B,kBAAkB;GAClB,sBAAsB;GACtB,mBAAmB;GACnB,UAAU;GACV;EACF;YAEA,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,sBAAD;GAA6B;GAAQ;EAA+B,CAAA;CACtD,CAAA;AAEpB;AAEA,wBAAwB,cAAc"}
+{"version":3,"file":"MantineProvider.cjs","names":["localStorageColorSchemeManager","useProviderColorScheme","MantineContext","MantineThemeProvider","MantineCssVariables","MantineClasses"],"sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext, MantineStylesTransform } from './Mantine.context';\nimport { MantineClasses } from './MantineClasses';\nimport { CSSVariablesResolver, MantineCssVariables } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { useProviderColorScheme } from './use-mantine-color-scheme';\nimport { useRespectReduceMotion } from './use-respect-reduce-motion';\nimport './baseline.css';\nimport './default-css-variables.css';\nimport './global.css';\n\nexport interface MantineProviderProps {\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */\n  colorSchemeManager?: MantineColorSchemeManager;\n\n  /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `light` by default */\n  defaultColorScheme?: MantineColorScheme;\n\n  /** Forces color scheme value, if set, MantineProvider ignores `colorSchemeManager` and `defaultColorScheme` */\n  forceColorScheme?: 'light' | 'dark';\n\n  /** CSS selector to which CSS variables should be added, by default variables are applied to `:root` and `:host` */\n  cssVariablesSelector?: string;\n\n  /** Determines whether theme CSS variables should be added to given `cssVariablesSelector` @default true */\n  withCssVariables?: boolean;\n\n  /** Determines whether CSS variables should be deduplicated: if CSS variable has the same value as in default theme, it is not added in the runtime. @default true. */\n  deduplicateCssVariables?: boolean;\n\n  /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */\n  getRootElement?: () => HTMLElement | undefined;\n\n  /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */\n  classNamesPrefix?: string;\n\n  /** Function to generate nonce attribute added to all generated `style` tags */\n  getStyleNonce?: () => string;\n\n  /** Function to generate CSS variables based on theme object */\n  cssVariablesResolver?: CSSVariablesResolver;\n\n  /** Determines whether components should have static classes, for example, `mantine-Button-root`. @default true */\n  withStaticClasses?: boolean;\n\n  /** Determines whether global classes should be added with `<style />` tag. Global classes are required for `hiddenFrom`/`visibleFrom` and `lightHidden`/`darkHidden` props to work. @default true. */\n  withGlobalClasses?: boolean;\n\n  /** An object to transform `styles` and `sx` props into css classes, can be used with CSS-in-JS libraries */\n  stylesTransform?: MantineStylesTransform;\n\n  /** Determines whether inline styles with identical content should be deduplicated using React 19 style hoisting. When enabled, components with the same responsive style props share a single `<style />` tag instead of each generating their own. @default false */\n  deduplicateInlineStyles?: boolean;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Environment at which the provider is used, `'test'` environment disables all transitions and portals */\n  env?: 'default' | 'test';\n}\n\nexport function MantineProvider({\n  theme,\n  children,\n  getStyleNonce,\n  withStaticClasses = true,\n  withGlobalClasses = true,\n  deduplicateCssVariables = true,\n  withCssVariables = true,\n  cssVariablesSelector,\n  classNamesPrefix = 'mantine',\n  colorSchemeManager = localStorageColorSchemeManager(),\n  defaultColorScheme = 'light',\n  getRootElement = () => document.documentElement,\n  cssVariablesResolver,\n  forceColorScheme,\n  stylesTransform,\n  env,\n  deduplicateInlineStyles = false,\n}: MantineProviderProps) {\n  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n    defaultColorScheme,\n    forceColorScheme,\n    manager: colorSchemeManager,\n    getRootElement,\n  });\n\n  useRespectReduceMotion({\n    respectReducedMotion: theme?.respectReducedMotion || false,\n    getRootElement,\n  });\n\n  return (\n    <MantineContext\n      value={{\n        colorScheme,\n        setColorScheme,\n        clearColorScheme,\n        getRootElement,\n        classNamesPrefix,\n        getStyleNonce,\n        cssVariablesResolver,\n        cssVariablesSelector: cssVariablesSelector ?? ':root',\n        withStaticClasses,\n        stylesTransform,\n        env,\n        deduplicateInlineStyles,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>\n        {withCssVariables && (\n          <MantineCssVariables\n            cssVariablesSelector={cssVariablesSelector}\n            deduplicateCssVariables={deduplicateCssVariables}\n          />\n        )}\n        {withGlobalClasses && <MantineClasses />}\n        {children}\n      </MantineThemeProvider>\n    </MantineContext>\n  );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n\nexport interface HeadlessMantineProviderProps {\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Your application */\n  children?: React.ReactNode;\n\n  /** Environment at which the provider is used, `'test'` environment disables all transitions and portals */\n  env?: 'default' | 'test';\n}\n\nexport function HeadlessMantineProvider({ children, theme, env }: HeadlessMantineProviderProps) {\n  return (\n    <MantineContext\n      value={{\n        colorScheme: 'auto',\n        setColorScheme: () => {},\n        clearColorScheme: () => {},\n        getRootElement: () => document.documentElement,\n        classNamesPrefix: 'mantine',\n        cssVariablesSelector: ':root',\n        withStaticClasses: false,\n        headless: true,\n        env,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>{children}</MantineThemeProvider>\n    </MantineContext>\n  );\n}\n\nHeadlessMantineProvider.displayName = '@mantine/core/HeadlessMantineProvider';\n"],"mappings":";;;;;;;;;;;;;AAiEA,SAAgB,gBAAgB,EAC9B,OACA,UACA,eACA,oBAAoB,MACpB,oBAAoB,MACpB,0BAA0B,MAC1B,mBAAmB,MACnB,sBACA,mBAAmB,WACnB,qBAAqBA,8BAAAA,+BAA+B,GACpD,qBAAqB,SACrB,uBAAuB,SAAS,iBAChC,sBACA,kBACA,iBACA,KACA,0BAA0B,SACH;CACvB,MAAM,EAAE,aAAa,gBAAgB,qBAAqBC,kCAAAA,uBAAuB;EAC/E;EACA;EACA,SAAS;EACT;CACF,CAAC;CAED,kCAAA,uBAAuB;EACrB,sBAAsB,OAAO,wBAAwB;EACrD;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA,sBAAsB,wBAAwB;GAC9C;GACA;GACA;GACA;EACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACC,6BAAAA,sBAAD;GAA6B;GAA7B,UAAA;IACG,oBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,4BAAAA,qBAAD;KACwB;KACG;IAC1B,CAAA;IAEF,qBAAqB,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD,CAAiB,CAAA;IACtC;GACmB;;CACR,CAAA;AAEpB;AAEA,gBAAgB,cAAc;AAa9B,SAAgB,wBAAwB,EAAE,UAAU,OAAO,OAAqC;CAC9F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACH,wBAAAA,gBAAD;EACE,OAAO;GACL,aAAa;GACb,sBAAsB,CAAC;GACvB,wBAAwB,CAAC;GACzB,sBAAsB,SAAS;GAC/B,kBAAkB;GAClB,sBAAsB;GACtB,mBAAmB;GACnB,UAAU;GACV;EACF;EAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,6BAAAA,sBAAD;GAA6B;GAAQ;EAA+B,CAAA;CACtD,CAAA;AAEpB;AAEA,wBAAwB,cAAc"}

package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MantineThemeProvider.cjs","names":["DEFAULT_THEME","mergeMantineTheme"],"sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import { createContext, use, useMemo } from 'react';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\n\nexport const MantineThemeContext = createContext<MantineTheme | null>(null);\n\nexport const useSafeMantineTheme = () => use(MantineThemeContext) || DEFAULT_THEME;\n\nexport function useMantineTheme() {\n  const ctx = use(MantineThemeContext);\n  if (!ctx) {\n    throw new Error(\n      '@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app'\n    );\n  }\n\n  return ctx;\n}\n\nexport interface MantineThemeProviderProps {\n  /** Determines whether theme should be inherited from parent MantineProvider @default true */\n  inherit?: boolean;\n\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Your application or part of the application that requires different theme */\n  children?: React.ReactNode;\n}\n\nexport function MantineThemeProvider({\n  theme,\n  children,\n  inherit = true,\n}: MantineThemeProviderProps) {\n  const parentTheme = useSafeMantineTheme();\n  const mergedTheme = useMemo(\n    () => mergeMantineTheme(inherit ? parentTheme : DEFAULT_THEME, theme),\n    [theme, parentTheme, inherit]\n  );\n\n  return <MantineThemeContext value={mergedTheme}>{children}</MantineThemeContext>;\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"mappings":";;;;;;AAKA,MAAa,uBAAA,GAAA,MAAA,cAAA,CAAyD,IAAI;AAE1E,MAAa,6BAAA,GAAA,MAAA,IAAA,CAAgC,mBAAmB,KAAKA,sBAAAA;AAErE,SAAgB,kBAAkB;CAChC,MAAM,OAAA,GAAA,MAAA,IAAA,CAAU,mBAAmB;CACnC,IAAI,CAAC,KACH,MAAM,IAAI,MACR,mGACF;CAGF,OAAO;AACT;AAaA,SAAgB,qBAAqB,EACnC,OACA,UACA,UAAU,QACkB;CAC5B,MAAM,cAAc,oBAAoB;CACxC,MAAM,eAAA,GAAA,MAAA,QAAA,OACEC,4BAAAA,kBAAkB,UAAU,cAAcD,sBAAAA,eAAe,KAAK,GACpE;EAAC;EAAO;EAAa;CAAO,CAC9B;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;EAAqB,OAAO;EAAc;CAA8B,CAAA;AACjF;AAEA,qBAAqB,cAAc"}
+{"version":3,"file":"MantineThemeProvider.cjs","names":["createContext","use","DEFAULT_THEME","useMemo","mergeMantineTheme"],"sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import { createContext, use, useMemo } from 'react';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\n\nexport const MantineThemeContext = createContext<MantineTheme | null>(null);\n\nexport const useSafeMantineTheme = () => use(MantineThemeContext) || DEFAULT_THEME;\n\nexport function useMantineTheme() {\n  const ctx = use(MantineThemeContext);\n  if (!ctx) {\n    throw new Error(\n      '@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app'\n    );\n  }\n\n  return ctx;\n}\n\nexport interface MantineThemeProviderProps {\n  /** Determines whether theme should be inherited from parent MantineProvider @default true */\n  inherit?: boolean;\n\n  /** Theme override object */\n  theme?: MantineThemeOverride;\n\n  /** Your application or part of the application that requires different theme */\n  children?: React.ReactNode;\n}\n\nexport function MantineThemeProvider({\n  theme,\n  children,\n  inherit = true,\n}: MantineThemeProviderProps) {\n  const parentTheme = useSafeMantineTheme();\n  const mergedTheme = useMemo(\n    () => mergeMantineTheme(inherit ? parentTheme : DEFAULT_THEME, theme),\n    [theme, parentTheme, inherit]\n  );\n\n  return <MantineThemeContext value={mergedTheme}>{children}</MantineThemeContext>;\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"mappings":";;;;;;AAKA,MAAa,uBAAA,GAAsBA,MAAAA,cAAAA,CAAmC,IAAI;AAE1E,MAAa,6BAAA,GAA4BC,MAAAA,IAAAA,CAAI,mBAAmB,KAAKC,sBAAAA;AAErE,SAAgB,kBAAkB;CAChC,MAAM,OAAA,GAAMD,MAAAA,IAAAA,CAAI,mBAAmB;CACnC,IAAI,CAAC,KACH,MAAM,IAAI,MACR,mGACF;CAGF,OAAO;AACT;AAaA,SAAgB,qBAAqB,EACnC,OACA,UACA,UAAU,QACkB;CAC5B,MAAM,cAAc,oBAAoB;CACxC,MAAM,eAAA,GAAcE,MAAAA,QAAAA,OACZC,4BAAAA,kBAAkB,UAAU,cAAcF,sBAAAA,eAAe,KAAK,GACpE;EAAC;EAAO;EAAa;CAAO,CAC9B;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;EAAqB,OAAO;EAAc;CAA8B,CAAA;AACjF;AAEA,qBAAqB,cAAc"}

package/cjs/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-contrast-color.cjs","names":["parseThemeColor","isVirtualColor","getPrimaryShade"],"sources":["../../../../../src/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.ts"],"sourcesContent":["import type { MantineColor, MantineColorScheme, MantineTheme } from '../../theme.types';\nimport { isVirtualColor } from '../../MantineCssVariables/virtual-color/virtual-color';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\n\ninterface GetContrastColorInput {\n  color: string | null | undefined;\n  theme: MantineTheme;\n  autoContrast?: boolean | undefined | null;\n  colorScheme?: MantineColorScheme;\n}\n\nexport function getContrastColor({\n  color,\n  theme,\n  autoContrast,\n  colorScheme,\n}: GetContrastColorInput) {\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast;\n\n  if (!_autoContrast) {\n    return 'var(--mantine-color-white)';\n  }\n\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme, colorScheme });\n  return parsed.isLight ? 'var(--mantine-color-black)' : 'var(--mantine-color-white)';\n}\n\nexport function getVirtualColorContrast(\n  value: { light: MantineColor; dark: MantineColor },\n  theme: MantineTheme,\n  colorScheme: 'light' | 'dark'\n) {\n  return getContrastColor({\n    color: colorScheme === 'dark' ? value.dark : value.light,\n    theme,\n    colorScheme,\n    autoContrast: true,\n  });\n}\n\nexport function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark') {\n  const primaryColor = theme.colors[theme.primaryColor];\n\n  if (isVirtualColor(primaryColor)) {\n    if (!theme.autoContrast) {\n      return 'var(--mantine-color-white)';\n    }\n\n    return getVirtualColorContrast(primaryColor, theme, colorScheme);\n  }\n\n  return getContrastColor({\n    color: primaryColor[getPrimaryShade(theme, colorScheme)],\n    theme,\n    autoContrast: null,\n  });\n}\n"],"mappings":";;;;;AAYA,SAAgB,iBAAiB,EAC/B,OACA,OACA,cACA,eACwB;CAGxB,IAAI,EAFkB,OAAO,iBAAiB,YAAY,eAAe,MAAM,eAG7E,OAAO;CAIT,OADeA,0BAAAA,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;EAAO;CAAY,CAC5E,CAAC,CAAC,UAAU,+BAA+B;AACzD;AAEA,SAAgB,wBACd,OACA,OACA,aACA;CACA,OAAO,iBAAiB;EACtB,OAAO,gBAAgB,SAAS,MAAM,OAAO,MAAM;EACnD;EACA;EACA,cAAc;CAChB,CAAC;AACH;AAEA,SAAgB,wBAAwB,OAAqB,aAA+B;CAC1F,MAAM,eAAe,MAAM,OAAO,MAAM;CAExC,IAAIC,sBAAAA,eAAe,YAAY,GAAG;EAChC,IAAI,CAAC,MAAM,cACT,OAAO;EAGT,OAAO,wBAAwB,cAAc,OAAO,WAAW;CACjE;CAEA,OAAO,iBAAiB;EACtB,OAAO,aAAaC,0BAAAA,gBAAgB,OAAO,WAAW;EACtD;EACA,cAAc;CAChB,CAAC;AACH"}
+{"version":3,"file":"get-contrast-color.cjs","names":["parseThemeColor","isVirtualColor","getPrimaryShade"],"sources":["../../../../../src/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.ts"],"sourcesContent":["import { isVirtualColor } from '../../MantineCssVariables/virtual-color/virtual-color';\nimport type { MantineColor, MantineColorScheme, MantineTheme } from '../../theme.types';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\n\ninterface GetContrastColorInput {\n  color: string | null | undefined;\n  theme: MantineTheme;\n  autoContrast?: boolean | undefined | null;\n  colorScheme?: MantineColorScheme;\n}\n\nexport function getContrastColor({\n  color,\n  theme,\n  autoContrast,\n  colorScheme,\n}: GetContrastColorInput) {\n  const _autoContrast = typeof autoContrast === 'boolean' ? autoContrast : theme.autoContrast;\n\n  if (!_autoContrast) {\n    return 'var(--mantine-color-white)';\n  }\n\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme, colorScheme });\n  return parsed.isLight ? 'var(--mantine-color-black)' : 'var(--mantine-color-white)';\n}\n\nexport function getVirtualColorContrast(\n  value: { light: MantineColor; dark: MantineColor },\n  theme: MantineTheme,\n  colorScheme: 'light' | 'dark'\n) {\n  return getContrastColor({\n    color: colorScheme === 'dark' ? value.dark : value.light,\n    theme,\n    colorScheme,\n    autoContrast: true,\n  });\n}\n\nexport function getPrimaryContrastColor(theme: MantineTheme, colorScheme: 'light' | 'dark') {\n  const primaryColor = theme.colors[theme.primaryColor];\n\n  if (isVirtualColor(primaryColor)) {\n    if (!theme.autoContrast) {\n      return 'var(--mantine-color-white)';\n    }\n\n    return getVirtualColorContrast(primaryColor, theme, colorScheme);\n  }\n\n  return getContrastColor({\n    color: primaryColor[getPrimaryShade(theme, colorScheme)],\n    theme,\n    autoContrast: null,\n  });\n}\n"],"mappings":";;;;;AAYA,SAAgB,iBAAiB,EAC/B,OACA,OACA,cACA,eACwB;CAGxB,IAAI,EAFkB,OAAO,iBAAiB,YAAY,eAAe,MAAM,eAG7E,OAAO;CAIT,OADeA,0BAAAA,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;EAAO;CAAY,CAC5E,CAAC,CAAC,UAAU,+BAA+B;AACzD;AAEA,SAAgB,wBACd,OACA,OACA,aACA;CACA,OAAO,iBAAiB;EACtB,OAAO,gBAAgB,SAAS,MAAM,OAAO,MAAM;EACnD;EACA;EACA,cAAc;CAChB,CAAC;AACH;AAEA,SAAgB,wBAAwB,OAAqB,aAA+B;CAC1F,MAAM,eAAe,MAAM,OAAO,MAAM;CAExC,IAAIC,sBAAAA,eAAe,YAAY,GAAG;EAChC,IAAI,CAAC,MAAM,cACT,OAAO;EAGT,OAAO,wBAAwB,cAAc,OAAO,WAAW;CACjE;CAEA,OAAO,iBAAiB;EACtB,OAAO,aAAaC,0BAAAA,gBAAgB,OAAO,WAAW;EACtD;EACA,cAAc;CAChB,CAAC;AACH"}

package/cjs/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"merge-mantine-theme.cjs","names":["deepMerge"],"sources":["../../../../src/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.ts"],"sourcesContent":["import { deepMerge } from '../../utils';\nimport type { MantineTheme, MantineThemeOverride } from '../theme.types';\n\nexport const INVALID_PRIMARY_COLOR_ERROR =\n  '[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color';\n\nexport const INVALID_PRIMARY_SHADE_ERROR =\n  '[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }';\n\nfunction isValidPrimaryShade(shade: number) {\n  if (shade < 0 || shade > 9) {\n    return false;\n  }\n\n  return parseInt(shade.toString(), 10) === shade;\n}\n\nexport function validateMantineTheme(theme: MantineTheme): asserts theme is MantineTheme {\n  if (!(theme.primaryColor in theme.colors)) {\n    throw new Error(INVALID_PRIMARY_COLOR_ERROR);\n  }\n\n  if (typeof theme.primaryShade === 'object') {\n    if (\n      !isValidPrimaryShade(theme.primaryShade.dark) ||\n      !isValidPrimaryShade(theme.primaryShade.light)\n    ) {\n      throw new Error(INVALID_PRIMARY_SHADE_ERROR);\n    }\n  }\n\n  if (typeof theme.primaryShade === 'number' && !isValidPrimaryShade(theme.primaryShade)) {\n    throw new Error(INVALID_PRIMARY_SHADE_ERROR);\n  }\n}\n\nexport function mergeMantineTheme(\n  currentTheme: MantineTheme,\n  themeOverride?: MantineThemeOverride\n) {\n  if (!themeOverride) {\n    validateMantineTheme(currentTheme);\n    return currentTheme;\n  }\n\n  const result = deepMerge(currentTheme, themeOverride);\n\n  // deepMerge does a shallow root spread, so result.headings still aliases\n  // currentTheme.headings when the override has no `headings` key. Reassign\n  // rather than mutate to keep the input (typically DEFAULT_THEME) untouched.\n  if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) {\n    result.headings = { ...result.headings, fontFamily: themeOverride.fontFamily };\n  }\n\n  validateMantineTheme(result);\n  return result;\n}\n"],"mappings":";;AAGA,MAAa,8BACX;AAEF,MAAa,8BACX;AAEF,SAAS,oBAAoB,OAAe;CAC1C,IAAI,QAAQ,KAAK,QAAQ,GACvB,OAAO;CAGT,OAAO,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AAC5C;AAEA,SAAgB,qBAAqB,OAAoD;CACvF,IAAI,EAAE,MAAM,gBAAgB,MAAM,SAChC,MAAM,IAAI,MAAM,2BAA2B;CAG7C,IAAI,OAAO,MAAM,iBAAiB;MAE9B,CAAC,oBAAoB,MAAM,aAAa,IAAI,KAC5C,CAAC,oBAAoB,MAAM,aAAa,KAAK,GAE7C,MAAM,IAAI,MAAM,2BAA2B;CAAA;CAI/C,IAAI,OAAO,MAAM,iBAAiB,YAAY,CAAC,oBAAoB,MAAM,YAAY,GACnF,MAAM,IAAI,MAAM,2BAA2B;AAE/C;AAEA,SAAgB,kBACd,cACA,eACA;CACA,IAAI,CAAC,eAAe;EAClB,qBAAqB,YAAY;EACjC,OAAO;CACT;CAEA,MAAM,SAASA,mBAAAA,UAAU,cAAc,aAAa;CAKpD,IAAI,cAAc,cAAc,CAAC,cAAc,UAAU,YACvD,OAAO,WAAW;EAAE,GAAG,OAAO;EAAU,YAAY,cAAc;CAAW;CAG/E,qBAAqB,MAAM;CAC3B,OAAO;AACT"}
+{"version":3,"file":"merge-mantine-theme.cjs","names":["deepMerge"],"sources":["../../../../src/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.ts"],"sourcesContent":["import { deepMerge } from '../../utils';\nimport type { MantineTheme, MantineThemeOverride } from '../theme.types';\n\nexport const INVALID_PRIMARY_COLOR_ERROR =\n  '[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color';\n\nexport const INVALID_PRIMARY_SHADE_ERROR =\n  '[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }';\n\nfunction isValidPrimaryShade(shade: number) {\n  if (shade < 0 || shade > 9) {\n    return false;\n  }\n\n  return parseInt(shade.toString(), 10) === shade;\n}\n\nexport function validateMantineTheme(theme: MantineTheme): asserts theme is MantineTheme {\n  if (!(theme.primaryColor in theme.colors)) {\n    throw new Error(INVALID_PRIMARY_COLOR_ERROR);\n  }\n\n  if (typeof theme.primaryShade === 'object') {\n    if (\n      !isValidPrimaryShade(theme.primaryShade.dark) ||\n      !isValidPrimaryShade(theme.primaryShade.light)\n    ) {\n      throw new Error(INVALID_PRIMARY_SHADE_ERROR);\n    }\n  }\n\n  if (typeof theme.primaryShade === 'number' && !isValidPrimaryShade(theme.primaryShade)) {\n    throw new Error(INVALID_PRIMARY_SHADE_ERROR);\n  }\n}\n\nexport function mergeMantineTheme(\n  currentTheme: MantineTheme,\n  themeOverride?: MantineThemeOverride\n) {\n  if (!themeOverride) {\n    validateMantineTheme(currentTheme);\n    return currentTheme;\n  }\n\n  const result = deepMerge(currentTheme, themeOverride);\n\n  // deepMerge does a shallow root spread, so result.headings still aliases\n  // currentTheme.headings when the override has no `headings` key. Reassign\n  // rather than mutate to keep the input (typically DEFAULT_THEME) untouched.\n  if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) {\n    result.headings = { ...result.headings, fontFamily: themeOverride.fontFamily };\n  }\n\n  validateMantineTheme(result);\n  return result;\n}\n"],"mappings":";;AAGA,MAAa,8BACX;AAEF,MAAa,8BACX;AAEF,SAAS,oBAAoB,OAAe;CAC1C,IAAI,QAAQ,KAAK,QAAQ,GACvB,OAAO;CAGT,OAAO,SAAS,MAAM,SAAS,GAAG,EAAE,MAAM;AAC5C;AAEA,SAAgB,qBAAqB,OAAoD;CACvF,IAAI,EAAE,MAAM,gBAAgB,MAAM,SAChC,MAAM,IAAI,MAAM,2BAA2B;CAG7C,IAAI,OAAO,MAAM,iBAAiB,UAE9B;MAAA,CAAC,oBAAoB,MAAM,aAAa,IAAI,KAC5C,CAAC,oBAAoB,MAAM,aAAa,KAAK,GAE7C,MAAM,IAAI,MAAM,2BAA2B;CAAA;CAI/C,IAAI,OAAO,MAAM,iBAAiB,YAAY,CAAC,oBAAoB,MAAM,YAAY,GACnF,MAAM,IAAI,MAAM,2BAA2B;AAE/C;AAEA,SAAgB,kBACd,cACA,eACA;CACA,IAAI,CAAC,eAAe;EAClB,qBAAqB,YAAY;EACjC,OAAO;CACT;CAEA,MAAM,SAASA,mBAAAA,UAAU,cAAc,aAAa;CAKpD,IAAI,cAAc,cAAc,CAAC,cAAc,UAAU,YACvD,OAAO,WAAW;EAAE,GAAG,OAAO;EAAU,YAAY,cAAc;CAAW;CAG/E,qBAAqB,MAAM;CAC3B,OAAO;AACT"}

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-computed-color-scheme.cjs","names":["useMantineColorScheme"],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.ts"],"sourcesContent":["import { useColorScheme, UseMediaQueryOptions } from '@mantine/hooks';\nimport { useMantineColorScheme } from './use-mantine-color-scheme';\n\nexport function useComputedColorScheme(\n  defaultValue?: 'light' | 'dark',\n  options: UseMediaQueryOptions = { getInitialValueInEffect: true }\n) {\n  const osColorScheme = useColorScheme(defaultValue, options);\n  const { colorScheme } = useMantineColorScheme();\n  return colorScheme === 'auto' ? osColorScheme : colorScheme;\n}\n"],"mappings":";;;;AAGA,SAAgB,uBACd,cACA,UAAgC,EAAE,yBAAyB,KAAK,GAChE;CACA,MAAM,iBAAA,GAAA,eAAA,eAAA,CAA+B,cAAc,OAAO;CAC1D,MAAM,EAAE,gBAAgBA,iCAAAA,sBAAsB;CAC9C,OAAO,gBAAgB,SAAS,gBAAgB;AAClD"}
+{"version":3,"file":"use-computed-color-scheme.cjs","names":["useColorScheme","useMantineColorScheme"],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.ts"],"sourcesContent":["import { useColorScheme, UseMediaQueryOptions } from '@mantine/hooks';\nimport { useMantineColorScheme } from './use-mantine-color-scheme';\n\nexport function useComputedColorScheme(\n  defaultValue?: 'light' | 'dark',\n  options: UseMediaQueryOptions = { getInitialValueInEffect: true }\n) {\n  const osColorScheme = useColorScheme(defaultValue, options);\n  const { colorScheme } = useMantineColorScheme();\n  return colorScheme === 'auto' ? osColorScheme : colorScheme;\n}\n"],"mappings":";;;;AAGA,SAAgB,uBACd,cACA,UAAgC,EAAE,yBAAyB,KAAK,GAChE;CACA,MAAM,iBAAA,GAAgBA,eAAAA,eAAAA,CAAe,cAAc,OAAO;CAC1D,MAAM,EAAE,gBAAgBC,iCAAAA,sBAAsB;CAC9C,OAAO,gBAAgB,SAAS,gBAAgB;AAClD"}

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.cjs

@@ -18,7 +18,8 @@ function useMantineColorScheme({ keepTransitions } = {}) {
 	const clearStylesRef = (0, react.useRef)(require_noop.noop);
 	const timeoutRef = (0, react.useRef)(-1);
 	const ctx = (0, react.use)(require_Mantine_context.MantineContext);
-	const nonceValue = (0, react.useRef)(require_Mantine_context.useMantineStyleNonce()?.());
+	const nonce = require_Mantine_context.useMantineStyleNonce();
+	const nonceValue = (0, react.useRef)(nonce?.());
 	if (!ctx) throw new Error("[@mantine/core] MantineProvider was not found in tree");
 	const setColorScheme = (value) => {
 		ctx.setColorScheme(value);

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-mantine-color-scheme.cjs","names":["noop","MantineContext","useMantineStyleNonce"],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { use, useCallback, useEffect, useRef } from 'react';\nimport { useColorScheme } from '@mantine/hooks';\nimport { noop } from '../../utils';\nimport { MantineContext, useMantineStyleNonce } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition(nonce: string | undefined) {\n  const style = document.createElement('style');\n  style.setAttribute('data-mantine-styles', 'inline');\n  style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n  style.setAttribute('data-mantine-disable-transition', 'true');\n  nonce && style.setAttribute('nonce', nonce);\n\n  document.head.appendChild(style);\n  const clear = () =>\n    document\n      .querySelectorAll('[data-mantine-disable-transition]')\n      .forEach((element) => element.remove());\n  return clear;\n}\n\nexport function useMantineColorScheme({ keepTransitions }: { keepTransitions?: boolean } = {}) {\n  const clearStylesRef = useRef<() => void>(noop);\n  const timeoutRef = useRef<number>(-1);\n  const ctx = use(MantineContext);\n  const nonce = useMantineStyleNonce();\n  const nonceValue = useRef(nonce?.());\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  const setColorScheme = (value: MantineColorScheme) => {\n    ctx.setColorScheme(value);\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const clearColorScheme = () => {\n    ctx.clearColorScheme();\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const osColorScheme = useColorScheme('light', { getInitialValueInEffect: false });\n  const computedColorScheme = ctx.colorScheme === 'auto' ? osColorScheme : ctx.colorScheme;\n\n  const toggleColorScheme = useCallback(\n    () => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light'),\n    [setColorScheme, computedColorScheme]\n  );\n\n  useEffect(\n    () => () => {\n      clearStylesRef.current?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  return {\n    colorScheme: ctx.colorScheme,\n    setColorScheme,\n    clearColorScheme,\n    toggleColorScheme,\n  };\n}\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB,OAA2B;CACpD,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,aAAa,uBAAuB,QAAQ;CAClD,MAAM,YAAY;CAClB,MAAM,aAAa,mCAAmC,MAAM;CAC5D,SAAS,MAAM,aAAa,SAAS,KAAK;CAE1C,SAAS,KAAK,YAAY,KAAK;CAC/B,MAAM,cACJ,SACG,iBAAiB,mCAAmC,CAAC,CACrD,SAAS,YAAY,QAAQ,OAAO,CAAC;CAC1C,OAAO;AACT;AAEA,SAAgB,sBAAsB,EAAE,oBAAmD,CAAC,GAAG;CAC7F,MAAM,kBAAA,GAAA,MAAA,OAAA,CAAoCA,aAAAA,IAAI;CAC9C,MAAM,cAAA,GAAA,MAAA,OAAA,CAA4B,EAAE;CACpC,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUC,wBAAAA,cAAc;CAE9B,MAAM,cAAA,GAAA,MAAA,OAAA,CADQC,wBAAAA,qBACgB,CAAC,GAAG,CAAC;CAEnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,MAAM,kBAAkB,UAA8B;EACpD,IAAI,eAAe,KAAK;EACxB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,yBAAyB;EAC7B,IAAI,iBAAiB;EACrB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,iBAAA,GAAA,eAAA,eAAA,CAA+B,SAAS,EAAE,yBAAyB,MAAM,CAAC;CAChF,MAAM,sBAAsB,IAAI,gBAAgB,SAAS,gBAAgB,IAAI;CAE7E,MAAM,qBAAA,GAAA,MAAA,YAAA,OACE,eAAe,wBAAwB,UAAU,SAAS,OAAO,GACvE,CAAC,gBAAgB,mBAAmB,CACtC;CAEA,CAAA,GAAA,MAAA,UAAA,aACc;EACV,eAAe,UAAU;EACzB,OAAO,aAAa,WAAW,OAAO;CACxC,GACA,CAAC,CACH;CAEA,OAAO;EACL,aAAa,IAAI;EACjB;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"use-mantine-color-scheme.cjs","names":["useRef","noop","use","MantineContext","useMantineStyleNonce","useColorScheme","useCallback"],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { use, useCallback, useEffect, useRef } from 'react';\nimport { useColorScheme } from '@mantine/hooks';\nimport { noop } from '../../utils';\nimport { MantineContext, useMantineStyleNonce } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition(nonce: string | undefined) {\n  const style = document.createElement('style');\n  style.setAttribute('data-mantine-styles', 'inline');\n  style.innerHTML = '*, *::before, *::after {transition: none !important;}';\n  style.setAttribute('data-mantine-disable-transition', 'true');\n  nonce && style.setAttribute('nonce', nonce);\n\n  document.head.appendChild(style);\n  const clear = () =>\n    document\n      .querySelectorAll('[data-mantine-disable-transition]')\n      .forEach((element) => element.remove());\n  return clear;\n}\n\nexport function useMantineColorScheme({ keepTransitions }: { keepTransitions?: boolean } = {}) {\n  const clearStylesRef = useRef<() => void>(noop);\n  const timeoutRef = useRef<number>(-1);\n  const ctx = use(MantineContext);\n  const nonce = useMantineStyleNonce();\n  const nonceValue = useRef(nonce?.());\n\n  if (!ctx) {\n    throw new Error('[@mantine/core] MantineProvider was not found in tree');\n  }\n\n  const setColorScheme = (value: MantineColorScheme) => {\n    ctx.setColorScheme(value);\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const clearColorScheme = () => {\n    ctx.clearColorScheme();\n    clearStylesRef.current = keepTransitions ? () => {} : disableTransition(nonceValue.current);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\n  };\n\n  const osColorScheme = useColorScheme('light', { getInitialValueInEffect: false });\n  const computedColorScheme = ctx.colorScheme === 'auto' ? osColorScheme : ctx.colorScheme;\n\n  const toggleColorScheme = useCallback(\n    () => setColorScheme(computedColorScheme === 'light' ? 'dark' : 'light'),\n    [setColorScheme, computedColorScheme]\n  );\n\n  useEffect(\n    () => () => {\n      clearStylesRef.current?.();\n      window.clearTimeout(timeoutRef.current);\n    },\n    []\n  );\n\n  return {\n    colorScheme: ctx.colorScheme,\n    setColorScheme,\n    clearColorScheme,\n    toggleColorScheme,\n  };\n}\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB,OAA2B;CACpD,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,aAAa,uBAAuB,QAAQ;CAClD,MAAM,YAAY;CAClB,MAAM,aAAa,mCAAmC,MAAM;CAC5D,SAAS,MAAM,aAAa,SAAS,KAAK;CAE1C,SAAS,KAAK,YAAY,KAAK;CAC/B,MAAM,cACJ,SACG,iBAAiB,mCAAmC,CAAC,CACrD,SAAS,YAAY,QAAQ,OAAO,CAAC;CAC1C,OAAO;AACT;AAEA,SAAgB,sBAAsB,EAAE,oBAAmD,CAAC,GAAG;CAC7F,MAAM,kBAAA,GAAiBA,MAAAA,OAAAA,CAAmBC,aAAAA,IAAI;CAC9C,MAAM,cAAA,GAAaD,MAAAA,OAAAA,CAAe,EAAE;CACpC,MAAM,OAAA,GAAME,MAAAA,IAAAA,CAAIC,wBAAAA,cAAc;CAC9B,MAAM,QAAQC,wBAAAA,qBAAqB;CACnC,MAAM,cAAA,GAAaJ,MAAAA,OAAAA,CAAO,QAAQ,CAAC;CAEnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CAGzE,MAAM,kBAAkB,UAA8B;EACpD,IAAI,eAAe,KAAK;EACxB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,yBAAyB;EAC7B,IAAI,iBAAiB;EACrB,eAAe,UAAU,wBAAwB,CAAC,IAAI,kBAAkB,WAAW,OAAO;EAC1F,OAAO,aAAa,WAAW,OAAO;EACtC,WAAW,UAAU,OAAO,iBAAiB;GAC3C,eAAe,UAAU;EAC3B,GAAG,EAAE;CACP;CAEA,MAAM,iBAAA,GAAgBK,eAAAA,eAAAA,CAAe,SAAS,EAAE,yBAAyB,MAAM,CAAC;CAChF,MAAM,sBAAsB,IAAI,gBAAgB,SAAS,gBAAgB,IAAI;CAE7E,MAAM,qBAAA,GAAoBC,MAAAA,YAAAA,OAClB,eAAe,wBAAwB,UAAU,SAAS,OAAO,GACvE,CAAC,gBAAgB,mBAAmB,CACtC;CAEA,CAAA,GAAA,MAAA,UAAA,aACc;EACV,eAAe,UAAU;EACzB,OAAO,aAAa,WAAW,OAAO;CACxC,GACA,CAAC,CACH;CAEA,OAAO;EACL,aAAa,IAAI;EACjB;EACA;EACA;CACF;AACF"}

package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-provider-color-scheme.cjs","names":[],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n  colorScheme: MantineColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  const hasDarkColorScheme =\n    typeof window !== 'undefined' &&\n    'matchMedia' in window &&\n    window.matchMedia('(prefers-color-scheme: dark)')?.matches;\n\n  const computedColorScheme =\n    colorScheme !== 'auto' ? colorScheme : hasDarkColorScheme ? 'dark' : 'light';\n  getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n  manager: MantineColorSchemeManager;\n  defaultColorScheme: MantineColorScheme;\n  forceColorScheme: 'light' | 'dark' | undefined;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n  forceColorScheme,\n}: UseProviderColorSchemeOptions) {\n  const media = useRef<MediaQueryList>(null);\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n  const colorSchemeValue = forceColorScheme || value;\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      if (!forceColorScheme) {\n        setColorSchemeAttribute(colorScheme, getRootElement);\n        setValue(colorScheme);\n        manager.set(colorScheme);\n      }\n    },\n    [manager.set, colorSchemeValue, forceColorScheme]\n  );\n\n  const clearColorScheme = useCallback(() => {\n    setValue(defaultColorScheme);\n    setColorSchemeAttribute(defaultColorScheme, getRootElement);\n    manager.clear();\n  }, [manager.clear, defaultColorScheme]);\n\n  useEffect(() => {\n    manager.subscribe(setColorScheme);\n    return manager.unsubscribe;\n  }, [manager.subscribe, manager.unsubscribe]);\n\n  useIsomorphicEffect(() => {\n    setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n  }, []);\n\n  useEffect(() => {\n    if (forceColorScheme) {\n      setColorSchemeAttribute(forceColorScheme, getRootElement);\n      return () => {};\n    }\n\n    if (forceColorScheme === undefined) {\n      setColorSchemeAttribute(value, getRootElement);\n    }\n\n    if (typeof window !== 'undefined' && 'matchMedia' in window) {\n      media.current = window.matchMedia('(prefers-color-scheme: dark)');\n    }\n\n    const listener: MediaQueryCallback = (event) => {\n      if (value === 'auto') {\n        setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);\n      }\n    };\n\n    media.current?.addEventListener('change', listener);\n    return () => media.current?.removeEventListener('change', listener);\n  }, [value, forceColorScheme]);\n\n  return { colorScheme: colorSchemeValue, setColorScheme, clearColorScheme };\n}\n"],"mappings":";;;;AAKA,SAAS,wBACP,aACA,gBACA;CACA,MAAM,qBACJ,OAAO,WAAW,eAClB,gBAAgB,UAChB,OAAO,WAAW,8BAA8B,CAAC,EAAE;CAErD,MAAM,sBACJ,gBAAgB,SAAS,cAAc,qBAAqB,SAAS;CACvE,eAAe,CAAC,EAAE,aAAa,6BAA6B,mBAAmB;AACjF;AAWA,SAAgB,uBAAuB,EACrC,SACA,oBACA,gBACA,oBACgC;CAChC,MAAM,SAAA,GAAA,MAAA,OAAA,CAA+B,IAAI;CACzC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,OAA2B,QAAQ,IAAI,kBAAkB,CAAC;CACxE,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,kBAAA,GAAA,MAAA,YAAA,EACH,gBAAoC;EACnC,IAAI,CAAC,kBAAkB;GACrB,wBAAwB,aAAa,cAAc;GACnD,SAAS,WAAW;GACpB,QAAQ,IAAI,WAAW;EACzB;CACF,GACA;EAAC,QAAQ;EAAK;EAAkB;CAAgB,CAClD;CAEA,MAAM,oBAAA,GAAA,MAAA,YAAA,OAAqC;EACzC,SAAS,kBAAkB;EAC3B,wBAAwB,oBAAoB,cAAc;EAC1D,QAAQ,MAAM;CAChB,GAAG,CAAC,QAAQ,OAAO,kBAAkB,CAAC;CAEtC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,QAAQ,UAAU,cAAc;EAChC,OAAO,QAAQ;CACjB,GAAG,CAAC,QAAQ,WAAW,QAAQ,WAAW,CAAC;CAE3C,CAAA,GAAA,eAAA,oBAAA,OAA0B;EACxB,wBAAwB,QAAQ,IAAI,kBAAkB,GAAG,cAAc;CACzE,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,kBAAkB;GACpB,wBAAwB,kBAAkB,cAAc;GACxD,aAAa,CAAC;EAChB;EAEA,IAAI,qBAAqB,KAAA,GACvB,wBAAwB,OAAO,cAAc;EAG/C,IAAI,OAAO,WAAW,eAAe,gBAAgB,QACnD,MAAM,UAAU,OAAO,WAAW,8BAA8B;EAGlE,MAAM,YAAgC,UAAU;GAC9C,IAAI,UAAU,QACZ,wBAAwB,MAAM,UAAU,SAAS,SAAS,cAAc;EAE5E;EAEA,MAAM,SAAS,iBAAiB,UAAU,QAAQ;EAClD,aAAa,MAAM,SAAS,oBAAoB,UAAU,QAAQ;CACpE,GAAG,CAAC,OAAO,gBAAgB,CAAC;CAE5B,OAAO;EAAE,aAAa;EAAkB;EAAgB;CAAiB;AAC3E"}
+{"version":3,"file":"use-provider-color-scheme.cjs","names":["useRef","useState","useCallback"],"sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport type { MantineColorSchemeManager } from '../color-scheme-managers';\nimport type { MantineColorScheme } from '../theme.types';\n\nfunction setColorSchemeAttribute(\n  colorScheme: MantineColorScheme,\n  getRootElement: () => HTMLElement | undefined\n) {\n  const hasDarkColorScheme =\n    typeof window !== 'undefined' &&\n    'matchMedia' in window &&\n    window.matchMedia('(prefers-color-scheme: dark)')?.matches;\n\n  const computedColorScheme =\n    colorScheme !== 'auto' ? colorScheme : hasDarkColorScheme ? 'dark' : 'light';\n  getRootElement()?.setAttribute('data-mantine-color-scheme', computedColorScheme);\n}\n\ntype MediaQueryCallback = (event: { matches: boolean; media: string }) => void;\n\ninterface UseProviderColorSchemeOptions {\n  manager: MantineColorSchemeManager;\n  defaultColorScheme: MantineColorScheme;\n  forceColorScheme: 'light' | 'dark' | undefined;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n  forceColorScheme,\n}: UseProviderColorSchemeOptions) {\n  const media = useRef<MediaQueryList>(null);\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n  const colorSchemeValue = forceColorScheme || value;\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      if (!forceColorScheme) {\n        setColorSchemeAttribute(colorScheme, getRootElement);\n        setValue(colorScheme);\n        manager.set(colorScheme);\n      }\n    },\n    [manager.set, colorSchemeValue, forceColorScheme]\n  );\n\n  const clearColorScheme = useCallback(() => {\n    setValue(defaultColorScheme);\n    setColorSchemeAttribute(defaultColorScheme, getRootElement);\n    manager.clear();\n  }, [manager.clear, defaultColorScheme]);\n\n  useEffect(() => {\n    manager.subscribe(setColorScheme);\n    return manager.unsubscribe;\n  }, [manager.subscribe, manager.unsubscribe]);\n\n  useIsomorphicEffect(() => {\n    setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);\n  }, []);\n\n  useEffect(() => {\n    if (forceColorScheme) {\n      setColorSchemeAttribute(forceColorScheme, getRootElement);\n      return () => {};\n    }\n\n    if (forceColorScheme === undefined) {\n      setColorSchemeAttribute(value, getRootElement);\n    }\n\n    if (typeof window !== 'undefined' && 'matchMedia' in window) {\n      media.current = window.matchMedia('(prefers-color-scheme: dark)');\n    }\n\n    const listener: MediaQueryCallback = (event) => {\n      if (value === 'auto') {\n        setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);\n      }\n    };\n\n    media.current?.addEventListener('change', listener);\n    return () => media.current?.removeEventListener('change', listener);\n  }, [value, forceColorScheme]);\n\n  return { colorScheme: colorSchemeValue, setColorScheme, clearColorScheme };\n}\n"],"mappings":";;;;AAKA,SAAS,wBACP,aACA,gBACA;CACA,MAAM,qBACJ,OAAO,WAAW,eAClB,gBAAgB,UAChB,OAAO,WAAW,8BAA8B,CAAC,EAAE;CAErD,MAAM,sBACJ,gBAAgB,SAAS,cAAc,qBAAqB,SAAS;CACvE,eAAe,CAAC,EAAE,aAAa,6BAA6B,mBAAmB;AACjF;AAWA,SAAgB,uBAAuB,EACrC,SACA,oBACA,gBACA,oBACgC;CAChC,MAAM,SAAA,GAAQA,MAAAA,OAAAA,CAAuB,IAAI;CACzC,MAAM,CAAC,OAAO,aAAA,GAAYC,MAAAA,SAAAA,OAAe,QAAQ,IAAI,kBAAkB,CAAC;CACxE,MAAM,mBAAmB,oBAAoB;CAE7C,MAAM,kBAAA,GAAiBC,MAAAA,YAAAA,EACpB,gBAAoC;EACnC,IAAI,CAAC,kBAAkB;GACrB,wBAAwB,aAAa,cAAc;GACnD,SAAS,WAAW;GACpB,QAAQ,IAAI,WAAW;EACzB;CACF,GACA;EAAC,QAAQ;EAAK;EAAkB;CAAgB,CAClD;CAEA,MAAM,oBAAA,GAAmBA,MAAAA,YAAAA,OAAkB;EACzC,SAAS,kBAAkB;EAC3B,wBAAwB,oBAAoB,cAAc;EAC1D,QAAQ,MAAM;CAChB,GAAG,CAAC,QAAQ,OAAO,kBAAkB,CAAC;CAEtC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,QAAQ,UAAU,cAAc;EAChC,OAAO,QAAQ;CACjB,GAAG,CAAC,QAAQ,WAAW,QAAQ,WAAW,CAAC;CAE3C,CAAA,GAAA,eAAA,oBAAA,OAA0B;EACxB,wBAAwB,QAAQ,IAAI,kBAAkB,GAAG,cAAc;CACzE,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,kBAAkB;GACpB,wBAAwB,kBAAkB,cAAc;GACxD,aAAa,CAAC;EAChB;EAEA,IAAI,qBAAqB,KAAA,GACvB,wBAAwB,OAAO,cAAc;EAG/C,IAAI,OAAO,WAAW,eAAe,gBAAgB,QACnD,MAAM,UAAU,OAAO,WAAW,8BAA8B;EAGlE,MAAM,YAAgC,UAAU;GAC9C,IAAI,UAAU,QACZ,wBAAwB,MAAM,UAAU,SAAS,SAAS,cAAc;EAE5E;EAEA,MAAM,SAAS,iBAAiB,UAAU,QAAQ;EAClD,aAAa,MAAM,SAAS,oBAAoB,UAAU,QAAQ;CACpE,GAAG,CAAC,OAAO,gBAAgB,CAAC;CAE5B,OAAO;EAAE,aAAa;EAAkB;EAAgB;CAAiB;AAC3E"}

package/cjs/core/MantineProvider/use-matches/use-matches.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-matches.cjs","names":["useMantineTheme"],"sources":["../../../../src/core/MantineProvider/use-matches/use-matches.ts"],"sourcesContent":["import { useMediaQuery, UseMediaQueryOptions } from '@mantine/hooks';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { MantineBreakpoint } from '../theme.types';\n\ntype UseMatchesInput<T> = Partial<Record<MantineBreakpoint, T>>;\n\nconst BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nfunction getFirstMatchingValue<T>(\n  value: UseMatchesInput<T>,\n  biggestMatch: MantineBreakpoint | undefined\n): T {\n  if (!biggestMatch) {\n    return value.base!;\n  }\n\n  let index = BREAKPOINTS.indexOf(biggestMatch);\n\n  while (index >= 0) {\n    if (BREAKPOINTS[index] in value) {\n      return value[BREAKPOINTS[index]]!;\n    }\n    index -= 1;\n  }\n\n  return value.base!;\n}\n\nfunction getFirstMatchingBreakpoint(matches: (boolean | undefined)[]) {\n  return matches.findLastIndex((v) => v);\n}\n\nexport function useMatches<T>(payload: UseMatchesInput<T>, options?: UseMediaQueryOptions) {\n  const theme = useMantineTheme();\n  const xsMatches = useMediaQuery(`(min-width: ${theme.breakpoints.xs})`, false, options);\n  const smMatches = useMediaQuery(`(min-width: ${theme.breakpoints.sm})`, false, options);\n  const mdMatches = useMediaQuery(`(min-width: ${theme.breakpoints.md})`, false, options);\n  const lgMatches = useMediaQuery(`(min-width: ${theme.breakpoints.lg})`, false, options);\n  const xlMatches = useMediaQuery(`(min-width: ${theme.breakpoints.xl})`, false, options);\n\n  const breakpoints = [xsMatches, smMatches, mdMatches, lgMatches, xlMatches];\n  const firstMatchingBreakpointIndex = getFirstMatchingBreakpoint(breakpoints);\n  return getFirstMatchingValue(payload, BREAKPOINTS[firstMatchingBreakpointIndex]);\n}\n"],"mappings":";;;;AAMA,MAAM,cAAc;CAAC;CAAM;CAAM;CAAM;CAAM;AAAI;AAEjD,SAAS,sBACP,OACA,cACG;CACH,IAAI,CAAC,cACH,OAAO,MAAM;CAGf,IAAI,QAAQ,YAAY,QAAQ,YAAY;CAE5C,OAAO,SAAS,GAAG;EACjB,IAAI,YAAY,UAAU,OACxB,OAAO,MAAM,YAAY;EAE3B,SAAS;CACX;CAEA,OAAO,MAAM;AACf;AAEA,SAAS,2BAA2B,SAAkC;CACpE,OAAO,QAAQ,eAAe,MAAM,CAAC;AACvC;AAEA,SAAgB,WAAc,SAA6B,SAAgC;CACzF,MAAM,QAAQA,6BAAAA,gBAAgB;CAQ9B,MAAM,+BAA+B,2BAA2B;oCAPhC,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAMlD;oCALG,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAKvC;oCAJR,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAI5B;oCAHnB,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAGjB;oCAF9B,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAEN;CACC,CAAC;CAC3E,OAAO,sBAAsB,SAAS,YAAY,6BAA6B;AACjF"}
+{"version":3,"file":"use-matches.cjs","names":["useMantineTheme","useMediaQuery"],"sources":["../../../../src/core/MantineProvider/use-matches/use-matches.ts"],"sourcesContent":["import { useMediaQuery, UseMediaQueryOptions } from '@mantine/hooks';\nimport { useMantineTheme } from '../MantineThemeProvider';\nimport { MantineBreakpoint } from '../theme.types';\n\ntype UseMatchesInput<T> = Partial<Record<MantineBreakpoint, T>>;\n\nconst BREAKPOINTS = ['xs', 'sm', 'md', 'lg', 'xl'];\n\nfunction getFirstMatchingValue<T>(\n  value: UseMatchesInput<T>,\n  biggestMatch: MantineBreakpoint | undefined\n): T {\n  if (!biggestMatch) {\n    return value.base!;\n  }\n\n  let index = BREAKPOINTS.indexOf(biggestMatch);\n\n  while (index >= 0) {\n    if (BREAKPOINTS[index] in value) {\n      return value[BREAKPOINTS[index]]!;\n    }\n    index -= 1;\n  }\n\n  return value.base!;\n}\n\nfunction getFirstMatchingBreakpoint(matches: (boolean | undefined)[]) {\n  return matches.findLastIndex((v) => v);\n}\n\nexport function useMatches<T>(payload: UseMatchesInput<T>, options?: UseMediaQueryOptions) {\n  const theme = useMantineTheme();\n  const xsMatches = useMediaQuery(`(min-width: ${theme.breakpoints.xs})`, false, options);\n  const smMatches = useMediaQuery(`(min-width: ${theme.breakpoints.sm})`, false, options);\n  const mdMatches = useMediaQuery(`(min-width: ${theme.breakpoints.md})`, false, options);\n  const lgMatches = useMediaQuery(`(min-width: ${theme.breakpoints.lg})`, false, options);\n  const xlMatches = useMediaQuery(`(min-width: ${theme.breakpoints.xl})`, false, options);\n\n  const breakpoints = [xsMatches, smMatches, mdMatches, lgMatches, xlMatches];\n  const firstMatchingBreakpointIndex = getFirstMatchingBreakpoint(breakpoints);\n  return getFirstMatchingValue(payload, BREAKPOINTS[firstMatchingBreakpointIndex]);\n}\n"],"mappings":";;;;AAMA,MAAM,cAAc;CAAC;CAAM;CAAM;CAAM;CAAM;AAAI;AAEjD,SAAS,sBACP,OACA,cACG;CACH,IAAI,CAAC,cACH,OAAO,MAAM;CAGf,IAAI,QAAQ,YAAY,QAAQ,YAAY;CAE5C,OAAO,SAAS,GAAG;EACjB,IAAI,YAAY,UAAU,OACxB,OAAO,MAAM,YAAY;EAE3B,SAAS;CACX;CAEA,OAAO,MAAM;AACf;AAEA,SAAS,2BAA2B,SAAkC;CACpE,OAAO,QAAQ,eAAe,MAAM,CAAC;AACvC;AAEA,SAAgB,WAAc,SAA6B,SAAgC;CACzF,MAAM,QAAQA,6BAAAA,gBAAgB;CAQ9B,MAAM,+BAA+B,2BAA2B;GAP9CC,GAAAA,eAAAA,cAAAA,CAAc,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAMlD;GALXA,GAAAA,eAAAA,cAAAA,CAAc,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAKvC;GAJtBA,GAAAA,eAAAA,cAAAA,CAAc,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAI5B;GAHjCA,GAAAA,eAAAA,cAAAA,CAAc,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAGjB;GAF5CA,GAAAA,eAAAA,cAAAA,CAAc,eAAe,MAAM,YAAY,GAAG,IAAI,OAAO,OAEN;CACC,CAAC;CAC3E,OAAO,sBAAsB,SAAS,YAAY,6BAA6B;AACjF"}

package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-class-name.cjs","names":["getGlobalClassNames","getVariantClassName","getResolvedClassNames","getOptionsClassNames","getRootClassName","getSelectorClassName","getStaticClassNames"],"sources":["../../../../../src/core/styles-api/use-styles/get-class-name/get-class-name.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\n\ntype __ClassNames =\n  | undefined\n  | Partial<Record<string, string>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, string>>);\n\nexport type _ClassNames = __ClassNames | __ClassNames[];\n\nexport interface GetClassNameOptions {\n  /** Theme object, resolved by hook */\n  theme: MantineTheme;\n\n  /** Options for specified selector, may include `classNames` or `className` */\n  options: GetStylesApiOptions | undefined;\n\n  /** Name of the component which is used to get `classNames` from `theme.components` */\n  themeName: string[];\n\n  /** Class part specified in `getStyles` */\n  selector: string;\n\n  /** Prefix for all class names, resolved by hook, `mantine` by default */\n  classNamesPrefix: string;\n\n  /** Precomputed resolved `classNames` map (from the component `classNames` prop) */\n  resolvedClassNames: Partial<Record<string, string>>;\n\n  /** Precomputed resolved theme `classNames` maps (from `theme.components[name].classNames`) */\n  resolvedThemeClassNames: Partial<Record<string, string>>[];\n\n  /** Classes object, usually imported from `*.module.css` */\n  classes: Record<string, string>;\n\n  /** Determines whether classes from `classes` should be added to the list */\n  unstyled: boolean | undefined;\n\n  /** `className` specified in the hook, added to the list if `selector` is `rootSelector` */\n  className: string | undefined;\n\n  /** `rootSelector` specified in the hook, determines whether `className` should be added to the list */\n  rootSelector: string;\n\n  /** Component props, used as context for `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n\n  /** Determines whether static classes should be added */\n  withStaticClasses?: boolean;\n\n  /** If set, removes all Mantine classes */\n  headless?: boolean;\n\n  /** `styles` prop transformed into classes with CSS-in-JS library, for example, emotion */\n  transformedStyles?: Record<string, string>[];\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  resolvedClassNames,\n  resolvedThemeClassNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n  withStaticClasses,\n  headless,\n  transformedStyles,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled: unstyled || headless }),\n    resolvedThemeClassNames.map((m) => m[selector]),\n    getVariantClassName({ options, classes, selector, unstyled: unstyled || headless }),\n    resolvedClassNames[selector],\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames: transformedStyles, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled: unstyled || headless }),\n    withStaticClasses &&\n      !headless &&\n      getStaticClassNames({\n        themeName,\n        classNamesPrefix,\n        selector,\n        withStaticClass: options?.withStaticClass,\n      }),\n    options?.className\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwEA,SAAgB,aAAa,EAC3B,OACA,SACA,WACA,UACA,kBACA,oBACA,yBACA,SACA,UACA,WACA,cACA,OACA,WACA,mBACA,UACA,qBACsB;CACtB,QAAA,GAAA,KAAA,QAAA,CACEA,+BAAAA,oBAAoB;EAAE;EAAO;EAAS,UAAU,YAAY;CAAS,CAAC,GACtE,wBAAwB,KAAK,MAAM,EAAE,SAAS,GAC9CC,+BAAAA,oBAAoB;EAAE;EAAS;EAAS;EAAU,UAAU,YAAY;CAAS,CAAC,GAClF,mBAAmB,WACnBC,iCAAAA,sBAAsB;EAAE;EAAU;EAAW;EAAO,YAAY;EAAmB;CAAM,CAAC,GAC1FC,gCAAAA,qBAAqB;EAAE;EAAU;EAAW;EAAS;EAAO;CAAM,CAAC,GACnEC,4BAAAA,iBAAiB;EAAE;EAAc;EAAU;CAAU,CAAC,GACtDC,gCAAAA,qBAAqB;EAAE;EAAU;EAAS,UAAU,YAAY;CAAS,CAAC,GAC1E,qBACE,CAAC,YACDC,+BAAAA,oBAAoB;EAClB;EACA;EACA;EACA,iBAAiB,SAAS;CAC5B,CAAC,GACH,SAAS,SACX;AACF"}
+{"version":3,"file":"get-class-name.cjs","names":["cx","getGlobalClassNames","getVariantClassName","getResolvedClassNames","getOptionsClassNames","getRootClassName","getSelectorClassName","getStaticClassNames"],"sources":["../../../../../src/core/styles-api/use-styles/get-class-name/get-class-name.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\n\ntype __ClassNames =\n  | undefined\n  | Partial<Record<string, string>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, string>>);\n\nexport type _ClassNames = __ClassNames | __ClassNames[];\n\nexport interface GetClassNameOptions {\n  /** Theme object, resolved by hook */\n  theme: MantineTheme;\n\n  /** Options for specified selector, may include `classNames` or `className` */\n  options: GetStylesApiOptions | undefined;\n\n  /** Name of the component which is used to get `classNames` from `theme.components` */\n  themeName: string[];\n\n  /** Class part specified in `getStyles` */\n  selector: string;\n\n  /** Prefix for all class names, resolved by hook, `mantine` by default */\n  classNamesPrefix: string;\n\n  /** Precomputed resolved `classNames` map (from the component `classNames` prop) */\n  resolvedClassNames: Partial<Record<string, string>>;\n\n  /** Precomputed resolved theme `classNames` maps (from `theme.components[name].classNames`) */\n  resolvedThemeClassNames: Partial<Record<string, string>>[];\n\n  /** Classes object, usually imported from `*.module.css` */\n  classes: Record<string, string>;\n\n  /** Determines whether classes from `classes` should be added to the list */\n  unstyled: boolean | undefined;\n\n  /** `className` specified in the hook, added to the list if `selector` is `rootSelector` */\n  className: string | undefined;\n\n  /** `rootSelector` specified in the hook, determines whether `className` should be added to the list */\n  rootSelector: string;\n\n  /** Component props, used as context for `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n\n  /** Determines whether static classes should be added */\n  withStaticClasses?: boolean;\n\n  /** If set, removes all Mantine classes */\n  headless?: boolean;\n\n  /** `styles` prop transformed into classes with CSS-in-JS library, for example, emotion */\n  transformedStyles?: Record<string, string>[];\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  resolvedClassNames,\n  resolvedThemeClassNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n  withStaticClasses,\n  headless,\n  transformedStyles,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled: unstyled || headless }),\n    resolvedThemeClassNames.map((m) => m[selector]),\n    getVariantClassName({ options, classes, selector, unstyled: unstyled || headless }),\n    resolvedClassNames[selector],\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames: transformedStyles, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled: unstyled || headless }),\n    withStaticClasses &&\n      !headless &&\n      getStaticClassNames({\n        themeName,\n        classNamesPrefix,\n        selector,\n        withStaticClass: options?.withStaticClass,\n      }),\n    options?.className\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAwEA,SAAgB,aAAa,EAC3B,OACA,SACA,WACA,UACA,kBACA,oBACA,yBACA,SACA,UACA,WACA,cACA,OACA,WACA,mBACA,UACA,qBACsB;CACtB,QAAA,GAAOA,KAAAA,QAAAA,CACLC,+BAAAA,oBAAoB;EAAE;EAAO;EAAS,UAAU,YAAY;CAAS,CAAC,GACtE,wBAAwB,KAAK,MAAM,EAAE,SAAS,GAC9CC,+BAAAA,oBAAoB;EAAE;EAAS;EAAS;EAAU,UAAU,YAAY;CAAS,CAAC,GAClF,mBAAmB,WACnBC,iCAAAA,sBAAsB;EAAE;EAAU;EAAW;EAAO,YAAY;EAAmB;CAAM,CAAC,GAC1FC,gCAAAA,qBAAqB;EAAE;EAAU;EAAW;EAAS;EAAO;CAAM,CAAC,GACnEC,4BAAAA,iBAAiB;EAAE;EAAc;EAAU;CAAU,CAAC,GACtDC,gCAAAA,qBAAqB;EAAE;EAAU;EAAS,UAAU,YAAY;CAAS,CAAC,GAC1E,qBACE,CAAC,YACDC,+BAAAA,oBAAoB;EAClB;EACA;EACA;EACA,iBAAiB,SAAS;CAC5B,CAAC,GACH,SAAS,SACX;AACF"}

package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-global-class-names.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetGlobalClassNamesOptions {\n  theme: MantineTheme;\n  unstyled: boolean | undefined;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport const FOCUS_CLASS_NAMES = {\n  always: 'mantine-focus-always',\n  auto: 'mantine-focus-auto',\n  never: 'mantine-focus-never',\n} as const;\n\n/** Returns classes that are defined globally (focus and active styles) based on options */\nexport function getGlobalClassNames({ theme, options, unstyled }: GetGlobalClassNamesOptions) {\n  return cx(\n    options?.focusable && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),\n    options?.active && !unstyled && theme.activeClassName\n  );\n}\n"],"mappings":";;;;;AAUA,MAAa,oBAAoB;CAC/B,QAAQ;CACR,MAAM;CACN,OAAO;AACT;;AAGA,SAAgB,oBAAoB,EAAE,OAAO,SAAS,YAAwC;CAC5F,QAAA,GAAA,KAAA,QAAA,CACE,SAAS,aAAa,CAAC,aAAa,MAAM,kBAAkB,kBAAkB,MAAM,aACpF,SAAS,UAAU,CAAC,YAAY,MAAM,eACxC;AACF"}
+{"version":3,"file":"get-global-class-names.cjs","names":["cx"],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetGlobalClassNamesOptions {\n  theme: MantineTheme;\n  unstyled: boolean | undefined;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport const FOCUS_CLASS_NAMES = {\n  always: 'mantine-focus-always',\n  auto: 'mantine-focus-auto',\n  never: 'mantine-focus-never',\n} as const;\n\n/** Returns classes that are defined globally (focus and active styles) based on options */\nexport function getGlobalClassNames({ theme, options, unstyled }: GetGlobalClassNamesOptions) {\n  return cx(\n    options?.focusable && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]),\n    options?.active && !unstyled && theme.activeClassName\n  );\n}\n"],"mappings":";;;;;AAUA,MAAa,oBAAoB;CAC/B,QAAQ;CACR,MAAM;CACN,OAAO;AACT;;AAGA,SAAgB,oBAAoB,EAAE,OAAO,SAAS,YAAwC;CAC5F,QAAA,GAAOA,KAAAA,QAAAA,CACL,SAAS,aAAa,CAAC,aAAa,MAAM,kBAAkB,kBAAkB,MAAM,aACpF,SAAS,UAAU,CAAC,YAAY,MAAM,eACxC;AACF"}

package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-class-names.cjs","names":[],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Partial<Record<string, string>> = {};\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {};\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value);\n      } else {\n        merged[key] = value;\n      }\n    });\n  });\n\n  return merged;\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  );\n\n  return mergeClassNames(resolvedClassNames);\n}\n"],"mappings":";;;;;AAWA,MAAM,oBAAqD,CAAC;AAE5D,SAAS,gBAAgB,SAA4C;CACnE,MAAM,SAA0C,CAAC;CAEjD,QAAQ,SAAS,QAAQ;EACvB,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;GAC5C,IAAI,OAAO,MACT,OAAO,QAAA,GAAA,KAAA,QAAA,CAAU,OAAO,MAAM,KAAK;QAEnC,OAAO,OAAO;EAElB,CAAC;CACH,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,kBAAkB,EAAE,OAAO,YAAY,OAAO,aAAqC;CAMjG,OAAO,iBALiB,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC,UAAU,EAAA,CACjC,KAAK,SAC9C,OAAO,SAAS,aAAa,KAAK,OAAO,OAAO,SAAS,IAAI,QAAQ,iBAG/B,CAAC;AAC3C"}
+{"version":3,"file":"resolve-class-names.cjs","names":["cx"],"sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import cx from 'clsx';\nimport { MantineTheme } from '../../../../MantineProvider';\nimport type { _ClassNames } from '../get-class-name';\n\nexport interface ResolveClassNamesInput {\n  theme: MantineTheme;\n  classNames: _ClassNames;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nconst EMPTY_CLASS_NAMES: Partial<Record<string, string>> = {};\n\nfunction mergeClassNames(objects: Partial<Record<string, string>>[]) {\n  const merged: Partial<Record<string, string>> = {};\n\n  objects.forEach((obj) => {\n    Object.entries(obj).forEach(([key, value]) => {\n      if (merged[key]) {\n        merged[key] = cx(merged[key], value);\n      } else {\n        merged[key] = value;\n      }\n    });\n  });\n\n  return merged;\n}\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  const arrayClassNames = Array.isArray(classNames) ? classNames : [classNames];\n  const resolvedClassNames = arrayClassNames.map((item) =>\n    typeof item === 'function' ? item(theme, props, stylesCtx) : item || EMPTY_CLASS_NAMES\n  );\n\n  return mergeClassNames(resolvedClassNames);\n}\n"],"mappings":";;;;;AAWA,MAAM,oBAAqD,CAAC;AAE5D,SAAS,gBAAgB,SAA4C;CACnE,MAAM,SAA0C,CAAC;CAEjD,QAAQ,SAAS,QAAQ;EACvB,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,WAAW;GAC5C,IAAI,OAAO,MACT,OAAO,QAAA,GAAOA,KAAAA,QAAAA,CAAG,OAAO,MAAM,KAAK;QAEnC,OAAO,OAAO;EAElB,CAAC;CACH,CAAC;CAED,OAAO;AACT;AAEA,SAAgB,kBAAkB,EAAE,OAAO,YAAY,OAAO,aAAqC;CAMjG,OAAO,iBALiB,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC,UAAU,EAAA,CACjC,KAAK,SAC9C,OAAO,SAAS,aAAa,KAAK,OAAO,OAAO,SAAS,IAAI,QAAQ,iBAG/B,CAAC;AAC3C"}

package/cjs/core/utils/create-safe-context/create-safe-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-safe-context.cjs","names":[],"sources":["../../../../src/core/utils/create-safe-context/create-safe-context.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nexport function createSafeContext<ContextValue>(errorMessage: string) {\n  const Context = createContext<ContextValue | null>(null);\n\n  const useSafeContext = () => {\n    const ctx = use(Context);\n\n    if (ctx === null) {\n      throw new Error(errorMessage);\n    }\n\n    return ctx;\n  };\n\n  return [Context, useSafeContext] as const;\n}\n"],"mappings":";;;AAEA,SAAgB,kBAAgC,cAAsB;CACpE,MAAM,WAAA,GAAA,MAAA,cAAA,CAA6C,IAAI;CAEvD,MAAM,uBAAuB;EAC3B,MAAM,OAAA,GAAA,MAAA,IAAA,CAAU,OAAO;EAEvB,IAAI,QAAQ,MACV,MAAM,IAAI,MAAM,YAAY;EAG9B,OAAO;CACT;CAEA,OAAO,CAAC,SAAS,cAAc;AACjC"}
+{"version":3,"file":"create-safe-context.cjs","names":["createContext","use"],"sources":["../../../../src/core/utils/create-safe-context/create-safe-context.tsx"],"sourcesContent":["import { createContext, use } from 'react';\n\nexport function createSafeContext<ContextValue>(errorMessage: string) {\n  const Context = createContext<ContextValue | null>(null);\n\n  const useSafeContext = () => {\n    const ctx = use(Context);\n\n    if (ctx === null) {\n      throw new Error(errorMessage);\n    }\n\n    return ctx;\n  };\n\n  return [Context, useSafeContext] as const;\n}\n"],"mappings":";;;AAEA,SAAgB,kBAAgC,cAAsB;CACpE,MAAM,WAAA,GAAUA,MAAAA,cAAAA,CAAmC,IAAI;CAEvD,MAAM,uBAAuB;EAC3B,MAAM,OAAA,GAAMC,MAAAA,IAAAA,CAAI,OAAO;EAEvB,IAAI,QAAQ,MACV,MAAM,IAAI,MAAM,YAAY;EAG9B,OAAO;CACT;CAEA,OAAO,CAAC,SAAS,cAAc;AACjC"}

package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.cjs

@@ -70,7 +70,6 @@ function createScopedKeydownHandler({ parentSelector, siblingSelector, onKeyDown
 				event.stopPropagation();
 				event.preventDefault();
 				elements[getPreviousIndex(elements.length, elements, false)]?.focus();
-				break;
 		}
 	};
 }

package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-scoped-keydown-handler.cjs","names":["findElementAncestor"],"sources":["../../../../src/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nfunction getPreviousIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current - 1; i >= 0; i -= 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = elements.length - 1; i > -1; i -= 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\nfunction getNextIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current + 1; i < elements.length; i += 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < elements.length; i += 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\n/** Validates that target element is on the same level as sibling, used to filter out children that have the same sibling selector */\nfunction onSameLevel(\n  target: HTMLButtonElement,\n  sibling: HTMLButtonElement,\n  parentSelector: string\n) {\n  return (\n    findElementAncestor(target, parentSelector) === findElementAncestor(sibling, parentSelector)\n  );\n}\n\ninterface GetElementsSiblingsInput {\n  /** Selector used to find parent node, for example '[role=\"tablist\"]', '.mantine-Text-root' */\n  parentSelector: string;\n\n  /** Selector used to find element siblings, for example '[data-tab]' */\n  siblingSelector: string;\n\n  /** Determines whether next/previous indices should loop */\n  loop?: boolean;\n\n  /** Determines which arrow keys will be used */\n  orientation: 'vertical' | 'horizontal';\n\n  /** Text direction */\n  dir?: 'rtl' | 'ltr';\n\n  /** Determines whether element should be clicked when focused with keyboard event */\n  activateOnFocus?: boolean;\n\n  /** External keydown event */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\n\nexport function createScopedKeydownHandler({\n  parentSelector,\n  siblingSelector,\n  onKeyDown,\n  loop = true,\n  activateOnFocus = false,\n  dir = 'rtl',\n  orientation,\n}: GetElementsSiblingsInput) {\n  return (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    const elements = Array.from(\n      findElementAncestor(event.currentTarget, parentSelector)?.querySelectorAll<HTMLButtonElement>(\n        siblingSelector\n      ) || []\n    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));\n\n    const current = elements.findIndex((el) => event.currentTarget === el);\n    const _nextIndex = getNextIndex(current, elements, loop);\n    const _previousIndex = getPreviousIndex(current, elements, loop);\n    const nextIndex = dir === 'rtl' ? _previousIndex : _nextIndex;\n    const previousIndex = dir === 'rtl' ? _nextIndex : _previousIndex;\n\n    switch (event.key) {\n      case 'ArrowRight': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[nextIndex].focus();\n          activateOnFocus && elements[nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowLeft': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[previousIndex].focus();\n          activateOnFocus && elements[previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowUp': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_previousIndex].focus();\n          activateOnFocus && elements[_previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowDown': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_nextIndex].focus();\n          activateOnFocus && elements[_nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'Home': {\n        event.stopPropagation();\n        event.preventDefault();\n        elements[getNextIndex(-1, elements, false)]?.focus();\n        break;\n      }\n\n      case 'End': {\n        event.stopPropagation();\n        event.preventDefault();\n        elements[getPreviousIndex(elements.length, elements, false)]?.focus();\n        break;\n      }\n    }\n  };\n}\n"],"mappings":";;;AAEA,SAAS,iBAAiB,SAAiB,UAA+B,MAAe;CACvF,KAAK,IAAI,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK,GACrC,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAIX,IAAI;OACG,IAAI,IAAI,SAAS,SAAS,GAAG,IAAI,IAAI,KAAK,GAC7C,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAAA;CAKb,OAAO;AACT;AAEA,SAAS,aAAa,SAAiB,UAA+B,MAAe;CACnF,KAAK,IAAI,IAAI,UAAU,GAAG,IAAI,SAAS,QAAQ,KAAK,GAClD,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAIX,IAAI;OACG,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GACxC,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAAA;CAKb,OAAO;AACT;;AAGA,SAAS,YACP,QACA,SACA,gBACA;CACA,OACEA,8BAAAA,oBAAoB,QAAQ,cAAc,MAAMA,8BAAAA,oBAAoB,SAAS,cAAc;AAE/F;AAyBA,SAAgB,2BAA2B,EACzC,gBACA,iBACA,WACA,OAAO,MACP,kBAAkB,OAClB,MAAM,OACN,eAC2B;CAC3B,QAAQ,UAAkD;EACxD,YAAY,KAAK;EAEjB,MAAM,WAAW,MAAM,KACrBA,8BAAAA,oBAAoB,MAAM,eAAe,cAAc,CAAC,EAAE,iBACxD,eACF,KAAK,CAAC,CACR,CAAC,CAAC,QAAQ,SAAS,YAAY,MAAM,eAAe,MAAM,cAAc,CAAC;EAEzE,MAAM,UAAU,SAAS,WAAW,OAAO,MAAM,kBAAkB,EAAE;EACrE,MAAM,aAAa,aAAa,SAAS,UAAU,IAAI;EACvD,MAAM,iBAAiB,iBAAiB,SAAS,UAAU,IAAI;EAC/D,MAAM,YAAY,QAAQ,QAAQ,iBAAiB;EACnD,MAAM,gBAAgB,QAAQ,QAAQ,aAAa;EAEnD,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,IAAI,gBAAgB,cAAc;KAChC,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,UAAU,CAAC,MAAM;KAC1B,mBAAmB,SAAS,UAAU,CAAC,MAAM;IAC/C;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,cAAc;KAChC,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,cAAc,CAAC,MAAM;KAC9B,mBAAmB,SAAS,cAAc,CAAC,MAAM;IACnD;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,YAAY;KAC9B,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,eAAe,CAAC,MAAM;KAC/B,mBAAmB,SAAS,eAAe,CAAC,MAAM;IACpD;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,YAAY;KAC9B,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,WAAW,CAAC,MAAM;KAC3B,mBAAmB,SAAS,WAAW,CAAC,MAAM;IAChD;IAEA;GAGF,KAAK;IACH,MAAM,gBAAgB;IACtB,MAAM,eAAe;IACrB,SAAS,aAAa,IAAI,UAAU,KAAK,EAAE,EAAE,MAAM;IACnD;GAGF,KAAK;IACH,MAAM,gBAAgB;IACtB,MAAM,eAAe;IACrB,SAAS,iBAAiB,SAAS,QAAQ,UAAU,KAAK,EAAE,EAAE,MAAM;IACpE;EAEJ;CACF;AACF"}
+{"version":3,"file":"create-scoped-keydown-handler.cjs","names":["findElementAncestor"],"sources":["../../../../src/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nfunction getPreviousIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current - 1; i >= 0; i -= 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = elements.length - 1; i > -1; i -= 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\nfunction getNextIndex(current: number, elements: HTMLButtonElement[], loop: boolean) {\n  for (let i = current + 1; i < elements.length; i += 1) {\n    if (!elements[i].disabled) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < elements.length; i += 1) {\n      if (!elements[i].disabled) {\n        return i;\n      }\n    }\n  }\n\n  return current;\n}\n\n/** Validates that target element is on the same level as sibling, used to filter out children that have the same sibling selector */\nfunction onSameLevel(\n  target: HTMLButtonElement,\n  sibling: HTMLButtonElement,\n  parentSelector: string\n) {\n  return (\n    findElementAncestor(target, parentSelector) === findElementAncestor(sibling, parentSelector)\n  );\n}\n\ninterface GetElementsSiblingsInput {\n  /** Selector used to find parent node, for example '[role=\"tablist\"]', '.mantine-Text-root' */\n  parentSelector: string;\n\n  /** Selector used to find element siblings, for example '[data-tab]' */\n  siblingSelector: string;\n\n  /** Determines whether next/previous indices should loop */\n  loop?: boolean;\n\n  /** Determines which arrow keys will be used */\n  orientation: 'vertical' | 'horizontal';\n\n  /** Text direction */\n  dir?: 'rtl' | 'ltr';\n\n  /** Determines whether element should be clicked when focused with keyboard event */\n  activateOnFocus?: boolean;\n\n  /** External keydown event */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;\n}\n\nexport function createScopedKeydownHandler({\n  parentSelector,\n  siblingSelector,\n  onKeyDown,\n  loop = true,\n  activateOnFocus = false,\n  dir = 'rtl',\n  orientation,\n}: GetElementsSiblingsInput) {\n  return (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(event);\n\n    const elements = Array.from(\n      findElementAncestor(event.currentTarget, parentSelector)?.querySelectorAll<HTMLButtonElement>(\n        siblingSelector\n      ) || []\n    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector));\n\n    const current = elements.findIndex((el) => event.currentTarget === el);\n    const _nextIndex = getNextIndex(current, elements, loop);\n    const _previousIndex = getPreviousIndex(current, elements, loop);\n    const nextIndex = dir === 'rtl' ? _previousIndex : _nextIndex;\n    const previousIndex = dir === 'rtl' ? _nextIndex : _previousIndex;\n\n    switch (event.key) {\n      case 'ArrowRight': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[nextIndex].focus();\n          activateOnFocus && elements[nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowLeft': {\n        if (orientation === 'horizontal') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[previousIndex].focus();\n          activateOnFocus && elements[previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowUp': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_previousIndex].focus();\n          activateOnFocus && elements[_previousIndex].click();\n        }\n\n        break;\n      }\n\n      case 'ArrowDown': {\n        if (orientation === 'vertical') {\n          event.stopPropagation();\n          event.preventDefault();\n          elements[_nextIndex].focus();\n          activateOnFocus && elements[_nextIndex].click();\n        }\n\n        break;\n      }\n\n      case 'Home': {\n        event.stopPropagation();\n        event.preventDefault();\n        elements[getNextIndex(-1, elements, false)]?.focus();\n        break;\n      }\n\n      case 'End': {\n        event.stopPropagation();\n        event.preventDefault();\n        elements[getPreviousIndex(elements.length, elements, false)]?.focus();\n        break;\n      }\n    }\n  };\n}\n"],"mappings":";;;AAEA,SAAS,iBAAiB,SAAiB,UAA+B,MAAe;CACvF,KAAK,IAAI,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK,GACrC,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAIX,IAAI,MACG;OAAA,IAAI,IAAI,SAAS,SAAS,GAAG,IAAI,IAAI,KAAK,GAC7C,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAAA;CAKb,OAAO;AACT;AAEA,SAAS,aAAa,SAAiB,UAA+B,MAAe;CACnF,KAAK,IAAI,IAAI,UAAU,GAAG,IAAI,SAAS,QAAQ,KAAK,GAClD,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAIX,IAAI,MACG;OAAA,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GACxC,IAAI,CAAC,SAAS,EAAE,CAAC,UACf,OAAO;CAAA;CAKb,OAAO;AACT;;AAGA,SAAS,YACP,QACA,SACA,gBACA;CACA,OACEA,8BAAAA,oBAAoB,QAAQ,cAAc,MAAMA,8BAAAA,oBAAoB,SAAS,cAAc;AAE/F;AAyBA,SAAgB,2BAA2B,EACzC,gBACA,iBACA,WACA,OAAO,MACP,kBAAkB,OAClB,MAAM,OACN,eAC2B;CAC3B,QAAQ,UAAkD;EACxD,YAAY,KAAK;EAEjB,MAAM,WAAW,MAAM,KACrBA,8BAAAA,oBAAoB,MAAM,eAAe,cAAc,CAAC,EAAE,iBACxD,eACF,KAAK,CAAC,CACR,CAAC,CAAC,QAAQ,SAAS,YAAY,MAAM,eAAe,MAAM,cAAc,CAAC;EAEzE,MAAM,UAAU,SAAS,WAAW,OAAO,MAAM,kBAAkB,EAAE;EACrE,MAAM,aAAa,aAAa,SAAS,UAAU,IAAI;EACvD,MAAM,iBAAiB,iBAAiB,SAAS,UAAU,IAAI;EAC/D,MAAM,YAAY,QAAQ,QAAQ,iBAAiB;EACnD,MAAM,gBAAgB,QAAQ,QAAQ,aAAa;EAEnD,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,IAAI,gBAAgB,cAAc;KAChC,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,UAAU,CAAC,MAAM;KAC1B,mBAAmB,SAAS,UAAU,CAAC,MAAM;IAC/C;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,cAAc;KAChC,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,cAAc,CAAC,MAAM;KAC9B,mBAAmB,SAAS,cAAc,CAAC,MAAM;IACnD;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,YAAY;KAC9B,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,eAAe,CAAC,MAAM;KAC/B,mBAAmB,SAAS,eAAe,CAAC,MAAM;IACpD;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,YAAY;KAC9B,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,WAAW,CAAC,MAAM;KAC3B,mBAAmB,SAAS,WAAW,CAAC,MAAM;IAChD;IAEA;GAGF,KAAK;IACH,MAAM,gBAAgB;IACtB,MAAM,eAAe;IACrB,SAAS,aAAa,IAAI,UAAU,KAAK,EAAE,EAAE,MAAM;IACnD;GAGF,KAAK;IACH,MAAM,gBAAgB;IACtB,MAAM,eAAe;IACrB,SAAS,iBAAiB,SAAS,QAAQ,UAAU,KAAK,EAAE,EAAE,MAAM;EAGxE;CACF;AACF"}

package/cjs/core/utils/deep-merge/deep-merge.cjs

@@ -6,9 +6,10 @@ function deepMerge(target, source) {
 	const result = { ...target };
 	const _source = source;
 	if (isObject(target) && isObject(source)) Object.keys(source).forEach((key) => {
-		if (isObject(_source[key])) if (!(key in target)) result[key] = _source[key];
-		else result[key] = deepMerge(result[key], _source[key]);
-		else result[key] = _source[key];
+		if (isObject(_source[key])) {
+			if (!(key in target)) result[key] = _source[key];
+			else result[key] = deepMerge(result[key], _source[key]);
+		} else result[key] = _source[key];
 	});
 	return result;
 }

package/cjs/core/utils/deep-merge/deep-merge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"deep-merge.cjs","names":[],"sources":["../../../../src/core/utils/deep-merge/deep-merge.ts"],"sourcesContent":["function isObject(item: unknown) {\n  return item && typeof item === 'object' && !Array.isArray(item);\n}\n\nexport function deepMerge<T extends object>(target: T, source: any): T {\n  const result: Record<string, any> = { ...target };\n  const _source: Record<string, any> = source;\n\n  if (isObject(target) && isObject(source)) {\n    Object.keys(source).forEach((key) => {\n      if (isObject(_source[key])) {\n        if (!(key in target)) {\n          result[key] = _source[key];\n        } else {\n          result[key] = deepMerge(result[key], _source[key]);\n        }\n      } else {\n        result[key] = _source[key];\n      }\n    });\n  }\n\n  return result as T;\n}\n"],"mappings":";AAAA,SAAS,SAAS,MAAe;CAC/B,OAAO,QAAQ,OAAO,SAAS,YAAY,CAAC,MAAM,QAAQ,IAAI;AAChE;AAEA,SAAgB,UAA4B,QAAW,QAAgB;CACrE,MAAM,SAA8B,EAAE,GAAG,OAAO;CAChD,MAAM,UAA+B;CAErC,IAAI,SAAS,MAAM,KAAK,SAAS,MAAM,GACrC,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,QAAQ;EACnC,IAAI,SAAS,QAAQ,IAAI,GACvB,IAAI,EAAE,OAAO,SACX,OAAO,OAAO,QAAQ;OAEtB,OAAO,OAAO,UAAU,OAAO,MAAM,QAAQ,IAAI;OAGnD,OAAO,OAAO,QAAQ;CAE1B,CAAC;CAGH,OAAO;AACT"}
+{"version":3,"file":"deep-merge.cjs","names":[],"sources":["../../../../src/core/utils/deep-merge/deep-merge.ts"],"sourcesContent":["function isObject(item: unknown) {\n  return item && typeof item === 'object' && !Array.isArray(item);\n}\n\nexport function deepMerge<T extends object>(target: T, source: any): T {\n  const result: Record<string, any> = { ...target };\n  const _source: Record<string, any> = source;\n\n  if (isObject(target) && isObject(source)) {\n    Object.keys(source).forEach((key) => {\n      if (isObject(_source[key])) {\n        if (!(key in target)) {\n          result[key] = _source[key];\n        } else {\n          result[key] = deepMerge(result[key], _source[key]);\n        }\n      } else {\n        result[key] = _source[key];\n      }\n    });\n  }\n\n  return result as T;\n}\n"],"mappings":";AAAA,SAAS,SAAS,MAAe;CAC/B,OAAO,QAAQ,OAAO,SAAS,YAAY,CAAC,MAAM,QAAQ,IAAI;AAChE;AAEA,SAAgB,UAA4B,QAAW,QAAgB;CACrE,MAAM,SAA8B,EAAE,GAAG,OAAO;CAChD,MAAM,UAA+B;CAErC,IAAI,SAAS,MAAM,KAAK,SAAS,MAAM,GACrC,OAAO,KAAK,MAAM,CAAC,CAAC,SAAS,QAAQ;EACnC,IAAI,SAAS,QAAQ,IAAI,GAAG;GAC1B,IAAI,EAAE,OAAO,SACX,OAAO,OAAO,QAAQ;QAEtB,OAAO,OAAO,UAAU,OAAO,MAAM,QAAQ,IAAI;EAErD,OACE,OAAO,OAAO,QAAQ;CAE1B,CAAC;CAGH,OAAO;AACT"}

package/cjs/core/utils/use-hovered/use-hovered.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-hovered.cjs","names":[],"sources":["../../../../src/core/utils/use-hovered/use-hovered.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useHovered() {\n  const [hovered, setHovered] = useState<number | null>(-1);\n  const resetHovered = () => setHovered(-1);\n  return [hovered, { setHovered, resetHovered }] as const;\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAsC,EAAE;CACxD,MAAM,qBAAqB,WAAW,EAAE;CACxC,OAAO,CAAC,SAAS;EAAE;EAAY;CAAa,CAAC;AAC/C"}
+{"version":3,"file":"use-hovered.cjs","names":["useState"],"sources":["../../../../src/core/utils/use-hovered/use-hovered.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useHovered() {\n  const [hovered, setHovered] = useState<number | null>(-1);\n  const resetHovered = () => setHovered(-1);\n  return [hovered, { setHovered, resetHovered }] as const;\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAcA,MAAAA,SAAAA,CAAwB,EAAE;CACxD,MAAM,qBAAqB,WAAW,EAAE;CACxC,OAAO,CAAC,SAAS;EAAE;EAAY;CAAa,CAAC;AAC/C"}

package/cjs/index.cjs

@@ -142,6 +142,9 @@ const require_AccordionItem = require("./components/Accordion/AccordionItem/Acco
 const require_AccordionPanel = require("./components/Accordion/AccordionPanel/AccordionPanel.cjs");
 const require_Accordion = require("./components/Accordion/Accordion.cjs");
 const require_Affix = require("./components/Affix/Affix.cjs");
+const require_ActionBarCloseButton = require("./components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.cjs");
+const require_ActionBarDivider = require("./components/ActionBar/ActionBarDivider/ActionBarDivider.cjs");
+const require_ActionBar = require("./components/ActionBar/ActionBar.cjs");
 const require_Alert = require("./components/Alert/Alert.cjs");
 const require_Text = require("./components/Text/Text.cjs");
 const require_Anchor = require("./components/Anchor/Anchor.cjs");
@@ -387,6 +390,9 @@ exports.AccordionChevron = require_AccordionChevron.AccordionChevron;
 exports.AccordionControl = require_AccordionControl.AccordionControl;
 exports.AccordionItem = require_AccordionItem.AccordionItem;
 exports.AccordionPanel = require_AccordionPanel.AccordionPanel;
+exports.ActionBar = require_ActionBar.ActionBar;
+exports.ActionBarCloseButton = require_ActionBarCloseButton.ActionBarCloseButton;
+exports.ActionBarDivider = require_ActionBarDivider.ActionBarDivider;
 exports.ActionIcon = require_ActionIcon.ActionIcon;
 exports.ActionIconGroup = require_ActionIconGroup.ActionIconGroup;
 exports.ActionIconGroupSection = require_ActionIconGroupSection.ActionIconGroupSection;