@mantine/code-highlight 7.0.0-alpha.9 → 7.0.0-beta.0

package/esm/ExpandIcon.js

@@ -1,22 +1,50 @@
-import { __rest } from 'tslib';
 import { rem } from '@mantine/core';
 import React from 'react';
 
+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;
+};
 function ExpandIcon(_a) {
-    var { expanded, style } = _a, others = __rest(_a, ["expanded", "style"]);
-    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", style: Object.assign({ width: rem(18), height: rem(18) }, style), viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, others), expanded ? (React.createElement(React.Fragment, null,
-        React.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        React.createElement("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }),
-        React.createElement("path", { d: "M9 17l1 0" }),
-        React.createElement("path", { d: "M14 17l1 0" }),
-        React.createElement("path", { d: "M19 17l1 0" }),
-        React.createElement("path", { d: "M4 17l1 0" }))) : (React.createElement(React.Fragment, null,
-        React.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-        React.createElement("path", { d: "M12 11v8l3 -3m-6 0l3 3" }),
-        React.createElement("path", { d: "M9 7l1 0" }),
-        React.createElement("path", { d: "M14 7l1 0" }),
-        React.createElement("path", { d: "M19 7l1 0" }),
-        React.createElement("path", { d: "M4 7l1 0" })))));
+  var _b = _a, { expanded, style } = _b, others = __objRest(_b, ["expanded", "style"]);
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      style: __spreadValues({ width: rem(18), height: rem(18) }, style),
+      viewBox: "0 0 24 24",
+      strokeWidth: "2",
+      stroke: "currentColor",
+      fill: "none",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, others),
+    expanded ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }), /* @__PURE__ */ React.createElement("path", { d: "M9 17l1 0" }), /* @__PURE__ */ React.createElement("path", { d: "M14 17l1 0" }), /* @__PURE__ */ React.createElement("path", { d: "M19 17l1 0" }), /* @__PURE__ */ React.createElement("path", { d: "M4 17l1 0" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ React.createElement("path", { d: "M12 11v8l3 -3m-6 0l3 3" }), /* @__PURE__ */ React.createElement("path", { d: "M9 7l1 0" }), /* @__PURE__ */ React.createElement("path", { d: "M14 7l1 0" }), /* @__PURE__ */ React.createElement("path", { d: "M19 7l1 0" }), /* @__PURE__ */ React.createElement("path", { d: "M4 7l1 0" }))
+  );
 }
 
 export { ExpandIcon };

