@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/components/Floating/use-floating-auto-update.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-auto-update.js","sources":["../../../src/components/Floating/use-floating-auto-update.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { autoUpdate } from '@floating-ui/react';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { FloatingPosition } from './types';\n\ninterface Payload {\n  opened: boolean | undefined;\n  floating: {\n    update(): void;\n    refs: {\n      floating: React.MutableRefObject<any>;\n      reference: React.MutableRefObject<any>;\n    };\n  };\n  positionDependencies: any[];\n  position: FloatingPosition;\n}\n\nexport function useFloatingAutoUpdate({\n  opened,\n  floating,\n  position,\n  positionDependencies,\n}: Payload) {\n  const [delayedUpdate, setDelayedUpdate] = useState(0);\n\n  useEffect(() => {\n    if (floating.refs.reference.current && floating.refs.floating.current) {\n      return autoUpdate(\n        floating.refs.reference.current,\n        floating.refs.floating.current,\n        floating.update\n      );\n    }\n\n    return undefined;\n  }, [\n    floating.refs.reference.current,\n    floating.refs.floating.current,\n    opened,\n    delayedUpdate,\n    position,\n  ]);\n\n  useDidUpdate(() => {\n    floating.update();\n  }, positionDependencies);\n\n  useDidUpdate(() => {\n    setDelayedUpdate((c) => c + 1);\n  }, [opened]);\n}\n"],"names":["useState","useEffect","autoUpdate","useDidUpdate"],"mappings":";;;;;;;;SAkBgB,qBAAqB,CAAC,EACpC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,oBAAoB,GACZ;IACR,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC;IAEtDC,eAAS,CAAC;QACR,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YACrE,OAAOC,gBAAU,CACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAC/B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAC9B,QAAQ,CAAC,MAAM,CAChB,CAAC;SACH;QAED,OAAO,SAAS,CAAC;KAClB,EAAE;QACD,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;QAC/B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;QAC9B,MAAM;QACN,aAAa;QACb,QAAQ;KACT,CAAC,CAAC;IAEHC,kBAAY,CAAC;QACX,QAAQ,CAAC,MAAM,EAAE,CAAC;KACnB,EAAE,oBAAoB,CAAC,CAAC;IAEzBA,kBAAY,CAAC;QACX,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;KAChC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf;;;;"}
+{"version":3,"file":"use-floating-auto-update.js","sources":["../../../src/components/Floating/use-floating-auto-update.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { autoUpdate } from '@floating-ui/react';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { FloatingPosition } from './types';\n\ninterface Payload {\n  opened: boolean | undefined;\n  floating: {\n    update(): void;\n    refs: {\n      floating: React.MutableRefObject<any>;\n      reference: React.MutableRefObject<any>;\n    };\n  };\n  positionDependencies: any[];\n  position: FloatingPosition;\n}\n\nexport function useFloatingAutoUpdate({\n  opened,\n  floating,\n  position,\n  positionDependencies,\n}: Payload) {\n  const [delayedUpdate, setDelayedUpdate] = useState(0);\n\n  useEffect(() => {\n    if (floating.refs.reference.current && floating.refs.floating.current) {\n      return autoUpdate(\n        floating.refs.reference.current,\n        floating.refs.floating.current,\n        floating.update\n      );\n    }\n\n    return undefined;\n  }, [\n    floating.refs.reference.current,\n    floating.refs.floating.current,\n    opened,\n    delayedUpdate,\n    position,\n  ]);\n\n  useDidUpdate(() => {\n    floating.update();\n  }, positionDependencies);\n\n  useDidUpdate(() => {\n    setDelayedUpdate((c) => c + 1);\n  }, [opened]);\n}\n"],"names":["useState","useEffect","autoUpdate","useDidUpdate"],"mappings":";;;;;;;;AAGO,SAAS,qBAAqB,CAAC;AACtC,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,oBAAoB;AACtB,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC;AACxD,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC3E,MAAM,OAAOC,gBAAU;AACvB,QAAQ,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;AACvC,QAAQ,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;AACtC,QAAQ,QAAQ,CAAC,MAAM;AACvB,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE;AACL,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO;AACnC,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;AAClC,IAAI,MAAM;AACV,IAAI,aAAa;AACjB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;AACtB,GAAG,EAAE,oBAAoB,CAAC,CAAC;AAC3B,EAAEA,kBAAY,CAAC,MAAM;AACrB,IAAI,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACnC,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf;;;;"}

package/cjs/components/FocusTrap/FocusTrap.js

@@ -6,15 +6,19 @@ var React = require('react');
 var hooks = require('@mantine/hooks');
 var isElement = require('../../core/utils/is-element/is-element.js');
 
