@mantine/core 6.0.11 → 7.0.0-alpha.10

package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js

@@ -0,0 +1,40 @@
+import { deepMerge } from '../../utils/deep-merge/deep-merge.js';
+
+const INVALID_PRIMARY_COLOR_ERROR = '[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color';
+const INVALID_PRIMARY_SHADE_ERROR = '[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }';
+function isValidPrimaryShade(shade) {
+    if (shade < 0 || shade > 9) {
+        return false;
+    }
+    return parseInt(shade.toString(), 10) === shade;
+}
+function validateMantineTheme(theme) {
+    if (!(theme.primaryColor in theme.colors)) {
+        throw new Error(INVALID_PRIMARY_COLOR_ERROR);
+    }
+    if (typeof theme.primaryShade === 'object') {
+        if (!isValidPrimaryShade(theme.primaryShade.dark) ||
+            !isValidPrimaryShade(theme.primaryShade.light)) {
+            throw new Error(INVALID_PRIMARY_SHADE_ERROR);
+        }
+    }
+    if (typeof theme.primaryShade === 'number' && !isValidPrimaryShade(theme.primaryShade)) {
+        throw new Error(INVALID_PRIMARY_SHADE_ERROR);
+    }
+}
+function mergeMantineTheme(currentTheme, themeOverride) {
+    var _a;
+    if (!themeOverride) {
+        validateMantineTheme(currentTheme);
+        return currentTheme;
+    }
+    const result = deepMerge(currentTheme, themeOverride);
+    if (themeOverride.fontFamily && !((_a = themeOverride.headings) === null || _a === void 0 ? void 0 : _a.fontFamily)) {
+        result.headings.fontFamily = themeOverride.fontFamily;
+    }
+    validateMantineTheme(result);
+    return result;
+}
+
+export { INVALID_PRIMARY_COLOR_ERROR, INVALID_PRIMARY_SHADE_ERROR, mergeMantineTheme, validateMantineTheme };
+//# sourceMappingURL=merge-mantine-theme.js.map

package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-mantine-theme.js","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  if (themeOverride.fontFamily && !themeOverride.headings?.fontFamily) {\n    result.headings.fontFamily = themeOverride.fontFamily;\n  }\n\n  validateMantineTheme(result);\n  return result;\n}\n"],"names":[],"mappings":";;MAGa,2BAA2B,GACtC,mKAAmK;MAExJ,2BAA2B,GACtC,mIAAmI;AAErI,SAAS,mBAAmB,CAAC,KAAa;IACxC,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;QAC1B,OAAO,KAAK,CAAC;KACd;IAED,OAAO,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC;AAClD,CAAC;SAEe,oBAAoB,CAAC,KAAmB;IACtD,IAAI,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;QACzC,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;KAC9C;IAED,IAAI,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ,EAAE;QAC1C,IACE,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC;YAC7C,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,EAC9C;YACA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;SAC9C;KACF;IAED,IAAI,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QACtF,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;KAC9C;AACH,CAAC;SAEe,iBAAiB,CAC/B,YAA0B,EAC1B,aAAoC;;IAEpC,IAAI,CAAC,aAAa,EAAE;QAClB,oBAAoB,CAAC,YAAY,CAAC,CAAC;QACnC,OAAO,YAAY,CAAC;KACrB;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAEtD,IAAI,aAAa,CAAC,UAAU,IAAI,EAAC,MAAA,aAAa,CAAC,QAAQ,0CAAE,UAAU,CAAA,EAAE;QACnE,MAAM,CAAC,QAAQ,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;KACvD;IAED,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,MAAM,CAAC;AAChB;;;;"}

package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js

@@ -0,0 +1,8 @@
+import { deepMerge } from '../../utils/deep-merge/deep-merge.js';
+
+function mergeThemeOverrides(...overrides) {
+    return overrides.reduce((acc, override) => deepMerge(acc, override), {});
+}
+
+export { mergeThemeOverrides };
+//# sourceMappingURL=merge-theme-overrides.js.map

package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-theme-overrides.js","sources":["../../../../src/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.ts"],"sourcesContent":["import { MantineThemeOverride } from '../theme.types';\nimport { deepMerge } from '../../utils';\n\nexport function mergeThemeOverrides(...overrides: MantineThemeOverride[]): MantineThemeOverride {\n  return overrides.reduce((acc, override) => deepMerge(acc, override), {});\n}\n"],"names":[],"mappings":";;SAGgB,mBAAmB,CAAC,GAAG,SAAiC;IACtE,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E;;;;"}

package/esm/core/MantineProvider/suppress-nextjs-warning.js

@@ -0,0 +1,17 @@
+/* eslint-disable no-console */
+function suppressNextjsWarning() {
+    const originalError = console.error;
+    console.error = (...args) => {
+        if (args.length > 1 &&
+            typeof args[0] === 'string' &&
+            args[0].toLowerCase().includes('extra attributes from the server') &&
+            typeof args[1] === 'string' &&
+            args[1].toLowerCase().includes('data-mantine-color-scheme')) ;
+        else {
+            originalError(...args);
+        }
+    };
+}
+
+export { suppressNextjsWarning };
+//# sourceMappingURL=suppress-nextjs-warning.js.map

package/esm/core/MantineProvider/suppress-nextjs-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"suppress-nextjs-warning.js","sources":["../../../src/core/MantineProvider/suppress-nextjs-warning.ts"],"sourcesContent":["/* eslint-disable no-console */\nexport function suppressNextjsWarning() {\n  const originalError = console.error;\n\n  console.error = (...args) => {\n    if (\n      args.length > 1 &&\n      typeof args[0] === 'string' &&\n      args[0].toLowerCase().includes('extra attributes from the server') &&\n      typeof args[1] === 'string' &&\n      args[1].toLowerCase().includes('data-mantine-color-scheme')\n    ) {\n      // Suppress the warning\n    } else {\n      originalError(...args);\n    }\n  };\n}\n"],"names":[],"mappings":"AAAA;SACgB,qBAAqB;IACnC,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC;IAEpC,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI;QACtB,IACE,IAAI,CAAC,MAAM,GAAG,CAAC;YACf,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ;YAC3B,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,kCAAkC,CAAC;YAClE,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ;YAC3B,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,EAC3D,CAED;aAAM;YACL,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC;SACxB;KACF,CAAC;AACJ;;;;"}

