@mantine/core 6.0.10 → 7.0.0-alpha.10

package/cjs/components/FileButton/FileButton.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    multiple: false,
+};
+const FileButton = React.forwardRef((props, ref) => {
+    const _a = useProps.useProps('FileButton', defaultProps, props), { onChange, children, multiple, accept, name, form, resetRef, disabled, capture, inputProps } = _a, others = tslib.__rest(_a, ["onChange", "children", "multiple", "accept", "name", "form", "resetRef", "disabled", "capture", "inputProps"]);
+    const inputRef = React.useRef();
+    const onClick = () => {
+        var _a;
+        !disabled && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click());
+    };
+    const handleChange = (event) => {
+        if (multiple) {
+            onChange(Array.from(event.currentTarget.files));
+        }
+        else {
+            onChange(event.currentTarget.files[0] || null);
+        }
+    };
+    const reset = () => {
+        inputRef.current.value = '';
+    };
+    hooks.assignRef(resetRef, reset);
+    return (React__default.createElement(React__default.Fragment, null,
+        children(Object.assign({ onClick }, others)),
+        React__default.createElement("input", Object.assign({ style: { display: 'none' }, type: "file", accept: accept, multiple: multiple, onChange: handleChange, ref: hooks.useMergedRef(ref, inputRef), name: name, form: form, capture: capture }, inputProps))));
+});
+FileButton.displayName = '@mantine/core/FileButton';
+
+exports.FileButton = FileButton;
+//# sourceMappingURL=FileButton.js.map

