@mantine/code-highlight 7.0.0-alpha.1

package/README.md

@@ -0,0 +1,21 @@
+# Mantine code highlight
+
+[![npm](https://img.shields.io/npm/dm/@mantine/code-highlight)](https://www.npmjs.com/package/@mantine/code-highlight)
+
+Code highlight built with highlight.js and Mantine
+
+[View documentation](https://mantine.dev/)
+
+## Installation
+
+```bash
+# With yarn
+yarn add @mantine/hooks @mantine/core @mantine/code-highlight
+
+# With npm
+npm install @mantine/hooks @mantine/core @mantine/code-highlight
+```
+
+## License
+
+MIT

package/cjs/CodeHighlight.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+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']), { 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 _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 = core.useStyles({
+    name: "CodeHighlight",
+    props,
+    classes,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled
+  });
+  const getCodeProps = useHighlight.useHighlight({
+    code,
+    language,
+    highlightOnClient
+  });
+  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+    ref
+  }), others), {
+    dir: "ltr"
+  }), withCopyButton && /* @__PURE__ */ React__default.createElement(core.CopyButton, {
+    value: code.trim()
+  }, ({ copied, copy }) => /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: copied ? copiedLabel : copyLabel,
+    fz: "sm",
+    position: "left"
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, __spreadValues({
+    onClick: copy,
+    variant: "none"
+  }, getStyles("copy")), /* @__PURE__ */ React__default.createElement(CopyIcon.CopyIcon, {
+    copied
+  })))), /* @__PURE__ */ React__default.createElement(core.ScrollArea, {
+    type: "auto",
+    dir: "ltr",
+    offsetScrollbars: false
+  }, /* @__PURE__ */ React__default.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React__default.createElement("code", __spreadValues(__spreadValues({}, getStyles("code")), getCodeProps())))));
+});
+CodeHighlight.displayName = "@mantine/core/CodeHighlight";
+
+exports.CodeHighlight = CodeHighlight;
+//# sourceMappingURL=CodeHighlight.js.map

package/cjs/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":"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"}

package/cjs/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/CodeHighlight.module.css.js.map

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

package/cjs/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/CodeHighlight.theme.module.css.js.map

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

package/cjs/CodeHighlightTabs.js

@@ -0,0 +1,196 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+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']), { root: cx__default(CodeHighlight_module['default'].root, CodeHighlight_theme_module['default'].theme) });
+const defaultProps = {
+  withHeader: true,
+  copyLabel: "Copy code",
+  copiedLabel: "Copied",
+  maxCollapsedHeight: "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 _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    children,
+    code,
+    defaultActiveTab,
+    activeTab,
+    onTabChange,
+    withHeader,
+    copiedLabel,
+    copyLabel,
+    getFileIcon,
+    maxCollapsedHeight,
+    expanded,
+    defaultExpanded,
+    onExpandedChange,
+    expandCodeLabel,
+    collapseCodeLabel,
+    withExpandButton
+  } = _a, others = __objRest(_a, [
+    "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) => /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadProps(__spreadValues({}, getStyles("file")), {
+    key: node.fileName,
+    mod: { active: index === value },
+    onClick: () => setValue(index)
+  }), /* @__PURE__ */ React__default.createElement(FileIcon.FileIcon, {
+    fileIcon: node.icon,
+    getFileIcon,
+    fileName: node.fileName
+  }), /* @__PURE__ */ React__default.createElement("span", null, node.fileName)));
+  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+    ref
+  }), others), {
+    dir: "ltr"
+  }), withHeader && /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("header")), /* @__PURE__ */ React__default.createElement(core.ScrollArea, {
+    type: "never",
+    dir: "ltr",
+    offsetScrollbars: false
+  }, /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("files")), files)), /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("controls")), withExpandButton && /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: _expanded ? collapseCodeLabel : expandCodeLabel,
+    fz: "sm",
+    position: "left"
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, __spreadValues({
+    onClick: () => setExpanded(!_expanded),
+    variant: "none"
+  }, getStyles("control")), /* @__PURE__ */ React__default.createElement(ExpandIcon.ExpandIcon, {
+    expanded: _expanded
+  }))), /* @__PURE__ */ React__default.createElement(core.CopyButton, {
+    value: currentCode.code.trim()
+  }, ({ copied, copy }) => /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: copied ? copiedLabel : copyLabel,
+    fz: "sm",
+    position: "left"
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, __spreadValues({
+    onClick: copy,
+    variant: "none"
+  }, getStyles("control")), /* @__PURE__ */ React__default.createElement(CopyIcon.CopyIcon, {
+    copied
+  })))))), /* @__PURE__ */ React__default.createElement(core.ScrollArea, {
+    type: "auto",
+    dir: "ltr",
+    offsetScrollbars: false
+  }, /* @__PURE__ */ React__default.createElement(core.Box, __spreadProps(__spreadValues({}, getStyles("codeWrapper")), {
+    mod: { expanded: _expanded }
+  }), /* @__PURE__ */ React__default.createElement("pre", __spreadValues({}, getStyles("pre")), /* @__PURE__ */ React__default.createElement("code", __spreadProps(__spreadValues({}, getStyles("code")), {
+    dangerouslySetInnerHTML: { __html: highlighted }
+  }))))), /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadProps(__spreadValues({}, getStyles("showCodeButton")), {
+    mod: { hidden: _expanded },
+    onClick: () => setExpanded(true)
+  }), "Expand code"));
+});
+CodeHighlightTabs.displayName = "@mantine/core/CodeHighlightTabs";
+
+exports.CodeHighlightTabs = CodeHighlightTabs;
+//# sourceMappingURL=CodeHighlightTabs.js.map

