npm - @mantine/core - Versions diffs - 7.0.0-alpha.21 → 7.0.0-alpha.22 - Mend

@mantine/core 7.0.0-alpha.21 → 7.0.0-alpha.22

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

Files changed (182) hide show

package/esm/components/Timeline/Timeline.module.css.js ADDED Viewed

@@ -0,0 +1,4 @@
+var classes = {"root":"m-43657ece","itemTitle":"m-2ebe8099","item":"m-436178ff","itemBullet":"m-8affcee1","itemBody":"m-540e8f41"};
+export default classes;
+//# sourceMappingURL=Timeline.module.css.js.map

package/esm/components/Timeline/Timeline.module.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Timeline.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/components/Timeline/TimelineItem/TimelineItem.js ADDED Viewed

@@ -0,0 +1,108 @@
+import React from 'react';
+import { useTimelineContext } from '../Timeline.context.js';
+import classes from '../Timeline.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+import { useMantineTheme } from '../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
+import { Box } from '../../../core/Box/Box.js';
+import { getRadius } from '../../../core/utils/get-size/get-size.js';
+import { getThemeColor } from '../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const TimelineItem = factory((_props, ref) => {
+  const props = useProps("TimelineItem", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    __active,
+    __align,
+    __lineActive,
+    __vars,
+    bullet,
+    radius,
+    color,
+    lineVariant,
+    children,
+    title
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "__active",
+    "__align",
+    "__lineActive",
+    "__vars",
+    "bullet",
+    "radius",
+    "color",
+    "lineVariant",
+    "children",
+    "title"
+  ]);
+  const ctx = useTimelineContext();
+  const theme = useMantineTheme();
+  const stylesApiProps = { classNames, styles };
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    __spreadValues(__spreadProps(__spreadValues({}, ctx.getStyles("item", __spreadProps(__spreadValues({}, stylesApiProps), { className, style }))), {
+      mod: { "line-active": __lineActive, active: __active },
+      ref,
+      __vars: {
+        "--tli-radius": radius ? getRadius(radius) : void 0,
+        "--tli-color": color ? getThemeColor(color, theme) : void 0,
+        "--tli-border-style": lineVariant || void 0
+      }
+    }), others),
+    /* @__PURE__ */ React.createElement(
+      Box,
+      __spreadProps(__spreadValues({}, ctx.getStyles("itemBullet", stylesApiProps)), {
+        mod: { "with-child": !!bullet, align: __align, active: __active }
+      }),
+      bullet
+    ),
+    /* @__PURE__ */ React.createElement("div", __spreadValues({}, ctx.getStyles("itemBody", stylesApiProps)), title && /* @__PURE__ */ React.createElement("div", __spreadValues({}, ctx.getStyles("itemTitle", stylesApiProps)), title), /* @__PURE__ */ React.createElement("div", __spreadValues({}, ctx.getStyles("itemContent", stylesApiProps)), children))
+  );
+});
+TimelineItem.classes = classes;
+TimelineItem.displayName = "@mantine/core/TimelineItem";
+export { TimelineItem };
+//# sourceMappingURL=TimelineItem.js.map

