@mantine/core 9.3.1 → 9.4.0

package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-scoped-keydown-handler.cjs","names":["findElementAncestor"],"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,OACEA,8BAAAA,oBAAoB,QAAQ,cAAc,MAAMA,8BAAAA,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,KACrBA,8BAAAA,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.cjs","names":["findElementAncestor"],"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,OACEA,8BAAAA,oBAAoB,QAAQ,cAAc,MAAMA,8BAAAA,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,KACrBA,8BAAAA,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/cjs/core/utils/create-use-external-events/create-use-external-events.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"create-use-external-events.cjs","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,CAAA,GAAA,eAAA,2BAA0B;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.cjs","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,CAAA,GAAA,eAAA,oBAAA,OAA0B;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/cjs/core/utils/deep-merge/deep-merge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"deep-merge.cjs","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.cjs","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/cjs/core/utils/filter-props/filter-props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-props.cjs","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.cjs","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/cjs/core/utils/get-context-item-index/get-context-item-index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-context-item-index.cjs","names":["findElementAncestor"],"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,KACXA,8BAAAA,oBAAoB,MAAM,cAAc,GAAG,iBAAiB,eAAe,KAAK,CAAC,CACnF,EAAE,WAAW,YAAY,YAAY,IAAI;AAC3C"}
+{"version":3,"file":"get-context-item-index.cjs","names":["findElementAncestor"],"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,KACXA,8BAAAA,oBAAoB,MAAM,cAAc,CAAC,EAAE,iBAAiB,eAAe,KAAK,CAAC,CACnF,CAAC,CAAC,WAAW,YAAY,YAAY,IAAI;AAC3C"}

