npm - @mantine/core - Versions diffs - 9.5.2 → 9.6.1 - Mend

@mantine/core 9.5.2 → 9.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (901) hide show

package/esm/core/DirectionProvider/DirectionProvider.mjs.map CHANGED Viewed

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

package/esm/core/InlineStyles/InlineStyles.mjs.map CHANGED Viewed

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

package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs CHANGED Viewed

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

package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs.map CHANGED Viewed

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

package/esm/core/MantineProvider/MantineProvider.mjs CHANGED Viewed

@@ -2,13 +2,13 @@
 import { localStorageColorSchemeManager } from "./color-scheme-managers/local-storage-manager.mjs";
 import { MantineContext } from "./Mantine.context.mjs";
 import { useProviderColorScheme } from "./use-mantine-color-scheme/use-provider-color-scheme.mjs";
-import "./baseline.mjs";
-import "./global.mjs";
-import "./default-css-variables.mjs";
 import { MantineThemeProvider } from "./MantineThemeProvider/MantineThemeProvider.mjs";
 import { MantineClasses } from "./MantineClasses/MantineClasses.mjs";
 import { MantineCssVariables } from "./MantineCssVariables/MantineCssVariables.mjs";
 import { useRespectReduceMotion } from "./use-respect-reduce-motion/use-respect-reduce-motion.mjs";
