npm - @mantine/core - Versions diffs - 9.1.1 → 9.2.1 - Mend

@mantine/core 9.1.1 → 9.2.1

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

Files changed (1160) hide show

package/esm/components/RollingNumber/get-render-slots.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"get-render-slots.mjs","names":[],"sources":["../../../src/components/RollingNumber/get-render-slots.ts"],"sourcesContent":["import { getDigitParts, type DigitParts } from './get-digit-parts';\n\nexport interface DigitSlot {\n type: 'digit';\n key: string;\n digit: string;\n previousDigit: string | null;\n empty: boolean;\n}\n\nexport interface CharSlot {\n type: 'char';\n key: string;\n char: string;\n empty: boolean;\n}\n\nexport type RenderSlot = DigitSlot | CharSlot;\n\nexport interface GetRenderSlotsInput {\n current: DigitParts;\n previous: DigitParts;\n prefix?: string;\n suffix?: string;\n decimalSeparator?: string;\n thousandSeparator?: string | boolean;\n}\n\nfunction padLeft(arr: string[], length: number): (string | null)[] {\n return [...Array(length - arr.length).fill(null), ...arr];\n}\n\nfunction padRight(arr: string[], length: number): (string | null)[] {\n return [...arr, ...Array(length - arr.length).fill(null)];\n}\n\nexport function getRenderSlots({\n current,\n previous,\n prefix,\n suffix,\n decimalSeparator = '.',\n thousandSeparator,\n}: GetRenderSlotsInput): RenderSlot[] {\n const maxIntLen = Math.max(current.intDigits.length, previous.intDigits.length);\n const maxFracLen = Math.max(current.fracDigits.length, previous.fracDigits.length);\n\n const currIntPadded = padLeft(current.intDigits, maxIntLen);\n const prevIntPadded = padLeft(previous.intDigits, maxIntLen);\n const currFracPadded = padRight(current.fracDigits, maxFracLen);\n const prevFracPadded = padRight(previous.fracDigits, maxFracLen);\n\n const sep = thousandSeparator\n ? typeof thousandSeparator === 'string'\n ? thousandSeparator\n : ','\n : null;\n\n const slots: RenderSlot[] = [];\n\n if (prefix) {\n for (let i = 0; i < prefix.length; i++) {\n slots.push({ type: 'char', key: `prefix-${i}`, char: prefix[i], empty: false });\n }\n }\n\n if (current.negative || previous.negative) {\n slots.push({ type: 'char', key: 'sign', char: '-', empty: !current.negative });\n }\n\n for (let i = 0; i < maxIntLen; i++) {\n const posFromRight = maxIntLen - 1 - i;\n const currDigit = currIntPadded[i];\n const prevDigit = prevIntPadded[i];\n const isEmpty = currDigit === null;\n\n slots.push({\n type: 'digit',\n key: `int-${posFromRight}`,\n digit: currDigit ?? '0',\n previousDigit: prevDigit,\n empty: isEmpty,\n });\n\n if (sep && posFromRight > 0 && posFromRight % 3 === 0) {\n slots.push({ type: 'char', key: `sep-${posFromRight}`, char: sep, empty: isEmpty });\n }\n }\n\n if (current.hasDecimal || previous.hasDecimal) {\n slots.push({\n type: 'char',\n key: 'dec',\n char: decimalSeparator,\n empty: !current.hasDecimal,\n });\n }\n\n for (let i = 0; i < maxFracLen; i++) {\n const currDigit = currFracPadded[i];\n const prevDigit = prevFracPadded[i];\n const isEmpty = currDigit === null;\n\n slots.push({\n type: 'digit',\n key: `frac-${i}`,\n digit: currDigit ?? '0',\n previousDigit: prevDigit,\n empty: isEmpty,\n });\n }\n\n if (suffix) {\n for (let i = 0; i < suffix.length; i++) {\n slots.push({ type: 'char', key: `suffix-${i}`, char: suffix[i], empty: false });\n }\n }\n\n return slots;\n}\n\nexport interface GetRenderSlotsFromValuesInput {\n value: number;\n previousValue: number;\n prefix?: string;\n suffix?: string;\n decimalSeparator?: string;\n thousandSeparator?: string | boolean;\n decimalScale?: number;\n fixedDecimalScale?: boolean;\n}\n\nexport function getRenderSlotsFromValues({\n value,\n previousValue,\n prefix,\n suffix,\n decimalSeparator,\n thousandSeparator,\n decimalScale,\n fixedDecimalScale,\n}: GetRenderSlotsFromValuesInput): RenderSlot[] {\n const current = getDigitParts({ value, decimalScale, fixedDecimalScale });\n const prev = getDigitParts({ value: previousValue, decimalScale, fixedDecimalScale });\n\n return getRenderSlots({\n current,\n previous: prev,\n prefix,\n suffix,\n decimalSeparator,\n thousandSeparator,\n });\n}\n"],"mappings":";;AA4BA,SAAS,QAAQ,KAAe,QAAmC;CACjE,OAAO,CAAC,GAAG,MAAM,SAAS,IAAI,MAAM,EAAE,KAAK,IAAI,GAAG,GAAG,GAAG;AAC1D;AAEA,SAAS,SAAS,KAAe,QAAmC;CAClE,OAAO,CAAC,GAAG,KAAK,GAAG,MAAM,SAAS,IAAI,MAAM,EAAE,KAAK,IAAI,CAAC;AAC1D;AAEA,SAAgB,eAAe,EAC7B,SACA,UACA,QACA,QACA,mBAAmB,KACnB,qBACoC;CACpC,MAAM,YAAY,KAAK,IAAI,QAAQ,UAAU,QAAQ,SAAS,UAAU,MAAM;CAC9E,MAAM,aAAa,KAAK,IAAI,QAAQ,WAAW,QAAQ,SAAS,WAAW,MAAM;CAEjF,MAAM,gBAAgB,QAAQ,QAAQ,WAAW,SAAS;CAC1D,MAAM,gBAAgB,QAAQ,SAAS,WAAW,SAAS;CAC3D,MAAM,iBAAiB,SAAS,QAAQ,YAAY,UAAU;CAC9D,MAAM,iBAAiB,SAAS,SAAS,YAAY,UAAU;CAE/D,MAAM,MAAM,oBACR,OAAO,sBAAsB,WAC3B,oBACA,MACF;CAEJ,MAAM,QAAsB,CAAC;CAE7B,IAAI,QACF,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KACjC,MAAM,KAAK;EAAE,MAAM;EAAQ,KAAK,UAAU;EAAK,MAAM,OAAO;EAAI,OAAO;CAAM,CAAC;CAIlF,IAAI,QAAQ,YAAY,SAAS,UAC/B,MAAM,KAAK;EAAE,MAAM;EAAQ,KAAK;EAAQ,MAAM;EAAK,OAAO,CAAC,QAAQ;CAAS,CAAC;CAG/E,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,KAAK;EAClC,MAAM,eAAe,YAAY,IAAI;EACrC,MAAM,YAAY,cAAc;EAChC,MAAM,YAAY,cAAc;EAChC,MAAM,UAAU,cAAc;EAE9B,MAAM,KAAK;GACT,MAAM;GACN,KAAK,OAAO;GACZ,OAAO,aAAa;GACpB,eAAe;GACf,OAAO;EACT,CAAC;EAED,IAAI,OAAO,eAAe,KAAK,eAAe,MAAM,GAClD,MAAM,KAAK;GAAE,MAAM;GAAQ,KAAK,OAAO;GAAgB,MAAM;GAAK,OAAO;EAAQ,CAAC;CAEtF;CAEA,IAAI,QAAQ,cAAc,SAAS,YACjC,MAAM,KAAK;EACT,MAAM;EACN,KAAK;EACL,MAAM;EACN,OAAO,CAAC,QAAQ;CAClB,CAAC;CAGH,KAAK,IAAI,IAAI,GAAG,IAAI,YAAY,KAAK;EACnC,MAAM,YAAY,eAAe;EACjC,MAAM,YAAY,eAAe;EACjC,MAAM,UAAU,cAAc;EAE9B,MAAM,KAAK;GACT,MAAM;GACN,KAAK,QAAQ;GACb,OAAO,aAAa;GACpB,eAAe;GACf,OAAO;EACT,CAAC;CACH;CAEA,IAAI,QACF,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KACjC,MAAM,KAAK;EAAE,MAAM;EAAQ,KAAK,UAAU;EAAK,MAAM,OAAO;EAAI,OAAO;CAAM,CAAC;CAIlF,OAAO;AACT"}

package/esm/components/ScrollArea/ScrollArea.context.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.context.mjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { ScrollAreaFactory } from './ScrollArea';\n\nexport interface ScrollAreaContextValue {\n type: 'auto' \| 'always' \| 'scroll' \| 'hover' \| 'never';\n scrollHideDelay: number;\n scrollArea: HTMLDivElement \| null;\n viewport: HTMLDivElement \| null;\n onViewportChange: (viewport: HTMLDivElement \| null) => void;\n content: HTMLDivElement \| null;\n onContentChange: (content: HTMLDivElement) => void;\n scrollbarX: HTMLDivElement \| null;\n onScrollbarXChange: (scrollbar: HTMLDivElement \| null) => void;\n scrollbarXEnabled: boolean;\n onScrollbarXEnabledChange: (rendered: boolean) => void;\n scrollbarY: HTMLDivElement \| null;\n onScrollbarYChange: (scrollbar: HTMLDivElement \| null) => void;\n scrollbarYEnabled: boolean;\n onScrollbarYEnabledChange: (rendered: boolean) => void;\n onCornerWidthChange: (width: number) => void;\n onCornerHeightChange: (height: number) => void;\n getStyles: GetStylesApi<ScrollAreaFactory>;\n}\n\nexport const [ScrollAreaProvider, useScrollAreaContext] = createSafeContext<ScrollAreaContextValue>(\n 'ScrollArea.Root component was not found in tree'\n);\n"],"mappings":";;;AAwBA,MAAa,CAAC,oBAAoB,wBAAwB,kBACxD,~~kDACD~~"}
1	+ {"version":3,"file":"ScrollArea.context.mjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { ScrollAreaFactory } from './ScrollArea';\n\nexport interface ScrollAreaContextValue {\n type: 'auto' \| 'always' \| 'scroll' \| 'hover' \| 'never';\n scrollHideDelay: number;\n scrollArea: HTMLDivElement \| null;\n viewport: HTMLDivElement \| null;\n onViewportChange: (viewport: HTMLDivElement \| null) => void;\n content: HTMLDivElement \| null;\n onContentChange: (content: HTMLDivElement) => void;\n scrollbarX: HTMLDivElement \| null;\n onScrollbarXChange: (scrollbar: HTMLDivElement \| null) => void;\n scrollbarXEnabled: boolean;\n onScrollbarXEnabledChange: (rendered: boolean) => void;\n scrollbarY: HTMLDivElement \| null;\n onScrollbarYChange: (scrollbar: HTMLDivElement \| null) => void;\n scrollbarYEnabled: boolean;\n onScrollbarYEnabledChange: (rendered: boolean) => void;\n onCornerWidthChange: (width: number) => void;\n onCornerHeightChange: (height: number) => void;\n getStyles: GetStylesApi<ScrollAreaFactory>;\n}\n\nexport const [ScrollAreaProvider, useScrollAreaContext] = createSafeContext<ScrollAreaContextValue>(\n 'ScrollArea.Root component was not found in tree'\n);\n"],"mappings":";;;AAwBA,MAAa,CAAC,oBAAoB,wBAAwB,kBACxD,iDACF"}