package/cjs/core/utils/get-safe-id/get-safe-id.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-safe-id.cjs","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.cjs","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/cjs/core/utils/is-number-like/is-number-like.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"is-number-like.cjs","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.cjs","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/cjs/core/utils/units-converters/px.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"px.cjs","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.cjs","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/cjs/core/utils/units-converters/rem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rem.cjs","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.cjs","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/cjs/core/utils/use-hovered/use-hovered.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-hovered.cjs","names":[],"sources":["../../../../src/core/utils/use-hovered/use-hovered.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useHovered() {\n  const [hovered, setHovered] = useState<number | null>(-1);\n  const resetHovered = () => setHovered(-1);\n  return [hovered, { setHovered, resetHovered }] as const;\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAsC,EAAE;CACxD,MAAM,qBAAqB,WAAW,EAAE;CACxC,OAAO,CAAC,SAAS;EAAE;EAAY;CAAa,CAAC;AAC/C"}
+{"version":3,"file":"use-hovered.cjs","names":[],"sources":["../../../../src/core/utils/use-hovered/use-hovered.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useHovered() {\n  const [hovered, setHovered] = useState<number | null>(-1);\n  const resetHovered = () => setHovered(-1);\n  return [hovered, { setHovered, resetHovered }] as const;\n}\n"],"mappings":";;;AAEA,SAAgB,aAAa;CAC3B,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAsC,EAAE;CACxD,MAAM,qBAAqB,WAAW,EAAE;CACxC,OAAO,CAAC,SAAS;EAAE;EAAY;CAAa,CAAC;AAC/C"}

package/cjs/index.cjs

@@ -39,6 +39,7 @@ const require_to_rgba = require("./core/MantineProvider/color-functions/to-rgba/
 const require_luminance = require("./core/MantineProvider/color-functions/luminance/luminance.cjs");
 const require_parse_theme_color = require("./core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.cjs");
 const require_get_theme_color = require("./core/MantineProvider/color-functions/get-theme-color/get-theme-color.cjs");
+const require_virtual_color = require("./core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.cjs");
 const require_darken = require("./core/MantineProvider/color-functions/darken/darken.cjs");
 const require_get_gradient = require("./core/MantineProvider/color-functions/get-gradient/get-gradient.cjs");
 const require_rgba = require("./core/MantineProvider/color-functions/rgba/rgba.cjs");
@@ -57,13 +58,12 @@ const require_merge_mantine_theme = require("./core/MantineProvider/merge-mantin
 const require_MantineThemeProvider = require("./core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
 const require_convert_css_variables = require("./core/MantineProvider/convert-css-variables/convert-css-variables.cjs");
 const require_get_css_color_variables = require("./core/MantineProvider/MantineCssVariables/get-css-color-variables.cjs");
-const require_virtual_color = require("./core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.cjs");
 const require_default_css_variables_resolver = require("./core/MantineProvider/MantineCssVariables/default-css-variables-resolver.cjs");
-const require_v8_css_variables_resolver = require("./core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.cjs");
 const require_MantineProvider = require("./core/MantineProvider/MantineProvider.cjs");
 const require_use_props = require("./core/MantineProvider/use-props/use-props.cjs");
 const require_create_theme = require("./core/MantineProvider/create-theme/create-theme.cjs");
 const require_merge_theme_overrides = require("./core/MantineProvider/merge-theme-overrides/merge-theme-overrides.cjs");
+const require_v8_css_variables_resolver = require("./core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.cjs");
 const require_use_matches = require("./core/MantineProvider/use-matches/use-matches.cjs");
 const require_mantine_html_props = require("./core/MantineProvider/mantine-html-props.cjs");
 const require_use_resolved_styles_api = require("./core/styles-api/use-resolved-styles-api/use-resolved-styles-api.cjs");
@@ -126,6 +126,7 @@ const require_InputDescription = require("./components/Input/InputDescription/In
 const require_InputError = require("./components/Input/InputError/InputError.cjs");
 const require_InputLabel = require("./components/Input/InputLabel/InputLabel.cjs");
 const require_InputPlaceholder = require("./components/Input/InputPlaceholder/InputPlaceholder.cjs");
+const require_InputSuccess = require("./components/Input/InputSuccess/InputSuccess.cjs");
 const require_InputWrapper = require("./components/Input/InputWrapper/InputWrapper.cjs");
 const require_Input = require("./components/Input/Input.cjs");
 const require_use_input_props = require("./components/Input/use-input-props.cjs");
@@ -208,8 +209,15 @@ const require_converters = require("./components/ColorPicker/converters/converte
 const require_HueSlider = require("./components/ColorPicker/HueSlider/HueSlider.cjs");
 const require_ColorPicker = require("./components/ColorPicker/ColorPicker.cjs");
 const require_ColorInput = require("./components/ColorInput/ColorInput.cjs");
+const require_ComboboxPopoverTarget = require("./components/ComboboxPopover/ComboboxPopoverTarget.cjs");
+const require_ComboboxPopover = require("./components/ComboboxPopover/ComboboxPopover.cjs");
 const require_Container = require("./components/Container/Container.cjs");
 const require_CopyButton = require("./components/CopyButton/CopyButton.cjs");
+const require_DataList_context = require("./components/DataList/DataList.context.cjs");
+const require_DataListItem = require("./components/DataList/DataListItem/DataListItem.cjs");
+const require_DataListItemLabel = require("./components/DataList/DataListItemLabel/DataListItemLabel.cjs");
+const require_DataListItemValue = require("./components/DataList/DataListItemValue/DataListItemValue.cjs");
+const require_DataList = require("./components/DataList/DataList.cjs");
 const require_Dialog = require("./components/Dialog/Dialog.cjs");
 const require_Divider = require("./components/Divider/Divider.cjs");
 const require_Drawer_context = require("./components/Drawer/Drawer.context.cjs");
@@ -222,6 +230,12 @@ const require_DrawerRoot = require("./components/Drawer/DrawerRoot.cjs");
 const require_DrawerStack = require("./components/Drawer/DrawerStack.cjs");
 const require_DrawerTitle = require("./components/Drawer/DrawerTitle.cjs");
 const require_Drawer = require("./components/Drawer/Drawer.cjs");
+const require_EmptyState_context = require("./components/EmptyState/EmptyState.context.cjs");
+const require_EmptyStateActions = require("./components/EmptyState/EmptyStateActions/EmptyStateActions.cjs");
+const require_EmptyStateDescription = require("./components/EmptyState/EmptyStateDescription/EmptyStateDescription.cjs");
+const require_EmptyStateIndicator = require("./components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.cjs");
+const require_EmptyStateTitle = require("./components/EmptyState/EmptyStateTitle/EmptyStateTitle.cjs");
+const require_EmptyState = require("./components/EmptyState/EmptyState.cjs");
 const require_Fieldset = require("./components/Fieldset/Fieldset.cjs");
 const require_FileButton = require("./components/FileButton/FileButton.cjs");
 const require_FileInput = require("./components/FileInput/FileInput.cjs");
@@ -265,6 +279,11 @@ const require_MenuSubTarget = require("./components/Menu/MenuSubTarget/MenuSubTa
 const require_MenuSub = require("./components/Menu/MenuSub/MenuSub.cjs");
 const require_MenuTarget = require("./components/Menu/MenuTarget/MenuTarget.cjs");
 const require_Menu = require("./components/Menu/Menu.cjs");
+const require_Menubar_context = require("./components/Menubar/Menubar.context.cjs");
+const require_MenubarDropdown = require("./components/Menubar/MenubarDropdown/MenubarDropdown.cjs");
+const require_MenubarMenu = require("./components/Menubar/MenubarMenu/MenubarMenu.cjs");
+const require_MenubarTarget = require("./components/Menubar/MenubarTarget/MenubarTarget.cjs");
+const require_Menubar = require("./components/Menubar/Menubar.cjs");
 const require_Modal_context = require("./components/Modal/Modal.context.cjs");
 const require_ModalBody = require("./components/Modal/ModalBody.cjs");
 const require_ModalCloseButton = require("./components/Modal/ModalCloseButton.cjs");
@@ -428,11 +447,17 @@ exports.ComboboxHeader = require_ComboboxHeader.ComboboxHeader;
 exports.ComboboxHiddenInput = require_ComboboxHiddenInput.ComboboxHiddenInput;
 exports.ComboboxOption = require_ComboboxOption.ComboboxOption;
 exports.ComboboxOptions = require_ComboboxOptions.ComboboxOptions;
+exports.ComboboxPopover = require_ComboboxPopover.ComboboxPopover;
+exports.ComboboxPopoverTarget = require_ComboboxPopoverTarget.ComboboxPopoverTarget;
 exports.ComboboxSearch = require_ComboboxSearch.ComboboxSearch;
 exports.ComboboxTarget = require_ComboboxTarget.ComboboxTarget;
 exports.Container = require_Container.Container;
 exports.CopyButton = require_CopyButton.CopyButton;
 exports.DEFAULT_THEME = require_default_theme.DEFAULT_THEME;
+exports.DataList = require_DataList.DataList;
+exports.DataListItem = require_DataListItem.DataListItem;
+exports.DataListItemLabel = require_DataListItemLabel.DataListItemLabel;
+exports.DataListItemValue = require_DataListItemValue.DataListItemValue;
 exports.Dialog = require_Dialog.Dialog;
 exports.DirectionContext = require_DirectionProvider.DirectionContext;
 exports.DirectionProvider = require_DirectionProvider.DirectionProvider;
@@ -447,6 +472,11 @@ exports.DrawerRoot = require_DrawerRoot.DrawerRoot;
 exports.DrawerStack = require_DrawerStack.DrawerStack;
 exports.DrawerStackContext = require_DrawerStack.DrawerStackContext;
 exports.DrawerTitle = require_DrawerTitle.DrawerTitle;
+exports.EmptyState = require_EmptyState.EmptyState;
+exports.EmptyStateActions = require_EmptyStateActions.EmptyStateActions;
+exports.EmptyStateDescription = require_EmptyStateDescription.EmptyStateDescription;
+exports.EmptyStateIndicator = require_EmptyStateIndicator.EmptyStateIndicator;
+exports.EmptyStateTitle = require_EmptyStateTitle.EmptyStateTitle;
 exports.FLEX_STYLE_PROPS_DATA = require_flex_props.FLEX_STYLE_PROPS_DATA;
 exports.FOCUS_CLASS_NAMES = require_get_global_class_names.FOCUS_CLASS_NAMES;
 exports.Fieldset = require_Fieldset.Fieldset;
@@ -481,6 +511,7 @@ exports.InputDescription = require_InputDescription.InputDescription;
 exports.InputError = require_InputError.InputError;
 exports.InputLabel = require_InputLabel.InputLabel;
 exports.InputPlaceholder = require_InputPlaceholder.InputPlaceholder;
+exports.InputSuccess = require_InputSuccess.InputSuccess;
 exports.InputWrapper = require_InputWrapper.InputWrapper;
 exports.InputWrapperContext = require_InputWrapper_context.InputWrapperContext;
 exports.JsonInput = require_JsonInput.JsonInput;
@@ -513,6 +544,10 @@ exports.MenuSubDropdown = require_MenuSubDropdown.MenuSubDropdown;
 exports.MenuSubItem = require_MenuSubItem.MenuSubItem;
 exports.MenuSubTarget = require_MenuSubTarget.MenuSubTarget;
 exports.MenuTarget = require_MenuTarget.MenuTarget;
+exports.Menubar = require_Menubar.Menubar;
+exports.MenubarDropdown = require_MenubarDropdown.MenubarDropdown;
+exports.MenubarMenu = require_MenubarMenu.MenubarMenu;
+exports.MenubarTarget = require_MenubarTarget.MenubarTarget;
 exports.Modal = require_Modal.Modal;
 exports.ModalBase = require_ModalBase.ModalBase;
 exports.ModalBaseBody = require_ModalBaseBody.ModalBaseBody;
@@ -700,6 +735,7 @@ exports.getStyleObject = require_get_style_object.getStyleObject;
 exports.getThemeColor = require_get_theme_color.getThemeColor;
 exports.getTransitionProps = require_get_transition_props.getTransitionProps;
 exports.getTreeExpandedState = require_use_tree.getTreeExpandedState;
+exports.getVirtualColorContrast = require_get_contrast_color.getVirtualColorContrast;
 exports.hashStyleProps = require_hash_styles.hashStyleProps;
 exports.isColorValid = require_parsers.isColorValid;
 exports.isElement = require_is_element.isElement;
@@ -739,10 +775,12 @@ exports.useCombobox = require_use_combobox.useCombobox;
 exports.useComboboxContext = require_Combobox_context.useComboboxContext;
 exports.useComboboxTargetProps = require_use_combobox_target_props.useComboboxTargetProps;
 exports.useComputedColorScheme = require_use_computed_color_scheme.useComputedColorScheme;
+exports.useDataListContext = require_DataList_context.useDataListContext;
 exports.useDelayedHover = require_use_delayed_hover.useDelayedHover;
 exports.useDirection = require_DirectionProvider.useDirection;
 exports.useDrawerContext = require_Drawer_context.useDrawerContext;
 exports.useDrawersStack = require_use_modals_stack.useDrawersStack;
+exports.useEmptyStateContext = require_EmptyState_context.useEmptyStateContext;
 exports.useGridContext = require_Grid_context.useGridContext;
 exports.useHoverCardContext = require_HoverCard_context.useHoverCardContext;
 exports.useHovered = require_use_hovered.useHovered;
@@ -762,6 +800,8 @@ exports.useMantineTheme = require_MantineThemeProvider.useMantineTheme;
 exports.useMantineWithStaticClasses = require_Mantine_context.useMantineWithStaticClasses;
 exports.useMatches = require_use_matches.useMatches;
 exports.useMenuContext = require_Menu_context.useMenuContext;
+exports.useMenubarContext = require_Menubar_context.useMenubarContext;
+exports.useMenubarMenuContext = require_Menubar_context.useMenubarMenuContext;
 exports.useModalContext = require_Modal_context.useModalContext;
 exports.useModalsStack = require_use_modals_stack.useModalsStack;
 exports.usePaginationContext = require_Pagination_context.usePaginationContext;

package/cjs/utils/Floating/FloatingArrow/FloatingArrow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingArrow.cjs","names":["useDirection","getArrowPositionStyles"],"sources":["../../../../src/utils/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import { useDirection } from '../../../core';\nimport { ArrowPosition, FloatingPosition } from '../types';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\n\ninterface FloatingArrowProps extends React.ComponentProps<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number | undefined;\n  arrowY: number | undefined;\n  visible: boolean | undefined;\n}\n\nexport function FloatingArrow({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  visible,\n  arrowX,\n  arrowY,\n  style,\n  ...others\n}: FloatingArrowProps) {\n  const { dir } = useDirection();\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      {...others}\n      style={{\n        ...style,\n        ...getArrowPositionStyles({\n          position,\n          arrowSize,\n          arrowOffset,\n          arrowRadius,\n          arrowPosition,\n          dir,\n          arrowX,\n          arrowY,\n        }),\n      }}\n    />\n  );\n}\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"mappings":";;;;;AAeA,SAAgB,cAAc,EAC5B,UACA,WACA,aACA,aACA,eACA,SACA,QACA,QACA,OACA,GAAG,UACkB;CACrB,MAAM,EAAE,QAAQA,0BAAAA,aAAa;CAC7B,IAAI,CAAC,SACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,GAAI;EACJ,OAAO;GACL,GAAG;GACH,GAAGC,kCAAAA,uBAAuB;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CACD,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"version":3,"file":"FloatingArrow.cjs","names":["useDirection","getArrowPositionStyles"],"sources":["../../../../src/utils/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import { useDirection } from '../../../core';\nimport { ArrowPosition, FloatingPosition } from '../types';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\n\ninterface FloatingArrowProps extends React.ComponentProps<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number | undefined;\n  arrowY: number | undefined;\n  visible: boolean | undefined;\n}\n\nexport function FloatingArrow({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  visible,\n  arrowX,\n  arrowY,\n  style,\n  ...others\n}: FloatingArrowProps) {\n  const { dir } = useDirection();\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      {...others}\n      style={{\n        ...style,\n        ...getArrowPositionStyles({\n          position,\n          arrowSize,\n          arrowOffset,\n          arrowRadius,\n          arrowPosition,\n          dir,\n          arrowX,\n          arrowY,\n        }),\n      }}\n    />\n  );\n}\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"mappings":";;;;;AAeA,SAAgB,cAAc,EAC5B,UACA,WACA,aACA,aACA,eACA,SACA,QACA,QACA,OACA,GAAG,UACkB;CACrB,MAAM,EAAE,QAAQA,0BAAAA,aAAa;CAC7B,IAAI,CAAC,SACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,OAAO;GACL,GAAG;GACH,GAAGC,kCAAAA,uBAAuB;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CACD,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/cjs/utils/Floating/use-context-menu-handlers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-context-menu-handlers.cjs","names":["createEventHandler"],"sources":["../../../src/utils/Floating/use-context-menu-handlers.ts"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useLongPress } from '@mantine/hooks';\nimport { createEventHandler } from '../../core/utils/create-event-handler/create-event-handler';\n\ninterface UseContextMenuHandlersOptions {\n  /** Props of the child element that opens the dropdown */\n  childProps: Record<string, any>;\n\n  /** If set, right-click trigger is disabled and the browser's default context menu is shown */\n  disabled: boolean | undefined;\n\n  /** Current opened state, used to set `data-expanded` on the child */\n  opened: boolean;\n\n  /** Delay in ms before a touch long-press opens the dropdown, `500` by default */\n  longPressDelay?: number;\n\n  /** Sets the floating reference to a virtual element positioned at the cursor */\n  setReference: (node: object) => void;\n\n  /** Called to open the dropdown after the reference has been set */\n  open: () => void;\n}\n\nexport function useContextMenuHandlers({\n  childProps,\n  disabled,\n  opened,\n  longPressDelay = 500,\n  setReference,\n  open,\n}: UseContextMenuHandlersOptions) {\n  const touchActiveRef = useRef(false);\n  const gestureHandledRef = useRef(false);\n  const touchTargetRef = useRef<object | null>(null);\n  const disabledRef = useRef(disabled);\n  disabledRef.current = disabled;\n\n  const openAtPoint = (clientX: number, clientY: number, contextElement: object | null) => {\n    setReference({\n      getBoundingClientRect: () => ({\n        x: clientX,\n        y: clientY,\n        width: 0,\n        height: 0,\n        top: clientY,\n        left: clientX,\n        right: clientX,\n        bottom: clientY,\n        toJSON: () => undefined,\n      }),\n      contextElement,\n    });\n\n    open();\n  };\n\n  const onMouseDown = createEventHandler<any>(\n    childProps.onMouseDown,\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        return;\n      }\n      if (event.button === 2) {\n        event.stopPropagation();\n      }\n    }\n  );\n\n  const onContextMenu = createEventHandler<any>(\n    childProps.onContextMenu,\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled || event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (gestureHandledRef.current) {\n        return;\n      }\n\n      openAtPoint(event.clientX, event.clientY, event.currentTarget);\n\n      if (touchActiveRef.current) {\n        gestureHandledRef.current = true;\n      }\n    }\n  );\n\n  const longPressHandlers = useLongPress(\n    (event) => {\n      if (disabledRef.current || gestureHandledRef.current) {\n        return;\n      }\n\n      const touchEvent = event as React.TouchEvent<HTMLElement>;\n      const touch = touchEvent.touches[0] ?? touchEvent.changedTouches[0];\n      if (!touch) {\n        return;\n      }\n\n      openAtPoint(touch.clientX, touch.clientY, touchTargetRef.current);\n      gestureHandledRef.current = true;\n    },\n    {\n      threshold: longPressDelay,\n      events: ['touch'],\n      cancelOnMove: true,\n      onStart: (event) => {\n        touchActiveRef.current = true;\n        gestureHandledRef.current = false;\n        touchTargetRef.current = event.currentTarget;\n      },\n      onFinish: (event) => {\n        touchActiveRef.current = false;\n        gestureHandledRef.current = false;\n        if (!disabledRef.current) {\n          event.preventDefault();\n        }\n      },\n      onCancel: () => {\n        touchActiveRef.current = false;\n        gestureHandledRef.current = false;\n      },\n    }\n  );\n\n  const onTouchStart = createEventHandler<any>(\n    childProps.onTouchStart,\n    longPressHandlers.onTouchStart\n  );\n  const onTouchEnd = createEventHandler<any>(childProps.onTouchEnd, longPressHandlers.onTouchEnd);\n  const onTouchCancel = createEventHandler<any>(\n    childProps.onTouchCancel,\n    longPressHandlers.onTouchCancel\n  );\n  const onTouchMove = createEventHandler<any>(\n    childProps.onTouchMove,\n    longPressHandlers.onTouchMove\n  );\n\n  return {\n    onContextMenu,\n    onMouseDown,\n    onTouchStart,\n    onTouchEnd,\n    onTouchCancel,\n    onTouchMove,\n    style: disabled\n      ? childProps.style\n      : {\n          ...childProps.style,\n          WebkitTouchCallout: 'none',\n          WebkitUserSelect: 'none',\n          userSelect: 'none',\n        },\n    'data-expanded': opened ? true : undefined,\n  };\n}\n"],"mappings":";;;;;AAwBA,SAAgB,uBAAuB,EACrC,YACA,UACA,QACA,iBAAiB,KACjB,cACA,QACgC;CAChC,MAAM,kBAAA,GAAA,MAAA,QAAwB,KAAK;CACnC,MAAM,qBAAA,GAAA,MAAA,QAA2B,KAAK;CACtC,MAAM,kBAAA,GAAA,MAAA,QAAuC,IAAI;CACjD,MAAM,eAAA,GAAA,MAAA,QAAqB,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,eAAe,SAAiB,SAAiB,mBAAkC;EACvF,aAAa;GACX,8BAA8B;IAC5B,GAAG;IACH,GAAG;IACH,OAAO;IACP,QAAQ;IACR,KAAK;IACL,MAAM;IACN,OAAO;IACP,QAAQ;IACR,cAAc,KAAA;GAChB;GACA;EACF,CAAC;EAED,KAAK;CACP;CAEA,MAAM,cAAcA,6BAAAA,mBAClB,WAAW,cACV,UAAyC;EACxC,IAAI,UACF;EAEF,IAAI,MAAM,WAAW,GACnB,MAAM,gBAAgB;CAE1B,CACF;CAEA,MAAM,gBAAgBA,6BAAAA,mBACpB,WAAW,gBACV,UAAyC;EACxC,IAAI,YAAY,MAAM,kBACpB;EAGF,MAAM,eAAe;EAErB,IAAI,kBAAkB,SACpB;EAGF,YAAY,MAAM,SAAS,MAAM,SAAS,MAAM,aAAa;EAE7D,IAAI,eAAe,SACjB,kBAAkB,UAAU;CAEhC,CACF;CAEA,MAAM,qBAAA,GAAA,eAAA,eACH,UAAU;EACT,IAAI,YAAY,WAAW,kBAAkB,SAC3C;EAGF,MAAM,aAAa;EACnB,MAAM,QAAQ,WAAW,QAAQ,MAAM,WAAW,eAAe;EACjE,IAAI,CAAC,OACH;EAGF,YAAY,MAAM,SAAS,MAAM,SAAS,eAAe,OAAO;EAChE,kBAAkB,UAAU;CAC9B,GACA;EACE,WAAW;EACX,QAAQ,CAAC,OAAO;EAChB,cAAc;EACd,UAAU,UAAU;GAClB,eAAe,UAAU;GACzB,kBAAkB,UAAU;GAC5B,eAAe,UAAU,MAAM;EACjC;EACA,WAAW,UAAU;GACnB,eAAe,UAAU;GACzB,kBAAkB,UAAU;GAC5B,IAAI,CAAC,YAAY,SACf,MAAM,eAAe;EAEzB;EACA,gBAAgB;GACd,eAAe,UAAU;GACzB,kBAAkB,UAAU;EAC9B;CACF,CACF;CAgBA,OAAO;EACL;EACA;EACA,cAjBmBA,6BAAAA,mBACnB,WAAW,cACX,kBAAkB,YAeP;EACX,YAdiBA,6BAAAA,mBAAwB,WAAW,YAAY,kBAAkB,UAczE;EACT,eAdoBA,6BAAAA,mBACpB,WAAW,eACX,kBAAkB,aAYN;EACZ,aAXkBA,6BAAAA,mBAClB,WAAW,aACX,kBAAkB,WASR;EACV,OAAO,WACH,WAAW,QACX;GACE,GAAG,WAAW;GACd,oBAAoB;GACpB,kBAAkB;GAClB,YAAY;EACd;EACJ,iBAAiB,SAAS,OAAO,KAAA;CACnC;AACF"}
+{"version":3,"file":"use-context-menu-handlers.cjs","names":["createEventHandler"],"sources":["../../../src/utils/Floating/use-context-menu-handlers.ts"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useLongPress } from '@mantine/hooks';\nimport { createEventHandler } from '../../core/utils/create-event-handler/create-event-handler';\n\ninterface UseContextMenuHandlersOptions {\n  /** Props of the child element that opens the dropdown */\n  childProps: Record<string, any>;\n\n  /** If set, right-click trigger is disabled and the browser's default context menu is shown */\n  disabled: boolean | undefined;\n\n  /** Current opened state, used to set `data-expanded` on the child */\n  opened: boolean;\n\n  /** Delay in ms before a touch long-press opens the dropdown, `500` by default */\n  longPressDelay?: number;\n\n  /** Sets the floating reference to a virtual element positioned at the cursor */\n  setReference: (node: object) => void;\n\n  /** Called to open the dropdown after the reference has been set */\n  open: () => void;\n}\n\nexport function useContextMenuHandlers({\n  childProps,\n  disabled,\n  opened,\n  longPressDelay = 500,\n  setReference,\n  open,\n}: UseContextMenuHandlersOptions) {\n  const touchActiveRef = useRef(false);\n  const gestureHandledRef = useRef(false);\n  const touchTargetRef = useRef<object | null>(null);\n  const disabledRef = useRef(disabled);\n  disabledRef.current = disabled;\n\n  const openAtPoint = (clientX: number, clientY: number, contextElement: object | null) => {\n    setReference({\n      getBoundingClientRect: () => ({\n        x: clientX,\n        y: clientY,\n        width: 0,\n        height: 0,\n        top: clientY,\n        left: clientX,\n        right: clientX,\n        bottom: clientY,\n        toJSON: () => undefined,\n      }),\n      contextElement,\n    });\n\n    open();\n  };\n\n  const onMouseDown = createEventHandler<any>(\n    childProps.onMouseDown,\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        return;\n      }\n      if (event.button === 2) {\n        event.stopPropagation();\n      }\n    }\n  );\n\n  const onContextMenu = createEventHandler<any>(\n    childProps.onContextMenu,\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled || event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n\n      if (gestureHandledRef.current) {\n        return;\n      }\n\n      openAtPoint(event.clientX, event.clientY, event.currentTarget);\n\n      if (touchActiveRef.current) {\n        gestureHandledRef.current = true;\n      }\n    }\n  );\n\n  const longPressHandlers = useLongPress(\n    (event) => {\n      if (disabledRef.current || gestureHandledRef.current) {\n        return;\n      }\n\n      const touchEvent = event as React.TouchEvent<HTMLElement>;\n      const touch = touchEvent.touches[0] ?? touchEvent.changedTouches[0];\n      if (!touch) {\n        return;\n      }\n\n      openAtPoint(touch.clientX, touch.clientY, touchTargetRef.current);\n      gestureHandledRef.current = true;\n    },\n    {\n      threshold: longPressDelay,\n      events: ['touch'],\n      cancelOnMove: true,\n      onStart: (event) => {\n        touchActiveRef.current = true;\n        gestureHandledRef.current = false;\n        touchTargetRef.current = event.currentTarget;\n      },\n      onFinish: (event) => {\n        touchActiveRef.current = false;\n        gestureHandledRef.current = false;\n        if (!disabledRef.current) {\n          event.preventDefault();\n        }\n      },\n      onCancel: () => {\n        touchActiveRef.current = false;\n        gestureHandledRef.current = false;\n      },\n    }\n  );\n\n  const onTouchStart = createEventHandler<any>(\n    childProps.onTouchStart,\n    longPressHandlers.onTouchStart\n  );\n  const onTouchEnd = createEventHandler<any>(childProps.onTouchEnd, longPressHandlers.onTouchEnd);\n  const onTouchCancel = createEventHandler<any>(\n    childProps.onTouchCancel,\n    longPressHandlers.onTouchCancel\n  );\n  const onTouchMove = createEventHandler<any>(\n    childProps.onTouchMove,\n    longPressHandlers.onTouchMove\n  );\n\n  return {\n    onContextMenu,\n    onMouseDown,\n    onTouchStart,\n    onTouchEnd,\n    onTouchCancel,\n    onTouchMove,\n    style: disabled\n      ? childProps.style\n      : {\n          ...childProps.style,\n          WebkitTouchCallout: 'none',\n          WebkitUserSelect: 'none',\n          userSelect: 'none',\n        },\n    'data-expanded': opened ? true : undefined,\n  };\n}\n"],"mappings":";;;;;AAwBA,SAAgB,uBAAuB,EACrC,YACA,UACA,QACA,iBAAiB,KACjB,cACA,QACgC;CAChC,MAAM,kBAAA,GAAA,MAAA,OAAA,CAAwB,KAAK;CACnC,MAAM,qBAAA,GAAA,MAAA,OAAA,CAA2B,KAAK;CACtC,MAAM,kBAAA,GAAA,MAAA,OAAA,CAAuC,IAAI;CACjD,MAAM,eAAA,GAAA,MAAA,OAAA,CAAqB,QAAQ;CACnC,YAAY,UAAU;CAEtB,MAAM,eAAe,SAAiB,SAAiB,mBAAkC;EACvF,aAAa;GACX,8BAA8B;IAC5B,GAAG;IACH,GAAG;IACH,OAAO;IACP,QAAQ;IACR,KAAK;IACL,MAAM;IACN,OAAO;IACP,QAAQ;IACR,cAAc,KAAA;GAChB;GACA;EACF,CAAC;EAED,KAAK;CACP;CAEA,MAAM,cAAcA,6BAAAA,mBAClB,WAAW,cACV,UAAyC;EACxC,IAAI,UACF;EAEF,IAAI,MAAM,WAAW,GACnB,MAAM,gBAAgB;CAE1B,CACF;CAEA,MAAM,gBAAgBA,6BAAAA,mBACpB,WAAW,gBACV,UAAyC;EACxC,IAAI,YAAY,MAAM,kBACpB;EAGF,MAAM,eAAe;EAErB,IAAI,kBAAkB,SACpB;EAGF,YAAY,MAAM,SAAS,MAAM,SAAS,MAAM,aAAa;EAE7D,IAAI,eAAe,SACjB,kBAAkB,UAAU;CAEhC,CACF;CAEA,MAAM,qBAAA,GAAA,eAAA,aAAA,EACH,UAAU;EACT,IAAI,YAAY,WAAW,kBAAkB,SAC3C;EAGF,MAAM,aAAa;EACnB,MAAM,QAAQ,WAAW,QAAQ,MAAM,WAAW,eAAe;EACjE,IAAI,CAAC,OACH;EAGF,YAAY,MAAM,SAAS,MAAM,SAAS,eAAe,OAAO;EAChE,kBAAkB,UAAU;CAC9B,GACA;EACE,WAAW;EACX,QAAQ,CAAC,OAAO;EAChB,cAAc;EACd,UAAU,UAAU;GAClB,eAAe,UAAU;GACzB,kBAAkB,UAAU;GAC5B,eAAe,UAAU,MAAM;EACjC;EACA,WAAW,UAAU;GACnB,eAAe,UAAU;GACzB,kBAAkB,UAAU;GAC5B,IAAI,CAAC,YAAY,SACf,MAAM,eAAe;EAEzB;EACA,gBAAgB;GACd,eAAe,UAAU;GACzB,kBAAkB,UAAU;EAC9B;CACF,CACF;CAgBA,OAAO;EACL;EACA;EACA,cAjBmBA,6BAAAA,mBACnB,WAAW,cACX,kBAAkB,YAeP;EACX,YAdiBA,6BAAAA,mBAAwB,WAAW,YAAY,kBAAkB,UAczE;EACT,eAdoBA,6BAAAA,mBACpB,WAAW,eACX,kBAAkB,aAYN;EACZ,aAXkBA,6BAAAA,mBAClB,WAAW,aACX,kBAAkB,WASR;EACV,OAAO,WACH,WAAW,QACX;GACE,GAAG,WAAW;GACd,oBAAoB;GACpB,kBAAkB;GAClB,YAAY;EACd;EACJ,iBAAiB,SAAS,OAAO,KAAA;CACnC;AACF"}