package/esm/ExpandIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandIcon.js","sources":["../src/ExpandIcon.tsx"],"sourcesContent":["import { rem } from '@mantine/core';\nimport React from 'react';\n\ninterface ExpandIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n  expanded: boolean;\n}\n\nexport function ExpandIcon({ expanded, style, ...others }: ExpandIconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ width: rem(18), height: rem(18), ...style }}\n      viewBox=\"0 0 24 24\"\n      strokeWidth=\"2\"\n      stroke=\"currentColor\"\n      fill=\"none\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...others}\n    >\n      {expanded ? (\n        <>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M12 13v-8l-3 3m6 0l-3 -3\" />\n          <path d=\"M9 17l1 0\" />\n          <path d=\"M14 17l1 0\" />\n          <path d=\"M19 17l1 0\" />\n          <path d=\"M4 17l1 0\" />\n        </>\n      ) : (\n        <>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M12 11v8l3 -3m-6 0l3 3\" />\n          <path d=\"M9 7l1 0\" />\n          <path d=\"M14 7l1 0\" />\n          <path d=\"M19 7l1 0\" />\n          <path d=\"M4 7l1 0\" />\n        </>\n      )}\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;;;SAOgB,UAAU,CAAC,EAA+C;QAA/C,EAAE,QAAQ,EAAE,KAAK,OAA8B,EAAzB,MAAM,cAA5B,qBAA8B,CAAF;IACrD,QACE,2CACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,kBAAI,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,IAAK,KAAK,GAClD,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,GAAG,EACf,MAAM,EAAC,cAAc,EACrB,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,IAClB,MAAM,GAET,QAAQ,IACP;QACE,8BAAM,MAAM,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QACpD,8BAAM,CAAC,EAAC,0BAA0B,GAAG;QACrC,8BAAM,CAAC,EAAC,WAAW,GAAG;QACtB,8BAAM,CAAC,EAAC,YAAY,GAAG;QACvB,8BAAM,CAAC,EAAC,YAAY,GAAG;QACvB,8BAAM,CAAC,EAAC,WAAW,GAAG,CACrB,KAEH;QACE,8BAAM,MAAM,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QACpD,8BAAM,CAAC,EAAC,wBAAwB,GAAG;QACnC,8BAAM,CAAC,EAAC,UAAU,GAAG;QACrB,8BAAM,CAAC,EAAC,WAAW,GAAG;QACtB,8BAAM,CAAC,EAAC,WAAW,GAAG;QACtB,8BAAM,CAAC,EAAC,UAAU,GAAG,CACpB,CACJ,CACG,EACN;AACJ;;;;"}
+{"version":3,"file":"ExpandIcon.js","sources":["../src/ExpandIcon.tsx"],"sourcesContent":["import { rem } from '@mantine/core';\nimport React from 'react';\n\ninterface ExpandIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n  expanded: boolean;\n}\n\nexport function ExpandIcon({ expanded, style, ...others }: ExpandIconProps) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ width: rem(18), height: rem(18), ...style }}\n      viewBox=\"0 0 24 24\"\n      strokeWidth=\"2\"\n      stroke=\"currentColor\"\n      fill=\"none\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...others}\n    >\n      {expanded ? (\n        <>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M12 13v-8l-3 3m6 0l-3 -3\" />\n          <path d=\"M9 17l1 0\" />\n          <path d=\"M14 17l1 0\" />\n          <path d=\"M19 17l1 0\" />\n          <path d=\"M4 17l1 0\" />\n        </>\n      ) : (\n        <>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path d=\"M12 11v8l3 -3m-6 0l3 3\" />\n          <path d=\"M9 7l1 0\" />\n          <path d=\"M14 7l1 0\" />\n          <path d=\"M19 7l1 0\" />\n          <path d=\"M4 7l1 0\" />\n        </>\n      )}\n    </svg>\n  );\n}\n"],"names":[],"mappings":"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"}

package/esm/FileIcon.js

@@ -1,13 +1,13 @@
 import React from 'react';
 
