@mantine/core 6.0.9 → 7.0.0-alpha.2

package/cjs/core/MantineProvider/MantineProvider.js

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Mantine_context = require('./Mantine.context.js');
+var localStorageManager = require('./color-scheme-managers/local-storage-manager.js');
+var useProviderColorScheme = require('./use-mantine-color-scheme/use-provider-color-scheme.js');
+var useRespectReduceMotion = require('./use-respect-reduce-motion/use-respect-reduce-motion.js');
+var MantineThemeProvider = require('./MantineThemeProvider/MantineThemeProvider.js');
+var MantineCssVariables = require('./MantineCssVariables/MantineCssVariables.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function MantineProvider({
+  theme,
+  children,
+  getStyleNonce,
+  withCssVariables = true,
+  cssVariablesSelector = ":root",
+  classNamesPrefix = "mantine",
+  colorSchemeManager = localStorageManager.localStorageColorSchemeManager(),
+  defaultColorScheme = "auto",
+  getRootElement = () => document.documentElement,
+  cssVariablesResolver
+}) {
+  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme.useProviderColorScheme({
+    defaultColorScheme,
+    manager: colorSchemeManager,
+    getRootElement
+  });
+  useRespectReduceMotion.useRespectReduceMotion({
+    respectReducedMotion: (theme == null ? void 0 : theme.respectReducedMotion) || false,
+    getRootElement
+  });
+  return /* @__PURE__ */ React__default.createElement(Mantine_context.MantineContext.Provider, {
+    value: {
+      colorSchemeManager,
+      colorScheme,
+      setColorScheme,
+      clearColorScheme,
+      getRootElement,
+      classNamesPrefix,
+      getStyleNonce,
+      cssVariablesResolver
+    }
+  }, /* @__PURE__ */ React__default.createElement(MantineThemeProvider.MantineThemeProvider, {
+    theme
+  }, withCssVariables && /* @__PURE__ */ React__default.createElement(MantineCssVariables.MantineCssVariables, {
+    cssVariablesSelector
+  }), children));
+}
+MantineProvider.displayName = "@mantine/core/MantineProvider";
+
+exports.MantineProvider = MantineProvider;
+//# sourceMappingURL=MantineProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MantineProvider.js","sources":["../../../src/core/MantineProvider/MantineProvider.tsx"],"sourcesContent":["import './styles/css-reset.css';\nimport './styles/global-styles.css';\n\nimport React from 'react';\nimport { MantineCssVariables, CSSVariablesResolver } from './MantineCssVariables';\nimport { MantineThemeProvider } from './MantineThemeProvider';\nimport type { MantineColorScheme, MantineThemeOverride } from './theme.types';\nimport { localStorageColorSchemeManager, MantineColorSchemeManager } from './color-scheme-managers';\nimport { MantineContext } from './Mantine.context';\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 value used when colorSchemeManager cannot retrieve value from external storage, `auto` by default */\n  defaultColorScheme?: MantineColorScheme;\n\n  /** CSS selector to which css variables should be added, `:root` by default */\n  cssVariablesSelector?: string;\n\n  /** Determines whether theme css variables should be added to given `cssVariablesSelector`, `true` by default */\n  withCssVariables?: boolean;\n\n  /** Function ro 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 classNames (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 styles based on theme object */\n  cssVariablesResolver?: CSSVariablesResolver;\n\n  /** Your application */\n  children?: React.ReactNode;\n}\n\nexport function MantineProvider({\n  theme,\n  children,\n  getStyleNonce,\n  withCssVariables = true,\n  cssVariablesSelector = ':root',\n  classNamesPrefix = 'mantine',\n  colorSchemeManager = localStorageColorSchemeManager(),\n  defaultColorScheme = 'auto',\n  getRootElement = () => document.documentElement,\n  cssVariablesResolver,\n}: MantineProviderProps) {\n  const { colorScheme, setColorScheme, clearColorScheme } = useProviderColorScheme({\n    defaultColorScheme,\n    manager: colorSchemeManager,\n    getRootElement,\n  });\n\n  useRespectReduceMotion({\n    respectReducedMotion: theme?.respectReducedMotion || false,\n    getRootElement,\n  });\n\n  return (\n    <MantineContext.Provider\n      value={{\n        colorSchemeManager,\n        colorScheme,\n        setColorScheme,\n        clearColorScheme,\n        getRootElement,\n        classNamesPrefix,\n        getStyleNonce,\n        cssVariablesResolver,\n      }}\n    >\n      <MantineThemeProvider theme={theme}>\n        {withCssVariables && <MantineCssVariables cssVariablesSelector={cssVariablesSelector} />}\n        {children}\n      </MantineThemeProvider>\n    </MantineContext.Provider>\n  );\n}\n\nMantineProvider.displayName = '@mantine/core/MantineProvider';\n"],"names":["localStorageColorSchemeManager","useProviderColorScheme","useRespectReduceMotion","React","MantineContext","MantineThemeProvider","MantineCssVariables"],"mappings":";;;;;;;;;;;;;;;;AASO,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,aAAa;AACf,EAAE,gBAAgB,GAAG,IAAI;AACzB,EAAE,oBAAoB,GAAG,OAAO;AAChC,EAAE,gBAAgB,GAAG,SAAS;AAC9B,EAAE,kBAAkB,GAAGA,kDAA8B,EAAE;AACvD,EAAE,kBAAkB,GAAG,MAAM;AAC7B,EAAE,cAAc,GAAG,MAAM,QAAQ,CAAC,eAAe;AACjD,EAAE,oBAAoB;AACtB,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAGC,6CAAsB,CAAC;AACnF,IAAI,kBAAkB;AACtB,IAAI,OAAO,EAAE,kBAAkB;AAC/B,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAEC,6CAAsB,CAAC;AACzB,IAAI,oBAAoB,EAAE,CAAC,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,oBAAoB,KAAK,KAAK;AACxF,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,8BAAc,CAAC,QAAQ,EAAE;AACtE,IAAI,KAAK,EAAE;AACX,MAAM,kBAAkB;AACxB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,aAAa;AACnB,MAAM,oBAAoB;AAC1B,KAAK;AACL,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,yCAAoB,EAAE;AAC/D,IAAI,KAAK;AACT,GAAG,EAAE,gBAAgB,oBAAoBF,cAAK,CAAC,aAAa,CAACG,uCAAmB,EAAE;AAClF,IAAI,oBAAoB;AACxB,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var defaultTheme = require('../default-theme.js');
+var mergeMantineTheme = require('../merge-mantine-theme/merge-mantine-theme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const MantineThemeContext = React.createContext(null);
+const useSafeMantineTheme = () => React.useContext(MantineThemeContext) || defaultTheme.DEFAULT_THEME;
+function useMantineTheme() {
+  const ctx = React.useContext(MantineThemeContext);
+  if (!ctx) {
+    throw new Error("@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app");
+  }
+  return ctx;
+}
+function MantineThemeProvider({
+  theme,
+  children,
+  inherit = true
+}) {
+  const parentTheme = useSafeMantineTheme();
+  const mergedTheme = React.useMemo(() => mergeMantineTheme.mergeMantineTheme(inherit ? parentTheme : defaultTheme.DEFAULT_THEME, theme), [theme, parentTheme, inherit]);
+  return /* @__PURE__ */ React__default.createElement(MantineThemeContext.Provider, {
+    value: mergedTheme
+  }, children);
+}
+MantineThemeProvider.displayName = "@mantine/core/MantineThemeProvider";
+
+exports.MantineThemeContext = MantineThemeContext;
+exports.MantineThemeProvider = MantineThemeProvider;
+exports.useMantineTheme = useMantineTheme;
+exports.useSafeMantineTheme = useSafeMantineTheme;
+//# sourceMappingURL=MantineThemeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MantineThemeProvider.js","sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\n\nexport const MantineThemeContext = createContext<MantineTheme | null>(null);\n\nexport const useSafeMantineTheme = () => useContext(MantineThemeContext) || DEFAULT_THEME;\n\nexport function useMantineTheme() {\n  const ctx = useContext(MantineThemeContext);\n  if (!ctx) {\n    throw new Error(\n      '@mantine/core: MantineThemeProvider is 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, `true` by default */\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 (\n    <MantineThemeContext.Provider value={mergedTheme}>{children}</MantineThemeContext.Provider>\n  );\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"names":["createContext","useContext","DEFAULT_THEME","useMemo","mergeMantineTheme","React"],"mappings":";;;;;;;;;;;;AAGY,MAAC,mBAAmB,GAAGA,mBAAa,CAAC,IAAI,EAAE;AAC3C,MAAC,mBAAmB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB,CAAC,IAAIC,2BAAc;AACnF,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAGD,gBAAU,CAAC,mBAAmB,CAAC,CAAC;AAC9C,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uGAAuG,CAAC,CAAC;AAC7H,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,oBAAoB,CAAC;AACrC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,OAAO,GAAG,IAAI;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;AAC5C,EAAE,MAAM,WAAW,GAAGE,aAAO,CAAC,MAAMC,mCAAiB,CAAC,OAAO,GAAG,WAAW,GAAGF,0BAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;AACpI,EAAE,uBAAuBG,cAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE;AAC3E,IAAI,KAAK,EAAE,WAAW;AACtB,GAAG,EAAE,QAAQ,CAAC,CAAC;AACf,CAAC;AACD,oBAAoB,CAAC,WAAW,GAAG,oCAAoC;;;;;;;"}

package/cjs/core/MantineProvider/color-functions/darken/darken.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toRgba = require('../to-rgba/to-rgba.js');
+
+function darken(color, alpha) {
+  if (color.startsWith("var(")) {
+    return color;
+  }
+  const { r, g, b, a } = toRgba.toRgba(color);
+  const f = 1 - alpha;
+  const dark = (input) => Math.round(input * f);
+  return `rgba(${dark(r)}, ${dark(g)}, ${dark(b)}, ${a})`;
+}
+
+exports.darken = darken;
+//# sourceMappingURL=darken.js.map

package/cjs/core/MantineProvider/color-functions/darken/darken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"darken.js","sources":["../../../../../src/core/MantineProvider/color-functions/darken/darken.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba';\n\nexport function darken(color: string, alpha: number) {\n  if (color.startsWith('var(')) {\n    return color;\n  }\n\n  const { r, g, b, a } = toRgba(color);\n  const f = 1 - alpha;\n\n  const dark = (input: number) => Math.round(input * f);\n\n  return `rgba(${dark(r)}, ${dark(g)}, ${dark(b)}, ${a})`;\n}\n"],"names":["toRgba"],"mappings":";;;;;;AACO,SAAS,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE;AACrC,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;AAChC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC;AACvC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AACtB,EAAE,MAAM,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AAChD,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1D;;;;"}