package/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js

@@ -0,0 +1,11 @@
+import { useColorScheme } from '@mantine/hooks';
+import { useMantineColorScheme } from './use-mantine-color-scheme.js';
+
+function useComputedColorScheme(defaultValue, options = { getInitialValueInEffect: true }) {
+    const osColorScheme = useColorScheme(defaultValue, options);
+    const { colorScheme } = useMantineColorScheme();
+    return colorScheme === 'auto' ? osColorScheme : colorScheme;
+}
+
+export { useComputedColorScheme };
+//# sourceMappingURL=use-computed-color-scheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-computed-color-scheme.js","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"],"names":[],"mappings":";;;SAGgB,sBAAsB,CACpC,YAA8B,EAC9B,UAAgC,EAAE,uBAAuB,EAAE,IAAI,EAAE;IAEjE,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC5D,MAAM,EAAE,WAAW,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAChD,OAAO,WAAW,KAAK,MAAM,GAAG,aAAa,GAAG,WAAW,CAAC;AAC9D;;;;"}

package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js

@@ -0,0 +1,52 @@
+import { useRef, useContext, useEffect } from 'react';
+import { MantineContext } from '../Mantine.context.js';
+
+function disableTransition() {
+    const style = document.createElement('style');
+    style.innerHTML = '* {transition: none !important;}';
+    style.setAttribute('data-mantine-disable-transition', 'true');
+    document.head.appendChild(style);
+    const clear = () => document
+        .querySelectorAll('[data-mantine-disable-transition]')
+        .forEach((element) => element.remove());
+    return clear;
+}
+function useMantineColorScheme() {
+    const clearStylesRef = useRef();
+    const timeoutRef = useRef();
+    const ctx = useContext(MantineContext);
+    if (!ctx) {
+        throw new Error('[@mantine/core] MantineProvider was not found in tree');
+    }
+    const setColorScheme = (value) => {
+        ctx.setColorScheme(value);
+        clearStylesRef.current = disableTransition();
+        window.clearTimeout(timeoutRef.current);
+        timeoutRef.current = window.setTimeout(() => {
+            var _a;
+            (_a = clearStylesRef.current) === null || _a === void 0 ? void 0 : _a.call(clearStylesRef);
+        }, 10);
+    };
+    const clearColorScheme = () => {
+        ctx.clearColorScheme();
+        clearStylesRef.current = disableTransition();
+        window.clearTimeout(timeoutRef.current);
+        timeoutRef.current = window.setTimeout(() => {
+            var _a;
+            (_a = clearStylesRef.current) === null || _a === void 0 ? void 0 : _a.call(clearStylesRef);
+        }, 10);
+    };
+    useEffect(() => () => {
+        var _a;
+        (_a = clearStylesRef.current) === null || _a === void 0 ? void 0 : _a.call(clearStylesRef);
+        window.clearTimeout(timeoutRef.current);
+    }, []);
+    return {
+        colorScheme: ctx.colorScheme,
+        setColorScheme,
+        clearColorScheme,
+    };
+}
+
+export { useMantineColorScheme };
+//# sourceMappingURL=use-mantine-color-scheme.js.map

package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport { MantineContext } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition() {\n  const style = document.createElement('style');\n  style.innerHTML = '* {transition: none !important;}';\n  style.setAttribute('data-mantine-disable-transition', 'true');\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() {\n  const clearStylesRef = useRef<() => void>();\n  const timeoutRef = useRef<number>();\n  const ctx = useContext(MantineContext);\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 = disableTransition();\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 = disableTransition();\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => {\n      clearStylesRef.current?.();\n    }, 10);\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  };\n}\n"],"names":[],"mappings":";;;AAIA,SAAS,iBAAiB;IACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,GAAG,kCAAkC,CAAC;IACrD,KAAK,CAAC,YAAY,CAAC,iCAAiC,EAAE,MAAM,CAAC,CAAC;IAC9D,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,MACZ,QAAQ;SACL,gBAAgB,CAAC,mCAAmC,CAAC;SACrD,OAAO,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5C,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,qBAAqB;IACnC,MAAM,cAAc,GAAG,MAAM,EAAc,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,EAAU,CAAC;IACpC,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAEvC,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;IAED,MAAM,cAAc,GAAG,CAAC,KAAyB;QAC/C,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC1B,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;QAC7C,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;;YACrC,MAAA,cAAc,CAAC,OAAO,8DAAI,CAAC;SAC5B,EAAE,EAAE,CAAC,CAAC;KACR,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,GAAG,CAAC,gBAAgB,EAAE,CAAC;QACvB,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;QAC7C,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACxC,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC;;YACrC,MAAA,cAAc,CAAC,OAAO,8DAAI,CAAC;SAC5B,EAAE,EAAE,CAAC,CAAC;KACR,CAAC;IAEF,SAAS,CACP,MAAM;;QACJ,MAAA,cAAc,CAAC,OAAO,8DAAI,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;KACzC,EACD,EAAE,CACH,CAAC;IAEF,OAAO;QACL,WAAW,EAAE,GAAG,CAAC,WAAW;QAC5B,cAAc;QACd,gBAAgB;KACjB,CAAC;AACJ;;;;"}

package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js