package/esm/components/ScrollArea/ScrollArea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.mjs","names":["classes"],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { useCallback, useEffectEvent, useRef, useState } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { ScrollAreaCorner } from './ScrollAreaCorner/ScrollAreaCorner';\nimport { ScrollAreaRoot } from './ScrollAreaRoot/ScrollAreaRoot';\nimport { ScrollAreaScrollbar } from './ScrollAreaScrollbar/ScrollAreaScrollbar';\nimport { ScrollAreaThumb } from './ScrollAreaThumb/ScrollAreaThumb';\nimport { ScrollAreaViewport } from './ScrollAreaViewport/ScrollAreaViewport';\nimport { useResizeObserver } from './use-resize-observer';\nimport classes from './ScrollArea.module.css';\n\nexport type ScrollAreaStylesNames =\n \| 'root'\n \| 'viewport'\n \| 'scrollbar'\n \| 'thumb'\n \| 'corner'\n \| 'content';\n\nexport type ScrollAreaCssVariables = {\n root: '--scrollarea-scrollbar-size';\n};\n\nexport interface ScrollAreaProps\n extends BoxProps, StylesApiProps<ScrollAreaFactory>, ElementProps<'div'> {\n /** Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem) /\n scrollbarSize?: number \| string;\n\n /\n Defines scrollbars behavior\n * - `'hover'` – scrollbars visible on hover (default)\n * - `'scroll'` – scrollbars visible during scrolling\n * - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto)\n * - `'always'` – scrollbars always visible, even when content doesn't overflow\n * - `'never'` – scrollbars always hidden\n * @default 'hover'\n * /\n type?: 'auto' \| 'always' \| 'scroll' \| 'hover' \| 'never';\n\n /* Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll` @default 1000 /\n scrollHideDelay?: number;\n\n /\n Axis at which scrollbars must be rendered\n * - `'x'` - horizontal scrollbar only\n * - `'y'` - vertical scrollbar only\n * - `'xy'` - both scrollbars\n * - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)\n * @default 'xy'\n /\n scrollbars?: 'x' \| 'y' \| 'xy' \| false;\n\n /\n Determines whether scrollbars should be offset with padding on given axis\n * - `true` - adds padding to offset both scrollbars (always)\n * - `'x'` - adds padding to offset horizontal scrollbar (always)\n * - `'y'` - adds padding to offset vertical scrollbar (always)\n * - `'present'` - adds padding only when scrollbars are visible (dynamic)\n * @default false\n /\n offsetScrollbars?: boolean \| 'x' \| 'y' \| 'present';\n\n /* Assigns viewport element (scrollable container) ref /\n viewportRef?: React.Ref<HTMLDivElement>;\n\n /* Props passed down to the viewport element /\n viewportProps?: React.ComponentProps<'div'>;\n\n /* Called with current position (`x` and `y` coordinates) when viewport is scrolled /\n onScrollPositionChange?: (position: { x: number; y: number }) => void;\n\n /\n Called when scrollarea is scrolled to the bottom (within 0.8px tolerance for sub-pixel rendering)\n /\n onBottomReached?: () => void;\n\n /* Called when scrollarea is scrolled all the way to the top /\n onTopReached?: () => void;\n\n /* Called when scrollarea is scrolled to the left (within 0.8px tolerance for sub-pixel rendering) /\n onLeftReached?: () => void;\n\n /* Called when scrollarea is scrolled to the right (within 0.8px tolerance for sub-pixel rendering) /\n onRightReached?: () => void;\n\n /* Defines `overscroll-behavior` of the viewport /\n overscrollBehavior?: React.CSSProperties['overscrollBehavior'];\n\n /* Initial scroll position set on mount /\n startScrollPosition?: { x?: number; y?: number };\n}\n\nexport interface ScrollAreaAutosizeProps extends ScrollAreaProps {\n /* Called when content overflows due to max-height, making the container scrollable */\n onOverflowChange?: (overflowing: boolean) => void;\n}\n\nexport type ScrollAreaFactory = Factory<{\n props: ScrollAreaProps;\n ref: HTMLDivElement;\n stylesNames: ScrollAreaStylesNames;\n vars: ScrollAreaCssVariables;\n staticComponents: {\n Autosize: typeof ScrollAreaAutosize;\n };\n}>;\n\nexport type ScrollAreaAutosizeFactory = Factory<{\n props: ScrollAreaAutosizeProps;\n ref: HTMLDivElement;\n stylesNames: ScrollAreaStylesNames;\n vars: ScrollAreaCssVariables;\n}>;\n\nconst defaultProps = {\n scrollHideDelay: 1000,\n type: 'hover',\n scrollbars: 'xy',\n} satisfies Partial<ScrollAreaProps>;\n\nconst varsResolver = createVarsResolver<ScrollAreaFactory>(\n (_, { scrollbarSize, overscrollBehavior, scrollbars }) => {\n let overrideOverscrollBehavior = overscrollBehavior;\n\n if (overscrollBehavior && scrollbars) {\n if (scrollbars === 'x') {\n overrideOverscrollBehavior = `${overscrollBehavior} auto`;\n } else if (scrollbars === 'y') {\n overrideOverscrollBehavior = `auto ${overscrollBehavior}`;\n }\n }\n\n return {\n root: {\n '--scrollarea-scrollbar-size': rem(scrollbarSize),\n '--scrollarea-over-scroll-behavior': overrideOverscrollBehavior,\n },\n };\n }\n);\n\nexport const ScrollArea = factory<ScrollAreaFactory>((_props) => {\n const props = useProps('ScrollArea', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n scrollbarSize,\n vars,\n type,\n scrollHideDelay,\n viewportProps,\n viewportRef,\n onScrollPositionChange,\n children,\n offsetScrollbars,\n scrollbars,\n onBottomReached,\n onTopReached,\n onLeftReached,\n onRightReached,\n overscrollBehavior,\n startScrollPosition,\n attributes,\n ...others\n } = props;\n\n const [scrollbarHovered, setScrollbarHovered] = useState(false);\n const [verticalThumbVisible, setVerticalThumbVisible] = useState(false);\n const [horizontalThumbVisible, setHorizontalThumbVisible] = useState(false);\n\n // Refs to track previous boundary states\n const prevAtTopRef = useRef(true);\n const prevAtBottomRef = useRef(false);\n const prevAtLeftRef = useRef(true);\n const prevAtRightRef = useRef(false);\n\n const getStyles = useStyles<ScrollAreaFactory>({\n name: 'ScrollArea',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const localViewportRef = useRef<HTMLDivElement>(null);\n const [viewportElement, setViewportElement] = useState<HTMLDivElement \| null>(null);\n const viewportCallbackRef = useCallback((node: HTMLDivElement \| null) => {\n setViewportElement((current) => (current === node ? current : node));\n }, []);\n const combinedViewportRef = useMergeRefs([viewportRef, localViewportRef, viewportCallbackRef]);\n\n useResizeObserver(offsetScrollbars === 'present' ? viewportElement : null, () => {\n const element = localViewportRef.current;\n if (element) {\n setVerticalThumbVisible(element.scrollHeight > element.clientHeight);\n setHorizontalThumbVisible(element.scrollWidth > element.clientWidth);\n }\n });\n\n useIsomorphicEffect(() => {\n if (startScrollPosition && localViewportRef.current) {\n localViewportRef.current.scrollTo({\n left: startScrollPosition.x ?? 0,\n top: startScrollPosition.y ?? 0,\n });\n }\n }, []);\n\n return (\n <ScrollAreaRoot\n getStyles={getStyles}\n type={type === 'never' ? 'always' : type}\n scrollHideDelay={scrollHideDelay}\n scrollbars={scrollbars}\n {...getStyles('root')}\n {...others}\n >\n <ScrollAreaViewport\n {...viewportProps}\n {...getStyles('viewport', { style: viewportProps?.style })}\n ref={combinedViewportRef}\n data-offset-scrollbars={offsetScrollbars === true ? 'xy' : offsetScrollbars \|\| undefined}\n data-scrollbars={scrollbars \|\| undefined}\n data-horizontal-hidden={\n offsetScrollbars === 'present' && !horizontalThumbVisible ? 'true' : undefined\n }\n data-vertical-hidden={\n offsetScrollbars === 'present' && !verticalThumbVisible ? 'true' : undefined\n }\n onScroll={(e) => {\n viewportProps?.onScroll?.(e);\n onScrollPositionChange?.({ x: e.currentTarget.scrollLeft, y: e.currentTarget.scrollTop });\n const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n e.currentTarget;\n\n // Vertical boundaries\n // threshold of -0.8 is required for some browsers that use sub-pixel rendering, specifically when zoomed out.\n const isAtBottom = scrollTop - (scrollHeight - clientHeight) >= -0.8;\n const isAtTop = scrollTop === 0;\n\n if (isAtBottom && !prevAtBottomRef.current) {\n onBottomReached?.();\n }\n if (isAtTop && !prevAtTopRef.current) {\n onTopReached?.();\n }\n\n prevAtBottomRef.current = isAtBottom;\n prevAtTopRef.current = isAtTop;\n\n // Horizontal boundaries\n const isAtRight = scrollLeft - (scrollWidth - clientWidth) >= -0.8;\n const isAtLeft = scrollLeft === 0;\n\n if (isAtRight && !prevAtRightRef.current) {\n onRightReached?.();\n }\n if (isAtLeft && !prevAtLeftRef.current) {\n onLeftReached?.();\n }\n\n prevAtRightRef.current = isAtRight;\n prevAtLeftRef.current = isAtLeft;\n }}\n >\n {children}\n </ScrollAreaViewport>\n\n {(scrollbars === 'xy' \|\| scrollbars === 'x') && (\n <ScrollAreaScrollbar\n {...getStyles('scrollbar')}\n orientation=\"horizontal\"\n data-hidden={\n type === 'never' \|\| (offsetScrollbars === 'present' && !horizontalThumbVisible)\n ? true\n : undefined\n }\n forceMount\n onMouseEnter={() => setScrollbarHovered(true)}\n onMouseLeave={() => setScrollbarHovered(false)}\n >\n <ScrollAreaThumb {...getStyles('thumb')} />\n </ScrollAreaScrollbar>\n )}\n\n {(scrollbars === 'xy' \|\| scrollbars === 'y') && (\n <ScrollAreaScrollbar\n {...getStyles('scrollbar')}\n orientation=\"vertical\"\n data-hidden={\n type === 'never' \|\| (offsetScrollbars === 'present' && !verticalThumbVisible)\n ? true\n : undefined\n }\n forceMount\n onMouseEnter={() => setScrollbarHovered(true)}\n onMouseLeave={() => setScrollbarHovered(false)}\n >\n <ScrollAreaThumb {...getStyles('thumb')} />\n </ScrollAreaScrollbar>\n )}\n\n <ScrollAreaCorner\n {...getStyles('corner')}\n data-hovered={scrollbarHovered \|\| undefined}\n data-hidden={type === 'never' \|\| undefined}\n />\n </ScrollAreaRoot>\n );\n});\n\nScrollArea.displayName = '@mantine/core/ScrollArea';\n\nexport const ScrollAreaAutosize = factory<ScrollAreaAutosizeFactory>((props) => {\n const {\n children,\n classNames,\n styles,\n scrollbarSize,\n scrollHideDelay,\n type,\n dir,\n offsetScrollbars,\n overscrollBehavior,\n viewportRef,\n onScrollPositionChange,\n unstyled,\n variant,\n viewportProps,\n scrollbars,\n style,\n vars,\n onBottomReached,\n onTopReached,\n startScrollPosition,\n onOverflowChange,\n ...others\n } = useProps('ScrollAreaAutosize', defaultProps, props as ScrollAreaAutosizeProps);\n\n // Overflow detection (Autosize-only)\n const viewportObserverRef = useRef<HTMLDivElement>(null);\n const [viewportObserverElement, setViewportObserverElement] = useState<HTMLDivElement \| null>(\n null\n );\n const viewportObserverCallbackRef = useCallback((node: HTMLDivElement \| null) => {\n setViewportObserverElement((current) => (current === node ? current : node));\n }, []);\n const combinedViewportRef = useMergeRefs([\n viewportRef,\n viewportObserverRef,\n viewportObserverCallbackRef,\n ]);\n\n const overflowingRef = useRef(false);\n const didMountRef = useRef(false);\n\n const handleOverflowCheck = useEffectEvent(() => {\n const el = viewportObserverRef.current;\n if (!el \|\| !onOverflowChange) {\n return;\n }\n\n const isOverflowing = el.scrollHeight > el.clientHeight;\n\n if (isOverflowing !== overflowingRef.current) {\n if (didMountRef.current) {\n onOverflowChange(isOverflowing);\n } else {\n didMountRef.current = true;\n if (isOverflowing) {\n onOverflowChange(true);\n }\n }\n\n overflowingRef.current = isOverflowing;\n }\n });\n\n useResizeObserver(onOverflowChange ? viewportObserverElement : null, handleOverflowCheck);\n\n return (\n <Box {...others} variant={variant} style={[{ display: 'flex', overflow: 'hidden' }, style]}>\n <Box\n style={{\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n overflow: 'hidden',\n ...(scrollbars === 'y' && { minWidth: 0 }),\n ...(scrollbars === 'x' && { minHeight: 0 }),\n ...(scrollbars === 'xy' && { minWidth: 0, minHeight: 0 }),\n ...(scrollbars === false && { minWidth: 0, minHeight: 0 }),\n }}\n >\n <ScrollArea\n classNames={classNames}\n styles={styles}\n scrollHideDelay={scrollHideDelay}\n scrollbarSize={scrollbarSize}\n type={type}\n dir={dir}\n offsetScrollbars={offsetScrollbars}\n overscrollBehavior={overscrollBehavior}\n viewportRef={combinedViewportRef}\n onScrollPositionChange={onScrollPositionChange}\n unstyled={unstyled}\n variant={variant}\n viewportProps={viewportProps}\n vars={vars}\n scrollbars={scrollbars}\n onBottomReached={onBottomReached}\n onTopReached={onTopReached}\n startScrollPosition={startScrollPosition}\n data-autosize=\"true\"\n >\n {children}\n </ScrollArea>\n </Box>\n </Box>\n );\n});\n\nScrollArea.classes = classes;\nScrollArea.varsResolver = varsResolver;\nScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';\nScrollAreaAutosize.classes = classes;\nScrollArea.Autosize = ScrollAreaAutosize;\n\nexport namespace ScrollArea {\n export type Props = ScrollAreaProps;\n export type AutosizeProps = ScrollAreaAutosizeProps;\n export type StylesNames = ScrollAreaStylesNames;\n export type CssVariables = ScrollAreaCssVariables;\n export type Factory = ScrollAreaFactory;\n\n export namespace Autosize {\n export type Props = ScrollAreaAutosizeProps;\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ScrollArea.mjs","names":["classes"],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { useCallback, useEffectEvent, useRef, useState } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { ScrollAreaCorner } from './ScrollAreaCorner/ScrollAreaCorner';\nimport { ScrollAreaRoot } from './ScrollAreaRoot/ScrollAreaRoot';\nimport { ScrollAreaScrollbar } from './ScrollAreaScrollbar/ScrollAreaScrollbar';\nimport { ScrollAreaThumb } from './ScrollAreaThumb/ScrollAreaThumb';\nimport { ScrollAreaViewport } from './ScrollAreaViewport/ScrollAreaViewport';\nimport { useResizeObserver } from './use-resize-observer';\nimport classes from './ScrollArea.module.css';\n\nexport type ScrollAreaStylesNames =\n \| 'root'\n \| 'viewport'\n \| 'scrollbar'\n \| 'thumb'\n \| 'corner'\n \| 'content';\n\nexport type ScrollAreaCssVariables = {\n root: '--scrollarea-scrollbar-size';\n};\n\nexport interface ScrollAreaProps\n extends BoxProps, StylesApiProps<ScrollAreaFactory>, ElementProps<'div'> {\n /** Scrollbar size, any valid CSS value for width/height, numbers are converted to rem, default value is 12px (0.75rem) /\n scrollbarSize?: number \| string;\n\n /\n Defines scrollbars behavior\n * - `'hover'` – scrollbars visible on hover (default)\n * - `'scroll'` – scrollbars visible during scrolling\n * - `'auto'` – scrollbars visible only when content overflows (like CSS overflow: auto)\n * - `'always'` – scrollbars always visible, even when content doesn't overflow\n * - `'never'` – scrollbars always hidden\n * @default 'hover'\n * /\n type?: 'auto' \| 'always' \| 'scroll' \| 'hover' \| 'never';\n\n /* Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll` @default 1000 /\n scrollHideDelay?: number;\n\n /\n Axis at which scrollbars must be rendered\n * - `'x'` - horizontal scrollbar only\n * - `'y'` - vertical scrollbar only\n * - `'xy'` - both scrollbars\n * - `false` - no scrollbars rendered (content remains scrollable via mouse/touch)\n * @default 'xy'\n /\n scrollbars?: 'x' \| 'y' \| 'xy' \| false;\n\n /\n Determines whether scrollbars should be offset with padding on given axis\n * - `true` - adds padding to offset both scrollbars (always)\n * - `'x'` - adds padding to offset horizontal scrollbar (always)\n * - `'y'` - adds padding to offset vertical scrollbar (always)\n * - `'present'` - adds padding only when scrollbars are visible (dynamic)\n * @default false\n /\n offsetScrollbars?: boolean \| 'x' \| 'y' \| 'present';\n\n /* Assigns viewport element (scrollable container) ref /\n viewportRef?: React.Ref<HTMLDivElement>;\n\n /* Props passed down to the viewport element /\n viewportProps?: React.ComponentProps<'div'>;\n\n /* Called with current position (`x` and `y` coordinates) when viewport is scrolled /\n onScrollPositionChange?: (position: { x: number; y: number }) => void;\n\n /\n Called when scrollarea is scrolled to the bottom (within 0.8px tolerance for sub-pixel rendering)\n /\n onBottomReached?: () => void;\n\n /* Called when scrollarea is scrolled all the way to the top /\n onTopReached?: () => void;\n\n /* Called when scrollarea is scrolled to the left (within 0.8px tolerance for sub-pixel rendering) /\n onLeftReached?: () => void;\n\n /* Called when scrollarea is scrolled to the right (within 0.8px tolerance for sub-pixel rendering) /\n onRightReached?: () => void;\n\n /* Defines `overscroll-behavior` of the viewport /\n overscrollBehavior?: React.CSSProperties['overscrollBehavior'];\n\n /* Initial scroll position set on mount /\n startScrollPosition?: { x?: number; y?: number };\n}\n\nexport interface ScrollAreaAutosizeProps extends ScrollAreaProps {\n /* Called when content overflows due to max-height, making the container scrollable */\n onOverflowChange?: (overflowing: boolean) => void;\n}\n\nexport type ScrollAreaFactory = Factory<{\n props: ScrollAreaProps;\n ref: HTMLDivElement;\n stylesNames: ScrollAreaStylesNames;\n vars: ScrollAreaCssVariables;\n staticComponents: {\n Autosize: typeof ScrollAreaAutosize;\n };\n}>;\n\nexport type ScrollAreaAutosizeFactory = Factory<{\n props: ScrollAreaAutosizeProps;\n ref: HTMLDivElement;\n stylesNames: ScrollAreaStylesNames;\n vars: ScrollAreaCssVariables;\n}>;\n\nconst defaultProps = {\n scrollHideDelay: 1000,\n type: 'hover',\n scrollbars: 'xy',\n} satisfies Partial<ScrollAreaProps>;\n\nconst varsResolver = createVarsResolver<ScrollAreaFactory>(\n (_, { scrollbarSize, overscrollBehavior, scrollbars }) => {\n let overrideOverscrollBehavior = overscrollBehavior;\n\n if (overscrollBehavior && scrollbars) {\n if (scrollbars === 'x') {\n overrideOverscrollBehavior = `${overscrollBehavior} auto`;\n } else if (scrollbars === 'y') {\n overrideOverscrollBehavior = `auto ${overscrollBehavior}`;\n }\n }\n\n return {\n root: {\n '--scrollarea-scrollbar-size': rem(scrollbarSize),\n '--scrollarea-over-scroll-behavior': overrideOverscrollBehavior,\n },\n };\n }\n);\n\nexport const ScrollArea = factory<ScrollAreaFactory>((_props) => {\n const props = useProps('ScrollArea', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n scrollbarSize,\n vars,\n type,\n scrollHideDelay,\n viewportProps,\n viewportRef,\n onScrollPositionChange,\n children,\n offsetScrollbars,\n scrollbars,\n onBottomReached,\n onTopReached,\n onLeftReached,\n onRightReached,\n overscrollBehavior,\n startScrollPosition,\n attributes,\n ...others\n } = props;\n\n const [scrollbarHovered, setScrollbarHovered] = useState(false);\n const [verticalThumbVisible, setVerticalThumbVisible] = useState(false);\n const [horizontalThumbVisible, setHorizontalThumbVisible] = useState(false);\n\n // Refs to track previous boundary states\n const prevAtTopRef = useRef(true);\n const prevAtBottomRef = useRef(false);\n const prevAtLeftRef = useRef(true);\n const prevAtRightRef = useRef(false);\n\n const getStyles = useStyles<ScrollAreaFactory>({\n name: 'ScrollArea',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const localViewportRef = useRef<HTMLDivElement>(null);\n const [viewportElement, setViewportElement] = useState<HTMLDivElement \| null>(null);\n const viewportCallbackRef = useCallback((node: HTMLDivElement \| null) => {\n setViewportElement((current) => (current === node ? current : node));\n }, []);\n const combinedViewportRef = useMergeRefs([viewportRef, localViewportRef, viewportCallbackRef]);\n\n useResizeObserver(offsetScrollbars === 'present' ? viewportElement : null, () => {\n const element = localViewportRef.current;\n if (element) {\n setVerticalThumbVisible(element.scrollHeight > element.clientHeight);\n setHorizontalThumbVisible(element.scrollWidth > element.clientWidth);\n }\n });\n\n useIsomorphicEffect(() => {\n if (startScrollPosition && localViewportRef.current) {\n localViewportRef.current.scrollTo({\n left: startScrollPosition.x ?? 0,\n top: startScrollPosition.y ?? 0,\n });\n }\n }, []);\n\n return (\n <ScrollAreaRoot\n getStyles={getStyles}\n type={type === 'never' ? 'always' : type}\n scrollHideDelay={scrollHideDelay}\n scrollbars={scrollbars}\n {...getStyles('root')}\n {...others}\n >\n <ScrollAreaViewport\n {...viewportProps}\n {...getStyles('viewport', { style: viewportProps?.style })}\n ref={combinedViewportRef}\n data-offset-scrollbars={offsetScrollbars === true ? 'xy' : offsetScrollbars \|\| undefined}\n data-scrollbars={scrollbars \|\| undefined}\n data-horizontal-hidden={\n offsetScrollbars === 'present' && !horizontalThumbVisible ? 'true' : undefined\n }\n data-vertical-hidden={\n offsetScrollbars === 'present' && !verticalThumbVisible ? 'true' : undefined\n }\n onScroll={(e) => {\n viewportProps?.onScroll?.(e);\n onScrollPositionChange?.({ x: e.currentTarget.scrollLeft, y: e.currentTarget.scrollTop });\n const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } =\n e.currentTarget;\n\n // Vertical boundaries\n // threshold of -0.8 is required for some browsers that use sub-pixel rendering, specifically when zoomed out.\n const isAtBottom = scrollTop - (scrollHeight - clientHeight) >= -0.8;\n const isAtTop = scrollTop === 0;\n\n if (isAtBottom && !prevAtBottomRef.current) {\n onBottomReached?.();\n }\n if (isAtTop && !prevAtTopRef.current) {\n onTopReached?.();\n }\n\n prevAtBottomRef.current = isAtBottom;\n prevAtTopRef.current = isAtTop;\n\n // Horizontal boundaries\n const isAtRight = scrollLeft - (scrollWidth - clientWidth) >= -0.8;\n const isAtLeft = scrollLeft === 0;\n\n if (isAtRight && !prevAtRightRef.current) {\n onRightReached?.();\n }\n if (isAtLeft && !prevAtLeftRef.current) {\n onLeftReached?.();\n }\n\n prevAtRightRef.current = isAtRight;\n prevAtLeftRef.current = isAtLeft;\n }}\n >\n {children}\n </ScrollAreaViewport>\n\n {(scrollbars === 'xy' \|\| scrollbars === 'x') && (\n <ScrollAreaScrollbar\n {...getStyles('scrollbar')}\n orientation=\"horizontal\"\n data-hidden={\n type === 'never' \|\| (offsetScrollbars === 'present' && !horizontalThumbVisible)\n ? true\n : undefined\n }\n forceMount\n onMouseEnter={() => setScrollbarHovered(true)}\n onMouseLeave={() => setScrollbarHovered(false)}\n >\n <ScrollAreaThumb {...getStyles('thumb')} />\n </ScrollAreaScrollbar>\n )}\n\n {(scrollbars === 'xy' \|\| scrollbars === 'y') && (\n <ScrollAreaScrollbar\n {...getStyles('scrollbar')}\n orientation=\"vertical\"\n data-hidden={\n type === 'never' \|\| (offsetScrollbars === 'present' && !verticalThumbVisible)\n ? true\n : undefined\n }\n forceMount\n onMouseEnter={() => setScrollbarHovered(true)}\n onMouseLeave={() => setScrollbarHovered(false)}\n >\n <ScrollAreaThumb {...getStyles('thumb')} />\n </ScrollAreaScrollbar>\n )}\n\n <ScrollAreaCorner\n {...getStyles('corner')}\n data-hovered={scrollbarHovered \|\| undefined}\n data-hidden={type === 'never' \|\| undefined}\n />\n </ScrollAreaRoot>\n );\n});\n\nScrollArea.displayName = '@mantine/core/ScrollArea';\n\nexport const ScrollAreaAutosize = factory<ScrollAreaAutosizeFactory>((props) => {\n const {\n children,\n classNames,\n styles,\n scrollbarSize,\n scrollHideDelay,\n type,\n dir,\n offsetScrollbars,\n overscrollBehavior,\n viewportRef,\n onScrollPositionChange,\n unstyled,\n variant,\n viewportProps,\n scrollbars,\n style,\n vars,\n onBottomReached,\n onTopReached,\n startScrollPosition,\n onOverflowChange,\n ...others\n } = useProps('ScrollAreaAutosize', defaultProps, props as ScrollAreaAutosizeProps);\n\n // Overflow detection (Autosize-only)\n const viewportObserverRef = useRef<HTMLDivElement>(null);\n const [viewportObserverElement, setViewportObserverElement] = useState<HTMLDivElement \| null>(\n null\n );\n const viewportObserverCallbackRef = useCallback((node: HTMLDivElement \| null) => {\n setViewportObserverElement((current) => (current === node ? current : node));\n }, []);\n const combinedViewportRef = useMergeRefs([\n viewportRef,\n viewportObserverRef,\n viewportObserverCallbackRef,\n ]);\n\n const overflowingRef = useRef(false);\n const didMountRef = useRef(false);\n\n const handleOverflowCheck = useEffectEvent(() => {\n const el = viewportObserverRef.current;\n if (!el \|\| !onOverflowChange) {\n return;\n }\n\n const isOverflowing = el.scrollHeight > el.clientHeight;\n\n if (isOverflowing !== overflowingRef.current) {\n if (didMountRef.current) {\n onOverflowChange(isOverflowing);\n } else {\n didMountRef.current = true;\n if (isOverflowing) {\n onOverflowChange(true);\n }\n }\n\n overflowingRef.current = isOverflowing;\n }\n });\n\n useResizeObserver(onOverflowChange ? viewportObserverElement : null, handleOverflowCheck);\n\n return (\n <Box {...others} variant={variant} style={[{ display: 'flex', overflow: 'hidden' }, style]}>\n <Box\n style={{\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n overflow: 'hidden',\n ...(scrollbars === 'y' && { minWidth: 0 }),\n ...(scrollbars === 'x' && { minHeight: 0 }),\n ...(scrollbars === 'xy' && { minWidth: 0, minHeight: 0 }),\n ...(scrollbars === false && { minWidth: 0, minHeight: 0 }),\n }}\n >\n <ScrollArea\n classNames={classNames}\n styles={styles}\n scrollHideDelay={scrollHideDelay}\n scrollbarSize={scrollbarSize}\n type={type}\n dir={dir}\n offsetScrollbars={offsetScrollbars}\n overscrollBehavior={overscrollBehavior}\n viewportRef={combinedViewportRef}\n onScrollPositionChange={onScrollPositionChange}\n unstyled={unstyled}\n variant={variant}\n viewportProps={viewportProps}\n vars={vars}\n scrollbars={scrollbars}\n onBottomReached={onBottomReached}\n onTopReached={onTopReached}\n startScrollPosition={startScrollPosition}\n data-autosize=\"true\"\n >\n {children}\n </ScrollArea>\n </Box>\n </Box>\n );\n});\n\nScrollArea.classes = classes;\nScrollArea.varsResolver = varsResolver;\nScrollAreaAutosize.displayName = '@mantine/core/ScrollAreaAutosize';\nScrollAreaAutosize.classes = classes;\nScrollArea.Autosize = ScrollAreaAutosize;\n\nexport namespace ScrollArea {\n export type Props = ScrollAreaProps;\n export type AutosizeProps = ScrollAreaAutosizeProps;\n export type StylesNames = ScrollAreaStylesNames;\n export type CssVariables = ScrollAreaCssVariables;\n export type Factory = ScrollAreaFactory;\n\n export namespace Autosize {\n export type Props = ScrollAreaAutosizeProps;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA8HA,MAAM,eAAe;CACnB,iBAAiB;CACjB,MAAM;CACN,YAAY;AACd;AAEA,MAAM,eAAe,oBAClB,GAAG,EAAE,eAAe,oBAAoB,iBAAiB;CACxD,IAAI,6BAA6B;CAEjC,IAAI,sBAAsB;MACpB,eAAe,KACjB,6BAA6B,GAAG,mBAAmB;OAC9C,IAAI,eAAe,KACxB,6BAA6B,QAAQ;CAAA;CAIzC,OAAO,EACL,MAAM;EACJ,+BAA+B,IAAI,aAAa;EAChD,qCAAqC;CACvC,EACF;AACF,CACF;AAEA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,eACA,MACA,MACA,iBACA,eACA,aACA,wBACA,UACA,kBACA,YACA,iBACA,cACA,eACA,gBACA,oBACA,qBACA,YACA,GAAG,WACD;CAEJ,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAC9D,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,KAAK;CACtE,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,KAAK;CAG1E,MAAM,eAAe,OAAO,IAAI;CAChC,MAAM,kBAAkB,OAAO,KAAK;CACpC,MAAM,gBAAgB,OAAO,IAAI;CACjC,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,mBAAmB,OAAuB,IAAI;CACpD,MAAM,CAAC,iBAAiB,sBAAsB,SAAgC,IAAI;CAIlF,MAAM,sBAAsB,aAAa;EAAC;EAAa;EAH3B,aAAa,SAAgC;GACvE,oBAAoB,YAAa,YAAY,OAAO,UAAU,IAAK;EACrE,GAAG,CAAC,CACuF;CAAC,CAAC;CAE7F,kBAAkB,qBAAqB,YAAY,kBAAkB,YAAY;EAC/E,MAAM,UAAU,iBAAiB;EACjC,IAAI,SAAS;GACX,wBAAwB,QAAQ,eAAe,QAAQ,YAAY;GACnE,0BAA0B,QAAQ,cAAc,QAAQ,WAAW;EACrE;CACF,CAAC;CAED,0BAA0B;EACxB,IAAI,uBAAuB,iBAAiB,SAC1C,iBAAiB,QAAQ,SAAS;GAChC,MAAM,oBAAoB,KAAK;GAC/B,KAAK,oBAAoB,KAAK;EAChC,CAAC;CAEL,GAAG,CAAC,CAAC;CAEL,OACE,qBAAC,gBAAD;EACa;EACX,MAAM,SAAS,UAAU,WAAW;EACnB;EACL;EACZ,GAAI,UAAU,MAAM;EACpB,GAAI;YANN;GAQE,oBAAC,oBAAD;IACE,GAAI;IACJ,GAAI,UAAU,YAAY,EAAE,OAAO,eAAe,MAAM,CAAC;IACzD,KAAK;IACL,0BAAwB,qBAAqB,OAAO,OAAO,oBAAoB,KAAA;IAC/E,mBAAiB,cAAc,KAAA;IAC/B,0BACE,qBAAqB,aAAa,CAAC,yBAAyB,SAAS,KAAA;IAEvE,wBACE,qBAAqB,aAAa,CAAC,uBAAuB,SAAS,KAAA;IAErE,WAAW,MAAM;KACf,eAAe,WAAW,CAAC;KAC3B,yBAAyB;MAAE,GAAG,EAAE,cAAc;MAAY,GAAG,EAAE,cAAc;KAAU,CAAC;KACxF,MAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,gBACtE,EAAE;KAIJ,MAAM,aAAa,aAAa,eAAe,iBAAiB;KAChE,MAAM,UAAU,cAAc;KAE9B,IAAI,cAAc,CAAC,gBAAgB,SACjC,kBAAkB;KAEpB,IAAI,WAAW,CAAC,aAAa,SAC3B,eAAe;KAGjB,gBAAgB,UAAU;KAC1B,aAAa,UAAU;KAGvB,MAAM,YAAY,cAAc,cAAc,gBAAgB;KAC9D,MAAM,WAAW,eAAe;KAEhC,IAAI,aAAa,CAAC,eAAe,SAC/B,iBAAiB;KAEnB,IAAI,YAAY,CAAC,cAAc,SAC7B,gBAAgB;KAGlB,eAAe,UAAU;KACzB,cAAc,UAAU;IAC1B;IAEC;GACiB,CAAA;IAElB,eAAe,QAAQ,eAAe,QACtC,oBAAC,qBAAD;IACE,GAAI,UAAU,WAAW;IACzB,aAAY;IACZ,eACE,SAAS,WAAY,qBAAqB,aAAa,CAAC,yBACpD,OACA,KAAA;IAEN,YAAA;IACA,oBAAoB,oBAAoB,IAAI;IAC5C,oBAAoB,oBAAoB,KAAK;cAE7C,oBAAC,iBAAD,EAAiB,GAAI,UAAU,OAAO,EAAI,CAAA;GACvB,CAAA;IAGrB,eAAe,QAAQ,eAAe,QACtC,oBAAC,qBAAD;IACE,GAAI,UAAU,WAAW;IACzB,aAAY;IACZ,eACE,SAAS,WAAY,qBAAqB,aAAa,CAAC,uBACpD,OACA,KAAA;IAEN,YAAA;IACA,oBAAoB,oBAAoB,IAAI;IAC5C,oBAAoB,oBAAoB,KAAK;cAE7C,oBAAC,iBAAD,EAAiB,GAAI,UAAU,OAAO,EAAI,CAAA;GACvB,CAAA;GAGvB,oBAAC,kBAAD;IACE,GAAI,UAAU,QAAQ;IACtB,gBAAc,oBAAoB,KAAA;IAClC,eAAa,SAAS,WAAW,KAAA;GAClC,CAAA;EACa;;AAEpB,CAAC;AAED,WAAW,cAAc;AAEzB,MAAa,qBAAqB,SAAoC,UAAU;CAC9E,MAAM,EACJ,UACA,YACA,QACA,eACA,iBACA,MACA,KACA,kBACA,oBACA,aACA,wBACA,UACA,SACA,eACA,YACA,OACA,MACA,iBACA,cACA,qBACA,kBACA,GAAG,WACD,SAAS,sBAAsB,cAAc,KAAgC;CAGjF,MAAM,sBAAsB,OAAuB,IAAI;CACvD,MAAM,CAAC,yBAAyB,8BAA8B,SAC5D,IACF;CAIA,MAAM,sBAAsB,aAAa;EACvC;EACA;EALkC,aAAa,SAAgC;GAC/E,4BAA4B,YAAa,YAAY,OAAO,UAAU,IAAK;EAC7E,GAAG,CAAC,CAIwB;CAC5B,CAAC;CAED,MAAM,iBAAiB,OAAO,KAAK;CACnC,MAAM,cAAc,OAAO,KAAK;CAEhC,MAAM,sBAAsB,qBAAqB;EAC/C,MAAM,KAAK,oBAAoB;EAC/B,IAAI,CAAC,MAAM,CAAC,kBACV;EAGF,MAAM,gBAAgB,GAAG,eAAe,GAAG;EAE3C,IAAI,kBAAkB,eAAe,SAAS;GAC5C,IAAI,YAAY,SACd,iBAAiB,aAAa;QACzB;IACL,YAAY,UAAU;IACtB,IAAI,eACF,iBAAiB,IAAI;GAEzB;GAEA,eAAe,UAAU;EAC3B;CACF,CAAC;CAED,kBAAkB,mBAAmB,0BAA0B,MAAM,mBAAmB;CAExF,OACE,oBAAC,KAAD;EAAK,GAAI;EAAiB;EAAS,OAAO,CAAC;GAAE,SAAS;GAAQ,UAAU;EAAS,GAAG,KAAK;YACvF,oBAAC,KAAD;GACE,OAAO;IACL,SAAS;IACT,eAAe;IACf,MAAM;IACN,UAAU;IACV,GAAI,eAAe,OAAO,EAAE,UAAU,EAAE;IACxC,GAAI,eAAe,OAAO,EAAE,WAAW,EAAE;IACzC,GAAI,eAAe,QAAQ;KAAE,UAAU;KAAG,WAAW;IAAE;IACvD,GAAI,eAAe,SAAS;KAAE,UAAU;KAAG,WAAW;IAAE;GAC1D;aAEA,oBAAC,YAAD;IACc;IACJ;IACS;IACF;IACT;IACD;IACa;IACE;IACpB,aAAa;IACW;IACd;IACD;IACM;IACT;IACM;IACK;IACH;IACO;IACrB,iBAAc;IAEb;GACS,CAAA;EACT,CAAA;CACF,CAAA;AAET,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,mBAAmB,cAAc;AACjC,mBAAmB,UAAUA;AAC7B,WAAW,WAAW"}

package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaCorner.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useResizeObserver } from '../use-resize-observer';\n\ninterface ScrollAreaCornerProps extends React.ComponentProps<'div'> {}\n\nexport function Corner(props: ScrollAreaCornerProps) {\n const { style, ...others } = props;\n const ctx = useScrollAreaContext();\n const [width, setWidth] = useState(0);\n const [height, setHeight] = useState(0);\n const hasSize = Boolean(width && height);\n\n useResizeObserver(ctx.scrollbarX, () => {\n const h = ctx.scrollbarX?.offsetHeight \|\| 0;\n ctx.onCornerHeightChange(h);\n setHeight(h);\n });\n\n useResizeObserver(ctx.scrollbarY, () => {\n const w = ctx.scrollbarY?.offsetWidth \|\| 0;\n ctx.onCornerWidthChange(w);\n setWidth(w);\n });\n\n return hasSize ? <div {...others} style={{ ...style, width, height }} /> : null;\n}\n\nexport function ScrollAreaCorner(props: ScrollAreaCornerProps) {\n const ctx = useScrollAreaContext();\n const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);\n const hasCorner = ctx.type !== 'scroll' && hasBothScrollbarsVisible;\n return hasCorner ? <Corner {...props} /> : null;\n}\n"],"mappings":";;;;;;AAMA,SAAgB,OAAO,OAA8B;CACnD,MAAM,EAAE,OAAO,GAAG,WAAW;CAC7B,MAAM,MAAM,~~sBAAsB~~;~~CAClC~~,MAAM,CAAC,OAAO,YAAY,SAAS,~~EAAE~~;~~CACrC~~,MAAM,CAAC,QAAQ,aAAa,SAAS,~~EAAE~~;~~CACvC~~,MAAM,UAAU,QAAQ,SAAS,~~OAAO~~;~~AAExC~~,~~mBAAkB~~,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,gBAAgB;~~AAC1C~~,~~MAAI~~,qBAAqB,~~EAAE~~;~~AAC3B~~,~~YAAU~~,~~EAAE~~;~~GACZ~~;~~AAEF~~,~~mBAAkB~~,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,eAAe;~~AACzC~~,~~MAAI~~,oBAAoB,~~EAAE~~;~~AAC1B~~,~~WAAS~~,~~EAAE~~;~~GACX~~;~~AAEF~~,~~QAAO~~,UAAU,oBAAC,OAAD;EAAK,GAAI;EAAQ,OAAO;GAAE,GAAG;GAAO;GAAO;~~GAAQ~~;~~EAAI~~,CAAA,~~GAAG;;AAG7E~~,SAAgB,iBAAiB,OAA8B;CAC7D,MAAM,MAAM,~~sBAAsB~~;~~CAClC~~,MAAM,2BAA2B,QAAQ,IAAI,cAAc,IAAI,~~WAAW~~;~~AAE1E~~,~~QADkB~~,IAAI,SAAS,YAAY,2BACxB,oBAAC,QAAD,EAAQ,GAAI,~~OAAS~~,CAAA,~~GAAG~~"}
1	+ {"version":3,"file":"ScrollAreaCorner.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useResizeObserver } from '../use-resize-observer';\n\ninterface ScrollAreaCornerProps extends React.ComponentProps<'div'> {}\n\nexport function Corner(props: ScrollAreaCornerProps) {\n const { style, ...others } = props;\n const ctx = useScrollAreaContext();\n const [width, setWidth] = useState(0);\n const [height, setHeight] = useState(0);\n const hasSize = Boolean(width && height);\n\n useResizeObserver(ctx.scrollbarX, () => {\n const h = ctx.scrollbarX?.offsetHeight \|\| 0;\n ctx.onCornerHeightChange(h);\n setHeight(h);\n });\n\n useResizeObserver(ctx.scrollbarY, () => {\n const w = ctx.scrollbarY?.offsetWidth \|\| 0;\n ctx.onCornerWidthChange(w);\n setWidth(w);\n });\n\n return hasSize ? <div {...others} style={{ ...style, width, height }} /> : null;\n}\n\nexport function ScrollAreaCorner(props: ScrollAreaCornerProps) {\n const ctx = useScrollAreaContext();\n const hasBothScrollbarsVisible = Boolean(ctx.scrollbarX && ctx.scrollbarY);\n const hasCorner = ctx.type !== 'scroll' && hasBothScrollbarsVisible;\n return hasCorner ? <Corner {...props} /> : null;\n}\n"],"mappings":";;;;;;AAMA,SAAgB,OAAO,OAA8B;CACnD,MAAM,EAAE,OAAO,GAAG,WAAW;CAC7B,MAAM,MAAM,qBAAqB;CACjC,MAAM,CAAC,OAAO,YAAY,SAAS,CAAC;CACpC,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC;CACtC,MAAM,UAAU,QAAQ,SAAS,MAAM;CAEvC,kBAAkB,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,gBAAgB;EAC1C,IAAI,qBAAqB,CAAC;EAC1B,UAAU,CAAC;CACb,CAAC;CAED,kBAAkB,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,eAAe;EACzC,IAAI,oBAAoB,CAAC;EACzB,SAAS,CAAC;CACZ,CAAC;CAED,OAAO,UAAU,oBAAC,OAAD;EAAK,GAAI;EAAQ,OAAO;GAAE,GAAG;GAAO;GAAO;EAAO;CAAI,CAAA,IAAI;AAC7E;AAEA,SAAgB,iBAAiB,OAA8B;CAC7D,MAAM,MAAM,qBAAqB;CACjC,MAAM,2BAA2B,QAAQ,IAAI,cAAc,IAAI,UAAU;CAEzE,OADkB,IAAI,SAAS,YAAY,2BACxB,oBAAC,QAAD,EAAQ,GAAI,MAAQ,CAAA,IAAI;AAC7C"}