-function FocusTrap({ children, active = true, refProp = 'ref', }) {
-    const focusTrapRef = hooks.useFocusTrap(active);
-    const ref = hooks.useMergedRef(focusTrapRef, children === null || children === void 0 ? void 0 : children.ref);
-    if (!isElement.isElement(children)) {
-        return children;
-    }
-    return React.cloneElement(children, { [refProp]: ref });
+function FocusTrap({
+  children,
+  active = true,
+  refProp = "ref"
+}) {
+  const focusTrapRef = hooks.useFocusTrap(active);
+  const ref = hooks.useMergedRef(focusTrapRef, children == null ? void 0 : children.ref);
+  if (!isElement.isElement(children)) {
+    return children;
+  }
+  return React.cloneElement(children, { [refProp]: ref });
 }
-FocusTrap.displayName = '@mantine/core/FocusTrap';
+FocusTrap.displayName = "@mantine/core/FocusTrap";
 
 exports.FocusTrap = FocusTrap;
 //# sourceMappingURL=FocusTrap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FocusTrap.js","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { useFocusTrap, useMergedRef } from '@mantine/hooks';\nimport { isElement } from '../../core';\n\nexport interface FocusTrapProps {\n  /** Element at which focus should be trapped, should support ref prop */\n  children: any;\n\n  /** Determines whether focus should be trapped within child element */\n  active?: boolean;\n\n  /** Prop that should be used to access component ref */\n  refProp?: string;\n}\n\nexport function FocusTrap({\n  children,\n  active = true,\n  refProp = 'ref',\n}: FocusTrapProps): React.ReactElement {\n  const focusTrapRef = useFocusTrap(active);\n  const ref = useMergedRef(focusTrapRef, children?.ref);\n\n  if (!isElement(children)) {\n    return children;\n  }\n\n  return cloneElement(children, { [refProp]: ref });\n}\n\nFocusTrap.displayName = '@mantine/core/FocusTrap';\n"],"names":["useFocusTrap","useMergedRef","isElement","cloneElement"],"mappings":";;;;;;;;SAegB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,KAAK,GACA;IACf,MAAM,YAAY,GAAGA,kBAAY,CAAC,MAAM,CAAC,CAAC;IAC1C,MAAM,GAAG,GAAGC,kBAAY,CAAC,YAAY,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,CAAC;IAEtD,IAAI,CAACC,mBAAS,CAAC,QAAQ,CAAC,EAAE;QACxB,OAAO,QAAQ,CAAC;KACjB;IAED,OAAOC,kBAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC;AACpD,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
+{"version":3,"file":"FocusTrap.js","sources":["../../../src/components/FocusTrap/FocusTrap.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { useFocusTrap, useMergedRef } from '@mantine/hooks';\nimport { isElement } from '../../core';\n\nexport interface FocusTrapProps {\n  /** Element at which focus should be trapped, should support ref prop */\n  children: any;\n\n  /** Determines whether focus should be trapped within child element */\n  active?: boolean;\n\n  /** Prop that should be used to access component ref */\n  refProp?: string;\n}\n\nexport function FocusTrap({\n  children,\n  active = true,\n  refProp = 'ref',\n}: FocusTrapProps): React.ReactElement {\n  const focusTrapRef = useFocusTrap(active);\n  const ref = useMergedRef(focusTrapRef, children?.ref);\n\n  if (!isElement(children)) {\n    return children;\n  }\n\n  return cloneElement(children, { [refProp]: ref });\n}\n\nFocusTrap.displayName = '@mantine/core/FocusTrap';\n"],"names":["useFocusTrap","useMergedRef","isElement","cloneElement"],"mappings":";;;;;;;;AAGO,SAAS,SAAS,CAAC;AAC1B,EAAE,QAAQ;AACV,EAAE,MAAM,GAAG,IAAI;AACf,EAAE,OAAO,GAAG,KAAK;AACjB,CAAC,EAAE;AACH,EAAE,MAAM,YAAY,GAAGA,kBAAY,CAAC,MAAM,CAAC,CAAC;AAC5C,EAAE,MAAM,GAAG,GAAGC,kBAAY,CAAC,YAAY,EAAE,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;AACnF,EAAE,IAAI,CAACC,mBAAS,CAAC,QAAQ,CAAC,EAAE;AAC5B,IAAI,OAAO,QAAQ,CAAC;AACpB,GAAG;AACH,EAAE,OAAOC,kBAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC;AACpD,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/cjs/components/Group/Group.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var filterFalsyChildren = require('./filter-falsy-children/filter-falsy-children.js');
 var Group_module = require('./Group.module.css.js');
@@ -17,44 +16,110 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+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 = {
-    justify: 'flex-start',
-    align: 'center',
-    gap: 'md',
-    preventGrowOverflow: true,
+  justify: "flex-start",
+  align: "center",
+  gap: "md",
+  preventGrowOverflow: true
 };
-const varsResolver = createVarsResolver.createVarsResolver((_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
+const varsResolver = createVarsResolver.createVarsResolver(
+  (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
     root: {
-        '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,
-        '--group-gap': getSize.getSpacing(gap),
-        '--group-align': align,
-        '--group-justify': justify,
-        '--group-wrap': wrap,
-    },
-}));
+      "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
+      "--group-gap": getSize.getSpacing(gap),
+      "--group-align": align,
+      "--group-justify": justify,
+      "--group-wrap": wrap
+    }
+  })
+);
 const Group = factory.factory((_props, ref) => {
-    const props = useProps.useProps('Group', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, children, gap, align, justify, wrap, grow, preventGrowOverflow, vars, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "children", "gap", "align", "justify", "wrap", "grow", "preventGrowOverflow", "vars", "variant"]);
-    const filteredChildren = filterFalsyChildren.filterFalsyChildren(children);
-    const childrenCount = filteredChildren.length;
-    const childWidth = `calc(${100 / childrenCount}% - (${getSize.getSpacing(gap)} - ${getSize.getSpacing(gap)} / ${childrenCount}))`;
-    const stylesCtx = { childWidth };
-    const getStyles = useStyles.useStyles({
-        name: 'Group',
-        props,
-        stylesCtx,
-        className,
-        style,
-        classes: Group_module['default'],
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root'), { ref: ref, variant: variant, mod: { grow } }, others), filteredChildren));
+  const props = useProps.useProps("Group", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    children,
+    gap,
+    align,
+    justify,
+    wrap,
+    grow,
+    preventGrowOverflow,
+    vars,
+    variant
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "children",
+    "gap",
+    "align",
+    "justify",
+    "wrap",
+    "grow",
+    "preventGrowOverflow",
+    "vars",
+    "variant"
+  ]);
+  const filteredChildren = filterFalsyChildren.filterFalsyChildren(children);
+  const childrenCount = filteredChildren.length;
+  const childWidth = `calc(${100 / childrenCount}% - (${getSize.getSpacing(gap)} - ${getSize.getSpacing(
+    gap
+  )} / ${childrenCount}))`;
+  const stylesCtx = { childWidth };
+  const getStyles = useStyles.useStyles({
+    name: "Group",
+    props,
+    stylesCtx,
+    className,
+    style,
+    classes: Group_module['default'],
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), { ref, variant, mod: { grow } }), others), filteredChildren);
 });