@@ -0,0 +1,48 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { useIsomorphicEffect } from '@mantine/hooks';
+
+function setColorSchemeAttribute(colorScheme, getRootElement) {
+    var _a;
+    const computedColorScheme = colorScheme !== 'auto'
+        ? colorScheme
+        : window.matchMedia('(prefers-color-scheme: dark)').matches
+            ? 'dark'
+            : 'light';
+    (_a = getRootElement()) === null || _a === void 0 ? void 0 : _a.setAttribute('data-mantine-color-scheme', computedColorScheme);
+}
+function useProviderColorScheme({ manager, defaultColorScheme, getRootElement, }) {
+    const media = useRef();
+    const [value, setValue] = useState(() => manager.get(defaultColorScheme));
+    const setColorScheme = useCallback((colorScheme) => {
+        setValue(colorScheme);
+        setColorSchemeAttribute(colorScheme, getRootElement);
+        manager.set(colorScheme);
+    }, [manager.set, value]);
+    const clearColorScheme = useCallback(() => {
+        setValue(defaultColorScheme);
+        setColorSchemeAttribute(defaultColorScheme, getRootElement);
+        manager.clear();
+    }, [manager.clear, defaultColorScheme]);
+    useEffect(() => {
+        manager.subscribe(setColorScheme);
+        return manager.unsubscribe;
+    }, [manager.subscribe, manager.unsubscribe]);
+    useIsomorphicEffect(() => {
+        setColorSchemeAttribute(manager.get(defaultColorScheme), getRootElement);
+    }, []);
+    useEffect(() => {
+        var _a;
+        media.current = window.matchMedia('(prefers-color-scheme: dark)');
+        const listener = (event) => {
+            if (value === 'auto') {
+                setColorSchemeAttribute(event.matches ? 'dark' : 'light', getRootElement);
+            }
+        };
+        (_a = media.current) === null || _a === void 0 ? void 0 : _a.addEventListener('change', listener);
+        return () => { var _a; return (_a = media.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('change', listener); };
+    }, [value]);
+    return { colorScheme: value, setColorScheme, clearColorScheme };
+}
+
+export { useProviderColorScheme };
+//# sourceMappingURL=use-provider-color-scheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-provider-color-scheme.js","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 computedColorScheme =\n    colorScheme !== 'auto'\n      ? colorScheme\n      : window.matchMedia('(prefers-color-scheme: dark)').matches\n      ? 'dark'\n      : '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  getRootElement(): HTMLElement | undefined;\n}\n\nexport function useProviderColorScheme({\n  manager,\n  defaultColorScheme,\n  getRootElement,\n}: UseProviderColorSchemeOptions) {\n  const media = useRef<MediaQueryList>();\n  const [value, setValue] = useState(() => manager.get(defaultColorScheme));\n\n  const setColorScheme = useCallback(\n    (colorScheme: MantineColorScheme) => {\n      setValue(colorScheme);\n      setColorSchemeAttribute(colorScheme, getRootElement);\n      manager.set(colorScheme);\n    },\n    [manager.set, value]\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    media.current = window.matchMedia('(prefers-color-scheme: dark)');\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]);\n\n  return { colorScheme: value, setColorScheme, clearColorScheme };\n}\n"],"names":[],"mappings":";;;AAKA,SAAS,uBAAuB,CAC9B,WAA+B,EAC/B,cAA6C;;IAE7C,MAAM,mBAAmB,GACvB,WAAW,KAAK,MAAM;UAClB,WAAW;UACX,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;cACzD,MAAM;cACN,OAAO,CAAC;IACd,MAAA,cAAc,EAAE,0CAAE,YAAY,CAAC,2BAA2B,EAAE,mBAAmB,CAAC,CAAC;AACnF,CAAC;SAUe,sBAAsB,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,cAAc,GACgB;IAC9B,MAAM,KAAK,GAAG,MAAM,EAAkB,CAAC;IACvC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,WAA+B;QAC9B,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtB,uBAAuB,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC;QACrD,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC1B,EACD,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CACrB,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QAC7B,uBAAuB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;QAC5D,OAAO,CAAC,KAAK,EAAE,CAAC;KACjB,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExC,SAAS,CAAC;QACR,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAClC,OAAO,OAAO,CAAC,WAAW,CAAC;KAC5B,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;IAE7C,mBAAmB,CAAC;QAClB,uBAAuB,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,CAAC;KAC1E,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC;;QACR,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAClE,MAAM,QAAQ,GAAuB,CAAC,KAAK;YACzC,IAAI,KAAK,KAAK,MAAM,EAAE;gBACpB,uBAAuB,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAAE,cAAc,CAAC,CAAC;aAC3E;SACF,CAAC;QAEF,MAAA,KAAK,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACpD,OAAO,gBAAM,OAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA,EAAA,CAAC;KACrE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAClE;;;;"}

package/esm/core/MantineProvider/use-props/use-props.js

@@ -0,0 +1,13 @@
+import { useMantineTheme } from '../MantineThemeProvider/MantineThemeProvider.js';
+import { filterProps } from '../../utils/filter-props/filter-props.js';
+
+function useProps(component, defaultProps, props) {
+    var _a;
+    const theme = useMantineTheme();
+    const contextPropsPayload = (_a = theme.components[component]) === null || _a === void 0 ? void 0 : _a.defaultProps;
+    const contextProps = typeof contextPropsPayload === 'function' ? contextPropsPayload(theme) : contextPropsPayload;
+    return Object.assign(Object.assign(Object.assign({}, defaultProps), contextProps), filterProps(props));
+}
+
+export { useProps };
+//# sourceMappingURL=use-props.js.map

package/esm/core/MantineProvider/use-props/use-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-props.js","sources":["../../../../src/core/MantineProvider/use-props/use-props.ts"],"sourcesContent":["import { filterProps } from '../../utils';\nimport { useMantineTheme } from '../MantineThemeProvider';\n\nexport function useProps<T extends Record<string, any>, U extends Partial<T> = {}>(\n  component: string,\n  defaultProps: U,\n  props: T\n): T & {\n  [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>;\n} {\n  const theme = useMantineTheme();\n  const contextPropsPayload = theme.components[component]?.defaultProps;\n  const contextProps =\n    typeof contextPropsPayload === 'function' ? contextPropsPayload(theme) : contextPropsPayload;\n\n  return { ...defaultProps, ...contextProps, ...filterProps(props) };\n}\n"],"names":[],"mappings":";;;SAGgB,QAAQ,CACtB,SAAiB,EACjB,YAAe,EACf,KAAQ;;IAIR,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,mBAAmB,GAAG,MAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,0CAAE,YAAY,CAAC;IACtE,MAAM,YAAY,GAChB,OAAO,mBAAmB,KAAK,UAAU,GAAG,mBAAmB,CAAC,KAAK,CAAC,GAAG,mBAAmB,CAAC;IAE/F,qDAAY,YAAY,GAAK,YAAY,GAAK,WAAW,CAAC,KAAK,CAAC,EAAG;AACrE;;;;"}

package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js

@@ -0,0 +1,13 @@
+import { useIsomorphicEffect } from '@mantine/hooks';
+
+function useRespectReduceMotion({ respectReducedMotion, getRootElement, }) {
+    useIsomorphicEffect(() => {
+        var _a;
+        if (respectReducedMotion) {
+            (_a = getRootElement()) === null || _a === void 0 ? void 0 : _a.setAttribute('data-respect-reduced-motion', 'true');
+        }
+    }, [respectReducedMotion]);
+}
+
+export { useRespectReduceMotion };
+//# sourceMappingURL=use-respect-reduce-motion.js.map

package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-respect-reduce-motion.js","sources":["../../../../src/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\ninterface UseRespectReduceMotionOptions {\n  respectReducedMotion: boolean;\n  getRootElement: () => HTMLElement | undefined;\n}\n\nexport function useRespectReduceMotion({\n  respectReducedMotion,\n  getRootElement,\n}: UseRespectReduceMotionOptions) {\n  useIsomorphicEffect(() => {\n    if (respectReducedMotion) {\n      getRootElement()?.setAttribute('data-respect-reduced-motion', 'true');\n    }\n  }, [respectReducedMotion]);\n}\n"],"names":[],"mappings":";;SAOgB,sBAAsB,CAAC,EACrC,oBAAoB,EACpB,cAAc,GACgB;IAC9B,mBAAmB,CAAC;;QAClB,IAAI,oBAAoB,EAAE;YACxB,MAAA,cAAc,EAAE,0CAAE,YAAY,CAAC,6BAA6B,EAAE,MAAM,CAAC,CAAC;SACvE;KACF,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;AAC7B;;;;"}

package/esm/core/factory/create-polymorphic-component.js

@@ -0,0 +1,6 @@
+function createPolymorphicComponent(component) {
+    return component;
+}
+
+export { createPolymorphicComponent };
+//# sourceMappingURL=create-polymorphic-component.js.map

package/esm/core/factory/create-polymorphic-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n  Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n  C,\n  React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n  component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n  ? React.ComponentPropsWithRef<C>['ref']\n  : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n  ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n  : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n  ComponentDefaultType,\n  Props,\n  StaticComponents = Record<string, never>\n>(component: any) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n  type _PolymorphicComponent = <C = ComponentDefaultType>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n  return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":"SA0BgB,0BAA0B,CAIxC,SAAc;IAWd,OAAO,SAAiC,CAAC;AAC3C;;;;"}

package/esm/core/factory/factory.js

@@ -0,0 +1,13 @@
+import { forwardRef } from 'react';
+
+function identity(value) {
+    return value;
+}
+function factory(ui) {
+    const Component = forwardRef(ui);
+    Component.extend = identity;
+    return Component;
+}
+
+export { factory, identity };
+//# sourceMappingURL=factory.js.map

package/esm/core/factory/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n  props: Record<string, any>;\n  ctx?: any;\n  ref?: any;\n  stylesNames?: string;\n  vars?: any;\n  variant?: string;\n  staticComponents?: Record<string, any>;\n  // Compound components cannot have classNames, styles and vars on MantineProvider\n  compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n  defaultProps?: Partial<Payload['props']> & DataAttributes;\n  classNames?: ClassNames<Payload>;\n  styles?: Styles<Payload>;\n  vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n  ? ExtendCompoundComponent<Payload>\n  : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n  ? Input\n  : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n  extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n  Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n  ThemeExtend<Payload> &\n  StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n  return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n  const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n  Component.extend = identity as any;\n\n  return Component as MantineComponent<Payload>;\n}\n"],"names":[],"mappings":";;SA+CgB,QAAQ,CAAI,KAAQ;IAClC,OAAO,KAAK,CAAC;AACf,CAAC;SAEe,OAAO,CACrB,EAAoE;IAEpE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAA8B,CAAC;IAE9D,SAAS,CAAC,MAAM,GAAG,QAAe,CAAC;IAEnC,OAAO,SAAsC,CAAC;AAChD;;;;"}

package/esm/core/factory/polymorphic-factory.js

@@ -0,0 +1,11 @@
+import { forwardRef } from 'react';
+import { identity } from './factory.js';
+
+function polymorphicFactory(ui) {
+    const Component = forwardRef(ui);
+    Component.extend = identity;
+    return Component;
+}
+
+export { polymorphicFactory };
+//# sourceMappingURL=polymorphic-factory.js.map

package/esm/core/factory/polymorphic-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic-factory.js","sources":["../../../src/core/factory/polymorphic-factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport { FactoryPayload, StaticComponents, ThemeExtend, identity } from './factory';\nimport { PolymorphicComponentProps } from './create-polymorphic-component';\n\nexport interface PolymorphicFactoryPayload extends FactoryPayload {\n  defaultComponent: any;\n  defaultRef: any;\n}\n\nexport function polymorphicFactory<Payload extends PolymorphicFactoryPayload>(\n  ui: React.ForwardRefRenderFunction<Payload['defaultRef'], Payload['props']>\n) {\n  type ComponentProps<C> = PolymorphicComponentProps<C, Payload['props']>;\n\n  type _PolymorphicComponent = <C = Payload['defaultComponent']>(\n    props: ComponentProps<C>\n  ) => React.ReactElement;\n\n  type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n  type PolymorphicComponent = _PolymorphicComponent &\n    ComponentProperties &\n    ThemeExtend<Payload> &\n    StaticComponents<Payload['staticComponents']>;\n\n  const Component = forwardRef(ui) as unknown as PolymorphicComponent;\n\n  Component.extend = identity as any;\n\n  return Component as PolymorphicComponent;\n}\n"],"names":[],"mappings":";;;SASgB,kBAAkB,CAChC,EAA2E;IAe3E,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAoC,CAAC;IAEpE,SAAS,CAAC,MAAM,GAAG,QAAe,CAAC;IAEnC,OAAO,SAAiC,CAAC;AAC3C;;;;"}

package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js

@@ -0,0 +1,6 @@
+function createVarsResolver(resolver) {
+    return resolver;
+}
+
+export { createVarsResolver };
+//# sourceMappingURL=create-vars-resolver.js.map

package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-vars-resolver.js","sources":["../../../../src/core/styles-api/create-vars-resolver/create-vars-resolver.ts"],"sourcesContent":["import { CssVariable } from '../../Box';\nimport { MantineTheme } from '../../MantineProvider';\nimport { FactoryPayload } from '../../factory';\n\nexport type TransformVars<V> = {\n  [Key in keyof V]: V[Key] extends CssVariable ? Record<V[Key], string | undefined> : never;\n};\n\nexport type PartialTransformVars<V> = {\n  [Key in keyof V]: V[Key] extends CssVariable\n    ? Partial<Record<V[Key], string | undefined>>\n    : never;\n};\n\nexport type VarsResolver<Payload extends FactoryPayload> = (\n  theme: MantineTheme,\n  props: Payload['props'],\n  ctx: Payload['ctx']\n) => TransformVars<Payload['vars']>;\n\nexport type PartialVarsResolver<Payload extends FactoryPayload> = (\n  theme: MantineTheme,\n  props: Payload['props'],\n  ctx: Payload['ctx']\n) => PartialTransformVars<Payload['vars']>;\n\nexport function createVarsResolver<Payload extends FactoryPayload>(\n  resolver: VarsResolver<Payload>\n) {\n  return resolver;\n}\n"],"names":[],"mappings":"SA0BgB,kBAAkB,CAChC,QAA+B;IAE/B,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-class-name.js

@@ -0,0 +1,16 @@
+import cx from 'clsx';
+import { getStaticClassNames } from './get-static-class-names/get-static-class-names.js';
+import { getThemeClassNames } from './get-theme-class-names/get-theme-class-names.js';
+import { getGlobalClassNames } from './get-global-class-names/get-global-class-names.js';
+import { getVariantClassName } from './get-variant-class-name/get-variant-class-name.js';
+import { getRootClassName } from './get-root-class-name/get-root-class-name.js';
+import { getSelectorClassName } from './get-selector-class-name/get-selector-class-name.js';
+import { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names.js';
+import { getOptionsClassNames } from './get-options-class-names/get-options-class-names.js';
+
+function getClassName({ theme, options, themeName, selector, classNamesPrefix, classNames, classes, unstyled, className, rootSelector, props, stylesCtx, }) {
+    return cx(getGlobalClassNames({ theme, options, unstyled }), getThemeClassNames({ theme, themeName, selector, props, stylesCtx }), getVariantClassName({ options, classes, selector, unstyled }), getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }), getOptionsClassNames({ selector, stylesCtx, options, props, theme }), getRootClassName({ rootSelector, selector, className }), getSelectorClassName({ selector, classes, unstyled }), getStaticClassNames({ themeName, classNamesPrefix, selector }), options === null || options === void 0 ? void 0 : options.className);
+}
+
+export { getClassName };
+//# sourceMappingURL=get-class-name.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-class-name.js","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 { getStaticClassNames } from './get-static-class-names/get-static-class-names';\nimport { getThemeClassNames } from './get-theme-class-names/get-theme-class-names';\nimport { getGlobalClassNames } from './get-global-class-names/get-global-class-names';\nimport { getVariantClassName } from './get-variant-class-name/get-variant-class-name';\nimport { getRootClassName } from './get-root-class-name/get-root-class-name';\nimport { getSelectorClassName } from './get-selector-class-name/get-selector-class-name';\nimport { getResolvedClassNames } from './get-resolved-class-names/get-resolved-class-names';\nimport { getOptionsClassNames } from './get-options-class-names/get-options-class-names';\n\nexport type _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 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  /** `classNames` specified in the hook, only resolved `classNames[selector]` is added to the list */\n  classNames: _ClassNames;\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 `classNames` and `options.classNames` */\n  props: Record<string, any>;\n\n  /** Component styles context, used as context for `classNames` and `options.classNames` */\n  stylesCtx?: Record<string, any> | undefined;\n}\n\nexport function getClassName({\n  theme,\n  options,\n  themeName,\n  selector,\n  classNamesPrefix,\n  classNames,\n  classes,\n  unstyled,\n  className,\n  rootSelector,\n  props,\n  stylesCtx,\n}: GetClassNameOptions) {\n  return cx(\n    getGlobalClassNames({ theme, options, unstyled }),\n    getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),\n    getVariantClassName({ options, classes, selector, unstyled }),\n    getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),\n    getOptionsClassNames({ selector, stylesCtx, options, props, theme }),\n    getRootClassName({ rootSelector, selector, className }),\n    getSelectorClassName({ selector, classes, unstyled }),\n    getStaticClassNames({ themeName, classNamesPrefix, selector }),\n    options?.className\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;SA2DgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,SAAS,GACW;IACpB,OAAO,EAAE,CACP,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACjD,kBAAkB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpE,mBAAmB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC7D,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EACxE,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACpE,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EACvD,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EACrD,mBAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,EAC9D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CACnB,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js

@@ -0,0 +1,14 @@
+import cx from 'clsx';
+
+const FOCUS_CLASS_NAMES = {
+    always: 'mantine-focus-always',
+    auto: 'mantine-focus-auto',
+    never: 'mantine-focus-never',
+};
+/** Returns classes that are defined globally (focus and active styles) based on options */
+function getGlobalClassNames({ theme, options, unstyled }) {
+    return cx((options === null || options === void 0 ? void 0 : options.focusable) && !unstyled && (theme.focusClassName || FOCUS_CLASS_NAMES[theme.focusRing]), (options === null || options === void 0 ? void 0 : options.active) && !unstyled && theme.activeClassName);
+}
+
+export { FOCUS_CLASS_NAMES, getGlobalClassNames };
+//# sourceMappingURL=get-global-class-names.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-global-class-names.js","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 { GetStylesApiOptions } from '../../../styles-api.types';\nimport { MantineTheme } from '../../../../MantineProvider';\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"],"names":[],"mappings":";;MAUa,iBAAiB,GAAG;IAC/B,MAAM,EAAE,sBAAsB;IAC9B,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE,qBAAqB;EACnB;AAEX;SACgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAA8B;IAC1F,OAAO,EAAE,CACP,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,IAAI,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAC/F,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,eAAe,CACtD,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js

@@ -0,0 +1,13 @@
+import { resolveClassNames } from '../resolve-class-names/resolve-class-names.js';
+
+function getOptionsClassNames({ selector, stylesCtx, options, props, theme, }) {
+    return resolveClassNames({
+        theme,
+        classNames: options === null || options === void 0 ? void 0 : options.classNames,
+        props: (options === null || options === void 0 ? void 0 : options.props) || props,
+        stylesCtx,
+    })[selector];
+}
+
+export { getOptionsClassNames };
+//# sourceMappingURL=get-options-class-names.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-options-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\nimport { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {\n  selector: string;\n  options: GetStylesApiOptions | undefined;\n}\n\nexport function getOptionsClassNames({\n  selector,\n  stylesCtx,\n  options,\n  props,\n  theme,\n}: GetOptionsClassNamesInput) {\n  return resolveClassNames({\n    theme,\n    classNames: options?.classNames,\n    props: options?.props || props,\n    stylesCtx,\n  })[selector];\n}\n"],"names":[],"mappings":";;SAWgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,GACqB;IAC1B,OAAO,iBAAiB,CAAC;QACvB,KAAK;QACL,UAAU,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU;QAC/B,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,KAAK;QAC9B,SAAS;KACV,CAAC,CAAC,QAAQ,CAAC,CAAC;AACf;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js

@@ -0,0 +1,8 @@
+import { resolveClassNames } from '../resolve-class-names/resolve-class-names.js';
+
+function getResolvedClassNames({ selector, stylesCtx, theme, classNames, props, }) {
+    return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];
+}
+
+export { getResolvedClassNames };
+//# sourceMappingURL=get-resolved-class-names.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-resolved-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.ts"],"sourcesContent":["import {\n  resolveClassNames,\n  ResolveClassNamesInput,\n} from '../resolve-class-names/resolve-class-names';\n\ninterface GetResolvedClassNamesOptions extends ResolveClassNamesInput {\n  selector: string;\n}\n\nexport function getResolvedClassNames({\n  selector,\n  stylesCtx,\n  theme,\n  classNames,\n  props,\n}: GetResolvedClassNamesOptions) {\n  return resolveClassNames({ theme, classNames, props, stylesCtx })[selector];\n}\n"],"names":[],"mappings":";;SASgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,UAAU,EACV,KAAK,GACwB;IAC7B,OAAO,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js