package/cjs/components/FileButton/FileButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileButton.js","sources":["../../../src/components/FileButton/FileButton.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useRef, forwardRef } from 'react';\nimport { assignRef, useMergedRef } from '@mantine/hooks';\nimport { useProps } from '../../core';\n\nexport interface FileButtonProps<Multiple extends boolean = false> {\n  /** Called when files are picked */\n  onChange(payload: Multiple extends true ? File[] : File | null): void;\n\n  /** Function that receives button props and returns react node that should be rendered */\n  children(props: { onClick(): void }): React.ReactNode;\n\n  /** Determines whether user can pick more than one file */\n  multiple?: Multiple;\n\n  /** File input accept attribute, for example, `\"image/png,image/jpeg\"` */\n  accept?: string;\n\n  /** Input name attribute */\n  name?: string;\n\n  /** Input form attribute */\n  form?: string;\n\n  /** Reference of the function that should be called when value changes to null or empty array */\n  resetRef?: React.ForwardedRef<() => void>;\n\n  /** Disables file picker */\n  disabled?: boolean;\n\n  /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */\n  capture?: boolean | 'user' | 'environment';\n\n  /** Passes down props to the input element used to capture files */\n  inputProps?: React.ComponentPropsWithoutRef<'input'>;\n}\n\nconst defaultProps: Partial<FileButtonProps> = {\n  multiple: false,\n};\n\ntype FileButtonComponent = (<Multiple extends boolean = false>(\n  props: FileButtonProps<Multiple>\n) => React.ReactElement) & { displayName?: string };\n\nexport const FileButton: FileButtonComponent = forwardRef<HTMLInputElement, FileButtonProps>(\n  (props, ref) => {\n    const {\n      onChange,\n      children,\n      multiple,\n      accept,\n      name,\n      form,\n      resetRef,\n      disabled,\n      capture,\n      inputProps,\n      ...others\n    } = useProps('FileButton', defaultProps, props);\n\n    const inputRef = useRef<HTMLInputElement>();\n\n    const onClick = () => {\n      !disabled && inputRef.current?.click();\n    };\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (multiple) {\n        onChange(Array.from(event.currentTarget!.files!) as any);\n      } else {\n        onChange(event.currentTarget!.files![0] || null);\n      }\n    };\n\n    const reset = () => {\n      inputRef.current!.value = '';\n    };\n\n    assignRef(resetRef!, reset);\n\n    return (\n      <>\n        {children({ onClick, ...others })}\n\n        <input\n          style={{ display: 'none' }}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleChange}\n          ref={useMergedRef(ref, inputRef)}\n          name={name}\n          form={form}\n          capture={capture}\n          {...inputProps}\n        />\n      </>\n    );\n  }\n) as any;\n\nFileButton.displayName = '@mantine/core/FileButton';\n"],"names":["forwardRef","useProps","useRef","assignRef","React","useMergedRef"],"mappings":";;;;;;;;;;;;;AAqCA,MAAM,YAAY,GAA6B;IAC7C,QAAQ,EAAE,KAAK;CAChB,CAAC;MAMW,UAAU,GAAwBA,gBAAU,CACvD,CAAC,KAAK,EAAE,GAAG;IACT,MAAM,KAYFC,iBAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAZzC,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,OAEmC,EAD1C,MAAM,oBAXL,+GAYL,CAA8C,CAAC;IAEhD,MAAM,QAAQ,GAAGC,YAAM,EAAoB,CAAC;IAE5C,MAAM,OAAO,GAAG;;QACd,CAAC,QAAQ,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC;KACxC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA0C;QAC9D,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAc,CAAC,KAAM,CAAQ,CAAC,CAAC;SAC1D;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,aAAc,CAAC,KAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;SAClD;KACF,CAAC;IAEF,MAAM,KAAK,GAAG;QACZ,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;KAC9B,CAAC;IAEFC,eAAS,CAAC,QAAS,EAAE,KAAK,CAAC,CAAC;IAE5B,QACEC;QACG,QAAQ,iBAAG,OAAO,IAAK,MAAM,EAAG;QAEjCA,sDACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAEC,kBAAY,CAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IACZ,UAAU,EACd,CACD,EACH;AACJ,CAAC,EACM;AAET,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/cjs/components/Floating/FloatingArrow/FloatingArrow.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var getArrowPositionStyles = require('./get-arrow-position-styles.js');
+var DirectionProvider = require('../../../core/DirectionProvider/DirectionProvider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const FloatingArrow = React.forwardRef((_a, ref) => {
+    var { position, arrowSize, arrowOffset, arrowRadius, arrowPosition, visible, arrowX, arrowY, style } = _a, others = tslib.__rest(_a, ["position", "arrowSize", "arrowOffset", "arrowRadius", "arrowPosition", "visible", "arrowX", "arrowY", "style"]);
+    const { dir } = DirectionProvider.useDirection();
+    if (!visible) {
+        return null;
+    }
+    return (React__default.createElement("div", Object.assign({}, others, { ref: ref, style: Object.assign(Object.assign({}, style), getArrowPositionStyles.getArrowPositionStyles({
+            position,
+            arrowSize,
+            arrowOffset,
+            arrowRadius,
+            arrowPosition,
+            dir,
+            arrowX,
+            arrowY,
+        })) })));
+});
+FloatingArrow.displayName = '@mantine/core/FloatingArrow';
+
+exports.FloatingArrow = FloatingArrow;
+//# sourceMappingURL=FloatingArrow.js.map