-Group.displayName = '@mantine/core/Group';
+Group.classes = Group_module['default'];
+Group.displayName = "@mantine/core/Group";
 
 exports.Group = Group;
 //# sourceMappingURL=Group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSpacing,\n  getSpacing,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport classes from './Group.module.css';\n\nexport type GroupStylesNames = 'root';\nexport type GroupVariant = string;\nexport type GroupCssVariables = {\n  root:\n    | '--group-gap'\n    | '--group-align'\n    | '--group-justify'\n    | '--group-wrap'\n    | '--group-child-width';\n};\n\nexport interface GroupStylesCtx {\n  childWidth: string;\n}\n\nexport interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, ElementProps<'div'> {\n  /** Controls `justify-content` CSS property, `'flex-start'` by default */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Controls `align-items` CSS property, `'center'` by default */\n  align?: React.CSSProperties['alignItems'];\n\n  /** Controls `flex-wrap` CSS property, `'wrap'` by default */\n  wrap?: React.CSSProperties['flexWrap'];\n\n  /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */\n  gap?: MantineSpacing | (string & {}) | number;\n\n  /** Determines whether each child element should have `flex-grow: 1` style, `false` by default */\n  grow?: boolean;\n\n  /** Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children), `true` by default */\n  preventGrowOverflow?: boolean;\n}\n\nexport type GroupFactory = Factory<{\n  props: GroupProps;\n  ref: HTMLDivElement;\n  stylesNames: GroupStylesNames;\n  vars: GroupCssVariables;\n  ctx: GroupStylesCtx;\n  variant: GroupVariant;\n}>;\n\nconst defaultProps: Partial<GroupProps> = {\n  justify: 'flex-start',\n  align: 'center',\n  gap: 'md',\n  preventGrowOverflow: true,\n};\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n  (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n    root: {\n      '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n      '--group-gap': getSpacing(gap),\n      '--group-align': align,\n      '--group-justify': justify,\n      '--group-wrap': wrap,\n    },\n  })\n);\n\nexport const Group = factory<GroupFactory>((_props, ref) => {\n  const props = useProps('Group', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    children,\n    gap,\n    align,\n    justify,\n    wrap,\n    grow,\n    preventGrowOverflow,\n    vars,\n    variant,\n    ...others\n  } = props;\n\n  const filteredChildren = filterFalsyChildren(children);\n  const childrenCount = filteredChildren.length;\n  const childWidth = `calc(${100 / childrenCount}% - (${getSpacing(gap)} - ${getSpacing(\n    gap\n  )} / ${childrenCount}))`;\n\n  const stylesCtx: GroupStylesCtx = { childWidth };\n\n  const getStyles = useStyles<GroupFactory>({\n    name: 'Group',\n    props,\n    stylesCtx,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box {...getStyles('root')} ref={ref} variant={variant} mod={{ grow }} {...others}>\n      {filteredChildren}\n    </Box>\n  );\n});\n\nGroup.displayName = '@mantine/core/Group';\n"],"names":["createVarsResolver","getSpacing","factory","useProps","filterFalsyChildren","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;;AA6DA,MAAM,YAAY,GAAwB;IACxC,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,QAAQ;IACf,GAAG,EAAE,IAAI;IACT,mBAAmB,EAAE,IAAI;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CACrC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM;IAChF,IAAI,EAAE;QACJ,qBAAqB,EAAE,IAAI,IAAI,mBAAmB,GAAG,UAAU,GAAG,SAAS;QAC3E,aAAa,EAAEC,kBAAU,CAAC,GAAG,CAAC;QAC9B,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,OAAO;QAC1B,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CACH,CAAC;MAEW,KAAK,GAAGC,eAAO,CAAe,CAAC,MAAM,EAAE,GAAG;IACrD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,mBAAmB,EACnB,IAAI,EACJ,OAAO,KAEL,KAAK,EADJ,MAAM,gBACP,KAAK,EAhBH,2JAgBL,CAAQ,CAAC;IAEV,MAAM,gBAAgB,GAAGC,uCAAmB,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;IAC9C,MAAM,UAAU,GAAG,QAAQ,GAAG,GAAG,aAAa,QAAQH,kBAAU,CAAC,GAAG,CAAC,MAAMA,kBAAU,CACnF,GAAG,CACJ,MAAM,aAAa,IAAI,CAAC;IAEzB,MAAM,SAAS,GAAmB,EAAE,UAAU,EAAE,CAAC;IAEjD,MAAM,SAAS,GAAGI,mBAAS,CAAe;QACxC,IAAI,EAAE,OAAO;QACb,KAAK;QACL,SAAS;QACT,SAAS;QACT,KAAK;iBACLC,uBAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,oBAAK,SAAS,CAAC,MAAM,CAAC,IAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,IAAM,MAAM,GAC9E,gBAAgB,CACb,EACN;AACJ,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSpacing,\n  getSpacing,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport classes from './Group.module.css';\n\nexport type GroupStylesNames = 'root';\nexport type GroupVariant = string;\nexport type GroupCssVariables = {\n  root:\n    | '--group-gap'\n    | '--group-align'\n    | '--group-justify'\n    | '--group-wrap'\n    | '--group-child-width';\n};\n\nexport interface GroupStylesCtx {\n  childWidth: string;\n}\n\nexport interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, ElementProps<'div'> {\n  /** Controls `justify-content` CSS property, `'flex-start'` by default */\n  justify?: React.CSSProperties['justifyContent'];\n\n  /** Controls `align-items` CSS property, `'center'` by default */\n  align?: React.CSSProperties['alignItems'];\n\n  /** Controls `flex-wrap` CSS property, `'wrap'` by default */\n  wrap?: React.CSSProperties['flexWrap'];\n\n  /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */\n  gap?: MantineSpacing | (string & {}) | number;\n\n  /** Determines whether each child element should have `flex-grow: 1` style, `false` by default */\n  grow?: boolean;\n\n  /** Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children), `true` by default */\n  preventGrowOverflow?: boolean;\n}\n\nexport type GroupFactory = Factory<{\n  props: GroupProps;\n  ref: HTMLDivElement;\n  stylesNames: GroupStylesNames;\n  vars: GroupCssVariables;\n  ctx: GroupStylesCtx;\n  variant: GroupVariant;\n}>;\n\nconst defaultProps: Partial<GroupProps> = {\n  justify: 'flex-start',\n  align: 'center',\n  gap: 'md',\n  preventGrowOverflow: true,\n};\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n  (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n    root: {\n      '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n      '--group-gap': getSpacing(gap),\n      '--group-align': align,\n      '--group-justify': justify,\n      '--group-wrap': wrap,\n    },\n  })\n);\n\nexport const Group = factory<GroupFactory>((_props, ref) => {\n  const props = useProps('Group', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    children,\n    gap,\n    align,\n    justify,\n    wrap,\n    grow,\n    preventGrowOverflow,\n    vars,\n    variant,\n    ...others\n  } = props;\n\n  const filteredChildren = filterFalsyChildren(children);\n  const childrenCount = filteredChildren.length;\n  const childWidth = `calc(${100 / childrenCount}% - (${getSpacing(gap)} - ${getSpacing(\n    gap\n  )} / ${childrenCount}))`;\n\n  const stylesCtx: GroupStylesCtx = { childWidth };\n\n  const getStyles = useStyles<GroupFactory>({\n    name: 'Group',\n    props,\n    stylesCtx,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box {...getStyles('root')} ref={ref} variant={variant} mod={{ grow }} {...others}>\n      {filteredChildren}\n    </Box>\n  );\n});\n\nGroup.classes = classes;\nGroup.displayName = '@mantine/core/Group';\n"],"names":["createVarsResolver","getSpacing","factory","useProps","filterFalsyChildren","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,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;AAYF,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,YAAY;AACvB,EAAE,KAAK,EAAE,QAAQ;AACjB,EAAE,GAAG,EAAE,IAAI;AACX,EAAE,mBAAmB,EAAE,IAAI;AAC3B,CAAC,CAAC;AACF,MAAM,YAAY,GAAGA,qCAAkB;AACvC,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM;AACpF,IAAI,IAAI,EAAE;AACV,MAAM,qBAAqB,EAAE,IAAI,IAAI,mBAAmB,GAAG,UAAU,GAAG,KAAK,CAAC;AAC9E,MAAM,aAAa,EAAEC,kBAAU,CAAC,GAAG,CAAC;AACpC,MAAM,eAAe,EAAE,KAAK;AAC5B,MAAM,iBAAiB,EAAE,OAAO;AAChC,MAAM,cAAc,EAAE,IAAI;AAC1B,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;AACU,MAAC,KAAK,GAAGC,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AAC9C,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACxD,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,GAAG;AACP,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,IAAI;AACR,IAAI,IAAI;AACR,IAAI,mBAAmB;AACvB,IAAI,IAAI;AACR,IAAI,OAAO;AACX,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,qBAAqB;AACzB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,gBAAgB,GAAGC,uCAAmB,CAAC,QAAQ,CAAC,CAAC;AACzD,EAAE,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAChD,EAAE,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,GAAG,GAAG,aAAa,CAAC,KAAK,EAAEH,kBAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAEA,kBAAU;AACvF,IAAI,GAAG;AACP,GAAG,CAAC,GAAG,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,SAAS,GAAG,EAAE,UAAU,EAAE,CAAC;AACnC,EAAE,MAAM,SAAS,GAAGI,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,SAAS;AACb,IAAI,KAAK;AACT,aAAIC,uBAAO;AACX,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC;AACnL,CAAC,EAAE;AACH,KAAK,CAAC,OAAO,GAAGF,uBAAO,CAAC;AACxB,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function filterFalsyChildren(children) {