package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js

@@ -0,0 +1,184 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var parseThemeColor = require('../parse-theme-color/parse-theme-color.js');
+var getGradient = require('../get-gradient/get-gradient.js');
+var darken = require('../darken/darken.js');
+var rgba = require('../rgba/rgba.js');
+var rem = require('../../../utils/units-converters/rem.js');
+
+const defaultVariantColorsResolver = ({
+  color,
+  theme,
+  variant,
+  gradient
+}) => {
+  const parsed = parseThemeColor.parseThemeColor({ color, theme });
+  if (variant === "filled") {
+    if (parsed.isThemeColor) {
+      if (parsed.shade === void 0) {
+        return {
+          background: `var(--mantine-color-${color}-filled)`,
+          hover: `var(--mantine-color-${color}-filled-hover)`,
+          color: "var(--mantine-color-white)",
+          border: `${rem.rem(1)} solid transparent`
+        };
+      }
+      return {
+        background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,
+        hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,
+        color: "var(--mantine-color-white)",
+        border: `${rem.rem(1)} solid transparent`
+      };
+    }
+    return {
+      background: color,
+      hover: darken.darken(color, 0.1),
+      color: "var(--mantine-color-white)",
+      border: `${rem.rem(1)} solid transparent`
+    };
+  }
+  if (variant === "light") {
+    if (parsed.isThemeColor) {
+      if (parsed.shade === void 0) {
+        return {
+          background: `var(--mantine-color-${color}-light)`,
+          hover: `var(--mantine-color-${color}-light-hover)`,
+          color: `var(--mantine-color-${color}-light-color)`,
+          border: `${rem.rem(1)} solid transparent`
+        };
+      }
+      const parsedColor = theme.colors[parsed.color][parsed.shade];
+      return {
+        background: rgba.rgba(parsedColor, 0.1),
+        hover: rgba.rgba(parsedColor, 0.12),
+        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+        border: `${rem.rem(1)} solid transparent`
+      };
+    }
+    return {
+      background: rgba.rgba(color, 0.1),
+      hover: rgba.rgba(color, 0.12),
+      color,
+      border: `${rem.rem(1)} solid transparent`
+    };
+  }
+  if (variant === "outline") {
+    if (parsed.isThemeColor) {
+      if (parsed.shade === void 0) {
+        return {
+          background: "transparent",
+          hover: `var(--mantine-color-${color}-outline-hover)`,
+          color: `var(--mantine-color-${color}-outline)`,
+          border: `${rem.rem(1)} solid var(--mantine-color-${color}-outline)`
+        };
+      }
+      return {
+        background: "transparent",
+        hover: rgba.rgba(theme.colors[parsed.color][parsed.shade], 0.05),
+        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,
+        border: `${rem.rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`
+      };
+    }
+    return {
+      background: "transparent",
+      hover: rgba.rgba(color, 0.05),
+      color,
+      border: `${rem.rem(1)} solid ${color}`
+    };
+  }
+  if (variant === "subtle") {
+    if (parsed.isThemeColor) {
+      if (parsed.shade === void 0) {
+        return {
+          background: "transparent",
+          hover: `var(--mantine-color-${color}-light-hover)`,
+          color: `var(--mantine-color-${color}-light-color)`,
+          border: `${rem.rem(1)} solid transparent`
+        };
+      }
+      const parsedColor = theme.colors[parsed.color][parsed.shade];
+      return {
+        background: "transparent",
+        hover: rgba.rgba(parsedColor, 0.12),
+        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+        border: `${rem.rem(1)} solid transparent`
+      };
+    }
+    return {
+      background: "transparent",
+      hover: rgba.rgba(color, 0.12),
+      color,
+      border: `${rem.rem(1)} solid transparent`
+    };
+  }
+  if (variant === "transparent") {
+    if (parsed.isThemeColor) {
+      if (parsed.shade === void 0) {
+        return {
+          background: "transparent",
+          hover: "transparent",
+          color: `var(--mantine-color-${color}-light-color)`,
+          border: `${rem.rem(1)} solid transparent`
+        };
+      }
+      return {
+        background: "transparent",
+        hover: "transparent",
+        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+        border: `${rem.rem(1)} solid transparent`
+      };
+    }
+    return {
+      background: "transparent",
+      hover: "transparent",
+      color,
+      border: `${rem.rem(1)} solid transparent`
+    };
+  }
+  if (variant === "white") {
+    if (parsed.isThemeColor) {
+      if (parsed.shade === void 0) {
+        return {
+          background: "var(--mantine-color-white)",
+          hover: darken.darken(theme.white, 0.01),
+          color: `var(--mantine-color-${color}-filled)`,
+          border: `${rem.rem(1)} solid transparent`
+        };
+      }
+      return {
+        background: "var(--mantine-color-white)",
+        hover: darken.darken(theme.white, 0.01),
+        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,
+        border: `${rem.rem(1)} solid transparent`
+      };
+    }
+    return {
+      background: "var(--mantine-color-white)",
+      hover: darken.darken(theme.white, 0.01),
+      color,
+      border: `${rem.rem(1)} solid transparent`
+    };
+  }
+  if (variant === "gradient") {
+    return {
+      background: getGradient.getGradient(gradient, theme),
+      hover: getGradient.getGradient(gradient, theme),
+      color: "var(--mantine-color-white)",
+      border: "none"
+    };
+  }
+  if (variant === "default") {
+    return {
+      background: "var(--mantine-color-default)",
+      hover: "var(--mantine-color-default-hover)",
+      color: "var(--mantine-color-default-color)",
+      border: `${rem.rem(1)} solid var(--mantine-color-default-border)`
+    };
+  }
+  return {};
+};
+
+exports.defaultVariantColorsResolver = defaultVariantColorsResolver;
+//# sourceMappingURL=default-variant-colors-resolver.js.map