package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.mjs CHANGED Viewed

@@ -21,7 +21,7 @@ function ScrollAreaRoot(_props) {
 	const [cornerHeight, setCornerHeight] = useState(0);
 	const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);
 	const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);
-	const rootRef = useMergedRef(ref, (node) => setScrollArea(node));
+	const rootRef = useMergedRef(ref, setScrollArea);
 	return /* @__PURE__ */ jsx(ScrollAreaProvider, {
 		value: {
 			type,

package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaRoot.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps, Factory, GetStylesApi, useProps } from '../../../core';\nimport type { ScrollAreaFactory } from '../ScrollArea';\nimport { ScrollAreaProvider } from '../ScrollArea.context';\n\nexport type ScrollAreaRootStylesNames =\n \| 'root'\n \| 'viewport'\n \| 'viewportInner'\n \| 'scrollbar'\n \| 'thumb'\n \| 'corner';\n\nexport type ScrollAreaRootCssVariables = {\n root: '--sa-corner-width' \| '--sa-corner-height';\n};\n\nexport interface ScrollAreaRootStylesCtx {\n cornerWidth: number;\n cornerHeight: number;\n}\n\nexport interface ScrollAreaRootProps extends BoxProps, ElementProps<'div'> {\n getStyles: GetStylesApi<ScrollAreaFactory>;\n type?: 'auto' \| 'always' \| 'scroll' \| 'hover' \| 'never';\n scrollbars?: 'x' \| 'y' \| 'xy' \| false;\n scrollHideDelay?: number;\n}\n\nexport type ScrollAreaRootFactory = Factory<{\n props: ScrollAreaRootProps;\n ref: HTMLDivElement;\n stylesNames: ScrollAreaRootStylesNames;\n}>;\n\nconst defaultProps = {\n scrollHideDelay: 1000,\n type: 'hover',\n} satisfies Partial<ScrollAreaRootProps>;\n\nexport function ScrollAreaRoot(_props: ScrollAreaRootProps) {\n const { type, scrollHideDelay, scrollbars, getStyles, ref, ...others } = useProps(\n 'ScrollAreaRoot',\n defaultProps,\n _props\n );\n\n const [scrollArea, setScrollArea] = useState<HTMLDivElement \| null>(null);\n const [viewport, setViewport] = useState<HTMLDivElement \| null>(null);\n const [content, setContent] = useState<HTMLDivElement \| null>(null);\n const [scrollbarX, setScrollbarX] = useState<HTMLDivElement \| null>(null);\n const [scrollbarY, setScrollbarY] = useState<HTMLDivElement \| null>(null);\n const [cornerWidth, setCornerWidth] = useState(0);\n const [cornerHeight, setCornerHeight] = useState(0);\n const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);\n const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);\n const rootRef = useMergedRef(ref, ~~(node) =>~~ setScrollArea~~(node~~));\n\n return (\n <ScrollAreaProvider\n value={{\n type,\n scrollHideDelay,\n scrollArea,\n viewport,\n onViewportChange: setViewport,\n content,\n onContentChange: setContent,\n scrollbarX,\n onScrollbarXChange: setScrollbarX,\n scrollbarXEnabled,\n onScrollbarXEnabledChange: setScrollbarXEnabled,\n scrollbarY,\n onScrollbarYChange: setScrollbarY,\n scrollbarYEnabled,\n onScrollbarYEnabledChange: setScrollbarYEnabled,\n onCornerWidthChange: setCornerWidth,\n onCornerHeightChange: setCornerHeight,\n getStyles,\n }}\n >\n <Box\n {...others}\n ref={rootRef}\n __vars={{\n '--sa-corner-width': scrollbars !== 'xy' ? '0px' : `${cornerWidth}px`,\n '--sa-corner-height': scrollbars !== 'xy' ? '0px' : `${cornerHeight}px`,\n }}\n />\n </ScrollAreaProvider>\n );\n}\n\nScrollAreaRoot.displayName = '@mantine/core/ScrollAreaRoot';\n"],"mappings":";;;;;;;;AAoCA,MAAM,eAAe;CACnB,iBAAiB;CACjB,MAAM;~~CACP~~;~~AAED~~,SAAgB,eAAe,QAA6B;CAC1D,MAAM,EAAE,MAAM,iBAAiB,YAAY,WAAW,KAAK,GAAG,WAAW,SACvE,kBACA,cACA,~~OACD~~;~~CAED~~,MAAM,CAAC,YAAY,iBAAiB,SAAgC,~~KAAK~~;~~CACzE~~,MAAM,CAAC,UAAU,eAAe,SAAgC,~~KAAK~~;~~CACrE~~,MAAM,CAAC,SAAS,cAAc,SAAgC,~~KAAK~~;~~CACnE~~,MAAM,CAAC,YAAY,iBAAiB,SAAgC,~~KAAK~~;~~CACzE~~,MAAM,CAAC,YAAY,iBAAiB,SAAgC,~~KAAK~~;~~CACzE~~,MAAM,CAAC,aAAa,kBAAkB,SAAS,~~EAAE~~;~~CACjD~~,MAAM,CAAC,cAAc,mBAAmB,SAAS,~~EAAE~~;~~CACnD~~,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,~~MAAM~~;~~CACjE~~,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,~~MAAM~~;~~CACjE~~,MAAM,UAAU,aAAa,~~MAAM,SAAS,cAAc,~~KAAK,~~CAAC~~;~~AAEhE~~,~~QACE~~,oBAAC,oBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA,kBAAkB;GAClB;GACA,iBAAiB;GACjB;GACA,oBAAoB;GACpB;GACA,2BAA2B;GAC3B;GACA,oBAAoB;GACpB;GACA,2BAA2B;GAC3B,qBAAqB;GACrB,sBAAsB;GACtB;~~GACD~~;~~YAED~~,oBAAC,KAAD;GACE,GAAI;GACJ,KAAK;GACL,QAAQ;IACN,qBAAqB,eAAe,OAAO,QAAQ,GAAG,YAAY;IAClE,sBAAsB,eAAe,OAAO,QAAQ,GAAG,aAAa;~~IACrE~~;~~GACD~~,CAAA;~~EACiB~~,CAAA~~;;AAIzB~~,eAAe,cAAc"}
1	+ {"version":3,"file":"ScrollAreaRoot.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps, Factory, GetStylesApi, useProps } from '../../../core';\nimport type { ScrollAreaFactory } from '../ScrollArea';\nimport { ScrollAreaProvider } from '../ScrollArea.context';\n\nexport type ScrollAreaRootStylesNames =\n \| 'root'\n \| 'viewport'\n \| 'viewportInner'\n \| 'scrollbar'\n \| 'thumb'\n \| 'corner';\n\nexport type ScrollAreaRootCssVariables = {\n root: '--sa-corner-width' \| '--sa-corner-height';\n};\n\nexport interface ScrollAreaRootStylesCtx {\n cornerWidth: number;\n cornerHeight: number;\n}\n\nexport interface ScrollAreaRootProps extends BoxProps, ElementProps<'div'> {\n getStyles: GetStylesApi<ScrollAreaFactory>;\n type?: 'auto' \| 'always' \| 'scroll' \| 'hover' \| 'never';\n scrollbars?: 'x' \| 'y' \| 'xy' \| false;\n scrollHideDelay?: number;\n}\n\nexport type ScrollAreaRootFactory = Factory<{\n props: ScrollAreaRootProps;\n ref: HTMLDivElement;\n stylesNames: ScrollAreaRootStylesNames;\n}>;\n\nconst defaultProps = {\n scrollHideDelay: 1000,\n type: 'hover',\n} satisfies Partial<ScrollAreaRootProps>;\n\nexport function ScrollAreaRoot(_props: ScrollAreaRootProps) {\n const { type, scrollHideDelay, scrollbars, getStyles, ref, ...others } = useProps(\n 'ScrollAreaRoot',\n defaultProps,\n _props\n );\n\n const [scrollArea, setScrollArea] = useState<HTMLDivElement \| null>(null);\n const [viewport, setViewport] = useState<HTMLDivElement \| null>(null);\n const [content, setContent] = useState<HTMLDivElement \| null>(null);\n const [scrollbarX, setScrollbarX] = useState<HTMLDivElement \| null>(null);\n const [scrollbarY, setScrollbarY] = useState<HTMLDivElement \| null>(null);\n const [cornerWidth, setCornerWidth] = useState(0);\n const [cornerHeight, setCornerHeight] = useState(0);\n const [scrollbarXEnabled, setScrollbarXEnabled] = useState(false);\n const [scrollbarYEnabled, setScrollbarYEnabled] = useState(false);\n const rootRef = useMergedRef(ref, setScrollArea);\n\n return (\n <ScrollAreaProvider\n value={{\n type,\n scrollHideDelay,\n scrollArea,\n viewport,\n onViewportChange: setViewport,\n content,\n onContentChange: setContent,\n scrollbarX,\n onScrollbarXChange: setScrollbarX,\n scrollbarXEnabled,\n onScrollbarXEnabledChange: setScrollbarXEnabled,\n scrollbarY,\n onScrollbarYChange: setScrollbarY,\n scrollbarYEnabled,\n onScrollbarYEnabledChange: setScrollbarYEnabled,\n onCornerWidthChange: setCornerWidth,\n onCornerHeightChange: setCornerHeight,\n getStyles,\n }}\n >\n <Box\n {...others}\n ref={rootRef}\n __vars={{\n '--sa-corner-width': scrollbars !== 'xy' ? '0px' : `${cornerWidth}px`,\n '--sa-corner-height': scrollbars !== 'xy' ? '0px' : `${cornerHeight}px`,\n }}\n />\n </ScrollAreaProvider>\n );\n}\n\nScrollAreaRoot.displayName = '@mantine/core/ScrollAreaRoot';\n"],"mappings":";;;;;;;;AAoCA,MAAM,eAAe;CACnB,iBAAiB;CACjB,MAAM;AACR;AAEA,SAAgB,eAAe,QAA6B;CAC1D,MAAM,EAAE,MAAM,iBAAiB,YAAY,WAAW,KAAK,GAAG,WAAW,SACvE,kBACA,cACA,MACF;CAEA,MAAM,CAAC,YAAY,iBAAiB,SAAgC,IAAI;CACxE,MAAM,CAAC,UAAU,eAAe,SAAgC,IAAI;CACpE,MAAM,CAAC,SAAS,cAAc,SAAgC,IAAI;CAClE,MAAM,CAAC,YAAY,iBAAiB,SAAgC,IAAI;CACxE,MAAM,CAAC,YAAY,iBAAiB,SAAgC,IAAI;CACxE,MAAM,CAAC,aAAa,kBAAkB,SAAS,CAAC;CAChD,MAAM,CAAC,cAAc,mBAAmB,SAAS,CAAC;CAClD,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,KAAK;CAChE,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,KAAK;CAChE,MAAM,UAAU,aAAa,KAAK,aAAa;CAE/C,OACE,oBAAC,oBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA,kBAAkB;GAClB;GACA,iBAAiB;GACjB;GACA,oBAAoB;GACpB;GACA,2BAA2B;GAC3B;GACA,oBAAoB;GACpB;GACA,2BAA2B;GAC3B,qBAAqB;GACrB,sBAAsB;GACtB;EACF;YAEA,oBAAC,KAAD;GACE,GAAI;GACJ,KAAK;GACL,QAAQ;IACN,qBAAqB,eAAe,OAAO,QAAQ,GAAG,YAAY;IAClE,sBAAsB,eAAe,OAAO,QAAQ,GAAG,aAAa;GACtE;EACD,CAAA;CACiB,CAAA;AAExB;AAEA,eAAe,cAAc"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaScrollbar.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto';\nimport { ScrollAreaScrollbarHover } from './ScrollAreaScrollbarHover';\nimport { ScrollAreaScrollbarScroll } from './ScrollAreaScrollbarScroll';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\ninterface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbar(props: ScrollAreaScrollbarProps) {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;\n const isHorizontal = props.orientation === 'horizontal';\n\n useEffect(() => {\n isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n return () => {\n isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n };\n }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);\n\n return context.type === 'hover' ? (\n <ScrollAreaScrollbarHover {...scrollbarProps} forceMount={forceMount} />\n ) : context.type === 'scroll' ? (\n <ScrollAreaScrollbarScroll {...scrollbarProps} forceMount={forceMount} />\n ) : context.type === 'auto' ? (\n <ScrollAreaScrollbarAuto {...scrollbarProps} forceMount={forceMount} />\n ) : context.type === 'always' ? (\n <ScrollAreaScrollbarVisible {...scrollbarProps} />\n ) : null;\n}\n\nScrollAreaScrollbar.displayName = '@mantine/core/ScrollAreaScrollbar';\n"],"mappings":";;;;;;;;;AAcA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,EAAE,2BAA2B,8BAA8B;CACjE,MAAM,eAAe,MAAM,gBAAgB;~~AAE3C~~,~~iBAAgB~~;~~AACd~~,~~iBAAe~~,0BAA0B,~~KAAK~~,~~GAAG~~,0BAA0B,~~KAAK~~;~~AAChF~~,~~eAAa~~;~~AACX~~,~~kBAAe~~,0BAA0B,~~MAAM~~,~~GAAG~~,0BAA0B,~~MAAM;;IAEnF~~;EAAC;EAAc;EAA2B;~~EAA0B~~,CAAC;~~AAExE~~,~~QAAO~~,QAAQ,SAAS,UACtB,oBAAC,0BAAD;EAA0B,GAAI;EAA4B;~~EAAc~~,CAAA,~~GACtE~~,QAAQ,SAAS,WACnB,oBAAC,2BAAD;EAA2B,GAAI;EAA4B;~~EAAc~~,CAAA,~~GACvE~~,QAAQ,SAAS,SACnB,oBAAC,yBAAD;EAAyB,GAAI;EAA4B;~~EAAc~~,CAAA,~~GACrE~~,QAAQ,SAAS,WACnB,oBAAC,4BAAD,EAA4B,GAAI,~~gBAAkB~~,CAAA,~~GAChD;;AAGN~~,oBAAoB,cAAc"}
1	+ {"version":3,"file":"ScrollAreaScrollbar.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto } from './ScrollAreaScrollbarAuto';\nimport { ScrollAreaScrollbarHover } from './ScrollAreaScrollbarHover';\nimport { ScrollAreaScrollbarScroll } from './ScrollAreaScrollbarScroll';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\ninterface ScrollAreaScrollbarProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbar(props: ScrollAreaScrollbarProps) {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;\n const isHorizontal = props.orientation === 'horizontal';\n\n useEffect(() => {\n isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n return () => {\n isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n };\n }, [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]);\n\n return context.type === 'hover' ? (\n <ScrollAreaScrollbarHover {...scrollbarProps} forceMount={forceMount} />\n ) : context.type === 'scroll' ? (\n <ScrollAreaScrollbarScroll {...scrollbarProps} forceMount={forceMount} />\n ) : context.type === 'auto' ? (\n <ScrollAreaScrollbarAuto {...scrollbarProps} forceMount={forceMount} />\n ) : context.type === 'always' ? (\n <ScrollAreaScrollbarVisible {...scrollbarProps} />\n ) : null;\n}\n\nScrollAreaScrollbar.displayName = '@mantine/core/ScrollAreaScrollbar';\n"],"mappings":";;;;;;;;;AAcA,SAAgB,oBAAoB,OAAiC;CACnE,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,qBAAqB;CACrC,MAAM,EAAE,2BAA2B,8BAA8B;CACjE,MAAM,eAAe,MAAM,gBAAgB;CAE3C,gBAAgB;EACd,eAAe,0BAA0B,IAAI,IAAI,0BAA0B,IAAI;EAC/E,aAAa;GACX,eAAe,0BAA0B,KAAK,IAAI,0BAA0B,KAAK;EACnF;CACF,GAAG;EAAC;EAAc;EAA2B;CAAyB,CAAC;CAEvE,OAAO,QAAQ,SAAS,UACtB,oBAAC,0BAAD;EAA0B,GAAI;EAA4B;CAAa,CAAA,IACrE,QAAQ,SAAS,WACnB,oBAAC,2BAAD;EAA2B,GAAI;EAA4B;CAAa,CAAA,IACtE,QAAQ,SAAS,SACnB,oBAAC,yBAAD;EAAyB,GAAI;EAA4B;CAAa,CAAA,IACpE,QAAQ,SAAS,WACnB,oBAAC,4BAAD,EAA4B,GAAI,eAAiB,CAAA,IAC/C;AACN;AAEA,oBAAoB,cAAc"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaScrollbarAuto.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useDebouncedCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useResizeObserver } from '../use-resize-observer';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\nexport interface ScrollAreaScrollbarAutoProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbarAuto(props: ScrollAreaScrollbarAutoProps) {\n const context = useScrollAreaContext();\n const { forceMount, ...scrollbarProps } = props;\n const [visible, setVisible] = useState(false);\n const isHorizontal = props.orientation === 'horizontal';\n\n const handleResize = useDebouncedCallback(() => {\n if (context.viewport) {\n const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;\n const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;\n setVisible(isHorizontal ? isOverflowX : isOverflowY);\n }\n }, 10);\n\n useResizeObserver(context.viewport, handleResize);\n useResizeObserver(context.content, handleResize);\n\n if (forceMount \|\| visible) {\n return (\n <ScrollAreaScrollbarVisible data-state={visible ? 'visible' : 'hidden'} {...scrollbarProps} />\n );\n }\n\n return null;\n}\n\nScrollAreaScrollbarAuto.displayName = '@mantine/core/ScrollAreaScrollbarAuto';\n"],"mappings":";;;;;;;;AAaA,SAAgB,wBAAwB,OAAqC;CAC3E,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,CAAC,SAAS,cAAc,SAAS,~~MAAM~~;~~CAC7C~~,MAAM,eAAe,MAAM,gBAAgB;CAE3C,MAAM,eAAe,2BAA2B;~~AAC9C~~,~~MAAI~~,QAAQ,UAAU;GACpB,MAAM,cAAc,QAAQ,SAAS,cAAc,QAAQ,SAAS;GACpE,MAAM,cAAc,QAAQ,SAAS,eAAe,QAAQ,SAAS;~~AACrE~~,~~cAAW~~,eAAe,cAAc,~~YAAY;;IAErD~~,GAAG;~~AAEN~~,~~mBAAkB~~,QAAQ,UAAU,~~aAAa~~;~~AACjD~~,~~mBAAkB~~,QAAQ,SAAS,~~aAAa~~;~~AAEhD~~,~~KAAI~~,cAAc,~~QAChB~~,~~QACE~~,oBAAC,4BAAD;EAA4B,cAAY,UAAU,YAAY;EAAU,GAAI;~~EAAkB~~,CAAA;~~AAIlG~~,~~QAAO;;AAGT~~,wBAAwB,cAAc"}
1	+ {"version":3,"file":"ScrollAreaScrollbarAuto.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useDebouncedCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useResizeObserver } from '../use-resize-observer';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\nexport interface ScrollAreaScrollbarAutoProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbarAuto(props: ScrollAreaScrollbarAutoProps) {\n const context = useScrollAreaContext();\n const { forceMount, ...scrollbarProps } = props;\n const [visible, setVisible] = useState(false);\n const isHorizontal = props.orientation === 'horizontal';\n\n const handleResize = useDebouncedCallback(() => {\n if (context.viewport) {\n const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;\n const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;\n setVisible(isHorizontal ? isOverflowX : isOverflowY);\n }\n }, 10);\n\n useResizeObserver(context.viewport, handleResize);\n useResizeObserver(context.content, handleResize);\n\n if (forceMount \|\| visible) {\n return (\n <ScrollAreaScrollbarVisible data-state={visible ? 'visible' : 'hidden'} {...scrollbarProps} />\n );\n }\n\n return null;\n}\n\nScrollAreaScrollbarAuto.displayName = '@mantine/core/ScrollAreaScrollbarAuto';\n"],"mappings":";;;;;;;;AAaA,SAAgB,wBAAwB,OAAqC;CAC3E,MAAM,UAAU,qBAAqB;CACrC,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,eAAe,MAAM,gBAAgB;CAE3C,MAAM,eAAe,2BAA2B;EAC9C,IAAI,QAAQ,UAAU;GACpB,MAAM,cAAc,QAAQ,SAAS,cAAc,QAAQ,SAAS;GACpE,MAAM,cAAc,QAAQ,SAAS,eAAe,QAAQ,SAAS;GACrE,WAAW,eAAe,cAAc,WAAW;EACrD;CACF,GAAG,EAAE;CAEL,kBAAkB,QAAQ,UAAU,YAAY;CAChD,kBAAkB,QAAQ,SAAS,YAAY;CAE/C,IAAI,cAAc,SAChB,OACE,oBAAC,4BAAD;EAA4B,cAAY,UAAU,YAAY;EAAU,GAAI;CAAiB,CAAA;CAIjG,OAAO;AACT;AAEA,wBAAwB,cAAc"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaScrollbarHover.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto, ScrollAreaScrollbarAutoProps } from './ScrollAreaScrollbarAuto';\n\ninterface ScrollAreaScrollbarHoverProps extends ScrollAreaScrollbarAutoProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbarHover(props: ScrollAreaScrollbarHoverProps) {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n const { scrollArea } = context;\n let hideTimer = 0;\n if (scrollArea) {\n const handlePointerEnter = () => {\n window.clearTimeout(hideTimer);\n setVisible(true);\n };\n const handlePointerLeave = () => {\n hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);\n };\n scrollArea.addEventListener('pointerenter', handlePointerEnter);\n scrollArea.addEventListener('pointerleave', handlePointerLeave);\n\n return () => {\n window.clearTimeout(hideTimer);\n scrollArea.removeEventListener('pointerenter', handlePointerEnter);\n scrollArea.removeEventListener('pointerleave', handlePointerLeave);\n };\n }\n\n return undefined;\n }, [context.scrollArea, context.scrollHideDelay]);\n\n if (forceMount \|\| visible) {\n return (\n <ScrollAreaScrollbarAuto data-state={visible ? 'visible' : 'hidden'} {...scrollbarProps} />\n );\n }\n\n return null;\n}\n\nScrollAreaScrollbarHover.displayName = '@mantine/core/ScrollAreaScrollbarHover';\n"],"mappings":";;;;;;AAQA,SAAgB,yBAAyB,OAAsC;CAC7E,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,CAAC,SAAS,cAAc,SAAS,~~MAAM~~;~~AAE7C~~,~~iBAAgB~~;EACd,MAAM,EAAE,eAAe;EACvB,IAAI,YAAY;~~AAChB~~,~~MAAI~~,YAAY;GACd,MAAM,2BAA2B;~~AAC~~/B,~~WAAO~~,aAAa,~~UAAU~~;~~AAC9B~~,~~eAAW~~,~~KAAK;;GAElB~~,MAAM,2BAA2B;~~AAC~~/B,~~gBAAY~~,OAAO,iBAAiB,WAAW,~~MAAM~~,~~EAAE~~,QAAQ,~~gBAAgB;;AAEjF~~,~~cAAW~~,iBAAiB,gBAAgB,~~mBAAmB~~;~~AAC/D~~,~~cAAW~~,iBAAiB,gBAAgB,~~mBAAmB~~;~~AAE/D~~,~~gBAAa~~;~~AACX~~,~~WAAO~~,aAAa,~~UAAU~~;~~AAC9B~~,~~eAAW~~,oBAAoB,gBAAgB,~~mBAAmB~~;~~AAClE~~,~~eAAW~~,oBAAoB,gBAAgB,~~mBAAmB;;;IAKrE~~,CAAC,QAAQ,YAAY,QAAQ,~~gBAAgB~~,CAAC;~~AAEjD~~,~~KAAI~~,cAAc,~~QAChB~~,~~QACE~~,oBAAC,yBAAD;EAAyB,cAAY,UAAU,YAAY;EAAU,GAAI;~~EAAkB~~,CAAA;~~AAI/F~~,~~QAAO;;AAGT~~,yBAAyB,cAAc"}
1	+ {"version":3,"file":"ScrollAreaScrollbarHover.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAuto, ScrollAreaScrollbarAutoProps } from './ScrollAreaScrollbarAuto';\n\ninterface ScrollAreaScrollbarHoverProps extends ScrollAreaScrollbarAutoProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbarHover(props: ScrollAreaScrollbarHoverProps) {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const [visible, setVisible] = useState(false);\n\n useEffect(() => {\n const { scrollArea } = context;\n let hideTimer = 0;\n if (scrollArea) {\n const handlePointerEnter = () => {\n window.clearTimeout(hideTimer);\n setVisible(true);\n };\n const handlePointerLeave = () => {\n hideTimer = window.setTimeout(() => setVisible(false), context.scrollHideDelay);\n };\n scrollArea.addEventListener('pointerenter', handlePointerEnter);\n scrollArea.addEventListener('pointerleave', handlePointerLeave);\n\n return () => {\n window.clearTimeout(hideTimer);\n scrollArea.removeEventListener('pointerenter', handlePointerEnter);\n scrollArea.removeEventListener('pointerleave', handlePointerLeave);\n };\n }\n\n return undefined;\n }, [context.scrollArea, context.scrollHideDelay]);\n\n if (forceMount \|\| visible) {\n return (\n <ScrollAreaScrollbarAuto data-state={visible ? 'visible' : 'hidden'} {...scrollbarProps} />\n );\n }\n\n return null;\n}\n\nScrollAreaScrollbarHover.displayName = '@mantine/core/ScrollAreaScrollbarHover';\n"],"mappings":";;;;;;AAQA,SAAgB,yBAAyB,OAAsC;CAC7E,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,qBAAqB;CACrC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,gBAAgB;EACd,MAAM,EAAE,eAAe;EACvB,IAAI,YAAY;EAChB,IAAI,YAAY;GACd,MAAM,2BAA2B;IAC/B,OAAO,aAAa,SAAS;IAC7B,WAAW,IAAI;GACjB;GACA,MAAM,2BAA2B;IAC/B,YAAY,OAAO,iBAAiB,WAAW,KAAK,GAAG,QAAQ,eAAe;GAChF;GACA,WAAW,iBAAiB,gBAAgB,kBAAkB;GAC9D,WAAW,iBAAiB,gBAAgB,kBAAkB;GAE9D,aAAa;IACX,OAAO,aAAa,SAAS;IAC7B,WAAW,oBAAoB,gBAAgB,kBAAkB;IACjE,WAAW,oBAAoB,gBAAgB,kBAAkB;GACnE;EACF;CAGF,GAAG,CAAC,QAAQ,YAAY,QAAQ,eAAe,CAAC;CAEhD,IAAI,cAAc,SAChB,OACE,oBAAC,yBAAD;EAAyB,cAAY,UAAU,YAAY;EAAU,GAAI;CAAiB,CAAA;CAI9F,OAAO;AACT;AAEA,yBAAyB,cAAc"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaScrollbarScroll.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebouncedCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { composeEventHandlers } from '../utils';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\ninterface ScrollAreaScrollbarScrollProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbarScroll(props: ScrollAreaScrollbarScrollProps) {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const isHorizontal = props.orientation === 'horizontal';\n const [state, setState] = useState<'hidden' \| 'idle' \| 'interacting' \| 'scrolling'>('hidden');\n const debounceScrollEnd = useDebouncedCallback(() => setState('idle'), 100);\n\n useEffect(() => {\n if (state === 'idle') {\n const hideTimer = window.setTimeout(() => setState('hidden'), context.scrollHideDelay);\n return () => window.clearTimeout(hideTimer);\n }\n\n return undefined;\n }, [state, context.scrollHideDelay]);\n\n useEffect(() => {\n const { viewport } = context;\n const scrollDirection = isHorizontal ? 'scrollLeft' : 'scrollTop';\n\n if (viewport) {\n let prevScrollPos = viewport[scrollDirection];\n const handleScroll = () => {\n const scrollPos = viewport[scrollDirection];\n const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;\n if (hasScrollInDirectionChanged) {\n setState('scrolling');\n debounceScrollEnd();\n }\n prevScrollPos = scrollPos;\n };\n viewport.addEventListener('scroll', handleScroll);\n return () => viewport.removeEventListener('scroll', handleScroll);\n }\n\n return undefined;\n }, [context.viewport, isHorizontal, debounceScrollEnd]);\n\n if (forceMount \|\| state !== 'hidden') {\n return (\n <ScrollAreaScrollbarVisible\n data-state={state === 'hidden' ? 'hidden' : 'visible'}\n {...scrollbarProps}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, () => setState('interacting'))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, () => setState('idle'))}\n />\n );\n }\n\n return null;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,0BAA0B,OAAuC;CAC/E,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,CAAC,OAAO,YAAY,SAA0D,~~SAAS~~;~~CAC7F~~,MAAM,oBAAoB,2BAA2B,SAAS,~~OAAO~~,~~EAAE~~,~~IAAI~~;~~AAE3E~~,~~iBAAgB~~;~~AACd~~,~~MAAI~~,UAAU,QAAQ;GACpB,MAAM,YAAY,OAAO,iBAAiB,SAAS,~~SAAS~~,~~EAAE~~,QAAQ,~~gBAAgB~~;~~AACtF~~,~~gBAAa~~,OAAO,aAAa,~~UAAU;;IAI5C~~,CAAC,OAAO,QAAQ,~~gBAAgB~~,CAAC;~~AAEpC~~,~~iBAAgB~~;EACd,MAAM,EAAE,aAAa;EACrB,MAAM,kBAAkB,eAAe,eAAe;~~AAEtD~~,~~MAAI~~,UAAU;GACZ,IAAI,gBAAgB,SAAS;GAC7B,MAAM,qBAAqB;IACzB,MAAM,YAAY,SAAS;~~AAE3B~~,~~QADoC~~,kBAAkB,WACrB;~~AAC~~/B,~~cAAS~~,~~YAAY~~;~~AACrB~~,~~wBAAmB;;AAErB~~,~~oBAAgB;;AAElB~~,~~YAAS~~,iBAAiB,UAAU,~~aAAa~~;~~AACjD~~,~~gBAAa~~,SAAS,oBAAoB,UAAU,~~aAAa;;IAIlE~~;EAAC,QAAQ;EAAU;EAAc;~~EAAkB~~,CAAC;~~AAEvD~~,~~KAAI~~,cAAc,UAAU,~~SAC1B~~,~~QACE~~,oBAAC,4BAAD;EACE,cAAY,UAAU,WAAW,WAAW;EAC5C,GAAI;EACJ,gBAAgB,qBAAqB,MAAM,sBAAsB,SAAS,~~cAAc~~,CAAC;~~EACzF~~,gBAAgB,qBAAqB,MAAM,sBAAsB,SAAS,~~OAAO~~,CAAC;~~EAClF~~,CAAA;~~AAIN~~,~~QAAO~~"}
1	+ {"version":3,"file":"ScrollAreaScrollbarScroll.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useDebouncedCallback } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { composeEventHandlers } from '../utils';\nimport {\n ScrollAreaScrollbarVisible,\n ScrollAreaScrollbarVisibleProps,\n} from './ScrollAreaScrollbarVisible';\n\ninterface ScrollAreaScrollbarScrollProps extends ScrollAreaScrollbarVisibleProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaScrollbarScroll(props: ScrollAreaScrollbarScrollProps) {\n const { forceMount, ...scrollbarProps } = props;\n const context = useScrollAreaContext();\n const isHorizontal = props.orientation === 'horizontal';\n const [state, setState] = useState<'hidden' \| 'idle' \| 'interacting' \| 'scrolling'>('hidden');\n const debounceScrollEnd = useDebouncedCallback(() => setState('idle'), 100);\n\n useEffect(() => {\n if (state === 'idle') {\n const hideTimer = window.setTimeout(() => setState('hidden'), context.scrollHideDelay);\n return () => window.clearTimeout(hideTimer);\n }\n\n return undefined;\n }, [state, context.scrollHideDelay]);\n\n useEffect(() => {\n const { viewport } = context;\n const scrollDirection = isHorizontal ? 'scrollLeft' : 'scrollTop';\n\n if (viewport) {\n let prevScrollPos = viewport[scrollDirection];\n const handleScroll = () => {\n const scrollPos = viewport[scrollDirection];\n const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;\n if (hasScrollInDirectionChanged) {\n setState('scrolling');\n debounceScrollEnd();\n }\n prevScrollPos = scrollPos;\n };\n viewport.addEventListener('scroll', handleScroll);\n return () => viewport.removeEventListener('scroll', handleScroll);\n }\n\n return undefined;\n }, [context.viewport, isHorizontal, debounceScrollEnd]);\n\n if (forceMount \|\| state !== 'hidden') {\n return (\n <ScrollAreaScrollbarVisible\n data-state={state === 'hidden' ? 'hidden' : 'visible'}\n {...scrollbarProps}\n onPointerEnter={composeEventHandlers(props.onPointerEnter, () => setState('interacting'))}\n onPointerLeave={composeEventHandlers(props.onPointerLeave, () => setState('idle'))}\n />\n );\n }\n\n return null;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,0BAA0B,OAAuC;CAC/E,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,UAAU,qBAAqB;CACrC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,CAAC,OAAO,YAAY,SAA0D,QAAQ;CAC5F,MAAM,oBAAoB,2BAA2B,SAAS,MAAM,GAAG,GAAG;CAE1E,gBAAgB;EACd,IAAI,UAAU,QAAQ;GACpB,MAAM,YAAY,OAAO,iBAAiB,SAAS,QAAQ,GAAG,QAAQ,eAAe;GACrF,aAAa,OAAO,aAAa,SAAS;EAC5C;CAGF,GAAG,CAAC,OAAO,QAAQ,eAAe,CAAC;CAEnC,gBAAgB;EACd,MAAM,EAAE,aAAa;EACrB,MAAM,kBAAkB,eAAe,eAAe;EAEtD,IAAI,UAAU;GACZ,IAAI,gBAAgB,SAAS;GAC7B,MAAM,qBAAqB;IACzB,MAAM,YAAY,SAAS;IAE3B,IADoC,kBAAkB,WACrB;KAC/B,SAAS,WAAW;KACpB,kBAAkB;IACpB;IACA,gBAAgB;GAClB;GACA,SAAS,iBAAiB,UAAU,YAAY;GAChD,aAAa,SAAS,oBAAoB,UAAU,YAAY;EAClE;CAGF,GAAG;EAAC,QAAQ;EAAU;EAAc;CAAiB,CAAC;CAEtD,IAAI,cAAc,UAAU,UAC1B,OACE,oBAAC,4BAAD;EACE,cAAY,UAAU,WAAW,WAAW;EAC5C,GAAI;EACJ,gBAAgB,qBAAqB,MAAM,sBAAsB,SAAS,aAAa,CAAC;EACxF,gBAAgB,qBAAqB,MAAM,sBAAsB,SAAS,MAAM,CAAC;CAClF,CAAA;CAIL,OAAO;AACT"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaScrollbarVisible.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { useDirection } from '../../../core';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarAxisPrivateProps,\n ScrollAreaScrollbarAxisProps,\n Sizes,\n} from '../ScrollArea.types';\nimport { getScrollPositionFromPointer, getThumbOffsetFromScroll, getThumbRatio } from '../utils';\nimport { ScrollAreaScrollbarX } from './ScrollbarX';\nimport { ScrollAreaScrollbarY } from './ScrollbarY';\n\nexport interface ScrollAreaScrollbarVisibleProps extends Omit<\n ScrollAreaScrollbarAxisProps,\n keyof ScrollAreaScrollbarAxisPrivateProps\n> {\n orientation?: 'horizontal' \| 'vertical';\n}\n\nexport function ScrollAreaScrollbarVisible(props: ScrollAreaScrollbarVisibleProps) {\n const { orientation = 'vertical', ...scrollbarProps } = props;\n const { dir } = useDirection();\n const context = useScrollAreaContext();\n const thumbRef = useRef<HTMLDivElement \| null>(null);\n const pointerOffsetRef = useRef(0);\n const [sizes, setSizes] = useState<Sizes>({\n content: 0,\n viewport: 0,\n scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 },\n });\n\n const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);\n\n const commonProps: Omit<\n ScrollAreaScrollbarAxisPrivateProps,\n 'onThumbPositionChange' \| 'onDragScroll' \| 'onWheelScroll'\n > = {\n ...scrollbarProps,\n sizes,\n onSizesChange: setSizes,\n hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),\n onThumbChange: (thumb) => {\n thumbRef.current = thumb;\n },\n onThumbPointerUp: () => {\n pointerOffsetRef.current = 0;\n },\n onThumbPointerDown: (pointerPos) => {\n pointerOffsetRef.current = pointerPos;\n },\n };\n\n const getScrollPosition = (pointerPos: number, direction?: 'ltr' \| 'rtl') =>\n getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);\n\n if (orientation === 'horizontal') {\n return (\n <ScrollAreaScrollbarX\n {...commonProps}\n onThumbPositionChange={() => {\n if (context.viewport && thumbRef.current) {\n const scrollPos = context.viewport.scrollLeft;\n const offset = getThumbOffsetFromScroll(scrollPos, sizes, dir);\n thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;\n }\n }}\n onWheelScroll={(scrollPos) => {\n if (context.viewport) {\n context.viewport.scrollLeft = scrollPos;\n }\n }}\n onDragScroll={(pointerPos) => {\n if (context.viewport) {\n context.viewport.scrollLeft = getScrollPosition(pointerPos, dir);\n }\n }}\n />\n );\n }\n\n if (orientation === 'vertical') {\n return (\n <ScrollAreaScrollbarY\n {...commonProps}\n onThumbPositionChange={() => {\n if (context.viewport && thumbRef.current) {\n const scrollPos = context.viewport.scrollTop;\n const offset = getThumbOffsetFromScroll(scrollPos, sizes);\n if (sizes.scrollbar.size === 0) {\n thumbRef.current.style.setProperty('--thumb-opacity', '0');\n } else {\n thumbRef.current.style.setProperty('--thumb-opacity', '1');\n }\n thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;\n }\n }}\n onWheelScroll={(scrollPos) => {\n if (context.viewport) {\n context.viewport.scrollTop = scrollPos;\n }\n }}\n onDragScroll={(pointerPos) => {\n if (context.viewport) {\n context.viewport.scrollTop = getScrollPosition(pointerPos);\n }\n }}\n />\n );\n }\n\n return null;\n}\n\nScrollAreaScrollbarVisible.displayName = '@mantine/core/ScrollAreaScrollbarVisible';\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,2BAA2B,OAAwC;CACjF,MAAM,EAAE,cAAc,YAAY,GAAG,mBAAmB;CACxD,MAAM,EAAE,QAAQ,~~cAAc~~;~~CAC9B~~,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,WAAW,OAA8B,~~KAAK~~;~~CACpD~~,MAAM,mBAAmB,OAAO,~~EAAE~~;~~CAClC~~,MAAM,CAAC,OAAO,YAAY,SAAgB;EACxC,SAAS;EACT,UAAU;EACV,WAAW;GAAE,MAAM;GAAG,cAAc;GAAG,YAAY;~~GAAG~~;~~EACvD~~,CAAC;~~CAEF~~,MAAM,aAAa,cAAc,MAAM,UAAU,MAAM,~~QAAQ~~;~~CAE/D~~,MAAM,cAGF;EACF,GAAG;EACH;EACA,eAAe;EACf,UAAU,QAAQ,aAAa,KAAK,aAAa,~~EAAE~~;~~EACnD~~,gBAAgB,UAAU;~~AACxB~~,~~YAAS~~,UAAU~~;;EAErB~~,wBAAwB;~~AACtB~~,~~oBAAiB~~,UAAU~~;;EAE7B~~,qBAAqB,eAAe;~~AAClC~~,~~oBAAiB~~,UAAU~~;;EAE9B~~;~~CAED~~,MAAM,qBAAqB,YAAoB,cAC7C,6BAA6B,YAAY,iBAAiB,SAAS,OAAO,~~UAAU~~;~~AAEtF~~,~~KAAI~~,gBAAgB,~~aAClB~~,~~QACE~~,oBAAC,sBAAD;EACE,GAAI;EACJ,6BAA6B;~~AAC3B~~,~~OAAI~~,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAAS,yBAAyB,WAAW,OAAO,~~IAAI~~;~~AAC9D~~,~~aAAS~~,QAAQ,MAAM,YAAY,eAAe,OAAO~~;;;EAG7D~~,gBAAgB,cAAc;~~AAC5B~~,~~OAAI~~,QAAQ,~~SACV~~,~~SAAQ~~,SAAS,aAAa~~;;EAGlC~~,eAAe,eAAe;~~AAC5B~~,~~OAAI~~,QAAQ,~~SACV~~,~~SAAQ~~,SAAS,aAAa,kBAAkB,YAAY,~~IAAI;;EAGpE~~,CAAA;~~AAIN~~,~~KAAI~~,gBAAgB,~~WAClB~~,~~QACE~~,oBAAC,sBAAD;EACE,GAAI;EACJ,6BAA6B;~~AAC3B~~,~~OAAI~~,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAAS,yBAAyB,WAAW,~~MAAM~~;~~AACzD~~,~~QAAI~~,MAAM,UAAU,SAAS,~~EAC3B~~,~~UAAS~~,QAAQ,MAAM,YAAY,mBAAmB,~~IAAI~~;~~QAE1D~~,~~UAAS~~,QAAQ,MAAM,YAAY,mBAAmB,~~IAAI~~;~~AAE5D~~,~~aAAS~~,QAAQ,MAAM,YAAY,kBAAkB,OAAO~~;;;EAGhE~~,gBAAgB,cAAc;~~AAC5B~~,~~OAAI~~,QAAQ,~~SACV~~,~~SAAQ~~,SAAS,YAAY~~;;EAGjC~~,eAAe,eAAe;~~AAC5B~~,~~OAAI~~,QAAQ,~~SACV~~,~~SAAQ~~,SAAS,YAAY,kBAAkB,~~WAAW;;EAG9D~~,CAAA;~~AAIN~~,~~QAAO;;AAGT~~,2BAA2B,cAAc"}
1	+ {"version":3,"file":"ScrollAreaScrollbarVisible.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.tsx"],"sourcesContent":["import { useRef, useState } from 'react';\nimport { useDirection } from '../../../core';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport {\n ScrollAreaScrollbarAxisPrivateProps,\n ScrollAreaScrollbarAxisProps,\n Sizes,\n} from '../ScrollArea.types';\nimport { getScrollPositionFromPointer, getThumbOffsetFromScroll, getThumbRatio } from '../utils';\nimport { ScrollAreaScrollbarX } from './ScrollbarX';\nimport { ScrollAreaScrollbarY } from './ScrollbarY';\n\nexport interface ScrollAreaScrollbarVisibleProps extends Omit<\n ScrollAreaScrollbarAxisProps,\n keyof ScrollAreaScrollbarAxisPrivateProps\n> {\n orientation?: 'horizontal' \| 'vertical';\n}\n\nexport function ScrollAreaScrollbarVisible(props: ScrollAreaScrollbarVisibleProps) {\n const { orientation = 'vertical', ...scrollbarProps } = props;\n const { dir } = useDirection();\n const context = useScrollAreaContext();\n const thumbRef = useRef<HTMLDivElement \| null>(null);\n const pointerOffsetRef = useRef(0);\n const [sizes, setSizes] = useState<Sizes>({\n content: 0,\n viewport: 0,\n scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 },\n });\n\n const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);\n\n const commonProps: Omit<\n ScrollAreaScrollbarAxisPrivateProps,\n 'onThumbPositionChange' \| 'onDragScroll' \| 'onWheelScroll'\n > = {\n ...scrollbarProps,\n sizes,\n onSizesChange: setSizes,\n hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),\n onThumbChange: (thumb) => {\n thumbRef.current = thumb;\n },\n onThumbPointerUp: () => {\n pointerOffsetRef.current = 0;\n },\n onThumbPointerDown: (pointerPos) => {\n pointerOffsetRef.current = pointerPos;\n },\n };\n\n const getScrollPosition = (pointerPos: number, direction?: 'ltr' \| 'rtl') =>\n getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, direction);\n\n if (orientation === 'horizontal') {\n return (\n <ScrollAreaScrollbarX\n {...commonProps}\n onThumbPositionChange={() => {\n if (context.viewport && thumbRef.current) {\n const scrollPos = context.viewport.scrollLeft;\n const offset = getThumbOffsetFromScroll(scrollPos, sizes, dir);\n thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;\n }\n }}\n onWheelScroll={(scrollPos) => {\n if (context.viewport) {\n context.viewport.scrollLeft = scrollPos;\n }\n }}\n onDragScroll={(pointerPos) => {\n if (context.viewport) {\n context.viewport.scrollLeft = getScrollPosition(pointerPos, dir);\n }\n }}\n />\n );\n }\n\n if (orientation === 'vertical') {\n return (\n <ScrollAreaScrollbarY\n {...commonProps}\n onThumbPositionChange={() => {\n if (context.viewport && thumbRef.current) {\n const scrollPos = context.viewport.scrollTop;\n const offset = getThumbOffsetFromScroll(scrollPos, sizes);\n if (sizes.scrollbar.size === 0) {\n thumbRef.current.style.setProperty('--thumb-opacity', '0');\n } else {\n thumbRef.current.style.setProperty('--thumb-opacity', '1');\n }\n thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;\n }\n }}\n onWheelScroll={(scrollPos) => {\n if (context.viewport) {\n context.viewport.scrollTop = scrollPos;\n }\n }}\n onDragScroll={(pointerPos) => {\n if (context.viewport) {\n context.viewport.scrollTop = getScrollPosition(pointerPos);\n }\n }}\n />\n );\n }\n\n return null;\n}\n\nScrollAreaScrollbarVisible.displayName = '@mantine/core/ScrollAreaScrollbarVisible';\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,2BAA2B,OAAwC;CACjF,MAAM,EAAE,cAAc,YAAY,GAAG,mBAAmB;CACxD,MAAM,EAAE,QAAQ,aAAa;CAC7B,MAAM,UAAU,qBAAqB;CACrC,MAAM,WAAW,OAA8B,IAAI;CACnD,MAAM,mBAAmB,OAAO,CAAC;CACjC,MAAM,CAAC,OAAO,YAAY,SAAgB;EACxC,SAAS;EACT,UAAU;EACV,WAAW;GAAE,MAAM;GAAG,cAAc;GAAG,YAAY;EAAE;CACvD,CAAC;CAED,MAAM,aAAa,cAAc,MAAM,UAAU,MAAM,OAAO;CAE9D,MAAM,cAGF;EACF,GAAG;EACH;EACA,eAAe;EACf,UAAU,QAAQ,aAAa,KAAK,aAAa,CAAC;EAClD,gBAAgB,UAAU;GACxB,SAAS,UAAU;EACrB;EACA,wBAAwB;GACtB,iBAAiB,UAAU;EAC7B;EACA,qBAAqB,eAAe;GAClC,iBAAiB,UAAU;EAC7B;CACF;CAEA,MAAM,qBAAqB,YAAoB,cAC7C,6BAA6B,YAAY,iBAAiB,SAAS,OAAO,SAAS;CAErF,IAAI,gBAAgB,cAClB,OACE,oBAAC,sBAAD;EACE,GAAI;EACJ,6BAA6B;GAC3B,IAAI,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAAS,yBAAyB,WAAW,OAAO,GAAG;IAC7D,SAAS,QAAQ,MAAM,YAAY,eAAe,OAAO;GAC3D;EACF;EACA,gBAAgB,cAAc;GAC5B,IAAI,QAAQ,UACV,QAAQ,SAAS,aAAa;EAElC;EACA,eAAe,eAAe;GAC5B,IAAI,QAAQ,UACV,QAAQ,SAAS,aAAa,kBAAkB,YAAY,GAAG;EAEnE;CACD,CAAA;CAIL,IAAI,gBAAgB,YAClB,OACE,oBAAC,sBAAD;EACE,GAAI;EACJ,6BAA6B;GAC3B,IAAI,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAAS,yBAAyB,WAAW,KAAK;IACxD,IAAI,MAAM,UAAU,SAAS,GAC3B,SAAS,QAAQ,MAAM,YAAY,mBAAmB,GAAG;SAEzD,SAAS,QAAQ,MAAM,YAAY,mBAAmB,GAAG;IAE3D,SAAS,QAAQ,MAAM,YAAY,kBAAkB,OAAO;GAC9D;EACF;EACA,gBAAgB,cAAc;GAC5B,IAAI,QAAQ,UACV,QAAQ,SAAS,YAAY;EAEjC;EACA,eAAe,eAAe;GAC5B,IAAI,QAAQ,UACV,QAAQ,SAAS,YAAY,kBAAkB,UAAU;EAE7D;CACD,CAAA;CAIL,OAAO;AACT;AAEA,2BAA2B,cAAc"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Scrollbar.context.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.ts"],"sourcesContent":["import { createSafeContext } from '../../../core';\n\nexport interface ScrollbarContextValue {\n hasThumb: boolean;\n scrollbar: HTMLDivElement \| null;\n onThumbChange: (thumb: HTMLDivElement \| null) => void;\n onThumbPointerUp: () => void;\n onThumbPointerDown: (pointerPos: { x: number; y: number }) => void;\n onThumbPositionChange: () => void;\n}\n\nexport const [ScrollbarProvider, useScrollbarContext] = createSafeContext<ScrollbarContextValue>(\n 'ScrollAreaScrollbar was not found in tree'\n);\n"],"mappings":";;;AAWA,MAAa,CAAC,mBAAmB,uBAAuB,kBACtD,~~4CACD~~"}
1	+ {"version":3,"file":"Scrollbar.context.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.ts"],"sourcesContent":["import { createSafeContext } from '../../../core';\n\nexport interface ScrollbarContextValue {\n hasThumb: boolean;\n scrollbar: HTMLDivElement \| null;\n onThumbChange: (thumb: HTMLDivElement \| null) => void;\n onThumbPointerUp: () => void;\n onThumbPointerDown: (pointerPos: { x: number; y: number }) => void;\n onThumbPositionChange: () => void;\n}\n\nexport const [ScrollbarProvider, useScrollbarContext] = createSafeContext<ScrollbarContextValue>(\n 'ScrollAreaScrollbar was not found in tree'\n);\n"],"mappings":";;;AAWA,MAAa,CAAC,mBAAmB,uBAAuB,kBACtD,2CACF"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.mjs CHANGED Viewed

@@ -11,7 +11,7 @@ function Scrollbar(props) {
 	const { sizes, hasThumb, onThumbChange, onThumbPointerUp, onThumbPointerDown, onThumbPositionChange, onDragScroll, onWheelScroll, onResize, ref, ...scrollbarProps } = props;
 	const context = useScrollAreaContext();
 	const [scrollbar, setScrollbar] = useState(null);
-	const composeRefs = useMergedRef(ref, (node) => setScrollbar(node));
+	const composeRefs = useMergedRef(ref, setScrollbar);
 	const rectRef = useRef(null);
 	const prevWebkitUserSelectRef = useRef("");
 	const { viewport } = context;

package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Scrollbar.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { useCallbackRef, useDebouncedCallback, useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { Sizes } from '../ScrollArea.types';\nimport { useResizeObserver } from '../use-resize-observer';\nimport { composeEventHandlers } from '../utils';\nimport { ScrollbarContextValue, ScrollbarProvider } from './Scrollbar.context';\n\nexport interface ScrollbarPrivateProps {\n sizes: Sizes;\n hasThumb: boolean;\n onThumbChange: ScrollbarContextValue['onThumbChange'];\n onThumbPointerUp: ScrollbarContextValue['onThumbPointerUp'];\n onThumbPointerDown: ScrollbarContextValue['onThumbPointerDown'];\n onThumbPositionChange: ScrollbarContextValue['onThumbPositionChange'];\n onWheelScroll: (event: WheelEvent, maxScrollPos: number) => void;\n onDragScroll: (pointerPos: { x: number; y: number }) => void;\n onResize: () => void;\n}\n\ninterface ScrollbarProps\n extends ScrollbarPrivateProps, Omit<React.ComponentProps<'div'>, 'onResize'> {}\n\nexport function Scrollbar(props: ScrollbarProps) {\n const {\n sizes,\n hasThumb,\n onThumbChange,\n onThumbPointerUp,\n onThumbPointerDown,\n onThumbPositionChange,\n onDragScroll,\n onWheelScroll,\n onResize,\n ref,\n ...scrollbarProps\n } = props;\n const context = useScrollAreaContext();\n const [scrollbar, setScrollbar] = useState<HTMLDivElement \| null>(null);\n const composeRefs = useMergedRef(ref, ~~(node) =>~~ setScrollbar~~(node~~));\n const rectRef = useRef<DOMRect \| null>(null);\n const prevWebkitUserSelectRef = useRef<string>('');\n const { viewport } = context;\n const maxScrollPos = sizes.content - sizes.viewport;\n const handleWheelScroll = useEffectEvent(onWheelScroll);\n const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);\n const handleResize = useDebouncedCallback(onResize, 10);\n\n const handleDragScroll = (event: React.PointerEvent<HTMLElement>) => {\n if (rectRef.current) {\n const x = event.clientX - rectRef.current.left;\n const y = event.clientY - rectRef.current.top;\n onDragScroll({ x, y });\n }\n };\n\n useEffect(() => {\n const handleWheel = (event: WheelEvent) => {\n const element = event.target as HTMLElement;\n const isScrollbarWheel = scrollbar?.contains(element);\n if (isScrollbarWheel) {\n handleWheelScroll(event, maxScrollPos);\n }\n };\n document.addEventListener('wheel', handleWheel, { passive: false });\n return () => document.removeEventListener('wheel', handleWheel, { passive: false } as any);\n }, [viewport, scrollbar, maxScrollPos]);\n\n useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);\n\n useResizeObserver(scrollbar, handleResize);\n useResizeObserver(context.content, handleResize);\n\n return (\n <ScrollbarProvider\n value={{\n scrollbar,\n hasThumb,\n onThumbChange: useCallbackRef(onThumbChange),\n onThumbPointerUp: useCallbackRef(onThumbPointerUp),\n onThumbPositionChange: handleThumbPositionChange,\n onThumbPointerDown: useCallbackRef(onThumbPointerDown),\n }}\n >\n <div\n {...scrollbarProps}\n ref={composeRefs}\n data-mantine-scrollbar\n style={{ position: 'absolute', ...scrollbarProps.style }}\n onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n event.preventDefault();\n\n const mainPointer = 0;\n if (event.button === mainPointer) {\n const element = event.target as HTMLElement;\n element.setPointerCapture(event.pointerId);\n rectRef.current = scrollbar!.getBoundingClientRect();\n /* oxlint-disable typescript/no-deprecated /\n prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;\n document.body.style.webkitUserSelect = 'none';\n handleDragScroll(event);\n }\n })}\n onPointerMove={composeEventHandlers(props.onPointerMove, handleDragScroll)}\n onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n const element = event.target as HTMLElement;\n if (element.hasPointerCapture(event.pointerId)) {\n event.preventDefault();\n element.releasePointerCapture(event.pointerId);\n }\n })}\n onLostPointerCapture={() => {\n document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;\n / oxlint-enable typescript/no-deprecated */\n rectRef.current = null;\n }}\n />\n </ScrollbarProvider>\n );\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EACJ,OACA,UACA,eACA,kBACA,oBACA,uBACA,cACA,eACA,UACA,KACA,GAAG,mBACD;CACJ,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,CAAC,WAAW,gBAAgB,SAAgC,~~KAAK~~;~~CACvE~~,MAAM,cAAc,aAAa,~~MAAM,SAAS,aAAa,~~KAAK,~~CAAC~~;~~CACnE~~,MAAM,UAAU,OAAuB,~~KAAK~~;~~CAC5C~~,MAAM,0BAA0B,OAAe,~~GAAG~~;~~CAClD~~,MAAM,EAAE,aAAa;CACrB,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,oBAAoB,eAAe,~~cAAc~~;~~CACvD~~,MAAM,4BAA4B,eAAe,~~sBAAsB~~;~~CACvE~~,MAAM,eAAe,qBAAqB,UAAU,~~GAAG~~;~~CAEvD~~,MAAM,oBAAoB,UAA2C;~~AACnE~~,~~MAAI~~,QAAQ,~~QAGV~~,~~cAAa~~;GAAE,GAFL,MAAM,UAAU,QAAQ,QAAQ;GAExB,GADR,MAAM,UAAU,QAAQ,QAAQ;~~GACrB~~,CAAC~~;;AAI1B~~,~~iBAAgB~~;EACd,MAAM,eAAe,UAAsB;GACzC,MAAM,UAAU,MAAM;~~AAEtB~~,~~OADyB~~,WAAW,SAAS,~~QAAQ~~,~~CAEnD~~,~~mBAAkB~~,OAAO,~~aAAa;;AAG1C~~,~~WAAS~~,iBAAiB,SAAS,aAAa,EAAE,SAAS,~~OAAO~~,CAAC;~~AACnE~~,~~eAAa~~,SAAS,oBAAoB,SAAS,aAAa,EAAE,SAAS,~~OAAO~~,CAAQ;~~IACzF~~;EAAC;EAAU;EAAW;~~EAAa~~,CAAC;~~AAEvC~~,~~WAAU~~,2BAA2B,CAAC,OAAO,~~0BAA0B~~,CAAC;~~AAExE~~,~~mBAAkB~~,WAAW,~~aAAa~~;~~AAC1C~~,~~mBAAkB~~,QAAQ,SAAS,~~aAAa~~;~~AAEhD~~,~~QACE~~,oBAAC,mBAAD;EACE,OAAO;GACL;GACA;GACA,eAAe,eAAe,~~cAAc~~;~~GAC5C~~,kBAAkB,eAAe,~~iBAAiB~~;~~GAClD~~,uBAAuB;GACvB,oBAAoB,eAAe,~~mBAAmB~~;~~GACvD~~;~~YAED~~,oBAAC,OAAD;GACE,GAAI;GACJ,KAAK;GACL,0BAAA;GACA,OAAO;IAAE,UAAU;IAAY,GAAG,eAAe;~~IAAO~~;~~GACxD~~,eAAe,qBAAqB,MAAM,gBAAgB,UAAU;~~AAClE~~,~~UAAM~~,~~gBAAgB~~;~~AAGtB~~,~~QAAI~~,MAAM,~~WADU~~,~~GACc~~;~~AAChB~~,~~WAAM~~,OACd,kBAAkB,MAAM,~~UAAU~~;~~AAC1C~~,~~aAAQ~~,UAAU,UAAW,~~uBAAuB~~;~~AAEpD~~,~~6BAAwB~~,UAAU,SAAS,KAAK,MAAM;~~AACtD~~,~~cAAS~~,KAAK,MAAM,mBAAmB;~~AACvC~~,~~sBAAiB~~,~~MAAM;;KAEzB~~;GACF,eAAe,qBAAqB,MAAM,eAAe,~~iBAAiB~~;~~GAC1E~~,aAAa,qBAAqB,MAAM,cAAc,UAAU;IAC9D,MAAM,UAAU,MAAM;~~AACtB~~,~~QAAI~~,QAAQ,kBAAkB,MAAM,~~UAAU~~,~~EAAE~~;~~AAC9C~~,~~WAAM~~,~~gBAAgB~~;~~AACtB~~,~~aAAQ~~,sBAAsB,MAAM,~~UAAU;;KAEhD~~;GACF,4BAA4B;~~AAC1B~~,~~aAAS~~,KAAK,MAAM,mBAAmB,wBAAwB;~~AAE~~/D,~~YAAQ~~,UAAU~~;;GAEpB~~,CAAA;~~EACgB~~,CAAA"}
1	+ {"version":3,"file":"Scrollbar.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { useCallbackRef, useDebouncedCallback, useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { Sizes } from '../ScrollArea.types';\nimport { useResizeObserver } from '../use-resize-observer';\nimport { composeEventHandlers } from '../utils';\nimport { ScrollbarContextValue, ScrollbarProvider } from './Scrollbar.context';\n\nexport interface ScrollbarPrivateProps {\n sizes: Sizes;\n hasThumb: boolean;\n onThumbChange: ScrollbarContextValue['onThumbChange'];\n onThumbPointerUp: ScrollbarContextValue['onThumbPointerUp'];\n onThumbPointerDown: ScrollbarContextValue['onThumbPointerDown'];\n onThumbPositionChange: ScrollbarContextValue['onThumbPositionChange'];\n onWheelScroll: (event: WheelEvent, maxScrollPos: number) => void;\n onDragScroll: (pointerPos: { x: number; y: number }) => void;\n onResize: () => void;\n}\n\ninterface ScrollbarProps\n extends ScrollbarPrivateProps, Omit<React.ComponentProps<'div'>, 'onResize'> {}\n\nexport function Scrollbar(props: ScrollbarProps) {\n const {\n sizes,\n hasThumb,\n onThumbChange,\n onThumbPointerUp,\n onThumbPointerDown,\n onThumbPositionChange,\n onDragScroll,\n onWheelScroll,\n onResize,\n ref,\n ...scrollbarProps\n } = props;\n const context = useScrollAreaContext();\n const [scrollbar, setScrollbar] = useState<HTMLDivElement \| null>(null);\n const composeRefs = useMergedRef(ref, setScrollbar);\n const rectRef = useRef<DOMRect \| null>(null);\n const prevWebkitUserSelectRef = useRef<string>('');\n const { viewport } = context;\n const maxScrollPos = sizes.content - sizes.viewport;\n const handleWheelScroll = useEffectEvent(onWheelScroll);\n const handleThumbPositionChange = useCallbackRef(onThumbPositionChange);\n const handleResize = useDebouncedCallback(onResize, 10);\n\n const handleDragScroll = (event: React.PointerEvent<HTMLElement>) => {\n if (rectRef.current) {\n const x = event.clientX - rectRef.current.left;\n const y = event.clientY - rectRef.current.top;\n onDragScroll({ x, y });\n }\n };\n\n useEffect(() => {\n const handleWheel = (event: WheelEvent) => {\n const element = event.target as HTMLElement;\n const isScrollbarWheel = scrollbar?.contains(element);\n if (isScrollbarWheel) {\n handleWheelScroll(event, maxScrollPos);\n }\n };\n document.addEventListener('wheel', handleWheel, { passive: false });\n return () => document.removeEventListener('wheel', handleWheel, { passive: false } as any);\n }, [viewport, scrollbar, maxScrollPos]);\n\n useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]);\n\n useResizeObserver(scrollbar, handleResize);\n useResizeObserver(context.content, handleResize);\n\n return (\n <ScrollbarProvider\n value={{\n scrollbar,\n hasThumb,\n onThumbChange: useCallbackRef(onThumbChange),\n onThumbPointerUp: useCallbackRef(onThumbPointerUp),\n onThumbPositionChange: handleThumbPositionChange,\n onThumbPointerDown: useCallbackRef(onThumbPointerDown),\n }}\n >\n <div\n {...scrollbarProps}\n ref={composeRefs}\n data-mantine-scrollbar\n style={{ position: 'absolute', ...scrollbarProps.style }}\n onPointerDown={composeEventHandlers(props.onPointerDown, (event) => {\n event.preventDefault();\n\n const mainPointer = 0;\n if (event.button === mainPointer) {\n const element = event.target as HTMLElement;\n element.setPointerCapture(event.pointerId);\n rectRef.current = scrollbar!.getBoundingClientRect();\n /* oxlint-disable typescript/no-deprecated /\n prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;\n document.body.style.webkitUserSelect = 'none';\n handleDragScroll(event);\n }\n })}\n onPointerMove={composeEventHandlers(props.onPointerMove, handleDragScroll)}\n onPointerUp={composeEventHandlers(props.onPointerUp, (event) => {\n const element = event.target as HTMLElement;\n if (element.hasPointerCapture(event.pointerId)) {\n event.preventDefault();\n element.releasePointerCapture(event.pointerId);\n }\n })}\n onLostPointerCapture={() => {\n document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;\n / oxlint-enable typescript/no-deprecated */\n rectRef.current = null;\n }}\n />\n </ScrollbarProvider>\n );\n}\n"],"mappings":";;;;;;;;;AAuBA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EACJ,OACA,UACA,eACA,kBACA,oBACA,uBACA,cACA,eACA,UACA,KACA,GAAG,mBACD;CACJ,MAAM,UAAU,qBAAqB;CACrC,MAAM,CAAC,WAAW,gBAAgB,SAAgC,IAAI;CACtE,MAAM,cAAc,aAAa,KAAK,YAAY;CAClD,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,0BAA0B,OAAe,EAAE;CACjD,MAAM,EAAE,aAAa;CACrB,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,oBAAoB,eAAe,aAAa;CACtD,MAAM,4BAA4B,eAAe,qBAAqB;CACtE,MAAM,eAAe,qBAAqB,UAAU,EAAE;CAEtD,MAAM,oBAAoB,UAA2C;EACnE,IAAI,QAAQ,SAGV,aAAa;GAAE,GAFL,MAAM,UAAU,QAAQ,QAAQ;GAExB,GADR,MAAM,UAAU,QAAQ,QAAQ;EACtB,CAAC;CAEzB;CAEA,gBAAgB;EACd,MAAM,eAAe,UAAsB;GACzC,MAAM,UAAU,MAAM;GAEtB,IADyB,WAAW,SAAS,OAAO,GAElD,kBAAkB,OAAO,YAAY;EAEzC;EACA,SAAS,iBAAiB,SAAS,aAAa,EAAE,SAAS,MAAM,CAAC;EAClE,aAAa,SAAS,oBAAoB,SAAS,aAAa,EAAE,SAAS,MAAM,CAAQ;CAC3F,GAAG;EAAC;EAAU;EAAW;CAAY,CAAC;CAEtC,UAAU,2BAA2B,CAAC,OAAO,yBAAyB,CAAC;CAEvE,kBAAkB,WAAW,YAAY;CACzC,kBAAkB,QAAQ,SAAS,YAAY;CAE/C,OACE,oBAAC,mBAAD;EACE,OAAO;GACL;GACA;GACA,eAAe,eAAe,aAAa;GAC3C,kBAAkB,eAAe,gBAAgB;GACjD,uBAAuB;GACvB,oBAAoB,eAAe,kBAAkB;EACvD;YAEA,oBAAC,OAAD;GACE,GAAI;GACJ,KAAK;GACL,0BAAA;GACA,OAAO;IAAE,UAAU;IAAY,GAAG,eAAe;GAAM;GACvD,eAAe,qBAAqB,MAAM,gBAAgB,UAAU;IAClE,MAAM,eAAe;IAGrB,IAAI,MAAM,WAAW,GAAa;KAEhC,MADsB,OACd,kBAAkB,MAAM,SAAS;KACzC,QAAQ,UAAU,UAAW,sBAAsB;KAEnD,wBAAwB,UAAU,SAAS,KAAK,MAAM;KACtD,SAAS,KAAK,MAAM,mBAAmB;KACvC,iBAAiB,KAAK;IACxB;GACF,CAAC;GACD,eAAe,qBAAqB,MAAM,eAAe,gBAAgB;GACzE,aAAa,qBAAqB,MAAM,cAAc,UAAU;IAC9D,MAAM,UAAU,MAAM;IACtB,IAAI,QAAQ,kBAAkB,MAAM,SAAS,GAAG;KAC9C,MAAM,eAAe;KACrB,QAAQ,sBAAsB,MAAM,SAAS;IAC/C;GACF,CAAC;GACD,4BAA4B;IAC1B,SAAS,KAAK,MAAM,mBAAmB,wBAAwB;IAE/D,QAAQ,UAAU;GACpB;EACD,CAAA;CACgB,CAAA;AAEvB"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollbarX.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { getThumbSize, isScrollingWithinScrollbarBounds, toInt } from '../utils';\nimport { Scrollbar } from './Scrollbar';\n\nexport const ScrollAreaScrollbarX = (props: ScrollAreaScrollbarAxisProps) => {\n const { sizes, onSizesChange, style, ref: forwardedRef, ...others } = props;\n const ctx = useScrollAreaContext();\n const [computedStyle, setComputedStyle] = useState<CSSStyleDeclaration>();\n const ref = useRef<HTMLDivElement>(null);\n const composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);\n\n useEffect(() => {\n if (ref.current) {\n setComputedStyle(getComputedStyle(ref.current));\n }\n }, [ref]);\n\n return (\n <Scrollbar\n data-orientation=\"horizontal\"\n {...others}\n ref={composeRefs}\n sizes={sizes}\n style={{\n ...style,\n ['--sa-thumb-width' as any]: `${getThumbSize(sizes)}px`,\n }}\n onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.x)}\n onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.x)}\n onWheelScroll={(event, maxScrollPos) => {\n if (ctx.viewport) {\n const scrollPos = ctx.viewport.scrollLeft + event.deltaX;\n props.onWheelScroll(scrollPos);\n if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n event.preventDefault();\n }\n }\n }}\n onResize={() => {\n if (ref.current && ctx.viewport && computedStyle) {\n onSizesChange({\n content: ctx.viewport.scrollWidth,\n viewport: ctx.viewport.offsetWidth,\n scrollbar: {\n size: ref.current.clientWidth,\n paddingStart: toInt(computedStyle.paddingLeft),\n paddingEnd: toInt(computedStyle.paddingRight),\n },\n });\n }\n }}\n />\n );\n};\n\nScrollAreaScrollbarX.displayName = '@mantine/core/ScrollAreaScrollbarX';\n"],"mappings":";;;;;;;;;;AAOA,MAAa,wBAAwB,UAAwC;CAC3E,MAAM,EAAE,OAAO,eAAe,OAAO,KAAK,cAAc,GAAG,WAAW;CACtE,MAAM,MAAM,~~sBAAsB~~;~~CAClC~~,MAAM,CAAC,eAAe,oBAAoB,~~UAA+B~~;~~CACzE~~,MAAM,MAAM,OAAuB,~~KAAK~~;~~CACxC~~,MAAM,cAAc,aAAa,cAAc,KAAK,IAAI,~~mBAAmB~~;~~AAE3E~~,~~iBAAgB~~;~~AACd~~,~~MAAI~~,IAAI,~~QACN~~,~~kBAAiB~~,iBAAiB,IAAI,~~QAAQ~~,CAAC;~~IAEhD~~,CAAC,~~IAAI~~,CAAC;~~AAET~~,~~QACE~~,oBAAC,WAAD;EACE,oBAAiB;EACjB,GAAI;EACJ,KAAK;EACE;EACP,OAAO;GACL,GAAG;IACF,qBAA4B,GAAG,aAAa,~~MAAM~~,~~CAAC~~;~~GACrD~~;~~EACD~~,qBAAqB,eAAe,MAAM,mBAAmB,WAAW,~~EAAE~~;~~EAC1E~~,eAAe,eAAe,MAAM,aAAa,WAAW,~~EAAE~~;~~EAC9D~~,gBAAgB,OAAO,iBAAiB;~~AACtC~~,~~OAAI~~,IAAI,UAAU;IAChB,MAAM,YAAY,IAAI,SAAS,aAAa,MAAM;~~AAClD~~,~~UAAM~~,cAAc,~~UAAU~~;~~AAC9B~~,~~QAAI~~,iCAAiC,WAAW,~~aAAa~~,~~CAC3D~~,~~OAAM~~,~~gBAAgB;;;EAI5B~~,gBAAgB;~~AACd~~,~~OAAI~~,IAAI,WAAW,IAAI,YAAY,~~cACjC~~,~~eAAc~~;IACZ,SAAS,IAAI,SAAS;IACtB,UAAU,IAAI,SAAS;IACvB,WAAW;KACT,MAAM,IAAI,QAAQ;KAClB,cAAc,MAAM,cAAc,~~YAAY~~;~~KAC9C~~,YAAY,MAAM,cAAc,~~aAAa~~;~~KAC9C~~;~~IACF~~,CAAC~~;;EAGN~~,CAAA~~;;AAIN~~,qBAAqB,cAAc"}
1	+ {"version":3,"file":"ScrollbarX.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { getThumbSize, isScrollingWithinScrollbarBounds, toInt } from '../utils';\nimport { Scrollbar } from './Scrollbar';\n\nexport const ScrollAreaScrollbarX = (props: ScrollAreaScrollbarAxisProps) => {\n const { sizes, onSizesChange, style, ref: forwardedRef, ...others } = props;\n const ctx = useScrollAreaContext();\n const [computedStyle, setComputedStyle] = useState<CSSStyleDeclaration>();\n const ref = useRef<HTMLDivElement>(null);\n const composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);\n\n useEffect(() => {\n if (ref.current) {\n setComputedStyle(getComputedStyle(ref.current));\n }\n }, [ref]);\n\n return (\n <Scrollbar\n data-orientation=\"horizontal\"\n {...others}\n ref={composeRefs}\n sizes={sizes}\n style={{\n ...style,\n ['--sa-thumb-width' as any]: `${getThumbSize(sizes)}px`,\n }}\n onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.x)}\n onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.x)}\n onWheelScroll={(event, maxScrollPos) => {\n if (ctx.viewport) {\n const scrollPos = ctx.viewport.scrollLeft + event.deltaX;\n props.onWheelScroll(scrollPos);\n if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n event.preventDefault();\n }\n }\n }}\n onResize={() => {\n if (ref.current && ctx.viewport && computedStyle) {\n onSizesChange({\n content: ctx.viewport.scrollWidth,\n viewport: ctx.viewport.offsetWidth,\n scrollbar: {\n size: ref.current.clientWidth,\n paddingStart: toInt(computedStyle.paddingLeft),\n paddingEnd: toInt(computedStyle.paddingRight),\n },\n });\n }\n }}\n />\n );\n};\n\nScrollAreaScrollbarX.displayName = '@mantine/core/ScrollAreaScrollbarX';\n"],"mappings":";;;;;;;;;;AAOA,MAAa,wBAAwB,UAAwC;CAC3E,MAAM,EAAE,OAAO,eAAe,OAAO,KAAK,cAAc,GAAG,WAAW;CACtE,MAAM,MAAM,qBAAqB;CACjC,MAAM,CAAC,eAAe,oBAAoB,SAA8B;CACxE,MAAM,MAAM,OAAuB,IAAI;CACvC,MAAM,cAAc,aAAa,cAAc,KAAK,IAAI,kBAAkB;CAE1E,gBAAgB;EACd,IAAI,IAAI,SACN,iBAAiB,iBAAiB,IAAI,OAAO,CAAC;CAElD,GAAG,CAAC,GAAG,CAAC;CAER,OACE,oBAAC,WAAD;EACE,oBAAiB;EACjB,GAAI;EACJ,KAAK;EACE;EACP,OAAO;GACL,GAAG;IACF,qBAA4B,GAAG,aAAa,KAAK,EAAE;EACtD;EACA,qBAAqB,eAAe,MAAM,mBAAmB,WAAW,CAAC;EACzE,eAAe,eAAe,MAAM,aAAa,WAAW,CAAC;EAC7D,gBAAgB,OAAO,iBAAiB;GACtC,IAAI,IAAI,UAAU;IAChB,MAAM,YAAY,IAAI,SAAS,aAAa,MAAM;IAClD,MAAM,cAAc,SAAS;IAC7B,IAAI,iCAAiC,WAAW,YAAY,GAC1D,MAAM,eAAe;GAEzB;EACF;EACA,gBAAgB;GACd,IAAI,IAAI,WAAW,IAAI,YAAY,eACjC,cAAc;IACZ,SAAS,IAAI,SAAS;IACtB,UAAU,IAAI,SAAS;IACvB,WAAW;KACT,MAAM,IAAI,QAAQ;KAClB,cAAc,MAAM,cAAc,WAAW;KAC7C,YAAY,MAAM,cAAc,YAAY;IAC9C;GACF,CAAC;EAEL;CACD,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollbarY.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { getThumbSize, isScrollingWithinScrollbarBounds, toInt } from '../utils';\nimport { Scrollbar } from './Scrollbar';\n\nexport function ScrollAreaScrollbarY(props: ScrollAreaScrollbarAxisProps) {\n const { sizes, onSizesChange, style, ref: forwardedRef, ...others } = props;\n const context = useScrollAreaContext();\n const [computedStyle, setComputedStyle] = useState<CSSStyleDeclaration>();\n const ref = useRef<HTMLDivElement>(null);\n const composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);\n\n useEffect(() => {\n if (ref.current) {\n setComputedStyle(window.getComputedStyle(ref.current));\n }\n }, []);\n\n return (\n <Scrollbar\n {...others}\n data-orientation=\"vertical\"\n ref={composeRefs}\n sizes={sizes}\n style={{\n ['--sa-thumb-height' as any]: `${getThumbSize(sizes)}px`,\n ...style,\n }}\n onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.y)}\n onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.y)}\n onWheelScroll={(event, maxScrollPos) => {\n if (context.viewport) {\n const scrollPos = context.viewport.scrollTop + event.deltaY;\n props.onWheelScroll(scrollPos);\n if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n event.preventDefault();\n }\n }\n }}\n onResize={() => {\n if (ref.current && context.viewport && computedStyle) {\n onSizesChange({\n content: context.viewport.scrollHeight,\n viewport: context.viewport.offsetHeight,\n scrollbar: {\n size: ref.current.clientHeight,\n paddingStart: toInt(computedStyle.paddingTop),\n paddingEnd: toInt(computedStyle.paddingBottom),\n },\n });\n }\n }}\n />\n );\n}\n\nScrollAreaScrollbarY.displayName = '@mantine/core/ScrollAreaScrollbarY';\n"],"mappings":";;;;;;;;;;AAOA,SAAgB,qBAAqB,OAAqC;CACxE,MAAM,EAAE,OAAO,eAAe,OAAO,KAAK,cAAc,GAAG,WAAW;CACtE,MAAM,UAAU,~~sBAAsB~~;~~CACtC~~,MAAM,CAAC,eAAe,oBAAoB,~~UAA+B~~;~~CACzE~~,MAAM,MAAM,OAAuB,~~KAAK~~;~~CACxC~~,MAAM,cAAc,aAAa,cAAc,KAAK,QAAQ,~~mBAAmB~~;~~AAE/E~~,~~iBAAgB~~;~~AACd~~,~~MAAI~~,IAAI,~~QACN~~,~~kBAAiB~~,OAAO,iBAAiB,IAAI,~~QAAQ~~,CAAC;~~IAEvD~~,~~EAAE~~,CAAC;~~AAEN~~,~~QACE~~,oBAAC,WAAD;EACE,GAAI;EACJ,oBAAiB;EACjB,KAAK;EACE;EACP,OAAO;IACJ,sBAA6B,GAAG,aAAa,~~MAAM~~,~~CAAC~~;GACrD,GAAG;~~GACJ~~;~~EACD~~,qBAAqB,eAAe,MAAM,mBAAmB,WAAW,~~EAAE~~;~~EAC1E~~,eAAe,eAAe,MAAM,aAAa,WAAW,~~EAAE~~;~~EAC9D~~,gBAAgB,OAAO,iBAAiB;~~AACtC~~,~~OAAI~~,QAAQ,UAAU;IACpB,MAAM,YAAY,QAAQ,SAAS,YAAY,MAAM;~~AACrD~~,~~UAAM~~,cAAc,~~UAAU~~;~~AAC9B~~,~~QAAI~~,iCAAiC,WAAW,~~aAAa~~,~~CAC3D~~,~~OAAM~~,~~gBAAgB;;;EAI5B~~,gBAAgB;~~AACd~~,~~OAAI~~,IAAI,WAAW,QAAQ,YAAY,~~cACrC~~,~~eAAc~~;IACZ,SAAS,QAAQ,SAAS;IAC1B,UAAU,QAAQ,SAAS;IAC3B,WAAW;KACT,MAAM,IAAI,QAAQ;KAClB,cAAc,MAAM,cAAc,~~WAAW~~;~~KAC7C~~,YAAY,MAAM,cAAc,~~cAAc~~;~~KAC~~/C;~~IACF~~,CAAC~~;;EAGN~~,CAAA~~;;AAIN~~,qBAAqB,cAAc"}
1	+ {"version":3,"file":"ScrollbarY.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { ScrollAreaScrollbarAxisProps } from '../ScrollArea.types';\nimport { getThumbSize, isScrollingWithinScrollbarBounds, toInt } from '../utils';\nimport { Scrollbar } from './Scrollbar';\n\nexport function ScrollAreaScrollbarY(props: ScrollAreaScrollbarAxisProps) {\n const { sizes, onSizesChange, style, ref: forwardedRef, ...others } = props;\n const context = useScrollAreaContext();\n const [computedStyle, setComputedStyle] = useState<CSSStyleDeclaration>();\n const ref = useRef<HTMLDivElement>(null);\n const composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);\n\n useEffect(() => {\n if (ref.current) {\n setComputedStyle(window.getComputedStyle(ref.current));\n }\n }, []);\n\n return (\n <Scrollbar\n {...others}\n data-orientation=\"vertical\"\n ref={composeRefs}\n sizes={sizes}\n style={{\n ['--sa-thumb-height' as any]: `${getThumbSize(sizes)}px`,\n ...style,\n }}\n onThumbPointerDown={(pointerPos) => props.onThumbPointerDown(pointerPos.y)}\n onDragScroll={(pointerPos) => props.onDragScroll(pointerPos.y)}\n onWheelScroll={(event, maxScrollPos) => {\n if (context.viewport) {\n const scrollPos = context.viewport.scrollTop + event.deltaY;\n props.onWheelScroll(scrollPos);\n if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {\n event.preventDefault();\n }\n }\n }}\n onResize={() => {\n if (ref.current && context.viewport && computedStyle) {\n onSizesChange({\n content: context.viewport.scrollHeight,\n viewport: context.viewport.offsetHeight,\n scrollbar: {\n size: ref.current.clientHeight,\n paddingStart: toInt(computedStyle.paddingTop),\n paddingEnd: toInt(computedStyle.paddingBottom),\n },\n });\n }\n }}\n />\n );\n}\n\nScrollAreaScrollbarY.displayName = '@mantine/core/ScrollAreaScrollbarY';\n"],"mappings":";;;;;;;;;;AAOA,SAAgB,qBAAqB,OAAqC;CACxE,MAAM,EAAE,OAAO,eAAe,OAAO,KAAK,cAAc,GAAG,WAAW;CACtE,MAAM,UAAU,qBAAqB;CACrC,MAAM,CAAC,eAAe,oBAAoB,SAA8B;CACxE,MAAM,MAAM,OAAuB,IAAI;CACvC,MAAM,cAAc,aAAa,cAAc,KAAK,QAAQ,kBAAkB;CAE9E,gBAAgB;EACd,IAAI,IAAI,SACN,iBAAiB,OAAO,iBAAiB,IAAI,OAAO,CAAC;CAEzD,GAAG,CAAC,CAAC;CAEL,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,oBAAiB;EACjB,KAAK;EACE;EACP,OAAO;IACJ,sBAA6B,GAAG,aAAa,KAAK,EAAE;GACrD,GAAG;EACL;EACA,qBAAqB,eAAe,MAAM,mBAAmB,WAAW,CAAC;EACzE,eAAe,eAAe,MAAM,aAAa,WAAW,CAAC;EAC7D,gBAAgB,OAAO,iBAAiB;GACtC,IAAI,QAAQ,UAAU;IACpB,MAAM,YAAY,QAAQ,SAAS,YAAY,MAAM;IACrD,MAAM,cAAc,SAAS;IAC7B,IAAI,iCAAiC,WAAW,YAAY,GAC1D,MAAM,eAAe;GAEzB;EACF;EACA,gBAAgB;GACd,IAAI,IAAI,WAAW,QAAQ,YAAY,eACrC,cAAc;IACZ,SAAS,QAAQ,SAAS;IAC1B,UAAU,QAAQ,SAAS;IAC3B,WAAW;KACT,MAAM,IAAI,QAAQ;KAClB,cAAc,MAAM,cAAc,UAAU;KAC5C,YAAY,MAAM,cAAc,aAAa;IAC/C;GACF,CAAC;EAEL;CACD,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.mjs CHANGED Viewed

