@mantine/core 9.3.2 → 9.4.0

package/cjs/components/RingProgress/Curve/Curve.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Curve.cjs","names":["useMantineTheme","Tooltip","Box","getThemeColor","getCurveProps"],"sources":["../../../../src/components/RingProgress/Curve/Curve.tsx"],"sourcesContent":["import { Box, GetStylesApi, getThemeColor, MantineColor, useMantineTheme } from '../../../core';\nimport { Tooltip } from '../../Tooltip';\nimport type { RingProgressFactory } from '../RingProgress';\nimport { getCurveProps } from './get-curve-props';\n\ninterface CurveProps extends React.ComponentProps<'circle'> {\n  value?: number;\n  size: number;\n  offset: number;\n  sum: number;\n  thickness: number;\n  lineRoundCaps: boolean | undefined;\n  root?: boolean;\n  color?: MantineColor;\n  tooltip?: React.ReactNode;\n  getStyles: GetStylesApi<RingProgressFactory>;\n}\n\nexport function Curve({\n  size,\n  value,\n  offset,\n  sum,\n  thickness,\n  root,\n  color,\n  lineRoundCaps,\n  tooltip,\n  getStyles,\n  display,\n  ...others\n}: CurveProps) {\n  const theme = useMantineTheme();\n\n  return (\n    <Tooltip.Floating disabled={!tooltip} label={tooltip}>\n      <Box\n        component=\"circle\"\n        {...others}\n        {...getStyles('curve')}\n        __vars={{ '--curve-color': color ? getThemeColor(color, theme) : undefined }}\n        fill=\"none\"\n        strokeLinecap={lineRoundCaps ? 'round' : 'butt'}\n        {...getCurveProps({ sum, size, thickness, value, offset, root })}\n      />\n    </Tooltip.Floating>\n  );\n}\n\nCurve.displayName = '@mantine/core/Curve';\n"],"mappings":";;;;;;;;AAkBA,SAAgB,MAAM,EACpB,MACA,OACA,QACA,KACA,WACA,MACA,OACA,eACA,SACA,WACA,SACA,GAAG,UACU;CACb,MAAM,QAAQA,6BAAAA,gBAAgB;CAE9B,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,QAAQ,UAAT;EAAkB,UAAU,CAAC;EAAS,OAAO;YAC3C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;GACE,WAAU;GACV,GAAI;GACJ,GAAI,UAAU,OAAO;GACrB,QAAQ,EAAE,iBAAiB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA,EAAU;GAC3E,MAAK;GACL,eAAe,gBAAgB,UAAU;GACzC,GAAIC,wBAAAA,cAAc;IAAE;IAAK;IAAM;IAAW;IAAO;IAAQ;GAAK,CAAC;EAChE,CAAA;CACe,CAAA;AAEtB;AAEA,MAAM,cAAc"}
+{"version":3,"file":"Curve.cjs","names":["useMantineTheme","Tooltip","Box","getThemeColor","getCurveProps"],"sources":["../../../../src/components/RingProgress/Curve/Curve.tsx"],"sourcesContent":["import { Box, GetStylesApi, getThemeColor, MantineColor, useMantineTheme } from '../../../core';\nimport { Tooltip } from '../../Tooltip';\nimport type { RingProgressFactory } from '../RingProgress';\nimport { getCurveProps } from './get-curve-props';\n\ninterface CurveProps extends React.ComponentProps<'circle'> {\n  value?: number;\n  size: number;\n  offset: number;\n  sum: number;\n  thickness: number;\n  lineRoundCaps: boolean | undefined;\n  root?: boolean;\n  color?: MantineColor;\n  tooltip?: React.ReactNode;\n  getStyles: GetStylesApi<RingProgressFactory>;\n}\n\nexport function Curve({\n  size,\n  value,\n  offset,\n  sum,\n  thickness,\n  root,\n  color,\n  lineRoundCaps,\n  tooltip,\n  getStyles,\n  display,\n  ...others\n}: CurveProps) {\n  const theme = useMantineTheme();\n\n  return (\n    <Tooltip.Floating disabled={!tooltip} label={tooltip}>\n      <Box\n        component=\"circle\"\n        {...others}\n        {...getStyles('curve')}\n        __vars={{ '--curve-color': color ? getThemeColor(color, theme) : undefined }}\n        fill=\"none\"\n        strokeLinecap={lineRoundCaps ? 'round' : 'butt'}\n        {...getCurveProps({ sum, size, thickness, value, offset, root })}\n      />\n    </Tooltip.Floating>\n  );\n}\n\nCurve.displayName = '@mantine/core/Curve';\n"],"mappings":";;;;;;;;AAkBA,SAAgB,MAAM,EACpB,MACA,OACA,QACA,KACA,WACA,MACA,OACA,eACA,SACA,WACA,SACA,GAAG,UACU;CACb,MAAM,QAAQA,6BAAAA,gBAAgB;CAE9B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,QAAQ,UAAT;EAAkB,UAAU,CAAC;EAAS,OAAO;YAC3C,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;GACE,WAAU;GACV,GAAI;GACJ,GAAI,UAAU,OAAO;GACrB,QAAQ,EAAE,iBAAiB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA,EAAU;GAC3E,MAAK;GACL,eAAe,gBAAgB,UAAU;GACzC,GAAIC,wBAAAA,cAAc;IAAE;IAAK;IAAM;IAAW;IAAO;IAAQ;GAAK,CAAC;EAChE,CAAA;CACe,CAAA;AAEtB;AAEA,MAAM,cAAc"}