package/cjs/utils/Floating/use-delayed-hover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-delayed-hover.cjs","names":[],"sources":["../../../src/utils/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ninterface UseDelayedHoverInput {\n  open: () => void;\n  close: () => void;\n  openDelay: number | undefined;\n  closeDelay: number | undefined;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0 || openDelay === undefined) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0 || closeDelay === undefined) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"mappings":";;;AASA,SAAgB,gBAAgB,EAAE,MAAM,OAAO,WAAW,cAAoC;CAC5F,MAAM,eAAA,GAAA,MAAA,QAAqB,EAAE;CAC7B,MAAM,gBAAA,GAAA,MAAA,QAAsB,EAAE;CAE9B,MAAM,sBAAsB;EAC1B,OAAO,aAAa,YAAY,OAAO;EACvC,OAAO,aAAa,aAAa,OAAO;CAC1C;CAEA,MAAM,qBAAqB;EACzB,cAAc;EAEd,IAAI,cAAc,KAAK,cAAc,KAAA,GACnC,KAAK;OAEL,YAAY,UAAU,OAAO,WAAW,MAAM,SAAS;CAE3D;CAEA,MAAM,sBAAsB;EAC1B,cAAc;EAEd,IAAI,eAAe,KAAK,eAAe,KAAA,GACrC,MAAM;OAEN,aAAa,UAAU,OAAO,WAAW,OAAO,UAAU;CAE9D;CAEA,CAAA,GAAA,MAAA,iBAAgB,eAAe,CAAC,CAAC;CAEjC,OAAO;EAAE;EAAc;CAAc;AACvC"}
+{"version":3,"file":"use-delayed-hover.cjs","names":[],"sources":["../../../src/utils/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ninterface UseDelayedHoverInput {\n  open: () => void;\n  close: () => void;\n  openDelay: number | undefined;\n  closeDelay: number | undefined;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0 || openDelay === undefined) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0 || closeDelay === undefined) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"mappings":";;;AASA,SAAgB,gBAAgB,EAAE,MAAM,OAAO,WAAW,cAAoC;CAC5F,MAAM,eAAA,GAAA,MAAA,OAAA,CAAqB,EAAE;CAC7B,MAAM,gBAAA,GAAA,MAAA,OAAA,CAAsB,EAAE;CAE9B,MAAM,sBAAsB;EAC1B,OAAO,aAAa,YAAY,OAAO;EACvC,OAAO,aAAa,aAAa,OAAO;CAC1C;CAEA,MAAM,qBAAqB;EACzB,cAAc;EAEd,IAAI,cAAc,KAAK,cAAc,KAAA,GACnC,KAAK;OAEL,YAAY,UAAU,OAAO,WAAW,MAAM,SAAS;CAE3D;CAEA,MAAM,sBAAsB;EAC1B,cAAc;EAEd,IAAI,eAAe,KAAK,eAAe,KAAA,GACrC,MAAM;OAEN,aAAa,UAAU,OAAO,WAAW,OAAO,UAAU;CAE9D;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB,eAAe,CAAC,CAAC;CAEjC,OAAO;EAAE;EAAc;CAAc;AACvC"}

package/cjs/utils/InlineInput/InlineInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.cjs","names":["classes","useStyles","Box","getFontSize","getSize","Input"],"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,2BAAAA;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,YAAYC,mBAAAA,UAA8B;EAC9C,MAAM;EACN,OAAO;EACP;EACA;EACA,SAAA,2BAAA;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,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,QAAQ;GACN,cAAcC,iBAAAA,YAAY,IAAI;GAC9B,cAAcC,iBAAAA,QAAQ,MAAM,UAAU;EACxC;EACA,KAAK,CAAC,EAAE,kBAAkB,cAAc,GAAG,GAAG;EACrC;EACH;EACN,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAACF,YAAAA,KAAD;GACE,WAAW;GACX,SAAS,gBAAgB,UAAU,KAAK,KAAA;GACxC,GAAI,UAAU,MAAM;aAHtB,CAKG,UAED,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,cAAc;IAAG,iBAAe,YAAY,KAAA;cAA/D;KACG,SACC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;MACE,WAAW;MACX,SAAS,iBAAiB,UAAU,KAAK,KAAA;MACzC,GAAI,UAAU,OAAO;MACrB,iBAAe,YAAY,KAAA;gBAE1B;KACE,CAAA;KAGN,eACC,iBAAA,GAAA,kBAAA,KAACG,cAAAA,MAAM,aAAP;MACE,IAAI;MACE;MACN,iBAAiB;MACjB,GAAI,UAAU,aAAa;gBAE1B;KACgB,CAAA;KAGpB,SAAS,OAAO,UAAU,aACzB,iBAAA,GAAA,kBAAA,KAACA,cAAAA,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.cjs","names":["classes","useStyles","Box","getFontSize","getSize","Input"],"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,2BAAAA;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,YAAYC,mBAAAA,UAA8B;EAC9C,MAAM;EACN,OAAO;EACP;EACA;EACA,SAAA,2BAAA;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,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,QAAQ;GACN,cAAcC,iBAAAA,YAAY,IAAI;GAC9B,cAAcC,iBAAAA,QAAQ,MAAM,UAAU;EACxC;EACA,KAAK,CAAC,EAAE,kBAAkB,cAAc,GAAG,GAAG;EACrC;EACH;EACN,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAA,CAACF,YAAAA,KAAD;GACE,WAAW;GACX,SAAS,gBAAgB,UAAU,KAAK,KAAA;GACxC,GAAI,UAAU,MAAM;aAHtB,CAKG,UAED,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,GAAI,UAAU,cAAc;IAAG,iBAAe,YAAY,KAAA;cAA/D;KACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;MACE,WAAW;MACX,SAAS,iBAAiB,UAAU,KAAK,KAAA;MACzC,GAAI,UAAU,OAAO;MACrB,iBAAe,YAAY,KAAA;gBAE1B;KACE,CAAA;KAGN,eACC,iBAAA,GAAA,kBAAA,IAAA,CAACG,cAAAA,MAAM,aAAP;MACE,IAAI;MACE;MACN,iBAAiB;MACjB,GAAI,UAAU,aAAa;gBAE1B;KACgB,CAAA;KAGpB,SAAS,OAAO,UAAU,aACzB,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,MAAM,OAAP;MAAa,IAAI;MAAe;MAAM,iBAAiB;MAAO,GAAI,UAAU,OAAO;gBAChF;KACU,CAAA;IAEZ;KACF;;CACF,CAAA;AAET;AAEA,YAAY,cAAc"}

package/cjs/utils/InputsGroupFieldset/InputsGroupFieldset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputsGroupFieldset.cjs","names":["InputWrapperContext"],"sources":["../../../src/utils/InputsGroupFieldset/InputsGroupFieldset.tsx"],"sourcesContent":["import { use } from 'react';\nimport { InputWrapperContext } from '../../components/Input';\n\ninterface InputsGroupFieldsetProps {\n  children: React.ReactNode;\n  role: 'radiogroup' | 'group';\n}\n\nexport function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps) {\n  const ctx = use(InputWrapperContext);\n\n  if (!ctx) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div role={role} aria-labelledby={ctx.labelId} aria-describedby={ctx.describedBy}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,oBAAoB,EAAE,UAAU,QAAkC;CAChF,MAAM,OAAA,GAAA,MAAA,KAAUA,6BAAAA,mBAAmB;CAEnC,IAAI,CAAC,KACH,OAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,SAAW,CAAA;CAGvB,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAW;EAAM,mBAAiB,IAAI;EAAS,oBAAkB,IAAI;EAClE;CACE,CAAA;AAET"}
+{"version":3,"file":"InputsGroupFieldset.cjs","names":["InputWrapperContext"],"sources":["../../../src/utils/InputsGroupFieldset/InputsGroupFieldset.tsx"],"sourcesContent":["import { use } from 'react';\nimport { InputWrapperContext } from '../../components/Input';\n\ninterface InputsGroupFieldsetProps {\n  children: React.ReactNode;\n  role: 'radiogroup' | 'group';\n}\n\nexport function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps) {\n  const ctx = use(InputWrapperContext);\n\n  if (!ctx) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div role={role} aria-labelledby={ctx.labelId} aria-describedby={ctx.describedBy}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,oBAAoB,EAAE,UAAU,QAAkC;CAChF,MAAM,OAAA,GAAA,MAAA,IAAA,CAAUA,6BAAAA,mBAAmB;CAEnC,IAAI,CAAC,KACH,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAA,kBAAA,UAAA,EAAG,SAAW,CAAA;CAGvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAW;EAAM,mBAAiB,IAAI;EAAS,oBAAkB,IAAI;EAClE;CACE,CAAA;AAET"}

package/esm/components/Accordion/Accordion.mjs

@@ -18,6 +18,7 @@ import { jsx } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Accordion/Accordion.tsx
 const defaultProps = {
 	multiple: false,
+	loop: true,
 	disableChevronRotation: false,
 	chevronPosition: "right",
 	variant: "default",

package/esm/components/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":["classes"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getRadius,\n  getSafeId,\n  MantineRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionProvider } from './Accordion.context';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionControl, type AccordionControlProps } from './AccordionControl/AccordionControl';\nimport { AccordionItem, type AccordionItemProps } from './AccordionItem/AccordionItem';\nimport { AccordionPanel, type AccordionPanelProps } from './AccordionPanel/AccordionPanel';\nimport classes from './Accordion.module.css';\nimport type { AccordionItemContextValue } from './AccordionItem.context';\nexport type AccordionStylesNames =\n  | 'root'\n  | 'content'\n  | 'item'\n  | 'panel'\n  | 'icon'\n  | 'chevron'\n  | 'label'\n  | 'itemTitle'\n  | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n  root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n  extends\n    BoxProps,\n    StylesApiProps<AccordionFactory>,\n    ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n  /** If set, multiple items can be opened at the same time */\n  multiple?: Multiple;\n\n  /** Controlled component value */\n  value?: AccordionValue<Multiple>;\n\n  /** Uncontrolled component default value */\n  defaultValue?: AccordionValue<Multiple>;\n\n  /** Called when value changes, payload type depends on `multiple` prop */\n  onChange?: (value: AccordionValue<Multiple>) => void;\n\n  /** If set, arrow keys loop through items (first to last and last to first) @default true */\n  loop?: boolean;\n\n  /** Transition duration in ms @default 200 */\n  transitionDuration?: number;\n\n  /** If set, chevron rotation is disabled */\n  disableChevronRotation?: boolean;\n\n  /** Position of the chevron relative to the item label @default right */\n  chevronPosition?: AccordionChevronPosition;\n\n  /** Size of the chevron icon container @default auto */\n  chevronSize?: number | string;\n\n  /** Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron. @default 16 */\n  chevronIconSize?: number | string;\n\n  /** Sets heading level (h2-h6) for `Accordion.Control` elements to meet WAI-ARIA requirements. Has no visual effect. */\n  order?: AccordionHeadingOrder;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. */\n  keepMounted?: boolean;\n}\n\nexport type AccordionFactory = Factory<{\n  props: AccordionProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionStylesNames;\n  vars: AccordionCssVariables;\n  variant: AccordionVariant;\n  signature: <Multiple extends boolean = false>(\n    props: AccordionProps<Multiple>\n  ) => React.JSX.Element;\n  staticComponents: {\n    Item: typeof AccordionItem;\n    Panel: typeof AccordionPanel;\n    Control: typeof AccordionControl;\n    Chevron: typeof AccordionChevron;\n  };\n}>;\n\nconst defaultProps = {\n  multiple: false,\n  disableChevronRotation: false,\n  chevronPosition: 'right',\n  variant: 'default',\n  chevronSize: 'auto',\n  chevronIconSize: 16,\n} satisfies Partial<AccordionProps>;\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n  (_, { transitionDuration, chevronSize, radius }) => ({\n    root: {\n      '--accordion-transition-duration':\n        transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n      '--accordion-chevron-size': chevronSize === undefined ? undefined : rem(chevronSize),\n      '--accordion-radius': radius === undefined ? undefined : getRadius(radius),\n    },\n  })\n);\n\nexport const Accordion = genericFactory<AccordionFactory>((_props) => {\n  const props = useProps('Accordion', defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    multiple,\n    value,\n    defaultValue,\n    onChange,\n    id,\n    loop,\n    transitionDuration,\n    disableChevronRotation,\n    chevronPosition,\n    chevronSize,\n    order,\n    chevron,\n    variant,\n    radius,\n    chevronIconSize,\n    attributes,\n    keepMounted,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: multiple ? ([] as any) : null,\n    onChange,\n  });\n\n  const isItemActive = (itemValue: string) =>\n    Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n  const handleItemChange = (itemValue: string) => {\n    const nextValue = Array.isArray(_value)\n      ? _value.includes(itemValue)\n        ? _value.filter((selectedValue) => selectedValue !== itemValue)\n        : [..._value, itemValue]\n      : itemValue === _value\n        ? null\n        : (itemValue as any);\n\n    handleChange(nextValue);\n  };\n\n  const getStyles = useStyles<AccordionFactory>({\n    name: 'Accordion',\n    classes,\n    props: props as AccordionProps,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <AccordionProvider\n      value={{\n        isItemActive,\n        onChange: handleItemChange,\n        getControlId: getSafeId(\n          `${uid}-control`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        getRegionId: getSafeId(\n          `${uid}-panel`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        chevron: chevron === null ? null : chevron || <AccordionChevron size={chevronIconSize} />,\n        transitionDuration,\n        disableChevronRotation,\n        chevronPosition,\n        order,\n        loop,\n        getStyles,\n        variant,\n        unstyled,\n        keepMounted,\n      }}\n    >\n      <Box {...getStyles('root')} id={uid} {...others} variant={variant} data-accordion>\n        {children}\n      </Box>\n    </AccordionProvider>\n  );\n});\n\nAccordion.classes = classes;\nAccordion.varsResolver = varsResolver;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n\nexport namespace Accordion {\n  export type Props = AccordionProps;\n  export type StylesNames = AccordionStylesNames;\n  export type CssVariables = AccordionCssVariables;\n  export type Factory = AccordionFactory;\n  export type Variant = AccordionVariant;\n\n  export namespace Control {\n    export type Props = AccordionControlProps;\n  }\n\n  export namespace Item {\n    export type Props = AccordionItemProps;\n    export type Context = AccordionItemContextValue;\n  }\n\n  export namespace Panel {\n    export type Props = AccordionPanelProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyGA,MAAM,eAAe;CACnB,UAAU;CACV,wBAAwB;CACxB,iBAAiB;CACjB,SAAS;CACT,aAAa;CACb,iBAAiB;AACnB;AAEA,MAAM,eAAe,oBAClB,GAAG,EAAE,oBAAoB,aAAa,cAAc,EACnD,MAAM;CACJ,mCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,4BAA4B,gBAAgB,KAAA,IAAY,KAAA,IAAY,IAAI,WAAW;CACnF,sBAAsB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;AAC3E,EACF,EACF;AAEA,MAAa,YAAY,gBAAkC,WAAW;CACpE,MAAM,QAAQ,SAAS,aAAa,cAAqB,MAAM;CAC/D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,UACA,OACA,cACA,UACA,IACA,MACA,oBACA,wBACA,iBACA,aACA,OACA,SACA,SACA,QACA,iBACA,YACA,aACA,GAAG,WACD;CAEJ,MAAM,MAAM,MAAM,EAAE;CACpB,MAAM,CAAC,QAAQ,gBAAgB,gBAAgB;EAC7C;EACA;EACA,YAAY,WAAY,CAAC,IAAY;EACrC;CACF,CAAC;CAED,MAAM,gBAAgB,cACpB,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,cAAc;CAErE,MAAM,oBAAoB,cAAsB;EAS9C,aARkB,MAAM,QAAQ,MAAM,IAClC,OAAO,SAAS,SAAS,IACvB,OAAO,QAAQ,kBAAkB,kBAAkB,SAAS,IAC5D,CAAC,GAAG,QAAQ,SAAS,IACvB,cAAc,SACZ,OACC,SAEe;CACxB;CAEA,MAAM,YAAY,UAA4B;EAC5C,MAAM;EACN,SAAA;EACO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,mBAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,cAAc,UACZ,GAAG,IAAI,WACP,2EACF;GACA,aAAa,UACX,GAAG,IAAI,SACP,2EACF;GACA,SAAS,YAAY,OAAO,OAAO,WAAW,oBAAC,kBAAD,EAAkB,MAAM,gBAAkB,CAAA;GACxF;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;YAEA,oBAAC,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,IAAI;GAAK,GAAI;GAAiB;GAAS,kBAAA;GAChE;EACE,CAAA;CACY,CAAA;AAEvB,CAAC;AAED,UAAU,UAAUA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,UAAU,OAAO;AACjB,UAAU,QAAQ;AAClB,UAAU,UAAU;AACpB,UAAU,UAAU"}
+{"version":3,"file":"Accordion.mjs","names":["classes"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getRadius,\n  getSafeId,\n  MantineRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionProvider } from './Accordion.context';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionControl, type AccordionControlProps } from './AccordionControl/AccordionControl';\nimport { AccordionItem, type AccordionItemProps } from './AccordionItem/AccordionItem';\nimport { AccordionPanel, type AccordionPanelProps } from './AccordionPanel/AccordionPanel';\nimport classes from './Accordion.module.css';\nimport type { AccordionItemContextValue } from './AccordionItem.context';\nexport type AccordionStylesNames =\n  | 'root'\n  | 'content'\n  | 'item'\n  | 'panel'\n  | 'icon'\n  | 'chevron'\n  | 'label'\n  | 'itemTitle'\n  | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n  root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n  extends\n    BoxProps,\n    StylesApiProps<AccordionFactory>,\n    ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n  /** If set, multiple items can be opened at the same time @default false */\n  multiple?: Multiple;\n\n  /** Controlled component value */\n  value?: AccordionValue<Multiple>;\n\n  /** Uncontrolled component default value */\n  defaultValue?: AccordionValue<Multiple>;\n\n  /** Called when value changes, payload type depends on `multiple` prop */\n  onChange?: (value: AccordionValue<Multiple>) => void;\n\n  /** If set, arrow keys loop through items (first to last and last to first) @default true */\n  loop?: boolean;\n\n  /** Transition duration in ms @default 200 */\n  transitionDuration?: number;\n\n  /** If set, chevron rotation is disabled @default false */\n  disableChevronRotation?: boolean;\n\n  /** Position of the chevron relative to the item label @default right */\n  chevronPosition?: AccordionChevronPosition;\n\n  /** Size of the chevron icon container @default auto */\n  chevronSize?: number | string;\n\n  /** Size of the default chevron icon. Ignored when `chevron` prop is set. Use `chevronSize` instead when using custom chevron. @default 16 */\n  chevronIconSize?: number | string;\n\n  /** 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. */\n  order?: AccordionHeadingOrder;\n\n  /** Custom chevron icon */\n  chevron?: React.ReactNode;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** If set to `false`, panels are unmounted when collapsed. By default, panels stay mounted when collapsed. @default true */\n  keepMounted?: boolean;\n}\n\nexport type AccordionFactory = Factory<{\n  props: AccordionProps;\n  ref: HTMLDivElement;\n  stylesNames: AccordionStylesNames;\n  vars: AccordionCssVariables;\n  variant: AccordionVariant;\n  signature: <Multiple extends boolean = false>(\n    props: AccordionProps<Multiple>\n  ) => React.JSX.Element;\n  staticComponents: {\n    Item: typeof AccordionItem;\n    Panel: typeof AccordionPanel;\n    Control: typeof AccordionControl;\n    Chevron: typeof AccordionChevron;\n  };\n}>;\n\nconst defaultProps = {\n  multiple: false,\n  loop: true,\n  disableChevronRotation: false,\n  chevronPosition: 'right',\n  variant: 'default',\n  chevronSize: 'auto',\n  chevronIconSize: 16,\n} satisfies Partial<AccordionProps>;\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n  (_, { transitionDuration, chevronSize, radius }) => ({\n    root: {\n      '--accordion-transition-duration':\n        transitionDuration === undefined ? undefined : `${transitionDuration}ms`,\n      '--accordion-chevron-size': chevronSize === undefined ? undefined : rem(chevronSize),\n      '--accordion-radius': radius === undefined ? undefined : getRadius(radius),\n    },\n  })\n);\n\nexport const Accordion = genericFactory<AccordionFactory>((_props) => {\n  const props = useProps('Accordion', defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    multiple,\n    value,\n    defaultValue,\n    onChange,\n    id,\n    loop,\n    transitionDuration,\n    disableChevronRotation,\n    chevronPosition,\n    chevronSize,\n    order,\n    chevron,\n    variant,\n    radius,\n    chevronIconSize,\n    attributes,\n    keepMounted,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n  const [_value, handleChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: multiple ? ([] as any) : null,\n    onChange,\n  });\n\n  const isItemActive = (itemValue: string) =>\n    Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n  const handleItemChange = (itemValue: string) => {\n    const nextValue = Array.isArray(_value)\n      ? _value.includes(itemValue)\n        ? _value.filter((selectedValue) => selectedValue !== itemValue)\n        : [..._value, itemValue]\n      : itemValue === _value\n        ? null\n        : (itemValue as any);\n\n    handleChange(nextValue);\n  };\n\n  const getStyles = useStyles<AccordionFactory>({\n    name: 'Accordion',\n    classes,\n    props: props as AccordionProps,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <AccordionProvider\n      value={{\n        isItemActive,\n        onChange: handleItemChange,\n        getControlId: getSafeId(\n          `${uid}-control`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        getRegionId: getSafeId(\n          `${uid}-panel`,\n          'Accordion.Item component was rendered with invalid value or without value'\n        ),\n        chevron: chevron === null ? null : chevron || <AccordionChevron size={chevronIconSize} />,\n        transitionDuration,\n        disableChevronRotation,\n        chevronPosition,\n        order,\n        loop,\n        getStyles,\n        variant,\n        unstyled,\n        keepMounted,\n      }}\n    >\n      <Box {...getStyles('root')} id={uid} {...others} variant={variant} data-accordion>\n        {children}\n      </Box>\n    </AccordionProvider>\n  );\n});\n\nAccordion.classes = classes;\nAccordion.varsResolver = varsResolver;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n\nexport namespace Accordion {\n  export type Props = AccordionProps;\n  export type StylesNames = AccordionStylesNames;\n  export type CssVariables = AccordionCssVariables;\n  export type Factory = AccordionFactory;\n  export type Variant = AccordionVariant;\n\n  export namespace Control {\n    export type Props = AccordionControlProps;\n  }\n\n  export namespace Item {\n    export type Props = AccordionItemProps;\n    export type Context = AccordionItemContextValue;\n  }\n\n  export namespace Panel {\n    export type Props = AccordionPanelProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyGA,MAAM,eAAe;CACnB,UAAU;CACV,MAAM;CACN,wBAAwB;CACxB,iBAAiB;CACjB,SAAS;CACT,aAAa;CACb,iBAAiB;AACnB;AAEA,MAAM,eAAe,oBAClB,GAAG,EAAE,oBAAoB,aAAa,cAAc,EACnD,MAAM;CACJ,mCACE,uBAAuB,KAAA,IAAY,KAAA,IAAY,GAAG,mBAAmB;CACvE,4BAA4B,gBAAgB,KAAA,IAAY,KAAA,IAAY,IAAI,WAAW;CACnF,sBAAsB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;AAC3E,EACF,EACF;AAEA,MAAa,YAAY,gBAAkC,WAAW;CACpE,MAAM,QAAQ,SAAS,aAAa,cAAqB,MAAM;CAC/D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,UACA,OACA,cACA,UACA,IACA,MACA,oBACA,wBACA,iBACA,aACA,OACA,SACA,SACA,QACA,iBACA,YACA,aACA,GAAG,WACD;CAEJ,MAAM,MAAM,MAAM,EAAE;CACpB,MAAM,CAAC,QAAQ,gBAAgB,gBAAgB;EAC7C;EACA;EACA,YAAY,WAAY,CAAC,IAAY;EACrC;CACF,CAAC;CAED,MAAM,gBAAgB,cACpB,MAAM,QAAQ,MAAM,IAAI,OAAO,SAAS,SAAS,IAAI,cAAc;CAErE,MAAM,oBAAoB,cAAsB;EAS9C,aARkB,MAAM,QAAQ,MAAM,IAClC,OAAO,SAAS,SAAS,IACvB,OAAO,QAAQ,kBAAkB,kBAAkB,SAAS,IAC5D,CAAC,GAAG,QAAQ,SAAS,IACvB,cAAc,SACZ,OACC,SAEe;CACxB;CAEA,MAAM,YAAY,UAA4B;EAC5C,MAAM;EACN,SAAA;EACO;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,mBAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,cAAc,UACZ,GAAG,IAAI,WACP,2EACF;GACA,aAAa,UACX,GAAG,IAAI,SACP,2EACF;GACA,SAAS,YAAY,OAAO,OAAO,WAAW,oBAAC,kBAAD,EAAkB,MAAM,gBAAkB,CAAA;GACxF;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;YAEA,oBAAC,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,IAAI;GAAK,GAAI;GAAiB;GAAS,kBAAA;GAChE;EACE,CAAA;CACY,CAAA;AAEvB,CAAC;AAED,UAAU,UAAUA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,UAAU,OAAO;AACjB,UAAU,QAAQ;AAClB,UAAU,UAAU;AACpB,UAAU,UAAU"}

package/esm/components/ActionIcon/ActionIcon.mjs

@@ -49,6 +49,7 @@ const ActionIcon = polymorphicFactory((_props) => {
 	});
 	return /* @__PURE__ */ jsxs(UnstyledButton, {
 		...getStyles("root", { active: !disabled && !loading && !dataDisabled }),
+		"aria-busy": loading || void 0,
 		...others,
 		unstyled,
 		variant,

package/esm/components/ActionIcon/ActionIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.mjs","names":["classes"],"sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getRadius,\n  getSize,\n  MantineColor,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Loader, LoaderProps } from '../Loader';\nimport { Transition } from '../Transition';\nimport { UnstyledButton } from '../UnstyledButton';\nimport {\n  ActionIconGroup,\n  type ActionIconGroupProps,\n  type ActionIconGroupStylesNames,\n  type ActionIconGroupCssVariables,\n  type ActionIconGroupFactory,\n} from './ActionIconGroup/ActionIconGroup';\nimport {\n  ActionIconGroupSection,\n  type ActionIconGroupSectionProps,\n  type ActionIconGroupSectionStylesNames,\n  type ActionIconGroupSectionCssVariables,\n  type ActionIconGroupSectionFactory,\n} from './ActionIconGroupSection/ActionIconGroupSection';\nimport classes from './ActionIcon.module.css';\nexport type ActionIconVariant =\n  | 'filled'\n  | 'light'\n  | 'outline'\n  | 'transparent'\n  | 'white'\n  | 'subtle'\n  | 'default'\n  | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader' | 'icon';\nexport type ActionIconCssVariables = {\n  root:\n    | '--ai-radius'\n    | '--ai-size'\n    | '--ai-bg'\n    | '--ai-hover'\n    | '--ai-hover-color'\n    | '--ai-color'\n    | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n  'data-disabled'?: boolean;\n  __staticSelector?: string;\n\n  /** If set, `Loader` component is displayed instead of the `children` */\n  loading?: boolean;\n\n  /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */\n  loaderProps?: LoaderProps;\n\n  /** Controls width and height of the button. Numbers are converted to rem. @default 'md'. */\n  size?: MantineSize | `input-${MantineSize}` | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor. */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient. */\n  gradient?: MantineGradient;\n\n  /** Sets `disabled` attribute, prevents interactions */\n  disabled?: boolean;\n\n  /** Icon element */\n  children?: React.ReactNode;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n}\n\nexport type ActionIconFactory = PolymorphicFactory<{\n  props: ActionIconProps;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n  stylesNames: ActionIconStylesNames;\n  variant: ActionIconVariant;\n  vars: ActionIconCssVariables;\n  staticComponents: {\n    Group: typeof ActionIconGroup;\n    GroupSection: typeof ActionIconGroupSection;\n  };\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconFactory>(\n  (theme, { size, radius, variant, gradient, color, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--ai-size': getSize(size, 'ai-size'),\n        '--ai-radius': radius === undefined ? undefined : getRadius(radius),\n        '--ai-bg': color || variant ? colors.background : undefined,\n        '--ai-hover': color || variant ? colors.hover : undefined,\n        '--ai-hover-color': color || variant ? colors.hoverColor : undefined,\n        '--ai-color': colors.color,\n        '--ai-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIcon = polymorphicFactory<ActionIconFactory>((_props) => {\n  const props = useProps('ActionIcon', null, _props);\n  const {\n    className,\n    unstyled,\n    variant,\n    classNames,\n    styles,\n    style,\n    loading,\n    loaderProps,\n    size,\n    color,\n    radius,\n    __staticSelector,\n    gradient,\n    vars,\n    children,\n    disabled,\n    'data-disabled': dataDisabled,\n    autoContrast,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconFactory>({\n    name: ['ActionIcon', __staticSelector],\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n      {...others}\n      unstyled={unstyled}\n      variant={variant}\n      size={size}\n      disabled={disabled || loading}\n      mod={[{ loading, disabled: disabled || dataDisabled }, mod]}\n    >\n      {typeof loading === 'boolean' && (\n        <Transition mounted={loading} transition=\"slide-down\" duration={150}>\n          {(transitionStyles) => (\n            <Box component=\"span\" {...getStyles('loader', { style: transitionStyles })} aria-hidden>\n              <Loader color=\"var(--ai-color)\" size=\"calc(var(--ai-size) * 0.55)\" {...loaderProps} />\n            </Box>\n          )}\n        </Transition>\n      )}\n\n      <Box component=\"span\" mod={{ loading }} {...getStyles('icon')}>\n        {children}\n      </Box>\n    </UnstyledButton>\n  );\n});\n\nActionIcon.classes = classes;\nActionIcon.varsResolver = varsResolver;\nActionIcon.displayName = '@mantine/core/ActionIcon';\nActionIcon.Group = ActionIconGroup;\nActionIcon.GroupSection = ActionIconGroupSection;\n\nexport namespace ActionIcon {\n  export type Props = ActionIconProps;\n  export type StylesNames = ActionIconStylesNames;\n  export type CssVariables = ActionIconCssVariables;\n  export type Factory = ActionIconFactory;\n\n  export namespace Group {\n    export type Props = ActionIconGroupProps;\n    export type StylesNames = ActionIconGroupStylesNames;\n    export type CssVariables = ActionIconGroupCssVariables;\n    export type Factory = ActionIconGroupFactory;\n  }\n\n  export namespace GroupSection {\n    export type Props = ActionIconGroupSectionProps;\n    export type StylesNames = ActionIconGroupSectionStylesNames;\n    export type CssVariables = ActionIconGroupSectionCssVariables;\n    export type Factory = ActionIconGroupSectionFactory;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqGA,MAAM,eAAe,oBAClB,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,OAAO,mBAAmB;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,aAAa,QAAQ,MAAM,SAAS;EACpC,eAAe,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EAClE,WAAW,SAAS,UAAU,OAAO,aAAa,KAAA;EAClD,cAAc,SAAS,UAAU,OAAO,QAAQ,KAAA;EAChD,oBAAoB,SAAS,UAAU,OAAO,aAAa,KAAA;EAC3D,cAAc,OAAO;EACrB,WAAW,SAAS,UAAU,OAAO,SAAS,KAAA;CAChD,EACF;AACF,CACF;AAEA,MAAa,aAAa,oBAAuC,WAAW;CAC1E,MAAM,QAAQ,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EACJ,WACA,UACA,SACA,YACA,QACA,OACA,SACA,aACA,MACA,OACA,QACA,kBACA,UACA,MACA,UACA,UACA,iBAAiB,cACjB,cACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM,CAAC,cAAc,gBAAgB;EACrC;EACA;EACA;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,gBAAD;EACE,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC;EACxE,GAAI;EACM;EACD;EACH;EACN,UAAU,YAAY;EACtB,KAAK,CAAC;GAAE;GAAS,UAAU,YAAY;EAAa,GAAG,GAAG;YAP5D,CASG,OAAO,YAAY,aAClB,oBAAC,YAAD;GAAY,SAAS;GAAS,YAAW;GAAa,UAAU;cAC5D,qBACA,oBAAC,KAAD;IAAK,WAAU;IAAO,GAAI,UAAU,UAAU,EAAE,OAAO,iBAAiB,CAAC;IAAG,eAAA;cAC1E,oBAAC,QAAD;KAAQ,OAAM;KAAkB,MAAK;KAA8B,GAAI;IAAc,CAAA;GAClF,CAAA;EAEG,CAAA,GAGd,oBAAC,KAAD;GAAK,WAAU;GAAO,KAAK,EAAE,QAAQ;GAAG,GAAI,UAAU,MAAM;GACzD;EACE,CAAA,CACS;;AAEpB,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,QAAQ;AACnB,WAAW,eAAe"}
+{"version":3,"file":"ActionIcon.mjs","names":["classes"],"sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getRadius,\n  getSize,\n  MantineColor,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Loader, LoaderProps } from '../Loader';\nimport { Transition } from '../Transition';\nimport { UnstyledButton } from '../UnstyledButton';\nimport {\n  ActionIconGroup,\n  type ActionIconGroupProps,\n  type ActionIconGroupStylesNames,\n  type ActionIconGroupCssVariables,\n  type ActionIconGroupFactory,\n} from './ActionIconGroup/ActionIconGroup';\nimport {\n  ActionIconGroupSection,\n  type ActionIconGroupSectionProps,\n  type ActionIconGroupSectionStylesNames,\n  type ActionIconGroupSectionCssVariables,\n  type ActionIconGroupSectionFactory,\n} from './ActionIconGroupSection/ActionIconGroupSection';\nimport classes from './ActionIcon.module.css';\nexport type ActionIconVariant =\n  | 'filled'\n  | 'light'\n  | 'outline'\n  | 'transparent'\n  | 'white'\n  | 'subtle'\n  | 'default'\n  | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader' | 'icon';\nexport type ActionIconCssVariables = {\n  root:\n    | '--ai-radius'\n    | '--ai-size'\n    | '--ai-bg'\n    | '--ai-hover'\n    | '--ai-hover-color'\n    | '--ai-color'\n    | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n  'data-disabled'?: boolean;\n  __staticSelector?: string;\n\n  /** If set, `Loader` component is displayed instead of the `children` */\n  loading?: boolean;\n\n  /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */\n  loaderProps?: LoaderProps;\n\n  /** Controls width and height of the button. Numbers are converted to rem. @default 'md' */\n  size?: MantineSize | `input-${MantineSize}` | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** Sets `disabled` attribute, prevents interactions */\n  disabled?: boolean;\n\n  /** Icon element */\n  children?: React.ReactNode;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n}\n\nexport type ActionIconFactory = PolymorphicFactory<{\n  props: ActionIconProps;\n  defaultComponent: 'button';\n  defaultRef: HTMLButtonElement;\n  stylesNames: ActionIconStylesNames;\n  variant: ActionIconVariant;\n  vars: ActionIconCssVariables;\n  staticComponents: {\n    Group: typeof ActionIconGroup;\n    GroupSection: typeof ActionIconGroupSection;\n  };\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconFactory>(\n  (theme, { size, radius, variant, gradient, color, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--ai-size': getSize(size, 'ai-size'),\n        '--ai-radius': radius === undefined ? undefined : getRadius(radius),\n        '--ai-bg': color || variant ? colors.background : undefined,\n        '--ai-hover': color || variant ? colors.hover : undefined,\n        '--ai-hover-color': color || variant ? colors.hoverColor : undefined,\n        '--ai-color': colors.color,\n        '--ai-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIcon = polymorphicFactory<ActionIconFactory>((_props) => {\n  const props = useProps('ActionIcon', null, _props);\n  const {\n    className,\n    unstyled,\n    variant,\n    classNames,\n    styles,\n    style,\n    loading,\n    loaderProps,\n    size,\n    color,\n    radius,\n    __staticSelector,\n    gradient,\n    vars,\n    children,\n    disabled,\n    'data-disabled': dataDisabled,\n    autoContrast,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconFactory>({\n    name: ['ActionIcon', __staticSelector],\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <UnstyledButton\n      {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n      aria-busy={loading || undefined}\n      {...others}\n      unstyled={unstyled}\n      variant={variant}\n      size={size}\n      disabled={disabled || loading}\n      mod={[{ loading, disabled: disabled || dataDisabled }, mod]}\n    >\n      {typeof loading === 'boolean' && (\n        <Transition mounted={loading} transition=\"slide-down\" duration={150}>\n          {(transitionStyles) => (\n            <Box component=\"span\" {...getStyles('loader', { style: transitionStyles })} aria-hidden>\n              <Loader color=\"var(--ai-color)\" size=\"calc(var(--ai-size) * 0.55)\" {...loaderProps} />\n            </Box>\n          )}\n        </Transition>\n      )}\n\n      <Box component=\"span\" mod={{ loading }} {...getStyles('icon')}>\n        {children}\n      </Box>\n    </UnstyledButton>\n  );\n});\n\nActionIcon.classes = classes;\nActionIcon.varsResolver = varsResolver;\nActionIcon.displayName = '@mantine/core/ActionIcon';\nActionIcon.Group = ActionIconGroup;\nActionIcon.GroupSection = ActionIconGroupSection;\n\nexport namespace ActionIcon {\n  export type Props = ActionIconProps;\n  export type StylesNames = ActionIconStylesNames;\n  export type CssVariables = ActionIconCssVariables;\n  export type Factory = ActionIconFactory;\n\n  export namespace Group {\n    export type Props = ActionIconGroupProps;\n    export type StylesNames = ActionIconGroupStylesNames;\n    export type CssVariables = ActionIconGroupCssVariables;\n    export type Factory = ActionIconGroupFactory;\n  }\n\n  export namespace GroupSection {\n    export type Props = ActionIconGroupSectionProps;\n    export type StylesNames = ActionIconGroupSectionStylesNames;\n    export type CssVariables = ActionIconGroupSectionCssVariables;\n    export type Factory = ActionIconGroupSectionFactory;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqGA,MAAM,eAAe,oBAClB,OAAO,EAAE,MAAM,QAAQ,SAAS,UAAU,OAAO,mBAAmB;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,MAAM;EACJ,aAAa,QAAQ,MAAM,SAAS;EACpC,eAAe,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EAClE,WAAW,SAAS,UAAU,OAAO,aAAa,KAAA;EAClD,cAAc,SAAS,UAAU,OAAO,QAAQ,KAAA;EAChD,oBAAoB,SAAS,UAAU,OAAO,aAAa,KAAA;EAC3D,cAAc,OAAO;EACrB,WAAW,SAAS,UAAU,OAAO,SAAS,KAAA;CAChD,EACF;AACF,CACF;AAEA,MAAa,aAAa,oBAAuC,WAAW;CAC1E,MAAM,QAAQ,SAAS,cAAc,MAAM,MAAM;CACjD,MAAM,EACJ,WACA,UACA,SACA,YACA,QACA,OACA,SACA,aACA,MACA,OACA,QACA,kBACA,UACA,MACA,UACA,UACA,iBAAiB,cACjB,cACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM,CAAC,cAAc,gBAAgB;EACrC;EACA;EACA;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,gBAAD;EACE,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,aAAa,CAAC;EACxE,aAAW,WAAW,KAAA;EACtB,GAAI;EACM;EACD;EACH;EACN,UAAU,YAAY;EACtB,KAAK,CAAC;GAAE;GAAS,UAAU,YAAY;EAAa,GAAG,GAAG;YAR5D,CAUG,OAAO,YAAY,aAClB,oBAAC,YAAD;GAAY,SAAS;GAAS,YAAW;GAAa,UAAU;cAC5D,qBACA,oBAAC,KAAD;IAAK,WAAU;IAAO,GAAI,UAAU,UAAU,EAAE,OAAO,iBAAiB,CAAC;IAAG,eAAA;cAC1E,oBAAC,QAAD;KAAQ,OAAM;KAAkB,MAAK;KAA8B,GAAI;IAAc,CAAA;GAClF,CAAA;EAEG,CAAA,GAGd,oBAAC,KAAD;GAAK,WAAU;GAAO,KAAK,EAAE,QAAQ;GAAG,GAAI,UAAU,MAAM;GACzD;EACE,CAAA,CACS;;AAEpB,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,QAAQ;AACnB,WAAW,eAAe"}

package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.mjs

@@ -12,7 +12,7 @@ const defaultProps = { orientation: "horizontal" };
 const varsResolver = createVarsResolver((_, { borderWidth }) => ({ group: { "--ai-border-width": rem(borderWidth) } }));
 const ActionIconGroup = factory((_props) => {
 	const props = useProps("ActionIconGroup", defaultProps, _props);
-	const { className, style, classNames, styles, unstyled, orientation, vars, borderWidth, variant, mod, attributes, ...others } = useProps("ActionIconGroup", defaultProps, _props);
+	const { className, style, classNames, styles, unstyled, orientation, vars, borderWidth, variant, mod, attributes, ...others } = props;
 	return /* @__PURE__ */ jsx(Box, {
 		...useStyles({
 			name: "ActionIconGroup",

package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIconGroup.mjs","names":["classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupStylesNames = 'group';\nexport type ActionIconGroupCssVariables = {\n  group: '--ai-border-width';\n};\n\nexport interface ActionIconGroupProps\n  extends BoxProps, StylesApiProps<ActionIconGroupFactory>, ElementProps<'div'> {\n  /** `ActionIcon` and `ActionIcon.GroupSection` components only */\n  children?: React.ReactNode;\n\n  /** Group orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child components. @default 1 */\n  borderWidth?: number | string;\n}\n\nexport type ActionIconGroupFactory = Factory<{\n  props: ActionIconGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupStylesNames;\n  vars: ActionIconGroupCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n} satisfies Partial<ActionIconGroupProps>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupFactory>((_, { borderWidth }) => ({\n  group: { '--ai-border-width': rem(borderWidth) },\n}));\n\nexport const ActionIconGroup = factory<ActionIconGroupFactory>((_props) => {\n  const props = useProps('ActionIconGroup', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    orientation,\n    vars,\n    borderWidth,\n    variant,\n    mod,\n    attributes,\n    ...others\n  } = useProps('ActionIconGroup', defaultProps, _props);\n\n  const getStyles = useStyles<ActionIconGroupFactory>({\n    name: 'ActionIconGroup',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'group',\n  });\n\n  return (\n    <Box\n      {...getStyles('group')}\n      variant={variant}\n      mod={[{ 'data-orientation': orientation }, mod]}\n      role=\"group\"\n      {...others}\n    />\n  );\n});\n\nActionIconGroup.classes = classes;\nActionIconGroup.varsResolver = varsResolver;\nActionIconGroup.displayName = '@mantine/core/ActionIconGroup';\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAe,oBAA4C,GAAG,EAAE,mBAAmB,EACvF,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,EACjD,EAAE;AAEF,MAAa,kBAAkB,SAAiC,WAAW;CACzE,MAAM,QAAQ,SAAS,mBAAmB,cAAc,MAAM;CAC9D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,SACA,KACA,YACA,GAAG,WACD,SAAS,mBAAmB,cAAc,MAAM;CAiBpD,OACE,oBAAC,KAAD;EACE,GAjBc,UAAkC;GAClD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,EAAE,OAAO;EACZ;EACT,KAAK,CAAC,EAAE,oBAAoB,YAAY,GAAG,GAAG;EAC9C,MAAK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,gBAAgB,UAAUA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}
+{"version":3,"file":"ActionIconGroup.mjs","names":["classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroup/ActionIconGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupStylesNames = 'group';\nexport type ActionIconGroupCssVariables = {\n  group: '--ai-border-width';\n};\n\nexport interface ActionIconGroupProps\n  extends BoxProps, StylesApiProps<ActionIconGroupFactory>, ElementProps<'div'> {\n  /** `ActionIcon` and `ActionIcon.GroupSection` components only */\n  children?: React.ReactNode;\n\n  /** Group orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** `border-width` of the child components. @default 1 */\n  borderWidth?: number | string;\n}\n\nexport type ActionIconGroupFactory = Factory<{\n  props: ActionIconGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupStylesNames;\n  vars: ActionIconGroupCssVariables;\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n} satisfies Partial<ActionIconGroupProps>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupFactory>((_, { borderWidth }) => ({\n  group: { '--ai-border-width': rem(borderWidth) },\n}));\n\nexport const ActionIconGroup = factory<ActionIconGroupFactory>((_props) => {\n  const props = useProps('ActionIconGroup', defaultProps, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    orientation,\n    vars,\n    borderWidth,\n    variant,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupFactory>({\n    name: 'ActionIconGroup',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'group',\n  });\n\n  return (\n    <Box\n      {...getStyles('group')}\n      variant={variant}\n      mod={[{ 'data-orientation': orientation }, mod]}\n      role=\"group\"\n      {...others}\n    />\n  );\n});\n\nActionIconGroup.classes = classes;\nActionIconGroup.varsResolver = varsResolver;\nActionIconGroup.displayName = '@mantine/core/ActionIconGroup';\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAe,oBAA4C,GAAG,EAAE,mBAAmB,EACvF,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,EACjD,EAAE;AAEF,MAAa,kBAAkB,SAAiC,WAAW;CACzE,MAAM,QAAQ,SAAS,mBAAmB,cAAc,MAAM;CAC9D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,aACA,MACA,aACA,SACA,KACA,YACA,GAAG,WACD;CAiBJ,OACE,oBAAC,KAAD;EACE,GAjBc,UAAkC;GAClD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAIgB,CAAC,CAAC,OAAO;EACZ;EACT,KAAK,CAAC,EAAE,oBAAoB,YAAY,GAAG,GAAG;EAC9C,MAAK;EACL,GAAI;CACL,CAAA;AAEL,CAAC;AAED,gBAAgB,UAAUA;AAC1B,gBAAgB,eAAe;AAC/B,gBAAgB,cAAc"}

package/esm/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIconGroupSection.mjs","names":["classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  getRadius,\n  getSize,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport type { ActionIconVariant } from '../ActionIcon';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupSectionStylesNames = 'groupSection';\nexport type ActionIconGroupSectionCssVariables = {\n  groupSection:\n    | '--section-radius'\n    | '--section-bg'\n    | '--section-color'\n    | '--section-bd'\n    | '--section-height'\n    | '--section-padding-x'\n    | '--section-fz';\n};\n\nexport interface ActionIconGroupSectionProps\n  extends BoxProps, StylesApiProps<ActionIconGroupSectionFactory>, ElementProps<'div'> {\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Controls section `height`, `font-size` and horizontal `padding` @default 'sm' */\n  size?: MantineSize | (string & {}) | number;\n}\n\nexport type ActionIconGroupSectionFactory = Factory<{\n  props: ActionIconGroupSectionProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupSectionStylesNames;\n  vars: ActionIconGroupSectionCssVariables;\n  variant: ActionIconVariant;\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupSectionFactory>(\n  (theme, { radius, color, gradient, variant, autoContrast, size }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      groupSection: {\n        '--section-height': getSize(size, 'section-height'),\n        '--section-padding-x': getSize(size, 'section-padding-x'),\n        '--section-fz': getFontSize(size),\n        '--section-radius': radius === undefined ? undefined : getRadius(radius),\n        '--section-bg': color || variant ? colors.background : undefined,\n        '--section-color': colors.color,\n        '--section-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIconGroupSection = factory<ActionIconGroupSectionFactory>((_props) => {\n  const props = useProps('ActionIconGroupSection', null, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    variant,\n    gradient,\n    radius,\n    autoContrast,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupSectionFactory>({\n    name: 'ActionIconGroupSection',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'groupSection',\n  });\n\n  return <Box {...getStyles('groupSection')} variant={variant} {...others} />;\n});\n\nActionIconGroupSection.classes = classes;\nActionIconGroupSection.varsResolver = varsResolver;\nActionIconGroupSection.displayName = '@mantine/core/ActionIconGroupSection';\n"],"mappings":";;;;;;;;;;AAuDA,MAAM,eAAe,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,cAAc,WAAW;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,cAAc;EACZ,oBAAoB,QAAQ,MAAM,gBAAgB;EAClD,uBAAuB,QAAQ,MAAM,mBAAmB;EACxD,gBAAgB,YAAY,IAAI;EAChC,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACvE,gBAAgB,SAAS,UAAU,OAAO,aAAa,KAAA;EACvD,mBAAmB,OAAO;EAC1B,gBAAgB,SAAS,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,yBAAyB,SAAwC,WAAW;CACvF,MAAM,QAAQ,SAAS,0BAA0B,MAAM,MAAM;CAC7D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,MACA,SACA,UACA,QACA,cACA,YACA,GAAG,WACD;CAiBJ,OAAO,oBAAC,KAAD;EAAK,GAfM,UAAyC;GACzD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAEwB,EAAE,cAAc;EAAY;EAAS,GAAI;CAAS,CAAA;AAC5E,CAAC;AAED,uBAAuB,UAAUA;AACjC,uBAAuB,eAAe;AACtC,uBAAuB,cAAc"}
+{"version":3,"file":"ActionIconGroupSection.mjs","names":["classes"],"sources":["../../../../src/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  getRadius,\n  getSize,\n  MantineGradient,\n  MantineRadius,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport type { ActionIconVariant } from '../ActionIcon';\nimport classes from '../ActionIcon.module.css';\n\nexport type ActionIconGroupSectionStylesNames = 'groupSection';\nexport type ActionIconGroupSectionCssVariables = {\n  groupSection:\n    | '--section-radius'\n    | '--section-bg'\n    | '--section-color'\n    | '--section-bd'\n    | '--section-height'\n    | '--section-padding-x'\n    | '--section-fz';\n};\n\nexport interface ActionIconGroupSectionProps\n  extends BoxProps, StylesApiProps<ActionIconGroupSectionFactory>, ElementProps<'div'> {\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Gradient values used with `variant=\"gradient\"`. @default theme.defaultGradient */\n  gradient?: MantineGradient;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Controls section `height`, `font-size` and horizontal `padding` @default 'sm' */\n  size?: MantineSize | (string & {}) | number;\n}\n\nexport type ActionIconGroupSectionFactory = Factory<{\n  props: ActionIconGroupSectionProps;\n  ref: HTMLDivElement;\n  stylesNames: ActionIconGroupSectionStylesNames;\n  vars: ActionIconGroupSectionCssVariables;\n  variant: ActionIconVariant;\n}>;\n\nconst varsResolver = createVarsResolver<ActionIconGroupSectionFactory>(\n  (theme, { radius, color, gradient, variant, autoContrast, size }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      gradient,\n      variant: variant || 'filled',\n      autoContrast,\n    });\n\n    return {\n      groupSection: {\n        '--section-height': getSize(size, 'section-height'),\n        '--section-padding-x': getSize(size, 'section-padding-x'),\n        '--section-fz': getFontSize(size),\n        '--section-radius': radius === undefined ? undefined : getRadius(radius),\n        '--section-bg': color || variant ? colors.background : undefined,\n        '--section-color': colors.color,\n        '--section-bd': color || variant ? colors.border : undefined,\n      },\n    };\n  }\n);\n\nexport const ActionIconGroupSection = factory<ActionIconGroupSectionFactory>((_props) => {\n  const props = useProps('ActionIconGroupSection', null, _props);\n  const {\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    variant,\n    gradient,\n    radius,\n    autoContrast,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<ActionIconGroupSectionFactory>({\n    name: 'ActionIconGroupSection',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'groupSection',\n  });\n\n  return <Box {...getStyles('groupSection')} variant={variant} {...others} />;\n});\n\nActionIconGroupSection.classes = classes;\nActionIconGroupSection.varsResolver = varsResolver;\nActionIconGroupSection.displayName = '@mantine/core/ActionIconGroupSection';\n"],"mappings":";;;;;;;;;;AAuDA,MAAM,eAAe,oBAClB,OAAO,EAAE,QAAQ,OAAO,UAAU,SAAS,cAAc,WAAW;CACnE,MAAM,SAAS,MAAM,qBAAqB;EACxC,OAAO,SAAS,MAAM;EACtB;EACA;EACA,SAAS,WAAW;EACpB;CACF,CAAC;CAED,OAAO,EACL,cAAc;EACZ,oBAAoB,QAAQ,MAAM,gBAAgB;EAClD,uBAAuB,QAAQ,MAAM,mBAAmB;EACxD,gBAAgB,YAAY,IAAI;EAChC,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACvE,gBAAgB,SAAS,UAAU,OAAO,aAAa,KAAA;EACvD,mBAAmB,OAAO;EAC1B,gBAAgB,SAAS,UAAU,OAAO,SAAS,KAAA;CACrD,EACF;AACF,CACF;AAEA,MAAa,yBAAyB,SAAwC,WAAW;CACvF,MAAM,QAAQ,SAAS,0BAA0B,MAAM,MAAM;CAC7D,MAAM,EACJ,WACA,OACA,YACA,QACA,UACA,MACA,SACA,UACA,QACA,cACA,YACA,GAAG,WACD;CAiBJ,OAAO,oBAAC,KAAD;EAAK,GAfM,UAAyC;GACzD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc;EAChB,CAEwB,CAAC,CAAC,cAAc;EAAY;EAAS,GAAI;CAAS,CAAA;AAC5E,CAAC;AAED,uBAAuB,UAAUA;AACjC,uBAAuB,eAAe;AACtC,uBAAuB,cAAc"}

package/esm/components/AppShell/AppShellFooter/AppShellFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellFooter.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellFooter/AppShellFooter.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport { AppShellCompoundProps } from '../AppShell.types';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellFooterStylesNames = 'footer';\n\nexport interface AppShellFooterProps\n  extends\n    BoxProps,\n    AppShellCompoundProps,\n    StylesApiProps<AppShellFooterFactory>,\n    ElementProps<'footer'> {}\n\nexport type AppShellFooterFactory = Factory<{\n  props: AppShellFooterProps;\n  ref: HTMLElement;\n  stylesNames: AppShellFooterStylesNames;\n}>;\n\nexport const AppShellFooter = factory<AppShellFooterFactory>((_props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    withBorder,\n    zIndex,\n    mod,\n    ...others\n  } = useProps('AppShellFooter', null, _props);\n\n  const ctx = useAppShellContext();\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <Box\n      component=\"footer\"\n      mod={[{ 'with-border': withBorder ?? ctx.withBorder }, mod]}\n      {...ctx.getStyles('footer', {\n        className: cx({ [RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),\n        classNames,\n        styles,\n        style,\n      })}\n      {...others}\n      __vars={{ '--app-shell-footer-z-index': (zIndex ?? ctx.zIndex)?.toString() }}\n    />\n  );\n});\n\nAppShellFooter.classes = classes;\nAppShellFooter.displayName = '@mantine/core/AppShellFooter';\n"],"mappings":";;;;;;;;;;AA8BA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,KACA,GAAG,WACD,SAAS,kBAAkB,MAAM,MAAM;CAE3C,MAAM,MAAM,mBAAmB;CAE/B,IAAI,IAAI,UACN,OAAO;CAGT,OACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK,CAAC,EAAE,eAAe,cAAc,IAAI,WAAW,GAAG,GAAG;EAC1D,GAAI,IAAI,UAAU,UAAU;GAC1B,WAAW,GAAG,GAAG,aAAa,WAAW,YAAY,IAAI,iBAAiB,GAAG,SAAS;GACtF;GACA;GACA;EACF,CAAC;EACD,GAAI;EACJ,QAAQ,EAAE,+BAA+B,UAAU,IAAI,SAAS,SAAS,EAAE;CAC5E,CAAA;AAEL,CAAC;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"AppShellFooter.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellFooter/AppShellFooter.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport { AppShellCompoundProps } from '../AppShell.types';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellFooterStylesNames = 'footer';\n\nexport interface AppShellFooterProps\n  extends\n    BoxProps,\n    AppShellCompoundProps,\n    StylesApiProps<AppShellFooterFactory>,\n    ElementProps<'footer'> {}\n\nexport type AppShellFooterFactory = Factory<{\n  props: AppShellFooterProps;\n  ref: HTMLElement;\n  stylesNames: AppShellFooterStylesNames;\n}>;\n\nexport const AppShellFooter = factory<AppShellFooterFactory>((_props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    withBorder,\n    zIndex,\n    mod,\n    ...others\n  } = useProps('AppShellFooter', null, _props);\n\n  const ctx = useAppShellContext();\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <Box\n      component=\"footer\"\n      mod={[{ 'with-border': withBorder ?? ctx.withBorder }, mod]}\n      {...ctx.getStyles('footer', {\n        className: cx({ [RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),\n        classNames,\n        styles,\n        style,\n      })}\n      {...others}\n      __vars={{ '--app-shell-footer-z-index': (zIndex ?? ctx.zIndex)?.toString() }}\n    />\n  );\n});\n\nAppShellFooter.classes = classes;\nAppShellFooter.displayName = '@mantine/core/AppShellFooter';\n"],"mappings":";;;;;;;;;;AA8BA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,KACA,GAAG,WACD,SAAS,kBAAkB,MAAM,MAAM;CAE3C,MAAM,MAAM,mBAAmB;CAE/B,IAAI,IAAI,UACN,OAAO;CAGT,OACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK,CAAC,EAAE,eAAe,cAAc,IAAI,WAAW,GAAG,GAAG;EAC1D,GAAI,IAAI,UAAU,UAAU;GAC1B,WAAW,GAAG,GAAG,aAAa,WAAW,YAAY,IAAI,iBAAiB,GAAG,SAAS;GACtF;GACA;GACA;EACF,CAAC;EACD,GAAI;EACJ,QAAQ,EAAE,+BAA+B,UAAU,IAAI,OAAA,EAAS,SAAS,EAAE;CAC5E,CAAA;AAEL,CAAC;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}

package/esm/components/AppShell/AppShellHeader/AppShellHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppShellHeader.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellHeader/AppShellHeader.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport type { AppShellCompoundProps } from '../AppShell.types';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellHeaderStylesNames = 'header';\n\nexport interface AppShellHeaderProps\n  extends\n    BoxProps,\n    AppShellCompoundProps,\n    StylesApiProps<AppShellHeaderFactory>,\n    ElementProps<'header'> {}\n\nexport type AppShellHeaderFactory = Factory<{\n  props: AppShellHeaderProps;\n  ref: HTMLElement;\n  stylesNames: AppShellHeaderStylesNames;\n}>;\n\nexport const AppShellHeader = factory<AppShellHeaderFactory>((_props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    withBorder,\n    zIndex,\n    mod,\n    ...others\n  } = useProps('AppShellHeader', null, _props);\n\n  const ctx = useAppShellContext();\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <Box\n      component=\"header\"\n      mod={[{ 'with-border': withBorder ?? ctx.withBorder }, mod]}\n      {...ctx.getStyles('header', {\n        className: cx({ [RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),\n        classNames,\n        styles,\n        style,\n      })}\n      {...others}\n      __vars={{ '--app-shell-header-z-index': (zIndex ?? ctx.zIndex)?.toString() }}\n    />\n  );\n});\n\nAppShellHeader.classes = classes;\nAppShellHeader.displayName = '@mantine/core/AppShellHeader';\n"],"mappings":";;;;;;;;;;AA8BA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,KACA,GAAG,WACD,SAAS,kBAAkB,MAAM,MAAM;CAE3C,MAAM,MAAM,mBAAmB;CAE/B,IAAI,IAAI,UACN,OAAO;CAGT,OACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK,CAAC,EAAE,eAAe,cAAc,IAAI,WAAW,GAAG,GAAG;EAC1D,GAAI,IAAI,UAAU,UAAU;GAC1B,WAAW,GAAG,GAAG,aAAa,WAAW,YAAY,IAAI,iBAAiB,GAAG,SAAS;GACtF;GACA;GACA;EACF,CAAC;EACD,GAAI;EACJ,QAAQ,EAAE,+BAA+B,UAAU,IAAI,SAAS,SAAS,EAAE;CAC5E,CAAA;AAEL,CAAC;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"AppShellHeader.mjs","names":["classes"],"sources":["../../../../src/components/AppShell/AppShellHeader/AppShellHeader.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport type { AppShellCompoundProps } from '../AppShell.types';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellHeaderStylesNames = 'header';\n\nexport interface AppShellHeaderProps\n  extends\n    BoxProps,\n    AppShellCompoundProps,\n    StylesApiProps<AppShellHeaderFactory>,\n    ElementProps<'header'> {}\n\nexport type AppShellHeaderFactory = Factory<{\n  props: AppShellHeaderProps;\n  ref: HTMLElement;\n  stylesNames: AppShellHeaderStylesNames;\n}>;\n\nexport const AppShellHeader = factory<AppShellHeaderFactory>((_props) => {\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    withBorder,\n    zIndex,\n    mod,\n    ...others\n  } = useProps('AppShellHeader', null, _props);\n\n  const ctx = useAppShellContext();\n\n  if (ctx.disabled) {\n    return null;\n  }\n\n  return (\n    <Box\n      component=\"header\"\n      mod={[{ 'with-border': withBorder ?? ctx.withBorder }, mod]}\n      {...ctx.getStyles('header', {\n        className: cx({ [RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),\n        classNames,\n        styles,\n        style,\n      })}\n      {...others}\n      __vars={{ '--app-shell-header-z-index': (zIndex ?? ctx.zIndex)?.toString() }}\n    />\n  );\n});\n\nAppShellHeader.classes = classes;\nAppShellHeader.displayName = '@mantine/core/AppShellHeader';\n"],"mappings":";;;;;;;;;;AA8BA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,YACA,QACA,KACA,GAAG,WACD,SAAS,kBAAkB,MAAM,MAAM;CAE3C,MAAM,MAAM,mBAAmB;CAE/B,IAAI,IAAI,UACN,OAAO;CAGT,OACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK,CAAC,EAAE,eAAe,cAAc,IAAI,WAAW,GAAG,GAAG;EAC1D,GAAI,IAAI,UAAU,UAAU;GAC1B,WAAW,GAAG,GAAG,aAAa,WAAW,YAAY,IAAI,iBAAiB,GAAG,SAAS;GACtF;GACA;GACA;EACF,CAAC;EACD,GAAI;EACJ,QAAQ,EAAE,+BAA+B,UAAU,IAAI,OAAA,EAAS,SAAS,EAAE;CAC5E,CAAA;AAEL,CAAC;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}