@mantine/core 9.3.1 → 9.4.0

package/cjs/components/Drawer/DrawerTitle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTitle.cjs","names":["factory","useProps","ModalBaseTitle","useDrawerContext","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,cAAcA,gBAAAA,SAA6B,WAAW;CAEjE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,eAAe,MAAM,MAC0B;CAItE,OACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EACE,GAJQC,uBAAAA,iBAIF,EAAE,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUC,sBAAAA;AACtB,YAAY,cAAc"}
+{"version":3,"file":"DrawerTitle.cjs","names":["factory","useProps","ModalBaseTitle","useDrawerContext","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,cAAcA,gBAAAA,SAA6B,WAAW;CAEjE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzCC,kBAAAA,SAAS,eAAe,MAAM,MAC0B;CAItE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD;EACE,GAJQC,uBAAAA,iBAIF,CAAC,CAAC,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,YAAY,UAAUC,sBAAAA;AACtB,YAAY,cAAc"}

package/cjs/components/EmptyState/EmptyState.cjs

@@ -0,0 +1,102 @@
+"use client";
+const require_get_size = require("../../core/utils/get-size/get-size.cjs");
+const require_create_vars_resolver = require("../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs");
+const require_use_props = require("../../core/MantineProvider/use-props/use-props.cjs");
+const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
+const require_factory = require("../../core/factory/factory.cjs");
+const require_Box = require("../../core/Box/Box.cjs");
+const require_EmptyState_context = require("./EmptyState.context.cjs");
+const require_EmptyState_module = require("./EmptyState.module.cjs");
+const require_EmptyStateActions = require("./EmptyStateActions/EmptyStateActions.cjs");
+const require_EmptyStateDescription = require("./EmptyStateDescription/EmptyStateDescription.cjs");
+const require_EmptyStateIndicator = require("./EmptyStateIndicator/EmptyStateIndicator.cjs");
+const require_EmptyStateTitle = require("./EmptyStateTitle/EmptyStateTitle.cjs");
+let react = require("react");
+let react_jsx_runtime = require("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) => {
+		react.Children.forEach(nodes, (child) => {
+			if ((0, react.isValidElement)(child) && child.type === react.Fragment) collect(child.props.children);
+			else flat.push(child);
+		});
+	};
+	collect(children);
+	return react.Children.toArray(flat);
+}
+const varsResolver = require_create_vars_resolver.createVarsResolver((theme, { size, variant, color }) => {
+	const colors = variant ? theme.variantColorResolver({
+		color: color || theme.primaryColor,
+		theme,
+		variant
+	}) : null;
+	return { root: {
+		"--empty-state-indicator-size": require_get_size.getSize(size, "empty-state-indicator-size"),
+		"--empty-state-gap": require_get_size.getSize(size, "empty-state-gap"),
+		"--empty-state-title-fz": require_get_size.getSize(size, "empty-state-title-fz"),
+		"--empty-state-description-fz": require_get_size.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 = require_factory.factory((_props) => {
+	const props = require_use_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 = require_use_styles.useStyles({
+		name: "EmptyState",
+		classes: require_EmptyState_module.default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
+	const bodyChildren = [];
+	let childrenIndicator = null;
+	flattenChildren(children).forEach((child) => {
+		if ((0, react.isValidElement)(child) && (child.type === require_EmptyStateIndicator.EmptyStateIndicator || child.type?.displayName === "@mantine/core/EmptyStateIndicator")) childrenIndicator = child;
+		else bodyChildren.push(child);
+	});
+	const indicator = icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmptyStateIndicator.EmptyStateIndicator, { children: icon }) : childrenIndicator;
+	const hasBody = title != null || description != null || bodyChildren.length > 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmptyState_context.EmptyStateProvider, {
+		value: {
+			getStyles,
+			withIndicatorBackground: withIndicatorBackground || !!variant
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, {
+			...getStyles("root", { variant }),
+			variant,
+			mod: [{ align }, mod],
+			...others,
+			children: [indicator, hasBody && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				...getStyles("body"),
+				children: [
+					title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmptyStateTitle.EmptyStateTitle, { children: title }),
+					description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmptyStateDescription.EmptyStateDescription, { children: description }),
+					bodyChildren
+				]
+			})]
+		})
+	});
+});
+EmptyState.classes = require_EmptyState_module.default;
+EmptyState.varsResolver = varsResolver;
+EmptyState.displayName = "@mantine/core/EmptyState";
+EmptyState.Indicator = require_EmptyStateIndicator.EmptyStateIndicator;
+EmptyState.Title = require_EmptyStateTitle.EmptyStateTitle;
+EmptyState.Description = require_EmptyStateDescription.EmptyStateDescription;
+EmptyState.Actions = require_EmptyStateActions.EmptyStateActions;
+//#endregion
+exports.EmptyState = EmptyState;
+
+//# sourceMappingURL=EmptyState.cjs.map

package/cjs/components/EmptyState/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","names":["Fragment","Children","createVarsResolver","getSize","factory","useProps","useStyles","EmptyStateIndicator","EmptyStateProvider","Box","EmptyStateTitle","EmptyStateDescription","classes","EmptyStateActions"],"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":"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"}

package/cjs/components/EmptyState/EmptyState.context.cjs

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

package/cjs/components/EmptyState/EmptyState.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.context.cjs","names":["createSafeContext"],"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,8FAAwBA,CAAAA,CAAAA,kBACxD,4CACF"}

package/cjs/components/EmptyState/EmptyState.module.cjs

@@ -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
+exports.default = EmptyState_module_default;
+
+//# sourceMappingURL=EmptyState.module.cjs.map

package/cjs/components/EmptyState/EmptyState.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.module.cjs","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/cjs/components/EmptyState/EmptyStateActions/EmptyStateActions.cjs

