@mantine/core 9.3.1 → 9.4.0

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

@@ -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,EAAE,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUA;AACtB,YAAY,cAAc"}
+{"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"}

package/esm/components/EmptyState/EmptyState.context.mjs

@@ -0,0 +1,8 @@
+"use client";
+import { createSafeContext } from "../../core/utils/create-safe-context/create-safe-context.mjs";
+//#region packages/@mantine/core/src/components/EmptyState/EmptyState.context.ts
+const [EmptyStateProvider, useEmptyStateContext] = createSafeContext("EmptyState component was not found in tree");
+//#endregion
+export { EmptyStateProvider, useEmptyStateContext };
+
+//# sourceMappingURL=EmptyState.context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.context.mjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { EmptyStateFactory } from './EmptyState';\n\ninterface EmptyStateContextValue {\n  getStyles: GetStylesApi<EmptyStateFactory>;\n  withIndicatorBackground: boolean | undefined;\n}\n\nexport const [EmptyStateProvider, useEmptyStateContext] = createSafeContext<EmptyStateContextValue>(\n  'EmptyState component was not found in tree'\n);\n\nexport type { EmptyStateContextValue };\n"],"mappings":";;;AAQA,MAAa,CAAC,oBAAoB,wBAAwB,kBACxD,4CACF"}

package/esm/components/EmptyState/EmptyState.mjs

@@ -0,0 +1,102 @@
+"use client";
+import { getSize } from "../../core/utils/get-size/get-size.mjs";
+import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
+import { useProps } from "../../core/MantineProvider/use-props/use-props.mjs";
+import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
+import { factory } from "../../core/factory/factory.mjs";
+import { Box } from "../../core/Box/Box.mjs";
+import { EmptyStateProvider } from "./EmptyState.context.mjs";
+import EmptyState_module_default from "./EmptyState.module.mjs";
+import { EmptyStateActions } from "./EmptyStateActions/EmptyStateActions.mjs";
+import { EmptyStateDescription } from "./EmptyStateDescription/EmptyStateDescription.mjs";
+import { EmptyStateIndicator } from "./EmptyStateIndicator/EmptyStateIndicator.mjs";
+import { EmptyStateTitle } from "./EmptyStateTitle/EmptyStateTitle.mjs";
+import { Children, Fragment, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/EmptyState/EmptyState.tsx
+const defaultProps = {
+	size: "md",
+	align: "center"
+};
+function flattenChildren(children) {
+	const flat = [];
+	const collect = (nodes) => {
+		Children.forEach(nodes, (child) => {
+			if (isValidElement(child) && child.type === Fragment) collect(child.props.children);
+			else flat.push(child);
+		});
+	};
+	collect(children);
+	return Children.toArray(flat);
+}
+const varsResolver = createVarsResolver((theme, { size, variant, color }) => {
+	const colors = variant ? theme.variantColorResolver({
+		color: color || theme.primaryColor,
+		theme,
+		variant
+	}) : null;
+	return { root: {
+		"--empty-state-indicator-size": getSize(size, "empty-state-indicator-size"),
+		"--empty-state-gap": getSize(size, "empty-state-gap"),
+		"--empty-state-title-fz": getSize(size, "empty-state-title-fz"),
+		"--empty-state-description-fz": getSize(size, "empty-state-description-fz"),
+		"--empty-state-indicator-bg": colors ? colors.background : void 0,
+		"--empty-state-indicator-color": colors ? colors.color : void 0
+	} };
+});
+const EmptyState = factory((_props) => {
+	const props = useProps("EmptyState", defaultProps, _props);
+	const { classNames, className, style, styles, unstyled, vars, align, variant, color, title, description, icon, withIndicatorBackground, children, mod, attributes, ...others } = props;
+	const getStyles = useStyles({
+		name: "EmptyState",
+		classes: EmptyState_module_default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
+	const bodyChildren = [];
+	let childrenIndicator = null;
+	flattenChildren(children).forEach((child) => {
+		if (isValidElement(child) && (child.type === EmptyStateIndicator || child.type?.displayName === "@mantine/core/EmptyStateIndicator")) childrenIndicator = child;
+		else bodyChildren.push(child);
+	});
+	const indicator = icon ? /* @__PURE__ */ jsx(EmptyStateIndicator, { children: icon }) : childrenIndicator;
+	const hasBody = title != null || description != null || bodyChildren.length > 0;
+	return /* @__PURE__ */ jsx(EmptyStateProvider, {
+		value: {
+			getStyles,
+			withIndicatorBackground: withIndicatorBackground || !!variant
+		},
+		children: /* @__PURE__ */ jsxs(Box, {
+			...getStyles("root", { variant }),
+			variant,
+			mod: [{ align }, mod],
+			...others,
+			children: [indicator, hasBody && /* @__PURE__ */ jsxs("div", {
+				...getStyles("body"),
+				children: [
+					title && /* @__PURE__ */ jsx(EmptyStateTitle, { children: title }),
+					description && /* @__PURE__ */ jsx(EmptyStateDescription, { children: description }),
+					bodyChildren
+				]
+			})]
+		})
+	});
+});
+EmptyState.classes = EmptyState_module_default;
+EmptyState.varsResolver = varsResolver;
+EmptyState.displayName = "@mantine/core/EmptyState";
+EmptyState.Indicator = EmptyStateIndicator;
+EmptyState.Title = EmptyStateTitle;
+EmptyState.Description = EmptyStateDescription;
+EmptyState.Actions = EmptyStateActions;
+//#endregion
+export { EmptyState };
+
+//# sourceMappingURL=EmptyState.mjs.map

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

@@ -0,0 +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"}

package/esm/components/EmptyState/EmptyState.module.mjs

@@ -0,0 +1,14 @@
+"use client";
+//#region packages/@mantine/core/src/components/EmptyState/EmptyState.module.css
+var EmptyState_module_default = {
+	"root": "m_7ffcadab",
+	"body": "m_7ff5666b",
+	"indicator": "m_866226e6",
+	"title": "m_7fb28eaf",
+	"description": "m_5f111313",
+	"actions": "m_65f4fb94"
+};
+//#endregion
+export { EmptyState_module_default as default };
+
+//# sourceMappingURL=EmptyState.module.mjs.map

package/esm/components/EmptyState/EmptyState.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.module.mjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.module.css"],"sourcesContent":[".root {\n  --empty-state-indicator-size-xs: 32px;\n  --empty-state-indicator-size-sm: 40px;\n  --empty-state-indicator-size-md: 48px;\n  --empty-state-indicator-size-lg: 60px;\n  --empty-state-indicator-size-xl: 72px;\n\n  --empty-state-gap-xs: 6px;\n  --empty-state-gap-sm: 8px;\n  --empty-state-gap-md: 10px;\n  --empty-state-gap-lg: 12px;\n  --empty-state-gap-xl: 16px;\n\n  --empty-state-title-fz-xs: var(--mantine-font-size-sm);\n  --empty-state-title-fz-sm: var(--mantine-font-size-md);\n  --empty-state-title-fz-md: var(--mantine-font-size-lg);\n  --empty-state-title-fz-lg: var(--mantine-font-size-xl);\n  --empty-state-title-fz-xl: calc(var(--mantine-font-size-xl) * 1.2);\n\n  --empty-state-description-fz-xs: var(--mantine-font-size-xs);\n  --empty-state-description-fz-sm: var(--mantine-font-size-sm);\n  --empty-state-description-fz-md: var(--mantine-font-size-sm);\n  --empty-state-description-fz-lg: var(--mantine-font-size-md);\n  --empty-state-description-fz-xl: var(--mantine-font-size-lg);\n\n  display: flex;\n  gap: var(--empty-state-gap, var(--empty-state-gap-md));\n\n  &[data-align='center'] {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  &[data-align='left'] {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n\n  &[data-align='right'] {\n    flex-direction: row-reverse;\n    align-items: flex-start;\n  }\n}\n\n.body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--empty-state-gap, var(--empty-state-gap-md));\n  min-width: 0;\n\n  [data-align='center'] > & {\n    align-items: center;\n    text-align: center;\n  }\n\n  [data-align='left'] > & {\n    align-items: flex-start;\n    text-align: left;\n  }\n\n  [data-align='right'] > & {\n    align-items: flex-end;\n    text-align: right;\n  }\n}\n\n.indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: var(--empty-state-indicator-color, var(--mantine-color-dimmed));\n  font-size: var(--empty-state-indicator-size, var(--empty-state-indicator-size-md));\n  line-height: 1;\n\n  & > svg {\n    width: 1em;\n    height: 1em;\n  }\n\n  &[data-with-background] {\n    @mixin light {\n      --empty-state-indicator-default-bg: var(--mantine-color-gray-1);\n    }\n\n    @mixin dark {\n      --empty-state-indicator-default-bg: var(--mantine-color-dark-6);\n    }\n\n    width: 2em;\n    height: 2em;\n    border-radius: 1000px;\n    background-color: var(--empty-state-indicator-bg, var(--empty-state-indicator-default-bg));\n  }\n}\n\n.title {\n  font-size: var(--empty-state-title-fz, var(--empty-state-title-fz-md));\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--mantine-color-bright);\n  margin: 0;\n  text-wrap: balance;\n}\n\n.description {\n  font-size: var(--empty-state-description-fz, var(--empty-state-description-fz-md));\n  line-height: 1.55;\n  color: var(--mantine-color-dimmed);\n  margin: 0;\n  max-width: 32rem;\n  text-wrap: pretty;\n}\n\n.actions {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--mantine-spacing-sm);\n}\n"],"mappings":""}

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