+import "./baseline.mjs";
+import "./default-css-variables.mjs";
+import "./global.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/core/MantineProvider/MantineProvider.tsx
 function MantineProvider({ theme, children, getStyleNonce, withStaticClasses = true, withGlobalClasses = true, deduplicateCssVariables = true, withCssVariables = true, cssVariablesSelector, classNamesPrefix = "mantine", colorSchemeManager = localStorageColorSchemeManager(), defaultColorScheme = "light", getRootElement = () => document.documentElement, cssVariablesResolver, forceColorScheme, stylesTransform, env, deduplicateInlineStyles = false }) {

package/esm/core/MantineProvider/MantineProvider.mjs.map CHANGED Viewed

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

package/esm/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs.map CHANGED Viewed

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

package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.mjs.map CHANGED Viewed

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

package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs CHANGED Viewed

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

package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs.map CHANGED Viewed

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

package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs CHANGED Viewed

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

package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs.map CHANGED Viewed

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

package/esm/core/utils/deep-merge/deep-merge.mjs CHANGED Viewed

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

package/esm/core/utils/deep-merge/deep-merge.mjs.map CHANGED Viewed

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

package/esm/index.mjs CHANGED Viewed

@@ -141,6 +141,9 @@ import { AccordionItem } from "./components/Accordion/AccordionItem/AccordionIte
 import { AccordionPanel } from "./components/Accordion/AccordionPanel/AccordionPanel.mjs";
 import { Accordion } from "./components/Accordion/Accordion.mjs";
 import { Affix } from "./components/Affix/Affix.mjs";
+import { ActionBarCloseButton } from "./components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.mjs";
+import { ActionBarDivider } from "./components/ActionBar/ActionBarDivider/ActionBarDivider.mjs";
+import { ActionBar } from "./components/ActionBar/ActionBar.mjs";
 import { Alert } from "./components/Alert/Alert.mjs";
 import { Text } from "./components/Text/Text.mjs";
 import { Anchor } from "./components/Anchor/Anchor.mjs";
@@ -381,4 +384,4 @@ import { TreeSelectOption } from "./components/TreeSelect/TreeSelectOption.mjs";
 import { TreeSelect } from "./components/TreeSelect/TreeSelect.mjs";
 import { Typography } from "./components/Typography/Typography.mjs";
 import { RemoveScroll } from "react-remove-scroll";
-export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackgroundImage, Badge, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Cascader, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxCardContext, CheckboxGroup, CheckboxGroupContext, CheckboxIndicator, Chip, ChipGroup, ChipGroupContext, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSchemeScript, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_THEME, DataList, DataListItem, DataListItemLabel, DataListItemValue, Dialog, DirectionContext, DirectionProvider, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerStackContext, DrawerTitle, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, FLEX_STYLE_PROPS_DATA, FOCUS_CLASS_NAMES, Fieldset, FileButton, FileInput, FlatTreeNode, Flex, FloatingArrow, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardGroupContext, HoverCardTarget, HueSlider, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputSuccess, InputWrapper, InputWrapperContext, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, transitions as MANTINE_TRANSITIONS, MantineContext, MantineProvider, MantineThemeContext, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Menubar, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalStack, ModalStackContext, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NavLink, Notification, NumberFormatter, NumberInput, OptionalPortal, OptionsDropdown, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, PillGroup, PillsInput, PillsInputContext, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioCardContext, RadioGroup, RadioGroupContext, RadioIcon, RadioIndicator, RangeSlider, Rating, RemoveScroll, RingProgress, RollingNumber, STYlE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, SwitchGroupContext, Table, TableCaption, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, TooltipGroupContext, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, camelToKebabCase, closeOnEscape, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createSafeContext, createScopedKeydownHandler, createTheme, createUseExternalEvents, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, filterTreeData, findClosestNumber, findElementAncestor, findElementBySelector, findElementsBySelector, flattenCascaderPaths, flattenTreeData, genericFactory, getArrowMergeDropdownStyles, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, getCascaderPathOptions, getContextItemIndex, getContrastColor, getDefaultZIndex, getEnv, getFloatingPosition, getFontSize, getGradient, getLineHeight, getOptionsLockup, getParsedComboboxData, getPrimaryContrastColor, getPrimaryShade, getRadius, getRefProp, getRootElement, getSafeId, getShadow, getSingleElementChild, getSize, getSortedBreakpoints, getSpacing, getStyleObject, getThemeColor, getTransitionProps, getTreeExpandedState, getVirtualColorContrast, hashStyleProps, isColorValid, isElement, isLightColor, isMantineColorScheme, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, localStorageColorSchemeManager, luminance, mantineHtmlProps, memoize, mergeAsyncChildren, mergeMantineTheme, mergeThemeOverrides, moveTreeNode, noop, parseColor, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, px, rem, resolveClassNames, resolveStyles, rgba, stylesToString, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDataListContext, useDelayedHover, useDirection, useDrawerContext, useDrawersStack, useEmptyStateContext, useGridContext, useHoverCardContext, useHovered, useInputProps, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineTheme, useMantineWithStaticClasses, useMatches, useMenuContext, useMenubarContext, useMenubarMenuContext, useModalContext, useModalsStack, usePaginationContext, usePillsReorder, usePopoverContext, useProgressContext, useProps, useProviderColorScheme, useRandomClassName, useResolvedStylesApi, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useTableContext, useTabsContext, useTree, useVirtualizedCombobox, v8CssVariablesResolver, validateMantineTheme, virtualColor };
+export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionBar, ActionBarCloseButton, ActionBarDivider, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackgroundImage, Badge, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Cascader, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxCardContext, CheckboxGroup, CheckboxGroupContext, CheckboxIndicator, Chip, ChipGroup, ChipGroupContext, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSchemeScript, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxPopover, ComboboxPopoverTarget, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_THEME, DataList, DataListItem, DataListItemLabel, DataListItemValue, Dialog, DirectionContext, DirectionProvider, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerStackContext, DrawerTitle, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIndicator, EmptyStateTitle, FLEX_STYLE_PROPS_DATA, FOCUS_CLASS_NAMES, Fieldset, FileButton, FileInput, FlatTreeNode, Flex, FloatingArrow, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardGroupContext, HoverCardTarget, HueSlider, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputSuccess, InputWrapper, InputWrapperContext, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, transitions as MANTINE_TRANSITIONS, MantineContext, MantineProvider, MantineThemeContext, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Menubar, MenubarDropdown, MenubarMenu, MenubarTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalStack, ModalStackContext, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NavLink, Notification, NumberFormatter, NumberInput, OptionalPortal, OptionsDropdown, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, PillGroup, PillsInput, PillsInputContext, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioCardContext, RadioGroup, RadioGroupContext, RadioIcon, RadioIndicator, RangeSlider, Rating, RemoveScroll, RingProgress, RollingNumber, STYlE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, SwitchGroupContext, Table, TableCaption, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, TooltipGroupContext, Transition, Tree, TreeSelect, TreeSelectOption, Typography, UnstyledButton, VisuallyHidden, alpha, camelToKebabCase, closeOnEscape, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createSafeContext, createScopedKeydownHandler, createTheme, createUseExternalEvents, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, filterTreeData, findClosestNumber, findElementAncestor, findElementBySelector, findElementsBySelector, flattenCascaderPaths, flattenTreeData, genericFactory, getArrowMergeDropdownStyles, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, getCascaderPathOptions, getContextItemIndex, getContrastColor, getDefaultZIndex, getEnv, getFloatingPosition, getFontSize, getGradient, getLineHeight, getOptionsLockup, getParsedComboboxData, getPrimaryContrastColor, getPrimaryShade, getRadius, getRefProp, getRootElement, getSafeId, getShadow, getSingleElementChild, getSize, getSortedBreakpoints, getSpacing, getStyleObject, getThemeColor, getTransitionProps, getTreeExpandedState, getVirtualColorContrast, hashStyleProps, isColorValid, isElement, isLightColor, isMantineColorScheme, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, localStorageColorSchemeManager, luminance, mantineHtmlProps, memoize, mergeAsyncChildren, mergeMantineTheme, mergeThemeOverrides, moveTreeNode, noop, parseColor, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, px, rem, resolveClassNames, resolveStyles, rgba, stylesToString, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDataListContext, useDelayedHover, useDirection, useDrawerContext, useDrawersStack, useEmptyStateContext, useGridContext, useHoverCardContext, useHovered, useInputProps, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineTheme, useMantineWithStaticClasses, useMatches, useMenuContext, useMenubarContext, useMenubarMenuContext, useModalContext, useModalsStack, usePaginationContext, usePillsReorder, usePopoverContext, useProgressContext, useProps, useProviderColorScheme, useRandomClassName, useResolvedStylesApi, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useTableContext, useTabsContext, useTree, useVirtualizedCombobox, v8CssVariablesResolver, validateMantineTheme, virtualColor };