-    return React.Children.toArray(children).filter(Boolean);
+  return React.Children.toArray(children).filter(Boolean);
 }
 
 exports.filterFalsyChildren = filterFalsyChildren;

package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-falsy-children.js","sources":["../../../../src/components/Group/filter-falsy-children/filter-falsy-children.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react';\n\nexport function filterFalsyChildren(children: ReactNode) {\n  return (Children.toArray(children) as ReactElement[]).filter(Boolean);\n}\n"],"names":["Children"],"mappings":";;;;;;SAEgB,mBAAmB,CAAC,QAAmB;IACrD,OAAQA,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACxE;;;;"}
+{"version":3,"file":"filter-falsy-children.js","sources":["../../../../src/components/Group/filter-falsy-children/filter-falsy-children.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode } from 'react';\n\nexport function filterFalsyChildren(children: ReactNode) {\n  return (Children.toArray(children) as ReactElement[]).filter(Boolean);\n}\n"],"names":["Children"],"mappings":";;;;;;AACO,SAAS,mBAAmB,CAAC,QAAQ,EAAE;AAC9C,EAAE,OAAOA,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACpD;;;;"}

package/cjs/components/Highlight/Highlight.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var highlighter = require('./highlighter/highlighter.js');
 var Text = require('../Text/Text.js');
@@ -14,13 +13,61 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+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 Highlight = polymorphicFactory.polymorphicFactory((props, ref) => {
-    const _a = useProps.useProps('Highlight', defaultProps, props), { unstyled, children, highlight, highlightStyles, color } = _a, others = tslib.__rest(_a, ["unstyled", "children", "highlight", "highlightStyles", "color"]);
-    const highlightChunks = highlighter.highlighter(children, highlight);
-    return (React__default.createElement(Text.Text, Object.assign({ unstyled: unstyled, ref: ref }, others, { __staticSelector: "Highlight" }), highlightChunks.map(({ chunk, highlighted }, i) => highlighted ? (React__default.createElement(Mark.Mark, { unstyled: unstyled, key: i, color: color, style: highlightStyles, "data-highlight": chunk }, chunk)) : (React__default.createElement("span", { key: i }, chunk)))));
+  const _a = useProps.useProps(
+    "Highlight",
+    defaultProps,
+    props
+  ), { unstyled, children, highlight, highlightStyles, color } = _a, others = __objRest(_a, ["unstyled", "children", "highlight", "highlightStyles", "color"]);
+  const highlightChunks = highlighter.highlighter(children, highlight);
+  return /* @__PURE__ */ React__default.createElement(Text.Text, __spreadProps(__spreadValues({ unstyled, ref }, others), { __staticSelector: "Highlight" }), highlightChunks.map(
+    ({ chunk, highlighted }, i) => highlighted ? /* @__PURE__ */ React__default.createElement(
+      Mark.Mark,
+      {
+        unstyled,
+        key: i,
+        color,
+        style: highlightStyles,
+        "data-highlight": chunk
+      },
+      chunk
+    ) : /* @__PURE__ */ React__default.createElement("span", { key: i }, chunk)
+  ));
 });
