@mantine/core 9.3.2 → 9.4.1

package/esm/components/DataList/DataList.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { getFontSize, getLineHeight, getSpacing } from "../../core/utils/get-size/get-size.mjs";
+import { createVarsResolver } from "../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
+import { useProps } from "../../core/MantineProvider/use-props/use-props.mjs";
+import { useStyles } from "../../core/styles-api/use-styles/use-styles.mjs";
+import { factory } from "../../core/factory/factory.mjs";
+import { Box } from "../../core/Box/Box.mjs";
+import { DataListProvider } from "./DataList.context.mjs";
+import DataList_module_default from "./DataList.module.mjs";
+import { DataListItem } from "./DataListItem/DataListItem.mjs";
+import { DataListItemLabel } from "./DataListItemLabel/DataListItemLabel.mjs";
+import { DataListItemValue } from "./DataListItemValue/DataListItemValue.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/DataList/DataList.tsx
+const defaultProps = { orientation: "horizontal" };
+const varsResolver = createVarsResolver((_, { size, gap, labelWidth }) => ({ root: {
+	"--data-list-fz": getFontSize(size),
+	"--data-list-lh": getLineHeight(size),
+	"--data-list-gap": getSpacing(gap),
+	"--data-list-label-width": labelWidth !== void 0 ? typeof labelWidth === "number" ? `${labelWidth}px` : labelWidth : void 0
+} }));
+const DataList = factory((_props) => {
+	const props = useProps("DataList", defaultProps, _props);
+	const { classNames, className, style, styles, unstyled, vars, children, gap, orientation, withDivider, labelWidth, mod, attributes, ...others } = props;
+	const getStyles = useStyles({
+		name: "DataList",
+		classes: DataList_module_default,
+		props,
+		className,
+		style,
+		classNames,
+		styles,
+		unstyled,
+		attributes,
+		vars,
+		varsResolver
+	});
+	return /* @__PURE__ */ jsx(DataListProvider, {
+		value: { getStyles },
+		children: /* @__PURE__ */ jsx(Box, {
+			...getStyles("root"),
+			component: "dl",
+			mod: [{
+				orientation,
+				"with-divider": withDivider
+			}, mod],
+			...others,
+			children
+		})
+	});
+});
+DataList.classes = DataList_module_default;
+DataList.varsResolver = varsResolver;
+DataList.displayName = "@mantine/core/DataList";
+DataList.Item = DataListItem;
+DataList.ItemLabel = DataListItemLabel;
+DataList.ItemValue = DataListItemValue;
+//#endregion
+export { DataList };
+
+//# sourceMappingURL=DataList.mjs.map