package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-variant-colors-resolver.js","sources":["../../../../../src/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.ts"],"sourcesContent":["import { MantineColor, MantineTheme, MantineGradient } from '../../theme.types';\nimport { parseThemeColor } from '../parse-theme-color/parse-theme-color';\nimport { getGradient } from '../get-gradient/get-gradient';\nimport { darken } from '../darken/darken';\nimport { rgba } from '../rgba/rgba';\nimport { rem } from '../../../utils';\n\nexport interface VariantColorsResolverInput {\n  color: MantineColor | undefined;\n  theme: MantineTheme;\n  variant: string;\n  gradient?: MantineGradient;\n}\n\nexport interface VariantColorResolverResult {\n  background: string;\n  hover: string;\n  color: string;\n  border: string;\n}\n\nexport type VariantColorsResolver = (\n  input: VariantColorsResolverInput\n) => VariantColorResolverResult;\n\nexport const defaultVariantColorsResolver: VariantColorsResolver = ({\n  color,\n  theme,\n  variant,\n  gradient,\n}) => {\n  const parsed = parseThemeColor({ color, theme });\n\n  if (variant === 'filled') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--mantine-color-${color}-filled)`,\n          hover: `var(--mantine-color-${color}-filled-hover)`,\n          color: 'var(--mantine-color-white)',\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        hover: `var(--mantine-color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,\n        color: 'var(--mantine-color-white)',\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: color!,\n      hover: darken(color!, 0.1),\n      color: 'var(--mantine-color-white)',\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'light') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: `var(--mantine-color-${color}-light)`,\n          hover: `var(--mantine-color-${color}-light-hover)`,\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n      return {\n        background: rgba(parsedColor, 0.1),\n        hover: rgba(parsedColor, 0.12),\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: rgba(color!, 0.1),\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'outline') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--mantine-color-${color}-outline-hover)`,\n          color: `var(--mantine-color-${color}-outline)`,\n          border: `${rem(1)} solid var(--mantine-color-${color}-outline)`,\n        };\n      }\n\n      return {\n        background: 'transparent',\n        hover: rgba(theme.colors[parsed.color][parsed.shade], 0.05),\n        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid var(--mantine-color-${parsed.color}-${parsed.shade})`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.05),\n      color: color!,\n      border: `${rem(1)} solid ${color}`,\n    };\n  }\n\n  if (variant === 'subtle') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: `var(--mantine-color-${color}-light-hover)`,\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      const parsedColor = theme.colors[parsed.color][parsed.shade];\n\n      return {\n        background: 'transparent',\n        hover: rgba(parsedColor, 0.12),\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: rgba(color!, 0.12),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'transparent') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'transparent',\n          hover: 'transparent',\n          color: `var(--mantine-color-${color}-light-color)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: 'transparent',\n        hover: 'transparent',\n        color: `var(--mantine-color-${parsed.color}-${Math.min(parsed.shade, 6)})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'transparent',\n      hover: 'transparent',\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'white') {\n    if (parsed.isThemeColor) {\n      if (parsed.shade === undefined) {\n        return {\n          background: 'var(--mantine-color-white)',\n          hover: darken(theme.white, 0.01),\n          color: `var(--mantine-color-${color}-filled)`,\n          border: `${rem(1)} solid transparent`,\n        };\n      }\n\n      return {\n        background: 'var(--mantine-color-white)',\n        hover: darken(theme.white, 0.01),\n        color: `var(--mantine-color-${parsed.color}-${parsed.shade})`,\n        border: `${rem(1)} solid transparent`,\n      };\n    }\n\n    return {\n      background: 'var(--mantine-color-white)',\n      hover: darken(theme.white, 0.01),\n      color: color!,\n      border: `${rem(1)} solid transparent`,\n    };\n  }\n\n  if (variant === 'gradient') {\n    return {\n      background: getGradient(gradient, theme),\n      hover: getGradient(gradient, theme),\n      color: 'var(--mantine-color-white)',\n      border: 'none',\n    };\n  }\n\n  if (variant === 'default') {\n    return {\n      background: 'var(--mantine-color-default)',\n      hover: 'var(--mantine-color-default-hover)',\n      color: 'var(--mantine-color-default-color)',\n      border: `${rem(1)} solid var(--mantine-color-default-border)`,\n    };\n  }\n\n  return {} as VariantColorResolverResult;\n};\n"],"names":["parseThemeColor","rem","darken","rgba","getGradient"],"mappings":"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"}

