@mantine/core 5.10.2 → 6.0.0-alpha.1

package/esm/TagInput/DefaultValue/DefaultValue.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import useStyles from './DefaultValue.styles.js';
+import { CloseButton } from '../../CloseButton/CloseButton.js';
+
+var __defProp = Object.defineProperty;
+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 __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 buttonSizes = {
+  xs: 16,
+  sm: 22,
+  md: 24,
+  lg: 26,
+  xl: 30
+};
+function DefaultValue(_a) {
+  var _b = _a, {
+    label,
+    classNames,
+    styles,
+    className,
+    onRemove,
+    disabled,
+    size,
+    radius
+  } = _b, others = __objRest(_b, [
+    "label",
+    "classNames",
+    "styles",
+    "className",
+    "onRemove",
+    "disabled",
+    "size",
+    "radius"
+  ]);
+  const { classes, cx } = useStyles({ size, disabled, radius }, { classNames, styles, name: "TagInput" });
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({
+    className: cx(classes.defaultValue, className)
+  }, others), /* @__PURE__ */ React.createElement("span", {
+    className: classes.label
+  }, label), !disabled && /* @__PURE__ */ React.createElement(CloseButton, {
+    "aria-hidden": true,
+    onMouseDown: onRemove,
+    size: buttonSizes[size],
+    radius: 2,
+    color: "blue",
+    variant: "transparent",
+    iconSize: buttonSizes[size] / 2,
+    className: classes.defaultValueRemove,
+    tabIndex: -1
+  }));
+}
+DefaultValue.displayName = "@mantine/core/TagInput/DefaultValue";
+
+export { DefaultValue };
+//# sourceMappingURL=DefaultValue.js.map