package/cjs/components/Floating/FloatingArrow/FloatingArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingArrow.js","sources":["../../../../src/components/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useDirection } from '../../../core';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\nimport { ArrowPosition, FloatingPosition } from '../types';\n\ninterface FloatingArrowProps extends React.ComponentPropsWithoutRef<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number;\n  arrowY: number;\n  visible: boolean | undefined;\n}\n\nexport const FloatingArrow = forwardRef<HTMLDivElement, FloatingArrowProps>(\n  (\n    {\n      position,\n      arrowSize,\n      arrowOffset,\n      arrowRadius,\n      arrowPosition,\n      visible,\n      arrowX,\n      arrowY,\n      style,\n      ...others\n    },\n    ref\n  ) => {\n    const { dir } = useDirection();\n    if (!visible) {\n      return null;\n    }\n\n    return (\n      <div\n        {...others}\n        ref={ref}\n        style={{\n          ...style,\n          ...getArrowPositionStyles({\n            position,\n            arrowSize,\n            arrowOffset,\n            arrowRadius,\n            arrowPosition,\n            dir,\n            arrowX,\n            arrowY,\n          }),\n        }}\n      />\n    );\n  }\n);\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"names":["forwardRef","useDirection","React","getArrowPositionStyles"],"mappings":";;;;;;;;;;;;;MAgBa,aAAa,GAAGA,gBAAU,CACrC,CACE,EAWC,EACD,GAAG;QAZH,EACE,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,aAAa,EACb,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,OAEN,EADI,MAAM,oBAVX,gHAWC,CADU;IAIX,MAAM,EAAE,GAAG,EAAE,GAAGC,8BAAY,EAAE,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,QACEC,sDACM,MAAM,IACV,GAAG,EAAE,GAAG,EACR,KAAK,kCACA,KAAK,GACLC,6CAAsB,CAAC;YACxB,QAAQ;YACR,SAAS;YACT,WAAW;YACX,WAAW;YACX,aAAa;YACb,GAAG;YACH,MAAM;YACN,MAAM;SACP,CAAC,KAEJ,EACF;AACJ,CAAC,EACD;AAEF,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}