package/cjs/core/MantineProvider/color-functions/get-gradient/get-gradient.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getThemeColor = require('../get-theme-color/get-theme-color.js');
+
+function getGradient(gradient, theme) {
+  const merged = {
+    from: (gradient == null ? void 0 : gradient.from) || theme.defaultGradient.from,
+    to: (gradient == null ? void 0 : gradient.to) || theme.defaultGradient.to,
+    deg: (gradient == null ? void 0 : gradient.deg) || theme.defaultGradient.deg || 0
+  };
+  const fromColor = getThemeColor.getThemeColor(merged.from, theme);
+  const toColor = getThemeColor.getThemeColor(merged.to, theme);
+  return `linear-gradient(${merged.deg}deg, ${fromColor} 0%, ${toColor} 100%)`;
+}
+
+exports.getGradient = getGradient;
+//# sourceMappingURL=get-gradient.js.map

package/cjs/core/MantineProvider/color-functions/get-gradient/get-gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-gradient.js","sources":["../../../../../src/core/MantineProvider/color-functions/get-gradient/get-gradient.ts"],"sourcesContent":["import { MantineGradient, MantineTheme } from '../../theme.types';\nimport { getThemeColor } from '../get-theme-color/get-theme-color';\n\nexport function getGradient(gradient: MantineGradient | undefined, theme: MantineTheme) {\n  const merged = {\n    from: gradient?.from || theme.defaultGradient.from,\n    to: gradient?.to || theme.defaultGradient.to,\n    deg: gradient?.deg || theme.defaultGradient.deg || 0,\n  };\n\n  const fromColor = getThemeColor(merged.from, theme);\n  const toColor = getThemeColor(merged.to, theme);\n\n  return `linear-gradient(${merged.deg}deg, ${fromColor} 0%, ${toColor} 100%)`;\n}\n"],"names":["getThemeColor"],"mappings":";;;;;;AACO,SAAS,WAAW,CAAC,QAAQ,EAAE,KAAK,EAAE;AAC7C,EAAE,MAAM,MAAM,GAAG;AACjB,IAAI,IAAI,EAAE,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,eAAe,CAAC,IAAI;AACnF,IAAI,EAAE,EAAE,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,eAAe,CAAC,EAAE;AAC7E,IAAI,GAAG,EAAE,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,KAAK,KAAK,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;AACrF,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAGA,2BAAa,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AACtD,EAAE,MAAM,OAAO,GAAGA,2BAAa,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;AAClD,EAAE,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;AAC/E;;;;"}