package/esm/TagInput/DefaultValue/DefaultValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultValue.js","sources":["../../../src/TagInput/DefaultValue/DefaultValue.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, MantineNumberSize, Selectors } from '@mantine/styles';\nimport { CloseButton } from '../../CloseButton';\nimport useStyles from './DefaultValue.styles';\n\nexport type DefaultValueStylesNames = Selectors<typeof useStyles>;\n\nexport interface TagInputValueProps\n  extends DefaultProps<DefaultValueStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  label: string;\n  onRemove(): void;\n  disabled: boolean;\n  size: MantineSize;\n  radius: MantineNumberSize;\n}\n\nconst buttonSizes = {\n  xs: 16,\n  sm: 22,\n  md: 24,\n  lg: 26,\n  xl: 30,\n};\n\nexport function DefaultValue({\n  label,\n  classNames,\n  styles,\n  className,\n  onRemove,\n  disabled,\n  size,\n  radius,\n  ...others\n}: TagInputValueProps) {\n  const { classes, cx } = useStyles(\n    { size, disabled, radius },\n    { classNames, styles, name: 'TagInput' }\n  );\n\n  return (\n    <div className={cx(classes.defaultValue, className)} {...others}>\n      <span className={classes.label}>{label}</span>\n\n      {!disabled && (\n        <CloseButton\n          aria-hidden\n          onMouseDown={onRemove}\n          size={buttonSizes[size]}\n          radius={2}\n          color=\"blue\"\n          variant=\"transparent\"\n          iconSize={buttonSizes[size] / 2}\n          className={classes.defaultValueRemove}\n          tabIndex={-1}\n        />\n      )}\n    </div>\n  );\n}\n\nDefaultValue.displayName = '@mantine/core/TagInput/DefaultValue';\n"],"names":[],"mappings":"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"}

package/esm/TagInput/DefaultValue/DefaultValue.styles.js

@@ -0,0 +1,46 @@
+import { createStyles, getSize, rem } from '@mantine/styles';
+
+const sizes = {
+  xs: 16,
+  sm: 22,
+  md: 26,
+  lg: 30,
+  xl: 36
+};
+const fontSizes = {
+  xs: 10,
+  sm: 12,
+  md: 14,
+  lg: 16,
+  xl: 18
+};
+var useStyles = createStyles((theme, { size, disabled, radius }) => ({
+  defaultValue: {
+    display: "flex",
+    alignItems: "center",
+    backgroundColor: disabled ? theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[3] : theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors.gray[1],
+    color: disabled ? theme.colorScheme === "dark" ? theme.colors.dark[1] : theme.colors.gray[7] : theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
+    lineHeight: 1,
+    height: getSize({ size, sizes }),
+    paddingLeft: getSize({ size, sizes: theme.spacing }),
+    paddingRight: disabled ? getSize({ size, sizes: theme.spacing }) : 0,
+    fontWeight: 500,
+    fontSize: getSize({ size, sizes: fontSizes }),
+    borderRadius: getSize({ size: radius, sizes: theme.radius }),
+    cursor: disabled ? "not-allowed" : "default",
+    userSelect: "none",
+    maxWidth: `calc(100% - ${rem(20)})`
+  },
+  defaultValueRemove: {
+    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7]
+  },
+  label: {
+    display: "block",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=DefaultValue.styles.js.map

package/esm/TagInput/DefaultValue/DefaultValue.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultValue.styles.js","sources":["../../../src/TagInput/DefaultValue/DefaultValue.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, getSize, rem } from '@mantine/styles';\n\ninterface DefaultLabelStyles {\n  size: MantineSize;\n  radius: MantineNumberSize;\n  disabled: boolean;\n}\n\nconst sizes = {\n  xs: 16,\n  sm: 22,\n  md: 26,\n  lg: 30,\n  xl: 36,\n};\n\nconst fontSizes = {\n  xs: 10,\n  sm: 12,\n  md: 14,\n  lg: 16,\n  xl: 18,\n};\n\nexport default createStyles((theme, { size, disabled, radius }: DefaultLabelStyles) => ({\n  defaultValue: {\n    display: 'flex',\n    alignItems: 'center',\n    backgroundColor: disabled\n      ? theme.colorScheme === 'dark'\n        ? theme.colors.dark[5]\n        : theme.colors.gray[3]\n      : theme.colorScheme === 'dark'\n      ? theme.colors.dark[7]\n      : theme.colors.gray[1],\n    color: disabled\n      ? theme.colorScheme === 'dark'\n        ? theme.colors.dark[1]\n        : theme.colors.gray[7]\n      : theme.colorScheme === 'dark'\n      ? theme.colors.dark[0]\n      : theme.colors.gray[7],\n    lineHeight: 1,\n    height: getSize({ size, sizes }),\n    paddingLeft: getSize({ size, sizes: theme.spacing }),\n    paddingRight: disabled ? getSize({ size, sizes: theme.spacing }) : 0,\n    fontWeight: 500,\n    fontSize: getSize({ size, sizes: fontSizes }),\n    borderRadius: getSize({ size: radius, sizes: theme.radius }),\n    cursor: disabled ? 'not-allowed' : 'default',\n    userSelect: 'none',\n    maxWidth: `calc(100% - ${rem(20)})`,\n  },\n\n  defaultValueRemove: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n  },\n\n  label: {\n    display: 'block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n}));\n"],"names":[],"mappings":";;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,MAAM,SAAS,GAAG;AAClB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AACpE,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,eAAe,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACvL,IAAI,KAAK,EAAE,QAAQ,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7K,IAAI,UAAU,EAAE,CAAC;AACjB,IAAI,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACpC,IAAI,WAAW,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACxD,IAAI,YAAY,EAAE,QAAQ,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACxE,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AACjD,IAAI,YAAY,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;AAChE,IAAI,MAAM,EAAE,QAAQ,GAAG,aAAa,GAAG,SAAS;AAChD,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,QAAQ,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AACvC,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,YAAY,EAAE,UAAU;AAC5B,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/TagInput/TagInput.js

@@ -0,0 +1,327 @@
+import React, { forwardRef, useRef, useState } from 'react';
+import { useId, useUncontrolled, useMergedRef } from '@mantine/hooks';
+import { DefaultValue } from './DefaultValue/DefaultValue.js';
+import useStyles from './TagInput.styles.js';
+import { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';
+import { Input } from '../Input/Input.js';
+import { CloseButton } from '../CloseButton/CloseButton.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultPasteSplit = (data) => {
+  const separators = [",", ";", "\\(", "\\)", "\\*", "/", ":", "\\?", "\n", "\r"];
+  return data.split(new RegExp(separators.join("|"))).map((d) => d.trim());
+};
+const getClipboardData = (e) => {
+  if (e.clipboardData) {
+    return e.clipboardData.getData("text/plain");
+  }
+  return "";
+};
+const uniq = (arr = []) => {
+  const out = [];
+  arr.forEach((item) => {
+    if (out.indexOf(item) === -1) {
+      out.push(item);
+    }
+  });
+  return out;
+};
+const TagInput = forwardRef((_a, ref) => {
+  var _b = _a, {
+    className,
+    style,
+    required,
+    label,
+    description,
+    size = "sm",
+    error,
+    classNames,
+    styles,
+    wrapperProps,
+    value,
+    defaultValue,
+    onChange = () => {
+    },
+    valueComponent: Value = DefaultValue,
+    id,
+    onFocus,
+    onBlur,
+    placeholder,
+    clearable = false,
+    clearInputOnBlur = false,
+    variant,
+    onChangeInput,
+    disabled = false,
+    radius = "sm",
+    icon,
+    rightSection,
+    sx,
+    maxTags,
+    name,
+    addOnPaste = true,
+    pasteSplit = defaultPasteSplit,
+    validationRegex = /.*/,
+    onValidationReject = () => {
+    },
+    onlyUnique = false
+  } = _b, others = __objRest(_b, [
+    "className",
+    "style",
+    "required",
+    "label",
+    "description",
+    "size",
+    "error",
+    "classNames",
+    "styles",
+    "wrapperProps",
+    "value",
+    "defaultValue",
+    "onChange",
+    "valueComponent",
+    "id",
+    "onFocus",
+    "onBlur",
+    "placeholder",
+    "clearable",
+    "clearInputOnBlur",
+    "variant",
+    "onChangeInput",
+    "disabled",
+    "radius",
+    "icon",
+    "rightSection",
+    "sx",
+    "maxTags",
+    "name",
+    "addOnPaste",
+    "pasteSplit",
+    "validationRegex",
+    "onValidationReject",
+    "onlyUnique"
+  ]);
+  const { classes, cx } = useStyles({ size, invalid: !!error }, { classNames, styles, name: "TagInput" });
+  const { systemStyles, rest } = extractSystemStyles(others);
+  const inputRef = useRef();
+  const wrapperRef = useRef();
+  const uuid = useId(id);
+  const [inputValue, setInputValue] = useState("");
+  const [IMEOpen, setIMEOpen] = useState(false);
+  const [_value, setValue] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange
+  });
+  const valuesOverflow = useRef(!!maxTags && maxTags < _value.length);
+  const handleValueRemove = (_val) => {
+    const newValue = _value.filter((val) => val !== _val);
+    setValue(newValue);
+    if (!!maxTags && newValue.length < maxTags) {
+      valuesOverflow.current = false;
+    }
+  };
+  const handleInputChange = (event) => {
+    typeof onChangeInput === "function" && onChangeInput(event.currentTarget.value);
+    setInputValue(event.currentTarget.value);
+  };
+  const handleInputFocus = (event) => {
+    typeof onFocus === "function" && onFocus(event);
+  };
+  const handleInputBlur = (event) => {
+    typeof onBlur === "function" && onBlur(event);
+    clearInputOnBlur && setInputValue("");
+  };
+  const handleAddTags = (newTags) => {
+    let tags = newTags;
+    if (onlyUnique) {
+      tags = uniq(tags);
+      tags = tags.filter((tag) => _value.every((currentTag) => currentTag !== tag));
+    }
+    const rejectedTags = tags.filter((tag) => !validationRegex.test(tag));
+    if (maxTags >= 0) {
+      const remainingLimit = Math.max(maxTags - _value.length, 0);
+      tags = tags.slice(0, remainingLimit);
+    }
+    if (onValidationReject && rejectedTags.length > 0) {
+      onValidationReject(rejectedTags);
+    }
+    if (rejectedTags.length > 0) {
+      return false;
+    }
+    if (tags.length > 0) {
+      const newValue = _value.concat(tags);
+      setValue(newValue);
+      setInputValue("");
+      return true;
+    }
+    setInputValue("");
+    return false;
+  };
+  const handleInputKeydown = (event) => {
+    var _a2, _b2;
+    if (IMEOpen) {
+      return;
+    }
+    switch (event.key) {
+      case "Enter": {
+        if (inputValue) {
+          event.preventDefault();
+          handleAddTags([inputValue]);
+          if (_value.length === maxTags - 1) {
+            valuesOverflow.current = true;
+            (_a2 = inputRef.current) == null ? void 0 : _a2.blur();
+            return;
+          }
+          (_b2 = inputRef.current) == null ? void 0 : _b2.focus();
+        }
+        break;
+      }
+      case "Backspace": {
+        if (_value.length > 0 && inputValue.length === 0) {
+          setValue(_value.slice(0, -1));
+        }
+        break;
+      }
+    }
+  };
+  const selectedItems = _value.map((val) => {
+    const selectedItem = {
+      value: val,
+      label: val
+    };
+    return selectedItem;
+  }).filter((val) => !!val).map((item) => /* @__PURE__ */ React.createElement(Value, __spreadProps(__spreadValues({}, item), {
+    disabled,
+    className: classes.value,
+    onRemove: () => {
+      handleValueRemove(item.value);
+    },
+    key: item.value,
+    size,
+    styles,
+    classNames,
+    radius
+  })));
+  const handleClear = () => {
+    var _a2;
+    setInputValue("");
+    setValue([]);
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    valuesOverflow.current = false;
+  };
+  const handlePaste = (e) => {
+    if (!addOnPaste) {
+      return;
+    }
+    e.preventDefault();
+    const data = getClipboardData(e);
+    const tags = pasteSplit(data);
+    handleAddTags(tags);
+  };
+  return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({
+    required,
+    id: uuid,
+    label,
+    error,
+    description,
+    size,
+    className,
+    style,
+    classNames,
+    styles,
+    __staticSelector: "TagInput",
+    sx
+  }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement("div", {
+    className: classes.wrapper,
+    "aria-haspopup": "listbox",
+    "aria-owns": `${uuid}-items`,
+    "aria-controls": uuid,
+    tabIndex: -1,
+    ref: wrapperRef
+  }, /* @__PURE__ */ React.createElement(Input, {
+    __staticSelector: "TagInput",
+    style: { overflow: "hidden" },
+    component: "div",
+    multiline: true,
+    size,
+    variant,
+    disabled,
+    error,
+    required,
+    radius,
+    icon,
+    onMouseDown: (event) => {
+      var _a2;
+      event.preventDefault();
+      !disabled && !valuesOverflow.current;
+      (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    },
+    classNames: __spreadValues({}, classNames),
+    rightSection: !disabled && clearable && _value.length > 0 ? /* @__PURE__ */ React.createElement(CloseButton, {
+      variant: "transparent",
+      onClick: handleClear,
+      size
+    }) : rightSection,
+    onPaste: handlePaste
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: classes.values,
+    id: `${uuid}-items`
+  }, selectedItems, /* @__PURE__ */ React.createElement("input", __spreadValues({
+    ref: useMergedRef(ref, inputRef),
+    type: "text",
+    id: uuid,
+    className: cx(classes.tagInput, {
+      [classes.tagInputEmpty]: _value.length === 0
+    }),
+    onKeyDown: handleInputKeydown,
+    value: inputValue,
+    onChange: handleInputChange,
+    onFocus: handleInputFocus,
+    onCompositionStart: () => setIMEOpen(true),
+    onCompositionEnd: () => setIMEOpen(false),
+    onBlur: handleInputBlur,
+    readOnly: valuesOverflow.current,
+    placeholder: _value.length === 0 ? placeholder : void 0,
+    disabled,
+    autoComplete: "off"
+  }, rest))))), name && /* @__PURE__ */ React.createElement("input", {
+    type: "hidden",
+    name,
+    value: _value.join(",")
+  }));
+});
+TagInput.displayName = "@mantine/core/TagInput";
+
+export { TagInput };
+//# sourceMappingURL=TagInput.js.map

package/esm/TagInput/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sources":["../../src/TagInput/TagInput.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport { useUncontrolled, useMergedRef, useId } from '@mantine/hooks';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { Input } from '../Input';\nimport { extractSystemStyles } from '../Box';\nimport { CloseButton } from '../CloseButton';\nimport { BaseSelectProps, BaseSelectStylesNames } from '../Select/types';\nimport { DefaultValue, DefaultValueStylesNames } from './DefaultValue/DefaultValue';\nimport useStyles from './TagInput.styles';\n\nexport type TagInputStylesNames =\n  | DefaultValueStylesNames\n  | Exclude<\n      Selectors<typeof useStyles>,\n      'tagInputEmpty' | 'tagInputInputHidden' | 'tagInputPointer'\n    >\n  | Exclude<\n      BaseSelectStylesNames,\n      | 'selected'\n      | 'item'\n      | 'nothingFound'\n      | 'separator'\n      | 'separatorLabel'\n      | 'itemsWrapper'\n      | 'dropdown'\n    >;\nexport interface TagInputProps extends DefaultProps<TagInputStylesNames>, BaseSelectProps {\n  /** Input size */\n  size?: MantineSize;\n\n  /** Properties spread to root element */\n  wrapperProps?: Record<string, any>;\n\n  /** Controlled input value */\n  value?: string[];\n\n  /** Uncontrolled input defaultValue */\n  defaultValue?: string[];\n\n  /** Controlled input onChange handler */\n  onChange?(value: string[]): void;\n\n  /** Component used to render values */\n  valueComponent?: React.FC<any>;\n\n  /** Allow to clear item */\n  clearable?: boolean;\n\n  /** Clear input field value on blur */\n  clearInputOnBlur?: boolean;\n\n  /** Called each time search query changes */\n  onChangeInput?(query: string): void;\n\n  /** Get input ref */\n  elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n  /** Limit amount of tags */\n  maxTags?: number;\n\n  /** Component used to render right section */\n  rightSection?: React.ReactNode;\n\n  /** Called to split after onPaste  */\n  pasteSplit?: (data: any) => string[];\n\n  /** Allow to paste item */\n  addOnPaste?: boolean;\n\n  /** Called for validation when add tags */\n  validationRegex?: RegExp;\n\n  /** Called when validationRegex reject tags */\n  onValidationReject?: (data: string[]) => void;\n\n  /** Allow to only unique */\n  onlyUnique?: boolean;\n}\n\nconst defaultPasteSplit = (data: string): string[] => {\n  const separators = [',', ';', '\\\\(', '\\\\)', '\\\\*', '/', ':', '\\\\?', '\\n', '\\r'];\n  return data.split(new RegExp(separators.join('|'))).map((d) => d.trim());\n};\n\nconst getClipboardData = (e: React.ClipboardEvent): string => {\n  if (e.clipboardData) {\n    return e.clipboardData.getData('text/plain');\n  }\n\n  return '';\n};\n\nconst uniq = (arr = []) => {\n  const out = [];\n\n  arr.forEach((item) => {\n    if (out.indexOf(item) === -1) {\n      out.push(item);\n    }\n  });\n\n  return out;\n};\n\nexport const TagInput = forwardRef<HTMLInputElement, TagInputProps>(\n  (\n    {\n      className,\n      style,\n      required,\n      label,\n      description,\n      size = 'sm',\n      error,\n      classNames,\n      styles,\n      wrapperProps,\n      value,\n      defaultValue,\n      onChange = () => {},\n      valueComponent: Value = DefaultValue,\n      id,\n      onFocus,\n      onBlur,\n      placeholder,\n      clearable = false,\n      clearInputOnBlur = false,\n      variant,\n      onChangeInput,\n      disabled = false,\n      radius = 'sm',\n      icon,\n      rightSection,\n      sx,\n      maxTags,\n      name,\n      addOnPaste = true,\n      pasteSplit = defaultPasteSplit,\n      validationRegex = /.*/,\n      onValidationReject = () => {},\n      onlyUnique = false,\n      ...others\n    }: TagInputProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { size, invalid: !!error },\n      { classNames, styles, name: 'TagInput' }\n    );\n    const { systemStyles, rest } = extractSystemStyles(others);\n\n    const inputRef = useRef<HTMLInputElement>();\n    const wrapperRef = useRef<HTMLDivElement>();\n    const uuid = useId(id);\n    const [inputValue, setInputValue] = useState('');\n    const [IMEOpen, setIMEOpen] = useState(false);\n\n    const [_value, setValue] = useUncontrolled({\n      value,\n      defaultValue,\n      finalValue: [],\n      onChange,\n    });\n\n    const valuesOverflow = useRef(!!maxTags && maxTags < _value.length);\n\n    const handleValueRemove = (_val: string) => {\n      const newValue = _value.filter((val) => val !== _val);\n      setValue(newValue);\n\n      if (!!maxTags && newValue.length < maxTags) {\n        valuesOverflow.current = false;\n      }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      typeof onChangeInput === 'function' && onChangeInput(event.currentTarget.value);\n      setInputValue(event.currentTarget.value);\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n      clearInputOnBlur && setInputValue('');\n    };\n\n    const handleAddTags = (newTags: string[]): boolean => {\n      let tags = newTags;\n      if (onlyUnique) {\n        tags = uniq(tags);\n        tags = tags.filter((tag) => _value.every((currentTag) => currentTag !== tag));\n      }\n\n      const rejectedTags = tags.filter((tag) => !validationRegex.test(tag));\n\n      if (maxTags >= 0) {\n        const remainingLimit = Math.max(maxTags - _value.length, 0);\n        tags = tags.slice(0, remainingLimit);\n      }\n\n      if (onValidationReject && rejectedTags.length > 0) {\n        onValidationReject(rejectedTags);\n      }\n\n      if (rejectedTags.length > 0) {\n        return false;\n      }\n\n      if (tags.length > 0) {\n        const newValue = _value.concat(tags);\n        setValue(newValue);\n        setInputValue('');\n        return true;\n      }\n\n      setInputValue('');\n      return false;\n    };\n\n    const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (IMEOpen) {\n        return;\n      }\n      switch (event.key) {\n        case 'Enter': {\n          if (inputValue) {\n            event.preventDefault();\n\n            handleAddTags([inputValue]);\n            if (_value.length === maxTags - 1) {\n              valuesOverflow.current = true;\n              inputRef.current?.blur();\n              return;\n            }\n            inputRef.current?.focus();\n          }\n\n          break;\n        }\n\n        case 'Backspace': {\n          if (_value.length > 0 && inputValue.length === 0) {\n            setValue(_value.slice(0, -1));\n          }\n\n          break;\n        }\n      }\n    };\n\n    const selectedItems = _value\n      .map((val) => {\n        const selectedItem = {\n          value: val,\n          label: val,\n        };\n        return selectedItem;\n      })\n      .filter((val) => !!val)\n      .map((item) => (\n        <Value\n          {...item}\n          disabled={disabled}\n          className={classes.value}\n          onRemove={() => {\n            handleValueRemove(item.value);\n          }}\n          key={item.value}\n          size={size}\n          styles={styles}\n          classNames={classNames}\n          radius={radius}\n        />\n      ));\n\n    const handleClear = (): void => {\n      setInputValue('');\n      setValue([]);\n      inputRef.current?.focus();\n      valuesOverflow.current = false;\n    };\n\n    const handlePaste = (e: React.ClipboardEvent): void => {\n      if (!addOnPaste) {\n        return;\n      }\n\n      e.preventDefault();\n      const data = getClipboardData(e);\n      const tags = pasteSplit(data);\n      handleAddTags(tags);\n    };\n\n    return (\n      <Input.Wrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        size={size}\n        className={className}\n        style={style}\n        classNames={classNames}\n        styles={styles}\n        __staticSelector=\"TagInput\"\n        sx={sx}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <div\n          className={classes.wrapper}\n          aria-haspopup=\"listbox\"\n          aria-owns={`${uuid}-items`}\n          aria-controls={uuid}\n          tabIndex={-1}\n          ref={wrapperRef}\n        >\n          <Input<'div'>\n            __staticSelector=\"TagInput\"\n            style={{ overflow: 'hidden' }}\n            component=\"div\"\n            multiline\n            size={size}\n            variant={variant}\n            disabled={disabled}\n            error={error}\n            required={required}\n            radius={radius}\n            icon={icon}\n            onMouseDown={(event) => {\n              event.preventDefault();\n              !disabled && !valuesOverflow.current;\n              inputRef.current?.focus();\n            }}\n            classNames={{\n              ...classNames,\n            }}\n            rightSection={\n              !disabled && clearable && _value.length > 0 ? (\n                <CloseButton variant=\"transparent\" onClick={handleClear} size={size} />\n              ) : (\n                rightSection\n              )\n            }\n            onPaste={handlePaste}\n          >\n            <div className={classes.values} id={`${uuid}-items`}>\n              {selectedItems}\n\n              <input\n                ref={useMergedRef(ref, inputRef)}\n                type=\"text\"\n                id={uuid}\n                className={cx(classes.tagInput, {\n                  [classes.tagInputEmpty]: _value.length === 0,\n                })}\n                onKeyDown={handleInputKeydown}\n                value={inputValue}\n                onChange={handleInputChange}\n                onFocus={handleInputFocus}\n                onCompositionStart={() => setIMEOpen(true)}\n                onCompositionEnd={() => setIMEOpen(false)}\n                onBlur={handleInputBlur}\n                readOnly={valuesOverflow.current}\n                placeholder={_value.length === 0 ? placeholder : undefined}\n                disabled={disabled}\n                autoComplete=\"off\"\n                {...rest}\n              />\n            </div>\n          </Input>\n        </div>\n\n        {name && <input type=\"hidden\" name={name} value={_value.join(',')} />}\n      </Input.Wrapper>\n    );\n  }\n);\n\nTagInput.displayName = '@mantine/core/TagInput';\n"],"names":[],"mappings":"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"}

package/esm/TagInput/TagInput.styles.js

@@ -0,0 +1,61 @@
+import { createStyles, getSize } from '@mantine/styles';
+import { sizes } from '../Input/Input.styles.js';
+
+var useStyles = createStyles((theme, { size, invalid }) => ({
+  wrapper: {
+    position: "relative"
+  },
+  values: {
+    minHeight: getSize({ size, sizes: sizes }),
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    marginLeft: `calc(-1 * ${theme.spacing.xs}px / 2)`,
+    paddingTop: `calc(${theme.spacing.xs}px / 2 - 2px)`,
+    paddingBottom: `calc(${theme.spacing.xs}px / 2 - 2px)`,
+    boxSizing: "border-box"
+  },
+  value: {
+    margin: `calc(${theme.spacing.xs}px / 2 - 2px) calc(${theme.spacing.xs}px / 2)`
+  },
+  tagInput: {
+    width: 60,
+    backgroundColor: "transparent",
+    border: 0,
+    outline: 0,
+    fontSize: getSize({ size, sizes: theme.fontSizes }),
+    padding: 0,
+    margin: `calc(${theme.spacing.xs}px / 2)`,
+    appearance: "none",
+    color: "inherit",
+    "&::placeholder": {
+      color: invalid ? theme.colors.red[theme.colorScheme === "dark" ? 6 : 7] : theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[5]
+    },
+    "&:disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  tagInputEmpty: {
+    width: "100%"
+  },
+  tagInputInputHidden: {
+    width: 0,
+    height: 0,
+    margin: 0,
+    overflow: "hidden"
+  },
+  tagInputPointer: {
+    cursor: "pointer",
+    "&:disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  input: {
+    "&:not(:disabled)": {
+      cursor: "pointer"
+    }
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=TagInput.styles.js.map

package/esm/TagInput/TagInput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.styles.js","sources":["../../src/TagInput/TagInput.styles.ts"],"sourcesContent":["import { createStyles, MantineSize, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\ninterface TagInputStyles {\n  size: MantineSize;\n  invalid: boolean;\n}\n\nexport const RIGHT_SECTION_WIDTH = {\n  xs: 24,\n  sm: 30,\n  md: 34,\n  lg: 44,\n  xl: 54,\n};\n\nexport default createStyles((theme, { size, invalid }: TagInputStyles) => ({\n  wrapper: {\n    position: 'relative',\n  },\n\n  values: {\n    minHeight: getSize({ size, sizes: INPUT_SIZES }),\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginLeft: `calc(-1 * ${theme.spacing.xs}px / 2)`,\n    paddingTop: `calc(${theme.spacing.xs}px / 2 - 2px)`,\n    paddingBottom: `calc(${theme.spacing.xs}px / 2 - 2px)`,\n    boxSizing: 'border-box',\n  },\n\n  value: {\n    margin: `calc(${theme.spacing.xs}px / 2 - 2px) calc(${theme.spacing.xs}px / 2)`,\n  },\n\n  tagInput: {\n    width: 60,\n    backgroundColor: 'transparent',\n    border: 0,\n    outline: 0,\n    fontSize: getSize({ size, sizes: theme.fontSizes }),\n    padding: 0,\n    margin: `calc(${theme.spacing.xs}px / 2)`,\n    appearance: 'none',\n    color: 'inherit',\n\n    '&::placeholder': {\n      color: invalid\n        ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n        : theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[5],\n    },\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  tagInputEmpty: {\n    width: '100%',\n  },\n\n  tagInputInputHidden: {\n    width: 0,\n    height: 0,\n    margin: 0,\n    overflow: 'hidden',\n  },\n\n  tagInputPointer: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  input: {\n    '&:not(:disabled)': {\n      cursor: 'pointer',\n    },\n  },\n}));\n"],"names":["INPUT_SIZES"],"mappings":";;;AASA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAC3D,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEA,KAAW,EAAE,CAAC;AACpD,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,UAAU,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AACtD,IAAI,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC;AACvD,IAAI,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC;AAC1D,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AACnF,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,QAAQ,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AACvD,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AAC7C,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,gBAAgB,EAAE;AACtB,MAAM,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1J,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,KAAK,EAAE,MAAM;AACjB,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,kBAAkB,EAAE;AACxB,MAAM,MAAM,EAAE,SAAS;AACvB,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Text/Text.js

@@ -55,7 +55,8 @@ const _Text = forwardRef((props, ref) => {
     classNames,
     styles,
     unstyled,
-    span
+    span,
+    __staticSelector
   } = _a, others = __objRest(_a, [
     "className",
     "size",
@@ -75,12 +76,11 @@ const _Text = forwardRef((props, ref) => {
     "classNames",
     "styles",
     "unstyled",
-    "span"
+    "span",
+    "__staticSelector"
   ]);
   const { classes, cx } = useStyles({
-    variant,
     color,
-    size,
     lineClamp,
     truncate,
     inline,
@@ -92,7 +92,7 @@ const _Text = forwardRef((props, ref) => {
     transform,
     align,
     gradient
-  }, { unstyled, name: "Text" });
+  }, { unstyled, name: __staticSelector || "Text", variant, size });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     ref,
     className: cx(classes.root, { [classes.gradient]: variant === "gradient" }, className),

package/esm/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineGradient,\n  useComponentDefaultProps,\n  MantineColor,\n  MantineNumberSize,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles from './Text.styles';\n\nexport interface TextProps extends DefaultProps {\n  /** Text content */\n  children?: React.ReactNode;\n\n  /** Key of theme.fontSizes or number to set font-size in px */\n  size?: MantineNumberSize;\n\n  /** Key of theme.colors or any valid CSS color */\n  color?: 'dimmed' | MantineColor;\n\n  /** Sets font-weight css property */\n  weight?: React.CSSProperties['fontWeight'];\n\n  /** Sets text-transform css property */\n  transform?: React.CSSProperties['textTransform'];\n\n  /** Sets text-align css property */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Link or text variant */\n  variant?: 'text' | 'link' | 'gradient';\n\n  /** CSS -webkit-line-clamp property */\n  lineClamp?: number;\n\n  /** CSS truncate overflowing text with an ellipsis */\n  truncate?: boolean;\n\n  /** Sets line-height to 1 for centering */\n  inline?: boolean;\n\n  /** Underline the text */\n  underline?: boolean;\n\n  /** Add strikethrough styles */\n  strikethrough?: boolean;\n\n  /** Adds font-style: italic style */\n  italic?: boolean;\n\n  /** Inherit font properties from parent element */\n  inherit?: boolean;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n\n  /** Shorthand for component=\"span\" */\n  span?: boolean;\n}\n\nconst defaultProps: Partial<TextProps> = {\n  variant: 'text',\n};\n\nexport const _Text = forwardRef<HTMLDivElement, TextProps>((props, ref) => {\n  const {\n    className,\n    size,\n    weight,\n    transform,\n    color,\n    align,\n    variant,\n    lineClamp,\n    truncate,\n    gradient,\n    inline,\n    inherit,\n    underline,\n    strikethrough,\n    italic,\n    classNames,\n    styles,\n    unstyled,\n    span,\n    ...others\n  } = useComponentDefaultProps('Text', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    {\n      variant,\n      color,\n      size,\n      lineClamp,\n      truncate,\n      inline,\n      inherit,\n      underline,\n      strikethrough,\n      italic,\n      weight,\n      transform,\n      align,\n      gradient,\n    },\n    { unstyled, name: 'Text' }\n  );\n\n  return (\n    <Box\n      ref={ref}\n      className={cx(classes.root, { [classes.gradient]: variant === 'gradient' }, className)}\n      component={span ? 'span' : 'div'}\n      {...others}\n    />\n  );\n});\n\n_Text.displayName = '@mantine/core/Text';\n\nexport const Text = createPolymorphicComponent<'div', TextProps>(_Text);\n"],"names":[],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAQF,MAAM,YAAY,GAAG;AACrB,EAAE,OAAO,EAAE,MAAM;AACjB,CAAC,CAAC;AACU,MAAC,KAAK,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AAChD,EAAE,MAAM,EAAE,GAAG,wBAAwB,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AACpE,IAAI,SAAS;AACb,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC;AACpC,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AACjC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,OAAO,KAAK,UAAU,EAAE,EAAE,SAAS,CAAC;AAC1F,IAAI,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,KAAK;AACpC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,KAAK,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAC7B,MAAC,IAAI,GAAG,0BAA0B,CAAC,KAAK;;;;"}
+{"version":3,"file":"Text.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineGradient,\n  useComponentDefaultProps,\n  MantineColor,\n  MantineNumberSize,\n  Variants,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Box } from '../Box';\nimport useStyles from './Text.styles';\n\nexport interface TextProps extends DefaultProps {\n  __staticSelector?: string;\n\n  /** Text content */\n  children?: React.ReactNode;\n\n  /** Key of theme.fontSizes or any valid CSS value to set font-size */\n  size?: MantineNumberSize;\n\n  /** Key of theme.colors or any valid CSS color */\n  color?: 'dimmed' | MantineColor;\n\n  /** Sets font-weight css property */\n  weight?: React.CSSProperties['fontWeight'];\n\n  /** Sets text-transform css property */\n  transform?: React.CSSProperties['textTransform'];\n\n  /** Sets text-align css property */\n  align?: React.CSSProperties['textAlign'];\n\n  /** Link or text variant */\n  variant?: Variants<'text' | 'gradient'>;\n\n  /** CSS -webkit-line-clamp property */\n  lineClamp?: number;\n\n  /** CSS truncate overflowing text with an ellipsis */\n  truncate?: boolean;\n\n  /** Sets line-height to 1 for centering */\n  inline?: boolean;\n\n  /** Underline the text */\n  underline?: boolean;\n\n  /** Add strikethrough styles */\n  strikethrough?: boolean;\n\n  /** Adds font-style: italic style */\n  italic?: boolean;\n\n  /** Inherit font properties from parent element */\n  inherit?: boolean;\n\n  /** Controls gradient settings in gradient variant only */\n  gradient?: MantineGradient;\n\n  /** Shorthand for component=\"span\" */\n  span?: boolean;\n}\n\nconst defaultProps: Partial<TextProps> = {\n  variant: 'text',\n};\n\nexport const _Text = forwardRef<HTMLDivElement, TextProps>((props, ref) => {\n  const {\n    className,\n    size,\n    weight,\n    transform,\n    color,\n    align,\n    variant,\n    lineClamp,\n    truncate,\n    gradient,\n    inline,\n    inherit,\n    underline,\n    strikethrough,\n    italic,\n    classNames,\n    styles,\n    unstyled,\n    span,\n    __staticSelector,\n    ...others\n  } = useComponentDefaultProps('Text', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    {\n      color,\n      lineClamp,\n      truncate,\n      inline,\n      inherit,\n      underline,\n      strikethrough,\n      italic,\n      weight,\n      transform,\n      align,\n      gradient,\n    },\n    { unstyled, name: __staticSelector || 'Text', variant, size }\n  );\n\n  return (\n    <Box\n      ref={ref}\n      className={cx(classes.root, { [classes.gradient]: variant === 'gradient' }, className)}\n      component={span ? 'span' : 'div'}\n      {...others}\n    />\n  );\n});\n\n_Text.displayName = '@mantine/core/Text';\n\nexport const Text = createPolymorphicComponent<'div', TextProps>(_Text);\n"],"names":[],"mappings":"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"}