-function FileIcon({ fileIcon, fileName, getFileIcon }) {
-    if (fileIcon) {
-        return React.createElement(React.Fragment, null, fileIcon);
-    }
-    if (getFileIcon && fileName) {
-        return React.createElement(React.Fragment, null, getFileIcon(fileName));
-    }
-    return null;
+function FileIcon({ fileIcon, fileName, getFileIcon, className, style }) {
+  if (fileIcon) {
+    return /* @__PURE__ */ React.createElement("span", { className, style }, fileIcon);
+  }
+  if (getFileIcon && fileName) {
+    return /* @__PURE__ */ React.createElement("span", { className, style }, getFileIcon(fileName));
+  }
+  return null;
 }
 
 export { FileIcon };

package/esm/FileIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileIcon.js","sources":["../src/FileIcon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface FileIconProps {\n  fileName: string | undefined;\n  getFileIcon?: ((fileName: string) => React.ReactNode) | undefined;\n  fileIcon: React.ReactNode | undefined;\n}\n\nexport function FileIcon({ fileIcon, fileName, getFileIcon }: FileIconProps) {\n  if (fileIcon) {\n    return <>{fileIcon}</>;\n  }\n\n  if (getFileIcon && fileName) {\n    return <>{getFileIcon(fileName)}</>;\n  }\n\n  return null;\n}\n"],"names":[],"mappings":";;SAQgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAiB;IACzE,IAAI,QAAQ,EAAE;QACZ,OAAO,0CAAG,QAAQ,CAAI,CAAC;KACxB;IAED,IAAI,WAAW,IAAI,QAAQ,EAAE;QAC3B,OAAO,0CAAG,WAAW,CAAC,QAAQ,CAAC,CAAI,CAAC;KACrC;IAED,OAAO,IAAI,CAAC;AACd;;;;"}
+{"version":3,"file":"FileIcon.js","sources":["../src/FileIcon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface FileIconProps {\n  fileName: string | undefined;\n  getFileIcon?: ((fileName: string) => React.ReactNode) | undefined;\n  fileIcon: React.ReactNode | undefined;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function FileIcon({ fileIcon, fileName, getFileIcon, className, style }: FileIconProps) {\n  if (fileIcon) {\n    return (\n      <span className={className} style={style}>\n        {fileIcon}\n      </span>\n    );\n  }\n\n  if (getFileIcon && fileName) {\n    return (\n      <span className={className} style={style}>\n        {getFileIcon(fileName)}\n      </span>\n    );\n  }\n\n  return null;\n}\n"],"names":[],"mappings":";;AACO,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE;AAChF,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACvF,GAAG;AACH,EAAE,IAAI,WAAW,IAAI,QAAQ,EAAE;AAC/B,IAAI,uBAAuB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;AACpG,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}

package/esm/InlineCodeHighlight.js

@@ -1,4 +1,3 @@
-import { __rest } from 'tslib';
 import React from 'react';
 import cx from 'clsx';
 import { factory, useProps, useStyles, Box } from '@mantine/core';
@@ -6,28 +5,67 @@ import hljs from 'highlight.js';
 import _classes from './CodeHighlight.module.css.js';
 import themeClasses from './CodeHighlight.theme.module.css.js';
 
-const classes = Object.assign(Object.assign({}, _classes), { code: cx(_classes.code, themeClasses.theme) });
+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 classes = __spreadProps(__spreadValues({}, _classes), { code: cx(_classes.code, themeClasses.theme) });
 const defaultProps = {
-    language: 'tsx',
+  language: "tsx"
 };
 const InlineCodeHighlight = factory((_props, ref) => {
-    const props = useProps('InlineCodeHighlight', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars, code, language } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "code", "language"]);
-    const getStyles = useStyles({
-        name: 'InlineCodeHighlight',
-        props,
-        classes,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        rootSelector: 'code',
-    });
-    const highlighted = hljs.highlight(code.trim(), { language: language }).value;
-    return (React.createElement(Box, Object.assign({}, getStyles('code'), { component: "code", ref: ref }, others, { dangerouslySetInnerHTML: { __html: highlighted } })));
+  const props = useProps("InlineCodeHighlight", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars, code, language } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "code", "language"]);
+  const getStyles = useStyles({
+    name: "InlineCodeHighlight",
+    props,
+    classes,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    rootSelector: "code"
+  });
+  const highlighted = hljs.highlight(code.trim(), { language }).value;
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("code")), {
+      component: "code",
+      ref
+    }), others), {
+      dangerouslySetInnerHTML: { __html: highlighted }
+    })
+  );
 });
-InlineCodeHighlight.displayName = '@mantine/core/InlineCodeHighlight';
+InlineCodeHighlight.displayName = "@mantine/core/InlineCodeHighlight";
 
 export { InlineCodeHighlight };
 //# sourceMappingURL=InlineCodeHighlight.js.map

