@mantine/core 9.2.0 → 9.2.1

package/esm/components/SimpleGrid/SimpleGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.mjs","names":["classes"],"sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  Factory,\n  factory,\n  MantineSpacing,\n  StyleProp,\n  StylesApiProps,\n  useProps,\n  useRandomClassName,\n  useStyles,\n} from '../../core';\nimport { SimpleGridContainerVariables, SimpleGridMediaVariables } from './SimpleGridVariables';\nimport classes from './SimpleGrid.module.css';\n\nexport type SimpleGridStylesNames = 'root' | 'container';\n\nexport interface SimpleGridProps\n  extends BoxProps, StylesApiProps<SimpleGridFactory>, ElementProps<'div'> {\n  /** Number of columns @default 1 */\n  cols?: StyleProp<number>;\n\n  /** Spacing between columns @default 'md' */\n  spacing?: StyleProp<MantineSpacing>;\n\n  /** Spacing between rows. When not set, falls back to spacing value @default undefined */\n  verticalSpacing?: StyleProp<MantineSpacing>;\n\n  /** Determines type of queries that are used for responsive styles @default 'media' */\n  type?: 'media' | 'container';\n\n  /** Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored */\n  minColWidth?: string | number;\n\n  /** Grid repeat type when minColWidth is set @default 'auto-fill' */\n  autoFlow?: 'auto-fit' | 'auto-fill';\n\n  /** Sets the size of implicitly created grid rows */\n  autoRows?: string;\n}\n\nexport type SimpleGridFactory = Factory<{\n  props: SimpleGridProps;\n  ref: HTMLDivElement;\n  stylesNames: SimpleGridStylesNames;\n}>;\n\nconst defaultProps = {\n  cols: 1,\n  spacing: 'md',\n  type: 'media',\n} satisfies Partial<SimpleGridProps>;\n\nexport const SimpleGrid = factory<SimpleGridFactory>((_props) => {\n  const props = useProps('SimpleGrid', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    cols,\n    verticalSpacing,\n    spacing,\n    type,\n    minColWidth,\n    autoFlow,\n    autoRows,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SimpleGridFactory>({\n    name: 'SimpleGrid',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const responsiveClassName = useRandomClassName();\n\n  const autoColsAttr = minColWidth !== undefined ? autoFlow || 'auto-fill' : undefined;\n\n  if (type === 'container') {\n    return (\n      <>\n        <SimpleGridContainerVariables {...props} selector={`.${responsiveClassName}`} />\n        <div {...getStyles('container')}>\n          <Box\n            {...getStyles('root', { className: responsiveClassName })}\n            {...others}\n            data-auto-cols={autoColsAttr}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <SimpleGridMediaVariables {...props} selector={`.${responsiveClassName}`} />\n      <Box\n        {...getStyles('root', { className: responsiveClassName })}\n        {...others}\n        data-auto-cols={autoColsAttr}\n      />\n    </>\n  );\n});\n\nSimpleGrid.classes = classes;\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n\nexport namespace SimpleGrid {\n  export type Props = SimpleGridProps;\n  export type StylesNames = SimpleGridStylesNames;\n  export type Factory = SimpleGridFactory;\n}\n"],"mappings":";;;;;;;;;;AAgDA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,MAAM;CACP;AAED,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,OAAO;CAC1D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,iBACA,SACA,MACA,aACA,UACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,sBAAsB,oBAAoB;CAEhD,MAAM,eAAe,gBAAgB,KAAA,IAAY,YAAY,cAAc,KAAA;AAE3E,KAAI,SAAS,YACX,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,8BAAD;EAA8B,GAAI;EAAO,UAAU,IAAI;EAAyB,CAAA,EAChF,oBAAC,OAAD;EAAK,GAAI,UAAU,YAAY;YAC7B,oBAAC,KAAD;GACE,GAAI,UAAU,QAAQ,EAAE,WAAW,qBAAqB,CAAC;GACzD,GAAI;GACJ,kBAAgB;GAChB,CAAA;EACE,CAAA,CACL,EAAA,CAAA;AAIP,QACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,0BAAD;EAA0B,GAAI;EAAO,UAAU,IAAI;EAAyB,CAAA,EAC5E,oBAAC,KAAD;EACE,GAAI,UAAU,QAAQ,EAAE,WAAW,qBAAqB,CAAC;EACzD,GAAI;EACJ,kBAAgB;EAChB,CAAA,CACD,EAAA,CAAA;EAEL;AAEF,WAAW,UAAUA;AACrB,WAAW,cAAc"}
+{"version":3,"file":"SimpleGrid.mjs","names":["classes"],"sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  Factory,\n  factory,\n  MantineSpacing,\n  StyleProp,\n  StylesApiProps,\n  useProps,\n  useRandomClassName,\n  useStyles,\n} from '../../core';\nimport { SimpleGridContainerVariables, SimpleGridMediaVariables } from './SimpleGridVariables';\nimport classes from './SimpleGrid.module.css';\n\nexport type SimpleGridStylesNames = 'root' | 'container';\n\nexport interface SimpleGridProps\n  extends BoxProps, StylesApiProps<SimpleGridFactory>, ElementProps<'div'> {\n  /** Number of columns @default 1 */\n  cols?: StyleProp<number>;\n\n  /** Spacing between columns @default 'md' */\n  spacing?: StyleProp<MantineSpacing>;\n\n  /** Spacing between rows. When not set, falls back to spacing value @default undefined */\n  verticalSpacing?: StyleProp<MantineSpacing>;\n\n  /** Determines type of queries that are used for responsive styles @default 'media' */\n  type?: 'media' | 'container';\n\n  /** Minimum column width when using auto-fit/auto-fill. When set, cols prop is ignored */\n  minColWidth?: string | number;\n\n  /** Grid repeat type when minColWidth is set @default 'auto-fill' */\n  autoFlow?: 'auto-fit' | 'auto-fill';\n\n  /** Sets the size of implicitly created grid rows */\n  autoRows?: string;\n}\n\nexport type SimpleGridFactory = Factory<{\n  props: SimpleGridProps;\n  ref: HTMLDivElement;\n  stylesNames: SimpleGridStylesNames;\n}>;\n\nconst defaultProps = {\n  cols: 1,\n  spacing: 'md',\n  type: 'media',\n} satisfies Partial<SimpleGridProps>;\n\nexport const SimpleGrid = factory<SimpleGridFactory>((_props) => {\n  const props = useProps('SimpleGrid', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    cols,\n    verticalSpacing,\n    spacing,\n    type,\n    minColWidth,\n    autoFlow,\n    autoRows,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SimpleGridFactory>({\n    name: 'SimpleGrid',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const responsiveClassName = useRandomClassName();\n\n  const autoColsAttr = minColWidth !== undefined ? autoFlow || 'auto-fill' : undefined;\n\n  if (type === 'container') {\n    return (\n      <>\n        <SimpleGridContainerVariables {...props} selector={`.${responsiveClassName}`} />\n        <div {...getStyles('container')}>\n          <Box\n            {...getStyles('root', { className: responsiveClassName })}\n            {...others}\n            data-auto-cols={autoColsAttr}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <SimpleGridMediaVariables {...props} selector={`.${responsiveClassName}`} />\n      <Box\n        {...getStyles('root', { className: responsiveClassName })}\n        {...others}\n        data-auto-cols={autoColsAttr}\n      />\n    </>\n  );\n});\n\nSimpleGrid.classes = classes;\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n\nexport namespace SimpleGrid {\n  export type Props = SimpleGridProps;\n  export type StylesNames = SimpleGridStylesNames;\n  export type Factory = SimpleGridFactory;\n}\n"],"mappings":";;;;;;;;;;AAgDA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,MAAM;AACR;AAEA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,iBACA,SACA,MACA,aACA,UACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,sBAAsB,mBAAmB;CAE/C,MAAM,eAAe,gBAAgB,KAAA,IAAY,YAAY,cAAc,KAAA;CAE3E,IAAI,SAAS,aACX,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,8BAAD;EAA8B,GAAI;EAAO,UAAU,IAAI;CAAwB,CAAA,GAC/E,oBAAC,OAAD;EAAK,GAAI,UAAU,WAAW;YAC5B,oBAAC,KAAD;GACE,GAAI,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC;GACxD,GAAI;GACJ,kBAAgB;EACjB,CAAA;CACE,CAAA,CACL,EAAA,CAAA;CAIN,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,0BAAD;EAA0B,GAAI;EAAO,UAAU,IAAI;CAAwB,CAAA,GAC3E,oBAAC,KAAD;EACE,GAAI,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC;EACxD,GAAI;EACJ,kBAAgB;CACjB,CAAA,CACD,EAAA,CAAA;AAEN,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,cAAc"}

package/esm/components/SimpleGrid/SimpleGridVariables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGridVariables.mjs","names":[],"sources":["../../../src/components/SimpleGrid/SimpleGridVariables.tsx"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  InlineStyles,\n  keys,\n  MantineBreakpoint,\n  px,\n  rem,\n  useMantineTheme,\n} from '../../core';\nimport type { SimpleGridProps } from './SimpleGrid';\n\ninterface SimpleGridVariablesProps extends SimpleGridProps {\n  selector: string;\n}\n\nfunction getMinColWidthValue(value: string | number | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n\nexport function SimpleGridMediaVariables({\n  spacing,\n  verticalSpacing,\n  cols,\n  minColWidth,\n  autoRows,\n  selector,\n}: SimpleGridVariablesProps) {\n  const theme = useMantineTheme();\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing;\n  const useAutoColumns = minColWidth !== undefined;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n    '--sg-spacing-y': getSpacing(getBaseValue(_verticalSpacing)),\n    '--sg-auto-rows': autoRows,\n    ...(useAutoColumns\n      ? { '--sg-min-col-width': getMinColWidthValue(minColWidth) }\n      : { '--sg-cols': getBaseValue(cols)?.toString() }),\n  });\n\n  const queries = keys(theme.breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint]);\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint]);\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint];\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), theme.breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  );\n\n  const media = sortedBreakpoints.map((breakpoint) => ({\n    query: `(min-width: ${theme.breakpoints[breakpoint.value as MantineBreakpoint]})`,\n    styles: queries[breakpoint.value],\n  }));\n\n  return <InlineStyles styles={baseStyles} media={media} selector={selector} />;\n}\n\nfunction getBreakpoints(values: unknown) {\n  if (typeof values === 'object' && values !== null) {\n    return keys(values);\n  }\n\n  return [];\n}\n\nfunction sortBreakpoints(breakpoints: string[]) {\n  return breakpoints.sort((a, b) => (px(a) as number) - (px(b) as number));\n}\n\nfunction getUniqueBreakpoints({\n  spacing,\n  verticalSpacing,\n  cols,\n  minColWidth,\n}: Omit<SimpleGridVariablesProps, 'selector'>) {\n  const breakpoints = Array.from(\n    new Set([\n      ...getBreakpoints(spacing),\n      ...getBreakpoints(verticalSpacing),\n      ...(minColWidth !== undefined ? [] : getBreakpoints(cols)),\n    ])\n  );\n\n  return sortBreakpoints(breakpoints);\n}\n\nexport function SimpleGridContainerVariables({\n  spacing,\n  verticalSpacing,\n  cols,\n  minColWidth,\n  autoRows,\n  selector,\n}: SimpleGridVariablesProps) {\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing;\n  const useAutoColumns = minColWidth !== undefined;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n    '--sg-spacing-y': getSpacing(getBaseValue(_verticalSpacing)),\n    '--sg-auto-rows': autoRows,\n    ...(useAutoColumns\n      ? { '--sg-min-col-width': getMinColWidthValue(minColWidth) }\n      : { '--sg-cols': getBaseValue(cols)?.toString() }),\n  });\n\n  const uniqueBreakpoints = getUniqueBreakpoints({ spacing, verticalSpacing, cols, minColWidth });\n\n  const queries = uniqueBreakpoints.reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint]);\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint]);\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint];\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const media = uniqueBreakpoints.map((breakpoint) => ({\n    query: `simple-grid (min-width: ${breakpoint})`,\n    styles: queries[breakpoint],\n  }));\n\n  return <InlineStyles styles={baseStyles} container={media} selector={selector} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"SimpleGridVariables.mjs","names":[],"sources":["../../../src/components/SimpleGrid/SimpleGridVariables.tsx"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  InlineStyles,\n  keys,\n  MantineBreakpoint,\n  px,\n  rem,\n  useMantineTheme,\n} from '../../core';\nimport type { SimpleGridProps } from './SimpleGrid';\n\ninterface SimpleGridVariablesProps extends SimpleGridProps {\n  selector: string;\n}\n\nfunction getMinColWidthValue(value: string | number | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n\n  if (typeof value === 'number') {\n    return rem(value);\n  }\n\n  return value;\n}\n\nexport function SimpleGridMediaVariables({\n  spacing,\n  verticalSpacing,\n  cols,\n  minColWidth,\n  autoRows,\n  selector,\n}: SimpleGridVariablesProps) {\n  const theme = useMantineTheme();\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing;\n  const useAutoColumns = minColWidth !== undefined;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n    '--sg-spacing-y': getSpacing(getBaseValue(_verticalSpacing)),\n    '--sg-auto-rows': autoRows,\n    ...(useAutoColumns\n      ? { '--sg-min-col-width': getMinColWidthValue(minColWidth) }\n      : { '--sg-cols': getBaseValue(cols)?.toString() }),\n  });\n\n  const queries = keys(theme.breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint]);\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint]);\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint];\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), theme.breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  );\n\n  const media = sortedBreakpoints.map((breakpoint) => ({\n    query: `(min-width: ${theme.breakpoints[breakpoint.value as MantineBreakpoint]})`,\n    styles: queries[breakpoint.value],\n  }));\n\n  return <InlineStyles styles={baseStyles} media={media} selector={selector} />;\n}\n\nfunction getBreakpoints(values: unknown) {\n  if (typeof values === 'object' && values !== null) {\n    return keys(values);\n  }\n\n  return [];\n}\n\nfunction sortBreakpoints(breakpoints: string[]) {\n  return breakpoints.sort((a, b) => (px(a) as number) - (px(b) as number));\n}\n\nfunction getUniqueBreakpoints({\n  spacing,\n  verticalSpacing,\n  cols,\n  minColWidth,\n}: Omit<SimpleGridVariablesProps, 'selector'>) {\n  const breakpoints = Array.from(\n    new Set([\n      ...getBreakpoints(spacing),\n      ...getBreakpoints(verticalSpacing),\n      ...(minColWidth !== undefined ? [] : getBreakpoints(cols)),\n    ])\n  );\n\n  return sortBreakpoints(breakpoints);\n}\n\nexport function SimpleGridContainerVariables({\n  spacing,\n  verticalSpacing,\n  cols,\n  minColWidth,\n  autoRows,\n  selector,\n}: SimpleGridVariablesProps) {\n  const _verticalSpacing = verticalSpacing === undefined ? spacing : verticalSpacing;\n  const useAutoColumns = minColWidth !== undefined;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--sg-spacing-x': getSpacing(getBaseValue(spacing)),\n    '--sg-spacing-y': getSpacing(getBaseValue(_verticalSpacing)),\n    '--sg-auto-rows': autoRows,\n    ...(useAutoColumns\n      ? { '--sg-min-col-width': getMinColWidthValue(minColWidth) }\n      : { '--sg-cols': getBaseValue(cols)?.toString() }),\n  });\n\n  const uniqueBreakpoints = getUniqueBreakpoints({ spacing, verticalSpacing, cols, minColWidth });\n\n  const queries = uniqueBreakpoints.reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof spacing === 'object' && spacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-x'] = getSpacing(spacing[breakpoint]);\n      }\n\n      if (typeof _verticalSpacing === 'object' && _verticalSpacing[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-spacing-y'] = getSpacing(_verticalSpacing[breakpoint]);\n      }\n\n      if (!useAutoColumns && typeof cols === 'object' && cols[breakpoint] !== undefined) {\n        acc[breakpoint]['--sg-cols'] = cols[breakpoint];\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const media = uniqueBreakpoints.map((breakpoint) => ({\n    query: `simple-grid (min-width: ${breakpoint})`,\n    styles: queries[breakpoint],\n  }));\n\n  return <InlineStyles styles={baseStyles} container={media} selector={selector} />;\n}\n"],"mappings":"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"}

package/esm/components/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","names":["classes"],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Skeleton.module.css';\n\nexport type SkeletonStylesNames = 'root';\nexport type SkeletonCssVariables = {\n  root: '--skeleton-width' | '--skeleton-height' | '--skeleton-radius';\n};\n\nexport interface SkeletonProps\n  extends BoxProps, StylesApiProps<SkeletonFactory>, ElementProps<'div'> {\n  /** Determines whether Skeleton overlay should be displayed @default true */\n  visible?: boolean;\n\n  /** Skeleton `height`, numbers are converted to rem @default auto */\n  height?: React.CSSProperties['height'];\n\n  /** Skeleton `width`, numbers are converted to rem, ignored when `circle` prop is set. @default 100% */\n  width?: React.CSSProperties['width'];\n\n  /** If set, Skeleton `width` and `border-radius` are equal to its `height` @default false */\n  circle?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: React.CSSProperties['borderRadius'];\n\n  /** Enables animation @default true */\n  animate?: boolean;\n}\n\nexport type SkeletonFactory = Factory<{\n  props: SkeletonProps;\n  ref: HTMLDivElement;\n  stylesNames: SkeletonStylesNames;\n  vars: SkeletonCssVariables;\n}>;\n\nconst defaultProps = {\n  visible: true,\n  animate: true,\n} satisfies Partial<SkeletonProps>;\n\nconst varsResolver = createVarsResolver<SkeletonFactory>(\n  (_, { width, height, radius, circle }) => ({\n    root: {\n      '--skeleton-height': rem(height),\n      '--skeleton-width': circle ? rem(height) : rem(width),\n      '--skeleton-radius': circle ? '1000px' : radius === undefined ? undefined : getRadius(radius),\n    },\n  })\n);\n\nexport const Skeleton = factory<SkeletonFactory>((_props) => {\n  const props = useProps('Skeleton', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    width,\n    height,\n    circle,\n    visible,\n    radius,\n    animate,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SkeletonFactory>({\n    name: 'Skeleton',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return <Box {...getStyles('root')} mod={[{ visible, animate }, mod]} {...others} />;\n});\n\nSkeleton.classes = classes;\nSkeleton.varsResolver = varsResolver;\nSkeleton.displayName = '@mantine/core/Skeleton';\n\nexport namespace Skeleton {\n  export type Props = SkeletonProps;\n  export type StylesNames = SkeletonStylesNames;\n  export type CssVariables = SkeletonCssVariables;\n  export type Factory = SkeletonFactory;\n}\n"],"mappings":";;;;;;;;;;;AAgDA,MAAM,eAAe;CACnB,SAAS;CACT,SAAS;CACV;AAED,MAAM,eAAe,oBAClB,GAAG,EAAE,OAAO,QAAQ,QAAQ,cAAc,EACzC,MAAM;CACJ,qBAAqB,IAAI,OAAO;CAChC,oBAAoB,SAAS,IAAI,OAAO,GAAG,IAAI,MAAM;CACrD,qBAAqB,SAAS,WAAW,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,OAAO;CAC9F,EACF,EACF;AAED,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,OAAO;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,QACA,QACA,SACA,QACA,SACA,KACA,YACA,GAAG,WACD;AAgBJ,QAAO,oBAAC,KAAD;EAAK,GAdM,UAA2B;GAC3C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEwB,OAAO;EAAE,KAAK,CAAC;GAAE;GAAS;GAAS,EAAE,IAAI;EAAE,GAAI;EAAU,CAAA;EACnF;AAEF,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc"}
+{"version":3,"file":"Skeleton.mjs","names":["classes"],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  rem,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Skeleton.module.css';\n\nexport type SkeletonStylesNames = 'root';\nexport type SkeletonCssVariables = {\n  root: '--skeleton-width' | '--skeleton-height' | '--skeleton-radius';\n};\n\nexport interface SkeletonProps\n  extends BoxProps, StylesApiProps<SkeletonFactory>, ElementProps<'div'> {\n  /** Determines whether Skeleton overlay should be displayed @default true */\n  visible?: boolean;\n\n  /** Skeleton `height`, numbers are converted to rem @default auto */\n  height?: React.CSSProperties['height'];\n\n  /** Skeleton `width`, numbers are converted to rem, ignored when `circle` prop is set. @default 100% */\n  width?: React.CSSProperties['width'];\n\n  /** If set, Skeleton `width` and `border-radius` are equal to its `height` @default false */\n  circle?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. @default theme.defaultRadius */\n  radius?: React.CSSProperties['borderRadius'];\n\n  /** Enables animation @default true */\n  animate?: boolean;\n}\n\nexport type SkeletonFactory = Factory<{\n  props: SkeletonProps;\n  ref: HTMLDivElement;\n  stylesNames: SkeletonStylesNames;\n  vars: SkeletonCssVariables;\n}>;\n\nconst defaultProps = {\n  visible: true,\n  animate: true,\n} satisfies Partial<SkeletonProps>;\n\nconst varsResolver = createVarsResolver<SkeletonFactory>(\n  (_, { width, height, radius, circle }) => ({\n    root: {\n      '--skeleton-height': rem(height),\n      '--skeleton-width': circle ? rem(height) : rem(width),\n      '--skeleton-radius': circle ? '1000px' : radius === undefined ? undefined : getRadius(radius),\n    },\n  })\n);\n\nexport const Skeleton = factory<SkeletonFactory>((_props) => {\n  const props = useProps('Skeleton', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    width,\n    height,\n    circle,\n    visible,\n    radius,\n    animate,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SkeletonFactory>({\n    name: 'Skeleton',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return <Box {...getStyles('root')} mod={[{ visible, animate }, mod]} {...others} />;\n});\n\nSkeleton.classes = classes;\nSkeleton.varsResolver = varsResolver;\nSkeleton.displayName = '@mantine/core/Skeleton';\n\nexport namespace Skeleton {\n  export type Props = SkeletonProps;\n  export type StylesNames = SkeletonStylesNames;\n  export type CssVariables = SkeletonCssVariables;\n  export type Factory = SkeletonFactory;\n}\n"],"mappings":";;;;;;;;;;;AAgDA,MAAM,eAAe;CACnB,SAAS;CACT,SAAS;AACX;AAEA,MAAM,eAAe,oBAClB,GAAG,EAAE,OAAO,QAAQ,QAAQ,cAAc,EACzC,MAAM;CACJ,qBAAqB,IAAI,MAAM;CAC/B,oBAAoB,SAAS,IAAI,MAAM,IAAI,IAAI,KAAK;CACpD,qBAAqB,SAAS,WAAW,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;AAC9F,EACF,EACF;AAEA,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,QACA,QACA,SACA,QACA,SACA,KACA,YACA,GAAG,WACD;CAgBJ,OAAO,oBAAC,KAAD;EAAK,GAdM,UAA2B;GAC3C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEwB,EAAE,MAAM;EAAG,KAAK,CAAC;GAAE;GAAS;EAAQ,GAAG,GAAG;EAAG,GAAI;CAAS,CAAA;AACpF,CAAC;AAED,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc"}

package/esm/components/Slider/Marks/Marks.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Marks.mjs","names":[],"sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import { Box } from '../../../core';\nimport { useSliderContext } from '../Slider.context';\nimport { SliderMark } from '../SliderMark';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { isMarkFilled } from './is-mark-filled';\n\nexport interface MarksProps {\n  marks: SliderMark[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  offset: number | undefined;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  startPointValue?: number;\n}\n\nexport function Marks({\n  marks,\n  min,\n  max,\n  disabled,\n  value,\n  offset,\n  inverted,\n  startPointValue,\n}: MarksProps) {\n  const { getStyles } = useSliderContext();\n\n  if (!marks) {\n    return null;\n  }\n\n  const items = marks.map((mark, index) => {\n    if (mark.hidden) {\n      return null;\n    }\n\n    return (\n      <Box\n        {...getStyles('markWrapper')}\n        __vars={{ '--mark-offset': `${getPosition({ value: mark.value, min, max })}%` }}\n        key={index}\n      >\n        <Box\n          {...getStyles('mark')}\n          mod={{\n            filled: isMarkFilled({ mark, value, offset, inverted, startPointValue }),\n            disabled,\n          }}\n        />\n        {mark.label && <div {...getStyles('markLabel')}>{mark.label}</div>}\n      </Box>\n    );\n  });\n\n  return <div>{items}</div>;\n}\n\nMarks.displayName = '@mantine/core/SliderMarks';\n"],"mappings":";;;;;;;;AAiBA,SAAgB,MAAM,EACpB,OACA,KACA,KACA,UACA,OACA,QACA,UACA,mBACa;CACb,MAAM,EAAE,cAAc,kBAAkB;AAExC,KAAI,CAAC,MACH,QAAO;AA0BT,QAAO,oBAAC,OAAD,EAAA,UAvBO,MAAM,KAAK,MAAM,UAAU;AACvC,MAAI,KAAK,OACP,QAAO;AAGT,SACE,8BAAC,KAAD;GACE,GAAI,UAAU,cAAc;GAC5B,QAAQ,EAAE,iBAAiB,GAAG,YAAY;IAAE,OAAO,KAAK;IAAO;IAAK;IAAK,CAAC,CAAC,IAAI;GAC/E,KAAK;GAUD,EARJ,oBAAC,KAAD;GACE,GAAI,UAAU,OAAO;GACrB,KAAK;IACH,QAAQ,aAAa;KAAE;KAAM;KAAO;KAAQ;KAAU;KAAiB,CAAC;IACxE;IACD;GACD,CAAA,EACD,KAAK,SAAS,oBAAC,OAAD;GAAK,GAAI,UAAU,YAAY;aAAG,KAAK;GAAY,CAAA,CAC9D;GAER,EAEuB,CAAA;;AAG3B,MAAM,cAAc"}
+{"version":3,"file":"Marks.mjs","names":[],"sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import { Box } from '../../../core';\nimport { useSliderContext } from '../Slider.context';\nimport { SliderMark } from '../SliderMark';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { isMarkFilled } from './is-mark-filled';\n\nexport interface MarksProps {\n  marks: SliderMark[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  offset: number | undefined;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  startPointValue?: number;\n}\n\nexport function Marks({\n  marks,\n  min,\n  max,\n  disabled,\n  value,\n  offset,\n  inverted,\n  startPointValue,\n}: MarksProps) {\n  const { getStyles } = useSliderContext();\n\n  if (!marks) {\n    return null;\n  }\n\n  const items = marks.map((mark, index) => {\n    if (mark.hidden) {\n      return null;\n    }\n\n    return (\n      <Box\n        {...getStyles('markWrapper')}\n        __vars={{ '--mark-offset': `${getPosition({ value: mark.value, min, max })}%` }}\n        key={index}\n      >\n        <Box\n          {...getStyles('mark')}\n          mod={{\n            filled: isMarkFilled({ mark, value, offset, inverted, startPointValue }),\n            disabled,\n          }}\n        />\n        {mark.label && <div {...getStyles('markLabel')}>{mark.label}</div>}\n      </Box>\n    );\n  });\n\n  return <div>{items}</div>;\n}\n\nMarks.displayName = '@mantine/core/SliderMarks';\n"],"mappings":";;;;;;;;AAiBA,SAAgB,MAAM,EACpB,OACA,KACA,KACA,UACA,OACA,QACA,UACA,mBACa;CACb,MAAM,EAAE,cAAc,iBAAiB;CAEvC,IAAI,CAAC,OACH,OAAO;CA0BT,OAAO,oBAAC,OAAD,EAAA,UAvBO,MAAM,KAAK,MAAM,UAAU;EACvC,IAAI,KAAK,QACP,OAAO;EAGT,OACE,8BAAC,KAAD;GACE,GAAI,UAAU,aAAa;GAC3B,QAAQ,EAAE,iBAAiB,GAAG,YAAY;IAAE,OAAO,KAAK;IAAO;IAAK;GAAI,CAAC,EAAE,GAAG;GAC9E,KAAK;EAUF,GARH,oBAAC,KAAD;GACE,GAAI,UAAU,MAAM;GACpB,KAAK;IACH,QAAQ,aAAa;KAAE;KAAM;KAAO;KAAQ;KAAU;IAAgB,CAAC;IACvE;GACF;EACD,CAAA,GACA,KAAK,SAAS,oBAAC,OAAD;GAAK,GAAI,UAAU,WAAW;aAAI,KAAK;EAAW,CAAA,CAC9D;CAET,CAEiB,EAAO,CAAA;AAC1B;AAEA,MAAM,cAAc"}

package/esm/components/Slider/Marks/is-mark-filled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"is-mark-filled.mjs","names":[],"sources":["../../../../src/components/Slider/Marks/is-mark-filled.ts"],"sourcesContent":["interface IsMarkFilled {\n  mark: { value: number; label?: any };\n  offset?: number;\n  value: number;\n  inverted?: boolean;\n  startPointValue?: number;\n}\n\nexport function isMarkFilled({\n  mark,\n  offset,\n  value,\n  inverted = false,\n  startPointValue,\n}: IsMarkFilled) {\n  if (typeof startPointValue === 'number' && !inverted) {\n    return (\n      (mark.value >= startPointValue && mark.value <= value) ||\n      (mark.value <= startPointValue && mark.value >= value)\n    );\n  }\n\n  return inverted\n    ? typeof offset === 'number'\n      ? mark.value <= offset || mark.value >= value\n      : mark.value >= value\n    : typeof offset === 'number'\n      ? mark.value >= offset && mark.value <= value\n      : mark.value <= value;\n}\n"],"mappings":";;AAQA,SAAgB,aAAa,EAC3B,MACA,QACA,OACA,WAAW,OACX,mBACe;AACf,KAAI,OAAO,oBAAoB,YAAY,CAAC,SAC1C,QACG,KAAK,SAAS,mBAAmB,KAAK,SAAS,SAC/C,KAAK,SAAS,mBAAmB,KAAK,SAAS;AAIpD,QAAO,WACH,OAAO,WAAW,WAChB,KAAK,SAAS,UAAU,KAAK,SAAS,QACtC,KAAK,SAAS,QAChB,OAAO,WAAW,WAChB,KAAK,SAAS,UAAU,KAAK,SAAS,QACtC,KAAK,SAAS"}
+{"version":3,"file":"is-mark-filled.mjs","names":[],"sources":["../../../../src/components/Slider/Marks/is-mark-filled.ts"],"sourcesContent":["interface IsMarkFilled {\n  mark: { value: number; label?: any };\n  offset?: number;\n  value: number;\n  inverted?: boolean;\n  startPointValue?: number;\n}\n\nexport function isMarkFilled({\n  mark,\n  offset,\n  value,\n  inverted = false,\n  startPointValue,\n}: IsMarkFilled) {\n  if (typeof startPointValue === 'number' && !inverted) {\n    return (\n      (mark.value >= startPointValue && mark.value <= value) ||\n      (mark.value <= startPointValue && mark.value >= value)\n    );\n  }\n\n  return inverted\n    ? typeof offset === 'number'\n      ? mark.value <= offset || mark.value >= value\n      : mark.value >= value\n    : typeof offset === 'number'\n      ? mark.value >= offset && mark.value <= value\n      : mark.value <= value;\n}\n"],"mappings":";;AAQA,SAAgB,aAAa,EAC3B,MACA,QACA,OACA,WAAW,OACX,mBACe;CACf,IAAI,OAAO,oBAAoB,YAAY,CAAC,UAC1C,OACG,KAAK,SAAS,mBAAmB,KAAK,SAAS,SAC/C,KAAK,SAAS,mBAAmB,KAAK,SAAS;CAIpD,OAAO,WACH,OAAO,WAAW,WAChB,KAAK,SAAS,UAAU,KAAK,SAAS,QACtC,KAAK,SAAS,QAChB,OAAO,WAAW,WAChB,KAAK,SAAS,UAAU,KAAK,SAAS,QACtC,KAAK,SAAS;AACtB"}