package/esm/utils/InlineInput/InlineInput.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineInput.mjs","names":["classes"],"sources":["../../../src/utils/InlineInput/InlineInput.tsx"],"sourcesContent":["import { Input } from '../../components/Input';\nimport {\n Box,\n BoxProps,\n ElementProps,\n Factory,\n getFontSize,\n getSize,\n MantineSize,\n StylesApiProps,\n useStyles,\n} from '../../core';\nimport classes from './InlineInput.module.css';\n\nexport const InlineInputClasses = classes;\n\nexport type InlineInputStylesNames =\n \| 'root'\n \| 'body'\n \| 'labelWrapper'\n \| 'label'\n \| 'description'\n \| 'error';\n\nexport interface InlineInputProps\n extends BoxProps, StylesApiProps<InlineInputFactory>, ElementProps<'div'> {\n __staticSelector: string;\n __stylesApiProps: Record<string, any>;\n label: React.ReactNode;\n description: React.ReactNode;\n id: string;\n disabled: boolean \| undefined;\n error: React.ReactNode;\n size: MantineSize \| (string & {}) \| undefined;\n labelPosition?: 'left' \| 'right';\n bodyElement?: any;\n labelElement?: any;\n}\n\nexport type InlineInputFactory = Factory<{\n props: any;\n stylesNames: InlineInputStylesNames;\n}>;\n\nexport function InlineInput({\n __staticSelector,\n __stylesApiProps,\n className,\n classNames,\n styles,\n unstyled,\n children,\n label,\n description,\n id,\n disabled,\n error,\n size,\n labelPosition = 'left',\n bodyElement = 'div',\n labelElement = 'label',\n variant,\n style,\n vars,\n mod,\n attributes,\n ...others\n}: InlineInputProps) {\n const getStyles = useStyles<InlineInputFactory>({\n name: __staticSelector,\n props: __stylesApiProps,\n className,\n style,\n classes,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n const descriptionId = description ? `${id}-description` : undefined;\n const errorId = error && typeof error !== 'boolean' ? `${id}-error` : undefined;\n\n return (\n <Box\n {...getStyles('root')}\n __vars={{\n '--label-fz': getFontSize(size),\n '--label-lh': getSize(size, 'label-lh'),\n }}\n mod={[{ 'label-position': labelPosition }, mod]}\n variant={variant}\n size={size}\n {...others}\n >\n <Box\n component={bodyElement}\n htmlFor={bodyElement === 'label' ? id : undefined}\n {...getStyles('body')}\n >\n {children}\n\n <div {...getStyles('labelWrapper')} data-disabled={disabled \|\| undefined}>\n {label && (\n <Box\n component={labelElement}\n htmlFor={labelElement === 'label' ? id : undefined}\n {...getStyles('label')}\n data-disabled={disabled \|\| undefined}\n >\n {label}\n </Box>\n )}\n\n {description && (\n <Input.Description\n id={descriptionId}\n size={size}\n __inheritStyles={false}\n {...getStyles('description')}\n >\n {description}\n </Input.Description>\n )}\n\n {error && typeof error !== 'boolean' && (\n <Input.Error id={errorId} size={size} __inheritStyles={false} {...getStyles('error')}>\n {error}\n </Input.Error>\n )}\n </div>\n </Box>\n </Box>\n );\n}\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"mappings":";;;;;;;;AAcA,MAAa,qBAAqBA;AA8BlC,SAAgB,YAAY,EAC1B,kBACA,kBACA,WACA,YACA,QACA,UACA,UACA,OACA,aACA,IACA,UACA,OACA,MACA,gBAAgB,QAChB,cAAc,OACd,eAAe,SACf,SACA,OACA,MACA,KACA,YACA,GAAG,UACgB;CACnB,MAAM,YAAY,UAA8B;EAC9C,MAAM;EACN,OAAO;EACP;EACA;EACA,SAAA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc,GAAG,GAAG,gBAAgB,KAAA;CAC1D,MAAM,UAAU,SAAS,OAAO,UAAU,YAAY,GAAG,GAAG,UAAU,KAAA;CAEtE,OACE,oBAAC,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,QAAQ;GACN,cAAc,YAAY,IAAI;GAC9B,cAAc,QAAQ,MAAM,UAAU;EACxC;EACA,KAAK,CAAC,EAAE,kBAAkB,cAAc,GAAG,GAAG;EACrC;EACH;EACN,GAAI;~~YAEJ~~,qBAAC,KAAD;GACE,WAAW;GACX,SAAS,gBAAgB,UAAU,KAAK,KAAA;GACxC,GAAI,UAAU,MAAM;~~aAHtB~~,CAKG,UAED,qBAAC,OAAD;IAAK,GAAI,UAAU,cAAc;IAAG,iBAAe,YAAY,KAAA;~~cAA~~/D;KACG,SACC,oBAAC,KAAD;MACE,WAAW;MACX,SAAS,iBAAiB,UAAU,KAAK,KAAA;MACzC,GAAI,UAAU,OAAO;MACrB,iBAAe,YAAY,KAAA;~~gBAE1B~~;KACE,CAAA;KAGN,eACC,oBAAC,MAAM,aAAP;MACE,IAAI;MACE;MACN,iBAAiB;MACjB,GAAI,UAAU,aAAa;~~gBAE1B~~;KACgB,CAAA;KAGpB,SAAS,OAAO,UAAU,aACzB,oBAAC,MAAM,OAAP;MAAa,IAAI;MAAe;MAAM,iBAAiB;MAAO,GAAI,UAAU,OAAO;~~gBAChF~~;KACU,CAAA;IAEZ;~~KACF~~;;CACF,CAAA;AAET;AAEA,YAAY,cAAc"}
1	+ {"version":3,"file":"InlineInput.mjs","names":["classes"],"sources":["../../../src/utils/InlineInput/InlineInput.tsx"],"sourcesContent":["import { Input } from '../../components/Input';\nimport {\n Box,\n BoxProps,\n ElementProps,\n Factory,\n getFontSize,\n getSize,\n MantineSize,\n StylesApiProps,\n useStyles,\n} from '../../core';\nimport classes from './InlineInput.module.css';\n\nexport const InlineInputClasses = classes;\n\nexport type InlineInputStylesNames =\n \| 'root'\n \| 'body'\n \| 'labelWrapper'\n \| 'label'\n \| 'description'\n \| 'error';\n\nexport interface InlineInputProps\n extends BoxProps, StylesApiProps<InlineInputFactory>, ElementProps<'div'> {\n __staticSelector: string;\n __stylesApiProps: Record<string, any>;\n label: React.ReactNode;\n description: React.ReactNode;\n id: string;\n disabled: boolean \| undefined;\n error: React.ReactNode;\n size: MantineSize \| (string & {}) \| undefined;\n labelPosition?: 'left' \| 'right';\n bodyElement?: any;\n labelElement?: any;\n}\n\nexport type InlineInputFactory = Factory<{\n props: any;\n stylesNames: InlineInputStylesNames;\n}>;\n\nexport function InlineInput({\n __staticSelector,\n __stylesApiProps,\n className,\n classNames,\n styles,\n unstyled,\n children,\n label,\n description,\n id,\n disabled,\n error,\n size,\n labelPosition = 'left',\n bodyElement = 'div',\n labelElement = 'label',\n variant,\n style,\n vars,\n mod,\n attributes,\n ...others\n}: InlineInputProps) {\n const getStyles = useStyles<InlineInputFactory>({\n name: __staticSelector,\n props: __stylesApiProps,\n className,\n style,\n classes,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n const descriptionId = description ? `${id}-description` : undefined;\n const errorId = error && typeof error !== 'boolean' ? `${id}-error` : undefined;\n\n return (\n <Box\n {...getStyles('root')}\n __vars={{\n '--label-fz': getFontSize(size),\n '--label-lh': getSize(size, 'label-lh'),\n }}\n mod={[{ 'label-position': labelPosition }, mod]}\n variant={variant}\n size={size}\n {...others}\n >\n <Box\n component={bodyElement}\n htmlFor={bodyElement === 'label' ? id : undefined}\n {...getStyles('body')}\n >\n {children}\n\n <div {...getStyles('labelWrapper')} data-disabled={disabled \|\| undefined}>\n {label && (\n <Box\n component={labelElement}\n htmlFor={labelElement === 'label' ? id : undefined}\n {...getStyles('label')}\n data-disabled={disabled \|\| undefined}\n >\n {label}\n </Box>\n )}\n\n {description && (\n <Input.Description\n id={descriptionId}\n size={size}\n __inheritStyles={false}\n {...getStyles('description')}\n >\n {description}\n </Input.Description>\n )}\n\n {error && typeof error !== 'boolean' && (\n <Input.Error id={errorId} size={size} __inheritStyles={false} {...getStyles('error')}>\n {error}\n </Input.Error>\n )}\n </div>\n </Box>\n </Box>\n );\n}\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"mappings":";;;;;;;;AAcA,MAAa,qBAAqBA;AA8BlC,SAAgB,YAAY,EAC1B,kBACA,kBACA,WACA,YACA,QACA,UACA,UACA,OACA,aACA,IACA,UACA,OACA,MACA,gBAAgB,QAChB,cAAc,OACd,eAAe,SACf,SACA,OACA,MACA,KACA,YACA,GAAG,UACgB;CACnB,MAAM,YAAY,UAA8B;EAC9C,MAAM;EACN,OAAO;EACP;EACA;EACA,SAAA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc,GAAG,GAAG,gBAAgB,KAAA;CAC1D,MAAM,UAAU,SAAS,OAAO,UAAU,YAAY,GAAG,GAAG,UAAU,KAAA;CAEtE,OACE,oBAAC,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,QAAQ;GACN,cAAc,YAAY,IAAI;GAC9B,cAAc,QAAQ,MAAM,UAAU;EACxC;EACA,KAAK,CAAC,EAAE,kBAAkB,cAAc,GAAG,GAAG;EACrC;EACH;EACN,GAAI;EAEJ,UAAA,qBAAC,KAAD;GACE,WAAW;GACX,SAAS,gBAAgB,UAAU,KAAK,KAAA;GACxC,GAAI,UAAU,MAAM;GAHtB,UAAA,CAKG,UAED,qBAAC,OAAD;IAAK,GAAI,UAAU,cAAc;IAAG,iBAAe,YAAY,KAAA;IAA/D,UAAA;KACG,SACC,oBAAC,KAAD;MACE,WAAW;MACX,SAAS,iBAAiB,UAAU,KAAK,KAAA;MACzC,GAAI,UAAU,OAAO;MACrB,iBAAe,YAAY,KAAA;MAE1B,UAAA;KACE,CAAA;KAGN,eACC,oBAAC,MAAM,aAAP;MACE,IAAI;MACE;MACN,iBAAiB;MACjB,GAAI,UAAU,aAAa;MAE1B,UAAA;KACgB,CAAA;KAGpB,SAAS,OAAO,UAAU,aACzB,oBAAC,MAAM,OAAP;MAAa,IAAI;MAAe;MAAM,iBAAiB;MAAO,GAAI,UAAU,OAAO;MAChF,UAAA;KACU,CAAA;IAEZ;GACF,CAAA,CAAA;;CACF,CAAA;AAET;AAEA,YAAY,cAAc"}

package/lib/components/Accordion/Accordion.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@ import { BoxProps, ElementProps, Factory, MantineRadius, StylesApiProps } from '
 import { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';
 import { AccordionChevron } from './AccordionChevron';
 import { AccordionControl, type AccordionControlProps } from './AccordionControl/AccordionControl';
+import type { AccordionItemContextValue } from './AccordionItem.context';
 import { AccordionItem, type AccordionItemProps } from './AccordionItem/AccordionItem';
 import { AccordionPanel, type AccordionPanelProps } from './AccordionPanel/AccordionPanel';
-import type { AccordionItemContextValue } from './AccordionItem.context';
 export type AccordionStylesNames = 'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control';
 export type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
 export type AccordionCssVariables = {

package/lib/components/Accordion/AccordionChevron.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ export interface AccordionChevronProps extends React.ComponentProps<'svg'> {
     /** Controls `width` and `height` of the icon, `16` by default */
     size?: number | string;
 }
-export declare function AccordionChevron({ style, size, ...others }: AccordionChevronProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionChevron({ style, size, ...others }: AccordionChevronProps): import("react").JSX.Element;
 export declare namespace AccordionChevron {
     var displayName: string;
 }

package/lib/components/ActionBar/ActionBar.context.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { GetStylesApi } from '../../core';
+import type { ActionBarFactory } from './ActionBar';
+export interface ActionBarContextValue {
+    onClose?: () => void;
+    getStyles: GetStylesApi<ActionBarFactory>;
+    unstyled: boolean | undefined;
+}
+export declare const ActionBarProvider: import("react").Context<ActionBarContextValue | null>, useActionBarContext: () => ActionBarContextValue;

package/lib/components/ActionBar/ActionBar.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+import { BoxProps, ElementProps, Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
+import { AffixBaseProps } from '../Affix';
+import { PaperBaseProps } from '../Paper';
+import { TransitionOverride } from '../Transition';
+import { ActionBarCloseButton, ActionBarCloseButtonStylesNames } from './ActionBarCloseButton/ActionBarCloseButton';
+import { ActionBarDivider, ActionBarDividerStylesNames } from './ActionBarDivider/ActionBarDivider';
+export type ActionBarStylesNames = 'root' | ActionBarDividerStylesNames | ActionBarCloseButtonStylesNames;
+export interface ActionBarProps extends BoxProps, AffixBaseProps, PaperBaseProps, StylesApiProps<ActionBarFactory>, ElementProps<'div'> {
+    /** Controls visibility */
+    opened: boolean;
+    /** Called when close button is clicked or Escape is pressed */
+    onClose?: () => void;
+    /** Props passed down to the `Transition` component, `{ transition: 'pop', duration: 200 }` by default */
+    transitionProps?: TransitionOverride;
+    /** Key of `theme.shadows` or any valid CSS `box-shadow` value */
+    shadow?: MantineShadow;
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius` */
+    radius?: MantineRadius;
+    /** Determines whether the action bar should be closed when `Escape` key is pressed, `false` by default */
+    closeOnEscape?: boolean;
+    /** `aria-label` of the actions group, `'Actions'` by default */
+    'aria-label'?: string;
+    /** If set, the component uses `display: none` to hide the root element instead of removing the DOM node, `false` by default */
+    keepMounted?: boolean;
+    children: React.ReactNode;
+}
+export type ActionBarFactory = Factory<{
+    props: ActionBarProps;
+    ref: HTMLDivElement;
+    stylesNames: ActionBarStylesNames;
+    staticComponents: {
+        Divider: typeof ActionBarDivider;
+        CloseButton: typeof ActionBarCloseButton;
+    };
+}>;
+export declare const ActionBar: import("../..").MantineComponent<{
+    props: ActionBarProps;
+    ref: HTMLDivElement;
+    stylesNames: ActionBarStylesNames;
+    staticComponents: {
+        Divider: typeof ActionBarDivider;
+        CloseButton: typeof ActionBarCloseButton;
+    };
+}>;

package/lib/components/ActionBar/ActionBarCloseButton/ActionBarCloseButton.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import { type ClassNames, Factory, type Styles } from '../../../core';
+import { type CloseButtonProps } from '../../CloseButton';
+export type ActionBarCloseButtonStylesNames = 'closeButton';
+export interface ActionBarCloseButtonProps extends Omit<CloseButtonProps, 'classNames' | 'styles' | 'vars'> {
+    /** Classes for the `closeButton` selector of the parent `ActionBar` */
+    classNames?: ClassNames<ActionBarCloseButtonFactory>;
+    /** Styles for the `closeButton` selector of the parent `ActionBar` */
+    styles?: Styles<ActionBarCloseButtonFactory>;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export type ActionBarCloseButtonFactory = Factory<{
+    props: ActionBarCloseButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: ActionBarCloseButtonStylesNames;
+    compound: true;
+}>;
+export declare const ActionBarCloseButton: import("../../..").MantineComponent<{
+    props: ActionBarCloseButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: ActionBarCloseButtonStylesNames;
+    compound: true;
+}>;

package/lib/components/ActionBar/ActionBarDivider/ActionBarDivider.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
+export type ActionBarDividerStylesNames = 'divider';
+export interface ActionBarDividerProps extends BoxProps, CompoundStylesApiProps<ActionBarDividerFactory>, ElementProps<'div'> {
+}
+export type ActionBarDividerFactory = Factory<{
+    props: ActionBarDividerProps;
+    ref: HTMLDivElement;
+    stylesNames: ActionBarDividerStylesNames;
+    compound: true;
+}>;
+export declare const ActionBarDivider: import("../../..").MantineComponent<{
+    props: ActionBarDividerProps;
+    ref: HTMLDivElement;
+    stylesNames: ActionBarDividerStylesNames;
+    compound: true;
+}>;

package/lib/components/ActionBar/index.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+export { ActionBar } from './ActionBar';
+export { ActionBarDivider } from './ActionBarDivider/ActionBarDivider';
+export { ActionBarCloseButton } from './ActionBarCloseButton/ActionBarCloseButton';
+export type { ActionBarProps, ActionBarStylesNames, ActionBarFactory } from './ActionBar';
+export type { ActionBarDividerProps, ActionBarDividerFactory, } from './ActionBarDivider/ActionBarDivider';
+export type { ActionBarCloseButtonProps, ActionBarCloseButtonFactory, } from './ActionBarCloseButton/ActionBarCloseButton';
+export declare namespace ActionBar {
+    type Props = import('./ActionBar').ActionBarProps;
+    type StylesNames = import('./ActionBar').ActionBarStylesNames;
+    type Factory = import('./ActionBar').ActionBarFactory;
+    namespace Divider {
+        type Props = import('./ActionBarDivider/ActionBarDivider').ActionBarDividerProps;
+    }
+    namespace CloseButton {
+        type Props = import('./ActionBarCloseButton/ActionBarCloseButton').ActionBarCloseButtonProps;
+    }
+}

package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ interface AppShellMediaStylesProps {
     mode: 'fixed' | 'static';
     selector?: string;
 }
-export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, mode, selector, }: AppShellMediaStylesProps): import("react/jsx-runtime").JSX.Element;
+export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, mode, selector, }: AppShellMediaStylesProps): import("react").JSX.Element;
 export {};

package/lib/components/Avatar/AvatarPlaceholderIcon.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function AvatarPlaceholderIcon(props: React.ComponentProps<'svg'>): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function AvatarPlaceholderIcon(props: React.ComponentProps<'svg'>): import("react").JSX.Element;

package/lib/components/Cascader/CascaderColumns.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ export interface CascaderColumnsProps {
     safeAreaPolygon: boolean | CascaderSafeAreaPolygonOptions | undefined;
 }
 export declare function getCascaderOptionId(listId: string | undefined, level: number, value: string): string | undefined;
-export declare function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon, checkIconPosition, renderOption, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, getStyles, unstyled, scrollAreaProps, onOptionClick, onOptionMouseEnter, onColumnsMouseLeave, onPointerActivity, listId, safeAreaPolygon, }: CascaderColumnsProps): import("react/jsx-runtime").JSX.Element;
+export declare function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon, checkIconPosition, renderOption, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, getStyles, unstyled, scrollAreaProps, onOptionClick, onOptionMouseEnter, onColumnsMouseLeave, onPointerActivity, listId, safeAreaPolygon, }: CascaderColumnsProps): import("react").JSX.Element;
 export declare namespace CascaderColumns {
     var displayName: string;
 }

package/lib/components/Checkbox/CheckIcon.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ export interface CheckboxIconProps extends React.ComponentProps<'svg'> {
 export interface CheckIconProps extends React.ComponentProps<'svg'> {
     size?: number | string;
 }
-export declare function CheckIcon({ size, style, ...others }: CheckIconProps): import("react/jsx-runtime").JSX.Element;
-export declare function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckIcon({ size, style, ...others }: CheckIconProps): import("react").JSX.Element;
+export declare function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps): import("react").JSX.Element;

package/lib/components/CloseButton/CloseIcon.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ export interface CloseIconProps extends React.ComponentProps<'svg'> {
     /** Icon width and height, `var(--icon-size)` by default */
     size?: string;
 }
-export declare function CloseIcon({ size, style, ...others }: CloseIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CloseIcon({ size, style, ...others }: CloseIconProps): React.JSX.Element;
 export declare namespace CloseIcon {
     var displayName: string;
 }

package/lib/components/ColorInput/EyeDropperIcon.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare function EyeDropperIcon({ style, ...others }: React.ComponentProps<'svg'>): import("react~~/jsx-runtime~~").JSX.Element;
1	+ export declare function EyeDropperIcon({ style, ...others }: React.ComponentProps<'svg'>): import("react").JSX.Element;

package/lib/components/ColorPicker/Saturation/Saturation.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export interface SaturationProps extends ElementProps<'div', 'onChange'> {
     color: string;
     focusable?: boolean;
 }
-export declare function Saturation({ className, onChange, onChangeEnd, value, saturationLabel, focusable, size, color, onScrubStart, onScrubEnd, ...others }: SaturationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Saturation({ className, onChange, onChangeEnd, value, saturationLabel, focusable, size, color, onScrubStart, onScrubEnd, ...others }: SaturationProps): import("react").JSX.Element;
 export declare namespace Saturation {
     var displayName: string;
 }

package/lib/components/ColorPicker/Swatches/Swatches.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ export interface SwatchesProps extends ElementProps<'div'> {
     onChangeEnd?: (color: string) => void;
     setValue: (value: string) => void;
 }
-export declare function Swatches({ className, datatype, setValue, onChangeEnd, size, focusable, data, swatchesPerRow, value, ...others }: SwatchesProps): import("react/jsx-runtime").JSX.Element;
+export declare function Swatches({ className, datatype, setValue, onChangeEnd, size, focusable, data, swatchesPerRow, value, ...others }: SwatchesProps): import("react").JSX.Element;
 export declare namespace Swatches {
     var displayName: string;
 }

package/lib/components/ColorPicker/Thumb/Thumb.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export interface ThumbProps extends React.ComponentProps<'div'> {
         y: number;
     };
 }
-export declare function Thumb({ position, ...others }: ThumbProps): import("react/jsx-runtime").JSX.Element;
+export declare function Thumb({ position, ...others }: ThumbProps): import("react").JSX.Element;
 export declare namespace Thumb {
     var displayName: string;
 }

package/lib/components/Combobox/Combobox.d.ts CHANGED Viewed

@@ -62,7 +62,7 @@ export type ComboboxFactory = Factory<{
     };
 }>;
 export declare const Combobox: {
-    (_props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+    (_props: ComboboxProps): import("react").JSX.Element;
     extend: (c: ExtendComponent<ComboboxFactory>) => MantineThemeComponent;
     classes: any;
     varsResolver: import("../..").VarsResolver<{

package/lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { InputClearButtonProps } from '../../Input';
 export interface ComboboxClearButtonProps extends InputClearButtonProps, ElementProps<'button'> {
     onClear: () => void;
 }
-export declare function ComboboxClearButton({ onMouseDown, onClick, onClear, ...others }: ComboboxClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxClearButton({ onMouseDown, onClick, onClear, ...others }: ComboboxClearButtonProps): import("react").JSX.Element;
 export declare namespace ComboboxClearButton {
     var displayName: string;
 }

package/lib/components/Combobox/ComboboxHiddenInput/ComboboxHiddenInput.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export interface ComboboxHiddenInputProps extends Omit<React.ComponentProps<'inp
     /** Divider character to join array values into string @default ',' */
     valuesDivider?: string;
 }
-export declare function ComboboxHiddenInput({ value, valuesDivider, ...others }: ComboboxHiddenInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxHiddenInput({ value, valuesDivider, ...others }: ComboboxHiddenInputProps): import("react").JSX.Element;
 export declare namespace ComboboxHiddenInput {
     var displayName: string;
 }