@mantine/core 9.3.1 → 9.4.0

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[0].disabled && elements[0].focus();\n        break;\n      }\n\n      case 'End': {\n        event.stopPropagation();\n        event.preventDefault();\n        const last = elements.length - 1;\n        !elements[last].disabled && elements[last].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,GAAG,UACf,OAAO;CAIX,IAAI;OACG,IAAI,IAAI,SAAS,SAAS,GAAG,IAAI,IAAI,KAAK,GAC7C,IAAI,CAAC,SAAS,GAAG,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,GAAG,UACf,OAAO;CAIX,IAAI;OACG,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GACxC,IAAI,CAAC,SAAS,GAAG,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,GAAG,iBACxD,eACF,KAAK,CAAC,CACR,EAAE,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,WAAW,MAAM;KAC1B,mBAAmB,SAAS,WAAW,MAAM;IAC/C;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,cAAc;KAChC,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,eAAe,MAAM;KAC9B,mBAAmB,SAAS,eAAe,MAAM;IACnD;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,YAAY;KAC9B,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,gBAAgB,MAAM;KAC/B,mBAAmB,SAAS,gBAAgB,MAAM;IACpD;IAEA;GAGF,KAAK;IACH,IAAI,gBAAgB,YAAY;KAC9B,MAAM,gBAAgB;KACtB,MAAM,eAAe;KACrB,SAAS,YAAY,MAAM;KAC3B,mBAAmB,SAAS,YAAY,MAAM;IAChD;IAEA;GAGF,KAAK;IACH,MAAM,gBAAgB;IACtB,MAAM,eAAe;IACrB,CAAC,SAAS,GAAG,YAAY,SAAS,GAAG,MAAM;IAC3C;GAGF,KAAK,OAAO;IACV,MAAM,gBAAgB;IACtB,MAAM,eAAe;IACrB,MAAM,OAAO,SAAS,SAAS;IAC/B,CAAC,SAAS,MAAM,YAAY,SAAS,MAAM,MAAM;IACjD;GACF;EACF;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;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"}

package/esm/core/utils/create-use-external-events/create-use-external-events.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-use-external-events.mjs","names":[],"sources":["../../../../src/core/utils/create-use-external-events/create-use-external-events.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\nfunction dispatchEvent<T>(type: string, detail?: T) {\n  window.dispatchEvent(new CustomEvent(type, { detail }));\n}\n\nexport function createUseExternalEvents<Handlers extends Record<string, (detail: any) => void>>(\n  prefix: string\n) {\n  function _useExternalEvents(events: Handlers) {\n    const handlers = Object.keys(events).reduce<any>((acc, eventKey) => {\n      acc[`${prefix}:${eventKey}`] = (event: CustomEvent) => events[eventKey](event.detail);\n      return acc;\n    }, {});\n\n    useIsomorphicEffect(() => {\n      Object.keys(handlers).forEach((eventKey) => {\n        window.removeEventListener(eventKey, handlers[eventKey]);\n        window.addEventListener(eventKey, handlers[eventKey]);\n      });\n\n      return () =>\n        Object.keys(handlers).forEach((eventKey) => {\n          window.removeEventListener(eventKey, handlers[eventKey]);\n        });\n    }, [handlers]);\n  }\n\n  function createEvent<EventKey extends keyof Handlers>(event: EventKey) {\n    type Parameter = Parameters<Handlers[EventKey]>[0];\n\n    return (...payload: Parameter extends undefined ? [undefined?] : [Parameter]) =>\n      dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n  }\n\n  return [_useExternalEvents, createEvent] as const;\n}\n"],"mappings":";;;AAEA,SAAS,cAAiB,MAAc,QAAY;CAClD,OAAO,cAAc,IAAI,YAAY,MAAM,EAAE,OAAO,CAAC,CAAC;AACxD;AAEA,SAAgB,wBACd,QACA;CACA,SAAS,mBAAmB,QAAkB;EAC5C,MAAM,WAAW,OAAO,KAAK,MAAM,EAAE,QAAa,KAAK,aAAa;GAClE,IAAI,GAAG,OAAO,GAAG,eAAe,UAAuB,OAAO,UAAU,MAAM,MAAM;GACpF,OAAO;EACT,GAAG,CAAC,CAAC;EAEL,0BAA0B;GACxB,OAAO,KAAK,QAAQ,EAAE,SAAS,aAAa;IAC1C,OAAO,oBAAoB,UAAU,SAAS,SAAS;IACvD,OAAO,iBAAiB,UAAU,SAAS,SAAS;GACtD,CAAC;GAED,aACE,OAAO,KAAK,QAAQ,EAAE,SAAS,aAAa;IAC1C,OAAO,oBAAoB,UAAU,SAAS,SAAS;GACzD,CAAC;EACL,GAAG,CAAC,QAAQ,CAAC;CACf;CAEA,SAAS,YAA6C,OAAiB;EAGrE,QAAQ,GAAG,YACT,cAAc,GAAG,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,EAAE;CAC1D;CAEA,OAAO,CAAC,oBAAoB,WAAW;AACzC"}
+{"version":3,"file":"create-use-external-events.mjs","names":[],"sources":["../../../../src/core/utils/create-use-external-events/create-use-external-events.ts"],"sourcesContent":["import { useIsomorphicEffect } from '@mantine/hooks';\n\nfunction dispatchEvent<T>(type: string, detail?: T) {\n  window.dispatchEvent(new CustomEvent(type, { detail }));\n}\n\nexport function createUseExternalEvents<Handlers extends Record<string, (detail: any) => void>>(\n  prefix: string\n) {\n  function _useExternalEvents(events: Handlers) {\n    const handlers = Object.keys(events).reduce<any>((acc, eventKey) => {\n      acc[`${prefix}:${eventKey}`] = (event: CustomEvent) => events[eventKey](event.detail);\n      return acc;\n    }, {});\n\n    useIsomorphicEffect(() => {\n      Object.keys(handlers).forEach((eventKey) => {\n        window.removeEventListener(eventKey, handlers[eventKey]);\n        window.addEventListener(eventKey, handlers[eventKey]);\n      });\n\n      return () =>\n        Object.keys(handlers).forEach((eventKey) => {\n          window.removeEventListener(eventKey, handlers[eventKey]);\n        });\n    }, [handlers]);\n  }\n\n  function createEvent<EventKey extends keyof Handlers>(event: EventKey) {\n    type Parameter = Parameters<Handlers[EventKey]>[0];\n\n    return (...payload: Parameter extends undefined ? [undefined?] : [Parameter]) =>\n      dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n  }\n\n  return [_useExternalEvents, createEvent] as const;\n}\n"],"mappings":";;;AAEA,SAAS,cAAiB,MAAc,QAAY;CAClD,OAAO,cAAc,IAAI,YAAY,MAAM,EAAE,OAAO,CAAC,CAAC;AACxD;AAEA,SAAgB,wBACd,QACA;CACA,SAAS,mBAAmB,QAAkB;EAC5C,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,CAAC,QAAa,KAAK,aAAa;GAClE,IAAI,GAAG,OAAO,GAAG,eAAe,UAAuB,OAAO,SAAS,CAAC,MAAM,MAAM;GACpF,OAAO;EACT,GAAG,CAAC,CAAC;EAEL,0BAA0B;GACxB,OAAO,KAAK,QAAQ,CAAC,CAAC,SAAS,aAAa;IAC1C,OAAO,oBAAoB,UAAU,SAAS,SAAS;IACvD,OAAO,iBAAiB,UAAU,SAAS,SAAS;GACtD,CAAC;GAED,aACE,OAAO,KAAK,QAAQ,CAAC,CAAC,SAAS,aAAa;IAC1C,OAAO,oBAAoB,UAAU,SAAS,SAAS;GACzD,CAAC;EACL,GAAG,CAAC,QAAQ,CAAC;CACf;CAEA,SAAS,YAA6C,OAAiB;EAGrE,QAAQ,GAAG,YACT,cAAc,GAAG,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,EAAE;CAC1D;CAEA,OAAO,CAAC,oBAAoB,WAAW;AACzC"}

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,EAAE,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,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"}

package/esm/core/utils/filter-props/filter-props.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-props.mjs","names":[],"sources":["../../../../src/core/utils/filter-props/filter-props.ts"],"sourcesContent":["type FilterPropsRes<T extends Record<string, any>> = {\n  [Key in keyof T]-?: T[Key] extends undefined ? never : T[Key];\n};\n\nexport function filterProps<T extends Record<string, any>>(props: T) {\n  return Object.keys(props).reduce<FilterPropsRes<T>>((acc, key: keyof T) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key];\n    }\n    return acc;\n  }, {} as FilterPropsRes<T>);\n}\n"],"mappings":";;AAIA,SAAgB,YAA2C,OAAU;CACnE,OAAO,OAAO,KAAK,KAAK,EAAE,QAA2B,KAAK,QAAiB;EACzE,IAAI,MAAM,SAAS,KAAA,GACjB,IAAI,OAAO,MAAM;EAEnB,OAAO;CACT,GAAG,CAAC,CAAsB;AAC5B"}
+{"version":3,"file":"filter-props.mjs","names":[],"sources":["../../../../src/core/utils/filter-props/filter-props.ts"],"sourcesContent":["type FilterPropsRes<T extends Record<string, any>> = {\n  [Key in keyof T]-?: T[Key] extends undefined ? never : T[Key];\n};\n\nexport function filterProps<T extends Record<string, any>>(props: T) {\n  return Object.keys(props).reduce<FilterPropsRes<T>>((acc, key: keyof T) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key];\n    }\n    return acc;\n  }, {} as FilterPropsRes<T>);\n}\n"],"mappings":";;AAIA,SAAgB,YAA2C,OAAU;CACnE,OAAO,OAAO,KAAK,KAAK,CAAC,CAAC,QAA2B,KAAK,QAAiB;EACzE,IAAI,MAAM,SAAS,KAAA,GACjB,IAAI,OAAO,MAAM;EAEnB,OAAO;CACT,GAAG,CAAC,CAAsB;AAC5B"}