-Highlight.displayName = '@mantine/core/Highlight';
+Highlight.classes = Text.Text.classes;
+Highlight.displayName = "@mantine/core/Highlight";
 
 exports.Highlight = Highlight;
 //# sourceMappingURL=Highlight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Highlight.js","sources":["../../../src/components/Highlight/Highlight.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  polymorphicFactory,\n  useProps,\n  MantineColor,\n  MantineTheme,\n  PolymorphicFactory,\n} from '../../core';\nimport { Text, TextStylesNames, TextProps, TextVariant } from '../Text';\nimport { Mark } from '../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  /** Key of `theme.colors` or any valid CSS color, passed to `Mark` component `color` prop, `yellow` by default */\n  color?: MantineColor | string;\n\n  /** Styles applied to `mark` elements */\n  highlightStyles?: React.CSSProperties | ((theme: MantineTheme) => React.CSSProperties);\n\n  /** String parts of which must be highlighted */\n  children: string;\n}\n\nexport type HighlightFactory = PolymorphicFactory<{\n  props: HighlightProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: TextStylesNames;\n  variant: TextVariant;\n}>;\n\nconst defaultProps: Partial<HighlightProps> = {};\n\nexport const Highlight = polymorphicFactory<HighlightFactory>((props, ref) => {\n  const { unstyled, children, highlight, highlightStyles, color, ...others } = useProps(\n    'Highlight',\n    defaultProps,\n    props\n  );\n\n  const highlightChunks = highlighter(children, highlight);\n\n  return (\n    <Text unstyled={unstyled} ref={ref} {...others} __staticSelector=\"Highlight\">\n      {highlightChunks.map(({ chunk, highlighted }, i) =>\n        highlighted ? (\n          <Mark\n            unstyled={unstyled}\n            key={i}\n            color={color}\n            style={highlightStyles}\n            data-highlight={chunk}\n          >\n            {chunk}\n          </Mark>\n        ) : (\n          <span key={i}>{chunk}</span>\n        )\n      )}\n    </Text>\n  );\n});\n\nHighlight.displayName = '@mantine/core/Highlight';\n"],"names":["polymorphicFactory","useProps","highlighter","React","Text","Mark"],"mappings":";;;;;;;;;;;;;;;;AAkCA,MAAM,YAAY,GAA4B,EAAE,CAAC;MAEpC,SAAS,GAAGA,qCAAkB,CAAmB,CAAC,KAAK,EAAE,GAAG;IACvE,MAAM,KAAuEC,iBAAQ,CACnF,WAAW,EACX,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,OAI5D,EAJiE,MAAM,oBAAlE,iEAAoE,CAIzE,CAAC;IAEF,MAAM,eAAe,GAAGC,uBAAW,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAEzD,QACEC,6BAACC,SAAI,kBAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,IAAE,gBAAgB,EAAC,WAAW,KACzE,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,KAC7C,WAAW,IACTD,6BAACE,SAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,eAAe,oBACN,KAAK,IAEpB,KAAK,CACD,KAEPF,uCAAM,GAAG,EAAE,CAAC,IAAG,KAAK,CAAQ,CAC7B,CACF,CACI,EACP;AACJ,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
+{"version":3,"file":"Highlight.js","sources":["../../../src/components/Highlight/Highlight.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  polymorphicFactory,\n  useProps,\n  MantineColor,\n  MantineTheme,\n  PolymorphicFactory,\n} from '../../core';\nimport { Text, TextStylesNames, TextProps, TextVariant } from '../Text';\nimport { Mark } from '../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  /** Key of `theme.colors` or any valid CSS color, passed to `Mark` component `color` prop, `yellow` by default */\n  color?: MantineColor | string;\n\n  /** Styles applied to `mark` elements */\n  highlightStyles?: React.CSSProperties | ((theme: MantineTheme) => React.CSSProperties);\n\n  /** String parts of which must be highlighted */\n  children: string;\n}\n\nexport type HighlightFactory = PolymorphicFactory<{\n  props: HighlightProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: TextStylesNames;\n  variant: TextVariant;\n}>;\n\nconst defaultProps: Partial<HighlightProps> = {};\n\nexport const Highlight = polymorphicFactory<HighlightFactory>((props, ref) => {\n  const { unstyled, children, highlight, highlightStyles, color, ...others } = useProps(\n    'Highlight',\n    defaultProps,\n    props\n  );\n\n  const highlightChunks = highlighter(children, highlight);\n\n  return (\n    <Text unstyled={unstyled} ref={ref} {...others} __staticSelector=\"Highlight\">\n      {highlightChunks.map(({ chunk, highlighted }, i) =>\n        highlighted ? (\n          <Mark\n            unstyled={unstyled}\n            key={i}\n            color={color}\n            style={highlightStyles}\n            data-highlight={chunk}\n          >\n            {chunk}\n          </Mark>\n        ) : (\n          <span key={i}>{chunk}</span>\n        )\n      )}\n    </Text>\n  );\n});\n\nHighlight.classes = Text.classes;\nHighlight.displayName = '@mantine/core/Highlight';\n"],"names":["polymorphicFactory","useProps","highlighter","React","Text","Mark"],"mappings":"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"}