@@ -12,7 +12,7 @@ function Thumb(props) {
 	const scrollAreaContext = useScrollAreaContext();
 	const scrollbarContext = useScrollbarContext();
 	const { onThumbPositionChange } = scrollbarContext;
-	const composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node));
+	const composedRef = useMergedRef(forwardedRef, scrollbarContext.onThumbChange);
 	const removeUnlinkedScrollListenerRef = useRef(void 0);
 	const debounceScrollEnd = useDebouncedCallback(() => {
 		if (removeUnlinkedScrollListenerRef.current) {

package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaThumb.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useDebouncedCallback, useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context';\nimport { addUnlinkedScrollListener, composeEventHandlers } from '../utils';\n\ninterface ThumbProps extends React.ComponentProps<'div'> {}\n\nexport function Thumb(props: ThumbProps) {\n const { style, ref: forwardedRef, ...others } = props;\n const scrollAreaContext = useScrollAreaContext();\n const scrollbarContext = useScrollbarContext();\n const { onThumbPositionChange } = scrollbarContext;\n const composedRef = useMergedRef(forwardedRef, ~~(node) =>~~ scrollbarContext.onThumbChange~~(node~~));\n const removeUnlinkedScrollListenerRef = useRef<(() => void) \| undefined>(undefined);\n const debounceScrollEnd = useDebouncedCallback(() => {\n if (removeUnlinkedScrollListenerRef.current) {\n removeUnlinkedScrollListenerRef.current();\n removeUnlinkedScrollListenerRef.current = undefined;\n }\n }, 100);\n\n useEffect(() => {\n const { viewport } = scrollAreaContext;\n if (viewport) {\n const handleScroll = () => {\n debounceScrollEnd();\n if (!removeUnlinkedScrollListenerRef.current) {\n const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);\n removeUnlinkedScrollListenerRef.current = listener;\n onThumbPositionChange();\n }\n };\n onThumbPositionChange();\n viewport.addEventListener('scroll', handleScroll);\n return () => viewport.removeEventListener('scroll', handleScroll);\n }\n\n return undefined;\n }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);\n\n return (\n <div\n data-state={scrollbarContext.hasThumb ? 'visible' : 'hidden'}\n {...others}\n ref={composedRef}\n style={{\n width: 'var(--sa-thumb-width)',\n height: 'var(--sa-thumb-height)',\n ...style,\n }}\n onPointerDownCapture={composeEventHandlers(props.onPointerDownCapture, (event) => {\n const thumb = event.target as HTMLElement;\n const thumbRect = thumb.getBoundingClientRect();\n const x = event.clientX - thumbRect.left;\n const y = event.clientY - thumbRect.top;\n scrollbarContext.onThumbPointerDown({ x, y });\n })}\n onPointerUp={composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)}\n />\n );\n}\n\nThumb.displayName = '@mantine/core/ScrollAreaThumb';\n\ninterface ScrollAreaThumbProps extends ThumbProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaThumb(props: ScrollAreaThumbProps) {\n const { forceMount, ...thumbProps } = props;\n const scrollbarContext = useScrollbarContext();\n\n if (forceMount \|\| scrollbarContext.hasThumb) {\n return <Thumb {...thumbProps} />;\n }\n\n return null;\n}\n\nScrollAreaThumb.displayName = '@mantine/core/ScrollAreaThumb';\n"],"mappings":";;;;;;;;;AAQA,SAAgB,MAAM,OAAmB;CACvC,MAAM,EAAE,OAAO,KAAK,cAAc,GAAG,WAAW;CAChD,MAAM,oBAAoB,~~sBAAsB~~;~~CAChD~~,MAAM,mBAAmB,~~qBAAqB~~;~~CAC9C~~,MAAM,EAAE,0BAA0B;CAClC,MAAM,cAAc,aAAa,~~eAAe~~,~~SAAS,~~iBAAiB,~~cAAc,KAAK,CAAC~~;~~CAC9F~~,MAAM,kCAAkC,OAAiC,KAAA,~~EAAU~~;~~CACnF~~,MAAM,oBAAoB,2BAA2B;~~AACnD~~,~~MAAI~~,gCAAgC,SAAS;~~AAC3C~~,~~mCAAgC~~,~~SAAS~~;~~AACzC~~,~~mCAAgC~~,UAAU,KAAA~~;;IAE3C~~,~~IAAI~~;~~AAEP~~,~~iBAAgB~~;EACd,MAAM,EAAE,aAAa;~~AACrB~~,~~MAAI~~,UAAU;GACZ,MAAM,qBAAqB;~~AACzB~~,~~uBAAmB~~;~~AACnB~~,~~QAAI~~,CAAC,gCAAgC,SAAS;~~AAE5C~~,~~qCAAgC~~,UADf,0BAA0B,UAAU,sBAAsB;~~AAE3E~~,~~4BAAuB;;;AAG3B,0BAAuB~~;~~AACvB~~,~~YAAS~~,iBAAiB,UAAU,~~aAAa~~;~~AACjD~~,~~gBAAa~~,SAAS,oBAAoB,UAAU,~~aAAa;;IAIlE~~;EAAC,kBAAkB;EAAU;EAAmB;~~EAAsB~~,CAAC;~~AAE1E~~,~~QACE~~,oBAAC,OAAD;EACE,cAAY,iBAAiB,WAAW,YAAY;EACpD,GAAI;EACJ,KAAK;EACL,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;~~GACJ~~;~~EACD~~,sBAAsB,qBAAqB,MAAM,uBAAuB,UAAU;GAEhF,MAAM,YADQ,MAAM,OACI,~~uBAAuB~~;~~GAC/C~~,MAAM,IAAI,MAAM,UAAU,UAAU;GACpC,MAAM,IAAI,MAAM,UAAU,UAAU;~~AACpC~~,~~oBAAiB~~,mBAAmB;IAAE;IAAG;~~IAAG~~,CAAC;~~IAC7C~~;~~EACF~~,aAAa,qBAAqB,MAAM,aAAa,iBAAiB,~~iBAAiB~~;~~EACvF~~,CAAA~~;;AAIN~~,MAAM,cAAc;AAMpB,SAAgB,gBAAgB,OAA6B;CAC3D,MAAM,EAAE,YAAY,GAAG,eAAe;CACtC,MAAM,mBAAmB,~~qBAAqB~~;~~AAE9C~~,~~KAAI~~,cAAc,iBAAiB,~~SACjC~~,~~QAAO~~,oBAAC,OAAD,EAAO,GAAI,~~YAAc~~,CAAA;~~AAGlC~~,~~QAAO;;AAGT~~,gBAAgB,cAAc"}
1	+ {"version":3,"file":"ScrollAreaThumb.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useDebouncedCallback, useMergedRef } from '@mantine/hooks';\nimport { useScrollAreaContext } from '../ScrollArea.context';\nimport { useScrollbarContext } from '../ScrollAreaScrollbar/Scrollbar.context';\nimport { addUnlinkedScrollListener, composeEventHandlers } from '../utils';\n\ninterface ThumbProps extends React.ComponentProps<'div'> {}\n\nexport function Thumb(props: ThumbProps) {\n const { style, ref: forwardedRef, ...others } = props;\n const scrollAreaContext = useScrollAreaContext();\n const scrollbarContext = useScrollbarContext();\n const { onThumbPositionChange } = scrollbarContext;\n const composedRef = useMergedRef(forwardedRef, scrollbarContext.onThumbChange);\n const removeUnlinkedScrollListenerRef = useRef<(() => void) \| undefined>(undefined);\n const debounceScrollEnd = useDebouncedCallback(() => {\n if (removeUnlinkedScrollListenerRef.current) {\n removeUnlinkedScrollListenerRef.current();\n removeUnlinkedScrollListenerRef.current = undefined;\n }\n }, 100);\n\n useEffect(() => {\n const { viewport } = scrollAreaContext;\n if (viewport) {\n const handleScroll = () => {\n debounceScrollEnd();\n if (!removeUnlinkedScrollListenerRef.current) {\n const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);\n removeUnlinkedScrollListenerRef.current = listener;\n onThumbPositionChange();\n }\n };\n onThumbPositionChange();\n viewport.addEventListener('scroll', handleScroll);\n return () => viewport.removeEventListener('scroll', handleScroll);\n }\n\n return undefined;\n }, [scrollAreaContext.viewport, debounceScrollEnd, onThumbPositionChange]);\n\n return (\n <div\n data-state={scrollbarContext.hasThumb ? 'visible' : 'hidden'}\n {...others}\n ref={composedRef}\n style={{\n width: 'var(--sa-thumb-width)',\n height: 'var(--sa-thumb-height)',\n ...style,\n }}\n onPointerDownCapture={composeEventHandlers(props.onPointerDownCapture, (event) => {\n const thumb = event.target as HTMLElement;\n const thumbRect = thumb.getBoundingClientRect();\n const x = event.clientX - thumbRect.left;\n const y = event.clientY - thumbRect.top;\n scrollbarContext.onThumbPointerDown({ x, y });\n })}\n onPointerUp={composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)}\n />\n );\n}\n\nThumb.displayName = '@mantine/core/ScrollAreaThumb';\n\ninterface ScrollAreaThumbProps extends ThumbProps {\n forceMount?: true;\n}\n\nexport function ScrollAreaThumb(props: ScrollAreaThumbProps) {\n const { forceMount, ...thumbProps } = props;\n const scrollbarContext = useScrollbarContext();\n\n if (forceMount \|\| scrollbarContext.hasThumb) {\n return <Thumb {...thumbProps} />;\n }\n\n return null;\n}\n\nScrollAreaThumb.displayName = '@mantine/core/ScrollAreaThumb';\n"],"mappings":";;;;;;;;;AAQA,SAAgB,MAAM,OAAmB;CACvC,MAAM,EAAE,OAAO,KAAK,cAAc,GAAG,WAAW;CAChD,MAAM,oBAAoB,qBAAqB;CAC/C,MAAM,mBAAmB,oBAAoB;CAC7C,MAAM,EAAE,0BAA0B;CAClC,MAAM,cAAc,aAAa,cAAc,iBAAiB,aAAa;CAC7E,MAAM,kCAAkC,OAAiC,KAAA,CAAS;CAClF,MAAM,oBAAoB,2BAA2B;EACnD,IAAI,gCAAgC,SAAS;GAC3C,gCAAgC,QAAQ;GACxC,gCAAgC,UAAU,KAAA;EAC5C;CACF,GAAG,GAAG;CAEN,gBAAgB;EACd,MAAM,EAAE,aAAa;EACrB,IAAI,UAAU;GACZ,MAAM,qBAAqB;IACzB,kBAAkB;IAClB,IAAI,CAAC,gCAAgC,SAAS;KAE5C,gCAAgC,UADf,0BAA0B,UAAU,qBACJ;KACjD,sBAAsB;IACxB;GACF;GACA,sBAAsB;GACtB,SAAS,iBAAiB,UAAU,YAAY;GAChD,aAAa,SAAS,oBAAoB,UAAU,YAAY;EAClE;CAGF,GAAG;EAAC,kBAAkB;EAAU;EAAmB;CAAqB,CAAC;CAEzE,OACE,oBAAC,OAAD;EACE,cAAY,iBAAiB,WAAW,YAAY;EACpD,GAAI;EACJ,KAAK;EACL,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,sBAAsB,qBAAqB,MAAM,uBAAuB,UAAU;GAEhF,MAAM,YADQ,MAAM,OACI,sBAAsB;GAC9C,MAAM,IAAI,MAAM,UAAU,UAAU;GACpC,MAAM,IAAI,MAAM,UAAU,UAAU;GACpC,iBAAiB,mBAAmB;IAAE;IAAG;GAAE,CAAC;EAC9C,CAAC;EACD,aAAa,qBAAqB,MAAM,aAAa,iBAAiB,gBAAgB;CACvF,CAAA;AAEL;AAEA,MAAM,cAAc;AAMpB,SAAgB,gBAAgB,OAA6B;CAC3D,MAAM,EAAE,YAAY,GAAG,eAAe;CACtC,MAAM,mBAAmB,oBAAoB;CAE7C,IAAI,cAAc,iBAAiB,UACjC,OAAO,oBAAC,OAAD,EAAO,GAAI,WAAa,CAAA;CAGjC,OAAO;AACT;AAEA,gBAAgB,cAAc"}

package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollAreaViewport.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx"],"sourcesContent":["import { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps } from '../../../core';\nimport { useScrollAreaContext } from '../ScrollArea.context';\n\nexport interface ScrollAreaViewportProps extends BoxProps, ElementProps<'div'> {}\n\nexport function ScrollAreaViewport({\n children,\n style,\n ref,\n onWheel,\n ...others\n}: ScrollAreaViewportProps) {\n const ctx = useScrollAreaContext();\n const rootRef = useMergedRef(ref, ctx.onViewportChange);\n\n const handleWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n onWheel?.(event);\n\n // Fix for Windows: Allow horizontal scrolling even when vertical scroll is at boundaries\n // When at vertical boundaries, Windows tries to scroll the parent/page instead of allowing horizontal scroll\n if (ctx.scrollbarXEnabled && ctx.viewport && event.shiftKey) {\n const { scrollTop, scrollHeight, clientHeight, scrollWidth, clientWidth } = ctx.viewport;\n const isAtTop = scrollTop < 1;\n const isAtBottom = scrollTop >= scrollHeight - clientHeight - 1;\n const canScrollHorizontally = scrollWidth > clientWidth;\n\n if (canScrollHorizontally && (isAtTop \|\| isAtBottom)) {\n event.stopPropagation();\n }\n }\n };\n\n return (\n <Box\n {...others}\n ref={rootRef}\n onWheel={handleWheel}\n style={{\n overflowX: ctx.scrollbarXEnabled ? 'scroll' : 'hidden',\n overflowY: ctx.scrollbarYEnabled ? 'scroll' : 'hidden',\n ...style,\n }}\n >\n <div {...ctx.getStyles('content')} ref={ctx.onContentChange}>\n {children}\n </div>\n </Box>\n );\n}\n\nScrollAreaViewport.displayName = '@mantine/core/ScrollAreaViewport';\n"],"mappings":";;;;;;AAMA,SAAgB,mBAAmB,EACjC,UACA,OACA,KACA,SACA,GAAG,UACuB;CAC1B,MAAM,MAAM,~~sBAAsB~~;~~CAClC~~,MAAM,UAAU,aAAa,KAAK,IAAI,~~iBAAiB~~;~~CAEvD~~,MAAM,eAAe,UAA4C;~~AAC~~/D,~~YAAU~~,~~MAAM~~;~~AAIhB~~,~~MAAI~~,IAAI,qBAAqB,IAAI,YAAY,MAAM,UAAU;GAC3D,MAAM,EAAE,WAAW,cAAc,cAAc,aAAa,gBAAgB,IAAI;GAChF,MAAM,UAAU,YAAY;GAC5B,MAAM,aAAa,aAAa,eAAe,eAAe;~~AAG9D~~,~~OAF8B~~,cAAc,gBAEd,WAAW,~~YACvC~~,~~OAAM~~,~~iBAAiB;;;AAK7B~~,~~QACE~~,oBAAC,KAAD;EACE,GAAI;EACJ,KAAK;EACL,SAAS;EACT,OAAO;GACL,WAAW,IAAI,oBAAoB,WAAW;GAC9C,WAAW,IAAI,oBAAoB,WAAW;GAC9C,GAAG;~~GACJ~~;~~YAED~~,oBAAC,OAAD;GAAK,GAAI,IAAI,UAAU,~~UAAU~~;~~GAAE~~,KAAK,IAAI;GACzC;~~GACG~~,CAAA;~~EACF~~,CAAA~~;;AAIV~~,mBAAmB,cAAc"}
1	+ {"version":3,"file":"ScrollAreaViewport.mjs","names":[],"sources":["../../../../src/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.tsx"],"sourcesContent":["import { useMergedRef } from '@mantine/hooks';\nimport { Box, BoxProps, ElementProps } from '../../../core';\nimport { useScrollAreaContext } from '../ScrollArea.context';\n\nexport interface ScrollAreaViewportProps extends BoxProps, ElementProps<'div'> {}\n\nexport function ScrollAreaViewport({\n children,\n style,\n ref,\n onWheel,\n ...others\n}: ScrollAreaViewportProps) {\n const ctx = useScrollAreaContext();\n const rootRef = useMergedRef(ref, ctx.onViewportChange);\n\n const handleWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n onWheel?.(event);\n\n // Fix for Windows: Allow horizontal scrolling even when vertical scroll is at boundaries\n // When at vertical boundaries, Windows tries to scroll the parent/page instead of allowing horizontal scroll\n if (ctx.scrollbarXEnabled && ctx.viewport && event.shiftKey) {\n const { scrollTop, scrollHeight, clientHeight, scrollWidth, clientWidth } = ctx.viewport;\n const isAtTop = scrollTop < 1;\n const isAtBottom = scrollTop >= scrollHeight - clientHeight - 1;\n const canScrollHorizontally = scrollWidth > clientWidth;\n\n if (canScrollHorizontally && (isAtTop \|\| isAtBottom)) {\n event.stopPropagation();\n }\n }\n };\n\n return (\n <Box\n {...others}\n ref={rootRef}\n onWheel={handleWheel}\n style={{\n overflowX: ctx.scrollbarXEnabled ? 'scroll' : 'hidden',\n overflowY: ctx.scrollbarYEnabled ? 'scroll' : 'hidden',\n ...style,\n }}\n >\n <div {...ctx.getStyles('content')} ref={ctx.onContentChange}>\n {children}\n </div>\n </Box>\n );\n}\n\nScrollAreaViewport.displayName = '@mantine/core/ScrollAreaViewport';\n"],"mappings":";;;;;;AAMA,SAAgB,mBAAmB,EACjC,UACA,OACA,KACA,SACA,GAAG,UACuB;CAC1B,MAAM,MAAM,qBAAqB;CACjC,MAAM,UAAU,aAAa,KAAK,IAAI,gBAAgB;CAEtD,MAAM,eAAe,UAA4C;EAC/D,UAAU,KAAK;EAIf,IAAI,IAAI,qBAAqB,IAAI,YAAY,MAAM,UAAU;GAC3D,MAAM,EAAE,WAAW,cAAc,cAAc,aAAa,gBAAgB,IAAI;GAChF,MAAM,UAAU,YAAY;GAC5B,MAAM,aAAa,aAAa,eAAe,eAAe;GAG9D,IAF8B,cAAc,gBAEd,WAAW,aACvC,MAAM,gBAAgB;EAE1B;CACF;CAEA,OACE,oBAAC,KAAD;EACE,GAAI;EACJ,KAAK;EACL,SAAS;EACT,OAAO;GACL,WAAW,IAAI,oBAAoB,WAAW;GAC9C,WAAW,IAAI,oBAAoB,WAAW;GAC9C,GAAG;EACL;YAEA,oBAAC,OAAD;GAAK,GAAI,IAAI,UAAU,SAAS;GAAG,KAAK,IAAI;GACzC;EACE,CAAA;CACF,CAAA;AAET;AAEA,mBAAmB,cAAc"}

package/esm/components/ScrollArea/use-resize-observer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-resize-observer.mjs","names":[],"sources":["../../../src/components/ScrollArea/use-resize-observer.ts"],"sourcesContent":["import { useEffectEvent } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\n\nexport function useResizeObserver(element: HTMLElement \| null, onResize: () => void) {\n const handleResize = useEffectEvent(onResize);\n\n useIsomorphicEffect(() => {\n let rAF = 0;\n if (element) {\n const resizeObserver = new ResizeObserver(() => {\n cancelAnimationFrame(rAF);\n rAF = window.requestAnimationFrame(handleResize);\n });\n\n resizeObserver.observe(element);\n\n return () => {\n window.cancelAnimationFrame(rAF);\n resizeObserver.unobserve(element);\n };\n }\n\n return undefined;\n }, [element]);\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAkB,SAA6B,UAAsB;CACnF,MAAM,eAAe,eAAe,~~SAAS~~;~~AAE7C~~,~~2BAA0B~~;EACxB,IAAI,MAAM;~~AACV~~,~~MAAI~~,SAAS;GACX,MAAM,iBAAiB,IAAI,qBAAqB;~~AAC9C~~,~~yBAAqB~~,~~IAAI~~;~~AACzB~~,~~UAAM~~,OAAO,sBAAsB,~~aAAa~~;~~KAChD~~;~~AAEF~~,~~kBAAe~~,QAAQ,~~QAAQ~~;~~AAE/B~~,~~gBAAa~~;~~AACX~~,~~WAAO~~,qBAAqB,~~IAAI~~;~~AAChC~~,~~mBAAe~~,UAAU,~~QAAQ;;;IAKpC~~,CAAC,~~QAAQ~~,CAAC"}
1	+ {"version":3,"file":"use-resize-observer.mjs","names":[],"sources":["../../../src/components/ScrollArea/use-resize-observer.ts"],"sourcesContent":["import { useEffectEvent } from 'react';\nimport { useIsomorphicEffect } from '@mantine/hooks';\n\nexport function useResizeObserver(element: HTMLElement \| null, onResize: () => void) {\n const handleResize = useEffectEvent(onResize);\n\n useIsomorphicEffect(() => {\n let rAF = 0;\n if (element) {\n const resizeObserver = new ResizeObserver(() => {\n cancelAnimationFrame(rAF);\n rAF = window.requestAnimationFrame(handleResize);\n });\n\n resizeObserver.observe(element);\n\n return () => {\n window.cancelAnimationFrame(rAF);\n resizeObserver.unobserve(element);\n };\n }\n\n return undefined;\n }, [element]);\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAkB,SAA6B,UAAsB;CACnF,MAAM,eAAe,eAAe,QAAQ;CAE5C,0BAA0B;EACxB,IAAI,MAAM;EACV,IAAI,SAAS;GACX,MAAM,iBAAiB,IAAI,qBAAqB;IAC9C,qBAAqB,GAAG;IACxB,MAAM,OAAO,sBAAsB,YAAY;GACjD,CAAC;GAED,eAAe,QAAQ,OAAO;GAE9B,aAAa;IACX,OAAO,qBAAqB,GAAG;IAC/B,eAAe,UAAU,OAAO;GAClC;EACF;CAGF,GAAG,CAAC,OAAO,CAAC;AACd"}

package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"add-unlinked-scroll-listener.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/add-unlinked-scroll-listener.tsx"],"sourcesContent":["export function addUnlinkedScrollListener(node: HTMLElement, handler = () => {}) {\n let prevPosition = { left: node.scrollLeft, top: node.scrollTop };\n let rAF = 0;\n (function loop() {\n const position = { left: node.scrollLeft, top: node.scrollTop };\n const isHorizontalScroll = prevPosition.left !== position.left;\n const isVerticalScroll = prevPosition.top !== position.top;\n if (isHorizontalScroll \|\| isVerticalScroll) {\n handler();\n }\n prevPosition = position;\n rAF = window.requestAnimationFrame(loop);\n })();\n return () => window.cancelAnimationFrame(rAF);\n}\n"],"mappings":";;AAAA,SAAgB,0BAA0B,MAAmB,gBAAgB,~~IAAI~~;CAC/E,IAAI,eAAe;EAAE,MAAM,KAAK;EAAY,KAAK,KAAK;~~EAAW~~;~~CACjE~~,IAAI,MAAM;~~AACV~~,~~EAAC~~,SAAS,OAAO;EACf,MAAM,WAAW;GAAE,MAAM,KAAK;GAAY,KAAK,KAAK;~~GAAW~~;~~EAC/D~~,MAAM,qBAAqB,aAAa,SAAS,SAAS;EAC1D,MAAM,mBAAmB,aAAa,QAAQ,SAAS;~~AACvD~~,~~MAAI~~,sBAAsB,~~iBACxB~~,~~UAAS~~;~~AAEX~~,~~iBAAe~~;~~AACf~~,~~QAAM~~,OAAO,sBAAsB,~~KAAK~~;~~KACtC~~;~~AACJ~~,~~cAAa~~,OAAO,qBAAqB,~~IAAI~~"}
1	+ {"version":3,"file":"add-unlinked-scroll-listener.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/add-unlinked-scroll-listener.tsx"],"sourcesContent":["export function addUnlinkedScrollListener(node: HTMLElement, handler = () => {}) {\n let prevPosition = { left: node.scrollLeft, top: node.scrollTop };\n let rAF = 0;\n (function loop() {\n const position = { left: node.scrollLeft, top: node.scrollTop };\n const isHorizontalScroll = prevPosition.left !== position.left;\n const isVerticalScroll = prevPosition.top !== position.top;\n if (isHorizontalScroll \|\| isVerticalScroll) {\n handler();\n }\n prevPosition = position;\n rAF = window.requestAnimationFrame(loop);\n })();\n return () => window.cancelAnimationFrame(rAF);\n}\n"],"mappings":";;AAAA,SAAgB,0BAA0B,MAAmB,gBAAgB,CAAC,GAAG;CAC/E,IAAI,eAAe;EAAE,MAAM,KAAK;EAAY,KAAK,KAAK;CAAU;CAChE,IAAI,MAAM;CACV,CAAC,SAAS,OAAO;EACf,MAAM,WAAW;GAAE,MAAM,KAAK;GAAY,KAAK,KAAK;EAAU;EAC9D,MAAM,qBAAqB,aAAa,SAAS,SAAS;EAC1D,MAAM,mBAAmB,aAAa,QAAQ,SAAS;EACvD,IAAI,sBAAsB,kBACxB,QAAQ;EAEV,eAAe;EACf,MAAM,OAAO,sBAAsB,IAAI;CACzC,GAAG;CACH,aAAa,OAAO,qBAAqB,GAAG;AAC9C"}

package/esm/components/ScrollArea/utils/compose-event-handlers.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"compose-event-handlers.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/compose-event-handlers.ts"],"sourcesContent":["export function composeEventHandlers<E>(\n originalEventHandler?: (event: E) => void,\n ourEventHandler?: (event: E) => void,\n { checkForDefaultPrevented = true } = {}\n) {\n return (event: E) => {\n originalEventHandler?.(event);\n\n if (checkForDefaultPrevented === false \|\| !(event as unknown as Event).defaultPrevented) {\n ourEventHandler?.(event);\n }\n };\n}\n"],"mappings":";;AAAA,SAAgB,qBACd,sBACA,iBACA,EAAE,2BAA2B,SAAS,~~EAAE~~,~~EACxC~~;~~AACA~~,~~SAAQ~~,UAAa;~~AACnB~~,~~yBAAuB~~,~~MAAM~~;~~AAE7B~~,~~MAAI~~,6BAA6B,SAAS,CAAE,MAA2B,~~iBACrE~~,~~mBAAkB~~,~~MAAM~~"}
1	+ {"version":3,"file":"compose-event-handlers.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/compose-event-handlers.ts"],"sourcesContent":["export function composeEventHandlers<E>(\n originalEventHandler?: (event: E) => void,\n ourEventHandler?: (event: E) => void,\n { checkForDefaultPrevented = true } = {}\n) {\n return (event: E) => {\n originalEventHandler?.(event);\n\n if (checkForDefaultPrevented === false \|\| !(event as unknown as Event).defaultPrevented) {\n ourEventHandler?.(event);\n }\n };\n}\n"],"mappings":";;AAAA,SAAgB,qBACd,sBACA,iBACA,EAAE,2BAA2B,SAAS,CAAC,GACvC;CACA,QAAQ,UAAa;EACnB,uBAAuB,KAAK;EAE5B,IAAI,6BAA6B,SAAS,CAAE,MAA2B,kBACrE,kBAAkB,KAAK;CAE3B;AACF"}

