@leafygreen-ui/code - npm Package Compare versions

Comparing version 10.0.0 to 11.0.0

CHANGELOG.md

 # @leafygreen-ui/code
 
+## 11.0.0
+
+### Major Changes
+
+- e13d2487: Moving leafygreen-provider to peerDependencies.
+- Updated dependencies [500d6c60]
+  - @leafygreen-ui/leafygreen-provider@2.2.0
+
+### Patch Changes
+
+- 91e24dfe: Add `container` to copyable.js instance to help keep focus inside of a modal
+- Updated dependencies [e13d2487]
+- Updated dependencies [5f28fce1]
+- Updated dependencies [c48e943e]
+- Updated dependencies [500d6c60]
+  - @leafygreen-ui/icon-button@11.0.0
+  - @leafygreen-ui/tokens@1.3.0
+  - @leafygreen-ui/icon@11.9.0
+  - @leafygreen-ui/select@5.0.0
+
 ## 10.0.0
@@ -4,0 +24,0 @@

dist/CopyButton.d.ts

@@ -8,3 +8,3 @@ /// <reference types="react" />
 }
-declare function CopyButton({ onCopy, contents, darkMode, withLanguageSwitcher, }: CopyProps): JSX.Element;
+declare function CopyButton({ onCopy, contents, darkMode }: CopyProps): JSX.Element;
 declare namespace CopyButton {
@@ -11,0 +11,0 @@ var displayName: 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 a from"highlight.js/lib/languages/java";import l 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 d from"highlight.js/lib/languages/rust";import u 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 k from"highlight.js/lib/languages/sql";import w from"highlight.js/lib/languages/yaml";import x 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{palette as L,uiColors as A}from"@leafygreen-ui/palette";import P,{createContext as M,useContext as D,useMemo as I,useState as T,useEffect as E,useRef as B}from"react";import q from"prop-types";import W from"clipboard";import z from"lodash/debounce";import{usePrevious as R,useIsomorphicLayoutEffect as F}from"@leafygreen-ui/hooks";import{spacing as _,fontFamilies as Z}from"@leafygreen-ui/tokens";import{useBaseFontSize as J,useUsingKeyboardContext as G}from"@leafygreen-ui/leafygreen-provider";import K from"highlight.js/lib/core";import H from"highlightjs-graphql";import{transparentize as U}from"polished";import X from"lodash/flatMap";import{jsx as Y}from"@emotion/react";import{VisuallyHidden as $}from"@leafygreen-ui/a11y";import Q from"@leafygreen-ui/icon/dist/Checkmark";import V from"@leafygreen-ui/icon/dist/Copy";import nn from"@leafygreen-ui/icon-button";import{isComponentType as rn}from"@leafygreen-ui/lib";import{isComponentGlyph as en}from"@leafygreen-ui/icon";import tn from"@leafygreen-ui/button";import{Select as on,Option as an}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 gn(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){sn(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 hn(n){return(hn="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 sn(n,r,e){return r in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function cn(){return(cn=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 dn(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 pn(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=[],a=!0,l=!1;try{for(e=e.call(n);!(a=(t=e.next()).done)&&(o.push(t.value),!r||o.length!==r);a=!0);}catch(n){l=!0,i=n}finally{try{a||null==e.return||e.return()}finally{if(l)throw i}}return o}(n,r)||mn(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 fn(n){return function(n){if(Array.isArray(n))return bn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||mn(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 mn(n,r){if(n){if("string"==typeof n)return bn(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)?bn(n,r):void 0}}function bn(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 yn,vn={javascript:n,typescript:r,csharp:e,go:t,http:i,ini:o,java:a,perl:l,php:g,properties:h,python:s,ruby:c,rust:d,scala:u,swift:p,kotlin:f,objectivec:m,dart:b,bash:y,shell:v,sql:k,yaml:w,json:x,diff:j,xml:N},kn={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"},wn={Light:"light",Dark:"dark"},xn=gn(gn({},kn),{},{None:"none"}),jn=(sn(yn={},wn.Light,{0:L.gray.light3,1:L.gray.light2,2:L.gray.dark2,3:L.black,4:L.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),sn(yn,wn.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"}),yn);function Nn(){Object.values(wn).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(jn[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(jn[n][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(jn[n][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(jn[n][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(jn[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(jn[n][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(jn[n][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(jn[n][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(jn[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 Cn,On,Sn,Ln,An=M({highlightLines:[],darkMode:!1});function Pn(){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 Dn(n){var r=n.kind,e=n.children;return Y("span",{className:r},e)}function In(n){return null!=n&&n instanceof Array}function Tn(n){return null!=n&&"object"===hn(n)&&!(n instanceof Array)}function En(n){return null!=n&&"string"==typeof n}function Bn(n,r){return null==n?null:En(n)?n:In(n)?n.map(Bn):Tn(n)?Y(Dn,{key:r,kind:n.kind},Bn(n.children)):n}var qn=O(Cn||(Cn=un(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),_[3]);function Wn(n){var r,e,t;return n?(r="transparent",e="linear-gradient(90deg, ".concat(A.gray.dark3,", ").concat(U(100,A.gray.dark3),")"),t=A.gray.dark3):(r=A.yellow.light3,e="none",t=A.yellow.light2),O(On||(On=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 zn(n){var r=n.lineNumber,e=n.highlighted,t=n.darkMode,i=n.children,o=t?A.gray.dark1:L.gray.dark1,a=t?A.gray.light2:L.yellow.dark2;return Y("tr",{className:S(sn({},Wn(t),e))},r&&Y("td",{className:S(qn,O(Sn||(Sn=un(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),_[2],e?a:o))},r),Y("td",{className:qn},i))}function Rn(n){var r=(null!=n?n:{}).children;return!(!In(r)||1!==r.length||!En(r[0]))}function Fn(n,r){if("string"==typeof n)return n;if(null!=(e=n)&&"object"===hn(e)&&"string"==typeof e.kind&&e.children instanceof Array)return Fn(n.children,r);var e;return X(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:Pn.apply(void 0,[r].concat(fn(t),fn(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?X(e.children,n.apply(void 0,[r,e.kind].concat(fn(t)))):Rn(e)?{kind:Pn.apply(void 0,[r,e.kind].concat(fn(t),fn(Mn.apply(void 0,fn(e.children))))),children:e.children}:e}}(r))}function _n(n){return In(n)?n.some(_n):En(n)?n.includes("\n"):!!Tn(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 Fn(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)||Rn(n))&&r[e].push(n)})),r}function Jn(n){for(var r=n.lines,e=D(An),t=e.highlightLines,i=e.showLineNumbers,o=e.darkMode,a=e.lineNumberStart,l=fn(r);0===(null===(g=l[0])||void 0===g?void 0:g.length);){var g;l.shift()}for(;0===(null===(h=l[l.length-1])||void 0===h?void 0:h.length);){var h;l.pop()}return Y(P.Fragment,null,l.map((function(n,r){var e,l=r+(null!=a?a:1),g=function(n){return t.some((function(r){if(null!=(e=r)&&"number"==typeof e)return n===r;var e;if(In(r)){var t=fn(r).sort((function(n,r){return n-r}));return n>=t[0]&&n<=t[1]}return!1}))}(l);i&&(e=l);var h=null!=n&&n.length?n.map(Bn):Y("div",{className:O(Ln||(Ln=un(["\n              display: inline-block;\n            "])))});return Y(zn,{key:l,lineNumber:e,darkMode:o,highlighted:g},h)})))}var Gn,Kn,Hn,Un={"after:highlight":function(n){var r=n._emitter.rootNode;n.react=Y(Jn,{lines:Zn(r.children)})}},Xn=["children","language","darkMode","showLineNumbers","lineNumberStart","highlightLines","className"];function Yn(n){return"cs"!==n&&"js"!==n&&"ts"!==n}var $n=!1;var Qn,Vn,nr,rr=O(Gn||(Gn=un(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),Z.code);function er(n){var r=n.children,e=n.language,t=n.darkMode,i=void 0!==t&&t,o=n.showLineNumbers,a=void 0!==o&&o,l=n.lineNumberStart,g=n.highlightLines,h=void 0===g?[]:g,s=n.className,c=dn(n,Xn);$n||function(){$n=!0,Nn();var n=Object.values(kn).filter(Yn);n.forEach((function(n){"graphql"===n?H(K):K.registerLanguage(n,vn[n])})),K.configure({languages:n,tabReplace:"  "}),K.addPlugin(Un)}();var d=I((function(){return e===xn.None?null:K.highlight(r,{language:e,ignoreIllegals:!0})}),[e,r]),u=null===d?Y(Jn,{lines:r.split("\n").map((function(n){return n?[n]:[]}))}):d.react,p=i?wn.Dark:wn.Light,f=14===J()?13:i?16:15,m=O(Kn||(Kn=un(["\n    font-size: ","px;\n  "])),f);return Y(An.Provider,{value:{highlightLines:h,showLineNumbers:a,lineNumberStart:l,darkMode:i}},Y("code",cn({},c,{className:S("lg-highlight-hljs-".concat(p),rr,m,e,s)}),Y("table",{className:O(Hn||(Hn=un(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},Y("tbody",null,u))))}er.displayName="Syntax",er.propTypes={children:q.string.isRequired,language:q.oneOf(Object.values(xn)),className:q.string,darkMode:q.bool,showLineNumbers:q.bool,lineNumberStart:q.number,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};var tr=O(Qn||(Qn=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"])),L.white,L.green.dark1,L.white,L.green.dark1,L.white,L.green.dark1);function ir(n){var r=O(Vn||(Vn=un(["\n    align-self: center;\n    color: ",";\n  "])),L.gray.base),e=O(nr||(nr=un(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),A.gray.light2,A.gray.light3,A.gray.dark3);return S(r,sn({},e,n===wn.Dark))}function or(n){var r=n.onCopy,e=n.contents,t=n.darkMode,i=(n.withLanguageSwitcher,pn(T(!1),2)),o=i[0],a=i[1],l=pn(T(null),2),g=l[0],h=l[1],s=t?wn.Dark:wn.Light;E((function(){if(g){var n=new W(g,{text:function(){return e}});if(o){var r=setTimeout((function(){a(!1)}),1500);return function(){return clearTimeout(r)}}return function(){return n.destroy()}}}),[g,e,o]);return Y(nn,{ref:h,darkMode:t,"aria-label":"Copy",className:S(ir(s),sn({},tr,o)),onClick:function(n){n.preventDefault(),r&&r(),a(!0)}},Y(o?Q:V,null),o&&Y($,{role:"alert"},"Copied!"))}or.displayName="CopyButton";var ar,lr,gr,hr,sr,cr,dr,ur,pr,fr,mr,br,yr,vr,kr,wr,xr,jr,Nr=["className","children"],Cr=O(ar||(ar=un(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),Or=O(lr||(lr=un(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),Sr={light:O(gr||(gr=un(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n    font-family: ",";\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),L.white,L.gray.light2,Z.default,L.gray.light2,L.gray.light2),dark:O(hr||(hr=un(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    font-family: ",";\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.dark2,A.gray.dark3,Z.legacy,A.gray.dark2,A.gray.dark1)},Lr={light:O(sr||(sr=un(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),L.blue.light2),dark:O(cr||(cr=un(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),A.focus)},Ar=O(dr||(dr=un(["\n  min-width: 144px;\n  height: 100%;s\n"]))),Pr=O(ur||(ur=un(["\n  margin-right: ","px;\n"])),_[3]);function Mr(n){var r,e=n.language,t=n.languageOptions,i=n.onChange,o=n.darkMode,a=n.usePortal,l=n.portalClassName,g=n.portalContainer,h=n.scrollContainer,s=n.popoverZIndex,c=G().usingKeyboard,d=o?"dark":"light",u=R(e),p=S(Pr,O(pr||(pr=un(["\n      color: ",";\n    "])),o?A.white:A.gray.dark1)),f=Y(V,{className:p});null!=e.image&&(r=e.image,f=en(r)||rn(r,"Icon")?P.cloneElement(e.image,{className:p}):P.cloneElement(e.image,{className:Pr}));var m=P.forwardRef((function(n,r){var e,t=n.className,i=n.children,a=dn(n,Nr);return Y(tn,cn({},a,{className:S(t,Or,Sr[d],(e={},sn(e,Lr[d],c),sn(e,O(fr||(fr=un(["\n            font-family: ",";\n            font-size: 14px;\n          "])),Z.legacy),o),e)),darkMode:o,ref:r,leftGlyph:f}),i)})),b={popoverZIndex:s,usePortal:a,portalClassName:l,portalContainer:g,scrollContainer:h};return Y("div",{className:Cr},Y(on,cn({darkMode:o,onChange:function(n){if(""===n&&void 0!==u)return i(u);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:Ar,allowDeselect:!1},b,{__INTERNAL__menuButtonSlot__:m}),null==t?void 0:t.map((function(n){return Y(an,{key:null==n?void 0:n.displayName,value:null==n?void 0:n.displayName},null==n?void 0:n.displayName)}))))}function Dr(n,r){var e=O(yr||(yr=un(["\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    flex-shrink: 0;\n    gap: ","px;\n    padding: 6px;\n    border-left: solid 1px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),_[1]),t=O(vr||(vr=un(["\n    flex-direction: row;\n    border-left: unset;\n    border-bottom: 1px solid;\n    justify-content: space-between;\n    padding: 0;\n    padding-right: 8px;\n    height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n  "])));return S(e,sn({},t,r),function(n){switch(n){case wn.Light:return O(mr||(mr=un(["\n        background-color: ",";\n        border-color: ",";\n      "])),L.white,L.gray.light2);case wn.Dark:return O(br||(br=un(["\n        // TODO: Refresh - update these colors\n        background-color: ",";\n        border-color: ",";\n      "])),A.gray.dark2,A.gray.dark3)}}(n))}function Ir(n){var r=n.language,e=n.languageOptions,t=n.contents,i=n.onChange,o=n.onCopy,a=n.showCopyButton,l=n.darkMode,g=n.customActionButtons,h=n.showCustomActionButtons,s=n.usePortal,c=n.portalClassName,d=n.portalContainer,u=n.scrollContainer,p=n.popoverZIndex,f=n.className,m={popoverZIndex:p,usePortal:s,portalClassName:c,portalContainer:d,scrollContainer:u};return Y("div",{className:S(Dr(l?wn.Dark:wn.Light,!!r),f),"data-testid":"leafygreen-code-panel"},void 0!==r&&void 0!==e&&void 0!==i&&Y(Mr,cn({onChange:i,language:r,languageOptions:e,darkMode:l},m)),a&&Y(or,{onCopy:o,darkMode:l,contents:t,withLanguageSwitcher:!!r}),h&&Y(P.Fragment,null,null==g?void 0:g.map((function(n){return n}))))}Mr.displayName="LanguageSwitcher",Ir.displayName="Panel";var Tr="light",Er="dark",Br=O(kr||(kr=un(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,Z.default),qr=O(wr||(wr=un(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function Wr(n){var r=n.darkMode,e=void 0!==r&&r,t=n.chromeTitle,i=void 0===t?"":t,o=jn[e?Er:Tr];return Y("div",{className:S(Br,O(xr||(xr=un(["\n          background-color: ",";\n          color: ",";\n        "])),o[1],o[2]),sn({},O(jr||(jr=un(["\n            font-family: ",";\n          "])),Z.legacy),e))},Y("div",{className:qr},i))}Wr.displayName="WindowChrome",Wr.propTypes={darkMode:q.bool,chromeTitle:q.string};var zr,Rr,Fr,_r,Zr,Jr,Gr,Kr,Hr,Ur,Xr,Yr,$r,Qr,Vr,ne,re,ee,te=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var ie=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={},a={},l={};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 a;r[i[o]]=((a={})[g]=n,a)}else r[i[o]][g]=n;else l[g]=n}))}else"object"==typeof h?a[g]=o(h):l[g]=h})),i.forEach((function(n){r[n]&&(l[n]=r[n])})),Object.assign(l,a),l}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)"]),oe=(sn(Fr={},wn.Light,O(zr||(zr=un(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),jn[wn.Light][1])),sn(Fr,wn.Dark,O(Rr||(Rr=un(["\n    border: 0;\n    border-radius: 6px;\n    overflow: hidden;\n  "])))),Fr),ae=O(_r||(_r=un(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),le=O(Zr||(Zr=un(["\n  // No panel with chrome\n  grid-template-areas: 'code code';\n"]))),ge=O(Jr||(Jr=un(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),he=O(Gr||(Gr=un(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-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  transition: box-shadow 100ms ease-in-out;\n\n  ","\n"])),_[2],_[2],ie({whiteSpace:["pre","pre-wrap","pre"]})),se=O(Kr||(Kr=un(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),ce=O(Hr||(Hr=un(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),de=O(Ur||(Ur=un(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),ue=O(Xr||(Xr=un(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),L.blue.light1),pe=O(Yr||(Yr=un(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function fe(n){var r=jn[n],e="dark"===n?"border: 0":"border-color: ".concat(r[1]);return O($r||($r=un(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),e,r[0],r[3])}var me="none",be="left",ye="right",ve="both",ke=O(Qr||(Qr=un(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 8px;\n    border-radius: 100%;\n    box-shadow: unset;\n    transition: box-shadow 100ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -8px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"]))),we=O(Vr||(Vr=un(["\n  &:after {\n    grid-column: 3; // Placed on the right edge\n  }\n"]))),xe=O(ne||(ne=un(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the right edge\n  }\n"])));function je(n,r){var e=U(.7,r===wn.Light?L.gray.dark1:A.black),t=O(re||(re=un(["\n    box-shadow: 0 0 10px 0 ",";\n  "])),e);return O(ee||(ee=un(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(n===ve||n===be)&&t,(n===ve||n===ye)&&t)}function Ne(n){var r,e,t=n.children,i=void 0===t?"":t,o=n.className,a=n.language,l=n.darkMode,g=void 0!==l&&l,h=n.showLineNumbers,s=void 0!==h&&h,c=n.lineNumberStart,d=void 0===c?1:c,u=n.showWindowChrome,p=void 0!==u&&u,f=n.chromeTitle,m=void 0===f?"":f,b=n.copyable,y=void 0===b||b,v=n.onCopy,k=n.highlightLines,w=void 0===k?[]:k,x=n.languageOptions,j=n.onChange,N=n.customActionButtons,C=void 0===N?[]:N,O=n.showCustomActionButtons,L=void 0!==O&&O,A=n.usePortal,P=void 0===A||A,M=n.portalClassName,D=n.portalContainer,q=n.scrollContainer,R=n.popoverZIndex,_=dn(n,te),Z=B(null),J=G().usingKeyboard,K=pn(T(me),2),H=K[0],U=K[1],X=pn(T(!1),2),$=X[0],Q=X[1],V=g?wn.Dark:wn.Light,nn=I((function(){return i.trim().includes("\n")}),[i]),en=C.filter((function(n){return!0===rn(n,"IconButton")})),tn=L&&!!en.length,on=null==x?void 0:x.find((function(n){return n.displayName===a})),an=on?on.language:a,ln=!!on;E((function(){Q(y&&W.isSupported())}),[y,p]),F((function(){var n=Z.current;null!=n&&n.scrollWidth>n.clientWidth&&U(ye)}),[]);var hn=Y(er,{showLineNumbers:s,lineNumberStart:d,darkMode:g,language:an,highlightLines:w},i);var un=z((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?U(ve):i>0?U(be):i<o&&U(ye)}}),50,{leading:!0}),fn=gn({popoverZIndex:R},P?{usePortal:P,portalClassName:M,portalContainer:D,scrollContainer:q}:{usePortal:P});return Y("div",{className:oe[V]},p&&Y(Wr,{chromeTitle:m,darkMode:g}),Y("div",{className:S(ae,ke,je(H,V),(r={},sn(r,le,p),sn(r,ge,ln),sn(r,we,p),sn(r,xe,ln),r))},Y("pre",cn({},_,{className:S(he,fe(V),(e={},sn(e,se,p),sn(e,ce,ln),sn(e,de,!nn),sn(e,ue,J),e),o),onScroll:function(n){n.persist(),un(n)},ref:Z,tabIndex:H!==me?0:-1}),hn),!p&&(y||!!on||tn)&&Y(Ir,cn({className:S(pe),language:on,languageOptions:x,onChange:j,contents:i,onCopy:v,showCopyButton:$,darkMode:g,isMultiline:nn,customActionButtons:en,showCustomActionButtons:tn},fn))))}Ne.displayName="Code",Ne.propTypes={children:q.string.isRequired,language:q.oneOfType([q.oneOf(Object.values(xn)),q.string]),darkMode:q.bool,className:q.string,showLineNumbers:q.bool,lineNumberStart:q.number,showWindowChrome:q.bool,chromeTitle:q.string,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};export default Ne;export{xn as Language,wn as Mode,jn 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 a from"highlight.js/lib/languages/java";import l 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 d from"highlight.js/lib/languages/rust";import u 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 k from"highlight.js/lib/languages/sql";import w from"highlight.js/lib/languages/yaml";import x 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{palette as L,uiColors as A}from"@leafygreen-ui/palette";import P,{createContext as M,useContext as D,useMemo as I,useState as T,useEffect as E,useRef as B}from"react";import q from"prop-types";import W from"clipboard";import z from"lodash/debounce";import{usePrevious as R,useIsomorphicLayoutEffect as F}from"@leafygreen-ui/hooks";import{spacing as _,fontFamilies as Z}from"@leafygreen-ui/tokens";import{useBaseFontSize as J,usePopoverPortalContainer as G,useUsingKeyboardContext as K}from"@leafygreen-ui/leafygreen-provider";import H from"highlight.js/lib/core";import U from"highlightjs-graphql";import{transparentize as X}from"polished";import Y from"lodash/flatMap";import{jsx as $}from"@emotion/react";import{VisuallyHidden as Q}from"@leafygreen-ui/a11y";import V from"@leafygreen-ui/icon/dist/Checkmark";import nn from"@leafygreen-ui/icon/dist/Copy";import rn from"@leafygreen-ui/icon-button";import{isComponentType as en}from"@leafygreen-ui/lib";import{isComponentGlyph as tn}from"@leafygreen-ui/icon";import on from"@leafygreen-ui/button";import{Select as an,Option as ln}from"@leafygreen-ui/select";function gn(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 hn(n){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?gn(Object(e),!0).forEach((function(r){cn(n,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):gn(Object(e)).forEach((function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(e,r))}))}return n}function sn(n){return sn="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},sn(n)}function cn(n,r,e){return r in n?Object.defineProperty(n,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[r]=e,n}function dn(){return dn=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},dn.apply(this,arguments)}function un(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 pn(n,r){return r||(r=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(r)}}))}function fn(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=[],a=!0,l=!1;try{for(e=e.call(n);!(a=(t=e.next()).done)&&(o.push(t.value),!r||o.length!==r);a=!0);}catch(n){l=!0,i=n}finally{try{a||null==e.return||e.return()}finally{if(l)throw i}}return o}(n,r)||bn(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 mn(n){return function(n){if(Array.isArray(n))return yn(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||bn(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 bn(n,r){if(n){if("string"==typeof n)return yn(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)?yn(n,r):void 0}}function yn(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 vn,kn={javascript:n,typescript:r,csharp:e,go:t,http:i,ini:o,java:a,perl:l,php:g,properties:h,python:s,ruby:c,rust:d,scala:u,swift:p,kotlin:f,objectivec:m,dart:b,bash:y,shell:v,sql:k,yaml:w,json:x,diff:j,xml:N},wn={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"},jn=hn(hn({},wn),{},{None:"none"}),Nn=(cn(vn={},xn.Light,{0:L.gray.light3,1:L.gray.light2,2:L.gray.dark2,3:L.black,4:L.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),cn(vn,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"}),vn);function Cn(){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(Nn[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(Nn[n][9],";\n    }\n\n    .lg-highlight-quote,\n    .lg-highlight-section,\n    .lg-highlight-name {\n      color: ").concat(Nn[n][8],";\n    }\n\n    .lg-highlight-string,\n    .lg-highlight-addition {\n      color: ").concat(Nn[n][7],";\n    }\n\n    .lg-highlight-meta,\n    .lg-highlight-meta-string {\n      color: ").concat(Nn[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(Nn[n][5],"\n    }\n\n    .lg-highlight-title,\n    .lg-highlight-class.lg-highlight-title {\n      color: ").concat(Nn[n][3],";\n    }\n\n    .lg-highlight-doctag,\n    .lg-highlight-formula {\n      color: ").concat(Nn[n][3],";\n    }\n  \n    .lg-highlight-comment {\n      color: ").concat(Nn[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 On,Sn,Ln,An,Pn=M({highlightLines:[],darkMode:!1});function Mn(){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 Bn(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 Dn(){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 In(n){var r=n.kind,e=n.children;return $("span",{className:r},e)}function Tn(n){return null!=n&&n instanceof Array}function En(n){return null!=n&&"object"===sn(n)&&!(n instanceof Array)}function Bn(n){return null!=n&&"string"==typeof n}function qn(n,r){return null==n?null:Bn(n)?n:Tn(n)?n.map(qn):En(n)?$(In,{key:r,kind:n.kind},qn(n.children)):n}var Wn=O(On||(On=pn(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),_[3]);function zn(n){var r,e,t;return n?(r="transparent",e="linear-gradient(90deg, ".concat(A.gray.dark3,", ").concat(X(100,A.gray.dark3),")"),t=A.gray.dark3):(r=A.yellow.light3,e="none",t=A.yellow.light2),O(Sn||(Sn=pn(["\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 Rn(n){var r=n.lineNumber,e=n.highlighted,t=n.darkMode,i=n.children,o=t?A.gray.dark1:L.gray.dark1,a=t?A.gray.light2:L.yellow.dark2;return $("tr",{className:S(cn({},zn(t),e))},r&&$("td",{className:S(Wn,O(Ln||(Ln=pn(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),_[2],e?a:o))},r),$("td",{className:Wn},i))}function Fn(n){var r=(null!=n?n:{}).children;return!(!Tn(r)||1!==r.length||!Bn(r[0]))}function _n(n,r){if("string"==typeof n)return n;if(null!=(e=n)&&"object"===sn(e)&&"string"==typeof e.kind&&e.children instanceof Array)return _n(n.children,r);var e;return Y(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 Bn(n)&&n.length>0})),function(e){var i,o;return Bn(e)?t.length>0?{kind:Mn.apply(void 0,[r].concat(mn(t),mn(Dn(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?Y(e.children,n.apply(void 0,[r,e.kind].concat(mn(t)))):Fn(e)?{kind:Mn.apply(void 0,[r,e.kind].concat(mn(t),mn(Dn.apply(void 0,mn(e.children))))),children:e.children}:e}}(r))}function Zn(n){return Tn(n)?n.some(Zn):Bn(n)?n.includes("\n"):!!En(n)&&((null===(r=n.children)||void 0===r?void 0:r.includes("\n"))||Bn(null===(e=n.children)||void 0===e?void 0:e[0])&&n.children[0].includes("\n"));var r,e}function Jn(n){var r=[],e=0;null==r[e]&&(r[e]=[]);var t=function(){e++,r[e]=[]};return _n(n).forEach((function(n){Zn(n)?Bn(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&&(Bn(n)||Fn(n))&&r[e].push(n)})),r}function Gn(n){for(var r=n.lines,e=D(Pn),t=e.highlightLines,i=e.showLineNumbers,o=e.darkMode,a=e.lineNumberStart,l=mn(r);0===(null===(g=l[0])||void 0===g?void 0:g.length);){var g;l.shift()}for(;0===(null===(h=l[l.length-1])||void 0===h?void 0:h.length);){var h;l.pop()}return $(P.Fragment,null,l.map((function(n,r){var e,l=r+(null!=a?a:1),g=function(n){return t.some((function(r){if(null!=(e=r)&&"number"==typeof e)return n===r;var e;if(Tn(r)){var t=mn(r).sort((function(n,r){return n-r}));return n>=t[0]&&n<=t[1]}return!1}))}(l);i&&(e=l);var h=null!=n&&n.length?n.map(qn):$("div",{className:O(An||(An=pn(["\n              display: inline-block;\n            "])))});return $(Rn,{key:l,lineNumber:e,darkMode:o,highlighted:g},h)})))}var Kn,Hn,Un,Xn={"after:highlight":function(n){var r=n._emitter.rootNode;n.react=$(Gn,{lines:Jn(r.children)})}},Yn=["children","language","darkMode","showLineNumbers","lineNumberStart","highlightLines","className"];function $n(n){return"cs"!==n&&"js"!==n&&"ts"!==n}var Qn=!1;var Vn,nr,rr,er=O(Kn||(Kn=pn(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),Z.code);function tr(n){var r=n.children,e=n.language,t=n.darkMode,i=void 0!==t&&t,o=n.showLineNumbers,a=void 0!==o&&o,l=n.lineNumberStart,g=n.highlightLines,h=void 0===g?[]:g,s=n.className,c=un(n,Yn);Qn||function(){Qn=!0,Cn();var n=Object.values(wn).filter($n);n.forEach((function(n){"graphql"===n?U(H):H.registerLanguage(n,kn[n])})),H.configure({languages:n,tabReplace:"  "}),H.addPlugin(Xn)}();var d=I((function(){return e===jn.None?null:H.highlight(r,{language:e,ignoreIllegals:!0})}),[e,r]),u=null===d?$(Gn,{lines:r.split("\n").map((function(n){return n?[n]:[]}))}):d.react,p=i?xn.Dark:xn.Light,f=14===J()?13:i?16:15,m=O(Hn||(Hn=pn(["\n    font-size: ","px;\n  "])),f);return $(Pn.Provider,{value:{highlightLines:h,showLineNumbers:a,lineNumberStart:l,darkMode:i}},$("code",dn({},c,{className:S("lg-highlight-hljs-".concat(p),er,m,e,s)}),$("table",{className:O(Un||(Un=pn(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},$("tbody",null,u))))}tr.displayName="Syntax",tr.propTypes={children:q.string.isRequired,language:q.oneOf(Object.values(jn)),className:q.string,darkMode:q.bool,showLineNumbers:q.bool,lineNumberStart:q.number,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};var ir=O(Vn||(Vn=pn(["\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"])),L.white,L.green.dark1,L.white,L.green.dark1,L.white,L.green.dark1);function or(n){var r=O(nr||(nr=pn(["\n    align-self: center;\n    color: ",";\n  "])),L.gray.base),e=O(rr||(rr=pn(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),A.gray.light2,A.gray.light3,A.gray.dark3);return S(r,cn({},e,n===xn.Dark))}function ar(n){var r=n.onCopy,e=n.contents,t=n.darkMode,i=fn(T(!1),2),o=i[0],a=i[1],l=fn(T(null),2),g=l[0],h=l[1],s=t?xn.Dark:xn.Light,c=G().portalContainer;E((function(){if(g){var n=new W(g,{text:function(){return e},container:c});if(o){var r=setTimeout((function(){a(!1)}),1500);return function(){return clearTimeout(r)}}return function(){return n.destroy()}}}),[g,e,o,c]);return $(rn,{ref:h,darkMode:t,"aria-label":"Copy",className:S(or(s),cn({},ir,o)),onClick:function(n){n.preventDefault(),r&&r(),a(!0)}},$(o?V:nn,null),o&&$(Q,{role:"alert"},"Copied!"))}ar.displayName="CopyButton";var lr,gr,hr,sr,cr,dr,ur,pr,fr,mr,br,yr,vr,kr,wr,xr,jr,Nr,Cr=["className","children"],Or=O(lr||(lr=pn(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),Sr=O(gr||(gr=pn(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),Lr={light:O(hr||(hr=pn(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n    font-family: ",";\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),L.white,L.gray.light2,Z.default,L.gray.light2,L.gray.light2),dark:O(sr||(sr=pn(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    font-family: ",";\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.dark2,A.gray.dark3,Z.legacy,A.gray.dark2,A.gray.dark1)},Ar={light:O(cr||(cr=pn(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),L.blue.light2),dark:O(dr||(dr=pn(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),A.focus)},Pr=O(ur||(ur=pn(["\n  min-width: 144px;\n  height: 100%;s\n"]))),Mr=O(pr||(pr=pn(["\n  margin-right: ","px;\n"])),_[3]);function Dr(n){var r,e=n.language,t=n.languageOptions,i=n.onChange,o=n.darkMode,a=n.usePortal,l=n.portalClassName,g=n.portalContainer,h=n.scrollContainer,s=n.popoverZIndex,c=K().usingKeyboard,d=o?"dark":"light",u=R(e),p=S(Mr,O(fr||(fr=pn(["\n      color: ",";\n    "])),o?A.white:A.gray.dark1)),f=$(nn,{className:p});null!=e.image&&(r=e.image,f=tn(r)||en(r,"Icon")?P.cloneElement(e.image,{className:p}):P.cloneElement(e.image,{className:Mr}));var m=P.forwardRef((function(n,r){var e,t=n.className,i=n.children,a=un(n,Cr);return $(on,dn({},a,{className:S(t,Sr,Lr[d],(e={},cn(e,Ar[d],c),cn(e,O(mr||(mr=pn(["\n            font-family: ",";\n            font-size: 14px;\n          "])),Z.legacy),o),e)),darkMode:o,ref:r,leftGlyph:f}),i)})),b={popoverZIndex:s,usePortal:a,portalClassName:l,portalContainer:g,scrollContainer:h};return $("div",{className:Or},$(an,dn({darkMode:o,onChange:function(n){if(""===n&&void 0!==u)return i(u);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:Pr,allowDeselect:!1},b,{__INTERNAL__menuButtonSlot__:m}),null==t?void 0:t.map((function(n){return $(ln,{key:null==n?void 0:n.displayName,value:null==n?void 0:n.displayName},null==n?void 0:n.displayName)}))))}function Ir(n,r){var e=O(vr||(vr=pn(["\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    flex-shrink: 0;\n    gap: ","px;\n    padding: 6px;\n    border-left: solid 1px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),_[1]),t=O(kr||(kr=pn(["\n    flex-direction: row;\n    border-left: unset;\n    border-bottom: 1px solid;\n    justify-content: space-between;\n    padding: 0;\n    padding-right: 8px;\n    height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n  "])));return S(e,cn({},t,r),function(n){switch(n){case xn.Light:return O(br||(br=pn(["\n        background-color: ",";\n        border-color: ",";\n      "])),L.white,L.gray.light2);case xn.Dark:return O(yr||(yr=pn(["\n        // TODO: Refresh - update these colors\n        background-color: ",";\n        border-color: ",";\n      "])),A.gray.dark2,A.gray.dark3)}}(n))}function Tr(n){var r=n.language,e=n.languageOptions,t=n.contents,i=n.onChange,o=n.onCopy,a=n.showCopyButton,l=n.darkMode,g=n.customActionButtons,h=n.showCustomActionButtons,s=n.usePortal,c=n.portalClassName,d=n.portalContainer,u=n.scrollContainer,p=n.popoverZIndex,f=n.className,m={popoverZIndex:p,usePortal:s,portalClassName:c,portalContainer:d,scrollContainer:u};return $("div",{className:S(Ir(l?xn.Dark:xn.Light,!!r),f),"data-testid":"leafygreen-code-panel"},void 0!==r&&void 0!==e&&void 0!==i&&$(Dr,dn({onChange:i,language:r,languageOptions:e,darkMode:l},m)),a&&$(ar,{onCopy:o,darkMode:l,contents:t,withLanguageSwitcher:!!r}),h&&$(P.Fragment,null,null==g?void 0:g.map((function(n){return n}))))}Dr.displayName="LanguageSwitcher",Tr.displayName="Panel";var Er="light",Br="dark",qr=O(wr||(wr=pn(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,Z.default),Wr=O(xr||(xr=pn(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function zr(n){var r=n.darkMode,e=void 0!==r&&r,t=n.chromeTitle,i=void 0===t?"":t,o=Nn[e?Br:Er];return $("div",{className:S(qr,O(jr||(jr=pn(["\n          background-color: ",";\n          color: ",";\n        "])),o[1],o[2]),cn({},O(Nr||(Nr=pn(["\n            font-family: ",";\n          "])),Z.legacy),e))},$("div",{className:Wr},i))}zr.displayName="WindowChrome",zr.propTypes={darkMode:q.bool,chromeTitle:q.string};var Rr,Fr,_r,Zr,Jr,Gr,Kr,Hr,Ur,Xr,Yr,$r,Qr,Vr,ne,re,ee,te,ie=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var oe=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={},a={},l={};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 a;r[i[o]]=((a={})[g]=n,a)}else r[i[o]][g]=n;else l[g]=n}))}else"object"==typeof h?a[g]=o(h):l[g]=h})),i.forEach((function(n){r[n]&&(l[n]=r[n])})),Object.assign(l,a),l}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)"]),ae=(cn(_r={},xn.Light,O(Rr||(Rr=pn(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Nn[xn.Light][1])),cn(_r,xn.Dark,O(Fr||(Fr=pn(["\n    border: 0;\n    border-radius: 6px;\n    overflow: hidden;\n  "])))),_r),le=O(Zr||(Zr=pn(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),ge=O(Jr||(Jr=pn(["\n  // No panel with chrome\n  grid-template-areas: 'code code';\n"]))),he=O(Gr||(Gr=pn(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),se=O(Kr||(Kr=pn(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-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  transition: box-shadow 100ms ease-in-out;\n\n  ","\n"])),_[2],_[2],oe({whiteSpace:["pre","pre-wrap","pre"]})),ce=O(Hr||(Hr=pn(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),de=O(Ur||(Ur=pn(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),ue=O(Xr||(Xr=pn(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),pe=O(Yr||(Yr=pn(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),L.blue.light1),fe=O($r||($r=pn(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function me(n){var r=Nn[n],e="dark"===n?"border: 0":"border-color: ".concat(r[1]);return O(Qr||(Qr=pn(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),e,r[0],r[3])}var be="none",ye="left",ve="right",ke="both",we=O(Vr||(Vr=pn(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 8px;\n    border-radius: 100%;\n    box-shadow: unset;\n    transition: box-shadow 100ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -8px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"]))),xe=O(ne||(ne=pn(["\n  &:after {\n    grid-column: 3; // Placed on the right edge\n  }\n"]))),je=O(re||(re=pn(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the right edge\n  }\n"])));function Ne(n,r){var e=X(.7,r===xn.Light?L.gray.dark1:A.black),t=O(ee||(ee=pn(["\n    box-shadow: 0 0 10px 0 ",";\n  "])),e);return O(te||(te=pn(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(n===ke||n===ye)&&t,(n===ke||n===ve)&&t)}function Ce(n){var r,e,t=n.children,i=void 0===t?"":t,o=n.className,a=n.language,l=n.darkMode,g=void 0!==l&&l,h=n.showLineNumbers,s=void 0!==h&&h,c=n.lineNumberStart,d=void 0===c?1:c,u=n.showWindowChrome,p=void 0!==u&&u,f=n.chromeTitle,m=void 0===f?"":f,b=n.copyable,y=void 0===b||b,v=n.onCopy,k=n.highlightLines,w=void 0===k?[]:k,x=n.languageOptions,j=n.onChange,N=n.customActionButtons,C=void 0===N?[]:N,O=n.showCustomActionButtons,L=void 0!==O&&O,A=n.usePortal,P=void 0===A||A,M=n.portalClassName,D=n.portalContainer,q=n.scrollContainer,R=n.popoverZIndex,_=un(n,ie),Z=B(null),J=K().usingKeyboard,G=fn(T(be),2),H=G[0],U=G[1],X=fn(T(!1),2),Y=X[0],Q=X[1],V=g?xn.Dark:xn.Light,nn=I((function(){return i.trim().includes("\n")}),[i]),rn=C.filter((function(n){return!0===en(n,"IconButton")})),tn=L&&!!rn.length,on=null==x?void 0:x.find((function(n){return n.displayName===a})),an=on?on.language:a,ln=!!on;E((function(){Q(y&&W.isSupported())}),[y,p]),F((function(){var n=Z.current;null!=n&&n.scrollWidth>n.clientWidth&&U(ve)}),[]);var gn=$(tr,{showLineNumbers:s,lineNumberStart:d,darkMode:g,language:an,highlightLines:w},i);var sn=z((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?U(ke):i>0?U(ye):i<o&&U(ve)}}),50,{leading:!0}),pn=hn({popoverZIndex:R},P?{usePortal:P,portalClassName:M,portalContainer:D,scrollContainer:q}:{usePortal:P});return $("div",{className:ae[V]},p&&$(zr,{chromeTitle:m,darkMode:g}),$("div",{className:S(le,we,Ne(H,V),(r={},cn(r,ge,p),cn(r,he,ln),cn(r,xe,p),cn(r,je,ln),r),we,Ne(H,V))},$("pre",dn({},_,{className:S(se,me(V),(e={},cn(e,ce,p),cn(e,de,ln),cn(e,ue,!nn),cn(e,pe,J),e),o),onScroll:function(n){n.persist(),sn(n)},ref:Z,tabIndex:H!==be?0:-1}),gn),!p&&(y||!!on||tn)&&$(Tr,dn({className:S(fe),language:on,languageOptions:x,onChange:j,contents:i,onCopy:v,showCopyButton:Y,darkMode:g,isMultiline:nn,customActionButtons:rn,showCustomActionButtons:tn},pn))))}Ce.displayName="Code",Ce.propTypes={children:q.string.isRequired,language:q.oneOfType([q.oneOf(Object.values(jn)),q.string]),darkMode:q.bool,className:q.string,showLineNumbers:q.bool,lineNumberStart:q.number,showWindowChrome:q.bool,chromeTitle:q.string,highlightLines:q.arrayOf(q.oneOfType([q.arrayOf(q.number),q.number]))};export{jn as Language,xn as Mode,Ce as default,Nn 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,t,r,i,l,a,o,s,g,u,h,c,d,f,p,b,y,m,v,j,x,k,w,C,N,O,q,S,L,P,A,M,D,T,E,I,B,F,z,R,W,_,Z,G,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(t),X=H(r),Y=H(i),$=H(l),ee=H(a),ne=H(o),te=H(s),re=H(g),ie=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(j),pe=H(x),be=H(k),ye=H(w),me=H(C),ve=H(N),je=H(S),xe=H(L),ke=H(P),we=H(A),Ce=H(E),Ne=H(I),Oe=H(F),qe=H(W),Se=H(_),Le=H(Z),Pe=H(K);function Ae(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Me(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(t),!0).forEach((function(n){Te(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ae(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function De(e){return(De="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 Te(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Ee(){return(Ee=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function Ie(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}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 t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,i,l=[],a=!0,o=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){o=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(o)throw i}}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 ze(e){return function(e){if(Array.isArray(e))return We(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 We(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?We(e,n):void 0}}function We(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var _e,Ze={javascript:Q.default,typescript:V.default,csharp:X.default,go:Y.default,http:$.default,ini:ee.default,java:ne.default,perl:te.default,php:re.default,properties:ie.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},Ge={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=Me(Me({},Ge),{},{None:"none"}),Ue=(Te(_e={},Je.Light,{0:q.palette.gray.light3,1:q.palette.gray.light2,2:q.palette.gray.dark2,3:q.palette.black,4:q.palette.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),Te(_e,Je.Dark,{0:q.uiColors.black,1:q.uiColors.gray.dark3,2:"#919DA1",3:q.uiColors.gray.light3,4:q.uiColors.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),_e);function He(){Object.values(Je).forEach((function(e){return O.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,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.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,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.filter((function(n){return e.includes(n)}))}function tn(e){var n=e.kind,t=e.children;return z.jsx("span",{className:n},t)}function rn(e){return null!=e&&e instanceof Array}function ln(e){return null!=e&&"object"===De(e)&&!(e instanceof Array)}function an(e){return null!=e&&"string"==typeof e}function on(e,n){return null==e?null:an(e)?e:rn(e)?e.map(on):ln(e)?z.jsx(tn,{key:n,kind:e.kind},on(e.children)):e}var sn=O.css(Qe||(Qe=Be(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),D.spacing[3]);function gn(e){var n,t,r;return e?(n="transparent",t="linear-gradient(90deg, ".concat(q.uiColors.gray.dark3,", ").concat(B.transparentize(100,q.uiColors.gray.dark3),")"),r=q.uiColors.gray.dark3):(n=q.uiColors.yellow.light3,t="none",r=q.uiColors.yellow.light2),O.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,t,r,r,r)}function un(e){var n=e.lineNumber,t=e.highlighted,r=e.darkMode,i=e.children,l=r?q.uiColors.gray.dark1:q.palette.gray.dark1,a=r?q.uiColors.gray.light2:q.palette.yellow.dark2;return z.jsx("tr",{className:O.cx(Te({},gn(r),t))},n&&z.jsx("td",{className:O.cx(sn,O.css(Xe||(Xe=Be(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),D.spacing[2],t?a:l))},n),z.jsx("td",{className:sn},i))}function hn(e){var n=(null!=e?e:{}).children;return!(!rn(n)||1!==n.length||!an(n[0]))}function cn(e,n){if("string"==typeof e)return e;if(null!=(t=e)&&"object"===De(t)&&"string"==typeof t.kind&&t.children instanceof Array)return cn(e.children,n);var t;return Oe.default(e,function e(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];return r=r.filter((function(e){return an(e)&&e.length>0})),function(t){var i,l;return an(t)?r.length>0?{kind:en.apply(void 0,[n].concat(ze(r),ze(nn(t)))),children:[t]}:t:(null!==(i=null==t||null===(l=t.children)||void 0===l?void 0:l.length)&&void 0!==i?i:0)>=1?Oe.default(t.children,e.apply(void 0,[n,t.kind].concat(ze(r)))):hn(t)?{kind:en.apply(void 0,[n,t.kind].concat(ze(r),ze(nn.apply(void 0,ze(t.children))))),children:t.children}:t}}(n))}function dn(e){return rn(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===(t=e.children)||void 0===t?void 0:t[0])&&e.children[0].includes("\n"));var n,t}function fn(e){var n=[],t=0;null==n[t]&&(n[t]=[]);var r=function(){t++,n[t]=[]};return cn(e).forEach((function(e){dn(e)?an(e)?e.split("\n").forEach((function(e,i){i>0&&r(),e&&n[t].push(e)})):e.children[0].split("\n").forEach((function(i,l){l>0&&r(),n[t].push({kind:e.kind,children:[i]})})):e&&(an(e)||hn(e))&&n[t].push(e)})),n}function pn(e){for(var n=e.lines,t=S.useContext($e),r=t.highlightLines,i=t.showLineNumbers,l=t.darkMode,a=t.lineNumberStart,o=ze(n);0===(null===(s=o[0])||void 0===s?void 0:s.length);){var s;o.shift()}for(;0===(null===(g=o[o.length-1])||void 0===g?void 0:g.length);){var g;o.pop()}return z.jsx(je.default.Fragment,null,o.map((function(e,n){var t,o=n+(null!=a?a:1),s=function(e){return r.some((function(n){if(null!=(t=n)&&"number"==typeof t)return e===n;var t;if(rn(n)){var r=ze(n).sort((function(e,n){return e-n}));return e>=r[0]&&e<=r[1]}return!1}))}(o);i&&(t=o);var g=null!=e&&e.length?e.map(on):z.jsx("div",{className:O.css(Ye||(Ye=Be(["\n              display: inline-block;\n            "])))});return z.jsx(un,{key:o,lineNumber:t,darkMode:l,highlighted:s},g)})))}var bn,yn,mn,vn={"after:highlight":function(e){var n=e._emitter.rootNode;e.react=z.jsx(pn,{lines:fn(n.children)})}},jn=["children","language","darkMode","showLineNumbers","lineNumberStart","highlightLines","className"];function xn(e){return"cs"!==e&&"js"!==e&&"ts"!==e}var kn=!1;var wn,Cn,Nn,On=O.css(bn||(bn=Be(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),D.fontFamilies.code);function qn(e){var n=e.children,t=e.language,r=e.darkMode,i=void 0!==r&&r,l=e.showLineNumbers,a=void 0!==l&&l,o=e.lineNumberStart,s=e.highlightLines,g=void 0===s?[]:s,u=e.className,h=Ie(e,jn);kn||function(){kn=!0,He();var e=Object.values(Ge).filter(xn);e.forEach((function(e){"graphql"===e?Ne.default(Ce.default):Ce.default.registerLanguage(e,Ze[e])})),Ce.default.configure({languages:e,tabReplace:"  "}),Ce.default.addPlugin(vn)}();var c=S.useMemo((function(){return t===Ke.None?null:Ce.default.highlight(n,{language:t,ignoreIllegals:!0})}),[t,n]),d=null===c?z.jsx(pn,{lines:n.split("\n").map((function(e){return e?[e]:[]}))}):c.react,f=i?Je.Dark:Je.Light,p=14===T.useBaseFontSize()?13:i?16:15,b=O.css(yn||(yn=Be(["\n    font-size: ","px;\n  "])),p);return z.jsx($e.Provider,{value:{highlightLines:g,showLineNumbers:a,lineNumberStart:o,darkMode:i}},z.jsx("code",Ee({},h,{className:O.cx("lg-highlight-hljs-".concat(f),On,b,t,u)}),z.jsx("table",{className:O.css(mn||(mn=Be(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},z.jsx("tbody",null,d))))}qn.displayName="Syntax",qn.propTypes={children:xe.default.string.isRequired,language:xe.default.oneOf(Object.values(Ke)),className:xe.default.string,darkMode:xe.default.bool,showLineNumbers:xe.default.bool,lineNumberStart:xe.default.number,highlightLines:xe.default.arrayOf(xe.default.oneOfType([xe.default.arrayOf(xe.default.number),xe.default.number]))};var Sn=O.css(wn||(wn=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"])),q.palette.white,q.palette.green.dark1,q.palette.white,q.palette.green.dark1,q.palette.white,q.palette.green.dark1);function Ln(e){var n=O.css(Cn||(Cn=Be(["\n    align-self: center;\n    color: ",";\n  "])),q.palette.gray.base),t=O.css(Nn||(Nn=Be(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),q.uiColors.gray.light2,q.uiColors.gray.light3,q.uiColors.gray.dark3);return O.cx(n,Te({},t,e===Je.Dark))}function Pn(e){var n=e.onCopy,t=e.contents,r=e.darkMode,i=(e.withLanguageSwitcher,Fe(S.useState(!1),2)),l=i[0],a=i[1],o=Fe(S.useState(null),2),s=o[0],g=o[1],u=r?Je.Dark:Je.Light;S.useEffect((function(){if(s){var e=new ke.default(s,{text:function(){return t}});if(l){var n=setTimeout((function(){a(!1)}),1500);return function(){return clearTimeout(n)}}return function(){return e.destroy()}}}),[s,t,l]);return z.jsx(Le.default,{ref:g,darkMode:r,"aria-label":"Copy",className:O.cx(Ln(u),Te({},Sn,l)),onClick:function(e){e.preventDefault(),n&&n(),a(!0)}},l?z.jsx(qe.default,null):z.jsx(Se.default,null),l&&z.jsx(R.VisuallyHidden,{role:"alert"},"Copied!"))}Pn.displayName="CopyButton";var An,Mn,Dn,Tn,En,In,Bn,Fn,zn,Rn,Wn,_n,Zn,Gn,Jn,Kn,Un,Hn,Qn=["className","children"],Vn=O.css(An||(An=Be(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),Xn=O.css(Mn||(Mn=Be(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),Yn={light:O.css(Dn||(Dn=Be(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n    font-family: ",";\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),q.palette.white,q.palette.gray.light2,D.fontFamilies.default,q.palette.gray.light2,q.palette.gray.light2),dark:O.css(Tn||(Tn=Be(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    font-family: ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),q.uiColors.gray.dark2,q.uiColors.gray.dark3,D.fontFamilies.legacy,q.uiColors.gray.dark2,q.uiColors.gray.dark1)},$n={light:O.css(En||(En=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),q.palette.blue.light2),dark:O.css(In||(In=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),q.uiColors.focus)},et=O.css(Bn||(Bn=Be(["\n  min-width: 144px;\n  height: 100%;s\n"]))),nt=O.css(Fn||(Fn=Be(["\n  margin-right: ","px;\n"])),D.spacing[3]);function tt(e){var n,t=e.language,r=e.languageOptions,i=e.onChange,l=e.darkMode,a=e.usePortal,o=e.portalClassName,s=e.portalContainer,g=e.scrollContainer,u=e.popoverZIndex,h=T.useUsingKeyboardContext().usingKeyboard,c=l?"dark":"light",d=M.usePrevious(t),f=O.cx(nt,O.css(zn||(zn=Be(["\n      color: ",";\n    "])),l?q.uiColors.white:q.uiColors.gray.dark1)),p=z.jsx(Se.default,{className:f});null!=t.image&&(n=t.image,p=J.isComponentGlyph(n)||G.isComponentType(n,"Icon")?je.default.cloneElement(t.image,{className:f}):je.default.cloneElement(t.image,{className:nt}));var b=je.default.forwardRef((function(e,n){var t,r=e.className,i=e.children,a=Ie(e,Qn);return z.jsx(Pe.default,Ee({},a,{className:O.cx(r,Xn,Yn[c],(t={},Te(t,$n[c],h),Te(t,O.css(Rn||(Rn=Be(["\n            font-family: ",";\n            font-size: 14px;\n          "])),D.fontFamilies.legacy),l),t)),darkMode:l,ref:n,leftGlyph:p}),i)})),y={popoverZIndex:u,usePortal:a,portalClassName:o,portalContainer:s,scrollContainer:g};return z.jsx("div",{className:Vn},z.jsx(U.Select,Ee({darkMode:l,onChange:function(e){if(""===e&&void 0!==d)return i(d);var n=r.find((function(n){return n.displayName===e}));void 0!==n&&i(n)},"aria-labelledby":"Language Picker",value:null==t?void 0:t.displayName,className:et,allowDeselect:!1},y,{__INTERNAL__menuButtonSlot__:b}),null==r?void 0:r.map((function(e){return z.jsx(U.Option,{key:null==e?void 0:e.displayName,value:null==e?void 0:e.displayName},null==e?void 0:e.displayName)}))))}function rt(e,n){var t=O.css(Zn||(Zn=Be(["\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    flex-shrink: 0;\n    gap: ","px;\n    padding: 6px;\n    border-left: solid 1px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),D.spacing[1]),r=O.css(Gn||(Gn=Be(["\n    flex-direction: row;\n    border-left: unset;\n    border-bottom: 1px solid;\n    justify-content: space-between;\n    padding: 0;\n    padding-right: 8px;\n    height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n  "])));return O.cx(t,Te({},r,n),function(e){switch(e){case Je.Light:return O.css(Wn||(Wn=Be(["\n        background-color: ",";\n        border-color: ",";\n      "])),q.palette.white,q.palette.gray.light2);case Je.Dark:return O.css(_n||(_n=Be(["\n        // TODO: Refresh - update these colors\n        background-color: ",";\n        border-color: ",";\n      "])),q.uiColors.gray.dark2,q.uiColors.gray.dark3)}}(e))}function it(e){var n=e.language,t=e.languageOptions,r=e.contents,i=e.onChange,l=e.onCopy,a=e.showCopyButton,o=e.darkMode,s=e.customActionButtons,g=e.showCustomActionButtons,u=e.usePortal,h=e.portalClassName,c=e.portalContainer,d=e.scrollContainer,f=e.popoverZIndex,p=e.className,b=o?Je.Dark:Je.Light,y={popoverZIndex:f,usePortal:u,portalClassName:h,portalContainer:c,scrollContainer:d};return z.jsx("div",{className:O.cx(rt(b,!!n),p),"data-testid":"leafygreen-code-panel"},void 0!==n&&void 0!==t&&void 0!==i&&z.jsx(tt,Ee({onChange:i,language:n,languageOptions:t,darkMode:o},y)),a&&z.jsx(Pn,{onCopy:l,darkMode:o,contents:r,withLanguageSwitcher:!!n}),g&&z.jsx(je.default.Fragment,null,null==s?void 0:s.map((function(e){return e}))))}tt.displayName="LanguageSwitcher",it.displayName="Panel";var lt="light",at="dark",ot=O.css(Jn||(Jn=Be(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,D.fontFamilies.default),st=O.css(Kn||(Kn=Be(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function gt(e){var n=e.darkMode,t=void 0!==n&&n,r=e.chromeTitle,i=void 0===r?"":r,l=Ue[t?at:lt];return z.jsx("div",{className:O.cx(ot,O.css(Un||(Un=Be(["\n          background-color: ",";\n          color: ",";\n        "])),l[1],l[2]),Te({},O.css(Hn||(Hn=Be(["\n            font-family: ",";\n          "])),D.fontFamilies.legacy),t))},z.jsx("div",{className:st},i))}gt.displayName="WindowChrome",gt.propTypes={darkMode:xe.default.bool,chromeTitle:xe.default.string};var ut,ht,ct,dt,ft,pt,bt,yt,mt,vt,jt,xt,kt,wt,Ct,Nt,Ot,qt,St=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Lt=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.literal,r=n.overlap,i=t?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)&&t&&(g=[g]),(t||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||t)if(void 0===n[i[l]]){var a;n[i[l]]=((a={})[s]=e,a)}else n[i[l]][s]=e;else o[s]=e}))}else"object"==typeof g?a[s]=l(g):o[s]=g})),i.forEach((function(e){n[e]&&(o[e]=n[e])})),Object.assign(o,a),o}return function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];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)"]),Pt=(Te(ct={},Je.Light,O.css(ut||(ut=Be(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Ue[Je.Light][1])),Te(ct,Je.Dark,O.css(ht||(ht=Be(["\n    border: 0;\n    border-radius: 6px;\n    overflow: hidden;\n  "])))),ct),At=O.css(dt||(dt=Be(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),Mt=O.css(ft||(ft=Be(["\n  // No panel with chrome\n  grid-template-areas: 'code code';\n"]))),Dt=O.css(pt||(pt=Be(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),Tt=O.css(bt||(bt=Be(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-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  transition: box-shadow 100ms ease-in-out;\n\n  ","\n"])),D.spacing[2],D.spacing[2],Lt({whiteSpace:["pre","pre-wrap","pre"]})),Et=O.css(yt||(yt=Be(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),It=O.css(mt||(mt=Be(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),Bt=O.css(vt||(vt=Be(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),Ft=O.css(jt||(jt=Be(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),q.palette.blue.light1),zt=O.css(xt||(xt=Be(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function Rt(e){var n=Ue[e],t="dark"===e?"border: 0":"border-color: ".concat(n[1]);return O.css(kt||(kt=Be(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),t,n[0],n[3])}var Wt="none",_t="left",Zt="right",Gt="both",Jt=O.css(wt||(wt=Be(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 8px;\n    border-radius: 100%;\n    box-shadow: unset;\n    transition: box-shadow 100ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -8px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"]))),Kt=O.css(Ct||(Ct=Be(["\n  &:after {\n    grid-column: 3; // Placed on the right edge\n  }\n"]))),Ut=O.css(Nt||(Nt=Be(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the right edge\n  }\n"])));function Ht(e,n){var t=n===Je.Light?B.transparentize(.7,q.palette.gray.dark1):B.transparentize(.7,q.uiColors.black),r=O.css(Ot||(Ot=Be(["\n    box-shadow: 0 0 10px 0 ",";\n  "])),t);return O.css(qt||(qt=Be(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(e===Gt||e===_t)&&r,(e===Gt||e===Zt)&&r)}function Qt(e){var n,t,r=e.children,i=void 0===r?"":r,l=e.className,a=e.language,o=e.darkMode,s=void 0!==o&&o,g=e.showLineNumbers,u=void 0!==g&&g,h=e.lineNumberStart,c=void 0===h?1:h,d=e.showWindowChrome,f=void 0!==d&&d,p=e.chromeTitle,b=void 0===p?"":p,y=e.copyable,m=void 0===y||y,v=e.onCopy,j=e.highlightLines,x=void 0===j?[]:j,k=e.languageOptions,w=e.onChange,C=e.customActionButtons,N=void 0===C?[]:C,q=e.showCustomActionButtons,L=void 0!==q&&q,P=e.usePortal,A=void 0===P||P,D=e.portalClassName,E=e.portalContainer,I=e.scrollContainer,B=e.popoverZIndex,F=Ie(e,St),R=S.useRef(null),W=T.useUsingKeyboardContext().usingKeyboard,_=Fe(S.useState(Wt),2),Z=_[0],J=_[1],K=Fe(S.useState(!1),2),U=K[0],H=K[1],Q=s?Je.Dark:Je.Light,V=S.useMemo((function(){return i.trim().includes("\n")}),[i]),X=N.filter((function(e){return!0===G.isComponentType(e,"IconButton")})),Y=L&&!!X.length,$=null==k?void 0:k.find((function(e){return e.displayName===a})),ee=$?$.language:a,ne=!!$;S.useEffect((function(){H(m&&ke.default.isSupported())}),[m,f]),M.useIsomorphicLayoutEffect((function(){var e=R.current;null!=e&&e.scrollWidth>e.clientWidth&&J(Zt)}),[]);var te=z.jsx(qn,{showLineNumbers:u,lineNumberStart:c,darkMode:s,language:ee,highlightLines:x},i);var re=we.default((function(e){var n=e.target,t=n.scrollWidth,r=n.clientWidth;if(t>r){var i=e.target.scrollLeft,l=t-r;i>0&&i<l?J(Gt):i>0?J(_t):i<l&&J(Zt)}}),50,{leading:!0}),ie=Me({popoverZIndex:B},A?{usePortal:A,portalClassName:D,portalContainer:E,scrollContainer:I}:{usePortal:A});return z.jsx("div",{className:Pt[Q]},f&&z.jsx(gt,{chromeTitle:b,darkMode:s}),z.jsx("div",{className:O.cx(At,Jt,Ht(Z,Q),(n={},Te(n,Mt,f),Te(n,Dt,ne),Te(n,Kt,f),Te(n,Ut,ne),n))},z.jsx("pre",Ee({},F,{className:O.cx(Tt,Rt(Q),(t={},Te(t,Et,f),Te(t,It,ne),Te(t,Bt,!V),Te(t,Ft,W),t),l),onScroll:function(e){e.persist(),re(e)},ref:R,tabIndex:Z!==Wt?0:-1}),te),!f&&(m||!!$||Y)&&z.jsx(it,Ee({className:O.cx(zt),language:$,languageOptions:k,onChange:w,contents:i,onCopy:v,showCopyButton:U,darkMode:s,isMultiline:V,customActionButtons:X,showCustomActionButtons:Y},ie))))}Qt.displayName="Code",Qt.propTypes={children:xe.default.string.isRequired,language:xe.default.oneOfType([xe.default.oneOf(Object.values(Ke)),xe.default.string]),darkMode:xe.default.bool,className:xe.default.string,showLineNumbers:xe.default.bool,lineNumberStart:xe.default.number,showWindowChrome:xe.default.bool,chromeTitle:xe.default.string,highlightLines:xe.default.arrayOf(xe.default.oneOfType([xe.default.arrayOf(xe.default.number),xe.default.number]))},e.Language=Ke,e.Mode=Je,e.default=Qt,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,t,r,i,l,a,o,s,g,u,h,c,d,f,p,b,y,m,v,j,x,k,w,C,N,O,q,S,L,P,A,M,D,T,E,I,B,F,z,R,W,_,Z,G,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(t),X=H(r),Y=H(i),$=H(l),ee=H(a),ne=H(o),te=H(s),re=H(g),ie=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(j),pe=H(x),be=H(k),ye=H(w),me=H(C),ve=H(N),je=H(S),xe=H(L),ke=H(P),we=H(A),Ce=H(E),Ne=H(I),Oe=H(F),qe=H(W),Se=H(_),Le=H(Z),Pe=H(K);function Ae(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function Me(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(t),!0).forEach((function(n){Te(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ae(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function De(e){return De="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},De(e)}function Te(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Ee(){return Ee=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Ee.apply(this,arguments)}function Ie(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}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 t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var r,i,l=[],a=!0,o=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){o=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(o)throw i}}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 ze(e){return function(e){if(Array.isArray(e))return We(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 We(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?We(e,n):void 0}}function We(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var _e,Ze={javascript:Q.default,typescript:V.default,csharp:X.default,go:Y.default,http:$.default,ini:ee.default,java:ne.default,perl:te.default,php:re.default,properties:ie.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},Ge={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=Me(Me({},Ge),{},{None:"none"}),Ue=(Te(_e={},Je.Light,{0:q.palette.gray.light3,1:q.palette.gray.light2,2:q.palette.gray.dark2,3:q.palette.black,4:q.palette.white,5:"#D83713",6:"#956d00",7:"#12824D",8:"#007ab8",9:"#016ee9",10:"#CC3887"}),Te(_e,Je.Dark,{0:q.uiColors.black,1:q.uiColors.gray.dark3,2:"#919DA1",3:q.uiColors.gray.light3,4:q.uiColors.gray.dark2,5:"#FF6F44",6:"#EDB210",7:"#35DE7B",8:"#a5e3ff",9:"#2dc4ff",10:"#FF7DC3"}),_e);function He(){Object.values(Je).forEach((function(e){return O.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,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.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,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return t.filter((function(n){return e.includes(n)}))}function tn(e){var n=e.kind,t=e.children;return z.jsx("span",{className:n},t)}function rn(e){return null!=e&&e instanceof Array}function ln(e){return null!=e&&"object"===De(e)&&!(e instanceof Array)}function an(e){return null!=e&&"string"==typeof e}function on(e,n){return null==e?null:an(e)?e:rn(e)?e.map(on):ln(e)?z.jsx(tn,{key:n,kind:e.kind},on(e.children)):e}var sn=O.css(Qe||(Qe=Be(["\n  border-spacing: 0;\n  vertical-align: top;\n  padding: 0 ","px;\n"])),D.spacing[3]);function gn(e){var n,t,r;return e?(n="transparent",t="linear-gradient(90deg, ".concat(q.uiColors.gray.dark3,", ").concat(B.transparentize(100,q.uiColors.gray.dark3),")"),r=q.uiColors.gray.dark3):(n=q.uiColors.yellow.light3,t="none",r=q.uiColors.yellow.light2),O.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,t,r,r,r)}function un(e){var n=e.lineNumber,t=e.highlighted,r=e.darkMode,i=e.children,l=r?q.uiColors.gray.dark1:q.palette.gray.dark1,a=r?q.uiColors.gray.light2:q.palette.yellow.dark2;return z.jsx("tr",{className:O.cx(Te({},gn(r),t))},n&&z.jsx("td",{className:O.cx(sn,O.css(Xe||(Xe=Be(["\n              user-select: none;\n              text-align: right;\n              padding-left: ","px;\n              padding-right: 0;\n              color: ",";\n            "])),D.spacing[2],t?a:l))},n),z.jsx("td",{className:sn},i))}function hn(e){var n=(null!=e?e:{}).children;return!(!rn(n)||1!==n.length||!an(n[0]))}function cn(e,n){if("string"==typeof e)return e;if(null!=(t=e)&&"object"===De(t)&&"string"==typeof t.kind&&t.children instanceof Array)return cn(e.children,n);var t;return Oe.default(e,function e(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];return r=r.filter((function(e){return an(e)&&e.length>0})),function(t){var i,l;return an(t)?r.length>0?{kind:en.apply(void 0,[n].concat(ze(r),ze(nn(t)))),children:[t]}:t:(null!==(i=null==t||null===(l=t.children)||void 0===l?void 0:l.length)&&void 0!==i?i:0)>=1?Oe.default(t.children,e.apply(void 0,[n,t.kind].concat(ze(r)))):hn(t)?{kind:en.apply(void 0,[n,t.kind].concat(ze(r),ze(nn.apply(void 0,ze(t.children))))),children:t.children}:t}}(n))}function dn(e){return rn(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===(t=e.children)||void 0===t?void 0:t[0])&&e.children[0].includes("\n"));var n,t}function fn(e){var n=[],t=0;null==n[t]&&(n[t]=[]);var r=function(){t++,n[t]=[]};return cn(e).forEach((function(e){dn(e)?an(e)?e.split("\n").forEach((function(e,i){i>0&&r(),e&&n[t].push(e)})):e.children[0].split("\n").forEach((function(i,l){l>0&&r(),n[t].push({kind:e.kind,children:[i]})})):e&&(an(e)||hn(e))&&n[t].push(e)})),n}function pn(e){for(var n=e.lines,t=S.useContext($e),r=t.highlightLines,i=t.showLineNumbers,l=t.darkMode,a=t.lineNumberStart,o=ze(n);0===(null===(s=o[0])||void 0===s?void 0:s.length);){var s;o.shift()}for(;0===(null===(g=o[o.length-1])||void 0===g?void 0:g.length);){var g;o.pop()}return z.jsx(je.default.Fragment,null,o.map((function(e,n){var t,o=n+(null!=a?a:1),s=function(e){return r.some((function(n){if(null!=(t=n)&&"number"==typeof t)return e===n;var t;if(rn(n)){var r=ze(n).sort((function(e,n){return e-n}));return e>=r[0]&&e<=r[1]}return!1}))}(o);i&&(t=o);var g=null!=e&&e.length?e.map(on):z.jsx("div",{className:O.css(Ye||(Ye=Be(["\n              display: inline-block;\n            "])))});return z.jsx(un,{key:o,lineNumber:t,darkMode:l,highlighted:s},g)})))}var bn,yn,mn,vn={"after:highlight":function(e){var n=e._emitter.rootNode;e.react=z.jsx(pn,{lines:fn(n.children)})}},jn=["children","language","darkMode","showLineNumbers","lineNumberStart","highlightLines","className"];function xn(e){return"cs"!==e&&"js"!==e&&"ts"!==e}var kn=!1;var wn,Cn,Nn,On=O.css(bn||(bn=Be(["\n  color: inherit;\n  font-size: 13px;\n  font-family: ",";\n  line-height: 24px;\n"])),D.fontFamilies.code);function qn(e){var n=e.children,t=e.language,r=e.darkMode,i=void 0!==r&&r,l=e.showLineNumbers,a=void 0!==l&&l,o=e.lineNumberStart,s=e.highlightLines,g=void 0===s?[]:s,u=e.className,h=Ie(e,jn);kn||function(){kn=!0,He();var e=Object.values(Ge).filter(xn);e.forEach((function(e){"graphql"===e?Ne.default(Ce.default):Ce.default.registerLanguage(e,Ze[e])})),Ce.default.configure({languages:e,tabReplace:"  "}),Ce.default.addPlugin(vn)}();var c=S.useMemo((function(){return t===Ke.None?null:Ce.default.highlight(n,{language:t,ignoreIllegals:!0})}),[t,n]),d=null===c?z.jsx(pn,{lines:n.split("\n").map((function(e){return e?[e]:[]}))}):c.react,f=i?Je.Dark:Je.Light,p=14===T.useBaseFontSize()?13:i?16:15,b=O.css(yn||(yn=Be(["\n    font-size: ","px;\n  "])),p);return z.jsx($e.Provider,{value:{highlightLines:g,showLineNumbers:a,lineNumberStart:o,darkMode:i}},z.jsx("code",Ee({},h,{className:O.cx("lg-highlight-hljs-".concat(f),On,b,t,u)}),z.jsx("table",{className:O.css(mn||(mn=Be(["\n            border-spacing: 0;\n            width: 100%;\n          "])))},z.jsx("tbody",null,d))))}qn.displayName="Syntax",qn.propTypes={children:xe.default.string.isRequired,language:xe.default.oneOf(Object.values(Ke)),className:xe.default.string,darkMode:xe.default.bool,showLineNumbers:xe.default.bool,lineNumberStart:xe.default.number,highlightLines:xe.default.arrayOf(xe.default.oneOfType([xe.default.arrayOf(xe.default.number),xe.default.number]))};var Sn=O.css(wn||(wn=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"])),q.palette.white,q.palette.green.dark1,q.palette.white,q.palette.green.dark1,q.palette.white,q.palette.green.dark1);function Ln(e){var n=O.css(Cn||(Cn=Be(["\n    align-self: center;\n    color: ",";\n  "])),q.palette.gray.base),t=O.css(Nn||(Nn=Be(["\n    color: ",";\n\n    &:hover {\n      color: ",";\n\n      &:before {\n        background-color: ",";\n      }\n    }\n  "])),q.uiColors.gray.light2,q.uiColors.gray.light3,q.uiColors.gray.dark3);return O.cx(n,Te({},t,e===Je.Dark))}function Pn(e){var n=e.onCopy,t=e.contents,r=e.darkMode,i=Fe(S.useState(!1),2),l=i[0],a=i[1],o=Fe(S.useState(null),2),s=o[0],g=o[1],u=r?Je.Dark:Je.Light,h=T.usePopoverPortalContainer().portalContainer;S.useEffect((function(){if(s){var e=new ke.default(s,{text:function(){return t},container:h});if(l){var n=setTimeout((function(){a(!1)}),1500);return function(){return clearTimeout(n)}}return function(){return e.destroy()}}}),[s,t,l,h]);return z.jsx(Le.default,{ref:g,darkMode:r,"aria-label":"Copy",className:O.cx(Ln(u),Te({},Sn,l)),onClick:function(e){e.preventDefault(),n&&n(),a(!0)}},l?z.jsx(qe.default,null):z.jsx(Se.default,null),l&&z.jsx(R.VisuallyHidden,{role:"alert"},"Copied!"))}Pn.displayName="CopyButton";var An,Mn,Dn,Tn,En,In,Bn,Fn,zn,Rn,Wn,_n,Zn,Gn,Jn,Kn,Un,Hn,Qn=["className","children"],Vn=O.css(An||(An=Be(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"]))),Xn=O.css(Mn||(Mn=Be(["\n  // Override default menuButton styles\n  margin-top: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0px;\n  border: 0;\n  font-size: 12px;\n\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: 0 0 0 0;\n    border: 0;\n  }\n\n  // Override button defaults\n  > *:last-child {\n    grid-template-columns: 16px 1fr 16px;\n    padding: 0 12px;\n    > svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n"]))),Yn={light:O.css(Dn||(Dn=Be(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    box-shadow: 0 0 0 0;\n    font-family: ",";\n\n    &:hover,\n    &:active,\n    &:focus {\n      border-right: 1px solid ",";\n    }\n\n    &:hover {\n      background-color: ",";\n    }\n  "])),q.palette.white,q.palette.gray.light2,D.fontFamilies.default,q.palette.gray.light2,q.palette.gray.light2),dark:O.css(Tn||(Tn=Be(["\n    background-color: ",";\n    border-right: 1px solid ",";\n    font-family: ",";\n\n    &:hover,\n    &:focus,\n    &:active {\n      border-right: 1px solid ",";\n    }\n\n    &:hover,\n    &:active {\n      background-color: ",";\n    }\n  "])),q.uiColors.gray.dark2,q.uiColors.gray.dark3,D.fontFamilies.legacy,q.uiColors.gray.dark2,q.uiColors.gray.dark1)},$n={light:O.css(En||(En=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),q.palette.blue.light2),dark:O.css(In||(In=Be(["\n    &:focus {\n      background-color: ",";\n    }\n  "])),q.uiColors.focus)},et=O.css(Bn||(Bn=Be(["\n  min-width: 144px;\n  height: 100%;s\n"]))),nt=O.css(Fn||(Fn=Be(["\n  margin-right: ","px;\n"])),D.spacing[3]);function tt(e){var n,t=e.language,r=e.languageOptions,i=e.onChange,l=e.darkMode,a=e.usePortal,o=e.portalClassName,s=e.portalContainer,g=e.scrollContainer,u=e.popoverZIndex,h=T.useUsingKeyboardContext().usingKeyboard,c=l?"dark":"light",d=M.usePrevious(t),f=O.cx(nt,O.css(zn||(zn=Be(["\n      color: ",";\n    "])),l?q.uiColors.white:q.uiColors.gray.dark1)),p=z.jsx(Se.default,{className:f});null!=t.image&&(n=t.image,p=J.isComponentGlyph(n)||G.isComponentType(n,"Icon")?je.default.cloneElement(t.image,{className:f}):je.default.cloneElement(t.image,{className:nt}));var b=je.default.forwardRef((function(e,n){var t,r=e.className,i=e.children,a=Ie(e,Qn);return z.jsx(Pe.default,Ee({},a,{className:O.cx(r,Xn,Yn[c],(t={},Te(t,$n[c],h),Te(t,O.css(Rn||(Rn=Be(["\n            font-family: ",";\n            font-size: 14px;\n          "])),D.fontFamilies.legacy),l),t)),darkMode:l,ref:n,leftGlyph:p}),i)})),y={popoverZIndex:u,usePortal:a,portalClassName:o,portalContainer:s,scrollContainer:g};return z.jsx("div",{className:Vn},z.jsx(U.Select,Ee({darkMode:l,onChange:function(e){if(""===e&&void 0!==d)return i(d);var n=r.find((function(n){return n.displayName===e}));void 0!==n&&i(n)},"aria-labelledby":"Language Picker",value:null==t?void 0:t.displayName,className:et,allowDeselect:!1},y,{__INTERNAL__menuButtonSlot__:b}),null==r?void 0:r.map((function(e){return z.jsx(U.Option,{key:null==e?void 0:e.displayName,value:null==e?void 0:e.displayName},null==e?void 0:e.displayName)}))))}function rt(e,n){var t=O.css(Zn||(Zn=Be(["\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    flex-shrink: 0;\n    gap: ","px;\n    padding: 6px;\n    border-left: solid 1px;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  "])),D.spacing[1]),r=O.css(Gn||(Gn=Be(["\n    flex-direction: row;\n    border-left: unset;\n    border-bottom: 1px solid;\n    justify-content: space-between;\n    padding: 0;\n    padding-right: 8px;\n    height: 40px; // 28px (icon) + 2 x 6px (focus shadow). Can't use padding b/c switcher\n  "])));return O.cx(t,Te({},r,n),function(e){switch(e){case Je.Light:return O.css(Wn||(Wn=Be(["\n        background-color: ",";\n        border-color: ",";\n      "])),q.palette.white,q.palette.gray.light2);case Je.Dark:return O.css(_n||(_n=Be(["\n        // TODO: Refresh - update these colors\n        background-color: ",";\n        border-color: ",";\n      "])),q.uiColors.gray.dark2,q.uiColors.gray.dark3)}}(e))}function it(e){var n=e.language,t=e.languageOptions,r=e.contents,i=e.onChange,l=e.onCopy,a=e.showCopyButton,o=e.darkMode,s=e.customActionButtons,g=e.showCustomActionButtons,u=e.usePortal,h=e.portalClassName,c=e.portalContainer,d=e.scrollContainer,f=e.popoverZIndex,p=e.className,b=o?Je.Dark:Je.Light,y={popoverZIndex:f,usePortal:u,portalClassName:h,portalContainer:c,scrollContainer:d};return z.jsx("div",{className:O.cx(rt(b,!!n),p),"data-testid":"leafygreen-code-panel"},void 0!==n&&void 0!==t&&void 0!==i&&z.jsx(tt,Ee({onChange:i,language:n,languageOptions:t,darkMode:o},y)),a&&z.jsx(Pn,{onCopy:l,darkMode:o,contents:r,withLanguageSwitcher:!!n}),g&&z.jsx(je.default.Fragment,null,null==s?void 0:s.map((function(e){return e}))))}tt.displayName="LanguageSwitcher",it.displayName="Panel";var lt="light",at="dark",ot=O.css(Jn||(Jn=Be(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ","px;\n  padding-left: ","px;\n  padding-right: ","px;\n  border-radius: ","px ","px 0 0;\n  font-family: ",";\n"])),28,12,12,4,4,D.fontFamilies.default),st=O.css(Kn||(Kn=Be(["\n  padding-left: ","px;\n  padding-right: ","px;\n  font-size: 14px;\n"])),8,8);function gt(e){var n=e.darkMode,t=void 0!==n&&n,r=e.chromeTitle,i=void 0===r?"":r,l=Ue[t?at:lt];return z.jsx("div",{className:O.cx(ot,O.css(Un||(Un=Be(["\n          background-color: ",";\n          color: ",";\n        "])),l[1],l[2]),Te({},O.css(Hn||(Hn=Be(["\n            font-family: ",";\n          "])),D.fontFamilies.legacy),t))},z.jsx("div",{className:st},i))}gt.displayName="WindowChrome",gt.propTypes={darkMode:xe.default.bool,chromeTitle:xe.default.string};var ut,ht,ct,dt,ft,pt,bt,yt,mt,vt,jt,xt,kt,wt,Ct,Nt,Ot,qt,St=["children","className","language","darkMode","showLineNumbers","lineNumberStart","showWindowChrome","chromeTitle","copyable","onCopy","highlightLines","languageOptions","onChange","customActionButtons","showCustomActionButtons","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];var Lt=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=n.literal,r=n.overlap,i=t?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)&&t&&(g=[g]),(t||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||t)if(void 0===n[i[l]]){var a;n[i[l]]=((a={})[s]=e,a)}else n[i[l]][s]=e;else o[s]=e}))}else"object"==typeof g?a[s]=l(g):o[s]=g})),i.forEach((function(e){n[e]&&(o[e]=n[e])})),Object.assign(o,a),o}return function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];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)"]),Pt=(Te(ct={},Je.Light,O.css(ut||(ut=Be(["\n    border: 1px solid ",";\n    border-radius: 12px;\n    overflow: hidden;\n  "])),Ue[Je.Light][1])),Te(ct,Je.Dark,O.css(ht||(ht=Be(["\n    border: 0;\n    border-radius: 6px;\n    overflow: hidden;\n  "])))),ct),At=O.css(dt||(dt=Be(["\n  position: relative;\n  display: grid;\n  grid-template-areas: 'code panel';\n  grid-template-columns: auto 38px;\n  border-radius: inherit;\n  z-index: 0; // new stacking context\n"]))),Mt=O.css(ft||(ft=Be(["\n  // No panel with chrome\n  grid-template-areas: 'code code';\n"]))),Dt=O.css(pt||(pt=Be(["\n  grid-template-areas: 'panel' 'code';\n  grid-template-columns: unset;\n"]))),Tt=O.css(bt||(bt=Be(["\n  grid-area: code;\n  overflow-x: auto;\n  // Many applications have global styles that are adding a border and border radius to this element.\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-bottom-right-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  transition: box-shadow 100ms ease-in-out;\n\n  ","\n"])),D.spacing[2],D.spacing[2],Lt({whiteSpace:["pre","pre-wrap","pre"]})),Et=O.css(yt||(yt=Be(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),It=O.css(mt||(mt=Be(["\n  border-left: 0;\n  border-radius: inherit;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n"]))),Bt=O.css(vt||(vt=Be(["\n  display: flex;\n  align-items: center;\n  padding-top: ","px;\n  padding-bottom: ","px;\n"])),6,6),Ft=O.css(jt||(jt=Be(["\n  &:focus,\n  &:active,\n  &:focus-visible,\n  &:focus-within {\n    outline: none;\n    box-shadow: 0 0 0 2px "," inset;\n  }\n"])),q.palette.blue.light1),zt=O.css(xt||(xt=Be(["\n  z-index: 2; // Above the shadows\n  grid-area: panel;\n"])));function Rt(e){var n=Ue[e],t="dark"===e?"border: 0":"border-color: ".concat(n[1]);return O.css(kt||(kt=Be(["\n    ",";\n    background-color: ",";\n    color: ",";\n  "])),t,n[0],n[3])}var Wt="none",_t="left",Zt="right",Gt="both",Jt=O.css(wt||(wt=Be(["\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: 1; // above the code\n    top: 0;\n    height: 100%;\n    width: 8px;\n    border-radius: 100%;\n    box-shadow: unset;\n    transition: box-shadow 100ms ease-in-out;\n  }\n  &:before {\n    grid-column: 1;\n    left: -8px;\n  }\n  &:after {\n    grid-column: 2; // Placed either under Panel, or on the right edge\n  }\n"]))),Kt=O.css(Ct||(Ct=Be(["\n  &:after {\n    grid-column: 3; // Placed on the right edge\n  }\n"]))),Ut=O.css(Nt||(Nt=Be(["\n  &:before,\n  &:after {\n    grid-row: 2; // Placed on the right edge\n  }\n"])));function Ht(e,n){var t=n===Je.Light?B.transparentize(.7,q.palette.gray.dark1):B.transparentize(.7,q.uiColors.black),r=O.css(Ot||(Ot=Be(["\n    box-shadow: 0 0 10px 0 ",";\n  "])),t);return O.css(qt||(qt=Be(["\n    &:before {\n      ",";\n    }\n    &:after {\n      ",";\n    }\n  "])),(e===Gt||e===_t)&&r,(e===Gt||e===Zt)&&r)}function Qt(e){var n,t,r=e.children,i=void 0===r?"":r,l=e.className,a=e.language,o=e.darkMode,s=void 0!==o&&o,g=e.showLineNumbers,u=void 0!==g&&g,h=e.lineNumberStart,c=void 0===h?1:h,d=e.showWindowChrome,f=void 0!==d&&d,p=e.chromeTitle,b=void 0===p?"":p,y=e.copyable,m=void 0===y||y,v=e.onCopy,j=e.highlightLines,x=void 0===j?[]:j,k=e.languageOptions,w=e.onChange,C=e.customActionButtons,N=void 0===C?[]:C,q=e.showCustomActionButtons,L=void 0!==q&&q,P=e.usePortal,A=void 0===P||P,D=e.portalClassName,E=e.portalContainer,I=e.scrollContainer,B=e.popoverZIndex,F=Ie(e,St),R=S.useRef(null),W=T.useUsingKeyboardContext().usingKeyboard,_=Fe(S.useState(Wt),2),Z=_[0],J=_[1],K=Fe(S.useState(!1),2),U=K[0],H=K[1],Q=s?Je.Dark:Je.Light,V=S.useMemo((function(){return i.trim().includes("\n")}),[i]),X=N.filter((function(e){return!0===G.isComponentType(e,"IconButton")})),Y=L&&!!X.length,$=null==k?void 0:k.find((function(e){return e.displayName===a})),ee=$?$.language:a,ne=!!$;S.useEffect((function(){H(m&&ke.default.isSupported())}),[m,f]),M.useIsomorphicLayoutEffect((function(){var e=R.current;null!=e&&e.scrollWidth>e.clientWidth&&J(Zt)}),[]);var te=z.jsx(qn,{showLineNumbers:u,lineNumberStart:c,darkMode:s,language:ee,highlightLines:x},i);var re=we.default((function(e){var n=e.target,t=n.scrollWidth,r=n.clientWidth;if(t>r){var i=e.target.scrollLeft,l=t-r;i>0&&i<l?J(Gt):i>0?J(_t):i<l&&J(Zt)}}),50,{leading:!0}),ie=Me({popoverZIndex:B},A?{usePortal:A,portalClassName:D,portalContainer:E,scrollContainer:I}:{usePortal:A});return z.jsx("div",{className:Pt[Q]},f&&z.jsx(gt,{chromeTitle:b,darkMode:s}),z.jsx("div",{className:O.cx(At,Jt,Ht(Z,Q),(n={},Te(n,Mt,f),Te(n,Dt,ne),Te(n,Kt,f),Te(n,Ut,ne),n),Jt,Ht(Z,Q))},z.jsx("pre",Ee({},F,{className:O.cx(Tt,Rt(Q),(t={},Te(t,Et,f),Te(t,It,ne),Te(t,Bt,!V),Te(t,Ft,W),t),l),onScroll:function(e){e.persist(),re(e)},ref:R,tabIndex:Z!==Wt?0:-1}),te),!f&&(m||!!$||Y)&&z.jsx(it,Ee({className:O.cx(zt),language:$,languageOptions:k,onChange:w,contents:i,onCopy:v,showCopyButton:U,darkMode:s,isMultiline:V,customActionButtons:X,showCustomActionButtons:Y},ie))))}Qt.displayName="Code",Qt.propTypes={children:xe.default.string.isRequired,language:xe.default.oneOfType([xe.default.oneOf(Object.values(Ke)),xe.default.string]),darkMode:xe.default.bool,className:xe.default.string,showLineNumbers:xe.default.bool,lineNumberStart:xe.default.number,showWindowChrome:xe.default.bool,chromeTitle:xe.default.string,highlightLines:xe.default.arrayOf(xe.default.oneOfType([xe.default.arrayOf(xe.default.number),xe.default.number]))},e.Language=Ke,e.Mode=Je,e.default=Qt,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';
+import { SyntaxProps } from './types';
 declare function Syntax({ children, language, darkMode, showLineNumbers, lineNumberStart, highlightLines, className, ...rest }: SyntaxProps): JSX.Element;
@@ -9,3 +9,3 @@ declare namespace Syntax {
         children: PropTypes.Validator<string>;
-        language: PropTypes.Requireable<Language>;
+        language: PropTypes.Requireable<"javascript" | "js" | "typescript" | "ts" | "csharp" | "cs" | "go" | "http" | "ini" | "java" | "perl" | "php" | "properties" | "python" | "ruby" | "rust" | "scala" | "swift" | "kotlin" | "objectivec" | "dart" | "bash" | "shell" | "sql" | "yaml" | "json" | "graphql" | "diff" | "xml" | "none">;
         className: PropTypes.Requireable<string>;
@@ -12,0 +12,0 @@ darkMode: PropTypes.Requireable<boolean>;

package.json

 {
   "name": "@leafygreen-ui/code",
-  "version": "10.0.0",
+  "version": "11.0.0",
   "description": "leafyGreen UI Kit Code Blocks",
@@ -26,9 +26,8 @@ "main": "./dist/index.js",
     "@leafygreen-ui/hooks": "^7.1.1",
-    "@leafygreen-ui/select": "^3.1.0",
+    "@leafygreen-ui/select": "^5.0.0",
     "@leafygreen-ui/palette": "^3.2.2",
     "@leafygreen-ui/lib": "^9.0.1",
-    "@leafygreen-ui/icon": "^11.6.0",
-    "@leafygreen-ui/icon-button": "^10.0.0",
-    "@leafygreen-ui/leafygreen-provider": "^2.1.3",
-    "@leafygreen-ui/tokens": "^0.5.3",
+    "@leafygreen-ui/icon": "^11.9.0",
+    "@leafygreen-ui/icon-button": "^11.0.0",
+    "@leafygreen-ui/tokens": "^1.3.0",
     "highlight.js": "^11.0.0",
@@ -39,3 +38,6 @@ "highlightjs-line-numbers.js": "^2.7.0",
   },
+  "peerDependencies": {
+    "@leafygreen-ui/leafygreen-provider": "^2.2.0"
+  },
   "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0"
 }

src/languages.ts

@@ -87,2 +87,3 @@ import javascript from 'highlight.js/lib/languages/javascript';
 
-export type SupportedLanguages = typeof SupportedLanguages[keyof typeof SupportedLanguages];
+export type SupportedLanguages =
+  typeof SupportedLanguages[keyof typeof SupportedLanguages];

No alert changes

Worsened metrics

Total package byte prevSize

423272

decreased by-31.15%

Lines of code

3263

decreased by-2.1%

Dependency changes

• + Added@leafygreen-ui/button@15.0.2(transitive)

• + Added@leafygreen-ui/icon-button@11.0.2(transitive)

• + Added@leafygreen-ui/interaction-ring@3.0.0(transitive)

• + Added@leafygreen-ui/popover@8.0.1(transitive)

• + Added@leafygreen-ui/select@5.0.3(transitive)

• + Added@leafygreen-ui/tokens@1.3.11.4.1(transitive)

• + Added@leafygreen-ui/typography@11.0.2(transitive)

• - Removed@leafygreen-ui/leafygreen-provider@^2.1.3

• - Removed@leafygreen-ui/button@12.0.5(transitive)

• - Removed@leafygreen-ui/icon-button@10.0.0(transitive)

• - Removed@leafygreen-ui/popover@7.2.3(transitive)

• - Removed@leafygreen-ui/select@3.1.0(transitive)

• - Removed@leafygreen-ui/tokens@0.5.3(transitive)

• Updated@leafygreen-ui/icon@^11.9.0

• Updated@leafygreen-ui/icon-button@^11.0.0

• Updated@leafygreen-ui/select@^5.0.0

• Updated@leafygreen-ui/tokens@^1.3.0