package/cjs/components/RingProgress/RingProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RingProgress.cjs","names":["createVarsResolver","rem","factory","useProps","useStyles","getCurves","Curve","Box","classes"],"sources":["../../../src/components/RingProgress/RingProgress.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  MantineColor,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Curve } from './Curve/Curve';\nimport { getCurves } from './get-curves/get-curves';\nimport classes from './RingProgress.module.css';\n\nfunction getClampedThickness(thickness: number, size: number) {\n  return Math.min(thickness || 12, (size || 120) / 4);\n}\n\nexport interface RingProgressSection extends React.ComponentProps<'circle'>, DataAttributes {\n  value: number;\n  color: MantineColor;\n  tooltip?: React.ReactNode;\n}\n\nexport type RingProgressStylesNames = 'root' | 'svg' | 'label' | 'curve';\nexport type RingProgressCssVariables = {\n  root: '--rp-size' | '--rp-label-offset' | '--rp-transition-duration';\n  svg: '--rp-start-angle';\n};\n\nexport interface RingProgressProps\n  extends BoxProps, StylesApiProps<RingProgressFactory>, ElementProps<'div'> {\n  /** Label displayed in the center of the ring */\n  label?: React.ReactNode;\n\n  /** Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary @default 12 */\n  thickness?: number;\n\n  /** Width and height of the progress ring @default 120 */\n  size?: number;\n\n  /** Applies rounded line caps to the start and end of visible sections @default false */\n  roundCaps?: boolean;\n\n  /**\n   * Array of sections to display in the ring. Each section should have a `value` (0-100),\n   * `color`, and optional `tooltip`. Sections can also receive any valid SVG circle element props.\n   */\n  sections: RingProgressSection[];\n\n  /** Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode */\n  rootColor?: MantineColor;\n\n  /** Transition duration in milliseconds for section value and color changes @default 0 */\n  transitionDuration?: number;\n\n  /** Gap between sections in degrees. Reduces the visual size of each section @default 0 */\n  sectionGap?: number;\n\n  /** Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top @default 270 */\n  startAngle?: number;\n}\n\nexport type RingProgressFactory = Factory<{\n  props: RingProgressProps;\n  ref: HTMLDivElement;\n  stylesNames: RingProgressStylesNames;\n  vars: RingProgressCssVariables;\n}>;\n\nconst defaultProps = {\n  size: 120,\n  thickness: 12,\n  startAngle: 270,\n} satisfies Partial<RingProgressProps>;\n\nconst varsResolver = createVarsResolver<RingProgressFactory>(\n  (_, { size, thickness, transitionDuration, startAngle }) => ({\n    root: {\n      '--rp-size': rem(size),\n      '--rp-label-offset': rem(thickness! * 2),\n      '--rp-transition-duration': transitionDuration ? `${transitionDuration}ms` : undefined,\n    },\n    svg: {\n      '--rp-start-angle': `${startAngle}deg`,\n    },\n  })\n);\n\nexport const RingProgress = factory<RingProgressFactory>((_props) => {\n  const props = useProps('RingProgress', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    label,\n    sections,\n    size,\n    thickness,\n    roundCaps,\n    rootColor,\n    transitionDuration,\n    sectionGap,\n    startAngle,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RingProgressFactory>({\n    name: 'RingProgress',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const clampedThickness = getClampedThickness(thickness, size);\n\n  const curves = getCurves({\n    size,\n    thickness: clampedThickness,\n    sections,\n    renderRoundedLineCaps: roundCaps,\n    rootColor,\n    sectionGap,\n  }).map(({ data, sum, root, lineRoundCaps, offset }, index) => (\n    <Curve\n      {...data}\n      key={index}\n      size={size}\n      thickness={clampedThickness}\n      sum={sum}\n      offset={offset}\n      color={data?.color}\n      root={root}\n      lineRoundCaps={lineRoundCaps}\n      getStyles={getStyles}\n    />\n  ));\n\n  return (\n    <Box {...getStyles('root')} size={size} {...others}>\n      <svg {...getStyles('svg')} viewBox={`0 0 ${size} ${size}`}>\n        {curves}\n      </svg>\n      {label && <div {...getStyles('label')}>{label}</div>}\n    </Box>\n  );\n});\n\nRingProgress.classes = classes;\nRingProgress.varsResolver = varsResolver;\nRingProgress.displayName = '@mantine/core/RingProgress';\n\nexport namespace RingProgress {\n  export type Props = RingProgressProps;\n  export type StylesNames = RingProgressStylesNames;\n  export type Factory = RingProgressFactory;\n  export type CssVariables = RingProgressCssVariables;\n  export type Section = RingProgressSection;\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAS,oBAAoB,WAAmB,MAAc;CAC5D,OAAO,KAAK,IAAI,aAAa,KAAK,QAAQ,OAAO,CAAC;AACpD;AAsDA,MAAM,eAAe;CACnB,MAAM;CACN,WAAW;CACX,YAAY;AACd;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,GAAG,EAAE,MAAM,WAAW,oBAAoB,kBAAkB;CAC3D,MAAM;EACJ,aAAaC,YAAAA,IAAI,IAAI;EACrB,qBAAqBA,YAAAA,IAAI,YAAa,CAAC;EACvC,4BAA4B,qBAAqB,GAAG,mBAAmB,MAAM,KAAA;CAC/E;CACA,KAAK,EACH,oBAAoB,GAAG,WAAW,KACpC;AACF,EACF;AAEA,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,UACA,MACA,WACA,WACA,WACA,oBACA,YACA,YACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM;EACN,SAAA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,mBAAmB,oBAAoB,WAAW,IAAI;CAE5D,MAAM,SAASC,mBAAAA,UAAU;EACvB;EACA,WAAW;EACX;EACA,uBAAuB;EACvB;EACA;CACF,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,eAAe,UAAU,UAClD,iBAAA,GAAA,MAAA,eAACC,cAAAA,OAAD;EACE,GAAI;EACJ,KAAK;EACC;EACN,WAAW;EACN;EACG;EACR,OAAO,MAAM;EACP;EACS;EACJ;CACZ,CAAA,CACF;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAS;EAAM,GAAI;YAA5C,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,GAAI,UAAU,KAAK;GAAG,SAAS,OAAO,KAAK,GAAG;aAChD;EACE,CAAA,GACJ,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,GAAI,UAAU,OAAO;aAAI;EAAW,CAAA,CAChD;;AAET,CAAC;AAED,aAAa,UAAUC,4BAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}
+{"version":3,"file":"RingProgress.cjs","names":["createVarsResolver","rem","factory","useProps","useStyles","getCurves","Curve","Box","classes"],"sources":["../../../src/components/RingProgress/RingProgress.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  MantineColor,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Curve } from './Curve/Curve';\nimport { getCurves } from './get-curves/get-curves';\nimport classes from './RingProgress.module.css';\n\nfunction getClampedThickness(thickness: number, size: number) {\n  return Math.min(thickness || 12, (size || 120) / 4);\n}\n\nexport interface RingProgressSection extends React.ComponentProps<'circle'>, DataAttributes {\n  value: number;\n  color: MantineColor;\n  tooltip?: React.ReactNode;\n}\n\nexport type RingProgressStylesNames = 'root' | 'svg' | 'label' | 'curve';\nexport type RingProgressCssVariables = {\n  root: '--rp-size' | '--rp-label-offset' | '--rp-transition-duration';\n  svg: '--rp-start-angle';\n};\n\nexport interface RingProgressProps\n  extends BoxProps, StylesApiProps<RingProgressFactory>, ElementProps<'div'> {\n  /** Label displayed in the center of the ring */\n  label?: React.ReactNode;\n\n  /** Ring thickness in pixels. Cannot exceed size / 4 and will be automatically clamped if necessary @default 12 */\n  thickness?: number;\n\n  /** Width and height of the progress ring @default 120 */\n  size?: number;\n\n  /** Applies rounded line caps to the start and end of visible sections @default false */\n  roundCaps?: boolean;\n\n  /**\n   * Array of sections to display in the ring. Each section should have a `value` (0-100),\n   * `color`, and optional `tooltip`. Sections can also receive any valid SVG circle element props.\n   */\n  sections: RingProgressSection[];\n\n  /** Color of the unfilled portion of the ring (background). Defaults to gray-2 in light mode, dark-4 in dark mode */\n  rootColor?: MantineColor;\n\n  /** Transition duration in milliseconds for section value and color changes @default 0 */\n  transitionDuration?: number;\n\n  /** Gap between sections in degrees. Reduces the visual size of each section @default 0 */\n  sectionGap?: number;\n\n  /** Starting angle in degrees. 0 = right, 90 = bottom, 180 = left, 270 = top @default 270 */\n  startAngle?: number;\n}\n\nexport type RingProgressFactory = Factory<{\n  props: RingProgressProps;\n  ref: HTMLDivElement;\n  stylesNames: RingProgressStylesNames;\n  vars: RingProgressCssVariables;\n}>;\n\nconst defaultProps = {\n  size: 120,\n  thickness: 12,\n  startAngle: 270,\n} satisfies Partial<RingProgressProps>;\n\nconst varsResolver = createVarsResolver<RingProgressFactory>(\n  (_, { size, thickness, transitionDuration, startAngle }) => ({\n    root: {\n      '--rp-size': rem(size),\n      '--rp-label-offset': rem(thickness! * 2),\n      '--rp-transition-duration': transitionDuration ? `${transitionDuration}ms` : undefined,\n    },\n    svg: {\n      '--rp-start-angle': `${startAngle}deg`,\n    },\n  })\n);\n\nexport const RingProgress = factory<RingProgressFactory>((_props) => {\n  const props = useProps('RingProgress', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    label,\n    sections,\n    size,\n    thickness,\n    roundCaps,\n    rootColor,\n    transitionDuration,\n    sectionGap,\n    startAngle,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RingProgressFactory>({\n    name: 'RingProgress',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const clampedThickness = getClampedThickness(thickness, size);\n\n  const curves = getCurves({\n    size,\n    thickness: clampedThickness,\n    sections,\n    renderRoundedLineCaps: roundCaps,\n    rootColor,\n    sectionGap,\n  }).map(({ data, sum, root, lineRoundCaps, offset }, index) => (\n    <Curve\n      {...data}\n      key={index}\n      size={size}\n      thickness={clampedThickness}\n      sum={sum}\n      offset={offset}\n      color={data?.color}\n      root={root}\n      lineRoundCaps={lineRoundCaps}\n      getStyles={getStyles}\n    />\n  ));\n\n  return (\n    <Box {...getStyles('root')} size={size} {...others}>\n      <svg {...getStyles('svg')} viewBox={`0 0 ${size} ${size}`}>\n        {curves}\n      </svg>\n      {label && <div {...getStyles('label')}>{label}</div>}\n    </Box>\n  );\n});\n\nRingProgress.classes = classes;\nRingProgress.varsResolver = varsResolver;\nRingProgress.displayName = '@mantine/core/RingProgress';\n\nexport namespace RingProgress {\n  export type Props = RingProgressProps;\n  export type StylesNames = RingProgressStylesNames;\n  export type Factory = RingProgressFactory;\n  export type CssVariables = RingProgressCssVariables;\n  export type Section = RingProgressSection;\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,SAAS,oBAAoB,WAAmB,MAAc;CAC5D,OAAO,KAAK,IAAI,aAAa,KAAK,QAAQ,OAAO,CAAC;AACpD;AAsDA,MAAM,eAAe;CACnB,MAAM;CACN,WAAW;CACX,YAAY;AACd;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,GAAG,EAAE,MAAM,WAAW,oBAAoB,kBAAkB;CAC3D,MAAM;EACJ,aAAaC,YAAAA,IAAI,IAAI;EACrB,qBAAqBA,YAAAA,IAAI,YAAa,CAAC;EACvC,4BAA4B,qBAAqB,GAAG,mBAAmB,MAAM,KAAA;CAC/E;CACA,KAAK,EACH,oBAAoB,GAAG,WAAW,KACpC;AACF,EACF;AAEA,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,UACA,MACA,WACA,WACA,WACA,oBACA,YACA,YACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM;EACN,SAAA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,mBAAmB,oBAAoB,WAAW,IAAI;CAE5D,MAAM,SAASC,mBAAAA,UAAU;EACvB;EACA,WAAW;EACX;EACA,uBAAuB;EACvB;EACA;CACF,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,eAAe,UAAU,UAClD,iBAAA,GAAA,MAAA,cAAA,CAACC,cAAAA,OAAD;EACE,GAAI;EACJ,KAAK;EACC;EACN,WAAW;EACN;EACG;EACR,OAAO,MAAM;EACP;EACS;EACJ;CACZ,CAAA,CACF;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,YAAAA,KAAD;EAAK,GAAI,UAAU,MAAM;EAAS;EAAM,GAAI;YAA5C,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,UAAU,KAAK;GAAG,SAAS,OAAO,KAAK,GAAG;aAChD;EACE,CAAA,GACJ,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,UAAU,OAAO;aAAI;EAAW,CAAA,CAChD;;AAET,CAAC;AAED,aAAa,UAAUC,4BAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}

package/cjs/components/RingProgress/get-curves/get-curves.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-curves.cjs","names":[],"sources":["../../../../src/components/RingProgress/get-curves/get-curves.ts"],"sourcesContent":["import type { DataAttributes, MantineColor } from '../../../core';\n\ninterface CurveData extends React.ComponentProps<'circle'>, DataAttributes {\n  value: number;\n  color: MantineColor;\n  tooltip?: React.ReactNode;\n}\n\ninterface RootCurveData extends React.ComponentProps<'circle'>, DataAttributes {\n  value?: never;\n  color?: MantineColor;\n}\n\ninterface GetCurves {\n  sections: CurveData[];\n  size: number;\n  thickness: number;\n  renderRoundedLineCaps: boolean | undefined;\n  rootColor?: MantineColor;\n  sectionGap?: number;\n}\n\ninterface Curve {\n  sum: number;\n  offset: number;\n  root: boolean;\n  data: CurveData | RootCurveData;\n  lineRoundCaps?: boolean;\n}\n\nexport function getCurves({\n  size,\n  thickness,\n  sections,\n  renderRoundedLineCaps,\n  rootColor,\n  sectionGap = 0,\n}: GetCurves) {\n  const sum = sections.reduce((acc, current) => acc + current.value, 0);\n  const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;\n  let offset = accumulated;\n  const curves: Curve[] = [];\n  const curvesInOrder: Curve[] = [];\n\n  // Convert gap from degrees to percentage of the circle\n  const gapPercentage = (sectionGap / 360) * 100;\n\n  for (let i = 0; i < sections.length; i += 1) {\n    // Reduce section value by gap amount to create visual separation\n    const adjustedValue = Math.max(0, sections[i].value - gapPercentage);\n    curves.push({ sum, offset, data: { ...sections[i], value: adjustedValue }, root: false });\n    offset -= (sections[i].value / 100) * accumulated;\n  }\n\n  curves.push({ sum, offset, data: { color: rootColor }, root: true });\n\n  // Reorder curves to layer appropriately and selectively set caps to round\n\n  curvesInOrder.push({ ...curves[curves.length - 1], lineRoundCaps: false });\n  if (curves.length > 2) {\n    curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n    curvesInOrder.push({ ...curves[curves.length - 2], lineRoundCaps: renderRoundedLineCaps });\n    for (let i = 1; i <= curves.length - 3; i += 1) {\n      curvesInOrder.push({ ...curves[i], lineRoundCaps: false });\n    }\n  } else {\n    curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n  }\n\n  return curvesInOrder;\n}\n"],"mappings":";;AA8BA,SAAgB,UAAU,EACxB,MACA,WACA,UACA,uBACA,WACA,aAAa,KACD;CACZ,MAAM,MAAM,SAAS,QAAQ,KAAK,YAAY,MAAM,QAAQ,OAAO,CAAC;CACpE,MAAM,cAAc,KAAK,OAAO,OAAO,KAAM,YAAY,KAAK,KAAK;CACnE,IAAI,SAAS;CACb,MAAM,SAAkB,CAAC;CACzB,MAAM,gBAAyB,CAAC;CAGhC,MAAM,gBAAiB,aAAa,MAAO;CAE3C,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GAAG;EAE3C,MAAM,gBAAgB,KAAK,IAAI,GAAG,SAAS,GAAG,QAAQ,aAAa;EACnE,OAAO,KAAK;GAAE;GAAK;GAAQ,MAAM;IAAE,GAAG,SAAS;IAAI,OAAO;GAAc;GAAG,MAAM;EAAM,CAAC;EACxF,UAAW,SAAS,GAAG,QAAQ,MAAO;CACxC;CAEA,OAAO,KAAK;EAAE;EAAK;EAAQ,MAAM,EAAE,OAAO,UAAU;EAAG,MAAM;CAAK,CAAC;CAInE,cAAc,KAAK;EAAE,GAAG,OAAO,OAAO,SAAS;EAAI,eAAe;CAAM,CAAC;CACzE,IAAI,OAAO,SAAS,GAAG;EACrB,cAAc,KAAK;GAAE,GAAG,OAAO;GAAI,eAAe;EAAsB,CAAC;EACzE,cAAc,KAAK;GAAE,GAAG,OAAO,OAAO,SAAS;GAAI,eAAe;EAAsB,CAAC;EACzF,KAAK,IAAI,IAAI,GAAG,KAAK,OAAO,SAAS,GAAG,KAAK,GAC3C,cAAc,KAAK;GAAE,GAAG,OAAO;GAAI,eAAe;EAAM,CAAC;CAE7D,OACE,cAAc,KAAK;EAAE,GAAG,OAAO;EAAI,eAAe;CAAsB,CAAC;CAG3E,OAAO;AACT"}
+{"version":3,"file":"get-curves.cjs","names":[],"sources":["../../../../src/components/RingProgress/get-curves/get-curves.ts"],"sourcesContent":["import type { DataAttributes, MantineColor } from '../../../core';\n\ninterface CurveData extends React.ComponentProps<'circle'>, DataAttributes {\n  value: number;\n  color: MantineColor;\n  tooltip?: React.ReactNode;\n}\n\ninterface RootCurveData extends React.ComponentProps<'circle'>, DataAttributes {\n  value?: never;\n  color?: MantineColor;\n}\n\ninterface GetCurves {\n  sections: CurveData[];\n  size: number;\n  thickness: number;\n  renderRoundedLineCaps: boolean | undefined;\n  rootColor?: MantineColor;\n  sectionGap?: number;\n}\n\ninterface Curve {\n  sum: number;\n  offset: number;\n  root: boolean;\n  data: CurveData | RootCurveData;\n  lineRoundCaps?: boolean;\n}\n\nexport function getCurves({\n  size,\n  thickness,\n  sections,\n  renderRoundedLineCaps,\n  rootColor,\n  sectionGap = 0,\n}: GetCurves) {\n  const sum = sections.reduce((acc, current) => acc + current.value, 0);\n  const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;\n  let offset = accumulated;\n  const curves: Curve[] = [];\n  const curvesInOrder: Curve[] = [];\n\n  // Convert gap from degrees to percentage of the circle\n  const gapPercentage = (sectionGap / 360) * 100;\n\n  for (let i = 0; i < sections.length; i += 1) {\n    // Reduce section value by gap amount to create visual separation\n    const adjustedValue = Math.max(0, sections[i].value - gapPercentage);\n    curves.push({ sum, offset, data: { ...sections[i], value: adjustedValue }, root: false });\n    offset -= (sections[i].value / 100) * accumulated;\n  }\n\n  curves.push({ sum, offset, data: { color: rootColor }, root: true });\n\n  // Reorder curves to layer appropriately and selectively set caps to round\n\n  curvesInOrder.push({ ...curves[curves.length - 1], lineRoundCaps: false });\n  if (curves.length > 2) {\n    curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n    curvesInOrder.push({ ...curves[curves.length - 2], lineRoundCaps: renderRoundedLineCaps });\n    for (let i = 1; i <= curves.length - 3; i += 1) {\n      curvesInOrder.push({ ...curves[i], lineRoundCaps: false });\n    }\n  } else {\n    curvesInOrder.push({ ...curves[0], lineRoundCaps: renderRoundedLineCaps });\n  }\n\n  return curvesInOrder;\n}\n"],"mappings":";;AA8BA,SAAgB,UAAU,EACxB,MACA,WACA,UACA,uBACA,WACA,aAAa,KACD;CACZ,MAAM,MAAM,SAAS,QAAQ,KAAK,YAAY,MAAM,QAAQ,OAAO,CAAC;CACpE,MAAM,cAAc,KAAK,OAAO,OAAO,KAAM,YAAY,KAAK,KAAK;CACnE,IAAI,SAAS;CACb,MAAM,SAAkB,CAAC;CACzB,MAAM,gBAAyB,CAAC;CAGhC,MAAM,gBAAiB,aAAa,MAAO;CAE3C,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GAAG;EAE3C,MAAM,gBAAgB,KAAK,IAAI,GAAG,SAAS,EAAE,CAAC,QAAQ,aAAa;EACnE,OAAO,KAAK;GAAE;GAAK;GAAQ,MAAM;IAAE,GAAG,SAAS;IAAI,OAAO;GAAc;GAAG,MAAM;EAAM,CAAC;EACxF,UAAW,SAAS,EAAE,CAAC,QAAQ,MAAO;CACxC;CAEA,OAAO,KAAK;EAAE;EAAK;EAAQ,MAAM,EAAE,OAAO,UAAU;EAAG,MAAM;CAAK,CAAC;CAInE,cAAc,KAAK;EAAE,GAAG,OAAO,OAAO,SAAS;EAAI,eAAe;CAAM,CAAC;CACzE,IAAI,OAAO,SAAS,GAAG;EACrB,cAAc,KAAK;GAAE,GAAG,OAAO;GAAI,eAAe;EAAsB,CAAC;EACzE,cAAc,KAAK;GAAE,GAAG,OAAO,OAAO,SAAS;GAAI,eAAe;EAAsB,CAAC;EACzF,KAAK,IAAI,IAAI,GAAG,KAAK,OAAO,SAAS,GAAG,KAAK,GAC3C,cAAc,KAAK;GAAE,GAAG,OAAO;GAAI,eAAe;EAAM,CAAC;CAE7D,OACE,cAAc,KAAK;EAAE,GAAG,OAAO;EAAI,eAAe;CAAsB,CAAC;CAG3E,OAAO;AACT"}

package/cjs/components/RollingNumber/DigitColumn.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DigitColumn.cjs","names":[],"sources":["../../../src/components/RollingNumber/DigitColumn.tsx"],"sourcesContent":["import { useStyles } from '../../core';\nimport type { RollingNumberFactory } from './RollingNumber';\n\nconst STRIP_CELLS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '1'];\n\ninterface DigitColumnProps {\n  digit: string;\n  getStyles: ReturnType<typeof useStyles<RollingNumberFactory>>;\n  previousDigit: string | null;\n  empty?: boolean;\n  valueDirection: 'up' | 'down';\n}\n\nexport function DigitColumn({\n  digit,\n  getStyles,\n  previousDigit,\n  empty,\n  valueDirection,\n}: DigitColumnProps) {\n  const digitIndex = parseInt(digit, 10);\n  const previousDigitIndex = previousDigit !== null ? parseInt(previousDigit, 10) : digitIndex;\n\n  const wrapsForward =\n    valueDirection === 'up' &&\n    previousDigit !== null &&\n    digitIndex < previousDigitIndex &&\n    digitIndex <= 1;\n\n  const animateToIndex = wrapsForward ? digitIndex + 10 : digitIndex;\n  const direction = digitIndex >= previousDigitIndex ? 'up' : 'down';\n\n  const digitStyles = getStyles('digit');\n  const columnStyles = getStyles('digitColumn');\n\n  return (\n    <span {...digitStyles} data-empty={empty || undefined} aria-hidden=\"true\">\n      <span\n        key={digit}\n        {...columnStyles}\n        style={{\n          ...columnStyles.style,\n          transform: `translateY(${-digitIndex}em)`,\n          ['--rn-roll-from' as any]: `translateY(${-previousDigitIndex}em)`,\n          ['--rn-roll-to' as any]: `translateY(${-animateToIndex}em)`,\n        }}\n        data-direction={direction}\n      >\n        {STRIP_CELLS.map((d, i) => (\n          <span key={i}>{d}</span>\n        ))}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;AAGA,MAAM,cAAc;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;AAAG;AAU/E,SAAgB,YAAY,EAC1B,OACA,WACA,eACA,OACA,kBACmB;CACnB,MAAM,aAAa,SAAS,OAAO,EAAE;CACrC,MAAM,qBAAqB,kBAAkB,OAAO,SAAS,eAAe,EAAE,IAAI;CAQlF,MAAM,iBALJ,mBAAmB,QACnB,kBAAkB,QAClB,aAAa,sBACb,cAAc,IAEsB,aAAa,KAAK;CACxD,MAAM,YAAY,cAAc,qBAAqB,OAAO;CAE5D,MAAM,cAAc,UAAU,OAAO;CACrC,MAAM,eAAe,UAAU,aAAa;CAE5C,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;EAAM,GAAI;EAAa,cAAY,SAAS,KAAA;EAAW,eAAY;YACjE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAEE,GAAI;GACJ,OAAO;IACL,GAAG,aAAa;IAChB,WAAW,cAAc,CAAC,WAAW;KACpC,mBAA0B,cAAc,CAAC,mBAAmB;KAC5D,iBAAwB,cAAc,CAAC,eAAe;GACzD;GACA,kBAAgB;aAEf,YAAY,KAAK,GAAG,MACnB,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAe,EAAQ,GAAZ,CAAY,CACxB;EACG,GAbC,KAaD;CACF,CAAA;AAEV"}
+{"version":3,"file":"DigitColumn.cjs","names":[],"sources":["../../../src/components/RollingNumber/DigitColumn.tsx"],"sourcesContent":["import { useStyles } from '../../core';\nimport type { RollingNumberFactory } from './RollingNumber';\n\nconst STRIP_CELLS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0', '1'];\n\ninterface DigitColumnProps {\n  digit: string;\n  getStyles: ReturnType<typeof useStyles<RollingNumberFactory>>;\n  previousDigit: string | null;\n  empty?: boolean;\n  valueDirection: 'up' | 'down';\n}\n\nexport function DigitColumn({\n  digit,\n  getStyles,\n  previousDigit,\n  empty,\n  valueDirection,\n}: DigitColumnProps) {\n  const digitIndex = parseInt(digit, 10);\n  const previousDigitIndex = previousDigit !== null ? parseInt(previousDigit, 10) : digitIndex;\n\n  const wrapsForward =\n    valueDirection === 'up' &&\n    previousDigit !== null &&\n    digitIndex < previousDigitIndex &&\n    digitIndex <= 1;\n\n  const animateToIndex = wrapsForward ? digitIndex + 10 : digitIndex;\n  const direction = digitIndex >= previousDigitIndex ? 'up' : 'down';\n\n  const digitStyles = getStyles('digit');\n  const columnStyles = getStyles('digitColumn');\n\n  return (\n    <span {...digitStyles} data-empty={empty || undefined} aria-hidden=\"true\">\n      <span\n        key={digit}\n        {...columnStyles}\n        style={{\n          ...columnStyles.style,\n          transform: `translateY(${-digitIndex}em)`,\n          ['--rn-roll-from' as any]: `translateY(${-previousDigitIndex}em)`,\n          ['--rn-roll-to' as any]: `translateY(${-animateToIndex}em)`,\n        }}\n        data-direction={direction}\n      >\n        {STRIP_CELLS.map((d, i) => (\n          <span key={i}>{d}</span>\n        ))}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";;;AAGA,MAAM,cAAc;CAAC;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;CAAK;AAAG;AAU/E,SAAgB,YAAY,EAC1B,OACA,WACA,eACA,OACA,kBACmB;CACnB,MAAM,aAAa,SAAS,OAAO,EAAE;CACrC,MAAM,qBAAqB,kBAAkB,OAAO,SAAS,eAAe,EAAE,IAAI;CAQlF,MAAM,iBALJ,mBAAmB,QACnB,kBAAkB,QAClB,aAAa,sBACb,cAAc,IAEsB,aAAa,KAAK;CACxD,MAAM,YAAY,cAAc,qBAAqB,OAAO;CAE5D,MAAM,cAAc,UAAU,OAAO;CACrC,MAAM,eAAe,UAAU,aAAa;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EAAM,GAAI;EAAa,cAAY,SAAS,KAAA;EAAW,eAAY;YACjE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAEE,GAAI;GACJ,OAAO;IACL,GAAG,aAAa;IAChB,WAAW,cAAc,CAAC,WAAW;KACpC,mBAA0B,cAAc,CAAC,mBAAmB;KAC5D,iBAAwB,cAAc,CAAC,eAAe;GACzD;GACA,kBAAgB;aAEf,YAAY,KAAK,GAAG,MACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAA,UAAe,EAAQ,GAAZ,CAAY,CACxB;EACG,GAbC,KAaD;CACF,CAAA;AAEV"}

package/cjs/components/RollingNumber/RollingNumber.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RollingNumber.cjs","names":["createVarsResolver","factory","useProps","useStyles","getRenderSlots","getDigitParts","buildValue","Box","DigitColumn","classes"],"sources":["../../../src/components/RollingNumber/RollingNumber.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { buildValue } from './build-value';\nimport { DigitColumn } from './DigitColumn';\nimport { getDigitParts } from './get-digit-parts';\nimport { getRenderSlots } from './get-render-slots';\nimport classes from './RollingNumber.module.css';\n\nexport type RollingNumberStylesNames = 'root' | 'digit' | 'digitColumn' | 'char';\nexport type RollingNumberCssVariables = {\n  root: '--rn-duration' | '--rn-timing-function';\n};\n\nexport interface RollingNumberProps\n  extends BoxProps, StylesApiProps<RollingNumberFactory>, ElementProps<'div'> {\n  /** Number value to display */\n  value: number;\n\n  /** Prefix added before the value */\n  prefix?: string;\n\n  /** Suffix added after the value */\n  suffix?: string;\n\n  /** Character used as a decimal separator @default '.' */\n  decimalSeparator?: string;\n\n  /** Character used to separate thousands, set to `true` for `,` @default false */\n  thousandSeparator?: string | boolean;\n\n  /** Number of decimal places to display */\n  decimalScale?: number;\n\n  /** If set, trailing zeros are added to match `decimalScale` @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Animation duration in milliseconds @default 600 */\n  animationDuration?: number;\n\n  /** CSS timing function for animation @default 'ease' */\n  timingFunction?: string;\n\n  /** If set, use tabular (monospace) numbers @default true */\n  tabularNumbers?: boolean;\n\n  /** If set, the root element acts as an `aria-live=\"polite\"` region (`role=\"status\"`) and screen readers announce every value change. When `false`, the root uses `role=\"img\"` so the current value is still accessible but updates are not announced. @default false */\n  withLiveRegion?: boolean;\n}\n\nexport type RollingNumberFactory = Factory<{\n  props: RollingNumberProps;\n  ref: HTMLDivElement;\n  stylesNames: RollingNumberStylesNames;\n  vars: RollingNumberCssVariables;\n}>;\n\nconst defaultProps = {\n  animationDuration: 600,\n  timingFunction: 'ease',\n  decimalSeparator: '.',\n  tabularNumbers: true,\n} satisfies Partial<RollingNumberProps>;\n\nconst varsResolver = createVarsResolver<RollingNumberFactory>(\n  (_, { animationDuration, timingFunction }) => ({\n    root: {\n      '--rn-duration': `${animationDuration}ms`,\n      '--rn-timing-function': timingFunction,\n    },\n  })\n);\n\nexport const RollingNumber = factory<RollingNumberFactory>((_props) => {\n  const props = useProps('RollingNumber', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    value,\n    prefix,\n    suffix,\n    decimalSeparator,\n    thousandSeparator,\n    decimalScale,\n    fixedDecimalScale,\n    animationDuration,\n    timingFunction,\n    tabularNumbers,\n    withLiveRegion,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RollingNumberFactory>({\n    name: 'RollingNumber',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const previousValueRef = useRef(value);\n  const previousValue = previousValueRef.current;\n\n  useEffect(() => {\n    previousValueRef.current = value;\n  });\n\n  const valueDirection: 'up' | 'down' = value >= previousValue ? 'up' : 'down';\n\n  const current = getDigitParts({ value, decimalScale, fixedDecimalScale });\n  const prev = getDigitParts({ value: previousValue, decimalScale, fixedDecimalScale });\n\n  const slots = getRenderSlots({\n    current,\n    previous: prev,\n    prefix,\n    suffix,\n    decimalSeparator,\n    thousandSeparator,\n  });\n\n  const accessibleValue = buildValue({\n    value,\n    prefix,\n    suffix,\n    decimalSeparator,\n    thousandSeparator,\n    decimalScale,\n    fixedDecimalScale,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      mod={[{ 'tabular-numbers': tabularNumbers }, mod]}\n      role={withLiveRegion ? 'status' : 'img'}\n      aria-label={accessibleValue}\n      {...others}\n    >\n      {slots.map((slot) => {\n        if (slot.type === 'digit') {\n          return (\n            <DigitColumn\n              key={slot.key}\n              digit={slot.digit}\n              previousDigit={slot.previousDigit}\n              getStyles={getStyles}\n              empty={slot.empty}\n              valueDirection={valueDirection}\n            />\n          );\n        }\n\n        return (\n          <span\n            key={slot.key}\n            {...getStyles('char')}\n            data-empty={slot.empty || undefined}\n            aria-hidden=\"true\"\n          >\n            {slot.char}\n          </span>\n        );\n      })}\n    </Box>\n  );\n});\n\nRollingNumber.classes = classes;\nRollingNumber.varsResolver = varsResolver;\nRollingNumber.displayName = '@mantine/core/RollingNumber';\n"],"mappings":";;;;;;;;;;;;;;AAkEA,MAAM,eAAe;CACnB,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB,gBAAgB;AAClB;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,GAAG,EAAE,mBAAmB,sBAAsB,EAC7C,MAAM;CACJ,iBAAiB,GAAG,kBAAkB;CACtC,wBAAwB;AAC1B,EACF,EACF;AAEA,MAAa,gBAAgBC,gBAAAA,SAA+B,WAAW;CACrE,MAAM,QAAQC,kBAAAA,SAAS,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,QACA,QACA,kBACA,mBACA,cACA,mBACA,mBACA,gBACA,gBACA,gBACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAgC;EAChD,MAAM;EACN,SAAA,6BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,oBAAA,GAAA,MAAA,QAA0B,KAAK;CACrC,MAAM,gBAAgB,iBAAiB;CAEvC,CAAA,GAAA,MAAA,iBAAgB;EACd,iBAAiB,UAAU;CAC7B,CAAC;CAED,MAAM,iBAAgC,SAAS,gBAAgB,OAAO;CAKtE,MAAM,QAAQC,yBAAAA,eAAe;EAC3B,SAJcC,wBAAAA,cAAc;GAAE;GAAO;GAAc;EAAkB,CAI/D;EACN,UAJWA,wBAAAA,cAAc;GAAE,OAAO;GAAe;GAAc;EAAkB,CAIpE;EACb;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,kBAAkBC,oBAAAA,WAAW;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,KAAK,CAAC,EAAE,mBAAmB,eAAe,GAAG,GAAG;EAChD,MAAM,iBAAiB,WAAW;EAClC,cAAY;EACZ,GAAI;YAEH,MAAM,KAAK,SAAS;GACnB,IAAI,KAAK,SAAS,SAChB,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,aAAD;IAEE,OAAO,KAAK;IACZ,eAAe,KAAK;IACT;IACX,OAAO,KAAK;IACI;GACjB,GANM,KAAK,GAMX;GAIL,OACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;IAEE,GAAI,UAAU,MAAM;IACpB,cAAY,KAAK,SAAS,KAAA;IAC1B,eAAY;cAEX,KAAK;GACF,GANC,KAAK,GAMN;EAEV,CAAC;CACE,CAAA;AAET,CAAC;AAED,cAAc,UAAUC,6BAAAA;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc"}
+{"version":3,"file":"RollingNumber.cjs","names":["createVarsResolver","factory","useProps","useStyles","getRenderSlots","getDigitParts","buildValue","Box","DigitColumn","classes"],"sources":["../../../src/components/RollingNumber/RollingNumber.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { buildValue } from './build-value';\nimport { DigitColumn } from './DigitColumn';\nimport { getDigitParts } from './get-digit-parts';\nimport { getRenderSlots } from './get-render-slots';\nimport classes from './RollingNumber.module.css';\n\nexport type RollingNumberStylesNames = 'root' | 'digit' | 'digitColumn' | 'char';\nexport type RollingNumberCssVariables = {\n  root: '--rn-duration' | '--rn-timing-function';\n};\n\nexport interface RollingNumberProps\n  extends BoxProps, StylesApiProps<RollingNumberFactory>, ElementProps<'div'> {\n  /** Number value to display */\n  value: number;\n\n  /** Prefix added before the value */\n  prefix?: string;\n\n  /** Suffix added after the value */\n  suffix?: string;\n\n  /** Character used as a decimal separator @default '.' */\n  decimalSeparator?: string;\n\n  /** Character used to separate thousands, set to `true` for `,` @default false */\n  thousandSeparator?: string | boolean;\n\n  /** Number of decimal places to display */\n  decimalScale?: number;\n\n  /** If set, trailing zeros are added to match `decimalScale` @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Animation duration in milliseconds @default 600 */\n  animationDuration?: number;\n\n  /** CSS timing function for animation @default 'ease' */\n  timingFunction?: string;\n\n  /** If set, use tabular (monospace) numbers @default true */\n  tabularNumbers?: boolean;\n\n  /** If set, the root element acts as an `aria-live=\"polite\"` region (`role=\"status\"`) and screen readers announce every value change. When `false`, the root uses `role=\"img\"` so the current value is still accessible but updates are not announced. @default false */\n  withLiveRegion?: boolean;\n}\n\nexport type RollingNumberFactory = Factory<{\n  props: RollingNumberProps;\n  ref: HTMLDivElement;\n  stylesNames: RollingNumberStylesNames;\n  vars: RollingNumberCssVariables;\n}>;\n\nconst defaultProps = {\n  animationDuration: 600,\n  timingFunction: 'ease',\n  decimalSeparator: '.',\n  tabularNumbers: true,\n} satisfies Partial<RollingNumberProps>;\n\nconst varsResolver = createVarsResolver<RollingNumberFactory>(\n  (_, { animationDuration, timingFunction }) => ({\n    root: {\n      '--rn-duration': `${animationDuration}ms`,\n      '--rn-timing-function': timingFunction,\n    },\n  })\n);\n\nexport const RollingNumber = factory<RollingNumberFactory>((_props) => {\n  const props = useProps('RollingNumber', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    value,\n    prefix,\n    suffix,\n    decimalSeparator,\n    thousandSeparator,\n    decimalScale,\n    fixedDecimalScale,\n    animationDuration,\n    timingFunction,\n    tabularNumbers,\n    withLiveRegion,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RollingNumberFactory>({\n    name: 'RollingNumber',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const previousValueRef = useRef(value);\n  const previousValue = previousValueRef.current;\n\n  useEffect(() => {\n    previousValueRef.current = value;\n  });\n\n  const valueDirection: 'up' | 'down' = value >= previousValue ? 'up' : 'down';\n\n  const current = getDigitParts({ value, decimalScale, fixedDecimalScale });\n  const prev = getDigitParts({ value: previousValue, decimalScale, fixedDecimalScale });\n\n  const slots = getRenderSlots({\n    current,\n    previous: prev,\n    prefix,\n    suffix,\n    decimalSeparator,\n    thousandSeparator,\n  });\n\n  const accessibleValue = buildValue({\n    value,\n    prefix,\n    suffix,\n    decimalSeparator,\n    thousandSeparator,\n    decimalScale,\n    fixedDecimalScale,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      mod={[{ 'tabular-numbers': tabularNumbers }, mod]}\n      role={withLiveRegion ? 'status' : 'img'}\n      aria-label={accessibleValue}\n      {...others}\n    >\n      {slots.map((slot) => {\n        if (slot.type === 'digit') {\n          return (\n            <DigitColumn\n              key={slot.key}\n              digit={slot.digit}\n              previousDigit={slot.previousDigit}\n              getStyles={getStyles}\n              empty={slot.empty}\n              valueDirection={valueDirection}\n            />\n          );\n        }\n\n        return (\n          <span\n            key={slot.key}\n            {...getStyles('char')}\n            data-empty={slot.empty || undefined}\n            aria-hidden=\"true\"\n          >\n            {slot.char}\n          </span>\n        );\n      })}\n    </Box>\n  );\n});\n\nRollingNumber.classes = classes;\nRollingNumber.varsResolver = varsResolver;\nRollingNumber.displayName = '@mantine/core/RollingNumber';\n"],"mappings":";;;;;;;;;;;;;;AAkEA,MAAM,eAAe;CACnB,mBAAmB;CACnB,gBAAgB;CAChB,kBAAkB;CAClB,gBAAgB;AAClB;AAEA,MAAM,eAAeA,6BAAAA,oBAClB,GAAG,EAAE,mBAAmB,sBAAsB,EAC7C,MAAM;CACJ,iBAAiB,GAAG,kBAAkB;CACtC,wBAAwB;AAC1B,EACF,EACF;AAEA,MAAa,gBAAgBC,gBAAAA,SAA+B,WAAW;CACrE,MAAM,QAAQC,kBAAAA,SAAS,iBAAiB,cAAc,MAAM;CAC5D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,QACA,QACA,kBACA,mBACA,cACA,mBACA,mBACA,gBACA,gBACA,gBACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAgC;EAChD,MAAM;EACN,SAAA,6BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,oBAAA,GAAA,MAAA,OAAA,CAA0B,KAAK;CACrC,MAAM,gBAAgB,iBAAiB;CAEvC,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,iBAAiB,UAAU;CAC7B,CAAC;CAED,MAAM,iBAAgC,SAAS,gBAAgB,OAAO;CAKtE,MAAM,QAAQC,yBAAAA,eAAe;EAC3B,SAJcC,wBAAAA,cAAc;GAAE;GAAO;GAAc;EAAkB,CAI/D;EACN,UAJWA,wBAAAA,cAAc;GAAE,OAAO;GAAe;GAAc;EAAkB,CAIpE;EACb;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,kBAAkBC,oBAAAA,WAAW;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,KAAK,CAAC,EAAE,mBAAmB,eAAe,GAAG,GAAG;EAChD,MAAM,iBAAiB,WAAW;EAClC,cAAY;EACZ,GAAI;YAEH,MAAM,KAAK,SAAS;GACnB,IAAI,KAAK,SAAS,SAChB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;IAEE,OAAO,KAAK;IACZ,eAAe,KAAK;IACT;IACX,OAAO,KAAK;IACI;GACjB,GANM,KAAK,GAMX;GAIL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAEE,GAAI,UAAU,MAAM;IACpB,cAAY,KAAK,SAAS,KAAA;IAC1B,eAAY;cAEX,KAAK;GACF,GANC,KAAK,GAMN;EAEV,CAAC;CACE,CAAA;AAET,CAAC;AAED,cAAc,UAAUC,6BAAAA;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc"}

package/cjs/components/RollingNumber/get-digit-parts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-digit-parts.cjs","names":[],"sources":["../../../src/components/RollingNumber/get-digit-parts.ts"],"sourcesContent":["export interface DigitParts {\n  negative: boolean;\n  intDigits: string[];\n  fracDigits: string[];\n  hasDecimal: boolean;\n}\n\nexport interface GetDigitPartsInput {\n  value: number;\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n}\n\nconst PLAIN_FORMAT = new Intl.NumberFormat('en-US', {\n  useGrouping: false,\n  maximumFractionDigits: 20,\n});\n\nfunction toPlainString(num: number, decimalScale?: number): string {\n  if (!Number.isFinite(num)) {\n    return '0';\n  }\n\n  if (decimalScale !== undefined) {\n    return new Intl.NumberFormat('en-US', {\n      useGrouping: false,\n      minimumFractionDigits: decimalScale,\n      maximumFractionDigits: decimalScale,\n    }).format(num);\n  }\n\n  const str = String(num);\n  if (!str.includes('e') && !str.includes('E')) {\n    return str;\n  }\n\n  return PLAIN_FORMAT.format(num);\n}\n\nexport function getDigitParts({\n  value,\n  decimalScale,\n  fixedDecimalScale,\n}: GetDigitPartsInput): DigitParts {\n  const abs = Math.abs(value);\n  let str = toPlainString(abs, decimalScale);\n\n  if (!fixedDecimalScale && decimalScale !== undefined) {\n    const parts = str.split('.');\n    if (parts[1]) {\n      const trimmed = parts[1].replace(/0+$/, '');\n      str = trimmed ? `${parts[0]}.${trimmed}` : parts[0];\n    }\n  }\n\n  const dotIdx = str.indexOf('.');\n  const intStr = dotIdx >= 0 ? str.slice(0, dotIdx) : str;\n  const fracStr = dotIdx >= 0 ? str.slice(dotIdx + 1) : '';\n\n  return {\n    negative: value < 0,\n    intDigits: intStr.split(''),\n    fracDigits: fracStr ? fracStr.split('') : [],\n    hasDecimal: dotIdx >= 0,\n  };\n}\n"],"mappings":";;AAaA,MAAM,eAAe,IAAI,KAAK,aAAa,SAAS;CAClD,aAAa;CACb,uBAAuB;AACzB,CAAC;AAED,SAAS,cAAc,KAAa,cAA+B;CACjE,IAAI,CAAC,OAAO,SAAS,GAAG,GACtB,OAAO;CAGT,IAAI,iBAAiB,KAAA,GACnB,OAAO,IAAI,KAAK,aAAa,SAAS;EACpC,aAAa;EACb,uBAAuB;EACvB,uBAAuB;CACzB,CAAC,EAAE,OAAO,GAAG;CAGf,MAAM,MAAM,OAAO,GAAG;CACtB,IAAI,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,SAAS,GAAG,GACzC,OAAO;CAGT,OAAO,aAAa,OAAO,GAAG;AAChC;AAEA,SAAgB,cAAc,EAC5B,OACA,cACA,qBACiC;CAEjC,IAAI,MAAM,cADE,KAAK,IAAI,KACK,GAAG,YAAY;CAEzC,IAAI,CAAC,qBAAqB,iBAAiB,KAAA,GAAW;EACpD,MAAM,QAAQ,IAAI,MAAM,GAAG;EAC3B,IAAI,MAAM,IAAI;GACZ,MAAM,UAAU,MAAM,GAAG,QAAQ,OAAO,EAAE;GAC1C,MAAM,UAAU,GAAG,MAAM,GAAG,GAAG,YAAY,MAAM;EACnD;CACF;CAEA,MAAM,SAAS,IAAI,QAAQ,GAAG;CAC9B,MAAM,SAAS,UAAU,IAAI,IAAI,MAAM,GAAG,MAAM,IAAI;CACpD,MAAM,UAAU,UAAU,IAAI,IAAI,MAAM,SAAS,CAAC,IAAI;CAEtD,OAAO;EACL,UAAU,QAAQ;EAClB,WAAW,OAAO,MAAM,EAAE;EAC1B,YAAY,UAAU,QAAQ,MAAM,EAAE,IAAI,CAAC;EAC3C,YAAY,UAAU;CACxB;AACF"}
+{"version":3,"file":"get-digit-parts.cjs","names":[],"sources":["../../../src/components/RollingNumber/get-digit-parts.ts"],"sourcesContent":["export interface DigitParts {\n  negative: boolean;\n  intDigits: string[];\n  fracDigits: string[];\n  hasDecimal: boolean;\n}\n\nexport interface GetDigitPartsInput {\n  value: number;\n  decimalScale?: number;\n  fixedDecimalScale?: boolean;\n}\n\nconst PLAIN_FORMAT = new Intl.NumberFormat('en-US', {\n  useGrouping: false,\n  maximumFractionDigits: 20,\n});\n\nfunction toPlainString(num: number, decimalScale?: number): string {\n  if (!Number.isFinite(num)) {\n    return '0';\n  }\n\n  if (decimalScale !== undefined) {\n    return new Intl.NumberFormat('en-US', {\n      useGrouping: false,\n      minimumFractionDigits: decimalScale,\n      maximumFractionDigits: decimalScale,\n    }).format(num);\n  }\n\n  const str = String(num);\n  if (!str.includes('e') && !str.includes('E')) {\n    return str;\n  }\n\n  return PLAIN_FORMAT.format(num);\n}\n\nexport function getDigitParts({\n  value,\n  decimalScale,\n  fixedDecimalScale,\n}: GetDigitPartsInput): DigitParts {\n  const abs = Math.abs(value);\n  let str = toPlainString(abs, decimalScale);\n\n  if (!fixedDecimalScale && decimalScale !== undefined) {\n    const parts = str.split('.');\n    if (parts[1]) {\n      const trimmed = parts[1].replace(/0+$/, '');\n      str = trimmed ? `${parts[0]}.${trimmed}` : parts[0];\n    }\n  }\n\n  const dotIdx = str.indexOf('.');\n  const intStr = dotIdx >= 0 ? str.slice(0, dotIdx) : str;\n  const fracStr = dotIdx >= 0 ? str.slice(dotIdx + 1) : '';\n\n  return {\n    negative: value < 0,\n    intDigits: intStr.split(''),\n    fracDigits: fracStr ? fracStr.split('') : [],\n    hasDecimal: dotIdx >= 0,\n  };\n}\n"],"mappings":";;AAaA,MAAM,eAAe,IAAI,KAAK,aAAa,SAAS;CAClD,aAAa;CACb,uBAAuB;AACzB,CAAC;AAED,SAAS,cAAc,KAAa,cAA+B;CACjE,IAAI,CAAC,OAAO,SAAS,GAAG,GACtB,OAAO;CAGT,IAAI,iBAAiB,KAAA,GACnB,OAAO,IAAI,KAAK,aAAa,SAAS;EACpC,aAAa;EACb,uBAAuB;EACvB,uBAAuB;CACzB,CAAC,CAAC,CAAC,OAAO,GAAG;CAGf,MAAM,MAAM,OAAO,GAAG;CACtB,IAAI,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,SAAS,GAAG,GACzC,OAAO;CAGT,OAAO,aAAa,OAAO,GAAG;AAChC;AAEA,SAAgB,cAAc,EAC5B,OACA,cACA,qBACiC;CAEjC,IAAI,MAAM,cADE,KAAK,IAAI,KACK,GAAG,YAAY;CAEzC,IAAI,CAAC,qBAAqB,iBAAiB,KAAA,GAAW;EACpD,MAAM,QAAQ,IAAI,MAAM,GAAG;EAC3B,IAAI,MAAM,IAAI;GACZ,MAAM,UAAU,MAAM,EAAE,CAAC,QAAQ,OAAO,EAAE;GAC1C,MAAM,UAAU,GAAG,MAAM,GAAG,GAAG,YAAY,MAAM;EACnD;CACF;CAEA,MAAM,SAAS,IAAI,QAAQ,GAAG;CAC9B,MAAM,SAAS,UAAU,IAAI,IAAI,MAAM,GAAG,MAAM,IAAI;CACpD,MAAM,UAAU,UAAU,IAAI,IAAI,MAAM,SAAS,CAAC,IAAI;CAEtD,OAAO;EACL,UAAU,QAAQ;EAClB,WAAW,OAAO,MAAM,EAAE;EAC1B,YAAY,UAAU,QAAQ,MAAM,EAAE,IAAI,CAAC;EAC3C,YAAY,UAAU;CACxB;AACF"}

package/cjs/components/RollingNumber/get-render-slots.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-render-slots.cjs","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"}
+{"version":3,"file":"get-render-slots.cjs","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,CAAC,CAAC,KAAK,IAAI,GAAG,GAAG,GAAG;AAC1D;AAEA,SAAS,SAAS,KAAe,QAAmC;CAClE,OAAO,CAAC,GAAG,KAAK,GAAG,MAAM,SAAS,IAAI,MAAM,CAAC,CAAC,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/cjs/components/ScrollArea/ScrollArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.cjs","names":["createVarsResolver","rem","factory","useProps","useStyles","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner","Box","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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"}
+{"version":3,"file":"ScrollArea.cjs","names":["createVarsResolver","rem","factory","useProps","useStyles","ScrollAreaRoot","ScrollAreaViewport","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaCorner","Box","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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"}

package/cjs/components/ScrollArea/ScrollArea.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.context.cjs","names":["createSafeContext"],"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,8FAAwBA,EAAAA,kBACxD,iDACF"}
+{"version":3,"file":"ScrollArea.context.cjs","names":["createSafeContext"],"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,8FAAwBA,CAAAA,CAAAA,kBACxD,iDACF"}

package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaCorner.cjs","names":["useScrollAreaContext"],"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,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAqB,CAAC;CACpC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,CAAC;CACtC,MAAM,UAAU,QAAQ,SAAS,MAAM;CAEvC,4BAAA,kBAAkB,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,gBAAgB;EAC1C,IAAI,qBAAqB,CAAC;EAC1B,UAAU,CAAC;CACb,CAAC;CAED,4BAAA,kBAAkB,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,eAAe;EACzC,IAAI,oBAAoB,CAAC;EACzB,SAAS,CAAC;CACZ,CAAC;CAED,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,GAAI;EAAQ,OAAO;GAAE,GAAG;GAAO;GAAO;EAAO;CAAI,CAAA,IAAI;AAC7E;AAEA,SAAgB,iBAAiB,OAA8B;CAC7D,MAAM,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,2BAA2B,QAAQ,IAAI,cAAc,IAAI,UAAU;CAEzE,OADkB,IAAI,SAAS,YAAY,2BACxB,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAQ,GAAI,MAAQ,CAAA,IAAI;AAC7C"}
+{"version":3,"file":"ScrollAreaCorner.cjs","names":["useScrollAreaContext"],"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,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAAqB,CAAC;CACpC,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAsB,CAAC;CACtC,MAAM,UAAU,QAAQ,SAAS,MAAM;CAEvC,4BAAA,kBAAkB,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,gBAAgB;EAC1C,IAAI,qBAAqB,CAAC;EAC1B,UAAU,CAAC;CACb,CAAC;CAED,4BAAA,kBAAkB,IAAI,kBAAkB;EACtC,MAAM,IAAI,IAAI,YAAY,eAAe;EACzC,IAAI,oBAAoB,CAAC;EACzB,SAAS,CAAC;CACZ,CAAC;CAED,OAAO,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI;EAAQ,OAAO;GAAE,GAAG;GAAO;GAAO;EAAO;CAAI,CAAA,IAAI;AAC7E;AAEA,SAAgB,iBAAiB,OAA8B;CAC7D,MAAM,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,2BAA2B,QAAQ,IAAI,cAAc,IAAI,UAAU;CAEzE,OADkB,IAAI,SAAS,YAAY,2BACxB,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD,EAAQ,GAAI,MAAQ,CAAA,IAAI;AAC7C"}

package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaRoot.cjs","names":["useProps","ScrollAreaProvider","Box"],"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,WAAWA,kBAAAA,SACvE,kBACA,cACA,MACF;CAEA,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAAiD,IAAI;CACxE,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAA+C,IAAI;CACpE,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAA8C,IAAI;CAClE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAAiD,IAAI;CACxE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAAiD,IAAI;CACxE,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,CAAC;CAChD,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,CAAC;CAClD,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,UAAiC,KAAK;CAChE,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,UAAiC,KAAK;CAChE,MAAM,WAAA,GAAA,eAAA,cAAuB,KAAK,aAAa;CAE/C,OACE,iBAAA,GAAA,kBAAA,KAACC,2BAAAA,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,iBAAA,GAAA,kBAAA,KAACC,YAAAA,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"}
+{"version":3,"file":"ScrollAreaRoot.cjs","names":["useProps","ScrollAreaProvider","Box"],"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,WAAWA,kBAAAA,SACvE,kBACA,cACA,MACF;CAEA,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,SAAA,CAAiD,IAAI;CACxE,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,SAAA,CAA+C,IAAI;CACpE,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAA8C,IAAI;CAClE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,SAAA,CAAiD,IAAI;CACxE,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,SAAA,CAAiD,IAAI;CACxE,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,SAAA,CAA2B,CAAC;CAChD,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,SAAA,CAA4B,CAAC;CAClD,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,SAAA,CAAiC,KAAK;CAChE,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,SAAA,CAAiC,KAAK;CAChE,MAAM,WAAA,GAAA,eAAA,aAAA,CAAuB,KAAK,aAAa;CAE/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,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/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaScrollbar.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarHover","ScrollAreaScrollbarScroll","ScrollAreaScrollbarAuto","ScrollAreaScrollbarVisible"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,EAAE,2BAA2B,8BAA8B;CACjE,MAAM,eAAe,MAAM,gBAAgB;CAE3C,CAAA,GAAA,MAAA,iBAAgB;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,iBAAA,GAAA,kBAAA,KAACC,iCAAAA,0BAAD;EAA0B,GAAI;EAA4B;CAAa,CAAA,IACrE,QAAQ,SAAS,WACnB,iBAAA,GAAA,kBAAA,KAACC,kCAAAA,2BAAD;EAA2B,GAAI;EAA4B;CAAa,CAAA,IACtE,QAAQ,SAAS,SACnB,iBAAA,GAAA,kBAAA,KAACC,gCAAAA,yBAAD;EAAyB,GAAI;EAA4B;CAAa,CAAA,IACpE,QAAQ,SAAS,WACnB,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,4BAAD,EAA4B,GAAI,eAAiB,CAAA,IAC/C;AACN;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"ScrollAreaScrollbar.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarHover","ScrollAreaScrollbarScroll","ScrollAreaScrollbarAuto","ScrollAreaScrollbarVisible"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,EAAE,2BAA2B,8BAA8B;CACjE,MAAM,eAAe,MAAM,gBAAgB;CAE3C,CAAA,GAAA,MAAA,UAAA,OAAgB;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,iBAAA,GAAA,kBAAA,IAAA,CAACC,iCAAAA,0BAAD;EAA0B,GAAI;EAA4B;CAAa,CAAA,IACrE,QAAQ,SAAS,WACnB,iBAAA,GAAA,kBAAA,IAAA,CAACC,kCAAAA,2BAAD;EAA2B,GAAI;EAA4B;CAAa,CAAA,IACtE,QAAQ,SAAS,SACnB,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,yBAAD;EAAyB,GAAI;EAA4B;CAAa,CAAA,IACpE,QAAQ,SAAS,WACnB,iBAAA,GAAA,kBAAA,IAAA,CAACC,mCAAAA,4BAAD,EAA4B,GAAI,eAAiB,CAAA,IAC/C;AACN;AAEA,oBAAoB,cAAc"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaScrollbarAuto.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarVisible"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAC5C,MAAM,eAAe,MAAM,gBAAgB;CAE3C,MAAM,gBAAA,GAAA,eAAA,4BAA0C;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,4BAAA,kBAAkB,QAAQ,UAAU,YAAY;CAChD,4BAAA,kBAAkB,QAAQ,SAAS,YAAY;CAE/C,IAAI,cAAc,SAChB,OACE,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,4BAAD;EAA4B,cAAY,UAAU,YAAY;EAAU,GAAI;CAAiB,CAAA;CAIjG,OAAO;AACT;AAEA,wBAAwB,cAAc"}
+{"version":3,"file":"ScrollAreaScrollbarAuto.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarVisible"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,EAAE,YAAY,GAAG,mBAAmB;CAC1C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAC5C,MAAM,eAAe,MAAM,gBAAgB;CAE3C,MAAM,gBAAA,GAAA,eAAA,qBAAA,OAA0C;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,4BAAA,kBAAkB,QAAQ,UAAU,YAAY;CAChD,4BAAA,kBAAkB,QAAQ,SAAS,YAAY;CAE/C,IAAI,cAAc,SAChB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mCAAAA,4BAAD;EAA4B,cAAY,UAAU,YAAY;EAAU,GAAI;CAAiB,CAAA;CAIjG,OAAO;AACT;AAEA,wBAAwB,cAAc"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaScrollbarHover.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarAuto"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAE5C,CAAA,GAAA,MAAA,iBAAgB;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,iBAAA,GAAA,kBAAA,KAACC,gCAAAA,yBAAD;EAAyB,cAAY,UAAU,YAAY;EAAU,GAAI;CAAiB,CAAA;CAI9F,OAAO;AACT;AAEA,yBAAyB,cAAc"}
+{"version":3,"file":"ScrollAreaScrollbarHover.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarAuto"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAE5C,CAAA,GAAA,MAAA,UAAA,OAAgB;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,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,yBAAD;EAAyB,cAAY,UAAU,YAAY;EAAU,GAAI;CAAiB,CAAA;CAI9F,OAAO;AACT;AAEA,yBAAyB,cAAc"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaScrollbarScroll.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarVisible","composeEventHandlers"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAsE,QAAQ;CAC5F,MAAM,qBAAA,GAAA,eAAA,4BAA+C,SAAS,MAAM,GAAG,GAAG;CAE1E,CAAA,GAAA,MAAA,iBAAgB;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,CAAA,GAAA,MAAA,iBAAgB;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,iBAAA,GAAA,kBAAA,KAACC,mCAAAA,4BAAD;EACE,cAAY,UAAU,WAAW,WAAW;EAC5C,GAAI;EACJ,gBAAgBC,+BAAAA,qBAAqB,MAAM,sBAAsB,SAAS,aAAa,CAAC;EACxF,gBAAgBA,+BAAAA,qBAAqB,MAAM,sBAAsB,SAAS,MAAM,CAAC;CAClF,CAAA;CAIL,OAAO;AACT"}
+{"version":3,"file":"ScrollAreaScrollbarScroll.cjs","names":["useScrollAreaContext","ScrollAreaScrollbarVisible","composeEventHandlers"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,eAAe,MAAM,gBAAgB;CAC3C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAAsE,QAAQ;CAC5F,MAAM,qBAAA,GAAA,eAAA,qBAAA,OAA+C,SAAS,MAAM,GAAG,GAAG;CAE1E,CAAA,GAAA,MAAA,UAAA,OAAgB;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,CAAA,GAAA,MAAA,UAAA,OAAgB;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,iBAAA,GAAA,kBAAA,IAAA,CAACC,mCAAAA,4BAAD;EACE,cAAY,UAAU,WAAW,WAAW;EAC5C,GAAI;EACJ,gBAAgBC,+BAAAA,qBAAqB,MAAM,sBAAsB,SAAS,aAAa,CAAC;EACxF,gBAAgBA,+BAAAA,qBAAqB,MAAM,sBAAsB,SAAS,MAAM,CAAC;CAClF,CAAA;CAIL,OAAO;AACT"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaScrollbarVisible.cjs","names":["useDirection","useScrollAreaContext","getThumbRatio","getScrollPositionFromPointer","ScrollAreaScrollbarX","getThumbOffsetFromScroll","ScrollAreaScrollbarY"],"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,QAAQA,0BAAAA,aAAa;CAC7B,MAAM,UAAUC,2BAAAA,qBAAqB;CACrC,MAAM,YAAA,GAAA,MAAA,QAAyC,IAAI;CACnD,MAAM,oBAAA,GAAA,MAAA,QAA0B,CAAC;CACjC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAA4B;EACxC,SAAS;EACT,UAAU;EACV,WAAW;GAAE,MAAM;GAAG,cAAc;GAAG,YAAY;EAAE;CACvD,CAAC;CAED,MAAM,aAAaC,wBAAAA,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,cAC7CC,yCAAAA,6BAA6B,YAAY,iBAAiB,SAAS,OAAO,SAAS;CAErF,IAAI,gBAAgB,cAClB,OACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,sBAAD;EACE,GAAI;EACJ,6BAA6B;GAC3B,IAAI,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAASC,qCAAAA,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,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,sBAAD;EACE,GAAI;EACJ,6BAA6B;GAC3B,IAAI,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAASD,qCAAAA,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"}
+{"version":3,"file":"ScrollAreaScrollbarVisible.cjs","names":["useDirection","useScrollAreaContext","getThumbRatio","getScrollPositionFromPointer","ScrollAreaScrollbarX","getThumbOffsetFromScroll","ScrollAreaScrollbarY"],"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,QAAQA,0BAAAA,aAAa;CAC7B,MAAM,UAAUC,2BAAAA,qBAAqB;CACrC,MAAM,YAAA,GAAA,MAAA,OAAA,CAAyC,IAAI;CACnD,MAAM,oBAAA,GAAA,MAAA,OAAA,CAA0B,CAAC;CACjC,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,SAAA,CAA4B;EACxC,SAAS;EACT,UAAU;EACV,WAAW;GAAE,MAAM;GAAG,cAAc;GAAG,YAAY;EAAE;CACvD,CAAC;CAED,MAAM,aAAaC,wBAAAA,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,cAC7CC,yCAAAA,6BAA6B,YAAY,iBAAiB,SAAS,OAAO,SAAS;CAErF,IAAI,gBAAgB,cAClB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,sBAAD;EACE,GAAI;EACJ,6BAA6B;GAC3B,IAAI,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAASC,qCAAAA,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,sBAAD;EACE,GAAI;EACJ,6BAA6B;GAC3B,IAAI,QAAQ,YAAY,SAAS,SAAS;IACxC,MAAM,YAAY,QAAQ,SAAS;IACnC,MAAM,SAASD,qCAAAA,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/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollbar.cjs","names":["useScrollAreaContext","ScrollbarProvider","composeEventHandlers"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAgD,IAAI;CACtE,MAAM,eAAA,GAAA,eAAA,cAA2B,KAAK,YAAY;CAClD,MAAM,WAAA,GAAA,MAAA,QAAiC,IAAI;CAC3C,MAAM,2BAAA,GAAA,MAAA,QAAyC,EAAE;CACjD,MAAM,EAAE,aAAa;CACrB,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,qBAAA,GAAA,MAAA,gBAAmC,aAAa;CACtD,MAAM,6BAAA,GAAA,eAAA,gBAA2C,qBAAqB;CACtE,MAAM,gBAAA,GAAA,eAAA,sBAAoC,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,CAAA,GAAA,MAAA,iBAAgB;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,CAAA,GAAA,MAAA,WAAU,2BAA2B,CAAC,OAAO,yBAAyB,CAAC;CAEvE,4BAAA,kBAAkB,WAAW,YAAY;CACzC,4BAAA,kBAAkB,QAAQ,SAAS,YAAY;CAE/C,OACE,iBAAA,GAAA,kBAAA,KAACC,0BAAAA,mBAAD;EACE,OAAO;GACL;GACA;GACA,gBAAA,GAAA,eAAA,gBAA8B,aAAa;GAC3C,mBAAA,GAAA,eAAA,gBAAiC,gBAAgB;GACjD,uBAAuB;GACvB,qBAAA,GAAA,eAAA,gBAAmC,kBAAkB;EACvD;YAEA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GACE,GAAI;GACJ,KAAK;GACL,0BAAA;GACA,OAAO;IAAE,UAAU;IAAY,GAAG,eAAe;GAAM;GACvD,eAAeC,+BAAAA,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,eAAeA,+BAAAA,qBAAqB,MAAM,eAAe,gBAAgB;GACzE,aAAaA,+BAAAA,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"}
+{"version":3,"file":"Scrollbar.cjs","names":["useScrollAreaContext","ScrollbarProvider","composeEventHandlers"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,SAAA,CAAgD,IAAI;CACtE,MAAM,eAAA,GAAA,eAAA,aAAA,CAA2B,KAAK,YAAY;CAClD,MAAM,WAAA,GAAA,MAAA,OAAA,CAAiC,IAAI;CAC3C,MAAM,2BAAA,GAAA,MAAA,OAAA,CAAyC,EAAE;CACjD,MAAM,EAAE,aAAa;CACrB,MAAM,eAAe,MAAM,UAAU,MAAM;CAC3C,MAAM,qBAAA,GAAA,MAAA,eAAA,CAAmC,aAAa;CACtD,MAAM,6BAAA,GAAA,eAAA,eAAA,CAA2C,qBAAqB;CACtE,MAAM,gBAAA,GAAA,eAAA,qBAAA,CAAoC,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,CAAA,GAAA,MAAA,UAAA,OAAgB;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,CAAA,GAAA,MAAA,UAAA,CAAU,2BAA2B,CAAC,OAAO,yBAAyB,CAAC;CAEvE,4BAAA,kBAAkB,WAAW,YAAY;CACzC,4BAAA,kBAAkB,QAAQ,SAAS,YAAY;CAE/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;EACE,OAAO;GACL;GACA;GACA,gBAAA,GAAA,eAAA,eAAA,CAA8B,aAAa;GAC3C,mBAAA,GAAA,eAAA,eAAA,CAAiC,gBAAgB;GACjD,uBAAuB;GACvB,qBAAA,GAAA,eAAA,eAAA,CAAmC,kBAAkB;EACvD;YAEA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,GAAI;GACJ,KAAK;GACL,0BAAA;GACA,OAAO;IAAE,UAAU;IAAY,GAAG,eAAe;GAAM;GACvD,eAAeC,+BAAAA,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,eAAeA,+BAAAA,qBAAqB,MAAM,eAAe,gBAAgB;GACzE,aAAaA,+BAAAA,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/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Scrollbar.context.cjs","names":["createSafeContext"],"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,gGAAuBA,EAAAA,kBACtD,2CACF"}
+{"version":3,"file":"Scrollbar.context.cjs","names":["createSafeContext"],"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,gGAAuBA,CAAAA,CAAAA,kBACtD,2CACF"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollbarX.cjs","names":["useScrollAreaContext","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"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,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UAAkD;CACxE,MAAM,OAAA,GAAA,MAAA,QAA6B,IAAI;CACvC,MAAM,eAAA,GAAA,eAAA,cAA2B,cAAc,KAAK,IAAI,kBAAkB;CAE1E,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,IAAI,SACN,iBAAiB,iBAAiB,IAAI,OAAO,CAAC;CAElD,GAAG,CAAC,GAAG,CAAC;CAER,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;EACE,oBAAiB;EACjB,GAAI;EACJ,KAAK;EACE;EACP,OAAO;GACL,GAAG;IACF,qBAA4B,GAAGC,uBAAAA,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,IAAIC,6CAAAA,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,cAAcC,eAAAA,MAAM,cAAc,WAAW;KAC7C,YAAYA,eAAAA,MAAM,cAAc,YAAY;IAC9C;GACF,CAAC;EAEL;CACD,CAAA;AAEL;AAEA,qBAAqB,cAAc"}
+{"version":3,"file":"ScrollbarX.cjs","names":["useScrollAreaContext","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"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,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,SAAA,CAAkD;CACxE,MAAM,OAAA,GAAA,MAAA,OAAA,CAA6B,IAAI;CACvC,MAAM,eAAA,GAAA,eAAA,aAAA,CAA2B,cAAc,KAAK,IAAI,kBAAkB;CAE1E,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,IAAI,SACN,iBAAiB,iBAAiB,IAAI,OAAO,CAAC;CAElD,GAAG,CAAC,GAAG,CAAC;CAER,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACE,oBAAiB;EACjB,GAAI;EACJ,KAAK;EACE;EACP,OAAO;GACL,GAAG;IACF,qBAA4B,GAAGC,uBAAAA,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,IAAIC,6CAAAA,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,cAAcC,eAAAA,MAAM,cAAc,WAAW;KAC7C,YAAYA,eAAAA,MAAM,cAAc,YAAY;IAC9C;GACF,CAAC;EAEL;CACD,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollbarY.cjs","names":["useScrollAreaContext","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UAAkD;CACxE,MAAM,OAAA,GAAA,MAAA,QAA6B,IAAI;CACvC,MAAM,eAAA,GAAA,eAAA,cAA2B,cAAc,KAAK,QAAQ,kBAAkB;CAE9E,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,IAAI,SACN,iBAAiB,OAAO,iBAAiB,IAAI,OAAO,CAAC;CAEzD,GAAG,CAAC,CAAC;CAEL,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,WAAD;EACE,GAAI;EACJ,oBAAiB;EACjB,KAAK;EACE;EACP,OAAO;IACJ,sBAA6B,GAAGC,uBAAAA,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,IAAIC,6CAAAA,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,cAAcC,eAAAA,MAAM,cAAc,UAAU;KAC5C,YAAYA,eAAAA,MAAM,cAAc,aAAa;IAC/C;GACF,CAAC;EAEL;CACD,CAAA;AAEL;AAEA,qBAAqB,cAAc"}
+{"version":3,"file":"ScrollbarY.cjs","names":["useScrollAreaContext","Scrollbar","getThumbSize","isScrollingWithinScrollbarBounds","toInt"],"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,UAAUA,2BAAAA,qBAAqB;CACrC,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,SAAA,CAAkD;CACxE,MAAM,OAAA,GAAA,MAAA,OAAA,CAA6B,IAAI;CACvC,MAAM,eAAA,GAAA,eAAA,aAAA,CAA2B,cAAc,KAAK,QAAQ,kBAAkB;CAE9E,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,IAAI,SACN,iBAAiB,OAAO,iBAAiB,IAAI,OAAO,CAAC;CAEzD,GAAG,CAAC,CAAC;CAEL,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;EACE,GAAI;EACJ,oBAAiB;EACjB,KAAK;EACE;EACP,OAAO;IACJ,sBAA6B,GAAGC,uBAAAA,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,IAAIC,6CAAAA,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,cAAcC,eAAAA,MAAM,cAAc,UAAU;KAC5C,YAAYA,eAAAA,MAAM,cAAc,aAAa;IAC/C;GACF,CAAC;EAEL;CACD,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaThumb.cjs","names":["useScrollAreaContext","useScrollbarContext","addUnlinkedScrollListener","composeEventHandlers"],"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,oBAAoBA,2BAAAA,qBAAqB;CAC/C,MAAM,mBAAmBC,0BAAAA,oBAAoB;CAC7C,MAAM,EAAE,0BAA0B;CAClC,MAAM,eAAA,GAAA,eAAA,cAA2B,cAAc,iBAAiB,aAAa;CAC7E,MAAM,mCAAA,GAAA,MAAA,QAAmE,KAAA,CAAS;CAClF,MAAM,qBAAA,GAAA,eAAA,4BAA+C;EACnD,IAAI,gCAAgC,SAAS;GAC3C,gCAAgC,QAAQ;GACxC,gCAAgC,UAAU,KAAA;EAC5C;CACF,GAAG,GAAG;CAEN,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,EAAE,aAAa;EACrB,IAAI,UAAU;GACZ,MAAM,qBAAqB;IACzB,kBAAkB;IAClB,IAAI,CAAC,gCAAgC,SAAS;KAE5C,gCAAgC,UADfC,qCAAAA,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,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,cAAY,iBAAiB,WAAW,YAAY;EACpD,GAAI;EACJ,KAAK;EACL,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,sBAAsBC,+BAAAA,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,aAAaA,+BAAAA,qBAAqB,MAAM,aAAa,iBAAiB,gBAAgB;CACvF,CAAA;AAEL;AAEA,MAAM,cAAc;AAMpB,SAAgB,gBAAgB,OAA6B;CAC3D,MAAM,EAAE,YAAY,GAAG,eAAe;CACtC,MAAM,mBAAmBF,0BAAAA,oBAAoB;CAE7C,IAAI,cAAc,iBAAiB,UACjC,OAAO,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAO,GAAI,WAAa,CAAA;CAGjC,OAAO;AACT;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"ScrollAreaThumb.cjs","names":["useScrollAreaContext","useScrollbarContext","addUnlinkedScrollListener","composeEventHandlers"],"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,oBAAoBA,2BAAAA,qBAAqB;CAC/C,MAAM,mBAAmBC,0BAAAA,oBAAoB;CAC7C,MAAM,EAAE,0BAA0B;CAClC,MAAM,eAAA,GAAA,eAAA,aAAA,CAA2B,cAAc,iBAAiB,aAAa;CAC7E,MAAM,mCAAA,GAAA,MAAA,OAAA,CAAmE,KAAA,CAAS;CAClF,MAAM,qBAAA,GAAA,eAAA,qBAAA,OAA+C;EACnD,IAAI,gCAAgC,SAAS;GAC3C,gCAAgC,QAAQ;GACxC,gCAAgC,UAAU,KAAA;EAC5C;CACF,GAAG,GAAG;CAEN,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,MAAM,EAAE,aAAa;EACrB,IAAI,UAAU;GACZ,MAAM,qBAAqB;IACzB,kBAAkB;IAClB,IAAI,CAAC,gCAAgC,SAAS;KAE5C,gCAAgC,UADfC,qCAAAA,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,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,cAAY,iBAAiB,WAAW,YAAY;EACpD,GAAI;EACJ,KAAK;EACL,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,sBAAsBC,+BAAAA,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,aAAaA,+BAAAA,qBAAqB,MAAM,aAAa,iBAAiB,gBAAgB;CACvF,CAAA;AAEL;AAEA,MAAM,cAAc;AAMpB,SAAgB,gBAAgB,OAA6B;CAC3D,MAAM,EAAE,YAAY,GAAG,eAAe;CACtC,MAAM,mBAAmBF,0BAAAA,oBAAoB;CAE7C,IAAI,cAAc,iBAAiB,UACjC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAO,GAAI,WAAa,CAAA;CAGjC,OAAO;AACT;AAEA,gBAAgB,cAAc"}

package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.cjs

@@ -20,6 +20,7 @@ function ScrollAreaViewport({ children, style, ref, onWheel, ...others }) {
 		...others,
 		ref: rootRef,
 		onWheel: handleWheel,
+		"data-scrollarea-viewport": true,
 		style: {
 			overflowX: ctx.scrollbarXEnabled ? "scroll" : "hidden",
 			overflowY: ctx.scrollbarYEnabled ? "scroll" : "hidden",

package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollAreaViewport.cjs","names":["useScrollAreaContext","Box"],"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,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,WAAA,GAAA,eAAA,cAAuB,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,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAAI;EACJ,KAAK;EACL,SAAS;EACT,OAAO;GACL,WAAW,IAAI,oBAAoB,WAAW;GAC9C,WAAW,IAAI,oBAAoB,WAAW;GAC9C,GAAG;EACL;YAEA,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,GAAI,IAAI,UAAU,SAAS;GAAG,KAAK,IAAI;GACzC;EACE,CAAA;CACF,CAAA;AAET;AAEA,mBAAmB,cAAc"}
+{"version":3,"file":"ScrollAreaViewport.cjs","names":["useScrollAreaContext","Box"],"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      data-scrollarea-viewport\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,MAAMA,2BAAAA,qBAAqB;CACjC,MAAM,WAAA,GAAA,eAAA,aAAA,CAAuB,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI;EACJ,KAAK;EACL,SAAS;EACT,4BAAA;EACA,OAAO;GACL,WAAW,IAAI,oBAAoB,WAAW;GAC9C,WAAW,IAAI,oBAAoB,WAAW;GAC9C,GAAG;EACL;YAEA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,GAAI,IAAI,UAAU,SAAS;GAAG,KAAK,IAAI;GACzC;EACE,CAAA;CACF,CAAA;AAET;AAEA,mBAAmB,cAAc"}