package/esm/components/DataList/DataList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.mjs","names":["classes"],"sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getFontSize,\n  getLineHeight,\n  getSpacing,\n  MantineSize,\n  MantineSpacing,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport { DataListProvider } from './DataList.context';\nimport { DataListItem, DataListItemStylesNames } from './DataListItem/DataListItem';\nimport {\n  DataListItemLabel,\n  DataListItemLabelStylesNames,\n} from './DataListItemLabel/DataListItemLabel';\nimport {\n  DataListItemValue,\n  DataListItemValueStylesNames,\n} from './DataListItemValue/DataListItemValue';\nimport classes from './DataList.module.css';\n\nexport type DataListStylesNames =\n  | 'root'\n  | DataListItemStylesNames\n  | DataListItemLabelStylesNames\n  | DataListItemValueStylesNames;\n\nexport type DataListCssVariables = {\n  root: '--data-list-fz' | '--data-list-lh' | '--data-list-gap' | '--data-list-label-width';\n};\n\nexport interface DataListProps\n  extends BoxProps, StylesApiProps<DataListFactory>, ElementProps<'dl'> {\n  /** DataList.Item components */\n  children?: React.ReactNode;\n\n  /** Controls `font-size` and `line-height` @default 'sm' */\n  size?: MantineSize;\n\n  /** Key of `theme.spacing` or any valid CSS value to set gap between items @default 'sm' */\n  gap?: MantineSpacing;\n\n  /** Controls arrangement of label and value within each item. `horizontal` renders label and value side by side, `vertical` stacks label on top of value @default 'horizontal' */\n  orientation?: 'horizontal' | 'vertical';\n\n  /** Adds border between items @default false */\n  withDivider?: boolean;\n\n  /** Controls min-width of the label (dt) element, any valid CSS value @default '120px' */\n  labelWidth?: React.CSSProperties['minWidth'];\n}\n\nexport type DataListFactory = Factory<{\n  props: DataListProps;\n  ref: HTMLDListElement;\n  stylesNames: DataListStylesNames;\n  vars: DataListCssVariables;\n  staticComponents: {\n    Item: typeof DataListItem;\n    ItemLabel: typeof DataListItemLabel;\n    ItemValue: typeof DataListItemValue;\n  };\n}>;\n\nconst defaultProps = {\n  orientation: 'horizontal',\n} satisfies Partial<DataListProps>;\n\nconst varsResolver = createVarsResolver<DataListFactory>((_, { size, gap, labelWidth }) => ({\n  root: {\n    '--data-list-fz': getFontSize(size),\n    '--data-list-lh': getLineHeight(size),\n    '--data-list-gap': getSpacing(gap),\n    '--data-list-label-width':\n      labelWidth !== undefined\n        ? typeof labelWidth === 'number'\n          ? `${labelWidth}px`\n          : labelWidth\n        : undefined,\n  },\n}));\n\nexport const DataList = factory<DataListFactory>((_props) => {\n  const props = useProps('DataList', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    gap,\n    orientation,\n    withDivider,\n    labelWidth,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<DataListFactory>({\n    name: 'DataList',\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    <DataListProvider value={{ getStyles }}>\n      <Box<any>\n        {...getStyles('root')}\n        component=\"dl\"\n        mod={[{ orientation, 'with-divider': withDivider }, mod]}\n        {...others}\n      >\n        {children}\n      </Box>\n    </DataListProvider>\n  );\n});\n\nDataList.classes = classes;\nDataList.varsResolver = varsResolver;\nDataList.displayName = '@mantine/core/DataList';\nDataList.Item = DataListItem;\nDataList.ItemLabel = DataListItemLabel;\nDataList.ItemValue = DataListItemValue;\n"],"mappings":";;;;;;;;;;;;;;AAuEA,MAAM,eAAe,EACnB,aAAa,aACf;AAEA,MAAM,eAAe,oBAAqC,GAAG,EAAE,MAAM,KAAK,kBAAkB,EAC1F,MAAM;CACJ,kBAAkB,YAAY,IAAI;CAClC,kBAAkB,cAAc,IAAI;CACpC,mBAAmB,WAAW,GAAG;CACjC,2BACE,eAAe,KAAA,IACX,OAAO,eAAe,WACpB,GAAG,WAAW,MACd,aACF,KAAA;AACR,EACF,EAAE;AAEF,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS,YAAY,cAAc,MAAM;CACvD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,KACA,aACA,aACA,YACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA2B;EAC3C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,kBAAD;EAAkB,OAAO,EAAE,UAAU;YACnC,oBAAC,KAAD;GACE,GAAI,UAAU,MAAM;GACpB,WAAU;GACV,KAAK,CAAC;IAAE;IAAa,gBAAgB;GAAY,GAAG,GAAG;GACvD,GAAI;GAEH;EACE,CAAA;CACW,CAAA;AAEtB,CAAC;AAED,SAAS,UAAUA;AACnB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,OAAO;AAChB,SAAS,YAAY;AACrB,SAAS,YAAY"}

package/esm/components/DataList/DataList.module.mjs

@@ -0,0 +1,12 @@
+"use client";
+//#region packages/@mantine/core/src/components/DataList/DataList.module.css
+var DataList_module_default = {
+	"root": "m_f84d0407",
+	"item": "m_f848fe38",
+	"itemLabel": "m_c791b39c",
+	"itemValue": "m_c81ec619"
+};
+//#endregion
+export { DataList_module_default as default };
+
+//# sourceMappingURL=DataList.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.module.mjs","names":[],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".root {\n  --data-list-fz: var(--mantine-font-size-sm);\n  --data-list-lh: var(--mantine-line-height-sm);\n  --data-list-gap: var(--mantine-spacing-sm);\n  --data-list-label-width: rem(120px);\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--data-list-gap);\n  font-size: var(--data-list-fz);\n  line-height: var(--data-list-lh);\n  margin: 0;\n  padding: 0;\n\n  &:where([data-with-divider]) {\n    gap: 0;\n  }\n}\n\n.item {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: var(--mantine-spacing-xs);\n}\n\n.root:where([data-orientation='vertical']) > .item {\n  flex-direction: column;\n  gap: 0;\n}\n\n.itemLabel {\n  color: var(--mantine-color-dimmed);\n  font-size: var(--data-list-fz);\n  line-height: var(--data-list-lh);\n  min-width: var(--data-list-label-width);\n  margin: 0;\n}\n\n.root:where([data-orientation='vertical']) .itemLabel {\n  min-width: 100%;\n}\n\n.itemValue {\n  font-size: var(--data-list-fz);\n  line-height: var(--data-list-lh);\n  margin: 0;\n}\n\n.root:where([data-with-divider]) > .item:where(:not(:first-of-type)) {\n  border-top: rem(1px) solid var(--mantine-color-default-border);\n  padding-top: var(--data-list-gap);\n  margin-top: var(--data-list-gap);\n}\n"],"mappings":""}

package/esm/components/DataList/DataListItem/DataListItem.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useDataListContext } from "../DataList.context.mjs";
+import DataList_module_default from "../DataList.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/DataList/DataListItem/DataListItem.tsx
+const DataListItem = factory((_props) => {
+	const { classNames, className, style, styles, vars, children, mod, ...others } = useProps("DataListItem", null, _props);
+	const ctx = useDataListContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	return /* @__PURE__ */ jsx(Box, {
+		...ctx.getStyles("item", {
+			...stylesApiProps,
+			className,
+			style
+		}),
+		mod,
+		...others,
+		children
+	});
+});
+DataListItem.classes = DataList_module_default;
+DataListItem.displayName = "@mantine/core/DataListItem";
+//#endregion
+export { DataListItem };
+
+//# sourceMappingURL=DataListItem.mjs.map

package/esm/components/DataList/DataListItem/DataListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListItem.mjs","names":["classes"],"sources":["../../../../src/components/DataList/DataListItem/DataListItem.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useDataListContext } from '../DataList.context';\nimport classes from '../DataList.module.css';\n\nexport type DataListItemStylesNames = 'item';\n\nexport interface DataListItemProps\n  extends BoxProps, CompoundStylesApiProps<DataListItemFactory>, ElementProps<'div'> {\n  /** Item content */\n  children?: React.ReactNode;\n}\n\nexport type DataListItemFactory = Factory<{\n  props: DataListItemProps;\n  ref: HTMLDivElement;\n  stylesNames: DataListItemStylesNames;\n  compound: true;\n}>;\n\nexport const DataListItem = factory<DataListItemFactory>((_props) => {\n  const props = useProps('DataListItem', null, _props);\n  const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n  const ctx = useDataListContext();\n  const stylesApiProps = { classNames, styles };\n\n  return (\n    <Box {...ctx.getStyles('item', { ...stylesApiProps, className, style })} mod={mod} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nDataListItem.classes = classes;\nDataListItem.displayName = '@mantine/core/DataListItem';\n"],"mappings":";;;;;;;;AA2BA,MAAa,eAAe,SAA8B,WAAW;CAEnE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,gBAAgB,MAAM,MACwC;CAErF,MAAM,MAAM,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,oBAAC,KAAD;EAAK,GAAI,IAAI,UAAU,QAAQ;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EAAQ;EAAK,GAAI;EACpF;CACE,CAAA;AAET,CAAC;AAED,aAAa,UAAUA;AACvB,aAAa,cAAc"}

package/esm/components/DataList/DataListItemLabel/DataListItemLabel.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useDataListContext } from "../DataList.context.mjs";
+import DataList_module_default from "../DataList.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/DataList/DataListItemLabel/DataListItemLabel.tsx
+const DataListItemLabel = factory((_props) => {
+	const { classNames, className, style, styles, vars, children, mod, ...others } = useProps("DataListItemLabel", null, _props);
+	const ctx = useDataListContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	return /* @__PURE__ */ jsx(Box, {
+		component: "dt",
+		...ctx.getStyles("itemLabel", {
+			...stylesApiProps,
+			className,
+			style
+		}),
+		mod,
+		...others,
+		children
+	});
+});
+DataListItemLabel.classes = DataList_module_default;
+DataListItemLabel.displayName = "@mantine/core/DataListItemLabel";
+//#endregion
+export { DataListItemLabel };
+
+//# sourceMappingURL=DataListItemLabel.mjs.map

package/esm/components/DataList/DataListItemLabel/DataListItemLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListItemLabel.mjs","names":["classes"],"sources":["../../../../src/components/DataList/DataListItemLabel/DataListItemLabel.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useDataListContext } from '../DataList.context';\nimport classes from '../DataList.module.css';\n\nexport type DataListItemLabelStylesNames = 'itemLabel';\n\nexport interface DataListItemLabelProps\n  extends BoxProps, CompoundStylesApiProps<DataListItemLabelFactory>, ElementProps<'dt'> {\n  /** Label content */\n  children?: React.ReactNode;\n}\n\nexport type DataListItemLabelFactory = Factory<{\n  props: DataListItemLabelProps;\n  ref: HTMLElement;\n  stylesNames: DataListItemLabelStylesNames;\n  compound: true;\n}>;\n\nexport const DataListItemLabel = factory<DataListItemLabelFactory>((_props) => {\n  const props = useProps('DataListItemLabel', null, _props);\n  const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n  const ctx = useDataListContext();\n  const stylesApiProps = { classNames, styles };\n\n  return (\n    <Box\n      component=\"dt\"\n      {...ctx.getStyles('itemLabel', { ...stylesApiProps, className, style })}\n      mod={mod}\n      {...others}\n    >\n      {children}\n    </Box>\n  );\n});\n\nDataListItemLabel.classes = classes;\nDataListItemLabel.displayName = '@mantine/core/DataListItemLabel';\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,qBAAqB,MAAM,MACmC;CAErF,MAAM,MAAM,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,oBAAC,KAAD;EACE,WAAU;EACV,GAAI,IAAI,UAAU,aAAa;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EACjE;EACL,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}

package/esm/components/DataList/DataListItemValue/DataListItemValue.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
+import { factory } from "../../../core/factory/factory.mjs";
+import { Box } from "../../../core/Box/Box.mjs";
+import { useDataListContext } from "../DataList.context.mjs";
+import DataList_module_default from "../DataList.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/DataList/DataListItemValue/DataListItemValue.tsx
+const DataListItemValue = factory((_props) => {
+	const { classNames, className, style, styles, vars, children, mod, ...others } = useProps("DataListItemValue", null, _props);
+	const ctx = useDataListContext();
+	const stylesApiProps = {
+		classNames,
+		styles
+	};
+	return /* @__PURE__ */ jsx(Box, {
+		component: "dd",
+		...ctx.getStyles("itemValue", {
+			...stylesApiProps,
+			className,
+			style
+		}),
+		mod,
+		...others,
+		children
+	});
+});
+DataListItemValue.classes = DataList_module_default;
+DataListItemValue.displayName = "@mantine/core/DataListItemValue";
+//#endregion
+export { DataListItemValue };
+
+//# sourceMappingURL=DataListItemValue.mjs.map

package/esm/components/DataList/DataListItemValue/DataListItemValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataListItemValue.mjs","names":["classes"],"sources":["../../../../src/components/DataList/DataListItemValue/DataListItemValue.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useDataListContext } from '../DataList.context';\nimport classes from '../DataList.module.css';\n\nexport type DataListItemValueStylesNames = 'itemValue';\n\nexport interface DataListItemValueProps\n  extends BoxProps, CompoundStylesApiProps<DataListItemValueFactory>, ElementProps<'dd'> {\n  /** Value content */\n  children?: React.ReactNode;\n}\n\nexport type DataListItemValueFactory = Factory<{\n  props: DataListItemValueProps;\n  ref: HTMLElement;\n  stylesNames: DataListItemValueStylesNames;\n  compound: true;\n}>;\n\nexport const DataListItemValue = factory<DataListItemValueFactory>((_props) => {\n  const props = useProps('DataListItemValue', null, _props);\n  const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n  const ctx = useDataListContext();\n  const stylesApiProps = { classNames, styles };\n\n  return (\n    <Box\n      component=\"dd\"\n      {...ctx.getStyles('itemValue', { ...stylesApiProps, className, style })}\n      mod={mod}\n      {...others}\n    >\n      {children}\n    </Box>\n  );\n});\n\nDataListItemValue.classes = classes;\nDataListItemValue.displayName = '@mantine/core/DataListItemValue';\n"],"mappings":";;;;;;;;AA2BA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxD,SAAS,qBAAqB,MAAM,MACmC;CAErF,MAAM,MAAM,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,oBAAC,KAAD;EACE,WAAU;EACV,GAAI,IAAI,UAAU,aAAa;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EACjE;EACL,GAAI;EAEH;CACE,CAAA;AAET,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerBody.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerBody.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseBody, ModalBaseBodyProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerBodyStylesNames = 'body';\n\nexport interface DrawerBodyProps\n  extends ModalBaseBodyProps, CompoundStylesApiProps<DrawerBodyFactory> {}\n\nexport type DrawerBodyFactory = Factory<{\n  props: DrawerBodyProps;\n  ref: HTMLDivElement;\n  stylesNames: DrawerBodyStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerBody = factory<DrawerBodyFactory>((_props) => {\n  const props = useProps('DrawerBody', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseBody\n      {...ctx.getStyles('body', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerBody.classes = classes;\nDrawerBody.displayName = '@mantine/core/DrawerBody';\n"],"mappings":";;;;;;;;AAiBA,MAAa,aAAa,SAA4B,WAAW;CAE/D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,cAAc,MAAM,MAC2B;CAItE,OACE,oBAAC,eAAD;EACE,GAJQ,iBAIF,EAAE,UAAU,QAAQ;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EAClE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,cAAc"}
+{"version":3,"file":"DrawerBody.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerBody.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseBody, ModalBaseBodyProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerBodyStylesNames = 'body';\n\nexport interface DrawerBodyProps\n  extends ModalBaseBodyProps, CompoundStylesApiProps<DrawerBodyFactory> {}\n\nexport type DrawerBodyFactory = Factory<{\n  props: DrawerBodyProps;\n  ref: HTMLDivElement;\n  stylesNames: DrawerBodyStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerBody = factory<DrawerBodyFactory>((_props) => {\n  const props = useProps('DrawerBody', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseBody\n      {...ctx.getStyles('body', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerBody.classes = classes;\nDrawerBody.displayName = '@mantine/core/DrawerBody';\n"],"mappings":";;;;;;;;AAiBA,MAAa,aAAa,SAA4B,WAAW;CAE/D,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,cAAc,MAAM,MAC2B;CAItE,OACE,oBAAC,eAAD;EACE,GAJQ,iBAIF,CAAC,CAAC,UAAU,QAAQ;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EAClE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerCloseButton.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseCloseButton, ModalBaseCloseButtonProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerCloseButtonStylesNames = 'close';\n\nexport interface DrawerCloseButtonProps\n  extends ModalBaseCloseButtonProps, CompoundStylesApiProps<DrawerCloseButtonFactory> {}\n\nexport type DrawerCloseButtonFactory = Factory<{\n  props: DrawerCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: DrawerCloseButtonStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerCloseButton = factory<DrawerCloseButtonFactory>((_props) => {\n  const props = useProps('DrawerCloseButton', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseCloseButton\n      {...ctx.getStyles('close', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerCloseButton.classes = classes;\nDrawerCloseButton.displayName = '@mantine/core/DrawerCloseButton';\n"],"mappings":";;;;;;;;AAiBA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,qBAAqB,MAAM,MACoB;CAItE,OACE,oBAAC,sBAAD;EACE,GAJQ,iBAIF,EAAE,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}
+{"version":3,"file":"DrawerCloseButton.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerCloseButton.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseCloseButton, ModalBaseCloseButtonProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerCloseButtonStylesNames = 'close';\n\nexport interface DrawerCloseButtonProps\n  extends ModalBaseCloseButtonProps, CompoundStylesApiProps<DrawerCloseButtonFactory> {}\n\nexport type DrawerCloseButtonFactory = Factory<{\n  props: DrawerCloseButtonProps;\n  ref: HTMLButtonElement;\n  stylesNames: DrawerCloseButtonStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerCloseButton = factory<DrawerCloseButtonFactory>((_props) => {\n  const props = useProps('DrawerCloseButton', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseCloseButton\n      {...ctx.getStyles('close', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerCloseButton.classes = classes;\nDrawerCloseButton.displayName = '@mantine/core/DrawerCloseButton';\n"],"mappings":";;;;;;;;AAiBA,MAAa,oBAAoB,SAAmC,WAAW;CAE7E,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,qBAAqB,MAAM,MACoB;CAItE,OACE,oBAAC,sBAAD;EACE,GAJQ,iBAIF,CAAC,CAAC,UAAU,SAAS;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACnE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,kBAAkB,UAAUA;AAC5B,kBAAkB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerHeader.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerHeader.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseHeader, ModalBaseHeaderProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerHeaderStylesNames = 'header';\n\nexport interface DrawerHeaderProps\n  extends ModalBaseHeaderProps, CompoundStylesApiProps<DrawerHeaderFactory> {}\n\nexport type DrawerHeaderFactory = Factory<{\n  props: DrawerHeaderProps;\n  ref: HTMLElement;\n  stylesNames: DrawerHeaderStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerHeader = factory<DrawerHeaderFactory>((_props) => {\n  const props = useProps('DrawerHeader', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseHeader\n      {...ctx.getStyles('header', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerHeader.classes = classes;\nDrawerHeader.displayName = '@mantine/core/DrawerHeader';\n"],"mappings":";;;;;;;;AAiBA,MAAa,eAAe,SAA8B,WAAW;CAEnE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,gBAAgB,MAAM,MACyB;CAItE,OACE,oBAAC,iBAAD;EACE,GAJQ,iBAIF,EAAE,UAAU,UAAU;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACpE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,aAAa,UAAUA;AACvB,aAAa,cAAc"}
+{"version":3,"file":"DrawerHeader.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerHeader.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseHeader, ModalBaseHeaderProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerHeaderStylesNames = 'header';\n\nexport interface DrawerHeaderProps\n  extends ModalBaseHeaderProps, CompoundStylesApiProps<DrawerHeaderFactory> {}\n\nexport type DrawerHeaderFactory = Factory<{\n  props: DrawerHeaderProps;\n  ref: HTMLElement;\n  stylesNames: DrawerHeaderStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerHeader = factory<DrawerHeaderFactory>((_props) => {\n  const props = useProps('DrawerHeader', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseHeader\n      {...ctx.getStyles('header', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerHeader.classes = classes;\nDrawerHeader.displayName = '@mantine/core/DrawerHeader';\n"],"mappings":";;;;;;;;AAiBA,MAAa,eAAe,SAA8B,WAAW;CAEnE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,gBAAgB,MAAM,MACyB;CAItE,OACE,oBAAC,iBAAD;EACE,GAJQ,iBAIF,CAAC,CAAC,UAAU,UAAU;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACpE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,aAAa,UAAUA;AACvB,aAAa,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerOverlay.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseOverlay, ModalBaseOverlayProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerOverlayStylesNames = 'overlay';\n\nexport interface DrawerOverlayProps\n  extends ModalBaseOverlayProps, CompoundStylesApiProps<DrawerOverlayFactory> {}\n\nexport type DrawerOverlayFactory = Factory<{\n  props: DrawerOverlayProps;\n  ref: HTMLDivElement;\n  stylesNames: DrawerOverlayStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerOverlay = factory<DrawerOverlayFactory>((_props) => {\n  const props = useProps('DrawerOverlay', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseOverlay\n      {...ctx.getStyles('overlay', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerOverlay.classes = classes;\nDrawerOverlay.displayName = '@mantine/core/DrawerOverlay';\n"],"mappings":";;;;;;;;AAiBA,MAAa,gBAAgB,SAA+B,WAAW;CAErE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,iBAAiB,MAAM,MACwB;CAItE,OACE,oBAAC,kBAAD;EACE,GAJQ,iBAIF,EAAE,UAAU,WAAW;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACrE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,UAAUA;AACxB,cAAc,cAAc"}
+{"version":3,"file":"DrawerOverlay.mjs","names":["classes"],"sources":["../../../src/components/Drawer/DrawerOverlay.tsx"],"sourcesContent":["import { CompoundStylesApiProps, factory, Factory, useProps } from '../../core';\nimport { ModalBaseOverlay, ModalBaseOverlayProps } from '../ModalBase';\nimport { useDrawerContext } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\nexport type DrawerOverlayStylesNames = 'overlay';\n\nexport interface DrawerOverlayProps\n  extends ModalBaseOverlayProps, CompoundStylesApiProps<DrawerOverlayFactory> {}\n\nexport type DrawerOverlayFactory = Factory<{\n  props: DrawerOverlayProps;\n  ref: HTMLDivElement;\n  stylesNames: DrawerOverlayStylesNames;\n  compound: true;\n}>;\n\nexport const DrawerOverlay = factory<DrawerOverlayFactory>((_props) => {\n  const props = useProps('DrawerOverlay', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n\n  const ctx = useDrawerContext();\n\n  return (\n    <ModalBaseOverlay\n      {...ctx.getStyles('overlay', { classNames, style, styles, className })}\n      {...others}\n    />\n  );\n});\n\nDrawerOverlay.classes = classes;\nDrawerOverlay.displayName = '@mantine/core/DrawerOverlay';\n"],"mappings":";;;;;;;;AAiBA,MAAa,gBAAgB,SAA+B,WAAW;CAErE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,WADzC,SAAS,iBAAiB,MAAM,MACwB;CAItE,OACE,oBAAC,kBAAD;EACE,GAJQ,iBAIF,CAAC,CAAC,UAAU,WAAW;GAAE;GAAY;GAAO;GAAQ;EAAU,CAAC;EACrE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,UAAUA;AACxB,cAAc,cAAc"}

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

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

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

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

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

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

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

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

package/esm/components/EmptyState/EmptyState.mjs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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