package/cjs/components/Highlight/highlighter/highlighter.js

@@ -3,33 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function escapeRegex(value) {
-    return value.replace(/[-[\]{}()*+?.,\\^$|#]/g, '\\$&');
+  return value.replace(/[-[\]{}()*+?.,\\^$|#]/g, "\\$&");
 }
 function highlighter(value, _highlight) {
-    if (_highlight == null) {
-        return [{ chunk: value, highlighted: false }];
-    }
-    const highlight = Array.isArray(_highlight)
-        ? _highlight.map(escapeRegex)
-        : escapeRegex(_highlight);
-    const shouldHighlight = Array.isArray(highlight)
-        ? highlight.filter((part) => part.trim().length > 0).length > 0
-        : highlight.trim() !== '';
-    if (!shouldHighlight) {
-        return [{ chunk: value, highlighted: false }];
-    }
-    const matcher = typeof highlight === 'string'
-        ? highlight.trim()
-        : highlight
-            .filter((part) => part.trim().length !== 0)
-            .map((part) => part.trim())
-            .join('|');
-    const re = new RegExp(`(${matcher})`, 'gi');
-    const chunks = value
-        .split(re)
-        .map((part) => ({ chunk: part, highlighted: re.test(part) }))
-        .filter(({ chunk }) => chunk);
-    return chunks;
+  if (_highlight == null) {
+    return [{ chunk: value, highlighted: false }];
+  }
+  const highlight = Array.isArray(_highlight) ? _highlight.map(escapeRegex) : escapeRegex(_highlight);
+  const shouldHighlight = Array.isArray(highlight) ? highlight.filter((part) => part.trim().length > 0).length > 0 : highlight.trim() !== "";
+  if (!shouldHighlight) {
+    return [{ chunk: value, highlighted: false }];
+  }
+  const matcher = typeof highlight === "string" ? highlight.trim() : highlight.filter((part) => part.trim().length !== 0).map((part) => part.trim()).join("|");
+  const re = new RegExp(`(${matcher})`, "gi");
+  const chunks = value.split(re).map((part) => ({ chunk: part, highlighted: re.test(part) })).filter(({ chunk }) => chunk);
+  return chunks;
 }
 
 exports.highlighter = highlighter;

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

@@ -1 +1 @@
-{"version":3,"file":"highlighter.js","sources":["../../../../src/components/Highlight/highlighter/highlighter.ts"],"sourcesContent":["function escapeRegex(value: string) {\n  return value.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, '\\\\$&');\n}\n\nexport function highlighter(value: string, _highlight: string | string[]) {\n  if (_highlight == null) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const highlight = Array.isArray(_highlight)\n    ? _highlight.map(escapeRegex)\n    : escapeRegex(_highlight);\n\n  const shouldHighlight = Array.isArray(highlight)\n    ? highlight.filter((part) => part.trim().length > 0).length > 0\n    : highlight.trim() !== '';\n\n  if (!shouldHighlight) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const matcher =\n    typeof highlight === 'string'\n      ? highlight.trim()\n      : highlight\n          .filter((part) => part.trim().length !== 0)\n          .map((part) => part.trim())\n          .join('|');\n\n  const re = new RegExp(`(${matcher})`, 'gi');\n  const chunks = value\n    .split(re)\n    .map((part) => ({ chunk: part, highlighted: re.test(part) }))\n    .filter(({ chunk }) => chunk);\n\n  return chunks;\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,KAAa;IAChC,OAAO,KAAK,CAAC,OAAO,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC;SAEe,WAAW,CAAC,KAAa,EAAE,UAA6B;IACtE,IAAI,UAAU,IAAI,IAAI,EAAE;QACtB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;KAC/C;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;UACvC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC;UAC3B,WAAW,CAAC,UAAU,CAAC,CAAC;IAE5B,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC;UAC5C,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC;UAC7D,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IAE5B,IAAI,CAAC,eAAe,EAAE;QACpB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;KAC/C;IAED,MAAM,OAAO,GACX,OAAO,SAAS,KAAK,QAAQ;UACzB,SAAS,CAAC,IAAI,EAAE;UAChB,SAAS;aACN,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;aAC1C,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;aAC1B,IAAI,CAAC,GAAG,CAAC,CAAC;IAEnB,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,IAAI,OAAO,GAAG,EAAE,IAAI,CAAC,CAAC;IAC5C,MAAM,MAAM,GAAG,KAAK;SACjB,KAAK,CAAC,EAAE,CAAC;SACT,GAAG,CAAC,CAAC,IAAI,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC5D,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC;IAEhC,OAAO,MAAM,CAAC;AAChB;;;;"}
+{"version":3,"file":"highlighter.js","sources":["../../../../src/components/Highlight/highlighter/highlighter.ts"],"sourcesContent":["function escapeRegex(value: string) {\n  return value.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, '\\\\$&');\n}\n\nexport function highlighter(value: string, _highlight: string | string[]) {\n  if (_highlight == null) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const highlight = Array.isArray(_highlight)\n    ? _highlight.map(escapeRegex)\n    : escapeRegex(_highlight);\n\n  const shouldHighlight = Array.isArray(highlight)\n    ? highlight.filter((part) => part.trim().length > 0).length > 0\n    : highlight.trim() !== '';\n\n  if (!shouldHighlight) {\n    return [{ chunk: value, highlighted: false }];\n  }\n\n  const matcher =\n    typeof highlight === 'string'\n      ? highlight.trim()\n      : highlight\n          .filter((part) => part.trim().length !== 0)\n          .map((part) => part.trim())\n          .join('|');\n\n  const re = new RegExp(`(${matcher})`, 'gi');\n  const chunks = value\n    .split(re)\n    .map((part) => ({ chunk: part, highlighted: re.test(part) }))\n    .filter(({ chunk }) => chunk);\n\n  return chunks;\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,KAAK,EAAE;AAC5B,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;AACzD,CAAC;AACM,SAAS,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE;AAC/C,EAAE,IAAI,UAAU,IAAI,IAAI,EAAE;AAC1B,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,GAAG;AACH,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AACtG,EAAE,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;AAC7I,EAAE,IAAI,CAAC,eAAe,EAAE;AACxB,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC;AAClD,GAAG;AACH,EAAE,MAAM,OAAO,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC/J,EAAE,MAAM,EAAE,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC9C,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,CAAC,CAAC;AAC3H,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/cjs/components/InlineInput/InlineInput.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var InlineInput_module = require('./InlineInput.module.css.js');
 var Input = require('../Input/Input.js');
@@ -14,30 +13,105 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const InlineInput = React.forwardRef((_a, ref) => {
-    var { __staticSelector, __stylesApiProps, className, classNames, styles, unstyled, children, label, description, id, disabled, error, size = 'sm', labelPosition = 'left', variant, style, vars } = _a, others = tslib.__rest(_a, ["__staticSelector", "__stylesApiProps", "className", "classNames", "styles", "unstyled", "children", "label", "description", "id", "disabled", "error", "size", "labelPosition", "variant", "style", "vars"]);
+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 InlineInputClasses = InlineInput_module['default'];
+const InlineInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      __staticSelector,
+      __stylesApiProps,
+      className,
+      classNames,
+      styles,
+      unstyled,
+      children,
+      label,
+      description,
+      id,
+      disabled,
+      error,
+      size = "sm",
+      labelPosition = "left",
+      variant,
+      style,
+      vars
+    } = _b, others = __objRest(_b, [
+      "__staticSelector",
+      "__stylesApiProps",
+      "className",
+      "classNames",
+      "styles",
+      "unstyled",
+      "children",
+      "label",
+      "description",
+      "id",
+      "disabled",
+      "error",
+      "size",
+      "labelPosition",
+      "variant",
+      "style",
+      "vars"
+    ]);
     const getStyles = useStyles.useStyles({
-        name: __staticSelector,
-        props: __stylesApiProps,
-        className,
-        style,
-        classes: InlineInput_module['default'],
-        classNames,
-        styles,
-        unstyled,
+      name: __staticSelector,
+      props: __stylesApiProps,
+      className,
+      style,
+      classes: InlineInput_module['default'],
+      classNames,
+      styles,
+      unstyled
     });
-    return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root'), { ref: ref, __vars: {
-            '--label-fz': getSize.getFontSize(size),
-            '--label-lh': getSize.getSize(size, 'label-lh'),
-        }, mod: { 'label-position': labelPosition }, variant: variant, size: size }, others),
-        React__default.createElement("div", Object.assign({}, getStyles('body')),
-            children,
-            React__default.createElement("div", Object.assign({}, getStyles('labelWrapper')),
-                label && (React__default.createElement("label", Object.assign({}, getStyles('label'), { "data-disabled": disabled || undefined, htmlFor: id }), label)),
-                description && (React__default.createElement(Input.Input.Description, Object.assign({ size: size }, getStyles('description')), description)),
-                error && error !== 'boolean' && (React__default.createElement(Input.Input.Error, Object.assign({ size: size }, getStyles('error')), error))))));
-});
-InlineInput.displayName = '@mantine/core/InlineInput';
+    return /* @__PURE__ */ React__default.createElement(
+      Box.Box,
+      __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+        ref,
+        __vars: {
+          "--label-fz": getSize.getFontSize(size),
+          "--label-lh": getSize.getSize(size, "label-lh")
+        },
+        mod: { "label-position": labelPosition },
+        variant,
+        size
+      }), others),
+      /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("body")), children, /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("labelWrapper")), label && /* @__PURE__ */ React__default.createElement("label", __spreadProps(__spreadValues({}, getStyles("label")), { "data-disabled": disabled || void 0, htmlFor: id }), label), description && /* @__PURE__ */ React__default.createElement(Input.Input.Description, __spreadValues({ size }, getStyles("description")), description), error && error !== "boolean" && /* @__PURE__ */ React__default.createElement(Input.Input.Error, __spreadValues({ size }, getStyles("error")), error)))
+    );
+  }
+);
+InlineInput.displayName = "@mantine/core/InlineInput";
 
 exports.InlineInput = InlineInput;