@@ -0,0 +1,7 @@
+/** Adds `className` to the list if given selector is root */
+function getRootClassName({ rootSelector, selector, className }) {
+    return rootSelector === selector ? className : undefined;
+}
+
+export { getRootClassName };
+//# sourceMappingURL=get-root-class-name.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-root-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.ts"],"sourcesContent":["interface GetRootClassNameInput {\n  rootSelector: string;\n  selector: string;\n  className: string | undefined;\n}\n\n/** Adds `className` to the list if given selector is root */\nexport function getRootClassName({ rootSelector, selector, className }: GetRootClassNameInput) {\n  return rootSelector === selector ? className : undefined;\n}\n"],"names":[],"mappings":"AAMA;SACgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAyB;IAC3F,OAAO,YAAY,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC3D;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js

@@ -0,0 +1,7 @@
+/** Returns class for given selector from library styles (`*.module.css`) */
+function getSelectorClassName({ selector, classes, unstyled }) {
+    return unstyled ? undefined : classes[selector];
+}
+
+export { getSelectorClassName };
+//# sourceMappingURL=get-selector-class-name.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-selector-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.ts"],"sourcesContent":["interface GetSelectorClassNameInput {\n  selector: string;\n  classes: Record<string, string>;\n  unstyled: boolean | undefined;\n}\n\n/** Returns class for given selector from library styles (`*.module.css`) */\nexport function getSelectorClassName({ selector, classes, unstyled }: GetSelectorClassNameInput) {\n  return unstyled ? undefined : classes[selector];\n}\n"],"names":[],"mappings":"AAMA;SACgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAA6B;IAC7F,OAAO,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAClD;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js

