@mantine/code-highlight 7.0.0-alpha.1 → 7.0.0-alpha.11

package/cjs/ExpandIcon.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var core = require('@mantine/core');
 var React = require('react');
 
@@ -9,74 +10,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(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 _b = _a, { expanded, style } = _b, others = __objRest(_b, ["expanded", "style"]);
-  return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
-    xmlns: "http://www.w3.org/2000/svg",
-    style: __spreadValues({ width: core.rem(18), height: core.rem(18) }, style),
-    viewBox: "0 0 24 24",
-    strokeWidth: "2",
-    stroke: "currentColor",
-    fill: "none",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, others), expanded ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("path", {
-    stroke: "none",
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M12 13v-8l-3 3m6 0l-3 -3"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M9 17l1 0"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M14 17l1 0"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M19 17l1 0"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M4 17l1 0"
-  })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("path", {
-    stroke: "none",
-    d: "M0 0h24v24H0z",
-    fill: "none"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M12 11v8l3 -3m-6 0l3 3"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M9 7l1 0"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M14 7l1 0"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M19 7l1 0"
-  }), /* @__PURE__ */ React__default.createElement("path", {
-    d: "M4 7l1 0"
-  })));
+    var { expanded, style } = _a, others = tslib.__rest(_a, ["expanded", "style"]);
+    return (React__default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", style: Object.assign({ width: core.rem(18), height: core.rem(18) }, style), viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, others), expanded ? (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        React__default.createElement("path", { d: "M12 13v-8l-3 3m6 0l-3 -3" }),
+        React__default.createElement("path", { d: "M9 17l1 0" }),
+        React__default.createElement("path", { d: "M14 17l1 0" }),
+        React__default.createElement("path", { d: "M19 17l1 0" }),
+        React__default.createElement("path", { d: "M4 17l1 0" }))) : (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        React__default.createElement("path", { d: "M12 11v8l3 -3m-6 0l3 3" }),
+        React__default.createElement("path", { d: "M9 7l1 0" }),
+        React__default.createElement("path", { d: "M14 7l1 0" }),
+        React__default.createElement("path", { d: "M19 7l1 0" }),
+        React__default.createElement("path", { d: "M4 7l1 0" })))));
 }
 
 exports.ExpandIcon = ExpandIcon;

package/cjs/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":["React","rem"],"mappings":"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"}
+{"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":["React","rem"],"mappings":";;;;;;;;;;;;SAOgB,UAAU,CAAC,EAA+C;QAA/C,EAAE,QAAQ,EAAE,KAAK,OAA8B,EAAzB,MAAM,oBAA5B,qBAA8B,CAAF;IACrD,QACEA,oDACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,kBAAI,KAAK,EAAEC,QAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAEA,QAAG,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,IACPD;QACEA,uCAAM,MAAM,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QACpDA,uCAAM,CAAC,EAAC,0BAA0B,GAAG;QACrCA,uCAAM,CAAC,EAAC,WAAW,GAAG;QACtBA,uCAAM,CAAC,EAAC,YAAY,GAAG;QACvBA,uCAAM,CAAC,EAAC,YAAY,GAAG;QACvBA,uCAAM,CAAC,EAAC,WAAW,GAAG,CACrB,KAEHA;QACEA,uCAAM,MAAM,EAAC,MAAM,EAAC,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;QACpDA,uCAAM,CAAC,EAAC,wBAAwB,GAAG;QACnCA,uCAAM,CAAC,EAAC,UAAU,GAAG;QACrBA,uCAAM,CAAC,EAAC,WAAW,GAAG;QACtBA,uCAAM,CAAC,EAAC,WAAW,GAAG;QACtBA,uCAAM,CAAC,EAAC,UAAU,GAAG,CACpB,CACJ,CACG,EACN;AACJ;;;;"}

package/cjs/FileIcon.js

@@ -9,13 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function FileIcon({ fileIcon, fileName, getFileIcon }) {
-  if (fileIcon) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fileIcon);
-  }
-  if (getFileIcon && fileName) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, getFileIcon(fileName));
-  }
-  return null;
+    if (fileIcon) {
+        return React__default.createElement(React__default.Fragment, null, fileIcon);
+    }
+    if (getFileIcon && fileName) {
+        return React__default.createElement(React__default.Fragment, null, getFileIcon(fileName));
+    }
+    return null;
 }
 
 exports.FileIcon = FileIcon;