package/esm/InlineCodeHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineCodeHighlight.js","sources":["../src/InlineCodeHighlight.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '@mantine/core';\nimport hljs from 'highlight.js';\nimport _classes from './CodeHighlight.module.css';\nimport themeClasses from './CodeHighlight.theme.module.css';\n\nconst classes = { ..._classes, code: cx(_classes.code, themeClasses.theme) };\n\nexport type InlineCodeHighlightStylesNames = 'code';\nexport type InlineCodeHighlightVariant = string;\n\nexport interface InlineCodeHighlightProps\n  extends BoxProps,\n    StylesApiProps<InlineCodeHighlightFactory>,\n    ElementProps<'div'> {\n  /** Code to highlight */\n  code: string;\n\n  /** Code language, `'tsx'` by default */\n  language?: string;\n}\n\nexport type InlineCodeHighlightFactory = Factory<{\n  props: InlineCodeHighlightProps;\n  ref: HTMLElement;\n  stylesNames: InlineCodeHighlightStylesNames;\n}>;\n\nconst defaultProps: Partial<InlineCodeHighlightProps> = {\n  language: 'tsx',\n};\n\nexport const InlineCodeHighlight = factory<InlineCodeHighlightFactory>((_props, ref) => {\n  const props = useProps('InlineCodeHighlight', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, code, language, ...others } = props;\n\n  const getStyles = useStyles<InlineCodeHighlightFactory>({\n    name: 'InlineCodeHighlight',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'code',\n  });\n\n  const highlighted = hljs.highlight(code.trim(), { language: language! }).value;\n\n  return (\n    <Box\n      {...getStyles('code')}\n      component=\"code\"\n      ref={ref}\n      {...others}\n      dangerouslySetInnerHTML={{ __html: highlighted }}\n    />\n  );\n});\n\nInlineCodeHighlight.displayName = '@mantine/core/InlineCodeHighlight';\n"],"names":[],"mappings":";;;;;;;;AAgBA,MAAM,OAAO,mCAAQ,QAAQ,KAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,GAAE,CAAC;AAsB7E,MAAM,YAAY,GAAsC;IACtD,QAAQ,EAAE,KAAK;CAChB,CAAC;MAEW,mBAAmB,GAAG,OAAO,CAA6B,CAAC,MAAM,EAAE,GAAG;IACjF,MAAM,KAAK,GAAG,QAAQ,CAAC,qBAAqB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACpE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAA3F,sFAAmF,CAAQ,CAAC;IAElG,MAAM,SAAS,GAAG,SAAS,CAA6B;QACtD,IAAI,EAAE,qBAAqB;QAC3B,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,MAAM;KACrB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAS,EAAE,CAAC,CAAC,KAAK,CAAC;IAE/E,QACE,oBAAC,GAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,GAAG,IACJ,MAAM,IACV,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,IAChD,EACF;AACJ,CAAC,EAAE;AAEH,mBAAmB,CAAC,WAAW,GAAG,mCAAmC;;;;"}
+{"version":3,"file":"InlineCodeHighlight.js","sources":["../src/InlineCodeHighlight.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '@mantine/core';\nimport hljs from 'highlight.js';\nimport _classes from './CodeHighlight.module.css';\nimport themeClasses from './CodeHighlight.theme.module.css';\n\nconst classes = { ..._classes, code: cx(_classes.code, themeClasses.theme) };\n\nexport type InlineCodeHighlightStylesNames = 'code';\n\nexport interface InlineCodeHighlightProps\n  extends BoxProps,\n    StylesApiProps<InlineCodeHighlightFactory>,\n    ElementProps<'div'> {\n  /** Code to highlight */\n  code: string;\n\n  /** Code language, `'tsx'` by default */\n  language?: string;\n}\n\nexport type InlineCodeHighlightFactory = Factory<{\n  props: InlineCodeHighlightProps;\n  ref: HTMLElement;\n  stylesNames: InlineCodeHighlightStylesNames;\n}>;\n\nconst defaultProps: Partial<InlineCodeHighlightProps> = {\n  language: 'tsx',\n};\n\nexport const InlineCodeHighlight = factory<InlineCodeHighlightFactory>((_props, ref) => {\n  const props = useProps('InlineCodeHighlight', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, code, language, ...others } = props;\n\n  const getStyles = useStyles<InlineCodeHighlightFactory>({\n    name: 'InlineCodeHighlight',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'code',\n  });\n\n  const highlighted = hljs.highlight(code.trim(), { language: language! }).value;\n\n  return (\n    <Box\n      {...getStyles('code')}\n      component=\"code\"\n      ref={ref}\n      {...others}\n      dangerouslySetInnerHTML={{ __html: highlighted }}\n    />\n  );\n});\n\nInlineCodeHighlight.displayName = '@mantine/core/InlineCodeHighlight';\n"],"names":[],"mappings":"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"}

package/esm/index.css

@@ -1,4 +1,4 @@
-.mantine-XIBJZDt {
+.m-5caae6d3 {
   display: inline-block;
   padding: calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale));
   font-size: calc(0.8125rem * var(--mantine-scale));
@@ -7,28 +7,27 @@
   font-family: var(--mantine-font-family-monospace);
 }
 