@@ -0,0 +1,7 @@
+/** Returns static component classes, for example, `.mantine-Input-wrapper` */
+function getStaticClassNames({ themeName, classNamesPrefix, selector, }) {
+    return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);
+}
+
+export { getStaticClassNames };
+//# sourceMappingURL=get-static-class-names.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-static-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.ts"],"sourcesContent":["interface GetStaticClassNamesInput {\n  themeName: string[];\n  selector: string;\n  classNamesPrefix: string;\n}\n\n/** Returns static component classes, for example, `.mantine-Input-wrapper` */\nexport function getStaticClassNames({\n  themeName,\n  classNamesPrefix,\n  selector,\n}: GetStaticClassNamesInput) {\n  return themeName.map((n) => `${classNamesPrefix}-${n}-${selector}`);\n}\n"],"names":[],"mappings":"AAMA;SACgB,mBAAmB,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACiB;IACzB,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,gBAAgB,IAAI,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC;AACtE;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js

@@ -0,0 +1,16 @@
+import { resolveClassNames } from '../resolve-class-names/resolve-class-names.js';
+
+function getThemeClassNames({ themeName, theme, selector, props, stylesCtx, }) {
+    return themeName.map((n) => {
+        var _a, _b;
+        return (_b = resolveClassNames({
+            theme,
+            classNames: (_a = theme.components[n]) === null || _a === void 0 ? void 0 : _a.classNames,
+            props,
+            stylesCtx,
+        })) === null || _b === void 0 ? void 0 : _b[selector];
+    });
+}
+
+export { getThemeClassNames };
+//# sourceMappingURL=get-theme-class-names.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveClassNames } from '../resolve-class-names/resolve-class-names';\n\ninterface GetThemeClassNamesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n}\n\nexport function getThemeClassNames({\n  themeName,\n  theme,\n  selector,\n  props,\n  stylesCtx,\n}: GetThemeClassNamesOptions) {\n  return themeName.map(\n    (n) =>\n      resolveClassNames({\n        theme,\n        classNames: theme.components[n]?.classNames,\n        props,\n        stylesCtx,\n      })?.[selector]\n  );\n}\n"],"names":[],"mappings":";;SAWgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACiB;IAC1B,OAAO,SAAS,CAAC,GAAG,CAClB,CAAC,CAAC;;QACA,OAAA,MAAA,iBAAiB,CAAC;YAChB,KAAK;YACL,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0CAAE,UAAU;YAC3C,KAAK;YACL,SAAS;SACV,CAAC,0CAAG,QAAQ,CAAC,CAAA;KAAA,CACjB,CAAC;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js

