@ultraviolet/plus 2.1.6 → 3.0.0-beta.10

package/README.md

@@ -2,8 +2,6 @@
 
 [![npm version](https://badge.fury.io/js/%40ultraviolet%2Fplus.svg)](https://badge.fury.io/js/%40ultraviolet%2Fplus)
 
-⚠️ THIS LIBRARY IS NOT STABLE ⚠️
-
 We are going to make breaking changes regularly until the first version is released.
 
 Ultraviolet Plus is a set of complex components that are built on top of Ultraviolet UI.
@@ -11,7 +9,30 @@ Ultraviolet Plus is a set of complex components that are built on top of Ultravi
 ## Get Started
 
 ```sh
-$ pnpm add @ultraviolet/ui @ultraviolet/plus @emotion/react @emotion/styled
+$ pnpm add @ultraviolet/ui @ultraviolet/plus
+```
+
+### Usage
+
+In order for the library to work you will need to import both Ultraviolet UI and Ultraviolet Plus styles in your project.
+
+```tsx
+import { ThemeProvider } from '@ultraviolet/ui'
+import { normalize, theme } from '@ultraviolet/ui'
+import { ContentCard } from '@ultraviolet/plus'
+import '@ultraviolet/ui/styles'
+import '@ultraviolet/plus/styles'
+
+const App = () => (
+  <ThemeProvider theme={theme}>
+    <Global
+      styles={css`
+        ${normalize()}
+      `}
+    />
+    <ContentCard title="Welcome on Ultraviolet Plus" />
+  </ThemeProvider>
+)
 ```
 
 ## Documentation

package/dist/components/CodeEditor/CodeEditor.cjs

@@ -2,63 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-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 styles_css = require("./styles.css.cjs");
 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);
-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+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIH1cblxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC5jbS1lZGl0b3Ige1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgY29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0Rpc2FibGVkXG4gICAgICB9O1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1saW5lIHNwYW4ge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1ndXR0ZXItRWxlbWVudCB7XG4gICAgICBjb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrRGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1jdXJzb3Ige1xuICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAuY20tc2VsZWN0aW9uTWF0Y2gge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbkxheWVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLWVkaXRvci5jbS1mb2N1c2VkIHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICB9XG4gIH1cbmBcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDb3B5QnV0dG9uID0gc3R5bGVkKENvcHlCdXR0b24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgc3ZnID4gcGF0aCB7XG4gICAgZmlsbDogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5vdGhlci5pY29uLnByb2R1Y3Qub3JpZ2luYWwuZmlsbH07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuYFxuXG50eXBlIENvZGVFZGl0b3JQcm9wcyA9IHtcbiAgdmFsdWU6IHN0cmluZ1xuICBvbkNoYW5nZTogQ29tcG9uZW50UHJvcHM8dHlwZW9mIENvZGVNaXJyb3I+WydvbkNoYW5nZSddXG4gIGV4dGVuc2lvbnM6IGtleW9mIHR5cGVvZiBsYW5nc1xuICBvbkJsdXI/OiAoKSA9PiB2b2lkXG4gIGhlaWdodD86IHN0cmluZ1xuICByZWFkT25seT86IGJvb2xlYW5cbiAgYXV0b0NvbXBsZXRpb24/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gc2V0IHRvIHRydWUsIGEgY29weSBidXR0b24gaXMgZGlzcGxheWVkIGluIHRoZSB0b3AgcmlnaHQgY29ybmVyIG9mIHRoZSBlZGl0b3IuXG4gICAqIElmIGEgc3RyaW5nIGlzIHByb3ZpZGVkLCBpdCBpcyB1c2VkIGFzIHRoZSBidXR0b24ncyBsYWJlbC4gT3RoZXJ3aXNlLCBubyBsYWJlbCBpcyBkaXNwbGF5ZWQuXG4gICAqL1xuICBjb3B5QnV0dG9uPzogYm9vbGVhbiB8IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICBsYWJlbERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gICdhcmlhLWxhYmVsJz86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsaW5lTnVtYmVycz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3IgPSAoe1xuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGV4dGVuc2lvbnMgPSAnanMnLFxuICBvbkJsdXIsXG4gIGhlaWdodCxcbiAgcmVhZE9ubHksXG4gIGF1dG9Db21wbGV0aW9uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBsYWJlbCxcbiAgY29weUJ1dHRvbixcbiAgaWQsXG4gIGhlbHBlcixcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGNsYXNzTmFtZSxcbiAgbGluZU51bWJlcnMgPSB0cnVlLFxufTogQ29kZUVkaXRvclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0gZ2FwPXswLjV9PlxuICAgIHtsYWJlbCA/IDxMYWJlbCBsYWJlbERlc2NyaXB0aW9uPXtsYWJlbERlc2NyaXB0aW9ufT57bGFiZWx9PC9MYWJlbD4gOiBudWxsfVxuICAgIDxFZGl0b3JDb250YWluZXIgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPENvZGVNaXJyb3JcbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYmFzaWNTZXR1cD17e1xuICAgICAgICAgIGF1dG9jb21wbGV0aW9uOiBhdXRvQ29tcGxldGlvbixcbiAgICAgICAgICBoaWdobGlnaHRBY3RpdmVMaW5lOiBmYWxzZSxcbiAgICAgICAgICBoaWdobGlnaHRBY3RpdmVMaW5lR3V0dGVyOiBmYWxzZSxcbiAgICAgICAgICBsaW5lTnVtYmVycyxcbiAgICAgICAgfX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBlZGl0YWJsZT17IWRpc2FibGVkIHx8ICFyZWFkT25seX1cbiAgICAgICAgZXh0ZW5zaW9ucz17W2xhbmdzW2V4dGVuc2lvbnNdKCldfVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvblVwZGF0ZT17KCkgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKCk/LmVtcHR5KClcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIHJlYWRPbmx5PXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgdGhlbWU9e21hdGVyaWFsfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAvPlxuICAgICAge2NvcHlCdXR0b24gJiYgIWRpc2FibGVkID8gKFxuICAgICAgICA8U3R5bGVkQ29weUJ1dHRvblxuICAgICAgICAgIGJvcmRlcmVkXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgID5cbiAgICAgICAgICB7dHlwZW9mIGNvcHlCdXR0b24gPT09ICdzdHJpbmcnID8gY29weUJ1dHRvbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgPC9TdHlsZWRDb3B5QnV0dG9uPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9FZGl0b3JDb250YWluZXI+XG4gICAge2hlbHBlciA/IChcbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtoZWxwZXJ9XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IG51bGx9XG4gIDwvU3R5bGVkU3RhY2s+XG4pXG4iXX0= */"));
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgIGNvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZFxuICAgICAgfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29weUJ1dHRvbiA9IHN0eWxlZChDb3B5QnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHN2ZyA+IHBhdGgge1xuICAgIGZpbGw6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMub3RoZXIuaWNvbi5wcm9kdWN0Lm9yaWdpbmFsLmZpbGx9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cbmBcblxudHlwZSBDb2RlRWRpdG9yUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmdcbiAgb25DaGFuZ2U6IENvbXBvbmVudFByb3BzPHR5cGVvZiBDb2RlTWlycm9yPlsnb25DaGFuZ2UnXVxuICBleHRlbnNpb25zOiBrZXlvZiB0eXBlb2YgbGFuZ3NcbiAgb25CbHVyPzogKCkgPT4gdm9pZFxuICBoZWlnaHQ/OiBzdHJpbmdcbiAgcmVhZE9ubHk/OiBib29sZWFuXG4gIGF1dG9Db21wbGV0aW9uPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byB0cnVlLCBhIGNvcHkgYnV0dG9uIGlzIGRpc3BsYXllZCBpbiB0aGUgdG9wIHJpZ2h0IGNvcm5lciBvZiB0aGUgZWRpdG9yLlxuICAgKiBJZiBhIHN0cmluZyBpcyBwcm92aWRlZCwgaXQgaXMgdXNlZCBhcyB0aGUgYnV0dG9uJ3MgbGFiZWwuIE90aGVyd2lzZSwgbm8gbGFiZWwgaXMgZGlzcGxheWVkLlxuICAgKi9cbiAgY29weUJ1dHRvbj86IGJvb2xlYW4gfCBzdHJpbmdcbiAgbGFiZWw/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbGluZU51bWJlcnM/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2pzJyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIGxpbmVOdW1iZXJzID0gdHJ1ZSxcbn06IENvZGVFZGl0b3JQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9IGdhcD17MC41fT5cbiAgICB7bGFiZWwgPyA8TGFiZWwgbGFiZWxEZXNjcmlwdGlvbj17bGFiZWxEZXNjcmlwdGlvbn0+e2xhYmVsfTwvTGFiZWw+IDogbnVsbH1cbiAgICA8RWRpdG9yQ29udGFpbmVyIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxDb2RlTWlycm9yXG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGJhc2ljU2V0dXA9e3tcbiAgICAgICAgICBhdXRvY29tcGxldGlvbjogYXV0b0NvbXBsZXRpb24sXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZUd1dHRlcjogZmFsc2UsXG4gICAgICAgICAgbGluZU51bWJlcnMsXG4gICAgICAgIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGV4dGVuc2lvbnM9e1tsYW5nc1tleHRlbnNpb25zXSgpXX1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25VcGRhdGU9eygpID0+IHtcbiAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmdldFNlbGVjdGlvbigpPy5lbXB0eSgpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHRoZW1lPXttYXRlcmlhbH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgLz5cbiAgICAgIHtjb3B5QnV0dG9uICYmICFkaXNhYmxlZCA/IChcbiAgICAgICAgPFN0eWxlZENvcHlCdXR0b25cbiAgICAgICAgICBib3JkZXJlZFxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICA+XG4gICAgICAgICAge3R5cGVvZiBjb3B5QnV0dG9uID09PSAnc3RyaW5nJyA/IGNvcHlCdXR0b24gOiB1bmRlZmluZWR9XG4gICAgICAgIDwvU3R5bGVkQ29weUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICAgIHtoZWxwZXIgPyAoXG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7aGVscGVyfVxuICAgICAgPC9UZXh0PlxuICAgICkgOiBudWxsfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuIl19 */',
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledCopyButton = /* @__PURE__ */ _styled__default.default(ui.CopyButton, process.env.NODE_ENV === "production" ? {
-  target: "e13pskxy0"
-} : {
-  target: "e13pskxy0",
-  label: "StyledCopyButton"
-})("position:absolute;top:", ({
-  theme
-}) => theme.space["1"], ";right:", ({
-  theme
-}) => 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RjJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgIGNvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZFxuICAgICAgfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29weUJ1dHRvbiA9IHN0eWxlZChDb3B5QnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHN2ZyA+IHBhdGgge1xuICAgIGZpbGw6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMub3RoZXIuaWNvbi5wcm9kdWN0Lm9yaWdpbmFsLmZpbGx9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cbmBcblxudHlwZSBDb2RlRWRpdG9yUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmdcbiAgb25DaGFuZ2U6IENvbXBvbmVudFByb3BzPHR5cGVvZiBDb2RlTWlycm9yPlsnb25DaGFuZ2UnXVxuICBleHRlbnNpb25zOiBrZXlvZiB0eXBlb2YgbGFuZ3NcbiAgb25CbHVyPzogKCkgPT4gdm9pZFxuICBoZWlnaHQ/OiBzdHJpbmdcbiAgcmVhZE9ubHk/OiBib29sZWFuXG4gIGF1dG9Db21wbGV0aW9uPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byB0cnVlLCBhIGNvcHkgYnV0dG9uIGlzIGRpc3BsYXllZCBpbiB0aGUgdG9wIHJpZ2h0IGNvcm5lciBvZiB0aGUgZWRpdG9yLlxuICAgKiBJZiBhIHN0cmluZyBpcyBwcm92aWRlZCwgaXQgaXMgdXNlZCBhcyB0aGUgYnV0dG9uJ3MgbGFiZWwuIE90aGVyd2lzZSwgbm8gbGFiZWwgaXMgZGlzcGxheWVkLlxuICAgKi9cbiAgY29weUJ1dHRvbj86IGJvb2xlYW4gfCBzdHJpbmdcbiAgbGFiZWw/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbGluZU51bWJlcnM/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2pzJyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIGxpbmVOdW1iZXJzID0gdHJ1ZSxcbn06IENvZGVFZGl0b3JQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9IGdhcD17MC41fT5cbiAgICB7bGFiZWwgPyA8TGFiZWwgbGFiZWxEZXNjcmlwdGlvbj17bGFiZWxEZXNjcmlwdGlvbn0+e2xhYmVsfTwvTGFiZWw+IDogbnVsbH1cbiAgICA8RWRpdG9yQ29udGFpbmVyIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxDb2RlTWlycm9yXG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGJhc2ljU2V0dXA9e3tcbiAgICAgICAgICBhdXRvY29tcGxldGlvbjogYXV0b0NvbXBsZXRpb24sXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZUd1dHRlcjogZmFsc2UsXG4gICAgICAgICAgbGluZU51bWJlcnMsXG4gICAgICAgIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGV4dGVuc2lvbnM9e1tsYW5nc1tleHRlbnNpb25zXSgpXX1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25VcGRhdGU9eygpID0+IHtcbiAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmdldFNlbGVjdGlvbigpPy5lbXB0eSgpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHRoZW1lPXttYXRlcmlhbH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgLz5cbiAgICAgIHtjb3B5QnV0dG9uICYmICFkaXNhYmxlZCA/IChcbiAgICAgICAgPFN0eWxlZENvcHlCdXR0b25cbiAgICAgICAgICBib3JkZXJlZFxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICA+XG4gICAgICAgICAge3R5cGVvZiBjb3B5QnV0dG9uID09PSAnc3RyaW5nJyA/IGNvcHlCdXR0b24gOiB1bmRlZmluZWR9XG4gICAgICAgIDwvU3R5bGVkQ29weUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICAgIHtoZWxwZXIgPyAoXG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7aGVscGVyfVxuICAgICAgPC9UZXh0PlxuICAgICkgOiBudWxsfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuIl19 */"));
 const CodeEditor = ({
   value,
   onChange,
@@ -76,22 +26,24 @@ const CodeEditor = ({
   "aria-label": ariaLabel,
   "data-testid": dataTestId,
   className,
+  error,
   lineNumbers = true
-}) => /* @__PURE__ */ jsxRuntime.jsxs(StyledStack, { "data-disabled": disabled, gap: 0.5, children: [
+}) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: disabled ? styles_css.disabledStack : "", gap: 0.5, children: [
   label ? /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { labelDescription, children: label }) : null,
-  /* @__PURE__ */ jsxRuntime.jsxs(EditorContainer, { "data-disabled": disabled, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.codeEditor[disabled ? "disabled" : "default"], children: [
     /* @__PURE__ */ jsxRuntime.jsx(CodeMirror__default.default, { "aria-disabled": disabled, "aria-label": ariaLabel, basicSetup: {
       autocompletion: autoCompletion,
       highlightActiveLine: false,
       highlightActiveLineGutter: false,
       lineNumbers
-    }, className, "data-testid": dataTestId, editable: !disabled || !readOnly, extensions: [codemirrorExtensionsLangs.langs[extensions]()], height, id, onBlur, onChange, onUpdate: () => {
+    }, className, "data-testid": dataTestId, editable: !disabled || !readOnly, extensions: [codemirrorExtensionsLangs.langs[extensions]?.() ?? codemirrorExtensionsLangs.langs["sh"]], height, id, onBlur, onChange, onUpdate: () => {
       if (disabled) {
         document.getSelection()?.empty();
       }
     }, readOnly: readOnly || disabled, theme: codemirrorThemeMaterial.material, value, width: "100%" }),
-    copyButton && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(StyledCopyButton, { bordered: true, sentiment: "neutral", size: "small", value, children: typeof copyButton === "string" ? copyButton : void 0 }) : null
+    copyButton && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(ui.CopyButton, { bordered: true, className: styles_css.copyButton, sentiment: "neutral", size: "small", value, children: typeof copyButton === "string" ? copyButton : void 0 }) : null
   ] }),
-  helper ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null
+  error && typeof error !== "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null,
+  !error && helper ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null
 ] });
 exports.CodeEditor = CodeEditor;

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

@@ -22,7 +22,8 @@ type CodeEditorProps = {
     'aria-label'?: string;
     'data-testid'?: string;
     className?: string;
+    error?: string;
     lineNumbers?: boolean;
 };
-export declare const CodeEditor: ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, "aria-label": ariaLabel, "data-testid": dataTestId, className, lineNumbers, }: CodeEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CodeEditor: ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, "aria-label": ariaLabel, "data-testid": dataTestId, className, error, lineNumbers, }: CodeEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CodeEditor/CodeEditor.js