package/esm/core/utils/get-context-item-index/get-context-item-index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-context-item-index.mjs","names":[],"sources":["../../../../src/core/utils/get-context-item-index/get-context-item-index.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nexport function getContextItemIndex(\n  elementSelector: string,\n  parentSelector: string,\n  node: HTMLElement\n) {\n  if (!node) {\n    return null;\n  }\n\n  return Array.from(\n    findElementAncestor(node, parentSelector)?.querySelectorAll(elementSelector) || []\n  ).findIndex((element) => element === node);\n}\n"],"mappings":";;;AAEA,SAAgB,oBACd,iBACA,gBACA,MACA;CACA,IAAI,CAAC,MACH,OAAO;CAGT,OAAO,MAAM,KACX,oBAAoB,MAAM,cAAc,GAAG,iBAAiB,eAAe,KAAK,CAAC,CACnF,EAAE,WAAW,YAAY,YAAY,IAAI;AAC3C"}
+{"version":3,"file":"get-context-item-index.mjs","names":[],"sources":["../../../../src/core/utils/get-context-item-index/get-context-item-index.ts"],"sourcesContent":["import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor';\n\nexport function getContextItemIndex(\n  elementSelector: string,\n  parentSelector: string,\n  node: HTMLElement\n) {\n  if (!node) {\n    return null;\n  }\n\n  return Array.from(\n    findElementAncestor(node, parentSelector)?.querySelectorAll(elementSelector) || []\n  ).findIndex((element) => element === node);\n}\n"],"mappings":";;;AAEA,SAAgB,oBACd,iBACA,gBACA,MACA;CACA,IAAI,CAAC,MACH,OAAO;CAGT,OAAO,MAAM,KACX,oBAAoB,MAAM,cAAc,CAAC,EAAE,iBAAiB,eAAe,KAAK,CAAC,CACnF,CAAC,CAAC,WAAW,YAAY,YAAY,IAAI;AAC3C"}

package/esm/core/utils/get-safe-id/get-safe-id.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-safe-id.mjs","names":[],"sources":["../../../../src/core/utils/get-safe-id/get-safe-id.ts"],"sourcesContent":["export function getSafeId(uid: string, errorMessage: string) {\n  return (value: string) => {\n    if (typeof value !== 'string' || value.trim().length === 0) {\n      throw new Error(errorMessage);\n    }\n\n    return `${uid}-${value}`;\n  };\n}\n"],"mappings":";;AAAA,SAAgB,UAAU,KAAa,cAAsB;CAC3D,QAAQ,UAAkB;EACxB,IAAI,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,WAAW,GACvD,MAAM,IAAI,MAAM,YAAY;EAG9B,OAAO,GAAG,IAAI,GAAG;CACnB;AACF"}
+{"version":3,"file":"get-safe-id.mjs","names":[],"sources":["../../../../src/core/utils/get-safe-id/get-safe-id.ts"],"sourcesContent":["export function getSafeId(uid: string, errorMessage: string) {\n  return (value: string) => {\n    if (typeof value !== 'string' || value.trim().length === 0) {\n      throw new Error(errorMessage);\n    }\n\n    return `${uid}-${value}`;\n  };\n}\n"],"mappings":";;AAAA,SAAgB,UAAU,KAAa,cAAsB;CAC3D,QAAQ,UAAkB;EACxB,IAAI,OAAO,UAAU,YAAY,MAAM,KAAK,CAAC,CAAC,WAAW,GACvD,MAAM,IAAI,MAAM,YAAY;EAG9B,OAAO,GAAG,IAAI,GAAG;CACnB;AACF"}