-.mantine-RDvBcjB {
+.m-2c47c4fd {
   display: block;
   padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
   margin: 0;
-  font-size: 16px; /* Required for Safari to be set in px */
   --_code-line-height: 1.7;
 }
 
-.mantine-cmEtjrV {
+.m-e58679f3 {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
 }
 
-.mantine-059sM-t {
+.m-be7e9c9c {
   display: flex;
   margin-top: calc(0.4375rem * var(--mantine-scale));
   margin-right: calc(0.4375rem * var(--mantine-scale));
 }
 
-.mantine-tB-P5PD,
-.mantine-NTm-nGn {
+.m-5caae85b,
+.m-d498bab7 {
   background-color: transparent;
   opacity: 0.8;
   margin: 0;
@@ -36,34 +35,34 @@
 
 @media (hover: hover) {
 
-  .mantine-tB-P5PD:hover, .mantine-NTm-nGn:hover {
+  .m-5caae85b:hover, .m-d498bab7:hover {
     opacity: 1;
   }
 }
 
 @media (hover: none) {
 
-  .mantine-tB-P5PD:active, .mantine-NTm-nGn:active {
+  .m-5caae85b:active, .m-d498bab7:active {
     opacity: 1;
   }
 }
 
 @media (max-width: 40em) {
 
-.mantine-tB-P5PD,
-.mantine-NTm-nGn {
+.m-5caae85b,
+.m-d498bab7 {
     display: none
 }
   }
 
-.mantine-tB-P5PD {
+.m-5caae85b {
   position: absolute;
   top: calc(0.3125rem * var(--mantine-scale));
   right: calc(0.3125rem * var(--mantine-scale));
   z-index: 1;
 }
 
-.mantine-PBrPXnu {
+.m-5cac2e62 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -81,88 +80,70 @@
   color: var(--_file-color);
   opacity: var(--_file-opacity);
   background-color: var(--_file-bg);
+  white-space: nowrap;
 }
 
 @media (hover: hover) {
 
-  .mantine-PBrPXnu:hover {
+  .m-5cac2e62:hover {
     --_file-opacity: 1;
   }
 }
 
 @media (hover: none) {
 
-  .mantine-PBrPXnu:active {
+  .m-5cac2e62:active {
     --_file-opacity: 1;
   }
 }
 
-.mantine-PBrPXnu:last-of-type {
+.m-5cac2e62:last-of-type {
     border-bottom-right-radius: var(--mantine-radius-sm);
   }
 
-.mantine-PBrPXnu:only-child {
+.m-5cac2e62:only-child {
     --_file-cursor: default;
   }
 
-.mantine-PBrPXnu[data-active] {
+.m-5cac2e62[data-active] {
     --_file-opacity: 1;
     --_file-color: var(--_file-active-color) !important;
     --_file-bg: var(--_file-active-bg);
   }
 
-.mantine-PBrPXnu {
+.m-5cac2e62 {
 
   --_file-opacity: 0.8;
   --_file-cursor: pointer;
 }
 
-[data-mantine-color-scheme='light'] .mantine-PBrPXnu {
+[data-mantine-color-scheme='light'] .m-5cac2e62 {
     --_file-color: var(--mantine-color-gray-8);
     --_file-bd: var(--mantine-color-gray-2);
     --_file-active-bg: var(--mantine-color-white);
     --_file-active-color: var(--mantine-color-black);
 }
 
-@media (prefers-color-scheme: light) {
-
-  .mantine-PBrPXnu {
-    --_file-color: var(--mantine-color-gray-8);
-    --_file-bd: var(--mantine-color-gray-2);
-    --_file-active-bg: var(--mantine-color-white);
-    --_file-active-color: var(--mantine-color-black);
-  }
-}
-
-[data-mantine-color-scheme='dark'] .mantine-PBrPXnu {
+[data-mantine-color-scheme='dark'] .m-5cac2e62 {
     --_file-color: var(--mantine-color-dark-0);
     --_file-bd: var(--mantine-color-dark-4);
     --_file-active-bg: var(--mantine-color-dark-6);
     --_file-active-color: var(--mantine-color-white);
 }
 
-@media (prefers-color-scheme: dark) {
-
-  .mantine-PBrPXnu {
-    --_file-color: var(--mantine-color-dark-0);
-    --_file-bd: var(--mantine-color-dark-4);
-    --_file-active-bg: var(--mantine-color-dark-6);
-    --_file-active-color: var(--mantine-color-white);
-  }
-}
-
-.mantine-IvOddiX {
+.m-38d99e51 {
   display: flex;
 }
 
-.mantine-YfYyOiA {
+.m-9f507240 {
   max-height: var(--ch-max-collapsed-height);
   overflow: hidden;
   position: relative;
 }
 
-.mantine-YfYyOiA::before {
+.m-9f507240::before {
     content: '';
+    z-index: 100;
     position: absolute;
     inset: 0;
     pointer-events: none;
@@ -170,15 +151,15 @@
     border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
   }
 
-.mantine-YfYyOiA[data-expanded] {
+.m-9f507240[data-expanded] {
     max-height: none;
   }
 
-.mantine-YfYyOiA[data-expanded]::before {
+.m-9f507240[data-expanded]::before {
       display: none;
     }
 
-.mantine-haNyFRC {
+.m-c9378bc2 {
   position: absolute;
   bottom: 0;
   left: 50%;
@@ -187,39 +168,37 @@
   color: var(--mantine-color-anchor);
   width: 100%;
   text-align: center;
+  z-index: 101;
   padding-top: var(--mantine-spacing-xs);
   padding-bottom: var(--mantine-spacing-xs);
 }
 
-.mantine-haNyFRC[data-hidden] {
+.m-c9378bc2[data-hidden] {
     display: none;
   }
 
-.mantine-k6OJW8l {
+.m-5cb1b9c8 {
   margin-top: 0;
   position: relative;
 }
 
-.mantine-h-DP-Yw {
-  color: var(--_color);
-  background: var(--_background);
+.m-b46cddfb {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 1;
 }
 
-  [data-mantine-color-scheme='light'] .mantine-h-DP-Yw {
-    --_color: var(--mantine-color-gray-7);
-    --_background: var(--mantine-color-gray-0);
-    --code-comment-color: var(--mantine-color-gray-6);
-    --code-keyword-color: var(--mantine-color-violet-8);
-    --code-tag-color: var(--mantine-color-red-9);
-    --code-literal-color: var(--mantine-color-blue-6);
-    --code-string-color: var(--mantine-color-blue-9);
-    --code-variable-color: var(--mantine-color-lime-9);
-    --code-class-color: var(--mantine-color-orange-9);
-}
+.m-b46cddfb > svg {
+    display: block;
+  }
 
-  @media (prefers-color-scheme: light) {
+.m-1f5e827e {
+  color: var(--_color);
+  background: var(--_background);
+}
 
-  .mantine-h-DP-Yw {
+  [data-mantine-color-scheme='light'] .m-1f5e827e {
     --_color: var(--mantine-color-gray-7);
     --_background: var(--mantine-color-gray-0);
     --code-comment-color: var(--mantine-color-gray-6);
@@ -229,24 +208,9 @@
     --code-string-color: var(--mantine-color-blue-9);
     --code-variable-color: var(--mantine-color-lime-9);
     --code-class-color: var(--mantine-color-orange-9);
-  }
-}
-
-  [data-mantine-color-scheme='dark'] .mantine-h-DP-Yw {
-    --_color: var(--mantine-color-dark-1);
-    --_background: var(--mantine-color-dark-8);
-    --code-comment-color: var(--mantine-color-dark-3);
-    --code-keyword-color: var(--mantine-color-violet-3);
-    --code-tag-color: var(--mantine-color-yellow-4);
-    --code-literal-color: var(--mantine-color-blue-4);
-    --code-string-color: var(--mantine-color-green-6);
-    --code-variable-color: var(--mantine-color-blue-2);
-    --code-class-color: var(--mantine-color-orange-5);
 }
 
-  @media (prefers-color-scheme: dark) {
-
-  .mantine-h-DP-Yw {
+  [data-mantine-color-scheme='dark'] .m-1f5e827e {
     --_color: var(--mantine-color-dark-1);
     --_background: var(--mantine-color-dark-8);
     --code-comment-color: var(--mantine-color-dark-3);
@@ -256,72 +220,71 @@
     --code-string-color: var(--mantine-color-green-6);
     --code-variable-color: var(--mantine-color-blue-2);
     --code-class-color: var(--mantine-color-orange-5);
-  }
 }
 
-  .mantine-h-DP-Yw .hljs-comment,
-  .mantine-h-DP-Yw .hljs-quote {
+  .m-1f5e827e .hljs-comment,
+  .m-1f5e827e .hljs-quote {
     font-style: italic;
     color: var(--code-comment-color);
   }
 
-  .mantine-h-DP-Yw .hljs-doctag,
-  .mantine-h-DP-Yw .hljs-formula,
-  .mantine-h-DP-Yw .hljs-keyword {
+  .m-1f5e827e .hljs-doctag,
+  .m-1f5e827e .hljs-formula,
+  .m-1f5e827e .hljs-keyword {
     color: var(--code-keyword-color);
   }
 
-  .mantine-h-DP-Yw .hljs-deletion,
-  .mantine-h-DP-Yw .hljs-name,
-  .mantine-h-DP-Yw .hljs-section,
-  .mantine-h-DP-Yw .hljs-selector-tag,
-  .mantine-h-DP-Yw .hljs-subst {
+  .m-1f5e827e .hljs-deletion,
+  .m-1f5e827e .hljs-name,
+  .m-1f5e827e .hljs-section,
+  .m-1f5e827e .hljs-selector-tag,
+  .m-1f5e827e .hljs-subst {
     color: var(--code-tag-color);
   }
 
-  .mantine-h-DP-Yw .hljs-literal {
+  .m-1f5e827e .hljs-literal {
     color: var(--code-literal-color);
   }
 
-  .mantine-h-DP-Yw .hljs-addition,
-  .mantine-h-DP-Yw .hljs-attribute,
-  .mantine-h-DP-Yw .hljs-meta .hljs-string,
-  .mantine-h-DP-Yw .hljs-regexp,
-  .mantine-h-DP-Yw .hljs-string {
+  .m-1f5e827e .hljs-addition,
+  .m-1f5e827e .hljs-attribute,
+  .m-1f5e827e .hljs-meta .hljs-string,
+  .m-1f5e827e .hljs-regexp,
+  .m-1f5e827e .hljs-string {
     color: var(--code-string-color);
   }
 
-  .mantine-h-DP-Yw .hljs-attr,
-  .mantine-h-DP-Yw .hljs-number,
-  .mantine-h-DP-Yw .hljs-selector-attr,
-  .mantine-h-DP-Yw .hljs-selector-class,
-  .mantine-h-DP-Yw .hljs-selector-pseudo,
-  .mantine-h-DP-Yw .hljs-template-variable,
-  .mantine-h-DP-Yw .hljs-type,
-  .mantine-h-DP-Yw .hljs-variable {
+  .m-1f5e827e .hljs-attr,
+  .m-1f5e827e .hljs-number,
+  .m-1f5e827e .hljs-selector-attr,
+  .m-1f5e827e .hljs-selector-class,
+  .m-1f5e827e .hljs-selector-pseudo,
+  .m-1f5e827e .hljs-template-variable,
+  .m-1f5e827e .hljs-type,
+  .m-1f5e827e .hljs-variable {
     color: var(--code-variable-color);
   }
 
-  .mantine-h-DP-Yw .hljs-bullet,
-  .mantine-h-DP-Yw .hljs-link,
-  .mantine-h-DP-Yw .hljs-meta,
-  .mantine-h-DP-Yw .hljs-selector-id,
-  .mantine-h-DP-Yw .hljs-symbol,
-  .mantine-h-DP-Yw .hljs-title,
-  .mantine-h-DP-Yw .hljs-built_in,
-  .mantine-h-DP-Yw .hljs-class .hljs-title,
-  .mantine-h-DP-Yw .hljs-title.class_ {
+  .m-1f5e827e .hljs-bullet,
+  .m-1f5e827e .hljs-link,
+  .m-1f5e827e .hljs-meta,
+  .m-1f5e827e .hljs-selector-id,
+  .m-1f5e827e .hljs-symbol,
+  .m-1f5e827e .hljs-title,
+  .m-1f5e827e .hljs-built_in,
+  .m-1f5e827e .hljs-class .hljs-title,
+  .m-1f5e827e .hljs-title.class_ {
     color: var(--code-class-color);
   }
 
-  .mantine-h-DP-Yw .hljs-emphasis {
+  .m-1f5e827e .hljs-emphasis {
     font-style: italic;
   }
 
-  .mantine-h-DP-Yw .hljs-strong {
+  .m-1f5e827e .hljs-strong {
     font-weight: 700;
   }
 
-  .mantine-h-DP-Yw .hljs-link {
+  .m-1f5e827e .hljs-link {
     text-decoration: underline;
   }