package/cjs/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":["React"],"mappings":";;;;;;;;;;AACO,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE;AAC9D,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,uBAAuBA,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC/E,GAAG;AACH,EAAE,IAAI,WAAW,IAAI,QAAQ,EAAE;AAC/B,IAAI,uBAAuBA,cAAK,CAAC,aAAa,CAACA,cAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5F,GAAG;AACH,EAAE,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}\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":["React"],"mappings":";;;;;;;;;;SAQgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAiB;IACzE,IAAI,QAAQ,EAAE;QACZ,OAAOA,4DAAG,QAAQ,CAAI,CAAC;KACxB;IAED,IAAI,WAAW,IAAI,QAAQ,EAAE;QAC3B,OAAOA,4DAAG,WAAW,CAAC,QAAQ,CAAC,CAAI,CAAC;KACrC;IAED,OAAO,IAAI,CAAC;AACd;;;;"}

package/cjs/InlineCodeHighlight.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib = require('tslib');
 var React = require('react');
 var cx = require('clsx');
 var core = require('@mantine/core');
@@ -15,64 +16,28 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var hljs__default = /*#__PURE__*/_interopDefaultLegacy(hljs);
 
-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({}, CodeHighlight_module['default']), { code: cx__default(CodeHighlight_module['default'].code, CodeHighlight_theme_module['default'].theme) });
+const classes = Object.assign(Object.assign({}, CodeHighlight_module['default']), { code: cx__default(CodeHighlight_module['default'].code, CodeHighlight_theme_module['default'].theme) });
 const defaultProps = {
-  language: "tsx"
+    language: 'tsx',
 };
 const InlineCodeHighlight = core.factory((_props, ref) => {
-  const props = core.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 = core.useStyles({
-    name: "InlineCodeHighlight",
-    props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    rootSelector: "code"
-  });
-  const highlighted = hljs__default.highlight(code.trim(), { language }).value;
-  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("code")), {
-    component: "code",
-    ref
-  }), others), {
-    dangerouslySetInnerHTML: { __html: highlighted }
-  }));
+    const props = core.useProps('InlineCodeHighlight', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, code, language } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "code", "language"]);
+    const getStyles = core.useStyles({
+        name: 'InlineCodeHighlight',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'code',
+    });
+    const highlighted = hljs__default.highlight(code.trim(), { language: language }).value;
+    return (React__default.createElement(core.Box, Object.assign({}, getStyles('code'), { component: "code", ref: ref }, others, { dangerouslySetInnerHTML: { __html: highlighted } })));
 });
-InlineCodeHighlight.displayName = "@mantine/core/InlineCodeHighlight";
+InlineCodeHighlight.displayName = '@mantine/core/InlineCodeHighlight';
 
 exports.InlineCodeHighlight = InlineCodeHighlight;
 //# sourceMappingURL=InlineCodeHighlight.js.map