package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-scroll-position-from-pointer.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-scroll-position-from-pointer.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nexport function getScrollPositionFromPointer(\n pointerPos: number,\n pointerOffset: number,\n sizes: Sizes,\n dir: 'ltr' \| 'rtl' = 'ltr'\n) {\n const thumbSizePx = getThumbSize(sizes);\n const thumbCenter = thumbSizePx / 2;\n const offset = pointerOffset \|\| thumbCenter;\n const thumbOffsetFromEnd = thumbSizePx - offset;\n const minPointerPos = sizes.scrollbar.paddingStart + offset;\n const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;\n const maxScrollPos = sizes.content - sizes.viewport;\n const scrollRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange as [number, number]);\n return interpolate(pointerPos);\n}\n"],"mappings":";;;;AAIA,SAAgB,6BACd,YACA,eACA,OACA,MAAqB,OACrB;CACA,MAAM,cAAc,aAAa,~~MAAM~~;~~CACvC~~,MAAM,cAAc,cAAc;CAClC,MAAM,SAAS,iBAAiB;CAChC,MAAM,qBAAqB,cAAc;CACzC,MAAM,gBAAgB,MAAM,UAAU,eAAe;CACrD,MAAM,gBAAgB,MAAM,UAAU,OAAO,MAAM,UAAU,aAAa;CAC1E,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,cAAc,QAAQ,QAAQ,CAAC,GAAG,~~aAAa~~,~~GAAG~~,CAAC,eAAe,IAAI,~~EAAE~~;~~AAE9E~~,~~QADoB~~,YAAY,CAAC,eAAe,~~cAAc~~,~~EAAE~~,~~YAAgC~~,~~CAC7E~~,~~WAAW~~"}
1	+ {"version":3,"file":"get-scroll-position-from-pointer.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-scroll-position-from-pointer.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nexport function getScrollPositionFromPointer(\n pointerPos: number,\n pointerOffset: number,\n sizes: Sizes,\n dir: 'ltr' \| 'rtl' = 'ltr'\n) {\n const thumbSizePx = getThumbSize(sizes);\n const thumbCenter = thumbSizePx / 2;\n const offset = pointerOffset \|\| thumbCenter;\n const thumbOffsetFromEnd = thumbSizePx - offset;\n const minPointerPos = sizes.scrollbar.paddingStart + offset;\n const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;\n const maxScrollPos = sizes.content - sizes.viewport;\n const scrollRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n const interpolate = linearScale([minPointerPos, maxPointerPos], scrollRange as [number, number]);\n return interpolate(pointerPos);\n}\n"],"mappings":";;;;AAIA,SAAgB,6BACd,YACA,eACA,OACA,MAAqB,OACrB;CACA,MAAM,cAAc,aAAa,KAAK;CACtC,MAAM,cAAc,cAAc;CAClC,MAAM,SAAS,iBAAiB;CAChC,MAAM,qBAAqB,cAAc;CACzC,MAAM,gBAAgB,MAAM,UAAU,eAAe;CACrD,MAAM,gBAAgB,MAAM,UAAU,OAAO,MAAM,UAAU,aAAa;CAC1E,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,cAAc,QAAQ,QAAQ,CAAC,GAAG,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC;CAE7E,OADoB,YAAY,CAAC,eAAe,aAAa,GAAG,WAC/C,EAAE,UAAU;AAC/B"}

