npm - @mantine/core - Versions diffs - 9.5.1 → 9.6.0 - Mend

@mantine/core 9.5.1 → 9.6.0

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 (904) hide show

package/esm/components/Drawer/DrawerRoot.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerRoot.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"sourcesContent":["import {\n createVarsResolver,\n factory,\n Factory,\n getDefaultZIndex,\n getSize,\n MantineRadius,\n rem,\n StylesApiProps,\n useDirection,\n useProps,\n useStyles,\n} from '../../core';\nimport { ModalBase, ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';\nimport { ScrollArea } from '../ScrollArea';\nimport { MantineTransition } from '../Transition';\nimport { DrawerProvider, ScrollAreaComponent } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\ntype DrawerPosition = 'bottom' \| 'left' \| 'right' \| 'top';\n\nfunction getDrawerAlign(position: DrawerPosition \| undefined) {\n switch (position) {\n case 'top':\n return 'flex-start';\n case 'bottom':\n return 'flex-end';\n default:\n return undefined;\n }\n}\n\nfunction getDrawerFlex(position: DrawerPosition \| undefined) {\n if (position === 'top' \|\| position === 'bottom') {\n return '0 0 calc(100% - var(--drawer-offset, 0rem) * 2)';\n }\n\n return undefined;\n}\n\nexport type DrawerRootStylesNames = ModalBaseStylesNames;\nexport type DrawerRootCssVariables = {\n root:\n \| '--drawer-size'\n \| '--drawer-flex'\n \| '--drawer-height'\n \| '--drawer-align'\n \| '--drawer-justify'\n \| '--drawer-offset';\n};\n\nexport interface DrawerRootProps extends StylesApiProps<DrawerRootFactory>, ModalBaseProps {\n /** Scroll area component @default 'div' /\n scrollAreaComponent?: ScrollAreaComponent;\n\n /* Side of the screen on which drawer will be opened @default 'left' /\n position?: DrawerPosition;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default 0 /\n radius?: MantineRadius;\n\n /* Drawer container offset from the viewport end @default 0 */\n offset?: number \| string;\n}\n\nexport type DrawerRootFactory = Factory<{\n props: DrawerRootProps;\n ref: HTMLDivElement;\n stylesNames: DrawerRootStylesNames;\n vars: DrawerRootCssVariables;\n}>;\n\nconst transitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n left: 'slide-right',\n right: 'slide-left',\n};\n\nconst rtlTransitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n right: 'slide-right',\n left: 'slide-left',\n};\n\nconst defaultProps = {\n closeOnClickOutside: true,\n withinPortal: true,\n lockScroll: true,\n trapFocus: true,\n returnFocus: true,\n closeOnEscape: true,\n keepMounted: false,\n zIndex: getDefaultZIndex('modal'),\n position: 'left',\n} satisfies Partial<DrawerRootProps>;\n\nconst varsResolver = createVarsResolver<DrawerRootFactory>((_, { position, size, offset }) => ({\n root: {\n '--drawer-size': getSize(size, 'drawer-size'),\n '--drawer-flex': getDrawerFlex(position),\n '--drawer-height':\n position === 'left' \|\| position === 'right' ? undefined : 'var(--drawer-size)',\n '--drawer-align': getDrawerAlign(position),\n '--drawer-justify': position === 'right' ? 'flex-end' : undefined,\n '--drawer-offset': rem(offset),\n },\n}));\n\nexport const DrawerRoot = factory<DrawerRootFactory>((_props) => {\n const props = useProps('DrawerRoot', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n scrollAreaComponent,\n position,\n transitionProps,\n radius,\n attributes,\n ...others\n } = props;\n\n const { dir } = useDirection();\n\n const getStyles = useStyles<DrawerRootFactory>({\n name: 'Drawer',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const drawerTransition = (dir === 'rtl' ? rtlTransitions : transitions)[position];\n\n return (\n <DrawerProvider value={{ scrollAreaComponent, getStyles, radius }}>\n <ModalBase\n {...getStyles('root')}\n transitionProps={{ transition: drawerTransition, ...transitionProps }}\n data-offset-scrollbars={scrollAreaComponent === ScrollArea.Autosize \|\| undefined}\n unstyled={unstyled}\n {...others}\n />\n </DrawerProvider>\n );\n});\n\nDrawerRoot.classes = classes;\nDrawerRoot.varsResolver = varsResolver;\nDrawerRoot.displayName = '@mantine/core/DrawerRoot';\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAAS,eAAe,UAAsC;CAC5D,QAAQ,UAAR;EACE,KAAK,OACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,SACE;CACJ;AACF;AAEA,SAAS,cAAc,UAAsC;CAC3D,IAAI,aAAa,SAAS,aAAa,UACrC,OAAO;AAIX;AAkCA,MAAM,cAAyD;CAC7D,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAEA,MAAM,iBAA4D;CAChE,KAAK;CACL,QAAQ;CACR,OAAO;CACP,MAAM;AACR;AAEA,MAAM,eAAe;CACnB,qBAAqB;CACrB,cAAc;CACd,YAAY;CACZ,WAAW;CACX,aAAa;CACb,eAAe;CACf,aAAa;CACb,QAAQ,iBAAiB,OAAO;CAChC,UAAU;AACZ;AAEA,MAAM,eAAe,oBAAuC,GAAG,EAAE,UAAU,MAAM,cAAc,EAC7F,MAAM;CACJ,iBAAiB,QAAQ,MAAM,aAAa;CAC5C,iBAAiB,cAAc,QAAQ;CACvC,mBACE,aAAa,UAAU,aAAa,UAAU,KAAA,IAAY;CAC5D,kBAAkB,eAAe,QAAQ;CACzC,oBAAoB,aAAa,UAAU,aAAa,KAAA;CACxD,mBAAmB,IAAI,MAAM;AAC/B,EACF,EAAE;AAEF,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,qBACA,UACA,iBACA,QACA,YACA,GAAG,WACD;CAEJ,MAAM,EAAE,QAAQ,aAAa;CAE7B,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,QAAQ,QAAQ,iBAAiB,YAAA,CAAa;CAExE,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAAE;GAAqB;GAAW;EAAO;~~YAC9D~~,oBAAC,WAAD;GACE,GAAI,UAAU,MAAM;GACpB,iBAAiB;IAAE,YAAY;IAAkB,GAAG;GAAgB;GACpE,0BAAwB,wBAAwB,WAAW,YAAY,KAAA;GAC7D;GACV,GAAI;EACL,CAAA;CACa,CAAA;AAEpB,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}
1	+ {"version":3,"file":"DrawerRoot.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"sourcesContent":["import {\n createVarsResolver,\n factory,\n Factory,\n getDefaultZIndex,\n getSize,\n MantineRadius,\n rem,\n StylesApiProps,\n useDirection,\n useProps,\n useStyles,\n} from '../../core';\nimport { ModalBase, ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';\nimport { ScrollArea } from '../ScrollArea';\nimport { MantineTransition } from '../Transition';\nimport { DrawerProvider, ScrollAreaComponent } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\ntype DrawerPosition = 'bottom' \| 'left' \| 'right' \| 'top';\n\nfunction getDrawerAlign(position: DrawerPosition \| undefined) {\n switch (position) {\n case 'top':\n return 'flex-start';\n case 'bottom':\n return 'flex-end';\n default:\n return undefined;\n }\n}\n\nfunction getDrawerFlex(position: DrawerPosition \| undefined) {\n if (position === 'top' \|\| position === 'bottom') {\n return '0 0 calc(100% - var(--drawer-offset, 0rem) * 2)';\n }\n\n return undefined;\n}\n\nexport type DrawerRootStylesNames = ModalBaseStylesNames;\nexport type DrawerRootCssVariables = {\n root:\n \| '--drawer-size'\n \| '--drawer-flex'\n \| '--drawer-height'\n \| '--drawer-align'\n \| '--drawer-justify'\n \| '--drawer-offset';\n};\n\nexport interface DrawerRootProps extends StylesApiProps<DrawerRootFactory>, ModalBaseProps {\n /** Scroll area component @default 'div' /\n scrollAreaComponent?: ScrollAreaComponent;\n\n /* Side of the screen on which drawer will be opened @default 'left' /\n position?: DrawerPosition;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default 0 /\n radius?: MantineRadius;\n\n /* Drawer container offset from the viewport end @default 0 */\n offset?: number \| string;\n}\n\nexport type DrawerRootFactory = Factory<{\n props: DrawerRootProps;\n ref: HTMLDivElement;\n stylesNames: DrawerRootStylesNames;\n vars: DrawerRootCssVariables;\n}>;\n\nconst transitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n left: 'slide-right',\n right: 'slide-left',\n};\n\nconst rtlTransitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n right: 'slide-right',\n left: 'slide-left',\n};\n\nconst defaultProps = {\n closeOnClickOutside: true,\n withinPortal: true,\n lockScroll: true,\n trapFocus: true,\n returnFocus: true,\n closeOnEscape: true,\n keepMounted: false,\n zIndex: getDefaultZIndex('modal'),\n position: 'left',\n} satisfies Partial<DrawerRootProps>;\n\nconst varsResolver = createVarsResolver<DrawerRootFactory>((_, { position, size, offset }) => ({\n root: {\n '--drawer-size': getSize(size, 'drawer-size'),\n '--drawer-flex': getDrawerFlex(position),\n '--drawer-height':\n position === 'left' \|\| position === 'right' ? undefined : 'var(--drawer-size)',\n '--drawer-align': getDrawerAlign(position),\n '--drawer-justify': position === 'right' ? 'flex-end' : undefined,\n '--drawer-offset': rem(offset),\n },\n}));\n\nexport const DrawerRoot = factory<DrawerRootFactory>((_props) => {\n const props = useProps('DrawerRoot', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n scrollAreaComponent,\n position,\n transitionProps,\n radius,\n attributes,\n ...others\n } = props;\n\n const { dir } = useDirection();\n\n const getStyles = useStyles<DrawerRootFactory>({\n name: 'Drawer',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const drawerTransition = (dir === 'rtl' ? rtlTransitions : transitions)[position];\n\n return (\n <DrawerProvider value={{ scrollAreaComponent, getStyles, radius }}>\n <ModalBase\n {...getStyles('root')}\n transitionProps={{ transition: drawerTransition, ...transitionProps }}\n data-offset-scrollbars={scrollAreaComponent === ScrollArea.Autosize \|\| undefined}\n unstyled={unstyled}\n {...others}\n />\n </DrawerProvider>\n );\n});\n\nDrawerRoot.classes = classes;\nDrawerRoot.varsResolver = varsResolver;\nDrawerRoot.displayName = '@mantine/core/DrawerRoot';\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,SAAS,eAAe,UAAsC;CAC5D,QAAQ,UAAR;EACE,KAAK,OACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,SACE;CACJ;AACF;AAEA,SAAS,cAAc,UAAsC;CAC3D,IAAI,aAAa,SAAS,aAAa,UACrC,OAAO;AAIX;AAkCA,MAAM,cAAyD;CAC7D,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACT;AAEA,MAAM,iBAA4D;CAChE,KAAK;CACL,QAAQ;CACR,OAAO;CACP,MAAM;AACR;AAEA,MAAM,eAAe;CACnB,qBAAqB;CACrB,cAAc;CACd,YAAY;CACZ,WAAW;CACX,aAAa;CACb,eAAe;CACf,aAAa;CACb,QAAQ,iBAAiB,OAAO;CAChC,UAAU;AACZ;AAEA,MAAM,eAAe,oBAAuC,GAAG,EAAE,UAAU,MAAM,cAAc,EAC7F,MAAM;CACJ,iBAAiB,QAAQ,MAAM,aAAa;CAC5C,iBAAiB,cAAc,QAAQ;CACvC,mBACE,aAAa,UAAU,aAAa,UAAU,KAAA,IAAY;CAC5D,kBAAkB,eAAe,QAAQ;CACzC,oBAAoB,aAAa,UAAU,aAAa,KAAA;CACxD,mBAAmB,IAAI,MAAM;AAC/B,EACF,EAAE;AAEF,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,qBACA,UACA,iBACA,QACA,YACA,GAAG,WACD;CAEJ,MAAM,EAAE,QAAQ,aAAa;CAE7B,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,oBAAoB,QAAQ,QAAQ,iBAAiB,YAAA,CAAa;CAExE,OACE,oBAAC,gBAAD;EAAgB,OAAO;GAAE;GAAqB;GAAW;EAAO;EAC9D,UAAA,oBAAC,WAAD;GACE,GAAI,UAAU,MAAM;GACpB,iBAAiB;IAAE,YAAY;IAAkB,GAAG;GAAgB;GACpE,0BAAwB,wBAAwB,WAAW,YAAY,KAAA;GAC7D;GACV,GAAI;EACL,CAAA;CACa,CAAA;AAEpB,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}

package/esm/components/Drawer/DrawerTitle.mjs CHANGED Viewed

@@ -8,8 +8,9 @@ import { jsx } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Drawer/DrawerTitle.tsx
 const DrawerTitle = factory((_props) => {
 	const { classNames, className, style, styles, vars, ...others } = useProps("DrawerTitle", null, _props);
+	const ctx = useDrawerContext();
 	return /* @__PURE__ */ jsx(ModalBaseTitle, {
-		...useDrawerContext().getStyles("title", {
+		...ctx.getStyles("title", {
 			classNames,
 			style,
 			styles,

package/esm/components/Drawer/DrawerTitle.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerTitle.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerTitle.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseTitle, ModalBaseTitleProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerTitleStylesNames = 'title';\n\nexport interface DrawerTitleProps\n extends ModalBaseTitleProps, CompoundStylesApiProps<DrawerTitleFactory> {}\n\nexport type DrawerTitleFactory = Factory<{\n props: DrawerTitleProps;\n ref: HTMLHeadingElement;\n stylesNames: DrawerTitleStylesNames;\n compound: true;\n}>;\n\nexport const DrawerTitle = factory<DrawerTitleFactory>((_props) => {\n const props = useProps('DrawerTitle', null, _props);\n const { classNames, className, style, styles, vars, ...others } = props;\n\n const ctx = useDrawerContext();\n\n return (\n <ModalBaseTitle\n {...ctx.getStyles('title', { classNames, style, styles, className })}\n {...others}\n />\n );\n});\n\nDrawerTitle.classes = classes;\nDrawerTitle.displayName = '@mantine/core/DrawerTitle';\n"],"mappings":";;;;;;;;AAiBA,MAAa,cAAc,SAA6B,WAAW;CAEjE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,eAAe,MAAM,MAC0B;~~CAItE~~,OACE,oBAAC,gBAAD;EACE,~~GAJQ~~,~~iBAIF~~,~~CAAC,CAAC,~~UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUA;AACtB,YAAY,cAAc"}
1	+ {"version":3,"file":"DrawerTitle.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerTitle.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseTitle, ModalBaseTitleProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerTitleStylesNames = 'title';\n\nexport interface DrawerTitleProps\n extends ModalBaseTitleProps, CompoundStylesApiProps<DrawerTitleFactory> {}\n\nexport type DrawerTitleFactory = Factory<{\n props: DrawerTitleProps;\n ref: HTMLHeadingElement;\n stylesNames: DrawerTitleStylesNames;\n compound: true;\n}>;\n\nexport const DrawerTitle = factory<DrawerTitleFactory>((_props) => {\n const props = useProps('DrawerTitle', null, _props);\n const { classNames, className, style, styles, vars, ...others } = props;\n\n const ctx = useDrawerContext();\n\n return (\n <ModalBaseTitle\n {...ctx.getStyles('title', { classNames, style, styles, className })}\n {...others}\n />\n );\n});\n\nDrawerTitle.classes = classes;\nDrawerTitle.displayName = '@mantine/core/DrawerTitle';\n"],"mappings":";;;;;;;;AAiBA,MAAa,cAAc,SAA6B,WAAW;CAEjE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,eAAe,MAAM,MAC0B;CAEtE,MAAM,MAAM,iBAAiB;CAE7B,OACE,oBAAC,gBAAD;EACE,GAAI,IAAI,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUA;AACtB,YAAY,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.mjs","names":["classes"],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { Children, Fragment, isValidElement } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n MantineColor,\n MantineSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { EmptyStateProvider } from './EmptyState.context';\nimport {\n EmptyStateActions,\n EmptyStateActionsFactory,\n EmptyStateActionsProps,\n EmptyStateActionsStylesNames,\n} from './EmptyStateActions/EmptyStateActions';\nimport {\n EmptyStateDescription,\n EmptyStateDescriptionFactory,\n EmptyStateDescriptionProps,\n EmptyStateDescriptionStylesNames,\n} from './EmptyStateDescription/EmptyStateDescription';\nimport {\n EmptyStateIndicator,\n EmptyStateIndicatorFactory,\n EmptyStateIndicatorProps,\n EmptyStateIndicatorStylesNames,\n} from './EmptyStateIndicator/EmptyStateIndicator';\nimport {\n EmptyStateTitle,\n EmptyStateTitleFactory,\n EmptyStateTitleProps,\n EmptyStateTitleStylesNames,\n} from './EmptyStateTitle/EmptyStateTitle';\nimport classes from './EmptyState.module.css';\n\nexport type EmptyStateStylesNames =\n \| 'root'\n \| 'body'\n \| EmptyStateIndicatorStylesNames\n \| EmptyStateTitleStylesNames\n \| EmptyStateDescriptionStylesNames\n \| EmptyStateActionsStylesNames;\n\nexport type EmptyStateVariant = 'filled' \| 'light';\n\nexport type EmptyStateCssVariables = {\n root:\n \| '--empty-state-indicator-size'\n \| '--empty-state-gap'\n \| '--empty-state-title-fz'\n \| '--empty-state-description-fz'\n \| '--empty-state-indicator-bg'\n \| '--empty-state-indicator-color';\n};\n\nexport interface EmptyStateProps\n extends BoxProps, StylesApiProps<EmptyStateFactory>, ElementProps<'div', 'title'> {\n /** Controls indicator size, gap between elements and font sizes of title and description @default 'md' /\n size?: MantineSize;\n\n /* Content alignment. `center` stacks the content in a centered column, `left`/`right` place the indicator on the side with the content next to it @default 'center' /\n align?: 'left' \| 'center' \| 'right';\n\n /* Controls the indicator appearance. `filled` and `light` display a colored circular background behind the icon. If not set, the icon is displayed with dimmed color /\n variant?: EmptyStateVariant;\n\n /* Key of `theme.colors` or any valid CSS color, used by `filled` and `light` variants @default theme.primaryColor /\n color?: MantineColor;\n\n /* Title content, rendered inside `EmptyState.Title` /\n title?: React.ReactNode;\n\n /* Description content, rendered inside `EmptyState.Description` /\n description?: React.ReactNode;\n\n /* Icon or illustration, rendered inside `EmptyState.Indicator` /\n icon?: React.ReactNode;\n\n /* If set, a neutral circular background is displayed behind the indicator. Setting `variant` always displays a colored background regardless of this prop @default false /\n withIndicatorBackground?: boolean;\n\n /* `EmptyState` compound components, rendered after the shorthand props content */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateFactory = Factory<{\n props: EmptyStateProps;\n ref: HTMLDivElement;\n stylesNames: EmptyStateStylesNames;\n vars: EmptyStateCssVariables;\n variant: EmptyStateVariant;\n staticComponents: {\n Indicator: typeof EmptyStateIndicator;\n Title: typeof EmptyStateTitle;\n Description: typeof EmptyStateDescription;\n Actions: typeof EmptyStateActions;\n };\n}>;\n\nconst defaultProps = {\n size: 'md',\n align: 'center',\n} satisfies Partial<EmptyStateProps>;\n\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const flat: React.ReactNode[] = [];\n\n const collect = (nodes: React.ReactNode) => {\n Children.forEach(nodes, (child) => {\n if (isValidElement(child) && child.type === Fragment) {\n collect((child.props as { children?: React.ReactNode }).children);\n } else {\n flat.push(child);\n }\n });\n };\n\n collect(children);\n return Children.toArray(flat);\n}\n\nconst varsResolver = createVarsResolver<EmptyStateFactory>((theme, { size, variant, color }) => {\n const colors = variant\n ? theme.variantColorResolver({ color: color \|\| theme.primaryColor, theme, variant })\n : null;\n\n return {\n root: {\n '--empty-state-indicator-size': getSize(size, 'empty-state-indicator-size'),\n '--empty-state-gap': getSize(size, 'empty-state-gap'),\n '--empty-state-title-fz': getSize(size, 'empty-state-title-fz'),\n '--empty-state-description-fz': getSize(size, 'empty-state-description-fz'),\n '--empty-state-indicator-bg': colors ? colors.background : undefined,\n '--empty-state-indicator-color': colors ? colors.color : undefined,\n },\n };\n});\n\nexport const EmptyState = factory<EmptyStateFactory>((_props) => {\n const props = useProps('EmptyState', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n align,\n variant,\n color,\n title,\n description,\n icon,\n withIndicatorBackground,\n children,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<EmptyStateFactory>({\n name: 'EmptyState',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const bodyChildren: React.ReactNode[] = [];\n let childrenIndicator: React.ReactNode = null;\n\n flattenChildren(children).forEach((child) => {\n if (\n isValidElement(child) &&\n (child.type === EmptyStateIndicator \|\|\n (child.type as any)?.displayName === '@mantine/core/EmptyStateIndicator')\n ) {\n childrenIndicator = child;\n } else {\n bodyChildren.push(child);\n }\n });\n\n const indicator = icon ? <EmptyStateIndicator>{icon}</EmptyStateIndicator> : childrenIndicator;\n const hasBody = title != null \|\| description != null \|\| bodyChildren.length > 0;\n\n return (\n <EmptyStateProvider\n value={{ getStyles, withIndicatorBackground: withIndicatorBackground \|\| !!variant }}\n >\n <Box {...getStyles('root', { variant })} variant={variant} mod={[{ align }, mod]} {...others}>\n {indicator}\n {hasBody && (\n <div {...getStyles('body')}>\n {title && <EmptyStateTitle>{title}</EmptyStateTitle>}\n {description && <EmptyStateDescription>{description}</EmptyStateDescription>}\n {bodyChildren}\n </div>\n )}\n </Box>\n </EmptyStateProvider>\n );\n});\n\nEmptyState.classes = classes;\nEmptyState.varsResolver = varsResolver;\nEmptyState.displayName = '@mantine/core/EmptyState';\nEmptyState.Indicator = EmptyStateIndicator;\nEmptyState.Title = EmptyStateTitle;\nEmptyState.Description = EmptyStateDescription;\nEmptyState.Actions = EmptyStateActions;\n\nexport namespace EmptyState {\n export type Props = EmptyStateProps;\n export type StylesNames = EmptyStateStylesNames;\n export type CssVariables = EmptyStateCssVariables;\n export type Variant = EmptyStateVariant;\n export type Factory = EmptyStateFactory;\n\n export namespace Indicator {\n export type Props = EmptyStateIndicatorProps;\n export type StylesNames = EmptyStateIndicatorStylesNames;\n export type Factory = EmptyStateIndicatorFactory;\n }\n\n export namespace Title {\n export type Props = EmptyStateTitleProps;\n export type StylesNames = EmptyStateTitleStylesNames;\n export type Factory = EmptyStateTitleFactory;\n }\n\n export namespace Description {\n export type Props = EmptyStateDescriptionProps;\n export type StylesNames = EmptyStateDescriptionStylesNames;\n export type Factory = EmptyStateDescriptionFactory;\n }\n\n export namespace Actions {\n export type Props = EmptyStateActionsProps;\n export type StylesNames = EmptyStateActionsStylesNames;\n export type Factory = EmptyStateActionsFactory;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA0GA,MAAM,eAAe;CACnB,MAAM;CACN,OAAO;AACT;AAEA,SAAS,gBAAgB,UAA8C;CACrE,MAAM,OAA0B,CAAC;CAEjC,MAAM,WAAW,UAA2B;EAC1C,SAAS,QAAQ,QAAQ,UAAU;GACjC,IAAI,eAAe,KAAK,KAAK,MAAM,SAAS,UAC1C,QAAS,MAAM,MAAyC,QAAQ;QAEhE,KAAK,KAAK,KAAK;EAEnB,CAAC;CACH;CAEA,QAAQ,QAAQ;CAChB,OAAO,SAAS,QAAQ,IAAI;AAC9B;AAEA,MAAM,eAAe,oBAAuC,OAAO,EAAE,MAAM,SAAS,YAAY;CAC9F,MAAM,SAAS,UACX,MAAM,qBAAqB;EAAE,OAAO,SAAS,MAAM;EAAc;EAAO;CAAQ,CAAC,IACjF;CAEJ,OAAO,EACL,MAAM;EACJ,gCAAgC,QAAQ,MAAM,4BAA4B;EAC1E,qBAAqB,QAAQ,MAAM,iBAAiB;EACpD,0BAA0B,QAAQ,MAAM,sBAAsB;EAC9D,gCAAgC,QAAQ,MAAM,4BAA4B;EAC1E,8BAA8B,SAAS,OAAO,aAAa,KAAA;EAC3D,iCAAiC,SAAS,OAAO,QAAQ,KAAA;CAC3D,EACF;AACF,CAAC;AAED,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,SACA,OACA,OACA,aACA,MACA,yBACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,eAAkC,CAAC;CACzC,IAAI,oBAAqC;CAEzC,gBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU;EAC3C,IACE,eAAe,KAAK,MACnB,MAAM,SAAS,uBACb,MAAM,MAAc,gBAAgB,sCAEvC,oBAAoB;OAEpB,aAAa,KAAK,KAAK;CAE3B,CAAC;CAED,MAAM,YAAY,OAAO,oBAAC,qBAAD,EAAA,UAAsB,KAA0B,CAAA,IAAI;CAC7E,MAAM,UAAU,SAAS,QAAQ,eAAe,QAAQ,aAAa,SAAS;CAE9E,OACE,oBAAC,oBAAD;EACE,OAAO;GAAE;GAAW,yBAAyB,2BAA2B,CAAC,CAAC;EAAQ;~~YAElF~~,qBAAC,KAAD;GAAK,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;GAAY;GAAS,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG;GAAG,GAAI;~~aAAtF~~,CACG,WACA,WACC,qBAAC,OAAD;IAAK,GAAI,UAAU,MAAM;~~cAAzB~~;KACG,SAAS,oBAAC,iBAAD,EAAA,UAAkB,MAAuB,CAAA;KAClD,eAAe,oBAAC,uBAAD,EAAA,UAAwB,YAAmC,CAAA;KAC1E;IACE;~~KAEJ~~;;CACa,CAAA;AAExB,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,YAAY;AACvB,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB,WAAW,UAAU"}
1	+ {"version":3,"file":"EmptyState.mjs","names":["classes"],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { Children, Fragment, isValidElement } from 'react';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getSize,\n MantineColor,\n MantineSize,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { EmptyStateProvider } from './EmptyState.context';\nimport {\n EmptyStateActions,\n EmptyStateActionsFactory,\n EmptyStateActionsProps,\n EmptyStateActionsStylesNames,\n} from './EmptyStateActions/EmptyStateActions';\nimport {\n EmptyStateDescription,\n EmptyStateDescriptionFactory,\n EmptyStateDescriptionProps,\n EmptyStateDescriptionStylesNames,\n} from './EmptyStateDescription/EmptyStateDescription';\nimport {\n EmptyStateIndicator,\n EmptyStateIndicatorFactory,\n EmptyStateIndicatorProps,\n EmptyStateIndicatorStylesNames,\n} from './EmptyStateIndicator/EmptyStateIndicator';\nimport {\n EmptyStateTitle,\n EmptyStateTitleFactory,\n EmptyStateTitleProps,\n EmptyStateTitleStylesNames,\n} from './EmptyStateTitle/EmptyStateTitle';\nimport classes from './EmptyState.module.css';\n\nexport type EmptyStateStylesNames =\n \| 'root'\n \| 'body'\n \| EmptyStateIndicatorStylesNames\n \| EmptyStateTitleStylesNames\n \| EmptyStateDescriptionStylesNames\n \| EmptyStateActionsStylesNames;\n\nexport type EmptyStateVariant = 'filled' \| 'light';\n\nexport type EmptyStateCssVariables = {\n root:\n \| '--empty-state-indicator-size'\n \| '--empty-state-gap'\n \| '--empty-state-title-fz'\n \| '--empty-state-description-fz'\n \| '--empty-state-indicator-bg'\n \| '--empty-state-indicator-color';\n};\n\nexport interface EmptyStateProps\n extends BoxProps, StylesApiProps<EmptyStateFactory>, ElementProps<'div', 'title'> {\n /** Controls indicator size, gap between elements and font sizes of title and description @default 'md' /\n size?: MantineSize;\n\n /* Content alignment. `center` stacks the content in a centered column, `left`/`right` place the indicator on the side with the content next to it @default 'center' /\n align?: 'left' \| 'center' \| 'right';\n\n /* Controls the indicator appearance. `filled` and `light` display a colored circular background behind the icon. If not set, the icon is displayed with dimmed color /\n variant?: EmptyStateVariant;\n\n /* Key of `theme.colors` or any valid CSS color, used by `filled` and `light` variants @default theme.primaryColor /\n color?: MantineColor;\n\n /* Title content, rendered inside `EmptyState.Title` /\n title?: React.ReactNode;\n\n /* Description content, rendered inside `EmptyState.Description` /\n description?: React.ReactNode;\n\n /* Icon or illustration, rendered inside `EmptyState.Indicator` /\n icon?: React.ReactNode;\n\n /* If set, a neutral circular background is displayed behind the indicator. Setting `variant` always displays a colored background regardless of this prop @default false /\n withIndicatorBackground?: boolean;\n\n /* `EmptyState` compound components, rendered after the shorthand props content */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateFactory = Factory<{\n props: EmptyStateProps;\n ref: HTMLDivElement;\n stylesNames: EmptyStateStylesNames;\n vars: EmptyStateCssVariables;\n variant: EmptyStateVariant;\n staticComponents: {\n Indicator: typeof EmptyStateIndicator;\n Title: typeof EmptyStateTitle;\n Description: typeof EmptyStateDescription;\n Actions: typeof EmptyStateActions;\n };\n}>;\n\nconst defaultProps = {\n size: 'md',\n align: 'center',\n} satisfies Partial<EmptyStateProps>;\n\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n const flat: React.ReactNode[] = [];\n\n const collect = (nodes: React.ReactNode) => {\n Children.forEach(nodes, (child) => {\n if (isValidElement(child) && child.type === Fragment) {\n collect((child.props as { children?: React.ReactNode }).children);\n } else {\n flat.push(child);\n }\n });\n };\n\n collect(children);\n return Children.toArray(flat);\n}\n\nconst varsResolver = createVarsResolver<EmptyStateFactory>((theme, { size, variant, color }) => {\n const colors = variant\n ? theme.variantColorResolver({ color: color \|\| theme.primaryColor, theme, variant })\n : null;\n\n return {\n root: {\n '--empty-state-indicator-size': getSize(size, 'empty-state-indicator-size'),\n '--empty-state-gap': getSize(size, 'empty-state-gap'),\n '--empty-state-title-fz': getSize(size, 'empty-state-title-fz'),\n '--empty-state-description-fz': getSize(size, 'empty-state-description-fz'),\n '--empty-state-indicator-bg': colors ? colors.background : undefined,\n '--empty-state-indicator-color': colors ? colors.color : undefined,\n },\n };\n});\n\nexport const EmptyState = factory<EmptyStateFactory>((_props) => {\n const props = useProps('EmptyState', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n align,\n variant,\n color,\n title,\n description,\n icon,\n withIndicatorBackground,\n children,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<EmptyStateFactory>({\n name: 'EmptyState',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const bodyChildren: React.ReactNode[] = [];\n let childrenIndicator: React.ReactNode = null;\n\n flattenChildren(children).forEach((child) => {\n if (\n isValidElement(child) &&\n (child.type === EmptyStateIndicator \|\|\n (child.type as any)?.displayName === '@mantine/core/EmptyStateIndicator')\n ) {\n childrenIndicator = child;\n } else {\n bodyChildren.push(child);\n }\n });\n\n const indicator = icon ? <EmptyStateIndicator>{icon}</EmptyStateIndicator> : childrenIndicator;\n const hasBody = title != null \|\| description != null \|\| bodyChildren.length > 0;\n\n return (\n <EmptyStateProvider\n value={{ getStyles, withIndicatorBackground: withIndicatorBackground \|\| !!variant }}\n >\n <Box {...getStyles('root', { variant })} variant={variant} mod={[{ align }, mod]} {...others}>\n {indicator}\n {hasBody && (\n <div {...getStyles('body')}>\n {title && <EmptyStateTitle>{title}</EmptyStateTitle>}\n {description && <EmptyStateDescription>{description}</EmptyStateDescription>}\n {bodyChildren}\n </div>\n )}\n </Box>\n </EmptyStateProvider>\n );\n});\n\nEmptyState.classes = classes;\nEmptyState.varsResolver = varsResolver;\nEmptyState.displayName = '@mantine/core/EmptyState';\nEmptyState.Indicator = EmptyStateIndicator;\nEmptyState.Title = EmptyStateTitle;\nEmptyState.Description = EmptyStateDescription;\nEmptyState.Actions = EmptyStateActions;\n\nexport namespace EmptyState {\n export type Props = EmptyStateProps;\n export type StylesNames = EmptyStateStylesNames;\n export type CssVariables = EmptyStateCssVariables;\n export type Variant = EmptyStateVariant;\n export type Factory = EmptyStateFactory;\n\n export namespace Indicator {\n export type Props = EmptyStateIndicatorProps;\n export type StylesNames = EmptyStateIndicatorStylesNames;\n export type Factory = EmptyStateIndicatorFactory;\n }\n\n export namespace Title {\n export type Props = EmptyStateTitleProps;\n export type StylesNames = EmptyStateTitleStylesNames;\n export type Factory = EmptyStateTitleFactory;\n }\n\n export namespace Description {\n export type Props = EmptyStateDescriptionProps;\n export type StylesNames = EmptyStateDescriptionStylesNames;\n export type Factory = EmptyStateDescriptionFactory;\n }\n\n export namespace Actions {\n export type Props = EmptyStateActionsProps;\n export type StylesNames = EmptyStateActionsStylesNames;\n export type Factory = EmptyStateActionsFactory;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA0GA,MAAM,eAAe;CACnB,MAAM;CACN,OAAO;AACT;AAEA,SAAS,gBAAgB,UAA8C;CACrE,MAAM,OAA0B,CAAC;CAEjC,MAAM,WAAW,UAA2B;EAC1C,SAAS,QAAQ,QAAQ,UAAU;GACjC,IAAI,eAAe,KAAK,KAAK,MAAM,SAAS,UAC1C,QAAS,MAAM,MAAyC,QAAQ;QAEhE,KAAK,KAAK,KAAK;EAEnB,CAAC;CACH;CAEA,QAAQ,QAAQ;CAChB,OAAO,SAAS,QAAQ,IAAI;AAC9B;AAEA,MAAM,eAAe,oBAAuC,OAAO,EAAE,MAAM,SAAS,YAAY;CAC9F,MAAM,SAAS,UACX,MAAM,qBAAqB;EAAE,OAAO,SAAS,MAAM;EAAc;EAAO;CAAQ,CAAC,IACjF;CAEJ,OAAO,EACL,MAAM;EACJ,gCAAgC,QAAQ,MAAM,4BAA4B;EAC1E,qBAAqB,QAAQ,MAAM,iBAAiB;EACpD,0BAA0B,QAAQ,MAAM,sBAAsB;EAC9D,gCAAgC,QAAQ,MAAM,4BAA4B;EAC1E,8BAA8B,SAAS,OAAO,aAAa,KAAA;EAC3D,iCAAiC,SAAS,OAAO,QAAQ,KAAA;CAC3D,EACF;AACF,CAAC;AAED,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,OACA,SACA,OACA,OACA,aACA,MACA,yBACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,eAAkC,CAAC;CACzC,IAAI,oBAAqC;CAEzC,gBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU;EAC3C,IACE,eAAe,KAAK,MACnB,MAAM,SAAS,uBACb,MAAM,MAAc,gBAAgB,sCAEvC,oBAAoB;OAEpB,aAAa,KAAK,KAAK;CAE3B,CAAC;CAED,MAAM,YAAY,OAAO,oBAAC,qBAAD,EAAA,UAAsB,KAA0B,CAAA,IAAI;CAC7E,MAAM,UAAU,SAAS,QAAQ,eAAe,QAAQ,aAAa,SAAS;CAE9E,OACE,oBAAC,oBAAD;EACE,OAAO;GAAE;GAAW,yBAAyB,2BAA2B,CAAC,CAAC;EAAQ;EAElF,UAAA,qBAAC,KAAD;GAAK,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;GAAY;GAAS,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG;GAAG,GAAI;GAAtF,UAAA,CACG,WACA,WACC,qBAAC,OAAD;IAAK,GAAI,UAAU,MAAM;IAAzB,UAAA;KACG,SAAS,oBAAC,iBAAD,EAAA,UAAkB,MAAuB,CAAA;KAClD,eAAe,oBAAC,uBAAD,EAAA,UAAwB,YAAmC,CAAA;KAC1E;IACE;GAEJ,CAAA,CAAA;;CACa,CAAA;AAExB,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB,WAAW,YAAY;AACvB,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB,WAAW,UAAU"}

package/esm/components/EmptyState/EmptyStateActions/EmptyStateActions.mjs CHANGED Viewed

@@ -8,9 +8,10 @@ import { jsx } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/EmptyState/EmptyStateActions/EmptyStateActions.tsx
 const EmptyStateActions = factory((_props) => {
 	const { classNames, className, style, styles, vars, children, mod, ...others } = useProps("EmptyStateActions", null, _props);
+	const ctx = useEmptyStateContext();
 	return /* @__PURE__ */ jsx(Box, {
 		mod,
-		...useEmptyStateContext().getStyles("actions", {
+		...ctx.getStyles("actions", {
 			className,
 			style,
 			classNames,

package/esm/components/EmptyState/EmptyStateActions/EmptyStateActions.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyStateActions.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateActions/EmptyStateActions.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useEmptyStateContext } from '../EmptyState.context';\nimport classes from '../EmptyState.module.css';\n\nexport type EmptyStateActionsStylesNames = 'actions';\n\nexport interface EmptyStateActionsProps\n extends BoxProps, CompoundStylesApiProps<EmptyStateActionsFactory>, ElementProps<'div'> {\n /** Action buttons or controls */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateActionsFactory = Factory<{\n props: EmptyStateActionsProps;\n ref: HTMLDivElement;\n stylesNames: EmptyStateActionsStylesNames;\n compound: true;\n}>;\n\nexport const EmptyStateActions = factory<EmptyStateActionsFactory>((_props) => {\n const props = useProps('EmptyStateActions', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useEmptyStateContext();\n\n return (\n <Box\n mod={mod}\n {...ctx.getStyles('actions', { className, style, classNames, styles })}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nEmptyStateActions.classes = classes;\nEmptyStateActions.displayName = '@mantine/core/EmptyStateActions';\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,qBAAqB,MAAM,MACmC;~~CAIrF~~,OACE,oBAAC,KAAD;EACO;EACL,~~GALQ~~,~~qBAKF~~,~~CAAC,CAAC,~~UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACrE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}
1	+ {"version":3,"file":"EmptyStateActions.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateActions/EmptyStateActions.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useEmptyStateContext } from '../EmptyState.context';\nimport classes from '../EmptyState.module.css';\n\nexport type EmptyStateActionsStylesNames = 'actions';\n\nexport interface EmptyStateActionsProps\n extends BoxProps, CompoundStylesApiProps<EmptyStateActionsFactory>, ElementProps<'div'> {\n /** Action buttons or controls */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateActionsFactory = Factory<{\n props: EmptyStateActionsProps;\n ref: HTMLDivElement;\n stylesNames: EmptyStateActionsStylesNames;\n compound: true;\n}>;\n\nexport const EmptyStateActions = factory<EmptyStateActionsFactory>((_props) => {\n const props = useProps('EmptyStateActions', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useEmptyStateContext();\n\n return (\n <Box\n mod={mod}\n {...ctx.getStyles('actions', { className, style, classNames, styles })}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nEmptyStateActions.classes = classes;\nEmptyStateActions.displayName = '@mantine/core/EmptyStateActions';\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,qBAAqB,MAAM,MACmC;CAErF,MAAM,MAAM,qBAAqB;CAEjC,OACE,oBAAC,KAAD;EACO;EACL,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACrE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}

package/esm/components/EmptyState/EmptyStateDescription/EmptyStateDescription.mjs CHANGED Viewed

@@ -8,10 +8,11 @@ import { jsx } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/EmptyState/EmptyStateDescription/EmptyStateDescription.tsx
 const EmptyStateDescription = factory((_props) => {
 	const { classNames, className, style, styles, vars, children, mod, ...others } = useProps("EmptyStateDescription", null, _props);
+	const ctx = useEmptyStateContext();
 	return /* @__PURE__ */ jsx(Box, {
 		component: "p",
 		mod,
-		...useEmptyStateContext().getStyles("description", {
+		...ctx.getStyles("description", {
 			className,
 			style,
 			classNames,

package/esm/components/EmptyState/EmptyStateDescription/EmptyStateDescription.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyStateDescription.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateDescription/EmptyStateDescription.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useEmptyStateContext } from '../EmptyState.context';\nimport classes from '../EmptyState.module.css';\n\nexport type EmptyStateDescriptionStylesNames = 'description';\n\nexport interface EmptyStateDescriptionProps\n extends BoxProps, CompoundStylesApiProps<EmptyStateDescriptionFactory>, ElementProps<'p'> {\n /** Description content */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateDescriptionFactory = Factory<{\n props: EmptyStateDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: EmptyStateDescriptionStylesNames;\n compound: true;\n}>;\n\nexport const EmptyStateDescription = factory<EmptyStateDescriptionFactory>((_props) => {\n const props = useProps('EmptyStateDescription', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useEmptyStateContext();\n\n return (\n <Box\n component=\"p\"\n mod={mod}\n {...ctx.getStyles('description', { className, style, classNames, styles })}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nEmptyStateDescription.classes = classes;\nEmptyStateDescription.displayName = '@mantine/core/EmptyStateDescription';\n"],"mappings":";;;;;;;;AA2BA,MAAa,wBAAwB,SAAuC,WAAW;CAErF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,yBAAyB,MAAM,MAC+B;~~CAIrF~~,OACE,oBAAC,KAAD;EACE,WAAU;EACL;EACL,~~GANQ~~,~~qBAMF~~,~~CAAC,CAAC,~~UAAU,eAAe;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACzE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,sBAAsB,UAAUA;AAChC,sBAAsB,cAAc"}
1	+ {"version":3,"file":"EmptyStateDescription.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateDescription/EmptyStateDescription.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useEmptyStateContext } from '../EmptyState.context';\nimport classes from '../EmptyState.module.css';\n\nexport type EmptyStateDescriptionStylesNames = 'description';\n\nexport interface EmptyStateDescriptionProps\n extends BoxProps, CompoundStylesApiProps<EmptyStateDescriptionFactory>, ElementProps<'p'> {\n /** Description content */\n children?: React.ReactNode;\n}\n\nexport type EmptyStateDescriptionFactory = Factory<{\n props: EmptyStateDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: EmptyStateDescriptionStylesNames;\n compound: true;\n}>;\n\nexport const EmptyStateDescription = factory<EmptyStateDescriptionFactory>((_props) => {\n const props = useProps('EmptyStateDescription', null, _props);\n const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n const ctx = useEmptyStateContext();\n\n return (\n <Box\n component=\"p\"\n mod={mod}\n {...ctx.getStyles('description', { className, style, classNames, styles })}\n {...others}\n >\n {children}\n </Box>\n );\n});\n\nEmptyStateDescription.classes = classes;\nEmptyStateDescription.displayName = '@mantine/core/EmptyStateDescription';\n"],"mappings":";;;;;;;;AA2BA,MAAa,wBAAwB,SAAuC,WAAW;CAErF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,yBAAyB,MAAM,MAC+B;CAErF,MAAM,MAAM,qBAAqB;CAEjC,OACE,oBAAC,KAAD;EACE,WAAU;EACL;EACL,GAAI,IAAI,UAAU,eAAe;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACzE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,sBAAsB,UAAUA;AAChC,sBAAsB,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Fieldset.mjs","names":["classes"],"sources":["../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getRadius,\n MantineRadius,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Fieldset.module.css';\n\nexport type FieldsetStylesNames = 'root' \| 'legend';\nexport type FieldsetVariant = 'default' \| 'filled' \| 'unstyled';\nexport type FieldsetCSSVariables = {\n root: '--fieldset-radius';\n};\n\nexport interface FieldsetProps\n extends BoxProps, StylesApiProps<FieldsetFactory>, ElementProps<'fieldset'> {\n /** Fieldset legend /\n legend?: React.ReactNode;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n radius?: MantineRadius;\n}\n\nexport type FieldsetFactory = Factory<{\n props: FieldsetProps;\n ref: HTMLFieldSetElement;\n stylesNames: FieldsetStylesNames;\n vars: FieldsetCSSVariables;\n variant: FieldsetVariant;\n}>;\n\nconst defaultProps = {\n variant: 'default',\n} satisfies Partial<FieldsetProps>;\n\nconst varsResolver = createVarsResolver<FieldsetFactory>((_, { radius }) => ({\n root: {\n '--fieldset-radius': radius === undefined ? undefined : getRadius(radius),\n },\n}));\n\nexport const Fieldset = factory<FieldsetFactory>((_props) => {\n const props = useProps('Fieldset', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n legend,\n variant,\n children,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<FieldsetFactory>({\n name: 'Fieldset',\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 component=\"fieldset\" variant={variant} {...getStyles('root', { variant })} {...others}>\n {legend && <legend {...getStyles('legend', { variant })}>{legend}</legend>}\n {children}\n </Box>\n );\n});\n\nFieldset.classes = classes;\nFieldset.varsResolver = varsResolver;\nFieldset.displayName = '@mantine/core/Fieldset';\n\nexport namespace Fieldset {\n export type Props = FieldsetProps;\n export type StylesNames = FieldsetStylesNames;\n export type Factory = FieldsetFactory;\n export type Variant = FieldsetVariant;\n}\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,SAAS,UACX;AAEA,MAAM,eAAe,oBAAqC,GAAG,EAAE,cAAc,EAC3E,MAAM,EACJ,qBAAqB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM,EAC1E,EACF,EAAE;AAEF,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,SACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA2B;EAC3C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EAAK,WAAU;EAAoB;EAAS,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;EAAG,GAAI;~~YAApF~~,CACG,UAAU,oBAAC,UAAD;GAAQ,GAAI,UAAU,UAAU,EAAE,QAAQ,CAAC;~~aAAI~~;EAAe,CAAA,GACxE,QACE;;AAET,CAAC;AAED,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc"}
1	+ {"version":3,"file":"Fieldset.mjs","names":["classes"],"sources":["../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getRadius,\n MantineRadius,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport classes from './Fieldset.module.css';\n\nexport type FieldsetStylesNames = 'root' \| 'legend';\nexport type FieldsetVariant = 'default' \| 'filled' \| 'unstyled';\nexport type FieldsetCSSVariables = {\n root: '--fieldset-radius';\n};\n\nexport interface FieldsetProps\n extends BoxProps, StylesApiProps<FieldsetFactory>, ElementProps<'fieldset'> {\n /** Fieldset legend /\n legend?: React.ReactNode;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n radius?: MantineRadius;\n}\n\nexport type FieldsetFactory = Factory<{\n props: FieldsetProps;\n ref: HTMLFieldSetElement;\n stylesNames: FieldsetStylesNames;\n vars: FieldsetCSSVariables;\n variant: FieldsetVariant;\n}>;\n\nconst defaultProps = {\n variant: 'default',\n} satisfies Partial<FieldsetProps>;\n\nconst varsResolver = createVarsResolver<FieldsetFactory>((_, { radius }) => ({\n root: {\n '--fieldset-radius': radius === undefined ? undefined : getRadius(radius),\n },\n}));\n\nexport const Fieldset = factory<FieldsetFactory>((_props) => {\n const props = useProps('Fieldset', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n legend,\n variant,\n children,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<FieldsetFactory>({\n name: 'Fieldset',\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 component=\"fieldset\" variant={variant} {...getStyles('root', { variant })} {...others}>\n {legend && <legend {...getStyles('legend', { variant })}>{legend}</legend>}\n {children}\n </Box>\n );\n});\n\nFieldset.classes = classes;\nFieldset.varsResolver = varsResolver;\nFieldset.displayName = '@mantine/core/Fieldset';\n\nexport namespace Fieldset {\n export type Props = FieldsetProps;\n export type StylesNames = FieldsetStylesNames;\n export type Factory = FieldsetFactory;\n export type Variant = FieldsetVariant;\n}\n"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,EACnB,SAAS,UACX;AAEA,MAAM,eAAe,oBAAqC,GAAG,EAAE,cAAc,EAC3E,MAAM,EACJ,qBAAqB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM,EAC1E,EACF,EAAE;AAEF,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,SACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA2B;EAC3C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EAAK,WAAU;EAAoB;EAAS,GAAI,UAAU,QAAQ,EAAE,QAAQ,CAAC;EAAG,GAAI;EAApF,UAAA,CACG,UAAU,oBAAC,UAAD;GAAQ,GAAI,UAAU,UAAU,EAAE,QAAQ,CAAC;GAAI,UAAA;EAAe,CAAA,GACxE,QACE;;AAET,CAAC;AAED,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FileInput.mjs","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMergedRef, useUncontrolled } from '@mantine/hooks';\nimport {\n BoxProps,\n ElementProps,\n Factory,\n genericFactory,\n StylesApiProps,\n useProps,\n useResolvedStylesApi,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { FileButton } from '../FileButton';\nimport {\n __BaseInputProps,\n __InputStylesNames,\n ClearSectionMode,\n Input,\n InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase/InputBase';\n\nexport interface FileInputProps<Multiple = false>\n extends\n BoxProps,\n __BaseInputProps,\n StylesApiProps<FileInputFactory>,\n ElementProps<'button', 'value' \| 'defaultValue' \| 'onChange' \| 'placeholder'> {\n component?: any;\n\n /** Called when value changes /\n onChange?: (payload: Multiple extends true ? File[] : File \| null) => void;\n\n /* Controlled component value /\n value?: Multiple extends true ? File[] : File \| null;\n\n /* Uncontrolled component default value /\n defaultValue?: Multiple extends true ? File[] : File \| null;\n\n /* If set, user can pick more than one file @default false /\n multiple?: Multiple;\n\n /* File input accept attribute, for example, `\"image/png,image/jpeg\"` /\n accept?: string;\n\n /* Input name attribute /\n name?: string;\n\n /* Input form attribute /\n form?: string;\n\n /* Value renderer. By default, displays file name. /\n valueComponent?: React.FC<{ value: null \| File \| File[] }>;\n\n /* If set, the clear button is displayed in the right section @default false /\n clearable?: boolean;\n\n /* Determines how the clear button and rightSection are rendered @default 'both' /\n clearSectionMode?: ClearSectionMode;\n\n /* Props passed down to the clear button /\n clearButtonProps?: React.ComponentProps<'button'>;\n\n /* If set, the input value cannot be changed /\n readOnly?: boolean;\n\n /* Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. /\n capture?: boolean \| 'user' \| 'environment';\n\n /* Props passed down to the hidden `input[type=\"file\"]` /\n fileInputProps?: React.ComponentProps<'input'>;\n\n /* Input placeholder /\n placeholder?: React.ReactNode;\n\n /* Reference of the function that should be called when value changes to null or empty array */\n resetRef?: React.Ref<() => void>;\n}\n\nexport type FileInputFactory = Factory<{\n props: FileInputProps;\n ref: HTMLButtonElement;\n stylesNames: __InputStylesNames \| 'placeholder';\n variant: InputVariant;\n signature: <Multiple extends boolean = false>(\n props: FileInputProps<Multiple>\n ) => React.JSX.Element;\n}>;\n\nconst DefaultValue: FileInputProps['valueComponent'] = ({ value }) => (\n <div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n {Array.isArray(value) ? value.map((file) => file.name).join(', ') : value?.name}\n </div>\n);\n\nconst defaultProps = {\n valueComponent: DefaultValue,\n size: 'sm',\n} satisfies Partial<FileInputProps>;\n\nexport const FileInput = genericFactory<FileInputFactory>((_props) => {\n const props = useProps(['Input', 'InputWrapper', 'FileInput'], defaultProps, _props);\n const {\n unstyled,\n vars,\n onChange,\n value,\n defaultValue,\n multiple,\n accept,\n name,\n form,\n valueComponent: ValueComponent,\n clearable,\n clearSectionMode,\n clearButtonProps,\n readOnly,\n capture,\n fileInputProps,\n rightSection,\n size,\n placeholder,\n component,\n resetRef: resetRefProp,\n classNames,\n styles,\n attributes,\n ...others\n } = props;\n\n const resetRef = useRef<() => void>(null);\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<FileInputFactory>({\n classNames,\n styles,\n props,\n });\n\n const [_value, setValue] = useUncontrolled<null \| File \| File[]>({\n value,\n defaultValue,\n onChange: onChange as any,\n finalValue: multiple ? [] : null,\n });\n\n const hasValue = Array.isArray(_value) ? _value.length !== 0 : _value !== null;\n\n const clearButton = (\n <CloseButton\n {...clearButtonProps}\n variant=\"subtle\"\n onClick={() => setValue(multiple ? [] : null)}\n size={size}\n unstyled={unstyled}\n />\n );\n\n const _clearable = clearable && hasValue && !readOnly;\n\n useEffect(() => {\n if ((Array.isArray(_value) && _value.length === 0) \|\| _value === null) {\n resetRef.current?.();\n }\n }, [_value]);\n\n return (\n <FileButton\n onChange={setValue}\n multiple={multiple}\n accept={accept}\n name={name}\n form={form}\n resetRef={useMergedRef(resetRef, resetRefProp)}\n disabled={readOnly}\n capture={capture}\n inputProps={fileInputProps}\n >\n {(fileButtonProps) => (\n <InputBase\n component={component \|\| 'button'}\n rightSection={rightSection}\n __clearSection={clearButton}\n __clearable={_clearable}\n __clearSectionMode={clearSectionMode}\n {...fileButtonProps}\n {...others}\n __staticSelector=\"FileInput\"\n multiline\n type=\"button\"\n pointer\n __stylesApiProps={props}\n unstyled={unstyled}\n size={size}\n classNames={classNames}\n styles={styles}\n attributes={attributes}\n >\n {!hasValue ? (\n <Input.Placeholder\n __staticSelector=\"FileInput\"\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n attributes={attributes}\n >\n {placeholder}\n </Input.Placeholder>\n ) : (\n <ValueComponent value={_value} />\n )}\n </InputBase>\n )}\n </FileButton>\n );\n});\n\nFileInput.classes = InputBase.classes;\nFileInput.displayName = '@mantine/core/FileInput';\n\nexport namespace FileInput {\n export type Props<Multiple extends boolean = false> = FileInputProps<Multiple>;\n export type Factory = FileInputFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAyFA,MAAM,gBAAkD,EAAE,YACxD,oBAAC,OAAD;CAAK,OAAO;EAAE,UAAU;EAAU,cAAc;EAAY,YAAY;CAAS;~~WAC9E~~,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,SAAS,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,IAAI,OAAO;AACxE,CAAA;AAGP,MAAM,eAAe;CACnB,gBAAgB;CAChB,MAAM;AACR;AAEA,MAAa,YAAY,gBAAkC,WAAW;CACpE,MAAM,QAAQ,SAAS;EAAC;EAAS;EAAgB;CAAW,GAAG,cAAc,MAAM;CACnF,MAAM,EACJ,UACA,MACA,UACA,OACA,cACA,UACA,QACA,MACA,MACA,gBAAgB,gBAChB,WACA,kBACA,kBACA,UACA,SACA,gBACA,cACA,MACA,aACA,WACA,UAAU,cACV,YACA,QACA,YACA,GAAG,WACD;CAEJ,MAAM,WAAW,OAAmB,IAAI;CACxC,MAAM,EAAE,oBAAoB,mBAAmB,qBAAuC;EACpF;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,QAAQ,YAAY,gBAAsC;EAC/D;EACA;EACU;EACV,YAAY,WAAW,CAAC,IAAI;CAC9B,CAAC;CAED,MAAM,WAAW,MAAM,QAAQ,MAAM,IAAI,OAAO,WAAW,IAAI,WAAW;CAE1E,MAAM,cACJ,oBAAC,aAAD;EACE,GAAI;EACJ,SAAQ;EACR,eAAe,SAAS,WAAW,CAAC,IAAI,IAAI;EACtC;EACI;CACX,CAAA;CAGH,MAAM,aAAa,aAAa,YAAY,CAAC;CAE7C,gBAAgB;EACd,IAAK,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,KAAM,WAAW,MAC/D,SAAS,UAAU;CAEvB,GAAG,CAAC,MAAM,CAAC;CAEX,OACE,oBAAC,YAAD;EACE,UAAU;EACA;EACF;EACF;EACA;EACN,UAAU,aAAa,UAAU,YAAY;EAC7C,UAAU;EACD;EACT,YAAY;~~aAEV~~,oBACA,oBAAC,WAAD;GACE,WAAW,aAAa;GACV;GACd,gBAAgB;GAChB,aAAa;GACb,oBAAoB;GACpB,GAAI;GACJ,GAAI;GACJ,kBAAiB;GACjB,WAAA;GACA,MAAK;GACL,SAAA;GACA,kBAAkB;GACR;GACJ;GACM;GACJ;GACI;~~aAEX~~,CAAC,WACA,oBAAC,MAAM,aAAP;IACE,kBAAiB;IACjB,YAAY;IACZ,QAAQ;IACI;~~cAEX~~;GACgB,CAAA,IAEnB,oBAAC,gBAAD,EAAgB,OAAO,OAAS,CAAA;EAEzB,CAAA;CAEH,CAAA;AAEhB,CAAC;AAED,UAAU,UAAU,UAAU;AAC9B,UAAU,cAAc"}
1	+ {"version":3,"file":"FileInput.mjs","names":[],"sources":["../../../src/components/FileInput/FileInput.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMergedRef, useUncontrolled } from '@mantine/hooks';\nimport {\n BoxProps,\n ElementProps,\n Factory,\n genericFactory,\n StylesApiProps,\n useProps,\n useResolvedStylesApi,\n} from '../../core';\nimport { CloseButton } from '../CloseButton';\nimport { FileButton } from '../FileButton';\nimport {\n __BaseInputProps,\n __InputStylesNames,\n ClearSectionMode,\n Input,\n InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase/InputBase';\n\nexport interface FileInputProps<Multiple = false>\n extends\n BoxProps,\n __BaseInputProps,\n StylesApiProps<FileInputFactory>,\n ElementProps<'button', 'value' \| 'defaultValue' \| 'onChange' \| 'placeholder'> {\n component?: any;\n\n /** Called when value changes /\n onChange?: (payload: Multiple extends true ? File[] : File \| null) => void;\n\n /* Controlled component value /\n value?: Multiple extends true ? File[] : File \| null;\n\n /* Uncontrolled component default value /\n defaultValue?: Multiple extends true ? File[] : File \| null;\n\n /* If set, user can pick more than one file @default false /\n multiple?: Multiple;\n\n /* File input accept attribute, for example, `\"image/png,image/jpeg\"` /\n accept?: string;\n\n /* Input name attribute /\n name?: string;\n\n /* Input form attribute /\n form?: string;\n\n /* Value renderer. By default, displays file name. /\n valueComponent?: React.FC<{ value: null \| File \| File[] }>;\n\n /* If set, the clear button is displayed in the right section @default false /\n clearable?: boolean;\n\n /* Determines how the clear button and rightSection are rendered @default 'both' /\n clearSectionMode?: ClearSectionMode;\n\n /* Props passed down to the clear button /\n clearButtonProps?: React.ComponentProps<'button'>;\n\n /* If set, the input value cannot be changed /\n readOnly?: boolean;\n\n /* Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. /\n capture?: boolean \| 'user' \| 'environment';\n\n /* Props passed down to the hidden `input[type=\"file\"]` /\n fileInputProps?: React.ComponentProps<'input'>;\n\n /* Input placeholder /\n placeholder?: React.ReactNode;\n\n /* Reference of the function that should be called when value changes to null or empty array */\n resetRef?: React.Ref<() => void>;\n}\n\nexport type FileInputFactory = Factory<{\n props: FileInputProps;\n ref: HTMLButtonElement;\n stylesNames: __InputStylesNames \| 'placeholder';\n variant: InputVariant;\n signature: <Multiple extends boolean = false>(\n props: FileInputProps<Multiple>\n ) => React.JSX.Element;\n}>;\n\nconst DefaultValue: FileInputProps['valueComponent'] = ({ value }) => (\n <div style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n {Array.isArray(value) ? value.map((file) => file.name).join(', ') : value?.name}\n </div>\n);\n\nconst defaultProps = {\n valueComponent: DefaultValue,\n size: 'sm',\n} satisfies Partial<FileInputProps>;\n\nexport const FileInput = genericFactory<FileInputFactory>((_props) => {\n const props = useProps(['Input', 'InputWrapper', 'FileInput'], defaultProps, _props);\n const {\n unstyled,\n vars,\n onChange,\n value,\n defaultValue,\n multiple,\n accept,\n name,\n form,\n valueComponent: ValueComponent,\n clearable,\n clearSectionMode,\n clearButtonProps,\n readOnly,\n capture,\n fileInputProps,\n rightSection,\n size,\n placeholder,\n component,\n resetRef: resetRefProp,\n classNames,\n styles,\n attributes,\n ...others\n } = props;\n\n const resetRef = useRef<() => void>(null);\n const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<FileInputFactory>({\n classNames,\n styles,\n props,\n });\n\n const [_value, setValue] = useUncontrolled<null \| File \| File[]>({\n value,\n defaultValue,\n onChange: onChange as any,\n finalValue: multiple ? [] : null,\n });\n\n const hasValue = Array.isArray(_value) ? _value.length !== 0 : _value !== null;\n\n const clearButton = (\n <CloseButton\n {...clearButtonProps}\n variant=\"subtle\"\n onClick={() => setValue(multiple ? [] : null)}\n size={size}\n unstyled={unstyled}\n />\n );\n\n const _clearable = clearable && hasValue && !readOnly;\n\n useEffect(() => {\n if ((Array.isArray(_value) && _value.length === 0) \|\| _value === null) {\n resetRef.current?.();\n }\n }, [_value]);\n\n return (\n <FileButton\n onChange={setValue}\n multiple={multiple}\n accept={accept}\n name={name}\n form={form}\n resetRef={useMergedRef(resetRef, resetRefProp)}\n disabled={readOnly}\n capture={capture}\n inputProps={fileInputProps}\n >\n {(fileButtonProps) => (\n <InputBase\n component={component \|\| 'button'}\n rightSection={rightSection}\n __clearSection={clearButton}\n __clearable={_clearable}\n __clearSectionMode={clearSectionMode}\n {...fileButtonProps}\n {...others}\n __staticSelector=\"FileInput\"\n multiline\n type=\"button\"\n pointer\n __stylesApiProps={props}\n unstyled={unstyled}\n size={size}\n classNames={classNames}\n styles={styles}\n attributes={attributes}\n >\n {!hasValue ? (\n <Input.Placeholder\n __staticSelector=\"FileInput\"\n classNames={resolvedClassNames}\n styles={resolvedStyles}\n attributes={attributes}\n >\n {placeholder}\n </Input.Placeholder>\n ) : (\n <ValueComponent value={_value} />\n )}\n </InputBase>\n )}\n </FileButton>\n );\n});\n\nFileInput.classes = InputBase.classes;\nFileInput.displayName = '@mantine/core/FileInput';\n\nexport namespace FileInput {\n export type Props<Multiple extends boolean = false> = FileInputProps<Multiple>;\n export type Factory = FileInputFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAyFA,MAAM,gBAAkD,EAAE,YACxD,oBAAC,OAAD;CAAK,OAAO;EAAE,UAAU;EAAU,cAAc;EAAY,YAAY;CAAS;CAC9E,UAAA,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,SAAS,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,IAAI,OAAO;AACxE,CAAA;AAGP,MAAM,eAAe;CACnB,gBAAgB;CAChB,MAAM;AACR;AAEA,MAAa,YAAY,gBAAkC,WAAW;CACpE,MAAM,QAAQ,SAAS;EAAC;EAAS;EAAgB;CAAW,GAAG,cAAc,MAAM;CACnF,MAAM,EACJ,UACA,MACA,UACA,OACA,cACA,UACA,QACA,MACA,MACA,gBAAgB,gBAChB,WACA,kBACA,kBACA,UACA,SACA,gBACA,cACA,MACA,aACA,WACA,UAAU,cACV,YACA,QACA,YACA,GAAG,WACD;CAEJ,MAAM,WAAW,OAAmB,IAAI;CACxC,MAAM,EAAE,oBAAoB,mBAAmB,qBAAuC;EACpF;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,QAAQ,YAAY,gBAAsC;EAC/D;EACA;EACU;EACV,YAAY,WAAW,CAAC,IAAI;CAC9B,CAAC;CAED,MAAM,WAAW,MAAM,QAAQ,MAAM,IAAI,OAAO,WAAW,IAAI,WAAW;CAE1E,MAAM,cACJ,oBAAC,aAAD;EACE,GAAI;EACJ,SAAQ;EACR,eAAe,SAAS,WAAW,CAAC,IAAI,IAAI;EACtC;EACI;CACX,CAAA;CAGH,MAAM,aAAa,aAAa,YAAY,CAAC;CAE7C,gBAAgB;EACd,IAAK,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,KAAM,WAAW,MAC/D,SAAS,UAAU;CAEvB,GAAG,CAAC,MAAM,CAAC;CAEX,OACE,oBAAC,YAAD;EACE,UAAU;EACA;EACF;EACF;EACA;EACN,UAAU,aAAa,UAAU,YAAY;EAC7C,UAAU;EACD;EACT,YAAY;EAEV,WAAA,oBACA,oBAAC,WAAD;GACE,WAAW,aAAa;GACV;GACd,gBAAgB;GAChB,aAAa;GACb,oBAAoB;GACpB,GAAI;GACJ,GAAI;GACJ,kBAAiB;GACjB,WAAA;GACA,MAAK;GACL,SAAA;GACA,kBAAkB;GACR;GACJ;GACM;GACJ;GACI;GAEX,UAAA,CAAC,WACA,oBAAC,MAAM,aAAP;IACE,kBAAiB;IACjB,YAAY;IACZ,QAAQ;IACI;IAEX,UAAA;GACgB,CAAA,IAEnB,oBAAC,gBAAD,EAAgB,OAAO,OAAS,CAAA;EAEzB,CAAA;CAEH,CAAA;AAEhB,CAAC;AAED,UAAU,UAAU,UAAU;AAC9B,UAAU,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FloatingWindow.mjs","names":["classes"],"sources":["../../../src/components/FloatingWindow/FloatingWindow.tsx"],"sourcesContent":["import { useImperativeHandle, useRef } from 'react';\nimport {\n SetFloatingWindowPosition,\n useFloatingWindow,\n UseFloatingWindowOptions,\n useMergedRef,\n} from '@mantine/hooks';\nimport {\n BoxProps,\n ElementProps,\n factory,\n Factory,\n getDefaultZIndex,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { Paper, PaperBaseProps } from '../Paper';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport {\n FloatingWindowDimensions,\n FloatingWindowProvider,\n FloatingWindowSize,\n} from './FloatingWindow.context';\nimport { FloatingWindowResizeHandle } from './FloatingWindowResizeHandle';\nimport classes from './FloatingWindow.module.css';\n\nexport type FloatingWindowStylesNames = 'root';\n\nexport interface FloatingWindowProps\n extends\n UseFloatingWindowOptions,\n PaperBaseProps,\n BoxProps,\n StylesApiProps<FloatingWindowFactory>,\n ElementProps<'div', keyof UseFloatingWindowOptions> {\n /** Assigns ref to set position programmatically /\n setPositionRef?: React.RefObject<SetFloatingWindowPosition \| null>;\n\n /* Determines whether the window should be rendered inside `Portal` @default true /\n withinPortal?: boolean;\n\n /* Props passed down to `Portal` component /\n portalProps?: Omit<PortalProps, 'children'>;\n\n /* `z-index` of the root element @default 400 /\n zIndex?: React.CSSProperties['zIndex'];\n\n /* Dimensions configuration for resizable floating window /\n dimensions?: FloatingWindowDimensions;\n\n /* Called when the window is resized with `FloatingWindow.ResizeHandle` /\n onSizeChange?: (size: FloatingWindowSize) => void;\n\n /* Called when the resize with `FloatingWindow.ResizeHandle` starts. Not called for keyboard resize. /\n onResizeStart?: () => void;\n\n /* Called when the resize with `FloatingWindow.ResizeHandle` stops. Not called for keyboard resize. */\n onResizeEnd?: () => void;\n}\n\nexport type FloatingWindowFactory = Factory<{\n props: FloatingWindowProps;\n ref: HTMLDivElement;\n stylesNames: FloatingWindowStylesNames;\n staticComponents: {\n ResizeHandle: typeof FloatingWindowResizeHandle;\n };\n}>;\n\nconst defaultProps = {\n constrainToViewport: true,\n zIndex: getDefaultZIndex('overlay'),\n} satisfies Partial<FloatingWindowProps>;\n\nfunction clampDimension(value: number, min?: number, max?: number): number {\n let v = value;\n if (min != null) {\n v = Math.max(v, min);\n }\n if (max != null) {\n v = Math.min(v, max);\n }\n return v;\n}\n\nexport const FloatingWindow = factory<FloatingWindowFactory>((_props) => {\n const props = useProps('FloatingWindow', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n mod,\n enabled,\n constrainToViewport,\n constrainOffset,\n dragHandleSelector,\n excludeDragHandleSelector,\n axis,\n initialPosition,\n onPositionChange,\n onDragStart,\n onDragEnd,\n setPositionRef,\n withinPortal,\n portalProps,\n zIndex,\n dimensions,\n onSizeChange,\n onResizeStart,\n onResizeEnd,\n ref,\n ...others\n } = props;\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n const getStyles = useStyles<FloatingWindowFactory>({\n name: 'FloatingWindow',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const floatingWindow = useFloatingWindow({\n enabled,\n constrainToViewport,\n constrainOffset,\n dragHandleSelector,\n excludeDragHandleSelector,\n axis,\n initialPosition,\n onPositionChange,\n onDragStart,\n onDragEnd,\n });\n\n useImperativeHandle(setPositionRef, () => floatingWindow.setPosition, [\n floatingWindow.setPosition,\n ]);\n\n const cssVars: Record<string, string \| undefined> = {\n '--floating-window-z-index': zIndex.toString(),\n };\n\n if (dimensions?.initialWidth != null) {\n cssVars['--floating-window-width'] =\n `${clampDimension(dimensions.initialWidth, dimensions.minWidth, dimensions.maxWidth)}px`;\n }\n\n if (dimensions?.initialHeight != null) {\n cssVars['--floating-window-height'] =\n `${clampDimension(dimensions.initialHeight, dimensions.minHeight, dimensions.maxHeight)}px`;\n }\n\n return (\n <FloatingWindowProvider\n value={{\n rootRef,\n dimensions,\n constrainToViewport,\n constrainOffset,\n onSizeChange,\n onResizeStart,\n onResizeEnd,\n }}\n >\n <OptionalPortal withinPortal={withinPortal} {...portalProps}>\n <Paper\n ref={useMergedRef(ref, floatingWindow.ref, rootRef)}\n mod={[{ dragging: floatingWindow.isDragging }, mod]}\n {...getStyles('root')}\n {...others}\n __vars={cssVars}\n />\n </OptionalPortal>\n </FloatingWindowProvider>\n );\n});\n\nFloatingWindow.displayName = '@mantine/core/FloatingWindow';\nFloatingWindow.classes = classes;\nFloatingWindow.ResizeHandle = FloatingWindowResizeHandle;\n"],"mappings":";;;;;;;;;;;;;;AAsEA,MAAM,eAAe;CACnB,qBAAqB;CACrB,QAAQ,iBAAiB,SAAS;AACpC;AAEA,SAAS,eAAe,OAAe,KAAc,KAAsB;CACzE,IAAI,IAAI;CACR,IAAI,OAAO,MACT,IAAI,KAAK,IAAI,GAAG,GAAG;CAErB,IAAI,OAAO,MACT,IAAI,KAAK,IAAI,GAAG,GAAG;CAErB,OAAO;AACT;AAEA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,QAAQ,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,SACA,qBACA,iBACA,oBACA,2BACA,MACA,iBACA,kBACA,aACA,WACA,gBACA,cACA,aACA,QACA,YACA,cACA,eACA,aACA,KACA,GAAG,WACD;CAEJ,MAAM,UAAU,OAAuB,IAAI;CAE3C,MAAM,YAAY,UAAiC;EACjD,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,kBAAkB;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,oBAAoB,sBAAsB,eAAe,aAAa,CACpE,eAAe,WACjB,CAAC;CAED,MAAM,UAA8C,EAClD,6BAA6B,OAAO,SAAS,EAC/C;CAEA,IAAI,YAAY,gBAAgB,MAC9B,QAAQ,6BACN,GAAG,eAAe,WAAW,cAAc,WAAW,UAAU,WAAW,QAAQ,EAAE;CAGzF,IAAI,YAAY,iBAAiB,MAC/B,QAAQ,8BACN,GAAG,eAAe,WAAW,eAAe,WAAW,WAAW,WAAW,SAAS,EAAE;CAG5F,OACE,oBAAC,wBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;EACF;~~YAEA~~,oBAAC,gBAAD;GAA8B;GAAc,GAAI;~~aAC9C~~,oBAAC,OAAD;IACE,KAAK,aAAa,KAAK,eAAe,KAAK,OAAO;IAClD,KAAK,CAAC,EAAE,UAAU,eAAe,WAAW,GAAG,GAAG;IAClD,GAAI,UAAU,MAAM;IACpB,GAAI;IACJ,QAAQ;GACT,CAAA;EACa,CAAA;CACM,CAAA;AAE5B,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUA;AACzB,eAAe,eAAe"}
1	+ {"version":3,"file":"FloatingWindow.mjs","names":["classes"],"sources":["../../../src/components/FloatingWindow/FloatingWindow.tsx"],"sourcesContent":["import { useImperativeHandle, useRef } from 'react';\nimport {\n SetFloatingWindowPosition,\n useFloatingWindow,\n UseFloatingWindowOptions,\n useMergedRef,\n} from '@mantine/hooks';\nimport {\n BoxProps,\n ElementProps,\n factory,\n Factory,\n getDefaultZIndex,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { Paper, PaperBaseProps } from '../Paper';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport {\n FloatingWindowDimensions,\n FloatingWindowProvider,\n FloatingWindowSize,\n} from './FloatingWindow.context';\nimport { FloatingWindowResizeHandle } from './FloatingWindowResizeHandle';\nimport classes from './FloatingWindow.module.css';\n\nexport type FloatingWindowStylesNames = 'root';\n\nexport interface FloatingWindowProps\n extends\n UseFloatingWindowOptions,\n PaperBaseProps,\n BoxProps,\n StylesApiProps<FloatingWindowFactory>,\n ElementProps<'div', keyof UseFloatingWindowOptions> {\n /** Assigns ref to set position programmatically /\n setPositionRef?: React.RefObject<SetFloatingWindowPosition \| null>;\n\n /* Determines whether the window should be rendered inside `Portal` @default true /\n withinPortal?: boolean;\n\n /* Props passed down to `Portal` component /\n portalProps?: Omit<PortalProps, 'children'>;\n\n /* `z-index` of the root element @default 400 /\n zIndex?: React.CSSProperties['zIndex'];\n\n /* Dimensions configuration for resizable floating window /\n dimensions?: FloatingWindowDimensions;\n\n /* Called when the window is resized with `FloatingWindow.ResizeHandle` /\n onSizeChange?: (size: FloatingWindowSize) => void;\n\n /* Called when the resize with `FloatingWindow.ResizeHandle` starts. Not called for keyboard resize. /\n onResizeStart?: () => void;\n\n /* Called when the resize with `FloatingWindow.ResizeHandle` stops. Not called for keyboard resize. */\n onResizeEnd?: () => void;\n}\n\nexport type FloatingWindowFactory = Factory<{\n props: FloatingWindowProps;\n ref: HTMLDivElement;\n stylesNames: FloatingWindowStylesNames;\n staticComponents: {\n ResizeHandle: typeof FloatingWindowResizeHandle;\n };\n}>;\n\nconst defaultProps = {\n constrainToViewport: true,\n zIndex: getDefaultZIndex('overlay'),\n} satisfies Partial<FloatingWindowProps>;\n\nfunction clampDimension(value: number, min?: number, max?: number): number {\n let v = value;\n if (min != null) {\n v = Math.max(v, min);\n }\n if (max != null) {\n v = Math.min(v, max);\n }\n return v;\n}\n\nexport const FloatingWindow = factory<FloatingWindowFactory>((_props) => {\n const props = useProps('FloatingWindow', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n mod,\n enabled,\n constrainToViewport,\n constrainOffset,\n dragHandleSelector,\n excludeDragHandleSelector,\n axis,\n initialPosition,\n onPositionChange,\n onDragStart,\n onDragEnd,\n setPositionRef,\n withinPortal,\n portalProps,\n zIndex,\n dimensions,\n onSizeChange,\n onResizeStart,\n onResizeEnd,\n ref,\n ...others\n } = props;\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n const getStyles = useStyles<FloatingWindowFactory>({\n name: 'FloatingWindow',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n\n const floatingWindow = useFloatingWindow({\n enabled,\n constrainToViewport,\n constrainOffset,\n dragHandleSelector,\n excludeDragHandleSelector,\n axis,\n initialPosition,\n onPositionChange,\n onDragStart,\n onDragEnd,\n });\n\n useImperativeHandle(setPositionRef, () => floatingWindow.setPosition, [\n floatingWindow.setPosition,\n ]);\n\n const cssVars: Record<string, string \| undefined> = {\n '--floating-window-z-index': zIndex.toString(),\n };\n\n if (dimensions?.initialWidth != null) {\n cssVars['--floating-window-width'] =\n `${clampDimension(dimensions.initialWidth, dimensions.minWidth, dimensions.maxWidth)}px`;\n }\n\n if (dimensions?.initialHeight != null) {\n cssVars['--floating-window-height'] =\n `${clampDimension(dimensions.initialHeight, dimensions.minHeight, dimensions.maxHeight)}px`;\n }\n\n return (\n <FloatingWindowProvider\n value={{\n rootRef,\n dimensions,\n constrainToViewport,\n constrainOffset,\n onSizeChange,\n onResizeStart,\n onResizeEnd,\n }}\n >\n <OptionalPortal withinPortal={withinPortal} {...portalProps}>\n <Paper\n ref={useMergedRef(ref, floatingWindow.ref, rootRef)}\n mod={[{ dragging: floatingWindow.isDragging }, mod]}\n {...getStyles('root')}\n {...others}\n __vars={cssVars}\n />\n </OptionalPortal>\n </FloatingWindowProvider>\n );\n});\n\nFloatingWindow.displayName = '@mantine/core/FloatingWindow';\nFloatingWindow.classes = classes;\nFloatingWindow.ResizeHandle = FloatingWindowResizeHandle;\n"],"mappings":";;;;;;;;;;;;;;AAsEA,MAAM,eAAe;CACnB,qBAAqB;CACrB,QAAQ,iBAAiB,SAAS;AACpC;AAEA,SAAS,eAAe,OAAe,KAAc,KAAsB;CACzE,IAAI,IAAI;CACR,IAAI,OAAO,MACT,IAAI,KAAK,IAAI,GAAG,GAAG;CAErB,IAAI,OAAO,MACT,IAAI,KAAK,IAAI,GAAG,GAAG;CAErB,OAAO;AACT;AAEA,MAAa,iBAAiB,SAAgC,WAAW;CACvE,MAAM,QAAQ,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,SACA,qBACA,iBACA,oBACA,2BACA,MACA,iBACA,kBACA,aACA,WACA,gBACA,cACA,aACA,QACA,YACA,cACA,eACA,aACA,KACA,GAAG,WACD;CAEJ,MAAM,UAAU,OAAuB,IAAI;CAE3C,MAAM,YAAY,UAAiC;EACjD,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,kBAAkB;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,oBAAoB,sBAAsB,eAAe,aAAa,CACpE,eAAe,WACjB,CAAC;CAED,MAAM,UAA8C,EAClD,6BAA6B,OAAO,SAAS,EAC/C;CAEA,IAAI,YAAY,gBAAgB,MAC9B,QAAQ,6BACN,GAAG,eAAe,WAAW,cAAc,WAAW,UAAU,WAAW,QAAQ,EAAE;CAGzF,IAAI,YAAY,iBAAiB,MAC/B,QAAQ,8BACN,GAAG,eAAe,WAAW,eAAe,WAAW,WAAW,WAAW,SAAS,EAAE;CAG5F,OACE,oBAAC,wBAAD;EACE,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,UAAA,oBAAC,gBAAD;GAA8B;GAAc,GAAI;GAC9C,UAAA,oBAAC,OAAD;IACE,KAAK,aAAa,KAAK,eAAe,KAAK,OAAO;IAClD,KAAK,CAAC,EAAE,UAAU,eAAe,WAAW,GAAG,GAAG;IAClD,GAAI,UAAU,MAAM;IACpB,GAAI;IACJ,QAAQ;GACT,CAAA;EACa,CAAA;CACM,CAAA;AAE5B,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUA;AACzB,eAAe,eAAe"}

package/esm/components/FocusTrap/FocusTrap.mjs CHANGED Viewed

@@ -6,7 +6,8 @@ import { useFocusTrap, useMergedRef } from "@mantine/hooks";
 import { jsx } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/FocusTrap/FocusTrap.tsx
 function FocusTrap({ children, active = true, refProp = "ref", innerRef }) {
-	const ref = useMergedRef(useFocusTrap(active), innerRef);
+	const focusTrapRef = useFocusTrap(active);
+	const ref = useMergedRef(focusTrapRef, innerRef);
 	const child = getSingleElementChild(children);
 	if (!child) return children;
 	return cloneElement(child, { [refProp]: ref });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FocusTrap.mjs","names":[],"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport { useFocusTrap, useMergedRef } from '@mantine/hooks';\nimport { getSingleElementChild } from '../../core';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nexport interface FocusTrapProps {\n /** Element to trap focus at, must support ref prop /\n children: any;\n\n /* If set to `false`, disables focus trap /\n active?: boolean;\n\n /* Prop that is used to access element ref @default 'ref' /\n refProp?: string;\n\n /* Ref to combine with the focus trap ref */\n innerRef?: React.Ref<any>;\n}\n\nexport function FocusTrap({\n children,\n active = true,\n refProp = 'ref',\n innerRef,\n}: FocusTrapProps): React.ReactElement {\n const focusTrapRef = useFocusTrap(active);\n const ref = useMergedRef(focusTrapRef, innerRef);\n\n const child = getSingleElementChild(children);\n if (!child) {\n return children;\n }\n\n return cloneElement(child, { [refProp]: ref });\n}\n\nexport function FocusTrapInitialFocus(props: React.ComponentProps<'span'>) {\n return <VisuallyHidden tabIndex={-1} data-autofocus {...props} />;\n}\n\nFocusTrap.displayName = '@mantine/core/FocusTrap';\nFocusTrapInitialFocus.displayName = '@mantine/core/FocusTrapInitialFocus';\nFocusTrap.InitialFocus = FocusTrapInitialFocus;\n\nexport namespace FocusTrap {\n export type Props = FocusTrapProps;\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,UAAU,EACxB,UACA,SAAS,MACT,UAAU,OACV,YACqC;~~CAErC~~,MAAM,MAAM,~~aADS~~,aAAa,~~MACE~~,~~GAAG,~~QAAQ;CAE/C,MAAM,QAAQ,sBAAsB,QAAQ;CAC5C,IAAI,CAAC,OACH,OAAO;CAGT,OAAO,aAAa,OAAO,GAAG,UAAU,IAAI,CAAC;AAC/C;AAEA,SAAgB,sBAAsB,OAAqC;CACzE,OAAO,oBAAC,gBAAD;EAAgB,UAAU;EAAI,kBAAA;EAAe,GAAI;CAAQ,CAAA;AAClE;AAEA,UAAU,cAAc;AACxB,sBAAsB,cAAc;AACpC,UAAU,eAAe"}
1	+ {"version":3,"file":"FocusTrap.mjs","names":[],"sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import { cloneElement } from 'react';\nimport { useFocusTrap, useMergedRef } from '@mantine/hooks';\nimport { getSingleElementChild } from '../../core';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nexport interface FocusTrapProps {\n /** Element to trap focus at, must support ref prop /\n children: any;\n\n /* If set to `false`, disables focus trap /\n active?: boolean;\n\n /* Prop that is used to access element ref @default 'ref' /\n refProp?: string;\n\n /* Ref to combine with the focus trap ref */\n innerRef?: React.Ref<any>;\n}\n\nexport function FocusTrap({\n children,\n active = true,\n refProp = 'ref',\n innerRef,\n}: FocusTrapProps): React.ReactElement {\n const focusTrapRef = useFocusTrap(active);\n const ref = useMergedRef(focusTrapRef, innerRef);\n\n const child = getSingleElementChild(children);\n if (!child) {\n return children;\n }\n\n return cloneElement(child, { [refProp]: ref });\n}\n\nexport function FocusTrapInitialFocus(props: React.ComponentProps<'span'>) {\n return <VisuallyHidden tabIndex={-1} data-autofocus {...props} />;\n}\n\nFocusTrap.displayName = '@mantine/core/FocusTrap';\nFocusTrapInitialFocus.displayName = '@mantine/core/FocusTrapInitialFocus';\nFocusTrap.InitialFocus = FocusTrapInitialFocus;\n\nexport namespace FocusTrap {\n export type Props = FocusTrapProps;\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,UAAU,EACxB,UACA,SAAS,MACT,UAAU,OACV,YACqC;CACrC,MAAM,eAAe,aAAa,MAAM;CACxC,MAAM,MAAM,aAAa,cAAc,QAAQ;CAE/C,MAAM,QAAQ,sBAAsB,QAAQ;CAC5C,IAAI,CAAC,OACH,OAAO;CAGT,OAAO,aAAa,OAAO,GAAG,UAAU,IAAI,CAAC;AAC/C;AAEA,SAAgB,sBAAsB,OAAqC;CACzE,OAAO,oBAAC,gBAAD;EAAgB,UAAU;EAAI,kBAAA;EAAe,GAAI;CAAQ,CAAA;AAClE;AAEA,UAAU,cAAc;AACxB,sBAAsB,cAAc;AACpC,UAAU,eAAe"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.mjs","names":["classes"],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n MantineSpacing,\n StyleProp,\n StylesApiProps,\n useProps,\n useRandomClassName,\n useStyles,\n} from '../../core';\nimport { GridBreakpoints, GridProvider, type GridContextValue } from './Grid.context';\nimport { GridCol, type GridColProps } from './GridCol/GridCol';\nimport { GridVariables } from './GridVariables';\nimport classes from './Grid.module.css';\nexport type GridStylesNames = 'root' \| 'col' \| 'inner' \| 'container';\nexport type GridCssVariables = {\n root: '--grid-justify' \| '--grid-align' \| '--grid-overflow';\n};\n\nexport interface GridProps extends BoxProps, StylesApiProps<GridFactory>, ElementProps<'div'> {\n /** Gap between columns and rows, key of `theme.spacing` or any valid CSS value @default 'md' /\n gap?: StyleProp<MantineSpacing>;\n\n /* Row gap, overrides `gap` for vertical spacing /\n rowGap?: StyleProp<MantineSpacing>;\n\n /* Column gap, overrides `gap` for horizontal spacing /\n columnGap?: StyleProp<MantineSpacing>;\n\n /* If set, columns in the last row expand to fill all available space @default false /\n grow?: boolean;\n\n /* Sets `justify-content` @default flex-start /\n justify?: React.CSSProperties['justifyContent'];\n\n /* Sets `align-items` @default stretch /\n align?: React.CSSProperties['alignItems'];\n\n /* Number of columns in each row @default 12 /\n columns?: number;\n\n /* Sets `overflow` CSS property on the root element @default 'visible' /\n overflow?: React.CSSProperties['overflow'];\n\n /* Type of queries used for responsive styles @default 'media' /\n type?: 'media' \| 'container';\n\n /* Breakpoints values, only used with `type=\"container\"` */\n breakpoints?: GridBreakpoints;\n}\n\nexport type GridFactory = Factory<{\n props: GridProps;\n ref: HTMLDivElement;\n stylesNames: GridStylesNames;\n vars: GridCssVariables;\n staticComponents: {\n Col: typeof GridCol;\n };\n}>;\n\nconst defaultProps = {\n gap: 'md',\n columns: 12,\n} satisfies Partial<GridProps>;\n\nconst varsResolver = createVarsResolver<GridFactory>((_, { justify, align, overflow }) => ({\n root: {\n '--grid-justify': justify,\n '--grid-align': align,\n '--grid-overflow': overflow,\n },\n}));\n\nexport const Grid = factory<GridFactory>((_props) => {\n const props = useProps('Grid', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n grow,\n gap,\n rowGap,\n columnGap,\n columns,\n align,\n justify,\n children,\n breakpoints,\n type,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<GridFactory>({\n name: 'Grid',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const responsiveClassName = useRandomClassName();\n\n if (type === 'container' && breakpoints) {\n return (\n <GridProvider value={{ getStyles, grow, columns, breakpoints, type }}>\n <GridVariables selector={`.${responsiveClassName}`} {...props} />\n <div {...getStyles('container')}>\n <Box {...getStyles('root', { className: responsiveClassName })} {...others}>\n <div {...getStyles('inner')}>{children}</div>\n </Box>\n </div>\n </GridProvider>\n );\n }\n\n return (\n <GridProvider value={{ getStyles, grow, columns, breakpoints, type }}>\n <GridVariables selector={`.${responsiveClassName}`} {...props} />\n <Box {...getStyles('root', { className: responsiveClassName })} {...others}>\n <div {...getStyles('inner')}>{children}</div>\n </Box>\n </GridProvider>\n );\n});\n\nGrid.classes = classes;\nGrid.varsResolver = varsResolver;\nGrid.displayName = '@mantine/core/Grid';\nGrid.Col = GridCol;\n\nexport namespace Grid {\n export type Props = GridProps;\n export type Factory = GridFactory;\n export type StylesNames = GridStylesNames;\n export type CssVariables = GridCssVariables;\n export type ColProps = GridColProps;\n export type ContextValue = GridContextValue;\n\n export namespace Col {\n export type Props = GridColProps;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAiEA,MAAM,eAAe;CACnB,KAAK;CACL,SAAS;AACX;AAEA,MAAM,eAAe,oBAAiC,GAAG,EAAE,SAAS,OAAO,gBAAgB,EACzF,MAAM;CACJ,kBAAkB;CAClB,gBAAgB;CAChB,mBAAmB;AACrB,EACF,EAAE;AAEF,MAAa,OAAO,SAAsB,WAAW;CACnD,MAAM,QAAQ,SAAS,QAAQ,cAAc,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,KACA,QACA,WACA,SACA,OACA,SACA,UACA,aACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAuB;EACvC,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,sBAAsB,mBAAmB;CAE/C,IAAI,SAAS,eAAe,aAC1B,OACE,qBAAC,cAAD;EAAc,OAAO;GAAE;GAAW;GAAM;GAAS;GAAa;EAAK;~~YAAnE~~,CACE,oBAAC,eAAD;GAAe,UAAU,IAAI;GAAuB,GAAI;EAAQ,CAAA,GAChE,oBAAC,OAAD;GAAK,GAAI,UAAU,WAAW;~~aAC5B~~,oBAAC,KAAD;IAAK,GAAI,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC;IAAG,GAAI;~~cAClE~~,oBAAC,OAAD;KAAK,GAAI,UAAU,OAAO;KAAI;IAAc,CAAA;GACzC,CAAA;EACF,CAAA,CACO;;CAIlB,OACE,qBAAC,cAAD;EAAc,OAAO;GAAE;GAAW;GAAM;GAAS;GAAa;EAAK;~~YAAnE~~,CACE,oBAAC,eAAD;GAAe,UAAU,IAAI;GAAuB,GAAI;EAAQ,CAAA,GAChE,oBAAC,KAAD;GAAK,GAAI,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC;GAAG,GAAI;~~aAClE~~,oBAAC,OAAD;IAAK,GAAI,UAAU,OAAO;IAAI;GAAc,CAAA;EACzC,CAAA,CACO;;AAElB,CAAC;AAED,KAAK,UAAUA;AACf,KAAK,eAAe;AACpB,KAAK,cAAc;AACnB,KAAK,MAAM"}
1	+ {"version":3,"file":"Grid.mjs","names":["classes"],"sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n MantineSpacing,\n StyleProp,\n StylesApiProps,\n useProps,\n useRandomClassName,\n useStyles,\n} from '../../core';\nimport { GridBreakpoints, GridProvider, type GridContextValue } from './Grid.context';\nimport { GridCol, type GridColProps } from './GridCol/GridCol';\nimport { GridVariables } from './GridVariables';\nimport classes from './Grid.module.css';\nexport type GridStylesNames = 'root' \| 'col' \| 'inner' \| 'container';\nexport type GridCssVariables = {\n root: '--grid-justify' \| '--grid-align' \| '--grid-overflow';\n};\n\nexport interface GridProps extends BoxProps, StylesApiProps<GridFactory>, ElementProps<'div'> {\n /** Gap between columns and rows, key of `theme.spacing` or any valid CSS value @default 'md' /\n gap?: StyleProp<MantineSpacing>;\n\n /* Row gap, overrides `gap` for vertical spacing /\n rowGap?: StyleProp<MantineSpacing>;\n\n /* Column gap, overrides `gap` for horizontal spacing /\n columnGap?: StyleProp<MantineSpacing>;\n\n /* If set, columns in the last row expand to fill all available space @default false /\n grow?: boolean;\n\n /* Sets `justify-content` @default flex-start /\n justify?: React.CSSProperties['justifyContent'];\n\n /* Sets `align-items` @default stretch /\n align?: React.CSSProperties['alignItems'];\n\n /* Number of columns in each row @default 12 /\n columns?: number;\n\n /* Sets `overflow` CSS property on the root element @default 'visible' /\n overflow?: React.CSSProperties['overflow'];\n\n /* Type of queries used for responsive styles @default 'media' /\n type?: 'media' \| 'container';\n\n /* Breakpoints values, only used with `type=\"container\"` */\n breakpoints?: GridBreakpoints;\n}\n\nexport type GridFactory = Factory<{\n props: GridProps;\n ref: HTMLDivElement;\n stylesNames: GridStylesNames;\n vars: GridCssVariables;\n staticComponents: {\n Col: typeof GridCol;\n };\n}>;\n\nconst defaultProps = {\n gap: 'md',\n columns: 12,\n} satisfies Partial<GridProps>;\n\nconst varsResolver = createVarsResolver<GridFactory>((_, { justify, align, overflow }) => ({\n root: {\n '--grid-justify': justify,\n '--grid-align': align,\n '--grid-overflow': overflow,\n },\n}));\n\nexport const Grid = factory<GridFactory>((_props) => {\n const props = useProps('Grid', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n grow,\n gap,\n rowGap,\n columnGap,\n columns,\n align,\n justify,\n children,\n breakpoints,\n type,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<GridFactory>({\n name: 'Grid',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const responsiveClassName = useRandomClassName();\n\n if (type === 'container' && breakpoints) {\n return (\n <GridProvider value={{ getStyles, grow, columns, breakpoints, type }}>\n <GridVariables selector={`.${responsiveClassName}`} {...props} />\n <div {...getStyles('container')}>\n <Box {...getStyles('root', { className: responsiveClassName })} {...others}>\n <div {...getStyles('inner')}>{children}</div>\n </Box>\n </div>\n </GridProvider>\n );\n }\n\n return (\n <GridProvider value={{ getStyles, grow, columns, breakpoints, type }}>\n <GridVariables selector={`.${responsiveClassName}`} {...props} />\n <Box {...getStyles('root', { className: responsiveClassName })} {...others}>\n <div {...getStyles('inner')}>{children}</div>\n </Box>\n </GridProvider>\n );\n});\n\nGrid.classes = classes;\nGrid.varsResolver = varsResolver;\nGrid.displayName = '@mantine/core/Grid';\nGrid.Col = GridCol;\n\nexport namespace Grid {\n export type Props = GridProps;\n export type Factory = GridFactory;\n export type StylesNames = GridStylesNames;\n export type CssVariables = GridCssVariables;\n export type ColProps = GridColProps;\n export type ContextValue = GridContextValue;\n\n export namespace Col {\n export type Props = GridColProps;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAiEA,MAAM,eAAe;CACnB,KAAK;CACL,SAAS;AACX;AAEA,MAAM,eAAe,oBAAiC,GAAG,EAAE,SAAS,OAAO,gBAAgB,EACzF,MAAM;CACJ,kBAAkB;CAClB,gBAAgB;CAChB,mBAAmB;AACrB,EACF,EAAE;AAEF,MAAa,OAAO,SAAsB,WAAW;CACnD,MAAM,QAAQ,SAAS,QAAQ,cAAc,MAAM;CACnD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,KACA,QACA,WACA,SACA,OACA,SACA,UACA,aACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAuB;EACvC,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,sBAAsB,mBAAmB;CAE/C,IAAI,SAAS,eAAe,aAC1B,OACE,qBAAC,cAAD;EAAc,OAAO;GAAE;GAAW;GAAM;GAAS;GAAa;EAAK;EAAnE,UAAA,CACE,oBAAC,eAAD;GAAe,UAAU,IAAI;GAAuB,GAAI;EAAQ,CAAA,GAChE,oBAAC,OAAD;GAAK,GAAI,UAAU,WAAW;GAC5B,UAAA,oBAAC,KAAD;IAAK,GAAI,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC;IAAG,GAAI;IAClE,UAAA,oBAAC,OAAD;KAAK,GAAI,UAAU,OAAO;KAAI;IAAc,CAAA;GACzC,CAAA;EACF,CAAA,CACO;;CAIlB,OACE,qBAAC,cAAD;EAAc,OAAO;GAAE;GAAW;GAAM;GAAS;GAAa;EAAK;EAAnE,UAAA,CACE,oBAAC,eAAD;GAAe,UAAU,IAAI;GAAuB,GAAI;EAAQ,CAAA,GAChE,oBAAC,KAAD;GAAK,GAAI,UAAU,QAAQ,EAAE,WAAW,oBAAoB,CAAC;GAAG,GAAI;GAClE,UAAA,oBAAC,OAAD;IAAK,GAAI,UAAU,OAAO;IAAI;GAAc,CAAA;EACzC,CAAA,CACO;;AAElB,CAAC;AAED,KAAK,UAAUA;AACf,KAAK,eAAe;AACpB,KAAK,cAAc;AACnB,KAAK,MAAM"}

package/esm/components/Group/Group.mjs CHANGED Viewed

@@ -29,21 +29,23 @@ const Group = factory((_props) => {
 	const filteredChildren = filterFalsyChildren(children);
 	const childrenCount = filteredChildren.length;
 	const resolvedGap = getSpacing(gap ?? "md");
+	const stylesCtx = { childWidth: `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))` };
+	const getStyles = useStyles({
+		name: "Group",
+		props,
+		stylesCtx,
+		className,
+		style,
+		classes: Group_module_default,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
 	return /* @__PURE__ */ jsx(Box, {
-		...useStyles({
-			name: "Group",
-			props,
-			stylesCtx: { childWidth: `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))` },
-			className,
-			style,
-			classes: Group_module_default,
-			classNames,
-			styles,
-			unstyled,
-			attributes,
-			vars,
-			varsResolver
-		})("root"),
+		...getStyles("root"),
 		variant,
 		mod: [{ grow }, mod],
 		size: __size,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.mjs","names":["classes"],"sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import {\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 { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport classes from './Group.module.css';\n\nexport type GroupStylesNames = 'root';\nexport type GroupCssVariables = {\n root:\n \| '--group-gap'\n \| '--group-align'\n \| '--group-justify'\n \| '--group-wrap'\n \| '--group-child-width';\n};\n\nexport interface GroupStylesCtx {\n childWidth: string;\n}\n\nexport interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, ElementProps<'div'> {\n __size?: any;\n\n /** Controls `justify-content` CSS property @default 'flex-start' /\n justify?: React.CSSProperties['justifyContent'];\n\n /* Controls `align-items` CSS property @default 'center' /\n align?: React.CSSProperties['alignItems'];\n\n /* Controls `flex-wrap` CSS property @default 'wrap' /\n wrap?: React.CSSProperties['flexWrap'];\n\n /* Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem @default 'md' /\n gap?: MantineSpacing;\n\n /* Determines whether each child element should have `flex-grow: 1` style @default false /\n grow?: boolean;\n\n /* Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children) @default true */\n preventGrowOverflow?: boolean;\n}\n\nexport type GroupFactory = Factory<{\n props: GroupProps;\n ref: HTMLDivElement;\n stylesNames: GroupStylesNames;\n vars: GroupCssVariables;\n ctx: GroupStylesCtx;\n}>;\n\nconst defaultProps = {\n preventGrowOverflow: true,\n gap: 'md',\n align: 'center',\n justify: 'flex-start',\n wrap: 'wrap',\n} satisfies Partial<GroupProps>;\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n root: {\n '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n '--group-gap': getSpacing(gap),\n '--group-align': align,\n '--group-justify': justify,\n '--group-wrap': wrap,\n },\n })\n);\n\nexport const Group = factory<GroupFactory>((_props) => {\n const props = useProps('Group', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n children,\n gap,\n align,\n justify,\n wrap,\n grow,\n preventGrowOverflow,\n vars,\n variant,\n __size,\n mod,\n attributes,\n ...others\n } = props;\n\n const filteredChildren = filterFalsyChildren(children);\n const childrenCount = filteredChildren.length;\n const resolvedGap = getSpacing(gap ?? 'md');\n const childWidth = `calc(${\n 100 / childrenCount\n }% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`;\n\n const stylesCtx: GroupStylesCtx = { childWidth };\n\n const getStyles = useStyles<GroupFactory>({\n name: 'Group',\n props,\n stylesCtx,\n className,\n style,\n classes,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box {...getStyles('root')} variant={variant} mod={[{ grow }, mod]} size={__size} {...others}>\n {filteredChildren}\n </Box>\n );\n});\n\nGroup.classes = classes;\nGroup.varsResolver = varsResolver;\nGroup.displayName = '@mantine/core/Group';\n\nexport namespace Group {\n export type Props = GroupProps;\n export type StylesNames = GroupStylesNames;\n export type CssVariables = GroupCssVariables;\n export type StylesCtx = GroupStylesCtx;\n export type Factory = GroupFactory;\n}\n"],"mappings":";;;;;;;;;;;AA4DA,MAAM,eAAe;CACnB,qBAAqB;CACrB,KAAK;CACL,OAAO;CACP,SAAS;CACT,MAAM;AACR;AAEA,MAAM,eAAe,oBAClB,GAAG,EAAE,MAAM,qBAAqB,KAAK,OAAO,SAAS,QAAQ,EAAE,kBAAkB,EAChF,MAAM;CACJ,uBAAuB,QAAQ,sBAAsB,aAAa,KAAA;CAClE,eAAe,WAAW,GAAG;CAC7B,iBAAiB;CACjB,mBAAmB;CACnB,gBAAgB;AAClB,EACF,EACF;AAEA,MAAa,QAAQ,SAAuB,WAAW;CACrD,MAAM,QAAQ,SAAS,SAAS,cAAc,MAAM;CACpD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,UACA,KACA,OACA,SACA,MACA,MACA,qBACA,MACA,SACA,QACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,mBAAmB,oBAAoB,QAAQ;CACrD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,cAAc,WAAW,OAAO,IAAI;~~CAsB1C~~,~~OACE,oBAAC,KAAD;EAAK,GAhBW,UAAwB;GACxC,~~MAAM~~;GACN;GACA~~,~~WAAA~~,~~EALkC~~,YAAA,QAHlC,MAAM,cACP,OAAO,YAAY,KAAK,YAAY,KAAK,cAAc,~~IAO9C~~;~~GACR~~;~~GACA~~;~~GACA~~,SAAA;~~GACA~~;~~GACA~~;~~GACA~~;~~GACA~~;~~GACA~~;~~GACA~~;~~EACF~~,~~CAGmB,~~CAAC,~~CAAC~~,MAAM;EAAY;EAAS,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG;EAAG,MAAM;EAAQ,GAAI;~~YACnF~~;CACE,CAAA;AAET,CAAC;AAED,MAAM,UAAUA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}
1	+ {"version":3,"file":"Group.mjs","names":["classes"],"sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import {\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 { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport classes from './Group.module.css';\n\nexport type GroupStylesNames = 'root';\nexport type GroupCssVariables = {\n root:\n \| '--group-gap'\n \| '--group-align'\n \| '--group-justify'\n \| '--group-wrap'\n \| '--group-child-width';\n};\n\nexport interface GroupStylesCtx {\n childWidth: string;\n}\n\nexport interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, ElementProps<'div'> {\n __size?: any;\n\n /** Controls `justify-content` CSS property @default 'flex-start' /\n justify?: React.CSSProperties['justifyContent'];\n\n /* Controls `align-items` CSS property @default 'center' /\n align?: React.CSSProperties['alignItems'];\n\n /* Controls `flex-wrap` CSS property @default 'wrap' /\n wrap?: React.CSSProperties['flexWrap'];\n\n /* Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem @default 'md' /\n gap?: MantineSpacing;\n\n /* Determines whether each child element should have `flex-grow: 1` style @default false /\n grow?: boolean;\n\n /* Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children) @default true */\n preventGrowOverflow?: boolean;\n}\n\nexport type GroupFactory = Factory<{\n props: GroupProps;\n ref: HTMLDivElement;\n stylesNames: GroupStylesNames;\n vars: GroupCssVariables;\n ctx: GroupStylesCtx;\n}>;\n\nconst defaultProps = {\n preventGrowOverflow: true,\n gap: 'md',\n align: 'center',\n justify: 'flex-start',\n wrap: 'wrap',\n} satisfies Partial<GroupProps>;\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n root: {\n '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n '--group-gap': getSpacing(gap),\n '--group-align': align,\n '--group-justify': justify,\n '--group-wrap': wrap,\n },\n })\n);\n\nexport const Group = factory<GroupFactory>((_props) => {\n const props = useProps('Group', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n children,\n gap,\n align,\n justify,\n wrap,\n grow,\n preventGrowOverflow,\n vars,\n variant,\n __size,\n mod,\n attributes,\n ...others\n } = props;\n\n const filteredChildren = filterFalsyChildren(children);\n const childrenCount = filteredChildren.length;\n const resolvedGap = getSpacing(gap ?? 'md');\n const childWidth = `calc(${\n 100 / childrenCount\n }% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))`;\n\n const stylesCtx: GroupStylesCtx = { childWidth };\n\n const getStyles = useStyles<GroupFactory>({\n name: 'Group',\n props,\n stylesCtx,\n className,\n style,\n classes,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n return (\n <Box {...getStyles('root')} variant={variant} mod={[{ grow }, mod]} size={__size} {...others}>\n {filteredChildren}\n </Box>\n );\n});\n\nGroup.classes = classes;\nGroup.varsResolver = varsResolver;\nGroup.displayName = '@mantine/core/Group';\n\nexport namespace Group {\n export type Props = GroupProps;\n export type StylesNames = GroupStylesNames;\n export type CssVariables = GroupCssVariables;\n export type StylesCtx = GroupStylesCtx;\n export type Factory = GroupFactory;\n}\n"],"mappings":";;;;;;;;;;;AA4DA,MAAM,eAAe;CACnB,qBAAqB;CACrB,KAAK;CACL,OAAO;CACP,SAAS;CACT,MAAM;AACR;AAEA,MAAM,eAAe,oBAClB,GAAG,EAAE,MAAM,qBAAqB,KAAK,OAAO,SAAS,QAAQ,EAAE,kBAAkB,EAChF,MAAM;CACJ,uBAAuB,QAAQ,sBAAsB,aAAa,KAAA;CAClE,eAAe,WAAW,GAAG;CAC7B,iBAAiB;CACjB,mBAAmB;CACnB,gBAAgB;AAClB,EACF,EACF;AAEA,MAAa,QAAQ,SAAuB,WAAW;CACrD,MAAM,QAAQ,SAAS,SAAS,cAAc,MAAM;CACpD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,UACA,KACA,OACA,SACA,MACA,MACA,qBACA,MACA,SACA,QACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,mBAAmB,oBAAoB,QAAQ;CACrD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,cAAc,WAAW,OAAO,IAAI;CAK1C,MAAM,YAA4B,EAAE,YAAA,QAHlC,MAAM,cACP,OAAO,YAAY,KAAK,YAAY,KAAK,cAAc,IAET;CAE/C,MAAM,YAAY,UAAwB;EACxC,MAAM;EACN;EACA;EACA;EACA;EACA,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAY;EAAS,KAAK,CAAC,EAAE,KAAK,GAAG,GAAG;EAAG,MAAM;EAAQ,GAAI;EACnF,UAAA;CACE,CAAA;AAET,CAAC;AAED,MAAM,UAAUA;AAChB,MAAM,eAAe;AACrB,MAAM,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Highlight.mjs","names":[],"sources":["../../../src/components/Highlight/Highlight.tsx"],"sourcesContent":["import {\n MantineColor,\n MantineTheme,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../core';\nimport { Mark } from '../Mark';\nimport { Text, TextProps, TextStylesNames, TextVariant } from '../Text';\nimport { foldAccents, highlighter } from './highlighter/highlighter';\n\nexport interface HighlightTerm {\n /** Text to highlight /\n text: string;\n\n /* Background color for this specific term. Key of `theme.colors` or any valid CSS color /\n color?: MantineColor \| string;\n}\n\nexport interface HighlightProps extends Omit<TextProps, 'color'> {\n /\n Substring(s) to highlight in `children`. Can be:\n * - string: single term\n * - string[]: multiple terms with same color\n * - HighlightTerm[]: multiple terms with custom colors per term\n \n - Matching is case-insensitive and accent-insensitive by default, use `caseInsensitive` and `accentInsensitive` props to control this behavior\n * - Regex special characters are automatically escaped\n * - When multiple substrings are provided, longer matches take precedence\n * - Empty strings and whitespace-only strings are ignored\n /\n highlight: string \| string[] \| HighlightTerm[];\n\n /\n Default background color for all highlighted text.\n * Key of `theme.colors` or any valid CSS color, passed to `Mark` component.\n * Can be overridden per term when using HighlightTerm objects.\n * @default 'yellow'\n /\n color?: MantineColor \| string;\n\n /* Styles applied to `mark` elements /\n highlightStyles?: React.CSSProperties \| ((theme: MantineTheme) => React.CSSProperties);\n\n /* String in which to highlight substrings /\n children: string;\n\n /\n Only match whole words (adds word boundaries to regex).\n * When enabled, 'the' will not match 'there'.\n * @default false\n /\n wholeWord?: boolean;\n\n /\n Perform case-insensitive matching.\n * @default true\n /\n caseInsensitive?: boolean;\n\n /\n Perform accent-insensitive matching.\n * When enabled cafe will match cafe, café, cafè, etc.\n * @default true\n */\n accentInsensitive?: boolean;\n}\n\nexport type HighlightFactory = PolymorphicFactory<{\n props: HighlightProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: TextStylesNames;\n variant: TextVariant;\n}>;\n\nconst defaultProps = {\n color: 'yellow',\n wholeWord: false,\n caseInsensitive: true,\n accentInsensitive: true,\n} satisfies Partial<HighlightProps>;\n\nexport const Highlight = polymorphicFactory<HighlightFactory>((_props) => {\n const {\n unstyled,\n children,\n highlight,\n highlightStyles,\n color,\n wholeWord,\n caseInsensitive,\n accentInsensitive,\n ...others\n } = useProps('Highlight', defaultProps, _props);\n\n const isTermArray = Array.isArray(highlight) && typeof highlight[0] === 'object';\n const colorMap = new Map<string, string>();\n\n const normalizeKey = (s: string) => {\n let key = s;\n if (caseInsensitive) {\n key = key.toLowerCase();\n }\n if (accentInsensitive) {\n key = foldAccents(key);\n }\n return key;\n };\n\n let highlightStrings: string[];\n if (isTermArray) {\n highlightStrings = (highlight as HighlightTerm[]).map((term) => {\n if (term.color) {\n colorMap.set(normalizeKey(term.text), term.color);\n }\n return term.text;\n });\n } else if (Array.isArray(highlight)) {\n highlightStrings = highlight as string[];\n } else {\n highlightStrings = [highlight as string];\n }\n\n const highlightChunks = highlighter(children, highlightStrings, {\n wholeWord,\n caseInsensitive,\n accentInsensitive,\n });\n\n return (\n <Text unstyled={unstyled} {...others} __staticSelector=\"Highlight\">\n {highlightChunks.map(({ chunk, highlighted }, i) =>\n highlighted ? (\n <Mark\n unstyled={unstyled}\n key={i}\n color={colorMap.get(normalizeKey(chunk)) \|\| color}\n style={highlightStyles}\n data-highlight={chunk}\n >\n {chunk}\n </Mark>\n ) : (\n <span key={i}>{chunk}</span>\n )\n )}\n </Text>\n );\n});\n\nHighlight.classes = Text.classes;\nHighlight.displayName = '@mantine/core/Highlight';\n\nexport namespace Highlight {\n export type Props = HighlightProps;\n export type Factory = HighlightFactory;\n export type Term = HighlightTerm;\n}\n"],"mappings":";;;;;;;;AA4EA,MAAM,eAAe;CACnB,OAAO;CACP,WAAW;CACX,iBAAiB;CACjB,mBAAmB;AACrB;AAEA,MAAa,YAAY,oBAAsC,WAAW;CACxE,MAAM,EACJ,UACA,UACA,WACA,iBACA,OACA,WACA,iBACA,mBACA,GAAG,WACD,SAAS,aAAa,cAAc,MAAM;CAE9C,MAAM,cAAc,MAAM,QAAQ,SAAS,KAAK,OAAO,UAAU,OAAO;CACxE,MAAM,2BAAW,IAAI,IAAoB;CAEzC,MAAM,gBAAgB,MAAc;EAClC,IAAI,MAAM;EACV,IAAI,iBACF,MAAM,IAAI,YAAY;EAExB,IAAI,mBACF,MAAM,YAAY,GAAG;EAEvB,OAAO;CACT;CAEA,IAAI;CACJ,IAAI,aACF,mBAAoB,UAA8B,KAAK,SAAS;EAC9D,IAAI,KAAK,OACP,SAAS,IAAI,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK;EAElD,OAAO,KAAK;CACd,CAAC;MACI,IAAI,MAAM,QAAQ,SAAS,GAChC,mBAAmB;MAEnB,mBAAmB,CAAC,SAAmB;CAGzC,MAAM,kBAAkB,YAAY,UAAU,kBAAkB;EAC9D;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,MAAD;EAAgB;EAAU,GAAI;EAAQ,kBAAiB;~~YACpD~~,gBAAgB,KAAK,EAAE,OAAO,eAAe,MAC5C,cACE,oBAAC,MAAD;GACY;GAEV,OAAO,SAAS,IAAI,aAAa,KAAK,CAAC,KAAK;GAC5C,OAAO;GACP,kBAAgB;~~aAEf~~;EACG,GANC,CAMD,IAEN,oBAAC,QAAD,EAAA,UAAe,MAAY,GAAhB,CAAgB,CAE/B;CACI,CAAA;AAEV,CAAC;AAED,UAAU,UAAU,KAAK;AACzB,UAAU,cAAc"}
1	+ {"version":3,"file":"Highlight.mjs","names":[],"sources":["../../../src/components/Highlight/Highlight.tsx"],"sourcesContent":["import {\n MantineColor,\n MantineTheme,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../core';\nimport { Mark } from '../Mark';\nimport { Text, TextProps, TextStylesNames, TextVariant } from '../Text';\nimport { foldAccents, highlighter } from './highlighter/highlighter';\n\nexport interface HighlightTerm {\n /** Text to highlight /\n text: string;\n\n /* Background color for this specific term. Key of `theme.colors` or any valid CSS color /\n color?: MantineColor \| string;\n}\n\nexport interface HighlightProps extends Omit<TextProps, 'color'> {\n /\n Substring(s) to highlight in `children`. Can be:\n * - string: single term\n * - string[]: multiple terms with same color\n * - HighlightTerm[]: multiple terms with custom colors per term\n \n - Matching is case-insensitive and accent-insensitive by default, use `caseInsensitive` and `accentInsensitive` props to control this behavior\n * - Regex special characters are automatically escaped\n * - When multiple substrings are provided, longer matches take precedence\n * - Empty strings and whitespace-only strings are ignored\n /\n highlight: string \| string[] \| HighlightTerm[];\n\n /\n Default background color for all highlighted text.\n * Key of `theme.colors` or any valid CSS color, passed to `Mark` component.\n * Can be overridden per term when using HighlightTerm objects.\n * @default 'yellow'\n /\n color?: MantineColor \| string;\n\n /* Styles applied to `mark` elements /\n highlightStyles?: React.CSSProperties \| ((theme: MantineTheme) => React.CSSProperties);\n\n /* String in which to highlight substrings /\n children: string;\n\n /\n Only match whole words (adds word boundaries to regex).\n * When enabled, 'the' will not match 'there'.\n * @default false\n /\n wholeWord?: boolean;\n\n /\n Perform case-insensitive matching.\n * @default true\n /\n caseInsensitive?: boolean;\n\n /\n Perform accent-insensitive matching.\n * When enabled cafe will match cafe, café, cafè, etc.\n * @default true\n */\n accentInsensitive?: boolean;\n}\n\nexport type HighlightFactory = PolymorphicFactory<{\n props: HighlightProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: TextStylesNames;\n variant: TextVariant;\n}>;\n\nconst defaultProps = {\n color: 'yellow',\n wholeWord: false,\n caseInsensitive: true,\n accentInsensitive: true,\n} satisfies Partial<HighlightProps>;\n\nexport const Highlight = polymorphicFactory<HighlightFactory>((_props) => {\n const {\n unstyled,\n children,\n highlight,\n highlightStyles,\n color,\n wholeWord,\n caseInsensitive,\n accentInsensitive,\n ...others\n } = useProps('Highlight', defaultProps, _props);\n\n const isTermArray = Array.isArray(highlight) && typeof highlight[0] === 'object';\n const colorMap = new Map<string, string>();\n\n const normalizeKey = (s: string) => {\n let key = s;\n if (caseInsensitive) {\n key = key.toLowerCase();\n }\n if (accentInsensitive) {\n key = foldAccents(key);\n }\n return key;\n };\n\n let highlightStrings: string[];\n if (isTermArray) {\n highlightStrings = (highlight as HighlightTerm[]).map((term) => {\n if (term.color) {\n colorMap.set(normalizeKey(term.text), term.color);\n }\n return term.text;\n });\n } else if (Array.isArray(highlight)) {\n highlightStrings = highlight as string[];\n } else {\n highlightStrings = [highlight as string];\n }\n\n const highlightChunks = highlighter(children, highlightStrings, {\n wholeWord,\n caseInsensitive,\n accentInsensitive,\n });\n\n return (\n <Text unstyled={unstyled} {...others} __staticSelector=\"Highlight\">\n {highlightChunks.map(({ chunk, highlighted }, i) =>\n highlighted ? (\n <Mark\n unstyled={unstyled}\n key={i}\n color={colorMap.get(normalizeKey(chunk)) \|\| color}\n style={highlightStyles}\n data-highlight={chunk}\n >\n {chunk}\n </Mark>\n ) : (\n <span key={i}>{chunk}</span>\n )\n )}\n </Text>\n );\n});\n\nHighlight.classes = Text.classes;\nHighlight.displayName = '@mantine/core/Highlight';\n\nexport namespace Highlight {\n export type Props = HighlightProps;\n export type Factory = HighlightFactory;\n export type Term = HighlightTerm;\n}\n"],"mappings":";;;;;;;;AA4EA,MAAM,eAAe;CACnB,OAAO;CACP,WAAW;CACX,iBAAiB;CACjB,mBAAmB;AACrB;AAEA,MAAa,YAAY,oBAAsC,WAAW;CACxE,MAAM,EACJ,UACA,UACA,WACA,iBACA,OACA,WACA,iBACA,mBACA,GAAG,WACD,SAAS,aAAa,cAAc,MAAM;CAE9C,MAAM,cAAc,MAAM,QAAQ,SAAS,KAAK,OAAO,UAAU,OAAO;CACxE,MAAM,2BAAW,IAAI,IAAoB;CAEzC,MAAM,gBAAgB,MAAc;EAClC,IAAI,MAAM;EACV,IAAI,iBACF,MAAM,IAAI,YAAY;EAExB,IAAI,mBACF,MAAM,YAAY,GAAG;EAEvB,OAAO;CACT;CAEA,IAAI;CACJ,IAAI,aACF,mBAAoB,UAA8B,KAAK,SAAS;EAC9D,IAAI,KAAK,OACP,SAAS,IAAI,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK;EAElD,OAAO,KAAK;CACd,CAAC;MACI,IAAI,MAAM,QAAQ,SAAS,GAChC,mBAAmB;MAEnB,mBAAmB,CAAC,SAAmB;CAGzC,MAAM,kBAAkB,YAAY,UAAU,kBAAkB;EAC9D;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,MAAD;EAAgB;EAAU,GAAI;EAAQ,kBAAiB;EACpD,UAAA,gBAAgB,KAAK,EAAE,OAAO,eAAe,MAC5C,cACE,oBAAC,MAAD;GACY;GAEV,OAAO,SAAS,IAAI,aAAa,KAAK,CAAC,KAAK;GAC5C,OAAO;GACP,kBAAgB;GAEf,UAAA;EACG,GANC,CAMD,IAEN,oBAAC,QAAD,EAAA,UAAe,MAAY,GAAhB,CAAgB,CAE/B;CACI,CAAA;AAEV,CAAC;AAED,UAAU,UAAU,KAAK;AACzB,UAAU,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCard.mjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { ExtendComponent, Factory, useProps } from '../../core';\nimport { Popover, PopoverProps, PopoverStylesNames } from '../Popover';\nimport { PopoverCssVariables } from '../Popover/Popover';\nimport { HoverCardContext, HoverCardContextValue } from './HoverCard.context';\nimport { HoverCardDropdown, HoverCardDropdownProps } from './HoverCardDropdown/HoverCardDropdown';\nimport {\n HoverCardGroup,\n HoverCardGroupContextValue,\n HoverCardGroupProps,\n} from './HoverCardGroup/HoverCardGroup';\nimport { HoverCardTarget, HoverCardTargetProps } from './HoverCardTarget/HoverCardTarget';\nimport { useHoverCard } from './use-hover-card';\n\nexport interface HoverCardProps extends Omit<PopoverProps, 'opened' \| 'onChange'> {\n /** Initial opened state /\n initiallyOpened?: boolean;\n\n /* Called when the dropdown is opened /\n onOpen?: () => void;\n\n /* Called when the dropdown is closed /\n onClose?: () => void;\n\n /\n Delay in ms before the dropdown opens after mouse enters the target.\n * Overridden by HoverCard.Group delay if used within a group.\n * @default 0\n /\n openDelay?: number;\n\n /\n Delay in ms before the dropdown closes after mouse leaves the target or dropdown.\n * Overridden by HoverCard.Group delay if used within a group.\n * @default 150\n */\n closeDelay?: number;\n}\n\nexport type HoverCardFactory = Factory<{\n props: HoverCardProps;\n stylesNames: PopoverStylesNames;\n vars: PopoverCssVariables;\n}>;\n\nconst defaultProps = {\n openDelay: 0,\n closeDelay: 150,\n initiallyOpened: false,\n} satisfies Partial<HoverCardProps>;\n\nexport function HoverCard(props: HoverCardProps) {\n const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } = useProps(\n 'HoverCard',\n defaultProps,\n props\n );\n\n const hoverCard = useHoverCard({\n openDelay,\n closeDelay,\n defaultOpened: initiallyOpened,\n onOpen,\n onClose,\n });\n\n return (\n <HoverCardContext\n value={{\n openDropdown: hoverCard.openDropdown,\n closeDropdown: hoverCard.closeDropdown,\n assignTarget: hoverCard.assignTarget,\n getReferenceProps: hoverCard.getReferenceProps,\n getFloatingProps: hoverCard.getFloatingProps,\n reference: hoverCard.reference,\n floating: hoverCard.floating,\n }}\n >\n <Popover {...others} opened={hoverCard.opened} __staticSelector=\"HoverCard\">\n {children}\n </Popover>\n </HoverCardContext>\n );\n}\n\nHoverCard.displayName = '@mantine/core/HoverCard';\nHoverCard.Target = HoverCardTarget;\nHoverCard.Dropdown = HoverCardDropdown;\nHoverCard.Group = HoverCardGroup;\nHoverCard.extend = (input: ExtendComponent<HoverCardFactory>) => input;\n\nexport namespace HoverCard {\n export type Props = HoverCardProps;\n export type DropdownProps = HoverCardDropdownProps;\n export type TargetProps = HoverCardTargetProps;\n export type GroupProps = HoverCardGroupProps;\n export type ContextValue = HoverCardContextValue;\n\n export namespace Group {\n export type Props = HoverCardGroupProps;\n export type ContextValue = HoverCardGroupContextValue;\n }\n}\n"],"mappings":";;;;;;;;;;AA4CA,MAAM,eAAe;CACnB,WAAW;CACX,YAAY;CACZ,iBAAiB;AACnB;AAEA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,UAAU,QAAQ,SAAS,WAAW,YAAY,iBAAiB,GAAG,WAAW,SACvF,aACA,cACA,KACF;CAEA,MAAM,YAAY,aAAa;EAC7B;EACA;EACA,eAAe;EACf;EACA;CACF,CAAC;CAED,OACE,oBAAC,kBAAD;EACE,OAAO;GACL,cAAc,UAAU;GACxB,eAAe,UAAU;GACzB,cAAc,UAAU;GACxB,mBAAmB,UAAU;GAC7B,kBAAkB,UAAU;GAC5B,WAAW,UAAU;GACrB,UAAU,UAAU;EACtB;~~YAEA~~,oBAAC,SAAD;GAAS,GAAI;GAAQ,QAAQ,UAAU;GAAQ,kBAAiB;GAC7D;EACM,CAAA;CACO,CAAA;AAEtB;AAEA,UAAU,cAAc;AACxB,UAAU,SAAS;AACnB,UAAU,WAAW;AACrB,UAAU,QAAQ;AAClB,UAAU,UAAU,UAA6C"}
1	+ {"version":3,"file":"HoverCard.mjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { ExtendComponent, Factory, useProps } from '../../core';\nimport { Popover, PopoverProps, PopoverStylesNames } from '../Popover';\nimport { PopoverCssVariables } from '../Popover/Popover';\nimport { HoverCardContext, HoverCardContextValue } from './HoverCard.context';\nimport { HoverCardDropdown, HoverCardDropdownProps } from './HoverCardDropdown/HoverCardDropdown';\nimport {\n HoverCardGroup,\n HoverCardGroupContextValue,\n HoverCardGroupProps,\n} from './HoverCardGroup/HoverCardGroup';\nimport { HoverCardTarget, HoverCardTargetProps } from './HoverCardTarget/HoverCardTarget';\nimport { useHoverCard } from './use-hover-card';\n\nexport interface HoverCardProps extends Omit<PopoverProps, 'opened' \| 'onChange'> {\n /** Initial opened state /\n initiallyOpened?: boolean;\n\n /* Called when the dropdown is opened /\n onOpen?: () => void;\n\n /* Called when the dropdown is closed /\n onClose?: () => void;\n\n /\n Delay in ms before the dropdown opens after mouse enters the target.\n * Overridden by HoverCard.Group delay if used within a group.\n * @default 0\n /\n openDelay?: number;\n\n /\n Delay in ms before the dropdown closes after mouse leaves the target or dropdown.\n * Overridden by HoverCard.Group delay if used within a group.\n * @default 150\n */\n closeDelay?: number;\n}\n\nexport type HoverCardFactory = Factory<{\n props: HoverCardProps;\n stylesNames: PopoverStylesNames;\n vars: PopoverCssVariables;\n}>;\n\nconst defaultProps = {\n openDelay: 0,\n closeDelay: 150,\n initiallyOpened: false,\n} satisfies Partial<HoverCardProps>;\n\nexport function HoverCard(props: HoverCardProps) {\n const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } = useProps(\n 'HoverCard',\n defaultProps,\n props\n );\n\n const hoverCard = useHoverCard({\n openDelay,\n closeDelay,\n defaultOpened: initiallyOpened,\n onOpen,\n onClose,\n });\n\n return (\n <HoverCardContext\n value={{\n openDropdown: hoverCard.openDropdown,\n closeDropdown: hoverCard.closeDropdown,\n assignTarget: hoverCard.assignTarget,\n getReferenceProps: hoverCard.getReferenceProps,\n getFloatingProps: hoverCard.getFloatingProps,\n reference: hoverCard.reference,\n floating: hoverCard.floating,\n }}\n >\n <Popover {...others} opened={hoverCard.opened} __staticSelector=\"HoverCard\">\n {children}\n </Popover>\n </HoverCardContext>\n );\n}\n\nHoverCard.displayName = '@mantine/core/HoverCard';\nHoverCard.Target = HoverCardTarget;\nHoverCard.Dropdown = HoverCardDropdown;\nHoverCard.Group = HoverCardGroup;\nHoverCard.extend = (input: ExtendComponent<HoverCardFactory>) => input;\n\nexport namespace HoverCard {\n export type Props = HoverCardProps;\n export type DropdownProps = HoverCardDropdownProps;\n export type TargetProps = HoverCardTargetProps;\n export type GroupProps = HoverCardGroupProps;\n export type ContextValue = HoverCardContextValue;\n\n export namespace Group {\n export type Props = HoverCardGroupProps;\n export type ContextValue = HoverCardGroupContextValue;\n }\n}\n"],"mappings":";;;;;;;;;;AA4CA,MAAM,eAAe;CACnB,WAAW;CACX,YAAY;CACZ,iBAAiB;AACnB;AAEA,SAAgB,UAAU,OAAuB;CAC/C,MAAM,EAAE,UAAU,QAAQ,SAAS,WAAW,YAAY,iBAAiB,GAAG,WAAW,SACvF,aACA,cACA,KACF;CAEA,MAAM,YAAY,aAAa;EAC7B;EACA;EACA,eAAe;EACf;EACA;CACF,CAAC;CAED,OACE,oBAAC,kBAAD;EACE,OAAO;GACL,cAAc,UAAU;GACxB,eAAe,UAAU;GACzB,cAAc,UAAU;GACxB,mBAAmB,UAAU;GAC7B,kBAAkB,UAAU;GAC5B,WAAW,UAAU;GACrB,UAAU,UAAU;EACtB;EAEA,UAAA,oBAAC,SAAD;GAAS,GAAI;GAAQ,QAAQ,UAAU;GAAQ,kBAAiB;GAC7D;EACM,CAAA;CACO,CAAA;AAEtB;AAEA,UAAU,cAAc;AACxB,UAAU,SAAS;AACnB,UAAU,WAAW;AACrB,UAAU,QAAQ;AAClB,UAAU,UAAU,UAA6C"}

package/esm/components/HoverCard/HoverCardGroup/HoverCardGroup.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCardGroup.mjs","names":[],"sources":["../../../../src/components/HoverCard/HoverCardGroup/HoverCardGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { ExtendComponent, Factory, MantineThemeComponent, useProps } from '../../../core';\n\nexport interface HoverCardGroupContextValue {\n withinGroup: boolean;\n}\n\nexport const HoverCardGroupContext = createContext<HoverCardGroupContextValue>({\n withinGroup: false,\n});\n\nexport interface HoverCardGroupProps {\n /** `HoverCard` components /\n children: React.ReactNode;\n\n /* Open delay in ms /\n openDelay?: number;\n\n /* Close delay in ms */\n closeDelay?: number;\n}\n\nconst defaultProps = {\n openDelay: 0,\n closeDelay: 0,\n} satisfies Partial<HoverCardGroupProps>;\n\nexport function HoverCardGroup(props: HoverCardGroupProps) {\n const { openDelay, closeDelay, children } = useProps('HoverCardGroup', defaultProps, props);\n\n return (\n <HoverCardGroupContext value={{ withinGroup: true }}>\n <FloatingDelayGroup delay={{ open: openDelay, close: closeDelay }}>\n {children}\n </FloatingDelayGroup>\n </HoverCardGroupContext>\n );\n}\n\nexport type HoverCardGroupFactory = Factory<{\n props: HoverCardGroupProps;\n}>;\n\nHoverCardGroup.displayName = '@mantine/core/HoverCardGroup';\nHoverCardGroup.extend = (c: ExtendComponent<HoverCardGroupFactory>): MantineThemeComponent => c;\n"],"mappings":";;;;;;AAQA,MAAa,wBAAwB,cAA0C,EAC7E,aAAa,MACf,CAAC;AAaD,MAAM,eAAe;CACnB,WAAW;CACX,YAAY;AACd;AAEA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,WAAW,YAAY,aAAa,SAAS,kBAAkB,cAAc,KAAK;CAE1F,OACE,oBAAC,uBAAD;EAAuB,OAAO,EAAE,aAAa,KAAK;~~YAChD~~,oBAAC,oBAAD;GAAoB,OAAO;IAAE,MAAM;IAAW,OAAO;GAAW;GAC7D;EACiB,CAAA;CACC,CAAA;AAE3B;AAMA,eAAe,cAAc;AAC7B,eAAe,UAAU,MAAqE"}
1	+ {"version":3,"file":"HoverCardGroup.mjs","names":[],"sources":["../../../../src/components/HoverCard/HoverCardGroup/HoverCardGroup.tsx"],"sourcesContent":["import { createContext } from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { ExtendComponent, Factory, MantineThemeComponent, useProps } from '../../../core';\n\nexport interface HoverCardGroupContextValue {\n withinGroup: boolean;\n}\n\nexport const HoverCardGroupContext = createContext<HoverCardGroupContextValue>({\n withinGroup: false,\n});\n\nexport interface HoverCardGroupProps {\n /** `HoverCard` components /\n children: React.ReactNode;\n\n /* Open delay in ms /\n openDelay?: number;\n\n /* Close delay in ms */\n closeDelay?: number;\n}\n\nconst defaultProps = {\n openDelay: 0,\n closeDelay: 0,\n} satisfies Partial<HoverCardGroupProps>;\n\nexport function HoverCardGroup(props: HoverCardGroupProps) {\n const { openDelay, closeDelay, children } = useProps('HoverCardGroup', defaultProps, props);\n\n return (\n <HoverCardGroupContext value={{ withinGroup: true }}>\n <FloatingDelayGroup delay={{ open: openDelay, close: closeDelay }}>\n {children}\n </FloatingDelayGroup>\n </HoverCardGroupContext>\n );\n}\n\nexport type HoverCardGroupFactory = Factory<{\n props: HoverCardGroupProps;\n}>;\n\nHoverCardGroup.displayName = '@mantine/core/HoverCardGroup';\nHoverCardGroup.extend = (c: ExtendComponent<HoverCardGroupFactory>): MantineThemeComponent => c;\n"],"mappings":";;;;;;AAQA,MAAa,wBAAwB,cAA0C,EAC7E,aAAa,MACf,CAAC;AAaD,MAAM,eAAe;CACnB,WAAW;CACX,YAAY;AACd;AAEA,SAAgB,eAAe,OAA4B;CACzD,MAAM,EAAE,WAAW,YAAY,aAAa,SAAS,kBAAkB,cAAc,KAAK;CAE1F,OACE,oBAAC,uBAAD;EAAuB,OAAO,EAAE,aAAa,KAAK;EAChD,UAAA,oBAAC,oBAAD;GAAoB,OAAO;IAAE,MAAM;IAAW,OAAO;GAAW;GAC7D;EACiB,CAAA;CACC,CAAA;AAE3B;AAMA,eAAe,cAAc;AAC7B,eAAe,UAAU,MAAqE"}

package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HoverCardTarget.mjs","names":[],"sources":["../../../../src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx"],"sourcesContent":["import { cloneElement, use } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { createEventHandler, getRefProp, getSingleElementChild, useProps } from '../../../core';\nimport { Popover, PopoverTargetProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HoverCardGroupContext } from '../HoverCardGroup/HoverCardGroup';\n\nexport interface HoverCardTargetProps extends PopoverTargetProps {\n /*\n Name of the prop to wrap event listeners in.\n * Use when the target component expects event listeners in a nested object.\n * For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.\n * @default undefined (event listeners passed directly to component)\n */\n eventPropsWrapperName?: string;\n}\n\nconst defaultProps = {\n refProp: 'ref',\n} satisfies Partial<HoverCardTargetProps>;\n\nexport function HoverCardTarget(props: HoverCardTargetProps) {\n const { children, refProp, eventPropsWrapperName, ...others } = useProps(\n 'HoverCardTarget',\n defaultProps,\n props\n );\n\n const child = getSingleElementChild(children);\n if (!child) {\n throw new Error(\n 'HoverCard.Target 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 ctx = useHoverCardContext();\n const groupContext = use(HoverCardGroupContext);\n const targetRef = useMergedRef(getRefProp(child), ctx.assignTarget);\n\n if (groupContext.withinGroup && ctx.getReferenceProps && ctx.reference) {\n const referenceProps = ctx.getReferenceProps();\n\n return (\n <Popover.Target refProp={refProp} {...others}>\n {cloneElement(\n child,\n eventPropsWrapperName\n ? { [eventPropsWrapperName]: { ...referenceProps, ref: ctx.reference } }\n : { ...referenceProps, ref: ctx.reference }\n )}\n </Popover.Target>\n );\n }\n\n const onMouseEnter = createEventHandler((child.props as any).onMouseEnter, ctx.openDropdown);\n const onMouseLeave = createEventHandler((child.props as any).onMouseLeave, ctx.closeDropdown);\n\n const eventListeners = { onMouseEnter, onMouseLeave };\n\n const clonedProps: any = {\n ...(eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners),\n ref: targetRef,\n };\n\n return (\n <Popover.Target refProp={refProp} {...others}>\n {cloneElement(child, clonedProps)}\n </Popover.Target>\n );\n}\n\nHoverCardTarget.displayName = '@mantine/core/HoverCardTarget';\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,eAAe,EACnB,SAAS,MACX;AAEA,SAAgB,gBAAgB,OAA6B;CAC3D,MAAM,EAAE,UAAU,SAAS,uBAAuB,GAAG,WAAW,SAC9D,mBACA,cACA,KACF;CAEA,MAAM,QAAQ,sBAAsB,QAAQ;CAC5C,IAAI,CAAC,OACH,MAAM,IAAI,MACR,oKACF;CAGF,MAAM,MAAM,oBAAoB;CAChC,MAAM,eAAe,IAAI,qBAAqB;CAC9C,MAAM,YAAY,aAAa,WAAW,KAAK,GAAG,IAAI,YAAY;CAElE,IAAI,aAAa,eAAe,IAAI,qBAAqB,IAAI,WAAW;EACtE,MAAM,iBAAiB,IAAI,kBAAkB;EAE7C,OACE,oBAAC,QAAQ,QAAT;GAAyB;GAAS,GAAI;~~aACnC~~,aACC,OACA,wBACI,GAAG,wBAAwB;IAAE,GAAG;IAAgB,KAAK,IAAI;GAAU,EAAE,IACrE;IAAE,GAAG;IAAgB,KAAK,IAAI;GAAU,CAC9C;EACc,CAAA;CAEpB;CAKA,MAAM,iBAAiB;EAAE,cAHJ,mBAAoB,MAAM,MAAc,cAAc,IAAI,YAG3C;EAAG,cAFlB,mBAAoB,MAAM,MAAc,cAAc,IAAI,aAE7B;CAAE;CAEpD,MAAM,cAAmB;EACvB,GAAI,wBAAwB,GAAG,wBAAwB,eAAe,IAAI;EAC1E,KAAK;CACP;CAEA,OACE,oBAAC,QAAQ,QAAT;EAAyB;EAAS,GAAI;~~YACnC~~,aAAa,OAAO,WAAW;CAClB,CAAA;AAEpB;AAEA,gBAAgB,cAAc"}
1	+ {"version":3,"file":"HoverCardTarget.mjs","names":[],"sources":["../../../../src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx"],"sourcesContent":["import { cloneElement, use } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { createEventHandler, getRefProp, getSingleElementChild, useProps } from '../../../core';\nimport { Popover, PopoverTargetProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HoverCardGroupContext } from '../HoverCardGroup/HoverCardGroup';\n\nexport interface HoverCardTargetProps extends PopoverTargetProps {\n /*\n Name of the prop to wrap event listeners in.\n * Use when the target component expects event listeners in a nested object.\n * For example, some components expect `componentProps={{ onMouseEnter, onMouseLeave }}`.\n * @default undefined (event listeners passed directly to component)\n */\n eventPropsWrapperName?: string;\n}\n\nconst defaultProps = {\n refProp: 'ref',\n} satisfies Partial<HoverCardTargetProps>;\n\nexport function HoverCardTarget(props: HoverCardTargetProps) {\n const { children, refProp, eventPropsWrapperName, ...others } = useProps(\n 'HoverCardTarget',\n defaultProps,\n props\n );\n\n const child = getSingleElementChild(children);\n if (!child) {\n throw new Error(\n 'HoverCard.Target 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 ctx = useHoverCardContext();\n const groupContext = use(HoverCardGroupContext);\n const targetRef = useMergedRef(getRefProp(child), ctx.assignTarget);\n\n if (groupContext.withinGroup && ctx.getReferenceProps && ctx.reference) {\n const referenceProps = ctx.getReferenceProps();\n\n return (\n <Popover.Target refProp={refProp} {...others}>\n {cloneElement(\n child,\n eventPropsWrapperName\n ? { [eventPropsWrapperName]: { ...referenceProps, ref: ctx.reference } }\n : { ...referenceProps, ref: ctx.reference }\n )}\n </Popover.Target>\n );\n }\n\n const onMouseEnter = createEventHandler((child.props as any).onMouseEnter, ctx.openDropdown);\n const onMouseLeave = createEventHandler((child.props as any).onMouseLeave, ctx.closeDropdown);\n\n const eventListeners = { onMouseEnter, onMouseLeave };\n\n const clonedProps: any = {\n ...(eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners),\n ref: targetRef,\n };\n\n return (\n <Popover.Target refProp={refProp} {...others}>\n {cloneElement(child, clonedProps)}\n </Popover.Target>\n );\n}\n\nHoverCardTarget.displayName = '@mantine/core/HoverCardTarget';\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,eAAe,EACnB,SAAS,MACX;AAEA,SAAgB,gBAAgB,OAA6B;CAC3D,MAAM,EAAE,UAAU,SAAS,uBAAuB,GAAG,WAAW,SAC9D,mBACA,cACA,KACF;CAEA,MAAM,QAAQ,sBAAsB,QAAQ;CAC5C,IAAI,CAAC,OACH,MAAM,IAAI,MACR,oKACF;CAGF,MAAM,MAAM,oBAAoB;CAChC,MAAM,eAAe,IAAI,qBAAqB;CAC9C,MAAM,YAAY,aAAa,WAAW,KAAK,GAAG,IAAI,YAAY;CAElE,IAAI,aAAa,eAAe,IAAI,qBAAqB,IAAI,WAAW;EACtE,MAAM,iBAAiB,IAAI,kBAAkB;EAE7C,OACE,oBAAC,QAAQ,QAAT;GAAyB;GAAS,GAAI;GACnC,UAAA,aACC,OACA,wBACI,GAAG,wBAAwB;IAAE,GAAG;IAAgB,KAAK,IAAI;GAAU,EAAE,IACrE;IAAE,GAAG;IAAgB,KAAK,IAAI;GAAU,CAC9C;EACc,CAAA;CAEpB;CAKA,MAAM,iBAAiB;EAAE,cAHJ,mBAAoB,MAAM,MAAc,cAAc,IAAI,YAG3C;EAAG,cAFlB,mBAAoB,MAAM,MAAc,cAAc,IAAI,aAE7B;CAAE;CAEpD,MAAM,cAAmB;EACvB,GAAI,wBAAwB,GAAG,wBAAwB,eAAe,IAAI;EAC1E,KAAK;CACP;CAEA,OACE,oBAAC,QAAQ,QAAT;EAAyB;EAAS,GAAI;EACnC,UAAA,aAAa,OAAO,WAAW;CAClB,CAAA;AAEpB;AAEA,gBAAgB,cAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Indicator.mjs","names":["classes"],"sources":["../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getAutoContrastValue,\n getContrastColor,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineRadius,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { getPositionVariables } from './get-position-variables/get-position-variables';\nimport { IndicatorPosition } from './Indicator.types';\nimport classes from './Indicator.module.css';\n\nexport type IndicatorPositionVariables =\n \| '--indicator-top'\n \| '--indicator-bottom'\n \| '--indicator-left'\n \| '--indicator-right'\n \| '--indicator-translate-x'\n \| '--indicator-translate-y';\n\nexport type IndicatorStylesNames = 'root' \| 'indicator';\nexport type IndicatorCssVariables = {\n root:\n \| '--indicator-color'\n \| '--indicator-text-color'\n \| '--indicator-size'\n \| '--indicator-radius'\n \| '--indicator-z-index'\n \| IndicatorPositionVariables;\n};\n\nexport interface IndicatorProps\n extends BoxProps, StylesApiProps<IndicatorFactory>, ElementProps<'div'> {\n /** Indicator position relative to the target element @default 'top-end' /\n position?: IndicatorPosition;\n\n /* Distance in pixels to offset the indicator from its default position, useful for elements with border-radius. Can be a number for uniform offset or an object with `x` and `y` properties for separate horizontal and vertical offsets @default 0 /\n offset?: number \| { x: number; y: number };\n\n /* Changes container display from block to inline-block, use when wrapping elements with fixed width @default false /\n inline?: boolean;\n\n /* Indicator width and height @default 10 /\n size?: number \| string;\n\n /* Label displayed inside the indicator, for example, notification count /\n label?: React.ReactNode;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default 100 /\n radius?: MantineRadius;\n\n /* Key of `theme.colors` or any valid CSS color value @default theme.primaryColor /\n color?: MantineColor;\n\n /* Adds border to the root element /\n withBorder?: boolean;\n\n /* Hides the indicator when set /\n disabled?: boolean;\n\n /* If set, the indicator has processing animation @default false /\n processing?: boolean;\n\n /* Indicator z-index @default 200 /\n zIndex?: string \| number;\n\n /* If set, adjusts text color based on background color /\n autoContrast?: boolean;\n\n /* Maximum value to display. If label is a number greater than this value, it will be displayed as `{maxValue}+` /\n maxValue?: number;\n\n /* Determines whether indicator with label `0` should be displayed @default true */\n showZero?: boolean;\n}\n\nexport type IndicatorFactory = Factory<{\n props: IndicatorProps;\n ref: HTMLDivElement;\n stylesNames: IndicatorStylesNames;\n vars: IndicatorCssVariables;\n}>;\n\nconst defaultProps = {\n position: 'top-end',\n offset: 0,\n showZero: true,\n} satisfies Partial<IndicatorProps>;\n\nconst varsResolver = createVarsResolver<IndicatorFactory>(\n (theme, { color, position, offset, size, radius, zIndex, autoContrast }) => ({\n root: {\n '--indicator-color': color ? getThemeColor(color, theme) : undefined,\n '--indicator-text-color': getAutoContrastValue(autoContrast, theme)\n ? getContrastColor({ color, theme, autoContrast })\n : undefined,\n '--indicator-size': rem(size),\n '--indicator-radius': radius === undefined ? undefined : getRadius(radius),\n '--indicator-z-index': zIndex?.toString(),\n ...getPositionVariables(position, offset),\n },\n })\n);\n\nexport const Indicator = factory<IndicatorFactory>((_props) => {\n const props = useProps('Indicator', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n position,\n offset,\n inline,\n label,\n radius,\n color,\n withBorder,\n disabled,\n processing,\n zIndex,\n autoContrast,\n maxValue,\n showZero,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<IndicatorFactory>({\n name: 'Indicator',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const shouldHideZero = !showZero && (label === 0 \|\| label === '0');\n const formattedLabel =\n maxValue !== undefined && typeof label === 'number' && label > maxValue\n ? `${maxValue}+`\n : label;\n\n return (\n <Box {...getStyles('root')} mod={[{ inline }, mod]} {...others}>\n {!disabled && !shouldHideZero && (\n <Box\n mod={{ 'with-label': !!label, 'with-border': withBorder, processing }}\n {...getStyles('indicator')}\n >\n {formattedLabel}\n </Box>\n )}\n {children}\n </Box>\n );\n});\n\nIndicator.classes = classes;\nIndicator.varsResolver = varsResolver;\nIndicator.displayName = '@mantine/core/Indicator';\n\nexport namespace Indicator {\n export type Props = IndicatorProps;\n export type StylesNames = IndicatorStylesNames;\n export type CssVariables = IndicatorCssVariables;\n export type Factory = IndicatorFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;;AA6FA,MAAM,eAAe;CACnB,UAAU;CACV,QAAQ;CACR,UAAU;AACZ;AAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,OAAO,UAAU,QAAQ,MAAM,QAAQ,QAAQ,oBAAoB,EAC3E,MAAM;CACJ,qBAAqB,QAAQ,cAAc,OAAO,KAAK,IAAI,KAAA;CAC3D,0BAA0B,qBAAqB,cAAc,KAAK,IAC9D,iBAAiB;EAAE;EAAO;EAAO;CAAa,CAAC,IAC/C,KAAA;CACJ,oBAAoB,IAAI,IAAI;CAC5B,sBAAsB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;CACzE,uBAAuB,QAAQ,SAAS;CACxC,GAAG,qBAAqB,UAAU,MAAM;AAC1C,EACF,EACF;AAEA,MAAa,YAAY,SAA2B,WAAW;CAC7D,MAAM,QAAQ,SAAS,aAAa,cAAc,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,UACA,QACA,QACA,OACA,QACA,OACA,YACA,UACA,YACA,QACA,cACA,UACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA4B;EAC5C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,CAAC,aAAa,UAAU,KAAK,UAAU;CAC9D,MAAM,iBACJ,aAAa,KAAA,KAAa,OAAO,UAAU,YAAY,QAAQ,WAC3D,GAAG,SAAS,KACZ;CAEN,OACE,qBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,KAAK,CAAC,EAAE,OAAO,GAAG,GAAG;EAAG,GAAI;~~YAAxD~~,CACG,CAAC,YAAY,CAAC,kBACb,oBAAC,KAAD;GACE,KAAK;IAAE,cAAc,CAAC,CAAC;IAAO,eAAe;IAAY;GAAW;GACpE,GAAI,UAAU,WAAW;~~aAExB~~;EACE,CAAA,GAEN,QACE;;AAET,CAAC;AAED,UAAU,UAAUA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc"}
1	+ {"version":3,"file":"Indicator.mjs","names":["classes"],"sources":["../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n createVarsResolver,\n ElementProps,\n factory,\n Factory,\n getAutoContrastValue,\n getContrastColor,\n getRadius,\n getThemeColor,\n MantineColor,\n MantineRadius,\n rem,\n StylesApiProps,\n useProps,\n useStyles,\n} from '../../core';\nimport { getPositionVariables } from './get-position-variables/get-position-variables';\nimport { IndicatorPosition } from './Indicator.types';\nimport classes from './Indicator.module.css';\n\nexport type IndicatorPositionVariables =\n \| '--indicator-top'\n \| '--indicator-bottom'\n \| '--indicator-left'\n \| '--indicator-right'\n \| '--indicator-translate-x'\n \| '--indicator-translate-y';\n\nexport type IndicatorStylesNames = 'root' \| 'indicator';\nexport type IndicatorCssVariables = {\n root:\n \| '--indicator-color'\n \| '--indicator-text-color'\n \| '--indicator-size'\n \| '--indicator-radius'\n \| '--indicator-z-index'\n \| IndicatorPositionVariables;\n};\n\nexport interface IndicatorProps\n extends BoxProps, StylesApiProps<IndicatorFactory>, ElementProps<'div'> {\n /** Indicator position relative to the target element @default 'top-end' /\n position?: IndicatorPosition;\n\n /* Distance in pixels to offset the indicator from its default position, useful for elements with border-radius. Can be a number for uniform offset or an object with `x` and `y` properties for separate horizontal and vertical offsets @default 0 /\n offset?: number \| { x: number; y: number };\n\n /* Changes container display from block to inline-block, use when wrapping elements with fixed width @default false /\n inline?: boolean;\n\n /* Indicator width and height @default 10 /\n size?: number \| string;\n\n /* Label displayed inside the indicator, for example, notification count /\n label?: React.ReactNode;\n\n /* Key of `theme.radius` or any valid CSS value to set `border-radius` @default 100 /\n radius?: MantineRadius;\n\n /* Key of `theme.colors` or any valid CSS color value @default theme.primaryColor /\n color?: MantineColor;\n\n /* Adds border to the root element /\n withBorder?: boolean;\n\n /* Hides the indicator when set /\n disabled?: boolean;\n\n /* If set, the indicator has processing animation @default false /\n processing?: boolean;\n\n /* Indicator z-index @default 200 /\n zIndex?: string \| number;\n\n /* If set, adjusts text color based on background color /\n autoContrast?: boolean;\n\n /* Maximum value to display. If label is a number greater than this value, it will be displayed as `{maxValue}+` /\n maxValue?: number;\n\n /* Determines whether indicator with label `0` should be displayed @default true */\n showZero?: boolean;\n}\n\nexport type IndicatorFactory = Factory<{\n props: IndicatorProps;\n ref: HTMLDivElement;\n stylesNames: IndicatorStylesNames;\n vars: IndicatorCssVariables;\n}>;\n\nconst defaultProps = {\n position: 'top-end',\n offset: 0,\n showZero: true,\n} satisfies Partial<IndicatorProps>;\n\nconst varsResolver = createVarsResolver<IndicatorFactory>(\n (theme, { color, position, offset, size, radius, zIndex, autoContrast }) => ({\n root: {\n '--indicator-color': color ? getThemeColor(color, theme) : undefined,\n '--indicator-text-color': getAutoContrastValue(autoContrast, theme)\n ? getContrastColor({ color, theme, autoContrast })\n : undefined,\n '--indicator-size': rem(size),\n '--indicator-radius': radius === undefined ? undefined : getRadius(radius),\n '--indicator-z-index': zIndex?.toString(),\n ...getPositionVariables(position, offset),\n },\n })\n);\n\nexport const Indicator = factory<IndicatorFactory>((_props) => {\n const props = useProps('Indicator', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n position,\n offset,\n inline,\n label,\n radius,\n color,\n withBorder,\n disabled,\n processing,\n zIndex,\n autoContrast,\n maxValue,\n showZero,\n mod,\n attributes,\n ...others\n } = props;\n\n const getStyles = useStyles<IndicatorFactory>({\n name: 'Indicator',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n attributes,\n vars,\n varsResolver,\n });\n\n const shouldHideZero = !showZero && (label === 0 \|\| label === '0');\n const formattedLabel =\n maxValue !== undefined && typeof label === 'number' && label > maxValue\n ? `${maxValue}+`\n : label;\n\n return (\n <Box {...getStyles('root')} mod={[{ inline }, mod]} {...others}>\n {!disabled && !shouldHideZero && (\n <Box\n mod={{ 'with-label': !!label, 'with-border': withBorder, processing }}\n {...getStyles('indicator')}\n >\n {formattedLabel}\n </Box>\n )}\n {children}\n </Box>\n );\n});\n\nIndicator.classes = classes;\nIndicator.varsResolver = varsResolver;\nIndicator.displayName = '@mantine/core/Indicator';\n\nexport namespace Indicator {\n export type Props = IndicatorProps;\n export type StylesNames = IndicatorStylesNames;\n export type CssVariables = IndicatorCssVariables;\n export type Factory = IndicatorFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;;AA6FA,MAAM,eAAe;CACnB,UAAU;CACV,QAAQ;CACR,UAAU;AACZ;AAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,OAAO,UAAU,QAAQ,MAAM,QAAQ,QAAQ,oBAAoB,EAC3E,MAAM;CACJ,qBAAqB,QAAQ,cAAc,OAAO,KAAK,IAAI,KAAA;CAC3D,0BAA0B,qBAAqB,cAAc,KAAK,IAC9D,iBAAiB;EAAE;EAAO;EAAO;CAAa,CAAC,IAC/C,KAAA;CACJ,oBAAoB,IAAI,IAAI;CAC5B,sBAAsB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;CACzE,uBAAuB,QAAQ,SAAS;CACxC,GAAG,qBAAqB,UAAU,MAAM;AAC1C,EACF,EACF;AAEA,MAAa,YAAY,SAA2B,WAAW;CAC7D,MAAM,QAAQ,SAAS,aAAa,cAAc,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,UACA,QACA,QACA,OACA,QACA,OACA,YACA,UACA,YACA,QACA,cACA,UACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA4B;EAC5C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,iBAAiB,CAAC,aAAa,UAAU,KAAK,UAAU;CAC9D,MAAM,iBACJ,aAAa,KAAA,KAAa,OAAO,UAAU,YAAY,QAAQ,WAC3D,GAAG,SAAS,KACZ;CAEN,OACE,qBAAC,KAAD;EAAK,GAAI,UAAU,MAAM;EAAG,KAAK,CAAC,EAAE,OAAO,GAAG,GAAG;EAAG,GAAI;EAAxD,UAAA,CACG,CAAC,YAAY,CAAC,kBACb,oBAAC,KAAD;GACE,KAAK;IAAE,cAAc,CAAC,CAAC;IAAO,eAAe;IAAY;GAAW;GACpE,GAAI,UAAU,WAAW;GAExB,UAAA;EACE,CAAA,GAEN,QACE;;AAET,CAAC;AAED,UAAU,UAAUA;AACpB,UAAU,eAAe;AACzB,UAAU,cAAc"}

package/esm/components/Input/Input.mjs CHANGED Viewed

@@ -100,9 +100,9 @@ const Input = polymorphicFactory((_props) => {
 				pointer,
 				disabled,
 				multiline,
-				"data-with-right-section": !!_rightSection,
-				"data-with-left-section": !!_leftSection,
-				"data-with-bottom-section": !!__bottomSection
+				withRightSection: !!_rightSection,
+				withLeftSection: !!_leftSection,
+				withBottomSection: !!__bottomSection
 			}, mod],
 			variant,
 			size,