@intlayer/design-system 2.0.2

package/dist/components/IDE/CodeRender.es.js

@@ -0,0 +1,833 @@
+"use client";
+import { j as d } from "../../jsx-runtime-Tw_Kw2GZ.js";
+import { p as m } from "../../styled-components.browser.esm-D6kkzXl4.js";
+import D, { useState as M, useEffect as R } from "react";
+import { Prism as E } from "react-syntax-highlighter";
+import { c as O } from "../../createLucideIcon-DlZEiEGq.js";
+function W(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+/**
+ * @license lucide-react v0.376.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const H = O("CopyCheck", [
+  ["path", { d: "m12 15 2 2 4-4", key: "2c609p" }],
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+/**
+ * @license lucide-react v0.376.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = O("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+var y = {}, I = function() {
+  var e = document.getSelection();
+  if (!e.rangeCount)
+    return function() {
+    };
+  for (var o = document.activeElement, r = [], t = 0; t < e.rangeCount; t++)
+    r.push(e.getRangeAt(t));
+  switch (o.tagName.toUpperCase()) {
+    case "INPUT":
+    case "TEXTAREA":
+      o.blur();
+      break;
+    default:
+      o = null;
+      break;
+  }
+  return e.removeAllRanges(), function() {
+    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(n) {
+      e.addRange(n);
+    }), o && o.focus();
+  };
+}, U = I, C = {
+  "text/plain": "Text",
+  "text/html": "Url",
+  default: "Text"
+}, B = "Copy to clipboard: #{key}, Enter";
+function F(e) {
+  var o = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
+  return e.replace(/#{\s*key\s*}/g, o);
+}
+function $(e, o) {
+  var r, t, n, l, c, a, u = !1;
+  o || (o = {}), r = o.debug || !1;
+  try {
+    n = U(), l = document.createRange(), c = document.getSelection(), a = document.createElement("span"), a.textContent = e, a.ariaHidden = "true", a.style.all = "unset", a.style.position = "fixed", a.style.top = 0, a.style.clip = "rect(0, 0, 0, 0)", a.style.whiteSpace = "pre", a.style.webkitUserSelect = "text", a.style.MozUserSelect = "text", a.style.msUserSelect = "text", a.style.userSelect = "text", a.addEventListener("copy", function(i) {
+      if (i.stopPropagation(), o.format)
+        if (i.preventDefault(), typeof i.clipboardData > "u") {
+          r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
+          var f = C[o.format] || C.default;
+          window.clipboardData.setData(f, e);
+        } else
+          i.clipboardData.clearData(), i.clipboardData.setData(o.format, e);
+      o.onCopy && (i.preventDefault(), o.onCopy(i.clipboardData));
+    }), document.body.appendChild(a), l.selectNodeContents(a), c.addRange(l);
+    var s = document.execCommand("copy");
+    if (!s)
+      throw new Error("copy command was unsuccessful");
+    u = !0;
+  } catch (i) {
+    r && console.error("unable to copy using execCommand: ", i), r && console.warn("trying IE specific stuff");
+    try {
+      window.clipboardData.setData(o.format || "text", e), o.onCopy && o.onCopy(window.clipboardData), u = !0;
+    } catch (f) {
+      r && console.error("unable to copy using clipboardData: ", f), r && console.error("falling back to prompt"), t = F("message" in o ? o.message : B), window.prompt(t, e);
+    }
+  } finally {
+    c && (typeof c.removeRange == "function" ? c.removeRange(l) : c.removeAllRanges()), a && document.body.removeChild(a), n();
+  }
+  return u;
+}
+var L = $;
+function h(e) {
+  "@babel/helpers - typeof";
+  return h = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(o) {
+    return typeof o;
+  } : function(o) {
+    return o && typeof Symbol == "function" && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, h(e);
+}
+Object.defineProperty(y, "__esModule", {
+  value: !0
+});
+y.CopyToClipboard = void 0;
+var b = _(D), N = _(L), q = ["text", "onCopy", "options", "children"];
+function _(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+function S(e, o) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(e);
+    o && (t = t.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), r.push.apply(r, t);
+  }
+  return r;
+}
+function x(e) {
+  for (var o = 1; o < arguments.length; o++) {
+    var r = arguments[o] != null ? arguments[o] : {};
+    o % 2 ? S(Object(r), !0).forEach(function(t) {
+      w(e, t, r[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : S(Object(r)).forEach(function(t) {
+      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+    });
+  }
+  return e;
+}
+function K(e, o) {
+  if (e == null) return {};
+  var r = V(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var l = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < l.length; n++)
+      t = l[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function V(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, l;
+  for (l = 0; l < t.length; l++)
+    n = t[l], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+function X(e, o) {
+  if (!(e instanceof o))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Y(e, o) {
+  for (var r = 0; r < o.length; r++) {
+    var t = o[r];
+    t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(e, t.key, t);
+  }
+}
+function G(e, o, r) {
+  return o && Y(e.prototype, o), Object.defineProperty(e, "prototype", { writable: !1 }), e;
+}
+function J(e, o) {
+  if (typeof o != "function" && o !== null)
+    throw new TypeError("Super expression must either be null or a function");
+  e.prototype = Object.create(o && o.prototype, { constructor: { value: e, writable: !0, configurable: !0 } }), Object.defineProperty(e, "prototype", { writable: !1 }), o && k(e, o);
+}
+function k(e, o) {
+  return k = Object.setPrototypeOf || function(t, n) {
+    return t.__proto__ = n, t;
+  }, k(e, o);
+}
+function Q(e) {
+  var o = ee();
+  return function() {
+    var t = g(e), n;
+    if (o) {
+      var l = g(this).constructor;
+      n = Reflect.construct(t, arguments, l);
+    } else
+      n = t.apply(this, arguments);
+    return Z(this, n);
+  };
+}
+function Z(e, o) {
+  if (o && (h(o) === "object" || typeof o == "function"))
+    return o;
+  if (o !== void 0)
+    throw new TypeError("Derived constructors may only return object or undefined");
+  return P(e);
+}
+function P(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function ee() {
+  if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
+  if (typeof Proxy == "function") return !0;
+  try {
+    return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    })), !0;
+  } catch {
+    return !1;
+  }
+}
+function g(e) {
+  return g = Object.setPrototypeOf ? Object.getPrototypeOf : function(r) {
+    return r.__proto__ || Object.getPrototypeOf(r);
+  }, g(e);
+}
+function w(e, o, r) {
+  return o in e ? Object.defineProperty(e, o, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[o] = r, e;
+}
+var j = /* @__PURE__ */ function(e) {
+  J(r, e);
+  var o = Q(r);
+  function r() {
+    var t;
+    X(this, r);
+    for (var n = arguments.length, l = new Array(n), c = 0; c < n; c++)
+      l[c] = arguments[c];
+    return t = o.call.apply(o, [this].concat(l)), w(P(t), "onClick", function(a) {
+      var u = t.props, s = u.text, i = u.onCopy, f = u.children, z = u.options, p = b.default.Children.only(f), T = (0, N.default)(s, z);
+      i && i(s, T), p && p.props && typeof p.props.onClick == "function" && p.props.onClick(a);
+    }), t;
+  }
+  return G(r, [{
+    key: "render",
+    value: function() {
+      var n = this.props;
+      n.text, n.onCopy, n.options;
+      var l = n.children, c = K(n, q), a = b.default.Children.only(l);
+      return /* @__PURE__ */ b.default.cloneElement(a, x(x({}, c), {}, {
+        onClick: this.onClick
+      }));
+    }
+  }]), r;
+}(b.default.PureComponent);
+y.CopyToClipboard = j;
+w(j, "defaultProps", {
+  onCopy: void 0,
+  options: void 0
+});
+var oe = y, v = oe.CopyToClipboard;
+v.CopyToClipboard = v;
+var te = v;
+const re = /* @__PURE__ */ W(te), ne = {
+  'code[class*="language-"]': {
+    color: "#f8f8f2",
+    background: "none",
+    textShadow: "0 1px rgba(0, 0, 0, 0.3)",
+    fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+    fontSize: "1em",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    wordWrap: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]': {
+    color: "#f8f8f2",
+    background: "#272822",
+    textShadow: "0 1px rgba(0, 0, 0, 0.3)",
+    fontFamily: "Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace",
+    fontSize: "1em",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    wordWrap: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: ".5em 0",
+    overflow: "auto",
+    borderRadius: "0.3em"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    background: "#272822",
+    padding: ".1em",
+    borderRadius: ".3em",
+    whiteSpace: "normal"
+  },
+  comment: {
+    color: "#8292a2"
+  },
+  prolog: {
+    color: "#8292a2"
+  },
+  doctype: {
+    color: "#8292a2"
+  },
+  cdata: {
+    color: "#8292a2"
+  },
+  punctuation: {
+    color: "#f8f8f2"
+  },
+  namespace: {
+    Opacity: ".7"
+  },
+  property: {
+    color: "#f92672"
+  },
+  tag: {
+    color: "#f92672"
+  },
+  constant: {
+    color: "#f92672"
+  },
+  symbol: {
+    color: "#f92672"
+  },
+  deleted: {
+    color: "#f92672"
+  },
+  boolean: {
+    color: "#ae81ff"
+  },
+  number: {
+    color: "#ae81ff"
+  },
+  selector: {
+    color: "#a6e22e"
+  },
+  "attr-name": {
+    color: "#a6e22e"
+  },
+  string: {
+    color: "#a6e22e"
+  },
+  char: {
+    color: "#a6e22e"
+  },
+  builtin: {
+    color: "#a6e22e"
+  },
+  inserted: {
+    color: "#a6e22e"
+  },
+  operator: {
+    color: "#f8f8f2"
+  },
+  entity: {
+    color: "#f8f8f2",
+    cursor: "help"
+  },
+  url: {
+    color: "#f8f8f2"
+  },
+  ".language-css .token.string": {
+    color: "#f8f8f2"
+  },
+  ".style .token.string": {
+    color: "#f8f8f2"
+  },
+  variable: {
+    color: "#f8f8f2"
+  },
+  atrule: {
+    color: "#e6db74"
+  },
+  "attr-value": {
+    color: "#e6db74"
+  },
+  function: {
+    color: "#e6db74"
+  },
+  "class-name": {
+    color: "#e6db74"
+  },
+  keyword: {
+    color: "#66d9ef"
+  },
+  regex: {
+    color: "#fd971f"
+  },
+  important: {
+    color: "#fd971f",
+    fontWeight: "bold"
+  },
+  bold: {
+    fontWeight: "bold"
+  },
+  italic: {
+    fontStyle: "italic"
+  }
+}, ae = {
+  'code[class*="language-"]': {
+    color: "#111b27",
+    background: "none",
+    fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    wordWrap: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]': {
+    color: "#111b27",
+    background: "#e3eaf2",
+    fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    wordWrap: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: "0.5em 0",
+    overflow: "auto"
+  },
+  'pre[class*="language-"]::-moz-selection': {
+    background: "#8da1b9"
+  },
+  'pre[class*="language-"] ::-moz-selection': {
+    background: "#8da1b9"
+  },
+  'code[class*="language-"]::-moz-selection': {
+    background: "#8da1b9"
+  },
+  'code[class*="language-"] ::-moz-selection': {
+    background: "#8da1b9"
+  },
+  'pre[class*="language-"]::selection': {
+    background: "#8da1b9"
+  },
+  'pre[class*="language-"] ::selection': {
+    background: "#8da1b9"
+  },
+  'code[class*="language-"]::selection': {
+    background: "#8da1b9"
+  },
+  'code[class*="language-"] ::selection': {
+    background: "#8da1b9"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    background: "#e3eaf2",
+    padding: "0.1em 0.3em",
+    borderRadius: "0.3em",
+    whiteSpace: "normal"
+  },
+  comment: {
+    color: "#3c526d"
+  },
+  prolog: {
+    color: "#3c526d"
+  },
+  doctype: {
+    color: "#3c526d"
+  },
+  cdata: {
+    color: "#3c526d"
+  },
+  punctuation: {
+    color: "#111b27"
+  },
+  "delimiter.important": {
+    color: "#006d6d",
+    fontWeight: "inherit"
+  },
+  "selector.parent": {
+    color: "#006d6d"
+  },
+  tag: {
+    color: "#006d6d"
+  },
+  "tag.punctuation": {
+    color: "#006d6d"
+  },
+  "attr-name": {
+    color: "#755f00"
+  },
+  boolean: {
+    color: "#755f00"
+  },
+  "boolean.important": {
+    color: "#755f00"
+  },
+  number: {
+    color: "#755f00"
+  },
+  constant: {
+    color: "#755f00"
+  },
+  "selector.attribute": {
+    color: "#755f00"
+  },
+  "class-name": {
+    color: "#005a8e"
+  },
+  key: {
+    color: "#005a8e"
+  },
+  parameter: {
+    color: "#005a8e"
+  },
+  property: {
+    color: "#005a8e"
+  },
+  "property-access": {
+    color: "#005a8e"
+  },
+  variable: {
+    color: "#005a8e"
+  },
+  "attr-value": {
+    color: "#116b00"
+  },
+  inserted: {
+    color: "#116b00"
+  },
+  color: {
+    color: "#116b00"
+  },
+  "selector.value": {
+    color: "#116b00"
+  },
+  string: {
+    color: "#116b00"
+  },
+  "string.url-link": {
+    color: "#116b00"
+  },
+  builtin: {
+    color: "#af00af"
+  },
+  "keyword-array": {
+    color: "#af00af"
+  },
+  package: {
+    color: "#af00af"
+  },
+  regex: {
+    color: "#af00af"
+  },
+  function: {
+    color: "#7c00aa"
+  },
+  "selector.class": {
+    color: "#7c00aa"
+  },
+  "selector.id": {
+    color: "#7c00aa"
+  },
+  "atrule.rule": {
+    color: "#a04900"
+  },
+  combinator: {
+    color: "#a04900"
+  },
+  keyword: {
+    color: "#a04900"
+  },
+  operator: {
+    color: "#a04900"
+  },
+  "pseudo-class": {
+    color: "#a04900"
+  },
+  "pseudo-element": {
+    color: "#a04900"
+  },
+  selector: {
+    color: "#a04900"
+  },
+  unit: {
+    color: "#a04900"
+  },
+  deleted: {
+    color: "#c22f2e"
+  },
+  important: {
+    color: "#c22f2e",
+    fontWeight: "bold"
+  },
+  "keyword-this": {
+    color: "#005a8e",
+    fontWeight: "bold"
+  },
+  this: {
+    color: "#005a8e",
+    fontWeight: "bold"
+  },
+  bold: {
+    fontWeight: "bold"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  entity: {
+    cursor: "help"
+  },
+  ".language-markdown .token.title": {
+    color: "#005a8e",
+    fontWeight: "bold"
+  },
+  ".language-markdown .token.title .token.punctuation": {
+    color: "#005a8e",
+    fontWeight: "bold"
+  },
+  ".language-markdown .token.blockquote.punctuation": {
+    color: "#af00af"
+  },
+  ".language-markdown .token.code": {
+    color: "#006d6d"
+  },
+  ".language-markdown .token.hr.punctuation": {
+    color: "#005a8e"
+  },
+  ".language-markdown .token.url > .token.content": {
+    color: "#116b00"
+  },
+  ".language-markdown .token.url-link": {
+    color: "#755f00"
+  },
+  ".language-markdown .token.list.punctuation": {
+    color: "#af00af"
+  },
+  ".language-markdown .token.table-header": {
+    color: "#111b27"
+  },
+  ".language-json .token.operator": {
+    color: "#111b27"
+  },
+  ".language-scss .token.variable": {
+    color: "#006d6d"
+  },
+  "token.tab:not(:empty):before": {
+    color: "#3c526d"
+  },
+  "token.cr:before": {
+    color: "#3c526d"
+  },
+  "token.lf:before": {
+    color: "#3c526d"
+  },
+  "token.space:before": {
+    color: "#3c526d"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a": {
+    color: "#e3eaf2",
+    background: "#005a8e"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button": {
+    color: "#e3eaf2",
+    background: "#005a8e"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover": {
+    color: "#e3eaf2",
+    background: "#005a8eda",
+    textDecoration: "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus": {
+    color: "#e3eaf2",
+    background: "#005a8eda",
+    textDecoration: "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover": {
+    color: "#e3eaf2",
+    background: "#005a8eda",
+    textDecoration: "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus": {
+    color: "#e3eaf2",
+    background: "#005a8eda",
+    textDecoration: "none"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span": {
+    color: "#e3eaf2",
+    background: "#3c526d"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover": {
+    color: "#e3eaf2",
+    background: "#3c526d"
+  },
+  "div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus": {
+    color: "#e3eaf2",
+    background: "#3c526d"
+  },
+  ".line-highlight.line-highlight": {
+    background: "linear-gradient(to right, #8da1b92f 70%, #8da1b925)"
+  },
+  ".line-highlight.line-highlight:before": {
+    backgroundColor: "#3c526d",
+    color: "#e3eaf2",
+    boxShadow: "0 1px #8da1b9"
+  },
+  ".line-highlight.line-highlight[data-end]:after": {
+    backgroundColor: "#3c526d",
+    color: "#e3eaf2",
+    boxShadow: "0 1px #8da1b9"
+  },
+  "pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before": {
+    backgroundColor: "#3c526d1f"
+  },
+  ".line-numbers.line-numbers .line-numbers-rows": {
+    borderRight: "1px solid #8da1b97a",
+    background: "#d0dae77a"
+  },
+  ".line-numbers .line-numbers-rows > span:before": {
+    color: "#3c526dda"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-1": {
+    color: "#755f00"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-5": {
+    color: "#755f00"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-9": {
+    color: "#755f00"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-2": {
+    color: "#af00af"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-6": {
+    color: "#af00af"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-10": {
+    color: "#af00af"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-3": {
+    color: "#005a8e"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-7": {
+    color: "#005a8e"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-11": {
+    color: "#005a8e"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-4": {
+    color: "#7c00aa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-8": {
+    color: "#7c00aa"
+  },
+  ".rainbow-braces .token.token.punctuation.brace-level-12": {
+    color: "#7c00aa"
+  },
+  "pre.diff-highlight > code .token.token.deleted:not(.prefix)": {
+    backgroundColor: "#c22f2e1f"
+  },
+  "pre > code.diff-highlight .token.token.deleted:not(.prefix)": {
+    backgroundColor: "#c22f2e1f"
+  },
+  "pre.diff-highlight > code .token.token.inserted:not(.prefix)": {
+    backgroundColor: "#116b001f"
+  },
+  "pre > code.diff-highlight .token.token.inserted:not(.prefix)": {
+    backgroundColor: "#116b001f"
+  },
+  ".command-line .command-line-prompt": {
+    borderRight: "1px solid #8da1b97a"
+  },
+  ".command-line .command-line-prompt > span:before": {
+    color: "#3c526dda"
+  }
+}, le = m.div(({
+  $showLineNumbers: e
+}) => [{
+  position: "relative",
+  padding: "0.75rem"
+}, e && {
+  marginLeft: "0px"
+}]), ce = m.button({
+  position: "absolute",
+  right: "0.75rem",
+  top: "0.75rem"
+}), ie = m(A)({
+  height: "1rem",
+  width: "1rem"
+}), ue = m(H)({
+  height: "1rem",
+  width: "1rem"
+}), ge = ({
+  children: e,
+  language: o,
+  isDarkMode: r,
+  showLineNumbers: t = !0,
+  ...n
+}) => {
+  const [l, c] = M(!1);
+  return R(() => {
+    const a = setTimeout(() => {
+      c(!1);
+    }, 1e3);
+    return () => clearTimeout(a);
+  }, [l]), /* @__PURE__ */ d.jsxs(le, { $showLineNumbers: t, children: [
+    /* @__PURE__ */ d.jsx(re, { text: e, onCopy: () => c(!0), children: /* @__PURE__ */ d.jsx(ce, { "aria-label": "Copy code", children: l ? /* @__PURE__ */ d.jsx(ue, {}) : /* @__PURE__ */ d.jsx(ie, {}) }) }),
+    /* @__PURE__ */ d.jsx(E, { lineProps: {
+      style: {
+        whiteSpace: "pre-wrap"
+      }
+    }, wrapLines: !0, customStyle: {
+      display: void 0,
+      overflowX: void 0,
+      overflowY: "scroll",
+      padding: void 0,
+      color: void 0,
+      background: "inherit",
+      margin: void 0
+    }, language: o ?? "javascript", style: r ? ne : ae, showLineNumbers: t, ...n, children: String(e).replace(/\n$/, "") })
+  ] });
+};
+export {
+  ge as Code
+};