package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var rem = require('../../../core/utils/units-converters/rem.js');
+
+function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
+    if (placement === 'center' || arrowPosition === 'center') {
+        return { top: arrowY };
+    }
+    if (placement === 'end') {
+        return { bottom: arrowOffset };
+    }
+    if (placement === 'start') {
+        return { top: arrowOffset };
+    }
+    return {};
+}
+function verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir) {
+    if (placement === 'center' || arrowPosition === 'center') {
+        return { left: arrowX };
+    }
+    if (placement === 'end') {
+        return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };
+    }
+    if (placement === 'start') {
+        return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };
+    }
+    return {};
+}
+const radiusByFloatingSide = {
+    bottom: 'borderTopLeftRadius',
+    left: 'borderTopRightRadius',
+    right: 'borderBottomLeftRadius',
+    top: 'borderBottomRightRadius',
+};
+function getArrowPositionStyles({ position, arrowSize, arrowOffset, arrowRadius, arrowPosition, arrowX, arrowY, dir, }) {
+    const [side, placement = 'center'] = position.split('-');
+    const baseStyles = {
+        width: rem.rem(arrowSize),
+        height: rem.rem(arrowSize),
+        transform: 'rotate(45deg)',
+        position: 'absolute',
+        [radiusByFloatingSide[side]]: rem.rem(arrowRadius),
+    };
+    const arrowPlacement = rem.rem(-arrowSize / 2);
+    if (side === 'left') {
+        return Object.assign(Object.assign(Object.assign({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), { right: arrowPlacement, borderLeftColor: 'transparent', borderBottomColor: 'transparent' });
+    }
+    if (side === 'right') {
+        return Object.assign(Object.assign(Object.assign({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), { left: arrowPlacement, borderRightColor: 'transparent', borderTopColor: 'transparent' });
+    }
+    if (side === 'top') {
+        return Object.assign(Object.assign(Object.assign({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), { bottom: arrowPlacement, borderTopColor: 'transparent', borderLeftColor: 'transparent' });
+    }
+    if (side === 'bottom') {
+        return Object.assign(Object.assign(Object.assign({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), { top: arrowPlacement, borderBottomColor: 'transparent', borderRightColor: 'transparent' });
+    }
+    return {};
+}
+
+exports.getArrowPositionStyles = getArrowPositionStyles;
+//# sourceMappingURL=get-arrow-position-styles.js.map

package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-arrow-position-styles.js","sources":["../../../../src/components/Floating/FloatingArrow/get-arrow-position-styles.ts"],"sourcesContent":["import { rem } from '../../../core';\nimport type { FloatingPosition, FloatingSide, FloatingPlacement, ArrowPosition } from '../types';\n\nfunction horizontalSide(\n  placement: FloatingPlacement | 'center',\n  arrowY: number,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { top: arrowY };\n  }\n\n  if (placement === 'end') {\n    return { bottom: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { top: arrowOffset };\n  }\n\n  return {};\n}\n\nfunction verticalSide(\n  placement: FloatingPlacement | 'center',\n  arrowX: number,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition,\n  dir: 'rtl' | 'ltr'\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { left: arrowX };\n  }\n\n  if (placement === 'end') {\n    return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };\n  }\n\n  return {};\n}\n\nconst radiusByFloatingSide: Record<\n  FloatingSide,\n  keyof Pick<\n    React.CSSProperties,\n    | 'borderBottomLeftRadius'\n    | 'borderBottomRightRadius'\n    | 'borderTopLeftRadius'\n    | 'borderTopRightRadius'\n  >\n> = {\n  bottom: 'borderTopLeftRadius',\n  left: 'borderTopRightRadius',\n  right: 'borderBottomLeftRadius',\n  top: 'borderBottomRightRadius',\n};\n\nexport function getArrowPositionStyles({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  arrowX,\n  arrowY,\n  dir,\n}: {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number;\n  arrowY: number;\n  dir: 'rtl' | 'ltr';\n}) {\n  const [side, placement = 'center'] = position.split('-') as [FloatingSide, FloatingPlacement];\n  const baseStyles = {\n    width: rem(arrowSize),\n    height: rem(arrowSize),\n    transform: 'rotate(45deg)',\n    position: 'absolute',\n    [radiusByFloatingSide[side]]: rem(arrowRadius),\n  };\n\n  const arrowPlacement = rem(-arrowSize / 2);\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      right: arrowPlacement,\n      borderLeftColor: 'transparent',\n      borderBottomColor: 'transparent',\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      left: arrowPlacement,\n      borderRightColor: 'transparent',\n      borderTopColor: 'transparent',\n    };\n  }\n\n  if (side === 'top') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      bottom: arrowPlacement,\n      borderTopColor: 'transparent',\n      borderLeftColor: 'transparent',\n    };\n  }\n\n  if (side === 'bottom') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      top: arrowPlacement,\n      borderBottomColor: 'transparent',\n      borderRightColor: 'transparent',\n    };\n  }\n\n  return {};\n}\n"],"names":["rem"],"mappings":";;;;;;AAGA,SAAS,cAAc,CACrB,SAAuC,EACvC,MAAc,EACd,WAAmB,EACnB,aAA4B;IAE5B,IAAI,SAAS,KAAK,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;QACxD,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;KACxB;IAED,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;KAChC;IAED,IAAI,SAAS,KAAK,OAAO,EAAE;QACzB,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC;KAC7B;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,YAAY,CACnB,SAAuC,EACvC,MAAc,EACd,WAAmB,EACnB,aAA4B,EAC5B,GAAkB;IAElB,IAAI,SAAS,KAAK,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;QACxD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;KACzB;IAED,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,OAAO,EAAE,CAAC,GAAG,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,EAAE,CAAC;KAC5D;IAED,IAAI,SAAS,KAAK,OAAO,EAAE;QACzB,OAAO,EAAE,CAAC,GAAG,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,EAAE,CAAC;KAC5D;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,oBAAoB,GAStB;IACF,MAAM,EAAE,qBAAqB;IAC7B,IAAI,EAAE,sBAAsB;IAC5B,KAAK,EAAE,wBAAwB;IAC/B,GAAG,EAAE,yBAAyB;CAC/B,CAAC;SAEc,sBAAsB,CAAC,EACrC,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,aAAa,EACb,MAAM,EACN,MAAM,EACN,GAAG,GAUJ;IACC,MAAM,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAsC,CAAC;IAC9F,MAAM,UAAU,GAAG;QACjB,KAAK,EAAEA,OAAG,CAAC,SAAS,CAAC;QACrB,MAAM,EAAEA,OAAG,CAAC,SAAS,CAAC;QACtB,SAAS,EAAE,eAAe;QAC1B,QAAQ,EAAE,UAAU;QACpB,CAAC,oBAAoB,CAAC,IAAI,CAAC,GAAGA,OAAG,CAAC,WAAW,CAAC;KAC/C,CAAC;IAEF,MAAM,cAAc,GAAGA,OAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAE3C,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,qDACK,UAAU,GACV,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,CAAC,KAChE,KAAK,EAAE,cAAc,EACrB,eAAe,EAAE,aAAa,EAC9B,iBAAiB,EAAE,aAAa,IAChC;KACH;IAED,IAAI,IAAI,KAAK,OAAO,EAAE;QACpB,qDACK,UAAU,GACV,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,CAAC,KAChE,IAAI,EAAE,cAAc,EACpB,gBAAgB,EAAE,aAAa,EAC/B,cAAc,EAAE,aAAa,IAC7B;KACH;IAED,IAAI,IAAI,KAAK,KAAK,EAAE;QAClB,qDACK,UAAU,GACV,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,CAAC,KACnE,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,aAAa,EAC7B,eAAe,EAAE,aAAa,IAC9B;KACH;IAED,IAAI,IAAI,KAAK,QAAQ,EAAE;QACrB,qDACK,UAAU,GACV,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,CAAC,KACnE,GAAG,EAAE,cAAc,EACnB,iBAAiB,EAAE,aAAa,EAChC,gBAAgB,EAAE,aAAa,IAC/B;KACH;IAED,OAAO,EAAE,CAAC;AACZ;;;;"}

