@mantine/code-highlight 7.0.0-alpha.1

package/cjs/InlineCodeHighlight.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cx = require('clsx');
+var core = require('@mantine/core');
+var hljs = require('highlight.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);
+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 defaultProps = {
+  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 }
+  }));
+});
+InlineCodeHighlight.displayName = "@mantine/core/InlineCodeHighlight";
+
+exports.InlineCodeHighlight = InlineCodeHighlight;
+//# sourceMappingURL=InlineCodeHighlight.js.map

package/cjs/InlineCodeHighlight.js.map

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

package/cjs/index.css

@@ -0,0 +1,326 @@
+.mantine-XIBJZDt {
+  display: inline-block;
+  padding: 0.0625rem 0.1875rem;
+  font-size: 0.8125rem;
+  border-radius: var(--mantine-radius-xs);
+  line-height: var(--_code-line-height, var(--mantine-line-height));
+  font-family: var(--mantine-font-family-monospace);
+}
+
+.mantine-RDvBcjB {
+  display: block;
+  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
+  margin: 0;
+  --_code-line-height: 1.7;
+}
+
+.mantine-cmEtjrV {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+.mantine-059sM-t {
+  display: flex;
+  margin-top: 0.4375rem;
+  margin-right: 0.4375rem;
+}
+
+.mantine-tB-P5PD,
+.mantine-NTm-nGn {
+  background-color: transparent;
+  opacity: 0.8;
+  margin: 0;
+}
+
+@media (hover: hover) {
+
+  .mantine-tB-P5PD:hover, .mantine-NTm-nGn:hover {
+    opacity: 1;
+  }
+}
+
+@media (hover: none) {
+
+  .mantine-tB-P5PD:active, .mantine-NTm-nGn:active {
+    opacity: 1;
+  }
+}
+
+@media (max-width: 40em) {
+
+.mantine-tB-P5PD,
+.mantine-NTm-nGn {
+    display: none
+}
+  }
+
+.mantine-tB-P5PD {
+  position: absolute;
+  top: 0.3125rem;
+  right: 0.3125rem;
+  z-index: 1;
+}
+
+.mantine-PBrPXnu {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--mantine-font-size-xs);
+  gap: 0.4375rem;
+  padding: 0.4375rem 0.75rem;
+  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-top: 0;
+  border-left: 0;
+  color: var(--_file-color);
+  opacity: var(--_file-opacity);
+  background-color: var(--_file-bg);
+}
+
+@media (hover: hover) {
+
+  .mantine-PBrPXnu:hover {
+    --_file-opacity: 1;
+  }
+}
+
+@media (hover: none) {
+
+  .mantine-PBrPXnu:active {
+    --_file-opacity: 1;
+  }
+}
+
+.mantine-PBrPXnu:last-of-type {
+    border-bottom-right-radius: var(--mantine-radius-sm);
+  }
+
+.mantine-PBrPXnu:only-child {
+    --_file-cursor: default;
+  }
+
+.mantine-PBrPXnu[data-active] {
+    --_file-opacity: 1;
+    --_file-color: var(--_file-active-color) !important;
+    --_file-bg: var(--_file-active-bg);
+  }
+
+.mantine-PBrPXnu {
+
+  --_file-opacity: 0.8;
+  --_file-cursor: pointer;
+}
+
+[data-mantine-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);
+}
+
+@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);
+    --_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 {
+  display: flex;
+}
+
+.mantine-YfYyOiA {
+  max-height: var(--ch-max-collapsed-height);
+  overflow: hidden;
+  position: relative;
+}
+
+.mantine-YfYyOiA::before {
+    content: '';
+    position: absolute;
+    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);
+  }
+
+.mantine-YfYyOiA[data-expanded] {
+    max-height: none;
+  }
+
+.mantine-YfYyOiA[data-expanded]::before {
+      display: none;
+    }
+
+.mantine-haNyFRC {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: var(--mantine-font-size-sm);
+  color: var(--mantine-color-anchor);
+  width: 100%;
+  text-align: center;
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+}
+
+.mantine-haNyFRC[data-hidden] {
+    display: none;
+  }
+
+.mantine-k6OJW8l {
+  margin-top: 0;
+  position: relative;
+}
+
+.mantine-h-DP-Yw {
+  color: var(--_color);
+  background: var(--_background);
+}
+
+  [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);
+}
+
+  @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);
+    --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 {
+    --_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;
+    color: var(--code-comment-color);
+  }
+
+  .mantine-h-DP-Yw .hljs-doctag,
+  .mantine-h-DP-Yw .hljs-formula,
+  .mantine-h-DP-Yw .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 {
+    color: var(--code-tag-color);
+  }
+
+  .mantine-h-DP-Yw .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 {
+    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 {
+    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_ {
+    color: var(--code-class-color);
+  }
+
+  .mantine-h-DP-Yw .hljs-emphasis {
+    font-style: italic;
+  }
+
+  .mantine-h-DP-Yw .hljs-strong {
+    font-weight: 700;
+  }
+
+  .mantine-h-DP-Yw .hljs-link {
+    text-decoration: underline;
+  }

package/cjs/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var CodeHighlightTabs = require('./CodeHighlightTabs.js');
+var CodeHighlight = require('./CodeHighlight.js');
+var InlineCodeHighlight = require('./InlineCodeHighlight.js');
+
+
+
+exports.CodeHighlightTabs = CodeHighlightTabs.CodeHighlightTabs;
+exports.CodeHighlight = CodeHighlight.CodeHighlight;
+exports.InlineCodeHighlight = InlineCodeHighlight.InlineCodeHighlight;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/use-highlight.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hljs = require('highlight.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var hljs__default = /*#__PURE__*/_interopDefaultLegacy(hljs);
+
+function useHighlight({ code, language, highlightOnClient }) {
+  const getHighlightedCode = () => hljs__default.highlight(code.trim(), { language }).value;
+  const [highlighted, setHighlighted] = React.useState(!highlightOnClient);
+  const [highlightedCode, setHighlightedCode] = React.useState(highlightOnClient ? code : getHighlightedCode());
+  const getCodeProps = () => highlighted ? { dangerouslySetInnerHTML: { __html: highlightedCode } } : { children: code.trim() };
+  React.useEffect(() => {
+    if (highlightOnClient) {
+      setHighlightedCode(getHighlightedCode());
+      setHighlighted(true);
+    }
+  }, []);
+  return getCodeProps;
+}
+
+exports.useHighlight = useHighlight;
+//# sourceMappingURL=use-highlight.js.map

package/cjs/use-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlight.js","sources":["../src/use-highlight.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport hljs from 'highlight.js';\n\ninterface UseHighlightInput {\n  code: string;\n  language: string;\n  highlightOnClient: boolean | undefined;\n}\n\nexport function useHighlight({ code, language, highlightOnClient }: UseHighlightInput) {\n  const getHighlightedCode = () => hljs.highlight(code.trim(), { language: language! }).value;\n  const [highlighted, setHighlighted] = useState(!highlightOnClient);\n  const [highlightedCode, setHighlightedCode] = useState(\n    highlightOnClient ? code : getHighlightedCode()\n  );\n\n  const getCodeProps = () =>\n    highlighted\n      ? { dangerouslySetInnerHTML: { __html: highlightedCode } }\n      : { children: code.trim() };\n\n  useEffect(() => {\n    if (highlightOnClient) {\n      setHighlightedCode(getHighlightedCode());\n      setHighlighted(true);\n    }\n  }, []);\n\n  return getCodeProps;\n}\n"],"names":["hljs","useState","useEffect"],"mappings":";;;;;;;;;;;AAEO,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE;AACpE,EAAE,MAAM,kBAAkB,GAAG,MAAMA,aAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC;AACnF,EAAE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGC,cAAQ,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACrE,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAGA,cAAQ,CAAC,iBAAiB,GAAG,IAAI,GAAG,kBAAkB,EAAE,CAAC,CAAC;AAC1G,EAAE,MAAM,YAAY,GAAG,MAAM,WAAW,GAAG,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;AAChI,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAM,kBAAkB,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/C,MAAM,cAAc,CAAC,IAAI,CAAC,CAAC;AAC3B,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,YAAY,CAAC;AACtB;;;;"}

package/esm/CodeHighlight.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import cx from 'clsx';
+import { factory, useProps, useStyles, Box, CopyButton, Tooltip, ActionIcon, ScrollArea } from '@mantine/core';
+import { useHighlight } from './use-highlight.js';
+import { CopyIcon } from './CopyIcon.js';
+import _classes from './CodeHighlight.module.css.js';
+import themeClasses from './CodeHighlight.theme.module.css.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 classes = __spreadProps(__spreadValues({}, _classes), { root: cx(_classes.root, themeClasses.theme) });
+const defaultProps = {
+  copyLabel: "Copy code",
+  copiedLabel: "Copied",
+  language: "tsx",
+  withCopyButton: true
+};
+const CodeHighlight = factory((_props, ref) => {
+  const props = useProps("CodeHighlight", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    children,
+    code,
+    copiedLabel,
+    copyLabel,
+    language,
+    withCopyButton,
+    highlightOnClient
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "children",
+    "code",
+    "copiedLabel",
+    "copyLabel",
+    "language",
+    "withCopyButton",
+    "highlightOnClient"
+  ]);
+  const getStyles = useStyles({
+    name: "CodeHighlight",
+    props,
+    classes,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled
+  });
+  const getCodeProps = useHighlight({
+    code,
+    language,
+    highlightOnClient
+  });
+  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+    ref
+  }), others), {
+    dir: "ltr"
+  }), withCopyButton && /* @__PURE__ */ React.createElement(CopyButton, {
+    value: code.trim()
+  }, ({ copied, copy }) => /* @__PURE__ */ React.createElement(Tooltip, {
+    label: copied ? copiedLabel : copyLabel,
+    fz: "sm",
+    position: "left"
+  }, /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({
+    onClick: copy,
+    variant: "none"
+  }, getStyles("copy")), /* @__PURE__ */ React.createElement(CopyIcon, {
+    copied
+  })))), /* @__PURE__ */ React.createElement(ScrollArea, {
+    type: "auto",
+    dir: "ltr",
+    offsetScrollbars: false
+  }, /* @__PURE__ */ React.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React.createElement("code", __spreadValues(__spreadValues({}, getStyles("code")), getCodeProps())))));
+});
+CodeHighlight.displayName = "@mantine/core/CodeHighlight";
+
+export { CodeHighlight };
+//# sourceMappingURL=CodeHighlight.js.map

package/esm/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":[],"mappings":"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"}

package/esm/CodeHighlight.module.css.js

@@ -0,0 +1,4 @@
+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"};
+
+export default _classes;
+//# sourceMappingURL=CodeHighlight.module.css.js.map

package/esm/CodeHighlight.module.css.js.map

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

package/esm/CodeHighlight.theme.module.css.js

@@ -0,0 +1,4 @@
+var themeClasses = {"theme":"mantine-h-DP-Yw"};
+
+export default themeClasses;
+//# sourceMappingURL=CodeHighlight.theme.module.css.js.map

package/esm/CodeHighlight.theme.module.css.js.map

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