@@ -0,0 +1,28 @@
+"use client";
+const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
+const require_factory = require("../../../core/factory/factory.cjs");
+const require_Box = require("../../../core/Box/Box.cjs");
+const require_EmptyState_context = require("../EmptyState.context.cjs");
+const require_EmptyState_module = require("../EmptyState.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/core/src/components/EmptyState/EmptyStateActions/EmptyStateActions.tsx
+const EmptyStateActions = require_factory.factory((_props) => {
+	const { classNames, className, style, styles, vars, children, mod, ...others } = require_use_props.useProps("EmptyStateActions", null, _props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		mod,
+		...require_EmptyState_context.useEmptyStateContext().getStyles("actions", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children
+	});
+});
+EmptyStateActions.classes = require_EmptyState_module.default;
+EmptyStateActions.displayName = "@mantine/core/EmptyStateActions";
+//#endregion
+exports.EmptyStateActions = EmptyStateActions;
+
+//# sourceMappingURL=EmptyStateActions.cjs.map

package/cjs/components/EmptyState/EmptyStateActions/EmptyStateActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateActions.cjs","names":["factory","useProps","Box","useEmptyStateContext","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,oBAAoBA,gBAAAA,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,qBAAqB,MAAM,MACmC;CAIrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACO;EACL,GALQC,2BAAAA,qBAKF,CAAC,CAAC,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACrE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUC,0BAAAA;AAC5B,kBAAkB,cAAc"}

package/cjs/components/EmptyState/EmptyStateDescription/EmptyStateDescription.cjs

@@ -0,0 +1,29 @@
+"use client";
+const require_use_props = require("../../../core/MantineProvider/use-props/use-props.cjs");
+const require_factory = require("../../../core/factory/factory.cjs");
+const require_Box = require("../../../core/Box/Box.cjs");
+const require_EmptyState_context = require("../EmptyState.context.cjs");
+const require_EmptyState_module = require("../EmptyState.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region packages/@mantine/core/src/components/EmptyState/EmptyStateDescription/EmptyStateDescription.tsx
+const EmptyStateDescription = require_factory.factory((_props) => {
+	const { classNames, className, style, styles, vars, children, mod, ...others } = require_use_props.useProps("EmptyStateDescription", null, _props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		component: "p",
+		mod,
+		...require_EmptyState_context.useEmptyStateContext().getStyles("description", {
+			className,
+			style,
+			classNames,
+			styles
+		}),
+		...others,
+		children
+	});
+});
+EmptyStateDescription.classes = require_EmptyState_module.default;
+EmptyStateDescription.displayName = "@mantine/core/EmptyStateDescription";
+//#endregion
+exports.EmptyStateDescription = EmptyStateDescription;
+
+//# sourceMappingURL=EmptyStateDescription.cjs.map

package/cjs/components/EmptyState/EmptyStateDescription/EmptyStateDescription.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateDescription.cjs","names":["factory","useProps","Box","useEmptyStateContext","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,wBAAwBA,gBAAAA,SAAuC,WAAW;CAErF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,yBAAyB,MAAM,MAC+B;CAIrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,WAAU;EACL;EACL,GANQC,2BAAAA,qBAMF,CAAC,CAAC,UAAU,eAAe;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EACzE,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,sBAAsB,UAAUC,0BAAAA;AAChC,sBAAsB,cAAc"}

package/cjs/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.cjs

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

package/cjs/components/EmptyState/EmptyStateIndicator/EmptyStateIndicator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateIndicator.cjs","names":["factory","useProps","useEmptyStateContext","Box","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,sBAAsBA,gBAAAA,SAAqC,WAAW;CAEjF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,uBAAuB,MAAM,MACiC;CAErF,MAAM,MAAMC,2BAAAA,qBAAqB;CAEjC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,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,UAAUC,0BAAAA;AAC9B,oBAAoB,cAAc"}

package/cjs/components/EmptyState/EmptyStateTitle/EmptyStateTitle.cjs

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

package/cjs/components/EmptyState/EmptyStateTitle/EmptyStateTitle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyStateTitle.cjs","names":["factory","useProps","useEmptyStateContext","Box","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,kBAAkBA,gBAAAA,SAAiC,WAAW;CAEzE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,OAAO,KAAK,GAAG,WAD/DC,kBAAAA,SAAS,mBAAmB,MAAM,MAC4C;CAE5F,MAAM,MAAMC,2BAAAA,qBAAqB;CAEjC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,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,UAAUC,0BAAAA;AAC1B,gBAAgB,cAAc"}

package/cjs/components/Fieldset/Fieldset.cjs.map

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

package/cjs/components/FileButton/FileButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileButton.cjs","names":["genericFactory","useProps"],"sources":["../../../src/components/FileButton/FileButton.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { assignRef, useMergedRef } from '@mantine/hooks';\nimport { Factory, genericFactory, useProps } from '../../core';\n\nexport interface FileButtonProps<Multiple extends boolean = false> {\n  ref?: React.Ref<HTMLInputElement>;\n\n  /** Called when files are picked */\n  onChange: (payload: Multiple extends true ? File[] : File | null) => void;\n\n  /** Function that receives button props and returns react node that should be rendered */\n  children: (props: { onClick: () => void }) => React.ReactNode;\n\n  /** If set, user can pick more than one file */\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  /** Reference of the function that should be called when value changes to null or empty array */\n  resetRef?: React.Ref<() => void>;\n\n  /** Disables file picker */\n  disabled?: 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  /** Passes down props to the input element used to capture files */\n  inputProps?: React.ComponentProps<'input'>;\n}\n\nexport type FileButtonFactory = Factory<{\n  props: FileButtonProps;\n  signature: <Multiple extends boolean = false>(\n    props: FileButtonProps<Multiple>\n  ) => React.JSX.Element;\n}>;\n\nexport const FileButton = genericFactory<FileButtonFactory>((props) => {\n  const {\n    onChange,\n    children,\n    multiple,\n    accept,\n    name,\n    form,\n    resetRef,\n    disabled,\n    capture,\n    inputProps,\n    ref,\n    ...others\n  } = useProps('FileButton', null, props);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onClick = () => {\n    !disabled && inputRef.current?.click();\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.currentTarget.files === null) {\n      return onChange(multiple ? ([] as any) : null);\n    }\n\n    if (multiple) {\n      onChange(Array.from(event.currentTarget.files) as any);\n    } else {\n      onChange((event.currentTarget.files[0] as any) || null);\n    }\n  };\n\n  const reset = () => {\n    if (inputRef.current) {\n      inputRef.current.value = '';\n    }\n  };\n\n  assignRef(resetRef, reset);\n\n  return (\n    <>\n      <input\n        style={{ display: 'none' }}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleChange}\n        ref={useMergedRef(ref, inputRef)}\n        name={name}\n        form={form}\n        capture={capture}\n        {...inputProps}\n      />\n\n      {children({ onClick, ...others })}\n    </>\n  );\n});\n\nFileButton.displayName = '@mantine/core/FileButton';\n\nexport namespace FileButton {\n  export type Props<Multiple extends boolean = false> = FileButtonProps<Multiple>;\n  export type Factory = FileButtonFactory;\n}\n"],"mappings":";;;;;;;;;AA6CA,MAAa,aAAaA,gBAAAA,gBAAmC,UAAU;CACrE,MAAM,EACJ,UACA,UACA,UACA,QACA,MACA,MACA,UACA,UACA,SACA,YACA,KACA,GAAG,WACDC,kBAAAA,SAAS,cAAc,MAAM,KAAK;CAEtC,MAAM,YAAA,GAAA,MAAA,QAAoC,IAAI;CAE9C,MAAM,gBAAgB;EACpB,CAAC,YAAY,SAAS,SAAS,MAAM;CACvC;CAEA,MAAM,gBAAgB,UAA+C;EACnE,IAAI,MAAM,cAAc,UAAU,MAChC,OAAO,SAAS,WAAY,CAAC,IAAY,IAAI;EAG/C,IAAI,UACF,SAAS,MAAM,KAAK,MAAM,cAAc,KAAK,CAAQ;OAErD,SAAU,MAAM,cAAc,MAAM,MAAc,IAAI;CAE1D;CAEA,MAAM,cAAc;EAClB,IAAI,SAAS,SACX,SAAS,QAAQ,QAAQ;CAE7B;CAEA,CAAA,GAAA,eAAA,WAAU,UAAU,KAAK;CAEzB,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;EACE,OAAO,EAAE,SAAS,OAAO;EACzB,MAAK;EACG;EACE;EACV,UAAU;EACV,MAAA,GAAA,eAAA,cAAkB,KAAK,QAAQ;EACzB;EACA;EACG;EACT,GAAI;CACL,CAAA,GAEA,SAAS;EAAE;EAAS,GAAG;CAAO,CAAC,CAChC,EAAA,CAAA;AAEN,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"FileButton.cjs","names":["genericFactory","useProps"],"sources":["../../../src/components/FileButton/FileButton.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { assignRef, useMergedRef } from '@mantine/hooks';\nimport { Factory, genericFactory, useProps } from '../../core';\n\nexport interface FileButtonProps<Multiple extends boolean = false> {\n  ref?: React.Ref<HTMLInputElement>;\n\n  /** Called when files are picked */\n  onChange: (payload: Multiple extends true ? File[] : File | null) => void;\n\n  /** Function that receives button props and returns react node that should be rendered */\n  children: (props: { onClick: () => void }) => React.ReactNode;\n\n  /** If set, user can pick more than one file */\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  /** Reference of the function that should be called when value changes to null or empty array */\n  resetRef?: React.Ref<() => void>;\n\n  /** Disables file picker */\n  disabled?: 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  /** Passes down props to the input element used to capture files */\n  inputProps?: React.ComponentProps<'input'>;\n}\n\nexport type FileButtonFactory = Factory<{\n  props: FileButtonProps;\n  signature: <Multiple extends boolean = false>(\n    props: FileButtonProps<Multiple>\n  ) => React.JSX.Element;\n}>;\n\nexport const FileButton = genericFactory<FileButtonFactory>((props) => {\n  const {\n    onChange,\n    children,\n    multiple,\n    accept,\n    name,\n    form,\n    resetRef,\n    disabled,\n    capture,\n    inputProps,\n    ref,\n    ...others\n  } = useProps('FileButton', null, props);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const onClick = () => {\n    !disabled && inputRef.current?.click();\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.currentTarget.files === null) {\n      return onChange(multiple ? ([] as any) : null);\n    }\n\n    if (multiple) {\n      onChange(Array.from(event.currentTarget.files) as any);\n    } else {\n      onChange((event.currentTarget.files[0] as any) || null);\n    }\n  };\n\n  const reset = () => {\n    if (inputRef.current) {\n      inputRef.current.value = '';\n    }\n  };\n\n  assignRef(resetRef, reset);\n\n  return (\n    <>\n      <input\n        style={{ display: 'none' }}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleChange}\n        ref={useMergedRef(ref, inputRef)}\n        name={name}\n        form={form}\n        capture={capture}\n        {...inputProps}\n      />\n\n      {children({ onClick, ...others })}\n    </>\n  );\n});\n\nFileButton.displayName = '@mantine/core/FileButton';\n\nexport namespace FileButton {\n  export type Props<Multiple extends boolean = false> = FileButtonProps<Multiple>;\n  export type Factory = FileButtonFactory;\n}\n"],"mappings":";;;;;;;;;AA6CA,MAAa,aAAaA,gBAAAA,gBAAmC,UAAU;CACrE,MAAM,EACJ,UACA,UACA,UACA,QACA,MACA,MACA,UACA,UACA,SACA,YACA,KACA,GAAG,WACDC,kBAAAA,SAAS,cAAc,MAAM,KAAK;CAEtC,MAAM,YAAA,GAAA,MAAA,OAAA,CAAoC,IAAI;CAE9C,MAAM,gBAAgB;EACpB,CAAC,YAAY,SAAS,SAAS,MAAM;CACvC;CAEA,MAAM,gBAAgB,UAA+C;EACnE,IAAI,MAAM,cAAc,UAAU,MAChC,OAAO,SAAS,WAAY,CAAC,IAAY,IAAI;EAG/C,IAAI,UACF,SAAS,MAAM,KAAK,MAAM,cAAc,KAAK,CAAQ;OAErD,SAAU,MAAM,cAAc,MAAM,MAAc,IAAI;CAE1D;CAEA,MAAM,cAAc;EAClB,IAAI,SAAS,SACX,SAAS,QAAQ,QAAQ;CAE7B;CAEA,CAAA,GAAA,eAAA,UAAA,CAAU,UAAU,KAAK;CAEzB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,OAAO,EAAE,SAAS,OAAO;EACzB,MAAK;EACG;EACE;EACV,UAAU;EACV,MAAA,GAAA,eAAA,aAAA,CAAkB,KAAK,QAAQ;EACzB;EACA;EACG;EACT,GAAI;CACL,CAAA,GAEA,SAAS;EAAE;EAAS,GAAG;CAAO,CAAC,CAChC,EAAA,CAAA;AAEN,CAAC;AAED,WAAW,cAAc"}

