@ultraviolet/ui 3.0.0-beta.23 → 3.0.0-beta.25

package/dist/components/Key/index.cjs

@@ -2,11 +2,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
 const index = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const styles_css = require("./styles.css.cjs");
 const KEYS_MATCH = {
   backspace: "⌫",
   command: "⌘",
@@ -15,50 +13,6 @@ const KEYS_MATCH = {
   option: "⌥",
   shift: "⇧"
 };
-const KeyContainer = /* @__PURE__ */ _styled__default.default("kbd", process.env.NODE_ENV === "production" ? {
-  target: "eufi4n90"
-} : {
-  target: "eufi4n90",
-  label: "KeyContainer"
-})("cursor:default;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";border:0.5px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";min-width:", ({
-  theme
-}) => theme.sizing["300"], ";height:", ({
-  theme
-}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-prominence='strong']{background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.border, ';&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundStrongerDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ";}}&[data-disabled='true']{background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeakDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderWeakDisabled, ';cursor:not-allowed;}&[data-sentiment="primary"]{background-color:', ({
-  theme
-}) => theme.colors.primary.background, ";border-color:", ({
-  theme
-}) => theme.colors.primary.border, ";&[data-prominence='strong']{background-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ';&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongDisabled, ";}}&[data-disabled='true']{background:", ({
-  theme
-}) => theme.colors.primary.backgroundDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ';cursor:not-allowed;}}&[data-size="small"]{min-width:', ({
-  theme
-}) => theme.sizing["250"], ";height:", ({
-  theme
-}) => theme.sizing["250"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gIGJhY2tzcGFjZTogJ+KMqycsXG4gIGNvbW1hbmQ6ICfijJgnLFxuICBjb250cm9sOiAn4oyDJyxcbiAgZW50ZXI6ICfihrUnLFxuICBvcHRpb246ICfijKUnLFxuICBzaGlmdDogJ+KHpycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IEtleUNvbnRhaW5lciA9IHN0eWxlZC5rYmRgXG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMC41cHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMzAwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyczMDAnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qKiBOZXV0cmFsIHN0eWxlICovXG4gICZbZGF0YS1wcm9taW5lbmNlPSdzdHJvbmcnXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlckRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWtEaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gIC8qKiBQcmltYXJ5IHN0eWxlICovXG4gICZbZGF0YS1zZW50aW1lbnQ9XCJwcmltYXJ5XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLXByb21pbmVuY2U9J3N0cm9uZyddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNpemUgKi9cbiAgJltkYXRhLXNpemU9XCJzbWFsbFwiXSB7XG4gICAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMjUwJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzI1MCddfTtcbiAgfVxuYFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIHByb21pbmVuY2U/OiAnc3Ryb25nJyB8ICdkZWZhdWx0J1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xuICBzZW50aW1lbnQ/OiAnbmV1dHJhbCcgfCAncHJpbWFyeSdcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBLZXkgaXMgYSB2aXN1YWwgY29tcG9uZW50IHVzZWQgdG8gZGlzcGxheSBrZXlib2FyZCBzaG9ydGN1dHMuXG4gKi9cbmV4cG9ydCBjb25zdCBLZXkgPSAoe1xuICBjaGlsZHJlbixcbiAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgZGlzYWJsZWQsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3Qgc3BlY2lhbEtleSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gT2JqZWN0LmtleXMoS0VZU19NQVRDSCkuZmluZChrZXkgPT4ga2V5ID09PSBjaGlsZHJlbi50b0xvd2VyQ2FzZSgpKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG4gIGNvbnN0IHRleHRQcm9taW5lbmNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHByb21pbmVuY2UgPT09ICdkZWZhdWx0Jykge1xuICAgICAgcmV0dXJuICdkZWZhdWx0J1xuICAgIH1cblxuICAgIGlmIChzZW50aW1lbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgcmV0dXJuICdzdHJvbmcnXG4gICAgfVxuXG4gICAgcmV0dXJuICdzdHJvbmdlcidcbiAgfSwgW3NlbnRpbWVudCwgcHJvbWluZW5jZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8S2V5Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgZGF0YS1zZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcHJvbWluZW5jZT17dGV4dFByb21pbmVuY2V9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbWVkaXVtJyA/ICdjYXB0aW9uJyA6ICdjYXB0aW9uU21hbGwnfVxuICAgICAgPlxuICAgICAgICB7c3BlY2lhbEtleVxuICAgICAgICAgID8gS0VZU19NQVRDSFtzcGVjaWFsS2V5IGFzIGtleW9mIHR5cGVvZiBLRVlTX01BVENIXVxuICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9LZXlDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
 const Key = ({
   children,
   prominence = "default",
@@ -67,7 +21,8 @@ const Key = ({
   sentiment = "neutral",
   id,
   className,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  style
 }) => {
   const specialKey = react.useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
   const textProminence = react.useMemo(() => {
@@ -79,7 +34,12 @@ const Key = ({
     }
     return "stronger";
   }, [sentiment, prominence]);
-  return /* @__PURE__ */ jsxRuntime.jsx(KeyContainer, { className, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: `${className ? `${className} ` : ""}${styles_css.key({
+    disabled,
+    prominence,
+    sentiment,
+    size
+  })}`, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, style, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
 };
 exports.KEYS_MATCH = KEYS_MATCH;
 exports.Key = Key;

package/dist/components/Key/index.d.ts

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'react';
 export declare const KEYS_MATCH: {
     readonly backspace: "⌫";
     readonly command: "⌘";
@@ -15,9 +16,10 @@ type KeyProps = {
     id?: string;
     className?: string;
     'data-testid'?: string;
+    style?: CSSProperties;
 };
 /**
  * Key is a visual component used to display keyboard shortcuts.
  */
-export declare const Key: ({ children, prominence, disabled, size, sentiment, id, className, "data-testid": dataTestId, }: KeyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Key: ({ children, prominence, disabled, size, sentiment, id, className, "data-testid": dataTestId, style, }: KeyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Key/index.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { useMemo } from "react";
 import { Text } from "../Text/index.js";
+import { key } from "./styles.css.js";
 const KEYS_MATCH = {
   backspace: "⌫",
   command: "⌘",
@@ -11,50 +11,6 @@ const KEYS_MATCH = {
   option: "⌥",
   shift: "⇧"
 };
-const KeyContainer = /* @__PURE__ */ _styled("kbd", process.env.NODE_ENV === "production" ? {
-  target: "eufi4n90"
-} : {
-  target: "eufi4n90",
-  label: "KeyContainer"
-})("cursor:default;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";border:0.5px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";min-width:", ({
-  theme
-}) => theme.sizing["300"], ";height:", ({
-  theme
-}) => theme.sizing["300"], ";display:flex;justify-content:center;align-items:center;&[data-prominence='strong']{background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.border, ';&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundStrongerDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ";}}&[data-disabled='true']{background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeakDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderWeakDisabled, ';cursor:not-allowed;}&[data-sentiment="primary"]{background-color:', ({
-  theme
-}) => theme.colors.primary.background, ";border-color:", ({
-  theme
-}) => theme.colors.primary.border, ";&[data-prominence='strong']{background-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ';&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongDisabled, ";}}&[data-disabled='true']{background:", ({
-  theme
-}) => theme.colors.primary.backgroundDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderDisabled, ';cursor:not-allowed;}}&[data-size="small"]{min-width:', ({
-  theme
-}) => theme.sizing["250"], ";height:", ({
-  theme
-}) => theme.sizing["250"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0tleS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuZXhwb3J0IGNvbnN0IEtFWVNfTUFUQ0ggPSB7XG4gIGJhY2tzcGFjZTogJ+KMqycsXG4gIGNvbW1hbmQ6ICfijJgnLFxuICBjb250cm9sOiAn4oyDJyxcbiAgZW50ZXI6ICfihrUnLFxuICBvcHRpb246ICfijKUnLFxuICBzaGlmdDogJ+KHpycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IEtleUNvbnRhaW5lciA9IHN0eWxlZC5rYmRgXG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMC41cHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMzAwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyczMDAnXX07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qKiBOZXV0cmFsIHN0eWxlICovXG4gICZbZGF0YS1wcm9taW5lbmNlPSdzdHJvbmcnXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlckRpc2FibGVkfTtcbiAgICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJEaXNhYmxlZH07XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWtEaXNhYmxlZH07XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gIC8qKiBQcmltYXJ5IHN0eWxlICovXG4gICZbZGF0YS1zZW50aW1lbnQ9XCJwcmltYXJ5XCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuXG4gICAgJltkYXRhLXByb21pbmVuY2U9J3N0cm9uZyddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdEaXNhYmxlZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlckRpc2FibGVkfTtcbiAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuICB9XG5cbiAgLyoqIFNpemUgKi9cbiAgJltkYXRhLXNpemU9XCJzbWFsbFwiXSB7XG4gICAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMjUwJ119O1xuICAgIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzI1MCddfTtcbiAgfVxuYFxuXG50eXBlIEtleVByb3BzID0ge1xuICBjaGlsZHJlbjogc3RyaW5nXG4gIHByb21pbmVuY2U/OiAnc3Ryb25nJyB8ICdkZWZhdWx0J1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xuICBzZW50aW1lbnQ/OiAnbmV1dHJhbCcgfCAncHJpbWFyeSdcbiAgaWQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBLZXkgaXMgYSB2aXN1YWwgY29tcG9uZW50IHVzZWQgdG8gZGlzcGxheSBrZXlib2FyZCBzaG9ydGN1dHMuXG4gKi9cbmV4cG9ydCBjb25zdCBLZXkgPSAoe1xuICBjaGlsZHJlbixcbiAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgZGlzYWJsZWQsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgc2VudGltZW50ID0gJ25ldXRyYWwnLFxuICBpZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogS2V5UHJvcHMpID0+IHtcbiAgY29uc3Qgc3BlY2lhbEtleSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gT2JqZWN0LmtleXMoS0VZU19NQVRDSCkuZmluZChrZXkgPT4ga2V5ID09PSBjaGlsZHJlbi50b0xvd2VyQ2FzZSgpKSxcbiAgICBbY2hpbGRyZW5dLFxuICApXG4gIGNvbnN0IHRleHRQcm9taW5lbmNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKHByb21pbmVuY2UgPT09ICdkZWZhdWx0Jykge1xuICAgICAgcmV0dXJuICdkZWZhdWx0J1xuICAgIH1cblxuICAgIGlmIChzZW50aW1lbnQgPT09ICdwcmltYXJ5Jykge1xuICAgICAgcmV0dXJuICdzdHJvbmcnXG4gICAgfVxuXG4gICAgcmV0dXJuICdzdHJvbmdlcidcbiAgfSwgW3NlbnRpbWVudCwgcHJvbWluZW5jZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8S2V5Q29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1wcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgZGF0YS1zZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIGRhdGEtc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgaWQ9e2lkfVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgcHJvbWluZW5jZT17dGV4dFByb21pbmVuY2V9XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICB2YXJpYW50PXtzaXplID09PSAnbWVkaXVtJyA/ICdjYXB0aW9uJyA6ICdjYXB0aW9uU21hbGwnfVxuICAgICAgPlxuICAgICAgICB7c3BlY2lhbEtleVxuICAgICAgICAgID8gS0VZU19NQVRDSFtzcGVjaWFsS2V5IGFzIGtleW9mIHR5cGVvZiBLRVlTX01BVENIXVxuICAgICAgICAgIDogY2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9LZXlDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */"));
 const Key = ({
   children,
   prominence = "default",
@@ -63,9 +19,10 @@ const Key = ({
   sentiment = "neutral",
   id,
   className,
-  "data-testid": dataTestId
+  "data-testid": dataTestId,
+  style
 }) => {
-  const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key) => key === children.toLowerCase()), [children]);
+  const specialKey = useMemo(() => Object.keys(KEYS_MATCH).find((key2) => key2 === children.toLowerCase()), [children]);
   const textProminence = useMemo(() => {
     if (prominence === "default") {
       return "default";
@@ -75,7 +32,12 @@ const Key = ({
     }
     return "stronger";
   }, [sentiment, prominence]);
-  return /* @__PURE__ */ jsx(KeyContainer, { className, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, children: /* @__PURE__ */ jsx(Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
+  return /* @__PURE__ */ jsx("kbd", { className: `${className ? `${className} ` : ""}${key({
+    disabled,
+    prominence,
+    sentiment,
+    size
+  })}`, "data-disabled": disabled, "data-prominence": prominence, "data-sentiment": sentiment, "data-size": size, "data-testid": dataTestId, id, style, children: /* @__PURE__ */ jsx(Text, { as: "span", disabled, prominence: textProminence, sentiment, variant: size === "medium" ? "caption" : "captionSmall", children: specialKey ? KEYS_MATCH[specialKey] : children }) });
 };
 export {
   KEYS_MATCH,

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var key = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1g4bp0q0", variantClassNames: { prominence: { strong: "uv_1g4bp0q1", "default": "uv_1g4bp0q2" }, disabled: { true: "uv_1g4bp0q3" }, sentiment: { primary: "uv_1g4bp0q4", neutral: "uv_1g4bp0q5" }, size: { small: "uv_1g4bp0q6", medium: "uv_1g4bp0q7" } }, defaultVariants: { prominence: "default", disabled: false, size: "medium", sentiment: "neutral" }, compoundVariants: [[{ prominence: "strong", sentiment: "neutral" }, "uv_1g4bp0q8"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_1g4bp0q9"], [{ disabled: true, sentiment: "neutral" }, "uv_1g4bp0qa"], [{ sentiment: "primary", prominence: "strong" }, "uv_1g4bp0qb"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_1g4bp0qc"], [{ disabled: true, sentiment: "primary" }, "uv_1g4bp0qd"]] });
+exports.key = key;

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

@@ -0,0 +1,29 @@
+export declare const key: import("@vanilla-extract/recipes").RuntimeFn<{
+    prominence: {
+        strong: {};
+        default: {};
+    };
+    disabled: {
+        true: {};
+    };
+    sentiment: {
+        primary: {
+            backgroundColor: `var(--${string})`;
+            borderColor: `var(--${string})`;
+        };
+        neutral: {
+            background: `var(--${string})`;
+            borderColor: `var(--${string})`;
+        };
+    };
+    size: {
+        small: {
+            minWidth: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        medium: {
+            minWidth: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+    };
+}>;

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

@@ -0,0 +1,6 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var key = createRuntimeFn({ defaultClassName: "uv_1g4bp0q0", variantClassNames: { prominence: { strong: "uv_1g4bp0q1", "default": "uv_1g4bp0q2" }, disabled: { true: "uv_1g4bp0q3" }, sentiment: { primary: "uv_1g4bp0q4", neutral: "uv_1g4bp0q5" }, size: { small: "uv_1g4bp0q6", medium: "uv_1g4bp0q7" } }, defaultVariants: { prominence: "default", disabled: false, size: "medium", sentiment: "neutral" }, compoundVariants: [[{ prominence: "strong", sentiment: "neutral" }, "uv_1g4bp0q8"], [{ sentiment: "neutral", prominence: "strong", disabled: true }, "uv_1g4bp0q9"], [{ disabled: true, sentiment: "neutral" }, "uv_1g4bp0qa"], [{ sentiment: "primary", prominence: "strong" }, "uv_1g4bp0qb"], [{ sentiment: "primary", prominence: "strong", disabled: true }, "uv_1g4bp0qc"], [{ disabled: true, sentiment: "primary" }, "uv_1g4bp0qd"]] });
+export {
+  key
+};

package/dist/components/Label/index.cjs

@@ -14,7 +14,8 @@ const LabelRequiredOrNot = ({
   htmlFor,
   as,
   sentiment,
-  disabled
+  disabled,
+  style
 }) => {
   const textPointerValue = react.useMemo(() => {
     if (disabled) {
@@ -26,12 +27,12 @@ const LabelRequiredOrNot = ({
     return "default";
   }, [disabled, htmlFor]);
   if (required) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: "0.5", children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: "0.5", style, children: [
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
+  return /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: as === "label" ? "label" : "legend", className: styles_css.textPointer[textPointerValue], disabled, htmlFor, id, sentiment, style, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
 };
 const Label = ({
   as = "label",
@@ -42,9 +43,10 @@ const Label = ({
   htmlFor,
   id,
   sentiment = "neutral",
-  disabled
+  disabled,
+  style
 }) => labelDescription ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: "1", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, children }),
+  /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, style, children }),
   typeof labelDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", children: labelDescription }) : labelDescription
-] }) : /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, children });
+] }) : /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, style, children });
 exports.Label = Label;

package/dist/components/Label/index.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 import { Text } from '../Text';
 type LabelProps = {
     /**
@@ -13,9 +13,10 @@ type LabelProps = {
     id?: string;
     sentiment?: ComponentProps<typeof Text>['sentiment'];
     disabled?: boolean;
+    style?: CSSProperties;
 };
 /**
  * Label is used inside all of our input components, but it can be used outside for design purposes
  */
-export declare const Label: ({ as, children, labelDescription, required, size, htmlFor, id, sentiment, disabled, }: LabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Label: ({ as, children, labelDescription, required, size, htmlFor, id, sentiment, disabled, style, }: LabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Label/index.js

@@ -12,7 +12,8 @@ const LabelRequiredOrNot = ({
   htmlFor,
   as,
   sentiment,
-  disabled
+  disabled,
+  style
 }) => {
   const textPointerValue = useMemo(() => {
     if (disabled) {
@@ -24,12 +25,12 @@ const LabelRequiredOrNot = ({
     return "default";
   }, [disabled, htmlFor]);
   if (required) {
-    return /* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: "0.5", children: [
+    return /* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: "0.5", style, children: [
       /* @__PURE__ */ jsx(Text, { as: as === "label" ? "label" : "legend", className: textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children }),
       /* @__PURE__ */ jsx(Text, { "aria-label": "required", as: "span", disabled, sentiment: "danger", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children: "*" })
     ] });
   }
-  return /* @__PURE__ */ jsx(Text, { as: as === "label" ? "label" : "legend", className: textPointer[textPointerValue], disabled, htmlFor, id, sentiment, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
+  return /* @__PURE__ */ jsx(Text, { as: as === "label" ? "label" : "legend", className: textPointer[textPointerValue], disabled, htmlFor, id, sentiment, style, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", children });
 };
 const Label = ({
   as = "label",
@@ -40,11 +41,12 @@ const Label = ({
   htmlFor,
   id,
   sentiment = "neutral",
-  disabled
+  disabled,
+  style
 }) => labelDescription ? /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: "1", children: [
-  /* @__PURE__ */ jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, children }),
+  /* @__PURE__ */ jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, style, children }),
   typeof labelDescription === "string" ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", children: labelDescription }) : labelDescription
-] }) : /* @__PURE__ */ jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, children });
+] }) : /* @__PURE__ */ jsx(LabelRequiredOrNot, { as, disabled, htmlFor, id, required, sentiment, size, style, children });
 export {
   Label
 };

package/dist/components/LineChart/CustomLegend.cjs

@@ -2,18 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("@emotion/react");
+const themes = require("@ultraviolet/themes");
+const dynamic = require("@vanilla-extract/dynamic");
 const legend = require("../../helpers/legend.cjs");
 const index = require("../Checkbox/index.cjs");
 const index$1 = require("../Text/index.cjs");
 const helpers = require("./helpers.cjs");
 const styles_css = require("./styles.css.cjs");
-const styles = {
-  body: (theme) => /* @__PURE__ */ react.css(">:not(:last-child){border-bottom:1px solid ", theme.colors.neutral.backgroundStrong, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:body;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpbmVDaGFydC9DdXN0b21MZWdlbmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGluZUNoYXJ0L0N1c3RvbUxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IERhdHVtVmFsdWUgfSBmcm9tICdAbml2by9jb3JlJ1xuaW1wb3J0IHR5cGUgeyBTZXJpZSB9IGZyb20gJ0BuaXZvL2xpbmUnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXRMZWdlbmRDb2xvciB9IGZyb20gJy4uLy4uL2hlbHBlcnMvbGVnZW5kJ1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgZ2V0QXZlcmFnZSwgZ2V0Q3VycmVudCwgZ2V0TWF4LCBnZXRNaW4sIGdldFNlbGVjdGVkIH0gZnJvbSAnLi9oZWxwZXJzJ1xuaW1wb3J0IHtcbiAgY2VsbFZhbHVlQ29udGFpbmVyLFxuICBjb250YWluZXIsXG4gIGxvbmdDb250YWluZXIsXG4gIHRleHRMZWdlbmQsXG59IGZyb20gJy4vc3R5bGVzLmNzcydcblxuY29uc3Qgc3R5bGVzID0ge1xuICBib2R5OiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICB9XG4gIGAsXG4gIGhlYWQ6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNlWycxJ119O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2VbJzEnXX07XG4gICAgfVxuICBgLFxuICBsZWdlbmQ6IChpbmRleDogbnVtYmVyKSA9PiAodGhlbWU6IFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNlWycyJ119O1xuICAgICAgd2lkdGg6ICR7dGhlbWUuc2l6aW5nWyc0MDAnXX07XG4gICAgICBoZWlnaHQ6IDJweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0TGVnZW5kQ29sb3IodGhlbWUpW2luZGV4XX07XG4gICAgYCxcbiAgcm93OiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlWycwLjUnXX0gMDtcbiAgICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIGAsXG59XG5cbnR5cGUgQ2VsbFByb3BzID0ge1xuICB2YWx1ZT86IERhdHVtVmFsdWVcbiAgdmFyaWFudDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFRleHQ+Wyd2YXJpYW50J11cbn1cblxuY29uc3QgQ2VsbCA9ICh7IHZhbHVlLCB2YXJpYW50IH06IENlbGxQcm9wcykgPT4gKFxuICA8VGV4dCBhcz1cInNwYW5cIiBjbGFzc05hbWU9e3RleHRMZWdlbmR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PXt2YXJpYW50fT5cbiAgICB7dmFsdWUgYXMgc3RyaW5nIHwgbnVtYmVyfVxuICA8L1RleHQ+XG4pXG5cbnR5cGUgVHJhbnNmb3JtZXIgPSAodmFsdWU6IERhdHVtVmFsdWUpID0+IHN0cmluZ1xuXG5jb25zdCBub29wOiBUcmFuc2Zvcm1lciA9IHZhbHVlID0+IHZhbHVlLnRvU3RyaW5nKClcblxudHlwZSBDdXN0b21MZWdlbmRQcm9wcyA9IHtcbiAgYXhpc1RyYW5zZm9ybWVyPzogVHJhbnNmb3JtZXJcbiAgZGF0YT86IFNlcmllW11cbiAgc2VsZWN0ZWQ6IHN0cmluZ1tdXG4gIHNldFNlbGVjdGVkOiAoc2VsZWN0ZWQ6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21MZWdlbmQgPSAoe1xuICBheGlzVHJhbnNmb3JtZXIgPSBub29wLFxuICBkYXRhLFxuICBzZWxlY3RlZCxcbiAgc2V0U2VsZWN0ZWQsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEN1c3RvbUxlZ2VuZFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZSA/IGAke2NsYXNzTmFtZX0gYCA6ICcnfSR7Y29udGFpbmVyfWB9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gID5cbiAgICA8ZGl2XG4gICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgY3NzPXtzdHlsZXMuaGVhZH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17bG9uZ0NvbnRhaW5lcn0+TGVnZW5kPC9kaXY+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIk1pbmltdW1cIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIk1heGltdW1cIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIkF2ZXJhZ2VcIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIkN1cnJlbnRcIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgIGNzcz17c3R5bGVzLmJvZHl9XG4gICAgPlxuICAgICAge2RhdGE/Lm1hcCgocm93LCBpbmRleCkgPT4ge1xuICAgICAgICBjb25zdCB2YWx1ZXMgPSByb3cuZGF0YS5tYXAodmFsID0+IHZhbC55IGFzIG51bWJlcilcbiAgICAgICAgY29uc3QgbGFiZWxJbmRleGVkID0gYCR7cm93LmlkfSR7aW5kZXh9YFxuICAgICAgICBjb25zdCBpZCA9IHJvdy5pZC50b1N0cmluZygpXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICAgICAgY3NzPXtzdHlsZXMucm93fVxuICAgICAgICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgICAgICAgIGtleT17bGFiZWxJbmRleGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtsb25nQ29udGFpbmVyfT5cbiAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWQuaW5jbHVkZXMobGFiZWxJbmRleGVkKX1cbiAgICAgICAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT5cbiAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkKFsuLi5nZXRTZWxlY3RlZChpZCwgaW5kZXgsIHNlbGVjdGVkKV0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NlbGxWYWx1ZUNvbnRhaW5lcn0+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlTbWFsbFwiPlxuICAgICAgICAgICAgICAgICAgICB7cm93Py5bJ2xhYmVsJ119XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICAgICAgICAgIGNzcz17c3R5bGVzLmxlZ2VuZChpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbGFiZWwtJHtpZH1gfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPENlbGwgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRNaW4odmFsdWVzKSl9IHZhcmlhbnQ9XCJib2R5U21hbGxcIiAvPlxuICAgICAgICAgICAgPENlbGwgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRNYXgodmFsdWVzKSl9IHZhcmlhbnQ9XCJib2R5U21hbGxcIiAvPlxuICAgICAgICAgICAgPENlbGxcbiAgICAgICAgICAgICAgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRBdmVyYWdlKHZhbHVlcykpfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8Q2VsbFxuICAgICAgICAgICAgICB2YWx1ZT17YXhpc1RyYW5zZm9ybWVyKGdldEN1cnJlbnQodmFsdWVzKSl9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuKVxuIl19 */"),
-  head: (theme) => /* @__PURE__ */ react.css("display:flex;padding-bottom:", theme.space["1"], ";border-bottom:1px solid ", theme.colors.neutral.backgroundStrong, ";>:not(:last-child){margin-right:", theme.space["1"], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:head;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpbmVDaGFydC9DdXN0b21MZWdlbmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGluZUNoYXJ0L0N1c3RvbUxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IERhdHVtVmFsdWUgfSBmcm9tICdAbml2by9jb3JlJ1xuaW1wb3J0IHR5cGUgeyBTZXJpZSB9IGZyb20gJ0BuaXZvL2xpbmUnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXRMZWdlbmRDb2xvciB9IGZyb20gJy4uLy4uL2hlbHBlcnMvbGVnZW5kJ1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgZ2V0QXZlcmFnZSwgZ2V0Q3VycmVudCwgZ2V0TWF4LCBnZXRNaW4sIGdldFNlbGVjdGVkIH0gZnJvbSAnLi9oZWxwZXJzJ1xuaW1wb3J0IHtcbiAgY2VsbFZhbHVlQ29udGFpbmVyLFxuICBjb250YWluZXIsXG4gIGxvbmdDb250YWluZXIsXG4gIHRleHRMZWdlbmQsXG59IGZyb20gJy4vc3R5bGVzLmNzcydcblxuY29uc3Qgc3R5bGVzID0ge1xuICBib2R5OiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICB9XG4gIGAsXG4gIGhlYWQ6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNlWycxJ119O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2VbJzEnXX07XG4gICAgfVxuICBgLFxuICBsZWdlbmQ6IChpbmRleDogbnVtYmVyKSA9PiAodGhlbWU6IFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNlWycyJ119O1xuICAgICAgd2lkdGg6ICR7dGhlbWUuc2l6aW5nWyc0MDAnXX07XG4gICAgICBoZWlnaHQ6IDJweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0TGVnZW5kQ29sb3IodGhlbWUpW2luZGV4XX07XG4gICAgYCxcbiAgcm93OiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlWycwLjUnXX0gMDtcbiAgICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIGAsXG59XG5cbnR5cGUgQ2VsbFByb3BzID0ge1xuICB2YWx1ZT86IERhdHVtVmFsdWVcbiAgdmFyaWFudDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFRleHQ+Wyd2YXJpYW50J11cbn1cblxuY29uc3QgQ2VsbCA9ICh7IHZhbHVlLCB2YXJpYW50IH06IENlbGxQcm9wcykgPT4gKFxuICA8VGV4dCBhcz1cInNwYW5cIiBjbGFzc05hbWU9e3RleHRMZWdlbmR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PXt2YXJpYW50fT5cbiAgICB7dmFsdWUgYXMgc3RyaW5nIHwgbnVtYmVyfVxuICA8L1RleHQ+XG4pXG5cbnR5cGUgVHJhbnNmb3JtZXIgPSAodmFsdWU6IERhdHVtVmFsdWUpID0+IHN0cmluZ1xuXG5jb25zdCBub29wOiBUcmFuc2Zvcm1lciA9IHZhbHVlID0+IHZhbHVlLnRvU3RyaW5nKClcblxudHlwZSBDdXN0b21MZWdlbmRQcm9wcyA9IHtcbiAgYXhpc1RyYW5zZm9ybWVyPzogVHJhbnNmb3JtZXJcbiAgZGF0YT86IFNlcmllW11cbiAgc2VsZWN0ZWQ6IHN0cmluZ1tdXG4gIHNldFNlbGVjdGVkOiAoc2VsZWN0ZWQ6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21MZWdlbmQgPSAoe1xuICBheGlzVHJhbnNmb3JtZXIgPSBub29wLFxuICBkYXRhLFxuICBzZWxlY3RlZCxcbiAgc2V0U2VsZWN0ZWQsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEN1c3RvbUxlZ2VuZFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZSA/IGAke2NsYXNzTmFtZX0gYCA6ICcnfSR7Y29udGFpbmVyfWB9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gID5cbiAgICA8ZGl2XG4gICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgY3NzPXtzdHlsZXMuaGVhZH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17bG9uZ0NvbnRhaW5lcn0+TGVnZW5kPC9kaXY+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIk1pbmltdW1cIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIk1heGltdW1cIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIkF2ZXJhZ2VcIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIkN1cnJlbnRcIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgIGNzcz17c3R5bGVzLmJvZHl9XG4gICAgPlxuICAgICAge2RhdGE/Lm1hcCgocm93LCBpbmRleCkgPT4ge1xuICAgICAgICBjb25zdCB2YWx1ZXMgPSByb3cuZGF0YS5tYXAodmFsID0+IHZhbC55IGFzIG51bWJlcilcbiAgICAgICAgY29uc3QgbGFiZWxJbmRleGVkID0gYCR7cm93LmlkfSR7aW5kZXh9YFxuICAgICAgICBjb25zdCBpZCA9IHJvdy5pZC50b1N0cmluZygpXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICAgICAgY3NzPXtzdHlsZXMucm93fVxuICAgICAgICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgICAgICAgIGtleT17bGFiZWxJbmRleGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtsb25nQ29udGFpbmVyfT5cbiAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWQuaW5jbHVkZXMobGFiZWxJbmRleGVkKX1cbiAgICAgICAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT5cbiAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkKFsuLi5nZXRTZWxlY3RlZChpZCwgaW5kZXgsIHNlbGVjdGVkKV0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NlbGxWYWx1ZUNvbnRhaW5lcn0+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlTbWFsbFwiPlxuICAgICAgICAgICAgICAgICAgICB7cm93Py5bJ2xhYmVsJ119XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICAgICAgICAgIGNzcz17c3R5bGVzLmxlZ2VuZChpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbGFiZWwtJHtpZH1gfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPENlbGwgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRNaW4odmFsdWVzKSl9IHZhcmlhbnQ9XCJib2R5U21hbGxcIiAvPlxuICAgICAgICAgICAgPENlbGwgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRNYXgodmFsdWVzKSl9IHZhcmlhbnQ9XCJib2R5U21hbGxcIiAvPlxuICAgICAgICAgICAgPENlbGxcbiAgICAgICAgICAgICAgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRBdmVyYWdlKHZhbHVlcykpfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8Q2VsbFxuICAgICAgICAgICAgICB2YWx1ZT17YXhpc1RyYW5zZm9ybWVyKGdldEN1cnJlbnQodmFsdWVzKSl9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuKVxuIl19 */"),
-  legend: (index2) => (theme) => /* @__PURE__ */ react.css("margin-left:", theme.space["2"], ";width:", theme.sizing["400"], ";height:2px;background-color:", legend.getLegendColor(theme)[index2], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:legend;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpbmVDaGFydC9DdXN0b21MZWdlbmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDTyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9MaW5lQ2hhcnQvQ3VzdG9tTGVnZW5kLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB0eXBlIHsgRGF0dW1WYWx1ZSB9IGZyb20gJ0BuaXZvL2NvcmUnXG5pbXBvcnQgdHlwZSB7IFNlcmllIH0gZnJvbSAnQG5pdm8vbGluZSdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGdldExlZ2VuZENvbG9yIH0gZnJvbSAnLi4vLi4vaGVscGVycy9sZWdlbmQnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL0NoZWNrYm94J1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBnZXRBdmVyYWdlLCBnZXRDdXJyZW50LCBnZXRNYXgsIGdldE1pbiwgZ2V0U2VsZWN0ZWQgfSBmcm9tICcuL2hlbHBlcnMnXG5pbXBvcnQge1xuICBjZWxsVmFsdWVDb250YWluZXIsXG4gIGNvbnRhaW5lcixcbiAgbG9uZ0NvbnRhaW5lcixcbiAgdGV4dExlZ2VuZCxcbn0gZnJvbSAnLi9zdHlsZXMuY3NzJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGJvZHk6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIH1cbiAgYCxcbiAgaGVhZDogKHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2VbJzEnXX07XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ307XG5cbiAgICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIGAsXG4gIGxlZ2VuZDogKGluZGV4OiBudW1iZXIpID0+ICh0aGVtZTogVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2VbJzInXX07XG4gICAgICB3aWR0aDogJHt0aGVtZS5zaXppbmdbJzQwMCddfTtcbiAgICAgIGhlaWdodDogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRMZWdlbmRDb2xvcih0aGVtZSlbaW5kZXhdfTtcbiAgICBgLFxuICByb3c6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuICAgID4gOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNlWycxJ119O1xuICAgIH1cbiAgYCxcbn1cblxudHlwZSBDZWxsUHJvcHMgPSB7XG4gIHZhbHVlPzogRGF0dW1WYWx1ZVxuICB2YXJpYW50OiBDb21wb25lbnRQcm9wczx0eXBlb2YgVGV4dD5bJ3ZhcmlhbnQnXVxufVxuXG5jb25zdCBDZWxsID0gKHsgdmFsdWUsIHZhcmlhbnQgfTogQ2VsbFByb3BzKSA9PiAoXG4gIDxUZXh0IGFzPVwic3BhblwiIGNsYXNzTmFtZT17dGV4dExlZ2VuZH0gc2VudGltZW50PVwibmV1dHJhbFwiIHZhcmlhbnQ9e3ZhcmlhbnR9PlxuICAgIHt2YWx1ZSBhcyBzdHJpbmcgfCBudW1iZXJ9XG4gIDwvVGV4dD5cbilcblxudHlwZSBUcmFuc2Zvcm1lciA9ICh2YWx1ZTogRGF0dW1WYWx1ZSkgPT4gc3RyaW5nXG5cbmNvbnN0IG5vb3A6IFRyYW5zZm9ybWVyID0gdmFsdWUgPT4gdmFsdWUudG9TdHJpbmcoKVxuXG50eXBlIEN1c3RvbUxlZ2VuZFByb3BzID0ge1xuICBheGlzVHJhbnNmb3JtZXI/OiBUcmFuc2Zvcm1lclxuICBkYXRhPzogU2VyaWVbXVxuICBzZWxlY3RlZDogc3RyaW5nW11cbiAgc2V0U2VsZWN0ZWQ6IChzZWxlY3RlZDogc3RyaW5nW10pID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEN1c3RvbUxlZ2VuZCA9ICh7XG4gIGF4aXNUcmFuc2Zvcm1lciA9IG5vb3AsXG4gIGRhdGEsXG4gIHNlbGVjdGVkLFxuICBzZXRTZWxlY3RlZCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQ3VzdG9tTGVnZW5kUHJvcHMpID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lID8gYCR7Y2xhc3NOYW1lfSBgIDogJyd9JHtjb250YWluZXJ9YH1cbiAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgPlxuICAgIDxkaXZcbiAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICBjc3M9e3N0eWxlcy5oZWFkfVxuICAgID5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtsb25nQ29udGFpbmVyfT5MZWdlbmQ8L2Rpdj5cbiAgICAgIDxDZWxsIHZhbHVlPVwiTWluaW11bVwiIHZhcmlhbnQ9XCJib2R5XCIgLz5cbiAgICAgIDxDZWxsIHZhbHVlPVwiTWF4aW11bVwiIHZhcmlhbnQ9XCJib2R5XCIgLz5cbiAgICAgIDxDZWxsIHZhbHVlPVwiQXZlcmFnZVwiIHZhcmlhbnQ9XCJib2R5XCIgLz5cbiAgICAgIDxDZWxsIHZhbHVlPVwiQ3VycmVudFwiIHZhcmlhbnQ9XCJib2R5XCIgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgY3NzPXtzdHlsZXMuYm9keX1cbiAgICA+XG4gICAgICB7ZGF0YT8ubWFwKChyb3csIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHZhbHVlcyA9IHJvdy5kYXRhLm1hcCh2YWwgPT4gdmFsLnkgYXMgbnVtYmVyKVxuICAgICAgICBjb25zdCBsYWJlbEluZGV4ZWQgPSBgJHtyb3cuaWR9JHtpbmRleH1gXG4gICAgICAgIGNvbnN0IGlkID0gcm93LmlkLnRvU3RyaW5nKClcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICBjc3M9e3N0eWxlcy5yb3d9XG4gICAgICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICAgICAga2V5PXtsYWJlbEluZGV4ZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2xvbmdDb250YWluZXJ9PlxuICAgICAgICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICAgICAgICBjaGVja2VkPXtzZWxlY3RlZC5pbmNsdWRlcyhsYWJlbEluZGV4ZWQpfVxuICAgICAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PlxuICAgICAgICAgICAgICAgICAgc2V0U2VsZWN0ZWQoWy4uLmdldFNlbGVjdGVkKGlkLCBpbmRleCwgc2VsZWN0ZWQpXSlcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2VsbFZhbHVlQ29udGFpbmVyfT5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgICAgICAgICAgICAgIHtyb3c/LlsnbGFiZWwnXX1cbiAgICAgICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgICAgICAgICAgICAgICAgY3NzPXtzdHlsZXMubGVnZW5kKGluZGV4KX1cbiAgICAgICAgICAgICAgICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e2BsYWJlbC0ke2lkfWB9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L0NoZWNrYm94PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8Q2VsbCB2YWx1ZT17YXhpc1RyYW5zZm9ybWVyKGdldE1pbih2YWx1ZXMpKX0gdmFyaWFudD1cImJvZHlTbWFsbFwiIC8+XG4gICAgICAgICAgICA8Q2VsbCB2YWx1ZT17YXhpc1RyYW5zZm9ybWVyKGdldE1heCh2YWx1ZXMpKX0gdmFyaWFudD1cImJvZHlTbWFsbFwiIC8+XG4gICAgICAgICAgICA8Q2VsbFxuICAgICAgICAgICAgICB2YWx1ZT17YXhpc1RyYW5zZm9ybWVyKGdldEF2ZXJhZ2UodmFsdWVzKSl9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxDZWxsXG4gICAgICAgICAgICAgIHZhbHVlPXtheGlzVHJhbnNmb3JtZXIoZ2V0Q3VycmVudCh2YWx1ZXMpKX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImJvZHlTbWFsbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApXG4gICAgICB9KX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4pXG4iXX0= */"),
-  row: (theme) => /* @__PURE__ */ react.css("display:flex;padding:", theme.space["0.5"], " 0;>:not(:last-child){margin-right:", theme.space["1"], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xpbmVDaGFydC9DdXN0b21MZWdlbmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGluZUNoYXJ0L0N1c3RvbUxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgdHlwZSB7IERhdHVtVmFsdWUgfSBmcm9tICdAbml2by9jb3JlJ1xuaW1wb3J0IHR5cGUgeyBTZXJpZSB9IGZyb20gJ0BuaXZvL2xpbmUnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBnZXRMZWdlbmRDb2xvciB9IGZyb20gJy4uLy4uL2hlbHBlcnMvbGVnZW5kJ1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgZ2V0QXZlcmFnZSwgZ2V0Q3VycmVudCwgZ2V0TWF4LCBnZXRNaW4sIGdldFNlbGVjdGVkIH0gZnJvbSAnLi9oZWxwZXJzJ1xuaW1wb3J0IHtcbiAgY2VsbFZhbHVlQ29udGFpbmVyLFxuICBjb250YWluZXIsXG4gIGxvbmdDb250YWluZXIsXG4gIHRleHRMZWdlbmQsXG59IGZyb20gJy4vc3R5bGVzLmNzcydcblxuY29uc3Qgc3R5bGVzID0ge1xuICBib2R5OiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICB9XG4gIGAsXG4gIGhlYWQ6ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNlWycxJ119O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2VbJzEnXX07XG4gICAgfVxuICBgLFxuICBsZWdlbmQ6IChpbmRleDogbnVtYmVyKSA9PiAodGhlbWU6IFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNlWycyJ119O1xuICAgICAgd2lkdGg6ICR7dGhlbWUuc2l6aW5nWyc0MDAnXX07XG4gICAgICBoZWlnaHQ6IDJweDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0TGVnZW5kQ29sb3IodGhlbWUpW2luZGV4XX07XG4gICAgYCxcbiAgcm93OiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNlWycwLjUnXX0gMDtcbiAgICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjZVsnMSddfTtcbiAgICB9XG4gIGAsXG59XG5cbnR5cGUgQ2VsbFByb3BzID0ge1xuICB2YWx1ZT86IERhdHVtVmFsdWVcbiAgdmFyaWFudDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIFRleHQ+Wyd2YXJpYW50J11cbn1cblxuY29uc3QgQ2VsbCA9ICh7IHZhbHVlLCB2YXJpYW50IH06IENlbGxQcm9wcykgPT4gKFxuICA8VGV4dCBhcz1cInNwYW5cIiBjbGFzc05hbWU9e3RleHRMZWdlbmR9IHNlbnRpbWVudD1cIm5ldXRyYWxcIiB2YXJpYW50PXt2YXJpYW50fT5cbiAgICB7dmFsdWUgYXMgc3RyaW5nIHwgbnVtYmVyfVxuICA8L1RleHQ+XG4pXG5cbnR5cGUgVHJhbnNmb3JtZXIgPSAodmFsdWU6IERhdHVtVmFsdWUpID0+IHN0cmluZ1xuXG5jb25zdCBub29wOiBUcmFuc2Zvcm1lciA9IHZhbHVlID0+IHZhbHVlLnRvU3RyaW5nKClcblxudHlwZSBDdXN0b21MZWdlbmRQcm9wcyA9IHtcbiAgYXhpc1RyYW5zZm9ybWVyPzogVHJhbnNmb3JtZXJcbiAgZGF0YT86IFNlcmllW11cbiAgc2VsZWN0ZWQ6IHN0cmluZ1tdXG4gIHNldFNlbGVjdGVkOiAoc2VsZWN0ZWQ6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDdXN0b21MZWdlbmQgPSAoe1xuICBheGlzVHJhbnNmb3JtZXIgPSBub29wLFxuICBkYXRhLFxuICBzZWxlY3RlZCxcbiAgc2V0U2VsZWN0ZWQsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEN1c3RvbUxlZ2VuZFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZSA/IGAke2NsYXNzTmFtZX0gYCA6ICcnfSR7Y29udGFpbmVyfWB9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gID5cbiAgICA8ZGl2XG4gICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgY3NzPXtzdHlsZXMuaGVhZH1cbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT17bG9uZ0NvbnRhaW5lcn0+TGVnZW5kPC9kaXY+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIk1pbmltdW1cIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIk1heGltdW1cIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIkF2ZXJhZ2VcIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgICA8Q2VsbCB2YWx1ZT1cIkN1cnJlbnRcIiB2YXJpYW50PVwiYm9keVwiIC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgIGNzcz17c3R5bGVzLmJvZHl9XG4gICAgPlxuICAgICAge2RhdGE/Lm1hcCgocm93LCBpbmRleCkgPT4ge1xuICAgICAgICBjb25zdCB2YWx1ZXMgPSByb3cuZGF0YS5tYXAodmFsID0+IHZhbC55IGFzIG51bWJlcilcbiAgICAgICAgY29uc3QgbGFiZWxJbmRleGVkID0gYCR7cm93LmlkfSR7aW5kZXh9YFxuICAgICAgICBjb25zdCBpZCA9IHJvdy5pZC50b1N0cmluZygpXG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAvLyBveGxpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW5rbm93bi1wcm9wZXJ0eVxuICAgICAgICAgICAgY3NzPXtzdHlsZXMucm93fVxuICAgICAgICAgICAgLy8gb3hsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXVua25vd24tcHJvcGVydHlcbiAgICAgICAgICAgIGtleT17bGFiZWxJbmRleGVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtsb25nQ29udGFpbmVyfT5cbiAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWQuaW5jbHVkZXMobGFiZWxJbmRleGVkKX1cbiAgICAgICAgICAgICAgICBuYW1lPXtpZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT5cbiAgICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkKFsuLi5nZXRTZWxlY3RlZChpZCwgaW5kZXgsIHNlbGVjdGVkKV0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NlbGxWYWx1ZUNvbnRhaW5lcn0+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBhcz1cInNwYW5cIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgdmFyaWFudD1cImJvZHlTbWFsbFwiPlxuICAgICAgICAgICAgICAgICAgICB7cm93Py5bJ2xhYmVsJ119XG4gICAgICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICAgICAgICAgIGNzcz17c3R5bGVzLmxlZ2VuZChpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgIC8vIG94bGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bmtub3duLXByb3BlcnR5XG4gICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtgbGFiZWwtJHtpZH1gfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9DaGVja2JveD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPENlbGwgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRNaW4odmFsdWVzKSl9IHZhcmlhbnQ9XCJib2R5U21hbGxcIiAvPlxuICAgICAgICAgICAgPENlbGwgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRNYXgodmFsdWVzKSl9IHZhcmlhbnQ9XCJib2R5U21hbGxcIiAvPlxuICAgICAgICAgICAgPENlbGxcbiAgICAgICAgICAgICAgdmFsdWU9e2F4aXNUcmFuc2Zvcm1lcihnZXRBdmVyYWdlKHZhbHVlcykpfVxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8Q2VsbFxuICAgICAgICAgICAgICB2YWx1ZT17YXhpc1RyYW5zZm9ybWVyKGdldEN1cnJlbnQodmFsdWVzKSl9XG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKVxuICAgICAgfSl9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuKVxuIl19 */")
-};
 const Cell = ({
   value,
   variant
@@ -27,52 +22,43 @@ const CustomLegend = ({
   className,
   "data-testid": dataTestId
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className ? `${className} ` : ""}${styles_css.container}`, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      css: styles.head,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.longContainer, children: "Legend" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Minimum", variant: "body" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Maximum", variant: "body" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Average", variant: "body" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Current", variant: "body" })
-      ]
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      css: styles.body,
-      children: data?.map((row, index$2) => {
-        const values = row.data.map((val) => val.y);
-        const labelIndexed = `${row.id}${index$2}`;
-        const id = row.id.toString();
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            css: styles.row,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.longContainer, children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { checked: selected.includes(labelIndexed), name: id, onChange: () => setSelected([...helpers.getSelected(id, index$2, selected)]), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.cellValueContainer, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", sentiment: "neutral", variant: "bodySmall", children: row?.["label"] }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    css: styles.legend(index$2),
-                    "data-testid": `label-${id}`
-                  }
-                )
-              ] }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getMin(values)), variant: "bodySmall" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getMax(values)), variant: "bodySmall" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getAverage(values)), variant: "bodySmall" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getCurrent(values)), variant: "bodySmall" })
-            ]
-          },
-          labelIndexed
-        );
-      })
-    }
-  )
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.lineChartHead, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.longContainer, children: "Legend" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Minimum", variant: "body" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Maximum", variant: "body" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Average", variant: "body" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: "Current", variant: "body" })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.lineChartBody, children: data?.map((row, index$2) => {
+    const values = row.data.map((val) => val.y);
+    const labelIndexed = `${row.id}${index$2}`;
+    const id = row.id.toString();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: styles_css.lineChartRow,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.longContainer, children: /* @__PURE__ */ jsxRuntime.jsx(index.Checkbox, { checked: selected.includes(labelIndexed), name: id, onChange: () => setSelected([...helpers.getSelected(id, index$2, selected)]), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.cellValueContainer, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", sentiment: "neutral", variant: "bodySmall", children: row?.["label"] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: styles_css.lineChartLegend,
+                "data-testid": `label-${id}`,
+                style: dynamic.assignInlineVars({
+                  [styles_css.backgroundColorLegend]: legend.getLegendColor(themes.theme)[index$2]
+                })
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getMin(values)), variant: "bodySmall" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getMax(values)), variant: "bodySmall" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getAverage(values)), variant: "bodySmall" }),
+          /* @__PURE__ */ jsxRuntime.jsx(Cell, { value: axisTransformer(helpers.getCurrent(values)), variant: "bodySmall" })
+        ]
+      },
+      labelIndexed
+    );
+  }) })
 ] });
 exports.CustomLegend = CustomLegend;