@ultraviolet/ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/BarChart/Tooltip.cjs

@@ -1,50 +1,19 @@
 "use client";
 "use strict";
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
 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 BarToolTipContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ilr3nn1"
-} : {
-  target: "e1ilr3nn1",
-  label: "BarToolTipContainer"
-})("display:flex;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeakElevated, ";border-radius:", ({
-  theme
-}) => theme.radii.small, ";box-shadow:", ({
-  theme
-}) => theme.shadows.tooltip, ";padding:", ({
-  theme
-}) => theme.space["1"], " ", ({
-  theme
-}) => theme.space["2"], ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CYXJDaGFydC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBCYXJUb29sVGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0VsZXZhdGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5zbWFsbH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy50b29sdGlwfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5jb25zdCBCYXJDb2xvclNxdWFyZSA9IHN0eWxlZCgnc3BhbicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgY29sb3I6IHN0cmluZyB9PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWycxNTAnXX07XG4gIGJhY2tncm91bmQ6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEuNSddfTtcbmBcblxudHlwZSBCYXJDaGFydFRvb2xUaXBQcm9wcyA9IHtcbiAgY29sb3I6IHN0cmluZ1xuICBpbmRleFZhbHVlOiBzdHJpbmdcbiAgZm9ybWF0dGVkVmFsdWU6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBCYXJDaGFydFRvb2xUaXAgPSAoe1xuICBmb3JtYXR0ZWRWYWx1ZSxcbiAgaW5kZXhWYWx1ZSxcbiAgY29sb3IsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEJhckNoYXJ0VG9vbFRpcFByb3BzKSA9PiAoXG4gIDxCYXJUb29sVGlwQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgPGRpdj5cbiAgICAgIDxCYXJDb2xvclNxdWFyZSBjb2xvcj17Y29sb3J9IC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHNlbnRpbWVudD1cInByaW1hcnlcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCI+XG4gICAgICAgIHtmb3JtYXR0ZWRWYWx1ZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAge2luZGV4VmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgPC9kaXY+XG4gIDwvQmFyVG9vbFRpcENvbnRhaW5lcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQmFyQ2hhcnRUb29sVGlwXG4iXX0= */"));
-const BarColorSquare = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0"
-} : {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0",
-  label: "BarColorSquare"
-})("display:block;width:", ({
-  theme
-}) => theme.sizing["150"], ";height:", ({
-  theme
-}) => theme.sizing["150"], ";background:", ({
-  color
-}) => color, ";margin-right:", ({
-  theme
-}) => theme.space["1.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQmFyQ2hhcnQvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQmFyVG9vbFRpcENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtFbGV2YXRlZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuc21hbGx9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MudG9vbHRpcH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgQmFyQ29sb3JTcXVhcmUgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGNvbG9yOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzE1MCddfTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxLjUnXX07XG5gXG5cbnR5cGUgQmFyQ2hhcnRUb29sVGlwUHJvcHMgPSB7XG4gIGNvbG9yOiBzdHJpbmdcbiAgaW5kZXhWYWx1ZTogc3RyaW5nXG4gIGZvcm1hdHRlZFZhbHVlOiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgQmFyQ2hhcnRUb29sVGlwID0gKHtcbiAgZm9ybWF0dGVkVmFsdWUsXG4gIGluZGV4VmFsdWUsXG4gIGNvbG9yLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJDaGFydFRvb2xUaXBQcm9wcykgPT4gKFxuICA8QmFyVG9vbFRpcENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIDxkaXY+XG4gICAgICA8QmFyQ29sb3JTcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8VGV4dCBhcz1cInBcIiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgdmFyaWFudD1cImJvZHlTdHJvbmdlclwiPlxuICAgICAgICB7Zm9ybWF0dGVkVmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgIHtpbmRleFZhbHVlfVxuICAgICAgPC9UZXh0PlxuICAgIDwvZGl2PlxuICA8L0JhclRvb2xUaXBDb250YWluZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEJhckNoYXJ0VG9vbFRpcFxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const BarChartToolTip = ({
   formattedValue,
   indexValue,
   color,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsxs(BarToolTipContainer, { className, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(BarColorSquare, { color }) }),
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className ? `${className} ` : ""}${styles_css.barTooltipContainer}`, "data-testid": dataTestId, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.barColorSquare, style: dynamic.assignInlineVars({
+    [styles_css.colorBar]: color
+  }) }) }),
   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", sentiment: "primary", variant: "bodyStronger", children: formattedValue }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", variant: "bodySmall", children: indexValue })

package/dist/components/BarChart/Tooltip.js

@@ -1,47 +1,18 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Text } from "../Text/index.js";
-const BarToolTipContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ilr3nn1"
-} : {
-  target: "e1ilr3nn1",
-  label: "BarToolTipContainer"
-})("display:flex;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeakElevated, ";border-radius:", ({
-  theme
-}) => theme.radii.small, ";box-shadow:", ({
-  theme
-}) => theme.shadows.tooltip, ";padding:", ({
-  theme
-}) => theme.space["1"], " ", ({
-  theme
-}) => theme.space["2"], ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CYXJDaGFydC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBCYXJUb29sVGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0VsZXZhdGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5zbWFsbH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy50b29sdGlwfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5jb25zdCBCYXJDb2xvclNxdWFyZSA9IHN0eWxlZCgnc3BhbicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgY29sb3I6IHN0cmluZyB9PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWycxNTAnXX07XG4gIGJhY2tncm91bmQ6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEuNSddfTtcbmBcblxudHlwZSBCYXJDaGFydFRvb2xUaXBQcm9wcyA9IHtcbiAgY29sb3I6IHN0cmluZ1xuICBpbmRleFZhbHVlOiBzdHJpbmdcbiAgZm9ybWF0dGVkVmFsdWU6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBCYXJDaGFydFRvb2xUaXAgPSAoe1xuICBmb3JtYXR0ZWRWYWx1ZSxcbiAgaW5kZXhWYWx1ZSxcbiAgY29sb3IsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEJhckNoYXJ0VG9vbFRpcFByb3BzKSA9PiAoXG4gIDxCYXJUb29sVGlwQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgPGRpdj5cbiAgICAgIDxCYXJDb2xvclNxdWFyZSBjb2xvcj17Y29sb3J9IC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHNlbnRpbWVudD1cInByaW1hcnlcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCI+XG4gICAgICAgIHtmb3JtYXR0ZWRWYWx1ZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAge2luZGV4VmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgPC9kaXY+XG4gIDwvQmFyVG9vbFRpcENvbnRhaW5lcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQmFyQ2hhcnRUb29sVGlwXG4iXX0= */"));
-const BarColorSquare = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0"
-} : {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0",
-  label: "BarColorSquare"
-})("display:block;width:", ({
-  theme
-}) => theme.sizing["150"], ";height:", ({
-  theme
-}) => theme.sizing["150"], ";background:", ({
-  color
-}) => color, ";margin-right:", ({
-  theme
-}) => theme.space["1.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQmFyQ2hhcnQvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQmFyVG9vbFRpcENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtFbGV2YXRlZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuc21hbGx9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MudG9vbHRpcH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgQmFyQ29sb3JTcXVhcmUgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGNvbG9yOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzE1MCddfTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxLjUnXX07XG5gXG5cbnR5cGUgQmFyQ2hhcnRUb29sVGlwUHJvcHMgPSB7XG4gIGNvbG9yOiBzdHJpbmdcbiAgaW5kZXhWYWx1ZTogc3RyaW5nXG4gIGZvcm1hdHRlZFZhbHVlOiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgQmFyQ2hhcnRUb29sVGlwID0gKHtcbiAgZm9ybWF0dGVkVmFsdWUsXG4gIGluZGV4VmFsdWUsXG4gIGNvbG9yLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJDaGFydFRvb2xUaXBQcm9wcykgPT4gKFxuICA8QmFyVG9vbFRpcENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIDxkaXY+XG4gICAgICA8QmFyQ29sb3JTcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8VGV4dCBhcz1cInBcIiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgdmFyaWFudD1cImJvZHlTdHJvbmdlclwiPlxuICAgICAgICB7Zm9ybWF0dGVkVmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgIHtpbmRleFZhbHVlfVxuICAgICAgPC9UZXh0PlxuICAgIDwvZGl2PlxuICA8L0JhclRvb2xUaXBDb250YWluZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEJhckNoYXJ0VG9vbFRpcFxuIl19 */"));
+import { barTooltipContainer, barColorSquare, colorBar } from "./styles.css.js";
 const BarChartToolTip = ({
   formattedValue,
   indexValue,
   color,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxs(BarToolTipContainer, { className, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(BarColorSquare, { color }) }),
+}) => /* @__PURE__ */ jsxs("div", { className: `${className ? `${className} ` : ""}${barTooltipContainer}`, "data-testid": dataTestId, children: [
+  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", { className: barColorSquare, style: assignInlineVars({
+    [colorBar]: color
+  }) }) }),
   /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "primary", variant: "bodyStronger", children: formattedValue }),
     /* @__PURE__ */ jsx(Text, { as: "p", variant: "bodySmall", children: indexValue })

package/dist/components/BarChart/index.cjs

@@ -2,9 +2,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("@emotion/react");
 const bar = require("@nivo/bar");
-const react$1 = require("react");
+const themes = require("@ultraviolet/themes");
+const react = require("react");
 const legend = require("../../helpers/legend.cjs");
 const nivoTheme = require("../../helpers/nivoTheme.cjs");
 const Tooltip = require("./Tooltip.cjs");
@@ -30,8 +30,8 @@ const BarChart = ({
   className,
   "data-testid": dataTestId
 }) => {
-  const theme = react.useTheme();
-  const tooltip = react$1.useCallback((props) => {
+  const theme = themes.useTheme();
+  const tooltip = react.useCallback((props) => {
     const {
       indexValue,
       formattedValue,

package/dist/components/BarChart/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import { useTheme } from "@emotion/react";
 import { ResponsiveBar } from "@nivo/bar";
+import { useTheme } from "@ultraviolet/themes";
 import { useCallback } from "react";
 import { getLegendColor } from "../../helpers/legend.js";
 import { getNivoTheme } from "../../helpers/nivoTheme.js";

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var colorBar = "var(--uv_1eez2qb0)";
+var barTooltipContainer = "uv_1eez2qb1";
+var barColorSquare = "uv_1eez2qb2";
+exports.barColorSquare = barColorSquare;
+exports.barTooltipContainer = barTooltipContainer;
+exports.colorBar = colorBar;

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

@@ -0,0 +1,3 @@
+export declare const colorBar: `var(--${string})`;
+export declare const barTooltipContainer: string;
+export declare const barColorSquare: string;

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

@@ -0,0 +1,9 @@
+/* empty css                          */
+var colorBar = "var(--uv_1eez2qb0)";
+var barTooltipContainer = "uv_1eez2qb1";
+var barColorSquare = "uv_1eez2qb2";
+export {
+  barColorSquare,
+  barTooltipContainer,
+  colorBar
+};

package/dist/components/BarStack/index.cjs

@@ -2,100 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
 const react = require("react");
 const index = require("../Tooltip/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledBarWrapper = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "ezikjce2"
-} : {
-  target: "ezikjce2",
-  label: "StyledBarWrapper"
-})("width:0;transition:width 500ms;background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVbmlxdWUgaWQgb2YgdGhlIGJhclxuICAgKi9cbiAgaWQ6IHN0cmluZ1xuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBiYXJcbiAgICovXG4gIHZhbHVlOiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJhclxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uRG91YmxlQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZURvd24/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZVVwPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VFbnRlcj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlTGVhdmU/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgLyoqXG4gICAqIEEgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gaG92ZXJpbmcgdGhlIGJhclxuICAgKi9cbiAgdG9vbHRpcD86IFJlYWN0Tm9kZVxufVxuXG50eXBlIEJhclN0YWNrUHJvcHMgPSB7XG4gIGRhdGE6IEJhclByb3BzW11cbiAgdG90YWw/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkQmFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAwO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG5gXG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzcwMCddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmdlci53ZWlnaHR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbFN0cm9uZ2VyLmZvbnRTaXplfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIHdpZHRoOiAxMDAlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LXNoYWRvdzogLTFweCAwXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwcHggMCwgMTBweCAwLCAwIDAsIDAgMDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwcHggMTBweDtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rMykge1xuICAgICR7KHtcbiAgICAgIHRoZW1lLFxuICAgIH0pID0+IGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDI1JSxcbiAgICAgICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCAyNSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RFxuICAgICAgIDc1JSk7YH1cbiAgICBiYWNrZ3JvdW5kLXNpemU6IDMwcHggMzBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis0KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMzVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDIyNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDMxNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfSAyNSVcbiAgICAgICk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTBweCAwLCAxMHB4IDAsIDAgMCwgMCAwO1xuICAgIGJhY2tncm91bmQtc2l6ZTogMTBweCAxMHB4O1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis1KSB7XG4gICAgJHsoe1xuICAgICAgdGhlbWUsXG4gICAgfSkgPT4gYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtNDVkZWcsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgMjUlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDAgMjUlLCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCA3NSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwXG4gICAgICAgNzUlKTtgfVxuICAgIGJhY2tncm91bmQtc2l6ZTogMzBweCAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogYCR7KHZhbHVlIC8gY29tcHV0ZWRUb3RhbCkgKiAxMDB9JWAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgIG9uTW91c2VVcD17b25Nb3VzZVVwfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledBar = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "ezikjce1"
-} : {
-  target: "ezikjce1",
-  label: "StyledBar"
-})("height:", ({
-  theme
-}) => theme.sizing["700"], ";font-weight:", ({
-  theme
-}) => theme.typography.bodySmallStronger.weight, ";color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";font-size:", ({
-  theme
-}) => theme.typography.bodySmallStronger.fontSize, ";display:flex;align-items:center;padding:", ({
-  theme
-}) => theme.space[1], ";width:100%;white-space:nowrap;overflow:hidden;text-shadow:-1px 0 ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3,0 1px ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3,1px 0 ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3,0 -1px ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVbmlxdWUgaWQgb2YgdGhlIGJhclxuICAgKi9cbiAgaWQ6IHN0cmluZ1xuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBiYXJcbiAgICovXG4gIHZhbHVlOiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJhclxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uRG91YmxlQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZURvd24/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZVVwPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VFbnRlcj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlTGVhdmU/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgLyoqXG4gICAqIEEgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gaG92ZXJpbmcgdGhlIGJhclxuICAgKi9cbiAgdG9vbHRpcD86IFJlYWN0Tm9kZVxufVxuXG50eXBlIEJhclN0YWNrUHJvcHMgPSB7XG4gIGRhdGE6IEJhclByb3BzW11cbiAgdG90YWw/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkQmFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAwO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG5gXG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzcwMCddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmdlci53ZWlnaHR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbFN0cm9uZ2VyLmZvbnRTaXplfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIHdpZHRoOiAxMDAlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LXNoYWRvdzogLTFweCAwXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwcHggMCwgMTBweCAwLCAwIDAsIDAgMDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwcHggMTBweDtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rMykge1xuICAgICR7KHtcbiAgICAgIHRoZW1lLFxuICAgIH0pID0+IGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDI1JSxcbiAgICAgICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCAyNSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RFxuICAgICAgIDc1JSk7YH1cbiAgICBiYWNrZ3JvdW5kLXNpemU6IDMwcHggMzBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis0KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMzVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDIyNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDMxNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfSAyNSVcbiAgICAgICk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTBweCAwLCAxMHB4IDAsIDAgMCwgMCAwO1xuICAgIGJhY2tncm91bmQtc2l6ZTogMTBweCAxMHB4O1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis1KSB7XG4gICAgJHsoe1xuICAgICAgdGhlbWUsXG4gICAgfSkgPT4gYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtNDVkZWcsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgMjUlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDAgMjUlLCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCA3NSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwXG4gICAgICAgNzUlKTtgfVxuICAgIGJhY2tncm91bmQtc2l6ZTogMzBweCAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogYCR7KHZhbHVlIC8gY29tcHV0ZWRUb3RhbCkgKiAxMDB9JWAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgIG9uTW91c2VVcD17b25Nb3VzZVVwfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "ezikjce0"
-} : {
-  target: "ezikjce0",
-  label: "StyledContainer"
-})("width:100%;display:flex;background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";box-shadow:", ({
-  theme
-}) => theme.shadows.defaultShadow, ";overflow:hidden;", StyledBarWrapper, ":nth-child(5n+1){", ({
-  theme
-}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
-      ${theme.colors.primary.backgroundStrong} 25%, ${theme.colors.primary.backgroundStrong} 50%,
-      ${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}
-       75%);`, " background-size:30px 30px;background-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+2){background-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, "D9;background-image:linear-gradient(\n        135deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        225deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        45deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        315deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        ", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, "12 25%\n      );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+3){", ({
-  theme
-}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
-      ${theme.colors.primary.backgroundStrong}4D 25%, ${theme.colors.primary.backgroundStrong}4D 50%,
-      ${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}4D
-       75%);`, " background-size:30px 30px;background-color:", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+4){background-color:", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, ";background-image:linear-gradient(\n        135deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        225deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        45deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        315deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        ", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, " 25%\n      );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+5){", ({
-  theme
-}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}40 25%,
-      ${theme.colors.secondary.backgroundStrong}40 25%, ${theme.colors.secondary.backgroundStrong}40 50%,
-      ${theme.colors.neutral.backgroundWeak}40 50%, ${theme.colors.neutral.backgroundWeak}40 75%, ${theme.colors.secondary.backgroundStrong}40
-       75%);`, " background-size:30px 30px;background-color:", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, "BF;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVbmlxdWUgaWQgb2YgdGhlIGJhclxuICAgKi9cbiAgaWQ6IHN0cmluZ1xuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBiYXJcbiAgICovXG4gIHZhbHVlOiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJhclxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uRG91YmxlQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZURvd24/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZVVwPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VFbnRlcj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlTGVhdmU/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgLyoqXG4gICAqIEEgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gaG92ZXJpbmcgdGhlIGJhclxuICAgKi9cbiAgdG9vbHRpcD86IFJlYWN0Tm9kZVxufVxuXG50eXBlIEJhclN0YWNrUHJvcHMgPSB7XG4gIGRhdGE6IEJhclByb3BzW11cbiAgdG90YWw/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkQmFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAwO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG5gXG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzcwMCddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmdlci53ZWlnaHR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbFN0cm9uZ2VyLmZvbnRTaXplfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIHdpZHRoOiAxMDAlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LXNoYWRvdzogLTFweCAwXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwcHggMCwgMTBweCAwLCAwIDAsIDAgMDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwcHggMTBweDtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rMykge1xuICAgICR7KHtcbiAgICAgIHRoZW1lLFxuICAgIH0pID0+IGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDI1JSxcbiAgICAgICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCAyNSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RFxuICAgICAgIDc1JSk7YH1cbiAgICBiYWNrZ3JvdW5kLXNpemU6IDMwcHggMzBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis0KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMzVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDIyNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDMxNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfSAyNSVcbiAgICAgICk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTBweCAwLCAxMHB4IDAsIDAgMCwgMCAwO1xuICAgIGJhY2tncm91bmQtc2l6ZTogMTBweCAxMHB4O1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis1KSB7XG4gICAgJHsoe1xuICAgICAgdGhlbWUsXG4gICAgfSkgPT4gYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtNDVkZWcsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgMjUlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDAgMjUlLCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCA3NSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwXG4gICAgICAgNzUlKTtgfVxuICAgIGJhY2tncm91bmQtc2l6ZTogMzBweCAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogYCR7KHZhbHVlIC8gY29tcHV0ZWRUb3RhbCkgKiAxMDB9JWAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgIG9uTW91c2VVcD17b25Nb3VzZVVwfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
+const styles_css = require("./styles.css.cjs");
 const BarStack = ({
   data,
   total,
@@ -105,19 +15,20 @@ const BarStack = ({
   const computedTotal = react.useMemo(() => total ?? data.reduce((acc, {
     value
   }) => acc + value, 0), [total, data]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { className, "data-testid": dataTestId, children: data.map(({
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.containerBarStack}`, "data-testid": dataTestId, children: data.map(({
     id,
     value,
     text,
     onClick,
     onDoubleClick,
+    onKeyDown,
     onMouseEnter,
     onMouseLeave,
     onMouseDown,
     onMouseUp,
     tooltip
-  }) => /* @__PURE__ */ jsxRuntime.jsx(StyledBarWrapper, { style: {
-    width: `${value / computedTotal * 100}%`
-  }, children: tooltip ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(StyledBar, { onClick, onDoubleClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }) : /* @__PURE__ */ jsxRuntime.jsx(StyledBar, { onClick, onDoubleClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
+  }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.wrapperBarStack, style: dynamic.assignInlineVars({
+    [styles_css.wrapperWidth]: `${value / computedTotal * 100}%`
+  }), children: tooltip ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
 };
 exports.BarStack = BarStack;

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

@@ -1,4 +1,4 @@
-import type { MouseEventHandler, ReactNode } from 'react';
+import type { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
 type BarProps = {
     /**
      * Unique id of the bar
@@ -14,6 +14,7 @@ type BarProps = {
     text?: string;
     onClick?: MouseEventHandler<HTMLDivElement>;
     onDoubleClick?: MouseEventHandler<HTMLDivElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
     onMouseDown?: MouseEventHandler<HTMLDivElement>;
     onMouseUp?: MouseEventHandler<HTMLDivElement>;
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;

package/dist/components/BarStack/index.js

@@ -1,97 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useMemo } from "react";
 import { Tooltip } from "../Tooltip/index.js";
-const StyledBarWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ezikjce2"
-} : {
-  target: "ezikjce2",
-  label: "StyledBarWrapper"
-})("width:0;transition:width 500ms;background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVbmlxdWUgaWQgb2YgdGhlIGJhclxuICAgKi9cbiAgaWQ6IHN0cmluZ1xuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBiYXJcbiAgICovXG4gIHZhbHVlOiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJhclxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uRG91YmxlQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZURvd24/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZVVwPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VFbnRlcj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlTGVhdmU/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgLyoqXG4gICAqIEEgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gaG92ZXJpbmcgdGhlIGJhclxuICAgKi9cbiAgdG9vbHRpcD86IFJlYWN0Tm9kZVxufVxuXG50eXBlIEJhclN0YWNrUHJvcHMgPSB7XG4gIGRhdGE6IEJhclByb3BzW11cbiAgdG90YWw/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkQmFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAwO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG5gXG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzcwMCddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmdlci53ZWlnaHR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbFN0cm9uZ2VyLmZvbnRTaXplfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIHdpZHRoOiAxMDAlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LXNoYWRvdzogLTFweCAwXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwcHggMCwgMTBweCAwLCAwIDAsIDAgMDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwcHggMTBweDtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rMykge1xuICAgICR7KHtcbiAgICAgIHRoZW1lLFxuICAgIH0pID0+IGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDI1JSxcbiAgICAgICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCAyNSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RFxuICAgICAgIDc1JSk7YH1cbiAgICBiYWNrZ3JvdW5kLXNpemU6IDMwcHggMzBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis0KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMzVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDIyNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDMxNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfSAyNSVcbiAgICAgICk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTBweCAwLCAxMHB4IDAsIDAgMCwgMCAwO1xuICAgIGJhY2tncm91bmQtc2l6ZTogMTBweCAxMHB4O1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis1KSB7XG4gICAgJHsoe1xuICAgICAgdGhlbWUsXG4gICAgfSkgPT4gYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtNDVkZWcsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgMjUlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDAgMjUlLCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCA3NSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwXG4gICAgICAgNzUlKTtgfVxuICAgIGJhY2tncm91bmQtc2l6ZTogMzBweCAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogYCR7KHZhbHVlIC8gY29tcHV0ZWRUb3RhbCkgKiAxMDB9JWAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgIG9uTW91c2VVcD17b25Nb3VzZVVwfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ezikjce1"
-} : {
-  target: "ezikjce1",
-  label: "StyledBar"
-})("height:", ({
-  theme
-}) => theme.sizing["700"], ";font-weight:", ({
-  theme
-}) => theme.typography.bodySmallStronger.weight, ";color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";font-size:", ({
-  theme
-}) => theme.typography.bodySmallStronger.fontSize, ";display:flex;align-items:center;padding:", ({
-  theme
-}) => theme.space[1], ";width:100%;white-space:nowrap;overflow:hidden;text-shadow:-1px 0 ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3,0 1px ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3,1px 0 ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3,0 -1px ", ({
-  theme
-}) => theme.colors.neutral.backgroundStronger, "B3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVbmlxdWUgaWQgb2YgdGhlIGJhclxuICAgKi9cbiAgaWQ6IHN0cmluZ1xuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBiYXJcbiAgICovXG4gIHZhbHVlOiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJhclxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uRG91YmxlQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZURvd24/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZVVwPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VFbnRlcj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlTGVhdmU/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgLyoqXG4gICAqIEEgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gaG92ZXJpbmcgdGhlIGJhclxuICAgKi9cbiAgdG9vbHRpcD86IFJlYWN0Tm9kZVxufVxuXG50eXBlIEJhclN0YWNrUHJvcHMgPSB7XG4gIGRhdGE6IEJhclByb3BzW11cbiAgdG90YWw/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkQmFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAwO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG5gXG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzcwMCddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmdlci53ZWlnaHR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbFN0cm9uZ2VyLmZvbnRTaXplfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIHdpZHRoOiAxMDAlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LXNoYWRvdzogLTFweCAwXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwcHggMCwgMTBweCAwLCAwIDAsIDAgMDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwcHggMTBweDtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rMykge1xuICAgICR7KHtcbiAgICAgIHRoZW1lLFxuICAgIH0pID0+IGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDI1JSxcbiAgICAgICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCAyNSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RFxuICAgICAgIDc1JSk7YH1cbiAgICBiYWNrZ3JvdW5kLXNpemU6IDMwcHggMzBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis0KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMzVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDIyNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDMxNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfSAyNSVcbiAgICAgICk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTBweCAwLCAxMHB4IDAsIDAgMCwgMCAwO1xuICAgIGJhY2tncm91bmQtc2l6ZTogMTBweCAxMHB4O1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis1KSB7XG4gICAgJHsoe1xuICAgICAgdGhlbWUsXG4gICAgfSkgPT4gYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtNDVkZWcsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgMjUlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDAgMjUlLCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCA3NSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwXG4gICAgICAgNzUlKTtgfVxuICAgIGJhY2tncm91bmQtc2l6ZTogMzBweCAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogYCR7KHZhbHVlIC8gY29tcHV0ZWRUb3RhbCkgKiAxMDB9JWAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgIG9uTW91c2VVcD17b25Nb3VzZVVwfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ezikjce0"
-} : {
-  target: "ezikjce0",
-  label: "StyledContainer"
-})("width:100%;display:flex;background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";border-radius:", ({
-  theme
-}) => theme.radii.default, ";box-shadow:", ({
-  theme
-}) => theme.shadows.defaultShadow, ";overflow:hidden;", StyledBarWrapper, ":nth-child(5n+1){", ({
-  theme
-}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
-      ${theme.colors.primary.backgroundStrong} 25%, ${theme.colors.primary.backgroundStrong} 50%,
-      ${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}
-       75%);`, " background-size:30px 30px;background-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+2){background-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, "D9;background-image:linear-gradient(\n        135deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        225deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        45deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        315deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundStrong, "33 25%,\n        ", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, "12 25%\n      );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+3){", ({
-  theme
-}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}1A 25%,
-      ${theme.colors.primary.backgroundStrong}4D 25%, ${theme.colors.primary.backgroundStrong}4D 50%,
-      ${theme.colors.neutral.backgroundWeak}1A 50%, ${theme.colors.neutral.backgroundWeak}1A 75%, ${theme.colors.primary.backgroundStrong}4D
-       75%);`, " background-size:30px 30px;background-color:", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, ";}", StyledBarWrapper, ":nth-child(5n+4){background-color:", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, ";background-image:linear-gradient(\n        135deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        225deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        45deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        transparent 25%\n      ),linear-gradient(\n        315deg,\n        ", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, "33 25%,\n        ", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, " 25%\n      );background-position:10px 0,10px 0,0 0,0 0;background-size:10px 10px;background-repeat:repeat;}", StyledBarWrapper, ":nth-child(5n+5){", ({
-  theme
-}) => `background: linear-gradient(-45deg, ${theme.colors.neutral.backgroundWeak}40 25%,
-      ${theme.colors.secondary.backgroundStrong}40 25%, ${theme.colors.secondary.backgroundStrong}40 50%,
-      ${theme.colors.neutral.backgroundWeak}40 50%, ${theme.colors.neutral.backgroundWeak}40 75%, ${theme.colors.secondary.backgroundStrong}40
-       75%);`, " background-size:30px 30px;background-color:", ({
-  theme
-}) => theme.colors.secondary.backgroundStrong, "BF;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudEhhbmRsZXIsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbnR5cGUgQmFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBVbmlxdWUgaWQgb2YgdGhlIGJhclxuICAgKi9cbiAgaWQ6IHN0cmluZ1xuICAvKipcbiAgICogVGhlIHZhbHVlIG9mIHRoZSBiYXJcbiAgICovXG4gIHZhbHVlOiBudW1iZXJcbiAgLyoqXG4gICAqIFRleHQgdG8gZGlzcGxheSBpbnNpZGUgdGhlIGJhclxuICAgKi9cbiAgdGV4dD86IHN0cmluZ1xuICBvbkNsaWNrPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uRG91YmxlQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZURvd24/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZVVwPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VFbnRlcj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlTGVhdmU/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgLyoqXG4gICAqIEEgdG9vbHRpcCB0byBkaXNwbGF5IHdoZW4gaG92ZXJpbmcgdGhlIGJhclxuICAgKi9cbiAgdG9vbHRpcD86IFJlYWN0Tm9kZVxufVxuXG50eXBlIEJhclN0YWNrUHJvcHMgPSB7XG4gIGRhdGE6IEJhclByb3BzW11cbiAgdG90YWw/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkQmFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAwO1xuICB0cmFuc2l0aW9uOiB3aWR0aCA1MDBtcztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG5gXG5cbmNvbnN0IFN0eWxlZEJhciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzcwMCddfTtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmdlci53ZWlnaHR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHlTbWFsbFN0cm9uZ2VyLmZvbnRTaXplfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIHdpZHRoOiAxMDAlO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LXNoYWRvdzogLTFweCAwXG4gICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IDEwcHggMCwgMTBweCAwLCAwIDAsIDAgMDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IDEwcHggMTBweDtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogcmVwZWF0O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rMykge1xuICAgICR7KHtcbiAgICAgIHRoZW1lLFxuICAgIH0pID0+IGBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDI1JSxcbiAgICAgICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCAyNSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ300RFxuICAgICAgIDc1JSk7YH1cbiAgICBiYWNrZ3JvdW5kLXNpemU6IDMwcHggMzBweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis0KSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuXG4gICAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAxMzVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDIyNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDMxNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30zMyAyNSUsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfSAyNSVcbiAgICAgICk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMTBweCAwLCAxMHB4IDAsIDAgMCwgMCAwO1xuICAgIGJhY2tncm91bmQtc2l6ZTogMTBweCAxMHB4O1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XG4gIH1cblxuICAke1N0eWxlZEJhcldyYXBwZXJ9Om50aC1jaGlsZCg1bis1KSB7XG4gICAgJHsoe1xuICAgICAgdGhlbWUsXG4gICAgfSkgPT4gYGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgtNDVkZWcsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgMjUlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDAgMjUlLCAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCA3NSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwXG4gICAgICAgNzUlKTtgfVxuICAgIGJhY2tncm91bmQtc2l6ZTogMzBweCAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBzdHlsZT17eyB3aWR0aDogYCR7KHZhbHVlIC8gY29tcHV0ZWRUb3RhbCkgKiAxMDB9JWAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgICBvbk1vdXNlRW50ZXI9e29uTW91c2VFbnRlcn1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgIG9uRG91YmxlQ2xpY2s9e29uRG91YmxlQ2xpY2t9XG4gICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICAgIG9uTW91c2VVcD17b25Nb3VzZVVwfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
+import { containerBarStack, wrapperBarStack, barStack, wrapperWidth } from "./styles.css.js";
 const BarStack = ({
   data,
   total,
@@ -101,20 +13,21 @@ const BarStack = ({
   const computedTotal = useMemo(() => total ?? data.reduce((acc, {
     value
   }) => acc + value, 0), [total, data]);
-  return /* @__PURE__ */ jsx(StyledContainer, { className, "data-testid": dataTestId, children: data.map(({
+  return /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${containerBarStack}`, "data-testid": dataTestId, children: data.map(({
     id,
     value,
     text,
     onClick,
     onDoubleClick,
+    onKeyDown,
     onMouseEnter,
     onMouseLeave,
     onMouseDown,
     onMouseUp,
     tooltip
-  }) => /* @__PURE__ */ jsx(StyledBarWrapper, { style: {
-    width: `${value / computedTotal * 100}%`
-  }, children: tooltip ? /* @__PURE__ */ jsx(Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsx(StyledBar, { onClick, onDoubleClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }) : /* @__PURE__ */ jsx(StyledBar, { onClick, onDoubleClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
+  }) => /* @__PURE__ */ jsx("div", { className: wrapperBarStack, style: assignInlineVars({
+    [wrapperWidth]: `${value / computedTotal * 100}%`
+  }), children: tooltip ? /* @__PURE__ */ jsx(Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }) : /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
 };
 export {
   BarStack

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var wrapperWidth = "var(--uv_1s3oplf0)";
+var wrapperBarStack = "uv_1s3oplf1";
+var barStack = "uv_1s3oplf2";
+var containerBarStack = "uv_1s3oplf3";
+exports.barStack = barStack;
+exports.containerBarStack = containerBarStack;
+exports.wrapperBarStack = wrapperBarStack;
+exports.wrapperWidth = wrapperWidth;

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

@@ -0,0 +1,4 @@
+export declare const wrapperWidth: `var(--${string})`;
+export declare const wrapperBarStack: string;
+export declare const barStack: string;
+export declare const containerBarStack: string;