@mantine/core 9.5.1 → 9.6.0

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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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;
 }

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -31,4 +31,4 @@ export interface OptionsDropdownProps {
     renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => React.ReactNode;
     scrollAreaProps: ScrollAreaProps | undefined;
 }
-export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, floatingHeight, withScrollArea, filterOptions, withCheckIcon, withAlignedLabels, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, 'aria-label': ariaLabel, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, floatingHeight, withScrollArea, filterOptions, withCheckIcon, withAlignedLabels, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, 'aria-label': ariaLabel, }: OptionsDropdownProps): import("react").JSX.Element;

package/lib/components/Combobox/get-options-lockup/get-option-by-label.d.ts

@@ -0,0 +1,8 @@
+import { Primitive } from '../../../core';
+import { ComboboxItem } from '../Combobox.types';
+/**
+ * Finds an enabled option by its label, ignoring casing and surrounding whitespace. Returns
+ * `undefined` when the label is ambiguous: options with duplicate labels are valid data, and there
+ * is no way to tell which of them was meant.
+ */
+export declare function getOptionByLabel<Value extends Primitive = string>(optionsLockup: Record<PropertyKey, ComboboxItem<Value>>, label: string): ComboboxItem<Value> | undefined;

package/lib/components/Combobox/is-external-input-change/is-external-input-change.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Determines whether an input change was produced by something other than the user typing into the
+ * input – browser autofill, password managers and browser extensions all write to inputs without
+ * focusing them first. Combobox components reconcile the search value with the selected value on
+ * blur, which never happens for such writes.
+ */
+export declare function isExternalInputChange(event: React.ChangeEvent<HTMLInputElement>): boolean;

package/lib/components/ComboboxPopover/ComboboxPopover.d.ts