@@ -0,0 +1,7 @@
+/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */
+function getVariantClassName({ options, classes, selector, unstyled, }) {
+    return (options === null || options === void 0 ? void 0 : options.variant) && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;
+}
+
+export { getVariantClassName };
+//# sourceMappingURL=get-variant-class-name.js.map

package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-variant-class-name.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.ts"],"sourcesContent":["import { GetStylesApiOptions } from '../../../styles-api.types';\n\ninterface GetVariantClassNameInput {\n  options: GetStylesApiOptions | undefined;\n  classes: Record<string, string>;\n  selector: string;\n  unstyled: boolean | undefined;\n}\n\n/** Returns variant className, variant is always separated from selector with `--`, for example, `tab--default` */\nexport function getVariantClassName({\n  options,\n  classes,\n  selector,\n  unstyled,\n}: GetVariantClassNameInput) {\n  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : undefined;\n}\n"],"names":[],"mappings":"AASA;SACgB,mBAAmB,CAAC,EAClC,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,GACiB;IACzB,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,QAAQ,KAAK,OAAO,CAAC,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AAChG;;;;"}

package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js

@@ -0,0 +1,9 @@
+const EMPTY_CLASS_NAMES = {};
+function resolveClassNames({ theme, classNames, props, stylesCtx }) {
+    return typeof classNames === 'function'
+        ? classNames(theme, props, stylesCtx)
+        : classNames || EMPTY_CLASS_NAMES;
+}
+
+export { resolveClassNames };
+//# sourceMappingURL=resolve-class-names.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-class-names.js","sources":["../../../../../../src/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.ts"],"sourcesContent":["import { 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: Record<string, string> = {};\n\nexport function resolveClassNames({ theme, classNames, props, stylesCtx }: ResolveClassNamesInput) {\n  return typeof classNames === 'function'\n    ? classNames(theme, props, stylesCtx)\n    : classNames || EMPTY_CLASS_NAMES;\n}\n"],"names":[],"mappings":"AAUA,MAAM,iBAAiB,GAA2B,EAAE,CAAC;SAErC,iBAAiB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAA0B;IAC/F,OAAO,OAAO,UAAU,KAAK,UAAU;UACnC,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC;UACnC,UAAU,IAAI,iBAAiB,CAAC;AACtC;;;;"}