package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-thumb-offset-from-scroll.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-thumb-offset-from-scroll.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nfunction clamp(value: number, [min, max]: [number, number]): number {\n return Math.min(max, Math.max(min, value));\n}\n\nexport function getThumbOffsetFromScroll(\n scrollPos: number,\n sizes: Sizes,\n dir: 'rtl' \| 'ltr' = 'ltr'\n) {\n const thumbSizePx = getThumbSize(sizes);\n const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n const scrollbar = sizes.scrollbar.size - scrollbarPadding;\n const maxScrollPos = sizes.content - sizes.viewport;\n const maxThumbPos = scrollbar - thumbSizePx;\n const scrollClampRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange as [number, number]);\n const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);\n return interpolate(scrollWithoutMomentum);\n}\n"],"mappings":";;;;AAIA,SAAS,MAAM,OAAe,CAAC,KAAK,MAAgC;~~AAClE~~,~~QAAO~~,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,~~MAAM~~,CAAC~~;;AAG5C~~,SAAgB,yBACd,WACA,OACA,MAAqB,OACrB;CACA,MAAM,cAAc,aAAa,~~MAAM~~;~~CACvC~~,MAAM,mBAAmB,MAAM,UAAU,eAAe,MAAM,UAAU;CACxE,MAAM,YAAY,MAAM,UAAU,OAAO;CACzC,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,cAAc,YAAY;CAEhC,MAAM,wBAAwB,MAAM,WADX,QAAQ,QAAQ,CAAC,GAAG,~~aAAa~~,~~GAAG~~,CAAC,eAAe,IAAI,~~EAAE~~,CACC;~~AAEpF~~,~~QADoB~~,YAAY,CAAC,GAAG,~~aAAa~~,~~EAAE~~,CAAC,GAAG,~~YAAY~~,~~CAAC,~~CACjD,~~sBAAsB~~"}
1	+ {"version":3,"file":"get-thumb-offset-from-scroll.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-thumb-offset-from-scroll.ts"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbSize } from './get-thumb-size';\nimport { linearScale } from './linear-scale';\n\nfunction clamp(value: number, [min, max]: [number, number]): number {\n return Math.min(max, Math.max(min, value));\n}\n\nexport function getThumbOffsetFromScroll(\n scrollPos: number,\n sizes: Sizes,\n dir: 'rtl' \| 'ltr' = 'ltr'\n) {\n const thumbSizePx = getThumbSize(sizes);\n const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n const scrollbar = sizes.scrollbar.size - scrollbarPadding;\n const maxScrollPos = sizes.content - sizes.viewport;\n const maxThumbPos = scrollbar - thumbSizePx;\n const scrollClampRange = dir === 'ltr' ? [0, maxScrollPos] : [maxScrollPos * -1, 0];\n const scrollWithoutMomentum = clamp(scrollPos, scrollClampRange as [number, number]);\n const interpolate = linearScale([0, maxScrollPos], [0, maxThumbPos]);\n return interpolate(scrollWithoutMomentum);\n}\n"],"mappings":";;;;AAIA,SAAS,MAAM,OAAe,CAAC,KAAK,MAAgC;CAClE,OAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,KAAK,CAAC;AAC3C;AAEA,SAAgB,yBACd,WACA,OACA,MAAqB,OACrB;CACA,MAAM,cAAc,aAAa,KAAK;CACtC,MAAM,mBAAmB,MAAM,UAAU,eAAe,MAAM,UAAU;CACxE,MAAM,YAAY,MAAM,UAAU,OAAO;CACzC,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,cAAc,YAAY;CAEhC,MAAM,wBAAwB,MAAM,WADX,QAAQ,QAAQ,CAAC,GAAG,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,CACC;CAEnF,OADoB,YAAY,CAAC,GAAG,YAAY,GAAG,CAAC,GAAG,WAAW,CACjD,EAAE,qBAAqB;AAC1C"}