package/esm/components/Timeline/TimelineItem/TimelineItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimelineItem.js","sources":["../../../../src/components/Timeline/TimelineItem/TimelineItem.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n MantineRadius,\n MantineColor,\n getRadius,\n useMantineTheme,\n getThemeColor,\n} from '../../../core';\nimport { useTimelineContext } from '../Timeline.context';\nimport classes from '../Timeline.module.css';\n\nexport type TimelineItemStylesNames =\n | 'itemBody'\n | 'itemContent'\n | 'itemBullet'\n | 'item'\n | 'itemTitle';\n\nexport interface TimelineItemProps\n extends BoxProps,\n StylesApiProps<TimelineItemFactory>,\n ElementProps<'div', 'title'> {\n /** Determines whether the item should be highlighted, controlled by the parent `Timeline` component */\n __active?: boolean;\n\n /** Determines whether the line of the item should be highlighted, controlled by the parent Timeline component */\n __lineActive?: boolean;\n\n /** Line and bullet position relative to item content, controlled by the parent Timeline component */\n __align?: 'right' | 'left';\n\n /** Item title, displayed next to the bullet */\n title?: React.ReactNode;\n\n /** Content displayed below the title */\n children?: React.ReactNode;\n\n /** React node that should be rendered inside the bullet – icon, image, avatar, etc. By default, large white dot is displayed. */\n bullet?: React.ReactNode;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `'xl'` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Key of `theme.colors` or any valid CSS color to control active item colors, `theme.primaryColor` by default */\n color?: MantineColor;\n\n /** Controls line border style, `'solid'` by default */\n lineVariant?: 'solid' | 'dashed' | 'dotted';\n}\n\nexport type TimelineItemFactory = Factory<{\n props: TimelineItemProps;\n ref: HTMLDivElement;\n stylesNames: TimelineItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<TimelineItemProps> = {};\n\nexport const TimelineItem = factory<TimelineItemFactory>((_props, ref) => {\n const props = useProps('TimelineItem', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n __active,\n __align,\n __lineActive,\n __vars,\n bullet,\n radius,\n color,\n lineVariant,\n children,\n title,\n ...others\n } = props;\n\n const ctx = useTimelineContext();\n const theme = useMantineTheme();\n\n const stylesApiProps = { classNames, styles };\n\n return (\n <Box\n {...ctx.getStyles('item', { ...stylesApiProps, className, style })}\n mod={{ 'line-active': __lineActive, active: __active }}\n ref={ref}\n __vars={{\n '--tli-radius': radius ? getRadius(radius) : undefined,\n '--tli-color': color ? getThemeColor(color, theme) : undefined,\n '--tli-border-style': lineVariant || undefined,\n }}\n {...others}\n >\n <Box\n {...ctx.getStyles('itemBullet', stylesApiProps)}\n mod={{ 'with-child': !!bullet, align: __align, active: __active }}\n >\n {bullet}\n </Box>\n\n <div {...ctx.getStyles('itemBody', stylesApiProps)}>\n {title && <div {...ctx.getStyles('itemTitle', stylesApiProps)}>{title}</div>}\n <div {...ctx.getStyles('itemContent', stylesApiProps)}>{children}</div>\n </div>\n </Box>\n );\n});\n\nTimelineItem.classes = classes;\nTimelineItem.displayName = '@mantine/core/TimelineItem';\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n Box,\n BoxProps,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type TitleSize = `h${TitleOrder}` \| React.CSSProperties['fontSize'];\n\nexport type TitleStylesNames = 'root';\nexport type TitleCssVariables = {\n root: '--title-fw' \| '--title-lh' \| '--title-fz';\n};\n\nexport interface TitleProps extends BoxProps, StylesApiProps<TitleFactory>, ElementProps<'h1'> {\n /** Determines which tag will be used (h1-h6), controls `font-size` style if `size` prop is not set, `1` by default /\n order?: TitleOrder;\n\n /* Changes title size, if not set, then size is controlled by `order` prop */\n size?: TitleSize;\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n}>;\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size }) => {\n const sizeVariables = getTitleSize(order!, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props, ref) => {\n const props = useProps('Title', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, order, vars, size, variant, ...others } =\n props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order!)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order!}`}\n variant={variant}\n ref={ref}\n mod={{ order }}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.classes = classes;\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Title.js","sources":["../../../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n Box,\n BoxProps,\n} from '../../core';\nimport { getTitleSize } from './get-title-size';\nimport classes from './Title.module.css';\n\nexport type TitleOrder = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type TitleSize = `h${TitleOrder}` \| React.CSSProperties['fontSize'];\n\nexport type TitleStylesNames = 'root';\nexport type TitleCssVariables = {\n root: '--title-fw' \| '--title-lh' \| '--title-fz';\n};\n\nexport interface TitleProps\n extends BoxProps,\n StylesApiProps<TitleFactory>,\n ElementProps<'h1', 'color'> {\n /** Determines which tag will be used (h1-h6), controls `font-size` style if `size` prop is not set, `1` by default /\n order?: TitleOrder;\n\n /* Changes title size, if not set, then size is controlled by `order` prop */\n size?: TitleSize;\n}\n\nexport type TitleFactory = Factory<{\n props: TitleProps;\n ref: HTMLHeadingElement;\n stylesNames: TitleStylesNames;\n vars: TitleCssVariables;\n}>;\n\nconst defaultProps: Partial<TitleProps> = {\n order: 1,\n};\n\nconst varsResolver = createVarsResolver<TitleFactory>((_, { order, size }) => {\n const sizeVariables = getTitleSize(order!, size);\n return {\n root: {\n '--title-fw': sizeVariables.fontWeight,\n '--title-lh': sizeVariables.lineHeight,\n '--title-fz': sizeVariables.fontSize,\n },\n };\n});\n\nexport const Title = factory<TitleFactory>((_props, ref) => {\n const props = useProps('Title', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, order, vars, size, variant, ...others } =\n props;\n\n const getStyles = useStyles<TitleFactory>({\n name: 'Title',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n if (![1, 2, 3, 4, 5, 6].includes(order!)) {\n return null;\n }\n\n return (\n <Box\n {...getStyles('root')}\n component={`h${order!}`}\n variant={variant}\n ref={ref}\n mod={{ order }}\n size={size}\n {...others}\n />\n );\n});\n\nTitle.classes = classes;\nTitle.displayName = '@mantine/core/Title';\n"],"names":[],"mappings":"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"}

package/esm/components/Transition/Transition.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useTransition } from './use-transition.js';
 function Transition({
   keepMounted,
-  transition,
+  transition = "fade",
   duration = 250,
   exitDuration = duration,
   mounted,

package/esm/components/Transition/Transition.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Transition.js","sources":["../../../src/components/Transition/Transition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\nexport interface TransitionProps {\n /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead /\n keepMounted?: boolean;\n\n /* Transition name or object /\n transition: MantineTransition;\n\n /* Transition duration in ms, `250` by default /\n duration?: number;\n\n /* Exit transition duration in ms, `250` by default /\n exitDuration?: number;\n\n /* Transition timing function, `theme.transitionTimingFunction` by default /\n timingFunction?: string;\n\n /* Determines whether component should be mounted to the DOM /\n mounted: boolean;\n\n /* Render function with transition styles argument /\n children(styles: React.CSSProperties): JSX.Element;\n\n /* Called when exit transition ends /\n onExited?: () => void;\n\n /* Called when exit transition starts /\n onExit?: () => void;\n\n /* Called when enter transition starts /\n onEnter?: () => void;\n\n /* Called when enter transition ends */\n onEntered?: () => void;\n}\n\nexport type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;\n\nexport function Transition({\n keepMounted,\n transition,\n duration = 250,\n exitDuration = duration,\n mounted,\n children,\n timingFunction = 'ease',\n onExit,\n onEntered,\n onEnter,\n onExited,\n}: TransitionProps) {\n const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n mounted,\n exitDuration,\n duration,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited,\n });\n\n if (transitionDuration === 0) {\n return mounted ? <>{children({})}</> : keepMounted ? children({ display: 'none' }) : null;\n }\n\n return transitionStatus === 'exited' ? (\n keepMounted ? (\n children({ display: 'none' })\n ) : null\n ) : (\n <>\n {children(\n getTransitionStyles({\n transition,\n duration: transitionDuration,\n state: transitionStatus,\n timingFunction: transitionTimingFunction,\n })\n )}\n </>\n );\n}\n\nTransition.displayName = '@mantine/core/Transition';\n"],"names":[],"mappings":";;;;AAGO,SAAS,UAAU,CAAC;AAC3B,EAAE,WAAW;AACb,EAAE,UAAU;~~AACZ~~,EAAE,QAAQ,GAAG,GAAG;AAChB,EAAE,YAAY,GAAG,QAAQ;AACzB,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc,GAAG,MAAM;AACzB,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,GAAG,aAAa,CAAC;AAC3F,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,kBAAkB,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,OAAO,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;AAClJ,GAAG;AACH,EAAE,OAAO,gBAAgB,KAAK,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ;AAChK,IAAI,mBAAmB,CAAC;AACxB,MAAM,UAAU;AAChB,MAAM,QAAQ,EAAE,kBAAkB;AAClC,MAAM,KAAK,EAAE,gBAAgB;AAC7B,MAAM,cAAc,EAAE,wBAAwB;AAC9C,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1	+ {"version":3,"file":"Transition.js","sources":["../../../src/components/Transition/Transition.tsx"],"sourcesContent":["import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles';\nimport { useTransition } from './use-transition';\nimport { MantineTransition } from './transitions';\n\nexport interface TransitionProps {\n /** If set element will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead /\n keepMounted?: boolean;\n\n /* Transition name or object /\n transition?: MantineTransition;\n\n /* Transition duration in ms, `250` by default /\n duration?: number;\n\n /* Exit transition duration in ms, `250` by default /\n exitDuration?: number;\n\n /* Transition timing function, `theme.transitionTimingFunction` by default /\n timingFunction?: string;\n\n /* Determines whether component should be mounted to the DOM /\n mounted: boolean;\n\n /* Render function with transition styles argument /\n children(styles: React.CSSProperties): JSX.Element;\n\n /* Called when exit transition ends /\n onExited?: () => void;\n\n /* Called when exit transition starts /\n onExit?: () => void;\n\n /* Called when enter transition starts /\n onEnter?: () => void;\n\n /* Called when enter transition ends */\n onEntered?: () => void;\n}\n\nexport type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;\n\nexport function Transition({\n keepMounted,\n transition = 'fade',\n duration = 250,\n exitDuration = duration,\n mounted,\n children,\n timingFunction = 'ease',\n onExit,\n onEntered,\n onEnter,\n onExited,\n}: TransitionProps) {\n const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n mounted,\n exitDuration,\n duration,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited,\n });\n\n if (transitionDuration === 0) {\n return mounted ? <>{children({})}</> : keepMounted ? children({ display: 'none' }) : null;\n }\n\n return transitionStatus === 'exited' ? (\n keepMounted ? (\n children({ display: 'none' })\n ) : null\n ) : (\n <>\n {children(\n getTransitionStyles({\n transition,\n duration: transitionDuration,\n state: transitionStatus,\n timingFunction: transitionTimingFunction,\n })\n )}\n </>\n );\n}\n\nTransition.displayName = '@mantine/core/Transition';\n"],"names":[],"mappings":";;;;AAGO,SAAS,UAAU,CAAC;AAC3B,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,MAAM;AACrB,EAAE,QAAQ,GAAG,GAAG;AAChB,EAAE,YAAY,GAAG,QAAQ;AACzB,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc,GAAG,MAAM;AACzB,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,GAAG,aAAa,CAAC;AAC3F,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,IAAI,kBAAkB,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,OAAO,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;AAClJ,GAAG;AACH,EAAE,OAAO,gBAAgB,KAAK,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,GAAG,IAAI,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ;AAChK,IAAI,mBAAmB,CAAC;AACxB,MAAM,UAAU;AAChB,MAAM,QAAQ,EAAE,kBAAkB;AAClC,MAAM,KAAK,EAAE,gBAAgB;AAC7B,MAAM,cAAc,EAAE,wBAAwB;AAC9C,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"parse-style-props.js","sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { keys } from '../../../utils';\nimport type { ~~MantineStyleProps,~~ StyleProp } from '../style-props.types';\nimport type { SystemPropData } from '../style-props-data';\nimport { resolvers } from '../resolvers';\nimport { MantineTheme } from '../../../MantineProvider';\nimport type { SortMediaQueriesResult } from './sort-media-queries';\nimport { sortMediaQueries } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n if (typeof styleProp !== 'object' \|\| styleProp === null) {\n return false;\n }\n\n const breakpoints = Object.keys(styleProp);\n\n if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n return false;\n }\n\n return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n if ('base' in value) {\n return value.base;\n }\n\n return undefined;\n }\n\n return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n return keys(value).filter((key) => key !== 'base');\n }\n\n return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n if (typeof value === 'object' && value !== null && breakpoint in value) {\n return value[breakpoint as keyof typeof value];\n }\n\n return value;\n}\n\ninterface ParseStylePropsOptions {\n styleProps: ~~MantineStyleProps;\~~n theme: MantineTheme;\n data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n hasResponsiveStyles: boolean;\n inlineStyles: React.CSSProperties;\n styles: React.CSSProperties;\n media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n styleProps,\n data,\n theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n return sortMediaQueries(\n keys(styleProps).reduce<{\n hasResponsiveStyles: boolean;\n inlineStyles: Record<string, unknown>;\n styles: Record<string, unknown>;\n media: Record<string, Record<string, unknown>>;\n }>(\n (acc, styleProp) => {\n if ((styleProp as string) === 'hiddenFrom' \|\| (styleProp as string) === 'visibleFrom') {\n return acc;\n }\n\n const propertyData = data[styleProp];\n const properties = Array.isArray(propertyData.property)\n ? propertyData.property\n : [propertyData.property];\n const baseValue = getBaseValue(styleProps[styleProp]);\n\n if (!hasResponsiveStyles(styleProps[styleProp])) {\n properties.forEach((property) => {\n acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n });\n\n return acc;\n }\n\n acc.hasResponsiveStyles = true;\n\n const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n properties.forEach((property) => {\n if (baseValue) {\n acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n }\n\n breakpoints.forEach((breakpoint) => {\n const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n acc.media[bp] = {\n ...acc.media[bp],\n [property]: resolvers[propertyData.type](\n getBreakpointValue(styleProps[styleProp], breakpoint),\n theme\n ),\n };\n });\n });\n\n return acc;\n },\n {\n hasResponsiveStyles: false,\n styles: {},\n inlineStyles: {},\n media: {},\n }\n )\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"parse-style-props.js","sources":["../../../../../src/core/Box/style-props/parse-style-props/parse-style-props.ts"],"sourcesContent":["import { keys } from '../../../utils';\nimport type { StyleProp } from '../style-props.types';\nimport type { SystemPropData } from '../style-props-data';\nimport { resolvers } from '../resolvers';\nimport { MantineTheme } from '../../../MantineProvider';\nimport type { SortMediaQueriesResult } from './sort-media-queries';\nimport { sortMediaQueries } from './sort-media-queries';\n\nfunction hasResponsiveStyles(styleProp: StyleProp<unknown>) {\n if (typeof styleProp !== 'object' \|\| styleProp === null) {\n return false;\n }\n\n const breakpoints = Object.keys(styleProp);\n\n if (breakpoints.length === 1 && breakpoints[0] === 'base') {\n return false;\n }\n\n return true;\n}\n\nfunction getBaseValue(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n if ('base' in value) {\n return value.base;\n }\n\n return undefined;\n }\n\n return value;\n}\n\nfunction getBreakpointKeys(value: StyleProp<unknown>) {\n if (typeof value === 'object' && value !== null) {\n return keys(value).filter((key) => key !== 'base');\n }\n\n return [];\n}\n\nfunction getBreakpointValue(value: StyleProp<unknown>, breakpoint: string) {\n if (typeof value === 'object' && value !== null && breakpoint in value) {\n return value[breakpoint as keyof typeof value];\n }\n\n return value;\n}\n\ninterface ParseStylePropsOptions {\n styleProps: Record<string, StyleProp<any>>;\n theme: MantineTheme;\n data: Record<string, SystemPropData>;\n}\n\nexport interface ParseStylePropsResult {\n hasResponsiveStyles: boolean;\n inlineStyles: React.CSSProperties;\n styles: React.CSSProperties;\n media: Record<string, React.CSSProperties>;\n}\n\nexport function parseStyleProps({\n styleProps,\n data,\n theme,\n}: ParseStylePropsOptions): SortMediaQueriesResult {\n return sortMediaQueries(\n keys(styleProps).reduce<{\n hasResponsiveStyles: boolean;\n inlineStyles: Record<string, unknown>;\n styles: Record<string, unknown>;\n media: Record<string, Record<string, unknown>>;\n }>(\n (acc, styleProp) => {\n if ((styleProp as string) === 'hiddenFrom' \|\| (styleProp as string) === 'visibleFrom') {\n return acc;\n }\n\n const propertyData = data[styleProp];\n const properties = Array.isArray(propertyData.property)\n ? propertyData.property\n : [propertyData.property];\n const baseValue = getBaseValue(styleProps[styleProp]);\n\n if (!hasResponsiveStyles(styleProps[styleProp])) {\n properties.forEach((property) => {\n acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);\n });\n\n return acc;\n }\n\n acc.hasResponsiveStyles = true;\n\n const breakpoints = getBreakpointKeys(styleProps[styleProp]);\n\n properties.forEach((property) => {\n if (baseValue) {\n acc.styles[property] = resolvers[propertyData.type](baseValue, theme);\n }\n\n breakpoints.forEach((breakpoint) => {\n const bp = `(min-width: ${theme.breakpoints[breakpoint]})`;\n acc.media[bp] = {\n ...acc.media[bp],\n [property]: resolvers[propertyData.type](\n getBreakpointValue(styleProps[styleProp], breakpoint),\n theme\n ),\n };\n });\n });\n\n return acc;\n },\n {\n hasResponsiveStyles: false,\n styles: {},\n inlineStyles: {},\n media: {},\n }\n )\n );\n}\n"],"names":[],"mappings":"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"}

package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js CHANGED Viewed

@@ -21,13 +21,18 @@ const defaultCssVariablesResolver = (theme) => {
       "--mantine-moz-font-smoothing": theme.fontSmoothing ? "grayscale" : "unset",
       "--mantine-color-white": theme.white,
       "--mantine-color-black": theme.black,
-      "--mantine-color-primary": `var(--mantine-color-${theme.primaryColor}-filled)`,
       "--mantine-line-height": theme.lineHeights.md,
       "--mantine-font-family": theme.fontFamily,
       "--mantine-font-family-monospace": theme.fontFamilyMonospace,
       "--mantine-font-family-headings": theme.headings.fontFamily,
       "--mantine-heading-font-weight": theme.headings.fontWeight,
-      "--mantine-radius-default": defaultRadius
+      "--mantine-radius-default": defaultRadius,
+      // Primary colors
+      "--mantine-primary-color-filled": `var(--mantine-color-${theme.primaryColor}-filled)`,
+      "--mantine-primary-color-filled-hover": `var(--mantine-color-${theme.primaryColor}-filled-hover)`,
+      "--mantine-primary-color-light": `var(--mantine-color-${theme.primaryColor}-light)`,
+      "--mantine-primary-color-light-hover": `var(--mantine-color-${theme.primaryColor}-light-hover)`,
+      "--mantine-primary-color-light-color": `var(--mantine-color-${theme.primaryColor}-light-color)`
     },
     light: {
       "--mantine-color-text": theme.black,
@@ -58,8 +63,6 @@ const defaultCssVariablesResolver = (theme) => {
   assignSizeVariables(result.variables, theme.lineHeights, "line-height");
   assignSizeVariables(result.variables, theme.shadows, "shadow");
   assignSizeVariables(result.variables, theme.radius, "radius");
-  result.light["--mantine-color-primary"] = theme.colors[theme.primaryColor][lightPrimaryShade];
-  result.dark["--mantine-color-primary"] = theme.colors[theme.primaryColor][darkPrimaryShade];
   keys(theme.colors).forEach((color) => {
     theme.colors[color].forEach((shade, index) => {
       result.variables[`--mantine-color-${color}-${index}`] = shade;

package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"default-css-variables-resolver.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { MantineRadius, MantineTheme } from '../theme.types';\nimport { keys, rem } from '../../utils';\nimport { getPrimaryShade, rgba } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\n\nexport type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;\n\nfunction assignSizeVariables(\n variables: Record<string, string>,\n sizes: Record<string, string>,\n name: string\n) {\n keys(sizes).forEach((size) =>\n Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n );\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n const darkPrimaryShade = getPrimaryShade(theme, 'dark');\n const lightPrimaryShade = getPrimaryShade(theme, 'light');\n const defaultRadius =\n theme.defaultRadius in theme.radius\n ? theme.radius[theme.defaultRadius as MantineRadius]\n : rem(theme.defaultRadius);\n\n const result: ConvertCSSVariablesInput = {\n variables: {\n '--mantine-scale': theme.scale.toString(),\n '--mantine-cursor-type': theme.cursorType,\n '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n '--mantine-color-scheme': 'light dark',\n '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n '--mantine-color-white': theme.white,\n '--mantine-color-black': theme.black,\n '--mantine-color-primary': `var(--mantine-color-${theme.primaryColor}-filled)`,\n '--mantine-line-height': theme.lineHeights.md,\n '--mantine-font-family': theme.fontFamily,\n '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n '--mantine-font-family-headings': theme.headings.fontFamily,\n '--mantine-heading-font-weight': theme.headings.fontWeight,\n '--mantine-radius-default': defaultRadius,\n },\n light: {\n '--mantine-color-text': theme.black,\n '--mantine-color-body': theme.white,\n '--mantine-color-error': theme.colors.red[6],\n '--mantine-color-placeholder': theme.colors.gray[5],\n '--mantine-color-anchor': theme.colors[theme.primaryColor][lightPrimaryShade],\n '--mantine-color-default': theme.white,\n '--mantine-color-default-hover': theme.colors.gray[0],\n '--mantine-color-default-color': theme.black,\n '--mantine-color-default-border': theme.colors.gray[4],\n },\n dark: {\n '--mantine-color-text': 'var(--mantine-color-dark-0)',\n '--mantine-color-body': theme.colors.dark[7],\n '--mantine-color-error': theme.colors.red[9],\n '--mantine-color-placeholder': theme.colors.dark[3],\n '--mantine-color-anchor': theme.colors[theme.primaryColor][4],\n '--mantine-color-default': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[5],\n '--mantine-color-default-color': theme.white,\n '--mantine-color-default-border': theme.colors.dark[4],\n },\n };\n\n assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n assignSizeVariables(result.variables, theme.spacing, 'spacing');\n assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n assignSizeVariables(result.variables, theme.shadows, 'shadow');\n assignSizeVariables(result.variables, theme.radius, 'radius');\n\n result.light['--mantine-color-primary'] = theme.colors[theme.primaryColor][lightPrimaryShade];\n result.dark['--mantine-color-primary'] = theme.colors[theme.primaryColor][darkPrimaryShade];\n\n keys(theme.colors).forEach((color) => {\n theme.colors[color].forEach((shade, index) => {\n result.variables[`--mantine-color-${color}-${index}`] = shade;\n });\n\n const lightFilledHover =\n lightPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][lightPrimaryShade + 1];\n\n const darkFilledHover =\n darkPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][darkPrimaryShade + 1];\n\n result.light['--mantine-color-dimmed'] = 'var(--mantine-color-gray-6)';\n result.light[`--mantine-color-${color}-filled`] = theme.colors[color][lightPrimaryShade];\n result.light[`--mantine-color-${color}-filled-hover`] = lightFilledHover;\n result.light[`--mantine-color-${color}-light`] = rgba(\n theme.colors[color][lightPrimaryShade],\n 0.1\n );\n result.light[`--mantine-color-${color}-light-hover`] = rgba(\n theme.colors[color][lightPrimaryShade],\n 0.12\n );\n result.light[`--mantine-color-${color}-light-color`] = theme.colors[color][lightPrimaryShade];\n result.light[`--mantine-color-${color}-outline`] = theme.colors[color][lightPrimaryShade];\n result.light[`--mantine-color-${color}-outline-hover`] = rgba(\n theme.colors[color][lightPrimaryShade],\n 0.05\n );\n\n result.dark['--mantine-color-dimmed'] = 'var(--mantine-color-dark-2)';\n result.dark[`--mantine-color-${color}-filled`] = theme.colors[color][darkPrimaryShade];\n result.dark[`--mantine-color-${color}-filled-hover`] = darkFilledHover;\n result.dark[`--mantine-color-${color}-light`] = rgba(\n theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n 0.1\n );\n result.dark[`--mantine-color-${color}-light-hover`] = rgba(\n theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n 0.12\n );\n result.dark[`--mantine-color-${color}-light-color`] =\n theme.colors[color][Math.max(darkPrimaryShade - 3, 0)];\n result.dark[`--mantine-color-${color}-outline`] =\n theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];\n result.dark[`--mantine-color-${color}-outline-hover`] = rgba(\n theme.colors[color][Math.max(darkPrimaryShade - 4, 0)],\n 0.05\n );\n });\n\n const headings = theme.headings.sizes;\n\n keys(headings).forEach((heading) => {\n result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n result.variables[`--mantine-${heading}-font-weight`] =\n headings[heading].fontWeight \|\| theme.headings.fontWeight;\n });\n\n return result;\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"default-css-variables-resolver.js","sources":["../../../../src/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.ts"],"sourcesContent":["import { MantineRadius, MantineTheme } from '../theme.types';\nimport { keys, rem } from '../../utils';\nimport { getPrimaryShade, rgba } from '../color-functions';\nimport { ConvertCSSVariablesInput } from '../convert-css-variables';\n\nexport type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;\n\nfunction assignSizeVariables(\n variables: Record<string, string>,\n sizes: Record<string, string>,\n name: string\n) {\n keys(sizes).forEach((size) =>\n Object.assign(variables, { [`--mantine-${name}-${size}`]: sizes[size] })\n );\n}\n\nexport const defaultCssVariablesResolver: CSSVariablesResolver = (theme) => {\n const darkPrimaryShade = getPrimaryShade(theme, 'dark');\n const lightPrimaryShade = getPrimaryShade(theme, 'light');\n const defaultRadius =\n theme.defaultRadius in theme.radius\n ? theme.radius[theme.defaultRadius as MantineRadius]\n : rem(theme.defaultRadius);\n\n const result: ConvertCSSVariablesInput = {\n variables: {\n '--mantine-scale': theme.scale.toString(),\n '--mantine-cursor-type': theme.cursorType,\n '--mantine-webkit-font-smoothing': theme.fontSmoothing ? 'antialiased' : 'unset',\n '--mantine-color-scheme': 'light dark',\n '--mantine-moz-font-smoothing': theme.fontSmoothing ? 'grayscale' : 'unset',\n '--mantine-color-white': theme.white,\n '--mantine-color-black': theme.black,\n '--mantine-line-height': theme.lineHeights.md,\n '--mantine-font-family': theme.fontFamily,\n '--mantine-font-family-monospace': theme.fontFamilyMonospace,\n '--mantine-font-family-headings': theme.headings.fontFamily,\n '--mantine-heading-font-weight': theme.headings.fontWeight,\n '--mantine-radius-default': defaultRadius,\n\n // Primary colors\n '--mantine-primary-color-filled': `var(--mantine-color-${theme.primaryColor}-filled)`,\n '--mantine-primary-color-filled-hover': `var(--mantine-color-${theme.primaryColor}-filled-hover)`,\n '--mantine-primary-color-light': `var(--mantine-color-${theme.primaryColor}-light)`,\n '--mantine-primary-color-light-hover': `var(--mantine-color-${theme.primaryColor}-light-hover)`,\n '--mantine-primary-color-light-color': `var(--mantine-color-${theme.primaryColor}-light-color)`,\n },\n light: {\n '--mantine-color-text': theme.black,\n '--mantine-color-body': theme.white,\n '--mantine-color-error': theme.colors.red[6],\n '--mantine-color-placeholder': theme.colors.gray[5],\n '--mantine-color-anchor': theme.colors[theme.primaryColor][lightPrimaryShade],\n '--mantine-color-default': theme.white,\n '--mantine-color-default-hover': theme.colors.gray[0],\n '--mantine-color-default-color': theme.black,\n '--mantine-color-default-border': theme.colors.gray[4],\n },\n dark: {\n '--mantine-color-text': 'var(--mantine-color-dark-0)',\n '--mantine-color-body': theme.colors.dark[7],\n '--mantine-color-error': theme.colors.red[9],\n '--mantine-color-placeholder': theme.colors.dark[3],\n '--mantine-color-anchor': theme.colors[theme.primaryColor][4],\n '--mantine-color-default': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[5],\n '--mantine-color-default-color': theme.white,\n '--mantine-color-default-border': theme.colors.dark[4],\n },\n };\n\n assignSizeVariables(result.variables, theme.breakpoints, 'breakpoint');\n assignSizeVariables(result.variables, theme.spacing, 'spacing');\n assignSizeVariables(result.variables, theme.fontSizes, 'font-size');\n assignSizeVariables(result.variables, theme.lineHeights, 'line-height');\n assignSizeVariables(result.variables, theme.shadows, 'shadow');\n assignSizeVariables(result.variables, theme.radius, 'radius');\n\n keys(theme.colors).forEach((color) => {\n theme.colors[color].forEach((shade, index) => {\n result.variables[`--mantine-color-${color}-${index}`] = shade;\n });\n\n const lightFilledHover =\n lightPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][lightPrimaryShade + 1];\n\n const darkFilledHover =\n darkPrimaryShade === 9 ? theme.colors[color][8] : theme.colors[color][darkPrimaryShade + 1];\n\n result.light['--mantine-color-dimmed'] = 'var(--mantine-color-gray-6)';\n result.light[`--mantine-color-${color}-filled`] = theme.colors[color][lightPrimaryShade];\n result.light[`--mantine-color-${color}-filled-hover`] = lightFilledHover;\n result.light[`--mantine-color-${color}-light`] = rgba(\n theme.colors[color][lightPrimaryShade],\n 0.1\n );\n result.light[`--mantine-color-${color}-light-hover`] = rgba(\n theme.colors[color][lightPrimaryShade],\n 0.12\n );\n result.light[`--mantine-color-${color}-light-color`] = theme.colors[color][lightPrimaryShade];\n result.light[`--mantine-color-${color}-outline`] = theme.colors[color][lightPrimaryShade];\n result.light[`--mantine-color-${color}-outline-hover`] = rgba(\n theme.colors[color][lightPrimaryShade],\n 0.05\n );\n\n result.dark['--mantine-color-dimmed'] = 'var(--mantine-color-dark-2)';\n result.dark[`--mantine-color-${color}-filled`] = theme.colors[color][darkPrimaryShade];\n result.dark[`--mantine-color-${color}-filled-hover`] = darkFilledHover;\n result.dark[`--mantine-color-${color}-light`] = rgba(\n theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n 0.1\n );\n result.dark[`--mantine-color-${color}-light-hover`] = rgba(\n theme.colors[color][Math.max(0, darkPrimaryShade - 2)],\n 0.12\n );\n result.dark[`--mantine-color-${color}-light-color`] =\n theme.colors[color][Math.max(darkPrimaryShade - 3, 0)];\n result.dark[`--mantine-color-${color}-outline`] =\n theme.colors[color][Math.max(darkPrimaryShade - 4, 0)];\n result.dark[`--mantine-color-${color}-outline-hover`] = rgba(\n theme.colors[color][Math.max(darkPrimaryShade - 4, 0)],\n 0.05\n );\n });\n\n const headings = theme.headings.sizes;\n\n keys(headings).forEach((heading) => {\n result.variables[`--mantine-${heading}-font-size`] = headings[heading].fontSize;\n result.variables[`--mantine-${heading}-line-height`] = headings[heading].lineHeight;\n result.variables[`--mantine-${heading}-font-weight`] =\n headings[heading].fontWeight \|\| theme.headings.fontWeight;\n });\n\n return result;\n};\n"],"names":[],"mappings":"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"}

package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js CHANGED Viewed

@@ -8,7 +8,7 @@ function useMantineTheme() {
   const ctx = useContext(MantineThemeContext);
   if (!ctx) {
     throw new Error(
-      "@mantine/core: MantineThemeProvider is not found in component tree, make sure you have it in your app"
+      "@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app"
     );
   }
   return ctx;

package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MantineThemeProvider.js","sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\n\nexport const MantineThemeContext = createContext<MantineTheme \| null>(null);\n\nexport const useSafeMantineTheme = () => useContext(MantineThemeContext) \|\| DEFAULT_THEME;\n\nexport function useMantineTheme() {\n const ctx = useContext(MantineThemeContext);\n if (!ctx) {\n throw new Error(\n '@mantine/core: ~~MantineThemeProvider~~ is not found in component tree, make sure you have it in your app'\n );\n }\n\n return ctx;\n}\n\nexport interface MantineThemeProviderProps {\n /** Determines whether theme should be inherited from parent MantineProvider, `true` by default /\n inherit?: boolean;\n\n /* Theme override object /\n theme?: MantineThemeOverride;\n\n /* Your application or part of the application that requires different theme */\n children: React.ReactNode;\n}\n\nexport function MantineThemeProvider({\n theme,\n children,\n inherit = true,\n}: MantineThemeProviderProps) {\n const parentTheme = useSafeMantineTheme();\n const mergedTheme = useMemo(\n () => mergeMantineTheme(inherit ? parentTheme : DEFAULT_THEME, theme),\n [theme, parentTheme, inherit]\n );\n\n return (\n <MantineThemeContext.Provider value={mergedTheme}>{children}</MantineThemeContext.Provider>\n );\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"names":[],"mappings":";;;;AAGY,MAAC,mBAAmB,GAAG,aAAa,CAAC,IAAI,EAAE;AAC3C,MAAC,mBAAmB,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,IAAI,cAAc;AACnF,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAC9C,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK;AACnB,MAAM,~~uGAAuG~~;~~AAC7G~~,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,oBAAoB,CAAC;AACrC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,OAAO,GAAG,IAAI;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;AAC5C,EAAE,MAAM,WAAW,GAAG,OAAO;AAC7B,IAAI,MAAM,iBAAiB,CAAC,OAAO,GAAG,WAAW,GAAG,aAAa,EAAE,KAAK,CAAC;AACzE,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC7G,CAAC;AACD,oBAAoB,CAAC,WAAW,GAAG,oCAAoC;;;;"}
1	+ {"version":3,"file":"MantineThemeProvider.js","sources":["../../../../src/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { MantineTheme, MantineThemeOverride } from '../theme.types';\nimport { DEFAULT_THEME } from '../default-theme';\nimport { mergeMantineTheme } from '../merge-mantine-theme';\n\nexport const MantineThemeContext = createContext<MantineTheme \| null>(null);\n\nexport const useSafeMantineTheme = () => useContext(MantineThemeContext) \|\| DEFAULT_THEME;\n\nexport function useMantineTheme() {\n const ctx = useContext(MantineThemeContext);\n if (!ctx) {\n throw new Error(\n '@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app'\n );\n }\n\n return ctx;\n}\n\nexport interface MantineThemeProviderProps {\n /** Determines whether theme should be inherited from parent MantineProvider, `true` by default /\n inherit?: boolean;\n\n /* Theme override object /\n theme?: MantineThemeOverride;\n\n /* Your application or part of the application that requires different theme */\n children: React.ReactNode;\n}\n\nexport function MantineThemeProvider({\n theme,\n children,\n inherit = true,\n}: MantineThemeProviderProps) {\n const parentTheme = useSafeMantineTheme();\n const mergedTheme = useMemo(\n () => mergeMantineTheme(inherit ? parentTheme : DEFAULT_THEME, theme),\n [theme, parentTheme, inherit]\n );\n\n return (\n <MantineThemeContext.Provider value={mergedTheme}>{children}</MantineThemeContext.Provider>\n );\n}\n\nMantineThemeProvider.displayName = '@mantine/core/MantineThemeProvider';\n"],"names":[],"mappings":";;;;AAGY,MAAC,mBAAmB,GAAG,aAAa,CAAC,IAAI,EAAE;AAC3C,MAAC,mBAAmB,GAAG,MAAM,UAAU,CAAC,mBAAmB,CAAC,IAAI,cAAc;AACnF,SAAS,eAAe,GAAG;AAClC,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAC9C,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK;AACnB,MAAM,mGAAmG;AACzG,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACM,SAAS,oBAAoB,CAAC;AACrC,EAAE,KAAK;AACP,EAAE,QAAQ;AACV,EAAE,OAAO,GAAG,IAAI;AAChB,CAAC,EAAE;AACH,EAAE,MAAM,WAAW,GAAG,mBAAmB,EAAE,CAAC;AAC5C,EAAE,MAAM,WAAW,GAAG,OAAO;AAC7B,IAAI,MAAM,iBAAiB,CAAC,OAAO,GAAG,WAAW,GAAG,aAAa,EAAE,KAAK,CAAC;AACzE,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC7G,CAAC;AACD,oBAAoB,CAAC,WAAW,GAAG,oCAAoC;;;;"}

package/esm/core/factory/factory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n props: Record<string, any>;\n ctx?: any;\n ref?: any;\n stylesNames?: string;\n vars?: any;\n variant?: string;\n staticComponents?: Record<string, any>;\n // Compound components cannot have classNames, styles and vars on MantineProvider\n compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n classNames?: ClassNames<Payload>;\n styles?: Styles<Payload>;\n vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n ? ExtendCompoundComponent<Payload>\n : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n ? Input\n : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type ComponentClasses<Payload extends FactoryPayload> = {\n classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n};\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n ~~ThemeExtend~~<Payload~~> &\n ComponentClasses<Payload> &\n StaticComponents<Payload['staticComponents']~~>;\n\nexport function identity<T>(value: T): T {\n return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n Component.extend = identity as any;\n\n return Component as MantineComponent<Payload>;\n}\n"],"names":[],"mappings":";;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}
1	+ {"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n props: Record<string, any>;\n ctx?: any;\n ref?: any;\n stylesNames?: string;\n vars?: any;\n variant?: string;\n staticComponents?: Record<string, any>;\n // Compound components cannot have classNames, styles and vars on MantineProvider\n compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n classNames?: ClassNames<Payload>;\n styles?: Styles<Payload>;\n vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n ? ExtendCompoundComponent<Payload>\n : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n ? Input\n : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type ComponentClasses<Payload extends FactoryPayload> = {\n classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n};\n\nexport type MantineComponentStaticProperties<Payload extends FactoryPayload> =\n ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']>;\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n MantineComponentStaticProperties<Payload>;\n\nexport function identity<T>(value: T): T {\n return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n Component.extend = identity as any;\n\n return Component as MantineComponent<Payload>;\n}\n"],"names":[],"mappings":";;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/esm/core/utils/create-use-external-events/create-use-external-events.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { useLayoutEffect, useEffect } from 'react';
+function dispatchEvent(type, detail) {
+  window.dispatchEvent(new CustomEvent(type, { detail }));
+}
+const useIsomorphicEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function createUseExternalEvents(prefix) {
+  function _useExternalEvents(events) {
+    const handlers = Object.keys(events).reduce((acc, eventKey) => {
+      acc[`${prefix}:${eventKey}`] = (event) => events[eventKey](event.detail);
+      return acc;
+    }, {});
+    useIsomorphicEffect(() => {
+      Object.keys(handlers).forEach((eventKey) => {
+        window.removeEventListener(eventKey, handlers[eventKey]);
+        window.addEventListener(eventKey, handlers[eventKey]);
+      });
+      return () => Object.keys(handlers).forEach((eventKey) => {
+        window.removeEventListener(eventKey, handlers[eventKey]);
+      });
+    }, [handlers]);
+  }
+  function createEvent(event) {
+    return (...payload) => dispatchEvent(`${prefix}:${String(event)}`, payload[0]);
+  }
+  return [_useExternalEvents, createEvent];
+}
+export { createUseExternalEvents };
+//# sourceMappingURL=create-use-external-events.js.map

package/esm/core/utils/create-use-external-events/create-use-external-events.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"create-use-external-events.js","sources":["../../../../src/core/utils/create-use-external-events/create-use-external-events.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\n\nfunction dispatchEvent<T>(type: string, detail?: T) {\n window.dispatchEvent(new CustomEvent(type, { detail }));\n}\n\nconst useIsomorphicEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport function createUseExternalEvents<Handlers extends Record<string, (detail: any) => void>>(\n prefix: string\n) {\n function _useExternalEvents(events: Handlers) {\n const handlers = Object.keys(events).reduce<any>((acc, eventKey) => {\n acc[`${prefix}:${eventKey}`] = (event: CustomEvent) => events[eventKey](event.detail);\n return acc;\n }, {});\n\n useIsomorphicEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n window.removeEventListener(eventKey, handlers[eventKey]);\n window.addEventListener(eventKey, handlers[eventKey]);\n });\n\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n window.removeEventListener(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n function createEvent<EventKey extends keyof Handlers>(event: EventKey) {\n type Parameter = Parameters<Handlers[EventKey]>[0];\n\n return (...payload: Parameter extends undefined ? [undefined?] : [Parameter]) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [_useExternalEvents, createEvent] as const;\n}\n"],"names":[],"mappings":";;AACA,SAAS,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AAC1D,CAAC;AACD,MAAM,mBAAmB,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,eAAe,GAAG,SAAS,CAAC;AACjF,SAAS,uBAAuB,CAAC,MAAM,EAAE;AAChD,EAAE,SAAS,kBAAkB,CAAC,MAAM,EAAE;AACtC,IAAI,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK;AACnE,MAAM,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AAC/E,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,mBAAmB,CAAC,MAAM;AAC9B,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK;AAClD,QAAQ,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjE,QAAQ,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC9D,OAAO,CAAC,CAAC;AACT,MAAM,OAAO,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK;AAC/D,QAAQ,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjE,OAAO,CAAC,CAAC;AACT,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,WAAW,CAAC,KAAK,EAAE;AAC9B,IAAI,OAAO,CAAC,GAAG,OAAO,KAAK,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AACnF,GAAG;AACH,EAAE,OAAO,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AAC3C;;;;"}