@mantine/core 5.0.0-alpha.2 → 5.0.0-alpha.6

package/cjs/components/Group/Group.js

@@ -45,27 +45,7 @@ const defaultProps = {
   spacing: "md"
 };
 const Group = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Group", defaultProps, props), {
-    className,
-    position,
-    align,
-    children,
-    noWrap,
-    grow,
-    spacing,
-    classNames,
-    styles: styles$1
-  } = _a, others = __objRest(_a, [
-    "className",
-    "position",
-    "align",
-    "children",
-    "noWrap",
-    "grow",
-    "spacing",
-    "classNames",
-    "styles"
-  ]);
+  const _a = styles.useComponentDefaultProps("Group", defaultProps, props), { className, position, align, children, noWrap, grow, spacing, unstyled } = _a, others = __objRest(_a, ["className", "position", "align", "children", "noWrap", "grow", "spacing", "unstyled"]);
   const filteredChildren = filterFalsyChildren.filterFalsyChildren(children);
   const { classes, cx } = Group_styles['default']({
     align,
@@ -74,7 +54,7 @@ const Group = React.forwardRef((props, ref) => {
     spacing,
     position,
     count: filteredChildren.length
-  }, { classNames, styles: styles$1, name: "Group" });
+  }, { unstyled, name: "Group" });
   const items = filteredChildren.map((child) => {
     var _a2;
     if (typeof child === "object" && child !== null && "props" in child) {

package/cjs/components/Group/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport useStyles, { GroupPosition } from './Group.styles';\n\nexport interface GroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Defines justify-content property */\n  position?: GroupPosition;\n\n  /** Defined flex-wrap property */\n  noWrap?: boolean;\n\n  /** Defines flex-grow property for each element, true -> 1, false -> 0 */\n  grow?: boolean;\n\n  /** Space between elements */\n  spacing?: MantineNumberSize;\n\n  /** Defines align-items css property */\n  align?: React.CSSProperties['alignItems'];\n}\n\nconst defaultProps: Partial<GroupProps> = {\n  position: 'left',\n  spacing: 'md',\n};\n\nexport const Group = forwardRef<HTMLDivElement, GroupProps>((props: GroupProps, ref) => {\n  const {\n    className,\n    position,\n    align,\n    children,\n    noWrap,\n    grow,\n    spacing,\n    classNames,\n    styles,\n    ...others\n  } = useMantineDefaultProps('Group', defaultProps, props);\n\n  const filteredChildren = filterFalsyChildren(children);\n  const { classes, cx } = useStyles(\n    {\n      align,\n      grow,\n      noWrap,\n      spacing,\n      position,\n      count: filteredChildren.length,\n    },\n    { classNames, styles, name: 'Group' }\n  );\n\n  const items = filteredChildren.map((child) => {\n    if (typeof child === 'object' && child !== null && 'props' in child) {\n      return React.cloneElement(child, {\n        className: cx(classes.child, child.props?.className),\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {items}\n    </Box>\n  );\n});\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["forwardRef","useMantineDefaultProps","styles","filterFalsyChildren","useStyles","React","Box"],"mappings":";;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAMF,MAAM,YAAY,GAAG;AACrB,EAAE,QAAQ,EAAE,MAAM;AAClB,EAAE,OAAO,EAAE,IAAI;AACf,CAAC,CAAC;AACU,MAAC,KAAK,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAGC,6BAAsB,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACnE,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,OAAO;AACX,IAAI,UAAU;AACd,YAAIC,QAAM;AACV,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,gBAAgB,GAAGC,uCAAmB,CAAC,QAAQ,CAAC,CAAC;AACzD,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,uBAAS,CAAC;AACpC,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,KAAK,EAAE,gBAAgB,CAAC,MAAM;AAClC,GAAG,EAAE,EAAE,UAAU,UAAEF,QAAM,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AAC5C,EAAE,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK;AAChD,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;AACzE,MAAM,OAAOG,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACvC,QAAQ,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC;AAC1F,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;AACrB,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport useStyles, { GroupPosition } from './Group.styles';\n\nexport interface GroupProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Defines justify-content property */\n  position?: GroupPosition;\n\n  /** Defined flex-wrap property */\n  noWrap?: boolean;\n\n  /** Defines flex-grow property for each element, true -> 1, false -> 0 */\n  grow?: boolean;\n\n  /** Space between elements */\n  spacing?: MantineNumberSize;\n\n  /** Defines align-items css property */\n  align?: React.CSSProperties['alignItems'];\n}\n\nconst defaultProps: Partial<GroupProps> = {\n  position: 'left',\n  spacing: 'md',\n};\n\nexport const Group = forwardRef<HTMLDivElement, GroupProps>((props: GroupProps, ref) => {\n  const { className, position, align, children, noWrap, grow, spacing, unstyled, ...others } =\n    useComponentDefaultProps('Group', defaultProps, props);\n\n  const filteredChildren = filterFalsyChildren(children);\n  const { classes, cx } = useStyles(\n    {\n      align,\n      grow,\n      noWrap,\n      spacing,\n      position,\n      count: filteredChildren.length,\n    },\n    { unstyled, name: 'Group' }\n  );\n\n  const items = filteredChildren.map((child) => {\n    if (typeof child === 'object' && child !== null && 'props' in child) {\n      return React.cloneElement(child, {\n        className: cx(classes.child, child.props?.className),\n      });\n    }\n\n    return child;\n  });\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {items}\n    </Box>\n  );\n});\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["forwardRef","useComponentDefaultProps","filterFalsyChildren","useStyles","React","Box"],"mappings":"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"}

package/cjs/components/Highlight/Highlight.js

@@ -45,11 +45,13 @@ const defaultProps = {
   highlightColor: "yellow"
 };
 const _Highlight = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Highlight", defaultProps, props), { children, highlight, highlightColor, highlightStyles } = _a, others = __objRest(_a, ["children", "highlight", "highlightColor", "highlightStyles"]);
+  const _a = styles.useComponentDefaultProps("Highlight", defaultProps, props), { children, highlight, highlightColor, highlightStyles, unstyled } = _a, others = __objRest(_a, ["children", "highlight", "highlightColor", "highlightStyles", "unstyled"]);
   const highlightChunks = highlighter.highlighter(children, highlight);
   return /* @__PURE__ */ React__default.createElement(Text.Text, __spreadValues({
+    unstyled,
     ref
   }, others), highlightChunks.map(({ chunk, highlighted }, i) => highlighted ? /* @__PURE__ */ React__default.createElement(Mark.Mark, {
+    unstyled,
     key: i,
     color: highlightColor,
     sx: highlightStyles

package/cjs/components/Highlight/Highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.js","sources":["../../../src/components/Highlight/Highlight.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { MantineColor, MantineTheme, CSSObject, useMantineDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Text, TextProps } from '../Text/Text';\nimport { Mark } from '../Mark/Mark';\nimport { highlighter } from './highlighter/highlighter';\n\nexport interface HighlightProps extends TextProps {\n  /** Substring or an array of substrings to highlight in children */\n  highlight: string | string[];\n\n  /** Color from theme that is used for highlighting */\n  highlightColor?: MantineColor;\n\n  /** Styles applied to highlighted part */\n  highlightStyles?: CSSObject | ((theme: MantineTheme) => CSSObject);\n\n  /** Full string part of which will be highlighted */\n  children: string;\n}\n\nconst defaultProps: Partial<HighlightProps> = {\n  highlightColor: 'yellow',\n};\n\nexport const _Highlight = forwardRef<HTMLDivElement, HighlightProps>((props, ref) => {\n  const { children, highlight, highlightColor, highlightStyles, ...others } =\n    useMantineDefaultProps('Highlight', defaultProps, props);\n  const highlightChunks = highlighter(children, highlight);\n\n  return (\n    <Text ref={ref} {...others}>\n      {highlightChunks.map(({ chunk, highlighted }, i) =>\n        highlighted ? (\n          <Mark key={i} color={highlightColor} sx={highlightStyles}>\n            {chunk}\n          </Mark>\n        ) : (\n          <span key={i}>{chunk}</span>\n        )\n      )}\n    </Text>\n  );\n});\n\n_Highlight.displayName = '@mantine/core/Highlight';\n\nexport const Highlight = createPolymorphicComponent<'div', HighlightProps>(_Highlight);\n"],"names":["forwardRef","useMantineDefaultProps","highlighter","React","Text","Mark","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"Highlight.js","sources":["../../../src/components/Highlight/Highlight.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { MantineColor, MantineTheme, CSSObject, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Text, TextProps } from '../Text/Text';\nimport { Mark } from '../Mark/Mark';\nimport { highlighter } from './highlighter/highlighter';\n\nexport interface HighlightProps extends TextProps {\n  /** Substring or an array of substrings to highlight in children */\n  highlight: string | string[];\n\n  /** Color from theme that is used for highlighting */\n  highlightColor?: MantineColor;\n\n  /** Styles applied to highlighted part */\n  highlightStyles?: CSSObject | ((theme: MantineTheme) => CSSObject);\n\n  /** Full string part of which will be highlighted */\n  children: string;\n}\n\nconst defaultProps: Partial<HighlightProps> = {\n  highlightColor: 'yellow',\n};\n\nexport const _Highlight = forwardRef<HTMLDivElement, HighlightProps>((props, ref) => {\n  const { children, highlight, highlightColor, highlightStyles, unstyled, ...others } =\n    useComponentDefaultProps('Highlight', defaultProps, props);\n  const highlightChunks = highlighter(children, highlight);\n\n  return (\n    <Text unstyled={unstyled} ref={ref} {...others}>\n      {highlightChunks.map(({ chunk, highlighted }, i) =>\n        highlighted ? (\n          <Mark unstyled={unstyled} key={i} color={highlightColor} sx={highlightStyles}>\n            {chunk}\n          </Mark>\n        ) : (\n          <span key={i}>{chunk}</span>\n        )\n      )}\n    </Text>\n  );\n});\n\n_Highlight.displayName = '@mantine/core/Highlight';\n\nexport const Highlight = createPolymorphicComponent<'div', HighlightProps>(_Highlight);\n"],"names":["forwardRef","useComponentDefaultProps","highlighter","React","Text","Mark","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/HoverCard/HoverCard.context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('@mantine/utils');
 var HoverCard_errors = require('./HoverCard.errors.js');
 
-const [HoverCardContextProvider, useHoverCardContext] = utils.createSafeContext(HoverCard_errors.HOVER_CARD_ERRORS["hover-card-context"]);
+const [HoverCardContextProvider, useHoverCardContext] = utils.createSafeContext(HoverCard_errors.HOVER_CARD_ERRORS.context);
 
 exports.HoverCardContextProvider = HoverCardContextProvider;
 exports.useHoverCardContext = useHoverCardContext;

package/cjs/components/HoverCard/HoverCard.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.context.js","sources":["../../../src/components/HoverCard/HoverCard.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { HOVER_CARD_ERRORS } from './HoverCard.errors';\n\ninterface HoverCardContext {\n  openDropdown(): void;\n  closeDropdown(): void;\n}\n\nexport const [HoverCardContextProvider, useHoverCardContext] = createSafeContext<HoverCardContext>(\n  HOVER_CARD_ERRORS['hover-card-context']\n);\n"],"names":["createSafeContext","HOVER_CARD_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,kCAAiB,CAAC,oBAAoB,CAAC;;;;;"}
+{"version":3,"file":"HoverCard.context.js","sources":["../../../src/components/HoverCard/HoverCard.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { HOVER_CARD_ERRORS } from './HoverCard.errors';\n\ninterface HoverCardContext {\n  openDropdown(): void;\n  closeDropdown(): void;\n}\n\nexport const [HoverCardContextProvider, useHoverCardContext] = createSafeContext<HoverCardContext>(\n  HOVER_CARD_ERRORS.context\n);\n"],"names":["createSafeContext","HOVER_CARD_ERRORS"],"mappings":";;;;;;;AAEY,MAAC,CAAC,wBAAwB,EAAE,mBAAmB,CAAC,GAAGA,uBAAiB,CAACC,kCAAiB,CAAC,OAAO;;;;;"}

package/cjs/components/HoverCard/HoverCard.errors.js

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@mantine/utils');
-
-const HOVER_CARD_ERRORS = utils.createErrors({
-  "hover-card-context": "HoverCard component was not found in the tree",
-  "hover-card-children": "HoverCard.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
-});
+const HOVER_CARD_ERRORS = {
+  context: "HoverCard component was not found in the tree",
+  children: "HoverCard.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
+};
 
 exports.HOVER_CARD_ERRORS = HOVER_CARD_ERRORS;
 //# sourceMappingURL=HoverCard.errors.js.map

package/cjs/components/HoverCard/HoverCard.errors.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.errors.js","sources":["../../../src/components/HoverCard/HoverCard.errors.ts"],"sourcesContent":["import { createErrors } from '@mantine/utils';\n\nexport const HOVER_CARD_ERRORS = createErrors({\n  'hover-card-context': 'HoverCard component was not found in the tree',\n  'hover-card-children':\n    'HoverCard.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported',\n});\n"],"names":["createErrors"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAY,CAAC;AAC9C,EAAE,oBAAoB,EAAE,+CAA+C;AACvE,EAAE,qBAAqB,EAAE,oKAAoK;AAC7L,CAAC;;;;"}
+{"version":3,"file":"HoverCard.errors.js","sources":["../../../src/components/HoverCard/HoverCard.errors.ts"],"sourcesContent":["export const HOVER_CARD_ERRORS = {\n  context: 'HoverCard component was not found in the tree',\n  children:\n    'HoverCard.Target component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported',\n};\n"],"names":[],"mappings":";;;;AAAY,MAAC,iBAAiB,GAAG;AACjC,EAAE,OAAO,EAAE,+CAA+C;AAC1D,EAAE,QAAQ,EAAE,oKAAoK;AAChL;;;;"}

package/cjs/components/HoverCard/HoverCard.js

@@ -49,7 +49,7 @@ const defaultProps = {
   initiallyOpened: false
 };
 function HoverCard(props) {
-  const _a = styles.useMantineDefaultProps("HoverCard", defaultProps, props), { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened } = _a, others = __objRest(_a, ["children", "onOpen", "onClose", "openDelay", "closeDelay", "initiallyOpened"]);
+  const _a = styles.useComponentDefaultProps("HoverCard", defaultProps, props), { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened } = _a, others = __objRest(_a, ["children", "onOpen", "onClose", "openDelay", "closeDelay", "initiallyOpened"]);
   const [opened, { open, close }] = hooks.useDisclosure(initiallyOpened, { onClose, onOpen });
   const { openDropdown, closeDropdown } = useDelayedHover.useDelayedHover({ open, close, openDelay, closeDelay });
   return /* @__PURE__ */ React__default.createElement(HoverCard_context.HoverCardContextProvider, {

package/cjs/components/HoverCard/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useMantineDefaultProps } from '@mantine/styles';\nimport { useDisclosure } from '@mantine/hooks';\nimport { useDelayedHover } from '../Floating';\nimport { Popover, PopoverBaseProps } from '../Popover';\nimport { HoverCardContextProvider } from './HoverCard.context';\nimport { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';\nimport { HoverCardTarget } from './HoverCardTarget/HoverCardTarget';\n\nexport interface HoverCardProps extends PopoverBaseProps {\n  /** HoverCard.Target and HoverCard.Dropdown components */\n  children?: React.ReactNode;\n\n  /** Initial opened state */\n  initiallyOpened?: boolean;\n\n  /** Called when dropdown is opened */\n  onOpen?(): void;\n\n  /** Called when dropdown is closed */\n  onClose?(): void;\n\n  /** Open delay in ms */\n  openDelay?: number;\n\n  /** Close delay in ms */\n  closeDelay?: number;\n}\n\nconst defaultProps: Partial<HoverCardProps> = {\n  openDelay: 0,\n  closeDelay: 150,\n  initiallyOpened: false,\n};\n\nexport function HoverCard(props: HoverCardProps) {\n  const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } =\n    useMantineDefaultProps('HoverCard', defaultProps, props);\n  const [opened, { open, close }] = useDisclosure(initiallyOpened, { onClose, onOpen });\n  const { openDropdown, closeDropdown } = useDelayedHover({ open, close, openDelay, closeDelay });\n\n  return (\n    <HoverCardContextProvider value={{ openDropdown, closeDropdown }}>\n      <Popover opened={opened} __staticSelector=\"HoverCard\" {...others}>\n        {children}\n      </Popover>\n    </HoverCardContextProvider>\n  );\n}\n\nHoverCard.displayName = '@mantine/core/HoverCard';\nHoverCard.Target = HoverCardTarget;\nHoverCard.Dropdown = HoverCardDropdown;\n"],"names":["useMantineDefaultProps","useDisclosure","useDelayedHover","React","HoverCardContextProvider","Popover","HoverCardTarget","HoverCardDropdown"],"mappings":"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"}
+{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useDisclosure } from '@mantine/hooks';\nimport { useDelayedHover } from '../Floating';\nimport { Popover, PopoverBaseProps } from '../Popover';\nimport { HoverCardContextProvider } from './HoverCard.context';\nimport { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';\nimport { HoverCardTarget } from './HoverCardTarget/HoverCardTarget';\n\nexport interface HoverCardProps extends PopoverBaseProps {\n  /** HoverCard.Target and HoverCard.Dropdown components */\n  children?: React.ReactNode;\n\n  /** Initial opened state */\n  initiallyOpened?: boolean;\n\n  /** Called when dropdown is opened */\n  onOpen?(): void;\n\n  /** Called when dropdown is closed */\n  onClose?(): void;\n\n  /** Open delay in ms */\n  openDelay?: number;\n\n  /** Close delay in ms */\n  closeDelay?: number;\n}\n\nconst defaultProps: Partial<HoverCardProps> = {\n  openDelay: 0,\n  closeDelay: 150,\n  initiallyOpened: false,\n};\n\nexport function HoverCard(props: HoverCardProps) {\n  const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } =\n    useComponentDefaultProps('HoverCard', defaultProps, props);\n  const [opened, { open, close }] = useDisclosure(initiallyOpened, { onClose, onOpen });\n  const { openDropdown, closeDropdown } = useDelayedHover({ open, close, openDelay, closeDelay });\n\n  return (\n    <HoverCardContextProvider value={{ openDropdown, closeDropdown }}>\n      <Popover opened={opened} __staticSelector=\"HoverCard\" {...others}>\n        {children}\n      </Popover>\n    </HoverCardContextProvider>\n  );\n}\n\nHoverCard.displayName = '@mantine/core/HoverCard';\nHoverCard.Target = HoverCardTarget;\nHoverCard.Dropdown = HoverCardDropdown;\n"],"names":["useComponentDefaultProps","useDisclosure","useDelayedHover","React","HoverCardContextProvider","Popover","HoverCardTarget","HoverCardDropdown"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AASF,MAAM,YAAY,GAAG;AACrB,EAAE,SAAS,EAAE,CAAC;AACd,EAAE,UAAU,EAAE,GAAG;AACjB,EAAE,eAAe,EAAE,KAAK;AACxB,CAAC,CAAC;AACK,SAAS,SAAS,CAAC,KAAK,EAAE;AACjC,EAAE,MAAM,EAAE,GAAGA,+BAAwB,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC7P,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAGC,mBAAa,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;AACxF,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAGC,+BAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAClG,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,0CAAwB,EAAE;AACvE,IAAI,KAAK,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE;AAC1C,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,eAAO,EAAE,cAAc,CAAC;AACjE,IAAI,MAAM;AACV,IAAI,gBAAgB,EAAE,WAAW;AACjC,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;AACzB,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAClD,SAAS,CAAC,MAAM,GAAGC,+BAAe,CAAC;AACnC,SAAS,CAAC,QAAQ,GAAGC,mCAAiB;;;;"}

package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js

@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function HoverCardTarget({ children, refProp }) {
   if (!utils.isElement(children)) {
-    throw new Error(HoverCard_errors.HOVER_CARD_ERRORS["hover-card-children"]);
+    throw new Error(HoverCard_errors.HOVER_CARD_ERRORS.children);
   }
   const ctx = HoverCard_context.useHoverCardContext();
   const target = children;

package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCardTarget.js","sources":["../../../../src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { Popover, PopoverTargetProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HOVER_CARD_ERRORS } from '../HoverCard.errors';\n\nexport interface HoverCardTargetProps extends PopoverTargetProps {}\n\nexport function HoverCardTarget({ children, refProp }: HoverCardTargetProps) {\n  if (!isElement(children)) {\n    throw new Error(HOVER_CARD_ERRORS['hover-card-children']);\n  }\n\n  const ctx = useHoverCardContext();\n  const target = children as React.ReactElement;\n  const onMouseEnter = createEventHandler(target.props.onMouseEnter, ctx.openDropdown);\n  const onMouseLeave = createEventHandler(target.props.onMouseLeave, ctx.closeDropdown);\n\n  return (\n    <Popover.Target refProp={refProp}>\n      {cloneElement(children as React.ReactElement, { onMouseEnter, onMouseLeave })}\n    </Popover.Target>\n  );\n}\n\nHoverCardTarget.displayName = '@mantine/core/HoverCardTarget';\n"],"names":["isElement","HOVER_CARD_ERRORS","useHoverCardContext","createEventHandler","React","Popover","cloneElement"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;AACvD,EAAE,IAAI,CAACA,eAAS,CAAC,QAAQ,CAAC,EAAE;AAC5B,IAAI,MAAM,IAAI,KAAK,CAACC,kCAAiB,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAC9D,GAAG;AACH,EAAE,MAAM,GAAG,GAAGC,qCAAmB,EAAE,CAAC;AACpC,EAAE,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC1B,EAAE,MAAM,YAAY,GAAGC,wBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;AACvF,EAAE,MAAM,YAAY,GAAGA,wBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;AACxF,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,eAAO,CAAC,MAAM,EAAE;AAC7D,IAAI,OAAO;AACX,GAAG,EAAEC,kBAAY,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;AAC7D,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}
+{"version":3,"file":"HoverCardTarget.js","sources":["../../../../src/components/HoverCard/HoverCardTarget/HoverCardTarget.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { Popover, PopoverTargetProps } from '../../Popover';\nimport { useHoverCardContext } from '../HoverCard.context';\nimport { HOVER_CARD_ERRORS } from '../HoverCard.errors';\n\nexport interface HoverCardTargetProps extends PopoverTargetProps {}\n\nexport function HoverCardTarget({ children, refProp }: HoverCardTargetProps) {\n  if (!isElement(children)) {\n    throw new Error(HOVER_CARD_ERRORS.children);\n  }\n\n  const ctx = useHoverCardContext();\n  const target = children as React.ReactElement;\n  const onMouseEnter = createEventHandler(target.props.onMouseEnter, ctx.openDropdown);\n  const onMouseLeave = createEventHandler(target.props.onMouseLeave, ctx.closeDropdown);\n\n  return (\n    <Popover.Target refProp={refProp}>\n      {cloneElement(children as React.ReactElement, { onMouseEnter, onMouseLeave })}\n    </Popover.Target>\n  );\n}\n\nHoverCardTarget.displayName = '@mantine/core/HoverCardTarget';\n"],"names":["isElement","HOVER_CARD_ERRORS","useHoverCardContext","createEventHandler","React","Popover","cloneElement"],"mappings":";;;;;;;;;;;;;;AAKO,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;AACvD,EAAE,IAAI,CAACA,eAAS,CAAC,QAAQ,CAAC,EAAE;AAC5B,IAAI,MAAM,IAAI,KAAK,CAACC,kCAAiB,CAAC,QAAQ,CAAC,CAAC;AAChD,GAAG;AACH,EAAE,MAAM,GAAG,GAAGC,qCAAmB,EAAE,CAAC;AACpC,EAAE,MAAM,MAAM,GAAG,QAAQ,CAAC;AAC1B,EAAE,MAAM,YAAY,GAAGC,wBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;AACvF,EAAE,MAAM,YAAY,GAAGA,wBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;AACxF,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,eAAO,CAAC,MAAM,EAAE;AAC7D,IAAI,OAAO;AACX,GAAG,EAAEC,kBAAY,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;AAC7D,CAAC;AACD,eAAe,CAAC,WAAW,GAAG,+BAA+B;;;;"}

package/cjs/components/Image/Image.js

@@ -49,7 +49,7 @@ const defaultProps = {
   radius: 0
 };
 const Image = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Image", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Image", defaultProps, props), {
     className,
     alt,
     src,
@@ -63,7 +63,8 @@ const Image = React.forwardRef((props, ref) => {
     imageRef,
     classNames,
     styles: styles$1,
-    caption
+    caption,
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "alt",
@@ -78,9 +79,10 @@ const Image = React.forwardRef((props, ref) => {
     "imageRef",
     "classNames",
     "styles",
-    "caption"
+    "caption",
+    "unstyled"
   ]);
-  const { classes, cx } = Image_styles['default']({ radius }, { classNames, styles: styles$1, name: "Image" });
+  const { classes, cx } = Image_styles['default']({ radius }, { classNames, styles: styles$1, unstyled, name: "Image" });
   const [loaded, setLoaded] = React.useState(false);
   const [error, setError] = React.useState(!src);
   const isPlaceholder = withPlaceholder && (!loaded || error);

package/cjs/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  Selectors,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { ImageIcon } from './ImageIcon';\nimport useStyles from './Image.styles';\n\nexport type ImageStylesNames = Selectors<typeof useStyles>;\n\nexport interface ImageProps\n  extends DefaultProps<ImageStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'placeholder'> {\n  /** Image src */\n  src?: string;\n\n  /** Image alt text, used as title for placeholder if image was not loaded */\n  alt?: string;\n\n  /** Image object-fit property */\n  fit?: 'contain' | 'cover';\n\n  /** Image width, defaults to 100%, cannot exceed 100% */\n  width?: number | string;\n\n  /** Image height, defaults to original image height adjusted to given width */\n  height?: number | string;\n\n  /** Predefined border-radius value from theme.radius or number for border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Enable placeholder when image is loading and when image fails to load */\n  withPlaceholder?: boolean;\n\n  /** Customize placeholder content */\n  placeholder?: React.ReactNode;\n\n  /** Props spread to img element */\n  imageProps?: React.ComponentPropsWithoutRef<'img'>;\n\n  /** Get image element ref */\n  imageRef?: React.ForwardedRef<HTMLImageElement>;\n\n  /** Image figcaption, displayed bellow image */\n  caption?: React.ReactNode;\n}\n\nconst defaultProps: Partial<ImageProps> = {\n  fit: 'cover',\n  width: '100%',\n  height: 'auto',\n  radius: 0,\n};\n\nexport const Image = forwardRef<HTMLDivElement, ImageProps>((props: ImageProps, ref) => {\n  const {\n    className,\n    alt,\n    src,\n    fit,\n    width,\n    height,\n    radius,\n    imageProps,\n    withPlaceholder,\n    placeholder,\n    imageRef,\n    classNames,\n    styles,\n    caption,\n    ...others\n  } = useMantineDefaultProps('Image', defaultProps, props);\n  const { classes, cx } = useStyles({ radius }, { classNames, styles, name: 'Image' });\n  const [loaded, setLoaded] = useState(false);\n  const [error, setError] = useState(!src);\n  const isPlaceholder = withPlaceholder && (!loaded || error);\n\n  useDidUpdate(() => {\n    setLoaded(false);\n    setError(false);\n  }, [src]);\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      <figure className={classes.figure}>\n        <div className={classes.imageWrapper}>\n          <img\n            className={classes.image}\n            src={src}\n            alt={alt}\n            style={{ objectFit: fit, width, height }}\n            ref={imageRef}\n            onLoad={(event) => {\n              setLoaded(true);\n              typeof imageProps?.onLoad === 'function' && imageProps.onLoad(event);\n            }}\n            onError={(event) => {\n              setError(true);\n              typeof imageProps?.onError === 'function' && imageProps.onError(event);\n            }}\n            {...imageProps}\n          />\n\n          {isPlaceholder && (\n            <div className={classes.placeholder} title={alt}>\n              {placeholder || <ImageIcon style={{ width: 40, height: 40 }} />}\n            </div>\n          )}\n        </div>\n\n        {!!caption && (\n          <Text component=\"figcaption\" size=\"sm\" align=\"center\" className={classes.caption}>\n            {caption}\n          </Text>\n        )}\n      </figure>\n    </Box>\n  );\n});\n\nImage.displayName = '@mantine/core/Image';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","useState","useDidUpdate","React","Box","ImageIcon","Text"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { Text } from '../Text';\nimport { Box } from '../Box';\nimport { ImageIcon } from './ImageIcon';\nimport useStyles, { ImageStylesParams } from './Image.styles';\n\nexport type ImageStylesNames = Selectors<typeof useStyles>;\n\nexport interface ImageProps\n  extends DefaultProps<ImageStylesNames, ImageStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'placeholder'> {\n  /** Image src */\n  src?: string;\n\n  /** Image alt text, used as title for placeholder if image was not loaded */\n  alt?: string;\n\n  /** Image object-fit property */\n  fit?: 'contain' | 'cover';\n\n  /** Image width, defaults to 100%, cannot exceed 100% */\n  width?: number | string;\n\n  /** Image height, defaults to original image height adjusted to given width */\n  height?: number | string;\n\n  /** Predefined border-radius value from theme.radius or number for border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Enable placeholder when image is loading and when image fails to load */\n  withPlaceholder?: boolean;\n\n  /** Customize placeholder content */\n  placeholder?: React.ReactNode;\n\n  /** Props spread to img element */\n  imageProps?: React.ComponentPropsWithoutRef<'img'>;\n\n  /** Get image element ref */\n  imageRef?: React.ForwardedRef<HTMLImageElement>;\n\n  /** Image figcaption, displayed bellow image */\n  caption?: React.ReactNode;\n}\n\nconst defaultProps: Partial<ImageProps> = {\n  fit: 'cover',\n  width: '100%',\n  height: 'auto',\n  radius: 0,\n};\n\nexport const Image = forwardRef<HTMLDivElement, ImageProps>((props: ImageProps, ref) => {\n  const {\n    className,\n    alt,\n    src,\n    fit,\n    width,\n    height,\n    radius,\n    imageProps,\n    withPlaceholder,\n    placeholder,\n    imageRef,\n    classNames,\n    styles,\n    caption,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Image', defaultProps, props);\n  const { classes, cx } = useStyles({ radius }, { classNames, styles, unstyled, name: 'Image' });\n  const [loaded, setLoaded] = useState(false);\n  const [error, setError] = useState(!src);\n  const isPlaceholder = withPlaceholder && (!loaded || error);\n\n  useDidUpdate(() => {\n    setLoaded(false);\n    setError(false);\n  }, [src]);\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      <figure className={classes.figure}>\n        <div className={classes.imageWrapper}>\n          <img\n            className={classes.image}\n            src={src}\n            alt={alt}\n            style={{ objectFit: fit, width, height }}\n            ref={imageRef}\n            onLoad={(event) => {\n              setLoaded(true);\n              typeof imageProps?.onLoad === 'function' && imageProps.onLoad(event);\n            }}\n            onError={(event) => {\n              setError(true);\n              typeof imageProps?.onError === 'function' && imageProps.onError(event);\n            }}\n            {...imageProps}\n          />\n\n          {isPlaceholder && (\n            <div className={classes.placeholder} title={alt}>\n              {placeholder || <ImageIcon style={{ width: 40, height: 40 }} />}\n            </div>\n          )}\n        </div>\n\n        {!!caption && (\n          <Text component=\"figcaption\" size=\"sm\" align=\"center\" className={classes.caption}>\n            {caption}\n          </Text>\n        )}\n      </figure>\n    </Box>\n  );\n});\n\nImage.displayName = '@mantine/core/Image';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","useState","useDidUpdate","React","Box","ImageIcon","Text"],"mappings":"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"}

package/cjs/components/Indicator/Indicator.js

@@ -50,7 +50,7 @@ const defaultProps = {
   zIndex: styles.getDefaultZIndex("app")
 };
 const Indicator = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Indicator", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Indicator", defaultProps, props), {
     children,
     position,
     offset,
@@ -64,7 +64,8 @@ const Indicator = React.forwardRef((props, ref) => {
     label,
     classNames,
     disabled,
-    zIndex
+    zIndex,
+    unstyled
   } = _a, others = __objRest(_a, [
     "children",
     "position",
@@ -79,9 +80,10 @@ const Indicator = React.forwardRef((props, ref) => {
     "label",
     "classNames",
     "disabled",
-    "zIndex"
+    "zIndex",
+    "unstyled"
   ]);
-  const { classes, cx } = Indicator_styles['default']({ position, offset, size, radius, inline, color, withBorder, zIndex, withLabel: !!label }, { name: "Indicator", classNames, styles: styles$1 });
+  const { classes, cx } = Indicator_styles['default']({ position, offset, size, radius, inline, color, withBorder, zIndex, withLabel: !!label }, { name: "Indicator", classNames, styles: styles$1, unstyled });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     ref,
     className: cx(classes.root, className)

package/cjs/components/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport {\n  Selectors,\n  DefaultProps,\n  MantineColor,\n  MantineNumberSize,\n  useMantineDefaultProps,\n  getDefaultZIndex,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { IndicatorPosition } from './Indicator.types';\nimport useStyles from './Indicator.styles';\n\nexport type IndicatorStylesNames = Selectors<typeof useStyles>;\n\nexport interface IndicatorProps\n  extends DefaultProps<IndicatorStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Element that should have an indicator */\n  children: React.ReactNode;\n\n  /** Indicator position relative to child element */\n  position?: IndicatorPosition;\n\n  /** Changes position offset, usually used when element has border-radius */\n  offset?: number;\n\n  /** Determines whether indicator container should be an inline element */\n  inline?: boolean;\n\n  /** Size in px */\n  size?: number;\n\n  /** Indicator label */\n  label?: React.ReactNode;\n\n  /** border-radius from theme.radius or number value to set radius in px */\n  radius?: MantineNumberSize;\n\n  /** Color from theme.colors or any other valid CSS color value */\n  color?: MantineColor;\n\n  /** Determines whether indicator should have border */\n  withBorder?: boolean;\n\n  /** When component is disabled it renders children without indicator */\n  disabled?: boolean;\n\n  /** Indicator z-index */\n  zIndex?: number;\n}\n\nconst defaultProps: Partial<IndicatorProps> = {\n  position: 'top-end',\n  offset: 0,\n  inline: false,\n  withBorder: false,\n  disabled: false,\n  size: 10,\n  radius: 1000,\n  zIndex: getDefaultZIndex('app'),\n};\n\nexport const Indicator = forwardRef<HTMLDivElement, IndicatorProps>((props, ref) => {\n  const {\n    children,\n    position,\n    offset,\n    size,\n    radius,\n    inline,\n    withBorder,\n    className,\n    color,\n    styles,\n    label,\n    classNames,\n    disabled,\n    zIndex,\n    ...others\n  } = useMantineDefaultProps('Indicator', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { position, offset, size, radius, inline, color, withBorder, zIndex, withLabel: !!label },\n    { name: 'Indicator', classNames, styles }\n  );\n\n  return (\n    <Box ref={ref} className={cx(classes.root, className)} {...others}>\n      {!disabled && <div className={classes.indicator}>{label}</div>}\n      {children}\n    </Box>\n  );\n});\n\nIndicator.displayName = '@mantine/core/Indicator';\n"],"names":["getDefaultZIndex","forwardRef","useMantineDefaultProps","styles","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Indicator.js","sources":["../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport {\n  Selectors,\n  DefaultProps,\n  MantineColor,\n  MantineNumberSize,\n  useComponentDefaultProps,\n  getDefaultZIndex,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { IndicatorPosition } from './Indicator.types';\nimport useStyles, { IndicatorStylesParams } from './Indicator.styles';\n\nexport type IndicatorStylesNames = Selectors<typeof useStyles>;\n\nexport interface IndicatorProps\n  extends DefaultProps<IndicatorStylesNames, IndicatorStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Element that should have an indicator */\n  children: React.ReactNode;\n\n  /** Indicator position relative to child element */\n  position?: IndicatorPosition;\n\n  /** Changes position offset, usually used when element has border-radius */\n  offset?: number;\n\n  /** Determines whether indicator container should be an inline element */\n  inline?: boolean;\n\n  /** Size in px */\n  size?: number;\n\n  /** Indicator label */\n  label?: React.ReactNode;\n\n  /** border-radius from theme.radius or number value to set radius in px */\n  radius?: MantineNumberSize;\n\n  /** Color from theme.colors or any other valid CSS color value */\n  color?: MantineColor;\n\n  /** Determines whether indicator should have border */\n  withBorder?: boolean;\n\n  /** When component is disabled it renders children without indicator */\n  disabled?: boolean;\n\n  /** Indicator z-index */\n  zIndex?: React.CSSProperties['zIndex'];\n}\n\nconst defaultProps: Partial<IndicatorProps> = {\n  position: 'top-end',\n  offset: 0,\n  inline: false,\n  withBorder: false,\n  disabled: false,\n  size: 10,\n  radius: 1000,\n  zIndex: getDefaultZIndex('app'),\n};\n\nexport const Indicator = forwardRef<HTMLDivElement, IndicatorProps>((props, ref) => {\n  const {\n    children,\n    position,\n    offset,\n    size,\n    radius,\n    inline,\n    withBorder,\n    className,\n    color,\n    styles,\n    label,\n    classNames,\n    disabled,\n    zIndex,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Indicator', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { position, offset, size, radius, inline, color, withBorder, zIndex, withLabel: !!label },\n    { name: 'Indicator', classNames, styles, unstyled }\n  );\n\n  return (\n    <Box ref={ref} className={cx(classes.root, className)} {...others}>\n      {!disabled && <div className={classes.indicator}>{label}</div>}\n      {children}\n    </Box>\n  );\n});\n\nIndicator.displayName = '@mantine/core/Indicator';\n"],"names":["getDefaultZIndex","forwardRef","useComponentDefaultProps","styles","useStyles","React","Box"],"mappings":"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"}

package/cjs/components/Indicator/Indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.styles.js","sources":["../../../src/components/Indicator/Indicator.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { IndicatorPosition } from './Indicator.types';\n\nexport interface IndicatorStylesParams {\n  radius: MantineNumberSize;\n  size: number;\n  color: MantineColor;\n  position: IndicatorPosition;\n  offset: number;\n  inline: boolean;\n  withBorder: boolean;\n  withLabel: boolean;\n  zIndex: number;\n}\n\nfunction getPositionStyles(_position: IndicatorPosition, offset = 0) {\n  const styles: CSSObject = {};\n  const [position, placement] = _position.split('-');\n  let translateX = '';\n  let translateY = '';\n\n  if (position === 'top') {\n    styles.top = offset;\n    translateY = '-50%';\n  }\n\n  if (position === 'middle') {\n    styles.top = '50%';\n    translateY = '-50%';\n  }\n\n  if (position === 'bottom') {\n    styles.bottom = offset;\n    translateY = '50%';\n  }\n\n  if (placement === 'start') {\n    styles.left = offset;\n    translateX = '-50%';\n  }\n\n  if (placement === 'center') {\n    styles.left = '50%';\n    translateX = '-50%';\n  }\n\n  if (placement === 'end') {\n    styles.right = offset;\n    translateX = '50%';\n  }\n\n  styles.transform = `translate(${translateX}, ${translateY})`;\n\n  return styles;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      size,\n      color,\n      position,\n      offset,\n      inline,\n      withBorder,\n      withLabel,\n      zIndex,\n    }: IndicatorStylesParams\n  ) => ({\n    root: {\n      position: 'relative',\n      display: inline ? 'inline-block' : 'block',\n    },\n\n    indicator: {\n      ...getPositionStyles(position, offset),\n      zIndex,\n      position: 'absolute',\n      [withLabel ? 'minWidth' : 'width']: size,\n      height: size,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      fontSize: theme.fontSizes.xs,\n      paddingLeft: withLabel ? theme.spacing.xs / 2 : 0,\n      paddingRight: withLabel ? theme.spacing.xs / 2 : 0,\n      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n      backgroundColor: theme.fn.themeColor(\n        color || theme.primaryColor,\n        theme.fn.primaryShade(),\n        false\n      ),\n      border: withBorder\n        ? `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`\n        : undefined,\n      color: theme.white,\n      whiteSpace: 'nowrap',\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Indicator.styles.js","sources":["../../../src/components/Indicator/Indicator.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { IndicatorPosition } from './Indicator.types';\n\nexport interface IndicatorStylesParams {\n  radius: MantineNumberSize;\n  size: number;\n  color: MantineColor;\n  position: IndicatorPosition;\n  offset: number;\n  inline: boolean;\n  withBorder: boolean;\n  withLabel: boolean;\n  zIndex: React.CSSProperties['zIndex'];\n}\n\nfunction getPositionStyles(_position: IndicatorPosition, offset = 0) {\n  const styles: CSSObject = {};\n  const [position, placement] = _position.split('-');\n  let translateX = '';\n  let translateY = '';\n\n  if (position === 'top') {\n    styles.top = offset;\n    translateY = '-50%';\n  }\n\n  if (position === 'middle') {\n    styles.top = '50%';\n    translateY = '-50%';\n  }\n\n  if (position === 'bottom') {\n    styles.bottom = offset;\n    translateY = '50%';\n  }\n\n  if (placement === 'start') {\n    styles.left = offset;\n    translateX = '-50%';\n  }\n\n  if (placement === 'center') {\n    styles.left = '50%';\n    translateX = '-50%';\n  }\n\n  if (placement === 'end') {\n    styles.right = offset;\n    translateX = '50%';\n  }\n\n  styles.transform = `translate(${translateX}, ${translateY})`;\n\n  return styles;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      size,\n      color,\n      position,\n      offset,\n      inline,\n      withBorder,\n      withLabel,\n      zIndex,\n    }: IndicatorStylesParams\n  ) => ({\n    root: {\n      position: 'relative',\n      display: inline ? 'inline-block' : 'block',\n    },\n\n    indicator: {\n      ...getPositionStyles(position, offset),\n      zIndex,\n      position: 'absolute',\n      [withLabel ? 'minWidth' : 'width']: size,\n      height: size,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      fontSize: theme.fontSizes.xs,\n      paddingLeft: withLabel ? theme.spacing.xs / 2 : 0,\n      paddingRight: withLabel ? theme.spacing.xs / 2 : 0,\n      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n      backgroundColor: theme.fn.themeColor(\n        color || theme.primaryColor,\n        theme.fn.primaryShade(),\n        false\n      ),\n      border: withBorder\n        ? `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`\n        : undefined,\n      color: theme.white,\n      whiteSpace: 'nowrap',\n    },\n  })\n);\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Input/Input.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styles = require('@mantine/styles');
 var utils = require('@mantine/utils');
+var InputWrapper = require('./InputWrapper/InputWrapper.js');
+var InputDescription = require('./InputDescription/InputDescription.js');
+var InputLabel = require('./InputLabel/InputLabel.js');
+var InputError = require('./InputError/InputError.js');
+var InputWrapper_context = require('./InputWrapper.context.js');
 var Input_styles = require('./Input.styles.js');
 var Box = require('../Box/Box.js');
 
@@ -49,7 +54,7 @@ const defaultProps = {
   variant: "default"
 };
 const _Input = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Input", defaultProps, props), {
+  const _a = styles.useComponentDefaultProps("Input", defaultProps, props), {
     className,
     invalid,
     required,
@@ -68,7 +73,9 @@ const _Input = React.forwardRef((props, ref) => {
     styles: styles$1,
     __staticSelector,
     multiline,
-    sx
+    sx,
+    unstyled,
+    pointer
   } = _a, others = __objRest(_a, [
     "className",
     "invalid",
@@ -88,8 +95,11 @@ const _Input = React.forwardRef((props, ref) => {
     "styles",
     "__staticSelector",
     "multiline",
-    "sx"
+    "sx",
+    "unstyled",
+    "pointer"
   ]);
+  const { offsetBottom, offsetTop } = InputWrapper_context.useInputWrapperContext();
   const { classes, cx } = Input_styles['default']({
     radius,
     size,
@@ -98,8 +108,11 @@ const _Input = React.forwardRef((props, ref) => {
     invalid,
     rightSectionWidth,
     iconWidth,
-    withRightSection: !!rightSection
-  }, { classNames, styles: styles$1, name: ["Input", __staticSelector] });
+    withRightSection: !!rightSection,
+    offsetBottom,
+    offsetTop,
+    pointer
+  }, { classNames, styles: styles$1, name: ["Input", __staticSelector], unstyled });
   const { systemStyles, rest } = styles.extractSystemStyles(others);
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({
     className: cx(classes.wrapper, className),
@@ -124,6 +137,10 @@ const _Input = React.forwardRef((props, ref) => {
   }), rightSection));
 });
 _Input.displayName = "@mantine/core/Input";
+_Input.Wrapper = InputWrapper.InputWrapper;
+_Input.Label = InputLabel.InputLabel;
+_Input.Description = InputDescription.InputDescription;
+_Input.Error = InputError.InputError;
 const Input = utils.createPolymorphicComponent(_Input);
 
 exports.Input = Input;

package/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  Selectors,\n  extractSystemStyles,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles, { InputVariant } from './Input.styles';\n\nexport type InputStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputBaseProps {\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Width of icon section in px */\n  iconWidth?: number;\n\n  /** Right section of input, similar to icon but on the right */\n  rightSection?: React.ReactNode;\n\n  /** Width of right section, is used to calculate input padding-right */\n  rightSectionWidth?: number;\n\n  /** Props spread to rightSection div element */\n  rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Properties spread to root element */\n  wrapperProps?: Record<string, any>;\n\n  /** Sets required on input element */\n  required?: boolean;\n\n  /** Input border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Defines input appearance, defaults to default in light color scheme and filled in dark */\n  variant?: InputVariant;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n}\n\nexport interface InputProps extends InputBaseProps, DefaultProps<InputStylesNames> {\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Sets border color to red and aria-invalid=true on input element */\n  invalid?: boolean;\n\n  /** Will input have multiple lines? */\n  multiline?: boolean;\n}\n\nconst defaultProps: Partial<InputProps> = {\n  rightSectionWidth: 36,\n  size: 'sm',\n  variant: 'default',\n};\n\nexport const _Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    invalid,\n    required,\n    disabled,\n    variant,\n    icon,\n    style,\n    rightSectionWidth,\n    iconWidth,\n    rightSection,\n    rightSectionProps,\n    radius,\n    size,\n    wrapperProps,\n    classNames,\n    styles,\n    __staticSelector,\n    multiline,\n    sx,\n    ...others\n  } = useMantineDefaultProps('Input', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    {\n      radius,\n      size,\n      multiline,\n      variant,\n      invalid,\n      rightSectionWidth,\n      iconWidth,\n      withRightSection: !!rightSection,\n    },\n    { classNames, styles, name: ['Input', __staticSelector] }\n  );\n\n  const { systemStyles, rest } = extractSystemStyles(others);\n\n  return (\n    <Box\n      className={cx(classes.wrapper, className)}\n      sx={sx}\n      style={style}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      {icon && <div className={classes.icon}>{icon}</div>}\n\n      <Box\n        component=\"input\"\n        {...rest}\n        ref={ref}\n        required={required}\n        aria-invalid={invalid}\n        disabled={disabled}\n        className={cx(classes[`${variant}Variant`], classes.input, {\n          [classes.withIcon]: icon,\n          [classes.invalid]: invalid,\n          [classes.disabled]: disabled,\n        })}\n      />\n\n      {rightSection && (\n        <div {...rightSectionProps} className={classes.rightSection}>\n          {rightSection}\n        </div>\n      )}\n    </Box>\n  );\n});\n\n_Input.displayName = '@mantine/core/Input';\n\nexport const Input = createPolymorphicComponent<'input', InputProps>(_Input);\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","extractSystemStyles","React","Box","createPolymorphicComponent"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  Selectors,\n  extractSystemStyles,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { InputWrapper } from './InputWrapper/InputWrapper';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport useStyles, { InputVariant } from './Input.styles';\n\nexport type InputStylesNames = Selectors<typeof useStyles>;\n\nexport interface InputBaseProps {\n  /** Adds icon on the left side of input */\n  icon?: React.ReactNode;\n\n  /** Width of icon section in px */\n  iconWidth?: number;\n\n  /** Right section of input, similar to icon but on the right */\n  rightSection?: React.ReactNode;\n\n  /** Width of right section, is used to calculate input padding-right */\n  rightSectionWidth?: number;\n\n  /** Props spread to rightSection div element */\n  rightSectionProps?: Record<string, any>;\n\n  /** Properties spread to root element */\n  wrapperProps?: Record<string, any>;\n\n  /** Sets required on input element */\n  required?: boolean;\n\n  /** Input border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Defines input appearance, defaults to default in light color scheme and filled in dark */\n  variant?: InputVariant;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Input size */\n  size?: MantineSize;\n}\n\nexport interface InputProps extends InputBaseProps, DefaultProps<InputStylesNames> {\n  /** Static css selector base */\n  __staticSelector?: string;\n\n  /** Sets border color to red and aria-invalid=true on input element */\n  invalid?: boolean;\n\n  /** Will input have multiple lines? */\n  multiline?: boolean;\n\n  /** Determines whether cursor on input should be pointer */\n  pointer?: boolean;\n}\n\nconst defaultProps: Partial<InputProps> = {\n  rightSectionWidth: 36,\n  size: 'sm',\n  variant: 'default',\n};\n\nexport const _Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => {\n  const {\n    className,\n    invalid,\n    required,\n    disabled,\n    variant,\n    icon,\n    style,\n    rightSectionWidth,\n    iconWidth,\n    rightSection,\n    rightSectionProps,\n    radius,\n    size,\n    wrapperProps,\n    classNames,\n    styles,\n    __staticSelector,\n    multiline,\n    sx,\n    unstyled,\n    pointer,\n    ...others\n  } = useComponentDefaultProps('Input', defaultProps, props);\n  const { offsetBottom, offsetTop } = useInputWrapperContext();\n\n  const { classes, cx } = useStyles(\n    {\n      radius,\n      size,\n      multiline,\n      variant,\n      invalid,\n      rightSectionWidth,\n      iconWidth,\n      withRightSection: !!rightSection,\n      offsetBottom,\n      offsetTop,\n      pointer,\n    },\n    { classNames, styles, name: ['Input', __staticSelector], unstyled }\n  );\n\n  const { systemStyles, rest } = extractSystemStyles(others);\n\n  return (\n    <Box\n      className={cx(classes.wrapper, className)}\n      sx={sx}\n      style={style}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      {icon && <div className={classes.icon}>{icon}</div>}\n\n      <Box\n        component=\"input\"\n        {...rest}\n        ref={ref}\n        required={required}\n        aria-invalid={invalid}\n        disabled={disabled}\n        className={cx(classes[`${variant}Variant`], classes.input, {\n          [classes.withIcon]: icon,\n          [classes.invalid]: invalid,\n          [classes.disabled]: disabled,\n        })}\n      />\n\n      {rightSection && (\n        <div {...rightSectionProps} className={classes.rightSection}>\n          {rightSection}\n        </div>\n      )}\n    </Box>\n  );\n}) as any;\n\n_Input.displayName = '@mantine/core/Input';\n_Input.Wrapper = InputWrapper;\n_Input.Label = InputLabel;\n_Input.Description = InputDescription;\n_Input.Error = InputError;\n\nexport const Input = createPolymorphicComponent<\n  'input',\n  InputProps,\n  {\n    Wrapper: typeof InputWrapper;\n    Label: typeof InputLabel;\n    Description: typeof InputDescription;\n    Error: typeof InputError;\n  }\n>(_Input);\n"],"names":["forwardRef","useComponentDefaultProps","styles","useInputWrapperContext","useStyles","extractSystemStyles","React","Box","InputWrapper","InputLabel","InputDescription","InputError","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/Input/Input.styles.js

@@ -79,9 +79,12 @@ var useStyles = styles.createStyles((theme, {
   invalid,
   rightSectionWidth,
   withRightSection,
-  iconWidth
+  iconWidth,
+  offsetBottom,
+  offsetTop,
+  pointer
 }) => {
-  const invalidColor = theme.colors.red[theme.colorScheme === "dark" ? 6 : 7];
+  const invalidColor = theme.fn.variant({ variant: "filled", color: "red" }).background;
   const sizeStyles = variant === "default" || variant === "filled" ? {
     minHeight: theme.fn.size({ size, sizes }),
     paddingLeft: theme.fn.size({ size, sizes }) / 3,
@@ -90,7 +93,9 @@ var useStyles = styles.createStyles((theme, {
   } : null;
   return {
     wrapper: {
-      position: "relative"
+      position: "relative",
+      marginTop: offsetTop ? theme.spacing.xs / 2 : void 0,
+      marginBottom: offsetBottom ? theme.spacing.xs / 2 : void 0
     },
     input: __spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
       height: multiline ? variant === "unstyled" ? void 0 : "auto" : theme.fn.size({ size, sizes }),
@@ -103,7 +108,8 @@ var useStyles = styles.createStyles((theme, {
       width: "100%",
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
       display: "block",
-      textAlign: "left"
+      textAlign: "left",
+      cursor: pointer ? "pointer" : void 0
     }), sizeStyles), {
       "&:disabled": {
         backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[1],

package/cjs/components/Input/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","sources":["../../../src/components/Input/Input.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineTheme } from '@mantine/styles';\n\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\n\nexport interface InputStylesParams {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  variant: InputVariant;\n  multiline: boolean;\n  invalid: boolean;\n  rightSectionWidth: number;\n  withRightSection: boolean;\n  iconWidth: number;\n}\n\nexport const sizes = {\n  xs: 30,\n  sm: 36,\n  md: 42,\n  lg: 50,\n  xl: 60,\n};\n\ninterface GetVariantStylesInput {\n  theme: MantineTheme;\n  variant: InputVariant;\n}\n\nfunction getVariantStyles({ theme, variant }: GetVariantStylesInput) {\n  if (variant === 'default') {\n    return {\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      transition: 'border-color 100ms ease',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: theme.colors[theme.primaryColor][theme.fn.primaryShade()],\n      },\n    };\n  }\n\n  if (variant === 'filled') {\n    return {\n      border: '1px solid transparent',\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: `${theme.colors[theme.primaryColor][theme.fn.primaryShade()]} !important`,\n      },\n    };\n  }\n\n  return {\n    borderWidth: 0,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: 'transparent',\n    minHeight: 28,\n    outline: 0,\n\n    '&:focus, &:focus-within': {\n      outline: 'none',\n      borderColor: 'transparent',\n    },\n\n    '&:disabled': {\n      backgroundColor: 'transparent',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: 'transparent',\n      },\n    },\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      size,\n      multiline,\n      radius,\n      variant,\n      invalid,\n      rightSectionWidth,\n      withRightSection,\n      iconWidth,\n    }: InputStylesParams\n  ) => {\n    const invalidColor = theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7];\n    const sizeStyles =\n      variant === 'default' || variant === 'filled'\n        ? {\n            minHeight: theme.fn.size({ size, sizes }),\n            paddingLeft: theme.fn.size({ size, sizes }) / 3,\n            paddingRight: withRightSection ? rightSectionWidth : theme.fn.size({ size, sizes }) / 3,\n            borderRadius: theme.fn.radius(radius),\n          }\n        : null;\n\n    return {\n      wrapper: {\n        position: 'relative',\n      },\n\n      input: {\n        ...theme.fn.fontStyles(),\n        height: multiline\n          ? variant === 'unstyled'\n            ? undefined\n            : 'auto'\n          : theme.fn.size({ size, sizes }),\n        WebkitTapHighlightColor: 'transparent',\n        lineHeight: multiline ? theme.lineHeight : `${theme.fn.size({ size, sizes }) - 2}px`,\n        appearance: 'none',\n        resize: 'none',\n        boxSizing: 'border-box',\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        width: '100%',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        display: 'block',\n        textAlign: 'left',\n        ...sizeStyles,\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n          color: theme.colors.dark[2],\n          opacity: 0.6,\n          cursor: 'not-allowed',\n\n          '&::placeholder': {\n            color: theme.colors.dark[2],\n          },\n        },\n\n        '&::placeholder': {\n          opacity: 1,\n          userSelect: 'none',\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n        },\n\n        '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n          {\n            appearance: 'none',\n          },\n\n        '&[type=number]': {\n          MozAppearance: 'textfield',\n        },\n\n        ...getVariantStyles({ theme, variant }),\n      },\n\n      withIcon: {\n        paddingLeft: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n      },\n\n      invalid: {\n        color: invalidColor,\n        borderColor: invalidColor,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: invalidColor,\n        },\n      },\n\n      disabled: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n        cursor: 'not-allowed',\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      icon: {\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 1,\n        left: 0,\n        top: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: theme.fn.size({ size, sizes }),\n        color: invalid\n          ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[2]\n          : theme.colors.gray[5],\n      },\n\n      rightSection: {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rightSectionWidth,\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"Input.styles.js","sources":["../../../src/components/Input/Input.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineTheme } from '@mantine/styles';\n\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\n\nexport interface InputStylesParams {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  variant: InputVariant;\n  multiline: boolean;\n  invalid: boolean;\n  rightSectionWidth: number;\n  withRightSection: boolean;\n  iconWidth: number;\n  offsetBottom: boolean;\n  offsetTop: boolean;\n  pointer: boolean;\n}\n\nexport const sizes = {\n  xs: 30,\n  sm: 36,\n  md: 42,\n  lg: 50,\n  xl: 60,\n};\n\ninterface GetVariantStylesInput {\n  theme: MantineTheme;\n  variant: InputVariant;\n}\n\nfunction getVariantStyles({ theme, variant }: GetVariantStylesInput) {\n  if (variant === 'default') {\n    return {\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      transition: 'border-color 100ms ease',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: theme.colors[theme.primaryColor][theme.fn.primaryShade()],\n      },\n    };\n  }\n\n  if (variant === 'filled') {\n    return {\n      border: '1px solid transparent',\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: `${theme.colors[theme.primaryColor][theme.fn.primaryShade()]} !important`,\n      },\n    };\n  }\n\n  return {\n    borderWidth: 0,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: 'transparent',\n    minHeight: 28,\n    outline: 0,\n\n    '&:focus, &:focus-within': {\n      outline: 'none',\n      borderColor: 'transparent',\n    },\n\n    '&:disabled': {\n      backgroundColor: 'transparent',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: 'transparent',\n      },\n    },\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      size,\n      multiline,\n      radius,\n      variant,\n      invalid,\n      rightSectionWidth,\n      withRightSection,\n      iconWidth,\n      offsetBottom,\n      offsetTop,\n      pointer,\n    }: InputStylesParams\n  ) => {\n    const invalidColor = theme.fn.variant({ variant: 'filled', color: 'red' }).background;\n    const sizeStyles =\n      variant === 'default' || variant === 'filled'\n        ? {\n            minHeight: theme.fn.size({ size, sizes }),\n            paddingLeft: theme.fn.size({ size, sizes }) / 3,\n            paddingRight: withRightSection ? rightSectionWidth : theme.fn.size({ size, sizes }) / 3,\n            borderRadius: theme.fn.radius(radius),\n          }\n        : null;\n\n    return {\n      wrapper: {\n        position: 'relative',\n        marginTop: offsetTop ? theme.spacing.xs / 2 : undefined,\n        marginBottom: offsetBottom ? theme.spacing.xs / 2 : undefined,\n      },\n\n      input: {\n        ...theme.fn.fontStyles(),\n        height: multiline\n          ? variant === 'unstyled'\n            ? undefined\n            : 'auto'\n          : theme.fn.size({ size, sizes }),\n        WebkitTapHighlightColor: 'transparent',\n        lineHeight: multiline ? theme.lineHeight : `${theme.fn.size({ size, sizes }) - 2}px`,\n        appearance: 'none',\n        resize: 'none',\n        boxSizing: 'border-box',\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        width: '100%',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        display: 'block',\n        textAlign: 'left',\n        cursor: pointer ? 'pointer' : undefined,\n        ...sizeStyles,\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n          color: theme.colors.dark[2],\n          opacity: 0.6,\n          cursor: 'not-allowed',\n\n          '&::placeholder': {\n            color: theme.colors.dark[2],\n          },\n        },\n\n        '&::placeholder': {\n          opacity: 1,\n          userSelect: 'none',\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n        },\n\n        '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n          {\n            appearance: 'none',\n          },\n\n        '&[type=number]': {\n          MozAppearance: 'textfield',\n        },\n\n        ...getVariantStyles({ theme, variant }),\n      },\n\n      withIcon: {\n        paddingLeft: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n      },\n\n      invalid: {\n        color: invalidColor,\n        borderColor: invalidColor,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: invalidColor,\n        },\n      },\n\n      disabled: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n        cursor: 'not-allowed',\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      icon: {\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 1,\n        left: 0,\n        top: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: theme.fn.size({ size, sizes }),\n        color: invalid\n          ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[2]\n          : theme.colors.gray[5],\n      },\n\n      rightSection: {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rightSectionWidth,\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}