package/esm/components/Slider/RangeSlider/RangeSlider.mjs

@@ -50,7 +50,7 @@ const defaultProps = {
 };
 const RangeSlider = factory((_props) => {
 	const props = useProps("RangeSlider", defaultProps, _props);
-	const { classNames, styles, value, onChange, onChangeEnd, size, min, max, domain, minRange, maxRange, step, precision: _precision, defaultValue, name, marks, label, labelTransitionProps, labelAlwaysOn, thumbFromLabel, thumbToLabel, showLabelOnHover, thumbChildren, disabled, unstyled, scale, inverted, orientation, className, style, vars, hiddenInputProps, restrictToMarks, thumbProps, pushOnOverlap, attributes, ref, ...others } = props;
+	const { classNames, styles, value, onChange, onChangeEnd, size, min, max, domain, minRange, maxRange, step, precision: _precision, defaultValue, name, marks, label, labelTransitionProps, labelAlwaysOn, thumbFromLabel, thumbToLabel, thumbValueText, showLabelOnHover, thumbChildren, disabled, unstyled, scale, inverted, orientation, className, style, vars, hiddenInputProps, restrictToMarks, thumbProps, pushOnOverlap, attributes, ref, ...others } = props;
 	const getStyles = useStyles({
 		name: "RangeSlider",
 		props,
@@ -271,6 +271,7 @@ const RangeSlider = factory((_props) => {
 							if (node) thumbs.current[0] = node;
 						},
 						thumbLabel: thumbFromLabel,
+						thumbValueText,
 						onMouseDown: () => handleThumbMouseDown(0),
 						onFocus: () => setFocused(0),
 						showLabelOnHover,
@@ -288,6 +289,7 @@ const RangeSlider = factory((_props) => {
 						ref: (node) => {
 							if (node) thumbs.current[1] = node;
 						},
+						thumbValueText,
 						onMouseDown: () => handleThumbMouseDown(1),
 						onFocus: () => setFocused(1),
 						showLabelOnHover,

package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.mjs","names":["classes"],"sources":["../../../../src/components/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  findClosestNumber,\n  getRadius,\n  getSize,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  rem,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { TransitionOverride } from '../../Transition';\nimport { SliderCssVariables, SliderProvider, SliderStylesNames } from '../Slider.context';\nimport { SliderMark } from '../SliderMark';\nimport { SliderRoot } from '../SliderRoot/SliderRoot';\nimport { Thumb } from '../Thumb/Thumb';\nimport { Track } from '../Track/Track';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport { getFloatingValue } from '../utils/get-floating-value/get-floating-value';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getPrecision } from '../utils/get-precision/get-precision';\nimport {\n  getFirstMarkValue,\n  getLastMarkValue,\n  getNextMarkValue,\n  getPreviousMarkValue,\n} from '../utils/get-step-mark-value/get-step-mark-value';\nimport classes from '../Slider.module.css';\n\nexport type RangeSliderValue = [number, number];\n\nexport interface RangeSliderProps\n  extends\n    BoxProps,\n    StylesApiProps<RangeSliderFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {\n  /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default 'xl' */\n  radius?: MantineRadius;\n\n  /** Controls size of the track @default 'md' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Minimal possible value @default 0 */\n  min?: number;\n\n  /** Maximum possible value @default 100 */\n  max?: number;\n\n  /** Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain). @default [min, max] */\n  domain?: [number, number];\n\n  /** Number by which value will be incremented/decremented with thumb drag and arrows @default 1 */\n  step?: number;\n\n  /** Number of significant digits after the decimal point */\n  precision?: number;\n\n  /** Controlled component value */\n  value?: RangeSliderValue;\n\n  /** Uncontrolled component default value */\n  defaultValue?: RangeSliderValue;\n\n  /** Called when value changes */\n  onChange?: (value: RangeSliderValue) => void;\n\n  /** Called when user stops dragging slider or changes value with arrows */\n  onChangeEnd?: (value: RangeSliderValue) => void;\n\n  /** Hidden input name, use with uncontrolled component */\n  name?: string;\n\n  /** Marks displayed on the track */\n  marks?: SliderMark[];\n\n  /** Function to generate label or any react node to render instead, set to null to disable label */\n  label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n  /** Props passed down to the `Transition` component @default { transition: 'fade', duration: 0 } */\n  labelTransitionProps?: TransitionOverride;\n\n  /** Determines whether the label should be visible when the slider is not being dragged or hovered @default false */\n  labelAlwaysOn?: boolean;\n\n  /** Determines whether the label should be displayed when the slider is hovered @default true */\n  showLabelOnHover?: boolean;\n\n  /** Content rendered inside thumb */\n  thumbChildren?: React.ReactNode;\n\n  /** Disables slider */\n  disabled?: boolean;\n\n  /** Thumb `width` and `height`, by default value is computed based on `size` prop */\n  thumbSize?: number | string;\n\n  /** A transformation function to change the scale of the slider */\n  scale?: (value: number) => number;\n\n  /** Determines whether track values representation should be inverted @default false */\n  inverted?: boolean;\n\n  /** Slider orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min). @default 10 */\n  minRange?: number;\n\n  /** Maximum range interval @default Infinity */\n  maxRange?: number;\n\n  /** `aria-label` for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided) */\n  thumbLabel?: string;\n\n  /** First thumb `aria-label` */\n  thumbFromLabel?: string;\n\n  /** Second thumb `aria-label` */\n  thumbToLabel?: string;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: React.ComponentProps<'input'>;\n\n  /** Determines whether the selection should be only allowed from the given marks array @default false */\n  restrictToMarks?: boolean;\n\n  /** Props passed down to thumb element based on the thumb index */\n  thumbProps?: (index: 0 | 1) => React.ComponentProps<'div'>;\n\n  /** Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached @default true */\n  pushOnOverlap?: boolean;\n}\n\nexport type RangeSliderFactory = Factory<{\n  props: RangeSliderProps;\n  ref: HTMLDivElement;\n  stylesNames: SliderStylesNames;\n  vars: SliderCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<RangeSliderFactory>(\n  (theme, { size, color, thumbSize, radius }) => ({\n    root: {\n      '--slider-size': getSize(size, 'slider-size'),\n      '--slider-color': color ? getThemeColor(color, theme) : undefined,\n      '--slider-radius': radius === undefined ? undefined : getRadius(radius),\n      '--slider-thumb-size':\n        thumbSize !== undefined ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',\n    },\n  })\n);\n\nconst defaultProps = {\n  min: 0,\n  max: 100,\n  minRange: 10,\n  step: 1,\n  marks: [],\n  label: (f) => f,\n  labelTransitionProps: { transition: 'fade', duration: 0 },\n  labelAlwaysOn: false,\n  showLabelOnHover: true,\n  disabled: false,\n  pushOnOverlap: true,\n  scale: (v) => v,\n  size: 'md',\n  maxRange: Infinity,\n} satisfies Partial<RangeSliderProps>;\n\nexport const RangeSlider = factory<RangeSliderFactory>((_props) => {\n  const props = useProps('RangeSlider', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    value,\n    onChange,\n    onChangeEnd,\n    size,\n    min,\n    max,\n    domain,\n    minRange,\n    maxRange,\n    step,\n    precision: _precision,\n    defaultValue,\n    name,\n    marks,\n    label,\n    labelTransitionProps,\n    labelAlwaysOn,\n    thumbFromLabel,\n    thumbToLabel,\n    showLabelOnHover,\n    thumbChildren,\n    disabled,\n    unstyled,\n    scale,\n    inverted,\n    orientation,\n    className,\n    style,\n    vars,\n    hiddenInputProps,\n    restrictToMarks,\n    thumbProps,\n    pushOnOverlap,\n    attributes,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RangeSliderFactory>({\n    name: 'RangeSlider',\n    props,\n    classes,\n    classNames,\n    className,\n    styles,\n    style,\n    attributes,\n    vars,\n    varsResolver,\n    unstyled,\n  });\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const { dir } = useDirection();\n  const [focused, setFocused] = useState(-1);\n  const [hovered, setHovered] = useState(false);\n  const [_value, setValue] = useUncontrolled<RangeSliderValue>({\n    value,\n    defaultValue,\n    finalValue: [min, max],\n    onChange,\n  });\n  const valueRef = useRef(_value);\n  const thumbs = useRef<HTMLDivElement[]>([]);\n  const root = useRef<HTMLDivElement>(null);\n  const thumbIndex = useRef<number | undefined>(undefined);\n  const [domainMin, domainMax] = domain || [min!, max!];\n  const positions = [\n    getPosition({ value: _value[0], min: domainMin, max: domainMax }),\n    getPosition({ value: _value[1], min: domainMin, max: domainMax }),\n  ];\n\n  const precision = _precision ?? getPrecision(step);\n\n  const _setValue = (val: RangeSliderValue) => {\n    setValue(val);\n    valueRef.current = val;\n  };\n\n  useEffect(\n    () => {\n      if (Array.isArray(value)) {\n        valueRef.current = value;\n      }\n    },\n    Array.isArray(value) ? [value[0], value[1]] : [null, null]\n  );\n\n  const setRangedValue = (val: number, index: number, triggerChangeEnd: boolean) => {\n    if (index === -1) {\n      return;\n    }\n\n    const clone: RangeSliderValue = [...valueRef.current];\n\n    if (restrictToMarks && marks) {\n      const closest = findClosestNumber(\n        val,\n        marks.map((m) => m.value)\n      );\n\n      const current = clone[index];\n      clone[index] = closest;\n      const otherIndex = index === 0 ? 1 : 0;\n\n      const lastMarkValue = getLastMarkValue(marks);\n      const firstMarkValue = getFirstMarkValue(marks);\n\n      if (closest === lastMarkValue && clone[otherIndex] === lastMarkValue) {\n        clone[index] = current;\n      } else if (closest === firstMarkValue && clone[otherIndex] === firstMarkValue) {\n        clone[index] = current;\n      } else if (closest === clone[otherIndex]) {\n        if (current > clone[otherIndex]) {\n          clone[otherIndex] = getPreviousMarkValue(closest, marks);\n        } else {\n          clone[otherIndex] = getNextMarkValue(closest, marks);\n        }\n      }\n    } else {\n      const clampedVal = clamp(val, min!, max!);\n      clone[index] = clampedVal;\n\n      if (index === 0) {\n        if (clampedVal > clone[1] - (minRange - 0.000000001)) {\n          if (pushOnOverlap) {\n            clone[1] = Math.min(val + minRange, max);\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n\n        if (clampedVal > (max - (minRange - 0.000000001) || min)) {\n          clone[index] = valueRef.current[index];\n        }\n\n        if (clone[1] - val > maxRange) {\n          if (pushOnOverlap) {\n            clone[1] = val + maxRange;\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n      }\n\n      if (index === 1) {\n        if (clampedVal < clone[0] + minRange) {\n          if (pushOnOverlap) {\n            clone[0] = Math.max(val - minRange, min);\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n\n        if (clampedVal < clone[0] + minRange) {\n          clone[index] = valueRef.current[index];\n        }\n\n        if (clampedVal - clone[0] > maxRange) {\n          if (pushOnOverlap) {\n            clone[0] = val - maxRange;\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n      }\n    }\n\n    clone[0] = getFloatingValue(clone[0], precision);\n    clone[1] = getFloatingValue(clone[1], precision);\n\n    if (clone[0] > clone[1]) {\n      const temp = clone[0];\n      clone[0] = clone[1];\n      clone[1] = temp;\n    }\n\n    _setValue(clone);\n\n    if (triggerChangeEnd) {\n      onChangeEnd?.(valueRef.current);\n    }\n  };\n\n  const handleChange = (val: number) => {\n    if (!disabled && thumbIndex.current !== undefined) {\n      const nextValue = getChangeValue({\n        value: val,\n        min: domainMin,\n        max: domainMax,\n        step,\n        precision,\n      });\n      setRangedValue(nextValue, thumbIndex.current, false);\n    }\n  };\n\n  const { ref: useMoveRef, active } = useMove(\n    ({ x, y }) => handleChange(orientation === 'vertical' ? 1 - y : x),\n    { onScrubEnd: () => !disabled && onChangeEnd?.(valueRef.current) },\n    dir\n  );\n\n  function handleThumbMouseDown(index: number) {\n    thumbIndex.current = index;\n  }\n\n  const handleTrackMouseDownCapture = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n  ) => {\n    if (containerRef.current) {\n      containerRef.current.focus();\n      const rect = containerRef.current.getBoundingClientRect();\n      const changePosition = getClientPosition(event.nativeEvent, orientation);\n\n      const changeValue =\n        orientation === 'vertical'\n          ? getChangeValue({\n              value: rect.bottom - changePosition,\n              max,\n              min,\n              step,\n              containerWidth: rect.height,\n            })\n          : getChangeValue({\n              value: changePosition - rect.left,\n              max,\n              min,\n              step,\n              containerWidth: rect.width,\n            });\n\n      const nearestHandle =\n        Math.abs(_value[0] - changeValue) > Math.abs(_value[1] - changeValue) ? 1 : 0;\n      const _nearestHandle =\n        orientation === 'vertical'\n          ? nearestHandle\n          : dir === 'ltr'\n            ? nearestHandle\n            : nearestHandle === 1\n              ? 0\n              : 1;\n\n      thumbIndex.current = _nearestHandle;\n    }\n  };\n\n  const getFocusedThumbIndex = () => {\n    if (focused !== 1 && focused !== 0) {\n      setFocused(0);\n      return 0;\n    }\n\n    return focused;\n  };\n\n  const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      switch (event.key) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          const nextValue =\n            restrictToMarks && marks\n              ? getNextMarkValue(valueRef.current[focusedIndex], marks)\n              : Math.min(Math.max(valueRef.current[focusedIndex] + step, domainMin), domainMax);\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        case 'ArrowRight': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n\n          const nextValue =\n            restrictToMarks && marks\n              ? (dir === 'rtl' ? getPreviousMarkValue : getNextMarkValue)(\n                  valueRef.current[focusedIndex],\n                  marks\n                )\n              : Math.min(\n                  Math.max(\n                    dir === 'rtl'\n                      ? valueRef.current[focusedIndex] - step\n                      : valueRef.current[focusedIndex] + step,\n                    domainMin\n                  ),\n                  domainMax\n                );\n\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          const nextValue =\n            restrictToMarks && marks\n              ? getPreviousMarkValue(valueRef.current[focusedIndex], marks)\n              : Math.min(Math.max(valueRef.current[focusedIndex] - step, domainMin), domainMax);\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        case 'ArrowLeft': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n\n          const nextValue =\n            restrictToMarks && marks\n              ? (dir === 'rtl' ? getNextMarkValue : getPreviousMarkValue)(\n                  valueRef.current[focusedIndex],\n                  marks\n                )\n              : Math.min(\n                  Math.max(\n                    dir === 'rtl'\n                      ? valueRef.current[focusedIndex] + step\n                      : valueRef.current[focusedIndex] - step,\n                    domainMin\n                  ),\n                  domainMax\n                );\n\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        default: {\n          break;\n        }\n      }\n    }\n  };\n\n  const sharedThumbProps = {\n    max,\n    min,\n    size,\n    labelTransitionProps,\n    labelAlwaysOn,\n    orientation,\n    onBlur: () => setFocused(-1),\n  };\n\n  const hasArrayThumbChildren = Array.isArray(thumbChildren);\n\n  return (\n    <SliderProvider value={{ getStyles }}>\n      <SliderRoot\n        {...others}\n        size={size}\n        ref={useMergedRef(ref, root)}\n        disabled={disabled}\n        orientation={orientation}\n        onMouseDownCapture={() => root.current?.focus()}\n        onKeyDownCapture={() => {\n          if (thumbs.current[0]?.parentElement?.contains(document.activeElement)) {\n            return;\n          }\n          thumbs.current[0]?.focus();\n        }}\n      >\n        <Track\n          offset={positions[0]}\n          marksOffset={_value[0]}\n          filled={positions[1] - positions[0]}\n          marks={marks}\n          inverted={inverted}\n          min={domainMin}\n          max={domainMax}\n          value={_value[1]}\n          disabled={disabled}\n          containerProps={{\n            ref: useMergedRef(containerRef, useMoveRef) as any,\n            onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,\n            onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,\n            onTouchStartCapture: handleTrackMouseDownCapture,\n            onTouchEndCapture: () => {\n              thumbIndex.current = -1;\n            },\n            onMouseDownCapture: handleTrackMouseDownCapture,\n            onMouseUpCapture: () => {\n              thumbIndex.current = -1;\n            },\n            onKeyDownCapture: handleTrackKeydownCapture,\n          }}\n        >\n          <Thumb\n            {...sharedThumbProps}\n            value={scale(_value[0])}\n            position={positions[0]}\n            dragging={active}\n            label={\n              typeof label === 'function'\n                ? label(getFloatingValue(scale(_value[0]), precision))\n                : label\n            }\n            ref={(node) => {\n              if (node) {\n                thumbs.current[0] = node;\n              }\n            }}\n            thumbLabel={thumbFromLabel}\n            onMouseDown={() => handleThumbMouseDown(0)}\n            onFocus={() => setFocused(0)}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n            {...thumbProps?.(0)}\n          >\n            {hasArrayThumbChildren ? thumbChildren[0] : thumbChildren}\n          </Thumb>\n\n          <Thumb\n            {...sharedThumbProps}\n            thumbLabel={thumbToLabel}\n            value={scale(_value[1])}\n            position={positions[1]}\n            dragging={active}\n            label={\n              typeof label === 'function'\n                ? label(getFloatingValue(scale(_value[1]), precision))\n                : label\n            }\n            ref={(node) => {\n              if (node) {\n                thumbs.current[1] = node;\n              }\n            }}\n            onMouseDown={() => handleThumbMouseDown(1)}\n            onFocus={() => setFocused(1)}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n            {...thumbProps?.(1)}\n          >\n            {hasArrayThumbChildren ? thumbChildren[1] : thumbChildren}\n          </Thumb>\n        </Track>\n\n        <input type=\"hidden\" name={`${name}_from`} value={_value[0]} {...hiddenInputProps} />\n        <input type=\"hidden\" name={`${name}_to`} value={_value[1]} {...hiddenInputProps} />\n      </SliderRoot>\n    </SliderProvider>\n  );\n});\n\nRangeSlider.classes = classes;\nRangeSlider.varsResolver = varsResolver;\nRangeSlider.displayName = '@mantine/core/RangeSlider';\n\nexport namespace RangeSlider {\n  export type Props = RangeSliderProps;\n  export type Value = RangeSliderValue;\n  export type Factory = RangeSliderFactory;\n  export type StylesNames = SliderStylesNames;\n  export type CssVariables = SliderCssVariables;\n  export type Mark = SliderMark;\n}\n"],"mappings":"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"}
+{"version":3,"file":"RangeSlider.mjs","names":["classes"],"sources":["../../../../src/components/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  findClosestNumber,\n  getRadius,\n  getSize,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  rem,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { TransitionOverride } from '../../Transition';\nimport { SliderCssVariables, SliderProvider, SliderStylesNames } from '../Slider.context';\nimport { SliderMark } from '../SliderMark';\nimport { SliderRoot } from '../SliderRoot/SliderRoot';\nimport { Thumb } from '../Thumb/Thumb';\nimport { Track } from '../Track/Track';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport { getFloatingValue } from '../utils/get-floating-value/get-floating-value';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getPrecision } from '../utils/get-precision/get-precision';\nimport {\n  getFirstMarkValue,\n  getLastMarkValue,\n  getNextMarkValue,\n  getPreviousMarkValue,\n} from '../utils/get-step-mark-value/get-step-mark-value';\nimport classes from '../Slider.module.css';\n\nexport type RangeSliderValue = [number, number];\n\nexport interface RangeSliderProps\n  extends\n    BoxProps,\n    StylesApiProps<RangeSliderFactory>,\n    ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {\n  /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default 'xl' */\n  radius?: MantineRadius;\n\n  /** Controls size of the track @default 'md' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Minimal possible value @default 0 */\n  min?: number;\n\n  /** Maximum possible value @default 100 */\n  max?: number;\n\n  /** Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain). @default [min, max] */\n  domain?: [number, number];\n\n  /** Number by which value will be incremented/decremented with thumb drag and arrows @default 1 */\n  step?: number;\n\n  /** Number of significant digits after the decimal point */\n  precision?: number;\n\n  /** Controlled component value */\n  value?: RangeSliderValue;\n\n  /** Uncontrolled component default value */\n  defaultValue?: RangeSliderValue;\n\n  /** Called when value changes */\n  onChange?: (value: RangeSliderValue) => void;\n\n  /** Called when user stops dragging slider or changes value with arrows */\n  onChangeEnd?: (value: RangeSliderValue) => void;\n\n  /** Hidden input name, use with uncontrolled component */\n  name?: string;\n\n  /** Marks displayed on the track */\n  marks?: SliderMark[];\n\n  /** Function to generate label or any react node to render instead, set to null to disable label */\n  label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n  /** Props passed down to the `Transition` component @default { transition: 'fade', duration: 0 } */\n  labelTransitionProps?: TransitionOverride;\n\n  /** Determines whether the label should be visible when the slider is not being dragged or hovered @default false */\n  labelAlwaysOn?: boolean;\n\n  /** Determines whether the label should be displayed when the slider is hovered @default true */\n  showLabelOnHover?: boolean;\n\n  /** Content rendered inside thumb */\n  thumbChildren?: React.ReactNode;\n\n  /** Disables slider */\n  disabled?: boolean;\n\n  /** Thumb `width` and `height`, by default value is computed based on `size` prop */\n  thumbSize?: number | string;\n\n  /** A transformation function to change the scale of the slider */\n  scale?: (value: number) => number;\n\n  /** Determines whether track values representation should be inverted @default false */\n  inverted?: boolean;\n\n  /** Slider orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Minimal range interval between the two thumbs. Consider this value relative to the total range (max - min). @default 10 */\n  minRange?: number;\n\n  /** Maximum range interval @default Infinity */\n  maxRange?: number;\n\n  /** `aria-label` for both thumbs (overridden by thumbFromLabel/thumbToLabel if provided) */\n  thumbLabel?: string;\n\n  /** `aria-valuetext` for both thumbs. When a function is provided, it receives the scaled value. */\n  thumbValueText?: string | ((value: number) => string);\n\n  /** First thumb `aria-label` */\n  thumbFromLabel?: string;\n\n  /** Second thumb `aria-label` */\n  thumbToLabel?: string;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: React.ComponentProps<'input'>;\n\n  /** Determines whether the selection should be only allowed from the given marks array @default false */\n  restrictToMarks?: boolean;\n\n  /** Props passed down to thumb element based on the thumb index */\n  thumbProps?: (index: 0 | 1) => React.ComponentProps<'div'>;\n\n  /** Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached @default true */\n  pushOnOverlap?: boolean;\n}\n\nexport type RangeSliderFactory = Factory<{\n  props: RangeSliderProps;\n  ref: HTMLDivElement;\n  stylesNames: SliderStylesNames;\n  vars: SliderCssVariables;\n}>;\n\nconst varsResolver = createVarsResolver<RangeSliderFactory>(\n  (theme, { size, color, thumbSize, radius }) => ({\n    root: {\n      '--slider-size': getSize(size, 'slider-size'),\n      '--slider-color': color ? getThemeColor(color, theme) : undefined,\n      '--slider-radius': radius === undefined ? undefined : getRadius(radius),\n      '--slider-thumb-size':\n        thumbSize !== undefined ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',\n    },\n  })\n);\n\nconst defaultProps = {\n  min: 0,\n  max: 100,\n  minRange: 10,\n  step: 1,\n  marks: [],\n  label: (f) => f,\n  labelTransitionProps: { transition: 'fade', duration: 0 },\n  labelAlwaysOn: false,\n  showLabelOnHover: true,\n  disabled: false,\n  pushOnOverlap: true,\n  scale: (v) => v,\n  size: 'md',\n  maxRange: Infinity,\n} satisfies Partial<RangeSliderProps>;\n\nexport const RangeSlider = factory<RangeSliderFactory>((_props) => {\n  const props = useProps('RangeSlider', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    value,\n    onChange,\n    onChangeEnd,\n    size,\n    min,\n    max,\n    domain,\n    minRange,\n    maxRange,\n    step,\n    precision: _precision,\n    defaultValue,\n    name,\n    marks,\n    label,\n    labelTransitionProps,\n    labelAlwaysOn,\n    thumbFromLabel,\n    thumbToLabel,\n    thumbValueText,\n    showLabelOnHover,\n    thumbChildren,\n    disabled,\n    unstyled,\n    scale,\n    inverted,\n    orientation,\n    className,\n    style,\n    vars,\n    hiddenInputProps,\n    restrictToMarks,\n    thumbProps,\n    pushOnOverlap,\n    attributes,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RangeSliderFactory>({\n    name: 'RangeSlider',\n    props,\n    classes,\n    classNames,\n    className,\n    styles,\n    style,\n    attributes,\n    vars,\n    varsResolver,\n    unstyled,\n  });\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const { dir } = useDirection();\n  const [focused, setFocused] = useState(-1);\n  const [hovered, setHovered] = useState(false);\n  const [_value, setValue] = useUncontrolled<RangeSliderValue>({\n    value,\n    defaultValue,\n    finalValue: [min, max],\n    onChange,\n  });\n  const valueRef = useRef(_value);\n  const thumbs = useRef<HTMLDivElement[]>([]);\n  const root = useRef<HTMLDivElement>(null);\n  const thumbIndex = useRef<number | undefined>(undefined);\n  const [domainMin, domainMax] = domain || [min!, max!];\n  const positions = [\n    getPosition({ value: _value[0], min: domainMin, max: domainMax }),\n    getPosition({ value: _value[1], min: domainMin, max: domainMax }),\n  ];\n\n  const precision = _precision ?? getPrecision(step);\n\n  const _setValue = (val: RangeSliderValue) => {\n    setValue(val);\n    valueRef.current = val;\n  };\n\n  useEffect(\n    () => {\n      if (Array.isArray(value)) {\n        valueRef.current = value;\n      }\n    },\n    Array.isArray(value) ? [value[0], value[1]] : [null, null]\n  );\n\n  const setRangedValue = (val: number, index: number, triggerChangeEnd: boolean) => {\n    if (index === -1) {\n      return;\n    }\n\n    const clone: RangeSliderValue = [...valueRef.current];\n\n    if (restrictToMarks && marks) {\n      const closest = findClosestNumber(\n        val,\n        marks.map((m) => m.value)\n      );\n\n      const current = clone[index];\n      clone[index] = closest;\n      const otherIndex = index === 0 ? 1 : 0;\n\n      const lastMarkValue = getLastMarkValue(marks);\n      const firstMarkValue = getFirstMarkValue(marks);\n\n      if (closest === lastMarkValue && clone[otherIndex] === lastMarkValue) {\n        clone[index] = current;\n      } else if (closest === firstMarkValue && clone[otherIndex] === firstMarkValue) {\n        clone[index] = current;\n      } else if (closest === clone[otherIndex]) {\n        if (current > clone[otherIndex]) {\n          clone[otherIndex] = getPreviousMarkValue(closest, marks);\n        } else {\n          clone[otherIndex] = getNextMarkValue(closest, marks);\n        }\n      }\n    } else {\n      const clampedVal = clamp(val, min!, max!);\n      clone[index] = clampedVal;\n\n      if (index === 0) {\n        if (clampedVal > clone[1] - (minRange - 0.000000001)) {\n          if (pushOnOverlap) {\n            clone[1] = Math.min(val + minRange, max);\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n\n        if (clampedVal > (max - (minRange - 0.000000001) || min)) {\n          clone[index] = valueRef.current[index];\n        }\n\n        if (clone[1] - val > maxRange) {\n          if (pushOnOverlap) {\n            clone[1] = val + maxRange;\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n      }\n\n      if (index === 1) {\n        if (clampedVal < clone[0] + minRange) {\n          if (pushOnOverlap) {\n            clone[0] = Math.max(val - minRange, min);\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n\n        if (clampedVal < clone[0] + minRange) {\n          clone[index] = valueRef.current[index];\n        }\n\n        if (clampedVal - clone[0] > maxRange) {\n          if (pushOnOverlap) {\n            clone[0] = val - maxRange;\n          } else {\n            clone[index] = valueRef.current[index];\n          }\n        }\n      }\n    }\n\n    clone[0] = getFloatingValue(clone[0], precision);\n    clone[1] = getFloatingValue(clone[1], precision);\n\n    if (clone[0] > clone[1]) {\n      const temp = clone[0];\n      clone[0] = clone[1];\n      clone[1] = temp;\n    }\n\n    _setValue(clone);\n\n    if (triggerChangeEnd) {\n      onChangeEnd?.(valueRef.current);\n    }\n  };\n\n  const handleChange = (val: number) => {\n    if (!disabled && thumbIndex.current !== undefined) {\n      const nextValue = getChangeValue({\n        value: val,\n        min: domainMin,\n        max: domainMax,\n        step,\n        precision,\n      });\n      setRangedValue(nextValue, thumbIndex.current, false);\n    }\n  };\n\n  const { ref: useMoveRef, active } = useMove(\n    ({ x, y }) => handleChange(orientation === 'vertical' ? 1 - y : x),\n    { onScrubEnd: () => !disabled && onChangeEnd?.(valueRef.current) },\n    dir\n  );\n\n  function handleThumbMouseDown(index: number) {\n    thumbIndex.current = index;\n  }\n\n  const handleTrackMouseDownCapture = (\n    event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n  ) => {\n    if (containerRef.current) {\n      containerRef.current.focus();\n      const rect = containerRef.current.getBoundingClientRect();\n      const changePosition = getClientPosition(event.nativeEvent, orientation);\n\n      const changeValue =\n        orientation === 'vertical'\n          ? getChangeValue({\n              value: rect.bottom - changePosition,\n              max,\n              min,\n              step,\n              containerWidth: rect.height,\n            })\n          : getChangeValue({\n              value: changePosition - rect.left,\n              max,\n              min,\n              step,\n              containerWidth: rect.width,\n            });\n\n      const nearestHandle =\n        Math.abs(_value[0] - changeValue) > Math.abs(_value[1] - changeValue) ? 1 : 0;\n      const _nearestHandle =\n        orientation === 'vertical'\n          ? nearestHandle\n          : dir === 'ltr'\n            ? nearestHandle\n            : nearestHandle === 1\n              ? 0\n              : 1;\n\n      thumbIndex.current = _nearestHandle;\n    }\n  };\n\n  const getFocusedThumbIndex = () => {\n    if (focused !== 1 && focused !== 0) {\n      setFocused(0);\n      return 0;\n    }\n\n    return focused;\n  };\n\n  const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      switch (event.key) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          const nextValue =\n            restrictToMarks && marks\n              ? getNextMarkValue(valueRef.current[focusedIndex], marks)\n              : Math.min(Math.max(valueRef.current[focusedIndex] + step, domainMin), domainMax);\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        case 'ArrowRight': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n\n          const nextValue =\n            restrictToMarks && marks\n              ? (dir === 'rtl' ? getPreviousMarkValue : getNextMarkValue)(\n                  valueRef.current[focusedIndex],\n                  marks\n                )\n              : Math.min(\n                  Math.max(\n                    dir === 'rtl'\n                      ? valueRef.current[focusedIndex] - step\n                      : valueRef.current[focusedIndex] + step,\n                    domainMin\n                  ),\n                  domainMax\n                );\n\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n          const nextValue =\n            restrictToMarks && marks\n              ? getPreviousMarkValue(valueRef.current[focusedIndex], marks)\n              : Math.min(Math.max(valueRef.current[focusedIndex] - step, domainMin), domainMax);\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        case 'ArrowLeft': {\n          event.preventDefault();\n          const focusedIndex = getFocusedThumbIndex();\n          thumbs.current[focusedIndex].focus();\n\n          const nextValue =\n            restrictToMarks && marks\n              ? (dir === 'rtl' ? getNextMarkValue : getPreviousMarkValue)(\n                  valueRef.current[focusedIndex],\n                  marks\n                )\n              : Math.min(\n                  Math.max(\n                    dir === 'rtl'\n                      ? valueRef.current[focusedIndex] + step\n                      : valueRef.current[focusedIndex] - step,\n                    domainMin\n                  ),\n                  domainMax\n                );\n\n          setRangedValue(getFloatingValue(nextValue, precision), focusedIndex, true);\n          break;\n        }\n\n        default: {\n          break;\n        }\n      }\n    }\n  };\n\n  const sharedThumbProps = {\n    max,\n    min,\n    size,\n    labelTransitionProps,\n    labelAlwaysOn,\n    orientation,\n    onBlur: () => setFocused(-1),\n  };\n\n  const hasArrayThumbChildren = Array.isArray(thumbChildren);\n\n  return (\n    <SliderProvider value={{ getStyles }}>\n      <SliderRoot\n        {...others}\n        size={size}\n        ref={useMergedRef(ref, root)}\n        disabled={disabled}\n        orientation={orientation}\n        onMouseDownCapture={() => root.current?.focus()}\n        onKeyDownCapture={() => {\n          if (thumbs.current[0]?.parentElement?.contains(document.activeElement)) {\n            return;\n          }\n          thumbs.current[0]?.focus();\n        }}\n      >\n        <Track\n          offset={positions[0]}\n          marksOffset={_value[0]}\n          filled={positions[1] - positions[0]}\n          marks={marks}\n          inverted={inverted}\n          min={domainMin}\n          max={domainMax}\n          value={_value[1]}\n          disabled={disabled}\n          containerProps={{\n            ref: useMergedRef(containerRef, useMoveRef) as any,\n            onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,\n            onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,\n            onTouchStartCapture: handleTrackMouseDownCapture,\n            onTouchEndCapture: () => {\n              thumbIndex.current = -1;\n            },\n            onMouseDownCapture: handleTrackMouseDownCapture,\n            onMouseUpCapture: () => {\n              thumbIndex.current = -1;\n            },\n            onKeyDownCapture: handleTrackKeydownCapture,\n          }}\n        >\n          <Thumb\n            {...sharedThumbProps}\n            value={scale(_value[0])}\n            position={positions[0]}\n            dragging={active}\n            label={\n              typeof label === 'function'\n                ? label(getFloatingValue(scale(_value[0]), precision))\n                : label\n            }\n            ref={(node) => {\n              if (node) {\n                thumbs.current[0] = node;\n              }\n            }}\n            thumbLabel={thumbFromLabel}\n            thumbValueText={thumbValueText}\n            onMouseDown={() => handleThumbMouseDown(0)}\n            onFocus={() => setFocused(0)}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n            {...thumbProps?.(0)}\n          >\n            {hasArrayThumbChildren ? thumbChildren[0] : thumbChildren}\n          </Thumb>\n\n          <Thumb\n            {...sharedThumbProps}\n            thumbLabel={thumbToLabel}\n            value={scale(_value[1])}\n            position={positions[1]}\n            dragging={active}\n            label={\n              typeof label === 'function'\n                ? label(getFloatingValue(scale(_value[1]), precision))\n                : label\n            }\n            ref={(node) => {\n              if (node) {\n                thumbs.current[1] = node;\n              }\n            }}\n            thumbValueText={thumbValueText}\n            onMouseDown={() => handleThumbMouseDown(1)}\n            onFocus={() => setFocused(1)}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n            {...thumbProps?.(1)}\n          >\n            {hasArrayThumbChildren ? thumbChildren[1] : thumbChildren}\n          </Thumb>\n        </Track>\n\n        <input type=\"hidden\" name={`${name}_from`} value={_value[0]} {...hiddenInputProps} />\n        <input type=\"hidden\" name={`${name}_to`} value={_value[1]} {...hiddenInputProps} />\n      </SliderRoot>\n    </SliderProvider>\n  );\n});\n\nRangeSlider.classes = classes;\nRangeSlider.varsResolver = varsResolver;\nRangeSlider.displayName = '@mantine/core/RangeSlider';\n\nexport namespace RangeSlider {\n  export type Props = RangeSliderProps;\n  export type Value = RangeSliderValue;\n  export type Factory = RangeSliderFactory;\n  export type StylesNames = SliderStylesNames;\n  export type CssVariables = SliderCssVariables;\n  export type Mark = SliderMark;\n}\n"],"mappings":"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"}

package/esm/components/Slider/Slider/Slider.mjs

@@ -46,7 +46,7 @@ const varsResolver = createVarsResolver((theme, { size, color, thumbSize, radius
 } }));
 const Slider = factory((_props) => {
 	const props = useProps("Slider", defaultProps, _props);
-	const { classNames, styles, value, onChange, onChangeEnd, size, min, max, domain, step, precision: _precision, defaultValue, name, marks, label, labelTransitionProps, labelAlwaysOn, thumbLabel, showLabelOnHover, thumbChildren, disabled, unstyled, scale, inverted, startPointValue, orientation, className, style, vars, hiddenInputProps, restrictToMarks, thumbProps, attributes, ref, ...others } = props;
+	const { classNames, styles, value, onChange, onChangeEnd, size, min, max, domain, step, precision: _precision, defaultValue, name, marks, label, labelTransitionProps, labelAlwaysOn, thumbLabel, thumbValueText, showLabelOnHover, thumbChildren, disabled, unstyled, scale, inverted, startPointValue, orientation, className, style, vars, hiddenInputProps, restrictToMarks, thumbProps, attributes, ref, ...others } = props;
 	const getStyles = useStyles({
 		name: "Slider",
 		props,
@@ -248,6 +248,7 @@ const Slider = factory((_props) => {
 					labelTransitionProps,
 					labelAlwaysOn,
 					thumbLabel,
+					thumbValueText,
 					showLabelOnHover,
 					isHovered: hovered,
 					disabled,

package/esm/components/Slider/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","names":["classes"],"sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  findClosestNumber,\n  getRadius,\n  getSize,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  rem,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { TransitionOverride } from '../../Transition';\nimport { SliderCssVariables, SliderProvider, SliderStylesNames } from '../Slider.context';\nimport { SliderMark } from '../SliderMark';\nimport { SliderRoot } from '../SliderRoot/SliderRoot';\nimport { Thumb } from '../Thumb/Thumb';\nimport { Track } from '../Track/Track';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getFloatingValue } from '../utils/get-floating-value/get-floating-value';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getPrecision } from '../utils/get-precision/get-precision';\nimport {\n  getFirstMarkValue,\n  getLastMarkValue,\n  getNextMarkValue,\n  getPreviousMarkValue,\n} from '../utils/get-step-mark-value/get-step-mark-value';\nimport classes from '../Slider.module.css';\n\nexport interface SliderProps\n  extends BoxProps, StylesApiProps<SliderFactory>, ElementProps<'div', 'onChange'> {\n  /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default 'xl' */\n  radius?: MantineRadius;\n\n  /** Controls size of the track @default 'md' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Minimal possible value @default 0 */\n  min?: number;\n\n  /** Maximum possible value @default 100 */\n  max?: number;\n\n  /** Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain). @default [min, max] */\n  domain?: [number, number];\n\n  /** Number by which value will be incremented/decremented with thumb drag and arrows @default 1 */\n  step?: number;\n\n  /** Number of significant digits after the decimal point */\n  precision?: number;\n\n  /** Controlled component value */\n  value?: number;\n\n  /** Uncontrolled component default value */\n  defaultValue?: number;\n\n  /** Called when value changes */\n  onChange?: (value: number) => void;\n\n  /** Called when user stops dragging slider or changes value with arrows */\n  onChangeEnd?: (value: number) => void;\n\n  /** Hidden input name, use with uncontrolled component */\n  name?: string;\n\n  /** Marks displayed on the track */\n  marks?: SliderMark[];\n\n  /** Function to generate label or any react node to render instead, set to null to disable label */\n  label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n  /** Props passed down to the `Transition` component @default { transition: 'fade', duration: 0 } */\n  labelTransitionProps?: TransitionOverride;\n\n  /** Determines whether the label should be visible when the slider is not being dragged or hovered @default false */\n  labelAlwaysOn?: boolean;\n\n  /** Thumb `aria-label` */\n  thumbLabel?: string;\n\n  /** Determines whether the label should be displayed when the slider is hovered @default true */\n  showLabelOnHover?: boolean;\n\n  /** Content rendered inside thumb */\n  thumbChildren?: React.ReactNode;\n\n  /** Disables slider */\n  disabled?: boolean;\n\n  /** Thumb `width` and `height`, by default value is computed based on `size` prop */\n  thumbSize?: number | string;\n\n  /** A transformation function to change the scale of the slider */\n  scale?: (value: number) => number;\n\n  /** Determines whether track value representation should be inverted @default false */\n  inverted?: boolean;\n\n  /** Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when `inverted` is set. */\n  startPointValue?: number;\n\n  /** Slider orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: React.ComponentProps<'input'>;\n\n  /** Determines whether the selection should be only allowed from the given marks array @default false */\n  restrictToMarks?: boolean;\n\n  /** Props passed down to thumb element */\n  thumbProps?: React.ComponentProps<'div'>;\n}\n\nexport type SliderFactory = Factory<{\n  props: SliderProps;\n  ref: HTMLDivElement;\n  stylesNames: SliderStylesNames;\n  vars: SliderCssVariables;\n}>;\n\nconst defaultProps = {\n  radius: 'xl',\n  min: 0,\n  max: 100,\n  step: 1,\n  marks: [],\n  label: (f) => f,\n  labelTransitionProps: { transition: 'fade', duration: 0 },\n  thumbLabel: '',\n  showLabelOnHover: true,\n  scale: (v) => v,\n  size: 'md',\n} satisfies Partial<SliderProps>;\n\nconst varsResolver = createVarsResolver<SliderFactory>(\n  (theme, { size, color, thumbSize, radius }) => ({\n    root: {\n      '--slider-size': getSize(size, 'slider-size'),\n      '--slider-color': color ? getThemeColor(color, theme) : undefined,\n      '--slider-radius': radius === undefined ? undefined : getRadius(radius),\n      '--slider-thumb-size':\n        thumbSize !== undefined ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',\n    },\n  })\n);\n\nexport const Slider = factory<SliderFactory>((_props) => {\n  const props = useProps('Slider', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    value,\n    onChange,\n    onChangeEnd,\n    size,\n    min,\n    max,\n    domain,\n    step,\n    precision: _precision,\n    defaultValue,\n    name,\n    marks,\n    label,\n    labelTransitionProps,\n    labelAlwaysOn,\n    thumbLabel,\n    showLabelOnHover,\n    thumbChildren,\n    disabled,\n    unstyled,\n    scale,\n    inverted,\n    startPointValue,\n    orientation,\n    className,\n    style,\n    vars,\n    hiddenInputProps,\n    restrictToMarks,\n    thumbProps,\n    attributes,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SliderFactory>({\n    name: 'Slider',\n    props,\n    classes,\n    classNames,\n    className,\n    styles,\n    style,\n    attributes,\n    vars,\n    varsResolver,\n    unstyled,\n  });\n\n  const { dir } = useDirection();\n  const [hovered, setHovered] = useState(false);\n  const [_value, setValue] = useUncontrolled({\n    value: typeof value === 'number' ? clamp(value, min, max) : value,\n    defaultValue: typeof defaultValue === 'number' ? clamp(defaultValue, min, max) : defaultValue,\n    finalValue: clamp(0, min, max),\n    onChange,\n  });\n\n  const valueRef = useRef(_value);\n  const onChangeEndRef = useRef(onChangeEnd);\n\n  useEffect(() => {\n    onChangeEndRef.current = onChangeEnd;\n  }, [onChangeEnd]);\n\n  const root = useRef<HTMLDivElement>(null);\n  const thumb = useRef<HTMLDivElement>(null);\n  const [domainMin, domainMax] = domain || [min, max];\n  const position = getPosition({ value: _value, min: domainMin, max: domainMax });\n  const scaledValue = scale!(_value);\n  const _label = typeof label === 'function' ? label(scaledValue) : label;\n  const precision = _precision ?? getPrecision(step);\n\n  const hasStartPoint = typeof startPointValue === 'number' && !inverted;\n  const startPosition = hasStartPoint\n    ? getPosition({ value: startPointValue!, min: domainMin, max: domainMax })\n    : 0;\n  const trackOffset = hasStartPoint ? Math.min(position, startPosition) : 0;\n  const trackFilled = hasStartPoint ? Math.abs(position - startPosition) : position;\n\n  const handleChange = useCallback(\n    ({ x }: { x: number }) => {\n      if (!disabled) {\n        const nextValue = getChangeValue({\n          value: x,\n          min: domainMin,\n          max: domainMax,\n          step,\n          precision,\n        });\n        const clampedValue = clamp(nextValue, min!, max!);\n        setValue(\n          restrictToMarks && marks?.length\n            ? findClosestNumber(\n                clampedValue,\n                marks.map((mark) => mark.value)\n              )\n            : clampedValue\n        );\n        valueRef.current = clampedValue;\n      }\n    },\n    [disabled, min, max, domainMin, domainMax, step, precision, setValue, marks, restrictToMarks]\n  );\n\n  const handleScrubEnd = useCallback(() => {\n    if (!disabled && onChangeEndRef.current) {\n      const finalValue =\n        restrictToMarks && marks?.length\n          ? findClosestNumber(\n              valueRef.current,\n              marks.map((mark) => mark.value)\n            )\n          : valueRef.current;\n      onChangeEndRef.current(finalValue);\n    }\n  }, [disabled, marks, restrictToMarks]);\n\n  const { ref: container, active } = useMove(\n    ({ x, y }) => handleChange({ x: orientation === 'vertical' ? 1 - y : x }),\n    { onScrubEnd: handleScrubEnd },\n    dir\n  );\n\n  const callOnChangeEnd = useCallback(\n    (value: number) => {\n      if (!disabled && onChangeEndRef.current) {\n        onChangeEndRef.current(value);\n      }\n    },\n    [disabled]\n  );\n\n  const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      switch (event.key) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue = getNextMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(_value + step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'ArrowRight': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue =\n              dir === 'rtl' ? getPreviousMarkValue(_value, marks) : getNextMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(dir === 'rtl' ? _value - step : _value + step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue = getPreviousMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(_value - step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'ArrowLeft': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue =\n              dir === 'rtl' ? getNextMarkValue(_value, marks) : getPreviousMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(dir === 'rtl' ? _value + step : _value - step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'Home': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            setValue(getFirstMarkValue(marks));\n            callOnChangeEnd(getFirstMarkValue(marks));\n            break;\n          }\n\n          setValue(min);\n          callOnChangeEnd(min);\n          break;\n        }\n\n        case 'End': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            setValue(getLastMarkValue(marks));\n            callOnChangeEnd(getLastMarkValue(marks));\n            break;\n          }\n\n          setValue(max);\n          callOnChangeEnd(max);\n          break;\n        }\n\n        default: {\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <SliderProvider value={{ getStyles }}>\n      <SliderRoot\n        {...others}\n        ref={useMergedRef(ref, root)}\n        onKeyDownCapture={handleTrackKeydownCapture}\n        onMouseDownCapture={() => root.current?.focus()}\n        size={size}\n        disabled={disabled}\n        orientation={orientation}\n      >\n        <Track\n          inverted={inverted}\n          offset={trackOffset}\n          filled={trackFilled}\n          marks={marks}\n          min={domainMin}\n          max={domainMax}\n          value={scaledValue}\n          startPointValue={hasStartPoint ? startPointValue : undefined}\n          disabled={disabled}\n          containerProps={{\n            ref: container,\n            onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,\n            onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,\n          }}\n        >\n          <Thumb\n            max={domainMax}\n            min={domainMin}\n            value={scaledValue}\n            position={position}\n            dragging={active}\n            label={_label}\n            ref={thumb as any}\n            labelTransitionProps={labelTransitionProps}\n            labelAlwaysOn={labelAlwaysOn}\n            thumbLabel={thumbLabel}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n            orientation={orientation}\n            {...thumbProps}\n          >\n            {thumbChildren}\n          </Thumb>\n        </Track>\n\n        <input type=\"hidden\" name={name} value={scaledValue} {...hiddenInputProps} />\n      </SliderRoot>\n    </SliderProvider>\n  );\n});\n\nSlider.classes = classes;\nSlider.varsResolver = varsResolver;\nSlider.displayName = '@mantine/core/Slider';\n\nexport namespace Slider {\n  export type Props = SliderProps;\n  export type StylesNames = SliderStylesNames;\n  export type CssVariables = SliderCssVariables;\n  export type Factory = SliderFactory;\n  export type Mark = SliderMark;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwIA,MAAM,eAAe;CACnB,QAAQ;CACR,KAAK;CACL,KAAK;CACL,MAAM;CACN,OAAO,EAAE;CACT,QAAQ,MAAM;CACd,sBAAsB;EAAE,YAAY;EAAQ,UAAU;EAAG;CACzD,YAAY;CACZ,kBAAkB;CAClB,QAAQ,MAAM;CACd,MAAM;CACP;AAED,MAAM,eAAe,oBAClB,OAAO,EAAE,MAAM,OAAO,WAAW,cAAc,EAC9C,MAAM;CACJ,iBAAiB,QAAQ,MAAM,cAAc;CAC7C,kBAAkB,QAAQ,cAAc,OAAO,MAAM,GAAG,KAAA;CACxD,mBAAmB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,OAAO;CACvE,uBACE,cAAc,KAAA,IAAY,IAAI,UAAU,GAAG;CAC9C,EACF,EACF;AAED,MAAa,SAAS,SAAwB,WAAW;CACvD,MAAM,QAAQ,SAAS,UAAU,cAAc,OAAO;CACtD,MAAM,EACJ,YACA,QACA,OACA,UACA,aACA,MACA,KACA,KACA,QACA,MACA,WAAW,YACX,cACA,MACA,OACA,OACA,sBACA,eACA,YACA,kBACA,eACA,UACA,UACA,OACA,UACA,iBACA,aACA,WACA,OACA,MACA,kBACA,iBACA,YACA,YACA,KACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAyB;EACzC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,EAAE,QAAQ,cAAc;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,QAAQ,YAAY,gBAAgB;EACzC,OAAO,OAAO,UAAU,WAAW,MAAM,OAAO,KAAK,IAAI,GAAG;EAC5D,cAAc,OAAO,iBAAiB,WAAW,MAAM,cAAc,KAAK,IAAI,GAAG;EACjF,YAAY,MAAM,GAAG,KAAK,IAAI;EAC9B;EACD,CAAC;CAEF,MAAM,WAAW,OAAO,OAAO;CAC/B,MAAM,iBAAiB,OAAO,YAAY;AAE1C,iBAAgB;AACd,iBAAe,UAAU;IACxB,CAAC,YAAY,CAAC;CAEjB,MAAM,OAAO,OAAuB,KAAK;CACzC,MAAM,QAAQ,OAAuB,KAAK;CAC1C,MAAM,CAAC,WAAW,aAAa,UAAU,CAAC,KAAK,IAAI;CACnD,MAAM,WAAW,YAAY;EAAE,OAAO;EAAQ,KAAK;EAAW,KAAK;EAAW,CAAC;CAC/E,MAAM,cAAc,MAAO,OAAO;CAClC,MAAM,SAAS,OAAO,UAAU,aAAa,MAAM,YAAY,GAAG;CAClE,MAAM,YAAY,cAAc,aAAa,KAAK;CAElD,MAAM,gBAAgB,OAAO,oBAAoB,YAAY,CAAC;CAC9D,MAAM,gBAAgB,gBAClB,YAAY;EAAE,OAAO;EAAkB,KAAK;EAAW,KAAK;EAAW,CAAC,GACxE;CACJ,MAAM,cAAc,gBAAgB,KAAK,IAAI,UAAU,cAAc,GAAG;CACxE,MAAM,cAAc,gBAAgB,KAAK,IAAI,WAAW,cAAc,GAAG;CAEzE,MAAM,eAAe,aAClB,EAAE,QAAuB;AACxB,MAAI,CAAC,UAAU;GAQb,MAAM,eAAe,MAPH,eAAe;IAC/B,OAAO;IACP,KAAK;IACL,KAAK;IACL;IACA;IACD,CAAC,EACoC,KAAM,IAAK;AACjD,YACE,mBAAmB,OAAO,SACtB,kBACE,cACA,MAAM,KAAK,SAAS,KAAK,MAAM,CAChC,GACD,aACL;AACD,YAAS,UAAU;;IAGvB;EAAC;EAAU;EAAK;EAAK;EAAW;EAAW;EAAM;EAAW;EAAU;EAAO;EAAgB,CAC9F;CAeD,MAAM,EAAE,KAAK,WAAW,WAAW,SAChC,EAAE,GAAG,QAAQ,aAAa,EAAE,GAAG,gBAAgB,aAAa,IAAI,IAAI,GAAG,CAAC,EACzE,EAAE,YAfmB,kBAAkB;AACvC,MAAI,CAAC,YAAY,eAAe,SAAS;GACvC,MAAM,aACJ,mBAAmB,OAAO,SACtB,kBACE,SAAS,SACT,MAAM,KAAK,SAAS,KAAK,MAAM,CAChC,GACD,SAAS;AACf,kBAAe,QAAQ,WAAW;;IAEnC;EAAC;EAAU;EAAO;EAAgB,CAAC,EAIN,EAC9B,IACD;CAED,MAAM,kBAAkB,aACrB,UAAkB;AACjB,MAAI,CAAC,YAAY,eAAe,QAC9B,gBAAe,QAAQ,MAAM;IAGjC,CAAC,SAAS,CACX;CAED,MAAM,6BAA6B,UAA+C;AAChF,MAAI,CAAC,SACH,SAAQ,MAAM,KAAd;GACE,KAAK,WAAW;AACd,UAAM,gBAAgB;AACtB,UAAM,SAAS,OAAO;AAEtB,QAAI,mBAAmB,OAAO;KAC5B,MAAM,YAAY,iBAAiB,QAAQ,MAAM;AACjD,cAAS,UAAU;AACnB,qBAAgB,UAAU;AAC1B;;IAGF,MAAM,YAAY,iBAChB,KAAK,IAAI,KAAK,IAAI,SAAS,MAAM,UAAU,EAAE,UAAU,EACvD,UACD;AACD,aAAS,UAAU;AACnB,oBAAgB,UAAU;AAC1B;;GAGF,KAAK,cAAc;AACjB,UAAM,gBAAgB;AACtB,UAAM,SAAS,OAAO;AAEtB,QAAI,mBAAmB,OAAO;KAC5B,MAAM,YACJ,QAAQ,QAAQ,qBAAqB,QAAQ,MAAM,GAAG,iBAAiB,QAAQ,MAAM;AACvF,cAAS,UAAU;AACnB,qBAAgB,UAAU;AAC1B;;IAGF,MAAM,YAAY,iBAChB,KAAK,IAAI,KAAK,IAAI,QAAQ,QAAQ,SAAS,OAAO,SAAS,MAAM,UAAU,EAAE,UAAU,EACvF,UACD;AACD,aAAS,UAAU;AACnB,oBAAgB,UAAU;AAC1B;;GAGF,KAAK,aAAa;AAChB,UAAM,gBAAgB;AACtB,UAAM,SAAS,OAAO;AAEtB,QAAI,mBAAmB,OAAO;KAC5B,MAAM,YAAY,qBAAqB,QAAQ,MAAM;AACrD,cAAS,UAAU;AACnB,qBAAgB,UAAU;AAC1B;;IAGF,MAAM,YAAY,iBAChB,KAAK,IAAI,KAAK,IAAI,SAAS,MAAM,UAAU,EAAE,UAAU,EACvD,UACD;AACD,aAAS,UAAU;AACnB,oBAAgB,UAAU;AAC1B;;GAGF,KAAK,aAAa;AAChB,UAAM,gBAAgB;AACtB,UAAM,SAAS,OAAO;AAEtB,QAAI,mBAAmB,OAAO;KAC5B,MAAM,YACJ,QAAQ,QAAQ,iBAAiB,QAAQ,MAAM,GAAG,qBAAqB,QAAQ,MAAM;AACvF,cAAS,UAAU;AACnB,qBAAgB,UAAU;AAC1B;;IAGF,MAAM,YAAY,iBAChB,KAAK,IAAI,KAAK,IAAI,QAAQ,QAAQ,SAAS,OAAO,SAAS,MAAM,UAAU,EAAE,UAAU,EACvF,UACD;AACD,aAAS,UAAU;AACnB,oBAAgB,UAAU;AAC1B;;GAGF,KAAK;AACH,UAAM,gBAAgB;AACtB,UAAM,SAAS,OAAO;AAEtB,QAAI,mBAAmB,OAAO;AAC5B,cAAS,kBAAkB,MAAM,CAAC;AAClC,qBAAgB,kBAAkB,MAAM,CAAC;AACzC;;AAGF,aAAS,IAAI;AACb,oBAAgB,IAAI;AACpB;GAGF,KAAK;AACH,UAAM,gBAAgB;AACtB,UAAM,SAAS,OAAO;AAEtB,QAAI,mBAAmB,OAAO;AAC5B,cAAS,iBAAiB,MAAM,CAAC;AACjC,qBAAgB,iBAAiB,MAAM,CAAC;AACxC;;AAGF,aAAS,IAAI;AACb,oBAAgB,IAAI;AACpB;GAGF,QACE;;;AAMR,QACE,oBAAC,gBAAD;EAAgB,OAAO,EAAE,WAAW;YAClC,qBAAC,YAAD;GACE,GAAI;GACJ,KAAK,aAAa,KAAK,KAAK;GAC5B,kBAAkB;GAClB,0BAA0B,KAAK,SAAS,OAAO;GACzC;GACI;GACG;aAPf,CASE,oBAAC,OAAD;IACY;IACV,QAAQ;IACR,QAAQ;IACD;IACP,KAAK;IACL,KAAK;IACL,OAAO;IACP,iBAAiB,gBAAgB,kBAAkB,KAAA;IACzC;IACV,gBAAgB;KACd,KAAK;KACL,cAAc,yBAAyB,WAAW,KAAK,GAAG,KAAA;KAC1D,cAAc,yBAAyB,WAAW,MAAM,GAAG,KAAA;KAC5D;cAED,oBAAC,OAAD;KACE,KAAK;KACL,KAAK;KACL,OAAO;KACG;KACV,UAAU;KACV,OAAO;KACP,KAAK;KACiB;KACP;KACH;KACM;KAClB,WAAW;KACD;KACG;KACb,GAAI;eAEH;KACK,CAAA;IACF,CAAA,EAER,oBAAC,SAAD;IAAO,MAAK;IAAe;IAAM,OAAO;IAAa,GAAI;IAAoB,CAAA,CAClE;;EACE,CAAA;EAEnB;AAEF,OAAO,UAAUA;AACjB,OAAO,eAAe;AACtB,OAAO,cAAc"}
+{"version":3,"file":"Slider.mjs","names":["classes"],"sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { clamp, useMergedRef, useMove, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  findClosestNumber,\n  getRadius,\n  getSize,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  rem,\n  StylesApiProps,\n  useDirection,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { TransitionOverride } from '../../Transition';\nimport { SliderCssVariables, SliderProvider, SliderStylesNames } from '../Slider.context';\nimport { SliderMark } from '../SliderMark';\nimport { SliderRoot } from '../SliderRoot/SliderRoot';\nimport { Thumb } from '../Thumb/Thumb';\nimport { Track } from '../Track/Track';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getFloatingValue } from '../utils/get-floating-value/get-floating-value';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getPrecision } from '../utils/get-precision/get-precision';\nimport {\n  getFirstMarkValue,\n  getLastMarkValue,\n  getNextMarkValue,\n  getPreviousMarkValue,\n} from '../utils/get-step-mark-value/get-step-mark-value';\nimport classes from '../Slider.module.css';\n\nexport interface SliderProps\n  extends BoxProps, StylesApiProps<SliderFactory>, ElementProps<'div', 'onChange'> {\n  /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default 'xl' */\n  radius?: MantineRadius;\n\n  /** Controls size of the track @default 'md' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Minimal possible value @default 0 */\n  min?: number;\n\n  /** Maximum possible value @default 100 */\n  max?: number;\n\n  /** Domain of the slider, defines the selectable value range independently of min/max. Useful when you want to display a wider track range (min/max) but restrict actual selection to a subset (domain). @default [min, max] */\n  domain?: [number, number];\n\n  /** Number by which value will be incremented/decremented with thumb drag and arrows @default 1 */\n  step?: number;\n\n  /** Number of significant digits after the decimal point */\n  precision?: number;\n\n  /** Controlled component value */\n  value?: number;\n\n  /** Uncontrolled component default value */\n  defaultValue?: number;\n\n  /** Called when value changes */\n  onChange?: (value: number) => void;\n\n  /** Called when user stops dragging slider or changes value with arrows */\n  onChangeEnd?: (value: number) => void;\n\n  /** Hidden input name, use with uncontrolled component */\n  name?: string;\n\n  /** Marks displayed on the track */\n  marks?: SliderMark[];\n\n  /** Function to generate label or any react node to render instead, set to null to disable label */\n  label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n  /** Props passed down to the `Transition` component @default { transition: 'fade', duration: 0 } */\n  labelTransitionProps?: TransitionOverride;\n\n  /** Determines whether the label should be visible when the slider is not being dragged or hovered @default false */\n  labelAlwaysOn?: boolean;\n\n  /** Thumb `aria-label` */\n  thumbLabel?: string;\n\n  /** Thumb `aria-valuetext`. When a function is provided, it receives the scaled value. */\n  thumbValueText?: string | ((value: number) => string);\n\n  /** Determines whether the label should be displayed when the slider is hovered @default true */\n  showLabelOnHover?: boolean;\n\n  /** Content rendered inside thumb */\n  thumbChildren?: React.ReactNode;\n\n  /** Disables slider */\n  disabled?: boolean;\n\n  /** Thumb `width` and `height`, by default value is computed based on `size` prop */\n  thumbSize?: number | string;\n\n  /** A transformation function to change the scale of the slider */\n  scale?: (value: number) => number;\n\n  /** Determines whether track value representation should be inverted @default false */\n  inverted?: boolean;\n\n  /** Value at which the filled bar starts. When set, the bar extends from this point toward the current value. Ignored when `inverted` is set. */\n  startPointValue?: number;\n\n  /** Slider orientation @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: React.ComponentProps<'input'>;\n\n  /** Determines whether the selection should be only allowed from the given marks array @default false */\n  restrictToMarks?: boolean;\n\n  /** Props passed down to thumb element */\n  thumbProps?: React.ComponentProps<'div'>;\n}\n\nexport type SliderFactory = Factory<{\n  props: SliderProps;\n  ref: HTMLDivElement;\n  stylesNames: SliderStylesNames;\n  vars: SliderCssVariables;\n}>;\n\nconst defaultProps = {\n  radius: 'xl',\n  min: 0,\n  max: 100,\n  step: 1,\n  marks: [],\n  label: (f) => f,\n  labelTransitionProps: { transition: 'fade', duration: 0 },\n  thumbLabel: '',\n  showLabelOnHover: true,\n  scale: (v) => v,\n  size: 'md',\n} satisfies Partial<SliderProps>;\n\nconst varsResolver = createVarsResolver<SliderFactory>(\n  (theme, { size, color, thumbSize, radius }) => ({\n    root: {\n      '--slider-size': getSize(size, 'slider-size'),\n      '--slider-color': color ? getThemeColor(color, theme) : undefined,\n      '--slider-radius': radius === undefined ? undefined : getRadius(radius),\n      '--slider-thumb-size':\n        thumbSize !== undefined ? rem(thumbSize) : 'calc(var(--slider-size) * 2)',\n    },\n  })\n);\n\nexport const Slider = factory<SliderFactory>((_props) => {\n  const props = useProps('Slider', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    value,\n    onChange,\n    onChangeEnd,\n    size,\n    min,\n    max,\n    domain,\n    step,\n    precision: _precision,\n    defaultValue,\n    name,\n    marks,\n    label,\n    labelTransitionProps,\n    labelAlwaysOn,\n    thumbLabel,\n    thumbValueText,\n    showLabelOnHover,\n    thumbChildren,\n    disabled,\n    unstyled,\n    scale,\n    inverted,\n    startPointValue,\n    orientation,\n    className,\n    style,\n    vars,\n    hiddenInputProps,\n    restrictToMarks,\n    thumbProps,\n    attributes,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SliderFactory>({\n    name: 'Slider',\n    props,\n    classes,\n    classNames,\n    className,\n    styles,\n    style,\n    attributes,\n    vars,\n    varsResolver,\n    unstyled,\n  });\n\n  const { dir } = useDirection();\n  const [hovered, setHovered] = useState(false);\n  const [_value, setValue] = useUncontrolled({\n    value: typeof value === 'number' ? clamp(value, min, max) : value,\n    defaultValue: typeof defaultValue === 'number' ? clamp(defaultValue, min, max) : defaultValue,\n    finalValue: clamp(0, min, max),\n    onChange,\n  });\n\n  const valueRef = useRef(_value);\n  const onChangeEndRef = useRef(onChangeEnd);\n\n  useEffect(() => {\n    onChangeEndRef.current = onChangeEnd;\n  }, [onChangeEnd]);\n\n  const root = useRef<HTMLDivElement>(null);\n  const thumb = useRef<HTMLDivElement>(null);\n  const [domainMin, domainMax] = domain || [min, max];\n  const position = getPosition({ value: _value, min: domainMin, max: domainMax });\n  const scaledValue = scale!(_value);\n  const _label = typeof label === 'function' ? label(scaledValue) : label;\n  const precision = _precision ?? getPrecision(step);\n\n  const hasStartPoint = typeof startPointValue === 'number' && !inverted;\n  const startPosition = hasStartPoint\n    ? getPosition({ value: startPointValue!, min: domainMin, max: domainMax })\n    : 0;\n  const trackOffset = hasStartPoint ? Math.min(position, startPosition) : 0;\n  const trackFilled = hasStartPoint ? Math.abs(position - startPosition) : position;\n\n  const handleChange = useCallback(\n    ({ x }: { x: number }) => {\n      if (!disabled) {\n        const nextValue = getChangeValue({\n          value: x,\n          min: domainMin,\n          max: domainMax,\n          step,\n          precision,\n        });\n        const clampedValue = clamp(nextValue, min!, max!);\n        setValue(\n          restrictToMarks && marks?.length\n            ? findClosestNumber(\n                clampedValue,\n                marks.map((mark) => mark.value)\n              )\n            : clampedValue\n        );\n        valueRef.current = clampedValue;\n      }\n    },\n    [disabled, min, max, domainMin, domainMax, step, precision, setValue, marks, restrictToMarks]\n  );\n\n  const handleScrubEnd = useCallback(() => {\n    if (!disabled && onChangeEndRef.current) {\n      const finalValue =\n        restrictToMarks && marks?.length\n          ? findClosestNumber(\n              valueRef.current,\n              marks.map((mark) => mark.value)\n            )\n          : valueRef.current;\n      onChangeEndRef.current(finalValue);\n    }\n  }, [disabled, marks, restrictToMarks]);\n\n  const { ref: container, active } = useMove(\n    ({ x, y }) => handleChange({ x: orientation === 'vertical' ? 1 - y : x }),\n    { onScrubEnd: handleScrubEnd },\n    dir\n  );\n\n  const callOnChangeEnd = useCallback(\n    (value: number) => {\n      if (!disabled && onChangeEndRef.current) {\n        onChangeEndRef.current(value);\n      }\n    },\n    [disabled]\n  );\n\n  const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!disabled) {\n      switch (event.key) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue = getNextMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(_value + step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'ArrowRight': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue =\n              dir === 'rtl' ? getPreviousMarkValue(_value, marks) : getNextMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(dir === 'rtl' ? _value - step : _value + step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue = getPreviousMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(_value - step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'ArrowLeft': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            const nextValue =\n              dir === 'rtl' ? getNextMarkValue(_value, marks) : getPreviousMarkValue(_value, marks);\n            setValue(nextValue);\n            callOnChangeEnd(nextValue);\n            break;\n          }\n\n          const nextValue = getFloatingValue(\n            Math.min(Math.max(dir === 'rtl' ? _value + step : _value - step, domainMin), domainMax),\n            precision\n          );\n          setValue(nextValue);\n          callOnChangeEnd(nextValue);\n          break;\n        }\n\n        case 'Home': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            setValue(getFirstMarkValue(marks));\n            callOnChangeEnd(getFirstMarkValue(marks));\n            break;\n          }\n\n          setValue(min);\n          callOnChangeEnd(min);\n          break;\n        }\n\n        case 'End': {\n          event.preventDefault();\n          thumb.current?.focus();\n\n          if (restrictToMarks && marks) {\n            setValue(getLastMarkValue(marks));\n            callOnChangeEnd(getLastMarkValue(marks));\n            break;\n          }\n\n          setValue(max);\n          callOnChangeEnd(max);\n          break;\n        }\n\n        default: {\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <SliderProvider value={{ getStyles }}>\n      <SliderRoot\n        {...others}\n        ref={useMergedRef(ref, root)}\n        onKeyDownCapture={handleTrackKeydownCapture}\n        onMouseDownCapture={() => root.current?.focus()}\n        size={size}\n        disabled={disabled}\n        orientation={orientation}\n      >\n        <Track\n          inverted={inverted}\n          offset={trackOffset}\n          filled={trackFilled}\n          marks={marks}\n          min={domainMin}\n          max={domainMax}\n          value={scaledValue}\n          startPointValue={hasStartPoint ? startPointValue : undefined}\n          disabled={disabled}\n          containerProps={{\n            ref: container,\n            onMouseEnter: showLabelOnHover ? () => setHovered(true) : undefined,\n            onMouseLeave: showLabelOnHover ? () => setHovered(false) : undefined,\n          }}\n        >\n          <Thumb\n            max={domainMax}\n            min={domainMin}\n            value={scaledValue}\n            position={position}\n            dragging={active}\n            label={_label}\n            ref={thumb as any}\n            labelTransitionProps={labelTransitionProps}\n            labelAlwaysOn={labelAlwaysOn}\n            thumbLabel={thumbLabel}\n            thumbValueText={thumbValueText}\n            showLabelOnHover={showLabelOnHover}\n            isHovered={hovered}\n            disabled={disabled}\n            orientation={orientation}\n            {...thumbProps}\n          >\n            {thumbChildren}\n          </Thumb>\n        </Track>\n\n        <input type=\"hidden\" name={name} value={scaledValue} {...hiddenInputProps} />\n      </SliderRoot>\n    </SliderProvider>\n  );\n});\n\nSlider.classes = classes;\nSlider.varsResolver = varsResolver;\nSlider.displayName = '@mantine/core/Slider';\n\nexport namespace Slider {\n  export type Props = SliderProps;\n  export type StylesNames = SliderStylesNames;\n  export type CssVariables = SliderCssVariables;\n  export type Factory = SliderFactory;\n  export type Mark = SliderMark;\n}\n"],"mappings":"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"}

package/esm/components/Slider/Slider.context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.context.mjs","names":[],"sources":["../../../src/components/Slider/Slider.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\n\nexport type SliderStylesNames =\n  | 'root'\n  | 'label'\n  | 'thumb'\n  | 'trackContainer'\n  | 'track'\n  | 'bar'\n  | 'markWrapper'\n  | 'mark'\n  | 'markLabel';\n\nexport type SliderCssVariables = {\n  root: '--slider-size' | '--slider-color' | '--slider-thumb-size' | '--slider-radius';\n};\n\ninterface SliderContextValue {\n  getStyles: GetStylesApi<{\n    stylesNames: SliderStylesNames;\n    props: any;\n    ref: any;\n    vars: any;\n    variant: any;\n  }>;\n}\n\nexport const [SliderProvider, useSliderContext] = createSafeContext<SliderContextValue>(\n  'SliderProvider was not found in tree'\n);\n"],"mappings":";;;AA2BA,MAAa,CAAC,gBAAgB,oBAAoB,kBAChD,uCACD"}
+{"version":3,"file":"Slider.context.mjs","names":[],"sources":["../../../src/components/Slider/Slider.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\n\nexport type SliderStylesNames =\n  | 'root'\n  | 'label'\n  | 'thumb'\n  | 'trackContainer'\n  | 'track'\n  | 'bar'\n  | 'markWrapper'\n  | 'mark'\n  | 'markLabel';\n\nexport type SliderCssVariables = {\n  root: '--slider-size' | '--slider-color' | '--slider-thumb-size' | '--slider-radius';\n};\n\ninterface SliderContextValue {\n  getStyles: GetStylesApi<{\n    stylesNames: SliderStylesNames;\n    props: any;\n    ref: any;\n    vars: any;\n    variant: any;\n  }>;\n}\n\nexport const [SliderProvider, useSliderContext] = createSafeContext<SliderContextValue>(\n  'SliderProvider was not found in tree'\n);\n"],"mappings":";;;AA2BA,MAAa,CAAC,gBAAgB,oBAAoB,kBAChD,sCACF"}

package/esm/components/Slider/SliderRoot/SliderRoot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRoot.mjs","names":[],"sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n} from '../../../core';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface SliderRootProps extends BoxProps, ElementProps<'div'> {\n  size: MantineSize | (string & {}) | number;\n  children: React.ReactNode;\n  color?: MantineColor;\n  disabled: boolean | undefined;\n  variant?: string;\n  thumbSize?: string | number;\n  radius?: MantineRadius;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport function SliderRoot({\n  size,\n  disabled,\n  variant,\n  color,\n  thumbSize,\n  radius,\n  orientation,\n  ...others\n}: SliderRootProps) {\n  const { getStyles } = useSliderContext();\n  return (\n    <Box\n      tabIndex={-1}\n      variant={variant}\n      size={size}\n      {...getStyles('root')}\n      mod={{ orientation }}\n      {...others}\n    />\n  );\n}\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"mappings":";;;;;AAqBA,SAAgB,WAAW,EACzB,MACA,UACA,SACA,OACA,WACA,QACA,aACA,GAAG,UACe;CAClB,MAAM,EAAE,cAAc,kBAAkB;AACxC,QACE,oBAAC,KAAD;EACE,UAAU;EACD;EACH;EACN,GAAI,UAAU,OAAO;EACrB,KAAK,EAAE,aAAa;EACpB,GAAI;EACJ,CAAA;;AAIN,WAAW,cAAc"}
+{"version":3,"file":"SliderRoot.mjs","names":[],"sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n} from '../../../core';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface SliderRootProps extends BoxProps, ElementProps<'div'> {\n  size: MantineSize | (string & {}) | number;\n  children: React.ReactNode;\n  color?: MantineColor;\n  disabled: boolean | undefined;\n  variant?: string;\n  thumbSize?: string | number;\n  radius?: MantineRadius;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nexport function SliderRoot({\n  size,\n  disabled,\n  variant,\n  color,\n  thumbSize,\n  radius,\n  orientation,\n  ...others\n}: SliderRootProps) {\n  const { getStyles } = useSliderContext();\n  return (\n    <Box\n      tabIndex={-1}\n      variant={variant}\n      size={size}\n      {...getStyles('root')}\n      mod={{ orientation }}\n      {...others}\n    />\n  );\n}\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"mappings":";;;;;AAqBA,SAAgB,WAAW,EACzB,MACA,UACA,SACA,OACA,WACA,QACA,aACA,GAAG,UACe;CAClB,MAAM,EAAE,cAAc,iBAAiB;CACvC,OACE,oBAAC,KAAD;EACE,UAAU;EACD;EACH;EACN,GAAI,UAAU,MAAM;EACpB,KAAK,EAAE,YAAY;EACnB,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

package/esm/components/Slider/Thumb/Thumb.mjs

@@ -5,10 +5,11 @@ import { useSliderContext } from "../Slider.context.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Slider/Thumb/Thumb.tsx
-function Thumb({ max, min, value, position, label, dragging, onMouseDown, onKeyDownCapture, labelTransitionProps, labelAlwaysOn, thumbLabel, onFocus, onBlur, showLabelOnHover, isHovered, children = null, disabled, orientation = "horizontal", ref }) {
+function Thumb({ max, min, value, position, label, dragging, onMouseDown, onKeyDownCapture, labelTransitionProps, labelAlwaysOn, thumbLabel, thumbValueText, onFocus, onBlur, showLabelOnHover, isHovered, children = null, disabled, orientation = "horizontal", ref }) {
 	const { getStyles } = useSliderContext();
 	const [focused, setFocused] = useState(false);
 	const isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover && isHovered;
+	const valueText = typeof thumbValueText === "function" ? thumbValueText(value) : thumbValueText;
 	return /* @__PURE__ */ jsxs(Box, {
 		tabIndex: disabled ? -1 : 0,
 		role: "slider",
@@ -16,6 +17,7 @@ function Thumb({ max, min, value, position, label, dragging, onMouseDown, onKeyD
 		"aria-valuemax": max,
 		"aria-valuemin": min,
 		"aria-valuenow": value,
+		"aria-valuetext": valueText,
 		"aria-disabled": disabled,
 		"aria-orientation": orientation,
 		ref,

package/esm/components/Slider/Thumb/Thumb.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.mjs","names":[],"sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Box } from '../../../core';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface ThumbProps extends Omit<React.ComponentProps<'div'>, 'value'> {\n  max: number;\n  min: number;\n  value: number;\n  position: number;\n  dragging: boolean;\n  label: React.ReactNode;\n  onKeyDownCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  onMouseDown?: (event: any) => void;\n  labelTransitionProps: TransitionOverride | undefined;\n  labelAlwaysOn: boolean | undefined;\n  thumbLabel: string | undefined;\n  showLabelOnHover: boolean | undefined;\n  isHovered?: boolean;\n  children?: React.ReactNode;\n  disabled: boolean | undefined;\n  orientation?: 'horizontal' | 'vertical';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function Thumb({\n  max,\n  min,\n  value,\n  position,\n  label,\n  dragging,\n  onMouseDown,\n  onKeyDownCapture,\n  labelTransitionProps,\n  labelAlwaysOn,\n  thumbLabel,\n  onFocus,\n  onBlur,\n  showLabelOnHover,\n  isHovered,\n  children = null,\n  disabled,\n  orientation = 'horizontal',\n  ref,\n}: ThumbProps) {\n  const { getStyles } = useSliderContext();\n\n  const [focused, setFocused] = useState(false);\n\n  const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);\n\n  return (\n    <Box<'div'>\n      tabIndex={disabled ? -1 : 0}\n      role=\"slider\"\n      aria-label={thumbLabel}\n      aria-valuemax={max}\n      aria-valuemin={min}\n      aria-valuenow={value}\n      aria-disabled={disabled}\n      aria-orientation={orientation}\n      ref={ref}\n      __vars={{ '--slider-thumb-offset': `${position}%` }}\n      {...getStyles('thumb', { focusable: true })}\n      mod={{ dragging, disabled }}\n      onFocus={(event) => {\n        setFocused(true);\n        typeof onFocus === 'function' && onFocus(event);\n      }}\n      onBlur={(event) => {\n        setFocused(false);\n        typeof onBlur === 'function' && onBlur(event);\n      }}\n      onTouchStart={onMouseDown}\n      onMouseDown={onMouseDown}\n      onKeyDownCapture={onKeyDownCapture}\n      onClick={(event) => event.stopPropagation()}\n    >\n      {children}\n      <Transition\n        mounted={label != null && !!isVisible}\n        transition=\"fade\"\n        duration={0}\n        {...labelTransitionProps}\n      >\n        {(transitionStyles) => (\n          <div {...getStyles('label', { style: transitionStyles })}>{label}</div>\n        )}\n      </Transition>\n    </Box>\n  );\n}\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"mappings":";;;;;;;AA0BA,SAAgB,MAAM,EACpB,KACA,KACA,OACA,UACA,OACA,UACA,aACA,kBACA,sBACA,eACA,YACA,SACA,QACA,kBACA,WACA,WAAW,MACX,UACA,cAAc,cACd,OACa;CACb,MAAM,EAAE,cAAc,kBAAkB;CAExC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAE7C,MAAM,YAAY,iBAAiB,YAAY,WAAY,oBAAoB;AAE/E,QACE,qBAAC,KAAD;EACE,UAAU,WAAW,KAAK;EAC1B,MAAK;EACL,cAAY;EACZ,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,oBAAkB;EACb;EACL,QAAQ,EAAE,yBAAyB,GAAG,SAAS,IAAI;EACnD,GAAI,UAAU,SAAS,EAAE,WAAW,MAAM,CAAC;EAC3C,KAAK;GAAE;GAAU;GAAU;EAC3B,UAAU,UAAU;AAClB,cAAW,KAAK;AAChB,UAAO,YAAY,cAAc,QAAQ,MAAM;;EAEjD,SAAS,UAAU;AACjB,cAAW,MAAM;AACjB,UAAO,WAAW,cAAc,OAAO,MAAM;;EAE/C,cAAc;EACD;EACK;EAClB,UAAU,UAAU,MAAM,iBAAiB;YAxB7C,CA0BG,UACD,oBAAC,YAAD;GACE,SAAS,SAAS,QAAQ,CAAC,CAAC;GAC5B,YAAW;GACX,UAAU;GACV,GAAI;cAEF,qBACA,oBAAC,OAAD;IAAK,GAAI,UAAU,SAAS,EAAE,OAAO,kBAAkB,CAAC;cAAG;IAAY,CAAA;GAE9D,CAAA,CACT;;;AAIV,MAAM,cAAc"}
+{"version":3,"file":"Thumb.mjs","names":[],"sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Box } from '../../../core';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface ThumbProps extends Omit<React.ComponentProps<'div'>, 'value'> {\n  max: number;\n  min: number;\n  value: number;\n  position: number;\n  dragging: boolean;\n  label: React.ReactNode;\n  thumbValueText?: string | ((value: number) => string);\n  onKeyDownCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  onMouseDown?: (event: any) => void;\n  labelTransitionProps: TransitionOverride | undefined;\n  labelAlwaysOn: boolean | undefined;\n  thumbLabel: string | undefined;\n  showLabelOnHover: boolean | undefined;\n  isHovered?: boolean;\n  children?: React.ReactNode;\n  disabled: boolean | undefined;\n  orientation?: 'horizontal' | 'vertical';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function Thumb({\n  max,\n  min,\n  value,\n  position,\n  label,\n  dragging,\n  onMouseDown,\n  onKeyDownCapture,\n  labelTransitionProps,\n  labelAlwaysOn,\n  thumbLabel,\n  thumbValueText,\n  onFocus,\n  onBlur,\n  showLabelOnHover,\n  isHovered,\n  children = null,\n  disabled,\n  orientation = 'horizontal',\n  ref,\n}: ThumbProps) {\n  const { getStyles } = useSliderContext();\n\n  const [focused, setFocused] = useState(false);\n\n  const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);\n  const valueText = typeof thumbValueText === 'function' ? thumbValueText(value) : thumbValueText;\n\n  return (\n    <Box<'div'>\n      tabIndex={disabled ? -1 : 0}\n      role=\"slider\"\n      aria-label={thumbLabel}\n      aria-valuemax={max}\n      aria-valuemin={min}\n      aria-valuenow={value}\n      aria-valuetext={valueText}\n      aria-disabled={disabled}\n      aria-orientation={orientation}\n      ref={ref}\n      __vars={{ '--slider-thumb-offset': `${position}%` }}\n      {...getStyles('thumb', { focusable: true })}\n      mod={{ dragging, disabled }}\n      onFocus={(event) => {\n        setFocused(true);\n        typeof onFocus === 'function' && onFocus(event);\n      }}\n      onBlur={(event) => {\n        setFocused(false);\n        typeof onBlur === 'function' && onBlur(event);\n      }}\n      onTouchStart={onMouseDown}\n      onMouseDown={onMouseDown}\n      onKeyDownCapture={onKeyDownCapture}\n      onClick={(event) => event.stopPropagation()}\n    >\n      {children}\n      <Transition\n        mounted={label != null && !!isVisible}\n        transition=\"fade\"\n        duration={0}\n        {...labelTransitionProps}\n      >\n        {(transitionStyles) => (\n          <div {...getStyles('label', { style: transitionStyles })}>{label}</div>\n        )}\n      </Transition>\n    </Box>\n  );\n}\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"mappings":";;;;;;;AA2BA,SAAgB,MAAM,EACpB,KACA,KACA,OACA,UACA,OACA,UACA,aACA,kBACA,sBACA,eACA,YACA,gBACA,SACA,QACA,kBACA,WACA,WAAW,MACX,UACA,cAAc,cACd,OACa;CACb,MAAM,EAAE,cAAc,iBAAiB;CAEvC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,MAAM,YAAY,iBAAiB,YAAY,WAAY,oBAAoB;CAC/E,MAAM,YAAY,OAAO,mBAAmB,aAAa,eAAe,KAAK,IAAI;CAEjF,OACE,qBAAC,KAAD;EACE,UAAU,WAAW,KAAK;EAC1B,MAAK;EACL,cAAY;EACZ,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,kBAAgB;EAChB,iBAAe;EACf,oBAAkB;EACb;EACL,QAAQ,EAAE,yBAAyB,GAAG,SAAS,GAAG;EAClD,GAAI,UAAU,SAAS,EAAE,WAAW,KAAK,CAAC;EAC1C,KAAK;GAAE;GAAU;EAAS;EAC1B,UAAU,UAAU;GAClB,WAAW,IAAI;GACf,OAAO,YAAY,cAAc,QAAQ,KAAK;EAChD;EACA,SAAS,UAAU;GACjB,WAAW,KAAK;GAChB,OAAO,WAAW,cAAc,OAAO,KAAK;EAC9C;EACA,cAAc;EACD;EACK;EAClB,UAAU,UAAU,MAAM,gBAAgB;YAzB5C,CA2BG,UACD,oBAAC,YAAD;GACE,SAAS,SAAS,QAAQ,CAAC,CAAC;GAC5B,YAAW;GACX,UAAU;GACV,GAAI;cAEF,qBACA,oBAAC,OAAD;IAAK,GAAI,UAAU,SAAS,EAAE,OAAO,iBAAiB,CAAC;cAAI;GAAW,CAAA;EAE9D,CAAA,CACT;;AAET;AAEA,MAAM,cAAc"}

package/esm/components/Slider/Track/Track.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Track.mjs","names":[],"sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import { Box } from '../../../core';\nimport { Marks } from '../Marks/Marks';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface TrackProps {\n  filled: number;\n  offset?: number;\n  marksOffset?: number;\n  marks: { value: number; label?: React.ReactNode }[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  startPointValue?: number;\n  children: React.ReactNode;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  containerProps?: React.ComponentProps<'div'>;\n}\n\nexport function Track({\n  filled,\n  children,\n  offset,\n  disabled,\n  marksOffset,\n  inverted,\n  startPointValue,\n  containerProps,\n  ...others\n}: TrackProps) {\n  const { getStyles } = useSliderContext();\n\n  return (\n    <Box {...getStyles('trackContainer')} mod={{ disabled }} {...containerProps}>\n      <Box {...getStyles('track')} mod={{ inverted, disabled }}>\n        <Box\n          mod={{ inverted, disabled }}\n          __vars={{\n            '--slider-bar-width': `calc(${filled}% + 2 * var(--slider-size))`,\n            '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,\n          }}\n          {...getStyles('bar')}\n        />\n\n        {children}\n\n        <Marks\n          {...others}\n          offset={marksOffset}\n          disabled={disabled}\n          inverted={inverted}\n          startPointValue={startPointValue}\n        />\n      </Box>\n    </Box>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"mappings":";;;;;;AAmBA,SAAgB,MAAM,EACpB,QACA,UACA,QACA,UACA,aACA,UACA,iBACA,gBACA,GAAG,UACU;CACb,MAAM,EAAE,cAAc,kBAAkB;AAExC,QACE,oBAAC,KAAD;EAAK,GAAI,UAAU,iBAAiB;EAAE,KAAK,EAAE,UAAU;EAAE,GAAI;YAC3D,qBAAC,KAAD;GAAK,GAAI,UAAU,QAAQ;GAAE,KAAK;IAAE;IAAU;IAAU;aAAxD;IACE,oBAAC,KAAD;KACE,KAAK;MAAE;MAAU;MAAU;KAC3B,QAAQ;MACN,sBAAsB,QAAQ,OAAO;MACrC,uBAAuB,QAAQ,OAAO;MACvC;KACD,GAAI,UAAU,MAAM;KACpB,CAAA;IAED;IAED,oBAAC,OAAD;KACE,GAAI;KACJ,QAAQ;KACE;KACA;KACO;KACjB,CAAA;IACE;;EACF,CAAA;;AAIV,MAAM,cAAc"}
+{"version":3,"file":"Track.mjs","names":[],"sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import { Box } from '../../../core';\nimport { Marks } from '../Marks/Marks';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface TrackProps {\n  filled: number;\n  offset?: number;\n  marksOffset?: number;\n  marks: { value: number; label?: React.ReactNode }[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  startPointValue?: number;\n  children: React.ReactNode;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  containerProps?: React.ComponentProps<'div'>;\n}\n\nexport function Track({\n  filled,\n  children,\n  offset,\n  disabled,\n  marksOffset,\n  inverted,\n  startPointValue,\n  containerProps,\n  ...others\n}: TrackProps) {\n  const { getStyles } = useSliderContext();\n\n  return (\n    <Box {...getStyles('trackContainer')} mod={{ disabled }} {...containerProps}>\n      <Box {...getStyles('track')} mod={{ inverted, disabled }}>\n        <Box\n          mod={{ inverted, disabled }}\n          __vars={{\n            '--slider-bar-width': `calc(${filled}% + 2 * var(--slider-size))`,\n            '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,\n          }}\n          {...getStyles('bar')}\n        />\n\n        {children}\n\n        <Marks\n          {...others}\n          offset={marksOffset}\n          disabled={disabled}\n          inverted={inverted}\n          startPointValue={startPointValue}\n        />\n      </Box>\n    </Box>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"mappings":";;;;;;AAmBA,SAAgB,MAAM,EACpB,QACA,UACA,QACA,UACA,aACA,UACA,iBACA,gBACA,GAAG,UACU;CACb,MAAM,EAAE,cAAc,iBAAiB;CAEvC,OACE,oBAAC,KAAD;EAAK,GAAI,UAAU,gBAAgB;EAAG,KAAK,EAAE,SAAS;EAAG,GAAI;YAC3D,qBAAC,KAAD;GAAK,GAAI,UAAU,OAAO;GAAG,KAAK;IAAE;IAAU;GAAS;aAAvD;IACE,oBAAC,KAAD;KACE,KAAK;MAAE;MAAU;KAAS;KAC1B,QAAQ;MACN,sBAAsB,QAAQ,OAAO;MACrC,uBAAuB,QAAQ,OAAO;KACxC;KACA,GAAI,UAAU,KAAK;IACpB,CAAA;IAEA;IAED,oBAAC,OAAD;KACE,GAAI;KACJ,QAAQ;KACE;KACA;KACO;IAClB,CAAA;GACE;;CACF,CAAA;AAET;AAEA,MAAM,cAAc"}

package/esm/components/Slider/utils/get-change-value/get-change-value.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-change-value.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-change-value/get-change-value.ts"],"sourcesContent":["interface GetChangeValue {\n  value: number;\n  containerWidth?: number;\n  min: number;\n  max: number;\n  step: number;\n  precision?: number;\n}\n\nexport function getChangeValue({\n  value,\n  containerWidth,\n  min,\n  max,\n  step,\n  precision,\n}: GetChangeValue) {\n  const left = !containerWidth\n    ? value\n    : Math.min(Math.max(value, 0), containerWidth) / containerWidth;\n  const dx = left * (max - min);\n  const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;\n\n  const nextValueWithinStep = Math.max(nextValue, min);\n\n  if (precision !== undefined) {\n    return Number(nextValueWithinStep.toFixed(precision));\n  }\n\n  return nextValueWithinStep;\n}\n"],"mappings":";;AASA,SAAgB,eAAe,EAC7B,OACA,gBACA,KACA,KACA,MACA,aACiB;CAIjB,MAAM,MAHO,CAAC,iBACV,QACA,KAAK,IAAI,KAAK,IAAI,OAAO,EAAE,EAAE,eAAe,GAAG,mBAChC,MAAM;CACzB,MAAM,aAAa,OAAO,IAAI,KAAK,MAAM,KAAK,KAAK,GAAG,OAAO,KAAK;CAElE,MAAM,sBAAsB,KAAK,IAAI,WAAW,IAAI;AAEpD,KAAI,cAAc,KAAA,EAChB,QAAO,OAAO,oBAAoB,QAAQ,UAAU,CAAC;AAGvD,QAAO"}
+{"version":3,"file":"get-change-value.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-change-value/get-change-value.ts"],"sourcesContent":["interface GetChangeValue {\n  value: number;\n  containerWidth?: number;\n  min: number;\n  max: number;\n  step: number;\n  precision?: number;\n}\n\nexport function getChangeValue({\n  value,\n  containerWidth,\n  min,\n  max,\n  step,\n  precision,\n}: GetChangeValue) {\n  const left = !containerWidth\n    ? value\n    : Math.min(Math.max(value, 0), containerWidth) / containerWidth;\n  const dx = left * (max - min);\n  const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;\n\n  const nextValueWithinStep = Math.max(nextValue, min);\n\n  if (precision !== undefined) {\n    return Number(nextValueWithinStep.toFixed(precision));\n  }\n\n  return nextValueWithinStep;\n}\n"],"mappings":";;AASA,SAAgB,eAAe,EAC7B,OACA,gBACA,KACA,KACA,MACA,aACiB;CAIjB,MAAM,MAHO,CAAC,iBACV,QACA,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,cAAc,IAAI,mBAChC,MAAM;CACzB,MAAM,aAAa,OAAO,IAAI,KAAK,MAAM,KAAK,IAAI,IAAI,OAAO,KAAK;CAElE,MAAM,sBAAsB,KAAK,IAAI,WAAW,GAAG;CAEnD,IAAI,cAAc,KAAA,GAChB,OAAO,OAAO,oBAAoB,QAAQ,SAAS,CAAC;CAGtD,OAAO;AACT"}

package/esm/components/Slider/utils/get-client-position/get-client-position.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-client-position.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-client-position/get-client-position.ts"],"sourcesContent":["export function getClientPosition(event: any, orientation?: 'horizontal' | 'vertical') {\n  if ('TouchEvent' in window && event instanceof window.TouchEvent) {\n    const touch = event.touches[0];\n    return orientation === 'vertical' ? touch.clientY : touch.clientX;\n  }\n\n  return orientation === 'vertical' ? event.clientY : event.clientX;\n}\n"],"mappings":";;AAAA,SAAgB,kBAAkB,OAAY,aAAyC;AACrF,KAAI,gBAAgB,UAAU,iBAAiB,OAAO,YAAY;EAChE,MAAM,QAAQ,MAAM,QAAQ;AAC5B,SAAO,gBAAgB,aAAa,MAAM,UAAU,MAAM;;AAG5D,QAAO,gBAAgB,aAAa,MAAM,UAAU,MAAM"}
+{"version":3,"file":"get-client-position.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-client-position/get-client-position.ts"],"sourcesContent":["export function getClientPosition(event: any, orientation?: 'horizontal' | 'vertical') {\n  if ('TouchEvent' in window && event instanceof window.TouchEvent) {\n    const touch = event.touches[0];\n    return orientation === 'vertical' ? touch.clientY : touch.clientX;\n  }\n\n  return orientation === 'vertical' ? event.clientY : event.clientX;\n}\n"],"mappings":";;AAAA,SAAgB,kBAAkB,OAAY,aAAyC;CACrF,IAAI,gBAAgB,UAAU,iBAAiB,OAAO,YAAY;EAChE,MAAM,QAAQ,MAAM,QAAQ;EAC5B,OAAO,gBAAgB,aAAa,MAAM,UAAU,MAAM;CAC5D;CAEA,OAAO,gBAAgB,aAAa,MAAM,UAAU,MAAM;AAC5D"}

package/esm/components/Slider/utils/get-floating-value/get-floating-value.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-floating-value.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-floating-value/get-floating-value.ts"],"sourcesContent":["export function getFloatingValue(value: number, precision: number) {\n  return parseFloat(value.toFixed(precision));\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,OAAe,WAAmB;AACjE,QAAO,WAAW,MAAM,QAAQ,UAAU,CAAC"}
+{"version":3,"file":"get-floating-value.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-floating-value/get-floating-value.ts"],"sourcesContent":["export function getFloatingValue(value: number, precision: number) {\n  return parseFloat(value.toFixed(precision));\n}\n"],"mappings":";;AAAA,SAAgB,iBAAiB,OAAe,WAAmB;CACjE,OAAO,WAAW,MAAM,QAAQ,SAAS,CAAC;AAC5C"}

package/esm/components/Slider/utils/get-position/get-position.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-position.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-position/get-position.ts"],"sourcesContent":["interface GetPosition {\n  value: number;\n  min: number;\n  max: number;\n}\n\nexport function getPosition({ value, min, max }: GetPosition) {\n  const position = ((value - min) / (max - min)) * 100;\n  return Math.min(Math.max(position, 0), 100);\n}\n"],"mappings":";;AAMA,SAAgB,YAAY,EAAE,OAAO,KAAK,OAAoB;CAC5D,MAAM,YAAa,QAAQ,QAAQ,MAAM,OAAQ;AACjD,QAAO,KAAK,IAAI,KAAK,IAAI,UAAU,EAAE,EAAE,IAAI"}
+{"version":3,"file":"get-position.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-position/get-position.ts"],"sourcesContent":["interface GetPosition {\n  value: number;\n  min: number;\n  max: number;\n}\n\nexport function getPosition({ value, min, max }: GetPosition) {\n  const position = ((value - min) / (max - min)) * 100;\n  return Math.min(Math.max(position, 0), 100);\n}\n"],"mappings":";;AAMA,SAAgB,YAAY,EAAE,OAAO,KAAK,OAAoB;CAC5D,MAAM,YAAa,QAAQ,QAAQ,MAAM,OAAQ;CACjD,OAAO,KAAK,IAAI,KAAK,IAAI,UAAU,CAAC,GAAG,GAAG;AAC5C"}

package/esm/components/Slider/utils/get-precision/get-precision.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-precision.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-precision/get-precision.ts"],"sourcesContent":["export function getPrecision(step: number) {\n  if (!step) {\n    return 0;\n  }\n  const split = step.toString().split('.');\n  return split.length > 1 ? split[1].length : 0;\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,MAAc;AACzC,KAAI,CAAC,KACH,QAAO;CAET,MAAM,QAAQ,KAAK,UAAU,CAAC,MAAM,IAAI;AACxC,QAAO,MAAM,SAAS,IAAI,MAAM,GAAG,SAAS"}
+{"version":3,"file":"get-precision.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-precision/get-precision.ts"],"sourcesContent":["export function getPrecision(step: number) {\n  if (!step) {\n    return 0;\n  }\n  const split = step.toString().split('.');\n  return split.length > 1 ? split[1].length : 0;\n}\n"],"mappings":";;AAAA,SAAgB,aAAa,MAAc;CACzC,IAAI,CAAC,MACH,OAAO;CAET,MAAM,QAAQ,KAAK,SAAS,EAAE,MAAM,GAAG;CACvC,OAAO,MAAM,SAAS,IAAI,MAAM,GAAG,SAAS;AAC9C"}

package/esm/components/Slider/utils/get-step-mark-value/get-step-mark-value.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-step-mark-value.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-step-mark-value/get-step-mark-value.ts"],"sourcesContent":["export function getNextMarkValue(\n  currentValue: number,\n  marks: { value: number; label?: React.ReactNode }[]\n) {\n  const sortedMarks = [...marks].sort((a, b) => a.value - b.value);\n  const nextMark = sortedMarks.find((mark) => mark.value > currentValue);\n  return nextMark ? nextMark.value : currentValue;\n}\n\nexport function getPreviousMarkValue(\n  currentValue: number,\n  marks: { value: number; label?: React.ReactNode }[]\n) {\n  const sortedMarks = [...marks].sort((a, b) => b.value - a.value);\n  const previousMark = sortedMarks.find((mark) => mark.value < currentValue);\n  return previousMark ? previousMark.value : currentValue;\n}\n\nexport function getFirstMarkValue(marks: { value: number; label?: React.ReactNode }[]) {\n  const sortedMarks = [...marks].sort((a, b) => a.value - b.value);\n  return sortedMarks.length > 0 ? sortedMarks[0].value : 0;\n}\n\nexport function getLastMarkValue(marks: { value: number; label?: React.ReactNode }[]) {\n  const sortedMarks = [...marks].sort((a, b) => a.value - b.value);\n  return sortedMarks.length > 0 ? sortedMarks[sortedMarks.length - 1].value : 100;\n}\n"],"mappings":";;AAAA,SAAgB,iBACd,cACA,OACA;CAEA,MAAM,WADc,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACnC,MAAM,SAAS,KAAK,QAAQ,aAAa;AACtE,QAAO,WAAW,SAAS,QAAQ;;AAGrC,SAAgB,qBACd,cACA,OACA;CAEA,MAAM,eADc,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CAC/B,MAAM,SAAS,KAAK,QAAQ,aAAa;AAC1E,QAAO,eAAe,aAAa,QAAQ;;AAG7C,SAAgB,kBAAkB,OAAqD;CACrF,MAAM,cAAc,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAChE,QAAO,YAAY,SAAS,IAAI,YAAY,GAAG,QAAQ;;AAGzD,SAAgB,iBAAiB,OAAqD;CACpF,MAAM,cAAc,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAChE,QAAO,YAAY,SAAS,IAAI,YAAY,YAAY,SAAS,GAAG,QAAQ"}
+{"version":3,"file":"get-step-mark-value.mjs","names":[],"sources":["../../../../../src/components/Slider/utils/get-step-mark-value/get-step-mark-value.ts"],"sourcesContent":["export function getNextMarkValue(\n  currentValue: number,\n  marks: { value: number; label?: React.ReactNode }[]\n) {\n  const sortedMarks = [...marks].sort((a, b) => a.value - b.value);\n  const nextMark = sortedMarks.find((mark) => mark.value > currentValue);\n  return nextMark ? nextMark.value : currentValue;\n}\n\nexport function getPreviousMarkValue(\n  currentValue: number,\n  marks: { value: number; label?: React.ReactNode }[]\n) {\n  const sortedMarks = [...marks].sort((a, b) => b.value - a.value);\n  const previousMark = sortedMarks.find((mark) => mark.value < currentValue);\n  return previousMark ? previousMark.value : currentValue;\n}\n\nexport function getFirstMarkValue(marks: { value: number; label?: React.ReactNode }[]) {\n  const sortedMarks = [...marks].sort((a, b) => a.value - b.value);\n  return sortedMarks.length > 0 ? sortedMarks[0].value : 0;\n}\n\nexport function getLastMarkValue(marks: { value: number; label?: React.ReactNode }[]) {\n  const sortedMarks = [...marks].sort((a, b) => a.value - b.value);\n  return sortedMarks.length > 0 ? sortedMarks[sortedMarks.length - 1].value : 100;\n}\n"],"mappings":";;AAAA,SAAgB,iBACd,cACA,OACA;CAEA,MAAM,WADc,CAAC,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAC/B,EAAE,MAAM,SAAS,KAAK,QAAQ,YAAY;CACrE,OAAO,WAAW,SAAS,QAAQ;AACrC;AAEA,SAAgB,qBACd,cACA,OACA;CAEA,MAAM,eADc,CAAC,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAC3B,EAAE,MAAM,SAAS,KAAK,QAAQ,YAAY;CACzE,OAAO,eAAe,aAAa,QAAQ;AAC7C;AAEA,SAAgB,kBAAkB,OAAqD;CACrF,MAAM,cAAc,CAAC,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;CAC/D,OAAO,YAAY,SAAS,IAAI,YAAY,GAAG,QAAQ;AACzD;AAEA,SAAgB,iBAAiB,OAAqD;CACpF,MAAM,cAAc,CAAC,GAAG,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;CAC/D,OAAO,YAAY,SAAS,IAAI,YAAY,YAAY,SAAS,GAAG,QAAQ;AAC9E"}

package/esm/components/Space/Space.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Space.mjs","names":[],"sources":["../../../src/components/Space/Space.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n} from '../../core';\n\nexport interface SpaceProps extends BoxProps, StylesApiProps<SpaceFactory>, ElementProps<'div'> {}\n\nexport type SpaceFactory = Factory<{\n  props: SpaceProps;\n  ref: HTMLDivElement;\n}>;\n\nexport const Space = factory<SpaceFactory>((props) => {\n  const { w, h, miw, mih, ...others } = useProps('Space', null, props);\n  return <Box {...others} w={w} miw={miw ?? w} h={h} mih={mih ?? h} />;\n});\n\nSpace.displayName = '@mantine/core/Space';\n\nexport namespace Space {\n  export type Props = SpaceProps;\n  export type Factory = SpaceFactory;\n}\n"],"mappings":";;;;;;AAiBA,MAAa,QAAQ,SAAuB,UAAU;CACpD,MAAM,EAAE,GAAG,GAAG,KAAK,KAAK,GAAG,WAAW,SAAS,SAAS,MAAM,MAAM;AACpE,QAAO,oBAAC,KAAD;EAAK,GAAI;EAAW;EAAG,KAAK,OAAO;EAAM;EAAG,KAAK,OAAO;EAAK,CAAA;EACpE;AAEF,MAAM,cAAc"}
+{"version":3,"file":"Space.mjs","names":[],"sources":["../../../src/components/Space/Space.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n} from '../../core';\n\nexport interface SpaceProps extends BoxProps, StylesApiProps<SpaceFactory>, ElementProps<'div'> {}\n\nexport type SpaceFactory = Factory<{\n  props: SpaceProps;\n  ref: HTMLDivElement;\n}>;\n\nexport const Space = factory<SpaceFactory>((props) => {\n  const { w, h, miw, mih, ...others } = useProps('Space', null, props);\n  return <Box {...others} w={w} miw={miw ?? w} h={h} mih={mih ?? h} />;\n});\n\nSpace.displayName = '@mantine/core/Space';\n\nexport namespace Space {\n  export type Props = SpaceProps;\n  export type Factory = SpaceFactory;\n}\n"],"mappings":";;;;;;AAiBA,MAAa,QAAQ,SAAuB,UAAU;CACpD,MAAM,EAAE,GAAG,GAAG,KAAK,KAAK,GAAG,WAAW,SAAS,SAAS,MAAM,KAAK;CACnE,OAAO,oBAAC,KAAD;EAAK,GAAI;EAAW;EAAG,KAAK,OAAO;EAAM;EAAG,KAAK,OAAO;CAAI,CAAA;AACrE,CAAC;AAED,MAAM,cAAc"}

package/esm/components/Spoiler/Spoiler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spoiler.mjs","names":["classes"],"sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import { useElementSize, useId, useUncontrolled } 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 { Anchor } from '../Anchor';\nimport classes from './Spoiler.module.css';\n\nexport type SpoilerStylesNames = 'root' | 'control' | 'content';\nexport type SpoilerCssVariables = {\n  root: '--spoiler-transition-duration';\n};\n\nexport interface SpoilerProps\n  extends BoxProps, StylesApiProps<SpoilerFactory>, ElementProps<'div'> {\n  /** Maximum height of visible content in px. When content exceeds this height, the toggle control appears @default 100 */\n  maxHeight?: number;\n\n  /** Content displayed in the toggle button when content is collapsed (to expand) */\n  showLabel: React.ReactNode;\n\n  /** Content displayed in the toggle button when content is expanded (to collapse) */\n  hideLabel: React.ReactNode;\n\n  /** Ref of the toggle button element */\n  controlRef?: React.Ref<HTMLButtonElement>;\n\n  /** Initial expanded state in uncontrolled mode. If `true`, content starts expanded. If `false`, content starts collapsed @default false */\n  defaultExpanded?: boolean;\n\n  /** Controlled expanded state value */\n  expanded?: boolean;\n\n  /** Called when expanded state changes (when spoiler visibility is toggled by the user) */\n  onExpandedChange?: (expanded: boolean) => void;\n\n  /** Spoiler reveal transition duration in ms. Set to 0 to disable animation @default 200 */\n  transitionDuration?: number;\n\n  /** Accessible label for the toggle button when collapsed. If not set, `showLabel` is used */\n  showAriaLabel?: string;\n\n  /** Accessible label for the toggle button when expanded. If not set, `hideLabel` is used */\n  hideAriaLabel?: string;\n}\n\nexport type SpoilerFactory = Factory<{\n  props: SpoilerProps;\n  ref: HTMLDivElement;\n  stylesNames: SpoilerStylesNames;\n  vars: SpoilerCssVariables;\n}>;\n\nconst defaultProps = {\n  maxHeight: 100,\n  defaultExpanded: false,\n} satisfies Partial<SpoilerProps>;\n\nconst varsResolver = createVarsResolver<SpoilerFactory>((_, { transitionDuration }) => ({\n  root: {\n    '--spoiler-transition-duration':\n      transitionDuration !== undefined ? `${transitionDuration}ms` : undefined,\n  },\n}));\n\nexport const Spoiler = factory<SpoilerFactory>((_props) => {\n  const props = useProps('Spoiler', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    defaultExpanded,\n    maxHeight,\n    hideLabel,\n    showLabel,\n    children,\n    controlRef,\n    transitionDuration,\n    id,\n    expanded,\n    onExpandedChange,\n    showAriaLabel,\n    hideAriaLabel,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SpoilerFactory>({\n    name: 'Spoiler',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const _id = useId(id);\n  const regionId = `${_id}-region`;\n  const [show, setShowState] = useUncontrolled({\n    value: expanded,\n    defaultValue: defaultExpanded,\n    finalValue: false,\n    onChange: onExpandedChange,\n  });\n  const { ref: contentRef, height } = useElementSize();\n  const spoilerMoreContent = show ? hideLabel : showLabel;\n  const spoiler = spoilerMoreContent !== null && maxHeight! < height;\n  const ariaLabel = show ? hideAriaLabel : showAriaLabel;\n\n  return (\n    <Box {...getStyles('root')} id={_id} data-has-spoiler={spoiler || undefined} {...others}>\n      {spoiler && (\n        <Anchor\n          component=\"button\"\n          type=\"button\"\n          ref={controlRef}\n          onClick={() => setShowState(!show)}\n          aria-expanded={show}\n          aria-controls={regionId}\n          aria-label={ariaLabel}\n          {...getStyles('control')}\n        >\n          {spoilerMoreContent}\n        </Anchor>\n      )}\n      <div\n        {...getStyles('content', {\n          style: { maxHeight: !show ? rem(maxHeight) : height ? rem(height) : undefined },\n        })}\n        data-reduce-motion\n        role=\"region\"\n        id={regionId}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </Box>\n  );\n});\n\nSpoiler.classes = classes;\nSpoiler.varsResolver = varsResolver;\nSpoiler.displayName = '@mantine/core/Spoiler';\n\nexport namespace Spoiler {\n  export type Props = SpoilerProps;\n  export type StylesNames = SpoilerStylesNames;\n  export type CssVariables = SpoilerCssVariables;\n  export type Factory = SpoilerFactory;\n}\n"],"mappings":";;;;;;;;;;;;AA6DA,MAAM,eAAe;CACnB,WAAW;CACX,iBAAiB;CAClB;AAED,MAAM,eAAe,oBAAoC,GAAG,EAAE,0BAA0B,EACtF,MAAM,EACJ,iCACE,uBAAuB,KAAA,IAAY,GAAG,mBAAmB,MAAM,KAAA,GAClE,EACF,EAAE;AAEH,MAAa,UAAU,SAAyB,WAAW;CACzD,MAAM,QAAQ,SAAS,WAAW,cAAc,OAAO;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,iBACA,WACA,WACA,WACA,UACA,YACA,oBACA,IACA,UACA,kBACA,eACA,eACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA0B;EAC1C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,MAAM,MAAM,GAAG;CACrB,MAAM,WAAW,GAAG,IAAI;CACxB,MAAM,CAAC,MAAM,gBAAgB,gBAAgB;EAC3C,OAAO;EACP,cAAc;EACd,YAAY;EACZ,UAAU;EACX,CAAC;CACF,MAAM,EAAE,KAAK,YAAY,WAAW,gBAAgB;CACpD,MAAM,qBAAqB,OAAO,YAAY;CAC9C,MAAM,UAAU,uBAAuB,QAAQ,YAAa;CAC5D,MAAM,YAAY,OAAO,gBAAgB;AAEzC,QACE,qBAAC,KAAD;EAAK,GAAI,UAAU,OAAO;EAAE,IAAI;EAAK,oBAAkB,WAAW,KAAA;EAAW,GAAI;YAAjF,CACG,WACC,oBAAC,QAAD;GACE,WAAU;GACV,MAAK;GACL,KAAK;GACL,eAAe,aAAa,CAAC,KAAK;GAClC,iBAAe;GACf,iBAAe;GACf,cAAY;GACZ,GAAI,UAAU,UAAU;aAEvB;GACM,CAAA,EAEX,oBAAC,OAAD;GACE,GAAI,UAAU,WAAW,EACvB,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,UAAU,GAAG,SAAS,IAAI,OAAO,GAAG,KAAA,GAAW,EAChF,CAAC;GACF,sBAAA;GACA,MAAK;GACL,IAAI;aAEJ,oBAAC,OAAD;IAAK,KAAK;IAAa;IAAe,CAAA;GAClC,CAAA,CACF;;EAER;AAEF,QAAQ,UAAUA;AAClB,QAAQ,eAAe;AACvB,QAAQ,cAAc"}
+{"version":3,"file":"Spoiler.mjs","names":["classes"],"sources":["../../../src/components/Spoiler/Spoiler.tsx"],"sourcesContent":["import { useElementSize, useId, useUncontrolled } 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 { Anchor } from '../Anchor';\nimport classes from './Spoiler.module.css';\n\nexport type SpoilerStylesNames = 'root' | 'control' | 'content';\nexport type SpoilerCssVariables = {\n  root: '--spoiler-transition-duration';\n};\n\nexport interface SpoilerProps\n  extends BoxProps, StylesApiProps<SpoilerFactory>, ElementProps<'div'> {\n  /** Maximum height of visible content in px. When content exceeds this height, the toggle control appears @default 100 */\n  maxHeight?: number;\n\n  /** Content displayed in the toggle button when content is collapsed (to expand) */\n  showLabel: React.ReactNode;\n\n  /** Content displayed in the toggle button when content is expanded (to collapse) */\n  hideLabel: React.ReactNode;\n\n  /** Ref of the toggle button element */\n  controlRef?: React.Ref<HTMLButtonElement>;\n\n  /** Initial expanded state in uncontrolled mode. If `true`, content starts expanded. If `false`, content starts collapsed @default false */\n  defaultExpanded?: boolean;\n\n  /** Controlled expanded state value */\n  expanded?: boolean;\n\n  /** Called when expanded state changes (when spoiler visibility is toggled by the user) */\n  onExpandedChange?: (expanded: boolean) => void;\n\n  /** Spoiler reveal transition duration in ms. Set to 0 to disable animation @default 200 */\n  transitionDuration?: number;\n\n  /** Accessible label for the toggle button when collapsed. If not set, `showLabel` is used */\n  showAriaLabel?: string;\n\n  /** Accessible label for the toggle button when expanded. If not set, `hideLabel` is used */\n  hideAriaLabel?: string;\n}\n\nexport type SpoilerFactory = Factory<{\n  props: SpoilerProps;\n  ref: HTMLDivElement;\n  stylesNames: SpoilerStylesNames;\n  vars: SpoilerCssVariables;\n}>;\n\nconst defaultProps = {\n  maxHeight: 100,\n  defaultExpanded: false,\n} satisfies Partial<SpoilerProps>;\n\nconst varsResolver = createVarsResolver<SpoilerFactory>((_, { transitionDuration }) => ({\n  root: {\n    '--spoiler-transition-duration':\n      transitionDuration !== undefined ? `${transitionDuration}ms` : undefined,\n  },\n}));\n\nexport const Spoiler = factory<SpoilerFactory>((_props) => {\n  const props = useProps('Spoiler', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    defaultExpanded,\n    maxHeight,\n    hideLabel,\n    showLabel,\n    children,\n    controlRef,\n    transitionDuration,\n    id,\n    expanded,\n    onExpandedChange,\n    showAriaLabel,\n    hideAriaLabel,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<SpoilerFactory>({\n    name: 'Spoiler',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const _id = useId(id);\n  const regionId = `${_id}-region`;\n  const [show, setShowState] = useUncontrolled({\n    value: expanded,\n    defaultValue: defaultExpanded,\n    finalValue: false,\n    onChange: onExpandedChange,\n  });\n  const { ref: contentRef, height } = useElementSize();\n  const spoilerMoreContent = show ? hideLabel : showLabel;\n  const spoiler = spoilerMoreContent !== null && maxHeight! < height;\n  const ariaLabel = show ? hideAriaLabel : showAriaLabel;\n\n  return (\n    <Box {...getStyles('root')} id={_id} data-has-spoiler={spoiler || undefined} {...others}>\n      {spoiler && (\n        <Anchor\n          component=\"button\"\n          type=\"button\"\n          ref={controlRef}\n          onClick={() => setShowState(!show)}\n          aria-expanded={show}\n          aria-controls={regionId}\n          aria-label={ariaLabel}\n          {...getStyles('control')}\n        >\n          {spoilerMoreContent}\n        </Anchor>\n      )}\n      <div\n        {...getStyles('content', {\n          style: { maxHeight: !show ? rem(maxHeight) : height ? rem(height) : undefined },\n        })}\n        data-reduce-motion\n        role=\"region\"\n        id={regionId}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </Box>\n  );\n});\n\nSpoiler.classes = classes;\nSpoiler.varsResolver = varsResolver;\nSpoiler.displayName = '@mantine/core/Spoiler';\n\nexport namespace Spoiler {\n  export type Props = SpoilerProps;\n  export type StylesNames = SpoilerStylesNames;\n  export type CssVariables = SpoilerCssVariables;\n  export type Factory = SpoilerFactory;\n}\n"],"mappings":";;;;;;;;;;;;AA6DA,MAAM,eAAe;CACnB,WAAW;CACX,iBAAiB;AACnB;AAEA,MAAM,eAAe,oBAAoC,GAAG,EAAE,0BAA0B,EACtF,MAAM,EACJ,iCACE,uBAAuB,KAAA,IAAY,GAAG,mBAAmB,MAAM,KAAA,EACnE,EACF,EAAE;AAEF,MAAa,UAAU,SAAyB,WAAW;CACzD,MAAM,QAAQ,SAAS,WAAW,cAAc,MAAM;CACtD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,iBACA,WACA,WACA,WACA,UACA,YACA,oBACA,IACA,UACA,kBACA,eACA,eACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA0B;EAC1C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,MAAM,MAAM,EAAE;CACpB,MAAM,WAAW,GAAG,IAAI;CACxB,MAAM,CAAC,MAAM,gBAAgB,gBAAgB;EAC3C,OAAO;EACP,cAAc;EACd,YAAY;EACZ,UAAU;CACZ,CAAC;CACD,MAAM,EAAE,KAAK,YAAY,WAAW,eAAe;CACnD,MAAM,qBAAqB,OAAO,YAAY;CAC9C,MAAM,UAAU,uBAAuB,QAAQ,YAAa;CAC5D,MAAM,YAAY,OAAO,gBAAgB;CAEzC,OACE,qBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,IAAI;EAAK,oBAAkB,WAAW,KAAA;EAAW,GAAI;YAAjF,CACG,WACC,oBAAC,QAAD;GACE,WAAU;GACV,MAAK;GACL,KAAK;GACL,eAAe,aAAa,CAAC,IAAI;GACjC,iBAAe;GACf,iBAAe;GACf,cAAY;GACZ,GAAI,UAAU,SAAS;aAEtB;EACK,CAAA,GAEV,oBAAC,OAAD;GACE,GAAI,UAAU,WAAW,EACvB,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,IAAI,KAAA,EAAU,EAChF,CAAC;GACD,sBAAA;GACA,MAAK;GACL,IAAI;aAEJ,oBAAC,OAAD;IAAK,KAAK;IAAa;GAAc,CAAA;EAClC,CAAA,CACF;;AAET,CAAC;AAED,QAAQ,UAAUA;AAClB,QAAQ,eAAe;AACvB,QAAQ,cAAc"}