package/esm/core/styles-api/use-styles/get-style/get-style.js

@@ -0,0 +1,11 @@
+import { getThemeStyles } from './get-theme-styles/get-theme-styles.js';
+import { resolveStyles } from './resolve-styles/resolve-styles.js';
+import { resolveStyle } from './resolve-style/resolve-style.js';
+import { resolveVars } from './resolve-vars/resolve-vars.js';
+
+function getStyle({ theme, themeName, selector, options, props, stylesCtx, rootSelector, styles, style, vars, varsResolver, }) {
+    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getThemeStyles({ theme, themeName, props, stylesCtx, selector })), resolveStyles({ theme, styles, props, stylesCtx })[selector]), resolveStyles({ theme, styles: options === null || options === void 0 ? void 0 : options.styles, props: (options === null || options === void 0 ? void 0 : options.props) || props, stylesCtx })[selector]), resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName })), (rootSelector === selector ? resolveStyle({ style, theme }) : null)), resolveStyle({ style: options === null || options === void 0 ? void 0 : options.style, theme }));
+}
+
+export { getStyle };
+//# sourceMappingURL=get-style.js.map

package/esm/core/styles-api/use-styles/get-style/get-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-style.js","sources":["../../../../../src/core/styles-api/use-styles/get-style/get-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineTheme } from '../../../MantineProvider';\nimport { MantineStyleProp } from '../../../Box';\nimport { GetStylesApiOptions } from '../../styles-api.types';\nimport { getThemeStyles } from './get-theme-styles/get-theme-styles';\nimport { resolveStyles } from './resolve-styles/resolve-styles';\nimport { resolveStyle } from './resolve-style/resolve-style';\nimport { resolveVars, VarsResolver } from './resolve-vars/resolve-vars';\n\nexport type _Styles =\n  | undefined\n  | Partial<Record<string, CSSProperties>>\n  | ((\n      theme: MantineTheme,\n      props: Record<string, any>,\n      ctx: Record<string, any> | undefined\n    ) => Partial<Record<string, CSSProperties>>);\n\nexport interface GetStyleInput {\n  theme: MantineTheme;\n  themeName: string[];\n  selector: string;\n  rootSelector: string;\n  options: GetStylesApiOptions | undefined;\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  styles: _Styles;\n  style: MantineStyleProp | undefined;\n  vars: VarsResolver | undefined;\n  varsResolver: VarsResolver | undefined;\n}\n\nexport function getStyle({\n  theme,\n  themeName,\n  selector,\n  options,\n  props,\n  stylesCtx,\n  rootSelector,\n  styles,\n  style,\n  vars,\n  varsResolver,\n}: GetStyleInput): CSSProperties {\n  return {\n    ...getThemeStyles({ theme, themeName, props, stylesCtx, selector }),\n    ...resolveStyles({ theme, styles, props, stylesCtx })[selector],\n    ...resolveStyles({ theme, styles: options?.styles, props: options?.props || props, stylesCtx })[\n      selector\n    ],\n    ...resolveVars({ theme, props, stylesCtx, vars, varsResolver, selector, themeName }),\n    ...(rootSelector === selector ? resolveStyle({ style, theme }) : null),\n    ...resolveStyle({ style: options?.style, theme }),\n  };\n}\n"],"names":[],"mappings":";;;;;SAgCgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,YAAY,EACZ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,GACE;IACd,+FACK,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,GAChE,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GAC5D,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAE,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,KAAK,EAAE,SAAS,EAAE,CAAC,CAC7F,QAAQ,CACT,GACE,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,IAChF,YAAY,KAAK,QAAQ,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,IAClE,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EACjD;AACJ;;;;"}