package/cjs/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getPrimaryShade(theme, colorScheme) {
+  if (typeof theme.primaryShade === "number") {
+    return theme.primaryShade;
+  }
+  if (colorScheme === "dark") {
+    return theme.primaryShade.dark;
+  }
+  return theme.primaryShade.light;
+}
+
+exports.getPrimaryShade = getPrimaryShade;
+//# sourceMappingURL=get-primary-shade.js.map

package/cjs/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-primary-shade.js","sources":["../../../../../src/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.ts"],"sourcesContent":["import type { MantineColorScheme, MantineTheme } from '../../theme.types';\n\nexport function getPrimaryShade(theme: MantineTheme, colorScheme: MantineColorScheme) {\n  if (typeof theme.primaryShade === 'number') {\n    return theme.primaryShade;\n  }\n\n  if (colorScheme === 'dark') {\n    return theme.primaryShade.dark;\n  }\n\n  return theme.primaryShade.light;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,eAAe,CAAC,KAAK,EAAE,WAAW,EAAE;AACpD,EAAE,IAAI,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ,EAAE;AAC9C,IAAI,OAAO,KAAK,CAAC,YAAY,CAAC;AAC9B,GAAG;AACH,EAAE,IAAI,WAAW,KAAK,MAAM,EAAE;AAC9B,IAAI,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC;AACnC,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;AAClC;;;;"}

package/cjs/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var parseThemeColor = require('../parse-theme-color/parse-theme-color.js');
+
+function getThemeColor(color, theme) {
+  const parsed = parseThemeColor.parseThemeColor({ color: color || theme.primaryColor, theme });
+  return parsed.variable ? `var(${parsed.variable})` : color;
+}
+
+exports.getThemeColor = getThemeColor;
+//# sourceMappingURL=get-theme-color.js.map

package/cjs/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-color.js","sources":["../../../../../src/core/MantineProvider/color-functions/get-theme-color/get-theme-color.ts"],"sourcesContent":["import { parseThemeColor } from '../parse-theme-color/parse-theme-color';\nimport type { MantineTheme } from '../../theme.types';\n\nexport function getThemeColor(color: string | undefined | null, theme: MantineTheme) {\n  const parsed = parseThemeColor({ color: color || theme.primaryColor, theme });\n  return parsed.variable ? `var(${parsed.variable})` : color!;\n}\n"],"names":["parseThemeColor"],"mappings":";;;;;;AACO,SAAS,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE;AAC5C,EAAE,MAAM,MAAM,GAAGA,+BAAe,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;AAChF,EAAE,OAAO,MAAM,CAAC,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAC7D;;;;"}

package/cjs/core/MantineProvider/color-functions/is-light-color/is-light-color.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toRgba = require('../to-rgba/to-rgba.js');
+
+function getPartLuminance(value) {
+  const x = value / 255;
+  return x <= 0.03928 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
+}
+function getLuminance(input) {
+  const r = getPartLuminance(input.r);
+  const g = getPartLuminance(input.g);
+  const b = getPartLuminance(input.b);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function isLightColor(color, luminanceThreshold = 0.179) {
+  return getLuminance(toRgba.toRgba(color)) > luminanceThreshold;
+}
+
+exports.getLuminance = getLuminance;
+exports.isLightColor = isLightColor;
+//# sourceMappingURL=is-light-color.js.map

package/cjs/core/MantineProvider/color-functions/is-light-color/is-light-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-light-color.js","sources":["../../../../../src/core/MantineProvider/color-functions/is-light-color/is-light-color.ts"],"sourcesContent":["import { toRgba, RGBA } from '../to-rgba/to-rgba';\n\nfunction getPartLuminance(value: number) {\n  const x = value / 255;\n  return x <= 0.03928 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;\n}\n\nexport function getLuminance(input: RGBA) {\n  const r = getPartLuminance(input.r);\n  const g = getPartLuminance(input.g);\n  const b = getPartLuminance(input.b);\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n}\n\nexport function isLightColor(color: string, luminanceThreshold = 0.179) {\n  return getLuminance(toRgba(color)) > luminanceThreshold;\n}\n"],"names":["toRgba"],"mappings":";;;;;;AACA,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACjC,EAAE,MAAM,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;AACxB,EAAE,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,KAAK,GAAG,CAAC;AACjE,CAAC;AACM,SAAS,YAAY,CAAC,KAAK,EAAE;AACpC,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtC,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtC,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACtC,EAAE,OAAO,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;AAC9C,CAAC;AACM,SAAS,YAAY,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE;AAChE,EAAE,OAAO,YAAY,CAACA,aAAM,CAAC,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC;AAC1D;;;;;"}

package/cjs/core/MantineProvider/color-functions/lighten/lighten.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toRgba = require('../to-rgba/to-rgba.js');
+
+function lighten(color, alpha) {
+  if (color.startsWith("var(")) {
+    return color;
+  }
+  const { r, g, b, a } = toRgba.toRgba(color);
+  const light = (input) => Math.round(input + (255 - input) * alpha);
+  return `rgba(${light(r)}, ${light(g)}, ${light(b)}, ${a})`;
+}
+
+exports.lighten = lighten;
+//# sourceMappingURL=lighten.js.map

package/cjs/core/MantineProvider/color-functions/lighten/lighten.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lighten.js","sources":["../../../../../src/core/MantineProvider/color-functions/lighten/lighten.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba';\n\nexport function lighten(color: string, alpha: number) {\n  if (color.startsWith('var(')) {\n    return color;\n  }\n\n  const { r, g, b, a } = toRgba(color);\n\n  const light = (input: number) => Math.round(input + (255 - input) * alpha);\n\n  return `rgba(${light(r)}, ${light(g)}, ${light(b)}, ${a})`;\n}\n"],"names":["toRgba"],"mappings":";;;;;;AACO,SAAS,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE;AACtC,EAAE,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;AAChC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC;AACvC,EAAE,MAAM,KAAK,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC;AACrE,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D;;;;"}

package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getPrimaryShade = require('../get-primary-shade/get-primary-shade.js');
+
+function parseThemeColor({
+  color,
+  theme,
+  colorScheme
+}) {
+  if (typeof color !== "string") {
+    throw new Error(`[@mantine/core] Failed to parse color. Instead got ${typeof color}`);
+  }
+  if (color === "white" || color === "black") {
+    return {
+      color,
+      value: color === "white" ? theme.white : theme.black,
+      shade: void 0,
+      isThemeColor: false,
+      variable: `--mantine-color-${color}`
+    };
+  }
+  const [_color, shade] = color.split(".");
+  const colorShade = shade ? Number(shade) : void 0;
+  const isThemeColor = _color in theme.colors;
+  if (isThemeColor) {
+    return {
+      color: _color,
+      value: colorShade !== void 0 ? theme.colors[_color][colorShade] : theme.colors[_color][getPrimaryShade.getPrimaryShade(theme, colorScheme || "light")],
+      shade: colorShade,
+      isThemeColor,
+      variable: shade ? `--mantine-color-${_color}-${colorShade}` : `--mantine-color-${_color}-filled`
+    };
+  }
+  return {
+    color,
+    value: color,
+    isThemeColor,
+    shade: colorShade,
+    variable: void 0
+  };
+}
+
+exports.parseThemeColor = parseThemeColor;
+//# sourceMappingURL=parse-theme-color.js.map

package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-theme-color.js","sources":["../../../../../src/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.ts"],"sourcesContent":["import type { MantineTheme, MantineColorShade, MantineColorScheme } from '../../theme.types';\nimport type { CssVariable } from '../../../Box';\nimport { getPrimaryShade } from '../get-primary-shade/get-primary-shade';\n\ninterface ParseThemeColorOptions {\n  color: unknown;\n  theme: MantineTheme;\n  colorScheme?: MantineColorScheme;\n}\n\ninterface ParseThemeColorResult {\n  color: string;\n  value: string;\n  shade: MantineColorShade | undefined;\n  variable: CssVariable | undefined;\n  isThemeColor: boolean;\n}\n\nexport function parseThemeColor({\n  color,\n  theme,\n  colorScheme,\n}: ParseThemeColorOptions): ParseThemeColorResult {\n  if (typeof color !== 'string') {\n    throw new Error(`[@mantine/core] Failed to parse color. Instead got ${typeof color}`);\n  }\n\n  if (color === 'white' || color === 'black') {\n    return {\n      color,\n      value: color === 'white' ? theme.white : theme.black,\n      shade: undefined,\n      isThemeColor: false,\n      variable: `--mantine-color-${color}`,\n    };\n  }\n\n  const [_color, shade] = color.split('.');\n  const colorShade = shade ? (Number(shade) as MantineColorShade) : undefined;\n  const isThemeColor = _color in theme.colors;\n\n  if (isThemeColor) {\n    return {\n      color: _color,\n      value:\n        colorShade !== undefined\n          ? theme.colors[_color][colorShade]\n          : theme.colors[_color][getPrimaryShade(theme, colorScheme || 'light')],\n      shade: colorShade,\n      isThemeColor,\n      variable: shade\n        ? `--mantine-color-${_color}-${colorShade}`\n        : `--mantine-color-${_color}-filled`,\n    };\n  }\n\n  return {\n    color,\n    value: color,\n    isThemeColor,\n    shade: colorShade,\n    variable: undefined,\n  };\n}\n"],"names":["getPrimaryShade"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC;AAChC,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,WAAW;AACb,CAAC,EAAE;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,mDAAmD,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;AAC1F,GAAG;AACH,EAAE,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,OAAO,EAAE;AAC9C,IAAI,OAAO;AACX,MAAM,KAAK;AACX,MAAM,KAAK,EAAE,KAAK,KAAK,OAAO,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AAC1D,MAAM,KAAK,EAAE,KAAK,CAAC;AACnB,MAAM,YAAY,EAAE,KAAK;AACzB,MAAM,QAAQ,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;AAC1C,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAC3C,EAAE,MAAM,UAAU,GAAG,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,CAAC;AACpD,EAAE,MAAM,YAAY,GAAG,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC;AAC9C,EAAE,IAAI,YAAY,EAAE;AACpB,IAAI,OAAO;AACX,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAACA,+BAAe,CAAC,KAAK,EAAE,WAAW,IAAI,OAAO,CAAC,CAAC;AAC5I,MAAM,KAAK,EAAE,UAAU;AACvB,MAAM,YAAY;AAClB,MAAM,QAAQ,EAAE,KAAK,GAAG,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC;AACtG,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO;AACT,IAAI,KAAK;AACT,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,YAAY;AAChB,IAAI,KAAK,EAAE,UAAU;AACrB,IAAI,QAAQ,EAAE,KAAK,CAAC;AACpB,GAAG,CAAC;AACJ;;;;"}

package/cjs/core/MantineProvider/color-functions/rgba/rgba.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var toRgba = require('../to-rgba/to-rgba.js');
+
+function rgba(color, alpha) {
+  if (typeof color !== "string" || alpha > 1 || alpha < 0) {
+    return "rgba(0, 0, 0, 1)";
+  }
+  const { r, g, b } = toRgba.toRgba(color);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+exports.rgba = rgba;
+//# sourceMappingURL=rgba.js.map

package/cjs/core/MantineProvider/color-functions/rgba/rgba.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rgba.js","sources":["../../../../../src/core/MantineProvider/color-functions/rgba/rgba.ts"],"sourcesContent":["import { toRgba } from '../to-rgba/to-rgba';\n\nexport function rgba(color: string, alpha: number) {\n  if (typeof color !== 'string' || alpha > 1 || alpha < 0) {\n    return 'rgba(0, 0, 0, 1)';\n  }\n\n  const { r, g, b } = toRgba(color);\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n}\n"],"names":["toRgba"],"mappings":";;;;;;AACO,SAAS,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE;AACnC,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE;AAC3D,IAAI,OAAO,kBAAkB,CAAC;AAC9B,GAAG;AACH,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAGA,aAAM,CAAC,KAAK,CAAC,CAAC;AACpC,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAC5C;;;;"}