@@ -3,7 +3,7 @@ import { ComboboxData, ComboboxItem, ComboboxLikeRenderOptionInput, ComboboxLike
 import { ScrollAreaProps } from '../ScrollArea';
 import { ComboboxPopoverValue } from './ComboboxPopover.types';
 import { ComboboxPopoverTarget } from './ComboboxPopoverTarget';
-export type ComboboxPopoverStylesNames = ComboboxLikeStylesNames;
+export type ComboboxPopoverStylesNames = ComboboxLikeStylesNames | 'search';
 export interface ComboboxPopoverProps<Multiple extends boolean = false, Value extends Primitive = string> extends StylesApiProps<ComboboxPopoverFactory> {
     /** If set, multiple items can be selected at the same time */
     multiple?: Multiple;

package/lib/components/CopyButton/CopyButton.d.ts

@@ -9,7 +9,7 @@ export interface CopyButtonProps {
     /** Copied status timeout in ms @default 1000 */
     timeout?: number;
 }
-export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyButton(props: CopyButtonProps): import("react").JSX.Element;
 export declare namespace CopyButton {
     var displayName: string;
 }

package/lib/components/Drawer/DrawerStack.d.ts

@@ -10,7 +10,7 @@ export declare const DrawerStackContext: import("react").Context<DrawerStackCont
 export interface DrawerStackProps {
     children: React.ReactNode;
 }
-export declare function DrawerStack({ children }: DrawerStackProps): import("react/jsx-runtime").JSX.Element;
+export declare function DrawerStack({ children }: DrawerStackProps): import("react").JSX.Element;
 export declare namespace DrawerStack {
     var displayName: string;
 }

package/lib/components/FocusTrap/FocusTrap.d.ts

@@ -13,7 +13,7 @@ export declare namespace FocusTrap {
     var displayName: string;
     var InitialFocus: typeof FocusTrapInitialFocus;
 }
-export declare function FocusTrapInitialFocus(props: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export declare function FocusTrapInitialFocus(props: React.ComponentProps<'span'>): import("react").JSX.Element;
 export declare namespace FocusTrapInitialFocus {
     var displayName: string;
 }

package/lib/components/Grid/GridCol/GridColVariables.d.ts

@@ -6,5 +6,5 @@ interface GridColVariablesProps {
     offset?: GridColProps['offset'] | undefined;
     align?: GridColProps['align'] | undefined;
 }
-export declare function GridColVariables({ span, order, offset, align, selector }: GridColVariablesProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridColVariables({ span, order, offset, align, selector }: GridColVariablesProps): import("react").JSX.Element;
 export {};

package/lib/components/Grid/GridVariables.d.ts

@@ -2,5 +2,5 @@ import type { GridProps } from './Grid';
 interface GridVariablesProps extends GridProps {
     selector: string;
 }
-export declare function GridVariables({ gap, rowGap, columnGap, selector, breakpoints, type, }: GridVariablesProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridVariables({ gap, rowGap, columnGap, selector, breakpoints, type, }: GridVariablesProps): import("react").JSX.Element;
 export {};

package/lib/components/HoverCard/HoverCard.d.ts

@@ -30,7 +30,7 @@ export type HoverCardFactory = Factory<{
     stylesNames: PopoverStylesNames;
     vars: PopoverCssVariables;
 }>;
-export declare function HoverCard(props: HoverCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCard(props: HoverCardProps): import("react").JSX.Element;
 export declare namespace HoverCard {
     var displayName: string;
     var Target: typeof HoverCardTarget;

package/lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts

@@ -3,7 +3,7 @@ export interface HoverCardDropdownProps extends PopoverDropdownProps {
     /** Dropdown content */
     children?: React.ReactNode;
 }
-export declare function HoverCardDropdown(props: HoverCardDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCardDropdown(props: HoverCardDropdownProps): import("react").JSX.Element;
 export declare namespace HoverCardDropdown {
     var displayName: string;
 }

package/lib/components/HoverCard/HoverCardGroup/HoverCardGroup.d.ts

@@ -11,7 +11,7 @@ export interface HoverCardGroupProps {
     /** Close delay in ms */
     closeDelay?: number;
 }
-export declare function HoverCardGroup(props: HoverCardGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCardGroup(props: HoverCardGroupProps): import("react").JSX.Element;
 export declare namespace HoverCardGroup {
     var displayName: string;
     var extend: (c: ExtendComponent<HoverCardGroupFactory>) => MantineThemeComponent;

package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts

@@ -8,7 +8,7 @@ export interface HoverCardTargetProps extends PopoverTargetProps {
      */
     eventPropsWrapperName?: string;
 }
-export declare function HoverCardTarget(props: HoverCardTargetProps): import("react/jsx-runtime").JSX.Element;
+export declare function HoverCardTarget(props: HoverCardTargetProps): import("react").JSX.Element;
 export declare namespace HoverCardTarget {
     var displayName: string;
 }

package/lib/components/Input/InputClearSection/InputClearSection.d.ts

@@ -8,4 +8,4 @@ export interface InputClearSectionProps {
     size: MantineSize | string | undefined;
     __clearSectionMode: ClearSectionMode | undefined;
 }
-export declare function InputClearSection({ __clearable, __clearSection, rightSection, __defaultRightSection, size, __clearSectionMode, }: InputClearSectionProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function InputClearSection({ __clearable, __clearSection, rightSection, __defaultRightSection, size, __clearSectionMode, }: InputClearSectionProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/lib/components/Input/index.d.ts

@@ -3,9 +3,9 @@ import type { InputClearButtonFactory, InputClearButtonProps } from './InputClea
 import type { ClearSectionMode, InputClearSectionProps } from './InputClearSection/InputClearSection';
 import type { InputDescriptionCssVariables, InputDescriptionFactory, InputDescriptionProps, InputDescriptionStylesNames } from './InputDescription/InputDescription';
 import type { InputErrorCssVariables, InputErrorFactory, InputErrorProps, InputErrorStylesNames } from './InputError/InputError';
-import type { InputSuccessCssVariables, InputSuccessFactory, InputSuccessProps, InputSuccessStylesNames } from './InputSuccess/InputSuccess';
 import type { InputLabelCssVariables, InputLabelFactory, InputLabelProps, InputLabelStylesNames } from './InputLabel/InputLabel';
 import type { InputPlaceholderFactory, InputPlaceholderProps, InputPlaceholderStylesNames } from './InputPlaceholder/InputPlaceholder';
+import type { InputSuccessCssVariables, InputSuccessFactory, InputSuccessProps, InputSuccessStylesNames } from './InputSuccess/InputSuccess';
 import type { __InputWrapperProps, InputWrapperFactory, InputWrapperProps, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
 export { Input } from './Input';
 export { InputWrapper } from './InputWrapper/InputWrapper';