package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js

@@ -0,0 +1,18 @@
+import { resolveStyles } from '../resolve-styles/resolve-styles.js';
+
+function getThemeStyles({ theme, themeName, props, stylesCtx, selector, }) {
+    return themeName
+        .map((n) => {
+        var _a;
+        return resolveStyles({
+            theme,
+            styles: (_a = theme.components[n]) === null || _a === void 0 ? void 0 : _a.styles,
+            props,
+            stylesCtx,
+        })[selector];
+    })
+        .reduce((acc, val) => (Object.assign(Object.assign({}, acc), val)), {});
+}
+
+export { getThemeStyles };
+//# sourceMappingURL=get-theme-styles.js.map

package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-styles.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.ts"],"sourcesContent":["import { MantineTheme } from '../../../../MantineProvider';\nimport { resolveStyles } from '../resolve-styles/resolve-styles';\n\ninterface GetThemeStylesOptions {\n  theme: MantineTheme;\n  themeName: string[];\n  props: Record<string, any>;\n  stylesCtx: Record<string, any> | undefined;\n  selector: string;\n}\n\nexport function getThemeStyles({\n  theme,\n  themeName,\n  props,\n  stylesCtx,\n  selector,\n}: GetThemeStylesOptions) {\n  return themeName\n    .map(\n      (n) =>\n        resolveStyles({\n          theme,\n          styles: theme.components[n]?.styles,\n          props,\n          stylesCtx,\n        })[selector]\n    )\n    .reduce((acc, val) => ({ ...acc, ...val }), {});\n}\n"],"names":[],"mappings":";;SAWgB,cAAc,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GACc;IACtB,OAAO,SAAS;SACb,GAAG,CACF,CAAC,CAAC;;QACA,OAAA,aAAa,CAAC;YACZ,KAAK;YACL,MAAM,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,0CAAE,MAAM;YACnC,KAAK;YACL,SAAS;SACV,CAAC,CAAC,QAAQ,CAAC,CAAA;KAAA,CACf;SACA,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,sCAAW,GAAG,GAAK,GAAG,EAAG,EAAE,EAAE,CAAC,CAAC;AACpD;;;;"}

package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js

@@ -0,0 +1,15 @@
+function resolveStyle({ style, theme }) {
+    if (Array.isArray(style)) {
+        return [...style].reduce((acc, item) => (Object.assign(Object.assign({}, acc), resolveStyle({ style: item, theme }))), {});
+    }
+    if (typeof style === 'function') {
+        return style(theme);
+    }
+    if (style == null) {
+        return {};
+    }
+    return style;
+}
+
+export { resolveStyle };
+//# sourceMappingURL=resolve-style.js.map

package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-style.js","sources":["../../../../../../src/core/styles-api/use-styles/get-style/resolve-style/resolve-style.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { MantineStyleProp } from '../../../../Box';\nimport { MantineTheme } from '../../../../MantineProvider';\n\ninterface ResolveStyleInput {\n  style: MantineStyleProp | undefined;\n  theme: MantineTheme;\n}\n\nexport function resolveStyle({ style, theme }: ResolveStyleInput): CSSProperties {\n  if (Array.isArray(style)) {\n    return [...style].reduce<Record<string, any>>(\n      (acc, item) => ({ ...acc, ...resolveStyle({ style: item, theme }) }),\n      {}\n    );\n  }\n\n  if (typeof style === 'function') {\n    return style(theme);\n  }\n\n  if (style == null) {\n    return {};\n  }\n\n  return style;\n}\n"],"names":[],"mappings":"SASgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAqB;IAC9D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACxB,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,MAAM,CACtB,CAAC,GAAG,EAAE,IAAI,sCAAW,GAAG,GAAK,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAG,EACpE,EAAE,CACH,CAAC;KACH;IAED,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;QAC/B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;KACrB;IAED,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,OAAO,EAAE,CAAC;KACX;IAED,OAAO,KAAK,CAAC;AACf;;;;"}