npm - @mantine/core - Versions diffs - 9.0.0 → 9.0.1 - Mend

@mantine/core 9.0.0 → 9.0.1

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

Files changed (466) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.mjs","names":["classes"],"sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n MantineFontSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type TitleSize = `h${TitleOrder}` \| React.CSSProperties['fontSize'] \| MantineFontSize;\n\nexport type TitleStylesNames = 'root';\nexport type TitleCssVariables = {\n root: '--title-fw' \| '--title-lh' \| '--title-fz' \| '--title-line-clamp' \| '--title-text-wrap';\n};\n\nexport interface TitleProps\n extends BoxProps, StylesApiProps<TitleFactory>, ElementProps<'h1', 'color'> {\n /** Heading order (1-6), controls `font-size` style if `size` prop is not set @default 1 /\n order?: TitleOrder;\n\n /* Changes title size, if not set, then size is controlled by `order` prop /\n size?: TitleSize;\n\n /* Number of lines after which heading will be truncated /\n lineClamp?: number;\n\n /* Heading `text-wrap` CSS property @default 'wrap' */\n textWrap?: 'wrap' \| 'nowrap' \| 'balance' \| 'pretty' \| 'stable';\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n}>;\n\nconst defaultProps = {\n order: 1,\n} satisfies Partial<TitleProps>;\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size, lineClamp, textWrap }) => {\n const sizeVariables = getTitleSize(order \|\| 1, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n '--title-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n '--title-text-wrap': textWrap,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props) => {\n const props = useProps('Title', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n order,\n vars,\n size,\n variant,\n lineClamp,\n textWrap,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order}`}\n variant={variant}\n mod={[{ order, 'data-line-clamp': typeof lineClamp === 'number' }, mod]}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.classes = classes;\nTitle.varsResolver = varsResolver;\nTitle.displayName = '@mantine/core/Title';\n"],"mappings":";;;;;;;;;;AA6CA,MAAM,eAAe,EACnB,OAAO,GACR;AAED,MAAM,eAAe,oBAAkC,GAAG,EAAE,OAAO,MAAM,WAAW,eAAe;CACjG,MAAM,gBAAgB,aAAa,SAAS,GAAG,KAAK;AACpD,QAAO,EACL,MAAM;EACJ,cAAc,cAAc;EAC5B,cAAc,cAAc;EAC5B,cAAc,cAAc;EAC5B,sBAAsB,OAAO,cAAc,WAAW,UAAU,UAAU,GAAG,KAAA;EAC7E,qBAAqB;EACtB,EACF;EACD;AAEF,MAAa,QAAQ,SAAuB,WAAW;CACrD,MAAM,QAAQ,SAAS,SAAS,cAAc,OAAO;CACrD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,OACA,MACA,MACA,SACA,WACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAwB;EACxC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,KAAI,CAAC;EAAC;EAAG;EAAG;EAAG;EAAG;EAAG;EAAE,CAAC,SAAS,MAAM,CACrC,QAAO;AAGT,QACE,oBAAC,KAAD;EACE,GAAI,UAAU,OAAO;EACrB,WAAW,IAAI;EACN;EACT,KAAK,CAAC;GAAE;GAAO,mBAAmB,OAAO,cAAc;GAAU,EAAE,IAAI;EACjE;EACN,GAAI;EACJ,CAAA;EAEJ;AAEF,MAAM,UAAUA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}
1	+ {"version":3,"file":"Title.mjs","names":["classes"],"sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n MantineFontSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type TitleSize = `h${TitleOrder}` \| React.CSSProperties['fontSize'] \| MantineFontSize;\n\nexport type TitleStylesNames = 'root';\nexport type TitleCssVariables = {\n root: '--title-fw' \| '--title-lh' \| '--title-fz' \| '--title-line-clamp' \| '--title-text-wrap';\n};\n\nexport interface TitleProps\n extends BoxProps, StylesApiProps<TitleFactory>, ElementProps<'h1', 'color'> {\n /** Heading order (1-6), controls `font-size` style if `size` prop is not set @default 1 /\n order?: TitleOrder;\n\n /* Changes title size, if not set, then size is controlled by `order` prop /\n size?: TitleSize;\n\n /* Number of lines after which heading will be truncated /\n lineClamp?: number;\n\n /* Heading `text-wrap` CSS property @default 'wrap' */\n textWrap?: 'wrap' \| 'nowrap' \| 'balance' \| 'pretty' \| 'stable';\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n}>;\n\nconst defaultProps = {\n order: 1,\n} satisfies Partial<TitleProps>;\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size, lineClamp, textWrap }) => {\n const sizeVariables = getTitleSize(order \|\| 1, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n '--title-line-clamp': typeof lineClamp === 'number' ? lineClamp.toString() : undefined,\n '--title-text-wrap': textWrap,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props) => {\n const props = useProps('Title', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n order,\n vars,\n size,\n variant,\n lineClamp,\n textWrap,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order}`}\n variant={variant}\n mod={[{ order, 'data-line-clamp': typeof lineClamp === 'number' }, mod]}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.classes = classes;\nTitle.varsResolver = varsResolver;\nTitle.displayName = '@mantine/core/Title';\n\nexport namespace Title {\n export type Props = TitleProps;\n export type Order = TitleOrder;\n export type Size = TitleSize;\n export type StylesNames = TitleStylesNames;\n export type CssVariables = TitleCssVariables;\n export type Factory = TitleFactory;\n}\n"],"mappings":";;;;;;;;;;AA6CA,MAAM,eAAe,EACnB,OAAO,GACR;AAED,MAAM,eAAe,oBAAkC,GAAG,EAAE,OAAO,MAAM,WAAW,eAAe;CACjG,MAAM,gBAAgB,aAAa,SAAS,GAAG,KAAK;AACpD,QAAO,EACL,MAAM;EACJ,cAAc,cAAc;EAC5B,cAAc,cAAc;EAC5B,cAAc,cAAc;EAC5B,sBAAsB,OAAO,cAAc,WAAW,UAAU,UAAU,GAAG,KAAA;EAC7E,qBAAqB;EACtB,EACF;EACD;AAEF,MAAa,QAAQ,SAAuB,WAAW;CACrD,MAAM,QAAQ,SAAS,SAAS,cAAc,OAAO;CACrD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,OACA,MACA,MACA,SACA,WACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAwB;EACxC,MAAM;EACN;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,KAAI,CAAC;EAAC;EAAG;EAAG;EAAG;EAAG;EAAG;EAAE,CAAC,SAAS,MAAM,CACrC,QAAO;AAGT,QACE,oBAAC,KAAD;EACE,GAAI,UAAU,OAAO;EACrB,WAAW,IAAI;EACN;EACT,KAAK,CAAC;GAAE;GAAO,mBAAmB,OAAO,cAAc;GAAU,EAAE,IAAI;EACjE;EACN,GAAI;EACJ,CAAA;EAEJ;AAEF,MAAM,UAAUA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.mjs","names":["classes"],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, useEffect, useRef } from 'react';\nimport cx from 'clsx';\nimport { useMergedRef } from '@mantine/hooks';\nimport {\n Box,\n createVarsResolver,\n factory,\n Factory,\n getDefaultZIndex,\n getRadius,\n getRefProp,\n getSingleElementChild,\n useDirection,\n useProps,\n useStyles,\n} from '../../core';\nimport {\n ArrowPosition,\n FloatingArrow,\n FloatingAxesOffsets,\n FloatingPosition,\n FloatingStrategy,\n getFloatingPosition,\n} from '../../utils/Floating';\nimport { OptionalPortal } from '../Portal';\nimport { getTransitionProps, Transition, TransitionOverride } from '../Transition';\nimport { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';\nimport { TooltipFloating } from './TooltipFloating/TooltipFloating';\nimport { TooltipGroup } from './TooltipGroup/TooltipGroup';\nimport { useTooltip } from './use-tooltip';\nimport classes from './Tooltip.module.css';\n\nexport interface TooltipProps extends TooltipBaseProps {\n /** Called when tooltip position changes /\n onPositionChange?: (position: FloatingPosition) => void;\n\n /* Open delay in ms /\n openDelay?: number;\n\n /* Close delay in ms @default 0 /\n closeDelay?: number;\n\n /* Controlled opened state /\n opened?: boolean;\n\n /* Uncontrolled tooltip initial opened state /\n defaultOpened?: boolean;\n\n /* Space between target element and tooltip in px @default 5 /\n offset?: number \| FloatingAxesOffsets;\n\n /* If set, the tooltip has an arrow @default false /\n withArrow?: boolean;\n\n /* Arrow size in px @default 4 /\n arrowSize?: number;\n\n /* Arrow offset in px @default 5 /\n arrowOffset?: number;\n\n /* Arrow `border-radius` in px @default 0 /\n arrowRadius?: number;\n\n /* Arrow position relative to the tooltip @default side /\n arrowPosition?: ArrowPosition;\n\n /* Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type @default { duration: 100, transition: 'fade' } /\n transitionProps?: TransitionOverride;\n\n /* Determines which events will be used to show tooltip @default { hover: true, focus: false, touch: false } /\n events?: { hover: boolean; focus: boolean; touch: boolean };\n\n /* Must be set if the tooltip target is an inline element /\n inline?: boolean;\n\n /* If set, the tooltip is not unmounted from the DOM when hidden, `display: none` styles are applied instead /\n keepMounted?: boolean;\n\n /* Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) @default 'absolute' /\n floatingStrategy?: FloatingStrategy;\n\n /* If set, adjusts text color based on background color for `filled` variant /\n autoContrast?: boolean;\n\n /* Selector, ref of an element or element itself that should be used for positioning */\n target?: React.RefObject<HTMLElement \| null> \| HTMLElement \| null \| string;\n}\n\nexport type TooltipFactory = Factory<{\n props: TooltipProps;\n ref: HTMLDivElement;\n stylesNames: TooltipStylesNames;\n vars: TooltipCssVariables;\n staticComponents: {\n Floating: typeof TooltipFloating;\n Group: typeof TooltipGroup;\n };\n}>;\n\nconst defaultProps = {\n position: 'top',\n refProp: 'ref',\n withinPortal: true,\n arrowSize: 4,\n arrowOffset: 5,\n arrowRadius: 0,\n arrowPosition: 'side',\n offset: 5,\n transitionProps: { duration: 100, transition: 'fade' },\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex('popover'),\n middlewares: { flip: true, shift: true, inline: false },\n} satisfies Partial<TooltipProps>;\n\nconst varsResolver = createVarsResolver<TooltipFactory>(\n (theme, { radius, color, variant, autoContrast }) => {\n const colors = theme.variantColorResolver({\n theme,\n color: color \|\| theme.primaryColor,\n autoContrast,\n variant: variant \|\| 'filled',\n });\n\n return {\n tooltip: {\n '--tooltip-radius': radius === undefined ? undefined : getRadius(radius),\n '--tooltip-bg': color ? colors.background : undefined,\n '--tooltip-color': color ? colors.color : undefined,\n },\n };\n }\n);\n\nexport const Tooltip = factory<TooltipFactory>((_props) => {\n const props = useProps('Tooltip', defaultProps, _props);\n const {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n defaultOpened,\n withinPortal,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n offset,\n transitionProps,\n multiline,\n events,\n zIndex,\n disabled,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n variant,\n keepMounted,\n vars,\n portalProps,\n mod,\n floatingStrategy,\n middlewares,\n autoContrast,\n attributes,\n target,\n ref,\n ...others\n } = props;\n\n const { dir } = useDirection();\n const arrowRef = useRef<HTMLDivElement>(null);\n\n const tooltip = useTooltip({\n position: getFloatingPosition(dir, position),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n defaultOpened,\n events,\n arrowRef,\n arrowOffset,\n offset: typeof offset === 'number' ? offset + (withArrow ? arrowSize / 2 : 0) : offset,\n inline,\n strategy: floatingStrategy,\n middlewares,\n });\n\n useEffect(() => {\n const targetNode =\n target instanceof HTMLElement\n ? target\n : typeof target === 'string'\n ? document.querySelector(target)\n : target?.current \|\| null;\n\n if (targetNode) {\n tooltip.reference(targetNode);\n }\n }, [target, tooltip]);\n\n const getStyles = useStyles<TooltipFactory>({\n name: 'Tooltip',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'tooltip',\n vars,\n varsResolver,\n });\n\n const child = getSingleElementChild(children);\n if (!target && !child) {\n throw new Error(\n '[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported'\n );\n }\n\n const tooltipStyles = getStyles('tooltip');\n\n if (target) {\n const transition = getTransitionProps(transitionProps, { duration: 100, transition: 'fade' });\n return (\n <>\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <Transition\n {...transition}\n keepMounted={keepMounted}\n mounted={!disabled && !!tooltip.opened}\n duration={tooltip.isGroupPhase ? 10 : transition.duration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n data-fixed={floatingStrategy === 'fixed' \|\| undefined}\n variant={variant}\n mod={[{ multiline }, mod]}\n {...tooltipStyles}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: tooltipStyles.className,\n style: {\n ...tooltipStyles.style,\n ...transitionStyles,\n zIndex: zIndex as React.CSSProperties['zIndex'],\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX}\n arrowY={tooltip.arrowY}\n visible={withArrow}\n position={tooltip.placement}\n arrowSize={arrowSize}\n arrowOffset={arrowOffset}\n arrowRadius={arrowRadius}\n arrowPosition={arrowPosition}\n {...getStyles('arrow')}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n </>\n );\n }\n\n // fallback to children-based approach\n const childProps = child!.props as any;\n const targetRef = useMergedRef(tooltip.reference, getRefProp(child), ref);\n const transition = getTransitionProps(transitionProps, { duration: 100, transition: 'fade' });\n\n return (\n <>\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <Transition\n {...transition}\n keepMounted={keepMounted}\n mounted={!disabled && !!tooltip.opened}\n duration={tooltip.isGroupPhase ? 10 : transition.duration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n data-fixed={floatingStrategy === 'fixed' \|\| undefined}\n variant={variant}\n mod={[{ multiline }, mod]}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: getStyles('tooltip').className,\n style: {\n ...getStyles('tooltip').style,\n ...transitionStyles,\n zIndex: zIndex as React.CSSProperties['zIndex'],\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX}\n arrowY={tooltip.arrowY}\n visible={withArrow}\n position={tooltip.placement}\n arrowSize={arrowSize}\n arrowOffset={arrowOffset}\n arrowRadius={arrowRadius}\n arrowPosition={arrowPosition}\n {...getStyles('arrow')}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n\n {cloneElement(\n child!,\n tooltip.getReferenceProps({\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove: props.onMouseMove,\n onPointerDown: props.onPointerDown,\n onPointerEnter: props.onPointerEnter,\n ...childProps,\n className: cx(className, childProps.className),\n [refProp]: targetRef,\n })\n )}\n </>\n );\n});\n\nTooltip.classes = classes;\nTooltip.varsResolver = varsResolver;\nTooltip.displayName = '@mantine/core/Tooltip';\nTooltip.Floating = TooltipFloating;\nTooltip.Group = TooltipGroup;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Tooltip.mjs","names":["classes"],"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cloneElement, useEffect, useRef } from 'react';\nimport cx from 'clsx';\nimport { useMergedRef } from '@mantine/hooks';\nimport {\n Box,\n createVarsResolver,\n factory,\n Factory,\n getDefaultZIndex,\n getRadius,\n getRefProp,\n getSingleElementChild,\n useDirection,\n useProps,\n useStyles,\n} from '../../core';\nimport {\n ArrowPosition,\n FloatingArrow,\n FloatingAxesOffsets,\n FloatingPosition,\n FloatingStrategy,\n getFloatingPosition,\n} from '../../utils/Floating';\nimport { OptionalPortal } from '../Portal';\nimport { getTransitionProps, Transition, TransitionOverride } from '../Transition';\nimport { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';\nimport { TooltipFloating, type TooltipFloatingProps } from './TooltipFloating/TooltipFloating';\nimport {\n TooltipGroup,\n type TooltipGroupProps,\n type TooltipGroupContextValue,\n} from './TooltipGroup/TooltipGroup';\nimport { useTooltip } from './use-tooltip';\nimport classes from './Tooltip.module.css';\nexport interface TooltipProps extends TooltipBaseProps {\n /** Called when tooltip position changes /\n onPositionChange?: (position: FloatingPosition) => void;\n\n /* Open delay in ms /\n openDelay?: number;\n\n /* Close delay in ms @default 0 /\n closeDelay?: number;\n\n /* Controlled opened state /\n opened?: boolean;\n\n /* Uncontrolled tooltip initial opened state /\n defaultOpened?: boolean;\n\n /* Space between target element and tooltip in px @default 5 /\n offset?: number \| FloatingAxesOffsets;\n\n /* If set, the tooltip has an arrow @default false /\n withArrow?: boolean;\n\n /* Arrow size in px @default 4 /\n arrowSize?: number;\n\n /* Arrow offset in px @default 5 /\n arrowOffset?: number;\n\n /* Arrow `border-radius` in px @default 0 /\n arrowRadius?: number;\n\n /* Arrow position relative to the tooltip @default side /\n arrowPosition?: ArrowPosition;\n\n /* Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type @default { duration: 100, transition: 'fade' } /\n transitionProps?: TransitionOverride;\n\n /* Determines which events will be used to show tooltip @default { hover: true, focus: false, touch: false } /\n events?: { hover: boolean; focus: boolean; touch: boolean };\n\n /* Must be set if the tooltip target is an inline element /\n inline?: boolean;\n\n /* If set, the tooltip is not unmounted from the DOM when hidden, `display: none` styles are applied instead /\n keepMounted?: boolean;\n\n /* Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy) @default 'absolute' /\n floatingStrategy?: FloatingStrategy;\n\n /* If set, adjusts text color based on background color for `filled` variant /\n autoContrast?: boolean;\n\n /* Selector, ref of an element or element itself that should be used for positioning */\n target?: React.RefObject<HTMLElement \| null> \| HTMLElement \| null \| string;\n}\n\nexport type TooltipFactory = Factory<{\n props: TooltipProps;\n ref: HTMLDivElement;\n stylesNames: TooltipStylesNames;\n vars: TooltipCssVariables;\n staticComponents: {\n Floating: typeof TooltipFloating;\n Group: typeof TooltipGroup;\n };\n}>;\n\nconst defaultProps = {\n position: 'top',\n refProp: 'ref',\n withinPortal: true,\n arrowSize: 4,\n arrowOffset: 5,\n arrowRadius: 0,\n arrowPosition: 'side',\n offset: 5,\n transitionProps: { duration: 100, transition: 'fade' },\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex('popover'),\n middlewares: { flip: true, shift: true, inline: false },\n} satisfies Partial<TooltipProps>;\n\nconst varsResolver = createVarsResolver<TooltipFactory>(\n (theme, { radius, color, variant, autoContrast }) => {\n const colors = theme.variantColorResolver({\n theme,\n color: color \|\| theme.primaryColor,\n autoContrast,\n variant: variant \|\| 'filled',\n });\n\n return {\n tooltip: {\n '--tooltip-radius': radius === undefined ? undefined : getRadius(radius),\n '--tooltip-bg': color ? colors.background : undefined,\n '--tooltip-color': color ? colors.color : undefined,\n },\n };\n }\n);\n\nexport const Tooltip = factory<TooltipFactory>((_props) => {\n const props = useProps('Tooltip', defaultProps, _props);\n const {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n defaultOpened,\n withinPortal,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n offset,\n transitionProps,\n multiline,\n events,\n zIndex,\n disabled,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n variant,\n keepMounted,\n vars,\n portalProps,\n mod,\n floatingStrategy,\n middlewares,\n autoContrast,\n attributes,\n target,\n ref,\n ...others\n } = props;\n\n const { dir } = useDirection();\n const arrowRef = useRef<HTMLDivElement>(null);\n\n const tooltip = useTooltip({\n position: getFloatingPosition(dir, position),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n defaultOpened,\n events,\n arrowRef,\n arrowOffset,\n offset: typeof offset === 'number' ? offset + (withArrow ? arrowSize / 2 : 0) : offset,\n inline,\n strategy: floatingStrategy,\n middlewares,\n });\n\n useEffect(() => {\n const targetNode =\n target instanceof HTMLElement\n ? target\n : typeof target === 'string'\n ? document.querySelector(target)\n : target?.current \|\| null;\n\n if (targetNode) {\n tooltip.reference(targetNode);\n }\n }, [target, tooltip]);\n\n const getStyles = useStyles<TooltipFactory>({\n name: 'Tooltip',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n rootSelector: 'tooltip',\n vars,\n varsResolver,\n });\n\n const child = getSingleElementChild(children);\n if (!target && !child) {\n throw new Error(\n '[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported'\n );\n }\n\n const tooltipStyles = getStyles('tooltip');\n\n if (target) {\n const transition = getTransitionProps(transitionProps, { duration: 100, transition: 'fade' });\n return (\n <>\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <Transition\n {...transition}\n keepMounted={keepMounted}\n mounted={!disabled && !!tooltip.opened}\n duration={tooltip.isGroupPhase ? 10 : transition.duration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n data-fixed={floatingStrategy === 'fixed' \|\| undefined}\n variant={variant}\n mod={[{ multiline }, mod]}\n {...tooltipStyles}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: tooltipStyles.className,\n style: {\n ...tooltipStyles.style,\n ...transitionStyles,\n zIndex: zIndex as React.CSSProperties['zIndex'],\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX}\n arrowY={tooltip.arrowY}\n visible={withArrow}\n position={tooltip.placement}\n arrowSize={arrowSize}\n arrowOffset={arrowOffset}\n arrowRadius={arrowRadius}\n arrowPosition={arrowPosition}\n {...getStyles('arrow')}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n </>\n );\n }\n\n // fallback to children-based approach\n const childProps = child!.props as any;\n const targetRef = useMergedRef(tooltip.reference, getRefProp(child), ref);\n const transition = getTransitionProps(transitionProps, { duration: 100, transition: 'fade' });\n\n return (\n <>\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n <Transition\n {...transition}\n keepMounted={keepMounted}\n mounted={!disabled && !!tooltip.opened}\n duration={tooltip.isGroupPhase ? 10 : transition.duration}\n >\n {(transitionStyles) => (\n <Box\n {...others}\n data-fixed={floatingStrategy === 'fixed' \|\| undefined}\n variant={variant}\n mod={[{ multiline }, mod]}\n {...tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: getStyles('tooltip').className,\n style: {\n ...getStyles('tooltip').style,\n ...transitionStyles,\n zIndex: zIndex as React.CSSProperties['zIndex'],\n top: tooltip.y ?? 0,\n left: tooltip.x ?? 0,\n },\n })}\n >\n {label}\n <FloatingArrow\n ref={arrowRef}\n arrowX={tooltip.arrowX}\n arrowY={tooltip.arrowY}\n visible={withArrow}\n position={tooltip.placement}\n arrowSize={arrowSize}\n arrowOffset={arrowOffset}\n arrowRadius={arrowRadius}\n arrowPosition={arrowPosition}\n {...getStyles('arrow')}\n />\n </Box>\n )}\n </Transition>\n </OptionalPortal>\n\n {cloneElement(\n child!,\n tooltip.getReferenceProps({\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove: props.onMouseMove,\n onPointerDown: props.onPointerDown,\n onPointerEnter: props.onPointerEnter,\n ...childProps,\n className: cx(className, childProps.className),\n [refProp]: targetRef,\n })\n )}\n </>\n );\n});\n\nTooltip.classes = classes;\nTooltip.varsResolver = varsResolver;\nTooltip.displayName = '@mantine/core/Tooltip';\nTooltip.Floating = TooltipFloating;\nTooltip.Group = TooltipGroup;\n\nexport namespace Tooltip {\n export type Props = TooltipProps;\n export type Factory = TooltipFactory;\n export type CssVariables = TooltipCssVariables;\n export type StylesNames = TooltipStylesNames;\n\n export namespace Group {\n export type Props = TooltipGroupProps;\n export type ContextValue = TooltipGroupContextValue;\n }\n\n export namespace Floating {\n export type Props = TooltipFloatingProps;\n }\n}\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tree.mjs","names":["classes"],"sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useClickOutside, useMergedRef } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { TreeNode } from './TreeNode';\nimport { TreeController, useTree } from './use-tree';\nimport classes from './Tree.module.css';\n\nexport interface TreeNodeData {\n label: React.ReactNode;\n value: string;\n nodeProps?: Record<string, any>;\n children?: TreeNodeData[];\n}\n\nexport interface RenderTreeNodePayload {\n /** Node level in the tree /\n level: number;\n\n /* `true` if the node is expanded, applicable only for nodes with `children` /\n expanded: boolean;\n\n /* `true` if the node has non-empty `children` array /\n hasChildren: boolean;\n\n /* `true` if the node is selected /\n selected: boolean;\n\n /* Node data from the `data` prop of `Tree` /\n node: TreeNodeData;\n\n /* Tree controller instance, return value of `useTree` hook /\n tree: TreeController;\n\n /* Props to spread into the root node element /\n elementProps: {\n className: string;\n style: React.CSSProperties;\n onClick: (event: React.MouseEvent) => void;\n 'data-selected': boolean \| undefined;\n 'data-value': string;\n };\n}\n\nexport type RenderNode = (payload: RenderTreeNodePayload) => React.ReactNode;\n\nexport type TreeStylesNames = 'root' \| 'node' \| 'subtree' \| 'label';\nexport type TreeCssVariables = {\n root: '--level-offset';\n};\n\nexport interface TreeProps extends BoxProps, StylesApiProps<TreeFactory>, ElementProps<'ul'> {\n /* Data used to render nodes /\n data: TreeNodeData[];\n\n /* Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value @default 'lg' /\n levelOffset?: MantineSpacing;\n\n /* If set, tree node with children is expanded on click @default true /\n expandOnClick?: boolean;\n\n /* If set, tree node with children is expanded on space key press @default true /\n expandOnSpace?: boolean;\n\n /* If set, tree node is checked on space key press @default false /\n checkOnSpace?: boolean;\n\n /* If set, tree node is selected on click @default false /\n selectOnClick?: boolean;\n\n /* Use-tree hook instance that can be used to manipulate component state /\n tree?: TreeController;\n\n /* A function to render tree node label /\n renderNode?: RenderNode;\n\n /* If set, selection is cleared when user clicks outside of the tree @default false /\n clearSelectionOnOutsideClick?: boolean;\n\n /* If set, tree nodes range can be selected with click when `Shift` key is pressed @default true /\n allowRangeSelection?: boolean;\n\n /* If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state. @default false */\n keepMounted?: boolean;\n}\n\nfunction getFlatValues(data: TreeNodeData[]): string[] {\n return data.reduce<string[]>((acc, item) => {\n acc.push(item.value);\n if (item.children) {\n acc.push(...getFlatValues(item.children));\n }\n return acc;\n }, []);\n}\n\nexport type TreeFactory = Factory<{\n props: TreeProps;\n ref: HTMLUListElement;\n stylesNames: TreeStylesNames;\n vars: TreeCssVariables;\n}>;\n\nconst defaultProps = {\n expandOnClick: true,\n allowRangeSelection: true,\n expandOnSpace: true,\n} satisfies Partial<TreeProps>;\n\nconst varsResolver = createVarsResolver<TreeFactory>((_theme, { levelOffset }) => ({\n root: {\n '--level-offset': getSpacing(levelOffset),\n },\n}));\n\nexport const Tree = factory<TreeFactory>((_props) => {\n const props = useProps('Tree', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n data,\n expandOnClick,\n tree,\n renderNode,\n selectOnClick,\n clearSelectionOnOutsideClick,\n allowRangeSelection,\n expandOnSpace,\n levelOffset,\n checkOnSpace,\n keepMounted,\n attributes,\n ref,\n ...others\n } = props;\n\n const defaultController = useTree();\n const controller = tree \|\| defaultController;\n\n const getStyles = useStyles<TreeFactory>({\n name: 'Tree',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const clickOutsideRef = useClickOutside(\n () => clearSelectionOnOutsideClick && controller.clearSelected()\n );\n\n const mergedRef = useMergedRef(ref, clickOutsideRef);\n\n const flatValues = useMemo(() => getFlatValues(data), [data]);\n\n useEffect(() => {\n controller.initialize(data);\n }, [data]);\n\n const nodes = data.map((node, index) => (\n <TreeNode\n key={node.value}\n node={node}\n getStyles={getStyles}\n rootIndex={index}\n expandOnClick={expandOnClick}\n selectOnClick={selectOnClick}\n controller={controller}\n renderNode={renderNode}\n flatValues={flatValues}\n allowRangeSelection={allowRangeSelection}\n expandOnSpace={expandOnSpace}\n checkOnSpace={checkOnSpace}\n keepMounted={keepMounted}\n />\n ));\n\n return (\n <Box\n component=\"ul\"\n ref={mergedRef}\n {...getStyles('root')}\n {...others}\n role=\"tree\"\n aria-multiselectable={controller.multiple}\n data-tree-root\n >\n {nodes}\n </Box>\n );\n});\n\nTree.displayName = '@mantine/core/Tree';\nTree.classes = classes;\nTree.varsResolver = varsResolver;\n"],"mappings":";;;;;;;;;;;;;;AAiGA,SAAS,cAAc,MAAgC;AACrD,QAAO,KAAK,QAAkB,KAAK,SAAS;AAC1C,MAAI,KAAK,KAAK,MAAM;AACpB,MAAI,KAAK,SACP,KAAI,KAAK,GAAG,cAAc,KAAK,SAAS,CAAC;AAE3C,SAAO;IACN,EAAE,CAAC;;AAUR,MAAM,eAAe;CACnB,eAAe;CACf,qBAAqB;CACrB,eAAe;CAChB;AAED,MAAM,eAAe,oBAAiC,QAAQ,EAAE,mBAAmB,EACjF,MAAM,EACJ,kBAAkB,WAAW,YAAY,EAC1C,EACF,EAAE;AAEH,MAAa,OAAO,SAAsB,WAAW;CACnD,MAAM,QAAQ,SAAS,QAAQ,cAAc,OAAO;CACpD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,eACA,MACA,YACA,eACA,8BACA,qBACA,eACA,aACA,cACA,aACA,YACA,KACA,GAAG,WACD;CAEJ,MAAM,oBAAoB,SAAS;CACnC,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,UAAuB;EACvC,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAMF,MAAM,YAAY,aAAa,KAJP,sBAChB,gCAAgC,WAAW,eAAe,CACjE,CAEmD;CAEpD,MAAM,aAAa,cAAc,cAAc,KAAK,EAAE,CAAC,KAAK,CAAC;AAE7D,iBAAgB;AACd,aAAW,WAAW,KAAK;IAC1B,CAAC,KAAK,CAAC;CAEV,MAAM,QAAQ,KAAK,KAAK,MAAM,UAC5B,oBAAC,UAAD;EAEQ;EACK;EACX,WAAW;EACI;EACA;EACH;EACA;EACA;EACS;EACN;EACD;EACD;EACb,EAbK,KAAK,MAaV,CACF;AAEF,QACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK;EACL,GAAI,UAAU,OAAO;EACrB,GAAI;EACJ,MAAK;EACL,wBAAsB,WAAW;EACjC,kBAAA;YAEC;EACG,CAAA;EAER;AAEF,KAAK,cAAc;AACnB,KAAK,UAAUA;AACf,KAAK,eAAe"}
1	+ {"version":3,"file":"Tree.mjs","names":["classes"],"sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useClickOutside, useMergedRef } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSpacing,\n MantineSpacing,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { TreeNode } from './TreeNode';\nimport { TreeController, useTree } from './use-tree';\nimport classes from './Tree.module.css';\n\nexport interface TreeNodeData {\n label: React.ReactNode;\n value: string;\n nodeProps?: Record<string, any>;\n children?: TreeNodeData[];\n}\n\nexport interface RenderTreeNodePayload {\n /** Node level in the tree /\n level: number;\n\n /* `true` if the node is expanded, applicable only for nodes with `children` /\n expanded: boolean;\n\n /* `true` if the node has non-empty `children` array /\n hasChildren: boolean;\n\n /* `true` if the node is selected /\n selected: boolean;\n\n /* Node data from the `data` prop of `Tree` /\n node: TreeNodeData;\n\n /* Tree controller instance, return value of `useTree` hook /\n tree: TreeController;\n\n /* Props to spread into the root node element /\n elementProps: {\n className: string;\n style: React.CSSProperties;\n onClick: (event: React.MouseEvent) => void;\n 'data-selected': boolean \| undefined;\n 'data-value': string;\n };\n}\n\nexport type RenderNode = (payload: RenderTreeNodePayload) => React.ReactNode;\n\nexport type TreeStylesNames = 'root' \| 'node' \| 'subtree' \| 'label';\nexport type TreeCssVariables = {\n root: '--level-offset';\n};\n\nexport interface TreeProps extends BoxProps, StylesApiProps<TreeFactory>, ElementProps<'ul'> {\n /* Data used to render nodes /\n data: TreeNodeData[];\n\n /* Horizontal padding of each subtree level, key of `theme.spacing` or any valid CSS value @default 'lg' /\n levelOffset?: MantineSpacing;\n\n /* If set, tree node with children is expanded on click @default true /\n expandOnClick?: boolean;\n\n /* If set, tree node with children is expanded on space key press @default true /\n expandOnSpace?: boolean;\n\n /* If set, tree node is checked on space key press @default false /\n checkOnSpace?: boolean;\n\n /* If set, tree node is selected on click @default false /\n selectOnClick?: boolean;\n\n /* Use-tree hook instance that can be used to manipulate component state /\n tree?: TreeController;\n\n /* A function to render tree node label /\n renderNode?: RenderNode;\n\n /* If set, selection is cleared when user clicks outside of the tree @default false /\n clearSelectionOnOutsideClick?: boolean;\n\n /* If set, tree nodes range can be selected with click when `Shift` key is pressed @default true /\n allowRangeSelection?: boolean;\n\n /* If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state. @default false */\n keepMounted?: boolean;\n}\n\nfunction getFlatValues(data: TreeNodeData[]): string[] {\n return data.reduce<string[]>((acc, item) => {\n acc.push(item.value);\n if (item.children) {\n acc.push(...getFlatValues(item.children));\n }\n return acc;\n }, []);\n}\n\nexport type TreeFactory = Factory<{\n props: TreeProps;\n ref: HTMLUListElement;\n stylesNames: TreeStylesNames;\n vars: TreeCssVariables;\n}>;\n\nconst defaultProps = {\n expandOnClick: true,\n allowRangeSelection: true,\n expandOnSpace: true,\n} satisfies Partial<TreeProps>;\n\nconst varsResolver = createVarsResolver<TreeFactory>((_theme, { levelOffset }) => ({\n root: {\n '--level-offset': getSpacing(levelOffset),\n },\n}));\n\nexport const Tree = factory<TreeFactory>((_props) => {\n const props = useProps('Tree', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n data,\n expandOnClick,\n tree,\n renderNode,\n selectOnClick,\n clearSelectionOnOutsideClick,\n allowRangeSelection,\n expandOnSpace,\n levelOffset,\n checkOnSpace,\n keepMounted,\n attributes,\n ref,\n ...others\n } = props;\n\n const defaultController = useTree();\n const controller = tree \|\| defaultController;\n\n const getStyles = useStyles<TreeFactory>({\n name: 'Tree',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const clickOutsideRef = useClickOutside(\n () => clearSelectionOnOutsideClick && controller.clearSelected()\n );\n\n const mergedRef = useMergedRef(ref, clickOutsideRef);\n\n const flatValues = useMemo(() => getFlatValues(data), [data]);\n\n useEffect(() => {\n controller.initialize(data);\n }, [data]);\n\n const nodes = data.map((node, index) => (\n <TreeNode\n key={node.value}\n node={node}\n getStyles={getStyles}\n rootIndex={index}\n expandOnClick={expandOnClick}\n selectOnClick={selectOnClick}\n controller={controller}\n renderNode={renderNode}\n flatValues={flatValues}\n allowRangeSelection={allowRangeSelection}\n expandOnSpace={expandOnSpace}\n checkOnSpace={checkOnSpace}\n keepMounted={keepMounted}\n />\n ));\n\n return (\n <Box\n component=\"ul\"\n ref={mergedRef}\n {...getStyles('root')}\n {...others}\n role=\"tree\"\n aria-multiselectable={controller.multiple}\n data-tree-root\n >\n {nodes}\n </Box>\n );\n});\n\nTree.displayName = '@mantine/core/Tree';\nTree.classes = classes;\nTree.varsResolver = varsResolver;\n\nexport namespace Tree {\n export type Props = TreeProps;\n export type StylesNames = TreeStylesNames;\n export type Factory = TreeFactory;\n export type NodeData = TreeNodeData;\n export type RenderNodePayload = RenderTreeNodePayload;\n}\n"],"mappings":";;;;;;;;;;;;;;AAiGA,SAAS,cAAc,MAAgC;AACrD,QAAO,KAAK,QAAkB,KAAK,SAAS;AAC1C,MAAI,KAAK,KAAK,MAAM;AACpB,MAAI,KAAK,SACP,KAAI,KAAK,GAAG,cAAc,KAAK,SAAS,CAAC;AAE3C,SAAO;IACN,EAAE,CAAC;;AAUR,MAAM,eAAe;CACnB,eAAe;CACf,qBAAqB;CACrB,eAAe;CAChB;AAED,MAAM,eAAe,oBAAiC,QAAQ,EAAE,mBAAmB,EACjF,MAAM,EACJ,kBAAkB,WAAW,YAAY,EAC1C,EACF,EAAE;AAEH,MAAa,OAAO,SAAsB,WAAW;CACnD,MAAM,QAAQ,SAAS,QAAQ,cAAc,OAAO;CACpD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,eACA,MACA,YACA,eACA,8BACA,qBACA,eACA,aACA,cACA,aACA,YACA,KACA,GAAG,WACD;CAEJ,MAAM,oBAAoB,SAAS;CACnC,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,UAAuB;EACvC,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAMF,MAAM,YAAY,aAAa,KAJP,sBAChB,gCAAgC,WAAW,eAAe,CACjE,CAEmD;CAEpD,MAAM,aAAa,cAAc,cAAc,KAAK,EAAE,CAAC,KAAK,CAAC;AAE7D,iBAAgB;AACd,aAAW,WAAW,KAAK;IAC1B,CAAC,KAAK,CAAC;CAEV,MAAM,QAAQ,KAAK,KAAK,MAAM,UAC5B,oBAAC,UAAD;EAEQ;EACK;EACX,WAAW;EACI;EACA;EACH;EACA;EACA;EACS;EACN;EACD;EACD;EACb,EAbK,KAAK,MAaV,CACF;AAEF,QACE,oBAAC,KAAD;EACE,WAAU;EACV,KAAK;EACL,GAAI,UAAU,OAAO;EACrB,GAAI;EACJ,MAAK;EACL,wBAAsB,WAAW;EACjC,kBAAA;YAEC;EACG,CAAA;EAER;AAEF,KAAK,cAAc;AACnB,KAAK,UAAUA;AACf,KAAK,eAAe"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.mjs","names":["classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n props: TypographyProps;\n ref: HTMLDivElement;\n stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n const props = useProps('Typography', null, _props);\n const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n const getStyles = useStyles<TypographyFactory>({\n name: 'Typography',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,MAAM,OAAO;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;AAclF,QAAO,oBAAC,KAAD;EAAK,GAZM,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEwB,OAAO;EAAE,GAAI;EAAU,CAAA;EACjD;AAEF,WAAW,UAAUA;AACrB,WAAW,cAAc"}
1	+ {"version":3,"file":"Typography.mjs","names":["classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n props: TypographyProps;\n ref: HTMLDivElement;\n stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n const props = useProps('Typography', null, _props);\n const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n const getStyles = useStyles<TypographyFactory>({\n name: 'Typography',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n\nexport namespace Typography {\n export type Props = TypographyProps;\n export type StylesNames = TypographyStylesNames;\n export type Factory = TypographyFactory;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,MAAM,OAAO;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;AAclF,QAAO,oBAAC,KAAD;EAAK,GAZM,UAA6B;GAC7C,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEwB,OAAO;EAAE,GAAI;EAAU,CAAA;EACjD;AAEF,WAAW,UAAUA;AACrB,WAAW,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UnstyledButton.mjs","names":["classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n Box,\n BoxComponentProps,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n extends Omit<BoxComponentProps, 'vars' \| 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n __staticSelector?: string;\n}\n\nconst defaultProps = {\n __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n props: UnstyledButtonProps;\n stylesNames: UnstyledButtonStylesNames;\n defaultComponent: 'button';\n defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n (_props: UnstyledButtonProps & { component?: any }) => {\n const props = useProps('UnstyledButton', defaultProps, _props);\n const {\n className,\n component = 'button',\n __staticSelector,\n unstyled,\n classNames,\n styles,\n style,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<UnstyledButtonFactory>({\n name: __staticSelector,\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n component={component}\n type={component === 'button' ? 'button' : undefined}\n {...others}\n />\n );\n }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,kBACnB;AASD,MAAa,iBAAiB,oBAC3B,WAAsD;CACrD,MAAM,QAAQ,SAAS,kBAAkB,cAAc,OAAO;CAC9D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;AAcJ,QACE,oBAAC,KAAD;EACE,GAdc,UAAiC;GACjD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAIgB,QAAQ,EAAE,WAAW,MAAM,CAAC;EAC/B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;EACJ,CAAA;EAGP;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}
1	+ {"version":3,"file":"UnstyledButton.mjs","names":["classes"],"sources":["../../../src/components/UnstyledButton/UnstyledButton.tsx"],"sourcesContent":["import {\n Box,\n BoxComponentProps,\n polymorphicFactory,\n PolymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './UnstyledButton.module.css';\n\nexport type UnstyledButtonStylesNames = 'root';\n\nexport interface UnstyledButtonProps\n extends Omit<BoxComponentProps, 'vars' \| 'variant'>, StylesApiProps<UnstyledButtonFactory> {\n __staticSelector?: string;\n}\n\nconst defaultProps = {\n __staticSelector: 'UnstyledButton',\n} satisfies Partial<UnstyledButtonProps>;\n\nexport type UnstyledButtonFactory = PolymorphicFactory<{\n props: UnstyledButtonProps;\n stylesNames: UnstyledButtonStylesNames;\n defaultComponent: 'button';\n defaultRef: HTMLButtonElement;\n}>;\n\nexport const UnstyledButton = polymorphicFactory<UnstyledButtonFactory>(\n (_props: UnstyledButtonProps & { component?: any }) => {\n const props = useProps('UnstyledButton', defaultProps, _props);\n const {\n className,\n component = 'button',\n __staticSelector,\n unstyled,\n classNames,\n styles,\n style,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<UnstyledButtonFactory>({\n name: __staticSelector,\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return (\n <Box\n {...getStyles('root', { focusable: true })}\n component={component}\n type={component === 'button' ? 'button' : undefined}\n {...others}\n />\n );\n }\n);\n\nUnstyledButton.classes = classes;\nUnstyledButton.displayName = '@mantine/core/UnstyledButton';\n\nexport namespace UnstyledButton {\n export type Props = UnstyledButtonProps;\n export type StylesNames = UnstyledButtonStylesNames;\n export type Factory = UnstyledButtonFactory;\n}\n"],"mappings":";;;;;;;;AAkBA,MAAM,eAAe,EACnB,kBAAkB,kBACnB;AASD,MAAa,iBAAiB,oBAC3B,WAAsD;CACrD,MAAM,QAAQ,SAAS,kBAAkB,cAAc,OAAO;CAC9D,MAAM,EACJ,WACA,YAAY,UACZ,kBACA,UACA,YACA,QACA,OACA,YACA,GAAG,WACD;AAcJ,QACE,oBAAC,KAAD;EACE,GAdc,UAAiC;GACjD,MAAM;GACN;GACA,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAIgB,QAAQ,EAAE,WAAW,MAAM,CAAC;EAC/B;EACX,MAAM,cAAc,WAAW,WAAW,KAAA;EAC1C,GAAI;EACJ,CAAA;EAGP;AAED,eAAe,UAAUA;AACzB,eAAe,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VisuallyHidden.mjs","names":["classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n props: VisuallyHiddenProps;\n ref: HTMLSpanElement;\n stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n const props = useProps('VisuallyHidden', null, _props);\n const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n const getStyles = useStyles<VisuallyHiddenFactory>({\n name: 'VisuallyHidden',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,QAAQ,SAAS,kBAAkB,MAAM,OAAO;CACtD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;AAcxF,QAAO,oBAAC,KAAD;EAAK,WAAU;EAAO,GAZX,UAAiC;GACjD,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEyC,OAAO;EAAE,GAAI;EAAU,CAAA;EAClE;AAEF,eAAe,UAAUA;AACzB,eAAe,cAAc"}
1	+ {"version":3,"file":"VisuallyHidden.mjs","names":["classes"],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n ElementProps,\n factory,\n Factory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './VisuallyHidden.module.css';\n\nexport type VisuallyHiddenStylesNames = 'root';\n\nexport interface VisuallyHiddenProps\n extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'span'> {}\n\nexport type VisuallyHiddenFactory = Factory<{\n props: VisuallyHiddenProps;\n ref: HTMLSpanElement;\n stylesNames: VisuallyHiddenStylesNames;\n}>;\n\nexport const VisuallyHidden = factory<VisuallyHiddenFactory>((_props) => {\n const props = useProps('VisuallyHidden', null, _props);\n const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;\n\n const getStyles = useStyles<VisuallyHiddenFactory>({\n name: 'VisuallyHidden',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n });\n\n return <Box component=\"span\" {...getStyles('root')} {...others} />;\n});\n\nVisuallyHidden.classes = classes;\nVisuallyHidden.displayName = '@mantine/core/VisuallyHidden';\n\nexport namespace VisuallyHidden {\n export type Props = VisuallyHiddenProps;\n}\n"],"mappings":";;;;;;;;AAuBA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,QAAQ,SAAS,kBAAkB,MAAM,OAAO;CACtD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,MAAM,YAAY,GAAG,WAAW;AAcxF,QAAO,oBAAC,KAAD;EAAK,WAAU;EAAO,GAZX,UAAiC;GACjD,MAAM;GACN,SAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEyC,OAAO;EAAE,GAAI;EAAU,CAAA;EAClE;AAEF,eAAe,UAAUA;AACzB,eAAe,cAAc"}

package/esm/core/MantineProvider/color-scheme-managers/local-storage-manager.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"local-storage-manager.mjs","names":[],"sources":["../../../../src/core/MantineProvider/color-scheme-managers/local-storage-manager.ts"],"sourcesContent":["import { isMantineColorScheme } from './is-mantine-color-scheme';\nimport type { MantineColorSchemeManager } from './types';\n\nexport interface LocalStorageColorSchemeManagerOptions {\n /** Local storage key used to retrieve value with `localStorage.getItem(key)`, `mantine-color-scheme-value` by default */\n key?: string;\n}\n\nexport function localStorageColorSchemeManager({\n key = 'mantine-color-scheme-value',\n}: LocalStorageColorSchemeManagerOptions = {}): MantineColorSchemeManager {\n let handleStorageEvent: (event: StorageEvent) => void;\n\n return {\n get: (defaultValue) => {\n if (typeof window === 'undefined') {\n return defaultValue;\n }\n\n try {\n const storedColorScheme = window.localStorage.getItem(key);\n return isMantineColorScheme(storedColorScheme) ? storedColorScheme : defaultValue;\n } catch {\n return defaultValue;\n }\n },\n\n set: (value) => {\n try {\n window.localStorage.setItem(key, value);\n } catch (error) {\n // ~~eslint~~-disable-next-line no-console\n console.warn(\n '[@mantine/core] Local storage color scheme manager was unable to save color scheme.',\n error\n );\n }\n },\n\n subscribe: (onUpdate) => {\n handleStorageEvent = (event) => {\n if (event.storageArea === window.localStorage && event.key === key) {\n isMantineColorScheme(event.newValue) && onUpdate(event.newValue);\n }\n };\n\n window.addEventListener('storage', handleStorageEvent);\n },\n\n unsubscribe: () => {\n window.removeEventListener('storage', handleStorageEvent);\n },\n\n clear: () => {\n window.localStorage.removeItem(key);\n },\n };\n}\n"],"mappings":";;;AAQA,SAAgB,+BAA+B,EAC7C,MAAM,iCACmC,EAAE,EAA6B;CACxE,IAAI;AAEJ,QAAO;EACL,MAAM,iBAAiB;AACrB,OAAI,OAAO,WAAW,YACpB,QAAO;AAGT,OAAI;IACF,MAAM,oBAAoB,OAAO,aAAa,QAAQ,IAAI;AAC1D,WAAO,qBAAqB,kBAAkB,GAAG,oBAAoB;WAC/D;AACN,WAAO;;;EAIX,MAAM,UAAU;AACd,OAAI;AACF,WAAO,aAAa,QAAQ,KAAK,MAAM;YAChC,OAAO;AAEd,YAAQ,KACN,uFACA,MACD;;;EAIL,YAAY,aAAa;AACvB,yBAAsB,UAAU;AAC9B,QAAI,MAAM,gBAAgB,OAAO,gBAAgB,MAAM,QAAQ,IAC7D,sBAAqB,MAAM,SAAS,IAAI,SAAS,MAAM,SAAS;;AAIpE,UAAO,iBAAiB,WAAW,mBAAmB;;EAGxD,mBAAmB;AACjB,UAAO,oBAAoB,WAAW,mBAAmB;;EAG3D,aAAa;AACX,UAAO,aAAa,WAAW,IAAI;;EAEtC"}
1	+ {"version":3,"file":"local-storage-manager.mjs","names":[],"sources":["../../../../src/core/MantineProvider/color-scheme-managers/local-storage-manager.ts"],"sourcesContent":["import { isMantineColorScheme } from './is-mantine-color-scheme';\nimport type { MantineColorSchemeManager } from './types';\n\nexport interface LocalStorageColorSchemeManagerOptions {\n /** Local storage key used to retrieve value with `localStorage.getItem(key)`, `mantine-color-scheme-value` by default */\n key?: string;\n}\n\nexport function localStorageColorSchemeManager({\n key = 'mantine-color-scheme-value',\n}: LocalStorageColorSchemeManagerOptions = {}): MantineColorSchemeManager {\n let handleStorageEvent: (event: StorageEvent) => void;\n\n return {\n get: (defaultValue) => {\n if (typeof window === 'undefined') {\n return defaultValue;\n }\n\n try {\n const storedColorScheme = window.localStorage.getItem(key);\n return isMantineColorScheme(storedColorScheme) ? storedColorScheme : defaultValue;\n } catch {\n return defaultValue;\n }\n },\n\n set: (value) => {\n try {\n window.localStorage.setItem(key, value);\n } catch (error) {\n // oxlint-disable-next-line no-console\n console.warn(\n '[@mantine/core] Local storage color scheme manager was unable to save color scheme.',\n error\n );\n }\n },\n\n subscribe: (onUpdate) => {\n handleStorageEvent = (event) => {\n if (event.storageArea === window.localStorage && event.key === key) {\n isMantineColorScheme(event.newValue) && onUpdate(event.newValue);\n }\n };\n\n window.addEventListener('storage', handleStorageEvent);\n },\n\n unsubscribe: () => {\n window.removeEventListener('storage', handleStorageEvent);\n },\n\n clear: () => {\n window.localStorage.removeItem(key);\n },\n };\n}\n"],"mappings":";;;AAQA,SAAgB,+BAA+B,EAC7C,MAAM,iCACmC,EAAE,EAA6B;CACxE,IAAI;AAEJ,QAAO;EACL,MAAM,iBAAiB;AACrB,OAAI,OAAO,WAAW,YACpB,QAAO;AAGT,OAAI;IACF,MAAM,oBAAoB,OAAO,aAAa,QAAQ,IAAI;AAC1D,WAAO,qBAAqB,kBAAkB,GAAG,oBAAoB;WAC/D;AACN,WAAO;;;EAIX,MAAM,UAAU;AACd,OAAI;AACF,WAAO,aAAa,QAAQ,KAAK,MAAM;YAChC,OAAO;AAEd,YAAQ,KACN,uFACA,MACD;;;EAIL,YAAY,aAAa;AACvB,yBAAsB,UAAU;AAC9B,QAAI,MAAM,gBAAgB,OAAO,gBAAgB,MAAM,QAAQ,IAC7D,sBAAqB,MAAM,SAAS,IAAI,SAAS,MAAM,SAAS;;AAIpE,UAAO,iBAAiB,WAAW,mBAAmB;;EAGxD,mBAAmB;AACjB,UAAO,oBAAoB,WAAW,mBAAmB;;EAG3D,aAAa;AACX,UAAO,aAAa,WAAW,IAAI;;EAEtC"}

package/esm/core/utils/find-element-ancestor/find-element-ancestor.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"find-element-ancestor.mjs","names":[],"sources":["../../../../src/core/utils/find-element-ancestor/find-element-ancestor.ts"],"sourcesContent":["/* ~~eslint~~-disable no-empty */\nexport function findElementAncestor(element: HTMLElement, selector: string) {\n let _element: HTMLElement \| null = element;\n while ((_element = _element.parentElement) && !_element.matches(selector)) {}\n return _element;\n}\n"],"mappings":";;AACA,SAAgB,oBAAoB,SAAsB,UAAkB;CAC1E,IAAI,WAA+B;AACnC,SAAQ,WAAW,SAAS,kBAAkB,CAAC,SAAS,QAAQ,SAAS;AACzE,QAAO"}
1	+ {"version":3,"file":"find-element-ancestor.mjs","names":[],"sources":["../../../../src/core/utils/find-element-ancestor/find-element-ancestor.ts"],"sourcesContent":["/* oxlint-disable no-empty */\nexport function findElementAncestor(element: HTMLElement, selector: string) {\n let _element: HTMLElement \| null = element;\n while ((_element = _element.parentElement) && !_element.matches(selector)) {}\n return _element;\n}\n"],"mappings":";;AACA,SAAgB,oBAAoB,SAAsB,UAAkB;CAC1E,IAAI,WAA+B;AACnC,SAAQ,WAAW,SAAS,kBAAkB,CAAC,SAAS,QAAQ,SAAS;AACzE,QAAO"}

package/lib/components/Accordion/Accordion.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import { BoxProps, ElementProps, Factory, MantineRadius, StylesApiProps } from '../../core';
 import { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';
 import { AccordionChevron } from './AccordionChevron';
-import { AccordionControl } from './AccordionControl/AccordionControl';
-import { AccordionItem } from './AccordionItem/AccordionItem';
-import { AccordionPanel } from './AccordionPanel/AccordionPanel';
+import { AccordionControl, type AccordionControlProps } from './AccordionControl/AccordionControl';
+import { AccordionItem, type AccordionItemProps } from './AccordionItem/AccordionItem';
+import { AccordionPanel, type AccordionPanelProps } from './AccordionPanel/AccordionPanel';
+import type { AccordionItemContextValue } from './AccordionItem.context';
 export type AccordionStylesNames = 'root' | 'content' | 'item' | 'panel' | 'icon' | 'chevron' | 'label' | 'itemTitle' | 'control';
 export type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';
 export type AccordionCssVariables = {
@@ -115,3 +116,20 @@ export declare const Accordion: (<Multiple extends boolean = false>(props: Accor
 }> & {
     displayName?: string;
 };
+export declare namespace Accordion {
+    type Props = AccordionProps;
+    type StylesNames = AccordionStylesNames;
+    type CssVariables = AccordionCssVariables;
+    type Factory = AccordionFactory;
+    type Variant = AccordionVariant;
+    namespace Control {
+        type Props = AccordionControlProps;
+    }
+    namespace Item {
+        type Props = AccordionItemProps;
+        type Context = AccordionItemContextValue;
+    }
+    namespace Panel {
+        type Props = AccordionPanelProps;
+    }
+}

package/lib/components/Accordion/index.d.ts CHANGED Viewed

@@ -14,20 +14,3 @@ export { AccordionControl } from './AccordionControl/AccordionControl';
 export { useAccordionContext } from './Accordion.context';
 export { useAccordionItemContext } from './AccordionItem.context';
 export type { AccordionProps, AccordionStylesNames, AccordionCssVariables, AccordionFactory, AccordionVariant, AccordionControlProps, AccordionItemProps, AccordionPanelProps, AccordionChevronProps, AccordionValue, AccordionHeadingOrder, AccordionContextValue, AccordionItemContextValue, };
-export declare namespace Accordion {
-    type Props = AccordionProps;
-    type StylesNames = AccordionStylesNames;
-    type CssVariables = AccordionCssVariables;
-    type Factory = AccordionFactory;
-    type Variant = AccordionVariant;
-    namespace Control {
-        type Props = AccordionControlProps;
-    }
-    namespace Item {
-        type Props = AccordionItemProps;
-        type Context = AccordionItemContextValue;
-    }
-    namespace Panel {
-        type Props = AccordionPanelProps;
-    }
-}

package/lib/components/ActionIcon/ActionIcon.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 import { LoaderProps } from '../Loader';
-import { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';
-import { ActionIconGroupSection } from './ActionIconGroupSection/ActionIconGroupSection';
+import { ActionIconGroup, type ActionIconGroupProps, type ActionIconGroupStylesNames, type ActionIconGroupCssVariables, type ActionIconGroupFactory } from './ActionIconGroup/ActionIconGroup';
+import { ActionIconGroupSection, type ActionIconGroupSectionProps, type ActionIconGroupSectionStylesNames, type ActionIconGroupSectionCssVariables, type ActionIconGroupSectionFactory } from './ActionIconGroupSection/ActionIconGroupSection';
 export type ActionIconVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'default' | 'gradient';
 export type ActionIconStylesNames = 'root' | 'loader' | 'icon';
 export type ActionIconCssVariables = {
@@ -99,3 +99,21 @@ export declare const ActionIcon: (<C = "button">(props: import("../..").Polymorp
     Group: typeof ActionIconGroup;
     GroupSection: typeof ActionIconGroupSection;
 };
+export declare namespace ActionIcon {
+    type Props = ActionIconProps;
+    type StylesNames = ActionIconStylesNames;
+    type CssVariables = ActionIconCssVariables;
+    type Factory = ActionIconFactory;
+    namespace Group {
+        type Props = ActionIconGroupProps;
+        type StylesNames = ActionIconGroupStylesNames;
+        type CssVariables = ActionIconGroupCssVariables;
+        type Factory = ActionIconGroupFactory;
+    }
+    namespace GroupSection {
+        type Props = ActionIconGroupSectionProps;
+        type StylesNames = ActionIconGroupSectionStylesNames;
+        type CssVariables = ActionIconGroupSectionCssVariables;
+        type Factory = ActionIconGroupSectionFactory;
+    }
+}

package/lib/components/ActionIcon/index.d.ts CHANGED Viewed

@@ -5,21 +5,3 @@ export { ActionIcon } from './ActionIcon';
 export { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';
 export { ActionIconGroupSection } from './ActionIconGroupSection/ActionIconGroupSection';
 export type { ActionIconProps, ActionIconStylesNames, ActionIconFactory, ActionIconCssVariables, ActionIconVariant, ActionIconGroupProps, ActionIconGroupCssVariables, ActionIconGroupStylesNames, ActionIconGroupFactory, ActionIconGroupSectionProps, ActionIconGroupSectionCssVariables, ActionIconGroupSectionStylesNames, ActionIconGroupSectionFactory, };
-export declare namespace ActionIcon {
-    type Props = ActionIconProps;
-    type StylesNames = ActionIconStylesNames;
-    type CssVariables = ActionIconCssVariables;
-    type Factory = ActionIconFactory;
-    namespace Group {
-        type Props = ActionIconGroupProps;
-        type StylesNames = ActionIconGroupStylesNames;
-        type CssVariables = ActionIconGroupCssVariables;
-        type Factory = ActionIconGroupFactory;
-    }
-    namespace GroupSection {
-        type Props = ActionIconGroupSectionProps;
-        type StylesNames = ActionIconGroupSectionStylesNames;
-        type CssVariables = ActionIconGroupSectionCssVariables;
-        type Factory = ActionIconGroupSectionFactory;
-    }
-}

package/lib/components/Affix/Affix.d.ts CHANGED Viewed

@@ -34,3 +34,9 @@ export declare const Affix: import("../..").MantineComponent<{
     stylesNames: AffixStylesNames;
     vars: AffixCssVariables;
 }>;
+export declare namespace Affix {
+    type Props = AffixProps;
+    type StylesNames = AffixStylesNames;
+    type CssVariables = AffixCssVariables;
+    type Factory = AffixFactory;
+}

package/lib/components/Affix/index.d.ts CHANGED Viewed

@@ -1,9 +1,3 @@
 import type { AffixBaseProps, AffixCssVariables, AffixFactory, AffixPosition, AffixProps, AffixStylesNames } from './Affix';
 export { Affix } from './Affix';
 export type { AffixCssVariables, AffixFactory, AffixProps, AffixStylesNames, AffixBaseProps, AffixPosition, };
-export declare namespace Affix {
-    type Props = AffixProps;
-    type StylesNames = AffixStylesNames;
-    type CssVariables = AffixCssVariables;
-    type Factory = AffixFactory;
-}

package/lib/components/Alert/Alert.d.ts CHANGED Viewed

@@ -36,3 +36,9 @@ export declare const Alert: import("../..").MantineComponent<{
     vars: AlertCssVariables;
     variant: AlertVariant;
 }>;
+export declare namespace Alert {
+    type Props = AlertProps;
+    type StylesNames = AlertStylesNames;
+    type CssVariables = AlertCssVariables;
+    type Factory = AlertFactory;
+}

package/lib/components/Alert/index.d.ts CHANGED Viewed

@@ -1,9 +1,3 @@
 import type { AlertCssVariables, AlertFactory, AlertProps, AlertStylesNames, AlertVariant } from './Alert';
 export { Alert } from './Alert';
 export type { AlertProps, AlertStylesNames, AlertCssVariables, AlertFactory, AlertVariant };
-export declare namespace Alert {
-    type Props = AlertProps;
-    type StylesNames = AlertStylesNames;
-    type CssVariables = AlertCssVariables;
-    type Factory = AlertFactory;
-}

package/lib/components/Anchor/Anchor.d.ts CHANGED Viewed

@@ -54,3 +54,10 @@ export declare const Anchor: (<C = "a">(props: import("../..").PolymorphicCompon
     vars: AnchorCssVariables;
     variant: AnchorVariant;
 }> & Record<string, never>;
+export declare namespace Anchor {
+    type Props = AnchorProps;
+    type StylesNames = AnchorStylesNames;
+    type CssVariables = AnchorCssVariables;
+    type Factory = AnchorFactory;
+    type Variant = AnchorVariant;
+}

package/lib/components/Anchor/index.d.ts CHANGED Viewed

@@ -1,10 +1,2 @@
-import type { AnchorCssVariables, AnchorFactory, AnchorProps, AnchorStylesNames, AnchorVariant } from './Anchor';
 export { Anchor } from './Anchor';
 export type { AnchorProps, AnchorStylesNames, AnchorCssVariables, AnchorFactory, AnchorVariant, } from './Anchor';
-export declare namespace Anchor {
-    type Props = AnchorProps;
-    type StylesNames = AnchorStylesNames;
-    type CssVariables = AnchorCssVariables;
-    type Factory = AnchorFactory;
-    type Variant = AnchorVariant;
-}

package/lib/components/AngleSlider/AngleSlider.d.ts CHANGED Viewed

@@ -52,3 +52,9 @@ export declare const AngleSlider: import("../..").MantineComponent<{
     stylesNames: AngleSliderStylesNames;
     vars: AngleSliderCssVariables;
 }>;
+export declare namespace AngleSlider {
+    type Props = AngleSliderProps;
+    type StylesNames = AngleSliderStylesNames;
+    type CssVariables = AngleSliderCssVariables;
+    type Factory = AngleSliderFactory;
+}

package/lib/components/AngleSlider/index.d.ts CHANGED Viewed

@@ -1,9 +1,3 @@
 import type { AngleSliderCssVariables, AngleSliderFactory, AngleSliderProps, AngleSliderStylesNames } from './AngleSlider';
 export { AngleSlider } from './AngleSlider';
 export type { AngleSliderCssVariables, AngleSliderFactory, AngleSliderProps, AngleSliderStylesNames, };
-export declare namespace AngleSlider {
-    type Props = AngleSliderProps;
-    type StylesNames = AngleSliderStylesNames;
-    type CssVariables = AngleSliderCssVariables;
-    type Factory = AngleSliderFactory;
-}

package/lib/components/AppShell/AppShell.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
 import { AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize } from './AppShell.types';
-import { AppShellAside } from './AppShellAside/AppShellAside';
-import { AppShellFooter } from './AppShellFooter/AppShellFooter';
-import { AppShellHeader } from './AppShellHeader/AppShellHeader';
-import { AppShellMain } from './AppShellMain/AppShellMain';
-import { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
-import { AppShellSection } from './AppShellSection/AppShellSection';
+import { AppShellAside, type AppShellAsideProps } from './AppShellAside/AppShellAside';
+import { AppShellFooter, type AppShellFooterProps } from './AppShellFooter/AppShellFooter';
+import { AppShellHeader, type AppShellHeaderProps } from './AppShellHeader/AppShellHeader';
+import { AppShellMain, type AppShellMainProps } from './AppShellMain/AppShellMain';
+import { AppShellNavbar, type AppShellNavbarProps } from './AppShellNavbar/AppShellNavbar';
+import { AppShellSection, type AppShellSectionProps } from './AppShellSection/AppShellSection';
 export type AppShellStylesNames = 'root' | 'navbar' | 'main' | 'header' | 'footer' | 'aside' | 'section';
 export type AppShellCssVariables = {
     root: '--app-shell-transition-duration' | '--app-shell-transition-timing-function';
@@ -66,3 +66,27 @@ export declare const AppShell: import("../..").MantineComponent<{
         Section: typeof AppShellSection;
     };
 }>;
+export declare namespace AppShell {
+    type Props = AppShellProps;
+    type StylesNames = AppShellStylesNames;
+    type CssVariables = AppShellCssVariables;
+    type Factory = AppShellFactory;
+    namespace Section {
+        type Props = AppShellSectionProps;
+    }
+    namespace Header {
+        type Props = AppShellHeaderProps;
+    }
+    namespace Footer {
+        type Props = AppShellFooterProps;
+    }
+    namespace Navbar {
+        type Props = AppShellNavbarProps;
+    }
+    namespace Aside {
+        type Props = AppShellAsideProps;
+    }
+    namespace Main {
+        type Props = AppShellMainProps;
+    }
+}

package/lib/components/AppShell/index.d.ts CHANGED Viewed

@@ -16,27 +16,3 @@ export { AppShellSection } from './AppShellSection/AppShellSection';
 export { AppShellMain } from './AppShellMain/AppShellMain';
 export { useAppShellContext } from './AppShell.context';
 export type { AppShellProps, AppShellStylesNames, AppShellCssVariables, AppShellFactory, AppShellContextValue, AppShellCompoundProps, AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize, AppShellAsideProps, AppShellFooterProps, AppShellHeaderProps, AppShellMainProps, AppShellNavbarProps, AppShellSectionProps, };
-export declare namespace AppShell {
-    type Props = AppShellProps;
-    type StylesNames = AppShellStylesNames;
-    type CssVariables = AppShellCssVariables;
-    type Factory = AppShellFactory;
-    namespace Section {
-        type Props = AppShellSectionProps;
-    }
-    namespace Header {
-        type Props = AppShellHeaderProps;
-    }
-    namespace Footer {
-        type Props = AppShellFooterProps;
-    }
-    namespace Navbar {
-        type Props = AppShellNavbarProps;
-    }
-    namespace Aside {
-        type Props = AppShellAsideProps;
-    }
-    namespace Main {
-        type Props = AppShellMainProps;
-    }
-}

package/lib/components/AspectRatio/AspectRatio.d.ts CHANGED Viewed

@@ -19,3 +19,9 @@ export declare const AspectRatio: import("../..").MantineComponent<{
     stylesNames: AspectRatioStylesNames;
     vars: AspectRatioCssVariables;
 }>;
+export declare namespace AspectRatio {
+    type Props = AspectRatioProps;
+    type StylesNames = AspectRatioStylesNames;
+    type CssVariables = AspectRatioCssVariables;
+    type Factory = AspectRatioFactory;
+}

package/lib/components/AspectRatio/index.d.ts CHANGED Viewed

@@ -1,9 +1,3 @@
 import type { AspectRatioCssVariables, AspectRatioFactory, AspectRatioProps, AspectRatioStylesNames } from './AspectRatio';
 export { AspectRatio } from './AspectRatio';
 export type { AspectRatioProps, AspectRatioStylesNames, AspectRatioCssVariables, AspectRatioFactory, };
-export declare namespace AspectRatio {
-    type Props = AspectRatioProps;
-    type StylesNames = AspectRatioStylesNames;
-    type CssVariables = AspectRatioCssVariables;
-    type Factory = AspectRatioFactory;
-}

package/lib/components/Autocomplete/Autocomplete.d.ts CHANGED Viewed

@@ -42,3 +42,9 @@ export declare const Autocomplete: import("../..").MantineComponent<{
     stylesNames: AutocompleteStylesNames;
     variant: InputVariant;
 }>;
+export declare namespace Autocomplete {
+    type Props = AutocompleteProps;
+    type StylesNames = AutocompleteStylesNames;
+    type RenderOption = RenderAutocompleteOption;
+    type Factory = AutocompleteFactory;
+}

package/lib/components/Autocomplete/index.d.ts CHANGED Viewed

@@ -1,9 +1,3 @@
 import type { AutocompleteFactory, AutocompleteProps, AutocompleteStylesNames, RenderAutocompleteOption } from './Autocomplete';
 export { Autocomplete } from './Autocomplete';
 export type { AutocompleteProps, AutocompleteStylesNames, RenderAutocompleteOption, AutocompleteFactory, };
-export declare namespace Autocomplete {
-    type Props = AutocompleteProps;
-    type StylesNames = AutocompleteStylesNames;
-    type RenderOption = RenderAutocompleteOption;
-    type Factory = AutocompleteFactory;
-}

package/lib/components/Avatar/Avatar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
-import { AvatarGroup } from './AvatarGroup/AvatarGroup';
+import { AvatarGroup, type AvatarGroupProps, type AvatarGroupStylesNames, type AvatarGroupCssVariables, type AvatarGroupFactory, type AvatarGroupContextValue } from './AvatarGroup/AvatarGroup';
 export type AvatarStylesNames = 'root' | 'placeholder' | 'image';
 export type AvatarVariant = 'filled' | 'light' | 'gradient' | 'outline' | 'transparent' | 'default' | 'white';
 export type AvatarCssVariables = {
@@ -93,3 +93,17 @@ export declare const Avatar: (<C = "div">(props: import("../..").PolymorphicComp
 }> & {
     Group: typeof AvatarGroup;
 };
+export declare namespace Avatar {
+    type Props = AvatarProps;
+    type StylesNames = AvatarStylesNames;
+    type CssVariables = AvatarCssVariables;
+    type Variant = AvatarVariant;
+    type Factory = AvatarFactory;
+    namespace Group {
+        type Props = AvatarGroupProps;
+        type StylesNames = AvatarGroupStylesNames;
+        type CssVariables = AvatarGroupCssVariables;
+        type Factory = AvatarGroupFactory;
+        type ContextValue = AvatarGroupContextValue;
+    }
+}

package/lib/components/Avatar/index.d.ts CHANGED Viewed

@@ -3,17 +3,3 @@ import type { AvatarGroupContextValue, AvatarGroupCssVariables, AvatarGroupFacto
 export { Avatar } from './Avatar';
 export { AvatarGroup, AvatarGroupContext } from './AvatarGroup/AvatarGroup';
 export type { AvatarProps, AvatarStylesNames, AvatarCssVariables, AvatarVariant, AvatarFactory, AvatarGroupProps, AvatarGroupStylesNames, AvatarGroupCssVariables, AvatarGroupFactory, AvatarGroupContextValue, };
-export declare namespace Avatar {
-    type Props = AvatarProps;
-    type StylesNames = AvatarStylesNames;
-    type CssVariables = AvatarCssVariables;
-    type Variant = AvatarVariant;
-    type Factory = AvatarFactory;
-    namespace Group {
-        type Props = AvatarGroupProps;
-        type StylesNames = AvatarGroupStylesNames;
-        type CssVariables = AvatarGroupCssVariables;
-        type Factory = AvatarGroupFactory;
-        type ContextValue = AvatarGroupContextValue;
-    }
-}

package/lib/components/BackgroundImage/BackgroundImage.d.ts CHANGED Viewed

@@ -51,3 +51,9 @@ export declare const BackgroundImage: (<C = "div">(props: import("../..").Polymo
     stylesNames: BackgroundImageStylesNames;
     vars: BackgroundImageCssVariables;
 }> & Record<string, never>;
+export declare namespace BackgroundImage {
+    type Props = BackgroundImageProps;
+    type CssVariables = BackgroundImageCssVariables;
+    type Factory = BackgroundImageFactory;
+    type StylesNames = BackgroundImageStylesNames;
+}

package/lib/components/BackgroundImage/index.d.ts CHANGED Viewed

@@ -1,9 +1,3 @@
 import type { BackgroundImageCssVariables, BackgroundImageFactory, BackgroundImageProps, BackgroundImageStylesNames } from './BackgroundImage';
 export { BackgroundImage } from './BackgroundImage';
 export type { BackgroundImageProps, BackgroundImageCssVariables, BackgroundImageFactory, BackgroundImageStylesNames, };
-export declare namespace BackgroundImage {
-    type Props = BackgroundImageProps;
-    type CssVariables = BackgroundImageCssVariables;
-    type Factory = BackgroundImageFactory;
-    type StylesNames = BackgroundImageStylesNames;
-}

package/lib/components/Badge/Badge.d.ts CHANGED Viewed

@@ -73,3 +73,10 @@ export declare const Badge: (<C = "div">(props: import("../..").PolymorphicCompo
     vars: BadgeCssVariables;
     variant: BadgeVariant;
 }> & Record<string, never>;
+export declare namespace Badge {
+    type Props = BadgeProps;
+    type StylesNames = BadgeStylesNames;
+    type CssVariables = BadgeCssVariables;
+    type Variant = BadgeVariant;
+    type Factory = BadgeFactory;
+}

package/lib/components/Badge/index.d.ts CHANGED Viewed

@@ -1,10 +1,3 @@
 import type { BadgeCssVariables, BadgeFactory, BadgeProps, BadgeStylesNames, BadgeVariant } from './Badge';
 export { Badge } from './Badge';
 export type { BadgeProps, BadgeStylesNames, BadgeCssVariables, BadgeVariant, BadgeFactory };
-export declare namespace Badge {
-    type Props = BadgeProps;
-    type StylesNames = BadgeStylesNames;
-    type CssVariables = BadgeCssVariables;
-    type Variant = BadgeVariant;
-    type Factory = BadgeFactory;
-}