package/esm/components/ScrollArea/utils/get-thumb-ratio.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-thumb-ratio.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-thumb-ratio.tsx"],"sourcesContent":["export function getThumbRatio(viewportSize: number, contentSize: number) {\n const ratio = viewportSize / contentSize;\n return Number.isNaN(ratio) ? 0 : ratio;\n}\n"],"mappings":";;AAAA,SAAgB,cAAc,cAAsB,aAAqB;CACvE,MAAM,QAAQ,eAAe;~~AAC7B~~,~~QAAO~~,OAAO,MAAM,~~MAAM~~,~~GAAG~~,IAAI"}
1	+ {"version":3,"file":"get-thumb-ratio.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-thumb-ratio.tsx"],"sourcesContent":["export function getThumbRatio(viewportSize: number, contentSize: number) {\n const ratio = viewportSize / contentSize;\n return Number.isNaN(ratio) ? 0 : ratio;\n}\n"],"mappings":";;AAAA,SAAgB,cAAc,cAAsB,aAAqB;CACvE,MAAM,QAAQ,eAAe;CAC7B,OAAO,OAAO,MAAM,KAAK,IAAI,IAAI;AACnC"}

package/esm/components/ScrollArea/utils/get-thumb-size.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-thumb-size.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-thumb-size.tsx"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbRatio } from './get-thumb-ratio';\n\nexport function getThumbSize(sizes: Sizes) {\n const ratio = getThumbRatio(sizes.viewport, sizes.content);\n const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;\n return Math.max(thumbSize, 18);\n}\n"],"mappings":";;;AAGA,SAAgB,aAAa,OAAc;CACzC,MAAM,QAAQ,cAAc,MAAM,UAAU,MAAM,~~QAAQ~~;~~CAC1D~~,MAAM,mBAAmB,MAAM,UAAU,eAAe,MAAM,UAAU;CACxE,MAAM,aAAa,MAAM,UAAU,OAAO,oBAAoB;~~AAC9D~~,~~QAAO~~,KAAK,IAAI,WAAW,~~GAAG~~"}
1	+ {"version":3,"file":"get-thumb-size.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/get-thumb-size.tsx"],"sourcesContent":["import type { Sizes } from '../ScrollArea.types';\nimport { getThumbRatio } from './get-thumb-ratio';\n\nexport function getThumbSize(sizes: Sizes) {\n const ratio = getThumbRatio(sizes.viewport, sizes.content);\n const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;\n return Math.max(thumbSize, 18);\n}\n"],"mappings":";;;AAGA,SAAgB,aAAa,OAAc;CACzC,MAAM,QAAQ,cAAc,MAAM,UAAU,MAAM,OAAO;CACzD,MAAM,mBAAmB,MAAM,UAAU,eAAe,MAAM,UAAU;CACxE,MAAM,aAAa,MAAM,UAAU,OAAO,oBAAoB;CAC9D,OAAO,KAAK,IAAI,WAAW,EAAE;AAC/B"}