package/cjs/CodeHighlightTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeHighlightTabs.js","sources":["../src/CodeHighlightTabs.tsx"],"sourcesContent":["import React from 'react';\nimport hljs from 'highlight.js';\nimport cx from 'clsx';\nimport { useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  CopyButton,\n  Tooltip,\n  ActionIcon,\n  UnstyledButton,\n  ScrollArea,\n  createVarsResolver,\n  rem,\n  Factory,\n} from '@mantine/core';\nimport { CopyIcon } from './CopyIcon';\nimport { FileIcon } from './FileIcon';\nimport { ExpandIcon } from './ExpandIcon';\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 CodeHighlightTabsStylesNames =\n  | 'root'\n  | 'code'\n  | 'codeWrapper'\n  | 'showCodeButton'\n  | 'pre'\n  | 'controls'\n  | 'control'\n  | 'header'\n  | 'file'\n  | 'files';\n\nexport type CodeHighlightTabsVariant = string;\nexport type CodeHighlightTabsCssVariables = {\n  root: '--ch-max-collapsed-height';\n};\n\nexport interface CodeHighlightTabsCode {\n  language?: string;\n  code: string;\n  fileName?: string;\n  icon?: React.ReactNode;\n}\n\nexport interface CodeHighlightTabsProps\n  extends BoxProps,\n    StylesApiProps<CodeHighlightTabsFactory>,\n    ElementProps<'div'> {\n  /** Code to highlight with meta data (file name and icon) */\n  code: CodeHighlightTabsCode | CodeHighlightTabsCode[];\n\n  /** Default active tab index */\n  defaultActiveTab?: number;\n\n  /** Index of controlled active tab state */\n  activeTab?: number;\n\n  /** Called when tab changes */\n  onTabChange?(tab: number): void;\n\n  /** Determines whether header with file names and copy button should be rendered, `true` by default */\n  withHeader?: 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  /** Function that returns icon based on file name */\n  getFileIcon?(fileName: string): React.ReactNode;\n\n  /** `max-height` of code in collapsed state, `'6rem'` by default */\n  maxCollapsedHeight?: React.CSSProperties['maxHeight'];\n\n  /** Controlled expanded state */\n  expanded?: boolean;\n\n  /** Uncontrolled expanded state initial value */\n  defaultExpanded?: boolean;\n\n  /** Called when expanded state changes */\n  onExpandedChange?(expanded: boolean): void;\n\n  /** Expand button label and tooltip, `'Expand code'` by default */\n  expandCodeLabel?: string;\n\n  /** Collapse button label and tooltip, `'Collapse code'` by default */\n  collapseCodeLabel?: string;\n\n  /** Determines whether to show the expand button, `false` by default */\n  withExpandButton?: boolean;\n}\n\nexport type CodeHighlightTabsFactory = Factory<{\n  props: CodeHighlightTabsProps;\n  ref: HTMLDivElement;\n  stylesNames: CodeHighlightTabsStylesNames;\n}>;\n\nconst defaultProps: Partial<CodeHighlightTabsProps> = {\n  withHeader: true,\n  copyLabel: 'Copy code',\n  copiedLabel: 'Copied',\n  maxCollapsedHeight: '8rem',\n  expandCodeLabel: 'Expand code',\n  collapseCodeLabel: 'Collapse code',\n};\n\nconst varsResolver = createVarsResolver<CodeHighlightTabsFactory>((_, { maxCollapsedHeight }) => ({\n  root: { '--ch-max-collapsed-height': rem(maxCollapsedHeight) },\n}));\n\nexport const CodeHighlightTabs = factory<CodeHighlightTabsFactory>((_props, ref) => {\n  const props = useProps('CodeHighlightTabs', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    code,\n    defaultActiveTab,\n    activeTab,\n    onTabChange,\n    withHeader,\n    copiedLabel,\n    copyLabel,\n    getFileIcon,\n    maxCollapsedHeight,\n    expanded,\n    defaultExpanded,\n    onExpandedChange,\n    expandCodeLabel,\n    collapseCodeLabel,\n    withExpandButton,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CodeHighlightTabsFactory>({\n    name: 'CodeHighlightTabs',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const [value, setValue] = useUncontrolled({\n    defaultValue: defaultActiveTab,\n    value: activeTab,\n    finalValue: 0,\n    onChange: onTabChange,\n  });\n\n  const [_expanded, setExpanded] = useUncontrolled({\n    defaultValue: defaultExpanded,\n    value: expanded,\n    finalValue: true,\n    onChange: onExpandedChange,\n  });\n\n  const nodes = Array.isArray(code) ? code : [code];\n  const currentCode = nodes[value];\n\n  const highlighted = hljs.highlight(currentCode.code.trim(), {\n    language: currentCode.language!,\n  }).value;\n\n  const files = nodes.map((node, index) => (\n    <UnstyledButton\n      {...getStyles('file')}\n      key={node.fileName}\n      mod={{ active: index === value }}\n      onClick={() => setValue(index)}\n    >\n      <FileIcon fileIcon={node.icon} getFileIcon={getFileIcon} fileName={node.fileName} />\n      <span>{node.fileName}</span>\n    </UnstyledButton>\n  ));\n\n  return (\n    <Box {...getStyles('root')} ref={ref} {...others} dir=\"ltr\">\n      {withHeader && (\n        <div {...getStyles('header')}>\n          <ScrollArea type=\"never\" dir=\"ltr\" offsetScrollbars={false}>\n            <div {...getStyles('files')}>{files}</div>\n          </ScrollArea>\n          <div {...getStyles('controls')}>\n            {withExpandButton && (\n              <Tooltip\n                label={_expanded ? collapseCodeLabel : expandCodeLabel}\n                fz=\"sm\"\n                position=\"left\"\n              >\n                <ActionIcon\n                  onClick={() => setExpanded(!_expanded)}\n                  variant=\"none\"\n                  {...getStyles('control')}\n                >\n                  <ExpandIcon expanded={_expanded} />\n                </ActionIcon>\n              </Tooltip>\n            )}\n\n            <CopyButton value={currentCode.code.trim()}>\n              {({ copied, copy }) => (\n                <Tooltip label={copied ? copiedLabel : copyLabel} fz=\"sm\" position=\"left\">\n                  <ActionIcon onClick={copy} variant=\"none\" {...getStyles('control')}>\n                    <CopyIcon copied={copied} />\n                  </ActionIcon>\n                </Tooltip>\n              )}\n            </CopyButton>\n          </div>\n        </div>\n      )}\n\n      <ScrollArea type=\"auto\" dir=\"ltr\" offsetScrollbars={false}>\n        <Box {...getStyles('codeWrapper')} mod={{ expanded: _expanded }}>\n          <pre {...getStyles('pre')}>\n            <code {...getStyles('code')} dangerouslySetInnerHTML={{ __html: highlighted }} />\n          </pre>\n        </Box>\n      </ScrollArea>\n      <UnstyledButton\n        {...getStyles('showCodeButton')}\n        mod={{ hidden: _expanded }}\n        onClick={() => setExpanded(true)}\n      >\n        Expand code\n      </UnstyledButton>\n    </Box>\n  );\n});\n\nCodeHighlightTabs.displayName = '@mantine/core/CodeHighlightTabs';\n"],"names":["_classes","cx","themeClasses","createVarsResolver","rem","factory","useProps","useStyles","useUncontrolled","hljs","React","UnstyledButton","FileIcon","Box","ScrollArea","Tooltip","ActionIcon","ExpandIcon","CopyButton","CopyIcon"],"mappings":"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"}

package/cjs/CopyIcon.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+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 CopyIcon(_a) {
+  var _b = _a, { copied, style } = _b, others = __objRest(_b, ["copied", "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), copied ? /* @__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: "M5 12l5 5l10 -10"
+  })) : /* @__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: "M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z"
+  }), /* @__PURE__ */ React__default.createElement("path", {
+    d: "M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"
+  })));
+}
+CopyIcon.displayName = "@mantine/code-highlight/CopyIcon";
+
+exports.CopyIcon = CopyIcon;
+//# sourceMappingURL=CopyIcon.js.map

package/cjs/CopyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyIcon.js","sources":["../src/CopyIcon.tsx"],"sourcesContent":["import { rem } from '@mantine/core';\nimport React from 'react';\n\ninterface CopyIconProps extends React.ComponentPropsWithoutRef<'svg'> {\n  copied: boolean;\n}\n\nexport function CopyIcon({ copied, style, ...others }: CopyIconProps) {\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      {copied ? (\n        <>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n          <path d=\"M5 12l5 5l10 -10\"></path>\n        </>\n      ) : (\n        <>\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n          <path d=\"M8 8m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z\"></path>\n          <path d=\"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2\"></path>\n        </>\n      )}\n    </svg>\n  );\n}\n\nCopyIcon.displayName = '@mantine/code-highlight/CopyIcon';\n"],"names":["React","rem"],"mappings":"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"}

package/cjs/ExpandIcon.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+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"
+  })));
+}
+
+exports.ExpandIcon = ExpandIcon;
+//# sourceMappingURL=ExpandIcon.js.map

package/cjs/ExpandIcon.js.map

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

package/cjs/FileIcon.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+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;
+}
+
+exports.FileIcon = FileIcon;
+//# sourceMappingURL=FileIcon.js.map

package/cjs/FileIcon.js.map

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