@ultraviolet/ui 3.0.0-beta.1 → 3.0.0-beta.11

package/dist/components/BarStack/index.js

@@ -1,97 +1,12 @@
 "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 "../../theme/index.js";
 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 } from "./styles.css.js";
+import { neutralStrongerB3, primaryStrong12, secondaryStrongBF, secondaryStrong40, neutralWeak40, neutralWeak33, primaryStrong4D, primaryStrongD9, neutralStrong33, neutralWeak1A, wrapperWidth } from "./variables.css.js";
+import { useTheme } from "../../theme/ThemeProvider.js";
 const BarStack = ({
   data,
   total,
@@ -101,20 +16,33 @@ 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(({
+  const theme = useTheme();
+  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}%`,
+    [neutralWeak1A]: `${theme.colors.neutral.backgroundWeak}1A`,
+    [neutralStrong33]: `${theme.colors.neutral.backgroundStrong}33`,
+    [primaryStrongD9]: `${theme.colors.primary.backgroundStrong}D9`,
+    [primaryStrong4D]: `${theme.colors.primary.backgroundStrong}4D`,
+    [neutralWeak33]: `${theme.colors.neutral.backgroundWeak}33`,
+    [neutralWeak40]: `${theme.colors.neutral.backgroundWeak}40`,
+    [secondaryStrong40]: `${theme.colors.secondary.borderStrong}40`,
+    [secondaryStrongBF]: `${theme.colors.secondary.borderStrong}BF`,
+    [primaryStrong12]: `${theme.colors.primary.backgroundStrong}12`
+  }), children: tooltip ? /* @__PURE__ */ jsx(Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, style: assignInlineVars({
+    [neutralStrongerB3]: `${theme.colors.neutral.backgroundStronger}B3`
+  }), 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,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                               */
+;/* empty css                            */
+var wrapperBarStack = "uv_1s3oplf0";
+var barStack = "uv_1s3oplf1";
+var containerBarStack = "uv_1s3oplf2";
+exports.barStack = barStack;
+exports.containerBarStack = containerBarStack;
+exports.wrapperBarStack = wrapperBarStack;

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

@@ -0,0 +1,3 @@
+export declare const wrapperBarStack: string;
+export declare const barStack: string;
+export declare const containerBarStack: string;

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

@@ -0,0 +1,10 @@
+/* empty css                             */
+/* empty css                          */
+var wrapperBarStack = "uv_1s3oplf0";
+var barStack = "uv_1s3oplf1";
+var containerBarStack = "uv_1s3oplf2";
+export {
+  barStack,
+  containerBarStack,
+  wrapperBarStack
+};

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var neutralWeak1A = "var(--uv_1hxmh000)";
+var neutralStrong33 = "var(--uv_1hxmh001)";
+var primaryStrongD9 = "var(--uv_1hxmh002)";
+var primaryStrong4D = "var(--uv_1hxmh003)";
+var neutralWeak33 = "var(--uv_1hxmh004)";
+var neutralWeak40 = "var(--uv_1hxmh005)";
+var secondaryStrong40 = "var(--uv_1hxmh006)";
+var secondaryStrongBF = "var(--uv_1hxmh007)";
+var primaryStrong12 = "var(--uv_1hxmh008)";
+var neutralStrongerB3 = "var(--uv_1hxmh009)";
+var wrapperWidth = "var(--uv_1hxmh00a)";
+exports.neutralStrong33 = neutralStrong33;
+exports.neutralStrongerB3 = neutralStrongerB3;
+exports.neutralWeak1A = neutralWeak1A;
+exports.neutralWeak33 = neutralWeak33;
+exports.neutralWeak40 = neutralWeak40;
+exports.primaryStrong12 = primaryStrong12;
+exports.primaryStrong4D = primaryStrong4D;
+exports.primaryStrongD9 = primaryStrongD9;
+exports.secondaryStrong40 = secondaryStrong40;
+exports.secondaryStrongBF = secondaryStrongBF;
+exports.wrapperWidth = wrapperWidth;

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

@@ -0,0 +1,11 @@
+export declare const neutralWeak1A: `var(--${string})`;
+export declare const neutralStrong33: `var(--${string})`;
+export declare const primaryStrongD9: `var(--${string})`;
+export declare const primaryStrong4D: `var(--${string})`;
+export declare const neutralWeak33: `var(--${string})`;
+export declare const neutralWeak40: `var(--${string})`;
+export declare const secondaryStrong40: `var(--${string})`;
+export declare const secondaryStrongBF: `var(--${string})`;
+export declare const primaryStrong12: `var(--${string})`;
+export declare const neutralStrongerB3: `var(--${string})`;
+export declare const wrapperWidth: `var(--${string})`;

package/dist/components/BarStack/variables.css.js

@@ -0,0 +1,24 @@
+var neutralWeak1A = "var(--uv_1hxmh000)";
+var neutralStrong33 = "var(--uv_1hxmh001)";
+var primaryStrongD9 = "var(--uv_1hxmh002)";
+var primaryStrong4D = "var(--uv_1hxmh003)";
+var neutralWeak33 = "var(--uv_1hxmh004)";
+var neutralWeak40 = "var(--uv_1hxmh005)";
+var secondaryStrong40 = "var(--uv_1hxmh006)";
+var secondaryStrongBF = "var(--uv_1hxmh007)";
+var primaryStrong12 = "var(--uv_1hxmh008)";
+var neutralStrongerB3 = "var(--uv_1hxmh009)";
+var wrapperWidth = "var(--uv_1hxmh00a)";
+export {
+  neutralStrong33,
+  neutralStrongerB3,
+  neutralWeak1A,
+  neutralWeak33,
+  neutralWeak40,
+  primaryStrong12,
+  primaryStrong4D,
+  primaryStrongD9,
+  secondaryStrong40,
+  secondaryStrongBF,
+  wrapperWidth
+};

package/dist/components/Button/index.cjs

@@ -63,7 +63,7 @@ const Button = react.forwardRef(({
     children
   ] });
   if (href && !computeIsDisabled) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ?? ""} ${styles_css.button({
+    return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ? `${className} ` : ""}${styles_css.button({
       disabled,
       fullWidth,
       sentiment,
@@ -71,7 +71,7 @@ const Button = react.forwardRef(({
       variant
     })}`, "data-testid": dataTestId, download, href, onBlur, onClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseOut, onMouseUp, ref, role, tabIndex, target, type, children: content }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("button", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, autoFocus, className: `${className ?? ""} ${styles_css.button({
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("button", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, autoFocus, className: `${className ? `${className} ` : ""}${styles_css.button({
     disabled,
     fullWidth,
     sentiment,

package/dist/components/Button/index.js

@@ -61,7 +61,7 @@ const Button = forwardRef(({
     children
   ] });
   if (href && !computeIsDisabled) {
-    return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ?? ""} ${button({
+    return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx("a", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-describedby": ariaDescribedby, "aria-disabled": ariaDisabled ?? disabled, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, "aria-pressed": ariaPressed, "aria-roledescription": ariaRoledescription, autoFocus, className: `${className ? `${className} ` : ""}${button({
       disabled,
       fullWidth,
       sentiment,
@@ -69,7 +69,7 @@ const Button = forwardRef(({
       variant
     })}`, "data-testid": dataTestId, download, href, onBlur, onClick, onMouseDown, onMouseEnter, onMouseLeave, onMouseOut, onMouseUp, ref, role, tabIndex, target, type, children: content }) });
   }
-  return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx("button", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, autoFocus, className: `${className ?? ""} ${button({
+  return /* @__PURE__ */ jsx(Tooltip, { containerFullWidth: fullWidth, text: tooltip, children: /* @__PURE__ */ jsx("button", { "aria-controls": ariaControls, "aria-current": ariaCurrent, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "aria-label": ariaLabel, autoFocus, className: `${className ? `${className} ` : ""}${button({
     disabled,
     fullWidth,
     sentiment,

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

@@ -1,7 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../themes/dist/vanilla/themes.css.ts.vanilla.css.js.vanilla.css.cjs");
-require("../../themes/dist/vanilla/themes.css.js.vanilla.css.cjs");
 ;/* empty css                            */
 const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var button = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_e1wcoe0", variantClassNames: { size: { large: "uv_e1wcoe1", medium: "uv_e1wcoe2", small: "uv_e1wcoe3", xsmall: "uv_e1wcoe4" }, fullWidth: { true: "uv_e1wcoe5", false: "uv_e1wcoe6" }, sentiment: { primary: "uv_e1wcoe7", secondary: "uv_e1wcoe8", danger: "uv_e1wcoe9", info: "uv_e1wcoea", success: "uv_e1wcoeb", warning: "uv_e1wcoec", neutral: "uv_e1wcoed", black: "uv_e1wcoee", white: "uv_e1wcoef" }, variant: { filled: "uv_e1wcoeg", outlined: "uv_e1wcoeh", ghost: "uv_e1wcoei" }, disabled: { true: "uv_e1wcoej", false: "uv_e1wcoek" } }, defaultVariants: { size: "large", fullWidth: false, disabled: false, variant: "filled", sentiment: "primary" }, compoundVariants: [[{ variant: "filled", sentiment: "primary" }, "uv_e1wcoel"], [{ variant: "filled", sentiment: "secondary" }, "uv_e1wcoem"], [{ variant: "filled", sentiment: "danger" }, "uv_e1wcoen"], [{ variant: "filled", sentiment: "info" }, "uv_e1wcoeo"], [{ variant: "filled", sentiment: "success" }, "uv_e1wcoep"], [{ variant: "filled", sentiment: "warning" }, "uv_e1wcoeq"], [{ variant: "filled", sentiment: "neutral" }, "uv_e1wcoer"], [{ variant: "filled", sentiment: "black" }, "uv_e1wcoes"], [{ variant: "filled", sentiment: "white" }, "uv_e1wcoet"], [{ variant: "outlined", sentiment: "primary" }, "uv_e1wcoeu"], [{ variant: "outlined", sentiment: "secondary" }, "uv_e1wcoev"], [{ variant: "outlined", sentiment: "danger" }, "uv_e1wcoew"], [{ variant: "outlined", sentiment: "info" }, "uv_e1wcoex"], [{ variant: "outlined", sentiment: "success" }, "uv_e1wcoey"], [{ variant: "outlined", sentiment: "warning" }, "uv_e1wcoez"], [{ variant: "outlined", sentiment: "neutral" }, "uv_e1wcoe10"], [{ variant: "outlined", sentiment: "black" }, "uv_e1wcoe11"], [{ variant: "outlined", sentiment: "white" }, "uv_e1wcoe12"], [{ variant: "ghost", sentiment: "primary" }, "uv_e1wcoe13"], [{ variant: "ghost", sentiment: "secondary" }, "uv_e1wcoe14"], [{ variant: "ghost", sentiment: "danger" }, "uv_e1wcoe15"], [{ variant: "ghost", sentiment: "info" }, "uv_e1wcoe16"], [{ variant: "ghost", sentiment: "success" }, "uv_e1wcoe17"], [{ variant: "ghost", sentiment: "warning" }, "uv_e1wcoe18"], [{ variant: "ghost", sentiment: "neutral" }, "uv_e1wcoe19"], [{ variant: "ghost", sentiment: "black" }, "uv_e1wcoe1a"], [{ variant: "ghost", sentiment: "white" }, "uv_e1wcoe1b"]] });

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

@@ -2,15 +2,15 @@ import type { RecipeVariants } from '@vanilla-extract/recipes';
 export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
         large: {
+            height: `var(--${string})`;
+            paddingLeft: `var(--${string})`;
+            paddingRight: `var(--${string})`;
+            gap: `var(--${string})`;
             fontSize: `var(--${string})`;
             fontFamily: `var(--${string})`;
             fontWeight: `var(--${string})`;
             letterSpacing: `var(--${string})`;
             lineHeight: `var(--${string})`;
-            height: `var(--${string})`;
-            paddingLeft: `var(--${string})`;
-            paddingRight: `var(--${string})`;
-            gap: `var(--${string})`;
         };
         medium: {
             fontSize: `var(--${string})`;

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

@@ -1,5 +1,3 @@
-import "../../themes/dist/vanilla/themes.css.ts.vanilla.css.js.vanilla.css.js";
-import "../../themes/dist/vanilla/themes.css.js.vanilla.css.js";
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var button = createRuntimeFn({ defaultClassName: "uv_e1wcoe0", variantClassNames: { size: { large: "uv_e1wcoe1", medium: "uv_e1wcoe2", small: "uv_e1wcoe3", xsmall: "uv_e1wcoe4" }, fullWidth: { true: "uv_e1wcoe5", false: "uv_e1wcoe6" }, sentiment: { primary: "uv_e1wcoe7", secondary: "uv_e1wcoe8", danger: "uv_e1wcoe9", info: "uv_e1wcoea", success: "uv_e1wcoeb", warning: "uv_e1wcoec", neutral: "uv_e1wcoed", black: "uv_e1wcoee", white: "uv_e1wcoef" }, variant: { filled: "uv_e1wcoeg", outlined: "uv_e1wcoeh", ghost: "uv_e1wcoei" }, disabled: { true: "uv_e1wcoej", false: "uv_e1wcoek" } }, defaultVariants: { size: "large", fullWidth: false, disabled: false, variant: "filled", sentiment: "primary" }, compoundVariants: [[{ variant: "filled", sentiment: "primary" }, "uv_e1wcoel"], [{ variant: "filled", sentiment: "secondary" }, "uv_e1wcoem"], [{ variant: "filled", sentiment: "danger" }, "uv_e1wcoen"], [{ variant: "filled", sentiment: "info" }, "uv_e1wcoeo"], [{ variant: "filled", sentiment: "success" }, "uv_e1wcoep"], [{ variant: "filled", sentiment: "warning" }, "uv_e1wcoeq"], [{ variant: "filled", sentiment: "neutral" }, "uv_e1wcoer"], [{ variant: "filled", sentiment: "black" }, "uv_e1wcoes"], [{ variant: "filled", sentiment: "white" }, "uv_e1wcoet"], [{ variant: "outlined", sentiment: "primary" }, "uv_e1wcoeu"], [{ variant: "outlined", sentiment: "secondary" }, "uv_e1wcoev"], [{ variant: "outlined", sentiment: "danger" }, "uv_e1wcoew"], [{ variant: "outlined", sentiment: "info" }, "uv_e1wcoex"], [{ variant: "outlined", sentiment: "success" }, "uv_e1wcoey"], [{ variant: "outlined", sentiment: "warning" }, "uv_e1wcoez"], [{ variant: "outlined", sentiment: "neutral" }, "uv_e1wcoe10"], [{ variant: "outlined", sentiment: "black" }, "uv_e1wcoe11"], [{ variant: "outlined", sentiment: "white" }, "uv_e1wcoe12"], [{ variant: "ghost", sentiment: "primary" }, "uv_e1wcoe13"], [{ variant: "ghost", sentiment: "secondary" }, "uv_e1wcoe14"], [{ variant: "ghost", sentiment: "danger" }, "uv_e1wcoe15"], [{ variant: "ghost", sentiment: "info" }, "uv_e1wcoe16"], [{ variant: "ghost", sentiment: "success" }, "uv_e1wcoe17"], [{ variant: "ghost", sentiment: "warning" }, "uv_e1wcoe18"], [{ variant: "ghost", sentiment: "neutral" }, "uv_e1wcoe19"], [{ variant: "ghost", sentiment: "black" }, "uv_e1wcoe1a"], [{ variant: "ghost", sentiment: "white" }, "uv_e1wcoe1b"]] });

package/dist/components/Chip/ChipContext.d.ts

@@ -2,7 +2,7 @@ import type { RefObject } from 'react';
 type ContextType = {
     isActive: boolean;
     disabled: boolean;
-    iconRef?: RefObject<HTMLButtonElement | null>;
+    iconRef?: RefObject<HTMLDivElement | HTMLButtonElement | null>;
 };
 export declare const ChipContext: import("react").Context<ContextType | undefined>;
 export {};

package/dist/components/Chip/ChipIcon.cjs

@@ -2,11 +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 Icon = require("@ultraviolet/icons");
 const react = require("react");
 const ChipContext = require("./ChipContext.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const styles_css = require("./styles.css.cjs");
 function _interopNamespaceCompat(e) {
   if (e && typeof e === "object" && "default" in e) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -24,20 +23,7 @@ function _interopNamespaceCompat(e) {
   n.default = e;
   return Object.freeze(n);
 }
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
 const Icon__namespace = /* @__PURE__ */ _interopNamespaceCompat(Icon);
-const Container = /* @__PURE__ */ _styled__default.default("button", process.env.NODE_ENV === "production" ? {
-  target: "ev87nh90"
-} : {
-  target: "ev87nh90",
-  label: "Container"
-})("background:none;border:none;cursor:pointer;padding:0;border-radius:", ({
-  theme
-}) => theme.radii.default, ';&[data-has-onclick="true"][data-active="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundStrongHover, ';}&[data-has-onclick="true"][data-active="true"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ';}&[data-disabled="true"]{cursor:not-allowed;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCAqIGFzIEljb24gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXggfSBmcm9tICdzcmMvdHlwZXMnXG5pbXBvcnQgeyBDaGlwQ29udGV4dCB9IGZyb20gJy4vQ2hpcENvbnRleHQnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJmYWxzZVwiXTpob3ZlcntcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ0hvdmVyfTtcbiAgfVxuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJ0cnVlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl17XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG50eXBlIEljb25UeXBlID0gUGFzY2FsVG9DYW1lbENhc2VXaXRob3V0U3VmZml4PGtleW9mIHR5cGVvZiBJY29uLCAnSWNvbic+XG5cbnR5cGUgQ2hpcEljb25UeXBlID0ge1xuICAvKipcbiAgICogQWRkIGFuIGljb24gaW4gdGhlIGNoaXBcbiAgICovXG4gIG5hbWU6IEljb25UeXBlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENoaXBJY29uID0gKHtcbiAgbmFtZSxcbiAgb25DbGljayxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IENoaXBJY29uVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChDaGlwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0NoaXAuSWNvbiBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIENoaXAgY29tcG9uZW50JylcbiAgfVxuXG4gIGNvbnN0IHsgZGlzYWJsZWQsIGlzQWN0aXZlLCBpY29uUmVmIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgSWNvblVzZWQgPVxuICAgIEljb25bXG4gICAgICBgJHtcbiAgICAgICAgKG5hbWUgYXMgc3RyaW5nKS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIChuYW1lIGFzIHN0cmluZykuc2xpY2UoMSlcbiAgICAgIH1JY29uYCBhcyBrZXlvZiB0eXBlb2YgSWNvblxuICAgIF1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJcbiAgICAgIGFzPXtvbkNsaWNrID8gJ2J1dHRvbicgOiAnZGl2J31cbiAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1oYXMtb25jbGljaz17ISFvbkNsaWNrICYmICFkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmIG9uQ2xpY2spIHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgcmVmPXtpY29uUmVmfVxuICAgID5cbiAgICAgIDxJY29uVXNlZFxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHByb21pbmVuY2U9e2lzQWN0aXZlID8gJ3N0cm9uZ2VyJyA6ICdkZWZhdWx0J31cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
 const ChipIcon = ({
   name,
   onClick,
@@ -53,11 +39,14 @@ const ChipIcon = ({
     iconRef
   } = context;
   const IconUsed = Icon__namespace[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
-  return /* @__PURE__ */ jsxRuntime.jsx(Container, { as: onClick ? "button" : "div", "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
-    if (!disabled && onClick) {
-      event.stopPropagation();
-      onClick();
-    }
-  }, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  if (onClick) {
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { className: styles_css.buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
+      if (!disabled && onClick) {
+        event.stopPropagation();
+        onClick();
+      }
+    }, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-testid": dataTestId, ref: iconRef, children: /* @__PURE__ */ jsxRuntime.jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
 };
 exports.ChipIcon = ChipIcon;

package/dist/components/Chip/ChipIcon.js

@@ -1,21 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import * as Icon from "@ultraviolet/icons";
 import { useContext } from "react";
 import { ChipContext } from "./ChipContext.js";
-const Container = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? {
-  target: "ev87nh90"
-} : {
-  target: "ev87nh90",
-  label: "Container"
-})("background:none;border:none;cursor:pointer;padding:0;border-radius:", ({
-  theme
-}) => theme.radii.default, ';&[data-has-onclick="true"][data-active="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundStrongHover, ';}&[data-has-onclick="true"][data-active="true"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ';}&[data-disabled="true"]{cursor:not-allowed;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL0NoaXBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCAqIGFzIEljb24gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBQYXNjYWxUb0NhbWVsQ2FzZVdpdGhvdXRTdWZmaXggfSBmcm9tICdzcmMvdHlwZXMnXG5pbXBvcnQgeyBDaGlwQ29udGV4dCB9IGZyb20gJy4vQ2hpcENvbnRleHQnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5idXR0b25gXG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJmYWxzZVwiXTpob3ZlcntcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ0hvdmVyfTtcbiAgfVxuXG4gICZbZGF0YS1oYXMtb25jbGljaz1cInRydWVcIl1bZGF0YS1hY3RpdmU9XCJ0cnVlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl17XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuYFxuXG50eXBlIEljb25UeXBlID0gUGFzY2FsVG9DYW1lbENhc2VXaXRob3V0U3VmZml4PGtleW9mIHR5cGVvZiBJY29uLCAnSWNvbic+XG5cbnR5cGUgQ2hpcEljb25UeXBlID0ge1xuICAvKipcbiAgICogQWRkIGFuIGljb24gaW4gdGhlIGNoaXBcbiAgICovXG4gIG5hbWU6IEljb25UeXBlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IENoaXBJY29uID0gKHtcbiAgbmFtZSxcbiAgb25DbGljayxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IENoaXBJY29uVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChDaGlwQ29udGV4dClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ0NoaXAuSWNvbiBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIENoaXAgY29tcG9uZW50JylcbiAgfVxuXG4gIGNvbnN0IHsgZGlzYWJsZWQsIGlzQWN0aXZlLCBpY29uUmVmIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgSWNvblVzZWQgPVxuICAgIEljb25bXG4gICAgICBgJHtcbiAgICAgICAgKG5hbWUgYXMgc3RyaW5nKS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIChuYW1lIGFzIHN0cmluZykuc2xpY2UoMSlcbiAgICAgIH1JY29uYCBhcyBrZXlvZiB0eXBlb2YgSWNvblxuICAgIF1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJcbiAgICAgIGFzPXtvbkNsaWNrID8gJ2J1dHRvbicgOiAnZGl2J31cbiAgICAgIGRhdGEtYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgZGF0YS1oYXMtb25jbGljaz17ISFvbkNsaWNrICYmICFkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgb25DbGljaz17ZXZlbnQgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmIG9uQ2xpY2spIHtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgIG9uQ2xpY2soKVxuICAgICAgICB9XG4gICAgICB9fVxuICAgICAgcmVmPXtpY29uUmVmfVxuICAgID5cbiAgICAgIDxJY29uVXNlZFxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHByb21pbmVuY2U9e2lzQWN0aXZlID8gJ3N0cm9uZ2VyJyA6ICdkZWZhdWx0J31cbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAvPlxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
+import { buttonContainer } from "./styles.css.js";
 const ChipIcon = ({
   name,
   onClick,
@@ -31,12 +19,15 @@ const ChipIcon = ({
     iconRef
   } = context;
   const IconUsed = Icon[`${name.charAt(0).toUpperCase() + name.slice(1)}Icon`];
-  return /* @__PURE__ */ jsx(Container, { as: onClick ? "button" : "div", "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
-    if (!disabled && onClick) {
-      event.stopPropagation();
-      onClick();
-    }
-  }, ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  if (onClick) {
+    return /* @__PURE__ */ jsx("button", { className: buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-has-onclick": !!onClick && !disabled, "data-testid": dataTestId, onClick: (event) => {
+      if (!disabled && onClick) {
+        event.stopPropagation();
+        onClick();
+      }
+    }, ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: buttonContainer, "data-active": isActive, "data-disabled": disabled, "data-testid": dataTestId, ref: iconRef, children: /* @__PURE__ */ jsx(IconUsed, { disabled, prominence: isActive ? "stronger" : "default", sentiment: "neutral", size: "small" }) });
 };
 export {
   ChipIcon

package/dist/components/Chip/index.cjs

@@ -2,66 +2,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const react = require("react");
 const index$1 = require("../Stack/index.cjs");
 const index = require("../Text/index.cjs");
 const ChipContext = require("./ChipContext.cjs");
 const ChipIcon = require("./ChipIcon.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledContainer = /* @__PURE__ */ _styled__default.default(index$1.Stack, process.env.NODE_ENV === "production" ? {
-  target: "epvi3bv0"
-} : {
-  target: "epvi3bv0",
-  label: "StyledContainer"
-})("padding:", ({
-  theme
-}) => `${theme.space["0.5"]} ${theme.space["2"]} `, ";display:flex;border-radius:", ({
-  theme
-}) => theme.radii.xlarge, ";width:fit-content;background-color:", ({
-  theme
-}) => theme.colors.neutral.background, ";cursor:pointer;border:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";text-align:center;color:", ({
-  theme
-}) => theme.colors.neutral.text, ';user-select:none;&[data-disabled="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundHover, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderStrongHover, ";color:", ({
-  theme
-}) => theme.colors.neutral.textHover, ';}&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";border-color:", ({
-  theme
-}) => theme.colors.neutral.borderWeakDisabled, ";color:", ({
-  theme
-}) => theme.colors.neutral.textDisabled, ';cursor:not-allowed;}&[data-active="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";border-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrong, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStronger, ';&[data-disabled="false"]:hover{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongHover, ";border-color:", ({
-  theme
-}) => theme.colors.primary.backgroundStrongHover, ";color:", ({
-  theme
-}) => theme.colors.neutral.textStrongerHover, ';}&[data-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.primary.backgroundStrongDisabled, ";border:none;}}&[data-size='medium']{", ({
-  theme
-}) => `
-    height: ${theme.space[3]};
-    padding: ${theme.space["0.5"]} ${theme.space["1.5"]};`, ";}&[data-size='large']{", ({
-  theme
-}) => `
-    height: ${theme.space[4]};
-    padding: ${theme.space["0.5"]} ${theme.space["2"]};`, ';}&[data-trailing-icon="true"]{padding-right:', ({
-  theme
-}) => theme.space[1], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0NoaXAvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9DaGlwL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IENoaXBDb250ZXh0IH0gZnJvbSAnLi9DaGlwQ29udGV4dCdcbmltcG9ydCB7IENoaXBJY29uIH0gZnJvbSAnLi9DaGlwSWNvbidcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzInXX0gYH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkueGxhcmdlfTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha307XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dH07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuXG5cbiAgJltkYXRhLWRpc2FibGVkPVwiZmFsc2VcIl06aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZEhvdmVyfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyU3Ryb25nSG92ZXJ9O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRIb3Zlcn07XG5cbiAgfVxuXG4gICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgICBib3JkZXItY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyV2Vha0Rpc2FibGVkfTtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWR9O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW2RhdGEtYWN0aXZlPVwidHJ1ZVwiXXtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGJvcmRlci1jb2xvcjogICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ2VyfTtcblxuICAgICZbZGF0YS1kaXNhYmxlZD1cImZhbHNlXCJdOmhvdmVye1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nSG92ZXJ9O1xuICAgICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmdIb3Zlcn07XG4gICAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nZXJIb3Zlcn07XG5cblxuICAgIH1cblxuICAgICZbZGF0YS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nRGlzYWJsZWR9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdtZWRpdW0nXXtcbiAgICAkeyh7IHRoZW1lIH0pID0+IGBcbiAgICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2VbM119O1xuICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2VbJzAuNSddfSAke3RoZW1lLnNwYWNlWycxLjUnXX07YH1cbiAgfVxuXG4gICZbZGF0YS1zaXplPSdsYXJnZSdde1xuICAgICR7KHsgdGhlbWUgfSkgPT4gYFxuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjZVs0XX07XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjZVsnMC41J119ICR7dGhlbWUuc3BhY2VbJzInXX07YH1cbiAgfVxuXG4gICZbZGF0YS10cmFpbGluZy1pY29uPVwidHJ1ZVwiXSB7XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX1cbiAgfVxuICBgXG50eXBlIENoaXBUeXBlID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHNpemU/OiAnbWVkaXVtJyB8ICdsYXJnZSdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGFjdGl2ZT86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgb25DbGljaz86IChhY3RpdmU6IGJvb2xlYW4pID0+IHZvaWRcbn1cblxuLyoqXG4gKiBDaGlwIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBjbGlja2FibGUgc3RhdHVzIG9yIGEgbGFiZWwgaW4gYSBzbWFsbCBjb250YWluZXJcbiAqL1xuZXhwb3J0IGNvbnN0IENoaXAgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBhY3RpdmUgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBvbkNsaWNrLFxufTogQ2hpcFR5cGUpID0+IHtcbiAgY29uc3QgW2lzQWN0aXZlLCBzZXRJc0FjdGl2ZV0gPSB1c2VTdGF0ZShhY3RpdmUpXG4gIGNvbnN0IFtoYXNUcmFpbGluZ0ljb24sIHNldFRyYWlsaW5nSWNvbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgY2hpcFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCkgLy8gcmVmIHRvIHRoZSBwYXJlbnQgY29udGFpbmVyXG4gIGNvbnN0IGljb25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpXG4gIGNvbnN0IHByb21pbmVuY2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZiAoaXNBY3RpdmUpIHtcbiAgICAgIHJldHVybiAnc3Ryb25nZXInXG4gICAgfVxuICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgcmV0dXJuICd3ZWFrJ1xuICAgIH1cblxuICAgIHJldHVybiAnZGVmYXVsdCdcbiAgfSwgW2lzQWN0aXZlLCBkaXNhYmxlZF0pXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBkaXNhYmxlZCwgaWNvblJlZiwgaXNBY3RpdmUgfSksXG4gICAgW2lzQWN0aXZlLCBkaXNhYmxlZCwgaWNvblJlZl0sXG4gIClcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRJc0FjdGl2ZShhY3RpdmUpXG4gIH0sIFthY3RpdmVdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGNoaXBSZWYuY3VycmVudCAmJiBpY29uUmVmLmN1cnJlbnQpIHtcbiAgICAgIGNvbnN0IGxhc3RDaGlsZE5vZGUgPSBjaGlwUmVmLmN1cnJlbnQubGFzdENoaWxkXG5cbiAgICAgIC8vIENvbXBhcmUgdGhlIGxhc3QgY2hpbGQgZWxlbWVudCB3aXRoIGljb25SZWYuY3VycmVudCB0byBjaGVjayBpZiB0aGUgbGFzdCBlbGVtZW50IGlzIGFuIEljb25cbiAgICAgIC8vIFRoaXMgd2lsbCBtZWFuIHRoYXQgdGhlcmUgaXMgYSB0cmFpbGluZyBpY29uXG4gICAgICBpZiAobGFzdENoaWxkTm9kZSA9PT0gaWNvblJlZi5jdXJyZW50KSB7XG4gICAgICAgIHNldFRyYWlsaW5nSWNvbih0cnVlKVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc2V0VHJhaWxpbmdJY29uKGZhbHNlKVxuICAgICAgfVxuICAgIH1cbiAgfSwgW2NoaWxkcmVuLCBpY29uUmVmXSlcblxuICByZXR1cm4gKFxuICAgIDxDaGlwQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPFRleHQgYXM9XCJkaXZcIiB2YXJpYW50PXtzaXplID09PSAnbGFyZ2UnID8gJ2JvZHlTbWFsbCcgOiAnY2FwdGlvbid9PlxuICAgICAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgICAgZGF0YS1hY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGRhdGEtZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGRhdGEtcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgICBkYXRhLXNpemU9e3NpemV9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgICAgZGF0YS10cmFpbGluZy1pY29uPXtoYXNUcmFpbGluZ0ljb259XG4gICAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgICBnYXA9ezF9XG4gICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIGlmICghZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgc2V0SXNBY3RpdmUoIWlzQWN0aXZlKVxuICAgICAgICAgICAgICBvbkNsaWNrPy4oIWlzQWN0aXZlKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgcmVmPXtjaGlwUmVmfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDwvVGV4dD5cbiAgICA8L0NoaXBDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG5cbkNoaXAuSWNvbiA9IENoaXBJY29uXG4iXX0= */"));
+const styles_css = require("./styles.css.cjs");
 const Chip = ({
   children,
   size = "medium",
@@ -102,7 +48,7 @@ const Chip = ({
       }
     }
   }, [children, iconRef]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ChipContext.ChipContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { alignItems: "center", className, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ChipContext.ChipContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "div", variant: size === "large" ? "bodySmall" : "caption", children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Stack, { alignItems: "center", className: `${className ? `${className} ` : ""}${styles_css.container}`, "data-active": isActive, "data-disabled": disabled, "data-prominence": prominence, "data-size": size, "data-testid": dataTestId, "data-trailing-icon": hasTrailingIcon, direction: "row", gap: 1, justifyContent: "center", onClick: () => {
     if (!disabled) {
       setIsActive(!isActive);
       onClick?.(!isActive);