package/cjs/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":["_classes","cx","themeClasses","factory","useProps","useStyles","hljs","React","Box"],"mappings":"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"}
+{"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":["_classes","cx","themeClasses","factory","useProps","useStyles","hljs","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAM,OAAO,mCAAQA,+BAAQ,KAAE,IAAI,EAAEC,WAAE,CAACD,+BAAQ,CAAC,IAAI,EAAEE,qCAAY,CAAC,KAAK,CAAC,GAAE,CAAC;AAsB7E,MAAM,YAAY,GAAsC;IACtD,QAAQ,EAAE,KAAK;CAChB,CAAC;MAEW,mBAAmB,GAAGC,YAAO,CAA6B,CAAC,MAAM,EAAE,GAAG;IACjF,MAAM,KAAK,GAAGC,aAAQ,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,gBAAK,KAAK,EAA3F,sFAAmF,CAAQ,CAAC;IAElG,MAAM,SAAS,GAAGC,cAAS,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,GAAGC,aAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAS,EAAE,CAAC,CAAC,KAAK,CAAC;IAE/E,QACEC,6BAACC,QAAG,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;;;;"}

package/cjs/index.css

@@ -1,7 +1,7 @@
 .mantine-XIBJZDt {
   display: inline-block;
-  padding: 0.0625rem 0.1875rem;
-  font-size: 0.8125rem;
+  padding: calc(0.0625rem * var(--mantine-scale)) calc(0.1875rem * var(--mantine-scale));
+  font-size: calc(0.8125rem * var(--mantine-scale));
   border-radius: var(--mantine-radius-xs);
   line-height: var(--_code-line-height, var(--mantine-line-height));
   font-family: var(--mantine-font-family-monospace);
@@ -11,6 +11,7 @@
   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;
 }
 
@@ -22,8 +23,8 @@
 
 .mantine-059sM-t {
   display: flex;
-  margin-top: 0.4375rem;
-  margin-right: 0.4375rem;
+  margin-top: calc(0.4375rem * var(--mantine-scale));
+  margin-right: calc(0.4375rem * var(--mantine-scale));
 }
 
 .mantine-tB-P5PD,
@@ -57,8 +58,8 @@
 
 .mantine-tB-P5PD {
   position: absolute;
-  top: 0.3125rem;
-  right: 0.3125rem;
+  top: calc(0.3125rem * var(--mantine-scale));
+  right: calc(0.3125rem * var(--mantine-scale));
   z-index: 1;
 }
 
@@ -67,14 +68,14 @@
   align-items: center;
   justify-content: center;
   font-size: var(--mantine-font-size-xs);
-  gap: 0.4375rem;
-  padding: 0.4375rem 0.75rem;
+  gap: calc(0.4375rem * var(--mantine-scale));
+  padding: calc(0.4375rem * var(--mantine-scale)) calc(0.75rem * var(--mantine-scale));
   font-family: var(--mantine-font-family-monospace);
   font-weight: 700;
   line-height: 1;
   user-select: none;
   cursor: var(--_file-cursor);
-  border: 0.0625rem solid var(--_file-bd);
+  border: calc(0.0625rem * var(--mantine-scale)) solid var(--_file-bd);
   border-top: 0;
   border-left: 0;
   color: var(--_file-color);
@@ -123,16 +124,6 @@
     --_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 {
     --_file-color: var(--mantine-color-dark-0);
     --_file-bd: var(--mantine-color-dark-4);
@@ -140,16 +131,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 {
   display: flex;
 }
@@ -166,7 +147,7 @@
     inset: 0;
     pointer-events: none;
     background-image: linear-gradient(0deg, var(--_background) 16%, rgba(0, 0, 0, 0) 100%);
-    border-radius: calc(var(--mantine-radius-md) - 0.0625rem);
+    border-radius: calc(var(--mantine-radius-md) - calc(0.0625rem * var(--mantine-scale)));
   }
 
 .mantine-YfYyOiA[data-expanded] {
@@ -216,21 +197,6 @@
     --code-class-color: var(--mantine-color-orange-9);
 }
 
-  @media (prefers-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);
-  }
-}
-
   [data-mantine-color-scheme='dark'] .mantine-h-DP-Yw {
     --_color: var(--mantine-color-dark-1);
     --_background: var(--mantine-color-dark-8);
@@ -243,21 +209,6 @@
     --code-class-color: var(--mantine-color-orange-5);
 }
 
-  @media (prefers-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);
-  }
-}
-
   .mantine-h-DP-Yw .hljs-comment,
   .mantine-h-DP-Yw .hljs-quote {
     font-style: italic;

package/cjs/index.js

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

package/cjs/index.js.map

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

package/cjs/src/mantine-code-highlight/src/CodeHighlight.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var cx = require('clsx');
+var core = require('@mantine/core');
+var useHighlight = require('./use-highlight.js');
+var CopyIcon = require('./CopyIcon.js');
+var CodeHighlight_module = require('./CodeHighlight.module.css.js');
+var CodeHighlight_theme_module = require('./CodeHighlight.theme.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const classes = Object.assign(Object.assign({}, CodeHighlight_module['default']), { root: cx__default(CodeHighlight_module['default'].root, CodeHighlight_theme_module['default'].theme) });
+const defaultProps = {
+    copyLabel: 'Copy code',
+    copiedLabel: 'Copied',
+    language: 'tsx',
+    withCopyButton: true,
+};
+const CodeHighlight = core.factory((_props, ref) => {
+    const props = core.useProps('CodeHighlight', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, children, code, copiedLabel, copyLabel, language, withCopyButton, highlightOnClient } = props, others = tslib_es6.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "children", "code", "copiedLabel", "copyLabel", "language", "withCopyButton", "highlightOnClient"]);
+    const getStyles = core.useStyles({
+        name: 'CodeHighlight',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+    });
+    const getCodeProps = useHighlight.useHighlight({
+        code,
+        language: language,
+        highlightOnClient,
+    });
+    return (React__default.createElement(core.Box, Object.assign({}, getStyles('root'), { ref: ref }, others, { dir: "ltr" }),
+        withCopyButton && (React__default.createElement(core.CopyButton, { value: code.trim() }, ({ copied, copy }) => (React__default.createElement(core.Tooltip, { label: copied ? copiedLabel : copyLabel, fz: "sm", position: "left" },
+            React__default.createElement(core.ActionIcon, Object.assign({ onClick: copy, variant: "none" }, getStyles('copy')),
+                React__default.createElement(CopyIcon.CopyIcon, { copied: copied })))))),
+        React__default.createElement(core.ScrollArea, { type: "auto", dir: "ltr", offsetScrollbars: false },
+            React__default.createElement("pre", Object.assign({}, getStyles('pre')),
+                React__default.createElement("code", Object.assign({}, getStyles('code'), getCodeProps()))))));
+});
+CodeHighlight.displayName = '@mantine/core/CodeHighlight';
+
+exports.CodeHighlight = CodeHighlight;
+//# sourceMappingURL=CodeHighlight.js.map