package/esm/core/utils/is-number-like/is-number-like.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"is-number-like.mjs","names":[],"sources":["../../../../src/core/utils/is-number-like/is-number-like.ts"],"sourcesContent":["export function isNumberLike(value: unknown) {\n  if (typeof value === 'number') {\n    return true;\n  }\n\n  if (typeof value === 'string') {\n    if (\n      value.startsWith('calc(') ||\n      value.startsWith('var(') ||\n      (value.includes(' ') && value.trim() !== '')\n    ) {\n      return true;\n    }\n\n    const cssUnitsRegex =\n      /^[+-]?[0-9]+(\\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;\n    const values = value.trim().split(/\\s+/);\n    return values.every((val) => cssUnitsRegex.test(val));\n  }\n\n  return false;\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,OAAgB;CAC3C,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,OAAO,UAAU,UAAU;EAC7B,IACE,MAAM,WAAW,OAAO,KACxB,MAAM,WAAW,MAAM,KACtB,MAAM,SAAS,GAAG,KAAK,MAAM,KAAK,MAAM,IAEzC,OAAO;EAGT,MAAM,gBACJ;EAEF,OADe,MAAM,KAAK,EAAE,MAAM,KACtB,EAAE,OAAO,QAAQ,cAAc,KAAK,GAAG,CAAC;CACtD;CAEA,OAAO;AACT"}
+{"version":3,"file":"is-number-like.mjs","names":[],"sources":["../../../../src/core/utils/is-number-like/is-number-like.ts"],"sourcesContent":["export function isNumberLike(value: unknown) {\n  if (typeof value === 'number') {\n    return true;\n  }\n\n  if (typeof value === 'string') {\n    if (\n      value.startsWith('calc(') ||\n      value.startsWith('var(') ||\n      (value.includes(' ') && value.trim() !== '')\n    ) {\n      return true;\n    }\n\n    const cssUnitsRegex =\n      /^[+-]?[0-9]+(\\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;\n    const values = value.trim().split(/\\s+/);\n    return values.every((val) => cssUnitsRegex.test(val));\n  }\n\n  return false;\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,OAAgB;CAC3C,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,IAAI,OAAO,UAAU,UAAU;EAC7B,IACE,MAAM,WAAW,OAAO,KACxB,MAAM,WAAW,MAAM,KACtB,MAAM,SAAS,GAAG,KAAK,MAAM,KAAK,MAAM,IAEzC,OAAO;EAGT,MAAM,gBACJ;EAEF,OADe,MAAM,KAAK,CAAC,CAAC,MAAM,KACtB,CAAC,CAAC,OAAO,QAAQ,cAAc,KAAK,GAAG,CAAC;CACtD;CAEA,OAAO;AACT"}

package/esm/core/utils/units-converters/px.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"px.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformedScaledValue(value: unknown) {\n  if (typeof value !== 'string' || !value.includes('var(--mantine-scale)')) {\n    return value;\n  }\n\n  return value\n    .match(/^calc\\((.*?)\\)$/)?.[1]\n    .split('*')[0]\n    .trim();\n}\n\nexport function px(value: unknown) {\n  const transformedValue = getTransformedScaledValue(value);\n\n  if (typeof transformedValue === 'number') {\n    return transformedValue;\n  }\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n      return transformedValue;\n    }\n\n    if (transformedValue.includes('px')) {\n      return Number(transformedValue.replace('px', ''));\n    }\n\n    if (transformedValue.includes('rem')) {\n      return Number(transformedValue.replace('rem', '')) * 16;\n    }\n\n    if (transformedValue.includes('em')) {\n      return Number(transformedValue.replace('em', '')) * 16;\n    }\n\n    return Number(transformedValue);\n  }\n\n  return NaN;\n}\n"],"mappings":";AAAA,SAAS,0BAA0B,OAAgB;CACjD,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,SAAS,sBAAsB,GACrE,OAAO;CAGT,OAAO,MACJ,MAAM,iBAAiB,IAAI,GAC3B,MAAM,GAAG,EAAE,GACX,KAAK;AACV;AAEA,SAAgB,GAAG,OAAgB;CACjC,MAAM,mBAAmB,0BAA0B,KAAK;CAExD,IAAI,OAAO,qBAAqB,UAC9B,OAAO;CAGT,IAAI,OAAO,qBAAqB,UAAU;EACxC,IAAI,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,SAAS,KAAK,GACtE,OAAO;EAGT,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC;EAGlD,IAAI,iBAAiB,SAAS,KAAK,GACjC,OAAO,OAAO,iBAAiB,QAAQ,OAAO,EAAE,CAAC,IAAI;EAGvD,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC,IAAI;EAGtD,OAAO,OAAO,gBAAgB;CAChC;CAEA,OAAO;AACT"}
+{"version":3,"file":"px.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformedScaledValue(value: unknown) {\n  if (typeof value !== 'string' || !value.includes('var(--mantine-scale)')) {\n    return value;\n  }\n\n  return value\n    .match(/^calc\\((.*?)\\)$/)?.[1]\n    .split('*')[0]\n    .trim();\n}\n\nexport function px(value: unknown) {\n  const transformedValue = getTransformedScaledValue(value);\n\n  if (typeof transformedValue === 'number') {\n    return transformedValue;\n  }\n\n  if (typeof transformedValue === 'string') {\n    if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n      return transformedValue;\n    }\n\n    if (transformedValue.includes('px')) {\n      return Number(transformedValue.replace('px', ''));\n    }\n\n    if (transformedValue.includes('rem')) {\n      return Number(transformedValue.replace('rem', '')) * 16;\n    }\n\n    if (transformedValue.includes('em')) {\n      return Number(transformedValue.replace('em', '')) * 16;\n    }\n\n    return Number(transformedValue);\n  }\n\n  return NaN;\n}\n"],"mappings":";AAAA,SAAS,0BAA0B,OAAgB;CACjD,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,SAAS,sBAAsB,GACrE,OAAO;CAGT,OAAO,MACJ,MAAM,iBAAiB,CAAC,GAAG,EAAE,CAC7B,MAAM,GAAG,CAAC,CAAC,EAAE,CACb,KAAK;AACV;AAEA,SAAgB,GAAG,OAAgB;CACjC,MAAM,mBAAmB,0BAA0B,KAAK;CAExD,IAAI,OAAO,qBAAqB,UAC9B,OAAO;CAGT,IAAI,OAAO,qBAAqB,UAAU;EACxC,IAAI,iBAAiB,SAAS,MAAM,KAAK,iBAAiB,SAAS,KAAK,GACtE,OAAO;EAGT,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC;EAGlD,IAAI,iBAAiB,SAAS,KAAK,GACjC,OAAO,OAAO,iBAAiB,QAAQ,OAAO,EAAE,CAAC,IAAI;EAGvD,IAAI,iBAAiB,SAAS,IAAI,GAChC,OAAO,OAAO,iBAAiB,QAAQ,MAAM,EAAE,CAAC,IAAI;EAGtD,OAAO,OAAO,gBAAgB;CAChC;CAEA,OAAO;AACT"}