@@ -0,0 +1,28 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useEmptyStateContext } from "../EmptyState.context.mjs";
+import EmptyState_module_default from "../EmptyState.module.mjs";
+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);
+	return /* @__PURE__ */ jsx(Box, {
+		mod,
+		...useEmptyStateContext().getStyles("actions", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children
+	});
+});
+EmptyStateActions.classes = EmptyState_module_default;
+EmptyStateActions.displayName = "@mantine/core/EmptyStateActions";
+//#endregion
+export { EmptyStateActions };
+
+//# sourceMappingURL=EmptyStateActions.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,29 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useEmptyStateContext } from "../EmptyState.context.mjs";
+import EmptyState_module_default from "../EmptyState.module.mjs";
+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);
+	return /* @__PURE__ */ jsx(Box, {
+		component: "p",
+		mod,
+		...useEmptyStateContext().getStyles("description", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children
+	});
+});
+EmptyStateDescription.classes = EmptyState_module_default;
+EmptyStateDescription.displayName = "@mantine/core/EmptyStateDescription";
+//#endregion
+export { EmptyStateDescription };
+
+//# sourceMappingURL=EmptyStateDescription.mjs.map

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

@@ -0,0 +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"}

package/esm/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.mjs

@@ -0,0 +1,29 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useEmptyStateContext } from "../EmptyState.context.mjs";
+import EmptyState_module_default from "../EmptyState.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.tsx
+const EmptyStateIndicator = factory((_props) => {
+	const { classNames, className, style, styles, vars, children, mod, ...others } = useProps("EmptyStateIndicator", null, _props);
+	const ctx = useEmptyStateContext();
+	return /* @__PURE__ */ jsx(Box, {
+		mod: [{ "with-background": ctx.withIndicatorBackground }, mod],
+		...ctx.getStyles("indicator", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children
+	});
+});
+EmptyStateIndicator.classes = EmptyState_module_default;
+EmptyStateIndicator.displayName = "@mantine/core/EmptyStateIndicator";
+//#endregion
+export { EmptyStateIndicator };
+
+//# sourceMappingURL=EmptyStateIndicator.mjs.map

package/esm/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateIndicator.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.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 EmptyStateIndicatorStylesNames = 'indicator';\n\nexport interface EmptyStateIndicatorProps\n  extends BoxProps, CompoundStylesApiProps<EmptyStateIndicatorFactory>, ElementProps<'div'> {\n  /** Icon or illustration displayed inside the indicator */\n  children?: React.ReactNode;\n}\n\nexport type EmptyStateIndicatorFactory = Factory<{\n  props: EmptyStateIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: EmptyStateIndicatorStylesNames;\n  compound: true;\n}>;\n\nexport const EmptyStateIndicator = factory<EmptyStateIndicatorFactory>((_props) => {\n  const props = useProps('EmptyStateIndicator', 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={[{ 'with-background': ctx.withIndicatorBackground }, mod]}\n      {...ctx.getStyles('indicator', { className, style, classNames, styles })}\n      {...others}\n    >\n      {children}\n    </Box>\n  );\n});\n\nEmptyStateIndicator.classes = classes;\nEmptyStateIndicator.displayName = '@mantine/core/EmptyStateIndicator';\n"],"mappings":";;;;;;;;AA2BA,MAAa,sBAAsB,SAAqC,WAAW;CAEjF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,uBAAuB,MAAM,MACiC;CAErF,MAAM,MAAM,qBAAqB;CAEjC,OACE,oBAAC,KAAD;EACE,KAAK,CAAC,EAAE,mBAAmB,IAAI,wBAAwB,GAAG,GAAG;EAC7D,GAAI,IAAI,UAAU,aAAa;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACvE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,oBAAoB,UAAUA;AAC9B,oBAAoB,cAAc"}

package/esm/components/EmptyState/EmptyStateTitle/EmptyStateTitle.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useEmptyStateContext } from "../EmptyState.context.mjs";
+import EmptyState_module_default from "../EmptyState.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/EmptyState/EmptyStateTitle/EmptyStateTitle.tsx
+const EmptyStateTitle = factory((_props) => {
+	const { classNames, className, style, styles, vars, children, order, mod, ...others } = useProps("EmptyStateTitle", null, _props);
+	const ctx = useEmptyStateContext();
+	return /* @__PURE__ */ jsx(Box, {
+		component: order ? `h${order}` : "div",
+		mod,
+		...ctx.getStyles("title", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children
+	});
+});
+EmptyStateTitle.classes = EmptyState_module_default;
+EmptyStateTitle.displayName = "@mantine/core/EmptyStateTitle";
+//#endregion
+export { EmptyStateTitle };
+
+//# sourceMappingURL=EmptyStateTitle.mjs.map

package/esm/components/EmptyState/EmptyStateTitle/EmptyStateTitle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateTitle.mjs","names":["classes"],"sources":["../../../../src/components/EmptyState/EmptyStateTitle/EmptyStateTitle.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 EmptyStateTitleStylesNames = 'title';\n\nexport interface EmptyStateTitleProps\n  extends BoxProps, CompoundStylesApiProps<EmptyStateTitleFactory>, ElementProps<'div'> {\n  /** Title content */\n  children?: React.ReactNode;\n\n  /** Heading order, renders the title as `h1`–`h6` element. By default, the title is rendered as a `div` without semantic heading level */\n  order?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nexport type EmptyStateTitleFactory = Factory<{\n  props: EmptyStateTitleProps;\n  ref: HTMLDivElement;\n  stylesNames: EmptyStateTitleStylesNames;\n  compound: true;\n}>;\n\nexport const EmptyStateTitle = factory<EmptyStateTitleFactory>((_props) => {\n  const props = useProps('EmptyStateTitle', null, _props);\n  const { classNames, className, style, styles, vars, children, order, mod, ...others } = props;\n\n  const ctx = useEmptyStateContext();\n\n  return (\n    <Box<any>\n      component={order ? `h${order}` : 'div'}\n      mod={mod}\n      {...ctx.getStyles('title', { className, style, classNames, styles })}\n      {...others}\n    >\n      {children}\n    </Box>\n  );\n});\n\nEmptyStateTitle.classes = classes;\nEmptyStateTitle.displayName = '@mantine/core/EmptyStateTitle';\n"],"mappings":";;;;;;;;AA8BA,MAAa,kBAAkB,SAAiC,WAAW;CAEzE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,WAD/D,SAAS,mBAAmB,MAAM,MAC4C;CAE5F,MAAM,MAAM,qBAAqB;CAEjC,OACE,oBAAC,KAAD;EACE,WAAW,QAAQ,IAAI,UAAU;EAC5B;EACL,GAAI,IAAI,UAAU,SAAS;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACnE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,gBAAgB,UAAUA;AAC1B,gBAAgB,cAAc"}

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

@@ -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,EAAE,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"}
+{"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"}

package/esm/components/Grid/GridCol/GridColVariables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridColVariables.mjs","names":[],"sources":["../../../../src/components/Grid/GridCol/GridColVariables.tsx"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  InlineStyles,\n  keys,\n  useMantineTheme,\n} from '../../../core';\nimport { GridBreakpoints, useGridContext } from '../Grid.context';\nimport type { ColSpan, GridColProps } from './GridCol';\n\ninterface GridColVariablesProps {\n  selector: string;\n  span: GridColProps['span'] | undefined;\n  order?: GridColProps['order'] | undefined;\n  offset?: GridColProps['offset'] | undefined;\n  align?: GridColProps['align'] | undefined;\n}\n\nconst getColumnFlexBasis = (colSpan: ColSpan | undefined, columns: number) => {\n  if (colSpan === 'content') {\n    return 'auto';\n  }\n\n  if (colSpan === 'auto') {\n    return '0rem';\n  }\n\n  if (!colSpan) {\n    return undefined;\n  }\n\n  if (colSpan === columns) {\n    return '100%';\n  }\n\n  const percentage = (100 * colSpan) / columns;\n  const gapFactor = (columns - colSpan) / columns;\n  return `calc(${percentage}% - ${gapFactor} * var(--grid-column-gap))`;\n};\n\nconst getColumnMaxWidth = (\n  colSpan: ColSpan | undefined,\n  columns: number,\n  grow: boolean | undefined\n) => {\n  if (grow || colSpan === 'auto') {\n    return '100%';\n  }\n\n  if (colSpan === 'content') {\n    return 'unset';\n  }\n\n  return getColumnFlexBasis(colSpan, columns);\n};\n\nconst getColumnFlexGrow = (colSpan: ColSpan | undefined, grow: boolean | undefined) => {\n  if (!colSpan) {\n    return undefined;\n  }\n\n  return colSpan === 'auto' || grow ? '1' : 'auto';\n};\n\nconst getColumnOffset = (offset: number | undefined, columns: number) => {\n  if (offset === 0) {\n    return '0';\n  }\n\n  if (!offset) {\n    return undefined;\n  }\n\n  const percentage = (100 * offset) / columns;\n  const gapFactor = offset / columns;\n  return `calc(${percentage}% + ${gapFactor} * var(--grid-column-gap))`;\n};\n\nexport function GridColVariables({ span, order, offset, align, selector }: GridColVariablesProps) {\n  const theme = useMantineTheme();\n  const ctx = useGridContext();\n  const _breakpoints = ctx.breakpoints || theme.breakpoints;\n\n  const baseValue = getBaseValue(span);\n  const baseSpan = baseValue === undefined ? 12 : baseValue;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--col-order': getBaseValue(order)?.toString(),\n    '--col-flex-grow': getColumnFlexGrow(baseSpan, ctx.grow),\n    '--col-flex-basis': getColumnFlexBasis(baseSpan, ctx.columns),\n    '--col-width': baseSpan === 'content' ? 'auto' : undefined,\n    '--col-max-width': getColumnMaxWidth(baseSpan, ctx.columns, ctx.grow),\n    '--col-offset': getColumnOffset(getBaseValue(offset), ctx.columns),\n    '--col-align-self': getBaseValue(align),\n  });\n\n  const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof order === 'object' && order[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-order'] = order[breakpoint]?.toString();\n      }\n\n      if (typeof span === 'object' && span[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-flex-grow'] = getColumnFlexGrow(span[breakpoint], ctx.grow);\n        acc[breakpoint]['--col-flex-basis'] = getColumnFlexBasis(span[breakpoint], ctx.columns);\n        acc[breakpoint]['--col-width'] = span[breakpoint] === 'content' ? 'auto' : undefined;\n        acc[breakpoint]['--col-max-width'] = getColumnMaxWidth(\n          span[breakpoint],\n          ctx.columns,\n          ctx.grow\n        );\n      }\n\n      if (typeof offset === 'object' && offset[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-offset'] = getColumnOffset(offset[breakpoint], ctx.columns);\n      }\n\n      if (typeof align === 'object' && align[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-align-self'] = align[breakpoint];\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  );\n\n  const values = sortedBreakpoints.map((breakpoint) => ({\n    query:\n      ctx.type === 'container'\n        ? `mantine-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n        : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n    styles: queries[breakpoint.value],\n  }));\n\n  return (\n    <InlineStyles\n      styles={baseStyles}\n      media={ctx.type === 'container' ? undefined : values}\n      container={ctx.type === 'container' ? values : undefined}\n      selector={selector}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,sBAAsB,SAA8B,YAAoB;CAC5E,IAAI,YAAY,WACd,OAAO;CAGT,IAAI,YAAY,QACd,OAAO;CAGT,IAAI,CAAC,SACH;CAGF,IAAI,YAAY,SACd,OAAO;CAKT,OAAO,QAFa,MAAM,UAAW,QAEX,OADP,UAAU,WAAW,QACE;AAC5C;AAEA,MAAM,qBACJ,SACA,SACA,SACG;CACH,IAAI,QAAQ,YAAY,QACtB,OAAO;CAGT,IAAI,YAAY,WACd,OAAO;CAGT,OAAO,mBAAmB,SAAS,OAAO;AAC5C;AAEA,MAAM,qBAAqB,SAA8B,SAA8B;CACrF,IAAI,CAAC,SACH;CAGF,OAAO,YAAY,UAAU,OAAO,MAAM;AAC5C;AAEA,MAAM,mBAAmB,QAA4B,YAAoB;CACvE,IAAI,WAAW,GACb,OAAO;CAGT,IAAI,CAAC,QACH;CAKF,OAAO,QAFa,MAAM,SAAU,QAEV,MADR,SAAS,QACe;AAC5C;AAEA,SAAgB,iBAAiB,EAAE,MAAM,OAAO,QAAQ,OAAO,YAAmC;CAChG,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,MAAM,eAAe;CAC3B,MAAM,eAAe,IAAI,eAAe,MAAM;CAE9C,MAAM,YAAY,aAAa,IAAI;CACnC,MAAM,WAAW,cAAc,KAAA,IAAY,KAAK;CAEhD,MAAM,aAAiD,YAAY;EACjE,eAAe,aAAa,KAAK,GAAG,SAAS;EAC7C,mBAAmB,kBAAkB,UAAU,IAAI,IAAI;EACvD,oBAAoB,mBAAmB,UAAU,IAAI,OAAO;EAC5D,eAAe,aAAa,YAAY,SAAS,KAAA;EACjD,mBAAmB,kBAAkB,UAAU,IAAI,SAAS,IAAI,IAAI;EACpE,gBAAgB,gBAAgB,aAAa,MAAM,GAAG,IAAI,OAAO;EACjE,oBAAoB,aAAa,KAAK;CACxC,CAAC;CAED,MAAM,UAAU,KAAK,YAAY,EAAE,QAChC,KAAK,eAAe;EACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAc,CAAC;EAGrB,IAAI,OAAO,UAAU,YAAY,MAAM,gBAAgB,KAAA,GACrD,IAAI,YAAY,iBAAiB,MAAM,aAAa,SAAS;EAG/D,IAAI,OAAO,SAAS,YAAY,KAAK,gBAAgB,KAAA,GAAW;GAC9D,IAAI,YAAY,qBAAqB,kBAAkB,KAAK,aAAa,IAAI,IAAI;GACjF,IAAI,YAAY,sBAAsB,mBAAmB,KAAK,aAAa,IAAI,OAAO;GACtF,IAAI,YAAY,iBAAiB,KAAK,gBAAgB,YAAY,SAAS,KAAA;GAC3E,IAAI,YAAY,qBAAqB,kBACnC,KAAK,aACL,IAAI,SACJ,IAAI,IACN;EACF;EAEA,IAAI,OAAO,WAAW,YAAY,OAAO,gBAAgB,KAAA,GACvD,IAAI,YAAY,kBAAkB,gBAAgB,OAAO,aAAa,IAAI,OAAO;EAGnF,IAAI,OAAO,UAAU,YAAY,MAAM,gBAAgB,KAAA,GACrD,IAAI,YAAY,sBAAsB,MAAM;EAG9C,OAAO;CACT,GACA,CAAC,CACH;CAMA,MAAM,SAJoB,qBAAqB,KAAK,OAAO,GAAG,YAAY,EAAE,QACzE,eAAe,KAAK,QAAQ,WAAW,MAAM,EAAE,SAAS,CAG5B,EAAE,KAAK,gBAAgB;EACpD,OACE,IAAI,SAAS,cACT,4BAA4B,aAAa,WAAW,OAAgC,KACpF,eAAe,aAAa,WAAW,OAAgC;EAC7E,QAAQ,QAAQ,WAAW;CAC7B,EAAE;CAEF,OACE,oBAAC,cAAD;EACE,QAAQ;EACR,OAAO,IAAI,SAAS,cAAc,KAAA,IAAY;EAC9C,WAAW,IAAI,SAAS,cAAc,SAAS,KAAA;EACrC;CACX,CAAA;AAEL"}
+{"version":3,"file":"GridColVariables.mjs","names":[],"sources":["../../../../src/components/Grid/GridCol/GridColVariables.tsx"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  InlineStyles,\n  keys,\n  useMantineTheme,\n} from '../../../core';\nimport { GridBreakpoints, useGridContext } from '../Grid.context';\nimport type { ColSpan, GridColProps } from './GridCol';\n\ninterface GridColVariablesProps {\n  selector: string;\n  span: GridColProps['span'] | undefined;\n  order?: GridColProps['order'] | undefined;\n  offset?: GridColProps['offset'] | undefined;\n  align?: GridColProps['align'] | undefined;\n}\n\nconst getColumnFlexBasis = (colSpan: ColSpan | undefined, columns: number) => {\n  if (colSpan === 'content') {\n    return 'auto';\n  }\n\n  if (colSpan === 'auto') {\n    return '0rem';\n  }\n\n  if (!colSpan) {\n    return undefined;\n  }\n\n  if (colSpan === columns) {\n    return '100%';\n  }\n\n  const percentage = (100 * colSpan) / columns;\n  const gapFactor = (columns - colSpan) / columns;\n  return `calc(${percentage}% - ${gapFactor} * var(--grid-column-gap))`;\n};\n\nconst getColumnMaxWidth = (\n  colSpan: ColSpan | undefined,\n  columns: number,\n  grow: boolean | undefined\n) => {\n  if (grow || colSpan === 'auto') {\n    return '100%';\n  }\n\n  if (colSpan === 'content') {\n    return 'unset';\n  }\n\n  return getColumnFlexBasis(colSpan, columns);\n};\n\nconst getColumnFlexGrow = (colSpan: ColSpan | undefined, grow: boolean | undefined) => {\n  if (!colSpan) {\n    return undefined;\n  }\n\n  return colSpan === 'auto' || grow ? '1' : 'auto';\n};\n\nconst getColumnOffset = (offset: number | undefined, columns: number) => {\n  if (offset === 0) {\n    return '0';\n  }\n\n  if (!offset) {\n    return undefined;\n  }\n\n  const percentage = (100 * offset) / columns;\n  const gapFactor = offset / columns;\n  return `calc(${percentage}% + ${gapFactor} * var(--grid-column-gap))`;\n};\n\nexport function GridColVariables({ span, order, offset, align, selector }: GridColVariablesProps) {\n  const theme = useMantineTheme();\n  const ctx = useGridContext();\n  const _breakpoints = ctx.breakpoints || theme.breakpoints;\n\n  const baseValue = getBaseValue(span);\n  const baseSpan = baseValue === undefined ? 12 : baseValue;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--col-order': getBaseValue(order)?.toString(),\n    '--col-flex-grow': getColumnFlexGrow(baseSpan, ctx.grow),\n    '--col-flex-basis': getColumnFlexBasis(baseSpan, ctx.columns),\n    '--col-width': baseSpan === 'content' ? 'auto' : undefined,\n    '--col-max-width': getColumnMaxWidth(baseSpan, ctx.columns, ctx.grow),\n    '--col-offset': getColumnOffset(getBaseValue(offset), ctx.columns),\n    '--col-align-self': getBaseValue(align),\n  });\n\n  const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof order === 'object' && order[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-order'] = order[breakpoint]?.toString();\n      }\n\n      if (typeof span === 'object' && span[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-flex-grow'] = getColumnFlexGrow(span[breakpoint], ctx.grow);\n        acc[breakpoint]['--col-flex-basis'] = getColumnFlexBasis(span[breakpoint], ctx.columns);\n        acc[breakpoint]['--col-width'] = span[breakpoint] === 'content' ? 'auto' : undefined;\n        acc[breakpoint]['--col-max-width'] = getColumnMaxWidth(\n          span[breakpoint],\n          ctx.columns,\n          ctx.grow\n        );\n      }\n\n      if (typeof offset === 'object' && offset[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-offset'] = getColumnOffset(offset[breakpoint], ctx.columns);\n      }\n\n      if (typeof align === 'object' && align[breakpoint] !== undefined) {\n        acc[breakpoint]['--col-align-self'] = align[breakpoint];\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  );\n\n  const values = sortedBreakpoints.map((breakpoint) => ({\n    query:\n      ctx.type === 'container'\n        ? `mantine-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n        : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n    styles: queries[breakpoint.value],\n  }));\n\n  return (\n    <InlineStyles\n      styles={baseStyles}\n      media={ctx.type === 'container' ? undefined : values}\n      container={ctx.type === 'container' ? values : undefined}\n      selector={selector}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,sBAAsB,SAA8B,YAAoB;CAC5E,IAAI,YAAY,WACd,OAAO;CAGT,IAAI,YAAY,QACd,OAAO;CAGT,IAAI,CAAC,SACH;CAGF,IAAI,YAAY,SACd,OAAO;CAKT,OAAO,QAFa,MAAM,UAAW,QAEX,OADP,UAAU,WAAW,QACE;AAC5C;AAEA,MAAM,qBACJ,SACA,SACA,SACG;CACH,IAAI,QAAQ,YAAY,QACtB,OAAO;CAGT,IAAI,YAAY,WACd,OAAO;CAGT,OAAO,mBAAmB,SAAS,OAAO;AAC5C;AAEA,MAAM,qBAAqB,SAA8B,SAA8B;CACrF,IAAI,CAAC,SACH;CAGF,OAAO,YAAY,UAAU,OAAO,MAAM;AAC5C;AAEA,MAAM,mBAAmB,QAA4B,YAAoB;CACvE,IAAI,WAAW,GACb,OAAO;CAGT,IAAI,CAAC,QACH;CAKF,OAAO,QAFa,MAAM,SAAU,QAEV,MADR,SAAS,QACe;AAC5C;AAEA,SAAgB,iBAAiB,EAAE,MAAM,OAAO,QAAQ,OAAO,YAAmC;CAChG,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,MAAM,eAAe;CAC3B,MAAM,eAAe,IAAI,eAAe,MAAM;CAE9C,MAAM,YAAY,aAAa,IAAI;CACnC,MAAM,WAAW,cAAc,KAAA,IAAY,KAAK;CAEhD,MAAM,aAAiD,YAAY;EACjE,eAAe,aAAa,KAAK,CAAC,EAAE,SAAS;EAC7C,mBAAmB,kBAAkB,UAAU,IAAI,IAAI;EACvD,oBAAoB,mBAAmB,UAAU,IAAI,OAAO;EAC5D,eAAe,aAAa,YAAY,SAAS,KAAA;EACjD,mBAAmB,kBAAkB,UAAU,IAAI,SAAS,IAAI,IAAI;EACpE,gBAAgB,gBAAgB,aAAa,MAAM,GAAG,IAAI,OAAO;EACjE,oBAAoB,aAAa,KAAK;CACxC,CAAC;CAED,MAAM,UAAU,KAAK,YAAY,CAAC,CAAC,QAChC,KAAK,eAAe;EACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAc,CAAC;EAGrB,IAAI,OAAO,UAAU,YAAY,MAAM,gBAAgB,KAAA,GACrD,IAAI,WAAW,CAAC,iBAAiB,MAAM,WAAW,EAAE,SAAS;EAG/D,IAAI,OAAO,SAAS,YAAY,KAAK,gBAAgB,KAAA,GAAW;GAC9D,IAAI,WAAW,CAAC,qBAAqB,kBAAkB,KAAK,aAAa,IAAI,IAAI;GACjF,IAAI,WAAW,CAAC,sBAAsB,mBAAmB,KAAK,aAAa,IAAI,OAAO;GACtF,IAAI,WAAW,CAAC,iBAAiB,KAAK,gBAAgB,YAAY,SAAS,KAAA;GAC3E,IAAI,WAAW,CAAC,qBAAqB,kBACnC,KAAK,aACL,IAAI,SACJ,IAAI,IACN;EACF;EAEA,IAAI,OAAO,WAAW,YAAY,OAAO,gBAAgB,KAAA,GACvD,IAAI,WAAW,CAAC,kBAAkB,gBAAgB,OAAO,aAAa,IAAI,OAAO;EAGnF,IAAI,OAAO,UAAU,YAAY,MAAM,gBAAgB,KAAA,GACrD,IAAI,WAAW,CAAC,sBAAsB,MAAM;EAG9C,OAAO;CACT,GACA,CAAC,CACH;CAMA,MAAM,SAJoB,qBAAqB,KAAK,OAAO,GAAG,YAAY,CAAC,CAAC,QACzE,eAAe,KAAK,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,CAG5B,CAAC,CAAC,KAAK,gBAAgB;EACpD,OACE,IAAI,SAAS,cACT,4BAA4B,aAAa,WAAW,OAAgC,KACpF,eAAe,aAAa,WAAW,OAAgC;EAC7E,QAAQ,QAAQ,WAAW;CAC7B,EAAE;CAEF,OACE,oBAAC,cAAD;EACE,QAAQ;EACR,OAAO,IAAI,SAAS,cAAc,KAAA,IAAY;EAC9C,WAAW,IAAI,SAAS,cAAc,SAAS,KAAA;EACrC;CACX,CAAA;AAEL"}

package/esm/components/Grid/GridVariables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridVariables.mjs","names":[],"sources":["../../../src/components/Grid/GridVariables.tsx"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  InlineStyles,\n  keys,\n  useMantineTheme,\n} from '../../core';\nimport type { GridProps } from './Grid';\nimport type { GridBreakpoints } from './Grid.context';\n\ninterface GridVariablesProps extends GridProps {\n  selector: string;\n}\n\nexport function GridVariables({\n  gap,\n  rowGap,\n  columnGap,\n  selector,\n  breakpoints,\n  type,\n}: GridVariablesProps) {\n  const theme = useMantineTheme();\n  const _breakpoints = breakpoints || theme.breakpoints;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--grid-gap': getSpacing(getBaseValue(gap)),\n    '--grid-row-gap': getSpacing(getBaseValue(rowGap)),\n    '--grid-column-gap': getSpacing(getBaseValue(columnGap)),\n  });\n\n  const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof gap === 'object' && gap[breakpoint] !== undefined) {\n        acc[breakpoint]['--grid-gap'] = getSpacing(gap[breakpoint]);\n      }\n\n      if (typeof rowGap === 'object' && rowGap[breakpoint] !== undefined) {\n        acc[breakpoint]['--grid-row-gap'] = getSpacing(rowGap[breakpoint]);\n      }\n\n      if (typeof columnGap === 'object' && columnGap[breakpoint] !== undefined) {\n        acc[breakpoint]['--grid-column-gap'] = getSpacing(columnGap[breakpoint]);\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  );\n\n  const values = sortedBreakpoints.map((breakpoint) => ({\n    query:\n      type === 'container'\n        ? `mantine-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n        : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n    styles: queries[breakpoint.value],\n  }));\n\n  return (\n    <InlineStyles\n      styles={baseStyles}\n      media={type === 'container' ? undefined : values}\n      container={type === 'container' ? values : undefined}\n      selector={selector}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,cAAc,EAC5B,KACA,QACA,WACA,UACA,aACA,QACqB;CACrB,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,eAAe,eAAe,MAAM;CAE1C,MAAM,aAAiD,YAAY;EACjE,cAAc,WAAW,aAAa,GAAG,CAAC;EAC1C,kBAAkB,WAAW,aAAa,MAAM,CAAC;EACjD,qBAAqB,WAAW,aAAa,SAAS,CAAC;CACzD,CAAC;CAED,MAAM,UAAU,KAAK,YAAY,EAAE,QAChC,KAAK,eAAe;EACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAc,CAAC;EAGrB,IAAI,OAAO,QAAQ,YAAY,IAAI,gBAAgB,KAAA,GACjD,IAAI,YAAY,gBAAgB,WAAW,IAAI,WAAW;EAG5D,IAAI,OAAO,WAAW,YAAY,OAAO,gBAAgB,KAAA,GACvD,IAAI,YAAY,oBAAoB,WAAW,OAAO,WAAW;EAGnE,IAAI,OAAO,cAAc,YAAY,UAAU,gBAAgB,KAAA,GAC7D,IAAI,YAAY,uBAAuB,WAAW,UAAU,WAAW;EAGzE,OAAO;CACT,GACA,CAAC,CACH;CAMA,MAAM,SAJoB,qBAAqB,KAAK,OAAO,GAAG,YAAY,EAAE,QACzE,eAAe,KAAK,QAAQ,WAAW,MAAM,EAAE,SAAS,CAG5B,EAAE,KAAK,gBAAgB;EACpD,OACE,SAAS,cACL,4BAA4B,aAAa,WAAW,OAAgC,KACpF,eAAe,aAAa,WAAW,OAAgC;EAC7E,QAAQ,QAAQ,WAAW;CAC7B,EAAE;CAEF,OACE,oBAAC,cAAD;EACE,QAAQ;EACR,OAAO,SAAS,cAAc,KAAA,IAAY;EAC1C,WAAW,SAAS,cAAc,SAAS,KAAA;EACjC;CACX,CAAA;AAEL"}
+{"version":3,"file":"GridVariables.mjs","names":[],"sources":["../../../src/components/Grid/GridVariables.tsx"],"sourcesContent":["import {\n  filterProps,\n  getBaseValue,\n  getSortedBreakpoints,\n  getSpacing,\n  InlineStyles,\n  keys,\n  useMantineTheme,\n} from '../../core';\nimport type { GridProps } from './Grid';\nimport type { GridBreakpoints } from './Grid.context';\n\ninterface GridVariablesProps extends GridProps {\n  selector: string;\n}\n\nexport function GridVariables({\n  gap,\n  rowGap,\n  columnGap,\n  selector,\n  breakpoints,\n  type,\n}: GridVariablesProps) {\n  const theme = useMantineTheme();\n  const _breakpoints = breakpoints || theme.breakpoints;\n\n  const baseStyles: Record<string, string | undefined> = filterProps({\n    '--grid-gap': getSpacing(getBaseValue(gap)),\n    '--grid-row-gap': getSpacing(getBaseValue(rowGap)),\n    '--grid-column-gap': getSpacing(getBaseValue(columnGap)),\n  });\n\n  const queries = keys(_breakpoints).reduce<Record<string, Record<string, any>>>(\n    (acc, breakpoint) => {\n      if (!acc[breakpoint]) {\n        acc[breakpoint] = {};\n      }\n\n      if (typeof gap === 'object' && gap[breakpoint] !== undefined) {\n        acc[breakpoint]['--grid-gap'] = getSpacing(gap[breakpoint]);\n      }\n\n      if (typeof rowGap === 'object' && rowGap[breakpoint] !== undefined) {\n        acc[breakpoint]['--grid-row-gap'] = getSpacing(rowGap[breakpoint]);\n      }\n\n      if (typeof columnGap === 'object' && columnGap[breakpoint] !== undefined) {\n        acc[breakpoint]['--grid-column-gap'] = getSpacing(columnGap[breakpoint]);\n      }\n\n      return acc;\n    },\n    {}\n  );\n\n  const sortedBreakpoints = getSortedBreakpoints(keys(queries), _breakpoints).filter(\n    (breakpoint) => keys(queries[breakpoint.value]).length > 0\n  );\n\n  const values = sortedBreakpoints.map((breakpoint) => ({\n    query:\n      type === 'container'\n        ? `mantine-grid (min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`\n        : `(min-width: ${_breakpoints[breakpoint.value as keyof GridBreakpoints]})`,\n    styles: queries[breakpoint.value],\n  }));\n\n  return (\n    <InlineStyles\n      styles={baseStyles}\n      media={type === 'container' ? undefined : values}\n      container={type === 'container' ? values : undefined}\n      selector={selector}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,cAAc,EAC5B,KACA,QACA,WACA,UACA,aACA,QACqB;CACrB,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,eAAe,eAAe,MAAM;CAE1C,MAAM,aAAiD,YAAY;EACjE,cAAc,WAAW,aAAa,GAAG,CAAC;EAC1C,kBAAkB,WAAW,aAAa,MAAM,CAAC;EACjD,qBAAqB,WAAW,aAAa,SAAS,CAAC;CACzD,CAAC;CAED,MAAM,UAAU,KAAK,YAAY,CAAC,CAAC,QAChC,KAAK,eAAe;EACnB,IAAI,CAAC,IAAI,aACP,IAAI,cAAc,CAAC;EAGrB,IAAI,OAAO,QAAQ,YAAY,IAAI,gBAAgB,KAAA,GACjD,IAAI,WAAW,CAAC,gBAAgB,WAAW,IAAI,WAAW;EAG5D,IAAI,OAAO,WAAW,YAAY,OAAO,gBAAgB,KAAA,GACvD,IAAI,WAAW,CAAC,oBAAoB,WAAW,OAAO,WAAW;EAGnE,IAAI,OAAO,cAAc,YAAY,UAAU,gBAAgB,KAAA,GAC7D,IAAI,WAAW,CAAC,uBAAuB,WAAW,UAAU,WAAW;EAGzE,OAAO;CACT,GACA,CAAC,CACH;CAMA,MAAM,SAJoB,qBAAqB,KAAK,OAAO,GAAG,YAAY,CAAC,CAAC,QACzE,eAAe,KAAK,QAAQ,WAAW,MAAM,CAAC,CAAC,SAAS,CAG5B,CAAC,CAAC,KAAK,gBAAgB;EACpD,OACE,SAAS,cACL,4BAA4B,aAAa,WAAW,OAAgC,KACpF,eAAe,aAAa,WAAW,OAAgC;EAC7E,QAAQ,QAAQ,WAAW;CAC7B,EAAE;CAEF,OACE,oBAAC,cAAD;EACE,QAAQ;EACR,OAAO,SAAS,cAAc,KAAA,IAAY;EAC1C,WAAW,SAAS,cAAc,SAAS,KAAA;EACjC;CACX,CAAA;AAEL"}

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

@@ -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,EAAE,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"}
+{"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"}

package/esm/components/Group/filter-falsy-children/filter-falsy-children.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-falsy-children.mjs","names":[],"sources":["../../../../src/components/Group/filter-falsy-children/filter-falsy-children.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react';\n\nexport function filterFalsyChildren(children: ReactNode) {\n  return (Children.toArray(children) as ReactElement[]).filter(Boolean);\n}\n"],"mappings":";;;AAEA,SAAgB,oBAAoB,UAAqB;CACvD,OAAQ,SAAS,QAAQ,QAAQ,EAAqB,OAAO,OAAO;AACtE"}
+{"version":3,"file":"filter-falsy-children.mjs","names":[],"sources":["../../../../src/components/Group/filter-falsy-children/filter-falsy-children.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react';\n\nexport function filterFalsyChildren(children: ReactNode) {\n  return (Children.toArray(children) as ReactElement[]).filter(Boolean);\n}\n"],"mappings":";;;AAEA,SAAgB,oBAAoB,UAAqB;CACvD,OAAQ,SAAS,QAAQ,QAAQ,CAAC,CAAoB,OAAO,OAAO;AACtE"}

package/esm/components/Highlight/highlighter/highlighter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"highlighter.mjs","names":[],"sources":["../../../../src/components/Highlight/highlighter/highlighter.ts"],"sourcesContent":["function escapeRegex(value: string) {\n  return value.replace(/[\\\\^$.*+?()[\\]{}|]/g, '\\\\$&');\n}\n\nexport function foldAccents(text: string): string {\n  return text.normalize('NFD').replace(/\\p{M}/gu, '');\n}\n\nfunction foldAccentsWithMap(text: string): { folded: string; map: number[] } {\n  let folded = '';\n  const map: number[] = [];\n  let i = 0;\n\n  while (i < text.length) {\n    const cp = text.codePointAt(i)!;\n    const cpStr = String.fromCodePoint(cp);\n    const foldedCp = foldAccents(cpStr);\n    for (let j = 0; j < foldedCp.length; j += 1) {\n      map.push(i);\n    }\n    folded += foldedCp;\n    i += cpStr.length;\n  }\n\n  map.push(text.length);\n  return { folded, map };\n}\n\nfunction getAccentInsensitiveChunks(value: string, re: RegExp): HighlightChunk[] {\n  const { folded, map } = foldAccentsWithMap(value);\n  const chunks: HighlightChunk[] = [];\n  let lastOrigEnd = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = re.exec(folded)) !== null) {\n    const foldedStart = match.index;\n    const foldedEnd = foldedStart + match[0].length;\n    const origStart = map[foldedStart];\n    const origEnd = map[foldedEnd];\n\n    if (origStart > lastOrigEnd) {\n      chunks.push({ chunk: value.slice(lastOrigEnd, origStart), highlighted: false });\n    }\n    chunks.push({ chunk: value.slice(origStart, origEnd), highlighted: true });\n    lastOrigEnd = origEnd;\n\n    if (match[0].length === 0) {\n      re.lastIndex += 1;\n    }\n  }\n\n  if (lastOrigEnd < value.length) {\n    chunks.push({ chunk: value.slice(lastOrigEnd), highlighted: false });\n  }\n\n  return chunks.filter(({ chunk }) => chunk);\n}\n\nexport interface HighlightChunk {\n  chunk: string;\n  highlighted: boolean;\n  color?: string;\n}\n\nexport interface HighlighterOptions {\n  wholeWord?: boolean;\n  caseInsensitive?: boolean;\n  accentInsensitive?: boolean;\n}\n\nexport function highlighter(\n  value: string,\n  _highlight: string | string[],\n  options: HighlighterOptions = {}\n): HighlightChunk[] {\n  if (_highlight == null) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const { wholeWord = false, caseInsensitive = true, accentInsensitive = true } = options;\n\n  const prepareTerm = (term: string) =>\n    accentInsensitive ? foldAccents(escapeRegex(term)) : escapeRegex(term);\n\n  const highlight = Array.isArray(_highlight)\n    ? _highlight.map(prepareTerm)\n    : prepareTerm(_highlight);\n\n  const shouldHighlight = Array.isArray(highlight)\n    ? highlight.filter((part) => part.trim().length > 0).length > 0\n    : highlight.trim() !== '';\n\n  if (!shouldHighlight) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const matcher =\n    typeof highlight === 'string'\n      ? highlight.trim()\n      : highlight\n          .filter((part) => part.trim().length !== 0)\n          .map((part) => part.trim())\n          .sort((a, b) => b.length - a.length)\n          .join('|');\n\n  const pattern = wholeWord\n    ? `(?<![\\\\p{L}\\\\p{N}_])(${matcher})(?![\\\\p{L}\\\\p{N}_])`\n    : `(${matcher})`;\n  const flags = ['g', caseInsensitive ? 'i' : '', wholeWord ? 'u' : ''].join('');\n  const re = new RegExp(pattern, flags);\n\n  if (accentInsensitive) {\n    return getAccentInsensitiveChunks(value, re);\n  }\n\n  return value\n    .split(re)\n    .map((part, index) => ({ chunk: part, highlighted: index % 2 === 1 }))\n    .filter(({ chunk }) => chunk);\n}\n"],"mappings":";;AAAA,SAAS,YAAY,OAAe;CAClC,OAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAAgB,YAAY,MAAsB;CAChD,OAAO,KAAK,UAAU,KAAK,EAAE,QAAQ,WAAW,EAAE;AACpD;AAEA,SAAS,mBAAmB,MAAiD;CAC3E,IAAI,SAAS;CACb,MAAM,MAAgB,CAAC;CACvB,IAAI,IAAI;CAER,OAAO,IAAI,KAAK,QAAQ;EACtB,MAAM,KAAK,KAAK,YAAY,CAAC;EAC7B,MAAM,QAAQ,OAAO,cAAc,EAAE;EACrC,MAAM,WAAW,YAAY,KAAK;EAClC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GACxC,IAAI,KAAK,CAAC;EAEZ,UAAU;EACV,KAAK,MAAM;CACb;CAEA,IAAI,KAAK,KAAK,MAAM;CACpB,OAAO;EAAE;EAAQ;CAAI;AACvB;AAEA,SAAS,2BAA2B,OAAe,IAA8B;CAC/E,MAAM,EAAE,QAAQ,QAAQ,mBAAmB,KAAK;CAChD,MAAM,SAA2B,CAAC;CAClC,IAAI,cAAc;CAClB,IAAI;CAEJ,QAAQ,QAAQ,GAAG,KAAK,MAAM,OAAO,MAAM;EACzC,MAAM,cAAc,MAAM;EAC1B,MAAM,YAAY,cAAc,MAAM,GAAG;EACzC,MAAM,YAAY,IAAI;EACtB,MAAM,UAAU,IAAI;EAEpB,IAAI,YAAY,aACd,OAAO,KAAK;GAAE,OAAO,MAAM,MAAM,aAAa,SAAS;GAAG,aAAa;EAAM,CAAC;EAEhF,OAAO,KAAK;GAAE,OAAO,MAAM,MAAM,WAAW,OAAO;GAAG,aAAa;EAAK,CAAC;EACzE,cAAc;EAEd,IAAI,MAAM,GAAG,WAAW,GACtB,GAAG,aAAa;CAEpB;CAEA,IAAI,cAAc,MAAM,QACtB,OAAO,KAAK;EAAE,OAAO,MAAM,MAAM,WAAW;EAAG,aAAa;CAAM,CAAC;CAGrE,OAAO,OAAO,QAAQ,EAAE,YAAY,KAAK;AAC3C;AAcA,SAAgB,YACd,OACA,YACA,UAA8B,CAAC,GACb;CAClB,IAAI,cAAc,MAChB,OAAO,CAAC;EAAE,OAAO;EAAO,aAAa;CAAM,CAAC;CAG9C,MAAM,EAAE,YAAY,OAAO,kBAAkB,MAAM,oBAAoB,SAAS;CAEhF,MAAM,eAAe,SACnB,oBAAoB,YAAY,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI;CAEvE,MAAM,YAAY,MAAM,QAAQ,UAAU,IACtC,WAAW,IAAI,WAAW,IAC1B,YAAY,UAAU;CAM1B,IAAI,EAJoB,MAAM,QAAQ,SAAS,IAC3C,UAAU,QAAQ,SAAS,KAAK,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,IAC5D,UAAU,KAAK,MAAM,KAGvB,OAAO,CAAC;EAAE,OAAO;EAAO,aAAa;CAAM,CAAC;CAG9C,MAAM,UACJ,OAAO,cAAc,WACjB,UAAU,KAAK,IACf,UACG,QAAQ,SAAS,KAAK,KAAK,EAAE,WAAW,CAAC,EACzC,KAAK,SAAS,KAAK,KAAK,CAAC,EACzB,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,EAClC,KAAK,GAAG;CAEjB,MAAM,UAAU,YACZ,wBAAwB,QAAQ,wBAChC,IAAI,QAAQ;CAChB,MAAM,QAAQ;EAAC;EAAK,kBAAkB,MAAM;EAAI,YAAY,MAAM;CAAE,EAAE,KAAK,EAAE;CAC7E,MAAM,KAAK,IAAI,OAAO,SAAS,KAAK;CAEpC,IAAI,mBACF,OAAO,2BAA2B,OAAO,EAAE;CAG7C,OAAO,MACJ,MAAM,EAAE,EACR,KAAK,MAAM,WAAW;EAAE,OAAO;EAAM,aAAa,QAAQ,MAAM;CAAE,EAAE,EACpE,QAAQ,EAAE,YAAY,KAAK;AAChC"}
+{"version":3,"file":"highlighter.mjs","names":[],"sources":["../../../../src/components/Highlight/highlighter/highlighter.ts"],"sourcesContent":["function escapeRegex(value: string) {\n  return value.replace(/[\\\\^$.*+?()[\\]{}|]/g, '\\\\$&');\n}\n\nexport function foldAccents(text: string): string {\n  return text.normalize('NFD').replace(/\\p{M}/gu, '');\n}\n\nfunction foldAccentsWithMap(text: string): { folded: string; map: number[] } {\n  let folded = '';\n  const map: number[] = [];\n  let i = 0;\n\n  while (i < text.length) {\n    const cp = text.codePointAt(i)!;\n    const cpStr = String.fromCodePoint(cp);\n    const foldedCp = foldAccents(cpStr);\n    for (let j = 0; j < foldedCp.length; j += 1) {\n      map.push(i);\n    }\n    folded += foldedCp;\n    i += cpStr.length;\n  }\n\n  map.push(text.length);\n  return { folded, map };\n}\n\nfunction getAccentInsensitiveChunks(value: string, re: RegExp): HighlightChunk[] {\n  const { folded, map } = foldAccentsWithMap(value);\n  const chunks: HighlightChunk[] = [];\n  let lastOrigEnd = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = re.exec(folded)) !== null) {\n    const foldedStart = match.index;\n    const foldedEnd = foldedStart + match[0].length;\n    const origStart = map[foldedStart];\n    const origEnd = map[foldedEnd];\n\n    if (origStart > lastOrigEnd) {\n      chunks.push({ chunk: value.slice(lastOrigEnd, origStart), highlighted: false });\n    }\n    chunks.push({ chunk: value.slice(origStart, origEnd), highlighted: true });\n    lastOrigEnd = origEnd;\n\n    if (match[0].length === 0) {\n      re.lastIndex += 1;\n    }\n  }\n\n  if (lastOrigEnd < value.length) {\n    chunks.push({ chunk: value.slice(lastOrigEnd), highlighted: false });\n  }\n\n  return chunks.filter(({ chunk }) => chunk);\n}\n\nexport interface HighlightChunk {\n  chunk: string;\n  highlighted: boolean;\n  color?: string;\n}\n\nexport interface HighlighterOptions {\n  wholeWord?: boolean;\n  caseInsensitive?: boolean;\n  accentInsensitive?: boolean;\n}\n\nexport function highlighter(\n  value: string,\n  _highlight: string | string[],\n  options: HighlighterOptions = {}\n): HighlightChunk[] {\n  if (_highlight == null) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const { wholeWord = false, caseInsensitive = true, accentInsensitive = true } = options;\n\n  const prepareTerm = (term: string) =>\n    accentInsensitive ? foldAccents(escapeRegex(term)) : escapeRegex(term);\n\n  const highlight = Array.isArray(_highlight)\n    ? _highlight.map(prepareTerm)\n    : prepareTerm(_highlight);\n\n  const shouldHighlight = Array.isArray(highlight)\n    ? highlight.filter((part) => part.trim().length > 0).length > 0\n    : highlight.trim() !== '';\n\n  if (!shouldHighlight) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const matcher =\n    typeof highlight === 'string'\n      ? highlight.trim()\n      : highlight\n          .filter((part) => part.trim().length !== 0)\n          .map((part) => part.trim())\n          .sort((a, b) => b.length - a.length)\n          .join('|');\n\n  const pattern = wholeWord\n    ? `(?<![\\\\p{L}\\\\p{N}_])(${matcher})(?![\\\\p{L}\\\\p{N}_])`\n    : `(${matcher})`;\n  const flags = ['g', caseInsensitive ? 'i' : '', wholeWord ? 'u' : ''].join('');\n  const re = new RegExp(pattern, flags);\n\n  if (accentInsensitive) {\n    return getAccentInsensitiveChunks(value, re);\n  }\n\n  return value\n    .split(re)\n    .map((part, index) => ({ chunk: part, highlighted: index % 2 === 1 }))\n    .filter(({ chunk }) => chunk);\n}\n"],"mappings":";;AAAA,SAAS,YAAY,OAAe;CAClC,OAAO,MAAM,QAAQ,uBAAuB,MAAM;AACpD;AAEA,SAAgB,YAAY,MAAsB;CAChD,OAAO,KAAK,UAAU,KAAK,CAAC,CAAC,QAAQ,WAAW,EAAE;AACpD;AAEA,SAAS,mBAAmB,MAAiD;CAC3E,IAAI,SAAS;CACb,MAAM,MAAgB,CAAC;CACvB,IAAI,IAAI;CAER,OAAO,IAAI,KAAK,QAAQ;EACtB,MAAM,KAAK,KAAK,YAAY,CAAC;EAC7B,MAAM,QAAQ,OAAO,cAAc,EAAE;EACrC,MAAM,WAAW,YAAY,KAAK;EAClC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,GACxC,IAAI,KAAK,CAAC;EAEZ,UAAU;EACV,KAAK,MAAM;CACb;CAEA,IAAI,KAAK,KAAK,MAAM;CACpB,OAAO;EAAE;EAAQ;CAAI;AACvB;AAEA,SAAS,2BAA2B,OAAe,IAA8B;CAC/E,MAAM,EAAE,QAAQ,QAAQ,mBAAmB,KAAK;CAChD,MAAM,SAA2B,CAAC;CAClC,IAAI,cAAc;CAClB,IAAI;CAEJ,QAAQ,QAAQ,GAAG,KAAK,MAAM,OAAO,MAAM;EACzC,MAAM,cAAc,MAAM;EAC1B,MAAM,YAAY,cAAc,MAAM,EAAE,CAAC;EACzC,MAAM,YAAY,IAAI;EACtB,MAAM,UAAU,IAAI;EAEpB,IAAI,YAAY,aACd,OAAO,KAAK;GAAE,OAAO,MAAM,MAAM,aAAa,SAAS;GAAG,aAAa;EAAM,CAAC;EAEhF,OAAO,KAAK;GAAE,OAAO,MAAM,MAAM,WAAW,OAAO;GAAG,aAAa;EAAK,CAAC;EACzE,cAAc;EAEd,IAAI,MAAM,EAAE,CAAC,WAAW,GACtB,GAAG,aAAa;CAEpB;CAEA,IAAI,cAAc,MAAM,QACtB,OAAO,KAAK;EAAE,OAAO,MAAM,MAAM,WAAW;EAAG,aAAa;CAAM,CAAC;CAGrE,OAAO,OAAO,QAAQ,EAAE,YAAY,KAAK;AAC3C;AAcA,SAAgB,YACd,OACA,YACA,UAA8B,CAAC,GACb;CAClB,IAAI,cAAc,MAChB,OAAO,CAAC;EAAE,OAAO;EAAO,aAAa;CAAM,CAAC;CAG9C,MAAM,EAAE,YAAY,OAAO,kBAAkB,MAAM,oBAAoB,SAAS;CAEhF,MAAM,eAAe,SACnB,oBAAoB,YAAY,YAAY,IAAI,CAAC,IAAI,YAAY,IAAI;CAEvE,MAAM,YAAY,MAAM,QAAQ,UAAU,IACtC,WAAW,IAAI,WAAW,IAC1B,YAAY,UAAU;CAM1B,IAAI,EAJoB,MAAM,QAAQ,SAAS,IAC3C,UAAU,QAAQ,SAAS,KAAK,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAC5D,UAAU,KAAK,MAAM,KAGvB,OAAO,CAAC;EAAE,OAAO;EAAO,aAAa;CAAM,CAAC;CAG9C,MAAM,UACJ,OAAO,cAAc,WACjB,UAAU,KAAK,IACf,UACG,QAAQ,SAAS,KAAK,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAC1C,KAAK,SAAS,KAAK,KAAK,CAAC,CAAC,CAC1B,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CACnC,KAAK,GAAG;CAEjB,MAAM,UAAU,YACZ,wBAAwB,QAAQ,wBAChC,IAAI,QAAQ;CAChB,MAAM,QAAQ;EAAC;EAAK,kBAAkB,MAAM;EAAI,YAAY,MAAM;CAAE,CAAC,CAAC,KAAK,EAAE;CAC7E,MAAM,KAAK,IAAI,OAAO,SAAS,KAAK;CAEpC,IAAI,mBACF,OAAO,2BAA2B,OAAO,EAAE;CAG7C,OAAO,MACJ,MAAM,EAAE,CAAC,CACT,KAAK,MAAM,WAAW;EAAE,OAAO;EAAM,aAAa,QAAQ,MAAM;CAAE,EAAE,CAAC,CACrE,QAAQ,EAAE,YAAY,KAAK;AAChC"}

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

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.context.mjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.context.ts"],"sourcesContent":["import { createSafeContext } from '../../core';\n\nexport interface HoverCardContextValue {\n  openDropdown: () => void;\n  closeDropdown: () => void;\n  getReferenceProps?: () => any;\n  getFloatingProps?: () => any;\n  reference?: (node: HTMLElement | null) => void;\n  floating?: (node: HTMLElement | null) => void;\n}\n\nexport const [HoverCardContext, useHoverCardContext] = createSafeContext<HoverCardContextValue>(\n  'HoverCard component was not found in the tree'\n);\n"],"mappings":";;;AAWA,MAAa,CAAC,kBAAkB,uBAAuB,kBACrD,+CACF"}
+{"version":3,"file":"HoverCard.context.mjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.context.ts"],"sourcesContent":["import { createSafeContext } from '../../core';\n\nexport interface HoverCardContextValue {\n  openDropdown: () => void;\n  closeDropdown: () => void;\n  assignTarget: (node: HTMLElement | null) => void;\n  getReferenceProps?: () => any;\n  getFloatingProps?: () => any;\n  reference?: (node: HTMLElement | null) => void;\n  floating?: (node: HTMLElement | null) => void;\n}\n\nexport const [HoverCardContext, useHoverCardContext] = createSafeContext<HoverCardContextValue>(\n  'HoverCard component was not found in the tree'\n);\n"],"mappings":";;;AAYA,MAAa,CAAC,kBAAkB,uBAAuB,kBACrD,+CACF"}

package/esm/components/HoverCard/HoverCard.mjs

@@ -26,6 +26,7 @@ function HoverCard(props) {
 		value: {
 			openDropdown: hoverCard.openDropdown,
 			closeDropdown: hoverCard.closeDropdown,
+			assignTarget: hoverCard.assignTarget,
 			getReferenceProps: hoverCard.getReferenceProps,
 			getFloatingProps: hoverCard.getFloatingProps,
 			reference: hoverCard.reference,

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

@@ -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        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,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"}
+{"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"}

package/esm/components/HoverCard/HoverCardDropdown/HoverCardDropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCardDropdown.mjs","names":[],"sources":["../../../../src/components/HoverCard/HoverCardDropdown/HoverCardDropdown.tsx"],"sourcesContent":["import { use } from 'react';\nimport { createEventHandler, useProps } from '../../../core';\nimport { Popover, PopoverDropdownProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HoverCardGroupContext } from '../HoverCardGroup/HoverCardGroup';\n\nexport interface HoverCardDropdownProps extends PopoverDropdownProps {\n  /** Dropdown content */\n  children?: React.ReactNode;\n}\n\nexport function HoverCardDropdown(props: HoverCardDropdownProps) {\n  const { children, onMouseEnter, onMouseLeave, ...others } = useProps(\n    'HoverCardDropdown',\n    null,\n    props\n  );\n\n  const ctx = useHoverCardContext();\n  const groupCtx = use(HoverCardGroupContext);\n\n  if (groupCtx.withinGroup && ctx.getFloatingProps && ctx.floating) {\n    const floatingProps = ctx.getFloatingProps();\n\n    return (\n      <Popover.Dropdown\n        ref={ctx.floating}\n        {...floatingProps}\n        onMouseEnter={createEventHandler<any>(onMouseEnter, floatingProps.onMouseEnter)}\n        onMouseLeave={createEventHandler<any>(onMouseLeave, floatingProps.onMouseLeave)}\n        {...others}\n      >\n        {children}\n      </Popover.Dropdown>\n    );\n  }\n\n  const handleMouseEnter = createEventHandler<any>(onMouseEnter, ctx.openDropdown);\n  const handleMouseLeave = createEventHandler<any>(onMouseLeave!, ctx.closeDropdown);\n\n  return (\n    <Popover.Dropdown onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} {...others}>\n      {children}\n    </Popover.Dropdown>\n  );\n}\n\nHoverCardDropdown.displayName = '@mantine/core/HoverCardDropdown';\n"],"mappings":";;;;;;;;;AAWA,SAAgB,kBAAkB,OAA+B;CAC/D,MAAM,EAAE,UAAU,cAAc,cAAc,GAAG,WAAW,SAC1D,qBACA,MACA,KACF;CAEA,MAAM,MAAM,oBAAoB;CAGhC,IAFiB,IAAI,qBAEV,EAAE,eAAe,IAAI,oBAAoB,IAAI,UAAU;EAChE,MAAM,gBAAgB,IAAI,iBAAiB;EAE3C,OACE,oBAAC,QAAQ,UAAT;GACE,KAAK,IAAI;GACT,GAAI;GACJ,cAAc,mBAAwB,cAAc,cAAc,YAAY;GAC9E,cAAc,mBAAwB,cAAc,cAAc,YAAY;GAC9E,GAAI;GAEH;EACe,CAAA;CAEtB;CAEA,MAAM,mBAAmB,mBAAwB,cAAc,IAAI,YAAY;CAC/E,MAAM,mBAAmB,mBAAwB,cAAe,IAAI,aAAa;CAEjF,OACE,oBAAC,QAAQ,UAAT;EAAkB,cAAc;EAAkB,cAAc;EAAkB,GAAI;EACnF;CACe,CAAA;AAEtB;AAEA,kBAAkB,cAAc"}
+{"version":3,"file":"HoverCardDropdown.mjs","names":[],"sources":["../../../../src/components/HoverCard/HoverCardDropdown/HoverCardDropdown.tsx"],"sourcesContent":["import { use } from 'react';\nimport { createEventHandler, useProps } from '../../../core';\nimport { Popover, PopoverDropdownProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HoverCardGroupContext } from '../HoverCardGroup/HoverCardGroup';\n\nexport interface HoverCardDropdownProps extends PopoverDropdownProps {\n  /** Dropdown content */\n  children?: React.ReactNode;\n}\n\nexport function HoverCardDropdown(props: HoverCardDropdownProps) {\n  const { children, onMouseEnter, onMouseLeave, ...others } = useProps(\n    'HoverCardDropdown',\n    null,\n    props\n  );\n\n  const ctx = useHoverCardContext();\n  const groupCtx = use(HoverCardGroupContext);\n\n  if (groupCtx.withinGroup && ctx.getFloatingProps && ctx.floating) {\n    const floatingProps = ctx.getFloatingProps();\n\n    return (\n      <Popover.Dropdown\n        ref={ctx.floating}\n        {...floatingProps}\n        onMouseEnter={createEventHandler<any>(onMouseEnter, floatingProps.onMouseEnter)}\n        onMouseLeave={createEventHandler<any>(onMouseLeave, floatingProps.onMouseLeave)}\n        {...others}\n      >\n        {children}\n      </Popover.Dropdown>\n    );\n  }\n\n  const handleMouseEnter = createEventHandler<any>(onMouseEnter, ctx.openDropdown);\n  const handleMouseLeave = createEventHandler<any>(onMouseLeave!, ctx.closeDropdown);\n\n  return (\n    <Popover.Dropdown onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} {...others}>\n      {children}\n    </Popover.Dropdown>\n  );\n}\n\nHoverCardDropdown.displayName = '@mantine/core/HoverCardDropdown';\n"],"mappings":";;;;;;;;;AAWA,SAAgB,kBAAkB,OAA+B;CAC/D,MAAM,EAAE,UAAU,cAAc,cAAc,GAAG,WAAW,SAC1D,qBACA,MACA,KACF;CAEA,MAAM,MAAM,oBAAoB;CAGhC,IAFiB,IAAI,qBAEV,CAAC,CAAC,eAAe,IAAI,oBAAoB,IAAI,UAAU;EAChE,MAAM,gBAAgB,IAAI,iBAAiB;EAE3C,OACE,oBAAC,QAAQ,UAAT;GACE,KAAK,IAAI;GACT,GAAI;GACJ,cAAc,mBAAwB,cAAc,cAAc,YAAY;GAC9E,cAAc,mBAAwB,cAAc,cAAc,YAAY;GAC9E,GAAI;GAEH;EACe,CAAA;CAEtB;CAEA,MAAM,mBAAmB,mBAAwB,cAAc,IAAI,YAAY;CAC/E,MAAM,mBAAmB,mBAAwB,cAAe,IAAI,aAAa;CAEjF,OACE,oBAAC,QAAQ,UAAT;EAAkB,cAAc;EAAkB,cAAc;EAAkB,GAAI;EACnF;CACe,CAAA;AAEtB;AAEA,kBAAkB,cAAc"}

package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.mjs

@@ -1,11 +1,13 @@
 "use client";
 import { createEventHandler } from "../../../core/utils/create-event-handler/create-event-handler.mjs";
+import { getRefProp } from "../../../core/utils/get-ref-prop/get-ref-prop.mjs";
 import { getSingleElementChild } from "../../../core/utils/get-single-element-child/get-single-element-child.mjs";
 import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
 import { Popover } from "../../Popover/Popover.mjs";
 import { useHoverCardContext } from "../HoverCard.context.mjs";
 import { HoverCardGroupContext } from "../HoverCardGroup/HoverCardGroup.mjs";
 import { cloneElement, use } from "react";
+import { useMergedRef } from "@mantine/hooks";
 import { jsx } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx
 const defaultProps = { refProp: "ref" };
@@ -14,7 +16,9 @@ function HoverCardTarget(props) {
 	const child = getSingleElementChild(children);
 	if (!child) throw new Error("HoverCard.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");
 	const ctx = useHoverCardContext();
-	if (use(HoverCardGroupContext).withinGroup && ctx.getReferenceProps && ctx.reference) {
+	const groupContext = use(HoverCardGroupContext);
+	const targetRef = useMergedRef(getRefProp(child), ctx.assignTarget);
+	if (groupContext.withinGroup && ctx.getReferenceProps && ctx.reference) {
 		const referenceProps = ctx.getReferenceProps();
 		return /* @__PURE__ */ jsx(Popover.Target, {
 			refProp,
@@ -32,10 +36,14 @@ function HoverCardTarget(props) {
 		onMouseEnter: createEventHandler(child.props.onMouseEnter, ctx.openDropdown),
 		onMouseLeave: createEventHandler(child.props.onMouseLeave, ctx.closeDropdown)
 	};
+	const clonedProps = {
+		...eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners,
+		ref: targetRef
+	};
 	return /* @__PURE__ */ jsx(Popover.Target, {
 		refProp,
 		...others,
-		children: cloneElement(child, eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners)
+		children: cloneElement(child, clonedProps)
 	});
 }
 HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";