package/cjs/components/Floating/get-floating-position/get-floating-position.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getFloatingPosition(dir, position) {
+    if (dir === 'rtl' && (position.includes('right') || position.includes('left'))) {
+        const [side, placement] = position.split('-');
+        const flippedPosition = side === 'right' ? 'left' : 'right';
+        return placement === undefined ? flippedPosition : `${flippedPosition}-${placement}`;
+    }
+    return position;
+}
+
+exports.getFloatingPosition = getFloatingPosition;
+//# sourceMappingURL=get-floating-position.js.map

package/cjs/components/Floating/get-floating-position/get-floating-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-floating-position.js","sources":["../../../../src/components/Floating/get-floating-position/get-floating-position.ts"],"sourcesContent":["import type { FloatingPosition, FloatingSide, FloatingPlacement } from '../types';\n\nexport function getFloatingPosition(\n  dir: 'rtl' | 'ltr',\n  position: FloatingPosition\n): FloatingPosition {\n  if (dir === 'rtl' && (position.includes('right') || position.includes('left'))) {\n    const [side, placement] = position.split('-') as [FloatingSide, FloatingPlacement];\n    const flippedPosition = side === 'right' ? 'left' : 'right';\n    return placement === undefined ? flippedPosition : `${flippedPosition}-${placement}`;\n  }\n\n  return position;\n}\n"],"names":[],"mappings":";;;;SAEgB,mBAAmB,CACjC,GAAkB,EAClB,QAA0B;IAE1B,IAAI,GAAG,KAAK,KAAK,KAAK,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE;QAC9E,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAsC,CAAC;QACnF,MAAM,eAAe,GAAG,IAAI,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;QAC5D,OAAO,SAAS,KAAK,SAAS,GAAG,eAAe,GAAG,GAAG,eAAe,IAAI,SAAS,EAAE,CAAC;KACtF;IAED,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/cjs/components/Floating/use-delayed-hover.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useDelayedHover({ open, close, openDelay, closeDelay }) {
+    const openTimeout = React.useRef(-1);
+    const closeTimeout = React.useRef(-1);
+    const clearTimeouts = () => {
+        window.clearTimeout(openTimeout.current);
+        window.clearTimeout(closeTimeout.current);
+    };
+    const openDropdown = () => {
+        clearTimeouts();
+        if (openDelay === 0) {
+            open();
+        }
+        else {
+            openTimeout.current = window.setTimeout(open, openDelay);
+        }
+    };
+    const closeDropdown = () => {
+        clearTimeouts();
+        if (closeDelay === 0) {
+            close();
+        }
+        else {
+            closeTimeout.current = window.setTimeout(close, closeDelay);
+        }
+    };
+    React.useEffect(() => clearTimeouts, []);
+    return { openDropdown, closeDropdown };
+}
+
+exports.useDelayedHover = useDelayedHover;
+//# sourceMappingURL=use-delayed-hover.js.map