package/cjs/src/mantine-code-highlight/src/CodeHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlight.js","sources":["../../../../src/CodeHighlight.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  CopyButton,\n  Tooltip,\n  ActionIcon,\n  ScrollArea,\n  Factory,\n} from '@mantine/core';\nimport { useHighlight } from './use-highlight';\nimport { CopyIcon } from './CopyIcon';\nimport _classes from './CodeHighlight.module.css';\nimport themeClasses from './CodeHighlight.theme.module.css';\n\nconst classes = { ..._classes, root: cx(_classes.root, themeClasses.theme) };\n\nexport type CodeHighlightStylesNames = 'root' | 'code' | 'pre' | 'copy';\nexport type CodeHighlightVariant = string;\n\nexport interface CodeHighlightProps\n  extends BoxProps,\n    StylesApiProps<CodeHighlightFactory>,\n    ElementProps<'div'> {\n  /** Code to highlight */\n  code: string;\n\n  /** Code language, `'tsx'` by default */\n  language?: string;\n\n  /** Determines whether copy button should be displayed, `true` by default */\n  withCopyButton?: boolean;\n\n  /** Copy tooltip label, `'Copy code'` by default */\n  copyLabel?: string;\n\n  /** Copied tooltip label, `'Copied'` by default */\n  copiedLabel?: string;\n\n  /** Determines whether code should be highlighted only after component is mounted to the dom (disables code highlight on server), `false` by default */\n  highlightOnClient?: boolean;\n}\n\nexport type CodeHighlightFactory = Factory<{\n  props: CodeHighlightProps;\n  ref: HTMLDivElement;\n  stylesNames: CodeHighlightStylesNames;\n  variant: CodeHighlightVariant;\n}>;\n\nconst defaultProps: Partial<CodeHighlightProps> = {\n  copyLabel: 'Copy code',\n  copiedLabel: 'Copied',\n  language: 'tsx',\n  withCopyButton: true,\n};\n\nexport const CodeHighlight = factory<CodeHighlightFactory>((_props, ref) => {\n  const props = useProps('CodeHighlight', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    code,\n    copiedLabel,\n    copyLabel,\n    language,\n    withCopyButton,\n    highlightOnClient,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CodeHighlightFactory>({\n    name: 'CodeHighlight',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  const getCodeProps = useHighlight({\n    code,\n    language: language!,\n    highlightOnClient,\n  });\n\n  return (\n    <Box {...getStyles('root')} ref={ref} {...others} dir=\"ltr\">\n      {withCopyButton && (\n        <CopyButton value={code.trim()}>\n          {({ copied, copy }) => (\n            <Tooltip label={copied ? copiedLabel : copyLabel} fz=\"sm\" position=\"left\">\n              <ActionIcon onClick={copy} variant=\"none\" {...getStyles('copy')}>\n                <CopyIcon copied={copied} />\n              </ActionIcon>\n            </Tooltip>\n          )}\n        </CopyButton>\n      )}\n\n      <ScrollArea type=\"auto\" dir=\"ltr\" offsetScrollbars={false}>\n        <pre {...getStyles('pre')}>\n          <code {...getStyles('code')} {...getCodeProps()} />\n        </pre>\n      </ScrollArea>\n    </Box>\n  );\n});\n\nCodeHighlight.displayName = '@mantine/core/CodeHighlight';\n"],"names":["_classes","cx","themeClasses","factory","useProps","useStyles","useHighlight","React","Box","CopyButton","Tooltip","ActionIcon","CopyIcon","ScrollArea"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,MAAM,OAAO,mCAAQA,+BAAQ,KAAE,IAAI,EAAEC,WAAE,CAACD,+BAAQ,CAAC,IAAI,EAAEE,qCAAY,CAAC,KAAK,CAAC,GAAE,CAAC;AAmC7E,MAAM,YAAY,GAAgC;IAChD,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,QAAQ;IACrB,QAAQ,EAAE,KAAK;IACf,cAAc,EAAE,IAAI;CACrB,CAAC;MAEW,aAAa,GAAGC,YAAO,CAAuB,CAAC,MAAM,EAAE,GAAG;IACrE,MAAM,KAAK,GAAGC,aAAQ,CAAC,eAAe,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC9D,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,cAAc,EACd,iBAAiB,KAEf,KAAK,EADJ,MAAM,oBACP,KAAK,EAfH,qKAeL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,cAAS,CAAuB;QAChD,IAAI,EAAE,eAAe;QACrB,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,YAAY,GAAGC,yBAAY,CAAC;QAChC,IAAI;QACJ,QAAQ,EAAE,QAAS;QACnB,iBAAiB;KAClB,CAAC,CAAC;IAEH,QACEC,6BAACC,QAAG,oBAAK,SAAS,CAAC,MAAM,CAAC,IAAE,GAAG,EAAE,GAAG,IAAM,MAAM,IAAE,GAAG,EAAC,KAAK;QACxD,cAAc,KACbD,6BAACE,eAAU,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAC3B,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAChBF,6BAACG,YAAO,IAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,EAAE,EAAE,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM;YACvEH,6BAACI,eAAU,kBAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC,MAAM,IAAK,SAAS,CAAC,MAAM,CAAC;gBAC7DJ,6BAACK,iBAAQ,IAAC,MAAM,EAAE,MAAM,GAAI,CACjB,CACL,CACX,CACU,CACd;QAEDL,6BAACM,eAAU,IAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,gBAAgB,EAAE,KAAK;YACvDN,sDAAS,SAAS,CAAC,KAAK,CAAC;gBACvBA,uDAAU,SAAS,CAAC,MAAM,CAAC,EAAM,YAAY,EAAE,EAAI,CAC/C,CACK,CACT,EACN;AACJ,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,6BAA6B;;;;"}

package/cjs/src/mantine-code-highlight/src/CodeHighlight.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _classes = {"code":"mantine-XIBJZDt","pre":"mantine-RDvBcjB","header":"mantine-cmEtjrV","controls":"mantine-059sM-t","copy":"mantine-tB-P5PD","control":"mantine-NTm-nGn","file":"mantine-PBrPXnu","files":"mantine-IvOddiX","codeWrapper":"mantine-YfYyOiA","showCodeButton":"mantine-haNyFRC","root":"mantine-k6OJW8l"};
+
+exports.default = _classes;
+//# sourceMappingURL=CodeHighlight.module.css.js.map

package/cjs/src/mantine-code-highlight/src/CodeHighlight.module.css.js.map

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

package/cjs/src/mantine-code-highlight/src/CodeHighlight.theme.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var themeClasses = {"theme":"mantine-h-DP-Yw"};
+
+exports.default = themeClasses;
+//# sourceMappingURL=CodeHighlight.theme.module.css.js.map

package/cjs/src/mantine-code-highlight/src/CodeHighlight.theme.module.css.js.map

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

package/cjs/src/mantine-code-highlight/src/CodeHighlightTabs.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var hljs = require('highlight.js');
+var cx = require('clsx');
+var hooks = require('@mantine/hooks');
+var core = require('@mantine/core');
+var CopyIcon = require('./CopyIcon.js');
+var FileIcon = require('./FileIcon.js');
+var ExpandIcon = require('./ExpandIcon.js');
+var CodeHighlight_module = require('./CodeHighlight.module.css.js');
+var CodeHighlight_theme_module = require('./CodeHighlight.theme.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var hljs__default = /*#__PURE__*/_interopDefaultLegacy(hljs);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const classes = Object.assign(Object.assign({}, CodeHighlight_module['default']), { root: cx__default(CodeHighlight_module['default'].root, CodeHighlight_theme_module['default'].theme) });
+const defaultProps = {
+    withHeader: true,
+    copyLabel: 'Copy code',
+    copiedLabel: 'Copied',
+    maxCollapsedHeight: core.rem('8rem'),
+    expandCodeLabel: 'Expand code',
+    collapseCodeLabel: 'Collapse code',
+};
+const varsResolver = core.createVarsResolver((_, { maxCollapsedHeight }) => ({
+    root: { '--ch-max-collapsed-height': core.rem(maxCollapsedHeight) },
+}));
+const CodeHighlightTabs = core.factory((_props, ref) => {
+    const props = core.useProps('CodeHighlightTabs', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, children, code, defaultActiveTab, activeTab, onTabChange, withHeader, copiedLabel, copyLabel, getFileIcon, maxCollapsedHeight, expanded, defaultExpanded, onExpandedChange, expandCodeLabel, collapseCodeLabel, withExpandButton } = props, others = tslib_es6.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "children", "code", "defaultActiveTab", "activeTab", "onTabChange", "withHeader", "copiedLabel", "copyLabel", "getFileIcon", "maxCollapsedHeight", "expanded", "defaultExpanded", "onExpandedChange", "expandCodeLabel", "collapseCodeLabel", "withExpandButton"]);
+    const getStyles = core.useStyles({
+        name: 'CodeHighlightTabs',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    const [value, setValue] = hooks.useUncontrolled({
+        defaultValue: defaultActiveTab,
+        value: activeTab,
+        finalValue: 0,
+        onChange: onTabChange,
+    });
+    const [_expanded, setExpanded] = hooks.useUncontrolled({
+        defaultValue: defaultExpanded,
+        value: expanded,
+        finalValue: true,
+        onChange: onExpandedChange,
+    });
+    const nodes = Array.isArray(code) ? code : [code];
+    const currentCode = nodes[value];
+    const highlighted = hljs__default.highlight(currentCode.code.trim(), {
+        language: currentCode.language,
+    }).value;
+    const files = nodes.map((node, index) => (React__default.createElement(core.UnstyledButton, Object.assign({}, getStyles('file'), { key: node.fileName, mod: { active: index === value }, onClick: () => setValue(index) }),
+        React__default.createElement(FileIcon.FileIcon, { fileIcon: node.icon, getFileIcon: getFileIcon, fileName: node.fileName }),
+        React__default.createElement("span", null, node.fileName))));
+    return (React__default.createElement(core.Box, Object.assign({}, getStyles('root'), { ref: ref }, others, { dir: "ltr" }),
+        withHeader && (React__default.createElement("div", Object.assign({}, getStyles('header')),
+            React__default.createElement(core.ScrollArea, { type: "never", dir: "ltr", offsetScrollbars: false },
+                React__default.createElement("div", Object.assign({}, getStyles('files')), files)),
+            React__default.createElement("div", Object.assign({}, getStyles('controls')),
+                withExpandButton && (React__default.createElement(core.Tooltip, { label: _expanded ? collapseCodeLabel : expandCodeLabel, fz: "sm", position: "left" },
+                    React__default.createElement(core.ActionIcon, Object.assign({ onClick: () => setExpanded(!_expanded), variant: "none" }, getStyles('control')),
+                        React__default.createElement(ExpandIcon.ExpandIcon, { expanded: _expanded })))),
+                React__default.createElement(core.CopyButton, { value: currentCode.code.trim() }, ({ copied, copy }) => (React__default.createElement(core.Tooltip, { label: copied ? copiedLabel : copyLabel, fz: "sm", position: "left" },
+                    React__default.createElement(core.ActionIcon, Object.assign({ onClick: copy, variant: "none" }, getStyles('control')),
+                        React__default.createElement(CopyIcon.CopyIcon, { copied: copied })))))))),
+        React__default.createElement(core.ScrollArea, { type: "auto", dir: "ltr", offsetScrollbars: false },
+            React__default.createElement(core.Box, Object.assign({}, getStyles('codeWrapper'), { mod: { expanded: _expanded } }),
+                React__default.createElement("pre", Object.assign({}, getStyles('pre')),
+                    React__default.createElement("code", Object.assign({}, getStyles('code'), { dangerouslySetInnerHTML: { __html: highlighted } }))))),
+        React__default.createElement(core.UnstyledButton, Object.assign({}, getStyles('showCodeButton'), { mod: { hidden: _expanded }, onClick: () => setExpanded(true) }), "Expand code")));
+});
+CodeHighlightTabs.displayName = '@mantine/core/CodeHighlightTabs';
+
+exports.CodeHighlightTabs = CodeHighlightTabs;
+//# sourceMappingURL=CodeHighlightTabs.js.map