@mantine/core 7.0.0-alpha.7 → 7.0.0-alpha.9

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,31 +6,26 @@ var React = require('react');
 var react = require('@floating-ui/react');
 var hooks = require('@mantine/hooks');
 
-function useFloatingAutoUpdate({
-  opened,
-  floating,
-  position,
-  positionDependencies
-}) {
-  const [delayedUpdate, setDelayedUpdate] = React.useState(0);
-  React.useEffect(() => {
-    if (floating.refs.reference.current && floating.refs.floating.current) {
-      return react.autoUpdate(floating.refs.reference.current, floating.refs.floating.current, floating.update);
-    }
-    return void 0;
-  }, [
-    floating.refs.reference.current,
-    floating.refs.floating.current,
-    opened,
-    delayedUpdate,
-    position
-  ]);
-  hooks.useDidUpdate(() => {
-    floating.update();
-  }, positionDependencies);
-  hooks.useDidUpdate(() => {
-    setDelayedUpdate((c) => c + 1);
-  }, [opened]);
+function useFloatingAutoUpdate({ opened, floating, position, positionDependencies, }) {
+    const [delayedUpdate, setDelayedUpdate] = React.useState(0);
+    React.useEffect(() => {
+        if (floating.refs.reference.current && floating.refs.floating.current) {
+            return react.autoUpdate(floating.refs.reference.current, floating.refs.floating.current, floating.update);
+        }
+        return undefined;
+    }, [
+        floating.refs.reference.current,
+        floating.refs.floating.current,
+        opened,
+        delayedUpdate,
+        position,
+    ]);
+    hooks.useDidUpdate(() => {
+        floating.update();
+    }, positionDependencies);
+    hooks.useDidUpdate(() => {
+        setDelayedUpdate((c) => c + 1);
+    }, [opened]);
 }
 
 exports.useFloatingAutoUpdate = useFloatingAutoUpdate;

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":";;;;;;;;;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,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC1G,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;;"}
+{"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;;;;"}

package/cjs/components/FocusTrap/FocusTrap.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,19 +6,15 @@ 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 ? 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 || children === void 0 ? 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":";;;;;;;;;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;;"}
+{"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;;;;"}

package/cjs/components/Group/Group.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 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,109 +17,44 @@ 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 }) => ({
-  root: {
-    "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
-    "--group-gap": getSize.getSpacing(gap),
-    "--group-align": align,
-    "--group-justify": justify,
-    "--group-wrap": wrap
-  }
+    root: {
+        '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,
+        '--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 _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);
+    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));
 });
-Group.displayName = "@mantine/core/Group";
+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":"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"}
+{"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;;;;"}

package/cjs/components/Group/Group.module.css.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

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

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -6,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":";;;;;;;AACO,SAAS,mBAAmB,CAAC,QAAQ,EAAE;AAC9C,EAAE,OAAOA,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACpD;;"}
+{"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;;;;"}

package/cjs/components/Highlight/Highlight.js

@@ -1,8 +1,8 @@
-'use client';
 'use strict';
 
 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,57 +14,13 @@ 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 = __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)));
+    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)))));
 });
-Highlight.displayName = "@mantine/core/Highlight";
+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":"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"}
+{"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;;;;"}

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

@@ -1,24 +1,35 @@
-'use client';
 'use strict';
 
 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,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;;"}
+{"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;;;;"}