+exports.InlineInputClasses = InlineInputClasses;
 //# sourceMappingURL=InlineInput.js.map

package/cjs/components/InlineInput/InlineInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.js","sources":["../../../src/components/InlineInput/InlineInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  useStyles,\n  StylesApiProps,\n  ElementProps,\n  MantineSize,\n  getFontSize,\n  getSize,\n  Factory,\n} from '../../core';\nimport { Input } from '../Input';\nimport classes from './InlineInput.module.css';\n\nexport type InlineInputStylesNames =\n  | 'root'\n  | 'body'\n  | 'labelWrapper'\n  | 'label'\n  | 'description'\n  | 'error';\n\nexport interface InlineInputProps\n  extends BoxProps,\n    StylesApiProps<InlineInputFactory>,\n    ElementProps<'div'> {\n  __staticSelector: string;\n  __stylesApiProps: Record<string, any>;\n  label: React.ReactNode;\n  description: React.ReactNode;\n  id: string;\n  disabled: boolean | undefined;\n  error: React.ReactNode;\n  size: MantineSize | (string & {}) | undefined;\n  labelPosition?: 'left' | 'right';\n}\n\nexport type InlineInputFactory = Factory<{\n  props: any;\n  stylesNames: InlineInputStylesNames;\n}>;\n\nexport const InlineInput = forwardRef<HTMLDivElement, InlineInputProps>(\n  (\n    {\n      __staticSelector,\n      __stylesApiProps,\n      className,\n      classNames,\n      styles,\n      unstyled,\n      children,\n      label,\n      description,\n      id,\n      disabled,\n      error,\n      size = 'sm',\n      labelPosition = 'left',\n      variant,\n      style,\n      vars,\n      ...others\n    },\n    ref\n  ) => {\n    const getStyles = useStyles<InlineInputFactory>({\n      name: __staticSelector,\n      props: __stylesApiProps,\n      className,\n      style,\n      classes,\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    return (\n      <Box\n        {...getStyles('root')}\n        ref={ref}\n        __vars={{\n          '--label-fz': getFontSize(size),\n          '--label-lh': getSize(size, 'label-lh'),\n        }}\n        mod={{ 'label-position': labelPosition }}\n        variant={variant}\n        size={size}\n        {...others}\n      >\n        <div {...getStyles('body')}>\n          {children}\n\n          <div {...getStyles('labelWrapper')}>\n            {label && (\n              <label {...getStyles('label')} data-disabled={disabled || undefined} htmlFor={id}>\n                {label}\n              </label>\n            )}\n\n            {description && (\n              <Input.Description size={size} {...getStyles('description')}>\n                {description}\n              </Input.Description>\n            )}\n\n            {error && error !== 'boolean' && (\n              <Input.Error size={size} {...getStyles('error')}>\n                {error}\n              </Input.Error>\n            )}\n          </div>\n        </div>\n      </Box>\n    );\n  }\n);\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"names":["forwardRef","useStyles","classes","React","Box","getFontSize","getSize","Input"],"mappings":";;;;;;;;;;;;;;;;MA2Ca,WAAW,GAAGA,gBAAU,CACnC,CACE,EAmBC,EACD,GAAG;QApBH,EACE,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,EAAE,EACF,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,MAAM,EACtB,OAAO,EACP,KAAK,EACL,IAAI,OAEL,EADI,MAAM,oBAlBX,6MAmBC,CADU;IAIX,MAAM,SAAS,GAAGC,mBAAS,CAAqB;QAC9C,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,gBAAgB;QACvB,SAAS;QACT,KAAK;iBACLC,6BAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;KACT,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE;YACN,YAAY,EAAEC,mBAAW,CAAC,IAAI,CAAC;YAC/B,YAAY,EAAEC,eAAO,CAAC,IAAI,EAAE,UAAU,CAAC;SACxC,EACD,GAAG,EAAE,EAAE,gBAAgB,EAAE,aAAa,EAAE,EACxC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,MAAM;QAEVH,sDAAS,SAAS,CAAC,MAAM,CAAC;YACvB,QAAQ;YAETA,sDAAS,SAAS,CAAC,cAAc,CAAC;gBAC/B,KAAK,KACJA,wDAAW,SAAS,CAAC,OAAO,CAAC,qBAAiB,QAAQ,IAAI,SAAS,EAAE,OAAO,EAAE,EAAE,KAC7E,KAAK,CACA,CACT;gBAEA,WAAW,KACVA,6BAACI,WAAK,CAAC,WAAW,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,CAAC,aAAa,CAAC,GACxD,WAAW,CACM,CACrB;gBAEA,KAAK,IAAI,KAAK,KAAK,SAAS,KAC3BJ,6BAACI,WAAK,CAAC,KAAK,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,CAAC,OAAO,CAAC,GAC5C,KAAK,CACM,CACf,CACG,CACF,CACF,EACN;AACJ,CAAC,EACD;AAEF,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"InlineInput.js","sources":["../../../src/components/InlineInput/InlineInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  useStyles,\n  StylesApiProps,\n  ElementProps,\n  MantineSize,\n  getFontSize,\n  getSize,\n  Factory,\n} from '../../core';\nimport { Input } from '../Input';\nimport classes from './InlineInput.module.css';\n\nexport const InlineInputClasses = classes;\n\nexport type InlineInputStylesNames =\n  | 'root'\n  | 'body'\n  | 'labelWrapper'\n  | 'label'\n  | 'description'\n  | 'error';\n\nexport interface InlineInputProps\n  extends BoxProps,\n    StylesApiProps<InlineInputFactory>,\n    ElementProps<'div'> {\n  __staticSelector: string;\n  __stylesApiProps: Record<string, any>;\n  label: React.ReactNode;\n  description: React.ReactNode;\n  id: string;\n  disabled: boolean | undefined;\n  error: React.ReactNode;\n  size: MantineSize | (string & {}) | undefined;\n  labelPosition?: 'left' | 'right';\n}\n\nexport type InlineInputFactory = Factory<{\n  props: any;\n  stylesNames: InlineInputStylesNames;\n}>;\n\nexport const InlineInput = forwardRef<HTMLDivElement, InlineInputProps>(\n  (\n    {\n      __staticSelector,\n      __stylesApiProps,\n      className,\n      classNames,\n      styles,\n      unstyled,\n      children,\n      label,\n      description,\n      id,\n      disabled,\n      error,\n      size = 'sm',\n      labelPosition = 'left',\n      variant,\n      style,\n      vars,\n      ...others\n    },\n    ref\n  ) => {\n    const getStyles = useStyles<InlineInputFactory>({\n      name: __staticSelector,\n      props: __stylesApiProps,\n      className,\n      style,\n      classes,\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    return (\n      <Box\n        {...getStyles('root')}\n        ref={ref}\n        __vars={{\n          '--label-fz': getFontSize(size),\n          '--label-lh': getSize(size, 'label-lh'),\n        }}\n        mod={{ 'label-position': labelPosition }}\n        variant={variant}\n        size={size}\n        {...others}\n      >\n        <div {...getStyles('body')}>\n          {children}\n\n          <div {...getStyles('labelWrapper')}>\n            {label && (\n              <label {...getStyles('label')} data-disabled={disabled || undefined} htmlFor={id}>\n                {label}\n              </label>\n            )}\n\n            {description && (\n              <Input.Description size={size} {...getStyles('description')}>\n                {description}\n              </Input.Description>\n            )}\n\n            {error && error !== 'boolean' && (\n              <Input.Error size={size} {...getStyles('error')}>\n                {error}\n              </Input.Error>\n            )}\n          </div>\n        </div>\n      </Box>\n    );\n  }\n);\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"names":["classes","forwardRef","useStyles","React","Box","getFontSize","getSize","Input"],"mappings":"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"}