package/cjs/components/FileInput/FileInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.cjs","names":["genericFactory","useProps","useResolvedStylesApi","CloseButton","FileButton","InputBase","Input"],"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,iBAAA,GAAA,kBAAA,KAAC,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,YAAYA,gBAAAA,gBAAkC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,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,YAAA,GAAA,MAAA,QAA8B,IAAI;CACxC,MAAM,EAAE,oBAAoB,mBAAmBC,gCAAAA,qBAAuC;EACpF;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,QAAQ,aAAA,GAAA,eAAA,iBAAkD;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,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,aAAD;EACE,GAAI;EACJ,SAAQ;EACR,eAAe,SAAS,WAAW,CAAC,IAAI,IAAI;EACtC;EACI;CACX,CAAA;CAGH,MAAM,aAAa,aAAa,YAAY,CAAC;CAE7C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAK,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,KAAM,WAAW,MAC/D,SAAS,UAAU;CAEvB,GAAG,CAAC,MAAM,CAAC;CAEX,OACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;EACE,UAAU;EACA;EACF;EACF;EACA;EACN,WAAA,GAAA,eAAA,cAAuB,UAAU,YAAY;EAC7C,UAAU;EACD;EACT,YAAY;aAEV,oBACA,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,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,iBAAA,GAAA,kBAAA,KAACC,cAAAA,MAAM,aAAP;IACE,kBAAiB;IACjB,YAAY;IACZ,QAAQ;IACI;cAEX;GACgB,CAAA,IAEnB,iBAAA,GAAA,kBAAA,KAAC,gBAAD,EAAgB,OAAO,OAAS,CAAA;EAEzB,CAAA;CAEH,CAAA;AAEhB,CAAC;AAED,UAAU,UAAUD,kBAAAA,UAAU;AAC9B,UAAU,cAAc"}
+{"version":3,"file":"FileInput.cjs","names":["genericFactory","useProps","useResolvedStylesApi","CloseButton","FileButton","InputBase","Input"],"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,iBAAA,GAAA,kBAAA,IAAA,CAAC,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,YAAYA,gBAAAA,gBAAkC,WAAW;CACpE,MAAM,QAAQC,kBAAAA,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,YAAA,GAAA,MAAA,OAAA,CAA8B,IAAI;CACxC,MAAM,EAAE,oBAAoB,mBAAmBC,gCAAAA,qBAAuC;EACpF;EACA;EACA;CACF,CAAC;CAED,MAAM,CAAC,QAAQ,aAAA,GAAA,eAAA,gBAAA,CAAkD;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,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,aAAD;EACE,GAAI;EACJ,SAAQ;EACR,eAAe,SAAS,WAAW,CAAC,IAAI,IAAI;EACtC;EACI;CACX,CAAA;CAGH,MAAM,aAAa,aAAa,YAAY,CAAC;CAE7C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAK,MAAM,QAAQ,MAAM,KAAK,OAAO,WAAW,KAAM,WAAW,MAC/D,SAAS,UAAU;CAEvB,GAAG,CAAC,MAAM,CAAC;CAEX,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;EACE,UAAU;EACA;EACF;EACF;EACA;EACN,WAAA,GAAA,eAAA,aAAA,CAAuB,UAAU,YAAY;EAC7C,UAAU;EACD;EACT,YAAY;aAEV,oBACA,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,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,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,MAAM,aAAP;IACE,kBAAiB;IACjB,YAAY;IACZ,QAAQ;IACI;cAEX;GACgB,CAAA,IAEnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD,EAAgB,OAAO,OAAS,CAAA;EAEzB,CAAA;CAEH,CAAA;AAEhB,CAAC;AAED,UAAU,UAAUD,kBAAAA,UAAU;AAC9B,UAAU,cAAc"}