package/cjs/components/Floating/use-delayed-hover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-delayed-hover.js","sources":["../../../src/components/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\ninterface UseDelayedHoverInput {\n  open(): void;\n  close(): void;\n  openDelay: number;\n  closeDelay: number;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;SASgB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAwB;IAC1F,MAAM,WAAW,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,YAAY,GAAGA,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG;QACpB,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;KAC3C,CAAC;IAEF,MAAM,YAAY,GAAG;QACnB,aAAa,EAAE,CAAC;QAEhB,IAAI,SAAS,KAAK,CAAC,EAAE;YACnB,IAAI,EAAE,CAAC;SACR;aAAM;YACL,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;SAC1D;KACF,CAAC;IAEF,MAAM,aAAa,GAAG;QACpB,aAAa,EAAE,CAAC;QAEhB,IAAI,UAAU,KAAK,CAAC,EAAE;YACpB,KAAK,EAAE,CAAC;SACT;aAAM;YACL,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;SAC7D;KACF,CAAC;IAEFC,eAAS,CAAC,MAAM,aAAa,EAAE,EAAE,CAAC,CAAC;IAEnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC;;;;"}

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 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;
+//# sourceMappingURL=use-floating-auto-update.js.map

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

@@ -0,0 +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;;;;"}

package/cjs/components/FocusTrap/FocusTrap.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 });
+}
+FocusTrap.displayName = '@mantine/core/FocusTrap';
+
+exports.FocusTrap = FocusTrap;
+//# sourceMappingURL=FocusTrap.js.map

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

@@ -0,0 +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;;;;"}

package/cjs/components/Group/Group.js

@@ -0,0 +1,60 @@
+'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');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const defaultProps = {
+    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 : 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 { 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';
+
+exports.Group = Group;
+//# sourceMappingURL=Group.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-SGOzUCS"};
+
+exports.default = classes;
+//# sourceMappingURL=Group.module.css.js.map

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

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

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

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function filterFalsyChildren(children) {
+    return React.Children.toArray(children).filter(Boolean);
+}
+
+exports.filterFalsyChildren = filterFalsyChildren;
+//# sourceMappingURL=filter-falsy-children.js.map

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

@@ -0,0 +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;;;;"}

package/cjs/components/Highlight/Highlight.js

@@ -0,0 +1,26 @@
+'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');
+var Mark = require('../Mark/Mark.js');
+var polymorphicFactory = require('../../core/factory/polymorphic-factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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)))));
+});
+Highlight.displayName = '@mantine/core/Highlight';
+
+exports.Highlight = Highlight;
+//# sourceMappingURL=Highlight.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function escapeRegex(value) {
+    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;
+}
+
+exports.highlighter = highlighter;
+//# sourceMappingURL=highlighter.js.map

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

@@ -0,0 +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;;;;"}

package/cjs/components/InlineInput/InlineInput.js

@@ -0,0 +1,43 @@
+'use strict';
+
+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');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+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"]);
+    const getStyles = useStyles.useStyles({
+        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';
+
+exports.InlineInput = InlineInput;
+//# sourceMappingURL=InlineInput.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-3rVj5cu","body":"mantine-GFiygFd","labelWrapper":"mantine-G13Gjxh","label":"mantine-Q8C6aYL","description":"mantine-cILs42v","error":"mantine-6o0A46s"};
+
+exports.default = classes;
+//# sourceMappingURL=InlineInput.module.css.js.map

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

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