@mantine/core 9.3.2 → 9.4.0

package/cjs/components/NavLink/NavLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.cjs","names":["createVarsResolver","getSpacing","polymorphicFactory","useProps","useStyles","UnstyledButton","Box","AccordionChevron","Collapse","classes"],"sources":["../../../src/components/NavLink/NavLink.tsx"],"sourcesContent":["import { useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getSpacing,\n  MantineColor,\n  MantineSpacing,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { Collapse } from '../Collapse';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './NavLink.module.css';\n\nexport type NavLinkStylesNames =\n  | 'root'\n  | 'section'\n  | 'body'\n  | 'label'\n  | 'description'\n  | 'chevron'\n  | 'collapse'\n  | 'children';\nexport type NavLinkVariant = 'filled' | 'light' | 'subtle';\nexport type NavLinkCssVariables = {\n  root: '--nl-color' | '--nl-bg' | '--nl-hover';\n  children: '--nl-offset';\n};\n\nexport interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {\n  /** Main link label */\n  label?: React.ReactNode;\n\n  /** Link description, displayed below the label */\n  description?: React.ReactNode;\n\n  /** Section displayed on the left side of the label */\n  leftSection?: React.ReactNode;\n\n  /** Section displayed on the right side of the label */\n  rightSection?: React.ReactNode;\n\n  /** Determines whether the link should have active styles @default false */\n  active?: boolean;\n\n  /** Key of `theme.colors` or any valid CSS color to control active styles @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** If set, label and description are truncated with ellipsis instead of wrapping @default false */\n  noWrap?: boolean;\n\n  /** Child `NavLink` components */\n  children?: React.ReactNode;\n\n  /** Controlled nested items collapse state */\n  opened?: boolean;\n\n  /** Uncontrolled nested items collapse initial state */\n  defaultOpened?: boolean;\n\n  /** Called when open state changes */\n  onChange?: (opened: boolean) => void;\n\n  /** If set, right section will not be rotated when collapse is opened @default false */\n  disableRightSectionRotation?: boolean;\n\n  /** Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value @default 'lg' */\n  childrenOffset?: MantineSpacing;\n\n  /** If set, disabled styles will be added to the root element @default false */\n  disabled?: boolean;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Called when the root element is clicked */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Called on keydown of the root element */\n  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n\n  /** If set to `false`, child `NavLinks` are unmounted when collapsed */\n  keepMounted?: boolean;\n}\n\nexport type NavLinkFactory = PolymorphicFactory<{\n  props: NavLinkProps;\n  defaultRef: HTMLAnchorElement;\n  defaultComponent: 'a';\n  stylesNames: NavLinkStylesNames;\n  vars: NavLinkCssVariables;\n  variant: NavLinkVariant;\n}>;\n\nconst varsResolver = createVarsResolver<NavLinkFactory>(\n  (theme, { variant, color, childrenOffset, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--nl-bg': color || variant ? colors.background : undefined,\n        '--nl-hover': color || variant ? colors.hover : undefined,\n        '--nl-color': color || variant ? colors.color : undefined,\n      },\n\n      children: {\n        '--nl-offset': getSpacing(childrenOffset),\n      },\n    };\n  }\n);\n\nexport const NavLink = polymorphicFactory<NavLinkFactory>((_props) => {\n  const props = useProps('NavLink', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    defaultOpened,\n    onChange,\n    children,\n    active,\n    disabled,\n    leftSection,\n    rightSection,\n    label,\n    description,\n    disableRightSectionRotation,\n    noWrap,\n    childrenOffset,\n    autoContrast,\n    mod,\n    attributes,\n    onClick,\n    onKeyDown,\n    keepMounted,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NavLinkFactory>({\n    name: 'NavLink',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange,\n  });\n\n  const withChildren = !!children;\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n\n    if (withChildren) {\n      event.preventDefault();\n      setOpened(!_opened);\n    }\n  };\n\n  return (\n    <>\n      <UnstyledButton\n        {...getStyles('root')}\n        component=\"a\"\n        onClick={handleClick}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n\n          if (event.nativeEvent.code === 'Space' && withChildren) {\n            event.preventDefault();\n            setOpened(!_opened);\n          }\n        }}\n        unstyled={unstyled}\n        mod={[{ disabled, active, expanded: _opened }, mod]}\n        {...others}\n      >\n        {leftSection && (\n          <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n            {leftSection}\n          </Box>\n        )}\n        <Box {...getStyles('body')} mod={{ 'no-wrap': noWrap }}>\n          <Box component=\"span\" {...getStyles('label')}>\n            {label}\n          </Box>\n          <Box component=\"span\" mod={{ active }} {...getStyles('description')}>\n            {description}\n          </Box>\n        </Box>\n        {(withChildren || rightSection !== undefined) && (\n          <Box\n            {...getStyles('section')}\n            component=\"span\"\n            mod={{ rotate: _opened && !disableRightSectionRotation, position: 'right' }}\n          >\n            {withChildren ? (\n              rightSection !== undefined ? (\n                rightSection\n              ) : (\n                <AccordionChevron {...getStyles('chevron')} />\n              )\n            ) : (\n              rightSection\n            )}\n          </Box>\n        )}\n      </UnstyledButton>\n      {withChildren && (\n        <Collapse expanded={_opened} keepMounted={keepMounted} {...getStyles('collapse')}>\n          <div {...getStyles('children')}>{children}</div>\n        </Collapse>\n      )}\n    </>\n  );\n});\n\nNavLink.classes = classes;\nNavLink.varsResolver = varsResolver;\nNavLink.displayName = '@mantine/core/NavLink';\n\nexport namespace NavLink {\n  export type Props = NavLinkProps;\n  export type StylesNames = NavLinkStylesNames;\n  export type CssVariables = NavLinkCssVariables;\n  export type Factory = NavLinkFactory;\n  export type Variant = NavLinkVariant;\n}\n"],"mappings":"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"}
+{"version":3,"file":"NavLink.cjs","names":["createVarsResolver","getSpacing","polymorphicFactory","useProps","useStyles","UnstyledButton","Box","AccordionChevron","Collapse","classes"],"sources":["../../../src/components/NavLink/NavLink.tsx"],"sourcesContent":["import { useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getSpacing,\n  MantineColor,\n  MantineSpacing,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { Collapse } from '../Collapse';\nimport { UnstyledButton } from '../UnstyledButton';\nimport classes from './NavLink.module.css';\n\nexport type NavLinkStylesNames =\n  | 'root'\n  | 'section'\n  | 'body'\n  | 'label'\n  | 'description'\n  | 'chevron'\n  | 'collapse'\n  | 'children';\nexport type NavLinkVariant = 'filled' | 'light' | 'subtle';\nexport type NavLinkCssVariables = {\n  root: '--nl-color' | '--nl-bg' | '--nl-hover';\n  children: '--nl-offset';\n};\n\nexport interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {\n  /** Main link label */\n  label?: React.ReactNode;\n\n  /** Link description, displayed below the label */\n  description?: React.ReactNode;\n\n  /** Section displayed on the left side of the label */\n  leftSection?: React.ReactNode;\n\n  /** Section displayed on the right side of the label */\n  rightSection?: React.ReactNode;\n\n  /** Determines whether the link should have active styles @default false */\n  active?: boolean;\n\n  /** Key of `theme.colors` or any valid CSS color to control active styles @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** If set, label and description are truncated with ellipsis instead of wrapping @default false */\n  noWrap?: boolean;\n\n  /** Child `NavLink` components */\n  children?: React.ReactNode;\n\n  /** Controlled nested items collapse state */\n  opened?: boolean;\n\n  /** Uncontrolled nested items collapse initial state */\n  defaultOpened?: boolean;\n\n  /** Called when open state changes */\n  onChange?: (opened: boolean) => void;\n\n  /** If set, right section will not be rotated when collapse is opened @default false */\n  disableRightSectionRotation?: boolean;\n\n  /** Controls indentation of nested NavLink components, key of `theme.spacing` or any valid CSS value @default 'lg' */\n  childrenOffset?: MantineSpacing;\n\n  /** If set, disabled styles will be added to the root element @default false */\n  disabled?: boolean;\n\n  /** If set, adjusts text color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Called when the root element is clicked */\n  onClick?: React.MouseEventHandler<HTMLElement>;\n\n  /** Called on keydown of the root element */\n  onKeyDown?: React.KeyboardEventHandler<HTMLElement>;\n\n  /** If set to `false`, child `NavLinks` are unmounted when collapsed */\n  keepMounted?: boolean;\n}\n\nexport type NavLinkFactory = PolymorphicFactory<{\n  props: NavLinkProps;\n  defaultRef: HTMLAnchorElement;\n  defaultComponent: 'a';\n  stylesNames: NavLinkStylesNames;\n  vars: NavLinkCssVariables;\n  variant: NavLinkVariant;\n}>;\n\nconst varsResolver = createVarsResolver<NavLinkFactory>(\n  (theme, { variant, color, childrenOffset, autoContrast }) => {\n    const colors = theme.variantColorResolver({\n      color: color || theme.primaryColor,\n      theme,\n      variant: variant || 'light',\n      autoContrast,\n    });\n\n    return {\n      root: {\n        '--nl-bg': color || variant ? colors.background : undefined,\n        '--nl-hover': color || variant ? colors.hover : undefined,\n        '--nl-color': color || variant ? colors.color : undefined,\n      },\n\n      children: {\n        '--nl-offset': getSpacing(childrenOffset),\n      },\n    };\n  }\n);\n\nexport const NavLink = polymorphicFactory<NavLinkFactory>((_props) => {\n  const props = useProps('NavLink', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    opened,\n    defaultOpened,\n    onChange,\n    children,\n    active,\n    disabled,\n    leftSection,\n    rightSection,\n    label,\n    description,\n    disableRightSectionRotation,\n    noWrap,\n    childrenOffset,\n    autoContrast,\n    mod,\n    attributes,\n    onClick,\n    onKeyDown,\n    keepMounted,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NavLinkFactory>({\n    name: 'NavLink',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange,\n  });\n\n  const withChildren = !!children;\n\n  const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n    onClick?.(event);\n\n    if (withChildren) {\n      event.preventDefault();\n      setOpened(!_opened);\n    }\n  };\n\n  return (\n    <>\n      <UnstyledButton\n        {...getStyles('root')}\n        component=\"a\"\n        onClick={handleClick}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n\n          if (event.nativeEvent.code === 'Space' && withChildren) {\n            event.preventDefault();\n            setOpened(!_opened);\n          }\n        }}\n        unstyled={unstyled}\n        mod={[{ disabled, active, expanded: _opened }, mod]}\n        {...others}\n      >\n        {leftSection && (\n          <Box component=\"span\" {...getStyles('section')} mod={{ position: 'left' }}>\n            {leftSection}\n          </Box>\n        )}\n        <Box {...getStyles('body')} mod={{ 'no-wrap': noWrap }}>\n          <Box component=\"span\" {...getStyles('label')}>\n            {label}\n          </Box>\n          <Box component=\"span\" mod={{ active }} {...getStyles('description')}>\n            {description}\n          </Box>\n        </Box>\n        {(withChildren || rightSection !== undefined) && (\n          <Box\n            {...getStyles('section')}\n            component=\"span\"\n            mod={{ rotate: _opened && !disableRightSectionRotation, position: 'right' }}\n          >\n            {withChildren ? (\n              rightSection !== undefined ? (\n                rightSection\n              ) : (\n                <AccordionChevron {...getStyles('chevron')} />\n              )\n            ) : (\n              rightSection\n            )}\n          </Box>\n        )}\n      </UnstyledButton>\n      {withChildren && (\n        <Collapse expanded={_opened} keepMounted={keepMounted} {...getStyles('collapse')}>\n          <div {...getStyles('children')}>{children}</div>\n        </Collapse>\n      )}\n    </>\n  );\n});\n\nNavLink.classes = classes;\nNavLink.varsResolver = varsResolver;\nNavLink.displayName = '@mantine/core/NavLink';\n\nexport namespace NavLink {\n  export type Props = NavLinkProps;\n  export type StylesNames = NavLinkStylesNames;\n  export type CssVariables = NavLinkCssVariables;\n  export type Factory = NavLinkFactory;\n  export type Variant = NavLinkVariant;\n}\n"],"mappings":"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"}

package/cjs/components/Notification/Notification.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.cjs","names":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useStyles","Box","Loader","CloseButton","classes"],"sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport classes from './Notification.module.css';\n\nexport type NotificationStylesNames =\n  | 'root'\n  | 'icon'\n  | 'loader'\n  | 'body'\n  | 'title'\n  | 'description'\n  | 'closeButton';\nexport type NotificationCssVariables = {\n  root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n  extends BoxProps, StylesApiProps<NotificationFactory>, ElementProps<'div', 'title'> {\n  /** Called when the close button is clicked */\n  onClose?: () => void;\n\n  /** Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left. @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed above the message body */\n  title?: React.ReactNode;\n\n  /** Notification description, displayed below the title. When no title is provided, this serves as the main message. */\n  children?: React.ReactNode;\n\n  /** If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided. */\n  loading?: boolean;\n\n  /** Adds border to the root element */\n  withBorder?: boolean;\n\n  /** If set, the close button is visible @default true */\n  withCloseButton?: boolean;\n\n  /** Props passed down to the close button */\n  closeButtonProps?: ElementProps<'button'> & DataAttributes;\n\n  /** Props passed down to the `Loader` component */\n  loaderProps?: LoaderProps;\n}\n\nexport type NotificationFactory = Factory<{\n  props: NotificationProps;\n  ref: HTMLDivElement;\n  stylesNames: NotificationStylesNames;\n  vars: NotificationCssVariables;\n}>;\n\nconst defaultProps = {\n  withCloseButton: true,\n} satisfies Partial<NotificationProps>;\n\nconst varsResolver = createVarsResolver<NotificationFactory>((theme, { radius, color }) => ({\n  root: {\n    '--notification-radius': radius === undefined ? undefined : getRadius(radius),\n    '--notification-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const Notification = factory<NotificationFactory>((_props) => {\n  const props = useProps('Notification', defaultProps, _props);\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    withCloseButton,\n    withBorder,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    loaderProps,\n    role,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NotificationFactory>({\n    name: 'Notification',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      mod={[{ 'data-with-icon': !!icon || loading, 'data-with-border': withBorder }, mod]}\n      role={role || 'alert'}\n      {...others}\n    >\n      {icon && !loading && <div {...getStyles('icon')}>{icon}</div>}\n      {loading && <Loader size={28} color={color} {...getStyles('loader')} {...loaderProps} />}\n\n      <div {...getStyles('body')}>\n        {title && <div {...getStyles('title')}>{title}</div>}\n\n        <Box {...getStyles('description')} mod={{ 'data-with-title': !!title }}>\n          {children}\n        </Box>\n      </div>\n\n      {withCloseButton && (\n        <CloseButton\n          iconSize={16}\n          color=\"gray\"\n          {...closeButtonProps}\n          unstyled={unstyled}\n          onClick={(event) => {\n            closeButtonProps?.onClick?.(event);\n            onClose?.();\n          }}\n          {...getStyles('closeButton')}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.classes = classes;\nNotification.varsResolver = varsResolver;\nNotification.displayName = '@mantine/core/Notification';\n\nexport namespace Notification {\n  export type Props = NotificationProps;\n  export type StylesNames = NotificationStylesNames;\n  export type Factory = NotificationFactory;\n  export type CssVariables = NotificationCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;AA2EA,MAAM,eAAe,EACnB,iBAAiB,KACnB;AAEA,MAAM,eAAeA,6BAAAA,oBAAyC,OAAO,EAAE,QAAQ,aAAa,EAC1F,MAAM;CACJ,yBAAyB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CAC5E,wBAAwB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA;AAChE,EACF,EAAE;AAEF,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,WACA,OACA,QACA,SACA,iBACA,YACA,OACA,MACA,UACA,SACA,kBACA,YACA,OACA,QACA,UACA,MACA,KACA,aACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM;EACN,SAAA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,KAAK,CAAC;GAAE,kBAAkB,CAAC,CAAC,QAAQ;GAAS,oBAAoB;EAAW,GAAG,GAAG;EAClF,MAAM,QAAQ;EACd,GAAI;YAJN;GAMG,QAAQ,CAAC,WAAW,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,GAAI,UAAU,MAAM;cAAI;GAAU,CAAA;GAC3D,WAAW,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IAAQ,MAAM;IAAW;IAAO,GAAI,UAAU,QAAQ;IAAG,GAAI;GAAc,CAAA;GAEvF,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,MAAM;cAAzB,CACG,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,GAAI,UAAU,OAAO;eAAI;IAAW,CAAA,GAEnD,iBAAA,GAAA,kBAAA,KAACD,YAAAA,KAAD;KAAK,GAAI,UAAU,aAAa;KAAG,KAAK,EAAE,mBAAmB,CAAC,CAAC,MAAM;KAClE;IACE,CAAA,CACF;;GAEJ,mBACC,iBAAA,GAAA,kBAAA,KAACE,oBAAAA,aAAD;IACE,UAAU;IACV,OAAM;IACN,GAAI;IACM;IACV,UAAU,UAAU;KAClB,kBAAkB,UAAU,KAAK;KACjC,UAAU;IACZ;IACA,GAAI,UAAU,aAAa;GAC5B,CAAA;EAEA;;AAET,CAAC;AAED,aAAa,UAAUC,4BAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}
+{"version":3,"file":"Notification.cjs","names":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useStyles","Box","Loader","CloseButton","classes"],"sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  DataAttributes,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { Loader, LoaderProps } from '../Loader';\nimport classes from './Notification.module.css';\n\nexport type NotificationStylesNames =\n  | 'root'\n  | 'icon'\n  | 'loader'\n  | 'body'\n  | 'title'\n  | 'description'\n  | 'closeButton';\nexport type NotificationCssVariables = {\n  root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n  extends BoxProps, StylesApiProps<NotificationFactory>, ElementProps<'div', 'title'> {\n  /** Called when the close button is clicked */\n  onClose?: () => void;\n\n  /** Controls icon background color or notification accent line color, key of `theme.colors` or any valid CSS color. When `icon` is provided, sets the icon background color. When no icon is provided, sets the colored accent line on the left. @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed above the message body */\n  title?: React.ReactNode;\n\n  /** Notification description, displayed below the title. When no title is provided, this serves as the main message. */\n  children?: React.ReactNode;\n\n  /** If set, displays a `Loader` component instead of the icon. Takes precedence over the `icon` prop if both are provided. */\n  loading?: boolean;\n\n  /** Adds border to the root element */\n  withBorder?: boolean;\n\n  /** If set, the close button is visible @default true */\n  withCloseButton?: boolean;\n\n  /** Props passed down to the close button */\n  closeButtonProps?: ElementProps<'button'> & DataAttributes;\n\n  /** Props passed down to the `Loader` component */\n  loaderProps?: LoaderProps;\n}\n\nexport type NotificationFactory = Factory<{\n  props: NotificationProps;\n  ref: HTMLDivElement;\n  stylesNames: NotificationStylesNames;\n  vars: NotificationCssVariables;\n}>;\n\nconst defaultProps = {\n  withCloseButton: true,\n} satisfies Partial<NotificationProps>;\n\nconst varsResolver = createVarsResolver<NotificationFactory>((theme, { radius, color }) => ({\n  root: {\n    '--notification-radius': radius === undefined ? undefined : getRadius(radius),\n    '--notification-color': color ? getThemeColor(color, theme) : undefined,\n  },\n}));\n\nexport const Notification = factory<NotificationFactory>((_props) => {\n  const props = useProps('Notification', defaultProps, _props);\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    withCloseButton,\n    withBorder,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    loaderProps,\n    role,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NotificationFactory>({\n    name: 'Notification',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      mod={[{ 'data-with-icon': !!icon || loading, 'data-with-border': withBorder }, mod]}\n      role={role || 'alert'}\n      {...others}\n    >\n      {icon && !loading && <div {...getStyles('icon')}>{icon}</div>}\n      {loading && <Loader size={28} color={color} {...getStyles('loader')} {...loaderProps} />}\n\n      <div {...getStyles('body')}>\n        {title && <div {...getStyles('title')}>{title}</div>}\n\n        <Box {...getStyles('description')} mod={{ 'data-with-title': !!title }}>\n          {children}\n        </Box>\n      </div>\n\n      {withCloseButton && (\n        <CloseButton\n          iconSize={16}\n          color=\"gray\"\n          {...closeButtonProps}\n          unstyled={unstyled}\n          onClick={(event) => {\n            closeButtonProps?.onClick?.(event);\n            onClose?.();\n          }}\n          {...getStyles('closeButton')}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.classes = classes;\nNotification.varsResolver = varsResolver;\nNotification.displayName = '@mantine/core/Notification';\n\nexport namespace Notification {\n  export type Props = NotificationProps;\n  export type StylesNames = NotificationStylesNames;\n  export type Factory = NotificationFactory;\n  export type CssVariables = NotificationCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;AA2EA,MAAM,eAAe,EACnB,iBAAiB,KACnB;AAEA,MAAM,eAAeA,6BAAAA,oBAAyC,OAAO,EAAE,QAAQ,aAAa,EAC1F,MAAM;CACJ,yBAAyB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CAC5E,wBAAwB,QAAQC,wBAAAA,cAAc,OAAO,KAAK,IAAI,KAAA;AAChE,EACF,EAAE;AAEF,MAAa,eAAeC,gBAAAA,SAA8B,WAAW;CACnE,MAAM,QAAQC,kBAAAA,SAAS,gBAAgB,cAAc,MAAM;CAC3D,MAAM,EACJ,WACA,OACA,QACA,SACA,iBACA,YACA,OACA,MACA,UACA,SACA,kBACA,YACA,OACA,QACA,UACA,MACA,KACA,aACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAA+B;EAC/C,MAAM;EACN,SAAA,4BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,KAAK,CAAC;GAAE,kBAAkB,CAAC,CAAC,QAAQ;GAAS,oBAAoB;EAAW,GAAG,GAAG;EAClF,MAAM,QAAQ;EACd,GAAI;YAJN;GAMG,QAAQ,CAAC,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,GAAI,UAAU,MAAM;cAAI;GAAU,CAAA;GAC3D,WAAW,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;IAAQ,MAAM;IAAW;IAAO,GAAI,UAAU,QAAQ;IAAG,GAAI;GAAc,CAAA;GAEvF,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,GAAI,UAAU,MAAM;cAAzB,CACG,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,GAAI,UAAU,OAAO;eAAI;IAAW,CAAA,GAEnD,iBAAA,GAAA,kBAAA,IAAA,CAACD,YAAAA,KAAD;KAAK,GAAI,UAAU,aAAa;KAAG,KAAK,EAAE,mBAAmB,CAAC,CAAC,MAAM;KAClE;IACE,CAAA,CACF;;GAEJ,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAACE,oBAAAA,aAAD;IACE,UAAU;IACV,OAAM;IACN,GAAI;IACM;IACV,UAAU,UAAU;KAClB,kBAAkB,UAAU,KAAK;KACjC,UAAU;IACZ;IACA,GAAI,UAAU,aAAa;GAC5B,CAAA;EAEA;;AAET,CAAC;AAED,aAAa,UAAUC,4BAAAA;AACvB,aAAa,eAAe;AAC5B,aAAa,cAAc"}

package/cjs/components/NumberFormatter/NumberFormatter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormatter.cjs","names":["useProps","NumericFormat"],"sources":["../../../src/components/NumberFormatter/NumberFormatter.tsx"],"sourcesContent":["import { NumericFormat } from 'react-number-format';\nimport { ExtendComponent, Factory, MantineThemeComponent, useProps } from '../../core';\n\nexport interface NumberFormatterProps extends React.ComponentProps<'span'> {\n  /** Value to format */\n  value?: number | string;\n\n  /** If set, negative values are allowed @default true */\n  allowNegative?: boolean;\n\n  /** Limits the number of digits that are displayed after the decimal point @default Infinity */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator, `'.'` by default */\n  decimalSeparator?: string;\n\n  /** If set, zeros are added after `decimalSeparator` to match given `decimalScale`. @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the value */\n  prefix?: string;\n\n  /** Suffix added after the value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A character used to separate thousands @default  ',' */\n  thousandSeparator?: string | boolean;\n}\n\nexport type NumberFormatterFactory = Factory<{\n  props: NumberFormatterProps;\n  ref: HTMLDivElement;\n}>;\n\nexport function NumberFormatter(_props: NumberFormatterProps) {\n  const { value, defaultValue, ...others } = useProps('NumberFormatter', null, _props);\n\n  if (value === undefined) {\n    return null;\n  }\n\n  return <NumericFormat displayType=\"text\" value={value} {...others} />;\n}\n\nconst extendNumberFormatter = (c: ExtendComponent<NumberFormatterFactory>): MantineThemeComponent =>\n  c;\n\nNumberFormatter.extend = extendNumberFormatter;\nNumberFormatter.displayName = '@mantine/core/NumberFormatter';\n\nexport namespace NumberFormatter {\n  export type Props = NumberFormatterProps;\n  export type Factory = NumberFormatterFactory;\n}\n"],"mappings":";;;;;AAqCA,SAAgB,gBAAgB,QAA8B;CAC5D,MAAM,EAAE,OAAO,cAAc,GAAG,WAAWA,kBAAAA,SAAS,mBAAmB,MAAM,MAAM;CAEnF,IAAI,UAAU,KAAA,GACZ,OAAO;CAGT,OAAO,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,eAAD;EAAe,aAAY;EAAc;EAAO,GAAI;CAAS,CAAA;AACtE;AAEA,MAAM,yBAAyB,MAC7B;AAEF,gBAAgB,SAAS;AACzB,gBAAgB,cAAc"}
+{"version":3,"file":"NumberFormatter.cjs","names":["useProps","NumericFormat"],"sources":["../../../src/components/NumberFormatter/NumberFormatter.tsx"],"sourcesContent":["import { NumericFormat } from 'react-number-format';\nimport { ExtendComponent, Factory, MantineThemeComponent, useProps } from '../../core';\n\nexport interface NumberFormatterProps extends React.ComponentProps<'span'> {\n  /** Value to format */\n  value?: number | string;\n\n  /** If set, negative values are allowed @default true */\n  allowNegative?: boolean;\n\n  /** Limits the number of digits that are displayed after the decimal point @default Infinity */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator, `'.'` by default */\n  decimalSeparator?: string;\n\n  /** If set, zeros are added after `decimalSeparator` to match given `decimalScale`. @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the value */\n  prefix?: string;\n\n  /** Suffix added after the value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A character used to separate thousands @default  ',' */\n  thousandSeparator?: string | boolean;\n}\n\nexport type NumberFormatterFactory = Factory<{\n  props: NumberFormatterProps;\n  ref: HTMLDivElement;\n}>;\n\nexport function NumberFormatter(_props: NumberFormatterProps) {\n  const { value, defaultValue, ...others } = useProps('NumberFormatter', null, _props);\n\n  if (value === undefined) {\n    return null;\n  }\n\n  return <NumericFormat displayType=\"text\" value={value} {...others} />;\n}\n\nconst extendNumberFormatter = (c: ExtendComponent<NumberFormatterFactory>): MantineThemeComponent =>\n  c;\n\nNumberFormatter.extend = extendNumberFormatter;\nNumberFormatter.displayName = '@mantine/core/NumberFormatter';\n\nexport namespace NumberFormatter {\n  export type Props = NumberFormatterProps;\n  export type Factory = NumberFormatterFactory;\n}\n"],"mappings":";;;;;AAqCA,SAAgB,gBAAgB,QAA8B;CAC5D,MAAM,EAAE,OAAO,cAAc,GAAG,WAAWA,kBAAAA,SAAS,mBAAmB,MAAM,MAAM;CAEnF,IAAI,UAAU,KAAA,GACZ,OAAO;CAGT,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,eAAD;EAAe,aAAY;EAAc;EAAO,GAAI;CAAS,CAAA;AACtE;AAEA,MAAM,yBAAyB,MAC7B;AAEF,gBAAgB,SAAS;AACzB,gBAAgB,cAAc"}

package/cjs/components/NumberInput/NumberInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.cjs","names":["createVarsResolver","getSize","genericFactory","useProps","useStyles","useResolvedStylesApi","noop","UnstyledButton","NumberInputChevron","InputBase","NumericFormat","classes"],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport cx from 'clsx';\nimport { NumberFormatValues, NumericFormat, OnValueChange } from 'react-number-format';\nimport { assignRef, clamp, useMergedRef, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getSize,\n  noop,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { NumberInputChevron } from './NumberInputChevron';\nimport classes from './NumberInput.module.css';\n\n// Re for negative -0, -0., -0.0, -0.00, -0.000 ... strings\n// And for positive 0., 0.0, 0.00, 0.000 ... strings\nconst leadingDecimalZeroPattern = /^(0\\.0*|-0(\\.0*)?)$/;\n\n// Re for 01, 006, 00.02, -0010, -000.293 ... and negative counterparts\nconst leadingZerosPattern = /^-?0\\d+(\\.\\d+)?\\.?$/;\n\n// Re for decimal numbers with trailing zeros like 13.0, 13.00, 5.10 ... strings\nconst trailingZerosPattern = /\\.\\d*0$/;\n\n// Re for numbers with trailing decimal separator like 10. or -3.\nconst trailingDecimalSeparatorPattern = /^-?\\d+\\.$/;\n\nexport interface NumberInputHandlers {\n  increment: () => void;\n  decrement: () => void;\n}\n\nexport type NumberInputMode = 'number' | 'bigint';\nexport type NumberInputNumericType = number | bigint;\nexport type NumberInputValue<T extends NumberInputNumericType = number> = T | string;\ntype NumberInputNumericValue<T extends NumberInputNumericType = number> = T;\ntype InternalNumberInputValue = string | number | bigint;\n\nfunction isNumberString(value: unknown) {\n  return typeof value === 'string' && value !== '' && !Number.isNaN(Number(value));\n}\n\nfunction isBigIntValue(value: unknown): value is bigint {\n  return typeof value === 'bigint';\n}\n\nfunction canStep(value: number | string) {\n  if (typeof value === 'number') {\n    return value < Number.MAX_SAFE_INTEGER;\n  }\n\n  return value === '' || (isNumberString(value) && Number(value) < Number.MAX_SAFE_INTEGER);\n}\n\nfunction isValidBigIntString(value: string, allowNegative: boolean) {\n  if (value === '') {\n    return false;\n  }\n\n  if (value === '-') {\n    return false;\n  }\n\n  if (!allowNegative && value.startsWith('-')) {\n    return false;\n  }\n\n  return /^-?\\d+$/.test(value);\n}\n\nfunction canStepBigInt(value: bigint | string, allowNegative: boolean) {\n  if (typeof value === 'bigint') {\n    return true;\n  }\n\n  return value === '' || isValidBigIntString(value, allowNegative);\n}\n\nfunction parseBigIntFromString(value: string): bigint | null {\n  if (!/^-?\\d+$/.test(value)) {\n    return null;\n  }\n\n  try {\n    return BigInt(value);\n  } catch {\n    return null;\n  }\n}\n\nfunction toBigIntOrUndefined(value: unknown): bigint | undefined {\n  if (typeof value === 'bigint') {\n    return value;\n  }\n\n  if (typeof value === 'number' && Number.isFinite(value) && Number.isInteger(value)) {\n    return BigInt(value);\n  }\n\n  return undefined;\n}\n\nfunction clampBigInt(value: bigint, min?: bigint, max?: bigint) {\n  if (min !== undefined && value < min) {\n    return min;\n  }\n\n  if (max !== undefined && value > max) {\n    return max;\n  }\n\n  return value;\n}\n\nfunction getTotalDigits(inputValue: string | number): number {\n  // All digits must be counted, parseFloat precision depends\n  // on the number of digits in the input, not only on the decimal scale\n  return inputValue.toString().replace('.', '').length;\n}\n\nfunction isValidNumber(floatValue: number | undefined, value: string): floatValue is number {\n  return (\n    (typeof floatValue === 'number'\n      ? floatValue < Number.MAX_SAFE_INTEGER\n      : !Number.isNaN(Number(floatValue))) &&\n    !Number.isNaN(floatValue) &&\n    getTotalDigits(value) < 14 &&\n    value !== ''\n  );\n}\n\nfunction isInRange(value: number | undefined, min: number | undefined, max: number | undefined) {\n  if (value === undefined) {\n    return true;\n  }\n\n  const minValid = min === undefined || value >= min;\n  const maxValid = max === undefined || value <= max;\n\n  return minValid && maxValid;\n}\n\nexport type NumberInputStylesNames = 'controls' | 'control' | __InputStylesNames;\nexport type NumberInputCssVariables = {\n  controls: '--ni-chevron-size';\n};\n\nexport interface NumberInputProps<T extends NumberInputNumericType = number>\n  extends\n    BoxProps,\n    Omit<__BaseInputProps, 'pointer'>,\n    StylesApiProps<NumberInputFactory>,\n    ElementProps<\n      'input',\n      'size' | 'type' | 'onChange' | 'value' | 'defaultValue' | 'min' | 'max' | 'step'\n    > {\n  /** Controlled component value */\n  value?: NumberInputValue<T>;\n\n  /** Uncontrolled component default value */\n  defaultValue?: NumberInputValue<T>;\n\n  /** Called when value changes */\n  onChange?: (value: NumberInputValue<T>) => void;\n\n  /** Called when value changes with `react-number-format` payload */\n  onValueChange?: OnValueChange;\n\n  /** Determines whether leading zeros are allowed during input. If `false`, leading zeros are removed as you type (e.g., typing `007` results in `7`). Works in conjunction with `trimLeadingZeroesOnBlur`. @default true */\n  allowLeadingZeros?: boolean;\n\n  /** Determines whether negative numbers are allowed. If `false`, the input will not accept negative values, and the decrement button will stop at `0` (when `min` is not set). @default true */\n  allowNegative?: boolean;\n\n  /** Characters which when pressed result in a decimal separator. These characters will be replaced by the `decimalSeparator` in the input value. @default ['.', ','] */\n  allowedDecimalSeparators?: string[];\n\n  /** Limits the number of digits that can be entered after the decimal point @default Infinity */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator. Generally used with `allowedDecimalSeparators` prop. @default '.' */\n  decimalSeparator?: string;\n\n  /** If `true`, automatically pads the decimal part with zeros to match `decimalScale` (e.g., with `decimalScale={2}`, typing `5.1` displays as `5.10`). Requires `decimalScale` to be set. @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the input value */\n  prefix?: string;\n\n  /** Suffix added after the input value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style. 'thousand' (1,000), 'lakh' (1,00,000), 'wan' (1,0000), 'none'. */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A function to validate the input value. If this function returns `false`, the `onChange` will not be called and the input value will not change. */\n  isAllowed?: (values: NumberFormatValues) => boolean;\n\n  /** Advanced: Set to `true` if you're passing numeric strings (e.g., `\"12345\"`) and using formatting props like `prefix` or `suffix`. In most cases, you don't need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details. @default false */\n  valueIsNumericString?: boolean;\n\n  /** Controls input `type` attribute @default 'text' */\n  type?: 'text' | 'tel' | 'password';\n\n  /** A character used to separate thousands */\n  thousandSeparator?: string | boolean;\n\n  /** Minimum possible value */\n  min?: NumberInputNumericValue<T>;\n\n  /** Maximum possible value */\n  max?: NumberInputNumericValue<T>;\n\n  /** Number by which value will be incremented/decremented with up/down controls and keyboard arrows @default 1 */\n  step?: NumberInputNumericValue<T>;\n\n  /** If set, the up/down controls are hidden @default false */\n  hideControls?: boolean;\n\n  /** Controls how values are clamped to the `min`/`max` range:\n   * - `'blur'` (default): User can type any value, but it's clamped when the input loses focus\n   * - `'strict'`: User cannot type values outside the range\n   * - `'none'`: No clamping; `min`/`max` only apply to increment/decrement controls and arrow keys\n   */\n  clampBehavior?: 'strict' | 'blur' | 'none';\n\n  /** If set, decimal values are allowed @default true */\n  allowDecimal?: boolean;\n\n  /** Increment/decrement handlers */\n  handlersRef?: React.Ref<NumberInputHandlers | undefined>;\n\n  /** Value used when incrementing/decrementing an empty input. If `min` is set and `startValue < min`, `min` is used instead. @default 0 */\n  startValue?: NumberInputNumericValue<T>;\n\n  /** Interval in milliseconds between value steps when increment/decrement button is held down. Can be a number or a function `(stepCount) => number` for dynamic intervals. Requires `stepHoldDelay` to be set. @default undefined */\n  stepHoldInterval?: number | ((stepCount: number) => number);\n\n  /** Initial delay in milliseconds before stepping the value. */\n  stepHoldDelay?: number;\n\n  /** If set, up/down keyboard events increment/decrement value @default true */\n  withKeyboardEvents?: boolean;\n\n  /** If set, leading zeros are removed on blur. For example, `00100` -> `100` @default true */\n  trimLeadingZeroesOnBlur?: boolean;\n\n  /** If set, all text is selected when the input receives focus @default false */\n  selectAllOnFocus?: boolean;\n\n  /** Called when the increment button or arrow up key is pressed and the value has reached the maximum */\n  onMinReached?: () => void;\n\n  /** Called when the decrement button or arrow down key is pressed and the value has reached the minimum */\n  onMaxReached?: () => void;\n}\n\nexport type NumberInputFactory = Factory<{\n  props: NumberInputProps;\n  ref: HTMLInputElement;\n  stylesNames: NumberInputStylesNames;\n  vars: NumberInputCssVariables;\n  variant: InputVariant;\n  signature: <T extends NumberInputNumericType = number>(\n    props: NumberInputProps<T>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  size: 'sm',\n  step: 1,\n  clampBehavior: 'blur',\n  allowDecimal: true,\n  allowNegative: true,\n  withKeyboardEvents: true,\n  allowLeadingZeros: true,\n  trimLeadingZeroesOnBlur: true,\n  startValue: 0,\n  allowedDecimalSeparators: ['.', ','],\n} satisfies Partial<NumberInputProps<number | bigint>>;\n\nconst varsResolver = createVarsResolver<NumberInputFactory>((_, { size }) => ({\n  controls: {\n    '--ni-chevron-size': getSize(size, 'ni-chevron-size'),\n  },\n}));\n\nfunction clampAndSanitizeInput(sanitizedValue: string | number, max?: number, min?: number) {\n  const stringValue = sanitizedValue.toString();\n  const hasTrailingDecimalSeparator = trailingDecimalSeparatorPattern.test(stringValue);\n\n  const replaced = stringValue.replace(/^0+(?=\\d)/, '');\n  const parsedValue = parseFloat(replaced);\n\n  if (Number.isNaN(parsedValue)) {\n    return replaced;\n  }\n\n  if (parsedValue > Number.MAX_SAFE_INTEGER) {\n    return max !== undefined ? max : replaced;\n  }\n\n  const clamped = clamp(parsedValue, min, max);\n\n  if (hasTrailingDecimalSeparator) {\n    const clampedString = clamped.toString().replace(/^0+(?=\\d)/, '');\n    return `${clampedString}.`;\n  }\n\n  return clamped;\n}\n\nfunction clampAndSanitizeBigIntInput(\n  sanitizedValue: string,\n  options: { min?: bigint; max?: bigint; clampBehavior: NumberInputProps['clampBehavior'] }\n) {\n  if (sanitizedValue === '' || sanitizedValue === '-') {\n    return sanitizedValue;\n  }\n\n  const parsed = parseBigIntFromString(sanitizedValue);\n\n  if (parsed === null) {\n    return sanitizedValue;\n  }\n\n  return options.clampBehavior === 'blur' ? clampBigInt(parsed, options.min, options.max) : parsed;\n}\n\nexport const NumberInput = genericFactory<NumberInputFactory>(\n  <T extends NumberInputNumericType = number>(_props: NumberInputProps<T>) => {\n    const props = useProps(\n      ['Input', 'InputWrapper', 'NumberInput'],\n      defaultProps as Partial<NumberInputProps>,\n      _props as unknown as NumberInputProps\n    );\n    const {\n      className,\n      classNames,\n      styles,\n      unstyled,\n      vars,\n      onChange,\n      onValueChange,\n      value,\n      defaultValue,\n      max,\n      min,\n      step,\n      hideControls,\n      rightSection,\n      isAllowed,\n      clampBehavior,\n      onBlur,\n      allowDecimal,\n      decimalScale,\n      onKeyDown,\n      onKeyDownCapture,\n      handlersRef,\n      startValue,\n      disabled,\n      rightSectionPointerEvents,\n      allowNegative,\n      readOnly,\n      size,\n      rightSectionWidth,\n      stepHoldInterval,\n      stepHoldDelay,\n      allowLeadingZeros,\n      withKeyboardEvents,\n      trimLeadingZeroesOnBlur,\n      allowedDecimalSeparators,\n      selectAllOnFocus,\n      onMinReached,\n      onMaxReached,\n      onFocus,\n      attributes,\n      ref,\n      ...others\n    } = props;\n    const allowNegativeResolved = allowNegative ?? true;\n    const allowLeadingZerosResolved = allowLeadingZeros ?? true;\n\n    const getStyles = useStyles<NumberInputFactory>({\n      name: 'NumberInput',\n      classes,\n      props: props as NumberInputProps,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n      vars,\n      varsResolver,\n    });\n\n    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<NumberInputFactory>({\n      classNames,\n      styles,\n      props: props as NumberInputProps,\n    });\n\n    const valueModeRef = useRef<NumberInputMode>(\n      isBigIntValue(value) || isBigIntValue(defaultValue) ? 'bigint' : 'number'\n    );\n\n    if (isBigIntValue(value)) {\n      valueModeRef.current = 'bigint';\n    } else if (typeof value === 'number') {\n      valueModeRef.current = 'number';\n    }\n\n    const isBigIntMode = valueModeRef.current === 'bigint';\n\n    const [_value, setValue] = useUncontrolled<InternalNumberInputValue>({\n      value: value as InternalNumberInputValue | undefined,\n      defaultValue: defaultValue as InternalNumberInputValue | undefined,\n      finalValue: '',\n      onChange: onChange as ((value: InternalNumberInputValue) => void) | undefined,\n    });\n\n    const shouldUseStepInterval = stepHoldDelay !== undefined && stepHoldInterval !== undefined;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const onStepTimeoutRef = useRef<number | null>(null);\n    const stepCountRef = useRef<number>(0);\n\n    const minNumber = typeof min === 'number' ? min : undefined;\n    const maxNumber = typeof max === 'number' ? max : undefined;\n    const stepNumber = typeof step === 'number' ? step : defaultProps.step;\n    const startValueNumber = typeof startValue === 'number' ? startValue : defaultProps.startValue;\n\n    const minBigInt = toBigIntOrUndefined(min);\n    const maxBigInt = toBigIntOrUndefined(max);\n    const stepBigInt = toBigIntOrUndefined(step) ?? BigInt(1);\n    const startValueBigInt = toBigIntOrUndefined(startValue) ?? BigInt(0);\n\n    const parseBigIntOrString = (inputValue: string): bigint | string => {\n      if (\n        !isValidBigIntString(inputValue, allowNegativeResolved) ||\n        (allowLeadingZerosResolved && leadingZerosPattern.test(inputValue))\n      ) {\n        return inputValue;\n      }\n\n      const parsed = parseBigIntFromString(inputValue);\n      return parsed ?? inputValue;\n    };\n\n    const getBigIntFloatValue = (inputValue: bigint) => {\n      const numericValue = Number(inputValue);\n      return Number.isSafeInteger(numericValue) ? numericValue : undefined;\n    };\n\n    const handleValueChange: OnValueChange = (payload, event) => {\n      if (event.source === 'event') {\n        if (isBigIntMode) {\n          setValue(parseBigIntOrString(payload.value));\n        } else {\n          setValue(\n            isValidNumber(payload.floatValue, payload.value) &&\n              !leadingDecimalZeroPattern.test(payload.value) &&\n              !(allowLeadingZerosResolved ? leadingZerosPattern.test(payload.value) : false) &&\n              !trailingZerosPattern.test(payload.value) &&\n              !trailingDecimalSeparatorPattern.test(payload.value)\n              ? payload.floatValue\n              : payload.value\n          );\n        }\n      }\n      onValueChange?.(payload, event);\n    };\n\n    const getDecimalPlaces = (inputValue: number | string): number => {\n      const match = String(inputValue).match(/(?:\\.(\\d+))?(?:[eE]([+-]?\\d+))?$/);\n      if (!match) {\n        return 0;\n      }\n      return Math.max(0, (match[1] ? match[1].length : 0) - (match[2] ? +match[2] : 0));\n    };\n\n    const adjustCursor = (position?: number) => {\n      if (inputRef.current && typeof position !== 'undefined') {\n        inputRef.current.setSelectionRange(position, position);\n      }\n    };\n\n    const incrementRef = useRef<() => void>(noop);\n    incrementRef.current = () => {\n      if (isBigIntMode) {\n        if (!canStepBigInt(_value as bigint | string, allowNegativeResolved)) {\n          return;\n        }\n\n        let val: bigint;\n        const currentValue = _value;\n\n        if (typeof currentValue === 'bigint') {\n          const incrementedValue = currentValue + stepBigInt;\n          if (maxBigInt !== undefined && incrementedValue > maxBigInt) {\n            onMaxReached?.();\n          }\n          val =\n            maxBigInt !== undefined && incrementedValue > maxBigInt ? maxBigInt : incrementedValue;\n        } else if (typeof currentValue === 'string' && currentValue !== '') {\n          const parsed = parseBigIntFromString(currentValue);\n          if (parsed === null) {\n            return;\n          }\n\n          const incrementedValue = parsed + stepBigInt;\n          if (maxBigInt !== undefined && incrementedValue > maxBigInt) {\n            onMaxReached?.();\n          }\n          val =\n            maxBigInt !== undefined && incrementedValue > maxBigInt ? maxBigInt : incrementedValue;\n        } else {\n          val = clampBigInt(startValueBigInt, minBigInt, maxBigInt);\n        }\n\n        const formattedValue = val.toString();\n        setValue(val);\n        onValueChange?.(\n          { floatValue: getBigIntFloatValue(val), formattedValue, value: formattedValue },\n          { source: 'increment' as any }\n        );\n        setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n        return;\n      }\n\n      if (!canStep(_value as number | string)) {\n        return;\n      }\n\n      let val: number;\n      const currentValuePrecision = getDecimalPlaces(_value as number | string);\n      const stepPrecision = getDecimalPlaces(stepNumber);\n      const maxPrecision = Math.max(currentValuePrecision, stepPrecision);\n      const factor = 10 ** maxPrecision;\n\n      if (!isNumberString(_value) && (typeof _value !== 'number' || Number.isNaN(_value))) {\n        val = clamp(startValueNumber, minNumber, maxNumber);\n      } else if (maxNumber !== undefined) {\n        const incrementedValue =\n          (Math.round(Number(_value) * factor) + Math.round(stepNumber * factor)) / factor;\n        if (incrementedValue > maxNumber) {\n          onMaxReached?.();\n        }\n        val = incrementedValue <= maxNumber ? incrementedValue : maxNumber;\n      } else {\n        val = (Math.round(Number(_value) * factor) + Math.round(stepNumber * factor)) / factor;\n      }\n\n      const formattedValue = val.toFixed(maxPrecision);\n      setValue(parseFloat(formattedValue));\n      onValueChange?.(\n        { floatValue: parseFloat(formattedValue), formattedValue, value: formattedValue },\n        { source: 'increment' as any }\n      );\n      setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n    };\n\n    const decrementRef = useRef<() => void>(noop);\n    decrementRef.current = () => {\n      if (isBigIntMode) {\n        if (!canStepBigInt(_value as bigint | string, allowNegativeResolved)) {\n          return;\n        }\n\n        let val: bigint;\n        const minValue =\n          minBigInt !== undefined ? minBigInt : !allowNegativeResolved ? BigInt(0) : undefined;\n        const currentValue = _value;\n\n        if (typeof currentValue === 'bigint') {\n          const decrementedValue = currentValue - stepBigInt;\n          if (minValue !== undefined && decrementedValue < minValue) {\n            onMinReached?.();\n          }\n          val = minValue !== undefined && decrementedValue < minValue ? minValue : decrementedValue;\n        } else if (typeof currentValue === 'string' && currentValue !== '') {\n          const parsed = parseBigIntFromString(currentValue);\n          if (parsed === null) {\n            return;\n          }\n\n          const decrementedValue = parsed - stepBigInt;\n          if (minValue !== undefined && decrementedValue < minValue) {\n            onMinReached?.();\n          }\n          val = minValue !== undefined && decrementedValue < minValue ? minValue : decrementedValue;\n        } else {\n          val = clampBigInt(startValueBigInt, minValue, maxBigInt);\n        }\n\n        const formattedValue = val.toString();\n        setValue(val);\n        onValueChange?.(\n          { floatValue: getBigIntFloatValue(val), formattedValue, value: formattedValue },\n          { source: 'decrement' as any }\n        );\n        setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n        return;\n      }\n\n      if (!canStep(_value as number | string)) {\n        return;\n      }\n\n      let val: number;\n      const minValue =\n        minNumber !== undefined ? minNumber : !allowNegativeResolved ? 0 : Number.MIN_SAFE_INTEGER;\n      const currentValuePrecision = getDecimalPlaces(_value as number | string);\n      const stepPrecision = getDecimalPlaces(stepNumber);\n      const maxPrecision = Math.max(currentValuePrecision, stepPrecision);\n      const factor = 10 ** maxPrecision;\n\n      if ((!isNumberString(_value) && typeof _value !== 'number') || Number.isNaN(_value)) {\n        val = clamp(startValueNumber, minValue, maxNumber);\n      } else {\n        const decrementedValue =\n          (Math.round(Number(_value) * factor) - Math.round(stepNumber * factor)) / factor;\n        if (minValue !== undefined && decrementedValue < minValue) {\n          onMinReached?.();\n        }\n        val = minValue !== undefined && decrementedValue < minValue ? minValue : decrementedValue;\n      }\n\n      const formattedValue = val.toFixed(maxPrecision);\n      setValue(parseFloat(formattedValue));\n      onValueChange?.(\n        { floatValue: parseFloat(formattedValue), formattedValue, value: formattedValue },\n        { source: 'decrement' as any }\n      );\n      setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n    };\n\n    const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      const pastedText = event.clipboardData.getData('text');\n      const _decimalSeparator = others.decimalSeparator || '.';\n      const separatorsToReplace = (allowedDecimalSeparators || ['.', ',']).filter(\n        (s) => s !== _decimalSeparator\n      );\n\n      if (separatorsToReplace.some((s) => pastedText.includes(s))) {\n        event.preventDefault();\n        let modifiedText = pastedText;\n        separatorsToReplace.forEach((s) => {\n          modifiedText = modifiedText.split(s).join(_decimalSeparator);\n        });\n\n        const input = inputRef.current;\n        if (input) {\n          const start = input.selectionStart ?? 0;\n          const end = input.selectionEnd ?? 0;\n          const currentValue = input.value;\n          const newValue =\n            currentValue.substring(0, start) + modifiedText + currentValue.substring(end);\n\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value'\n          )?.set;\n          nativeInputValueSetter?.call(input, newValue);\n          input.dispatchEvent(new Event('change', { bubbles: true }));\n\n          const cursorPos = start + modifiedText.length;\n          setTimeout(() => adjustCursor(cursorPos), 0);\n        }\n      }\n\n      others.onPaste?.(event as any);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n\n      if (readOnly || !withKeyboardEvents) {\n        return;\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        incrementRef.current?.();\n      }\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        decrementRef.current?.();\n      }\n    };\n\n    const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      onKeyDownCapture?.(event);\n      if (event.key === 'Backspace') {\n        const input = inputRef.current;\n        if (input && input.selectionStart === 0 && input.selectionStart === input.selectionEnd) {\n          event.preventDefault();\n          window.setTimeout(() => adjustCursor(0), 0);\n        }\n      }\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (selectAllOnFocus) {\n        setTimeout(() => event.currentTarget.select(), 0);\n      }\n      onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      let sanitizedValue = _value;\n\n      if (isBigIntMode) {\n        if (clampBehavior === 'blur' && typeof sanitizedValue === 'bigint') {\n          sanitizedValue = clampBigInt(sanitizedValue, minBigInt, maxBigInt);\n        }\n\n        if (trimLeadingZeroesOnBlur && typeof sanitizedValue === 'string') {\n          sanitizedValue = clampAndSanitizeBigIntInput(sanitizedValue, {\n            min: minBigInt,\n            max: maxBigInt,\n            clampBehavior,\n          });\n        }\n      } else {\n        if (clampBehavior === 'blur' && typeof sanitizedValue === 'number') {\n          sanitizedValue = clamp(sanitizedValue, minNumber, maxNumber);\n        }\n\n        if (\n          trimLeadingZeroesOnBlur &&\n          typeof sanitizedValue === 'string' &&\n          getDecimalPlaces(sanitizedValue) < 15\n        ) {\n          sanitizedValue = clampAndSanitizeInput(sanitizedValue, maxNumber, minNumber);\n        }\n      }\n\n      if (_value !== sanitizedValue) {\n        setValue(sanitizedValue);\n      }\n\n      onBlur?.(event);\n    };\n\n    assignRef(handlersRef, { increment: incrementRef.current, decrement: decrementRef.current });\n\n    const onStepHandleChange = (isIncrement: boolean) => {\n      if (isIncrement) {\n        incrementRef.current?.();\n      } else {\n        decrementRef.current?.();\n      }\n      stepCountRef.current += 1;\n    };\n\n    const onStepLoop = (isIncrement: boolean) => {\n      onStepHandleChange(isIncrement);\n\n      if (shouldUseStepInterval) {\n        const interval =\n          typeof stepHoldInterval === 'number'\n            ? stepHoldInterval\n            : stepHoldInterval(stepCountRef.current);\n        onStepTimeoutRef.current = window.setTimeout(() => onStepLoop(isIncrement), interval);\n      }\n    };\n\n    const onStep = (\n      event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n      isIncrement: boolean\n    ) => {\n      event.preventDefault();\n      inputRef.current?.focus();\n      onStepHandleChange(isIncrement);\n      if (shouldUseStepInterval) {\n        onStepTimeoutRef.current = window.setTimeout(() => onStepLoop(isIncrement), stepHoldDelay);\n      }\n    };\n\n    const onStepDone = () => {\n      if (onStepTimeoutRef.current) {\n        window.clearTimeout(onStepTimeoutRef.current);\n      }\n      onStepTimeoutRef.current = null;\n      stepCountRef.current = 0;\n    };\n\n    const controls = (\n      <div {...getStyles('controls')}>\n        <UnstyledButton\n          {...getStyles('control')}\n          tabIndex={-1}\n          aria-hidden\n          disabled={\n            disabled ||\n            (typeof _value === 'number' && maxNumber !== undefined && _value >= maxNumber) ||\n            (typeof _value === 'bigint' && maxBigInt !== undefined && _value >= maxBigInt)\n          }\n          mod={{ direction: 'up' }}\n          onMouseDown={(event) => event.preventDefault()}\n          onPointerDown={(event) => {\n            onStep(event, true);\n          }}\n          onPointerUp={onStepDone}\n          onPointerLeave={onStepDone}\n        >\n          <NumberInputChevron direction=\"up\" />\n        </UnstyledButton>\n        <UnstyledButton\n          {...getStyles('control')}\n          tabIndex={-1}\n          aria-hidden\n          disabled={\n            disabled ||\n            (typeof _value === 'number' && minNumber !== undefined && _value <= minNumber) ||\n            (typeof _value === 'bigint' && minBigInt !== undefined && _value <= minBigInt)\n          }\n          mod={{ direction: 'down' }}\n          onMouseDown={(event) => event.preventDefault()}\n          onPointerDown={(event) => {\n            onStep(event, false);\n          }}\n          onPointerUp={onStepDone}\n          onPointerLeave={onStepDone}\n        >\n          <NumberInputChevron direction=\"down\" />\n        </UnstyledButton>\n      </div>\n    );\n\n    return (\n      <InputBase\n        component={NumericFormat}\n        allowNegative={allowNegative}\n        className={cx(classes.root, className)}\n        size={size}\n        {...others}\n        inputMode={isBigIntMode ? 'numeric' : 'decimal'}\n        readOnly={readOnly}\n        disabled={disabled}\n        value={typeof _value === 'bigint' ? _value.toString() : _value}\n        getInputRef={useMergedRef(ref, inputRef)}\n        onValueChange={handleValueChange}\n        rightSection={\n          hideControls ||\n          readOnly ||\n          !(isBigIntMode\n            ? canStepBigInt(_value as bigint | string, allowNegativeResolved)\n            : canStep(_value as number | string))\n            ? rightSection\n            : rightSection || controls\n        }\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        __staticSelector=\"NumberInput\"\n        decimalScale={isBigIntMode ? 0 : allowDecimal ? decimalScale : 0}\n        onPaste={handlePaste}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyDownCapture={handleKeyDownCapture}\n        rightSectionPointerEvents={rightSectionPointerEvents ?? (disabled ? 'none' : undefined)}\n        rightSectionWidth={rightSectionWidth ?? `var(--ni-right-section-width-${size || 'sm'})`}\n        allowLeadingZeros={allowLeadingZeros}\n        allowedDecimalSeparators={allowedDecimalSeparators}\n        onBlur={handleBlur}\n        attributes={attributes}\n        isAllowed={(val) => {\n          const userAllowed = isAllowed ? isAllowed(val) : true;\n          if (!userAllowed) {\n            return false;\n          }\n\n          if (clampBehavior !== 'strict') {\n            return true;\n          }\n\n          if (!isBigIntMode) {\n            return isInRange(val.floatValue, minNumber, maxNumber);\n          }\n\n          if (val.value === '' || val.value === '-') {\n            return true;\n          }\n\n          const parsed = parseBigIntFromString(val.value);\n\n          if (parsed === null) {\n            return true;\n          }\n\n          return (\n            (minBigInt === undefined || parsed >= minBigInt) &&\n            (maxBigInt === undefined || parsed <= maxBigInt)\n          );\n        }}\n      />\n    );\n  }\n);\n\nNumberInput.classes = { ...InputBase.classes, ...classes };\nNumberInput.varsResolver = varsResolver;\nNumberInput.displayName = '@mantine/core/NumberInput';\n\nexport namespace NumberInput {\n  export type Props<T extends NumberInputNumericType = number> = NumberInputProps<T>;\n  export type StylesNames = NumberInputStylesNames;\n  export type Factory = NumberInputFactory;\n  export type CssVariables = NumberInputCssVariables;\n  export type Handlers = NumberInputHandlers;\n}\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.cjs","names":["createVarsResolver","getSize","genericFactory","useProps","useStyles","useResolvedStylesApi","noop","UnstyledButton","NumberInputChevron","InputBase","NumericFormat","classes"],"sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport cx from 'clsx';\nimport { NumberFormatValues, NumericFormat, OnValueChange } from 'react-number-format';\nimport { assignRef, clamp, useMergedRef, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getSize,\n  noop,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { NumberInputChevron } from './NumberInputChevron';\nimport classes from './NumberInput.module.css';\n\n// Re for negative -0, -0., -0.0, -0.00, -0.000 ... strings\n// And for positive 0., 0.0, 0.00, 0.000 ... strings\nconst leadingDecimalZeroPattern = /^(0\\.0*|-0(\\.0*)?)$/;\n\n// Re for 01, 006, 00.02, -0010, -000.293 ... and negative counterparts\nconst leadingZerosPattern = /^-?0\\d+(\\.\\d+)?\\.?$/;\n\n// Re for decimal numbers with trailing zeros like 13.0, 13.00, 5.10 ... strings\nconst trailingZerosPattern = /\\.\\d*0$/;\n\n// Re for numbers with trailing decimal separator like 10. or -3.\nconst trailingDecimalSeparatorPattern = /^-?\\d+\\.$/;\n\nexport interface NumberInputHandlers {\n  increment: () => void;\n  decrement: () => void;\n}\n\nexport type NumberInputMode = 'number' | 'bigint';\nexport type NumberInputNumericType = number | bigint;\nexport type NumberInputValue<T extends NumberInputNumericType = number> = T | string;\ntype NumberInputNumericValue<T extends NumberInputNumericType = number> = T;\ntype InternalNumberInputValue = string | number | bigint;\n\nfunction isNumberString(value: unknown) {\n  return typeof value === 'string' && value !== '' && !Number.isNaN(Number(value));\n}\n\nfunction isBigIntValue(value: unknown): value is bigint {\n  return typeof value === 'bigint';\n}\n\nfunction canStep(value: number | string) {\n  if (typeof value === 'number') {\n    return value < Number.MAX_SAFE_INTEGER;\n  }\n\n  return value === '' || (isNumberString(value) && Number(value) < Number.MAX_SAFE_INTEGER);\n}\n\nfunction isValidBigIntString(value: string, allowNegative: boolean) {\n  if (value === '') {\n    return false;\n  }\n\n  if (value === '-') {\n    return false;\n  }\n\n  if (!allowNegative && value.startsWith('-')) {\n    return false;\n  }\n\n  return /^-?\\d+$/.test(value);\n}\n\nfunction canStepBigInt(value: bigint | string, allowNegative: boolean) {\n  if (typeof value === 'bigint') {\n    return true;\n  }\n\n  return value === '' || isValidBigIntString(value, allowNegative);\n}\n\nfunction parseBigIntFromString(value: string): bigint | null {\n  if (!/^-?\\d+$/.test(value)) {\n    return null;\n  }\n\n  try {\n    return BigInt(value);\n  } catch {\n    return null;\n  }\n}\n\nfunction toBigIntOrUndefined(value: unknown): bigint | undefined {\n  if (typeof value === 'bigint') {\n    return value;\n  }\n\n  if (typeof value === 'number' && Number.isFinite(value) && Number.isInteger(value)) {\n    return BigInt(value);\n  }\n\n  return undefined;\n}\n\nfunction clampBigInt(value: bigint, min?: bigint, max?: bigint) {\n  if (min !== undefined && value < min) {\n    return min;\n  }\n\n  if (max !== undefined && value > max) {\n    return max;\n  }\n\n  return value;\n}\n\nfunction getTotalDigits(inputValue: string | number): number {\n  // All digits must be counted, parseFloat precision depends\n  // on the number of digits in the input, not only on the decimal scale\n  return inputValue.toString().replace('.', '').length;\n}\n\nfunction isValidNumber(floatValue: number | undefined, value: string): floatValue is number {\n  return (\n    (typeof floatValue === 'number'\n      ? floatValue < Number.MAX_SAFE_INTEGER\n      : !Number.isNaN(Number(floatValue))) &&\n    !Number.isNaN(floatValue) &&\n    getTotalDigits(value) < 14 &&\n    value !== ''\n  );\n}\n\nfunction isInRange(value: number | undefined, min: number | undefined, max: number | undefined) {\n  if (value === undefined) {\n    return true;\n  }\n\n  const minValid = min === undefined || value >= min;\n  const maxValid = max === undefined || value <= max;\n\n  return minValid && maxValid;\n}\n\nexport type NumberInputStylesNames = 'controls' | 'control' | __InputStylesNames;\nexport type NumberInputCssVariables = {\n  controls: '--ni-chevron-size';\n};\n\nexport interface NumberInputProps<T extends NumberInputNumericType = number>\n  extends\n    BoxProps,\n    Omit<__BaseInputProps, 'pointer'>,\n    StylesApiProps<NumberInputFactory>,\n    ElementProps<\n      'input',\n      'size' | 'type' | 'onChange' | 'value' | 'defaultValue' | 'min' | 'max' | 'step'\n    > {\n  /** Controlled component value */\n  value?: NumberInputValue<T>;\n\n  /** Uncontrolled component default value */\n  defaultValue?: NumberInputValue<T>;\n\n  /** Called when value changes */\n  onChange?: (value: NumberInputValue<T>) => void;\n\n  /** Called when value changes with `react-number-format` payload */\n  onValueChange?: OnValueChange;\n\n  /** Determines whether leading zeros are allowed during input. If `false`, leading zeros are removed as you type (e.g., typing `007` results in `7`). Works in conjunction with `trimLeadingZeroesOnBlur`. @default true */\n  allowLeadingZeros?: boolean;\n\n  /** Determines whether negative numbers are allowed. If `false`, the input will not accept negative values, and the decrement button will stop at `0` (when `min` is not set). @default true */\n  allowNegative?: boolean;\n\n  /** Characters which when pressed result in a decimal separator. These characters will be replaced by the `decimalSeparator` in the input value. @default ['.', ','] */\n  allowedDecimalSeparators?: string[];\n\n  /** Limits the number of digits that can be entered after the decimal point @default Infinity */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator. Generally used with `allowedDecimalSeparators` prop. @default '.' */\n  decimalSeparator?: string;\n\n  /** If `true`, automatically pads the decimal part with zeros to match `decimalScale` (e.g., with `decimalScale={2}`, typing `5.1` displays as `5.10`). Requires `decimalScale` to be set. @default false */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the input value */\n  prefix?: string;\n\n  /** Suffix added after the input value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style. 'thousand' (1,000), 'lakh' (1,00,000), 'wan' (1,0000), 'none'. */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A function to validate the input value. If this function returns `false`, the `onChange` will not be called and the input value will not change. */\n  isAllowed?: (values: NumberFormatValues) => boolean;\n\n  /** Advanced: Set to `true` if you're passing numeric strings (e.g., `\"12345\"`) and using formatting props like `prefix` or `suffix`. In most cases, you don't need this prop. See [react-number-format docs](https://www.npmjs.com/package/react-number-format) for details. @default false */\n  valueIsNumericString?: boolean;\n\n  /** Controls input `type` attribute @default 'text' */\n  type?: 'text' | 'tel' | 'password';\n\n  /** A character used to separate thousands */\n  thousandSeparator?: string | boolean;\n\n  /** Minimum possible value */\n  min?: NumberInputNumericValue<T>;\n\n  /** Maximum possible value */\n  max?: NumberInputNumericValue<T>;\n\n  /** Number by which value will be incremented/decremented with up/down controls and keyboard arrows @default 1 */\n  step?: NumberInputNumericValue<T>;\n\n  /** If set, the up/down controls are hidden @default false */\n  hideControls?: boolean;\n\n  /** Controls how values are clamped to the `min`/`max` range:\n   * - `'blur'` (default): User can type any value, but it's clamped when the input loses focus\n   * - `'strict'`: User cannot type values outside the range\n   * - `'none'`: No clamping; `min`/`max` only apply to increment/decrement controls and arrow keys\n   */\n  clampBehavior?: 'strict' | 'blur' | 'none';\n\n  /** If set, decimal values are allowed @default true */\n  allowDecimal?: boolean;\n\n  /** Increment/decrement handlers */\n  handlersRef?: React.Ref<NumberInputHandlers | undefined>;\n\n  /** Value used when incrementing/decrementing an empty input. If `min` is set and `startValue < min`, `min` is used instead. @default 0 */\n  startValue?: NumberInputNumericValue<T>;\n\n  /** Interval in milliseconds between value steps when increment/decrement button is held down. Can be a number or a function `(stepCount) => number` for dynamic intervals. Requires `stepHoldDelay` to be set. @default undefined */\n  stepHoldInterval?: number | ((stepCount: number) => number);\n\n  /** Initial delay in milliseconds before stepping the value. */\n  stepHoldDelay?: number;\n\n  /** If set, up/down keyboard events increment/decrement value @default true */\n  withKeyboardEvents?: boolean;\n\n  /** If set, leading zeros are removed on blur. For example, `00100` -> `100` @default true */\n  trimLeadingZeroesOnBlur?: boolean;\n\n  /** If set, all text is selected when the input receives focus @default false */\n  selectAllOnFocus?: boolean;\n\n  /** Called when the increment button or arrow up key is pressed and the value has reached the maximum */\n  onMinReached?: () => void;\n\n  /** Called when the decrement button or arrow down key is pressed and the value has reached the minimum */\n  onMaxReached?: () => void;\n}\n\nexport type NumberInputFactory = Factory<{\n  props: NumberInputProps;\n  ref: HTMLInputElement;\n  stylesNames: NumberInputStylesNames;\n  vars: NumberInputCssVariables;\n  variant: InputVariant;\n  signature: <T extends NumberInputNumericType = number>(\n    props: NumberInputProps<T>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  size: 'sm',\n  step: 1,\n  clampBehavior: 'blur',\n  allowDecimal: true,\n  allowNegative: true,\n  withKeyboardEvents: true,\n  allowLeadingZeros: true,\n  trimLeadingZeroesOnBlur: true,\n  startValue: 0,\n  allowedDecimalSeparators: ['.', ','],\n} satisfies Partial<NumberInputProps<number | bigint>>;\n\nconst varsResolver = createVarsResolver<NumberInputFactory>((_, { size }) => ({\n  controls: {\n    '--ni-chevron-size': getSize(size, 'ni-chevron-size'),\n  },\n}));\n\nfunction clampAndSanitizeInput(sanitizedValue: string | number, max?: number, min?: number) {\n  const stringValue = sanitizedValue.toString();\n  const hasTrailingDecimalSeparator = trailingDecimalSeparatorPattern.test(stringValue);\n\n  const replaced = stringValue.replace(/^0+(?=\\d)/, '');\n  const parsedValue = parseFloat(replaced);\n\n  if (Number.isNaN(parsedValue)) {\n    return replaced;\n  }\n\n  if (parsedValue > Number.MAX_SAFE_INTEGER) {\n    return max !== undefined ? max : replaced;\n  }\n\n  const clamped = clamp(parsedValue, min, max);\n\n  if (hasTrailingDecimalSeparator) {\n    const clampedString = clamped.toString().replace(/^0+(?=\\d)/, '');\n    return `${clampedString}.`;\n  }\n\n  return clamped;\n}\n\nfunction clampAndSanitizeBigIntInput(\n  sanitizedValue: string,\n  options: { min?: bigint; max?: bigint; clampBehavior: NumberInputProps['clampBehavior'] }\n) {\n  if (sanitizedValue === '' || sanitizedValue === '-') {\n    return sanitizedValue;\n  }\n\n  const parsed = parseBigIntFromString(sanitizedValue);\n\n  if (parsed === null) {\n    return sanitizedValue;\n  }\n\n  return options.clampBehavior === 'blur' ? clampBigInt(parsed, options.min, options.max) : parsed;\n}\n\nexport const NumberInput = genericFactory<NumberInputFactory>(\n  <T extends NumberInputNumericType = number>(_props: NumberInputProps<T>) => {\n    const props = useProps(\n      ['Input', 'InputWrapper', 'NumberInput'],\n      defaultProps as Partial<NumberInputProps>,\n      _props as unknown as NumberInputProps\n    );\n    const {\n      className,\n      classNames,\n      styles,\n      unstyled,\n      vars,\n      onChange,\n      onValueChange,\n      value,\n      defaultValue,\n      max,\n      min,\n      step,\n      hideControls,\n      rightSection,\n      isAllowed,\n      clampBehavior,\n      onBlur,\n      allowDecimal,\n      decimalScale,\n      onKeyDown,\n      onKeyDownCapture,\n      handlersRef,\n      startValue,\n      disabled,\n      rightSectionPointerEvents,\n      allowNegative,\n      readOnly,\n      size,\n      rightSectionWidth,\n      stepHoldInterval,\n      stepHoldDelay,\n      allowLeadingZeros,\n      withKeyboardEvents,\n      trimLeadingZeroesOnBlur,\n      allowedDecimalSeparators,\n      selectAllOnFocus,\n      onMinReached,\n      onMaxReached,\n      onFocus,\n      attributes,\n      ref,\n      ...others\n    } = props;\n    const allowNegativeResolved = allowNegative ?? true;\n    const allowLeadingZerosResolved = allowLeadingZeros ?? true;\n\n    const getStyles = useStyles<NumberInputFactory>({\n      name: 'NumberInput',\n      classes,\n      props: props as NumberInputProps,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n      vars,\n      varsResolver,\n    });\n\n    const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<NumberInputFactory>({\n      classNames,\n      styles,\n      props: props as NumberInputProps,\n    });\n\n    const valueModeRef = useRef<NumberInputMode>(\n      isBigIntValue(value) || isBigIntValue(defaultValue) ? 'bigint' : 'number'\n    );\n\n    if (isBigIntValue(value)) {\n      valueModeRef.current = 'bigint';\n    } else if (typeof value === 'number') {\n      valueModeRef.current = 'number';\n    }\n\n    const isBigIntMode = valueModeRef.current === 'bigint';\n\n    const [_value, setValue] = useUncontrolled<InternalNumberInputValue>({\n      value: value as InternalNumberInputValue | undefined,\n      defaultValue: defaultValue as InternalNumberInputValue | undefined,\n      finalValue: '',\n      onChange: onChange as ((value: InternalNumberInputValue) => void) | undefined,\n    });\n\n    const shouldUseStepInterval = stepHoldDelay !== undefined && stepHoldInterval !== undefined;\n    const inputRef = useRef<HTMLInputElement>(null);\n    const onStepTimeoutRef = useRef<number | null>(null);\n    const stepCountRef = useRef<number>(0);\n\n    const minNumber = typeof min === 'number' ? min : undefined;\n    const maxNumber = typeof max === 'number' ? max : undefined;\n    const stepNumber = typeof step === 'number' ? step : defaultProps.step;\n    const startValueNumber = typeof startValue === 'number' ? startValue : defaultProps.startValue;\n\n    const minBigInt = toBigIntOrUndefined(min);\n    const maxBigInt = toBigIntOrUndefined(max);\n    const stepBigInt = toBigIntOrUndefined(step) ?? BigInt(1);\n    const startValueBigInt = toBigIntOrUndefined(startValue) ?? BigInt(0);\n\n    const parseBigIntOrString = (inputValue: string): bigint | string => {\n      if (\n        !isValidBigIntString(inputValue, allowNegativeResolved) ||\n        (allowLeadingZerosResolved && leadingZerosPattern.test(inputValue))\n      ) {\n        return inputValue;\n      }\n\n      const parsed = parseBigIntFromString(inputValue);\n      return parsed ?? inputValue;\n    };\n\n    const getBigIntFloatValue = (inputValue: bigint) => {\n      const numericValue = Number(inputValue);\n      return Number.isSafeInteger(numericValue) ? numericValue : undefined;\n    };\n\n    const handleValueChange: OnValueChange = (payload, event) => {\n      if (event.source === 'event') {\n        if (isBigIntMode) {\n          setValue(parseBigIntOrString(payload.value));\n        } else {\n          setValue(\n            isValidNumber(payload.floatValue, payload.value) &&\n              !leadingDecimalZeroPattern.test(payload.value) &&\n              !(allowLeadingZerosResolved ? leadingZerosPattern.test(payload.value) : false) &&\n              !trailingZerosPattern.test(payload.value) &&\n              !trailingDecimalSeparatorPattern.test(payload.value)\n              ? payload.floatValue\n              : payload.value\n          );\n        }\n      }\n      onValueChange?.(payload, event);\n    };\n\n    const getDecimalPlaces = (inputValue: number | string): number => {\n      const match = String(inputValue).match(/(?:\\.(\\d+))?(?:[eE]([+-]?\\d+))?$/);\n      if (!match) {\n        return 0;\n      }\n      return Math.max(0, (match[1] ? match[1].length : 0) - (match[2] ? +match[2] : 0));\n    };\n\n    const adjustCursor = (position?: number) => {\n      if (inputRef.current && typeof position !== 'undefined') {\n        inputRef.current.setSelectionRange(position, position);\n      }\n    };\n\n    const incrementRef = useRef<() => void>(noop);\n    incrementRef.current = () => {\n      if (isBigIntMode) {\n        if (!canStepBigInt(_value as bigint | string, allowNegativeResolved)) {\n          return;\n        }\n\n        let val: bigint;\n        const currentValue = _value;\n\n        if (typeof currentValue === 'bigint') {\n          const incrementedValue = currentValue + stepBigInt;\n          if (maxBigInt !== undefined && incrementedValue > maxBigInt) {\n            onMaxReached?.();\n          }\n          val =\n            maxBigInt !== undefined && incrementedValue > maxBigInt ? maxBigInt : incrementedValue;\n        } else if (typeof currentValue === 'string' && currentValue !== '') {\n          const parsed = parseBigIntFromString(currentValue);\n          if (parsed === null) {\n            return;\n          }\n\n          const incrementedValue = parsed + stepBigInt;\n          if (maxBigInt !== undefined && incrementedValue > maxBigInt) {\n            onMaxReached?.();\n          }\n          val =\n            maxBigInt !== undefined && incrementedValue > maxBigInt ? maxBigInt : incrementedValue;\n        } else {\n          val = clampBigInt(startValueBigInt, minBigInt, maxBigInt);\n        }\n\n        const formattedValue = val.toString();\n        setValue(val);\n        onValueChange?.(\n          { floatValue: getBigIntFloatValue(val), formattedValue, value: formattedValue },\n          { source: 'increment' as any }\n        );\n        setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n        return;\n      }\n\n      if (!canStep(_value as number | string)) {\n        return;\n      }\n\n      let val: number;\n      const currentValuePrecision = getDecimalPlaces(_value as number | string);\n      const stepPrecision = getDecimalPlaces(stepNumber);\n      const maxPrecision = Math.max(currentValuePrecision, stepPrecision);\n      const factor = 10 ** maxPrecision;\n\n      if (!isNumberString(_value) && (typeof _value !== 'number' || Number.isNaN(_value))) {\n        val = clamp(startValueNumber, minNumber, maxNumber);\n      } else if (maxNumber !== undefined) {\n        const incrementedValue =\n          (Math.round(Number(_value) * factor) + Math.round(stepNumber * factor)) / factor;\n        if (incrementedValue > maxNumber) {\n          onMaxReached?.();\n        }\n        val = incrementedValue <= maxNumber ? incrementedValue : maxNumber;\n      } else {\n        val = (Math.round(Number(_value) * factor) + Math.round(stepNumber * factor)) / factor;\n      }\n\n      const formattedValue = val.toFixed(maxPrecision);\n      setValue(parseFloat(formattedValue));\n      onValueChange?.(\n        { floatValue: parseFloat(formattedValue), formattedValue, value: formattedValue },\n        { source: 'increment' as any }\n      );\n      setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n    };\n\n    const decrementRef = useRef<() => void>(noop);\n    decrementRef.current = () => {\n      if (isBigIntMode) {\n        if (!canStepBigInt(_value as bigint | string, allowNegativeResolved)) {\n          return;\n        }\n\n        let val: bigint;\n        const minValue =\n          minBigInt !== undefined ? minBigInt : !allowNegativeResolved ? BigInt(0) : undefined;\n        const currentValue = _value;\n\n        if (typeof currentValue === 'bigint') {\n          const decrementedValue = currentValue - stepBigInt;\n          if (minValue !== undefined && decrementedValue < minValue) {\n            onMinReached?.();\n          }\n          val = minValue !== undefined && decrementedValue < minValue ? minValue : decrementedValue;\n        } else if (typeof currentValue === 'string' && currentValue !== '') {\n          const parsed = parseBigIntFromString(currentValue);\n          if (parsed === null) {\n            return;\n          }\n\n          const decrementedValue = parsed - stepBigInt;\n          if (minValue !== undefined && decrementedValue < minValue) {\n            onMinReached?.();\n          }\n          val = minValue !== undefined && decrementedValue < minValue ? minValue : decrementedValue;\n        } else {\n          val = clampBigInt(startValueBigInt, minValue, maxBigInt);\n        }\n\n        const formattedValue = val.toString();\n        setValue(val);\n        onValueChange?.(\n          { floatValue: getBigIntFloatValue(val), formattedValue, value: formattedValue },\n          { source: 'decrement' as any }\n        );\n        setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n        return;\n      }\n\n      if (!canStep(_value as number | string)) {\n        return;\n      }\n\n      let val: number;\n      const minValue =\n        minNumber !== undefined ? minNumber : !allowNegativeResolved ? 0 : Number.MIN_SAFE_INTEGER;\n      const currentValuePrecision = getDecimalPlaces(_value as number | string);\n      const stepPrecision = getDecimalPlaces(stepNumber);\n      const maxPrecision = Math.max(currentValuePrecision, stepPrecision);\n      const factor = 10 ** maxPrecision;\n\n      if ((!isNumberString(_value) && typeof _value !== 'number') || Number.isNaN(_value)) {\n        val = clamp(startValueNumber, minValue, maxNumber);\n      } else {\n        const decrementedValue =\n          (Math.round(Number(_value) * factor) - Math.round(stepNumber * factor)) / factor;\n        if (minValue !== undefined && decrementedValue < minValue) {\n          onMinReached?.();\n        }\n        val = minValue !== undefined && decrementedValue < minValue ? minValue : decrementedValue;\n      }\n\n      const formattedValue = val.toFixed(maxPrecision);\n      setValue(parseFloat(formattedValue));\n      onValueChange?.(\n        { floatValue: parseFloat(formattedValue), formattedValue, value: formattedValue },\n        { source: 'decrement' as any }\n      );\n      setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);\n    };\n\n    const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n      const pastedText = event.clipboardData.getData('text');\n      const _decimalSeparator = others.decimalSeparator || '.';\n      const separatorsToReplace = (allowedDecimalSeparators || ['.', ',']).filter(\n        (s) => s !== _decimalSeparator\n      );\n\n      if (separatorsToReplace.some((s) => pastedText.includes(s))) {\n        event.preventDefault();\n        let modifiedText = pastedText;\n        separatorsToReplace.forEach((s) => {\n          modifiedText = modifiedText.split(s).join(_decimalSeparator);\n        });\n\n        const input = inputRef.current;\n        if (input) {\n          const start = input.selectionStart ?? 0;\n          const end = input.selectionEnd ?? 0;\n          const currentValue = input.value;\n          const newValue =\n            currentValue.substring(0, start) + modifiedText + currentValue.substring(end);\n\n          const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n            window.HTMLInputElement.prototype,\n            'value'\n          )?.set;\n          nativeInputValueSetter?.call(input, newValue);\n          input.dispatchEvent(new Event('change', { bubbles: true }));\n\n          const cursorPos = start + modifiedText.length;\n          setTimeout(() => adjustCursor(cursorPos), 0);\n        }\n      }\n\n      others.onPaste?.(event as any);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      onKeyDown?.(event);\n\n      if (readOnly || !withKeyboardEvents) {\n        return;\n      }\n\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        incrementRef.current?.();\n      }\n\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        decrementRef.current?.();\n      }\n    };\n\n    const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      onKeyDownCapture?.(event);\n      if (event.key === 'Backspace') {\n        const input = inputRef.current;\n        if (input && input.selectionStart === 0 && input.selectionStart === input.selectionEnd) {\n          event.preventDefault();\n          window.setTimeout(() => adjustCursor(0), 0);\n        }\n      }\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (selectAllOnFocus) {\n        setTimeout(() => event.currentTarget.select(), 0);\n      }\n      onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      let sanitizedValue = _value;\n\n      if (isBigIntMode) {\n        if (clampBehavior === 'blur' && typeof sanitizedValue === 'bigint') {\n          sanitizedValue = clampBigInt(sanitizedValue, minBigInt, maxBigInt);\n        }\n\n        if (trimLeadingZeroesOnBlur && typeof sanitizedValue === 'string') {\n          sanitizedValue = clampAndSanitizeBigIntInput(sanitizedValue, {\n            min: minBigInt,\n            max: maxBigInt,\n            clampBehavior,\n          });\n        }\n      } else {\n        if (clampBehavior === 'blur' && typeof sanitizedValue === 'number') {\n          sanitizedValue = clamp(sanitizedValue, minNumber, maxNumber);\n        }\n\n        if (\n          trimLeadingZeroesOnBlur &&\n          typeof sanitizedValue === 'string' &&\n          getDecimalPlaces(sanitizedValue) < 15\n        ) {\n          sanitizedValue = clampAndSanitizeInput(sanitizedValue, maxNumber, minNumber);\n        }\n      }\n\n      if (_value !== sanitizedValue) {\n        setValue(sanitizedValue);\n      }\n\n      onBlur?.(event);\n    };\n\n    assignRef(handlersRef, { increment: incrementRef.current, decrement: decrementRef.current });\n\n    const onStepHandleChange = (isIncrement: boolean) => {\n      if (isIncrement) {\n        incrementRef.current?.();\n      } else {\n        decrementRef.current?.();\n      }\n      stepCountRef.current += 1;\n    };\n\n    const onStepLoop = (isIncrement: boolean) => {\n      onStepHandleChange(isIncrement);\n\n      if (shouldUseStepInterval) {\n        const interval =\n          typeof stepHoldInterval === 'number'\n            ? stepHoldInterval\n            : stepHoldInterval(stepCountRef.current);\n        onStepTimeoutRef.current = window.setTimeout(() => onStepLoop(isIncrement), interval);\n      }\n    };\n\n    const onStep = (\n      event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n      isIncrement: boolean\n    ) => {\n      event.preventDefault();\n      inputRef.current?.focus();\n      onStepHandleChange(isIncrement);\n      if (shouldUseStepInterval) {\n        onStepTimeoutRef.current = window.setTimeout(() => onStepLoop(isIncrement), stepHoldDelay);\n      }\n    };\n\n    const onStepDone = () => {\n      if (onStepTimeoutRef.current) {\n        window.clearTimeout(onStepTimeoutRef.current);\n      }\n      onStepTimeoutRef.current = null;\n      stepCountRef.current = 0;\n    };\n\n    const controls = (\n      <div {...getStyles('controls')}>\n        <UnstyledButton\n          {...getStyles('control')}\n          tabIndex={-1}\n          aria-hidden\n          disabled={\n            disabled ||\n            (typeof _value === 'number' && maxNumber !== undefined && _value >= maxNumber) ||\n            (typeof _value === 'bigint' && maxBigInt !== undefined && _value >= maxBigInt)\n          }\n          mod={{ direction: 'up' }}\n          onMouseDown={(event) => event.preventDefault()}\n          onPointerDown={(event) => {\n            onStep(event, true);\n          }}\n          onPointerUp={onStepDone}\n          onPointerLeave={onStepDone}\n        >\n          <NumberInputChevron direction=\"up\" />\n        </UnstyledButton>\n        <UnstyledButton\n          {...getStyles('control')}\n          tabIndex={-1}\n          aria-hidden\n          disabled={\n            disabled ||\n            (typeof _value === 'number' && minNumber !== undefined && _value <= minNumber) ||\n            (typeof _value === 'bigint' && minBigInt !== undefined && _value <= minBigInt)\n          }\n          mod={{ direction: 'down' }}\n          onMouseDown={(event) => event.preventDefault()}\n          onPointerDown={(event) => {\n            onStep(event, false);\n          }}\n          onPointerUp={onStepDone}\n          onPointerLeave={onStepDone}\n        >\n          <NumberInputChevron direction=\"down\" />\n        </UnstyledButton>\n      </div>\n    );\n\n    return (\n      <InputBase\n        component={NumericFormat}\n        allowNegative={allowNegative}\n        className={cx(classes.root, className)}\n        size={size}\n        {...others}\n        inputMode={isBigIntMode ? 'numeric' : 'decimal'}\n        readOnly={readOnly}\n        disabled={disabled}\n        value={typeof _value === 'bigint' ? _value.toString() : _value}\n        getInputRef={useMergedRef(ref, inputRef)}\n        onValueChange={handleValueChange}\n        rightSection={\n          hideControls ||\n          readOnly ||\n          !(isBigIntMode\n            ? canStepBigInt(_value as bigint | string, allowNegativeResolved)\n            : canStep(_value as number | string))\n            ? rightSection\n            : rightSection || controls\n        }\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        __staticSelector=\"NumberInput\"\n        decimalScale={isBigIntMode ? 0 : allowDecimal ? decimalScale : 0}\n        onPaste={handlePaste}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onKeyDownCapture={handleKeyDownCapture}\n        rightSectionPointerEvents={rightSectionPointerEvents ?? (disabled ? 'none' : undefined)}\n        rightSectionWidth={rightSectionWidth ?? `var(--ni-right-section-width-${size || 'sm'})`}\n        allowLeadingZeros={allowLeadingZeros}\n        allowedDecimalSeparators={allowedDecimalSeparators}\n        onBlur={handleBlur}\n        attributes={attributes}\n        isAllowed={(val) => {\n          const userAllowed = isAllowed ? isAllowed(val) : true;\n          if (!userAllowed) {\n            return false;\n          }\n\n          if (clampBehavior !== 'strict') {\n            return true;\n          }\n\n          if (!isBigIntMode) {\n            return isInRange(val.floatValue, minNumber, maxNumber);\n          }\n\n          if (val.value === '' || val.value === '-') {\n            return true;\n          }\n\n          const parsed = parseBigIntFromString(val.value);\n\n          if (parsed === null) {\n            return true;\n          }\n\n          return (\n            (minBigInt === undefined || parsed >= minBigInt) &&\n            (maxBigInt === undefined || parsed <= maxBigInt)\n          );\n        }}\n      />\n    );\n  }\n);\n\nNumberInput.classes = { ...InputBase.classes, ...classes };\nNumberInput.varsResolver = varsResolver;\nNumberInput.displayName = '@mantine/core/NumberInput';\n\nexport namespace NumberInput {\n  export type Props<T extends NumberInputNumericType = number> = NumberInputProps<T>;\n  export type StylesNames = NumberInputStylesNames;\n  export type Factory = NumberInputFactory;\n  export type CssVariables = NumberInputCssVariables;\n  export type Handlers = NumberInputHandlers;\n}\n"],"mappings":"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"}

package/cjs/components/NumberInput/NumberInputChevron.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputChevron.cjs","names":[],"sources":["../../../src/components/NumberInput/NumberInputChevron.tsx"],"sourcesContent":["interface ChevronProps extends React.ComponentProps<'svg'> {\n  direction: 'up' | 'down';\n}\n\nexport function NumberInputChevron({ direction, style, ...others }: ChevronProps) {\n  return (\n    <svg\n      style={{\n        width: 'var(--ni-chevron-size)',\n        height: 'var(--ni-chevron-size)',\n        transform: direction === 'up' ? 'rotate(180deg)' : undefined,\n        ...style,\n      }}\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...others}\n    >\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,mBAAmB,EAAE,WAAW,OAAO,GAAG,UAAwB;CAChF,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,OAAO;GACL,OAAO;GACP,QAAQ;GACR,WAAW,cAAc,OAAO,mBAAmB,KAAA;GACnD,GAAG;EACL;EACA,SAAQ;EACR,MAAK;EACL,OAAM;EACN,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;GACT,UAAS;EACV,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"NumberInputChevron.cjs","names":[],"sources":["../../../src/components/NumberInput/NumberInputChevron.tsx"],"sourcesContent":["interface ChevronProps extends React.ComponentProps<'svg'> {\n  direction: 'up' | 'down';\n}\n\nexport function NumberInputChevron({ direction, style, ...others }: ChevronProps) {\n  return (\n    <svg\n      style={{\n        width: 'var(--ni-chevron-size)',\n        height: 'var(--ni-chevron-size)',\n        transform: direction === 'up' ? 'rotate(180deg)' : undefined,\n        ...style,\n      }}\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...others}\n    >\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,mBAAmB,EAAE,WAAW,OAAO,GAAG,UAAwB;CAChF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,OAAO;GACL,OAAO;GACP,QAAQ;GACR,WAAW,cAAc,OAAO,mBAAmB,KAAA;GACnD,GAAG;EACL;EACA,SAAQ;EACR,MAAK;EACL,OAAM;EACN,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GACE,GAAE;GACF,MAAK;GACL,UAAS;GACT,UAAS;EACV,CAAA;CACE,CAAA;AAET"}

package/cjs/components/OverflowList/OverflowList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowList.cjs","names":["createVarsResolver","getSpacing","genericFactory","useProps","useStyles","useDimensions","getRowPositionsData","Box","Fragment","classes"],"sources":["../../../src/components/OverflowList/OverflowList.tsx"],"sourcesContent":["// Originally based on https://github.com/Eliav2/react-responsive-overflow-list (MIT License)\n// Contains the modified version adapted for Mantine\nimport { cloneElement, useMemo, useRef, useState } from 'react';\nimport { Fragment } from 'react/jsx-runtime';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getSpacing,\n  MantineSpacing,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { getRowPositionsData } from './get-row-position-data';\nimport { useDimensions } from './use-dimensions';\nimport classes from './OverflowList.module.css';\n\nexport type OverflowListStylesNames = 'root';\nexport type OverflowListCssVariables = {\n  root: '--ol-gap';\n};\n\nexport interface OverflowListProps<T = any>\n  extends BoxProps, StylesApiProps<OverflowListFactory>, ElementProps<'div', 'children'> {\n  /** Array of items to display */\n  data: T[];\n\n  /** Function to render item */\n  renderItem: (item: T, index: number) => React.ReactNode;\n\n  /** Function to render hidden items */\n  renderOverflow: (items: T[]) => React.ReactNode;\n\n  /** Number of rows to display @default 1 */\n  maxRows?: number;\n\n  /** Maximum number of visible items @default Infinity */\n  maxVisibleItems?: number;\n\n  /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem @default 'xs' */\n  gap?: MantineSpacing;\n\n  /** Direction from which items are collapsed when they overflow, `'end'` collapses last items, `'start'` collapses first items @default 'end' */\n  collapseFrom?: 'start' | 'end';\n\n  /** A function to resolve a unique key for each item. Used to detect when the contents of `data`\n   * change (for example when items are reordered while the length stays the same) so the\n   * visible/overflow split can be recomputed. Required to detect reordering when `data` contains\n   * objects; for primitive items (strings, numbers) the item value is used by default. */\n  getItemKey?: (item: T, index: number) => React.Key;\n}\n\nexport type OverflowListFactory = Factory<{\n  props: OverflowListProps<any>;\n  ref: HTMLDivElement;\n  stylesNames: OverflowListStylesNames;\n  vars: OverflowListCssVariables;\n  signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  maxRows: 1,\n  maxVisibleItems: Infinity,\n} satisfies Partial<OverflowListProps<any>>;\n\nconst varsResolver = createVarsResolver<OverflowListFactory>((_, { gap }) => ({\n  root: {\n    '--ol-gap': getSpacing(gap),\n  },\n}));\n\nfunction getDataSignature<T>(\n  data: T[],\n  getItemKey: ((item: T, index: number) => React.Key) | undefined\n): string {\n  return data\n    .map((item, index) => {\n      if (getItemKey) {\n        return getItemKey(item, index);\n      }\n      return item !== null && (typeof item === 'object' || typeof item === 'function')\n        ? index\n        : String(item);\n    })\n    .join('\\u0000');\n}\n\nexport const OverflowList = genericFactory<OverflowListFactory>((_props) => {\n  const props = useProps('OverflowList', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    data,\n    renderOverflow,\n    renderItem,\n    maxRows,\n    maxVisibleItems,\n    collapseFrom,\n    getItemKey,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<OverflowListFactory>({\n    name: 'OverflowList',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const [visibleCount, setVisibleCount] = useState(data.length);\n  const [subtractCount, setSubtractCount] = useState(0);\n  const [phase, setPhase] = useState<'normal' | 'measuring' | 'measuring-overflow-indicator'>(\n    'normal'\n  );\n\n  const containerRef = useRef<HTMLElement>(null);\n  const rootRef = useMergedRef(containerRef, ref);\n  const finalVisibleCount = visibleCount - subtractCount;\n  const overflowCount = data.length - finalVisibleCount;\n  const showOverflow = overflowCount > 0 && phase !== 'measuring';\n  const isCollapseStart = collapseFrom === 'start';\n  const overflowItems = isCollapseStart\n    ? data.slice(0, data.length - finalVisibleCount)\n    : data.slice(finalVisibleCount);\n  const overflowElement = showOverflow ? renderOverflow?.(overflowItems) : null;\n\n  const _overflowRef = useRef<HTMLElement>(null);\n  const overflowRef = useMergedRef(_overflowRef, (overflowElement as any)?.ref);\n  const dimensions = useDimensions(containerRef);\n  const dataKey = useMemo(() => getDataSignature(data, getItemKey), [data, getItemKey]);\n\n  useIsomorphicEffect(() => {\n    setPhase('measuring');\n    setVisibleCount(data.length);\n    setSubtractCount(0);\n  }, [dataKey, maxRows, collapseFrom]);\n\n  useIsomorphicEffect(() => {\n    if (phase === 'measuring') {\n      countVisibleItems();\n      setPhase('measuring-overflow-indicator');\n    }\n  }, [phase]);\n\n  useIsomorphicEffect(() => {\n    if (phase === 'measuring-overflow-indicator') {\n      const updateWasNeeded = updateOverflowIndicator();\n      if (!updateWasNeeded) {\n        setPhase('normal');\n      }\n    }\n  }, [phase, subtractCount]);\n\n  useIsomorphicEffect(() => {\n    if (phase === 'normal') {\n      setPhase('measuring');\n      setSubtractCount(0);\n    }\n  }, [dimensions]);\n\n  const fitsInRows = (\n    itemWidths: number[],\n    containerWidth: number,\n    columnGap: number,\n    startIndex = 0\n  ) => {\n    let rows = 1;\n    let rowWidth = 0;\n\n    for (let i = startIndex; i < itemWidths.length; i += 1) {\n      const width = itemWidths[i];\n      const needed = rowWidth > 0 ? width + columnGap : width;\n\n      if (rowWidth + needed > containerWidth && rowWidth > 0) {\n        rows++;\n        if (rows > maxRows!) {\n          return false;\n        }\n        rowWidth = width;\n      } else {\n        rowWidth += needed;\n      }\n    }\n\n    return true;\n  };\n\n  const countVisibleItems = () => {\n    const rowData = getRowPositionsData(containerRef, _overflowRef);\n    if (!rowData) {\n      return;\n    }\n\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    if (isCollapseStart) {\n      const containerWidth = container.getBoundingClientRect().width;\n      const columnGap = parseFloat(getComputedStyle(container).columnGap) || 0;\n      const children = rowData.children;\n      const widths = children.map((child) => child.getBoundingClientRect().width);\n\n      let count = 0;\n      for (let i = widths.length - 1; i >= 0; i--) {\n        if (!fitsInRows(widths, containerWidth, columnGap, i)) {\n          break;\n        }\n        count = widths.length - i;\n      }\n\n      count = Math.min(count, maxVisibleItems!);\n      setVisibleCount(count);\n      return;\n    }\n\n    if (data.length === 1) {\n      const itemRef = rowData.itemsSizesMap[rowData.rowPositions[0]].elements.values().next().value;\n      const containerWidth = container.getBoundingClientRect().width;\n      const itemWidth = itemRef?.getBoundingClientRect().width ?? 0;\n\n      if (itemWidth > containerWidth) {\n        setVisibleCount(0);\n      } else {\n        setVisibleCount(1);\n      }\n\n      return;\n    }\n\n    const visibleRowPositions = rowData.rowPositions.slice(0, maxRows);\n\n    let fittingCount = visibleRowPositions.reduce((acc, position) => {\n      return acc + rowData.itemsSizesMap[position].elements.size;\n    }, 0);\n\n    fittingCount = Math.min(fittingCount, maxVisibleItems);\n    setVisibleCount(fittingCount);\n  };\n\n  const updateOverflowIndicator = () => {\n    if (!_overflowRef.current) {\n      return false;\n    }\n    const rowData = getRowPositionsData(containerRef, _overflowRef);\n    if (!rowData) {\n      return false;\n    }\n\n    const { rowPositions, itemsSizesMap } = rowData;\n\n    if (isCollapseStart) {\n      const container = containerRef.current;\n      if (!container) {\n        return false;\n      }\n      const containerWidth = container.getBoundingClientRect().width;\n      const columnGap = parseFloat(getComputedStyle(container).columnGap) || 0;\n      const overflowWidth = _overflowRef.current.getBoundingClientRect().width;\n      const children = rowData.children;\n      const itemWidths = [\n        overflowWidth,\n        ...children.map((child) => child.getBoundingClientRect().width),\n      ];\n\n      if (!fitsInRows(itemWidths, containerWidth, columnGap)) {\n        setSubtractCount((c) => c + 1);\n        return true;\n      }\n\n      return false;\n    }\n\n    const overflowRect = _overflowRef.current.getBoundingClientRect();\n    const overflowMiddleY = overflowRect.top + overflowRect.height / 2;\n    const lastRowTop = rowPositions[rowPositions.length - 1];\n    const lastRow = itemsSizesMap[lastRowTop];\n\n    if (overflowMiddleY > lastRow.bottom) {\n      setSubtractCount((c) => c + 1);\n      return true;\n    }\n\n    return false;\n  };\n\n  const clonedOverflowElement = overflowElement\n    ? cloneElement(overflowElement as React.ReactElement<any>, { ref: overflowRef })\n    : null;\n\n  let finalItems = data;\n  if (maxVisibleItems) {\n    finalItems = isCollapseStart\n      ? finalItems.slice(-maxVisibleItems!)\n      : finalItems.slice(0, maxVisibleItems);\n  }\n\n  const indexOffset = isCollapseStart ? data.length - finalItems.length : 0;\n\n  return (\n    <Box ref={rootRef} {...getStyles('root')} {...others}>\n      {isCollapseStart && clonedOverflowElement}\n\n      {finalItems.map((item, index) => {\n        const isVisible =\n          phase === 'measuring' ||\n          (isCollapseStart\n            ? index >= finalItems.length - finalVisibleCount\n            : index < finalVisibleCount);\n        if (!isVisible) {\n          return null;\n        }\n        const dataIndex = indexOffset + index;\n        const itemComponent = renderItem(item, dataIndex);\n\n        return <Fragment key={dataIndex}>{itemComponent}</Fragment>;\n      })}\n\n      {!isCollapseStart && clonedOverflowElement}\n    </Box>\n  );\n});\n\nOverflowList.displayName = '@mantine/core/OverflowList';\nOverflowList.classes = classes;\nOverflowList.varsResolver = varsResolver;\n\nexport namespace OverflowList {\n  export type Props = OverflowListProps;\n  export type Factory = OverflowListFactory;\n  export type StylesNames = OverflowListStylesNames;\n  export type CssVariables = OverflowListCssVariables;\n}\n"],"mappings":"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"}
+{"version":3,"file":"OverflowList.cjs","names":["createVarsResolver","getSpacing","genericFactory","useProps","useStyles","useDimensions","getRowPositionsData","Box","Fragment","classes"],"sources":["../../../src/components/OverflowList/OverflowList.tsx"],"sourcesContent":["// Originally based on https://github.com/Eliav2/react-responsive-overflow-list (MIT License)\n// Contains the modified version adapted for Mantine\nimport { cloneElement, useMemo, useRef, useState } from 'react';\nimport { Fragment } from 'react/jsx-runtime';\nimport { useIsomorphicEffect, useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  Factory,\n  genericFactory,\n  getSpacing,\n  MantineSpacing,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { getRowPositionsData } from './get-row-position-data';\nimport { useDimensions } from './use-dimensions';\nimport classes from './OverflowList.module.css';\n\nexport type OverflowListStylesNames = 'root';\nexport type OverflowListCssVariables = {\n  root: '--ol-gap';\n};\n\nexport interface OverflowListProps<T = any>\n  extends BoxProps, StylesApiProps<OverflowListFactory>, ElementProps<'div', 'children'> {\n  /** Array of items to display */\n  data: T[];\n\n  /** Function to render item */\n  renderItem: (item: T, index: number) => React.ReactNode;\n\n  /** Function to render hidden items */\n  renderOverflow: (items: T[]) => React.ReactNode;\n\n  /** Number of rows to display @default 1 */\n  maxRows?: number;\n\n  /** Maximum number of visible items @default Infinity */\n  maxVisibleItems?: number;\n\n  /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem @default 'xs' */\n  gap?: MantineSpacing;\n\n  /** Direction from which items are collapsed when they overflow, `'end'` collapses last items, `'start'` collapses first items @default 'end' */\n  collapseFrom?: 'start' | 'end';\n\n  /** A function to resolve a unique key for each item. Used to detect when the contents of `data`\n   * change (for example when items are reordered while the length stays the same) so the\n   * visible/overflow split can be recomputed. Required to detect reordering when `data` contains\n   * objects; for primitive items (strings, numbers) the item value is used by default. */\n  getItemKey?: (item: T, index: number) => React.Key;\n}\n\nexport type OverflowListFactory = Factory<{\n  props: OverflowListProps<any>;\n  ref: HTMLDivElement;\n  stylesNames: OverflowListStylesNames;\n  vars: OverflowListCssVariables;\n  signature: <T = any>(props: OverflowListProps<T>) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  maxRows: 1,\n  maxVisibleItems: Infinity,\n} satisfies Partial<OverflowListProps<any>>;\n\nconst varsResolver = createVarsResolver<OverflowListFactory>((_, { gap }) => ({\n  root: {\n    '--ol-gap': getSpacing(gap),\n  },\n}));\n\nfunction getDataSignature<T>(\n  data: T[],\n  getItemKey: ((item: T, index: number) => React.Key) | undefined\n): string {\n  return data\n    .map((item, index) => {\n      if (getItemKey) {\n        return getItemKey(item, index);\n      }\n      return item !== null && (typeof item === 'object' || typeof item === 'function')\n        ? index\n        : String(item);\n    })\n    .join('\\u0000');\n}\n\nexport const OverflowList = genericFactory<OverflowListFactory>((_props) => {\n  const props = useProps('OverflowList', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    attributes,\n    data,\n    renderOverflow,\n    renderItem,\n    maxRows,\n    maxVisibleItems,\n    collapseFrom,\n    getItemKey,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<OverflowListFactory>({\n    name: 'OverflowList',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  const [visibleCount, setVisibleCount] = useState(data.length);\n  const [subtractCount, setSubtractCount] = useState(0);\n  const [phase, setPhase] = useState<'normal' | 'measuring' | 'measuring-overflow-indicator'>(\n    'normal'\n  );\n\n  const containerRef = useRef<HTMLElement>(null);\n  const rootRef = useMergedRef(containerRef, ref);\n  const finalVisibleCount = visibleCount - subtractCount;\n  const overflowCount = data.length - finalVisibleCount;\n  const showOverflow = overflowCount > 0 && phase !== 'measuring';\n  const isCollapseStart = collapseFrom === 'start';\n  const overflowItems = isCollapseStart\n    ? data.slice(0, data.length - finalVisibleCount)\n    : data.slice(finalVisibleCount);\n  const overflowElement = showOverflow ? renderOverflow?.(overflowItems) : null;\n\n  const _overflowRef = useRef<HTMLElement>(null);\n  const overflowRef = useMergedRef(_overflowRef, (overflowElement as any)?.ref);\n  const dimensions = useDimensions(containerRef);\n  const dataKey = useMemo(() => getDataSignature(data, getItemKey), [data, getItemKey]);\n\n  useIsomorphicEffect(() => {\n    setPhase('measuring');\n    setVisibleCount(data.length);\n    setSubtractCount(0);\n  }, [dataKey, maxRows, collapseFrom]);\n\n  useIsomorphicEffect(() => {\n    if (phase === 'measuring') {\n      countVisibleItems();\n      setPhase('measuring-overflow-indicator');\n    }\n  }, [phase]);\n\n  useIsomorphicEffect(() => {\n    if (phase === 'measuring-overflow-indicator') {\n      const updateWasNeeded = updateOverflowIndicator();\n      if (!updateWasNeeded) {\n        setPhase('normal');\n      }\n    }\n  }, [phase, subtractCount]);\n\n  useIsomorphicEffect(() => {\n    if (phase === 'normal') {\n      setPhase('measuring');\n      setSubtractCount(0);\n    }\n  }, [dimensions]);\n\n  const fitsInRows = (\n    itemWidths: number[],\n    containerWidth: number,\n    columnGap: number,\n    startIndex = 0\n  ) => {\n    let rows = 1;\n    let rowWidth = 0;\n\n    for (let i = startIndex; i < itemWidths.length; i += 1) {\n      const width = itemWidths[i];\n      const needed = rowWidth > 0 ? width + columnGap : width;\n\n      if (rowWidth + needed > containerWidth && rowWidth > 0) {\n        rows++;\n        if (rows > maxRows!) {\n          return false;\n        }\n        rowWidth = width;\n      } else {\n        rowWidth += needed;\n      }\n    }\n\n    return true;\n  };\n\n  const countVisibleItems = () => {\n    const rowData = getRowPositionsData(containerRef, _overflowRef);\n    if (!rowData) {\n      return;\n    }\n\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    if (isCollapseStart) {\n      const containerWidth = container.getBoundingClientRect().width;\n      const columnGap = parseFloat(getComputedStyle(container).columnGap) || 0;\n      const children = rowData.children;\n      const widths = children.map((child) => child.getBoundingClientRect().width);\n\n      let count = 0;\n      for (let i = widths.length - 1; i >= 0; i--) {\n        if (!fitsInRows(widths, containerWidth, columnGap, i)) {\n          break;\n        }\n        count = widths.length - i;\n      }\n\n      count = Math.min(count, maxVisibleItems!);\n      setVisibleCount(count);\n      return;\n    }\n\n    if (data.length === 1) {\n      const itemRef = rowData.itemsSizesMap[rowData.rowPositions[0]].elements.values().next().value;\n      const containerWidth = container.getBoundingClientRect().width;\n      const itemWidth = itemRef?.getBoundingClientRect().width ?? 0;\n\n      if (itemWidth > containerWidth) {\n        setVisibleCount(0);\n      } else {\n        setVisibleCount(1);\n      }\n\n      return;\n    }\n\n    const visibleRowPositions = rowData.rowPositions.slice(0, maxRows);\n\n    let fittingCount = visibleRowPositions.reduce((acc, position) => {\n      return acc + rowData.itemsSizesMap[position].elements.size;\n    }, 0);\n\n    fittingCount = Math.min(fittingCount, maxVisibleItems);\n    setVisibleCount(fittingCount);\n  };\n\n  const updateOverflowIndicator = () => {\n    if (!_overflowRef.current) {\n      return false;\n    }\n    const rowData = getRowPositionsData(containerRef, _overflowRef);\n    if (!rowData) {\n      return false;\n    }\n\n    const { rowPositions, itemsSizesMap } = rowData;\n\n    if (isCollapseStart) {\n      const container = containerRef.current;\n      if (!container) {\n        return false;\n      }\n      const containerWidth = container.getBoundingClientRect().width;\n      const columnGap = parseFloat(getComputedStyle(container).columnGap) || 0;\n      const overflowWidth = _overflowRef.current.getBoundingClientRect().width;\n      const children = rowData.children;\n      const itemWidths = [\n        overflowWidth,\n        ...children.map((child) => child.getBoundingClientRect().width),\n      ];\n\n      if (!fitsInRows(itemWidths, containerWidth, columnGap)) {\n        setSubtractCount((c) => c + 1);\n        return true;\n      }\n\n      return false;\n    }\n\n    const overflowRect = _overflowRef.current.getBoundingClientRect();\n    const overflowMiddleY = overflowRect.top + overflowRect.height / 2;\n    const lastRowTop = rowPositions[rowPositions.length - 1];\n    const lastRow = itemsSizesMap[lastRowTop];\n\n    if (overflowMiddleY > lastRow.bottom) {\n      setSubtractCount((c) => c + 1);\n      return true;\n    }\n\n    return false;\n  };\n\n  const clonedOverflowElement = overflowElement\n    ? cloneElement(overflowElement as React.ReactElement<any>, { ref: overflowRef })\n    : null;\n\n  let finalItems = data;\n  if (maxVisibleItems) {\n    finalItems = isCollapseStart\n      ? finalItems.slice(-maxVisibleItems!)\n      : finalItems.slice(0, maxVisibleItems);\n  }\n\n  const indexOffset = isCollapseStart ? data.length - finalItems.length : 0;\n\n  return (\n    <Box ref={rootRef} {...getStyles('root')} {...others}>\n      {isCollapseStart && clonedOverflowElement}\n\n      {finalItems.map((item, index) => {\n        const isVisible =\n          phase === 'measuring' ||\n          (isCollapseStart\n            ? index >= finalItems.length - finalVisibleCount\n            : index < finalVisibleCount);\n        if (!isVisible) {\n          return null;\n        }\n        const dataIndex = indexOffset + index;\n        const itemComponent = renderItem(item, dataIndex);\n\n        return <Fragment key={dataIndex}>{itemComponent}</Fragment>;\n      })}\n\n      {!isCollapseStart && clonedOverflowElement}\n    </Box>\n  );\n});\n\nOverflowList.displayName = '@mantine/core/OverflowList';\nOverflowList.classes = classes;\nOverflowList.varsResolver = varsResolver;\n\nexport namespace OverflowList {\n  export type Props = OverflowListProps;\n  export type Factory = OverflowListFactory;\n  export type StylesNames = OverflowListStylesNames;\n  export type CssVariables = OverflowListCssVariables;\n}\n"],"mappings":"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"}

package/cjs/components/OverflowList/get-row-position-data.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-row-position-data.cjs","names":[],"sources":["../../../src/components/OverflowList/get-row-position-data.ts"],"sourcesContent":["import React from 'react';\n\ninterface NodePosition {\n  elements: Set<HTMLElement>;\n  bottom: number;\n  top: number;\n}\nfunction groupNodesByTopPosition(nodes: HTMLElement[]): Record<number, NodePosition> {\n  if (nodes.length === 0) {\n    return {};\n  }\n\n  const result: Record<number, NodePosition> = {};\n\n  nodes.forEach((node) => {\n    const rect = node.getBoundingClientRect();\n    const top = Math.round(rect.top);\n    const bottom = Math.round(rect.bottom);\n\n    if (!result[top]) {\n      result[top] = {\n        elements: new Set<HTMLElement>(),\n        bottom,\n        top,\n      };\n    } else {\n      result[top].bottom = Math.max(result[top].bottom, bottom);\n    }\n\n    result[top].elements.add(node);\n  });\n\n  return result;\n}\nexport function getRowPositionsData(\n  containerRef: React.RefObject<HTMLElement | null>,\n  overflowRef: React.RefObject<HTMLElement | null>\n): {\n  itemsSizesMap: Record<number, NodePosition>;\n  rowPositions: number[];\n  children: HTMLElement[];\n} | null {\n  if (!containerRef.current) {\n    return null;\n  }\n\n  const container = containerRef.current;\n  const children = Array.from(container.children).filter(\n    (child) => overflowRef.current !== child\n  ) as HTMLElement[];\n\n  if (children.length === 0) {\n    return null;\n  }\n\n  const itemsSizesMap = groupNodesByTopPosition(children);\n  const rowPositions = Object.keys(itemsSizesMap).map(Number);\n\n  return { itemsSizesMap, rowPositions, children };\n}\n"],"mappings":";;AAOA,SAAS,wBAAwB,OAAoD;CACnF,IAAI,MAAM,WAAW,GACnB,OAAO,CAAC;CAGV,MAAM,SAAuC,CAAC;CAE9C,MAAM,SAAS,SAAS;EACtB,MAAM,OAAO,KAAK,sBAAsB;EACxC,MAAM,MAAM,KAAK,MAAM,KAAK,GAAG;EAC/B,MAAM,SAAS,KAAK,MAAM,KAAK,MAAM;EAErC,IAAI,CAAC,OAAO,MACV,OAAO,OAAO;GACZ,0BAAU,IAAI,IAAiB;GAC/B;GACA;EACF;OAEA,OAAO,KAAK,SAAS,KAAK,IAAI,OAAO,KAAK,QAAQ,MAAM;EAG1D,OAAO,KAAK,SAAS,IAAI,IAAI;CAC/B,CAAC;CAED,OAAO;AACT;AACA,SAAgB,oBACd,cACA,aAKO;CACP,IAAI,CAAC,aAAa,SAChB,OAAO;CAGT,MAAM,YAAY,aAAa;CAC/B,MAAM,WAAW,MAAM,KAAK,UAAU,QAAQ,EAAE,QAC7C,UAAU,YAAY,YAAY,KACrC;CAEA,IAAI,SAAS,WAAW,GACtB,OAAO;CAGT,MAAM,gBAAgB,wBAAwB,QAAQ;CAGtD,OAAO;EAAE;EAAe,cAFH,OAAO,KAAK,aAAa,EAAE,IAAI,MAEjB;EAAG;CAAS;AACjD"}
+{"version":3,"file":"get-row-position-data.cjs","names":[],"sources":["../../../src/components/OverflowList/get-row-position-data.ts"],"sourcesContent":["import React from 'react';\n\ninterface NodePosition {\n  elements: Set<HTMLElement>;\n  bottom: number;\n  top: number;\n}\nfunction groupNodesByTopPosition(nodes: HTMLElement[]): Record<number, NodePosition> {\n  if (nodes.length === 0) {\n    return {};\n  }\n\n  const result: Record<number, NodePosition> = {};\n\n  nodes.forEach((node) => {\n    const rect = node.getBoundingClientRect();\n    const top = Math.round(rect.top);\n    const bottom = Math.round(rect.bottom);\n\n    if (!result[top]) {\n      result[top] = {\n        elements: new Set<HTMLElement>(),\n        bottom,\n        top,\n      };\n    } else {\n      result[top].bottom = Math.max(result[top].bottom, bottom);\n    }\n\n    result[top].elements.add(node);\n  });\n\n  return result;\n}\nexport function getRowPositionsData(\n  containerRef: React.RefObject<HTMLElement | null>,\n  overflowRef: React.RefObject<HTMLElement | null>\n): {\n  itemsSizesMap: Record<number, NodePosition>;\n  rowPositions: number[];\n  children: HTMLElement[];\n} | null {\n  if (!containerRef.current) {\n    return null;\n  }\n\n  const container = containerRef.current;\n  const children = Array.from(container.children).filter(\n    (child) => overflowRef.current !== child\n  ) as HTMLElement[];\n\n  if (children.length === 0) {\n    return null;\n  }\n\n  const itemsSizesMap = groupNodesByTopPosition(children);\n  const rowPositions = Object.keys(itemsSizesMap).map(Number);\n\n  return { itemsSizesMap, rowPositions, children };\n}\n"],"mappings":";;AAOA,SAAS,wBAAwB,OAAoD;CACnF,IAAI,MAAM,WAAW,GACnB,OAAO,CAAC;CAGV,MAAM,SAAuC,CAAC;CAE9C,MAAM,SAAS,SAAS;EACtB,MAAM,OAAO,KAAK,sBAAsB;EACxC,MAAM,MAAM,KAAK,MAAM,KAAK,GAAG;EAC/B,MAAM,SAAS,KAAK,MAAM,KAAK,MAAM;EAErC,IAAI,CAAC,OAAO,MACV,OAAO,OAAO;GACZ,0BAAU,IAAI,IAAiB;GAC/B;GACA;EACF;OAEA,OAAO,IAAI,CAAC,SAAS,KAAK,IAAI,OAAO,IAAI,CAAC,QAAQ,MAAM;EAG1D,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI;CAC/B,CAAC;CAED,OAAO;AACT;AACA,SAAgB,oBACd,cACA,aAKO;CACP,IAAI,CAAC,aAAa,SAChB,OAAO;CAGT,MAAM,YAAY,aAAa;CAC/B,MAAM,WAAW,MAAM,KAAK,UAAU,QAAQ,CAAC,CAAC,QAC7C,UAAU,YAAY,YAAY,KACrC;CAEA,IAAI,SAAS,WAAW,GACtB,OAAO;CAGT,MAAM,gBAAgB,wBAAwB,QAAQ;CAGtD,OAAO;EAAE;EAAe,cAFH,OAAO,KAAK,aAAa,CAAC,CAAC,IAAI,MAEjB;EAAG;CAAS;AACjD"}

package/cjs/components/OverflowList/use-dimensions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dimensions.cjs","names":[],"sources":["../../../src/components/OverflowList/use-dimensions.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\n\ninterface ResizeObserverDimensions {\n  width: number;\n  height: number;\n  contentWidth: number;\n  contentHeight: number;\n}\nexport function useDimensions<T extends HTMLElement | null>(\n  elementRef: React.RefObject<T>\n): ResizeObserverDimensions | null {\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const [dimensions, setDimensions] = useState<ResizeObserverDimensions | null>(null);\n\n  useEffect(() => {\n    if (!elementRef.current) {\n      return;\n    }\n\n    resizeObserverRef.current = new ResizeObserver((entries) => {\n      if (entries[0]) {\n        const entry = entries[0];\n        const updateDimensions = () => {\n          setDimensions({\n            width: entry.borderBoxSize[0]?.inlineSize ?? entry.target.clientWidth,\n            height: entry.borderBoxSize[0]?.blockSize ?? entry.target.clientHeight,\n            contentWidth: entry.contentRect.width,\n            contentHeight: entry.contentRect.height,\n          });\n        };\n\n        flushSync(updateDimensions);\n      }\n    });\n\n    resizeObserverRef.current.observe(elementRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, [elementRef.current]);\n\n  return dimensions;\n}\n"],"mappings":";;;;AASA,SAAgB,cACd,YACiC;CACjC,MAAM,qBAAA,GAAA,MAAA,QAAkD,IAAI;CAC5D,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,UAA2D,IAAI;CAElF,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,WAAW,SACd;EAGF,kBAAkB,UAAU,IAAI,gBAAgB,YAAY;GAC1D,IAAI,QAAQ,IAAI;IACd,MAAM,QAAQ,QAAQ;IACtB,MAAM,yBAAyB;KAC7B,cAAc;MACZ,OAAO,MAAM,cAAc,IAAI,cAAc,MAAM,OAAO;MAC1D,QAAQ,MAAM,cAAc,IAAI,aAAa,MAAM,OAAO;MAC1D,cAAc,MAAM,YAAY;MAChC,eAAe,MAAM,YAAY;KACnC,CAAC;IACH;IAEA,CAAA,GAAA,UAAA,WAAU,gBAAgB;GAC5B;EACF,CAAC;EAED,kBAAkB,QAAQ,QAAQ,WAAW,OAAO;EAEpD,aAAa;GACX,IAAI,kBAAkB,SAAS;IAC7B,kBAAkB,QAAQ,WAAW;IACrC,kBAAkB,UAAU;GAC9B;EACF;CACF,GAAG,CAAC,WAAW,OAAO,CAAC;CAEvB,OAAO;AACT"}
+{"version":3,"file":"use-dimensions.cjs","names":[],"sources":["../../../src/components/OverflowList/use-dimensions.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\n\ninterface ResizeObserverDimensions {\n  width: number;\n  height: number;\n  contentWidth: number;\n  contentHeight: number;\n}\nexport function useDimensions<T extends HTMLElement | null>(\n  elementRef: React.RefObject<T>\n): ResizeObserverDimensions | null {\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const [dimensions, setDimensions] = useState<ResizeObserverDimensions | null>(null);\n\n  useEffect(() => {\n    if (!elementRef.current) {\n      return;\n    }\n\n    resizeObserverRef.current = new ResizeObserver((entries) => {\n      if (entries[0]) {\n        const entry = entries[0];\n        const updateDimensions = () => {\n          setDimensions({\n            width: entry.borderBoxSize[0]?.inlineSize ?? entry.target.clientWidth,\n            height: entry.borderBoxSize[0]?.blockSize ?? entry.target.clientHeight,\n            contentWidth: entry.contentRect.width,\n            contentHeight: entry.contentRect.height,\n          });\n        };\n\n        flushSync(updateDimensions);\n      }\n    });\n\n    resizeObserverRef.current.observe(elementRef.current);\n\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, [elementRef.current]);\n\n  return dimensions;\n}\n"],"mappings":";;;;AASA,SAAgB,cACd,YACiC;CACjC,MAAM,qBAAA,GAAA,MAAA,OAAA,CAAkD,IAAI;CAC5D,MAAM,CAAC,YAAY,kBAAA,GAAA,MAAA,SAAA,CAA2D,IAAI;CAElF,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,WAAW,SACd;EAGF,kBAAkB,UAAU,IAAI,gBAAgB,YAAY;GAC1D,IAAI,QAAQ,IAAI;IACd,MAAM,QAAQ,QAAQ;IACtB,MAAM,yBAAyB;KAC7B,cAAc;MACZ,OAAO,MAAM,cAAc,EAAE,EAAE,cAAc,MAAM,OAAO;MAC1D,QAAQ,MAAM,cAAc,EAAE,EAAE,aAAa,MAAM,OAAO;MAC1D,cAAc,MAAM,YAAY;MAChC,eAAe,MAAM,YAAY;KACnC,CAAC;IACH;IAEA,CAAA,GAAA,UAAA,UAAA,CAAU,gBAAgB;GAC5B;EACF,CAAC;EAED,kBAAkB,QAAQ,QAAQ,WAAW,OAAO;EAEpD,aAAa;GACX,IAAI,kBAAkB,SAAS;IAC7B,kBAAkB,QAAQ,WAAW;IACrC,kBAAkB,UAAU;GAC9B;EACF;CACF,GAAG,CAAC,WAAW,OAAO,CAAC;CAEvB,OAAO;AACT"}

package/cjs/components/Overlay/Overlay.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.cjs","names":["getDefaultZIndex","createVarsResolver","rgba","rem","getRadius","polymorphicFactory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getDefaultZIndex,\n  getRadius,\n  MantineRadius,\n  polymorphicFactory,\n  PolymorphicFactory,\n  rem,\n  rgba,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Overlay.module.css';\n\nexport type OverlayStylesNames = 'root';\nexport type OverlayCssVariables = {\n  root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';\n};\n\nexport interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {\n  /** Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set @default 0.6 */\n  backgroundOpacity?: number;\n\n  /** Overlay `background-color` @default #000 */\n  color?: React.CSSProperties['backgroundColor'];\n\n  /** Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers. @default 0 */\n  blur?: number | string;\n\n  /** Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored. */\n  gradient?: string;\n\n  /** Overlay z-index @default 200 */\n  zIndex?: string | number;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default 0 */\n  radius?: MantineRadius;\n\n  /** Content inside overlay */\n  children?: React.ReactNode;\n\n  /** Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center) @default false */\n  center?: boolean;\n\n  /** Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative) @default false */\n  fixed?: boolean;\n}\n\nexport type OverlayFactory = PolymorphicFactory<{\n  props: OverlayProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: OverlayStylesNames;\n  vars: OverlayCssVariables;\n}>;\n\nconst defaultProps = {\n  zIndex: getDefaultZIndex('modal'),\n} satisfies Partial<OverlayProps>;\n\nconst varsResolver = createVarsResolver<OverlayFactory>(\n  (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({\n    root: {\n      '--overlay-bg':\n        gradient ||\n        ((color !== undefined || backgroundOpacity !== undefined) &&\n          rgba(color || '#000', backgroundOpacity ?? 0.6)) ||\n        undefined,\n      '--overlay-filter': blur ? `blur(${rem(blur)})` : undefined,\n      '--overlay-radius': radius === undefined ? undefined : getRadius(radius),\n      '--overlay-z-index': zIndex?.toString(),\n    },\n  })\n);\n\nexport const Overlay = polymorphicFactory<OverlayFactory>((_props) => {\n  const props = useProps('Overlay', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    fixed,\n    center,\n    children,\n    radius,\n    zIndex,\n    gradient,\n    blur,\n    color,\n    backgroundOpacity,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<OverlayFactory>({\n    name: 'Overlay',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box {...getStyles('root')} mod={[{ center, fixed }, mod]} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nOverlay.classes = classes;\nOverlay.varsResolver = varsResolver;\nOverlay.displayName = '@mantine/core/Overlay';\n\nexport namespace Overlay {\n  export type Props = OverlayProps;\n  export type StylesNames = OverlayStylesNames;\n  export type Factory = OverlayFactory;\n  export type CssVariables = OverlayCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;AA2DA,MAAM,eAAe,EACnB,QAAQA,4BAAAA,iBAAiB,OAAO,EAClC;AAEA,MAAM,eAAeC,6BAAAA,oBAClB,GAAG,EAAE,UAAU,OAAO,mBAAmB,MAAM,QAAQ,cAAc,EACpE,MAAM;CACJ,gBACE,aACE,UAAU,KAAA,KAAa,sBAAsB,KAAA,MAC7CC,aAAAA,KAAK,SAAS,QAAQ,qBAAqB,EAAG,KAChD,KAAA;CACF,oBAAoB,OAAO,QAAQC,YAAAA,IAAI,IAAI,EAAE,KAAK,KAAA;CAClD,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CACvE,qBAAqB,QAAQ,SAAS;AACxC,EACF,EACF;AAEA,MAAa,UAAUC,4BAAAA,oBAAoC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,SAAS,WAAW,cAAc,MAAM;CACtD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,QACA,UACA,QACA,QACA,UACA,MACA,OACA,mBACA,KACA,YACA,GAAG,WACD;CAgBJ,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAfWC,mBAAAA,UAA0B;GAC1C,MAAM;GACN;GACA,SAAA,uBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGmB,EAAE,MAAM;EAAG,KAAK,CAAC;GAAE;GAAQ;EAAM,GAAG,GAAG;EAAG,GAAI;EAC5D;CACE,CAAA;AAET,CAAC;AAED,QAAQ,UAAUC,uBAAAA;AAClB,QAAQ,eAAe;AACvB,QAAQ,cAAc"}
+{"version":3,"file":"Overlay.cjs","names":["getDefaultZIndex","createVarsResolver","rgba","rem","getRadius","polymorphicFactory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  getDefaultZIndex,\n  getRadius,\n  MantineRadius,\n  polymorphicFactory,\n  PolymorphicFactory,\n  rem,\n  rgba,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Overlay.module.css';\n\nexport type OverlayStylesNames = 'root';\nexport type OverlayCssVariables = {\n  root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';\n};\n\nexport interface OverlayProps extends BoxProps, StylesApiProps<OverlayFactory> {\n  /** Overlay `background-color` opacity 0–1, ignored when `gradient` prop is set @default 0.6 */\n  backgroundOpacity?: number;\n\n  /** Overlay `background-color` @default #000 */\n  color?: React.CSSProperties['backgroundColor'];\n\n  /** Overlay background blur in px (converted to rem). Applies `backdrop-filter: blur()`. Note: backdrop-filter is not supported in all browsers. @default 0 */\n  blur?: number | string;\n\n  /** Changes overlay to gradient. If set, both `color` and `backgroundOpacity` props are ignored. */\n  gradient?: string;\n\n  /** Overlay z-index @default 200 */\n  zIndex?: string | number;\n\n  /** Key of `theme.radius` or any valid CSS value to set border-radius @default 0 */\n  radius?: MantineRadius;\n\n  /** Content inside overlay */\n  children?: React.ReactNode;\n\n  /** Centers content inside the overlay using flexbox (sets display: flex, align-items: center, justify-content: center) @default false */\n  center?: boolean;\n\n  /** Changes position from `absolute` to `fixed` (viewport-relative instead of parent-relative) @default false */\n  fixed?: boolean;\n}\n\nexport type OverlayFactory = PolymorphicFactory<{\n  props: OverlayProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: OverlayStylesNames;\n  vars: OverlayCssVariables;\n}>;\n\nconst defaultProps = {\n  zIndex: getDefaultZIndex('modal'),\n} satisfies Partial<OverlayProps>;\n\nconst varsResolver = createVarsResolver<OverlayFactory>(\n  (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({\n    root: {\n      '--overlay-bg':\n        gradient ||\n        ((color !== undefined || backgroundOpacity !== undefined) &&\n          rgba(color || '#000', backgroundOpacity ?? 0.6)) ||\n        undefined,\n      '--overlay-filter': blur ? `blur(${rem(blur)})` : undefined,\n      '--overlay-radius': radius === undefined ? undefined : getRadius(radius),\n      '--overlay-z-index': zIndex?.toString(),\n    },\n  })\n);\n\nexport const Overlay = polymorphicFactory<OverlayFactory>((_props) => {\n  const props = useProps('Overlay', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    fixed,\n    center,\n    children,\n    radius,\n    zIndex,\n    gradient,\n    blur,\n    color,\n    backgroundOpacity,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<OverlayFactory>({\n    name: 'Overlay',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box {...getStyles('root')} mod={[{ center, fixed }, mod]} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nOverlay.classes = classes;\nOverlay.varsResolver = varsResolver;\nOverlay.displayName = '@mantine/core/Overlay';\n\nexport namespace Overlay {\n  export type Props = OverlayProps;\n  export type StylesNames = OverlayStylesNames;\n  export type Factory = OverlayFactory;\n  export type CssVariables = OverlayCssVariables;\n}\n"],"mappings":";;;;;;;;;;;;;AA2DA,MAAM,eAAe,EACnB,QAAQA,4BAAAA,iBAAiB,OAAO,EAClC;AAEA,MAAM,eAAeC,6BAAAA,oBAClB,GAAG,EAAE,UAAU,OAAO,mBAAmB,MAAM,QAAQ,cAAc,EACpE,MAAM;CACJ,gBACE,aACE,UAAU,KAAA,KAAa,sBAAsB,KAAA,MAC7CC,aAAAA,KAAK,SAAS,QAAQ,qBAAqB,EAAG,KAChD,KAAA;CACF,oBAAoB,OAAO,QAAQC,YAAAA,IAAI,IAAI,EAAE,KAAK,KAAA;CAClD,oBAAoB,WAAW,KAAA,IAAY,KAAA,IAAYC,iBAAAA,UAAU,MAAM;CACvE,qBAAqB,QAAQ,SAAS;AACxC,EACF,EACF;AAEA,MAAa,UAAUC,4BAAAA,oBAAoC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,SAAS,WAAW,cAAc,MAAM;CACtD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,QACA,UACA,QACA,QACA,UACA,MACA,OACA,mBACA,KACA,YACA,GAAG,WACD;CAgBJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAfWC,mBAAAA,UAA0B;GAC1C,MAAM;GACN;GACA,SAAA,uBAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGmB,CAAC,CAAC,MAAM;EAAG,KAAK,CAAC;GAAE;GAAQ;EAAM,GAAG,GAAG;EAAG,GAAI;EAC5D;CACE,CAAA;AAET,CAAC;AAED,QAAQ,UAAUC,uBAAAA;AAClB,QAAQ,eAAe;AACvB,QAAQ,cAAc"}

package/cjs/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","names":["Box","usePaginationContext","factory","useProps","PaginationItems","PaginationLabel","PaginationRoot","Group","PaginationFirst","PaginationPrevious","PaginationNext","PaginationLast","classes","PaginationControl","PaginationDots"],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { Box, factory, Factory, MantineSpacing, useProps } from '../../core';\nimport { Group } from '../Group/Group';\nimport { usePaginationContext } from './Pagination.context';\nimport { PaginationIcon } from './Pagination.icons';\nimport {\n  PaginationControl,\n  type PaginationControlProps,\n} from './PaginationControl/PaginationControl';\nimport { PaginationDots, type PaginationDotsProps } from './PaginationDots/PaginationDots';\nimport {\n  PaginationFirst,\n  PaginationLast,\n  PaginationNext,\n  PaginationPrevious,\n  type PaginationEdgeProps,\n} from './PaginationEdges/PaginationEdges';\nimport { PaginationItems, type PaginationItemsProps } from './PaginationItems/PaginationItems';\nimport {\n  PaginationFormatLabel,\n  PaginationLabel,\n  type PaginationLabelProps,\n} from './PaginationLabel/PaginationLabel';\nimport {\n  PaginationRoot,\n  PaginationRootCssVariables,\n  PaginationRootProps,\n  PaginationRootStylesNames,\n} from './PaginationRoot/PaginationRoot';\nimport classes from './Pagination.module.css';\nexport type PaginationStylesNames = PaginationRootStylesNames;\nexport type PaginationCssVariables = PaginationRootCssVariables;\n\nexport interface PaginationProps extends PaginationRootProps {\n  /** If set, first/last controls are displayed @default false */\n  withEdges?: boolean;\n\n  /** If set, next/previous controls are displayed @default true */\n  withControls?: boolean;\n\n  /** Props passed down to next/previous/first/last controls */\n  getControlProps?: (control: 'first' | 'previous' | 'last' | 'next') => Record<string, any>;\n\n  /** Next control icon component */\n  nextIcon?: PaginationIcon;\n\n  /** Previous control icon component */\n  previousIcon?: PaginationIcon;\n\n  /** Last control icon component */\n  lastIcon?: PaginationIcon;\n\n  /** First control icon component */\n  firstIcon?: PaginationIcon;\n\n  /** Dots icon component */\n  dotsIcon?: PaginationIcon;\n\n  /** Key of `theme.spacing`, gap between controls @default 8 */\n  gap?: MantineSpacing;\n\n  /** If set, the pagination is hidden when only one page is available (`total={1}`) @default false */\n  hideWithOnePage?: boolean;\n\n  /** If set to `false`, page number buttons are hidden, only next/previous controls remain @default `true` */\n  withPages?: boolean;\n\n  /** Function to format the label text displayed in responsive mode */\n  formatLabel?: PaginationFormatLabel;\n}\n\nexport type PaginationFactory = Factory<{\n  props: PaginationProps;\n  ref: HTMLDivElement;\n  stylesNames: PaginationStylesNames;\n  vars: PaginationCssVariables;\n  staticComponents: {\n    Root: typeof PaginationRoot;\n    Control: typeof PaginationControl;\n    Dots: typeof PaginationDots;\n    First: typeof PaginationFirst;\n    Last: typeof PaginationLast;\n    Next: typeof PaginationNext;\n    Previous: typeof PaginationPrevious;\n    Items: typeof PaginationItems;\n    Label: typeof PaginationLabel;\n  };\n}>;\n\nconst defaultProps = {\n  withControls: true,\n  withPages: true,\n  siblings: 1,\n  boundaries: 1,\n  gap: 8,\n} satisfies Partial<PaginationProps>;\n\ninterface PaginationItemsGroupProps {\n  children: React.ReactNode;\n}\n\nfunction PaginationItemsGroup({ children }: PaginationItemsGroupProps) {\n  const ctx = usePaginationContext();\n  return <Box {...ctx.getStyles('items')}>{children}</Box>;\n}\n\nexport const Pagination = factory<PaginationFactory>((_props) => {\n  const props = useProps('Pagination', defaultProps, _props);\n  const {\n    withEdges,\n    withControls,\n    getControlProps,\n    nextIcon,\n    previousIcon,\n    lastIcon,\n    firstIcon,\n    dotsIcon,\n    total,\n    gap,\n    hideWithOnePage,\n    withPages,\n    layout,\n    formatLabel,\n    ...others\n  } = props;\n\n  if (total <= 0 || (hideWithOnePage && total === 1)) {\n    return null;\n  }\n\n  const isResponsive = layout === 'responsive';\n\n  const pagesContent = withPages ? (\n    isResponsive ? (\n      <>\n        <PaginationItemsGroup>\n          <PaginationItems dotsIcon={dotsIcon} />\n        </PaginationItemsGroup>\n        <PaginationLabel formatLabel={formatLabel} />\n      </>\n    ) : (\n      <PaginationItems dotsIcon={dotsIcon} />\n    )\n  ) : null;\n\n  return (\n    <PaginationRoot total={total} layout={layout} {...others}>\n      <Group gap={gap}>\n        {withEdges && <PaginationFirst icon={firstIcon} {...getControlProps?.('first')} />}\n        {withControls && (\n          <PaginationPrevious icon={previousIcon} {...getControlProps?.('previous')} />\n        )}\n        {pagesContent}\n        {withControls && <PaginationNext icon={nextIcon} {...getControlProps?.('next')} />}\n        {withEdges && <PaginationLast icon={lastIcon} {...getControlProps?.('last')} />}\n      </Group>\n    </PaginationRoot>\n  );\n});\n\nPagination.classes = classes;\nPagination.displayName = '@mantine/core/Pagination';\nPagination.Root = PaginationRoot;\nPagination.Control = PaginationControl;\nPagination.Dots = PaginationDots;\nPagination.First = PaginationFirst;\nPagination.Last = PaginationLast;\nPagination.Next = PaginationNext;\nPagination.Previous = PaginationPrevious;\nPagination.Items = PaginationItems;\nPagination.Label = PaginationLabel;\n\nexport namespace Pagination {\n  export type Props = PaginationProps;\n  export type StylesNames = PaginationStylesNames;\n  export type CssVariables = PaginationCssVariables;\n  export type Factory = PaginationFactory;\n\n  export namespace Root {\n    export type Props = PaginationRootProps;\n  }\n\n  export namespace Control {\n    export type Props = PaginationControlProps;\n  }\n\n  export namespace Dots {\n    export type Props = PaginationDotsProps;\n  }\n\n  export namespace Edge {\n    export type Props = PaginationEdgeProps;\n  }\n\n  export namespace Items {\n    export type Props = PaginationItemsProps;\n  }\n\n  export namespace Label {\n    export type Props = PaginationLabelProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwFA,MAAM,eAAe;CACnB,cAAc;CACd,WAAW;CACX,UAAU;CACV,YAAY;CACZ,KAAK;AACP;AAMA,SAAS,qBAAqB,EAAE,YAAuC;CAErE,OAAO,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;EAAK,GADAC,2BAAAA,qBACM,EAAE,UAAU,OAAO;EAAI;CAAc,CAAA;AACzD;AAEA,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAE/D,MAAM,EACJ,WACA,cACA,iBACA,UACA,cACA,UACA,WACA,UACA,OACA,KACA,iBACA,WACA,QACA,aACA,GAAG,WAhBSC,kBAAAA,SAAS,cAAc,cAAc,MAiB3C;CAER,IAAI,SAAS,KAAM,mBAAmB,UAAU,GAC9C,OAAO;CAKT,MAAM,eAAe,YAFA,WAAW,eAI5B,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,sBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,iBAAD,EAA2B,SAAW,CAAA,EAClB,CAAA,GACtB,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,iBAAD,EAA8B,YAAc,CAAA,CAC5C,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,KAACD,wBAAAA,iBAAD,EAA2B,SAAW,CAAA,IAEtC;CAEJ,OACE,iBAAA,GAAA,kBAAA,KAACE,uBAAAA,gBAAD;EAAuB;EAAe;EAAQ,GAAI;YAChD,iBAAA,GAAA,kBAAA,MAACC,cAAAA,OAAD;GAAY;aAAZ;IACG,aAAa,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,iBAAD;KAAiB,MAAM;KAAW,GAAI,kBAAkB,OAAO;IAAI,CAAA;IAChF,gBACC,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,oBAAD;KAAoB,MAAM;KAAc,GAAI,kBAAkB,UAAU;IAAI,CAAA;IAE7E;IACA,gBAAgB,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;KAAgB,MAAM;KAAU,GAAI,kBAAkB,MAAM;IAAI,CAAA;IAChF,aAAa,iBAAA,GAAA,kBAAA,KAACC,wBAAAA,gBAAD;KAAgB,MAAM;KAAU,GAAI,kBAAkB,MAAM;IAAI,CAAA;GACzE;;CACO,CAAA;AAEpB,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,cAAc;AACzB,WAAW,OAAON,uBAAAA;AAClB,WAAW,UAAUO,0BAAAA;AACrB,WAAW,OAAOC,uBAAAA;AAClB,WAAW,QAAQN,wBAAAA;AACnB,WAAW,OAAOG,wBAAAA;AAClB,WAAW,OAAOD,wBAAAA;AAClB,WAAW,WAAWD,wBAAAA;AACtB,WAAW,QAAQL,wBAAAA;AACnB,WAAW,QAAQC,wBAAAA"}
+{"version":3,"file":"Pagination.cjs","names":["Box","usePaginationContext","factory","useProps","PaginationItems","PaginationLabel","PaginationRoot","Group","PaginationFirst","PaginationPrevious","PaginationNext","PaginationLast","classes","PaginationControl","PaginationDots"],"sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { Box, factory, Factory, MantineSpacing, useProps } from '../../core';\nimport { Group } from '../Group/Group';\nimport { usePaginationContext } from './Pagination.context';\nimport { PaginationIcon } from './Pagination.icons';\nimport {\n  PaginationControl,\n  type PaginationControlProps,\n} from './PaginationControl/PaginationControl';\nimport { PaginationDots, type PaginationDotsProps } from './PaginationDots/PaginationDots';\nimport {\n  PaginationFirst,\n  PaginationLast,\n  PaginationNext,\n  PaginationPrevious,\n  type PaginationEdgeProps,\n} from './PaginationEdges/PaginationEdges';\nimport { PaginationItems, type PaginationItemsProps } from './PaginationItems/PaginationItems';\nimport {\n  PaginationFormatLabel,\n  PaginationLabel,\n  type PaginationLabelProps,\n} from './PaginationLabel/PaginationLabel';\nimport {\n  PaginationRoot,\n  PaginationRootCssVariables,\n  PaginationRootProps,\n  PaginationRootStylesNames,\n} from './PaginationRoot/PaginationRoot';\nimport classes from './Pagination.module.css';\nexport type PaginationStylesNames = PaginationRootStylesNames;\nexport type PaginationCssVariables = PaginationRootCssVariables;\n\nexport interface PaginationProps extends PaginationRootProps {\n  /** If set, first/last controls are displayed @default false */\n  withEdges?: boolean;\n\n  /** If set, next/previous controls are displayed @default true */\n  withControls?: boolean;\n\n  /** Props passed down to next/previous/first/last controls */\n  getControlProps?: (control: 'first' | 'previous' | 'last' | 'next') => Record<string, any>;\n\n  /** Next control icon component */\n  nextIcon?: PaginationIcon;\n\n  /** Previous control icon component */\n  previousIcon?: PaginationIcon;\n\n  /** Last control icon component */\n  lastIcon?: PaginationIcon;\n\n  /** First control icon component */\n  firstIcon?: PaginationIcon;\n\n  /** Dots icon component */\n  dotsIcon?: PaginationIcon;\n\n  /** Key of `theme.spacing`, gap between controls @default 8 */\n  gap?: MantineSpacing;\n\n  /** If set, the pagination is hidden when only one page is available (`total={1}`) @default false */\n  hideWithOnePage?: boolean;\n\n  /** If set to `false`, page number buttons are hidden, only next/previous controls remain @default `true` */\n  withPages?: boolean;\n\n  /** Function to format the label text displayed in responsive mode */\n  formatLabel?: PaginationFormatLabel;\n}\n\nexport type PaginationFactory = Factory<{\n  props: PaginationProps;\n  ref: HTMLDivElement;\n  stylesNames: PaginationStylesNames;\n  vars: PaginationCssVariables;\n  staticComponents: {\n    Root: typeof PaginationRoot;\n    Control: typeof PaginationControl;\n    Dots: typeof PaginationDots;\n    First: typeof PaginationFirst;\n    Last: typeof PaginationLast;\n    Next: typeof PaginationNext;\n    Previous: typeof PaginationPrevious;\n    Items: typeof PaginationItems;\n    Label: typeof PaginationLabel;\n  };\n}>;\n\nconst defaultProps = {\n  withControls: true,\n  withPages: true,\n  siblings: 1,\n  boundaries: 1,\n  gap: 8,\n} satisfies Partial<PaginationProps>;\n\ninterface PaginationItemsGroupProps {\n  children: React.ReactNode;\n}\n\nfunction PaginationItemsGroup({ children }: PaginationItemsGroupProps) {\n  const ctx = usePaginationContext();\n  return <Box {...ctx.getStyles('items')}>{children}</Box>;\n}\n\nexport const Pagination = factory<PaginationFactory>((_props) => {\n  const props = useProps('Pagination', defaultProps, _props);\n  const {\n    withEdges,\n    withControls,\n    getControlProps,\n    nextIcon,\n    previousIcon,\n    lastIcon,\n    firstIcon,\n    dotsIcon,\n    total,\n    gap,\n    hideWithOnePage,\n    withPages,\n    layout,\n    formatLabel,\n    ...others\n  } = props;\n\n  if (total <= 0 || (hideWithOnePage && total === 1)) {\n    return null;\n  }\n\n  const isResponsive = layout === 'responsive';\n\n  const pagesContent = withPages ? (\n    isResponsive ? (\n      <>\n        <PaginationItemsGroup>\n          <PaginationItems dotsIcon={dotsIcon} />\n        </PaginationItemsGroup>\n        <PaginationLabel formatLabel={formatLabel} />\n      </>\n    ) : (\n      <PaginationItems dotsIcon={dotsIcon} />\n    )\n  ) : null;\n\n  return (\n    <PaginationRoot total={total} layout={layout} {...others}>\n      <Group gap={gap}>\n        {withEdges && <PaginationFirst icon={firstIcon} {...getControlProps?.('first')} />}\n        {withControls && (\n          <PaginationPrevious icon={previousIcon} {...getControlProps?.('previous')} />\n        )}\n        {pagesContent}\n        {withControls && <PaginationNext icon={nextIcon} {...getControlProps?.('next')} />}\n        {withEdges && <PaginationLast icon={lastIcon} {...getControlProps?.('last')} />}\n      </Group>\n    </PaginationRoot>\n  );\n});\n\nPagination.classes = classes;\nPagination.displayName = '@mantine/core/Pagination';\nPagination.Root = PaginationRoot;\nPagination.Control = PaginationControl;\nPagination.Dots = PaginationDots;\nPagination.First = PaginationFirst;\nPagination.Last = PaginationLast;\nPagination.Next = PaginationNext;\nPagination.Previous = PaginationPrevious;\nPagination.Items = PaginationItems;\nPagination.Label = PaginationLabel;\n\nexport namespace Pagination {\n  export type Props = PaginationProps;\n  export type StylesNames = PaginationStylesNames;\n  export type CssVariables = PaginationCssVariables;\n  export type Factory = PaginationFactory;\n\n  export namespace Root {\n    export type Props = PaginationRootProps;\n  }\n\n  export namespace Control {\n    export type Props = PaginationControlProps;\n  }\n\n  export namespace Dots {\n    export type Props = PaginationDotsProps;\n  }\n\n  export namespace Edge {\n    export type Props = PaginationEdgeProps;\n  }\n\n  export namespace Items {\n    export type Props = PaginationItemsProps;\n  }\n\n  export namespace Label {\n    export type Props = PaginationLabelProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwFA,MAAM,eAAe;CACnB,cAAc;CACd,WAAW;CACX,UAAU;CACV,YAAY;CACZ,KAAK;AACP;AAMA,SAAS,qBAAqB,EAAE,YAAuC;CAErE,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,YAAAA,KAAD;EAAK,GADAC,2BAAAA,qBACM,CAAC,CAAC,UAAU,OAAO;EAAI;CAAc,CAAA;AACzD;AAEA,MAAa,aAAaC,gBAAAA,SAA4B,WAAW;CAE/D,MAAM,EACJ,WACA,cACA,iBACA,UACA,cACA,UACA,WACA,UACA,OACA,KACA,iBACA,WACA,QACA,aACA,GAAG,WAhBSC,kBAAAA,SAAS,cAAc,cAAc,MAiB3C;CAER,IAAI,SAAS,KAAM,mBAAmB,UAAU,GAC9C,OAAO;CAKT,MAAM,eAAe,YAFA,WAAW,eAI5B,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD,EAA2B,SAAW,CAAA,EAClB,CAAA,GACtB,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD,EAA8B,YAAc,CAAA,CAC5C,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,IAAA,CAACD,wBAAAA,iBAAD,EAA2B,SAAW,CAAA,IAEtC;CAEJ,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACE,uBAAAA,gBAAD;EAAuB;EAAe;EAAQ,GAAI;YAChD,iBAAA,GAAA,kBAAA,KAAA,CAACC,cAAAA,OAAD;GAAY;aAAZ;IACG,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD;KAAiB,MAAM;KAAW,GAAI,kBAAkB,OAAO;IAAI,CAAA;IAChF,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,oBAAD;KAAoB,MAAM;KAAc,GAAI,kBAAkB,UAAU;IAAI,CAAA;IAE7E;IACA,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;KAAgB,MAAM;KAAU,GAAI,kBAAkB,MAAM;IAAI,CAAA;IAChF,aAAa,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,gBAAD;KAAgB,MAAM;KAAU,GAAI,kBAAkB,MAAM;IAAI,CAAA;GACzE;;CACO,CAAA;AAEpB,CAAC;AAED,WAAW,UAAUC,0BAAAA;AACrB,WAAW,cAAc;AACzB,WAAW,OAAON,uBAAAA;AAClB,WAAW,UAAUO,0BAAAA;AACrB,WAAW,OAAOC,uBAAAA;AAClB,WAAW,QAAQN,wBAAAA;AACnB,WAAW,OAAOG,wBAAAA;AAClB,WAAW,OAAOD,wBAAAA;AAClB,WAAW,WAAWD,wBAAAA;AACtB,WAAW,QAAQL,wBAAAA;AACnB,WAAW,QAAQC,wBAAAA"}

package/cjs/components/Pagination/Pagination.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/Pagination/Pagination.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { PaginationRootFactory } from './PaginationRoot/PaginationRoot';\n\nexport interface PaginationContextValue {\n  total: number;\n  range: (number | 'dots')[];\n  active: number;\n  disabled: boolean | undefined;\n  layout?: 'default' | 'responsive';\n  getItemProps?: (page: number) => Record<string, any>;\n  onChange: (page: number) => void;\n  onNext: () => void;\n  onPrevious: () => void;\n  onFirst: () => void;\n  onLast: () => void;\n  getStyles: GetStylesApi<PaginationRootFactory>;\n}\n\nexport const [PaginationProvider, usePaginationContext] = createSafeContext<PaginationContextValue>(\n  'Pagination.Root component was not found in tree'\n);\n"],"mappings":";;AAkBA,MAAa,CAAC,oBAAoB,8FAAwBA,EAAAA,kBACxD,iDACF"}
+{"version":3,"file":"Pagination.context.cjs","names":["createSafeContext"],"sources":["../../../src/components/Pagination/Pagination.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { PaginationRootFactory } from './PaginationRoot/PaginationRoot';\n\nexport interface PaginationContextValue {\n  total: number;\n  range: (number | 'dots')[];\n  active: number;\n  disabled: boolean | undefined;\n  layout?: 'default' | 'responsive';\n  getItemProps?: (page: number) => Record<string, any>;\n  onChange: (page: number) => void;\n  onNext: () => void;\n  onPrevious: () => void;\n  onFirst: () => void;\n  onLast: () => void;\n  getStyles: GetStylesApi<PaginationRootFactory>;\n}\n\nexport const [PaginationProvider, usePaginationContext] = createSafeContext<PaginationContextValue>(\n  'Pagination.Root component was not found in tree'\n);\n"],"mappings":";;AAkBA,MAAa,CAAC,oBAAoB,8FAAwBA,CAAAA,CAAAA,kBACxD,iDACF"}

package/cjs/components/Pagination/Pagination.icons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.icons.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.icons.tsx"],"sourcesContent":["interface _PaginationIconProps {\n  path: string;\n  stroke?: any;\n  style?: React.CSSProperties;\n  className?: string | undefined;\n  children?: React.ReactNode;\n}\n\nexport type PaginationIconProps = Omit<_PaginationIconProps, 'path'>;\nexport type PaginationIcon = React.FC<PaginationIconProps>;\n\nfunction PaginationIcon({ style, children, path, ...others }: _PaginationIconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{\n        width: 'calc(var(--pagination-control-size) / 1.8)',\n        height: 'calc(var(--pagination-control-size) / 1.8)',\n        ...style,\n      }}\n      {...others}\n    >\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport const PaginationNextIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z\"\n  />\n);\n\nexport const PaginationPreviousIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z\"\n  />\n);\n\nexport const PaginationFirstIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z\"\n  />\n);\n\nexport const PaginationLastIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z\"\n  />\n);\n\nexport const PaginationDotsIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z\"\n  />\n);\n"],"mappings":";;;AAWA,SAAS,eAAe,EAAE,OAAO,UAAU,MAAM,GAAG,UAAgC;CAClF,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,SAAQ;EACR,OAAM;EACN,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,GAAG;GAAM,MAAK;EAAgB,CAAA;CACjC,CAAA;AAET;AAEA,MAAa,sBAAsB,UACjC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,0BAA0B,UACrC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,uBAAuB,UAClC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,sBAAsB,UACjC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,sBAAsB,UACjC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA"}
+{"version":3,"file":"Pagination.icons.cjs","names":[],"sources":["../../../src/components/Pagination/Pagination.icons.tsx"],"sourcesContent":["interface _PaginationIconProps {\n  path: string;\n  stroke?: any;\n  style?: React.CSSProperties;\n  className?: string | undefined;\n  children?: React.ReactNode;\n}\n\nexport type PaginationIconProps = Omit<_PaginationIconProps, 'path'>;\nexport type PaginationIcon = React.FC<PaginationIconProps>;\n\nfunction PaginationIcon({ style, children, path, ...others }: _PaginationIconProps) {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{\n        width: 'calc(var(--pagination-control-size) / 1.8)',\n        height: 'calc(var(--pagination-control-size) / 1.8)',\n        ...style,\n      }}\n      {...others}\n    >\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport const PaginationNextIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z\"\n  />\n);\n\nexport const PaginationPreviousIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z\"\n  />\n);\n\nexport const PaginationFirstIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z\"\n  />\n);\n\nexport const PaginationLastIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z\"\n  />\n);\n\nexport const PaginationDotsIcon = (props: PaginationIconProps) => (\n  <PaginationIcon\n    {...props}\n    path=\"M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z\"\n  />\n);\n"],"mappings":";;;AAWA,SAAS,eAAe,EAAE,OAAO,UAAU,MAAM,GAAG,UAAgC;CAClF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,SAAQ;EACR,OAAM;EACN,OAAO;GACL,OAAO;GACP,QAAQ;GACR,GAAG;EACL;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,GAAG;GAAM,MAAK;EAAgB,CAAA;CACjC,CAAA;AAET;AAEA,MAAa,sBAAsB,UACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,0BAA0B,UACrC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,uBAAuB,UAClC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,sBAAsB,UACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA;AAGH,MAAa,sBAAsB,UACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;CACE,GAAI;CACJ,MAAK;AACN,CAAA"}

package/cjs/components/Pagination/PaginationControl/PaginationControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationControl.cjs","names":["factory","useProps","usePaginationContext","UnstyledButton","classes"],"sources":["../../../../src/components/Pagination/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import {\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { usePaginationContext } from '../Pagination.context';\nimport classes from '../Pagination.module.css';\n\nexport type PaginationControlStylesNames = 'control';\n\nexport interface PaginationControlProps\n  extends BoxProps, CompoundStylesApiProps<PaginationControlFactory>, ElementProps<'button'> {\n  /** Applies active styles, adds `data-active` attribute */\n  active?: boolean;\n\n  /** Applies padding @default true */\n  withPadding?: boolean;\n}\n\nexport type PaginationControlFactory = Factory<{\n  props: PaginationControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: PaginationControlStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  withPadding: true,\n} satisfies Partial<PaginationControlProps>;\n\nexport const PaginationControl = factory<PaginationControlFactory>((_props) => {\n  const props = useProps('PaginationControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    active,\n    disabled,\n    withPadding,\n    mod,\n    ...others\n  } = props;\n\n  const ctx = usePaginationContext();\n  const _disabled = disabled || ctx.disabled;\n\n  return (\n    <UnstyledButton\n      disabled={_disabled}\n      mod={[{ active, disabled: _disabled, 'with-padding': withPadding }, mod]}\n      {...ctx.getStyles('control', { className, style, classNames, styles, active: !_disabled })}\n      {...others}\n    />\n  );\n});\n\nPaginationControl.classes = classes;\nPaginationControl.displayName = '@mantine/core/PaginationControl';\n"],"mappings":";;;;;;;;AA8BA,MAAM,eAAe,EACnB,aAAa,KACf;AAEA,MAAa,oBAAoBA,gBAAAA,SAAmC,WAAW;CAE7E,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,QACA,UACA,aACA,KACA,GAAG,WAXSC,kBAAAA,SAAS,qBAAqB,cAAc,MAYlD;CAER,MAAM,MAAMC,2BAAAA,qBAAqB;CACjC,MAAM,YAAY,YAAY,IAAI;CAElC,OACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EACE,UAAU;EACV,KAAK,CAAC;GAAE;GAAQ,UAAU;GAAW,gBAAgB;EAAY,GAAG,GAAG;EACvE,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;GAAQ,QAAQ,CAAC;EAAU,CAAC;EACzF,GAAI;CACL,CAAA;AAEL,CAAC;AAED,kBAAkB,UAAUC,0BAAAA;AAC5B,kBAAkB,cAAc"}
+{"version":3,"file":"PaginationControl.cjs","names":["factory","useProps","usePaginationContext","UnstyledButton","classes"],"sources":["../../../../src/components/Pagination/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import {\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { usePaginationContext } from '../Pagination.context';\nimport classes from '../Pagination.module.css';\n\nexport type PaginationControlStylesNames = 'control';\n\nexport interface PaginationControlProps\n  extends BoxProps, CompoundStylesApiProps<PaginationControlFactory>, ElementProps<'button'> {\n  /** Applies active styles, adds `data-active` attribute */\n  active?: boolean;\n\n  /** Applies padding @default true */\n  withPadding?: boolean;\n}\n\nexport type PaginationControlFactory = Factory<{\n  props: PaginationControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: PaginationControlStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  withPadding: true,\n} satisfies Partial<PaginationControlProps>;\n\nexport const PaginationControl = factory<PaginationControlFactory>((_props) => {\n  const props = useProps('PaginationControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    active,\n    disabled,\n    withPadding,\n    mod,\n    ...others\n  } = props;\n\n  const ctx = usePaginationContext();\n  const _disabled = disabled || ctx.disabled;\n\n  return (\n    <UnstyledButton\n      disabled={_disabled}\n      mod={[{ active, disabled: _disabled, 'with-padding': withPadding }, mod]}\n      {...ctx.getStyles('control', { className, style, classNames, styles, active: !_disabled })}\n      {...others}\n    />\n  );\n});\n\nPaginationControl.classes = classes;\nPaginationControl.displayName = '@mantine/core/PaginationControl';\n"],"mappings":";;;;;;;;AA8BA,MAAM,eAAe,EACnB,aAAa,KACf;AAEA,MAAa,oBAAoBA,gBAAAA,SAAmC,WAAW;CAE7E,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,QACA,UACA,aACA,KACA,GAAG,WAXSC,kBAAAA,SAAS,qBAAqB,cAAc,MAYlD;CAER,MAAM,MAAMC,2BAAAA,qBAAqB;CACjC,MAAM,YAAY,YAAY,IAAI;CAElC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD;EACE,UAAU;EACV,KAAK,CAAC;GAAE;GAAQ,UAAU;GAAW,gBAAgB;EAAY,GAAG,GAAG;EACvE,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;GAAQ,QAAQ,CAAC;EAAU,CAAC;EACzF,GAAI;CACL,CAAA;AAEL,CAAC;AAED,kBAAkB,UAAUC,0BAAAA;AAC5B,kBAAkB,cAAc"}

package/cjs/components/Pagination/PaginationDots/PaginationDots.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationDots.cjs","names":["PaginationDotsIcon","factory","useProps","Box","usePaginationContext","classes"],"sources":["../../../../src/components/Pagination/PaginationDots/PaginationDots.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { usePaginationContext } from '../Pagination.context';\nimport { PaginationDotsIcon, PaginationIconProps } from '../Pagination.icons';\nimport classes from '../Pagination.module.css';\n\nexport type PaginationDotsStylesNames = 'dots';\n\nexport interface PaginationDotsProps\n  extends BoxProps, CompoundStylesApiProps<PaginationDotsFactory>, ElementProps<'div'> {\n  /** Custom dots icon component, must accept svg element props and size prop */\n  icon?: React.FC<PaginationIconProps>;\n}\n\nexport type PaginationDotsFactory = Factory<{\n  props: PaginationDotsProps;\n  ref: HTMLDivElement;\n  stylesNames: PaginationDotsStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  icon: PaginationDotsIcon,\n} satisfies Partial<PaginationDotsProps>;\n\nexport const PaginationDots = factory<PaginationDotsFactory>((_props) => {\n  const props = useProps('PaginationDots', defaultProps, _props);\n  const { classNames, className, style, styles, vars, icon: Icon, ...others } = props;\n  const ctx = usePaginationContext();\n\n  return (\n    <Box {...ctx.getStyles('dots', { className, style, styles, classNames })} {...others}>\n      <Icon\n        style={{\n          width: 'calc(var(--pagination-control-size) / 1.8)',\n          height: 'calc(var(--pagination-control-size) / 1.8)',\n        }}\n      />\n    </Box>\n  );\n});\n\nPaginationDots.classes = classes;\nPaginationDots.displayName = '@mantine/core/PaginationDots';\n"],"mappings":";;;;;;;;;AA4BA,MAAM,eAAe,EACnB,MAAMA,yBAAAA,mBACR;AAEA,MAAa,iBAAiBC,gBAAAA,SAAgC,WAAW;CAEvE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,MAAM,GAAG,WADrDC,kBAAAA,SAAS,kBAAkB,cAAc,MAC2B;CAGlF,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAHKC,2BAAAA,qBAGC,EAAE,UAAU,QAAQ;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EAAG,GAAI;YAC5E,iBAAA,GAAA,kBAAA,KAAC,MAAD,EACE,OAAO;GACL,OAAO;GACP,QAAQ;EACV,EACD,CAAA;CACE,CAAA;AAET,CAAC;AAED,eAAe,UAAUC,0BAAAA;AACzB,eAAe,cAAc"}
+{"version":3,"file":"PaginationDots.cjs","names":["PaginationDotsIcon","factory","useProps","Box","usePaginationContext","classes"],"sources":["../../../../src/components/Pagination/PaginationDots/PaginationDots.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { usePaginationContext } from '../Pagination.context';\nimport { PaginationDotsIcon, PaginationIconProps } from '../Pagination.icons';\nimport classes from '../Pagination.module.css';\n\nexport type PaginationDotsStylesNames = 'dots';\n\nexport interface PaginationDotsProps\n  extends BoxProps, CompoundStylesApiProps<PaginationDotsFactory>, ElementProps<'div'> {\n  /** Custom dots icon component, must accept svg element props and size prop */\n  icon?: React.FC<PaginationIconProps>;\n}\n\nexport type PaginationDotsFactory = Factory<{\n  props: PaginationDotsProps;\n  ref: HTMLDivElement;\n  stylesNames: PaginationDotsStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  icon: PaginationDotsIcon,\n} satisfies Partial<PaginationDotsProps>;\n\nexport const PaginationDots = factory<PaginationDotsFactory>((_props) => {\n  const props = useProps('PaginationDots', defaultProps, _props);\n  const { classNames, className, style, styles, vars, icon: Icon, ...others } = props;\n  const ctx = usePaginationContext();\n\n  return (\n    <Box {...ctx.getStyles('dots', { className, style, styles, classNames })} {...others}>\n      <Icon\n        style={{\n          width: 'calc(var(--pagination-control-size) / 1.8)',\n          height: 'calc(var(--pagination-control-size) / 1.8)',\n        }}\n      />\n    </Box>\n  );\n});\n\nPaginationDots.classes = classes;\nPaginationDots.displayName = '@mantine/core/PaginationDots';\n"],"mappings":";;;;;;;;;AA4BA,MAAM,eAAe,EACnB,MAAMA,yBAAAA,mBACR;AAEA,MAAa,iBAAiBC,gBAAAA,SAAgC,WAAW;CAEvE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,MAAM,MAAM,GAAG,WADrDC,kBAAAA,SAAS,kBAAkB,cAAc,MAC2B;CAGlF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAHKC,2BAAAA,qBAGC,CAAC,CAAC,UAAU,QAAQ;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EAAG,GAAI;YAC5E,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,EACE,OAAO;GACL,OAAO;GACP,QAAQ;EACV,EACD,CAAA;CACE,CAAA;AAET,CAAC;AAED,eAAe,UAAUC,0BAAAA;AACzB,eAAe,cAAc"}