@@ -1,59 +1,10 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-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 { consoleDarkTheme } from "@ultraviolet/themes";
-import { Stack, CopyButton, Label, Text } 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+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIH1cblxuICAmW2RhdGEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC5jbS1lZGl0b3Ige1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtcbiAgICAgICAgY29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0Rpc2FibGVkXG4gICAgICB9O1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1saW5lIHNwYW4ge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1ndXR0ZXItRWxlbWVudCB7XG4gICAgICBjb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrRGlzYWJsZWR9O1xuICAgIH1cblxuICAgIC5jbS1jdXJzb3Ige1xuICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG5cbiAgICAuY20tc2VsZWN0aW9uTWF0Y2gge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbkxheWVyIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLWVkaXRvci5jbS1mb2N1c2VkIHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICB9XG4gIH1cbmBcbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRDb3B5QnV0dG9uID0gc3R5bGVkKENvcHlCdXR0b24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgc3ZnID4gcGF0aCB7XG4gICAgZmlsbDogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5vdGhlci5pY29uLnByb2R1Y3Qub3JpZ2luYWwuZmlsbH07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgfVxuYFxuXG50eXBlIENvZGVFZGl0b3JQcm9wcyA9IHtcbiAgdmFsdWU6IHN0cmluZ1xuICBvbkNoYW5nZTogQ29tcG9uZW50UHJvcHM8dHlwZW9mIENvZGVNaXJyb3I+WydvbkNoYW5nZSddXG4gIGV4dGVuc2lvbnM6IGtleW9mIHR5cGVvZiBsYW5nc1xuICBvbkJsdXI/OiAoKSA9PiB2b2lkXG4gIGhlaWdodD86IHN0cmluZ1xuICByZWFkT25seT86IGJvb2xlYW5cbiAgYXV0b0NvbXBsZXRpb24/OiBib29sZWFuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBoZWxwZXI/OiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFdoZW4gc2V0IHRvIHRydWUsIGEgY29weSBidXR0b24gaXMgZGlzcGxheWVkIGluIHRoZSB0b3AgcmlnaHQgY29ybmVyIG9mIHRoZSBlZGl0b3IuXG4gICAqIElmIGEgc3RyaW5nIGlzIHByb3ZpZGVkLCBpdCBpcyB1c2VkIGFzIHRoZSBidXR0b24ncyBsYWJlbC4gT3RoZXJ3aXNlLCBubyBsYWJlbCBpcyBkaXNwbGF5ZWQuXG4gICAqL1xuICBjb3B5QnV0dG9uPzogYm9vbGVhbiB8IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBpZD86IHN0cmluZ1xuICBsYWJlbERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gICdhcmlhLWxhYmVsJz86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsaW5lTnVtYmVycz86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IENvZGVFZGl0b3IgPSAoe1xuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGV4dGVuc2lvbnMgPSAnanMnLFxuICBvbkJsdXIsXG4gIGhlaWdodCxcbiAgcmVhZE9ubHksXG4gIGF1dG9Db21wbGV0aW9uLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBsYWJlbCxcbiAgY29weUJ1dHRvbixcbiAgaWQsXG4gIGhlbHBlcixcbiAgbGFiZWxEZXNjcmlwdGlvbixcbiAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGNsYXNzTmFtZSxcbiAgbGluZU51bWJlcnMgPSB0cnVlLFxufTogQ29kZUVkaXRvclByb3BzKSA9PiAoXG4gIDxTdHlsZWRTdGFjayBkYXRhLWRpc2FibGVkPXtkaXNhYmxlZH0gZ2FwPXswLjV9PlxuICAgIHtsYWJlbCA/IDxMYWJlbCBsYWJlbERlc2NyaXB0aW9uPXtsYWJlbERlc2NyaXB0aW9ufT57bGFiZWx9PC9MYWJlbD4gOiBudWxsfVxuICAgIDxFZGl0b3JDb250YWluZXIgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9PlxuICAgICAgPENvZGVNaXJyb3JcbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgYmFzaWNTZXR1cD17e1xuICAgICAgICAgIGF1dG9jb21wbGV0aW9uOiBhdXRvQ29tcGxldGlvbixcbiAgICAgICAgICBoaWdobGlnaHRBY3RpdmVMaW5lOiBmYWxzZSxcbiAgICAgICAgICBoaWdobGlnaHRBY3RpdmVMaW5lR3V0dGVyOiBmYWxzZSxcbiAgICAgICAgICBsaW5lTnVtYmVycyxcbiAgICAgICAgfX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICBlZGl0YWJsZT17IWRpc2FibGVkIHx8ICFyZWFkT25seX1cbiAgICAgICAgZXh0ZW5zaW9ucz17W2xhbmdzW2V4dGVuc2lvbnNdKCldfVxuICAgICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBvblVwZGF0ZT17KCkgPT4ge1xuICAgICAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICAgICAgZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKCk/LmVtcHR5KClcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICAgIHJlYWRPbmx5PXtyZWFkT25seSB8fCBkaXNhYmxlZH1cbiAgICAgICAgdGhlbWU9e21hdGVyaWFsfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAvPlxuICAgICAge2NvcHlCdXR0b24gJiYgIWRpc2FibGVkID8gKFxuICAgICAgICA8U3R5bGVkQ29weUJ1dHRvblxuICAgICAgICAgIGJvcmRlcmVkXG4gICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgID5cbiAgICAgICAgICB7dHlwZW9mIGNvcHlCdXR0b24gPT09ICdzdHJpbmcnID8gY29weUJ1dHRvbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgPC9TdHlsZWRDb3B5QnV0dG9uPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9FZGl0b3JDb250YWluZXI+XG4gICAge2hlbHBlciA/IChcbiAgICAgIDxUZXh0IGFzPVwic3BhblwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtoZWxwZXJ9XG4gICAgICA8L1RleHQ+XG4gICAgKSA6IG51bGx9XG4gIDwvU3R5bGVkU3RhY2s+XG4pXG4iXX0= */"));
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgIGNvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZFxuICAgICAgfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29weUJ1dHRvbiA9IHN0eWxlZChDb3B5QnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHN2ZyA+IHBhdGgge1xuICAgIGZpbGw6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMub3RoZXIuaWNvbi5wcm9kdWN0Lm9yaWdpbmFsLmZpbGx9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cbmBcblxudHlwZSBDb2RlRWRpdG9yUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmdcbiAgb25DaGFuZ2U6IENvbXBvbmVudFByb3BzPHR5cGVvZiBDb2RlTWlycm9yPlsnb25DaGFuZ2UnXVxuICBleHRlbnNpb25zOiBrZXlvZiB0eXBlb2YgbGFuZ3NcbiAgb25CbHVyPzogKCkgPT4gdm9pZFxuICBoZWlnaHQ/OiBzdHJpbmdcbiAgcmVhZE9ubHk/OiBib29sZWFuXG4gIGF1dG9Db21wbGV0aW9uPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byB0cnVlLCBhIGNvcHkgYnV0dG9uIGlzIGRpc3BsYXllZCBpbiB0aGUgdG9wIHJpZ2h0IGNvcm5lciBvZiB0aGUgZWRpdG9yLlxuICAgKiBJZiBhIHN0cmluZyBpcyBwcm92aWRlZCwgaXQgaXMgdXNlZCBhcyB0aGUgYnV0dG9uJ3MgbGFiZWwuIE90aGVyd2lzZSwgbm8gbGFiZWwgaXMgZGlzcGxheWVkLlxuICAgKi9cbiAgY29weUJ1dHRvbj86IGJvb2xlYW4gfCBzdHJpbmdcbiAgbGFiZWw/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbGluZU51bWJlcnM/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2pzJyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIGxpbmVOdW1iZXJzID0gdHJ1ZSxcbn06IENvZGVFZGl0b3JQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9IGdhcD17MC41fT5cbiAgICB7bGFiZWwgPyA8TGFiZWwgbGFiZWxEZXNjcmlwdGlvbj17bGFiZWxEZXNjcmlwdGlvbn0+e2xhYmVsfTwvTGFiZWw+IDogbnVsbH1cbiAgICA8RWRpdG9yQ29udGFpbmVyIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxDb2RlTWlycm9yXG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGJhc2ljU2V0dXA9e3tcbiAgICAgICAgICBhdXRvY29tcGxldGlvbjogYXV0b0NvbXBsZXRpb24sXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZUd1dHRlcjogZmFsc2UsXG4gICAgICAgICAgbGluZU51bWJlcnMsXG4gICAgICAgIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGV4dGVuc2lvbnM9e1tsYW5nc1tleHRlbnNpb25zXSgpXX1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25VcGRhdGU9eygpID0+IHtcbiAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmdldFNlbGVjdGlvbigpPy5lbXB0eSgpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHRoZW1lPXttYXRlcmlhbH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgLz5cbiAgICAgIHtjb3B5QnV0dG9uICYmICFkaXNhYmxlZCA/IChcbiAgICAgICAgPFN0eWxlZENvcHlCdXR0b25cbiAgICAgICAgICBib3JkZXJlZFxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICA+XG4gICAgICAgICAge3R5cGVvZiBjb3B5QnV0dG9uID09PSAnc3RyaW5nJyA/IGNvcHlCdXR0b24gOiB1bmRlZmluZWR9XG4gICAgICAgIDwvU3R5bGVkQ29weUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICAgIHtoZWxwZXIgPyAoXG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7aGVscGVyfVxuICAgICAgPC9UZXh0PlxuICAgICkgOiBudWxsfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuIl19 */',
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledCopyButton = /* @__PURE__ */ _styled(CopyButton, process.env.NODE_ENV === "production" ? {
-  target: "e13pskxy0"
-} : {
-  target: "e13pskxy0",
-  label: "StyledCopyButton"
-})("position:absolute;top:", ({
-  theme
-}) => theme.space["1"], ";right:", ({
-  theme
-}) => 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RjJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29kZUVkaXRvci9Db2RlRWRpdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGxhbmdzIH0gZnJvbSAnQHVpdy9jb2RlbWlycm9yLWV4dGVuc2lvbnMtbGFuZ3MnXG5pbXBvcnQgeyBtYXRlcmlhbCB9IGZyb20gJ0B1aXcvY29kZW1pcnJvci10aGVtZS1tYXRlcmlhbCdcbmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ0B1aXcvcmVhY3QtY29kZW1pcnJvcidcbmltcG9ydCB7IGNvbnNvbGVEYXJrVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgQ29weUJ1dHRvbiwgTGFiZWwsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgLmNtLWVkaXRvciB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRGYW1pbHl9O1xuICAgIGZvbnQtc2l6ZTogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5jb2RlLmZvbnRTaXplfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgfVxuXG4gIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZm9jdXNQcmltYXJ5fTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cblxuICAuY20tY29udGVudCB7XG4gICAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfTtcblxuICAuY20tZ3V0dGVycyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cblxuICAuY20tbGluZU51bWJlcnMge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgfVxuXG4gIC5jbS1ndXR0ZXJFbGVtZW50IHtcbiAgICBjb2xvcjogIzU0NTQ1NDtcbiAgfVxuXG4gIC5jbS1zY3JvbGxlciB7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAuY20tZWRpdG9yIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7XG4gICAgICAgIGNvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZFxuICAgICAgfTtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tbGluZSBzcGFuIHtcbiAgICAgIGNvbG9yOiAke2NvbnNvbGVEYXJrVGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dERpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tZ3V0dGVyLUVsZW1lbnQge1xuICAgICAgY29sb3I6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha0Rpc2FibGVkfTtcbiAgICB9XG5cbiAgICAuY20tY3Vyc29yIHtcbiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuXG4gICAgLmNtLXNlbGVjdGlvbk1hdGNoIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgIC5jbS1zZWxlY3Rpb25MYXllciB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgIH1cblxuICAgIC5jbS1lZGl0b3IuY20tZm9jdXNlZCB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkQ29weUJ1dHRvbiA9IHN0eWxlZChDb3B5QnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHN2ZyA+IHBhdGgge1xuICAgIGZpbGw6ICR7Y29uc29sZURhcmtUaGVtZS5jb2xvcnMub3RoZXIuaWNvbi5wcm9kdWN0Lm9yaWdpbmFsLmZpbGx9O1xuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb25zb2xlRGFya1RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRIb3Zlcn07XG4gIH1cbmBcblxudHlwZSBDb2RlRWRpdG9yUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmdcbiAgb25DaGFuZ2U6IENvbXBvbmVudFByb3BzPHR5cGVvZiBDb2RlTWlycm9yPlsnb25DaGFuZ2UnXVxuICBleHRlbnNpb25zOiBrZXlvZiB0eXBlb2YgbGFuZ3NcbiAgb25CbHVyPzogKCkgPT4gdm9pZFxuICBoZWlnaHQ/OiBzdHJpbmdcbiAgcmVhZE9ubHk/OiBib29sZWFuXG4gIGF1dG9Db21wbGV0aW9uPzogYm9vbGVhblxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgaGVscGVyPzogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBXaGVuIHNldCB0byB0cnVlLCBhIGNvcHkgYnV0dG9uIGlzIGRpc3BsYXllZCBpbiB0aGUgdG9wIHJpZ2h0IGNvcm5lciBvZiB0aGUgZWRpdG9yLlxuICAgKiBJZiBhIHN0cmluZyBpcyBwcm92aWRlZCwgaXQgaXMgdXNlZCBhcyB0aGUgYnV0dG9uJ3MgbGFiZWwuIE90aGVyd2lzZSwgbm8gbGFiZWwgaXMgZGlzcGxheWVkLlxuICAgKi9cbiAgY29weUJ1dHRvbj86IGJvb2xlYW4gfCBzdHJpbmdcbiAgbGFiZWw/OiBzdHJpbmdcbiAgaWQ/OiBzdHJpbmdcbiAgbGFiZWxEZXNjcmlwdGlvbj86IFJlYWN0Tm9kZVxuICAnYXJpYS1sYWJlbCc/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbGluZU51bWJlcnM/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBDb2RlRWRpdG9yID0gKHtcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBleHRlbnNpb25zID0gJ2pzJyxcbiAgb25CbHVyLFxuICBoZWlnaHQsXG4gIHJlYWRPbmx5LFxuICBhdXRvQ29tcGxldGlvbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgbGFiZWwsXG4gIGNvcHlCdXR0b24sXG4gIGlkLFxuICBoZWxwZXIsXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIGxpbmVOdW1iZXJzID0gdHJ1ZSxcbn06IENvZGVFZGl0b3JQcm9wcykgPT4gKFxuICA8U3R5bGVkU3RhY2sgZGF0YS1kaXNhYmxlZD17ZGlzYWJsZWR9IGdhcD17MC41fT5cbiAgICB7bGFiZWwgPyA8TGFiZWwgbGFiZWxEZXNjcmlwdGlvbj17bGFiZWxEZXNjcmlwdGlvbn0+e2xhYmVsfTwvTGFiZWw+IDogbnVsbH1cbiAgICA8RWRpdG9yQ29udGFpbmVyIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfT5cbiAgICAgIDxDb2RlTWlycm9yXG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgIGJhc2ljU2V0dXA9e3tcbiAgICAgICAgICBhdXRvY29tcGxldGlvbjogYXV0b0NvbXBsZXRpb24sXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZTogZmFsc2UsXG4gICAgICAgICAgaGlnaGxpZ2h0QWN0aXZlTGluZUd1dHRlcjogZmFsc2UsXG4gICAgICAgICAgbGluZU51bWJlcnMsXG4gICAgICAgIH19XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZWRpdGFibGU9eyFkaXNhYmxlZCB8fCAhcmVhZE9ubHl9XG4gICAgICAgIGV4dGVuc2lvbnM9e1tsYW5nc1tleHRlbnNpb25zXSgpXX1cbiAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgb25VcGRhdGU9eygpID0+IHtcbiAgICAgICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmdldFNlbGVjdGlvbigpPy5lbXB0eSgpXG4gICAgICAgICAgfVxuICAgICAgICB9fVxuICAgICAgICByZWFkT25seT17cmVhZE9ubHkgfHwgZGlzYWJsZWR9XG4gICAgICAgIHRoZW1lPXttYXRlcmlhbH1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgLz5cbiAgICAgIHtjb3B5QnV0dG9uICYmICFkaXNhYmxlZCA/IChcbiAgICAgICAgPFN0eWxlZENvcHlCdXR0b25cbiAgICAgICAgICBib3JkZXJlZFxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICA+XG4gICAgICAgICAge3R5cGVvZiBjb3B5QnV0dG9uID09PSAnc3RyaW5nJyA/IGNvcHlCdXR0b24gOiB1bmRlZmluZWR9XG4gICAgICAgIDwvU3R5bGVkQ29weUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvRWRpdG9yQ29udGFpbmVyPlxuICAgIHtoZWxwZXIgPyAoXG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PVwiY2FwdGlvblwiPlxuICAgICAgICB7aGVscGVyfVxuICAgICAgPC9UZXh0PlxuICAgICkgOiBudWxsfVxuICA8L1N0eWxlZFN0YWNrPlxuKVxuIl19 */"));
+import { Stack, Label, CopyButton, Text } from "@ultraviolet/ui";
+import { disabledStack, codeEditor, copyButton } from "./styles.css.js";
 const CodeEditor = ({
   value,
   onChange,
@@ -64,30 +15,32 @@ const CodeEditor = ({
   autoCompletion,
   disabled = false,
   label,
-  copyButton,
+  copyButton: copyButton$1,
   id,
   helper,
   labelDescription,
   "aria-label": ariaLabel,
   "data-testid": dataTestId,
   className,
+  error,
   lineNumbers = true
-}) => /* @__PURE__ */ jsxs(StyledStack, { "data-disabled": disabled, gap: 0.5, children: [
+}) => /* @__PURE__ */ jsxs(Stack, { className: disabled ? disabledStack : "", gap: 0.5, children: [
   label ? /* @__PURE__ */ jsx(Label, { labelDescription, children: label }) : null,
-  /* @__PURE__ */ jsxs(EditorContainer, { "data-disabled": disabled, children: [
+  /* @__PURE__ */ jsxs("div", { className: codeEditor[disabled ? "disabled" : "default"], children: [
     /* @__PURE__ */ jsx(CodeMirror, { "aria-disabled": disabled, "aria-label": ariaLabel, basicSetup: {
       autocompletion: autoCompletion,
       highlightActiveLine: false,
       highlightActiveLineGutter: false,
       lineNumbers
-    }, className, "data-testid": dataTestId, editable: !disabled || !readOnly, extensions: [langs[extensions]()], height, id, onBlur, onChange, onUpdate: () => {
+    }, className, "data-testid": dataTestId, editable: !disabled || !readOnly, extensions: [langs[extensions]?.() ?? langs["sh"]], height, id, onBlur, onChange, onUpdate: () => {
       if (disabled) {
         document.getSelection()?.empty();
       }
     }, readOnly: readOnly || disabled, theme: material, value, width: "100%" }),
-    copyButton && !disabled ? /* @__PURE__ */ jsx(StyledCopyButton, { bordered: true, sentiment: "neutral", size: "small", value, children: typeof copyButton === "string" ? copyButton : void 0 }) : null
+    copyButton$1 && !disabled ? /* @__PURE__ */ jsx(CopyButton, { bordered: true, className: copyButton, sentiment: "neutral", size: "small", value, children: typeof copyButton$1 === "string" ? copyButton$1 : void 0 }) : null
   ] }),
-  helper ? /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null
+  error && typeof error !== "boolean" ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null,
+  !error && helper ? /* @__PURE__ */ jsx(Text, { as: "span", prominence: "weak", sentiment: "neutral", variant: "caption", children: helper }) : null
 ] });
 export {
   CodeEditor

package/dist/components/CodeEditor/styles.css.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var disabledStack = "uv_plus_1sui13x0";
+var copyButton = "uv_plus_1sui13x1";
+var codeEditor = { disabled: "uv_plus_1sui13x3 uv_plus_1sui13x2", "default": "uv_plus_1sui13x4 uv_plus_1sui13x2" };
+exports.codeEditor = codeEditor;
+exports.copyButton = copyButton;
+exports.disabledStack = disabledStack;

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

@@ -0,0 +1,3 @@
+export declare const disabledStack: string;
+export declare const copyButton: string;
+export declare const codeEditor: Record<"default" | "disabled", string>;

package/dist/components/CodeEditor/styles.css.js

@@ -0,0 +1,9 @@
+/* empty css                          */
+var disabledStack = "uv_plus_1sui13x0";
+var copyButton = "uv_plus_1sui13x1";
+var codeEditor = { disabled: "uv_plus_1sui13x3 uv_plus_1sui13x2", "default": "uv_plus_1sui13x4 uv_plus_1sui13x2" };
+export {
+  codeEditor,
+  copyButton,
+  disabledStack
+};

package/dist/components/ContentCard/Skeleton.cjs

@@ -2,38 +2,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 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 SkeletonImage = /* @__PURE__ */ _styled__default.default(ui.Skeleton, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["height", "width", "direction"].includes(prop),
-  target: "e1wwr9dc1"
-} : {
-  shouldForwardProp: (prop) => !["height", "width", "direction"].includes(prop),
-  target: "e1wwr9dc1",
-  label: "SkeletonImage"
-})("border-radius:", ({
-  theme,
-  direction
-}) => `${direction === "column" ? `${theme.radii.default} ${theme.radii.default} 0 0` : `${theme.radii.default} 0 0 ${theme.radii.default}`}`, ";width:", ({
-  width
-}) => width, ";height:", ({
-  height
-}) => height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmQvU2tlbGV0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmQvU2tlbGV0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFNrZWxldG9uIGFzIFVsdHJhdmlvbGV0U2tlbGV0b24gfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5cbmNvbnN0IFNrZWxldG9uSW1hZ2UgPSBzdHlsZWQoVWx0cmF2aW9sZXRTa2VsZXRvbiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydoZWlnaHQnLCAnd2lkdGgnLCAnZGlyZWN0aW9uJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHdpZHRoPzogc3RyaW5nXG4gIGhlaWdodD86IHN0cmluZ1xuICBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbidcbn0+YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBkaXJlY3Rpb24gfSkgPT5cbiAgICBgJHtcbiAgICAgIGRpcmVjdGlvbiA9PT0gJ2NvbHVtbidcbiAgICAgICAgPyBgJHt0aGVtZS5yYWRpaS5kZWZhdWx0fSAke3RoZW1lLnJhZGlpLmRlZmF1bHR9IDAgMGBcbiAgICAgICAgOiBgJHt0aGVtZS5yYWRpaS5kZWZhdWx0fSAwIDAgJHt0aGVtZS5yYWRpaS5kZWZhdWx0fWBcbiAgICB9YH07XG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofTtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9O1xuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiAncm93JyB8ICdjb2x1bW4nXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbiA9ICh7IGRpcmVjdGlvbiB9OiBTa2VsZXRvblByb3BzKSA9PiAoXG4gIDxTdGFjayBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgPFNrZWxldG9uSW1hZ2VcbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgaGVpZ2h0PXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gJzEyMHB4JyA6ICd1bnNldCd9XG4gICAgICB2YXJpYW50PVwic3F1YXJlXCJcbiAgICAgIHdpZHRoPXtkaXJlY3Rpb24gPT09ICdyb3cnID8gJzIyMHB4JyA6IHVuZGVmaW5lZH1cbiAgICAvPlxuICAgIDxTdHlsZWRTdGFjayBnYXA9ezJ9PlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgIDwvU3R5bGVkU3RhY2s+XG4gIDwvU3RhY2s+XG4pXG4iXX0= */"));
-const StyledStack = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
-  target: "e1wwr9dc0"
-} : {
-  target: "e1wwr9dc0",
-  label: "StyledStack"
-})("padding:", ({
-  theme
-}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmQvU2tlbGV0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db250ZW50Q2FyZC9Ta2VsZXRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgU2tlbGV0b24gYXMgVWx0cmF2aW9sZXRTa2VsZXRvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU2tlbGV0b25JbWFnZSA9IHN0eWxlZChVbHRyYXZpb2xldFNrZWxldG9uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2hlaWdodCcsICd3aWR0aCcsICdkaXJlY3Rpb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgd2lkdGg/OiBzdHJpbmdcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIGRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGRpcmVjdGlvbiB9KSA9PlxuICAgIGAke1xuICAgICAgZGlyZWN0aW9uID09PSAnY29sdW1uJ1xuICAgICAgICA/IGAke3RoZW1lLnJhZGlpLmRlZmF1bHR9ICR7dGhlbWUucmFkaWkuZGVmYXVsdH0gMCAwYFxuICAgICAgICA6IGAke3RoZW1lLnJhZGlpLmRlZmF1bHR9IDAgMCAke3RoZW1lLnJhZGlpLmRlZmF1bHR9YFxuICAgIH1gfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodH07XG5gXG5cbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbmBcblxudHlwZSBTa2VsZXRvblByb3BzID0ge1xuICBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbidcbn1cblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHsgZGlyZWN0aW9uIH06IFNrZWxldG9uUHJvcHMpID0+IChcbiAgPFN0YWNrIGRpcmVjdGlvbj17ZGlyZWN0aW9ufT5cbiAgICA8U2tlbGV0b25JbWFnZVxuICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICBoZWlnaHQ9e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbicgPyAnMTIwcHgnIDogJ3Vuc2V0J31cbiAgICAgIHZhcmlhbnQ9XCJzcXVhcmVcIlxuICAgICAgd2lkdGg9e2RpcmVjdGlvbiA9PT0gJ3JvdycgPyAnMjIwcHgnIDogdW5kZWZpbmVkfVxuICAgIC8+XG4gICAgPFN0eWxlZFN0YWNrIGdhcD17Mn0+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgPC9TdHlsZWRTdGFjaz5cbiAgPC9TdGFjaz5cbilcbiJdfQ== */"));
+const dynamic = require("@vanilla-extract/dynamic");
+const styles_css = require("./styles.css.cjs");
 const Skeleton = ({
   direction
 }) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { direction, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(SkeletonImage, { direction, height: direction === "column" ? "120px" : "unset", variant: "square", width: direction === "row" ? "220px" : void 0 }),
-  /* @__PURE__ */ jsxRuntime.jsxs(StyledStack, { gap: 2, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: styles_css.skeletonImage[direction], style: dynamic.assignInlineVars({
+    [styles_css.skeletonHeightVar]: direction === "column" ? "120px" : "unset",
+    [styles_css.skeletonWidthVar]: direction === "row" ? "220px" : "100%"
+  }), variant: "square" }),
+  /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: styles_css.paddedStack, gap: 2, children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { variant: "line" }),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { variant: "line" }),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { variant: "line" }),

package/dist/components/ContentCard/Skeleton.js

@@ -1,35 +1,16 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Stack, Skeleton as Skeleton$1 } from "@ultraviolet/ui";
-const SkeletonImage = /* @__PURE__ */ _styled(Skeleton$1, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["height", "width", "direction"].includes(prop),
-  target: "e1wwr9dc1"
-} : {
-  shouldForwardProp: (prop) => !["height", "width", "direction"].includes(prop),
-  target: "e1wwr9dc1",
-  label: "SkeletonImage"
-})("border-radius:", ({
-  theme,
-  direction
-}) => `${direction === "column" ? `${theme.radii.default} ${theme.radii.default} 0 0` : `${theme.radii.default} 0 0 ${theme.radii.default}`}`, ";width:", ({
-  width
-}) => width, ";height:", ({
-  height
-}) => height, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmQvU2tlbGV0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmQvU2tlbGV0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFNrZWxldG9uIGFzIFVsdHJhdmlvbGV0U2tlbGV0b24gfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5cbmNvbnN0IFNrZWxldG9uSW1hZ2UgPSBzdHlsZWQoVWx0cmF2aW9sZXRTa2VsZXRvbiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydoZWlnaHQnLCAnd2lkdGgnLCAnZGlyZWN0aW9uJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHdpZHRoPzogc3RyaW5nXG4gIGhlaWdodD86IHN0cmluZ1xuICBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbidcbn0+YFxuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBkaXJlY3Rpb24gfSkgPT5cbiAgICBgJHtcbiAgICAgIGRpcmVjdGlvbiA9PT0gJ2NvbHVtbidcbiAgICAgICAgPyBgJHt0aGVtZS5yYWRpaS5kZWZhdWx0fSAke3RoZW1lLnJhZGlpLmRlZmF1bHR9IDAgMGBcbiAgICAgICAgOiBgJHt0aGVtZS5yYWRpaS5kZWZhdWx0fSAwIDAgJHt0aGVtZS5yYWRpaS5kZWZhdWx0fWBcbiAgICB9YH07XG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofTtcbiAgaGVpZ2h0OiAkeyh7IGhlaWdodCB9KSA9PiBoZWlnaHR9O1xuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG5cbnR5cGUgU2tlbGV0b25Qcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiAncm93JyB8ICdjb2x1bW4nXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbiA9ICh7IGRpcmVjdGlvbiB9OiBTa2VsZXRvblByb3BzKSA9PiAoXG4gIDxTdGFjayBkaXJlY3Rpb249e2RpcmVjdGlvbn0+XG4gICAgPFNrZWxldG9uSW1hZ2VcbiAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgaGVpZ2h0PXtkaXJlY3Rpb24gPT09ICdjb2x1bW4nID8gJzEyMHB4JyA6ICd1bnNldCd9XG4gICAgICB2YXJpYW50PVwic3F1YXJlXCJcbiAgICAgIHdpZHRoPXtkaXJlY3Rpb24gPT09ICdyb3cnID8gJzIyMHB4JyA6IHVuZGVmaW5lZH1cbiAgICAvPlxuICAgIDxTdHlsZWRTdGFjayBnYXA9ezJ9PlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgPFVsdHJhdmlvbGV0U2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgIDwvU3R5bGVkU3RhY2s+XG4gIDwvU3RhY2s+XG4pXG4iXX0= */"));
-const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "e1wwr9dc0"
-} : {
-  target: "e1wwr9dc0",
-  label: "StyledStack"
-})("padding:", ({
-  theme
-}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmQvU2tlbGV0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Db250ZW50Q2FyZC9Ta2VsZXRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgU2tlbGV0b24gYXMgVWx0cmF2aW9sZXRTa2VsZXRvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU2tlbGV0b25JbWFnZSA9IHN0eWxlZChVbHRyYXZpb2xldFNrZWxldG9uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2hlaWdodCcsICd3aWR0aCcsICdkaXJlY3Rpb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgd2lkdGg/OiBzdHJpbmdcbiAgaGVpZ2h0Pzogc3RyaW5nXG4gIGRpcmVjdGlvbjogJ3JvdycgfCAnY29sdW1uJ1xufT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGRpcmVjdGlvbiB9KSA9PlxuICAgIGAke1xuICAgICAgZGlyZWN0aW9uID09PSAnY29sdW1uJ1xuICAgICAgICA/IGAke3RoZW1lLnJhZGlpLmRlZmF1bHR9ICR7dGhlbWUucmFkaWkuZGVmYXVsdH0gMCAwYFxuICAgICAgICA6IGAke3RoZW1lLnJhZGlpLmRlZmF1bHR9IDAgMCAke3RoZW1lLnJhZGlpLmRlZmF1bHR9YFxuICAgIH1gfTtcbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9O1xuICBoZWlnaHQ6ICR7KHsgaGVpZ2h0IH0pID0+IGhlaWdodH07XG5gXG5cbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbmBcblxudHlwZSBTa2VsZXRvblByb3BzID0ge1xuICBkaXJlY3Rpb246ICdyb3cnIHwgJ2NvbHVtbidcbn1cblxuZXhwb3J0IGNvbnN0IFNrZWxldG9uID0gKHsgZGlyZWN0aW9uIH06IFNrZWxldG9uUHJvcHMpID0+IChcbiAgPFN0YWNrIGRpcmVjdGlvbj17ZGlyZWN0aW9ufT5cbiAgICA8U2tlbGV0b25JbWFnZVxuICAgICAgZGlyZWN0aW9uPXtkaXJlY3Rpb259XG4gICAgICBoZWlnaHQ9e2RpcmVjdGlvbiA9PT0gJ2NvbHVtbicgPyAnMTIwcHgnIDogJ3Vuc2V0J31cbiAgICAgIHZhcmlhbnQ9XCJzcXVhcmVcIlxuICAgICAgd2lkdGg9e2RpcmVjdGlvbiA9PT0gJ3JvdycgPyAnMjIwcHgnIDogdW5kZWZpbmVkfVxuICAgIC8+XG4gICAgPFN0eWxlZFN0YWNrIGdhcD17Mn0+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgICA8VWx0cmF2aW9sZXRTa2VsZXRvbiB2YXJpYW50PVwibGluZVwiIC8+XG4gICAgPC9TdHlsZWRTdGFjaz5cbiAgPC9TdGFjaz5cbilcbiJdfQ== */"));
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { skeletonImage, skeletonWidthVar, skeletonHeightVar, paddedStack } from "./styles.css.js";
 const Skeleton = ({
   direction
 }) => /* @__PURE__ */ jsxs(Stack, { direction, children: [
-  /* @__PURE__ */ jsx(SkeletonImage, { direction, height: direction === "column" ? "120px" : "unset", variant: "square", width: direction === "row" ? "220px" : void 0 }),
-  /* @__PURE__ */ jsxs(StyledStack, { gap: 2, children: [
+  /* @__PURE__ */ jsx(Skeleton$1, { className: skeletonImage[direction], style: assignInlineVars({
+    [skeletonHeightVar]: direction === "column" ? "120px" : "unset",
+    [skeletonWidthVar]: direction === "row" ? "220px" : "100%"
+  }), variant: "square" }),
+  /* @__PURE__ */ jsxs(Stack, { className: paddedStack, gap: 2, children: [
     /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
     /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
     /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),