@leafygreen-ui/code - npm Package Compare versions

Comparing version 9.4.0 to 9.5.0

CHANGELOG.md

 # @leafygreen-ui/code
 
+## 9.5.0
+
+### Minor Changes
+
+- 1067fe9: Add support to specify starting value for line numbering.
+
 ## 9.4.0
@@ -4,0 +10,0 @@

dist/Code.d.ts

@@ -19,6 +19,7 @@ /// <reference types="react" />
  * @param props.showLineNumbers When true, shows line numbers in preformatted code blocks. Default: `false`
+ * @param props.lineNumberStart Specifies the numbering of the first line in the block. Default: 1
  * @param props.copyable When true, allows the code block to be copied to the user's clipboard. Default: `true`
  * @param props.onCopy Callback fired when Code is copied
  */
-declare function Code({ children, className, language: languageProp, darkMode, showLineNumbers, showWindowChrome, chromeTitle, copyable, onCopy, highlightLines, languageOptions, onChange, customActionButtons, showCustomActionButtons, usePortal, portalClassName, portalContainer, scrollContainer, popoverZIndex, ...rest }: CodeProps): JSX.Element;
+declare function Code({ children, className, language: languageProp, darkMode, showLineNumbers, lineNumberStart, showWindowChrome, chromeTitle, copyable, onCopy, highlightLines, languageOptions, onChange, customActionButtons, showCustomActionButtons, usePortal, portalClassName, portalContainer, scrollContainer, popoverZIndex, ...rest }: CodeProps): JSX.Element;
 declare namespace Code {
@@ -32,2 +33,3 @@ var displayName: string;
         showLineNumbers: PropTypes.Requireable<boolean>;
+        lineNumberStart: PropTypes.Requireable<number>;
         showWindowChrome: PropTypes.Requireable<boolean>;
@@ -34,0 +36,0 @@ chromeTitle: PropTypes.Requireable<string>;

dist/esm/index.js

@@ -1,2 +0,2 @@
-import n from"highlight.js/lib/languages/javascript";import r from"highlight.js/lib/languages/typescript";import e from"highlight.js/lib/languages/csharp";import t from"highlight.js/lib/languages/go";import i from"highlight.js/lib/languages/http";import o from"highlight.js/lib/languages/ini";import l from"highlight.js/lib/languages/java";import a from"highlight.js/lib/languages/perl";import g from"highlight.js/lib/languages/php";import h from"highlight.js/lib/languages/properties";import s from"highlight.js/lib/languages/python";import c from"highlight.js/lib/languages/ruby";import u from"highlight.js/lib/languages/rust";import d from"highlight.js/lib/languages/scala";import p from"highlight.js/lib/languages/swift";import f from"highlight.js/lib/languages/kotlin";import m from"highlight.js/lib/languages/objectivec";import b from"highlight.js/lib/languages/dart";import y from"highlight.js/lib/languages/bash";import v from"highlight.js/lib/languages/shell";import x from"highlight.js/lib/languages/sql";import w from"highlight.js/lib/languages/yaml";import k from"highlight.js/lib/languages/json";import j from"highlight.js/lib/languages/diff";import N from"highlight.js/lib/languages/xml";import{injectGlobal as C,css as O,cx as S}from"@leafygreen-ui/emotion";import{uiColors as A}from"@leafygreen-ui/palette";import L,{createContext as M,useContext as P,useMemo as D,useState as I,useEffect as E,useRef as T}from"react";import B from"prop-types";import q from"clipboard";import F from"lodash/debounce";import{usePrevious as W,useIsomorphicLayoutEffect as R}from"@leafygreen-ui/hooks";import{spacing as _,fontFamilies as Z}from"@leafygreen-ui/tokens";import{useUsingKeyboardContext as z}from"@leafygreen-ui/leafygreen-provider";import J from"highlight.js/lib/core";import G from"highlightjs-graphql";import{transparentize as K,darken as H}from"polished";import U from"lodash/flatMap";import{jsx as X}from"@emotion/react";import{VisuallyHidden as Y}from"@leafygreen-ui/a11y";import $ from"@leafygreen-ui/icon/dist/Checkmark";import Q from"@leafygreen-ui/icon/dist/Copy";import V from"@leafygreen-ui/icon-button";import{isComponentType as nn}from"@leafygreen-ui/lib";import{isComponentGlyph as rn}from"@leafygreen-ui/icon";import en from"@leafygreen-ui/button";import{Select as tn,Option as on}from"@leafygreen-ui/select";function ln(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,t)}return e}function an(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?ln(Object(e),!0).forEach((function(r){hn(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):ln(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function gn(n){return(gn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function hn(n,r,e){return r in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function sn(){return(sn=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n}).apply(this,arguments)}function cn(n,r){if(null==n)return{};var e,t,i=function(n,r){if(null==n)return{};var e,t,i={},o=Object.keys(n);for(t=0;t<o.length;t++)e=o[t],r.indexOf(e)>=0||(i[e]=n[e]);return i}(n,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(t=0;t<o.length;t++)e=o[t],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(i[e]=n[e])}return i}function un(n,r){return r||(r=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))}function dn(n,r){return function(n){if(Array.isArray(n))return n}(n)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==e)return;var t,i,o=[],l=!0,a=!1;try{for(e=e.call(n);!(l=(t=e.next()).done)&&(o.push(t.value),!r||o.length!==r);l=!0);}catch(n){a=!0,i=n}finally{try{l||null==e.return||e.return()}finally{if(a)throw i}}return o}(n,r)||fn(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pn(n){return function(n){if(Array.isArray(n))return mn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||fn(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fn(n,r){if(n){if("string"==typeof n)return mn(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?mn(n,r):void 0}}function mn(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}var bn,yn={javascript:n,typescript:r,csharp:e,go:t,http:i,ini:o,java:l,perl:a,php:g,properties:h,python:s,ruby:c,rust:u,scala:d,swift:p,kotlin:f,objectivec:m,dart:b,bash:y,shell:v,sql:x,yaml:w,json:k,diff:j,xml:N},vn={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},xn={Light:"light",Dark:"dark"},wn=an(an({},vn),{},{None:"none"}),kn=(hn(bn={},xn.Light,{0:A.gray.light3,1:A.gray.light2,2:A.gray.dark1,3:A.black,4:A.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),hn(bn,xn.Dark,{0:A.black,1:A.gray.dark3,2:"#919DA1",3:A.gray.light3,4:A.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),bn);function jn(){Object.values(xn).forEach((function(n){return C(function(n){return"\n  .lg-highlight-hljs-".concat(n," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(kn[n][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(kn[n][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(kn[n][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(kn[n][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(kn[n][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(kn[n][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(kn[n][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(kn[n][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(kn[n][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(n))}))}var Nn,Cn,On,Sn,An=M({highlightLines:[],darkMode:!1});function Ln(){for(var n="lg-highlight-",r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((function(n){return En(n)&&n.length>0})).map((function(r){return r.startsWith(n)?r:r.split(".").map((function(r){return"".concat(n).concat(r)})).join(" ")})).join(" ")}function Mn(){for(var n=["function","class"],r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((function(r){return n.includes(r)}))}function Pn(n){var r=n.kind,e=n.children;return X("span",{className:r},e)}function Dn(n){return null!=n&&n instanceof Array}function In(n){return null!=n&&"object"===gn(n)&&!(n instanceof Array)}function En(n){return null!=n&&"string"==typeof n}function Tn(n,r){return null==n?null:En(n)?n:Dn(n)?n.map(Tn):In(n)?X(Pn,{key:r,kind:n.kind},Tn(n.children)):n}var Bn=O(Nn||(Nn=un(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),_[3]);function qn(n){var r,e,t;return n?(r="transparent",e="linear-gradient(90deg, ".concat(A.gray.dark3,", ").concat(K(100,A.gray.dark3),")"),t=A.gray.dark3):(r=A.yellow.light3,e="none",t=A.yellow.light2),O(Cn||(Cn=un(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),r,e,t,t,t)}function Fn(n){var r=n.lineNumber,e=n.highlighted,t=n.darkMode,i=n.children,o=A.gray[t?"dark1":"light1"],l=t?A.gray.light2:A.yellow.dark2;return X("tr",{className:S(hn({},qn(t),e))},r&&X("td",{className:S(Bn,O(On||(On=un(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),_[2],e?l:o))},r),X("td",{className:Bn},i))}function Wn(n){var r=(null!=n?n:{}).children;return!(!Dn(r)||1!==r.length||!En(r[0]))}function Rn(n,r){if("string"==typeof n)return n;if(null!=(e=n)&&"object"===gn(e)&&"string"==typeof e.kind&&e.children instanceof Array)return Rn(n.children,r);var e;return U(n,function n(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t=t.filter((function(n){return En(n)&&n.length>0})),function(e){var i,o;return En(e)?t.length>0?{kind:Ln.apply(void 0,[r].concat(pn(t),pn(Mn(e)))),children:[e]}:e:(null!==(i=null==e||null===(o=e.children)||void 0===o?void 0:o.length)&&void 0!==i?i:0)>=1?U(e.children,n.apply(void 0,[r,e.kind].concat(pn(t)))):Wn(e)?{kind:Ln.apply(void 0,[r,e.kind].concat(pn(t),pn(Mn.apply(void 0,pn(e.children))))),children:e.children}:e}}(r))}function _n(n){return Dn(n)?n.some(_n):En(n)?n.includes("\n"):!!In(n)&&((null===(r=n.children)||void 0===r?void 0:r.includes("\n"))||En(null===(e=n.children)||void 0===e?void 0:e[0])&&n.children[0].includes("\n"));var r,e}function Zn(n){var r=[],e=0;null==r[e]&&(r[e]=[]);var t=function(){e++,r[e]=[]};return Rn(n).forEach((function(n){_n(n)?En(n)?n.split("\n").forEach((function(n,i){i>0&&t(),n&&r[e].push(n)})):n.children[0].split("\n").forEach((function(i,o){o>0&&t(),r[e].push({kind:n.kind,children:[i]})})):n&&(En(n)||Wn(n))&&r[e].push(n)})),r}function zn(n){for(var r=n.lines,e=P(An),t=e.highlightLines,i=e.showLineNumbers,o=e.darkMode,l=pn(r);0===(null===(a=l[0])||void 0===a?void 0:a.length);){var a;l.shift()}for(;0===(null===(g=l[l.length-1])||void 0===g?void 0:g.length);){var g;l.pop()}return X(L.Fragment,null,l.map((function(n,r){var e,l=r+1,a=function(n){return t.some((function(r){if(null!=(e=r)&&"number"==typeof e)return n===r;var e;if(Dn(r)){var t=pn(r).sort((function(n,r){return n-r}));return n>=t[0]&&n<=t[1]}return!1}))}(l);i&&(e=l);var g=null!=n&&n.length?n.map(Tn):X("div",{className:O(Sn||(Sn=un(["\n              display: inline-block;\n            "])))});return X(Fn,{key:l,lineNumber:e,darkMode:o,highlighted:a},g)})))}var Jn,Gn,Kn={"after:highlight":function(n){var r=n._emitter.rootNode;n.react=X(zn,{lines:Zn(r.children)})}},Hn=["children","language","darkMode","showLineNumbers","highlightLines","className"];function Un(n){return"cs"!==n&&"js"!==n&&"ts"!==n}var Xn=!1;var Yn,$n,Qn,Vn,nr=O(Jn||(Jn=un(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),Z.code);function rr(n){var r=n.children,e=n.language,t=n.darkMode,i=void 0!==t&&t,o=n.showLineNumbers,l=void 0!==o&&o,a=n.highlightLines,g=void 0===a?[]:a,h=n.className,s=cn(n,Hn);Xn||function(){Xn=!0,jn();var n=Object.values(vn).filter(Un);n.forEach((function(n){"graphql"===n?G(J):J.registerLanguage(n,yn[n])})),J.configure({languages:n,tabReplace:"  "}),J.addPlugin(Kn)}();var c=D((function(){return e===wn.None?null:J.highlight(r,{language:e,ignoreIllegals:!0})}),[e,r]),u=null===c?X(zn,{lines:r.split("\n").map((function(n){return n?[n]:[]}))}):c.react,d=i?xn.Dark:xn.Light;return X(An.Provider,{value:{highlightLines:g,showLineNumbers:l,darkMode:i}},X("code",sn({},s,{className:S("lg-highlight-hljs-".concat(d),nr,e,h)}),X("table",{className:O(Gn||(Gn=un(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},X("tbody",null,u))))}function er(n,r,e){var t,i=O(Yn||(Yn=un(["\n    align-self: center;\n    color: ",";\n  "])),A.gray.base);return r?S(i,O($n||($n=un(["\n        color: ",";\n        background-color: ",";\n\n        &:focus {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n\n        &:hover {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n      "])),A.white,A.green.base,A.white,A.green.base,A.white,A.green.base)):n===xn.Dark?S(i,(hn(t={},O(Qn||(Qn=un(["\n        background-color: ",";\n      "])),A.gray.dark3),!e),hn(t,O(Vn||(Vn=un(["\n        background-color: ",";\n        color: ",";\n      "])),A.gray.dark2,A.gray.light2),e),t)):i}function tr(n){var r=n.onCopy,e=n.contents,t=n.darkMode,i=n.withLanguageSwitcher,o=void 0!==i&&i,l=dn(I(!1),2),a=l[0],g=l[1],h=dn(I(null),2),s=h[0],c=h[1],u=t?xn.Dark:xn.Light;E((function(){if(s){var n=new q(s,{text:function(){return e}});if(a){var r=setTimeout((function(){g(!1)}),1500);return function(){return clearTimeout(r)}}return function(){return n.destroy()}}}),[s,e,a]);return X(V,{ref:c,darkMode:t,"aria-label":"Copy",className:er(u,a,o),onClick:function(n){n.preventDefault(),r&&r(),g(!0)}},X(a?$:Q,null),a&&X(Y,{role:"alert"},"Copied!"))}rr.displayName="Syntax",rr.propTypes={children:B.string.isRequired,language:B.oneOf(Object.values(wn)),className:B.string,darkMode:B.bool,showLineNumbers:B.bool,highlightLines:B.arrayOf(B.oneOfType([B.arrayOf(B.number),B.number]))},tr.displayName="CopyButton";var ir,or,lr,ar,gr,hr,sr,cr,ur,dr,pr,fr,mr,br,yr=["className","children"],vr=O(ir||(ir=un(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-top: -2px;\n  margin-left: -1px;\n"]))),xr=O(or||(or=un(["\n  border-radius: 4px 0px 0px 0px;\n  margin-left: -12px;\n  border: 0;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n"]))),wr={light:O(lr||(lr=un(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),A.white,A.gray.light2,A.gray.light2,A.gray.light2),dark:O(ar||(ar=un(["\n    border-right: 1px solid ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),A.gray.dark3,A.gray.dark3,A.gray.dark1)},kr={light:O(gr||(gr=un(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),A.blue.light2),dark:O(hr||(hr=un(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),A.focus)},jr=O(sr||(sr=un(["\n  width: 144px;\n"]))),Nr=O(cr||(cr=un(["\n  margin-right: ","px;\n"])),_[3]);function Cr(n){var r,e=n.language,t=n.languageOptions,i=n.onChange,o=n.darkMode,l=n.usePortal,a=n.portalClassName,g=n.portalContainer,h=n.scrollContainer,s=n.popoverZIndex,c=z().usingKeyboard,u=o?"dark":"light",d=W(e),p=S(Nr,O(ur||(ur=un(["\n      color: ",";\n    "])),o?A.white:A.gray.dark1)),f=X(Q,{className:p});null!=e.image&&(r=e.image,f=rn(r)||nn(r,"Icon")?L.cloneElement(e.image,{className:p}):L.cloneElement(e.image,{className:Nr}));var m={popoverZIndex:s,usePortal:l,portalClassName:a,portalContainer:g,scrollContainer:h};return X("div",{className:vr},X(tn,sn({darkMode:o,onChange:function(n){if(""===n&&void 0!==d)return i(d);var r=t.find((function(r){return r.displayName===n}));void 0!==r&&i(r)},"aria-labelledby":"Language Picker",value:null==e?void 0:e.displayName,className:jr,allowDeselect:!1},m,{__INTERNAL__menuButtonSlot__:L.forwardRef((function(n,r){var e=n.className,t=n.children,i=cn(n,yr);return X(en,sn({},i,{className:S(e,xr,wr[u],hn({},kr[u],c)),darkMode:o,ref:r,leftGlyph:f}),t)}))}),null==t?void 0:t.map((function(n){return X(on,{key:null==n?void 0:n.displayName,value:null==n?void 0:n.displayName},null==n?void 0:n.displayName)}))))}Cr.displayName="LanguageSwitcher";var Or,Sr,Ar,Lr,Mr,Pr,Dr=O(dr||(dr=un(["\n  width: 38px;\n  border-left: solid 1px;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  padding-top: 6px;\n  align-items: center;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),_[1]),Ir=O(pr||(pr=un(["\n  min-height: ","px;\n  padding-top: ","px;\n"])),36,_[1]);function Er(n,r,e){if(!r)return S(Dr,Ir,hn({},Ir,!e),function(n){var r=kn[n];switch(n){case xn.Light:return O(fr||(fr=un(["\n        border-color: ",";\n        background-color: white;\n      "])),r[1]);case xn.Dark:return O(mr||(mr=un(["\n        border-color: ",";\n        background-color: ",";\n      "])),r[1],r[1])}}(n));var t=kn[n];return O(br||(br=un(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-left: 12px;\n    padding-right: 8px;\n    background-color: ",";\n    border-bottom: 1px solid ",";\n    gap: ","px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),t[4],t[1],_[1])}function Tr(n){var r=n.language,e=n.languageOptions,t=n.contents,i=n.onChange,o=n.onCopy,l=n.showCopyButton,a=n.darkMode,g=n.isMultiline,h=void 0!==g&&g,s=n.customActionButtons,c=n.showCustomActionButtons,u=n.usePortal,d=n.portalClassName,p=n.portalContainer,f=n.scrollContainer,m={popoverZIndex:n.popoverZIndex,usePortal:u,portalClassName:d,portalContainer:p,scrollContainer:f};return X("div",{className:Er(a?xn.Dark:xn.Light,!!r,h),"data-testid":"leafygreen-code-panel"},void 0!==r&&void 0!==e&&void 0!==i&&X(Cr,sn({onChange:i,language:r,languageOptions:e,darkMode:a},m)),l&&X(tr,{onCopy:o,darkMode:a,contents:t,withLanguageSwitcher:!!r}),c&&X(L.Fragment,null,null==s?void 0:s.map((function(n){return n}))))}Tr.displayName="Panel";var Br="light",qr="dark",Fr=O(Or||(Or=un(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n"])),28,12,12,4,4),Wr=O(Sr||(Sr=un(["\n  display: flex;\n  height: ","px;\n"])),12),Rr=O(Ar||(Ar=un(["\n  height: ","px;\n  width: ","px;\n"])),12,60),_r=O(Lr||(Lr=un(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function Zr(n){var r=n.color;return X("div",{className:O(Mr||(Mr=un(["\n        height: ","px;\n        width: ","px;\n        border-radius: 50px;\n        margin-right: 8px;\n        background-color: ",";\n        border: 1px solid ",";\n      "])),12,12,r,H(.03,r))})}function zr(n){var r=n.darkMode,e=void 0!==r&&r,t=n.chromeTitle,i=void 0===t?"":t,o=kn[e?qr:Br];return X("div",{className:S(Fr,O(Pr||(Pr=un(["\n          background-color: ",";\n          color: ",";\n        "])),o[1],o[2]))},X("div",{className:Wr},["#FF5952","#E7BF2A","#54C22C"].map((function(n){return X(Zr,{key:n,color:n})}))),X("div",{className:_r},i),X("div",{className:Rr}))}zr.displayName="WindowChrome",zr.propTypes={darkMode:B.bool,chromeTitle:B.string};var Jr,Gr,Kr,Hr,Ur,Xr,Yr,$r,Qr,Vr,ne,re,ee=["children","className","language","darkMode","showLineNumbers","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var te=function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=r.literal,t=r.overlap,i=e?n:["&"].concat(n);function o(n){if("object"!=typeof n||null==n)return[];if(Array.isArray(n))return n.map(o);var r={},l={},a={};return Object.keys(n).forEach((function(g){var h=n[g];if(!Array.isArray(h)&&e&&(h=[h]),(e||Array.isArray(h))&&38!==g.charCodeAt(0)){var s=void 0;h.forEach((function(n,o){if((!t||s!==n)&&null!=n)if(s=n,0!==o||e)if(void 0===r[i[o]]){var l;r[i[o]]=((l={})[g]=n,l)}else r[i[o]][g]=n;else a[g]=n}))}else"object"==typeof h?l[g]=o(h):a[g]=h})),i.forEach((function(n){r[n]&&(a[n]=r[n])})),Object.assign(a,l),a}return function(){for(var n=arguments.length,r=Array(n),e=0;e<n;e++)r[e]=arguments[e];return r.map(o)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),ie=O(Jr||(Jr=un(["\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  flex-grow: 1;\n\n  ","\n"])),_[2],_[2],te({whiteSpace:["pre","pre-wrap","pre"]})),oe=O(Gr||(Gr=un(["\n  border-left: 0;\n"]))),le=O(Kr||(Kr=un(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),ae=O(Hr||(Hr=un(["\n  &:focus {\n    outline: none;\n  }\n"]))),ge=O(Ur||(Ur=un(["\n  display: flex;\n  flex-direction: column-reverse;\n  width: 700px;\n"])));var he="none",se="left",ce="right",ue="both";function de(n){var r=n.children,e=void 0===r?"":r,t=n.className,i=n.language,o=n.darkMode,l=void 0!==o&&o,a=n.showLineNumbers,g=void 0!==a&&a,h=n.showWindowChrome,s=void 0!==h&&h,c=n.chromeTitle,u=void 0===c?"":c,d=n.copyable,p=void 0===d||d,f=n.onCopy,m=n.highlightLines,b=void 0===m?[]:m,y=n.languageOptions,v=n.onChange,x=n.customActionButtons,w=void 0===x?[]:x,k=n.showCustomActionButtons,j=void 0!==k&&k,N=n.usePortal,C=void 0===N||N,A=n.portalClassName,L=n.portalContainer,M=n.scrollContainer,P=n.popoverZIndex,B=cn(n,ee),W=T(null),_=z().usingKeyboard,Z=dn(I(he),2),J=Z[0],G=Z[1],K=dn(I(!1),2),H=K[0],U=K[1],Y=l?xn.Dark:xn.Light,$=D((function(){return e.trim().includes("\n")}),[e]),Q=w.filter((function(n){return!0===nn(n,"IconButton")})),V=j&&!!Q.length,rn=null==y?void 0:y.find((function(n){return n.displayName===i})),en=rn?rn.language:i;E((function(){U(p&&q.isSupported())}),[p,s]),R((function(){var n=W.current;null!=n&&n.scrollWidth>n.clientWidth&&G(ce)}),[]);var tn=S(O(Vr||(Vr=un(["\n      border: ",";\n    "])),rn?"1px solid;":"2px solid;"),ie,function(n){var r=kn[n],e="dark"===n?"border: 0":"border-color: ".concat(r[1]);return O(Xr||(Xr=un(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),e,r[0],r[3])}(Y),hn({},oe,s),t,function(n,r){var e=kn[r],t=r===xn.Light?"rgba(93,108,116,0.3)":"rgba(0,0,0,0.35)";return n===ue?O(Yr||(Yr=un(["\n      box-shadow: inset 6px 0 6px -6px ",",\n        inset -6px 0 6px -6px ",", inset 0 6px 6px -6px ",",\n        inset 0 -6px 6px -6px ",";\n    "])),t,t,e[0],e[0]):n===se?O($r||($r=un(["\n      box-shadow: inset 6px 0 6px -6px ",";\n    "])),t):n===ce?O(Qr||(Qr=un(["\n      box-shadow: inset -6px 0 6px -6px ",";\n    "])),t):""}(J,Y),hn({},le,!$),hn({},ae,!_)),on=X(rr,{showLineNumbers:g,darkMode:l,language:en,highlightLines:b},e);var ln=F((function(n){var r=n.target,e=r.scrollWidth,t=r.clientWidth;if(e>t){var i=n.target.scrollLeft,o=e-t;i>0&&i<o?G(ue):i>0?G(se):i<o&&G(ce)}}),50,{leading:!0}),gn=l?"border: 0":"border: 1px solid ".concat(kn[Y][1]),pn=O(ne||(ne=un(["\n    ",";\n    border-radius: 4px;\n    overflow: hidden;\n  "])),gn),fn=an({popoverZIndex:P},C?{usePortal:C,portalClassName:A,portalContainer:L,scrollContainer:M}:{usePortal:C});return X("div",{className:pn},s&&X(zr,{chromeTitle:u,darkMode:l}),X("div",{className:S(O(re||(re=un(["\n            display: flex;\n          "]))),hn({},ge,!!rn))},X("pre",sn({},B,{className:tn,onScroll:function(n){n.persist(),ln(n)},ref:W,tabIndex:J!==he?0:-1}),on),!s&&(p||!!rn||V)&&X(Tr,sn({language:rn,languageOptions:y,onChange:v,contents:e,onCopy:f,showCopyButton:H,darkMode:l,isMultiline:$,customActionButtons:Q,showCustomActionButtons:V},fn))))}de.displayName="Code",de.propTypes={children:B.string.isRequired,language:B.oneOfType([B.oneOf(Object.values(wn)),B.string]),darkMode:B.bool,className:B.string,showLineNumbers:B.bool,showWindowChrome:B.bool,chromeTitle:B.string,highlightLines:B.arrayOf(B.oneOfType([B.arrayOf(B.number),B.number]))};export default de;export{wn as Language,xn as Mode,kn as variantColors};
+import n from"highlight.js/lib/languages/javascript";import r from"highlight.js/lib/languages/typescript";import e from"highlight.js/lib/languages/csharp";import t from"highlight.js/lib/languages/go";import i from"highlight.js/lib/languages/http";import o from"highlight.js/lib/languages/ini";import l from"highlight.js/lib/languages/java";import a from"highlight.js/lib/languages/perl";import g from"highlight.js/lib/languages/php";import h from"highlight.js/lib/languages/properties";import s from"highlight.js/lib/languages/python";import c from"highlight.js/lib/languages/ruby";import u from"highlight.js/lib/languages/rust";import d from"highlight.js/lib/languages/scala";import p from"highlight.js/lib/languages/swift";import f from"highlight.js/lib/languages/kotlin";import m from"highlight.js/lib/languages/objectivec";import b from"highlight.js/lib/languages/dart";import y from"highlight.js/lib/languages/bash";import v from"highlight.js/lib/languages/shell";import x from"highlight.js/lib/languages/sql";import w from"highlight.js/lib/languages/yaml";import k from"highlight.js/lib/languages/json";import j from"highlight.js/lib/languages/diff";import N from"highlight.js/lib/languages/xml";import{injectGlobal as C,css as O,cx as S}from"@leafygreen-ui/emotion";import{uiColors as A}from"@leafygreen-ui/palette";import L,{createContext as M,useContext as P,useMemo as D,useState as I,useEffect as E,useRef as T}from"react";import B from"prop-types";import q from"clipboard";import F from"lodash/debounce";import{usePrevious as W,useIsomorphicLayoutEffect as R}from"@leafygreen-ui/hooks";import{spacing as _,fontFamilies as Z}from"@leafygreen-ui/tokens";import{useUsingKeyboardContext as z}from"@leafygreen-ui/leafygreen-provider";import J from"highlight.js/lib/core";import G from"highlightjs-graphql";import{transparentize as K,darken as H}from"polished";import U from"lodash/flatMap";import{jsx as X}from"@emotion/react";import{VisuallyHidden as Y}from"@leafygreen-ui/a11y";import $ from"@leafygreen-ui/icon/dist/Checkmark";import Q from"@leafygreen-ui/icon/dist/Copy";import V from"@leafygreen-ui/icon-button";import{isComponentType as nn}from"@leafygreen-ui/lib";import{isComponentGlyph as rn}from"@leafygreen-ui/icon";import en from"@leafygreen-ui/button";import{Select as tn,Option as on}from"@leafygreen-ui/select";function ln(n,r){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),e.push.apply(e,t)}return e}function an(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?ln(Object(e),!0).forEach((function(r){hn(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):ln(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function gn(n){return(gn="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function hn(n,r,e){return r in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function sn(){return(sn=Object.assign||function(n){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n}).apply(this,arguments)}function cn(n,r){if(null==n)return{};var e,t,i=function(n,r){if(null==n)return{};var e,t,i={},o=Object.keys(n);for(t=0;t<o.length;t++)e=o[t],r.indexOf(e)>=0||(i[e]=n[e]);return i}(n,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(t=0;t<o.length;t++)e=o[t],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(n,e)&&(i[e]=n[e])}return i}function un(n,r){return r||(r=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))}function dn(n,r){return function(n){if(Array.isArray(n))return n}(n)||function(n,r){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null==e)return;var t,i,o=[],l=!0,a=!1;try{for(e=e.call(n);!(l=(t=e.next()).done)&&(o.push(t.value),!r||o.length!==r);l=!0);}catch(n){a=!0,i=n}finally{try{l||null==e.return||e.return()}finally{if(a)throw i}}return o}(n,r)||fn(n,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pn(n){return function(n){if(Array.isArray(n))return mn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||fn(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fn(n,r){if(n){if("string"==typeof n)return mn(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?mn(n,r):void 0}}function mn(n,r){(null==r||r>n.length)&&(r=n.length);for(var e=0,t=new Array(r);e<r;e++)t[e]=n[e];return t}var bn,yn={javascript:n,typescript:r,csharp:e,go:t,http:i,ini:o,java:l,perl:a,php:g,properties:h,python:s,ruby:c,rust:u,scala:d,swift:p,kotlin:f,objectivec:m,dart:b,bash:y,shell:v,sql:x,yaml:w,json:k,diff:j,xml:N},vn={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},xn={Light:"light",Dark:"dark"},wn=an(an({},vn),{},{None:"none"}),kn=(hn(bn={},xn.Light,{0:A.gray.light3,1:A.gray.light2,2:A.gray.dark1,3:A.black,4:A.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),hn(bn,xn.Dark,{0:A.black,1:A.gray.dark3,2:"#919DA1",3:A.gray.light3,4:A.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),bn);function jn(){Object.values(xn).forEach((function(n){return C(function(n){return"\n  .lg-highlight-hljs-".concat(n," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(kn[n][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(kn[n][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(kn[n][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(kn[n][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(kn[n][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(kn[n][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(kn[n][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(kn[n][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(kn[n][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(n))}))}var Nn,Cn,On,Sn,An=M({highlightLines:[],darkMode:!1});function Ln(){for(var n="lg-highlight-",r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((function(n){return En(n)&&n.length>0})).map((function(r){return r.startsWith(n)?r:r.split(".").map((function(r){return"".concat(n).concat(r)})).join(" ")})).join(" ")}function Mn(){for(var n=["function","class"],r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.filter((function(r){return n.includes(r)}))}function Pn(n){var r=n.kind,e=n.children;return X("span",{className:r},e)}function Dn(n){return null!=n&&n instanceof Array}function In(n){return null!=n&&"object"===gn(n)&&!(n instanceof Array)}function En(n){return null!=n&&"string"==typeof n}function Tn(n,r){return null==n?null:En(n)?n:Dn(n)?n.map(Tn):In(n)?X(Pn,{key:r,kind:n.kind},Tn(n.children)):n}var Bn=O(Nn||(Nn=un(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),_[3]);function qn(n){var r,e,t;return n?(r="transparent",e="linear-gradient(90deg, ".concat(A.gray.dark3,", ").concat(K(100,A.gray.dark3),")"),t=A.gray.dark3):(r=A.yellow.light3,e="none",t=A.yellow.light2),O(Cn||(Cn=un(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),r,e,t,t,t)}function Fn(n){var r=n.lineNumber,e=n.highlighted,t=n.darkMode,i=n.children,o=A.gray[t?"dark1":"light1"],l=t?A.gray.light2:A.yellow.dark2;return X("tr",{className:S(hn({},qn(t),e))},r&&X("td",{className:S(Bn,O(On||(On=un(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),_[2],e?l:o))},r),X("td",{className:Bn},i))}function Wn(n){var r=(null!=n?n:{}).children;return!(!Dn(r)||1!==r.length||!En(r[0]))}function Rn(n,r){if("string"==typeof n)return n;if(null!=(e=n)&&"object"===gn(e)&&"string"==typeof e.kind&&e.children instanceof Array)return Rn(n.children,r);var e;return U(n,function n(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t=t.filter((function(n){return En(n)&&n.length>0})),function(e){var i,o;return En(e)?t.length>0?{kind:Ln.apply(void 0,[r].concat(pn(t),pn(Mn(e)))),children:[e]}:e:(null!==(i=null==e||null===(o=e.children)||void 0===o?void 0:o.length)&&void 0!==i?i:0)>=1?U(e.children,n.apply(void 0,[r,e.kind].concat(pn(t)))):Wn(e)?{kind:Ln.apply(void 0,[r,e.kind].concat(pn(t),pn(Mn.apply(void 0,pn(e.children))))),children:e.children}:e}}(r))}function _n(n){return Dn(n)?n.some(_n):En(n)?n.includes("\n"):!!In(n)&&((null===(r=n.children)||void 0===r?void 0:r.includes("\n"))||En(null===(e=n.children)||void 0===e?void 0:e[0])&&n.children[0].includes("\n"));var r,e}function Zn(n){var r=[],e=0;null==r[e]&&(r[e]=[]);var t=function(){e++,r[e]=[]};return Rn(n).forEach((function(n){_n(n)?En(n)?n.split("\n").forEach((function(n,i){i>0&&t(),n&&r[e].push(n)})):n.children[0].split("\n").forEach((function(i,o){o>0&&t(),r[e].push({kind:n.kind,children:[i]})})):n&&(En(n)||Wn(n))&&r[e].push(n)})),r}function zn(n){for(var r=n.lines,e=P(An),t=e.highlightLines,i=e.showLineNumbers,o=e.darkMode,l=e.lineNumberStart,a=pn(r);0===(null===(g=a[0])||void 0===g?void 0:g.length);){var g;a.shift()}for(;0===(null===(h=a[a.length-1])||void 0===h?void 0:h.length);){var h;a.pop()}return X(L.Fragment,null,a.map((function(n,r){var e,a=r+(null!=l?l:1),g=function(n){return t.some((function(r){if(null!=(e=r)&&"number"==typeof e)return n===r;var e;if(Dn(r)){var t=pn(r).sort((function(n,r){return n-r}));return n>=t[0]&&n<=t[1]}return!1}))}(a);i&&(e=a);var h=null!=n&&n.length?n.map(Tn):X("div",{className:O(Sn||(Sn=un(["\n              display: inline-block;\n            "])))});return X(Fn,{key:a,lineNumber:e,darkMode:o,highlighted:g},h)})))}var Jn,Gn,Kn={"after:highlight":function(n){var r=n._emitter.rootNode;n.react=X(zn,{lines:Zn(r.children)})}},Hn=["children","language","darkMode","showLineNumbers","lineNumberStart","highlightLines","className"];function Un(n){return"cs"!==n&&"js"!==n&&"ts"!==n}var Xn=!1;var Yn,$n,Qn,Vn,nr=O(Jn||(Jn=un(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),Z.code);function rr(n){var r=n.children,e=n.language,t=n.darkMode,i=void 0!==t&&t,o=n.showLineNumbers,l=void 0!==o&&o,a=n.lineNumberStart,g=n.highlightLines,h=void 0===g?[]:g,s=n.className,c=cn(n,Hn);Xn||function(){Xn=!0,jn();var n=Object.values(vn).filter(Un);n.forEach((function(n){"graphql"===n?G(J):J.registerLanguage(n,yn[n])})),J.configure({languages:n,tabReplace:"  "}),J.addPlugin(Kn)}();var u=D((function(){return e===wn.None?null:J.highlight(r,{language:e,ignoreIllegals:!0})}),[e,r]),d=null===u?X(zn,{lines:r.split("\n").map((function(n){return n?[n]:[]}))}):u.react,p=i?xn.Dark:xn.Light;return X(An.Provider,{value:{highlightLines:h,showLineNumbers:l,lineNumberStart:a,darkMode:i}},X("code",sn({},c,{className:S("lg-highlight-hljs-".concat(p),nr,e,s)}),X("table",{className:O(Gn||(Gn=un(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},X("tbody",null,d))))}function er(n,r,e){var t,i=O(Yn||(Yn=un(["\n    align-self: center;\n    color: ",";\n  "])),A.gray.base);return r?S(i,O($n||($n=un(["\n        color: ",";\n        background-color: ",";\n\n        &:focus {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n\n        &:hover {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n      "])),A.white,A.green.base,A.white,A.green.base,A.white,A.green.base)):n===xn.Dark?S(i,(hn(t={},O(Qn||(Qn=un(["\n        background-color: ",";\n      "])),A.gray.dark3),!e),hn(t,O(Vn||(Vn=un(["\n        background-color: ",";\n        color: ",";\n      "])),A.gray.dark2,A.gray.light2),e),t)):i}function tr(n){var r=n.onCopy,e=n.contents,t=n.darkMode,i=n.withLanguageSwitcher,o=void 0!==i&&i,l=dn(I(!1),2),a=l[0],g=l[1],h=dn(I(null),2),s=h[0],c=h[1],u=t?xn.Dark:xn.Light;E((function(){if(s){var n=new q(s,{text:function(){return e}});if(a){var r=setTimeout((function(){g(!1)}),1500);return function(){return clearTimeout(r)}}return function(){return n.destroy()}}}),[s,e,a]);return X(V,{ref:c,darkMode:t,"aria-label":"Copy",className:er(u,a,o),onClick:function(n){n.preventDefault(),r&&r(),g(!0)}},X(a?$:Q,null),a&&X(Y,{role:"alert"},"Copied!"))}rr.displayName="Syntax",rr.propTypes={children:B.string.isRequired,language:B.oneOf(Object.values(wn)),className:B.string,darkMode:B.bool,showLineNumbers:B.bool,lineNumberStart:B.number,highlightLines:B.arrayOf(B.oneOfType([B.arrayOf(B.number),B.number]))},tr.displayName="CopyButton";var ir,or,lr,ar,gr,hr,sr,cr,ur,dr,pr,fr,mr,br,yr=["className","children"],vr=O(ir||(ir=un(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-top: -2px;\n  margin-left: -1px;\n"]))),xr=O(or||(or=un(["\n  border-radius: 4px 0px 0px 0px;\n  margin-left: -12px;\n  border: 0;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n"]))),wr={light:O(lr||(lr=un(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),A.white,A.gray.light2,A.gray.light2,A.gray.light2),dark:O(ar||(ar=un(["\n    border-right: 1px solid ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),A.gray.dark3,A.gray.dark3,A.gray.dark1)},kr={light:O(gr||(gr=un(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),A.blue.light2),dark:O(hr||(hr=un(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),A.focus)},jr=O(sr||(sr=un(["\n  width: 144px;\n"]))),Nr=O(cr||(cr=un(["\n  margin-right: ","px;\n"])),_[3]);function Cr(n){var r,e=n.language,t=n.languageOptions,i=n.onChange,o=n.darkMode,l=n.usePortal,a=n.portalClassName,g=n.portalContainer,h=n.scrollContainer,s=n.popoverZIndex,c=z().usingKeyboard,u=o?"dark":"light",d=W(e),p=S(Nr,O(ur||(ur=un(["\n      color: ",";\n    "])),o?A.white:A.gray.dark1)),f=X(Q,{className:p});null!=e.image&&(r=e.image,f=rn(r)||nn(r,"Icon")?L.cloneElement(e.image,{className:p}):L.cloneElement(e.image,{className:Nr}));var m={popoverZIndex:s,usePortal:l,portalClassName:a,portalContainer:g,scrollContainer:h};return X("div",{className:vr},X(tn,sn({darkMode:o,onChange:function(n){if(""===n&&void 0!==d)return i(d);var r=t.find((function(r){return r.displayName===n}));void 0!==r&&i(r)},"aria-labelledby":"Language Picker",value:null==e?void 0:e.displayName,className:jr,allowDeselect:!1},m,{__INTERNAL__menuButtonSlot__:L.forwardRef((function(n,r){var e=n.className,t=n.children,i=cn(n,yr);return X(en,sn({},i,{className:S(e,xr,wr[u],hn({},kr[u],c)),darkMode:o,ref:r,leftGlyph:f}),t)}))}),null==t?void 0:t.map((function(n){return X(on,{key:null==n?void 0:n.displayName,value:null==n?void 0:n.displayName},null==n?void 0:n.displayName)}))))}Cr.displayName="LanguageSwitcher";var Or,Sr,Ar,Lr,Mr,Pr,Dr=O(dr||(dr=un(["\n  width: 38px;\n  border-left: solid 1px;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  padding-top: 6px;\n  align-items: center;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),_[1]),Ir=O(pr||(pr=un(["\n  min-height: ","px;\n  padding-top: ","px;\n"])),36,_[1]);function Er(n,r,e){if(!r)return S(Dr,Ir,hn({},Ir,!e),function(n){var r=kn[n];switch(n){case xn.Light:return O(fr||(fr=un(["\n        border-color: ",";\n        background-color: white;\n      "])),r[1]);case xn.Dark:return O(mr||(mr=un(["\n        border-color: ",";\n        background-color: ",";\n      "])),r[1],r[1])}}(n));var t=kn[n];return O(br||(br=un(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-left: 12px;\n    padding-right: 8px;\n    background-color: ",";\n    border-bottom: 1px solid ",";\n    gap: ","px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),t[4],t[1],_[1])}function Tr(n){var r=n.language,e=n.languageOptions,t=n.contents,i=n.onChange,o=n.onCopy,l=n.showCopyButton,a=n.darkMode,g=n.isMultiline,h=void 0!==g&&g,s=n.customActionButtons,c=n.showCustomActionButtons,u=n.usePortal,d=n.portalClassName,p=n.portalContainer,f=n.scrollContainer,m={popoverZIndex:n.popoverZIndex,usePortal:u,portalClassName:d,portalContainer:p,scrollContainer:f};return X("div",{className:Er(a?xn.Dark:xn.Light,!!r,h),"data-testid":"leafygreen-code-panel"},void 0!==r&&void 0!==e&&void 0!==i&&X(Cr,sn({onChange:i,language:r,languageOptions:e,darkMode:a},m)),l&&X(tr,{onCopy:o,darkMode:a,contents:t,withLanguageSwitcher:!!r}),c&&X(L.Fragment,null,null==s?void 0:s.map((function(n){return n}))))}Tr.displayName="Panel";var Br="light",qr="dark",Fr=O(Or||(Or=un(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n"])),28,12,12,4,4),Wr=O(Sr||(Sr=un(["\n  display: flex;\n  height: ","px;\n"])),12),Rr=O(Ar||(Ar=un(["\n  height: ","px;\n  width: ","px;\n"])),12,60),_r=O(Lr||(Lr=un(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function Zr(n){var r=n.color;return X("div",{className:O(Mr||(Mr=un(["\n        height: ","px;\n        width: ","px;\n        border-radius: 50px;\n        margin-right: 8px;\n        background-color: ",";\n        border: 1px solid ",";\n      "])),12,12,r,H(.03,r))})}function zr(n){var r=n.darkMode,e=void 0!==r&&r,t=n.chromeTitle,i=void 0===t?"":t,o=kn[e?qr:Br];return X("div",{className:S(Fr,O(Pr||(Pr=un(["\n          background-color: ",";\n          color: ",";\n        "])),o[1],o[2]))},X("div",{className:Wr},["#FF5952","#E7BF2A","#54C22C"].map((function(n){return X(Zr,{key:n,color:n})}))),X("div",{className:_r},i),X("div",{className:Rr}))}zr.displayName="WindowChrome",zr.propTypes={darkMode:B.bool,chromeTitle:B.string};var Jr,Gr,Kr,Hr,Ur,Xr,Yr,$r,Qr,Vr,ne,re,ee=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var te=function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e=r.literal,t=r.overlap,i=e?n:["&"].concat(n);function o(n){if("object"!=typeof n||null==n)return[];if(Array.isArray(n))return n.map(o);var r={},l={},a={};return Object.keys(n).forEach((function(g){var h=n[g];if(!Array.isArray(h)&&e&&(h=[h]),(e||Array.isArray(h))&&38!==g.charCodeAt(0)){var s=void 0;h.forEach((function(n,o){if((!t||s!==n)&&null!=n)if(s=n,0!==o||e)if(void 0===r[i[o]]){var l;r[i[o]]=((l={})[g]=n,l)}else r[i[o]][g]=n;else a[g]=n}))}else"object"==typeof h?l[g]=o(h):a[g]=h})),i.forEach((function(n){r[n]&&(a[n]=r[n])})),Object.assign(a,l),a}return function(){for(var n=arguments.length,r=Array(n),e=0;e<n;e++)r[e]=arguments[e];return r.map(o)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),ie=O(Jr||(Jr=un(["\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  flex-grow: 1;\n\n  ","\n"])),_[2],_[2],te({whiteSpace:["pre","pre-wrap","pre"]})),oe=O(Gr||(Gr=un(["\n  border-left: 0;\n"]))),le=O(Kr||(Kr=un(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),ae=O(Hr||(Hr=un(["\n  &:focus {\n    outline: none;\n  }\n"]))),ge=O(Ur||(Ur=un(["\n  display: flex;\n  flex-direction: column-reverse;\n  width: 700px;\n"])));var he="none",se="left",ce="right",ue="both";function de(n){var r=n.children,e=void 0===r?"":r,t=n.className,i=n.language,o=n.darkMode,l=void 0!==o&&o,a=n.showLineNumbers,g=void 0!==a&&a,h=n.lineNumberStart,s=void 0===h?1:h,c=n.showWindowChrome,u=void 0!==c&&c,d=n.chromeTitle,p=void 0===d?"":d,f=n.copyable,m=void 0===f||f,b=n.onCopy,y=n.highlightLines,v=void 0===y?[]:y,x=n.languageOptions,w=n.onChange,k=n.customActionButtons,j=void 0===k?[]:k,N=n.showCustomActionButtons,C=void 0!==N&&N,A=n.usePortal,L=void 0===A||A,M=n.portalClassName,P=n.portalContainer,B=n.scrollContainer,W=n.popoverZIndex,_=cn(n,ee),Z=T(null),J=z().usingKeyboard,G=dn(I(he),2),K=G[0],H=G[1],U=dn(I(!1),2),Y=U[0],$=U[1],Q=l?xn.Dark:xn.Light,V=D((function(){return e.trim().includes("\n")}),[e]),rn=j.filter((function(n){return!0===nn(n,"IconButton")})),en=C&&!!rn.length,tn=null==x?void 0:x.find((function(n){return n.displayName===i})),on=tn?tn.language:i;E((function(){$(m&&q.isSupported())}),[m,u]),R((function(){var n=Z.current;null!=n&&n.scrollWidth>n.clientWidth&&H(ce)}),[]);var ln=S(O(Vr||(Vr=un(["\n      border: ",";\n    "])),tn?"1px solid;":"2px solid;"),ie,function(n){var r=kn[n],e="dark"===n?"border: 0":"border-color: ".concat(r[1]);return O(Xr||(Xr=un(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),e,r[0],r[3])}(Q),hn({},oe,u),t,function(n,r){var e=kn[r],t=r===xn.Light?"rgba(93,108,116,0.3)":"rgba(0,0,0,0.35)";return n===ue?O(Yr||(Yr=un(["\n      box-shadow: inset 6px 0 6px -6px ",",\n        inset -6px 0 6px -6px ",", inset 0 6px 6px -6px ",",\n        inset 0 -6px 6px -6px ",";\n    "])),t,t,e[0],e[0]):n===se?O($r||($r=un(["\n      box-shadow: inset 6px 0 6px -6px ",";\n    "])),t):n===ce?O(Qr||(Qr=un(["\n      box-shadow: inset -6px 0 6px -6px ",";\n    "])),t):""}(K,Q),hn({},le,!V),hn({},ae,!J)),gn=X(rr,{showLineNumbers:g,lineNumberStart:s,darkMode:l,language:on,highlightLines:v},e);var pn=F((function(n){var r=n.target,e=r.scrollWidth,t=r.clientWidth;if(e>t){var i=n.target.scrollLeft,o=e-t;i>0&&i<o?H(ue):i>0?H(se):i<o&&H(ce)}}),50,{leading:!0}),fn=l?"border: 0":"border: 1px solid ".concat(kn[Q][1]),mn=O(ne||(ne=un(["\n    ",";\n    border-radius: 4px;\n    overflow: hidden;\n  "])),fn),bn=an({popoverZIndex:W},L?{usePortal:L,portalClassName:M,portalContainer:P,scrollContainer:B}:{usePortal:L});return X("div",{className:mn},u&&X(zr,{chromeTitle:p,darkMode:l}),X("div",{className:S(O(re||(re=un(["\n            display: flex;\n          "]))),hn({},ge,!!tn))},X("pre",sn({},_,{className:ln,onScroll:function(n){n.persist(),pn(n)},ref:Z,tabIndex:K!==he?0:-1}),gn),!u&&(m||!!tn||en)&&X(Tr,sn({language:tn,languageOptions:x,onChange:w,contents:e,onCopy:b,showCopyButton:Y,darkMode:l,isMultiline:V,customActionButtons:rn,showCustomActionButtons:en},bn))))}de.displayName="Code",de.propTypes={children:B.string.isRequired,language:B.oneOfType([B.oneOf(Object.values(wn)),B.string]),darkMode:B.bool,className:B.string,showLineNumbers:B.bool,lineNumberStart:B.number,showWindowChrome:B.bool,chromeTitle:B.string,highlightLines:B.arrayOf(B.oneOfType([B.arrayOf(B.number),B.number]))};export default de;export{wn as Language,xn as Mode,kn as variantColors};
 //# sourceMappingURL=index.js.map

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/ini"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/perl"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/properties"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/rust"),require("highlight.js/lib/languages/scala"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/kotlin"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/shell"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/yaml"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/xml"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/palette"),require("react"),require("prop-types"),require("clipboard"),require("lodash/debounce"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/leafygreen-provider"),require("highlight.js/lib/core"),require("highlightjs-graphql"),require("polished"),require("lodash/flatMap"),require("@emotion/react"),require("@leafygreen-ui/a11y"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Copy"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/button"),require("@leafygreen-ui/select")):"function"==typeof define&&define.amd?define(["exports","highlight.js/lib/languages/javascript","highlight.js/lib/languages/typescript","highlight.js/lib/languages/csharp","highlight.js/lib/languages/go","highlight.js/lib/languages/http","highlight.js/lib/languages/ini","highlight.js/lib/languages/java","highlight.js/lib/languages/perl","highlight.js/lib/languages/php","highlight.js/lib/languages/properties","highlight.js/lib/languages/python","highlight.js/lib/languages/ruby","highlight.js/lib/languages/rust","highlight.js/lib/languages/scala","highlight.js/lib/languages/swift","highlight.js/lib/languages/kotlin","highlight.js/lib/languages/objectivec","highlight.js/lib/languages/dart","highlight.js/lib/languages/bash","highlight.js/lib/languages/shell","highlight.js/lib/languages/sql","highlight.js/lib/languages/yaml","highlight.js/lib/languages/json","highlight.js/lib/languages/diff","highlight.js/lib/languages/xml","@leafygreen-ui/emotion","@leafygreen-ui/palette","react","prop-types","clipboard","lodash/debounce","@leafygreen-ui/hooks","@leafygreen-ui/tokens","@leafygreen-ui/leafygreen-provider","highlight.js/lib/core","highlightjs-graphql","polished","lodash/flatMap","@emotion/react","@leafygreen-ui/a11y","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/Copy","@leafygreen-ui/icon-button","@leafygreen-ui/lib","@leafygreen-ui/icon","@leafygreen-ui/button","@leafygreen-ui/select"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/code"]={},e.javascript,e.typescript,e.csharp,e.go,e.http,e.ini,e.java,e.perl,e.php,e.properties,e.python,e.ruby,e.rust,e.scala,e.swift,e.kotlin,e.objectivec,e.dart,e.bash,e.shell,e.sql,e.yaml,e.json,e.diff,e.xml,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/palette"],e.React,e.PropTypes,e.ClipboardJS,e.debounce,e["@leafygreen-ui/hooks"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/leafygreen-provider"],e.hljs,e.hljsDefineGraphQL,e.polished,e.flatMap,e.react,e["@leafygreen-ui/a11y"],e.Checkmark,e.Copy,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/button"],e["@leafygreen-ui/select"])}(this,(function(e,n,i,r,t,l,a,o,s,g,u,h,c,d,f,p,b,y,m,v,x,j,k,C,w,N,q,O,S,L,M,A,P,T,D,E,I,B,F,W,R,_,Z,G,z,J,K,U){"use strict";function H(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Q=H(n),V=H(i),X=H(r),Y=H(t),$=H(l),ee=H(a),ne=H(o),ie=H(s),re=H(g),te=H(u),le=H(h),ae=H(c),oe=H(d),se=H(f),ge=H(p),ue=H(b),he=H(y),ce=H(m),de=H(v),fe=H(x),pe=H(j),be=H(k),ye=H(C),me=H(w),ve=H(N),xe=H(S),je=H(L),ke=H(M),Ce=H(A),we=H(E),Ne=H(I),qe=H(F),Oe=H(_),Se=H(Z),Le=H(G),Me=H(K);function Ae(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,r)}return i}function Pe(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(i),!0).forEach((function(n){De(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Ae(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}function Te(e){return(Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function De(e,n,i){return n in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i,e}function Ee(){return(Ee=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var i=arguments[n];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e}).apply(this,arguments)}function Ie(e,n){if(null==e)return{};var i,r,t=function(e,n){if(null==e)return{};var i,r,t={},l=Object.keys(e);for(r=0;r<l.length;r++)i=l[r],n.indexOf(i)>=0||(t[i]=e[i]);return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)i=l[r],n.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(t[i]=e[i])}return t}function Be(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Fe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==i)return;var r,t,l=[],a=!0,o=!1;try{for(i=i.call(e);!(a=(r=i.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){o=!0,t=e}finally{try{a||null==i.return||i.return()}finally{if(o)throw t}}return l}(e,n)||Re(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function We(e){return function(e){if(Array.isArray(e))return _e(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Re(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Re(e,n){if(e){if("string"==typeof e)return _e(e,n);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_e(e,n):void 0}}function _e(e,n){(null==n||n>e.length)&&(n=e.length);for(var i=0,r=new Array(n);i<n;i++)r[i]=e[i];return r}var Ze,Ge={javascript:Q.default,typescript:V.default,csharp:X.default,go:Y.default,http:$.default,ini:ee.default,java:ne.default,perl:ie.default,php:re.default,properties:te.default,python:le.default,ruby:ae.default,rust:oe.default,scala:se.default,swift:ge.default,kotlin:ue.default,objectivec:he.default,dart:ce.default,bash:de.default,shell:fe.default,sql:pe.default,yaml:be.default,json:ye.default,diff:me.default,xml:ve.default},ze={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},Je={Light:"light",Dark:"dark"},Ke=Pe(Pe({},ze),{},{None:"none"}),Ue=(De(Ze={},Je.Light,{0:O.uiColors.gray.light3,1:O.uiColors.gray.light2,2:O.uiColors.gray.dark1,3:O.uiColors.black,4:O.uiColors.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),De(Ze,Je.Dark,{0:O.uiColors.black,1:O.uiColors.gray.dark3,2:"#919DA1",3:O.uiColors.gray.light3,4:O.uiColors.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),Ze);function He(){Object.values(Je).forEach((function(e){return q.injectGlobal(function(e){return"\n  .lg-highlight-hljs-".concat(e," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(Ue[e][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(Ue[e][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(Ue[e][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(Ue[e][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(Ue[e][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(Ue[e][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(Ue[e][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(Ue[e][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(Ue[e][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(e))}))}var Qe,Ve,Xe,Ye,$e=S.createContext({highlightLines:[],darkMode:!1});function en(){for(var e="lg-highlight-",n=arguments.length,i=new Array(n),r=0;r<n;r++)i[r]=arguments[r];return i.filter((function(e){return an(e)&&e.length>0})).map((function(n){return n.startsWith(e)?n:n.split(".").map((function(n){return"".concat(e).concat(n)})).join(" ")})).join(" ")}function nn(){for(var e=["function","class"],n=arguments.length,i=new Array(n),r=0;r<n;r++)i[r]=arguments[r];return i.filter((function(n){return e.includes(n)}))}function rn(e){var n=e.kind,i=e.children;return W.jsx("span",{className:n},i)}function tn(e){return null!=e&&e instanceof Array}function ln(e){return null!=e&&"object"===Te(e)&&!(e instanceof Array)}function an(e){return null!=e&&"string"==typeof e}function on(e,n){return null==e?null:an(e)?e:tn(e)?e.map(on):ln(e)?W.jsx(rn,{key:n,kind:e.kind},on(e.children)):e}var sn=q.css(Qe||(Qe=Be(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),T.spacing[3]);function gn(e){var n,i,r;return e?(n="transparent",i="linear-gradient(90deg, ".concat(O.uiColors.gray.dark3,", ").concat(B.transparentize(100,O.uiColors.gray.dark3),")"),r=O.uiColors.gray.dark3):(n=O.uiColors.yellow.light3,i="none",r=O.uiColors.yellow.light2),q.css(Ve||(Ve=Be(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),n,i,r,r,r)}function un(e){var n=e.lineNumber,i=e.highlighted,r=e.darkMode,t=e.children,l=O.uiColors.gray[r?"dark1":"light1"],a=r?O.uiColors.gray.light2:O.uiColors.yellow.dark2;return W.jsx("tr",{className:q.cx(De({},gn(r),i))},n&&W.jsx("td",{className:q.cx(sn,q.css(Xe||(Xe=Be(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),T.spacing[2],i?a:l))},n),W.jsx("td",{className:sn},t))}function hn(e){var n=(null!=e?e:{}).children;return!(!tn(n)||1!==n.length||!an(n[0]))}function cn(e,n){if("string"==typeof e)return e;if(null!=(i=e)&&"object"===Te(i)&&"string"==typeof i.kind&&i.children instanceof Array)return cn(e.children,n);var i;return qe.default(e,function e(){for(var i=arguments.length,r=new Array(i),t=0;t<i;t++)r[t]=arguments[t];return r=r.filter((function(e){return an(e)&&e.length>0})),function(i){var t,l;return an(i)?r.length>0?{kind:en.apply(void 0,[n].concat(We(r),We(nn(i)))),children:[i]}:i:(null!==(t=null==i||null===(l=i.children)||void 0===l?void 0:l.length)&&void 0!==t?t:0)>=1?qe.default(i.children,e.apply(void 0,[n,i.kind].concat(We(r)))):hn(i)?{kind:en.apply(void 0,[n,i.kind].concat(We(r),We(nn.apply(void 0,We(i.children))))),children:i.children}:i}}(n))}function dn(e){return tn(e)?e.some(dn):an(e)?e.includes("\n"):!!ln(e)&&((null===(n=e.children)||void 0===n?void 0:n.includes("\n"))||an(null===(i=e.children)||void 0===i?void 0:i[0])&&e.children[0].includes("\n"));var n,i}function fn(e){var n=[],i=0;null==n[i]&&(n[i]=[]);var r=function(){i++,n[i]=[]};return cn(e).forEach((function(e){dn(e)?an(e)?e.split("\n").forEach((function(e,t){t>0&&r(),e&&n[i].push(e)})):e.children[0].split("\n").forEach((function(t,l){l>0&&r(),n[i].push({kind:e.kind,children:[t]})})):e&&(an(e)||hn(e))&&n[i].push(e)})),n}function pn(e){for(var n=e.lines,i=S.useContext($e),r=i.highlightLines,t=i.showLineNumbers,l=i.darkMode,a=We(n);0===(null===(o=a[0])||void 0===o?void 0:o.length);){var o;a.shift()}for(;0===(null===(s=a[a.length-1])||void 0===s?void 0:s.length);){var s;a.pop()}return W.jsx(xe.default.Fragment,null,a.map((function(e,n){var i,a=n+1,o=function(e){return r.some((function(n){if(null!=(i=n)&&"number"==typeof i)return e===n;var i;if(tn(n)){var r=We(n).sort((function(e,n){return e-n}));return e>=r[0]&&e<=r[1]}return!1}))}(a);t&&(i=a);var s=null!=e&&e.length?e.map(on):W.jsx("div",{className:q.css(Ye||(Ye=Be(["\n              display: inline-block;\n            "])))});return W.jsx(un,{key:a,lineNumber:i,darkMode:l,highlighted:o},s)})))}var bn,yn,mn={"after:highlight":function(e){var n=e._emitter.rootNode;e.react=W.jsx(pn,{lines:fn(n.children)})}},vn=["children","language","darkMode","showLineNumbers","highlightLines","className"];function xn(e){return"cs"!==e&&"js"!==e&&"ts"!==e}var jn=!1;var kn,Cn,wn,Nn,qn=q.css(bn||(bn=Be(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),T.fontFamilies.code);function On(e){var n=e.children,i=e.language,r=e.darkMode,t=void 0!==r&&r,l=e.showLineNumbers,a=void 0!==l&&l,o=e.highlightLines,s=void 0===o?[]:o,g=e.className,u=Ie(e,vn);jn||function(){jn=!0,He();var e=Object.values(ze).filter(xn);e.forEach((function(e){"graphql"===e?Ne.default(we.default):we.default.registerLanguage(e,Ge[e])})),we.default.configure({languages:e,tabReplace:"  "}),we.default.addPlugin(mn)}();var h=S.useMemo((function(){return i===Ke.None?null:we.default.highlight(n,{language:i,ignoreIllegals:!0})}),[i,n]),c=null===h?W.jsx(pn,{lines:n.split("\n").map((function(e){return e?[e]:[]}))}):h.react,d=t?Je.Dark:Je.Light;return W.jsx($e.Provider,{value:{highlightLines:s,showLineNumbers:a,darkMode:t}},W.jsx("code",Ee({},u,{className:q.cx("lg-highlight-hljs-".concat(d),qn,i,g)}),W.jsx("table",{className:q.css(yn||(yn=Be(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},W.jsx("tbody",null,c))))}function Sn(e,n,i){var r,t=q.css(kn||(kn=Be(["\n    align-self: center;\n    color: ",";\n  "])),O.uiColors.gray.base);return n?q.cx(t,q.css(Cn||(Cn=Be(["\n        color: ",";\n        background-color: ",";\n\n        &:focus {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n\n        &:hover {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n      "])),O.uiColors.white,O.uiColors.green.base,O.uiColors.white,O.uiColors.green.base,O.uiColors.white,O.uiColors.green.base)):e===Je.Dark?q.cx(t,(De(r={},q.css(wn||(wn=Be(["\n        background-color: ",";\n      "])),O.uiColors.gray.dark3),!i),De(r,q.css(Nn||(Nn=Be(["\n        background-color: ",";\n        color: ",";\n      "])),O.uiColors.gray.dark2,O.uiColors.gray.light2),i),r)):t}function Ln(e){var n=e.onCopy,i=e.contents,r=e.darkMode,t=e.withLanguageSwitcher,l=void 0!==t&&t,a=Fe(S.useState(!1),2),o=a[0],s=a[1],g=Fe(S.useState(null),2),u=g[0],h=g[1],c=r?Je.Dark:Je.Light;S.useEffect((function(){if(u){var e=new ke.default(u,{text:function(){return i}});if(o){var n=setTimeout((function(){s(!1)}),1500);return function(){return clearTimeout(n)}}return function(){return e.destroy()}}}),[u,i,o]);return W.jsx(Le.default,{ref:h,darkMode:r,"aria-label":"Copy",className:Sn(c,o,l),onClick:function(e){e.preventDefault(),n&&n(),s(!0)}},o?W.jsx(Oe.default,null):W.jsx(Se.default,null),o&&W.jsx(R.VisuallyHidden,{role:"alert"},"Copied!"))}On.displayName="Syntax",On.propTypes={children:je.default.string.isRequired,language:je.default.oneOf(Object.values(Ke)),className:je.default.string,darkMode:je.default.bool,showLineNumbers:je.default.bool,highlightLines:je.default.arrayOf(je.default.oneOfType([je.default.arrayOf(je.default.number),je.default.number]))},Ln.displayName="CopyButton";var Mn,An,Pn,Tn,Dn,En,In,Bn,Fn,Wn,Rn,_n,Zn,Gn,zn=["className","children"],Jn=q.css(Mn||(Mn=Be(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-top: -2px;\n  margin-left: -1px;\n"]))),Kn=q.css(An||(An=Be(["\n  border-radius: 4px 0px 0px 0px;\n  margin-left: -12px;\n  border: 0;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n"]))),Un={light:q.css(Pn||(Pn=Be(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),O.uiColors.white,O.uiColors.gray.light2,O.uiColors.gray.light2,O.uiColors.gray.light2),dark:q.css(Tn||(Tn=Be(["\n    border-right: 1px solid ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),O.uiColors.gray.dark3,O.uiColors.gray.dark3,O.uiColors.gray.dark1)},Hn={light:q.css(Dn||(Dn=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.uiColors.blue.light2),dark:q.css(En||(En=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.uiColors.focus)},Qn=q.css(In||(In=Be(["\n  width: 144px;\n"]))),Vn=q.css(Bn||(Bn=Be(["\n  margin-right: ","px;\n"])),T.spacing[3]);function Xn(e){var n,i=e.language,r=e.languageOptions,t=e.onChange,l=e.darkMode,a=e.usePortal,o=e.portalClassName,s=e.portalContainer,g=e.scrollContainer,u=e.popoverZIndex,h=D.useUsingKeyboardContext().usingKeyboard,c=l?"dark":"light",d=P.usePrevious(i),f=q.cx(Vn,q.css(Fn||(Fn=Be(["\n      color: ",";\n    "])),l?O.uiColors.white:O.uiColors.gray.dark1)),p=W.jsx(Se.default,{className:f});null!=i.image&&(n=i.image,p=J.isComponentGlyph(n)||z.isComponentType(n,"Icon")?xe.default.cloneElement(i.image,{className:f}):xe.default.cloneElement(i.image,{className:Vn}));var b={popoverZIndex:u,usePortal:a,portalClassName:o,portalContainer:s,scrollContainer:g};return W.jsx("div",{className:Jn},W.jsx(U.Select,Ee({darkMode:l,onChange:function(e){if(""===e&&void 0!==d)return t(d);var n=r.find((function(n){return n.displayName===e}));void 0!==n&&t(n)},"aria-labelledby":"Language Picker",value:null==i?void 0:i.displayName,className:Qn,allowDeselect:!1},b,{__INTERNAL__menuButtonSlot__:xe.default.forwardRef((function(e,n){var i=e.className,r=e.children,t=Ie(e,zn);return W.jsx(Me.default,Ee({},t,{className:q.cx(i,Kn,Un[c],De({},Hn[c],h)),darkMode:l,ref:n,leftGlyph:p}),r)}))}),null==r?void 0:r.map((function(e){return W.jsx(U.Option,{key:null==e?void 0:e.displayName,value:null==e?void 0:e.displayName},null==e?void 0:e.displayName)}))))}Xn.displayName="LanguageSwitcher";var Yn,$n,ei,ni,ii,ri,ti=q.css(Wn||(Wn=Be(["\n  width: 38px;\n  border-left: solid 1px;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  padding-top: 6px;\n  align-items: center;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),T.spacing[1]),li=q.css(Rn||(Rn=Be(["\n  min-height: ","px;\n  padding-top: ","px;\n"])),36,T.spacing[1]);function ai(e,n,i){if(!n)return q.cx(ti,li,De({},li,!i),function(e){var n=Ue[e];switch(e){case Je.Light:return q.css(_n||(_n=Be(["\n        border-color: ",";\n        background-color: white;\n      "])),n[1]);case Je.Dark:return q.css(Zn||(Zn=Be(["\n        border-color: ",";\n        background-color: ",";\n      "])),n[1],n[1])}}(e));var r=Ue[e];return q.css(Gn||(Gn=Be(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-left: 12px;\n    padding-right: 8px;\n    background-color: ",";\n    border-bottom: 1px solid ",";\n    gap: ","px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),r[4],r[1],T.spacing[1])}function oi(e){var n=e.language,i=e.languageOptions,r=e.contents,t=e.onChange,l=e.onCopy,a=e.showCopyButton,o=e.darkMode,s=e.isMultiline,g=void 0!==s&&s,u=e.customActionButtons,h=e.showCustomActionButtons,c=e.usePortal,d=e.portalClassName,f=e.portalContainer,p=e.scrollContainer,b=e.popoverZIndex,y=o?Je.Dark:Je.Light,m={popoverZIndex:b,usePortal:c,portalClassName:d,portalContainer:f,scrollContainer:p};return W.jsx("div",{className:ai(y,!!n,g),"data-testid":"leafygreen-code-panel"},void 0!==n&&void 0!==i&&void 0!==t&&W.jsx(Xn,Ee({onChange:t,language:n,languageOptions:i,darkMode:o},m)),a&&W.jsx(Ln,{onCopy:l,darkMode:o,contents:r,withLanguageSwitcher:!!n}),h&&W.jsx(xe.default.Fragment,null,null==u?void 0:u.map((function(e){return e}))))}oi.displayName="Panel";var si="light",gi="dark",ui=12,hi=q.css(Yn||(Yn=Be(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n"])),28,ui,ui,4,4),ci=q.css($n||($n=Be(["\n  display: flex;\n  height: ","px;\n"])),ui),di=q.css(ei||(ei=Be(["\n  height: ","px;\n  width: ","px;\n"])),ui,60),fi=q.css(ni||(ni=Be(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function pi(e){var n=e.color;return W.jsx("div",{className:q.css(ii||(ii=Be(["\n        height: ","px;\n        width: ","px;\n        border-radius: 50px;\n        margin-right: 8px;\n        background-color: ",";\n        border: 1px solid ",";\n      "])),ui,ui,n,B.darken(.03,n))})}function bi(e){var n=e.darkMode,i=void 0!==n&&n,r=e.chromeTitle,t=void 0===r?"":r,l=Ue[i?gi:si];return W.jsx("div",{className:q.cx(hi,q.css(ri||(ri=Be(["\n          background-color: ",";\n          color: ",";\n        "])),l[1],l[2]))},W.jsx("div",{className:ci},["#FF5952","#E7BF2A","#54C22C"].map((function(e){return W.jsx(pi,{key:e,color:e})}))),W.jsx("div",{className:fi},t),W.jsx("div",{className:di}))}bi.displayName="WindowChrome",bi.propTypes={darkMode:je.default.bool,chromeTitle:je.default.string};var yi,mi,vi,xi,ji,ki,Ci,wi,Ni,qi,Oi,Si,Li=["children","className","language","darkMode","showLineNumbers","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Mi=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=n.literal,r=n.overlap,t=i?e:["&"].concat(e);function l(e){if("object"!=typeof e||null==e)return[];if(Array.isArray(e))return e.map(l);var n={},a={},o={};return Object.keys(e).forEach((function(s){var g=e[s];if(!Array.isArray(g)&&i&&(g=[g]),(i||Array.isArray(g))&&38!==s.charCodeAt(0)){var u=void 0;g.forEach((function(e,l){if((!r||u!==e)&&null!=e)if(u=e,0!==l||i)if(void 0===n[t[l]]){var a;n[t[l]]=((a={})[s]=e,a)}else n[t[l]][s]=e;else o[s]=e}))}else"object"==typeof g?a[s]=l(g):o[s]=g})),t.forEach((function(e){n[e]&&(o[e]=n[e])})),Object.assign(o,a),o}return function(){for(var e=arguments.length,n=Array(e),i=0;i<e;i++)n[i]=arguments[i];return n.map(l)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),Ai=q.css(yi||(yi=Be(["\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  flex-grow: 1;\n\n  ","\n"])),T.spacing[2],T.spacing[2],Mi({whiteSpace:["pre","pre-wrap","pre"]})),Pi=q.css(mi||(mi=Be(["\n  border-left: 0;\n"]))),Ti=q.css(vi||(vi=Be(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),Di=q.css(xi||(xi=Be(["\n  &:focus {\n    outline: none;\n  }\n"]))),Ei=q.css(ji||(ji=Be(["\n  display: flex;\n  flex-direction: column-reverse;\n  width: 700px;\n"])));var Ii="none",Bi="left",Fi="right",Wi="both";function Ri(e){var n=e.children,i=void 0===n?"":n,r=e.className,t=e.language,l=e.darkMode,a=void 0!==l&&l,o=e.showLineNumbers,s=void 0!==o&&o,g=e.showWindowChrome,u=void 0!==g&&g,h=e.chromeTitle,c=void 0===h?"":h,d=e.copyable,f=void 0===d||d,p=e.onCopy,b=e.highlightLines,y=void 0===b?[]:b,m=e.languageOptions,v=e.onChange,x=e.customActionButtons,j=void 0===x?[]:x,k=e.showCustomActionButtons,C=void 0!==k&&k,w=e.usePortal,N=void 0===w||w,O=e.portalClassName,L=e.portalContainer,M=e.scrollContainer,A=e.popoverZIndex,T=Ie(e,Li),E=S.useRef(null),I=D.useUsingKeyboardContext().usingKeyboard,B=Fe(S.useState(Ii),2),F=B[0],R=B[1],_=Fe(S.useState(!1),2),Z=_[0],G=_[1],J=a?Je.Dark:Je.Light,K=S.useMemo((function(){return i.trim().includes("\n")}),[i]),U=j.filter((function(e){return!0===z.isComponentType(e,"IconButton")})),H=C&&!!U.length,Q=null==m?void 0:m.find((function(e){return e.displayName===t})),V=Q?Q.language:t;S.useEffect((function(){G(f&&ke.default.isSupported())}),[f,u]),P.useIsomorphicLayoutEffect((function(){var e=E.current;null!=e&&e.scrollWidth>e.clientWidth&&R(Fi)}),[]);var X=q.cx(q.css(qi||(qi=Be(["\n      border: ",";\n    "])),Q?"1px solid;":"2px solid;"),Ai,function(e){var n=Ue[e],i="dark"===e?"border: 0":"border-color: ".concat(n[1]);return q.css(ki||(ki=Be(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),i,n[0],n[3])}(J),De({},Pi,u),r,function(e,n){var i=Ue[n],r=n===Je.Light?"rgba(93,108,116,0.3)":"rgba(0,0,0,0.35)";return e===Wi?q.css(Ci||(Ci=Be(["\n      box-shadow: inset 6px 0 6px -6px ",",\n        inset -6px 0 6px -6px ",", inset 0 6px 6px -6px ",",\n        inset 0 -6px 6px -6px ",";\n    "])),r,r,i[0],i[0]):e===Bi?q.css(wi||(wi=Be(["\n      box-shadow: inset 6px 0 6px -6px ",";\n    "])),r):e===Fi?q.css(Ni||(Ni=Be(["\n      box-shadow: inset -6px 0 6px -6px ",";\n    "])),r):""}(F,J),De({},Ti,!K),De({},Di,!I)),Y=W.jsx(On,{showLineNumbers:s,darkMode:a,language:V,highlightLines:y},i);var $=Ce.default((function(e){var n=e.target,i=n.scrollWidth,r=n.clientWidth;if(i>r){var t=e.target.scrollLeft,l=i-r;t>0&&t<l?R(Wi):t>0?R(Bi):t<l&&R(Fi)}}),50,{leading:!0}),ee=a?"border: 0":"border: 1px solid ".concat(Ue[J][1]),ne=q.css(Oi||(Oi=Be(["\n    ",";\n    border-radius: 4px;\n    overflow: hidden;\n  "])),ee),ie=Pe({popoverZIndex:A},N?{usePortal:N,portalClassName:O,portalContainer:L,scrollContainer:M}:{usePortal:N});return W.jsx("div",{className:ne},u&&W.jsx(bi,{chromeTitle:c,darkMode:a}),W.jsx("div",{className:q.cx(q.css(Si||(Si=Be(["\n            display: flex;\n          "]))),De({},Ei,!!Q))},W.jsx("pre",Ee({},T,{className:X,onScroll:function(e){e.persist(),$(e)},ref:E,tabIndex:F!==Ii?0:-1}),Y),!u&&(f||!!Q||H)&&W.jsx(oi,Ee({language:Q,languageOptions:m,onChange:v,contents:i,onCopy:p,showCopyButton:Z,darkMode:a,isMultiline:K,customActionButtons:U,showCustomActionButtons:H},ie))))}Ri.displayName="Code",Ri.propTypes={children:je.default.string.isRequired,language:je.default.oneOfType([je.default.oneOf(Object.values(Ke)),je.default.string]),darkMode:je.default.bool,className:je.default.string,showLineNumbers:je.default.bool,showWindowChrome:je.default.bool,chromeTitle:je.default.string,highlightLines:je.default.arrayOf(je.default.oneOfType([je.default.arrayOf(je.default.number),je.default.number]))},e.Language=Ke,e.Mode=Je,e.default=Ri,e.variantColors=Ue,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/ini"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/perl"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/properties"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/rust"),require("highlight.js/lib/languages/scala"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/kotlin"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/shell"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/yaml"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/xml"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/palette"),require("react"),require("prop-types"),require("clipboard"),require("lodash/debounce"),require("@leafygreen-ui/hooks"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/leafygreen-provider"),require("highlight.js/lib/core"),require("highlightjs-graphql"),require("polished"),require("lodash/flatMap"),require("@emotion/react"),require("@leafygreen-ui/a11y"),require("@leafygreen-ui/icon/dist/Checkmark"),require("@leafygreen-ui/icon/dist/Copy"),require("@leafygreen-ui/icon-button"),require("@leafygreen-ui/lib"),require("@leafygreen-ui/icon"),require("@leafygreen-ui/button"),require("@leafygreen-ui/select")):"function"==typeof define&&define.amd?define(["exports","highlight.js/lib/languages/javascript","highlight.js/lib/languages/typescript","highlight.js/lib/languages/csharp","highlight.js/lib/languages/go","highlight.js/lib/languages/http","highlight.js/lib/languages/ini","highlight.js/lib/languages/java","highlight.js/lib/languages/perl","highlight.js/lib/languages/php","highlight.js/lib/languages/properties","highlight.js/lib/languages/python","highlight.js/lib/languages/ruby","highlight.js/lib/languages/rust","highlight.js/lib/languages/scala","highlight.js/lib/languages/swift","highlight.js/lib/languages/kotlin","highlight.js/lib/languages/objectivec","highlight.js/lib/languages/dart","highlight.js/lib/languages/bash","highlight.js/lib/languages/shell","highlight.js/lib/languages/sql","highlight.js/lib/languages/yaml","highlight.js/lib/languages/json","highlight.js/lib/languages/diff","highlight.js/lib/languages/xml","@leafygreen-ui/emotion","@leafygreen-ui/palette","react","prop-types","clipboard","lodash/debounce","@leafygreen-ui/hooks","@leafygreen-ui/tokens","@leafygreen-ui/leafygreen-provider","highlight.js/lib/core","highlightjs-graphql","polished","lodash/flatMap","@emotion/react","@leafygreen-ui/a11y","@leafygreen-ui/icon/dist/Checkmark","@leafygreen-ui/icon/dist/Copy","@leafygreen-ui/icon-button","@leafygreen-ui/lib","@leafygreen-ui/icon","@leafygreen-ui/button","@leafygreen-ui/select"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/code"]={},e.javascript,e.typescript,e.csharp,e.go,e.http,e.ini,e.java,e.perl,e.php,e.properties,e.python,e.ruby,e.rust,e.scala,e.swift,e.kotlin,e.objectivec,e.dart,e.bash,e.shell,e.sql,e.yaml,e.json,e.diff,e.xml,e["@leafygreen-ui/emotion"],e["@leafygreen-ui/palette"],e.React,e.PropTypes,e.ClipboardJS,e.debounce,e["@leafygreen-ui/hooks"],e["@leafygreen-ui/tokens"],e["@leafygreen-ui/leafygreen-provider"],e.hljs,e.hljsDefineGraphQL,e.polished,e.flatMap,e.react,e["@leafygreen-ui/a11y"],e.Checkmark,e.Copy,e["@leafygreen-ui/icon-button"],e["@leafygreen-ui/lib"],e["@leafygreen-ui/icon"],e["@leafygreen-ui/button"],e["@leafygreen-ui/select"])}(this,(function(e,n,r,i,t,l,a,o,s,u,g,h,c,d,f,p,b,y,m,v,x,j,k,C,w,N,q,O,S,L,M,A,P,T,D,E,I,B,F,W,R,_,Z,G,z,J,K,U){"use strict";function H(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var Q=H(n),V=H(r),X=H(i),Y=H(t),$=H(l),ee=H(a),ne=H(o),re=H(s),ie=H(u),te=H(g),le=H(h),ae=H(c),oe=H(d),se=H(f),ue=H(p),ge=H(b),he=H(y),ce=H(m),de=H(v),fe=H(x),pe=H(j),be=H(k),ye=H(C),me=H(w),ve=H(N),xe=H(S),je=H(L),ke=H(M),Ce=H(A),we=H(E),Ne=H(I),qe=H(F),Oe=H(_),Se=H(Z),Le=H(G),Me=H(K);function Ae(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,i)}return r}function Pe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(r),!0).forEach((function(n){De(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ae(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Te(e){return(Te="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function De(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Ee(){return(Ee=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}function Ie(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},l=Object.keys(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}function Be(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function Fe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var i,t,l=[],a=!0,o=!1;try{for(r=r.call(e);!(a=(i=r.next()).done)&&(l.push(i.value),!n||l.length!==n);a=!0);}catch(e){o=!0,t=e}finally{try{a||null==r.return||r.return()}finally{if(o)throw t}}return l}(e,n)||Re(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function We(e){return function(e){if(Array.isArray(e))return _e(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Re(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Re(e,n){if(e){if("string"==typeof e)return _e(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_e(e,n):void 0}}function _e(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,i=new Array(n);r<n;r++)i[r]=e[r];return i}var Ze,Ge={javascript:Q.default,typescript:V.default,csharp:X.default,go:Y.default,http:$.default,ini:ee.default,java:ne.default,perl:re.default,php:ie.default,properties:te.default,python:le.default,ruby:ae.default,rust:oe.default,scala:se.default,swift:ue.default,kotlin:ge.default,objectivec:he.default,dart:ce.default,bash:de.default,shell:fe.default,sql:pe.default,yaml:be.default,json:ye.default,diff:me.default,xml:ve.default},ze={JavaScript:"javascript",JS:"js",TypeScript:"typescript",TS:"ts",Csharp:"csharp",Cs:"cs",Go:"go",Http:"http",Ini:"ini",Java:"java",Perl:"perl",Php:"php",Properties:"properties",Python:"python",Ruby:"ruby",Rust:"rust",Scala:"scala",Swift:"swift",Kotlin:"kotlin",ObjectiveC:"objectivec",Dart:"dart",Bash:"bash",Shell:"shell",Sql:"sql",Yaml:"yaml",Json:"json",Graphql:"graphql",Diff:"diff",Xml:"xml"},Je={Light:"light",Dark:"dark"},Ke=Pe(Pe({},ze),{},{None:"none"}),Ue=(De(Ze={},Je.Light,{0:O.uiColors.gray.light3,1:O.uiColors.gray.light2,2:O.uiColors.gray.dark1,3:O.uiColors.black,4:O.uiColors.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),De(Ze,Je.Dark,{0:O.uiColors.black,1:O.uiColors.gray.dark3,2:"#919DA1",3:O.uiColors.gray.light3,4:O.uiColors.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),Ze);function He(){Object.values(Je).forEach((function(e){return q.injectGlobal(function(e){return"\n  .lg-highlight-hljs-".concat(e," {\n    \n    .lg-highlight-keyword,\n    .lg-highlight-keyword.lg-highlight-function,\n    .lg-highlight-keyword.lg-highlight-class,\n    .lg-highlight-selector-tag,\n    .lg-highlight-selector-attr,\n    .lg-highlight-selector-pseudo,\n    .lg-highlight-selector-id,\n    .lg-highlight-selector-class {\n      color: ").concat(Ue[e][10],";\n    }\n\n    .lg-highlight-regexp,\n    .lg-highlight-number,\n    .lg-highlight-literal,\n    .lg-highlight-function.lg-highlight-title {\n      color: ").concat(Ue[e][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(Ue[e][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(Ue[e][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(Ue[e][6],";\n    }\n\n    .lg-highlight-variable,\n    .lg-highlight-deletion,\n    .lg-highlight-symbol,\n    .lg-highlight-bullet,\n    .lg-highlight-meta,\n    .lg-highlight-link,\n    .lg-highlight-attr,\n    .lg-highlight-attribute,\n    .lg-highlight-language,\n    .lg-highlight-template-variable,\n    .lg-highlight-built_in,\n    .lg-highlight-type,\n    .lg-highlight-params {\n      color: ").concat(Ue[e][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(Ue[e][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(Ue[e][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(Ue[e][2],";\n      font-style: italic;\n    }\n  \n    .lg-highlight-string {\n      font-weight: 600;\n    }\n    \n    .lg-highlight-emphasis {\n      font-style: italic;\n    }\n  \n    .lg-highlight-strong {\n      font-weight: bold;\n    }\n  }\n")}(e))}))}var Qe,Ve,Xe,Ye,$e=S.createContext({highlightLines:[],darkMode:!1});function en(){for(var e="lg-highlight-",n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.filter((function(e){return an(e)&&e.length>0})).map((function(n){return n.startsWith(e)?n:n.split(".").map((function(n){return"".concat(e).concat(n)})).join(" ")})).join(" ")}function nn(){for(var e=["function","class"],n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.filter((function(n){return e.includes(n)}))}function rn(e){var n=e.kind,r=e.children;return W.jsx("span",{className:n},r)}function tn(e){return null!=e&&e instanceof Array}function ln(e){return null!=e&&"object"===Te(e)&&!(e instanceof Array)}function an(e){return null!=e&&"string"==typeof e}function on(e,n){return null==e?null:an(e)?e:tn(e)?e.map(on):ln(e)?W.jsx(rn,{key:n,kind:e.kind},on(e.children)):e}var sn=q.css(Qe||(Qe=Be(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),T.spacing[3]);function un(e){var n,r,i;return e?(n="transparent",r="linear-gradient(90deg, ".concat(O.uiColors.gray.dark3,", ").concat(B.transparentize(100,O.uiColors.gray.dark3),")"),i=O.uiColors.gray.dark3):(n=O.uiColors.yellow.light3,r="none",i=O.uiColors.yellow.light2),q.css(Ve||(Ve=Be(["\n    background-color: ",";\n    background-image: ",";\n    // Fixes an issue in Safari where the gradient applied to the table row would be applied\n    // to each cell in the row instead of being continuous across cells.\n    background-attachment: fixed;\n\n    // Selects all children of a highlighted row, and adds a border top\n    & > td {\n      border-top: 1px solid ",";\n    }\n\n    // Selects following rows after a highlighted row, and adds a border top\n    // We don't add border bottoms here to support consecutive highlighted rows.\n    & + tr > td {\n      border-top: 1px solid ",";\n    }\n\n    // Remove borders between consecutive highlighted rows\n    & + & > td {\n      border-top: 0;\n    }\n\n    // If the highlighted row is the last child, then we add a border bottom\n    &:last-child > td {\n      border-bottom: 1px solid ",";\n    }\n  "])),n,r,i,i,i)}function gn(e){var n=e.lineNumber,r=e.highlighted,i=e.darkMode,t=e.children,l=O.uiColors.gray[i?"dark1":"light1"],a=i?O.uiColors.gray.light2:O.uiColors.yellow.dark2;return W.jsx("tr",{className:q.cx(De({},un(i),r))},n&&W.jsx("td",{className:q.cx(sn,q.css(Xe||(Xe=Be(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),T.spacing[2],r?a:l))},n),W.jsx("td",{className:sn},t))}function hn(e){var n=(null!=e?e:{}).children;return!(!tn(n)||1!==n.length||!an(n[0]))}function cn(e,n){if("string"==typeof e)return e;if(null!=(r=e)&&"object"===Te(r)&&"string"==typeof r.kind&&r.children instanceof Array)return cn(e.children,n);var r;return qe.default(e,function e(){for(var r=arguments.length,i=new Array(r),t=0;t<r;t++)i[t]=arguments[t];return i=i.filter((function(e){return an(e)&&e.length>0})),function(r){var t,l;return an(r)?i.length>0?{kind:en.apply(void 0,[n].concat(We(i),We(nn(r)))),children:[r]}:r:(null!==(t=null==r||null===(l=r.children)||void 0===l?void 0:l.length)&&void 0!==t?t:0)>=1?qe.default(r.children,e.apply(void 0,[n,r.kind].concat(We(i)))):hn(r)?{kind:en.apply(void 0,[n,r.kind].concat(We(i),We(nn.apply(void 0,We(r.children))))),children:r.children}:r}}(n))}function dn(e){return tn(e)?e.some(dn):an(e)?e.includes("\n"):!!ln(e)&&((null===(n=e.children)||void 0===n?void 0:n.includes("\n"))||an(null===(r=e.children)||void 0===r?void 0:r[0])&&e.children[0].includes("\n"));var n,r}function fn(e){var n=[],r=0;null==n[r]&&(n[r]=[]);var i=function(){r++,n[r]=[]};return cn(e).forEach((function(e){dn(e)?an(e)?e.split("\n").forEach((function(e,t){t>0&&i(),e&&n[r].push(e)})):e.children[0].split("\n").forEach((function(t,l){l>0&&i(),n[r].push({kind:e.kind,children:[t]})})):e&&(an(e)||hn(e))&&n[r].push(e)})),n}function pn(e){for(var n=e.lines,r=S.useContext($e),i=r.highlightLines,t=r.showLineNumbers,l=r.darkMode,a=r.lineNumberStart,o=We(n);0===(null===(s=o[0])||void 0===s?void 0:s.length);){var s;o.shift()}for(;0===(null===(u=o[o.length-1])||void 0===u?void 0:u.length);){var u;o.pop()}return W.jsx(xe.default.Fragment,null,o.map((function(e,n){var r,o=n+(null!=a?a:1),s=function(e){return i.some((function(n){if(null!=(r=n)&&"number"==typeof r)return e===n;var r;if(tn(n)){var i=We(n).sort((function(e,n){return e-n}));return e>=i[0]&&e<=i[1]}return!1}))}(o);t&&(r=o);var u=null!=e&&e.length?e.map(on):W.jsx("div",{className:q.css(Ye||(Ye=Be(["\n              display: inline-block;\n            "])))});return W.jsx(gn,{key:o,lineNumber:r,darkMode:l,highlighted:s},u)})))}var bn,yn,mn={"after:highlight":function(e){var n=e._emitter.rootNode;e.react=W.jsx(pn,{lines:fn(n.children)})}},vn=["children","language","darkMode","showLineNumbers","lineNumberStart","highlightLines","className"];function xn(e){return"cs"!==e&&"js"!==e&&"ts"!==e}var jn=!1;var kn,Cn,wn,Nn,qn=q.css(bn||(bn=Be(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),T.fontFamilies.code);function On(e){var n=e.children,r=e.language,i=e.darkMode,t=void 0!==i&&i,l=e.showLineNumbers,a=void 0!==l&&l,o=e.lineNumberStart,s=e.highlightLines,u=void 0===s?[]:s,g=e.className,h=Ie(e,vn);jn||function(){jn=!0,He();var e=Object.values(ze).filter(xn);e.forEach((function(e){"graphql"===e?Ne.default(we.default):we.default.registerLanguage(e,Ge[e])})),we.default.configure({languages:e,tabReplace:"  "}),we.default.addPlugin(mn)}();var c=S.useMemo((function(){return r===Ke.None?null:we.default.highlight(n,{language:r,ignoreIllegals:!0})}),[r,n]),d=null===c?W.jsx(pn,{lines:n.split("\n").map((function(e){return e?[e]:[]}))}):c.react,f=t?Je.Dark:Je.Light;return W.jsx($e.Provider,{value:{highlightLines:u,showLineNumbers:a,lineNumberStart:o,darkMode:t}},W.jsx("code",Ee({},h,{className:q.cx("lg-highlight-hljs-".concat(f),qn,r,g)}),W.jsx("table",{className:q.css(yn||(yn=Be(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},W.jsx("tbody",null,d))))}function Sn(e,n,r){var i,t=q.css(kn||(kn=Be(["\n    align-self: center;\n    color: ",";\n  "])),O.uiColors.gray.base);return n?q.cx(t,q.css(Cn||(Cn=Be(["\n        color: ",";\n        background-color: ",";\n\n        &:focus {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n\n        &:hover {\n          color: ",";\n\n          &:before {\n            background-color: ",";\n          }\n        }\n      "])),O.uiColors.white,O.uiColors.green.base,O.uiColors.white,O.uiColors.green.base,O.uiColors.white,O.uiColors.green.base)):e===Je.Dark?q.cx(t,(De(i={},q.css(wn||(wn=Be(["\n        background-color: ",";\n      "])),O.uiColors.gray.dark3),!r),De(i,q.css(Nn||(Nn=Be(["\n        background-color: ",";\n        color: ",";\n      "])),O.uiColors.gray.dark2,O.uiColors.gray.light2),r),i)):t}function Ln(e){var n=e.onCopy,r=e.contents,i=e.darkMode,t=e.withLanguageSwitcher,l=void 0!==t&&t,a=Fe(S.useState(!1),2),o=a[0],s=a[1],u=Fe(S.useState(null),2),g=u[0],h=u[1],c=i?Je.Dark:Je.Light;S.useEffect((function(){if(g){var e=new ke.default(g,{text:function(){return r}});if(o){var n=setTimeout((function(){s(!1)}),1500);return function(){return clearTimeout(n)}}return function(){return e.destroy()}}}),[g,r,o]);return W.jsx(Le.default,{ref:h,darkMode:i,"aria-label":"Copy",className:Sn(c,o,l),onClick:function(e){e.preventDefault(),n&&n(),s(!0)}},o?W.jsx(Oe.default,null):W.jsx(Se.default,null),o&&W.jsx(R.VisuallyHidden,{role:"alert"},"Copied!"))}On.displayName="Syntax",On.propTypes={children:je.default.string.isRequired,language:je.default.oneOf(Object.values(Ke)),className:je.default.string,darkMode:je.default.bool,showLineNumbers:je.default.bool,lineNumberStart:je.default.number,highlightLines:je.default.arrayOf(je.default.oneOfType([je.default.arrayOf(je.default.number),je.default.number]))},Ln.displayName="CopyButton";var Mn,An,Pn,Tn,Dn,En,In,Bn,Fn,Wn,Rn,_n,Zn,Gn,zn=["className","children"],Jn=q.css(Mn||(Mn=Be(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-top: -2px;\n  margin-left: -1px;\n"]))),Kn=q.css(An||(An=Be(["\n  border-radius: 4px 0px 0px 0px;\n  margin-left: -12px;\n  border: 0;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n"]))),Un={light:q.css(Pn||(Pn=Be(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),O.uiColors.white,O.uiColors.gray.light2,O.uiColors.gray.light2,O.uiColors.gray.light2),dark:q.css(Tn||(Tn=Be(["\n    border-right: 1px solid ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),O.uiColors.gray.dark3,O.uiColors.gray.dark3,O.uiColors.gray.dark1)},Hn={light:q.css(Dn||(Dn=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.uiColors.blue.light2),dark:q.css(En||(En=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),O.uiColors.focus)},Qn=q.css(In||(In=Be(["\n  width: 144px;\n"]))),Vn=q.css(Bn||(Bn=Be(["\n  margin-right: ","px;\n"])),T.spacing[3]);function Xn(e){var n,r=e.language,i=e.languageOptions,t=e.onChange,l=e.darkMode,a=e.usePortal,o=e.portalClassName,s=e.portalContainer,u=e.scrollContainer,g=e.popoverZIndex,h=D.useUsingKeyboardContext().usingKeyboard,c=l?"dark":"light",d=P.usePrevious(r),f=q.cx(Vn,q.css(Fn||(Fn=Be(["\n      color: ",";\n    "])),l?O.uiColors.white:O.uiColors.gray.dark1)),p=W.jsx(Se.default,{className:f});null!=r.image&&(n=r.image,p=J.isComponentGlyph(n)||z.isComponentType(n,"Icon")?xe.default.cloneElement(r.image,{className:f}):xe.default.cloneElement(r.image,{className:Vn}));var b={popoverZIndex:g,usePortal:a,portalClassName:o,portalContainer:s,scrollContainer:u};return W.jsx("div",{className:Jn},W.jsx(U.Select,Ee({darkMode:l,onChange:function(e){if(""===e&&void 0!==d)return t(d);var n=i.find((function(n){return n.displayName===e}));void 0!==n&&t(n)},"aria-labelledby":"Language Picker",value:null==r?void 0:r.displayName,className:Qn,allowDeselect:!1},b,{__INTERNAL__menuButtonSlot__:xe.default.forwardRef((function(e,n){var r=e.className,i=e.children,t=Ie(e,zn);return W.jsx(Me.default,Ee({},t,{className:q.cx(r,Kn,Un[c],De({},Hn[c],h)),darkMode:l,ref:n,leftGlyph:p}),i)}))}),null==i?void 0:i.map((function(e){return W.jsx(U.Option,{key:null==e?void 0:e.displayName,value:null==e?void 0:e.displayName},null==e?void 0:e.displayName)}))))}Xn.displayName="LanguageSwitcher";var Yn,$n,er,nr,rr,ir,tr=q.css(Wn||(Wn=Be(["\n  width: 38px;\n  border-left: solid 1px;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  padding-top: 6px;\n  align-items: center;\n  gap: ","px;\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n"])),T.spacing[1]),lr=q.css(Rn||(Rn=Be(["\n  min-height: ","px;\n  padding-top: ","px;\n"])),36,T.spacing[1]);function ar(e,n,r){if(!n)return q.cx(tr,lr,De({},lr,!r),function(e){var n=Ue[e];switch(e){case Je.Light:return q.css(_n||(_n=Be(["\n        border-color: ",";\n        background-color: white;\n      "])),n[1]);case Je.Dark:return q.css(Zn||(Zn=Be(["\n        border-color: ",";\n        background-color: ",";\n      "])),n[1],n[1])}}(e));var i=Ue[e];return q.css(Gn||(Gn=Be(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-left: 12px;\n    padding-right: 8px;\n    background-color: ",";\n    border-bottom: 1px solid ",";\n    gap: ","px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),i[4],i[1],T.spacing[1])}function or(e){var n=e.language,r=e.languageOptions,i=e.contents,t=e.onChange,l=e.onCopy,a=e.showCopyButton,o=e.darkMode,s=e.isMultiline,u=void 0!==s&&s,g=e.customActionButtons,h=e.showCustomActionButtons,c=e.usePortal,d=e.portalClassName,f=e.portalContainer,p=e.scrollContainer,b=e.popoverZIndex,y=o?Je.Dark:Je.Light,m={popoverZIndex:b,usePortal:c,portalClassName:d,portalContainer:f,scrollContainer:p};return W.jsx("div",{className:ar(y,!!n,u),"data-testid":"leafygreen-code-panel"},void 0!==n&&void 0!==r&&void 0!==t&&W.jsx(Xn,Ee({onChange:t,language:n,languageOptions:r,darkMode:o},m)),a&&W.jsx(Ln,{onCopy:l,darkMode:o,contents:i,withLanguageSwitcher:!!n}),h&&W.jsx(xe.default.Fragment,null,null==g?void 0:g.map((function(e){return e}))))}or.displayName="Panel";var sr="light",ur="dark",gr=12,hr=q.css(Yn||(Yn=Be(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n"])),28,gr,gr,4,4),cr=q.css($n||($n=Be(["\n  display: flex;\n  height: ","px;\n"])),gr),dr=q.css(er||(er=Be(["\n  height: ","px;\n  width: ","px;\n"])),gr,60),fr=q.css(nr||(nr=Be(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function pr(e){var n=e.color;return W.jsx("div",{className:q.css(rr||(rr=Be(["\n        height: ","px;\n        width: ","px;\n        border-radius: 50px;\n        margin-right: 8px;\n        background-color: ",";\n        border: 1px solid ",";\n      "])),gr,gr,n,B.darken(.03,n))})}function br(e){var n=e.darkMode,r=void 0!==n&&n,i=e.chromeTitle,t=void 0===i?"":i,l=Ue[r?ur:sr];return W.jsx("div",{className:q.cx(hr,q.css(ir||(ir=Be(["\n          background-color: ",";\n          color: ",";\n        "])),l[1],l[2]))},W.jsx("div",{className:cr},["#FF5952","#E7BF2A","#54C22C"].map((function(e){return W.jsx(pr,{key:e,color:e})}))),W.jsx("div",{className:fr},t),W.jsx("div",{className:dr}))}br.displayName="WindowChrome",br.propTypes={darkMode:je.default.bool,chromeTitle:je.default.string};var yr,mr,vr,xr,jr,kr,Cr,wr,Nr,qr,Or,Sr,Lr=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Mr=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.literal,i=n.overlap,t=r?e:["&"].concat(e);function l(e){if("object"!=typeof e||null==e)return[];if(Array.isArray(e))return e.map(l);var n={},a={},o={};return Object.keys(e).forEach((function(s){var u=e[s];if(!Array.isArray(u)&&r&&(u=[u]),(r||Array.isArray(u))&&38!==s.charCodeAt(0)){var g=void 0;u.forEach((function(e,l){if((!i||g!==e)&&null!=e)if(g=e,0!==l||r)if(void 0===n[t[l]]){var a;n[t[l]]=((a={})[s]=e,a)}else n[t[l]][s]=e;else o[s]=e}))}else"object"==typeof u?a[s]=l(u):o[s]=u})),t.forEach((function(e){n[e]&&(o[e]=n[e])})),Object.assign(o,a),o}return function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.map(l)}}(["@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2)","@media only screen and (min-device-width: 813px) and (-webkit-min-device-pixel-ratio: 2)"]),Ar=q.css(yr||(yr=Be(["\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: 0;\n  border: 0;\n  // We apply left / right padding in Syntax to support line highlighting\n  padding-top: ","px;\n  padding-bottom: ","px;\n  margin: 0;\n  position: relative;\n  flex-grow: 1;\n\n  ","\n"])),T.spacing[2],T.spacing[2],Mr({whiteSpace:["pre","pre-wrap","pre"]})),Pr=q.css(mr||(mr=Be(["\n  border-left: 0;\n"]))),Tr=q.css(vr||(vr=Be(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),Dr=q.css(xr||(xr=Be(["\n  &:focus {\n    outline: none;\n  }\n"]))),Er=q.css(jr||(jr=Be(["\n  display: flex;\n  flex-direction: column-reverse;\n  width: 700px;\n"])));var Ir="none",Br="left",Fr="right",Wr="both";function Rr(e){var n=e.children,r=void 0===n?"":n,i=e.className,t=e.language,l=e.darkMode,a=void 0!==l&&l,o=e.showLineNumbers,s=void 0!==o&&o,u=e.lineNumberStart,g=void 0===u?1:u,h=e.showWindowChrome,c=void 0!==h&&h,d=e.chromeTitle,f=void 0===d?"":d,p=e.copyable,b=void 0===p||p,y=e.onCopy,m=e.highlightLines,v=void 0===m?[]:m,x=e.languageOptions,j=e.onChange,k=e.customActionButtons,C=void 0===k?[]:k,w=e.showCustomActionButtons,N=void 0!==w&&w,O=e.usePortal,L=void 0===O||O,M=e.portalClassName,A=e.portalContainer,T=e.scrollContainer,E=e.popoverZIndex,I=Ie(e,Lr),B=S.useRef(null),F=D.useUsingKeyboardContext().usingKeyboard,R=Fe(S.useState(Ir),2),_=R[0],Z=R[1],G=Fe(S.useState(!1),2),J=G[0],K=G[1],U=a?Je.Dark:Je.Light,H=S.useMemo((function(){return r.trim().includes("\n")}),[r]),Q=C.filter((function(e){return!0===z.isComponentType(e,"IconButton")})),V=N&&!!Q.length,X=null==x?void 0:x.find((function(e){return e.displayName===t})),Y=X?X.language:t;S.useEffect((function(){K(b&&ke.default.isSupported())}),[b,c]),P.useIsomorphicLayoutEffect((function(){var e=B.current;null!=e&&e.scrollWidth>e.clientWidth&&Z(Fr)}),[]);var $=q.cx(q.css(qr||(qr=Be(["\n      border: ",";\n    "])),X?"1px solid;":"2px solid;"),Ar,function(e){var n=Ue[e],r="dark"===e?"border: 0":"border-color: ".concat(n[1]);return q.css(kr||(kr=Be(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),r,n[0],n[3])}(U),De({},Pr,c),i,function(e,n){var r=Ue[n],i=n===Je.Light?"rgba(93,108,116,0.3)":"rgba(0,0,0,0.35)";return e===Wr?q.css(Cr||(Cr=Be(["\n      box-shadow: inset 6px 0 6px -6px ",",\n        inset -6px 0 6px -6px ",", inset 0 6px 6px -6px ",",\n        inset 0 -6px 6px -6px ",";\n    "])),i,i,r[0],r[0]):e===Br?q.css(wr||(wr=Be(["\n      box-shadow: inset 6px 0 6px -6px ",";\n    "])),i):e===Fr?q.css(Nr||(Nr=Be(["\n      box-shadow: inset -6px 0 6px -6px ",";\n    "])),i):""}(_,U),De({},Tr,!H),De({},Dr,!F)),ee=W.jsx(On,{showLineNumbers:s,lineNumberStart:g,darkMode:a,language:Y,highlightLines:v},r);var ne=Ce.default((function(e){var n=e.target,r=n.scrollWidth,i=n.clientWidth;if(r>i){var t=e.target.scrollLeft,l=r-i;t>0&&t<l?Z(Wr):t>0?Z(Br):t<l&&Z(Fr)}}),50,{leading:!0}),re=a?"border: 0":"border: 1px solid ".concat(Ue[U][1]),ie=q.css(Or||(Or=Be(["\n    ",";\n    border-radius: 4px;\n    overflow: hidden;\n  "])),re),te=Pe({popoverZIndex:E},L?{usePortal:L,portalClassName:M,portalContainer:A,scrollContainer:T}:{usePortal:L});return W.jsx("div",{className:ie},c&&W.jsx(br,{chromeTitle:f,darkMode:a}),W.jsx("div",{className:q.cx(q.css(Sr||(Sr=Be(["\n            display: flex;\n          "]))),De({},Er,!!X))},W.jsx("pre",Ee({},I,{className:$,onScroll:function(e){e.persist(),ne(e)},ref:B,tabIndex:_!==Ir?0:-1}),ee),!c&&(b||!!X||V)&&W.jsx(or,Ee({language:X,languageOptions:x,onChange:j,contents:r,onCopy:y,showCopyButton:J,darkMode:a,isMultiline:H,customActionButtons:Q,showCustomActionButtons:V},te))))}Rr.displayName="Code",Rr.propTypes={children:je.default.string.isRequired,language:je.default.oneOfType([je.default.oneOf(Object.values(Ke)),je.default.string]),darkMode:je.default.bool,className:je.default.string,showLineNumbers:je.default.bool,lineNumberStart:je.default.number,showWindowChrome:je.default.bool,chromeTitle:je.default.string,highlightLines:je.default.arrayOf(je.default.oneOfType([je.default.arrayOf(je.default.number),je.default.number]))},e.Language=Ke,e.Mode=Je,e.default=Rr,e.variantColors=Ue,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

dist/Syntax.d.ts

 /// <reference types="react" />
 import PropTypes from 'prop-types';
 import { Language, SyntaxProps } from './types';
-declare function Syntax({ children, language, darkMode, showLineNumbers, highlightLines, className, ...rest }: SyntaxProps): JSX.Element;
+declare function Syntax({ children, language, darkMode, showLineNumbers, lineNumberStart, highlightLines, className, ...rest }: SyntaxProps): JSX.Element;
 declare namespace Syntax {
@@ -13,2 +13,3 @@ var displayName: string;
         showLineNumbers: PropTypes.Requireable<boolean>;
+        lineNumberStart: PropTypes.Requireable<number>;
         highlightLines: PropTypes.Requireable<(number | (number | null | undefined)[] | null | undefined)[]>;
@@ -15,0 +16,0 @@ };

dist/SyntaxContext.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
     darkMode: boolean;
+    lineNumberStart?: number;
 }
@@ -9,0 +10,0 @@ export declare const SyntaxContext: import("react").Context<SyntaxContext>;

dist/types.d.ts

@@ -18,5 +18,3 @@ /// <reference types="react" />
     readonly Ini: "ini";
-    readonly Java: "java"; /**
-     * When usePortal is `true`, specifies the scrollable element to position relative to.
-     */
+    readonly Java: "java";
     readonly Perl: "perl";
@@ -40,7 +38,3 @@ readonly Php: "php";
     readonly Diff: "diff";
-    readonly Xml: "xml"; /**
-     * Shows window chrome for code block;
-     *
-     * default: `false`
-     */
+    readonly Xml: "xml";
 };
@@ -75,2 +69,8 @@ export declare type Language = typeof Language[keyof typeof Language];
     /**
+     * Specifies the number by which to start line numbering.
+     *
+     * default: `1`
+     */
+    lineNumberStart?: number;
+    /**
      * An array of lines to highlight. The array can only contain numbers corresponding to the line numbers to highlight, and / or tuples representing a range (e.g. `[6, 10]`);
@@ -77,0 +77,0 @@ */

package.json

 {
   "name": "@leafygreen-ui/code",
-  "version": "9.4.0",
+  "version": "9.5.0",
   "description": "leafyGreen UI Kit Code Blocks",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

README.md

@@ -111,2 +111,3 @@ # Code
 | `showLineNumbers`         | `boolean`                                                                                                                                                                                                                                                                 | Shows line numbers next to each line of code in the passed code snippet. **NOTE:** While you can set this to `true` regardless of the code component being multiline, the line numbers will not be displayed if the `multiline` prop is `true`. | `false` |
+| `lineNumberStart`         | `number`                                                                                                                                                                                                                                                                  | Specifies the number by which to start line numbering.                                                                                                                                                                                          | `1`     |
 | `showWindowChrome`        | `boolean`                                                                                                                                                                                                                                                                 | Shows a stylized window chrome frame around the code snippet. This is purely stylistic.                                                                                                                                                         | `false` |
@@ -113,0 +114,0 @@ | `chromeTitle`             | `string`                                                                                                                                                                                                                                                                  | Shows a filename-like title in the window chrome frame.**NOTE:** While you can set this prop if `showWindowChrome` is `false`, it will not be displayed unless the `showWindowChrome` prop is `true`.                                           | `''`    |

src/types.ts

@@ -52,2 +52,9 @@ import { SupportedLanguages } from './languages';
   /**
+   * Specifies the number by which to start line numbering.
+   *
+   * default: `1`
+   */
+  lineNumberStart?: number;
+
+  /**
    * An array of lines to highlight. The array can only contain numbers corresponding to the line numbers to highlight, and / or tuples representing a range (e.g. `[6, 10]`);
@@ -54,0 +61,0 @@ */

No alert changes

Improved metrics

Total package byte prevSize

602944

increased by0.59%

Lines of code

3255

increased by0.84%

Number of lines in readme file

124

increased by0.81%

No dependency changes