package/cjs/components/Flex/Flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.cjs","names":["polymorphicFactory","useProps","useStyles","useMantineTheme","useRandomClassName","parseStyleProps","FLEX_STYLE_PROPS_DATA","useMantineDeduplicateInlineStyles","hashStyleProps","InlineStyles","Box","filterProps","classes"],"sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  filterProps,\n  hashStyleProps,\n  InlineStyles,\n  MantineSpacing,\n  parseStyleProps,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StyleProp,\n  StylesApiProps,\n  useMantineDeduplicateInlineStyles,\n  useMantineTheme,\n  useProps,\n  useRandomClassName,\n  useStyles,\n} from '../../core';\nimport { FLEX_STYLE_PROPS_DATA } from './flex-props';\nimport classes from './Flex.module.css';\n\nexport type FlexStylesNames = 'root';\n\nexport interface FlexProps extends BoxProps, StylesApiProps<FlexFactory>, ElementProps<'div'> {\n  /** `gap` CSS property */\n  gap?: StyleProp<MantineSpacing>;\n\n  /** `row-gap` CSS property */\n  rowGap?: StyleProp<MantineSpacing>;\n\n  /** `column-gap` CSS property */\n  columnGap?: StyleProp<MantineSpacing>;\n\n  /** `align-items` CSS property */\n  align?: StyleProp<React.CSSProperties['alignItems']>;\n\n  /** `justify-content` CSS property */\n  justify?: StyleProp<React.CSSProperties['justifyContent']>;\n\n  /** `flex-wrap` CSS property */\n  wrap?: StyleProp<React.CSSProperties['flexWrap']>;\n\n  /** `flex-direction` CSS property */\n  direction?: StyleProp<React.CSSProperties['flexDirection']>;\n}\n\nexport type FlexFactory = PolymorphicFactory<{\n  props: FlexProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: FlexStylesNames;\n}>;\n\nexport const Flex = polymorphicFactory<FlexFactory>((_props) => {\n  const props = useProps('Flex', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    gap,\n    rowGap,\n    columnGap,\n    align,\n    justify,\n    wrap,\n    direction,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<FlexFactory>({\n    name: 'Flex',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const theme = useMantineTheme();\n  const randomClassName = useRandomClassName();\n  const parsedStyleProps = parseStyleProps({\n    styleProps: { gap, rowGap, columnGap, align, justify, wrap, direction },\n    theme,\n    data: FLEX_STYLE_PROPS_DATA,\n  });\n\n  const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n  const responsiveClassName =\n    deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n      ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n      : randomClassName;\n\n  return (\n    <>\n      {parsedStyleProps.hasResponsiveStyles && (\n        <InlineStyles\n          selector={`.${responsiveClassName}`}\n          styles={parsedStyleProps.styles}\n          media={parsedStyleProps.media}\n          deduplicate={deduplicateInlineStyles}\n        />\n      )}\n      <Box\n        {...getStyles('root', {\n          className: responsiveClassName,\n          style: filterProps(parsedStyleProps.inlineStyles),\n        })}\n        {...others}\n      />\n    </>\n  );\n});\n\nFlex.classes = classes;\nFlex.displayName = '@mantine/core/Flex';\n\nexport namespace Flex {\n  export type Props = FlexProps;\n  export type StylesNames = FlexStylesNames;\n  export type Factory = FlexFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsDA,MAAa,OAAOA,4BAAAA,oBAAiC,WAAW;CAC9D,MAAM,QAAQC,kBAAAA,SAAS,QAAQ,MAAM,MAAM;CAC3C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,QACA,WACA,OACA,SACA,MACA,WACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAuB;EACvC,MAAM;EACN,SAAA,oBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,kBAAkBC,6BAAAA,mBAAmB;CAC3C,MAAM,mBAAmBC,0BAAAA,gBAAgB;EACvC,YAAY;GAAE;GAAK;GAAQ;GAAW;GAAO;GAAS;GAAM;EAAU;EACtE;EACA,MAAMC,mBAAAA;CACR,CAAC;CAED,MAAM,0BAA0BC,wBAAAA,kCAAkC;CAClE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxCC,oBAAAA,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAC9D;CAEN,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;CACd,CAAA,GAEH,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAAI,UAAU,QAAQ;GACpB,WAAW;GACX,OAAOC,qBAAAA,YAAY,iBAAiB,YAAY;EAClD,CAAC;EACD,GAAI;CACL,CAAA,CACD,EAAA,CAAA;AAEN,CAAC;AAED,KAAK,UAAUC,oBAAAA;AACf,KAAK,cAAc"}
+{"version":3,"file":"Flex.cjs","names":["polymorphicFactory","useProps","useStyles","useMantineTheme","useRandomClassName","parseStyleProps","FLEX_STYLE_PROPS_DATA","useMantineDeduplicateInlineStyles","hashStyleProps","InlineStyles","Box","filterProps","classes"],"sources":["../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  filterProps,\n  hashStyleProps,\n  InlineStyles,\n  MantineSpacing,\n  parseStyleProps,\n  polymorphicFactory,\n  PolymorphicFactory,\n  StyleProp,\n  StylesApiProps,\n  useMantineDeduplicateInlineStyles,\n  useMantineTheme,\n  useProps,\n  useRandomClassName,\n  useStyles,\n} from '../../core';\nimport { FLEX_STYLE_PROPS_DATA } from './flex-props';\nimport classes from './Flex.module.css';\n\nexport type FlexStylesNames = 'root';\n\nexport interface FlexProps extends BoxProps, StylesApiProps<FlexFactory>, ElementProps<'div'> {\n  /** `gap` CSS property */\n  gap?: StyleProp<MantineSpacing>;\n\n  /** `row-gap` CSS property */\n  rowGap?: StyleProp<MantineSpacing>;\n\n  /** `column-gap` CSS property */\n  columnGap?: StyleProp<MantineSpacing>;\n\n  /** `align-items` CSS property */\n  align?: StyleProp<React.CSSProperties['alignItems']>;\n\n  /** `justify-content` CSS property */\n  justify?: StyleProp<React.CSSProperties['justifyContent']>;\n\n  /** `flex-wrap` CSS property */\n  wrap?: StyleProp<React.CSSProperties['flexWrap']>;\n\n  /** `flex-direction` CSS property */\n  direction?: StyleProp<React.CSSProperties['flexDirection']>;\n}\n\nexport type FlexFactory = PolymorphicFactory<{\n  props: FlexProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: FlexStylesNames;\n}>;\n\nexport const Flex = polymorphicFactory<FlexFactory>((_props) => {\n  const props = useProps('Flex', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    gap,\n    rowGap,\n    columnGap,\n    align,\n    justify,\n    wrap,\n    direction,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<FlexFactory>({\n    name: 'Flex',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const theme = useMantineTheme();\n  const randomClassName = useRandomClassName();\n  const parsedStyleProps = parseStyleProps({\n    styleProps: { gap, rowGap, columnGap, align, justify, wrap, direction },\n    theme,\n    data: FLEX_STYLE_PROPS_DATA,\n  });\n\n  const deduplicateInlineStyles = useMantineDeduplicateInlineStyles();\n  const responsiveClassName =\n    deduplicateInlineStyles && parsedStyleProps.hasResponsiveStyles\n      ? hashStyleProps(parsedStyleProps.styles, parsedStyleProps.media)\n      : randomClassName;\n\n  return (\n    <>\n      {parsedStyleProps.hasResponsiveStyles && (\n        <InlineStyles\n          selector={`.${responsiveClassName}`}\n          styles={parsedStyleProps.styles}\n          media={parsedStyleProps.media}\n          deduplicate={deduplicateInlineStyles}\n        />\n      )}\n      <Box\n        {...getStyles('root', {\n          className: responsiveClassName,\n          style: filterProps(parsedStyleProps.inlineStyles),\n        })}\n        {...others}\n      />\n    </>\n  );\n});\n\nFlex.classes = classes;\nFlex.displayName = '@mantine/core/Flex';\n\nexport namespace Flex {\n  export type Props = FlexProps;\n  export type StylesNames = FlexStylesNames;\n  export type Factory = FlexFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsDA,MAAa,OAAOA,4BAAAA,oBAAiC,WAAW;CAC9D,MAAM,QAAQC,kBAAAA,SAAS,QAAQ,MAAM,MAAM;CAC3C,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,QACA,WACA,OACA,SACA,MACA,WACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAuB;EACvC,MAAM;EACN,SAAA,oBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,QAAQC,6BAAAA,gBAAgB;CAC9B,MAAM,kBAAkBC,6BAAAA,mBAAmB;CAC3C,MAAM,mBAAmBC,0BAAAA,gBAAgB;EACvC,YAAY;GAAE;GAAK;GAAQ;GAAW;GAAO;GAAS;GAAM;EAAU;EACtE;EACA,MAAMC,mBAAAA;CACR,CAAC;CAED,MAAM,0BAA0BC,wBAAAA,kCAAkC;CAClE,MAAM,sBACJ,2BAA2B,iBAAiB,sBACxCC,oBAAAA,eAAe,iBAAiB,QAAQ,iBAAiB,KAAK,IAC9D;CAEN,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,iBAAiB,uBAChB,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,cAAD;EACE,UAAU,IAAI;EACd,QAAQ,iBAAiB;EACzB,OAAO,iBAAiB;EACxB,aAAa;CACd,CAAA,GAEH,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EACE,GAAI,UAAU,QAAQ;GACpB,WAAW;GACX,OAAOC,qBAAAA,YAAY,iBAAiB,YAAY;EAClD,CAAC;EACD,GAAI;CACL,CAAA,CACD,EAAA,CAAA;AAEN,CAAC;AAED,KAAK,UAAUC,oBAAAA;AACf,KAAK,cAAc"}

package/cjs/components/FloatingIndicator/FloatingIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingIndicator.cjs","names":["createVarsResolver","factory","useProps","useStyles","useFloatingIndicator","Box","classes"],"sources":["../../../src/components/FloatingIndicator/FloatingIndicator.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMergedRef, useReducedMotion } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { useFloatingIndicator } from './use-floating-indicator';\nimport classes from './FloatingIndicator.module.css';\n\nexport type FloatingIndicatorStylesNames = 'root';\nexport type FloatingIndicatorCssVariables = {\n  root: '--transition-duration';\n};\n\nexport interface FloatingIndicatorProps\n  extends BoxProps, StylesApiProps<FloatingIndicatorFactory>, ElementProps<'div'> {\n  /** Target element over which the indicator is displayed.\n   * The indicator will be positioned to match the target's size and position.\n   * */\n  target: HTMLElement | null | undefined;\n\n  /** Parent container element that must have `position: relative`.\n   * The indicator's position is calculated relative to this element.\n   * */\n  parent: HTMLElement | null | undefined;\n\n  /** Transition duration in ms @default 150 */\n  transitionDuration?: number | string;\n\n  /** Controls whether the indicator should be hidden initially and displayed after the parent's transition ends.\n   * Set to `true` when the parent container has CSS transitions (e.g., `transform: scale()`) to prevent\n   * the indicator from appearing at the wrong position during the parent's animation.\n   * @default false\n   * */\n  displayAfterTransitionEnd?: boolean;\n\n  /** Called when the indicator starts transitioning to a new position */\n  onTransitionStart?: () => void;\n\n  /** Called when the indicator finishes transitioning to a new position */\n  onTransitionEnd?: () => void;\n}\n\nexport type FloatingIndicatorFactory = Factory<{\n  props: FloatingIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: FloatingIndicatorStylesNames;\n  vars: FloatingIndicatorCssVariables;\n  ctx: { shouldReduceMotion: boolean };\n}>;\n\nconst varsResolver = createVarsResolver<FloatingIndicatorFactory>(\n  (theme, { transitionDuration }, { shouldReduceMotion }) => {\n    const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n    const duration = reduceMotion\n      ? '0ms'\n      : typeof transitionDuration === 'number'\n        ? `${transitionDuration}ms`\n        : transitionDuration || '150ms';\n\n    return {\n      root: {\n        '--transition-duration': duration,\n      },\n    };\n  }\n);\n\nexport const FloatingIndicator = factory<FloatingIndicatorFactory>((_props) => {\n  const props = useProps('FloatingIndicator', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    target,\n    parent,\n    transitionDuration,\n    mod,\n    displayAfterTransitionEnd,\n    onTransitionStart,\n    onTransitionEnd,\n    attributes,\n    ref,\n    ...others\n  } = props;\n\n  const shouldReduceMotion = useReducedMotion();\n\n  const getStyles = useStyles<FloatingIndicatorFactory>({\n    name: 'FloatingIndicator',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    stylesCtx: { shouldReduceMotion },\n  });\n\n  const innerRef = useRef<HTMLDivElement>(null);\n  const { initialized, hidden } = useFloatingIndicator({\n    target,\n    parent,\n    ref: innerRef,\n    displayAfterTransitionEnd,\n    onTransitionStart,\n    onTransitionEnd,\n  });\n\n  const mergedRef = useMergedRef(ref, innerRef);\n\n  if (!target || !parent) {\n    return null;\n  }\n\n  return (\n    <Box ref={mergedRef} mod={[{ initialized, hidden }, mod]} {...getStyles('root')} {...others} />\n  );\n});\n\nFloatingIndicator.displayName = '@mantine/core/FloatingIndicator';\nFloatingIndicator.classes = classes;\nFloatingIndicator.varsResolver = varsResolver;\n\nexport namespace FloatingIndicator {\n  export type Props = FloatingIndicatorProps;\n  export type StylesNames = FloatingIndicatorStylesNames;\n  export type CssVariables = FloatingIndicatorCssVariables;\n  export type Factory = FloatingIndicatorFactory;\n}\n"],"mappings":";;;;;;;;;;;;AA0DA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,sBAAsB,EAAE,yBAAyB;CAQzD,OAAO,EACL,MAAM,EACJ,0BATiB,MAAM,uBAAuB,qBAAqB,SAEnE,QACA,OAAO,uBAAuB,WAC5B,GAAG,mBAAmB,MACtB,sBAAsB,QAK1B,EACF;AACF,CACF;AAEA,MAAa,oBAAoBC,gBAAAA,SAAmC,WAAW;CAC7E,MAAM,QAAQC,kBAAAA,SAAS,qBAAqB,MAAM,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,QACA,oBACA,KACA,2BACA,mBACA,iBACA,YACA,KACA,GAAG,WACD;CAIJ,MAAM,YAAYC,mBAAAA,UAAoC;EACpD,MAAM;EACN,SAAA,iCAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW,EAAE,qBAAA,GAAA,eAAA,kBAAiB,EAAE;CAClC,CAAC;CAED,MAAM,YAAA,GAAA,MAAA,QAAkC,IAAI;CAC5C,MAAM,EAAE,aAAa,WAAWC,+BAAAA,qBAAqB;EACnD;EACA;EACA,KAAK;EACL;EACA;EACA;CACF,CAAC;CAED,MAAM,aAAA,GAAA,eAAA,cAAyB,KAAK,QAAQ;CAE5C,IAAI,CAAC,UAAU,CAAC,QACd,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,KAAK;EAAW,KAAK,CAAC;GAAE;GAAa;EAAO,GAAG,GAAG;EAAG,GAAI,UAAU,MAAM;EAAG,GAAI;CAAS,CAAA;AAElG,CAAC;AAED,kBAAkB,cAAc;AAChC,kBAAkB,UAAUC,iCAAAA;AAC5B,kBAAkB,eAAe"}
+{"version":3,"file":"FloatingIndicator.cjs","names":["createVarsResolver","factory","useProps","useStyles","useFloatingIndicator","Box","classes"],"sources":["../../../src/components/FloatingIndicator/FloatingIndicator.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { useMergedRef, useReducedMotion } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { useFloatingIndicator } from './use-floating-indicator';\nimport classes from './FloatingIndicator.module.css';\n\nexport type FloatingIndicatorStylesNames = 'root';\nexport type FloatingIndicatorCssVariables = {\n  root: '--transition-duration';\n};\n\nexport interface FloatingIndicatorProps\n  extends BoxProps, StylesApiProps<FloatingIndicatorFactory>, ElementProps<'div'> {\n  /** Target element over which the indicator is displayed.\n   * The indicator will be positioned to match the target's size and position.\n   * */\n  target: HTMLElement | null | undefined;\n\n  /** Parent container element that must have `position: relative`.\n   * The indicator's position is calculated relative to this element.\n   * */\n  parent: HTMLElement | null | undefined;\n\n  /** Transition duration in ms @default 150 */\n  transitionDuration?: number | string;\n\n  /** Controls whether the indicator should be hidden initially and displayed after the parent's transition ends.\n   * Set to `true` when the parent container has CSS transitions (e.g., `transform: scale()`) to prevent\n   * the indicator from appearing at the wrong position during the parent's animation.\n   * @default false\n   * */\n  displayAfterTransitionEnd?: boolean;\n\n  /** Called when the indicator starts transitioning to a new position */\n  onTransitionStart?: () => void;\n\n  /** Called when the indicator finishes transitioning to a new position */\n  onTransitionEnd?: () => void;\n}\n\nexport type FloatingIndicatorFactory = Factory<{\n  props: FloatingIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: FloatingIndicatorStylesNames;\n  vars: FloatingIndicatorCssVariables;\n  ctx: { shouldReduceMotion: boolean };\n}>;\n\nconst varsResolver = createVarsResolver<FloatingIndicatorFactory>(\n  (theme, { transitionDuration }, { shouldReduceMotion }) => {\n    const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n    const duration = reduceMotion\n      ? '0ms'\n      : typeof transitionDuration === 'number'\n        ? `${transitionDuration}ms`\n        : transitionDuration || '150ms';\n\n    return {\n      root: {\n        '--transition-duration': duration,\n      },\n    };\n  }\n);\n\nexport const FloatingIndicator = factory<FloatingIndicatorFactory>((_props) => {\n  const props = useProps('FloatingIndicator', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    target,\n    parent,\n    transitionDuration,\n    mod,\n    displayAfterTransitionEnd,\n    onTransitionStart,\n    onTransitionEnd,\n    attributes,\n    ref,\n    ...others\n  } = props;\n\n  const shouldReduceMotion = useReducedMotion();\n\n  const getStyles = useStyles<FloatingIndicatorFactory>({\n    name: 'FloatingIndicator',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    stylesCtx: { shouldReduceMotion },\n  });\n\n  const innerRef = useRef<HTMLDivElement>(null);\n  const { initialized, hidden } = useFloatingIndicator({\n    target,\n    parent,\n    ref: innerRef,\n    displayAfterTransitionEnd,\n    onTransitionStart,\n    onTransitionEnd,\n  });\n\n  const mergedRef = useMergedRef(ref, innerRef);\n\n  if (!target || !parent) {\n    return null;\n  }\n\n  return (\n    <Box ref={mergedRef} mod={[{ initialized, hidden }, mod]} {...getStyles('root')} {...others} />\n  );\n});\n\nFloatingIndicator.displayName = '@mantine/core/FloatingIndicator';\nFloatingIndicator.classes = classes;\nFloatingIndicator.varsResolver = varsResolver;\n\nexport namespace FloatingIndicator {\n  export type Props = FloatingIndicatorProps;\n  export type StylesNames = FloatingIndicatorStylesNames;\n  export type CssVariables = FloatingIndicatorCssVariables;\n  export type Factory = FloatingIndicatorFactory;\n}\n"],"mappings":";;;;;;;;;;;;AA0DA,MAAM,eAAeA,6BAAAA,oBAClB,OAAO,EAAE,sBAAsB,EAAE,yBAAyB;CAQzD,OAAO,EACL,MAAM,EACJ,0BATiB,MAAM,uBAAuB,qBAAqB,SAEnE,QACA,OAAO,uBAAuB,WAC5B,GAAG,mBAAmB,MACtB,sBAAsB,QAK1B,EACF;AACF,CACF;AAEA,MAAa,oBAAoBC,gBAAAA,SAAmC,WAAW;CAC7E,MAAM,QAAQC,kBAAAA,SAAS,qBAAqB,MAAM,MAAM;CACxD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,QACA,oBACA,KACA,2BACA,mBACA,iBACA,YACA,KACA,GAAG,WACD;CAIJ,MAAM,YAAYC,mBAAAA,UAAoC;EACpD,MAAM;EACN,SAAA,iCAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW,EAAE,qBAAA,GAAA,eAAA,iBAAA,CAAiB,EAAE;CAClC,CAAC;CAED,MAAM,YAAA,GAAA,MAAA,OAAA,CAAkC,IAAI;CAC5C,MAAM,EAAE,aAAa,WAAWC,+BAAAA,qBAAqB;EACnD;EACA;EACA,KAAK;EACL;EACA;EACA;CACF,CAAC;CAED,MAAM,aAAA,GAAA,eAAA,aAAA,CAAyB,KAAK,QAAQ;CAE5C,IAAI,CAAC,UAAU,CAAC,QACd,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,KAAK;EAAW,KAAK,CAAC;GAAE;GAAa;EAAO,GAAG,GAAG;EAAG,GAAI,UAAU,MAAM;EAAG,GAAI;CAAS,CAAA;AAElG,CAAC;AAED,kBAAkB,cAAc;AAChC,kBAAkB,UAAUC,iCAAAA;AAC5B,kBAAkB,eAAe"}

package/cjs/components/FloatingIndicator/use-floating-indicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-indicator.cjs","names":["toInt","getEnv"],"sources":["../../../src/components/FloatingIndicator/use-floating-indicator.ts"],"sourcesContent":["import { useEffect, useRef, useState, type RefObject } from 'react';\nimport { useMutationObserverTarget, useTimeout } from '@mantine/hooks';\nimport { getEnv } from '../../core';\nimport { toInt } from '../ScrollArea/utils';\n\nfunction isParent(\n  parentElement: HTMLElement | EventTarget | null,\n  childElement: HTMLElement | null\n) {\n  if (!childElement || !parentElement) {\n    return false;\n  }\n\n  let parent = childElement.parentNode;\n  while (parent != null) {\n    if (parent === parentElement) {\n      return true;\n    }\n    parent = parent.parentNode;\n  }\n  return false;\n}\n\ninterface UseFloatingIndicatorInput {\n  target: HTMLElement | null | undefined;\n  parent: HTMLElement | null | undefined;\n  ref: RefObject<HTMLElement | null>;\n  displayAfterTransitionEnd?: boolean;\n  onTransitionStart?: () => void;\n  onTransitionEnd?: () => void;\n}\n\nexport function useFloatingIndicator({\n  target,\n  parent,\n  ref,\n  displayAfterTransitionEnd,\n  onTransitionStart,\n  onTransitionEnd,\n}: UseFloatingIndicatorInput) {\n  const transitionTimeout = useRef<number>(-1);\n  const previousTarget = useRef<HTMLElement | null | undefined>(target);\n  const [initialized, setInitialized] = useState(false);\n\n  const [hidden, setHidden] = useState(\n    typeof displayAfterTransitionEnd === 'boolean' ? displayAfterTransitionEnd : false\n  );\n\n  const updatePosition = () => {\n    if (!target || !parent || !ref.current) {\n      return;\n    }\n\n    const targetRect = target.getBoundingClientRect();\n    const parentRect = parent.getBoundingClientRect();\n\n    const targetComputedStyle = window.getComputedStyle(target);\n    const parentComputedStyle = window.getComputedStyle(parent);\n\n    const borderTopWidth =\n      toInt(targetComputedStyle.borderTopWidth) + toInt(parentComputedStyle.borderTopWidth);\n    const borderLeftWidth =\n      toInt(targetComputedStyle.borderLeftWidth) + toInt(parentComputedStyle.borderLeftWidth);\n\n    const position = {\n      top: targetRect.top - parentRect.top - borderTopWidth,\n      left: targetRect.left - parentRect.left - borderLeftWidth,\n      width: targetRect.width,\n      height: targetRect.height,\n    };\n\n    ref.current.style.transform = `translateY(${position.top}px) translateX(${position.left}px)`;\n    ref.current.style.width = `${position.width}px`;\n    ref.current.style.height = `${position.height}px`;\n  };\n\n  const updatePositionWithoutAnimation = () => {\n    window.clearTimeout(transitionTimeout.current);\n    if (ref.current) {\n      ref.current.style.transitionDuration = '0ms';\n    }\n    updatePosition();\n    transitionTimeout.current = window.setTimeout(() => {\n      if (ref.current) {\n        ref.current.style.transitionDuration = '';\n      }\n    }, 30);\n  };\n\n  const targetResizeObserver = useRef<ResizeObserver>(null);\n  const parentResizeObserver = useRef<ResizeObserver>(null);\n\n  useEffect(() => {\n    if (initialized && previousTarget.current !== target && onTransitionStart) {\n      onTransitionStart();\n    }\n\n    previousTarget.current = target;\n    updatePosition();\n\n    if (target) {\n      targetResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation);\n      targetResizeObserver.current.observe(target);\n\n      if (parent) {\n        parentResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation);\n        parentResizeObserver.current.observe(parent);\n      }\n\n      return () => {\n        targetResizeObserver.current?.disconnect();\n        parentResizeObserver.current?.disconnect();\n      };\n    }\n\n    return undefined;\n  }, [parent, target]);\n\n  useEffect(() => {\n    if (parent) {\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        if (isParent(event.target, parent)) {\n          updatePositionWithoutAnimation();\n          setHidden(false);\n        }\n      };\n\n      parent.addEventListener('transitionend', handleTransitionEnd);\n      return () => {\n        parent.removeEventListener('transitionend', handleTransitionEnd);\n      };\n    }\n\n    return undefined;\n  }, [parent]);\n\n  useEffect(() => {\n    if (ref.current && onTransitionEnd) {\n      const handleIndicatorTransitionEnd = (event: TransitionEvent) => {\n        if (event.propertyName === 'transform') {\n          onTransitionEnd();\n        }\n      };\n\n      ref.current.addEventListener('transitionend', handleIndicatorTransitionEnd);\n      return () => {\n        ref.current?.removeEventListener('transitionend', handleIndicatorTransitionEnd);\n      };\n    }\n\n    return undefined;\n  }, [onTransitionEnd]);\n\n  useTimeout(\n    () => {\n      // Prevents warning about state update without act\n      if (getEnv() !== 'test') {\n        setInitialized(true);\n      }\n    },\n    20,\n    { autoInvoke: true }\n  );\n\n  useMutationObserverTarget(\n    (mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'dir') {\n          updatePositionWithoutAnimation();\n        }\n      });\n    },\n    { attributes: true, attributeFilter: ['dir'] },\n    () => document.documentElement\n  );\n\n  return { initialized, hidden };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-floating-indicator.cjs","names":["toInt","getEnv"],"sources":["../../../src/components/FloatingIndicator/use-floating-indicator.ts"],"sourcesContent":["import { useEffect, useRef, useState, type RefObject } from 'react';\nimport { useMutationObserverTarget, useTimeout } from '@mantine/hooks';\nimport { getEnv } from '../../core';\nimport { toInt } from '../ScrollArea/utils';\n\nfunction isParent(\n  parentElement: HTMLElement | EventTarget | null,\n  childElement: HTMLElement | null\n) {\n  if (!childElement || !parentElement) {\n    return false;\n  }\n\n  let parent = childElement.parentNode;\n  while (parent != null) {\n    if (parent === parentElement) {\n      return true;\n    }\n    parent = parent.parentNode;\n  }\n  return false;\n}\n\ninterface UseFloatingIndicatorInput {\n  target: HTMLElement | null | undefined;\n  parent: HTMLElement | null | undefined;\n  ref: RefObject<HTMLElement | null>;\n  displayAfterTransitionEnd?: boolean;\n  onTransitionStart?: () => void;\n  onTransitionEnd?: () => void;\n}\n\nexport function useFloatingIndicator({\n  target,\n  parent,\n  ref,\n  displayAfterTransitionEnd,\n  onTransitionStart,\n  onTransitionEnd,\n}: UseFloatingIndicatorInput) {\n  const transitionTimeout = useRef<number>(-1);\n  const previousTarget = useRef<HTMLElement | null | undefined>(target);\n  const [initialized, setInitialized] = useState(false);\n\n  const [hidden, setHidden] = useState(\n    typeof displayAfterTransitionEnd === 'boolean' ? displayAfterTransitionEnd : false\n  );\n\n  const updatePosition = () => {\n    if (!target || !parent || !ref.current) {\n      return;\n    }\n\n    const targetRect = target.getBoundingClientRect();\n    const parentRect = parent.getBoundingClientRect();\n\n    const targetComputedStyle = window.getComputedStyle(target);\n    const parentComputedStyle = window.getComputedStyle(parent);\n\n    const borderTopWidth =\n      toInt(targetComputedStyle.borderTopWidth) + toInt(parentComputedStyle.borderTopWidth);\n    const borderLeftWidth =\n      toInt(targetComputedStyle.borderLeftWidth) + toInt(parentComputedStyle.borderLeftWidth);\n\n    const position = {\n      top: targetRect.top - parentRect.top - borderTopWidth,\n      left: targetRect.left - parentRect.left - borderLeftWidth,\n      width: targetRect.width,\n      height: targetRect.height,\n    };\n\n    ref.current.style.transform = `translateY(${position.top}px) translateX(${position.left}px)`;\n    ref.current.style.width = `${position.width}px`;\n    ref.current.style.height = `${position.height}px`;\n  };\n\n  const updatePositionWithoutAnimation = () => {\n    window.clearTimeout(transitionTimeout.current);\n    if (ref.current) {\n      ref.current.style.transitionDuration = '0ms';\n    }\n    updatePosition();\n    transitionTimeout.current = window.setTimeout(() => {\n      if (ref.current) {\n        ref.current.style.transitionDuration = '';\n      }\n    }, 30);\n  };\n\n  const targetResizeObserver = useRef<ResizeObserver>(null);\n  const parentResizeObserver = useRef<ResizeObserver>(null);\n\n  useEffect(() => {\n    if (initialized && previousTarget.current !== target && onTransitionStart) {\n      onTransitionStart();\n    }\n\n    previousTarget.current = target;\n    updatePosition();\n\n    if (target) {\n      targetResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation);\n      targetResizeObserver.current.observe(target);\n\n      if (parent) {\n        parentResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation);\n        parentResizeObserver.current.observe(parent);\n      }\n\n      return () => {\n        targetResizeObserver.current?.disconnect();\n        parentResizeObserver.current?.disconnect();\n      };\n    }\n\n    return undefined;\n  }, [parent, target]);\n\n  useEffect(() => {\n    if (parent) {\n      const handleTransitionEnd = (event: TransitionEvent) => {\n        if (isParent(event.target, parent)) {\n          updatePositionWithoutAnimation();\n          setHidden(false);\n        }\n      };\n\n      parent.addEventListener('transitionend', handleTransitionEnd);\n      return () => {\n        parent.removeEventListener('transitionend', handleTransitionEnd);\n      };\n    }\n\n    return undefined;\n  }, [parent]);\n\n  useEffect(() => {\n    if (ref.current && onTransitionEnd) {\n      const handleIndicatorTransitionEnd = (event: TransitionEvent) => {\n        if (event.propertyName === 'transform') {\n          onTransitionEnd();\n        }\n      };\n\n      ref.current.addEventListener('transitionend', handleIndicatorTransitionEnd);\n      return () => {\n        ref.current?.removeEventListener('transitionend', handleIndicatorTransitionEnd);\n      };\n    }\n\n    return undefined;\n  }, [onTransitionEnd]);\n\n  useTimeout(\n    () => {\n      // Prevents warning about state update without act\n      if (getEnv() !== 'test') {\n        setInitialized(true);\n      }\n    },\n    20,\n    { autoInvoke: true }\n  );\n\n  useMutationObserverTarget(\n    (mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.type === 'attributes' && mutation.attributeName === 'dir') {\n          updatePositionWithoutAnimation();\n        }\n      });\n    },\n    { attributes: true, attributeFilter: ['dir'] },\n    () => document.documentElement\n  );\n\n  return { initialized, hidden };\n}\n"],"mappings":";;;;;;AAKA,SAAS,SACP,eACA,cACA;CACA,IAAI,CAAC,gBAAgB,CAAC,eACpB,OAAO;CAGT,IAAI,SAAS,aAAa;CAC1B,OAAO,UAAU,MAAM;EACrB,IAAI,WAAW,eACb,OAAO;EAET,SAAS,OAAO;CAClB;CACA,OAAO;AACT;AAWA,SAAgB,qBAAqB,EACnC,QACA,QACA,KACA,2BACA,mBACA,mBAC4B;CAC5B,MAAM,qBAAA,GAAA,MAAA,OAAA,CAAmC,EAAE;CAC3C,MAAM,kBAAA,GAAA,MAAA,OAAA,CAAwD,MAAM;CACpE,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,SAAA,CAA2B,KAAK;CAEpD,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CACb,OAAO,8BAA8B,YAAY,4BAA4B,KAC/E;CAEA,MAAM,uBAAuB;EAC3B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,SAC7B;EAGF,MAAM,aAAa,OAAO,sBAAsB;EAChD,MAAM,aAAa,OAAO,sBAAsB;EAEhD,MAAM,sBAAsB,OAAO,iBAAiB,MAAM;EAC1D,MAAM,sBAAsB,OAAO,iBAAiB,MAAM;EAE1D,MAAM,iBACJA,eAAAA,MAAM,oBAAoB,cAAc,IAAIA,eAAAA,MAAM,oBAAoB,cAAc;EACtF,MAAM,kBACJA,eAAAA,MAAM,oBAAoB,eAAe,IAAIA,eAAAA,MAAM,oBAAoB,eAAe;EAExF,MAAM,WAAW;GACf,KAAK,WAAW,MAAM,WAAW,MAAM;GACvC,MAAM,WAAW,OAAO,WAAW,OAAO;GAC1C,OAAO,WAAW;GAClB,QAAQ,WAAW;EACrB;EAEA,IAAI,QAAQ,MAAM,YAAY,cAAc,SAAS,IAAI,iBAAiB,SAAS,KAAK;EACxF,IAAI,QAAQ,MAAM,QAAQ,GAAG,SAAS,MAAM;EAC5C,IAAI,QAAQ,MAAM,SAAS,GAAG,SAAS,OAAO;CAChD;CAEA,MAAM,uCAAuC;EAC3C,OAAO,aAAa,kBAAkB,OAAO;EAC7C,IAAI,IAAI,SACN,IAAI,QAAQ,MAAM,qBAAqB;EAEzC,eAAe;EACf,kBAAkB,UAAU,OAAO,iBAAiB;GAClD,IAAI,IAAI,SACN,IAAI,QAAQ,MAAM,qBAAqB;EAE3C,GAAG,EAAE;CACP;CAEA,MAAM,wBAAA,GAAA,MAAA,OAAA,CAA8C,IAAI;CACxD,MAAM,wBAAA,GAAA,MAAA,OAAA,CAA8C,IAAI;CAExD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,eAAe,eAAe,YAAY,UAAU,mBACtD,kBAAkB;EAGpB,eAAe,UAAU;EACzB,eAAe;EAEf,IAAI,QAAQ;GACV,qBAAqB,UAAU,IAAI,eAAe,8BAA8B;GAChF,qBAAqB,QAAQ,QAAQ,MAAM;GAE3C,IAAI,QAAQ;IACV,qBAAqB,UAAU,IAAI,eAAe,8BAA8B;IAChF,qBAAqB,QAAQ,QAAQ,MAAM;GAC7C;GAEA,aAAa;IACX,qBAAqB,SAAS,WAAW;IACzC,qBAAqB,SAAS,WAAW;GAC3C;EACF;CAGF,GAAG,CAAC,QAAQ,MAAM,CAAC;CAEnB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,QAAQ;GACV,MAAM,uBAAuB,UAA2B;IACtD,IAAI,SAAS,MAAM,QAAQ,MAAM,GAAG;KAClC,+BAA+B;KAC/B,UAAU,KAAK;IACjB;GACF;GAEA,OAAO,iBAAiB,iBAAiB,mBAAmB;GAC5D,aAAa;IACX,OAAO,oBAAoB,iBAAiB,mBAAmB;GACjE;EACF;CAGF,GAAG,CAAC,MAAM,CAAC;CAEX,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,IAAI,WAAW,iBAAiB;GAClC,MAAM,gCAAgC,UAA2B;IAC/D,IAAI,MAAM,iBAAiB,aACzB,gBAAgB;GAEpB;GAEA,IAAI,QAAQ,iBAAiB,iBAAiB,4BAA4B;GAC1E,aAAa;IACX,IAAI,SAAS,oBAAoB,iBAAiB,4BAA4B;GAChF;EACF;CAGF,GAAG,CAAC,eAAe,CAAC;CAEpB,CAAA,GAAA,eAAA,WAAA,OACQ;EAEJ,IAAIC,gBAAAA,OAAO,MAAM,QACf,eAAe,IAAI;CAEvB,GACA,IACA,EAAE,YAAY,KAAK,CACrB;CAEA,CAAA,GAAA,eAAA,0BAAA,EACG,cAAc;EACb,UAAU,SAAS,aAAa;GAC9B,IAAI,SAAS,SAAS,gBAAgB,SAAS,kBAAkB,OAC/D,+BAA+B;EAEnC,CAAC;CACH,GACA;EAAE,YAAY;EAAM,iBAAiB,CAAC,KAAK;CAAE,SACvC,SAAS,eACjB;CAEA,OAAO;EAAE;EAAa;CAAO;AAC/B"}

package/cjs/components/FloatingWindow/FloatingWindow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingWindow.cjs","names":["getDefaultZIndex","factory","useProps","useStyles","OptionalPortal","Paper","classes"],"sources":["../../../src/components/FloatingWindow/FloatingWindow.tsx"],"sourcesContent":["import { useImperativeHandle } from 'react';\nimport {\n  SetFloatingWindowPosition,\n  useFloatingWindow,\n  UseFloatingWindowOptions,\n  useMergedRef,\n} from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Paper, PaperBaseProps } from '../Paper';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport classes from './FloatingWindow.module.css';\n\nexport type FloatingWindowStylesNames = 'root';\n\nexport interface FloatingWindowProps\n  extends\n    UseFloatingWindowOptions,\n    PaperBaseProps,\n    BoxProps,\n    StylesApiProps<FloatingWindowFactory>,\n    ElementProps<'div', keyof UseFloatingWindowOptions> {\n  /** Assigns ref to set position programmatically */\n  setPositionRef?: React.RefObject<SetFloatingWindowPosition | null>;\n\n  /** Determines whether the window should be rendered inside `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** Props passed down to `Portal` component */\n  portalProps?: Omit<PortalProps, 'children'>;\n\n  /** `z-index` of the root element @default 400 */\n  zIndex?: React.CSSProperties['zIndex'];\n}\n\nexport type FloatingWindowFactory = Factory<{\n  props: FloatingWindowProps;\n  ref: HTMLDivElement;\n  stylesNames: FloatingWindowStylesNames;\n}>;\n\nconst defaultProps = {\n  constrainToViewport: true,\n  zIndex: getDefaultZIndex('overlay'),\n} satisfies Partial<FloatingWindowProps>;\n\nexport const FloatingWindow = factory<FloatingWindowFactory>((_props) => {\n  const props = useProps('FloatingWindow', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    enabled,\n    constrainToViewport,\n    constrainOffset,\n    dragHandleSelector,\n    excludeDragHandleSelector,\n    axis,\n    initialPosition,\n    onPositionChange,\n    onDragStart,\n    onDragEnd,\n    setPositionRef,\n    withinPortal,\n    portalProps,\n    zIndex,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<FloatingWindowFactory>({\n    name: 'FloatingWindow',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n  });\n\n  const floatingWindow = useFloatingWindow({\n    enabled,\n    constrainToViewport,\n    constrainOffset,\n    dragHandleSelector,\n    excludeDragHandleSelector,\n    axis,\n    initialPosition,\n    onPositionChange,\n    onDragStart,\n    onDragEnd,\n  });\n\n  useImperativeHandle(setPositionRef, () => floatingWindow.setPosition, [\n    floatingWindow.setPosition,\n  ]);\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} {...portalProps}>\n      <Paper\n        ref={useMergedRef(ref, floatingWindow.ref)}\n        mod={[{ dragging: floatingWindow.isDragging }, mod]}\n        {...getStyles('root')}\n        {...others}\n        __vars={{ '--floating-window-z-index': zIndex.toString() }}\n      />\n    </OptionalPortal>\n  );\n});\n\nFloatingWindow.displayName = '@mantine/core/FloatingWindow';\nFloatingWindow.classes = classes;\n\nexport namespace FloatingWindow {\n  export type Props = FloatingWindowProps;\n  export type StylesNames = FloatingWindowStylesNames;\n  export type Factory = FloatingWindowFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAiDA,MAAM,eAAe;CACnB,qBAAqB;CACrB,QAAQA,4BAAAA,iBAAiB,SAAS;AACpC;AAEA,MAAa,iBAAiBC,gBAAAA,SAAgC,WAAW;CACvE,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,SACA,qBACA,iBACA,oBACA,2BACA,MACA,iBACA,kBACA,aACA,WACA,gBACA,cACA,aACA,QACA,KACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAiC;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,kBAAA,GAAA,eAAA,mBAAmC;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,CAAA,GAAA,MAAA,qBAAoB,sBAAsB,eAAe,aAAa,CACpE,eAAe,WACjB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,gBAAD;EAA8B;EAAc,GAAI;YAC9C,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;GACE,MAAA,GAAA,eAAA,cAAkB,KAAK,eAAe,GAAG;GACzC,KAAK,CAAC,EAAE,UAAU,eAAe,WAAW,GAAG,GAAG;GAClD,GAAI,UAAU,MAAM;GACpB,GAAI;GACJ,QAAQ,EAAE,6BAA6B,OAAO,SAAS,EAAE;EAC1D,CAAA;CACa,CAAA;AAEpB,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUC,8BAAAA"}
+{"version":3,"file":"FloatingWindow.cjs","names":["getDefaultZIndex","factory","useProps","useStyles","OptionalPortal","Paper","classes"],"sources":["../../../src/components/FloatingWindow/FloatingWindow.tsx"],"sourcesContent":["import { useImperativeHandle } from 'react';\nimport {\n  SetFloatingWindowPosition,\n  useFloatingWindow,\n  UseFloatingWindowOptions,\n  useMergedRef,\n} from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  getDefaultZIndex,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { Paper, PaperBaseProps } from '../Paper';\nimport { OptionalPortal, PortalProps } from '../Portal';\nimport classes from './FloatingWindow.module.css';\n\nexport type FloatingWindowStylesNames = 'root';\n\nexport interface FloatingWindowProps\n  extends\n    UseFloatingWindowOptions,\n    PaperBaseProps,\n    BoxProps,\n    StylesApiProps<FloatingWindowFactory>,\n    ElementProps<'div', keyof UseFloatingWindowOptions> {\n  /** Assigns ref to set position programmatically */\n  setPositionRef?: React.RefObject<SetFloatingWindowPosition | null>;\n\n  /** Determines whether the window should be rendered inside `Portal` @default true */\n  withinPortal?: boolean;\n\n  /** Props passed down to `Portal` component */\n  portalProps?: Omit<PortalProps, 'children'>;\n\n  /** `z-index` of the root element @default 400 */\n  zIndex?: React.CSSProperties['zIndex'];\n}\n\nexport type FloatingWindowFactory = Factory<{\n  props: FloatingWindowProps;\n  ref: HTMLDivElement;\n  stylesNames: FloatingWindowStylesNames;\n}>;\n\nconst defaultProps = {\n  constrainToViewport: true,\n  zIndex: getDefaultZIndex('overlay'),\n} satisfies Partial<FloatingWindowProps>;\n\nexport const FloatingWindow = factory<FloatingWindowFactory>((_props) => {\n  const props = useProps('FloatingWindow', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    mod,\n    enabled,\n    constrainToViewport,\n    constrainOffset,\n    dragHandleSelector,\n    excludeDragHandleSelector,\n    axis,\n    initialPosition,\n    onPositionChange,\n    onDragStart,\n    onDragEnd,\n    setPositionRef,\n    withinPortal,\n    portalProps,\n    zIndex,\n    ref,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<FloatingWindowFactory>({\n    name: 'FloatingWindow',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n  });\n\n  const floatingWindow = useFloatingWindow({\n    enabled,\n    constrainToViewport,\n    constrainOffset,\n    dragHandleSelector,\n    excludeDragHandleSelector,\n    axis,\n    initialPosition,\n    onPositionChange,\n    onDragStart,\n    onDragEnd,\n  });\n\n  useImperativeHandle(setPositionRef, () => floatingWindow.setPosition, [\n    floatingWindow.setPosition,\n  ]);\n\n  return (\n    <OptionalPortal withinPortal={withinPortal} {...portalProps}>\n      <Paper\n        ref={useMergedRef(ref, floatingWindow.ref)}\n        mod={[{ dragging: floatingWindow.isDragging }, mod]}\n        {...getStyles('root')}\n        {...others}\n        __vars={{ '--floating-window-z-index': zIndex.toString() }}\n      />\n    </OptionalPortal>\n  );\n});\n\nFloatingWindow.displayName = '@mantine/core/FloatingWindow';\nFloatingWindow.classes = classes;\n\nexport namespace FloatingWindow {\n  export type Props = FloatingWindowProps;\n  export type StylesNames = FloatingWindowStylesNames;\n  export type Factory = FloatingWindowFactory;\n}\n"],"mappings":";;;;;;;;;;;;AAiDA,MAAM,eAAe;CACnB,qBAAqB;CACrB,QAAQA,4BAAAA,iBAAiB,SAAS;AACpC;AAEA,MAAa,iBAAiBC,gBAAAA,SAAgC,WAAW;CACvE,MAAM,QAAQC,kBAAAA,SAAS,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,KACA,SACA,qBACA,iBACA,oBACA,2BACA,MACA,iBACA,kBACA,aACA,WACA,gBACA,cACA,aACA,QACA,KACA,GAAG,WACD;CAEJ,MAAM,YAAYC,mBAAAA,UAAiC;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,kBAAA,GAAA,eAAA,kBAAA,CAAmC;EACvC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,CAAA,GAAA,MAAA,oBAAA,CAAoB,sBAAsB,eAAe,aAAa,CACpE,eAAe,WACjB,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,uBAAAA,gBAAD;EAA8B;EAAc,GAAI;YAC9C,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;GACE,MAAA,GAAA,eAAA,aAAA,CAAkB,KAAK,eAAe,GAAG;GACzC,KAAK,CAAC,EAAE,UAAU,eAAe,WAAW,GAAG,GAAG;GAClD,GAAI,UAAU,MAAM;GACpB,GAAI;GACJ,QAAQ,EAAE,6BAA6B,OAAO,SAAS,EAAE;EAC1D,CAAA;CACa,CAAA;AAEpB,CAAC;AAED,eAAe,cAAc;AAC7B,eAAe,UAAUC,8BAAAA"}

package/cjs/components/FocusTrap/FocusTrap.cjs.map

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

package/cjs/components/Grid/Grid.cjs.map

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