package/esm/core/utils/units-converters/rem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rem.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  if (remValue === '0rem') {\n    return '0rem';\n  }\n\n  return `calc(${remValue} * var(--mantine-scale))`;\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n  function converter(value: unknown): string {\n    if (value === 0 || value === '0') {\n      return `0${units}`;\n    }\n\n    if (typeof value === 'number') {\n      const val = `${value / 16}${units}`;\n      return shouldScale ? scaleRem(val) : val;\n    }\n\n    if (typeof value === 'string') {\n      // Number(\"\") === 0 so exit early\n      if (value === '') {\n        return value;\n      }\n\n      if (value.startsWith('calc(') || value.startsWith('clamp(') || value.includes('rgba(')) {\n        return value;\n      }\n\n      if (value.includes(',')) {\n        return value\n          .split(',')\n          .map((val) => converter(val))\n          .join(',');\n      }\n\n      if (value.includes(' ')) {\n        return value\n          .split(' ')\n          .map((val) => converter(val))\n          .join(' ');\n      }\n\n      const replaced = value.replace('px', '');\n      if (!Number.isNaN(Number(replaced))) {\n        const val = `${Number(replaced) / 16}${units}`;\n        return shouldScale ? scaleRem(val) : val;\n      }\n    }\n\n    return value as string;\n  }\n\n  return converter;\n}\n\nexport const rem = createConverter('rem', { shouldScale: true });\nexport const em = createConverter('em');\n"],"mappings":";AAAA,SAAS,SAAS,UAAkB;CAClC,IAAI,aAAa,QACf,OAAO;CAGT,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,gBAAgB,OAAe,EAAE,cAAc,UAAU,CAAC,GAAG;CACpE,SAAS,UAAU,OAAwB;EACzC,IAAI,UAAU,KAAK,UAAU,KAC3B,OAAO,IAAI;EAGb,IAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM,GAAG,QAAQ,KAAK;GAC5B,OAAO,cAAc,SAAS,GAAG,IAAI;EACvC;EAEA,IAAI,OAAO,UAAU,UAAU;GAE7B,IAAI,UAAU,IACZ,OAAO;GAGT,IAAI,MAAM,WAAW,OAAO,KAAK,MAAM,WAAW,QAAQ,KAAK,MAAM,SAAS,OAAO,GACnF,OAAO;GAGT,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,EACT,KAAK,QAAQ,UAAU,GAAG,CAAC,EAC3B,KAAK,GAAG;GAGb,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,EACT,KAAK,QAAQ,UAAU,GAAG,CAAC,EAC3B,KAAK,GAAG;GAGb,MAAM,WAAW,MAAM,QAAQ,MAAM,EAAE;GACvC,IAAI,CAAC,OAAO,MAAM,OAAO,QAAQ,CAAC,GAAG;IACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,IAAI,KAAK;IACvC,OAAO,cAAc,SAAS,GAAG,IAAI;GACvC;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAa,MAAM,gBAAgB,OAAO,EAAE,aAAa,KAAK,CAAC;AAC/D,MAAa,KAAK,gBAAgB,IAAI"}
+{"version":3,"file":"rem.mjs","names":[],"sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n  if (remValue === '0rem') {\n    return '0rem';\n  }\n\n  return `calc(${remValue} * var(--mantine-scale))`;\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n  function converter(value: unknown): string {\n    if (value === 0 || value === '0') {\n      return `0${units}`;\n    }\n\n    if (typeof value === 'number') {\n      const val = `${value / 16}${units}`;\n      return shouldScale ? scaleRem(val) : val;\n    }\n\n    if (typeof value === 'string') {\n      // Number(\"\") === 0 so exit early\n      if (value === '') {\n        return value;\n      }\n\n      if (value.startsWith('calc(') || value.startsWith('clamp(') || value.includes('rgba(')) {\n        return value;\n      }\n\n      if (value.includes(',')) {\n        return value\n          .split(',')\n          .map((val) => converter(val))\n          .join(',');\n      }\n\n      if (value.includes(' ')) {\n        return value\n          .split(' ')\n          .map((val) => converter(val))\n          .join(' ');\n      }\n\n      const replaced = value.replace('px', '');\n      if (!Number.isNaN(Number(replaced))) {\n        const val = `${Number(replaced) / 16}${units}`;\n        return shouldScale ? scaleRem(val) : val;\n      }\n    }\n\n    return value as string;\n  }\n\n  return converter;\n}\n\nexport const rem = createConverter('rem', { shouldScale: true });\nexport const em = createConverter('em');\n"],"mappings":";AAAA,SAAS,SAAS,UAAkB;CAClC,IAAI,aAAa,QACf,OAAO;CAGT,OAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,gBAAgB,OAAe,EAAE,cAAc,UAAU,CAAC,GAAG;CACpE,SAAS,UAAU,OAAwB;EACzC,IAAI,UAAU,KAAK,UAAU,KAC3B,OAAO,IAAI;EAGb,IAAI,OAAO,UAAU,UAAU;GAC7B,MAAM,MAAM,GAAG,QAAQ,KAAK;GAC5B,OAAO,cAAc,SAAS,GAAG,IAAI;EACvC;EAEA,IAAI,OAAO,UAAU,UAAU;GAE7B,IAAI,UAAU,IACZ,OAAO;GAGT,IAAI,MAAM,WAAW,OAAO,KAAK,MAAM,WAAW,QAAQ,KAAK,MAAM,SAAS,OAAO,GACnF,OAAO;GAGT,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,IAAI,MAAM,SAAS,GAAG,GACpB,OAAO,MACJ,MAAM,GAAG,CAAC,CACV,KAAK,QAAQ,UAAU,GAAG,CAAC,CAAC,CAC5B,KAAK,GAAG;GAGb,MAAM,WAAW,MAAM,QAAQ,MAAM,EAAE;GACvC,IAAI,CAAC,OAAO,MAAM,OAAO,QAAQ,CAAC,GAAG;IACnC,MAAM,MAAM,GAAG,OAAO,QAAQ,IAAI,KAAK;IACvC,OAAO,cAAc,SAAS,GAAG,IAAI;GACvC;EACF;EAEA,OAAO;CACT;CAEA,OAAO;AACT;AAEA,MAAa,MAAM,gBAAgB,OAAO,EAAE,aAAa,KAAK,CAAC;AAC/D,MAAa,KAAK,gBAAgB,IAAI"}

package/esm/index.mjs

@@ -38,12 +38,13 @@ import { toRgba } from "./core/MantineProvider/color-functions/to-rgba/to-rgba.m
 import { isLightColor, luminance } from "./core/MantineProvider/color-functions/luminance/luminance.mjs";
 import { parseThemeColor } from "./core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.mjs";
 import { getThemeColor } from "./core/MantineProvider/color-functions/get-theme-color/get-theme-color.mjs";
+import { isVirtualColor, virtualColor } from "./core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.mjs";
 import { darken } from "./core/MantineProvider/color-functions/darken/darken.mjs";
 import { getGradient } from "./core/MantineProvider/color-functions/get-gradient/get-gradient.mjs";
 import { alpha, rgba } from "./core/MantineProvider/color-functions/rgba/rgba.mjs";
 import { defaultVariantColorsResolver } from "./core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs";
 import { lighten } from "./core/MantineProvider/color-functions/lighten/lighten.mjs";
-import { getContrastColor, getPrimaryContrastColor } from "./core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs";
+import { getContrastColor, getPrimaryContrastColor, getVirtualColorContrast } from "./core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs";
 import { getAutoContrastValue } from "./core/MantineProvider/color-functions/get-auto-contrast-value/get-auto-contrast-value.mjs";
 import { colorsTuple } from "./core/MantineProvider/color-functions/colors-tuple/colors-tuple.mjs";
 import { MantineContext, useMantineClassNamesPrefix, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineWithStaticClasses } from "./core/MantineProvider/Mantine.context.mjs";
@@ -56,13 +57,12 @@ import { mergeMantineTheme, validateMantineTheme } from "./core/MantineProvider/
 import { MantineThemeContext, MantineThemeProvider, useMantineTheme, useSafeMantineTheme } from "./core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs";
 import { convertCssVariables } from "./core/MantineProvider/convert-css-variables/convert-css-variables.mjs";
 import { getCSSColorVariables } from "./core/MantineProvider/MantineCssVariables/get-css-color-variables.mjs";
-import { isVirtualColor, virtualColor } from "./core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.mjs";
 import { defaultCssVariablesResolver } from "./core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs";
-import { v8CssVariablesResolver } from "./core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.mjs";
 import { HeadlessMantineProvider, MantineProvider } from "./core/MantineProvider/MantineProvider.mjs";
 import { useProps } from "./core/MantineProvider/use-props/use-props.mjs";
 import { createTheme } from "./core/MantineProvider/create-theme/create-theme.mjs";
 import { mergeThemeOverrides } from "./core/MantineProvider/merge-theme-overrides/merge-theme-overrides.mjs";
+import { v8CssVariablesResolver } from "./core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.mjs";
 import { useMatches } from "./core/MantineProvider/use-matches/use-matches.mjs";
 import { mantineHtmlProps } from "./core/MantineProvider/mantine-html-props.mjs";
 import { useResolvedStylesApi } from "./core/styles-api/use-resolved-styles-api/use-resolved-styles-api.mjs";
@@ -125,6 +125,7 @@ import { InputDescription } from "./components/Input/InputDescription/InputDescr
 import { InputError } from "./components/Input/InputError/InputError.mjs";
 import { InputLabel } from "./components/Input/InputLabel/InputLabel.mjs";
 import { InputPlaceholder } from "./components/Input/InputPlaceholder/InputPlaceholder.mjs";
+import { InputSuccess } from "./components/Input/InputSuccess/InputSuccess.mjs";
 import { InputWrapper } from "./components/Input/InputWrapper/InputWrapper.mjs";
 import { Input } from "./components/Input/Input.mjs";
 import { useInputProps } from "./components/Input/use-input-props.mjs";
@@ -207,8 +208,15 @@ import { convertHsvaTo } from "./components/ColorPicker/converters/converters.mj
 import { HueSlider } from "./components/ColorPicker/HueSlider/HueSlider.mjs";
 import { ColorPicker } from "./components/ColorPicker/ColorPicker.mjs";
 import { ColorInput } from "./components/ColorInput/ColorInput.mjs";
+import { ComboboxPopoverTarget } from "./components/ComboboxPopover/ComboboxPopoverTarget.mjs";
+import { ComboboxPopover } from "./components/ComboboxPopover/ComboboxPopover.mjs";
 import { Container } from "./components/Container/Container.mjs";
 import { CopyButton } from "./components/CopyButton/CopyButton.mjs";
+import { useDataListContext } from "./components/DataList/DataList.context.mjs";
+import { DataListItem } from "./components/DataList/DataListItem/DataListItem.mjs";
+import { DataListItemLabel } from "./components/DataList/DataListItemLabel/DataListItemLabel.mjs";
+import { DataListItemValue } from "./components/DataList/DataListItemValue/DataListItemValue.mjs";
+import { DataList } from "./components/DataList/DataList.mjs";
 import { Dialog } from "./components/Dialog/Dialog.mjs";
 import { Divider } from "./components/Divider/Divider.mjs";
 import { useDrawerContext } from "./components/Drawer/Drawer.context.mjs";
@@ -221,6 +229,12 @@ import { DrawerRoot } from "./components/Drawer/DrawerRoot.mjs";
 import { DrawerStack, DrawerStackContext } from "./components/Drawer/DrawerStack.mjs";
 import { DrawerTitle } from "./components/Drawer/DrawerTitle.mjs";
 import { Drawer } from "./components/Drawer/Drawer.mjs";
+import { useEmptyStateContext } from "./components/EmptyState/EmptyState.context.mjs";
+import { EmptyStateActions } from "./components/EmptyState/EmptyStateActions/EmptyStateActions.mjs";
+import { EmptyStateDescription } from "./components/EmptyState/EmptyStateDescription/EmptyStateDescription.mjs";
+import { EmptyStateIndicator } from "./components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.mjs";
+import { EmptyStateTitle } from "./components/EmptyState/EmptyStateTitle/EmptyStateTitle.mjs";
+import { EmptyState } from "./components/EmptyState/EmptyState.mjs";
 import { Fieldset } from "./components/Fieldset/Fieldset.mjs";
 import { FileButton } from "./components/FileButton/FileButton.mjs";
 import { FileInput } from "./components/FileInput/FileInput.mjs";
@@ -264,6 +278,11 @@ import { MenuSubTarget } from "./components/Menu/MenuSubTarget/MenuSubTarget.mjs
 import { MenuSub } from "./components/Menu/MenuSub/MenuSub.mjs";
 import { MenuTarget } from "./components/Menu/MenuTarget/MenuTarget.mjs";
 import { Menu } from "./components/Menu/Menu.mjs";
+import { useMenubarContext, useMenubarMenuContext } from "./components/Menubar/Menubar.context.mjs";
+import { MenubarDropdown } from "./components/Menubar/MenubarDropdown/MenubarDropdown.mjs";
+import { MenubarMenu } from "./components/Menubar/MenubarMenu/MenubarMenu.mjs";
+import { MenubarTarget } from "./components/Menubar/MenubarTarget/MenubarTarget.mjs";
+import { Menubar } from "./components/Menubar/Menubar.mjs";
 import { useModalContext } from "./components/Modal/Modal.context.mjs";
 import { ModalBody } from "./components/Modal/ModalBody.mjs";
 import { ModalCloseButton } from "./components/Modal/ModalCloseButton.mjs";
@@ -359,4 +378,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, 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, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_THEME, Dialog, DirectionContext, DirectionProvider, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerStackContext, DrawerTitle, 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, 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, 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, flattenTreeData, genericFactory, getArrowMergeDropdownStyles, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, 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, 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, useDelayedHover, useDirection, useDrawerContext, useDrawersStack, useGridContext, useHoverCardContext, useHovered, useInputProps, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineTheme, useMantineWithStaticClasses, useMatches, useMenuContext, 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, 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, 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, flattenTreeData, genericFactory, getArrowMergeDropdownStyles, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, 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/lib/components/Accordion/Accordion.d.ts

@@ -11,7 +11,7 @@ export type AccordionCssVariables = {
     root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';
 };
 export interface AccordionProps<Multiple extends boolean = false> extends BoxProps, StylesApiProps<AccordionFactory>, ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {
-    /** If set, multiple items can be opened at the same time */
+    /** If set, multiple items can be opened at the same time @default false */
     multiple?: Multiple;
     /** Controlled component value */
     value?: AccordionValue<Multiple>;
@@ -23,7 +23,7 @@ export interface AccordionProps<Multiple extends boolean = false> extends BoxPro
     loop?: boolean;
     /** Transition duration in ms @default 200 */
     transitionDuration?: number;
-    /** If set, chevron rotation is disabled */
+    /** If set, chevron rotation is disabled @default false */
     disableChevronRotation?: boolean;
     /** Position of the chevron relative to the item label @default right */
     chevronPosition?: AccordionChevronPosition;
@@ -31,13 +31,13 @@ export interface AccordionProps<Multiple extends boolean = false> extends BoxPro
     chevronSize?: number | string;
     /** Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron. @default 16 */
     chevronIconSize?: number | string;
-    /** Sets heading level (h2-h6) for `Accordion.Control` elements to meet WAI-ARIA requirements. Has no visual effect. */
+    /** Sets heading level (h2-h6) for `Accordion.Control` elements. Wraps each control in the corresponding heading tag, recommended to meet WAI-ARIA accessibility requirements. Has no visual effect. */
     order?: AccordionHeadingOrder;
     /** Custom chevron icon */
     chevron?: React.ReactNode;
     /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */
     radius?: MantineRadius;
-    /** If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. */
+    /** If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. @default true */
     keepMounted?: boolean;
 }
 export type AccordionFactory = Factory<{

package/lib/components/ActionIcon/ActionIcon.d.ts

@@ -14,13 +14,13 @@ export interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFact
     loading?: boolean;
     /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */
     loaderProps?: LoaderProps;
-    /** Controls width and height of the button. Numbers are converted to rem. @default 'md'. */
+    /** Controls width and height of the button. Numbers are converted to rem. @default 'md' */
     size?: MantineSize | `input-${MantineSize}` | (string & {}) | number;
-    /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor. */
+    /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor */
     color?: MantineColor;
     /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */
     radius?: MantineRadius;
-    /** Gradient values used with `variant="gradient"`. @default theme.defaultGradient. */
+    /** Gradient values used with `variant="gradient"`. @default theme.defaultGradient */
     gradient?: MantineGradient;
     /** Sets `disabled` attribute, prevents interactions */
     disabled?: boolean;

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

@@ -9,16 +9,17 @@ export interface ComboboxGenericItem<Value extends Primitive = string> {
 export interface ComboboxItem<Value extends Primitive = string> extends ComboboxGenericItem<Value> {
     label: string;
 }
-export interface ComboboxItemGroup<T> {
-    group: string;
+export interface ComboboxItemGroup<T, Group extends React.ReactNode = React.ReactNode> {
+    group: Group;
     items: T[];
 }
 export interface ComboboxParsedItemGroup<Value extends Primitive = string> {
-    group: string;
+    group: React.ReactNode;
     items: ComboboxItem<Value>[];
 }
 export type ComboboxGenericData<Value extends Primitive = string> = Array<Value | ComboboxGenericItem<Value> | ComboboxItemGroup<Value | ComboboxGenericItem<Value>>> | ReadonlyArray<Value | ComboboxGenericItem<Value> | ComboboxItemGroup<Value | ComboboxGenericItem<Value>>>;
 export type ComboboxData<Value extends Primitive = string> = Array<Value | ComboboxItem<Value> | ComboboxItemGroup<Value | ComboboxGenericItem<Value> | ComboboxItem<Value>>> | ReadonlyArray<Value | ComboboxItem<Value> | ComboboxItemGroup<Value | ComboboxGenericItem<Value> | ComboboxItem<Value>>>;
+export type ComboboxStringGroupData<Value extends Primitive = string> = Array<Value | ComboboxItem<Value> | ComboboxItemGroup<Value | ComboboxGenericItem<Value> | ComboboxItem<Value>, string>> | ReadonlyArray<Value | ComboboxItem<Value> | ComboboxItemGroup<Value | ComboboxGenericItem<Value> | ComboboxItem<Value>, string>>;
 export type ComboboxParsedItem<Value extends Primitive = string> = ComboboxItem<Value> | ComboboxParsedItemGroup<Value>;
 export type ComboboxLikeStylesNames = Exclude<ComboboxStylesNames, 'header' | 'footer' | 'search'>;
 export interface ComboboxLikeProps<Value extends Primitive = string> {

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

@@ -4,7 +4,7 @@ import { ComboboxItem, ComboboxLikeRenderOptionInput, ComboboxParsedItem } from
 import { FilterOptionsInput } from './default-options-filter';
 export type OptionsFilter<Value extends Primitive = string> = (input: FilterOptionsInput<Value>) => ComboboxParsedItem<Value>[];
 export interface OptionsGroup {
-    group: string;
+    group: React.ReactNode;
     items: ComboboxItem<Primitive>[];
 }
 export type OptionsData = (ComboboxItem<Primitive> | OptionsGroup)[];

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

@@ -25,7 +25,7 @@ export { useComboboxContext } from './Combobox.context';
 export { usePillsReorder } from './use-pills-reorder/use-pills-reorder';
 export type { ComboboxFactory, ComboboxProps, ComboboxStylesNames } from './Combobox';
 export type { ComboboxContextValue } from './Combobox.context';
-export type { ComboboxData, ComboboxGenericData, ComboboxGenericItem, ComboboxItem, ComboboxItemGroup, ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxParsedItem, ComboboxParsedItemGroup, ComboboxRenderPillInput, } from './Combobox.types';
+export type { ComboboxData, ComboboxGenericData, ComboboxGenericItem, ComboboxItem, ComboboxItemGroup, ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxParsedItem, ComboboxParsedItemGroup, ComboboxRenderPillInput, ComboboxStringGroupData, } from './Combobox.types';
 export type { ComboboxChevronProps } from './ComboboxChevron/ComboboxChevron';
 export type { ComboboxClearButtonProps } from './ComboboxClearButton/ComboboxClearButton';
 export type { ComboboxDropdownProps } from './ComboboxDropdown/ComboboxDropdown';

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

@@ -0,0 +1,110 @@
+import { Factory, Primitive, StylesApiProps } from '../../core';
+import { ComboboxData, ComboboxItem, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxProps, OptionsFilter } from '../Combobox';
+import { ScrollAreaProps } from '../ScrollArea';
+import { ComboboxPopoverValue } from './ComboboxPopover.types';
+import { ComboboxPopoverTarget } from './ComboboxPopoverTarget';
+export type ComboboxPopoverStylesNames = ComboboxLikeStylesNames;
+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;
+    /** Controlled component value */
+    value?: ComboboxPopoverValue<Multiple, Value>;
+    /** Uncontrolled component default value */
+    defaultValue?: ComboboxPopoverValue<Multiple, Value>;
+    /** Called when value changes */
+    onChange?: (value: ComboboxPopoverValue<Multiple, Value>) => void;
+    /** Data used to generate options */
+    data?: ComboboxData<Value>;
+    /** Controlled dropdown opened state */
+    dropdownOpened?: boolean;
+    /** Uncontrolled dropdown initial opened state */
+    defaultDropdownOpened?: boolean;
+    /** Called when dropdown opens */
+    onDropdownOpen?: () => void;
+    /** Called when dropdown closes */
+    onDropdownClose?: () => void;
+    /** Called when option is submitted from dropdown with mouse click or Enter key */
+    onOptionSubmit?: (value: Value) => void;
+    /** Props passed down to Combobox component */
+    comboboxProps?: ComboboxProps;
+    /** Function based on which items are filtered and sorted */
+    filter?: OptionsFilter<Value>;
+    /** Maximum number of options displayed at a time @default Infinity */
+    limit?: number;
+    /** Determines whether the options should be wrapped with ScrollArea.AutoSize @default true */
+    withScrollArea?: boolean;
+    /** max-height of the dropdown @default 250 */
+    maxDropdownHeight?: number | string;
+    /** If set, the first option is selected when dropdown opens @default false */
+    selectFirstOptionOnDropdownOpen?: boolean;
+    /** Displays check icon near the selected option label @default true */
+    withCheckIcon?: boolean;
+    /** Aligns unchecked labels with the checked one @default false */
+    withAlignedLabels?: boolean;
+    /** Position of the check icon relative to the option label @default 'left' */
+    checkIconPosition?: 'left' | 'right';
+    /** Message displayed when no options match the search query or when there is no data */
+    nothingFoundMessage?: React.ReactNode;
+    /** Allows searching through options @default false */
+    searchable?: boolean;
+    /** Controlled search value */
+    searchValue?: string;
+    /** Default search value */
+    defaultSearchValue?: string;
+    /** Called when search changes */
+    onSearchChange?: (value: string) => void;
+    /** Allows deselecting the selected option by clicking it (only for single mode) @default true */
+    allowDeselect?: boolean;
+    /** A function to render content of the option, replaces the default content of the option */
+    renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => React.ReactNode;
+    /** Props passed down to the underlying ScrollArea component in the dropdown */
+    scrollAreaProps?: ScrollAreaProps;
+    /** Props passed down to the hidden input */
+    hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;
+    /** Hidden input name for form submission */
+    name?: string;
+    /** Hidden input form for form submission */
+    form?: string;
+    /** Content of the component */
+    children?: React.ReactNode;
+    /** Divider used to separate values in the hidden input value attribute @default ',' */
+    hiddenInputValuesDivider?: string;
+}
+export type ComboboxPopoverFactory = Factory<{
+    props: ComboboxPopoverProps;
+    ref: HTMLDivElement;
+    stylesNames: ComboboxPopoverStylesNames;
+    signature: <Multiple extends boolean = false, Value extends Primitive = string>(props: ComboboxPopoverProps<Multiple, Value>) => React.JSX.Element;
+    staticComponents: {
+        Target: typeof ComboboxPopoverTarget;
+    };
+}>;
+export declare const ComboboxPopover: (<Multiple extends boolean = false, Value extends Primitive = string>(props: ComboboxPopoverProps<Multiple, Value>) => React.JSX.Element) & import("../..").ThemeExtend<{
+    props: ComboboxPopoverProps;
+    ref: HTMLDivElement;
+    stylesNames: ComboboxPopoverStylesNames;
+    signature: <Multiple extends boolean = false, Value extends Primitive = string>(props: ComboboxPopoverProps<Multiple, Value>) => React.JSX.Element;
+    staticComponents: {
+        Target: typeof ComboboxPopoverTarget;
+    };
+}> & import("../..").ComponentClasses<{
+    props: ComboboxPopoverProps;
+    ref: HTMLDivElement;
+    stylesNames: ComboboxPopoverStylesNames;
+    signature: <Multiple extends boolean = false, Value extends Primitive = string>(props: ComboboxPopoverProps<Multiple, Value>) => React.JSX.Element;
+    staticComponents: {
+        Target: typeof ComboboxPopoverTarget;
+    };
+}> & {
+    Target: typeof ComboboxPopoverTarget;
+} & import("../..").FactoryComponentWithProps<{
+    props: ComboboxPopoverProps;
+    ref: HTMLDivElement;
+    stylesNames: ComboboxPopoverStylesNames;
+    signature: <Multiple extends boolean = false, Value extends Primitive = string>(props: ComboboxPopoverProps<Multiple, Value>) => React.JSX.Element;
+    staticComponents: {
+        Target: typeof ComboboxPopoverTarget;
+    };
+}> & {
+    displayName?: string;
+};

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

@@ -0,0 +1,2 @@
+import { Primitive } from '../../core';
+export type ComboboxPopoverValue<Multiple extends boolean, Value extends Primitive = string> = Multiple extends true ? Value[] : Value | null;

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

@@ -0,0 +1,16 @@
+import { Factory } from '../../core';
+export interface ComboboxPopoverTargetProps {
+    children: React.ReactNode;
+    /** Key of the prop that is used to access element ref @default 'ref' */
+    refProp?: string;
+}
+export type ComboboxPopoverTargetFactory = Factory<{
+    props: ComboboxPopoverTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export declare const ComboboxPopoverTarget: import("../..").MantineComponent<{
+    props: ComboboxPopoverTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;

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

@@ -0,0 +1,14 @@
+import type { ComboboxPopoverFactory, ComboboxPopoverProps, ComboboxPopoverStylesNames } from './ComboboxPopover';
+import type { ComboboxPopoverValue } from './ComboboxPopover.types';
+import type { ComboboxPopoverTargetProps } from './ComboboxPopoverTarget';
+export { ComboboxPopover } from './ComboboxPopover';
+export { ComboboxPopoverTarget } from './ComboboxPopoverTarget';
+export type { ComboboxPopoverProps, ComboboxPopoverStylesNames, ComboboxPopoverFactory, ComboboxPopoverTargetProps, ComboboxPopoverValue, };
+export declare namespace ComboboxPopover {
+    type Props = ComboboxPopoverProps;
+    type StylesNames = ComboboxPopoverStylesNames;
+    type Factory = ComboboxPopoverFactory;
+    namespace Target {
+        type Props = ComboboxPopoverTargetProps;
+    }
+}

package/lib/components/DataList/DataList.context.d.ts

@@ -0,0 +1,6 @@
+import { GetStylesApi } from '../../core';
+import type { DataListFactory } from './DataList';
+export interface DataListContextValue {
+    getStyles: GetStylesApi<DataListFactory>;
+}
+export declare const DataListProvider: import("react").Context<DataListContextValue | null>, useDataListContext: () => DataListContextValue;

package/lib/components/DataList/DataList.d.ts

@@ -0,0 +1,44 @@
+import { BoxProps, ElementProps, Factory, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
+import { DataListItem, DataListItemStylesNames } from './DataListItem/DataListItem';
+import { DataListItemLabel, DataListItemLabelStylesNames } from './DataListItemLabel/DataListItemLabel';
+import { DataListItemValue, DataListItemValueStylesNames } from './DataListItemValue/DataListItemValue';
+export type DataListStylesNames = 'root' | DataListItemStylesNames | DataListItemLabelStylesNames | DataListItemValueStylesNames;
+export type DataListCssVariables = {
+    root: '--data-list-fz' | '--data-list-lh' | '--data-list-gap' | '--data-list-label-width';
+};
+export interface DataListProps extends BoxProps, StylesApiProps<DataListFactory>, ElementProps<'dl'> {
+    /** DataList.Item components */
+    children?: React.ReactNode;
+    /** Controls `font-size` and `line-height` @default 'sm' */
+    size?: MantineSize;
+    /** Key of `theme.spacing` or any valid CSS value to set gap between items @default 'sm' */
+    gap?: MantineSpacing;
+    /** Controls arrangement of label and value within each item. `horizontal` renders label and value side by side, `vertical` stacks label on top of value @default 'horizontal' */
+    orientation?: 'horizontal' | 'vertical';
+    /** Adds border between items @default false */
+    withDivider?: boolean;
+    /** Controls min-width of the label (dt) element, any valid CSS value @default '120px' */
+    labelWidth?: React.CSSProperties['minWidth'];
+}
+export type DataListFactory = Factory<{
+    props: DataListProps;
+    ref: HTMLDListElement;
+    stylesNames: DataListStylesNames;
+    vars: DataListCssVariables;
+    staticComponents: {
+        Item: typeof DataListItem;
+        ItemLabel: typeof DataListItemLabel;
+        ItemValue: typeof DataListItemValue;
+    };
+}>;
+export declare const DataList: import("../..").MantineComponent<{
+    props: DataListProps;
+    ref: HTMLDListElement;
+    stylesNames: DataListStylesNames;
+    vars: DataListCssVariables;
+    staticComponents: {
+        Item: typeof DataListItem;
+        ItemLabel: typeof DataListItemLabel;
+        ItemValue: typeof DataListItemValue;
+    };
+}>;

package/lib/components/DataList/DataListItem/DataListItem.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
+export type DataListItemStylesNames = 'item';
+export interface DataListItemProps extends BoxProps, CompoundStylesApiProps<DataListItemFactory>, ElementProps<'div'> {
+    /** Item content */
+    children?: React.ReactNode;
+}
+export type DataListItemFactory = Factory<{
+    props: DataListItemProps;
+    ref: HTMLDivElement;
+    stylesNames: DataListItemStylesNames;
+    compound: true;
+}>;
+export declare const DataListItem: import("../../..").MantineComponent<{
+    props: DataListItemProps;
+    ref: HTMLDivElement;
+    stylesNames: DataListItemStylesNames;
+    compound: true;
+}>;

package/lib/components/DataList/DataListItemLabel/DataListItemLabel.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
+export type DataListItemLabelStylesNames = 'itemLabel';
+export interface DataListItemLabelProps extends BoxProps, CompoundStylesApiProps<DataListItemLabelFactory>, ElementProps<'dt'> {
+    /** Label content */
+    children?: React.ReactNode;
+}
+export type DataListItemLabelFactory = Factory<{
+    props: DataListItemLabelProps;
+    ref: HTMLElement;
+    stylesNames: DataListItemLabelStylesNames;
+    compound: true;
+}>;
+export declare const DataListItemLabel: import("../../..").MantineComponent<{
+    props: DataListItemLabelProps;
+    ref: HTMLElement;
+    stylesNames: DataListItemLabelStylesNames;
+    compound: true;
+}>;

package/lib/components/DataList/DataListItemValue/DataListItemValue.d.ts

@@ -0,0 +1,18 @@
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
+export type DataListItemValueStylesNames = 'itemValue';
+export interface DataListItemValueProps extends BoxProps, CompoundStylesApiProps<DataListItemValueFactory>, ElementProps<'dd'> {
+    /** Value content */
+    children?: React.ReactNode;
+}
+export type DataListItemValueFactory = Factory<{
+    props: DataListItemValueProps;
+    ref: HTMLElement;
+    stylesNames: DataListItemValueStylesNames;
+    compound: true;
+}>;
+export declare const DataListItemValue: import("../../..").MantineComponent<{
+    props: DataListItemValueProps;
+    ref: HTMLElement;
+    stylesNames: DataListItemValueStylesNames;
+    compound: true;
+}>;