@ultraviolet/plus 0.27.2 → 0.28.0

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -6,22 +6,59 @@ const _styled = require("@emotion/styled/base");
 const codemirrorExtensionsLangs = require("@uiw/codemirror-extensions-langs");
 const codemirrorThemeMaterial = require("@uiw/codemirror-theme-material");
 const CodeMirror = require("@uiw/react-codemirror");
+const themes = require("@ultraviolet/themes");
 const ui = require("@ultraviolet/ui");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
 const CodeMirror__default = /* @__PURE__ */ _interopDefaultCompat(CodeMirror);
-const StyledText = /* @__PURE__ */ _styled__default.default(ui.Text, process.env.NODE_ENV === "production" ? {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const EditorContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e13pskxy2"
+} : {
+  target: "e13pskxy2",
+  label: "EditorContainer"
+})("position:relative;width:100%;.cm-editor{font-family:", ({
+  theme
+}) => theme.typography.code.fontFamily, ";font-size:", ({
+  theme
+}) => theme.typography.code.fontSize, ";background-color:", themes.consoleDarkTheme.colors.neutral.backgroundWeak, ";border-radius:", ({
+  theme
+}) => theme.space["0.5"], ";border:1px solid transparent;}.cm-editor.cm-focused{outline:none;box-shadow:", ({
+  theme
+}) => theme.shadows.focusPrimary, ";border:1px solid ", ({
+  theme
+}) => theme.colors.primary.border, ";}.cm-content{padding-block:", ({
+  theme
+}) => theme.space["2"], ";}.cm-gutters{background-color:", themes.consoleDarkTheme.colors.neutral.backgroundHover, ";}.cm-lineNumbers{padding-left:", ({
+  theme
+}) => theme.space["1"], ";}.cm-gutterElement{color:#545454;}.cm-scroller{border-radius:", ({
+  theme
+}) => theme.space["0.5"], ';}&[data-disabled="true"]{pointer-events:none;user-select:none;.cm-editor{background-color:', themes.consoleDarkTheme.colors.neutral.backgroundWeakDisabled, ";color:", themes.consoleDarkTheme.colors.neutral.textDisabled, ";}.cm-line span{color:", themes.consoleDarkTheme.colors.neutral.textDisabled, ";}.cm-gutter-Element{color:", themes.consoleDarkTheme.colors.neutral.textWeakDisabled, ";}.cm-cursor{border-left-color:transparent;display:none;}.cm-selectionMatch{background-color:transparent;}.cm-selectionLayer{display:none;}.cm-editor.cm-focused{box-shadow:none;border:1px solid transparent;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db2RlRWRpdG9yL0NvZGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgbGFuZ3MgfSBmcm9tICdAdWl3L2NvZGVtaXJyb3ItZXh0ZW5zaW9ucy1sYW5ncydcbmltcG9ydCB7IG1hdGVyaWFsIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLXRoZW1lLW1hdGVyaWFsJ1xuaW1wb3J0IENvZGVNaXJyb3IgZnJvbSAnQHVpdy9yZWFjdC1jb2RlbWlycm9yJ1xuaW1wb3J0IHsgY29uc29sZURhcmtUaGVtZSB9IGZyb20gJ0B1bHRyYXZpb2xldC90aGVtZXMnXG5pbXBvcnQgeyBDb3B5QnV0dG9uLCBMYWJlbCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgRWRpdG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICAuY20tZWRpdG9yIHtcbiAgICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmNvZGUuZm9udEZhbWlseX07XG4gICAgZm9udC1zaXplOiAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmNvZGUuZm9udFNpemV9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICB9XG5cbiAgLmNtLWVkaXRvci5jbS1mb2N1c2VkIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnl9O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfTtcbiAgfVxuXG4gIC5jbS1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB9O1xuXG4gIC5jbS1ndXR0ZXJzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuXG4gIC5jbS1saW5lTnVtYmVycyB7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB9XG5cbiAgLmNtLWd1dHRlckVsZW1lbnQge1xuICAgIGNvbG9yOiAjNTQ1NDU0O1xuICB9XG5cbiAgLmNtLXNjcm9sbGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIH1cblxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC5jbS1lZGl0b3Ige1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRGlzYWJsZWR9O1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1saW5lIHNwYW4ge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1ndXR0ZXItRWxlbWVudCB7XG4gICAgICBjb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrRGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1jdXJzb3Ige1xuICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAuY20tc2VsZWN0aW9uTWF0Y2gge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbkxheWVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLWVkaXRvci5jbS1mb2N1c2VkIHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDsgXG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29weUJ1dHRvbiA9IHN0eWxlZChDb3B5QnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHN2ZyA+IHBhdGgge1xuICAgIGZpbGw6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMub3RoZXIuaWNvbi5wcm9kdWN0Lm9yaWdpbmFsLmZpbGx9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cbmBcblxudHlwZSBDb2RlRWRpdG9yUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCB1c2UgcHJvcCBgbGFiZWxgIGluc3RlYWRcbiAgICovXG4gIHRpdGxlPzogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmdcbiAgb25DaGFuZ2U6IENvbXBvbmVudFByb3BzPHR5cGVvZiBDb2RlTWlycm9yPlsnb25DaGFuZ2UnXVxuICBleHRlbnNpb25zOiBrZXlvZiB0eXBlb2YgbGFuZ3NcbiAgb25CbHVyPzogKCkgPT4gdm9pZFxuICBoZWlnaHQ/OiBzdHJpbmdcbiAgcmVhZE9ubHk/OiBib29sZWFuXG4gIGF1dG9Db21wbGV0aW9uPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byB0cnVlLCBhIGNvcHkgYnV0dG9uIGlzIGRpc3BsYXllZCBpbiB0aGUgdG9wIHJpZ2h0IGNvcm5lciBvZiB0aGUgZWRpdG9yLlxuICAgKiBJZiBhIHN0cmluZyBpcyBwcm92aWRlZCwgaXQgaXMgdXNlZCBhcyB0aGUgYnV0dG9uJ3MgbGFiZWwuIE90aGVyd2lzZSwgbm8gbGFiZWwgaXMgZGlzcGxheWVkLlxuICAgKi9cbiAgY29weUJ1dHRvbj86IGJvb2xlYW4gfCBzdHJpbmdcbiAgbGFiZWw/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3IgPSAoe1xuICB0aXRsZSxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2phdmFzY3JpcHQnLFxuICBvbkJsdXIsXG4gIGhlaWdodCxcbiAgcmVhZE9ubHksXG4gIGF1dG9Db21wbGV0aW9uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBsYWJlbCxcbiAgY29weUJ1dHRvbixcbiAgaWQsXG4gIGhlbHBlcixcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGNsYXNzTmFtZSxcbn06IENvZGVFZGl0b3JQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXswLjV9IGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICB7bGFiZWwgfHwgdGl0bGUgPyAoXG4gICAgICA8TGFiZWwgbGFiZWxEZXNjcmlwdGlvbj17bGFiZWxEZXNjcmlwdGlvbn0+e2xhYmVsID8/IHRpdGxlfTwvTGFiZWw+XG4gICAgKSA6IG51bGx9XG4gICAgPEVkaXRvckNvbnRhaW5lciBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICA8Q29kZU1pcnJvclxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICB0aGVtZT17bWF0ZXJpYWx9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBleHRlbnNpb25zPXtbbGFuZ3NbZXh0ZW5zaW9uc10oKV19XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBiYXNpY1NldHVwPXt7XG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZUd1dHRlcjogZmFsc2UsXG4gICAgICAgICAgYXV0b2NvbXBsZXRpb246IGF1dG9Db21wbGV0aW9uLFxuICAgICAgICB9fVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBlZGl0YWJsZT17IWRpc2FibGVkIHx8ICFyZWFkT25seX1cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uVXBkYXRlPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGRpc2FibGVkKSBkb2N1bWVudC5nZXRTZWxlY3Rpb24oKT8uZW1wdHkoKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICAgIHtjb3B5QnV0dG9uICYmICFkaXNhYmxlZCA/IChcbiAgICAgICAgPFN0eWxlZENvcHlCdXR0b25cbiAgICAgICAgICBib3JkZXJlZFxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICA+XG4gICAgICAgICAge3R5cGVvZiBjb3B5QnV0dG9uID09PSAnc3RyaW5nJyA/IGNvcHlCdXR0b24gOiB1bmRlZmluZWR9XG4gICAgICAgIDwvU3R5bGVkQ29weUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICAgIHtoZWxwZXIgPyAoXG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiY2FwdGlvblwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgc2VudGltZW50PVwibmV1dHJhbFwiPlxuICAgICAgICB7aGVscGVyfVxuICAgICAgPC9UZXh0PlxuICAgICkgOiBudWxsfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuIl19 */"));
+const StyledStack = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
+  target: "e13pskxy1"
+} : {
+  target: "e13pskxy1",
+  label: "StyledStack"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14e7ykt",
+  styles: '&[data-disabled="true"]{cursor:not-allowed;}'
+} : {
+  name: "14e7ykt",
+  styles: '&[data-disabled="true"]{cursor:not-allowed;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0Rpc2FibGVkfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvcHlCdXR0b24gPSBzdHlsZWQoQ29weUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICByaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBzdmcgPiBwYXRoIHtcbiAgICBmaWxsOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm90aGVyLmljb24ucHJvZHVjdC5vcmlnaW5hbC5maWxsfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG5gXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0ge1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlIHByb3AgYGxhYmVsYCBpbnN0ZWFkXG4gICAqL1xuICB0aXRsZT86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG4gIG9uQ2hhbmdlOiBDb21wb25lbnRQcm9wczx0eXBlb2YgQ29kZU1pcnJvcj5bJ29uQ2hhbmdlJ11cbiAgZXh0ZW5zaW9uczoga2V5b2YgdHlwZW9mIGxhbmdzXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICBhdXRvQ29tcGxldGlvbj86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hlbiBzZXQgdG8gdHJ1ZSwgYSBjb3B5IGJ1dHRvbiBpcyBkaXNwbGF5ZWQgaW4gdGhlIHRvcCByaWdodCBjb3JuZXIgb2YgdGhlIGVkaXRvci5cbiAgICogSWYgYSBzdHJpbmcgaXMgcHJvdmlkZWQsIGl0IGlzIHVzZWQgYXMgdGhlIGJ1dHRvbidzIGxhYmVsLiBPdGhlcndpc2UsIG5vIGxhYmVsIGlzIGRpc3BsYXllZC5cbiAgICovXG4gIGNvcHlCdXR0b24/OiBib29sZWFuIHwgc3RyaW5nXG4gIGxhYmVsPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIGxhYmVsRGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbiAgJ2FyaWEtbGFiZWwnPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgZXh0ZW5zaW9ucyA9ICdqYXZhc2NyaXB0JyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDb2RlRWRpdG9yUHJvcHMpID0+IChcbiAgPFN0eWxlZFN0YWNrIGdhcD17MC41fSBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAge2xhYmVsIHx8IHRpdGxlID8gKFxuICAgICAgPExhYmVsIGxhYmVsRGVzY3JpcHRpb249e2xhYmVsRGVzY3JpcHRpb259PntsYWJlbCA/PyB0aXRsZX08L0xhYmVsPlxuICAgICkgOiBudWxsfVxuICAgIDxFZGl0b3JDb250YWluZXIgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPENvZGVNaXJyb3JcbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgdGhlbWU9e21hdGVyaWFsfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgZXh0ZW5zaW9ucz17W2xhbmdzW2V4dGVuc2lvbnNdKCldfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYmFzaWNTZXR1cD17e1xuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmU6IGZhbHNlLFxuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmVHdXR0ZXI6IGZhbHNlLFxuICAgICAgICAgIGF1dG9jb21wbGV0aW9uOiBhdXRvQ29tcGxldGlvbixcbiAgICAgICAgfX1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvblVwZGF0ZT17KCkgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkgZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKCk/LmVtcHR5KClcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgICB7Y29weUJ1dHRvbiAmJiAhZGlzYWJsZWQgPyAoXG4gICAgICAgIDxTdHlsZWRDb3B5QnV0dG9uXG4gICAgICAgICAgYm9yZGVyZWRcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt0eXBlb2YgY29weUJ1dHRvbiA9PT0gJ3N0cmluZycgPyBjb3B5QnV0dG9uIDogdW5kZWZpbmVkfVxuICAgICAgICA8L1N0eWxlZENvcHlCdXR0b24+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0VkaXRvckNvbnRhaW5lcj5cbiAgICB7aGVscGVyID8gKFxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIj5cbiAgICAgICAge2hlbHBlcn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogbnVsbH1cbiAgPC9TdHlsZWRTdGFjaz5cbilcbiJdfQ== */',
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCopyButton = /* @__PURE__ */ _styled__default.default(ui.CopyButton, process.env.NODE_ENV === "production" ? {
   target: "e13pskxy0"
 } : {
   target: "e13pskxy0",
-  label: "StyledText"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, ";padding:", ({
+  label: "StyledCopyButton"
+})("position:absolute;top:", ({
   theme
-}) => `${theme.space["1"]} ${theme.space["2"]}`, ";border-radius:", ({
+}) => theme.space["1"], ";right:", ({
   theme
-}) => `${theme.radii.default}`, ";width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db2RlRWRpdG9yL0NvZGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgbGFuZ3MgfSBmcm9tICdAdWl3L2NvZGVtaXJyb3ItZXh0ZW5zaW9ucy1sYW5ncydcbmltcG9ydCB7IG1hdGVyaWFsIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLXRoZW1lLW1hdGVyaWFsJ1xuaW1wb3J0IENvZGVNaXJyb3IgZnJvbSAnQHVpdy9yZWFjdC1jb2RlbWlycm9yJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMSddfSAke3RoZW1lLnNwYWNlWycyJ119YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUucmFkaWkuZGVmYXVsdH1gfTtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0ge1xuICB0aXRsZT86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG4gIG9uQ2hhbmdlOiBDb21wb25lbnRQcm9wczx0eXBlb2YgQ29kZU1pcnJvcj5bJ29uQ2hhbmdlJ11cbiAgZXh0ZW5zaW9uczoga2V5b2YgdHlwZW9mIGxhbmdzXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICBhdXRvQ29tcGxldGlvbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3IgPSAoe1xuICB0aXRsZSxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2phdmFzY3JpcHQnLFxuICBvbkJsdXIsXG4gIGhlaWdodCxcbiAgcmVhZE9ubHksXG4gIGF1dG9Db21wbGV0aW9uLFxufTogQ29kZUVkaXRvclByb3BzKSA9PiAoXG4gIDxkaXY+XG4gICAge3RpdGxlID8gKFxuICAgICAgPFN0eWxlZFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICkgOiBudWxsfVxuICAgIDxDb2RlTWlycm9yXG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICB0aGVtZT17bWF0ZXJpYWx9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBleHRlbnNpb25zPXtbbGFuZ3NbZXh0ZW5zaW9uc10oKV19XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIGJhc2ljU2V0dXA9e3tcbiAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmVHdXR0ZXI6IGZhbHNlLFxuICAgICAgICBhdXRvY29tcGxldGlvbjogYXV0b0NvbXBsZXRpb24sXG4gICAgICB9fVxuICAgIC8+XG4gIDwvZGl2PlxuKVxuIl19 */"));
+}) => theme.space["1"], ";svg>path{fill:", themes.consoleDarkTheme.colors.other.icon.product.original.fill, ";}&:hover{background-color:", themes.consoleDarkTheme.colors.neutral.backgroundHover, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRjJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0Rpc2FibGVkfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvcHlCdXR0b24gPSBzdHlsZWQoQ29weUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICByaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBzdmcgPiBwYXRoIHtcbiAgICBmaWxsOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm90aGVyLmljb24ucHJvZHVjdC5vcmlnaW5hbC5maWxsfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG5gXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0ge1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlIHByb3AgYGxhYmVsYCBpbnN0ZWFkXG4gICAqL1xuICB0aXRsZT86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG4gIG9uQ2hhbmdlOiBDb21wb25lbnRQcm9wczx0eXBlb2YgQ29kZU1pcnJvcj5bJ29uQ2hhbmdlJ11cbiAgZXh0ZW5zaW9uczoga2V5b2YgdHlwZW9mIGxhbmdzXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICBhdXRvQ29tcGxldGlvbj86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hlbiBzZXQgdG8gdHJ1ZSwgYSBjb3B5IGJ1dHRvbiBpcyBkaXNwbGF5ZWQgaW4gdGhlIHRvcCByaWdodCBjb3JuZXIgb2YgdGhlIGVkaXRvci5cbiAgICogSWYgYSBzdHJpbmcgaXMgcHJvdmlkZWQsIGl0IGlzIHVzZWQgYXMgdGhlIGJ1dHRvbidzIGxhYmVsLiBPdGhlcndpc2UsIG5vIGxhYmVsIGlzIGRpc3BsYXllZC5cbiAgICovXG4gIGNvcHlCdXR0b24/OiBib29sZWFuIHwgc3RyaW5nXG4gIGxhYmVsPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIGxhYmVsRGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbiAgJ2FyaWEtbGFiZWwnPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgZXh0ZW5zaW9ucyA9ICdqYXZhc2NyaXB0JyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDb2RlRWRpdG9yUHJvcHMpID0+IChcbiAgPFN0eWxlZFN0YWNrIGdhcD17MC41fSBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAge2xhYmVsIHx8IHRpdGxlID8gKFxuICAgICAgPExhYmVsIGxhYmVsRGVzY3JpcHRpb249e2xhYmVsRGVzY3JpcHRpb259PntsYWJlbCA/PyB0aXRsZX08L0xhYmVsPlxuICAgICkgOiBudWxsfVxuICAgIDxFZGl0b3JDb250YWluZXIgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPENvZGVNaXJyb3JcbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgdGhlbWU9e21hdGVyaWFsfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgZXh0ZW5zaW9ucz17W2xhbmdzW2V4dGVuc2lvbnNdKCldfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYmFzaWNTZXR1cD17e1xuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmU6IGZhbHNlLFxuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmVHdXR0ZXI6IGZhbHNlLFxuICAgICAgICAgIGF1dG9jb21wbGV0aW9uOiBhdXRvQ29tcGxldGlvbixcbiAgICAgICAgfX1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvblVwZGF0ZT17KCkgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkgZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKCk/LmVtcHR5KClcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgICB7Y29weUJ1dHRvbiAmJiAhZGlzYWJsZWQgPyAoXG4gICAgICAgIDxTdHlsZWRDb3B5QnV0dG9uXG4gICAgICAgICAgYm9yZGVyZWRcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt0eXBlb2YgY29weUJ1dHRvbiA9PT0gJ3N0cmluZycgPyBjb3B5QnV0dG9uIDogdW5kZWZpbmVkfVxuICAgICAgICA8L1N0eWxlZENvcHlCdXR0b24+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0VkaXRvckNvbnRhaW5lcj5cbiAgICB7aGVscGVyID8gKFxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIj5cbiAgICAgICAge2hlbHBlcn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogbnVsbH1cbiAgPC9TdHlsZWRTdGFjaz5cbilcbiJdfQ== */"));
 const CodeEditor = ({
   title,
   value,
@@ -30,13 +67,28 @@ const CodeEditor = ({
   onBlur,
   height,
   readOnly,
-  autoCompletion
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-  title ? /* @__PURE__ */ jsxRuntime.jsx(StyledText, { as: "h3", variant: "headingSmall", children: title }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx(CodeMirror__default.default, { readOnly, width: "100%", height, theme: codemirrorThemeMaterial.material, onChange, value, extensions: [codemirrorExtensionsLangs.langs[extensions]()], onBlur, basicSetup: {
-    highlightActiveLine: false,
-    highlightActiveLineGutter: false,
-    autocompletion: autoCompletion
-  } })
+  autoCompletion,
+  disabled = false,
+  label,
+  copyButton,
+  id,
+  helper,
+  labelDescription,
+  "aria-label": ariaLabel,
+  "data-testid": dataTestId,
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledStack, { gap: 0.5, "data-disabled": disabled, children: [
+  label || title ? /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { labelDescription, children: label ?? title }) : null,
+  /* @__PURE__ */ jsxRuntime.jsxs(EditorContainer, { "data-disabled": disabled, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(CodeMirror__default.default, { readOnly: readOnly || disabled, width: "100%", height, theme: codemirrorThemeMaterial.material, onChange, value, extensions: [codemirrorExtensionsLangs.langs[extensions]()], onBlur, basicSetup: {
+      highlightActiveLine: false,
+      highlightActiveLineGutter: false,
+      autocompletion: autoCompletion
+    }, id, "aria-label": ariaLabel, "data-testid": dataTestId, className, editable: !disabled || !readOnly, "aria-disabled": disabled, onUpdate: () => {
+      if (disabled) document.getSelection()?.empty();
+    } }),
+    copyButton && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(StyledCopyButton, { bordered: true, value, sentiment: "neutral", size: "small", children: typeof copyButton === "string" ? copyButton : void 0 }) : null
+  ] }),
+  helper ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", variant: "caption", prominence: "weak", sentiment: "neutral", children: helper }) : null
 ] });
 exports.CodeEditor = CodeEditor;

package/dist/components/CodeEditor/CodeEditor.d.ts

@@ -1,7 +1,10 @@
 import { langs } from '@uiw/codemirror-extensions-langs';
 import CodeMirror from '@uiw/react-codemirror';
-import type { ComponentProps } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 type CodeEditorProps = {
+    /**
+     * @deprecated use prop `label` instead
+     */
     title?: string;
     value: string;
     onChange: ComponentProps<typeof CodeMirror>['onChange'];
@@ -10,6 +13,19 @@ type CodeEditorProps = {
     height?: string;
     readOnly?: boolean;
     autoCompletion?: boolean;
+    disabled?: boolean;
+    helper?: ReactNode;
+    /**
+     * When set to true, a copy button is displayed in the top right corner of the editor.
+     * If a string is provided, it is used as the button's label. Otherwise, no label is displayed.
+     */
+    copyButton?: boolean | string;
+    label?: string;
+    id?: string;
+    labelDescription?: ReactNode;
+    'aria-label'?: string;
+    'data-testid'?: string;
+    className?: string;
 };
-export declare const CodeEditor: ({ title, value, onChange, extensions, onBlur, height, readOnly, autoCompletion, }: CodeEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CodeEditor: ({ title, value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, "aria-label": ariaLabel, "data-testid": dataTestId, className, }: CodeEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CodeEditor/CodeEditor.js

@@ -4,19 +4,56 @@ import _styled from "@emotion/styled/base";
 import { langs } from "@uiw/codemirror-extensions-langs";
 import { material } from "@uiw/codemirror-theme-material";
 import CodeMirror from "@uiw/react-codemirror";
-import { Text } from "@ultraviolet/ui";
-const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+import { consoleDarkTheme } from "@ultraviolet/themes";
+import { Label, Text, Stack, CopyButton } from "@ultraviolet/ui";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const EditorContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e13pskxy2"
+} : {
+  target: "e13pskxy2",
+  label: "EditorContainer"
+})("position:relative;width:100%;.cm-editor{font-family:", ({
+  theme
+}) => theme.typography.code.fontFamily, ";font-size:", ({
+  theme
+}) => theme.typography.code.fontSize, ";background-color:", consoleDarkTheme.colors.neutral.backgroundWeak, ";border-radius:", ({
+  theme
+}) => theme.space["0.5"], ";border:1px solid transparent;}.cm-editor.cm-focused{outline:none;box-shadow:", ({
+  theme
+}) => theme.shadows.focusPrimary, ";border:1px solid ", ({
+  theme
+}) => theme.colors.primary.border, ";}.cm-content{padding-block:", ({
+  theme
+}) => theme.space["2"], ";}.cm-gutters{background-color:", consoleDarkTheme.colors.neutral.backgroundHover, ";}.cm-lineNumbers{padding-left:", ({
+  theme
+}) => theme.space["1"], ";}.cm-gutterElement{color:#545454;}.cm-scroller{border-radius:", ({
+  theme
+}) => theme.space["0.5"], ';}&[data-disabled="true"]{pointer-events:none;user-select:none;.cm-editor{background-color:', consoleDarkTheme.colors.neutral.backgroundWeakDisabled, ";color:", consoleDarkTheme.colors.neutral.textDisabled, ";}.cm-line span{color:", consoleDarkTheme.colors.neutral.textDisabled, ";}.cm-gutter-Element{color:", consoleDarkTheme.colors.neutral.textWeakDisabled, ";}.cm-cursor{border-left-color:transparent;display:none;}.cm-selectionMatch{background-color:transparent;}.cm-selectionLayer{display:none;}.cm-editor.cm-focused{box-shadow:none;border:1px solid transparent;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db2RlRWRpdG9yL0NvZGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgbGFuZ3MgfSBmcm9tICdAdWl3L2NvZGVtaXJyb3ItZXh0ZW5zaW9ucy1sYW5ncydcbmltcG9ydCB7IG1hdGVyaWFsIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLXRoZW1lLW1hdGVyaWFsJ1xuaW1wb3J0IENvZGVNaXJyb3IgZnJvbSAnQHVpdy9yZWFjdC1jb2RlbWlycm9yJ1xuaW1wb3J0IHsgY29uc29sZURhcmtUaGVtZSB9IGZyb20gJ0B1bHRyYXZpb2xldC90aGVtZXMnXG5pbXBvcnQgeyBDb3B5QnV0dG9uLCBMYWJlbCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgRWRpdG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcblxuICAuY20tZWRpdG9yIHtcbiAgICBmb250LWZhbWlseTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmNvZGUuZm9udEZhbWlseX07XG4gICAgZm9udC1zaXplOiAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmNvZGUuZm9udFNpemV9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICB9XG5cbiAgLmNtLWVkaXRvci5jbS1mb2N1c2VkIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy5mb2N1c1ByaW1hcnl9O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyfTtcbiAgfVxuXG4gIC5jbS1jb250ZW50IHtcbiAgICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB9O1xuXG4gIC5jbS1ndXR0ZXJzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuXG4gIC5jbS1saW5lTnVtYmVycyB7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICB9XG5cbiAgLmNtLWd1dHRlckVsZW1lbnQge1xuICAgIGNvbG9yOiAjNTQ1NDU0O1xuICB9XG5cbiAgLmNtLXNjcm9sbGVyIHtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIH1cblxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC5jbS1lZGl0b3Ige1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrRGlzYWJsZWR9O1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1saW5lIHNwYW4ge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1ndXR0ZXItRWxlbWVudCB7XG4gICAgICBjb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrRGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1jdXJzb3Ige1xuICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAuY20tc2VsZWN0aW9uTWF0Y2gge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbkxheWVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLWVkaXRvci5jbS1mb2N1c2VkIHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDsgXG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29weUJ1dHRvbiA9IHN0eWxlZChDb3B5QnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHN2ZyA+IHBhdGgge1xuICAgIGZpbGw6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMub3RoZXIuaWNvbi5wcm9kdWN0Lm9yaWdpbmFsLmZpbGx9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cbmBcblxudHlwZSBDb2RlRWRpdG9yUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZCB1c2UgcHJvcCBgbGFiZWxgIGluc3RlYWRcbiAgICovXG4gIHRpdGxlPzogc3RyaW5nXG4gIHZhbHVlOiBzdHJpbmdcbiAgb25DaGFuZ2U6IENvbXBvbmVudFByb3BzPHR5cGVvZiBDb2RlTWlycm9yPlsnb25DaGFuZ2UnXVxuICBleHRlbnNpb25zOiBrZXlvZiB0eXBlb2YgbGFuZ3NcbiAgb25CbHVyPzogKCkgPT4gdm9pZFxuICBoZWlnaHQ/OiBzdHJpbmdcbiAgcmVhZE9ubHk/OiBib29sZWFuXG4gIGF1dG9Db21wbGV0aW9uPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byB0cnVlLCBhIGNvcHkgYnV0dG9uIGlzIGRpc3BsYXllZCBpbiB0aGUgdG9wIHJpZ2h0IGNvcm5lciBvZiB0aGUgZWRpdG9yLlxuICAgKiBJZiBhIHN0cmluZyBpcyBwcm92aWRlZCwgaXQgaXMgdXNlZCBhcyB0aGUgYnV0dG9uJ3MgbGFiZWwuIE90aGVyd2lzZSwgbm8gbGFiZWwgaXMgZGlzcGxheWVkLlxuICAgKi9cbiAgY29weUJ1dHRvbj86IGJvb2xlYW4gfCBzdHJpbmdcbiAgbGFiZWw/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3IgPSAoe1xuICB0aXRsZSxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2phdmFzY3JpcHQnLFxuICBvbkJsdXIsXG4gIGhlaWdodCxcbiAgcmVhZE9ubHksXG4gIGF1dG9Db21wbGV0aW9uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBsYWJlbCxcbiAgY29weUJ1dHRvbixcbiAgaWQsXG4gIGhlbHBlcixcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGNsYXNzTmFtZSxcbn06IENvZGVFZGl0b3JQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZ2FwPXswLjV9IGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICB7bGFiZWwgfHwgdGl0bGUgPyAoXG4gICAgICA8TGFiZWwgbGFiZWxEZXNjcmlwdGlvbj17bGFiZWxEZXNjcmlwdGlvbn0+e2xhYmVsID8/IHRpdGxlfTwvTGFiZWw+XG4gICAgKSA6IG51bGx9XG4gICAgPEVkaXRvckNvbnRhaW5lciBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAgICA8Q29kZU1pcnJvclxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIGhlaWdodD17aGVpZ2h0fVxuICAgICAgICB0aGVtZT17bWF0ZXJpYWx9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBleHRlbnNpb25zPXtbbGFuZ3NbZXh0ZW5zaW9uc10oKV19XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBiYXNpY1NldHVwPXt7XG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZUd1dHRlcjogZmFsc2UsXG4gICAgICAgICAgYXV0b2NvbXBsZXRpb246IGF1dG9Db21wbGV0aW9uLFxuICAgICAgICB9fVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBlZGl0YWJsZT17IWRpc2FibGVkIHx8ICFyZWFkT25seX1cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIG9uVXBkYXRlPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKGRpc2FibGVkKSBkb2N1bWVudC5nZXRTZWxlY3Rpb24oKT8uZW1wdHkoKVxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICAgIHtjb3B5QnV0dG9uICYmICFkaXNhYmxlZCA/IChcbiAgICAgICAgPFN0eWxlZENvcHlCdXR0b25cbiAgICAgICAgICBib3JkZXJlZFxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICA+XG4gICAgICAgICAge3R5cGVvZiBjb3B5QnV0dG9uID09PSAnc3RyaW5nJyA/IGNvcHlCdXR0b24gOiB1bmRlZmluZWR9XG4gICAgICAgIDwvU3R5bGVkQ29weUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICAgIHtoZWxwZXIgPyAoXG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiY2FwdGlvblwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgc2VudGltZW50PVwibmV1dHJhbFwiPlxuICAgICAgICB7aGVscGVyfVxuICAgICAgPC9UZXh0PlxuICAgICkgOiBudWxsfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuIl19 */"));
+const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "e13pskxy1"
+} : {
+  target: "e13pskxy1",
+  label: "StyledStack"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14e7ykt",
+  styles: '&[data-disabled="true"]{cursor:not-allowed;}'
+} : {
+  name: "14e7ykt",
+  styles: '&[data-disabled="true"]{cursor:not-allowed;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0Rpc2FibGVkfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvcHlCdXR0b24gPSBzdHlsZWQoQ29weUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICByaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBzdmcgPiBwYXRoIHtcbiAgICBmaWxsOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm90aGVyLmljb24ucHJvZHVjdC5vcmlnaW5hbC5maWxsfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG5gXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0ge1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlIHByb3AgYGxhYmVsYCBpbnN0ZWFkXG4gICAqL1xuICB0aXRsZT86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG4gIG9uQ2hhbmdlOiBDb21wb25lbnRQcm9wczx0eXBlb2YgQ29kZU1pcnJvcj5bJ29uQ2hhbmdlJ11cbiAgZXh0ZW5zaW9uczoga2V5b2YgdHlwZW9mIGxhbmdzXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICBhdXRvQ29tcGxldGlvbj86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hlbiBzZXQgdG8gdHJ1ZSwgYSBjb3B5IGJ1dHRvbiBpcyBkaXNwbGF5ZWQgaW4gdGhlIHRvcCByaWdodCBjb3JuZXIgb2YgdGhlIGVkaXRvci5cbiAgICogSWYgYSBzdHJpbmcgaXMgcHJvdmlkZWQsIGl0IGlzIHVzZWQgYXMgdGhlIGJ1dHRvbidzIGxhYmVsLiBPdGhlcndpc2UsIG5vIGxhYmVsIGlzIGRpc3BsYXllZC5cbiAgICovXG4gIGNvcHlCdXR0b24/OiBib29sZWFuIHwgc3RyaW5nXG4gIGxhYmVsPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIGxhYmVsRGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbiAgJ2FyaWEtbGFiZWwnPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgZXh0ZW5zaW9ucyA9ICdqYXZhc2NyaXB0JyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDb2RlRWRpdG9yUHJvcHMpID0+IChcbiAgPFN0eWxlZFN0YWNrIGdhcD17MC41fSBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAge2xhYmVsIHx8IHRpdGxlID8gKFxuICAgICAgPExhYmVsIGxhYmVsRGVzY3JpcHRpb249e2xhYmVsRGVzY3JpcHRpb259PntsYWJlbCA/PyB0aXRsZX08L0xhYmVsPlxuICAgICkgOiBudWxsfVxuICAgIDxFZGl0b3JDb250YWluZXIgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPENvZGVNaXJyb3JcbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgdGhlbWU9e21hdGVyaWFsfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgZXh0ZW5zaW9ucz17W2xhbmdzW2V4dGVuc2lvbnNdKCldfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYmFzaWNTZXR1cD17e1xuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmU6IGZhbHNlLFxuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmVHdXR0ZXI6IGZhbHNlLFxuICAgICAgICAgIGF1dG9jb21wbGV0aW9uOiBhdXRvQ29tcGxldGlvbixcbiAgICAgICAgfX1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvblVwZGF0ZT17KCkgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkgZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKCk/LmVtcHR5KClcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgICB7Y29weUJ1dHRvbiAmJiAhZGlzYWJsZWQgPyAoXG4gICAgICAgIDxTdHlsZWRDb3B5QnV0dG9uXG4gICAgICAgICAgYm9yZGVyZWRcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt0eXBlb2YgY29weUJ1dHRvbiA9PT0gJ3N0cmluZycgPyBjb3B5QnV0dG9uIDogdW5kZWZpbmVkfVxuICAgICAgICA8L1N0eWxlZENvcHlCdXR0b24+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0VkaXRvckNvbnRhaW5lcj5cbiAgICB7aGVscGVyID8gKFxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIj5cbiAgICAgICAge2hlbHBlcn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogbnVsbH1cbiAgPC9TdHlsZWRTdGFjaz5cbilcbiJdfQ== */',
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledCopyButton = /* @__PURE__ */ _styled(CopyButton, process.env.NODE_ENV === "production" ? {
   target: "e13pskxy0"
 } : {
   target: "e13pskxy0",
-  label: "StyledText"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, ";padding:", ({
+  label: "StyledCopyButton"
+})("position:absolute;top:", ({
   theme
-}) => `${theme.space["1"]} ${theme.space["2"]}`, ";border-radius:", ({
+}) => theme.space["1"], ";right:", ({
   theme
-}) => `${theme.radii.default}`, ";width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db2RlRWRpdG9yL0NvZGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgbGFuZ3MgfSBmcm9tICdAdWl3L2NvZGVtaXJyb3ItZXh0ZW5zaW9ucy1sYW5ncydcbmltcG9ydCB7IG1hdGVyaWFsIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLXRoZW1lLW1hdGVyaWFsJ1xuaW1wb3J0IENvZGVNaXJyb3IgZnJvbSAnQHVpdy9yZWFjdC1jb2RlbWlycm9yJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMSddfSAke3RoZW1lLnNwYWNlWycyJ119YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYCR7dGhlbWUucmFkaWkuZGVmYXVsdH1gfTtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0ge1xuICB0aXRsZT86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG4gIG9uQ2hhbmdlOiBDb21wb25lbnRQcm9wczx0eXBlb2YgQ29kZU1pcnJvcj5bJ29uQ2hhbmdlJ11cbiAgZXh0ZW5zaW9uczoga2V5b2YgdHlwZW9mIGxhbmdzXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICBhdXRvQ29tcGxldGlvbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3IgPSAoe1xuICB0aXRsZSxcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2phdmFzY3JpcHQnLFxuICBvbkJsdXIsXG4gIGhlaWdodCxcbiAgcmVhZE9ubHksXG4gIGF1dG9Db21wbGV0aW9uLFxufTogQ29kZUVkaXRvclByb3BzKSA9PiAoXG4gIDxkaXY+XG4gICAge3RpdGxlID8gKFxuICAgICAgPFN0eWxlZFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICkgOiBudWxsfVxuICAgIDxDb2RlTWlycm9yXG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICB0aGVtZT17bWF0ZXJpYWx9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBleHRlbnNpb25zPXtbbGFuZ3NbZXh0ZW5zaW9uc10oKV19XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgIGJhc2ljU2V0dXA9e3tcbiAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmVHdXR0ZXI6IGZhbHNlLFxuICAgICAgICBhdXRvY29tcGxldGlvbjogYXV0b0NvbXBsZXRpb24sXG4gICAgICB9fVxuICAgIC8+XG4gIDwvZGl2PlxuKVxuIl19 */"));
+}) => theme.space["1"], ";svg>path{fill:", consoleDarkTheme.colors.other.icon.product.original.fill, ";}&:hover{background-color:", consoleDarkTheme.colors.neutral.backgroundHover, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRjJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0Rpc2FibGVkfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7IFxuICAgIH1cbiAgfVxuYFxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZENvcHlCdXR0b24gPSBzdHlsZWQoQ29weUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICByaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICBzdmcgPiBwYXRoIHtcbiAgICBmaWxsOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm90aGVyLmljb24ucHJvZHVjdC5vcmlnaW5hbC5maWxsfTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kSG92ZXJ9O1xuICB9XG5gXG5cbnR5cGUgQ29kZUVkaXRvclByb3BzID0ge1xuICAvKipcbiAgICogQGRlcHJlY2F0ZWQgdXNlIHByb3AgYGxhYmVsYCBpbnN0ZWFkXG4gICAqL1xuICB0aXRsZT86IHN0cmluZ1xuICB2YWx1ZTogc3RyaW5nXG4gIG9uQ2hhbmdlOiBDb21wb25lbnRQcm9wczx0eXBlb2YgQ29kZU1pcnJvcj5bJ29uQ2hhbmdlJ11cbiAgZXh0ZW5zaW9uczoga2V5b2YgdHlwZW9mIGxhbmdzXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIHJlYWRPbmx5PzogYm9vbGVhblxuICBhdXRvQ29tcGxldGlvbj86IGJvb2xlYW5cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGhlbHBlcj86IFJlYWN0Tm9kZVxuICAvKipcbiAgICogV2hlbiBzZXQgdG8gdHJ1ZSwgYSBjb3B5IGJ1dHRvbiBpcyBkaXNwbGF5ZWQgaW4gdGhlIHRvcCByaWdodCBjb3JuZXIgb2YgdGhlIGVkaXRvci5cbiAgICogSWYgYSBzdHJpbmcgaXMgcHJvdmlkZWQsIGl0IGlzIHVzZWQgYXMgdGhlIGJ1dHRvbidzIGxhYmVsLiBPdGhlcndpc2UsIG5vIGxhYmVsIGlzIGRpc3BsYXllZC5cbiAgICovXG4gIGNvcHlCdXR0b24/OiBib29sZWFuIHwgc3RyaW5nXG4gIGxhYmVsPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIGxhYmVsRGVzY3JpcHRpb24/OiBSZWFjdE5vZGVcbiAgJ2FyaWEtbGFiZWwnPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdGl0bGUsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgZXh0ZW5zaW9ucyA9ICdqYXZhc2NyaXB0JyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG59OiBDb2RlRWRpdG9yUHJvcHMpID0+IChcbiAgPFN0eWxlZFN0YWNrIGdhcD17MC41fSBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0+XG4gICAge2xhYmVsIHx8IHRpdGxlID8gKFxuICAgICAgPExhYmVsIGxhYmVsRGVzY3JpcHRpb249e2xhYmVsRGVzY3JpcHRpb259PntsYWJlbCA/PyB0aXRsZX08L0xhYmVsPlxuICAgICkgOiBudWxsfVxuICAgIDxFZGl0b3JDb250YWluZXIgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPENvZGVNaXJyb3JcbiAgICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5IHx8IGRpc2FibGVkfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgdGhlbWU9e21hdGVyaWFsfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgZXh0ZW5zaW9ucz17W2xhbmdzW2V4dGVuc2lvbnNdKCldfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgYmFzaWNTZXR1cD17e1xuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmU6IGZhbHNlLFxuICAgICAgICAgIGhpZ2hsaWdodEFjdGl2ZUxpbmVHdXR0ZXI6IGZhbHNlLFxuICAgICAgICAgIGF1dG9jb21wbGV0aW9uOiBhdXRvQ29tcGxldGlvbixcbiAgICAgICAgfX1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBvblVwZGF0ZT17KCkgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkgZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKCk/LmVtcHR5KClcbiAgICAgICAgfX1cbiAgICAgIC8+XG4gICAgICB7Y29weUJ1dHRvbiAmJiAhZGlzYWJsZWQgPyAoXG4gICAgICAgIDxTdHlsZWRDb3B5QnV0dG9uXG4gICAgICAgICAgYm9yZGVyZWRcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt0eXBlb2YgY29weUJ1dHRvbiA9PT0gJ3N0cmluZycgPyBjb3B5QnV0dG9uIDogdW5kZWZpbmVkfVxuICAgICAgICA8L1N0eWxlZENvcHlCdXR0b24+XG4gICAgICApIDogbnVsbH1cbiAgICA8L0VkaXRvckNvbnRhaW5lcj5cbiAgICB7aGVscGVyID8gKFxuICAgICAgPFRleHQgYXM9XCJzcGFuXCIgdmFyaWFudD1cImNhcHRpb25cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIj5cbiAgICAgICAge2hlbHBlcn1cbiAgICAgIDwvVGV4dD5cbiAgICApIDogbnVsbH1cbiAgPC9TdHlsZWRTdGFjaz5cbilcbiJdfQ== */"));
 const CodeEditor = ({
   title,
   value,
@@ -25,14 +62,29 @@ const CodeEditor = ({
   onBlur,
   height,
   readOnly,
-  autoCompletion
-}) => /* @__PURE__ */ jsxs("div", { children: [
-  title ? /* @__PURE__ */ jsx(StyledText, { as: "h3", variant: "headingSmall", children: title }) : null,
-  /* @__PURE__ */ jsx(CodeMirror, { readOnly, width: "100%", height, theme: material, onChange, value, extensions: [langs[extensions]()], onBlur, basicSetup: {
-    highlightActiveLine: false,
-    highlightActiveLineGutter: false,
-    autocompletion: autoCompletion
-  } })
+  autoCompletion,
+  disabled = false,
+  label,
+  copyButton,
+  id,
+  helper,
+  labelDescription,
+  "aria-label": ariaLabel,
+  "data-testid": dataTestId,
+  className
+}) => /* @__PURE__ */ jsxs(StyledStack, { gap: 0.5, "data-disabled": disabled, children: [
+  label || title ? /* @__PURE__ */ jsx(Label, { labelDescription, children: label ?? title }) : null,
+  /* @__PURE__ */ jsxs(EditorContainer, { "data-disabled": disabled, children: [
+    /* @__PURE__ */ jsx(CodeMirror, { readOnly: readOnly || disabled, width: "100%", height, theme: material, onChange, value, extensions: [langs[extensions]()], onBlur, basicSetup: {
+      highlightActiveLine: false,
+      highlightActiveLineGutter: false,
+      autocompletion: autoCompletion
+    }, id, "aria-label": ariaLabel, "data-testid": dataTestId, className, editable: !disabled || !readOnly, "aria-disabled": disabled, onUpdate: () => {
+      if (disabled) document.getSelection()?.empty();
+    } }),
+    copyButton && !disabled ? /* @__PURE__ */ jsx(StyledCopyButton, { bordered: true, value, sentiment: "neutral", size: "small", children: typeof copyButton === "string" ? copyButton : void 0 }) : null
+  ] }),
+  helper ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "caption", prominence: "weak", sentiment: "neutral", children: helper }) : null
 ] });
 export {
   CodeEditor

package/dist/components/Navigation/Navigation.d.ts

@@ -10,10 +10,9 @@ export declare const Navigation: {
         children: import("react").ReactNode;
         label: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-    Item: import("react").MemoExoticComponent<({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, }: {
+    Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, }: {
         children?: import("react").ReactNode;
-        categoryIcon?: import("../../types").PascalToCamelCaseWithoutSuffix<keyof typeof import("@ultraviolet/icons/category"), "CategoryIcon">;
-        categoryIconVariant?: import("react").ComponentProps<typeof import("@ultraviolet/icons/category")["BaremetalCategoryIcon"]>["variant"];
+        categoryIcon?: import("react").ReactNode;
         label: string;
         id: string;
         subLabel?: string;