package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"is-scrolling-within-scrollbar-bounds.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.ts"],"sourcesContent":["export function isScrollingWithinScrollbarBounds(scrollPos: number, maxScrollPos: number) {\n return scrollPos > 0 && scrollPos < maxScrollPos;\n}\n"],"mappings":";;AAAA,SAAgB,iCAAiC,WAAmB,cAAsB;~~AACxF~~,~~QAAO~~,YAAY,KAAK,YAAY"}
1	+ {"version":3,"file":"is-scrolling-within-scrollbar-bounds.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.ts"],"sourcesContent":["export function isScrollingWithinScrollbarBounds(scrollPos: number, maxScrollPos: number) {\n return scrollPos > 0 && scrollPos < maxScrollPos;\n}\n"],"mappings":";;AAAA,SAAgB,iCAAiC,WAAmB,cAAsB;CACxF,OAAO,YAAY,KAAK,YAAY;AACtC"}

package/esm/components/ScrollArea/utils/linear-scale.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linear-scale.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/linear-scale.ts"],"sourcesContent":["export function linearScale(input: readonly [number, number], output: readonly [number, number]) {\n return (value: number) => {\n if (input[0] === input[1] \|\| output[0] === output[1]) {\n return output[0];\n }\n const ratio = (output[1] - output[0]) / (input[1] - input[0]);\n return output[0] + ratio * (value - input[0]);\n };\n}\n"],"mappings":";;AAAA,SAAgB,YAAY,OAAkC,QAAmC;~~AAC~~/F,~~SAAQ~~,UAAkB;~~AACxB~~,~~MAAI~~,MAAM,OAAO,MAAM,MAAM,OAAO,OAAO,OAAO,~~GAChD~~,~~QAAO~~,OAAO;EAEhB,MAAM,SAAS,OAAO,KAAK,OAAO,OAAO,MAAM,KAAK,MAAM;~~AAC1D~~,~~SAAO~~,OAAO,KAAK,SAAS,QAAQ,MAAM"}
1	+ {"version":3,"file":"linear-scale.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/linear-scale.ts"],"sourcesContent":["export function linearScale(input: readonly [number, number], output: readonly [number, number]) {\n return (value: number) => {\n if (input[0] === input[1] \|\| output[0] === output[1]) {\n return output[0];\n }\n const ratio = (output[1] - output[0]) / (input[1] - input[0]);\n return output[0] + ratio * (value - input[0]);\n };\n}\n"],"mappings":";;AAAA,SAAgB,YAAY,OAAkC,QAAmC;CAC/F,QAAQ,UAAkB;EACxB,IAAI,MAAM,OAAO,MAAM,MAAM,OAAO,OAAO,OAAO,IAChD,OAAO,OAAO;EAEhB,MAAM,SAAS,OAAO,KAAK,OAAO,OAAO,MAAM,KAAK,MAAM;EAC1D,OAAO,OAAO,KAAK,SAAS,QAAQ,MAAM;CAC5C;AACF"}

package/esm/components/ScrollArea/utils/to-int.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"to-int.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/to-int.ts"],"sourcesContent":["export function toInt(value?: string) {\n return value ? parseInt(value, 10) : 0;\n}\n"],"mappings":";;AAAA,SAAgB,MAAM,OAAgB;~~AACpC~~,~~QAAO~~,QAAQ,SAAS,OAAO,~~GAAG~~,~~GAAG~~"}
1	+ {"version":3,"file":"to-int.mjs","names":[],"sources":["../../../../src/components/ScrollArea/utils/to-int.ts"],"sourcesContent":["export function toInt(value?: string) {\n return value ? parseInt(value, 10) : 0;\n}\n"],"mappings":";;AAAA,SAAgB,MAAM,OAAgB;CACpC,OAAO,QAAQ,SAAS,OAAO,EAAE,IAAI;AACvC"}

package/esm/components/Scroller/Scroller.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Scroller.mjs","names":["classes"],"sources":["../../../src/components/Scroller/Scroller.tsx"],"sourcesContent":["import { Ref } from 'react';\nimport { useScroller } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getThemeColor,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './Scroller.module.css';\n\nexport type ScrollerStylesNames = 'root' \| 'container' \| 'content' \| 'control' \| 'chevron';\nexport type ScrollerCssVariables = {\n root: '--scroller-control-size' \| '--scroller-background-color';\n};\n\nexport interface ScrollerProps\n extends BoxProps, StylesApiProps<ScrollerFactory>, ElementProps<'div'> {\n /** Content to display /\n children: React.ReactNode;\n\n /* Amount of pixels to scroll when clicking the control buttons, `200` by default /\n scrollAmount?: number;\n\n /* Size of the control buttons, @default 60px /\n controlSize?: string \| number;\n\n /* Background color for the gradient fade on controls, `'var(--mantine-color-body)'` by default /\n edgeGradientColor?: string;\n\n /* Props passed to the start control button /\n startControlProps?: React.ComponentProps<'button'>;\n\n /* Props passed to the end control button /\n endControlProps?: React.ComponentProps<'button'>;\n\n /* Icon component for the start control, AccordionChevron by default /\n startControlIcon?: React.ReactNode;\n\n /* Icon component for the end control, AccordionChevron by default /\n endControlIcon?: React.ReactNode;\n\n /* Determines whether start control should always be visible regardless of scroll position, `false` by default /\n showStartControl?: boolean;\n\n /* Determines whether end control should always be visible regardless of scroll position, `false` by default /\n showEndControl?: boolean;\n\n /* Determines whether content can be scrolled by dragging with mouse, `true` by default /\n draggable?: boolean;\n\n /* Ref for the scroll container element */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport type ScrollerFactory = Factory<{\n props: ScrollerProps;\n ref: HTMLDivElement;\n stylesNames: ScrollerStylesNames;\n vars: ScrollerCssVariables;\n}>;\n\nconst defaultProps: Partial<ScrollerProps> = {\n scrollAmount: 200,\n draggable: true,\n};\n\nconst varsResolver = createVarsResolver<ScrollerFactory>(\n (theme, { controlSize, edgeGradientColor }) => ({\n root: {\n '--scroller-control-size': rem(controlSize),\n '--scroller-background-color': edgeGradientColor\n ? getThemeColor(edgeGradientColor, theme)\n : undefined,\n },\n })\n);\n\nexport const Scroller = factory<ScrollerFactory>((_props) => {\n const props = useProps('Scroller', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n scrollAmount,\n controlSize,\n edgeGradientColor,\n startControlProps,\n endControlProps,\n startControlIcon,\n endControlIcon,\n showStartControl,\n showEndControl,\n draggable,\n mod,\n ref,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ScrollerFactory>({\n name: 'Scroller',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n attributes,\n });\n\n const scroller = useScroller({\n scrollAmount,\n draggable,\n });\n\n const showStart = showStartControl \|\| scroller.canScrollStart;\n const showEnd = showEndControl \|\| scroller.canScrollEnd;\n\n return (\n <Box {...getStyles('root')} ref={ref} mod={mod} {...others}>\n <UnstyledButton\n {...getStyles('control')}\n onClick={scroller.scrollStart}\n data-position=\"start\"\n data-hidden={!showStart \|\| undefined}\n aria-label=\"Scroll left\"\n tabIndex={showStart ? 0 : -1}\n {...startControlProps}\n >\n {startControlIcon \|\| <AccordionChevron {...getStyles('chevron')} />}\n </UnstyledButton>\n\n <div\n {...getStyles('container')}\n ref={scroller.ref}\n role=\"presentation\"\n data-draggable={draggable \|\| undefined}\n {...scroller.dragHandlers}\n >\n <div {...getStyles('content')}>{children}</div>\n </div>\n\n <UnstyledButton\n {...getStyles('control')}\n onClick={scroller.scrollEnd}\n data-position=\"end\"\n data-hidden={!showEnd \|\| undefined}\n aria-label=\"Scroll right\"\n tabIndex={showEnd ? 0 : -1}\n {...endControlProps}\n >\n {endControlIcon \|\| <AccordionChevron {...getStyles('chevron')} />}\n </UnstyledButton>\n </Box>\n );\n});\n\nScroller.classes = classes;\nScroller.varsResolver = varsResolver;\nScroller.displayName = '@mantine/core/Scroller';\n\nexport namespace Scroller {\n export type Props = ScrollerProps;\n export type StylesNames = ScrollerStylesNames;\n export type CssVariables = ScrollerCssVariables;\n export type Factory = ScrollerFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAsEA,MAAM,eAAuC;CAC3C,cAAc;CACd,WAAW;~~CACZ~~;~~AAED~~,MAAM,eAAe,oBAClB,OAAO,EAAE,aAAa,yBAAyB,EAC9C,MAAM;CACJ,2BAA2B,IAAI,~~YAAY~~;~~CAC3C~~,+BAA+B,oBAC3B,cAAc,mBAAmB,~~MAAM~~,~~GACvC~~,KAAA;~~CACL~~,EACF,EACF;~~AAED~~,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,~~OAAO~~;~~CACxD~~,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,cACA,aACA,mBACA,mBACA,iBACA,kBACA,gBACA,kBACA,gBACA,WACA,KACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA2B;EAC3C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;~~EACD~~,CAAC;~~CAEF~~,MAAM,WAAW,YAAY;EAC3B;EACA;~~EACD~~,CAAC;~~CAEF~~,MAAM,YAAY,oBAAoB,SAAS;CAC/C,MAAM,UAAU,kBAAkB,SAAS;~~AAE3C~~,~~QACE~~,qBAAC,KAAD;EAAK,GAAI,UAAU,~~OAAO~~;~~EAAO~~;EAAU;EAAK,GAAI;YAApD;GACE,oBAAC,gBAAD;IACE,GAAI,UAAU,~~UAAU~~;~~IACxB~~,SAAS,SAAS;IAClB,iBAAc;IACd,eAAa,CAAC,aAAa,KAAA;IAC3B,cAAW;IACX,UAAU,YAAY,IAAI;IAC1B,GAAI;cAEH,oBAAoB,oBAAC,kBAAD,EAAkB,GAAI,UAAU,~~UAAU~~,EAAI,CAAA;~~IACpD~~,CAAA;~~GAEjB~~,oBAAC,OAAD;IACE,GAAI,UAAU,~~YAAY~~;~~IAC1B~~,KAAK,SAAS;IACd,MAAK;IACL,kBAAgB,aAAa,KAAA;IAC7B,GAAI,SAAS;cAEb,oBAAC,OAAD;KAAK,GAAI,UAAU,~~UAAU~~;~~KAAG~~;~~KAAe~~,CAAA;~~IAC3C~~,CAAA;~~GAEN~~,oBAAC,gBAAD;IACE,GAAI,UAAU,~~UAAU~~;~~IACxB~~,SAAS,SAAS;IAClB,iBAAc;IACd,eAAa,CAAC,WAAW,KAAA;IACzB,cAAW;IACX,UAAU,UAAU,IAAI;IACxB,GAAI;cAEH,kBAAkB,oBAAC,kBAAD,EAAkB,GAAI,UAAU,~~UAAU~~,EAAI,CAAA;~~IAClD~~,CAAA;~~GACb~~;;~~EAER~~;~~AAEF~~,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc"}
1	+ {"version":3,"file":"Scroller.mjs","names":["classes"],"sources":["../../../src/components/Scroller/Scroller.tsx"],"sourcesContent":["import { Ref } from 'react';\nimport { useScroller } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getThemeColor,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './Scroller.module.css';\n\nexport type ScrollerStylesNames = 'root' \| 'container' \| 'content' \| 'control' \| 'chevron';\nexport type ScrollerCssVariables = {\n root: '--scroller-control-size' \| '--scroller-background-color';\n};\n\nexport interface ScrollerProps\n extends BoxProps, StylesApiProps<ScrollerFactory>, ElementProps<'div'> {\n /** Content to display /\n children: React.ReactNode;\n\n /* Amount of pixels to scroll when clicking the control buttons, `200` by default /\n scrollAmount?: number;\n\n /* Size of the control buttons, @default 60px /\n controlSize?: string \| number;\n\n /* Background color for the gradient fade on controls, `'var(--mantine-color-body)'` by default /\n edgeGradientColor?: string;\n\n /* Props passed to the start control button /\n startControlProps?: React.ComponentProps<'button'>;\n\n /* Props passed to the end control button /\n endControlProps?: React.ComponentProps<'button'>;\n\n /* Icon component for the start control, AccordionChevron by default /\n startControlIcon?: React.ReactNode;\n\n /* Icon component for the end control, AccordionChevron by default /\n endControlIcon?: React.ReactNode;\n\n /* Determines whether start control should always be visible regardless of scroll position, `false` by default /\n showStartControl?: boolean;\n\n /* Determines whether end control should always be visible regardless of scroll position, `false` by default /\n showEndControl?: boolean;\n\n /* Determines whether content can be scrolled by dragging with mouse, `true` by default /\n draggable?: boolean;\n\n /* Ref for the scroll container element */\n ref?: Ref<HTMLDivElement>;\n}\n\nexport type ScrollerFactory = Factory<{\n props: ScrollerProps;\n ref: HTMLDivElement;\n stylesNames: ScrollerStylesNames;\n vars: ScrollerCssVariables;\n}>;\n\nconst defaultProps: Partial<ScrollerProps> = {\n scrollAmount: 200,\n draggable: true,\n};\n\nconst varsResolver = createVarsResolver<ScrollerFactory>(\n (theme, { controlSize, edgeGradientColor }) => ({\n root: {\n '--scroller-control-size': rem(controlSize),\n '--scroller-background-color': edgeGradientColor\n ? getThemeColor(edgeGradientColor, theme)\n : undefined,\n },\n })\n);\n\nexport const Scroller = factory<ScrollerFactory>((_props) => {\n const props = useProps('Scroller', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n scrollAmount,\n controlSize,\n edgeGradientColor,\n startControlProps,\n endControlProps,\n startControlIcon,\n endControlIcon,\n showStartControl,\n showEndControl,\n draggable,\n mod,\n ref,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<ScrollerFactory>({\n name: 'Scroller',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n attributes,\n });\n\n const scroller = useScroller({\n scrollAmount,\n draggable,\n });\n\n const showStart = showStartControl \|\| scroller.canScrollStart;\n const showEnd = showEndControl \|\| scroller.canScrollEnd;\n\n return (\n <Box {...getStyles('root')} ref={ref} mod={mod} {...others}>\n <UnstyledButton\n {...getStyles('control')}\n onClick={scroller.scrollStart}\n data-position=\"start\"\n data-hidden={!showStart \|\| undefined}\n aria-label=\"Scroll left\"\n tabIndex={showStart ? 0 : -1}\n {...startControlProps}\n >\n {startControlIcon \|\| <AccordionChevron {...getStyles('chevron')} />}\n </UnstyledButton>\n\n <div\n {...getStyles('container')}\n ref={scroller.ref}\n role=\"presentation\"\n data-draggable={draggable \|\| undefined}\n {...scroller.dragHandlers}\n >\n <div {...getStyles('content')}>{children}</div>\n </div>\n\n <UnstyledButton\n {...getStyles('control')}\n onClick={scroller.scrollEnd}\n data-position=\"end\"\n data-hidden={!showEnd \|\| undefined}\n aria-label=\"Scroll right\"\n tabIndex={showEnd ? 0 : -1}\n {...endControlProps}\n >\n {endControlIcon \|\| <AccordionChevron {...getStyles('chevron')} />}\n </UnstyledButton>\n </Box>\n );\n});\n\nScroller.classes = classes;\nScroller.varsResolver = varsResolver;\nScroller.displayName = '@mantine/core/Scroller';\n\nexport namespace Scroller {\n export type Props = ScrollerProps;\n export type StylesNames = ScrollerStylesNames;\n export type CssVariables = ScrollerCssVariables;\n export type Factory = ScrollerFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAsEA,MAAM,eAAuC;CAC3C,cAAc;CACd,WAAW;AACb;AAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,aAAa,yBAAyB,EAC9C,MAAM;CACJ,2BAA2B,IAAI,WAAW;CAC1C,+BAA+B,oBAC3B,cAAc,mBAAmB,KAAK,IACtC,KAAA;AACN,EACF,EACF;AAEA,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,cACA,aACA,mBACA,mBACA,iBACA,kBACA,gBACA,kBACA,gBACA,WACA,KACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA2B;EAC3C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,WAAW,YAAY;EAC3B;EACA;CACF,CAAC;CAED,MAAM,YAAY,oBAAoB,SAAS;CAC/C,MAAM,UAAU,kBAAkB,SAAS;CAE3C,OACE,qBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAQ;EAAU;EAAK,GAAI;YAApD;GACE,oBAAC,gBAAD;IACE,GAAI,UAAU,SAAS;IACvB,SAAS,SAAS;IAClB,iBAAc;IACd,eAAa,CAAC,aAAa,KAAA;IAC3B,cAAW;IACX,UAAU,YAAY,IAAI;IAC1B,GAAI;cAEH,oBAAoB,oBAAC,kBAAD,EAAkB,GAAI,UAAU,SAAS,EAAI,CAAA;GACpD,CAAA;GAEhB,oBAAC,OAAD;IACE,GAAI,UAAU,WAAW;IACzB,KAAK,SAAS;IACd,MAAK;IACL,kBAAgB,aAAa,KAAA;IAC7B,GAAI,SAAS;cAEb,oBAAC,OAAD;KAAK,GAAI,UAAU,SAAS;KAAI;IAAc,CAAA;GAC3C,CAAA;GAEL,oBAAC,gBAAD;IACE,GAAI,UAAU,SAAS;IACvB,SAAS,SAAS;IAClB,iBAAc;IACd,eAAa,CAAC,WAAW,KAAA;IACzB,cAAW;IACX,UAAU,UAAU,IAAI;IACxB,GAAI;cAEH,kBAAkB,oBAAC,kBAAD,EAAkB,GAAI,UAAU,SAAS,EAAI,CAAA;GAClD,CAAA;EACb;;AAET,CAAC;AAED,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc"}