@ultraviolet/ui 1.51.2 → 1.51.4

package/dist/components/BarStack/index.js

@@ -1,187 +1,113 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { useMemo } from "react";
 import { Tooltip } from "../Tooltip/index.js";
-const StyledBarWrapper = styled.div`
-  width: 0px;
-  transition: width 500ms;
-  background-color: ${({ theme }) => theme.colors.neutral.backgroundWeak};
-`;
-const StyledBar = styled.div`
-  height: 50px;
-  font-weight: 600;
-  color: ${({ theme }) => theme.colors.neutral.backgroundWeak};
-  font-size: 14px;
-  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;
-`;
-const StyledContainer = styled.div`
-  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) {
-    ${({
+const StyledBarWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezikjce2"
+} : {
+  target: "ezikjce2",
+  label: "StyledBarWrapper"
+})("width:0px;transition:width 500ms;background-color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxudHlwZSBCYXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFVuaXF1ZSBpZCBvZiB0aGUgYmFyXG4gICAqL1xuICBpZDogc3RyaW5nXG4gIC8qKlxuICAgKiBUaGUgdmFsdWUgb2YgdGhlIGJhclxuICAgKi9cbiAgdmFsdWU6IG51bWJlclxuICAvKipcbiAgICogVGV4dCB0byBkaXNwbGF5IGluc2lkZSB0aGUgYmFyXG4gICAqL1xuICB0ZXh0Pzogc3RyaW5nXG4gIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Eb3VibGVDbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlRG93bj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlVXA/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZUVudGVyPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VMZWF2ZT86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICAvKipcbiAgICogQSB0b29sdGlwIHRvIGRpc3BsYXkgd2hlbiBob3ZlcmluZyB0aGUgYmFyXG4gICAqL1xuICB0b29sdGlwPzogUmVhY3ROb2RlXG59XG5cbnR5cGUgQmFyU3RhY2tQcm9wcyA9IHtcbiAgZGF0YTogQmFyUHJvcHNbXVxuICB0b3RhbD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRCYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDBweDtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXM7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuYFxuXG5jb25zdCBTdHlsZWRCYXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDUwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtc2hhZG93OlxuICAgIC0xcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246XG4gICAgICAxMHB4IDAsXG4gICAgICAxMHB4IDAsXG4gICAgICAwIDAsXG4gICAgICAwIDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxMHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzMpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NEQgMjUlLCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NEQgNTAlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA1MCUsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MUEgNzUlLCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NERcbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rNCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcblxuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTM1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDQ1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAzMTVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ30gMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246XG4gICAgICAxMHB4IDAsXG4gICAgICAxMHB4IDAsXG4gICAgICAwIDAsXG4gICAgICAwIDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxMHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzUpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCAyNSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwIDUwJSxcbiAgICAgICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgNTAlLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDc1JSwgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDBcbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIHN0eWxlPXt7IHdpZHRoOiBgJHsodmFsdWUgLyBjb21wdXRlZFRvdGFsKSAqIDEwMH0lYCB9fVxuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgb25Eb3VibGVDbGljaz17b25Eb3VibGVDbGlja31cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXtvbk1vdXNlTGVhdmV9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBvbkRvdWJsZUNsaWNrPXtvbkRvdWJsZUNsaWNrfVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
+const StyledBar = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezikjce1"
+} : {
+  target: "ezikjce1",
+  label: "StyledBar"
+})("height:50px;font-weight:600;color:", ({
+  theme
+}) => theme.colors.neutral.backgroundWeak, ";font-size:14px;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxudHlwZSBCYXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFVuaXF1ZSBpZCBvZiB0aGUgYmFyXG4gICAqL1xuICBpZDogc3RyaW5nXG4gIC8qKlxuICAgKiBUaGUgdmFsdWUgb2YgdGhlIGJhclxuICAgKi9cbiAgdmFsdWU6IG51bWJlclxuICAvKipcbiAgICogVGV4dCB0byBkaXNwbGF5IGluc2lkZSB0aGUgYmFyXG4gICAqL1xuICB0ZXh0Pzogc3RyaW5nXG4gIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Eb3VibGVDbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlRG93bj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlVXA/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZUVudGVyPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VMZWF2ZT86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICAvKipcbiAgICogQSB0b29sdGlwIHRvIGRpc3BsYXkgd2hlbiBob3ZlcmluZyB0aGUgYmFyXG4gICAqL1xuICB0b29sdGlwPzogUmVhY3ROb2RlXG59XG5cbnR5cGUgQmFyU3RhY2tQcm9wcyA9IHtcbiAgZGF0YTogQmFyUHJvcHNbXVxuICB0b3RhbD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRCYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDBweDtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXM7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuYFxuXG5jb25zdCBTdHlsZWRCYXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDUwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtc2hhZG93OlxuICAgIC0xcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246XG4gICAgICAxMHB4IDAsXG4gICAgICAxMHB4IDAsXG4gICAgICAwIDAsXG4gICAgICAwIDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxMHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzMpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NEQgMjUlLCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NEQgNTAlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA1MCUsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MUEgNzUlLCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NERcbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rNCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcblxuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTM1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDQ1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAzMTVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ30gMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246XG4gICAgICAxMHB4IDAsXG4gICAgICAxMHB4IDAsXG4gICAgICAwIDAsXG4gICAgICAwIDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxMHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzUpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCAyNSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwIDUwJSxcbiAgICAgICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgNTAlLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDc1JSwgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDBcbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIHN0eWxlPXt7IHdpZHRoOiBgJHsodmFsdWUgLyBjb21wdXRlZFRvdGFsKSAqIDEwMH0lYCB9fVxuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgb25Eb3VibGVDbGljaz17b25Eb3VibGVDbGlja31cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXtvbk1vdXNlTGVhdmV9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBvbkRvdWJsZUNsaWNrPXtvbkRvdWJsZUNsaWNrfVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICA+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(
-        135deg,
-        ${({ theme }) => theme.colors.neutral.backgroundStrong}33 25%,
-        transparent 25%
-      ),
-      linear-gradient(
-        225deg,
-        ${({ theme }) => theme.colors.neutral.backgroundStrong}33 25%,
-        transparent 25%
-      ),
-      linear-gradient(
-        45deg,
-        ${({ theme }) => theme.colors.neutral.backgroundStrong}33 25%,
-        transparent 25%
-      ),
-      linear-gradient(
-        315deg,
-        ${({ theme }) => theme.colors.neutral.backgroundStrong}33 25%,
-        ${({ theme }) => theme.colors.primary.backgroundStrong}12 25%
-      );
-    background-position:
-      10px 0,
-      10px 0,
-      0 0,
-      0 0;
-    background-size: 10px 10px;
-    background-repeat: repeat;
-  }
-
-  ${StyledBarWrapper}:nth-child(5n+3) {
-    ${({
+       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(
-        135deg,
-        ${({ theme }) => theme.colors.neutral.backgroundWeak}33 25%,
-        transparent 25%
-      ),
-      linear-gradient(
-        225deg,
-        ${({ theme }) => theme.colors.neutral.backgroundWeak}33 25%,
-        transparent 25%
-      ),
-      linear-gradient(
-        45deg,
-        ${({ theme }) => theme.colors.neutral.backgroundWeak}33 25%,
-        transparent 25%
-      ),
-      linear-gradient(
-        315deg,
-        ${({ theme }) => theme.colors.neutral.backgroundWeak}33 25%,
-        ${({ theme }) => theme.colors.secondary.backgroundStrong} 25%
-      );
-    background-position:
-      10px 0,
-      10px 0,
-      0 0,
-      0 0;
-    background-size: 10px 10px;
-    background-repeat: repeat;
-  }
-
-  ${StyledBarWrapper}:nth-child(5n+5) {
-    ${({
+       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;
-  }
-`;
+       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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhclN0YWNrL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBNb3VzZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxudHlwZSBCYXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFVuaXF1ZSBpZCBvZiB0aGUgYmFyXG4gICAqL1xuICBpZDogc3RyaW5nXG4gIC8qKlxuICAgKiBUaGUgdmFsdWUgb2YgdGhlIGJhclxuICAgKi9cbiAgdmFsdWU6IG51bWJlclxuICAvKipcbiAgICogVGV4dCB0byBkaXNwbGF5IGluc2lkZSB0aGUgYmFyXG4gICAqL1xuICB0ZXh0Pzogc3RyaW5nXG4gIG9uQ2xpY2s/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Eb3VibGVDbGljaz86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlRG93bj86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICBvbk1vdXNlVXA/OiBNb3VzZUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD5cbiAgb25Nb3VzZUVudGVyPzogTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+XG4gIG9uTW91c2VMZWF2ZT86IE1vdXNlRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50PlxuICAvKipcbiAgICogQSB0b29sdGlwIHRvIGRpc3BsYXkgd2hlbiBob3ZlcmluZyB0aGUgYmFyXG4gICAqL1xuICB0b29sdGlwPzogUmVhY3ROb2RlXG59XG5cbnR5cGUgQmFyU3RhY2tQcm9wcyA9IHtcbiAgZGF0YTogQmFyUHJvcHNbXVxuICB0b3RhbD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRCYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDBweDtcbiAgdHJhbnNpdGlvbjogd2lkdGggNTAwbXM7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9O1xuYFxuXG5jb25zdCBTdHlsZWRCYXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDUwcHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtc2hhZG93OlxuICAgIC0xcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIDFweCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAxcHggMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn1CMyxcbiAgICAwIC0xcHggJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nZXJ9QjM7XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzEpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9IDI1JSwgJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfSA1MCUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTFBIDUwJSwgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA3NSUsICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZFN0cm9uZ31cbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzIpIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9RDk7XG5cbiAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDEzNWRlZyxcbiAgICAgICAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgNDVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ30zMyAyNSUsXG4gICAgICAgIHRyYW5zcGFyZW50IDI1JVxuICAgICAgKSxcbiAgICAgIGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMzE1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9MTIgMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246XG4gICAgICAxMHB4IDAsXG4gICAgICAxMHB4IDAsXG4gICAgICAwIDAsXG4gICAgICAwIDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxMHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzMpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NEQgMjUlLCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NEQgNTAlLFxuICAgICAgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha30xQSA1MCUsICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MUEgNzUlLCAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmRTdHJvbmd9NERcbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJHtTdHlsZWRCYXJXcmFwcGVyfTpudGgtY2hpbGQoNW4rNCkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTtcblxuICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTM1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAyMjVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICB0cmFuc3BhcmVudCAyNSVcbiAgICAgICksXG4gICAgICBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDQ1ZGVnLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTMzIDI1JSxcbiAgICAgICAgdHJhbnNwYXJlbnQgMjUlXG4gICAgICApLFxuICAgICAgbGluZWFyLWdyYWRpZW50KFxuICAgICAgICAzMTVkZWcsXG4gICAgICAgICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9MzMgMjUlLFxuICAgICAgICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ30gMjUlXG4gICAgICApO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246XG4gICAgICAxMHB4IDAsXG4gICAgICAxMHB4IDAsXG4gICAgICAwIDAsXG4gICAgICAwIDA7XG4gICAgYmFja2dyb3VuZC1zaXplOiAxMHB4IDEwcHg7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IHJlcGVhdDtcbiAgfVxuXG4gICR7U3R5bGVkQmFyV3JhcHBlcn06bnRoLWNoaWxkKDVuKzUpIHtcbiAgICAkeyh7XG4gICAgICB0aGVtZSxcbiAgICB9KSA9PiBgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC00NWRlZywgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha300MCAyNSUsXG4gICAgICAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuYmFja2dyb3VuZFN0cm9uZ300MCAyNSUsICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfTQwIDUwJSxcbiAgICAgICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWt9NDAgNTAlLCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTQwIDc1JSwgJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LmJhY2tncm91bmRTdHJvbmd9NDBcbiAgICAgICA3NSUpO2B9XG4gICAgYmFja2dyb3VuZC1zaXplOiAzMHB4IDMwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLnNlY29uZGFyeS5iYWNrZ3JvdW5kU3Ryb25nfUJGO1xuICB9XG5gXG5cbi8qKlxuICogQmFyU3RhY2sgaXMgYSBncmFwaGljIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gc2hvdyBkYXRhIGluIG9uZSBkaW1lbnNpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBCYXJTdGFjayA9ICh7XG4gIGRhdGEsXG4gIHRvdGFsLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJTdGFja1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbXB1dGVkVG90YWwgPSB1c2VNZW1vKFxuICAgICgpID0+IHRvdGFsID8/IGRhdGEucmVkdWNlKChhY2MsIHsgdmFsdWUgfSkgPT4gYWNjICsgdmFsdWUsIDApLFxuICAgIFt0b3RhbCwgZGF0YV0sXG4gIClcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIHtkYXRhLm1hcChcbiAgICAgICAgKHtcbiAgICAgICAgICBpZCxcbiAgICAgICAgICB2YWx1ZSxcbiAgICAgICAgICB0ZXh0LFxuICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgb25Eb3VibGVDbGljayxcbiAgICAgICAgICBvbk1vdXNlRW50ZXIsXG4gICAgICAgICAgb25Nb3VzZUxlYXZlLFxuICAgICAgICAgIG9uTW91c2VEb3duLFxuICAgICAgICAgIG9uTW91c2VVcCxcbiAgICAgICAgICB0b29sdGlwLFxuICAgICAgICB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZEJhcldyYXBwZXJcbiAgICAgICAgICAgIHN0eWxlPXt7IHdpZHRoOiBgJHsodmFsdWUgLyBjb21wdXRlZFRvdGFsKSAqIDEwMH0lYCB9fVxuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dG9vbHRpcCA/IChcbiAgICAgICAgICAgICAgPFRvb2x0aXAgaWQ9e2B0b29sdGlwLSR7aWR9YH0gdGV4dD17dG9vbHRpcH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZEJhclxuICAgICAgICAgICAgICAgICAgb25Nb3VzZURvd249e29uTW91c2VEb3dufVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgb25Eb3VibGVDbGljaz17b25Eb3VibGVDbGlja31cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgICAgb25Nb3VzZUxlYXZlPXtvbk1vdXNlTGVhdmV9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCYXI+XG4gICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRCYXJcbiAgICAgICAgICAgICAgICBvbk1vdXNlRG93bj17b25Nb3VzZURvd259XG4gICAgICAgICAgICAgICAgb25Nb3VzZVVwPXtvbk1vdXNlVXB9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBvbkRvdWJsZUNsaWNrPXtvbkRvdWJsZUNsaWNrfVxuICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17b25Nb3VzZUVudGVyfVxuICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17b25Nb3VzZUxlYXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICAgIDwvU3R5bGVkQmFyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEJhcldyYXBwZXI+XG4gICAgICAgICksXG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
 const BarStack = ({
   data,
   total,
   className,
   "data-testid": dataTestId
 }) => {
-  const computedTotal = useMemo(
-    () => total ?? data.reduce((acc, { value }) => acc + value, 0),
-    [total, data]
-  );
-  return /* @__PURE__ */ jsx(StyledContainer, { "data-testid": dataTestId, className, children: data.map(
-    ({
-      id,
-      value,
-      text,
-      onClick,
-      onDoubleClick,
-      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,
-          {
-            onMouseDown,
-            onMouseUp,
-            onClick,
-            onDoubleClick,
-            onMouseEnter,
-            onMouseLeave,
-            children: text
-          }
-        ) }) : /* @__PURE__ */ jsx(
-          StyledBar,
-          {
-            onMouseDown,
-            onMouseUp,
-            onClick,
-            onDoubleClick,
-            onMouseEnter,
-            onMouseLeave,
-            children: text
-          }
-        )
-      },
-      id
-    )
-  ) });
+  const computedTotal = useMemo(() => total ?? data.reduce((acc, {
+    value
+  }) => acc + value, 0), [total, data]);
+  return /* @__PURE__ */ jsx(StyledContainer, { "data-testid": dataTestId, className, children: data.map(({
+    id,
+    value,
+    text,
+    onClick,
+    onDoubleClick,
+    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, { onMouseDown, onMouseUp, onClick, onDoubleClick, onMouseEnter, onMouseLeave, children: text }) }) : /* @__PURE__ */ jsx(StyledBar, { onMouseDown, onMouseUp, onClick, onDoubleClick, onMouseEnter, onMouseLeave, children: text }) }, id)) });
 };
 export {
   BarStack

package/dist/components/Breadcrumbs/index.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const React = require("react");
+const index = require("../Link/index.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const contractString = (str) => {
+  if (typeof str === "string" && str.length > 30) {
+    return `${str.slice(0, 15)}...${str.slice(-15)}`;
+  }
+  return str;
+};
+const StyledOl = /* @__PURE__ */ _styled__default.default("ol", process.env.NODE_ENV === "production" ? {
+  target: "ej0p0s41"
+} : {
+  target: "ej0p0s41",
+  label: "StyledOl"
+})(process.env.NODE_ENV === "production" ? {
+  name: "105zz11",
+  styles: "list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center"
+} : {
+  name: "105zz11",
+  styles: "list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IEpTWCwgTW91c2VFdmVudCBhcyBSZWFjdE1vdXNlRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuXG5jb25zdCBjb250cmFjdFN0cmluZyA9IChzdHI6IFJlYWN0Tm9kZSk6IFJlYWN0Tm9kZSA9PiB7XG4gIGlmICh0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyAmJiBzdHIubGVuZ3RoID4gMzApIHtcbiAgICByZXR1cm4gYCR7c3RyLnNsaWNlKDAsIDE1KX0uLi4ke3N0ci5zbGljZSgtMTUpfWBcbiAgfVxuXG4gIHJldHVybiBzdHJcbn1cblxuY29uc3QgU3R5bGVkT2wgPSBzdHlsZWQub2xgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5jb25zdCBJdGVtQ29udGFpbmVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBpbmxpbmU7XG5cbiAgJlthcmlhLWN1cnJlbnQ9J3BhZ2UnXSB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFdlYWt9O1xuICB9XG5cbiAgJjpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gICAgY29udGVudDogJ+KAuic7XG4gICAgbWFyZ2luOiAwIDhweDtcbiAgfVxuXG4gICR7KHsgb25DbGljayB9KSA9PlxuICAgIG9uQ2xpY2tcbiAgICAgID8gYFxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAmW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmBcbiAgICAgIDogYGB9XG5gXG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdhcmlhLWN1cnJlbnQnPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8ICdmYWxzZSdcbiAgICB8ICd0cnVlJ1xuICAgIHwgJ3BhZ2UnXG4gICAgfCAnc3RlcCdcbiAgICB8ICdsb2NhdGlvbidcbiAgICB8ICdkYXRlJ1xuICAgIHwgJ3RpbWUnXG4gIC8qKlxuICAgKiBNYWtlIHRoZSBjb21wb25lbnQgYWN0IGEgYExpbmtgIHRhZ1xuICAgKi9cbiAgdG8/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJRCBvZiB0aGUgc3RlcCwgYXV0b21hdGljYWxseSBpbmplY3RlZCBieSBCcmVhZGNydW1icyBwYXJlbnQgdGFnXG4gICAqL1xuICBzdGVwPzogbnVtYmVyXG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IFJlYWN0TW91c2VFdmVudDxIVE1MTElFbGVtZW50Piwgc3RlcDogbnVtYmVyKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICAnYXJpYS1jdXJyZW50JzogYXJpYUN1cnJlbnQsXG4gIG9uQ2xpY2ssXG4gIHN0ZXAsXG59OiBJdGVtUHJvcHMpID0+IChcbiAgPEl0ZW1Db250YWluZXJcbiAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICBvbkNsaWNrPXtvbkNsaWNrID8gZXZlbnQgPT4gb25DbGljayhldmVudCwgc3RlcCA/PyAtMSkgOiB1bmRlZmluZWR9XG4gICAgYXJpYS1jdXJyZW50PXthcmlhQ3VycmVudH1cbiAgPlxuICAgIHt0byA/IChcbiAgICAgIDxMaW5rIHNlbnRpbWVudD1cInByaW1hcnlcIiBocmVmPXt0b30+XG4gICAgICAgIHtjb250cmFjdFN0cmluZyhjaGlsZHJlbil9XG4gICAgICA8L0xpbms+XG4gICAgKSA6IChcbiAgICAgIGNvbnRyYWN0U3RyaW5nKGNoaWxkcmVuKVxuICAgICl9XG4gIDwvSXRlbUNvbnRhaW5lcj5cbilcblxudHlwZSBCcmVhZGNydW1ic1Byb3BzID0ge1xuICBzZWxlY3RlZD86IG51bWJlclxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbnR5cGUgQnJlYWRjcnVtYnNUeXBlID0gKChwcm9wczogQnJlYWRjcnVtYnNQcm9wcykgPT4gSlNYLkVsZW1lbnQpICYge1xuICBJdGVtOiB0eXBlb2YgSXRlbVxufVxuXG4vKipcbiAqIEJyZWFkY3J1bWJzIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBuYXZpZ2F0aW9uIHBhdGggd2l0aCBsaW5rcyB0byB0aGUgcGFyZW50IHBhZ2VzLlxuICovXG5leHBvcnQgY29uc3QgQnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJzVHlwZSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzZWxlY3RlZDogc2VsZWN0ZWRQcm9wLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59KSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkID1cbiAgICBzZWxlY3RlZFByb3AgIT09IHVuZGVmaW5lZCA/IHNlbGVjdGVkUHJvcCA6IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDFcblxuICByZXR1cm4gKFxuICAgIDxuYXYgYXJpYS1sYWJlbD1cImJyZWFkY3J1bWJcIiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgICAgPFN0eWxlZE9sPlxuICAgICAgICB7Q2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgICBpZiAoIWlzVmFsaWRFbGVtZW50PEl0ZW1Qcm9wcz4oY2hpbGQpKSB7XG4gICAgICAgICAgICByZXR1cm4gY2hpbGRcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBjb25zdCBhY3RpdmUgPSBzZWxlY3RlZCA9PT0gaW5kZXhcblxuICAgICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAgICdhcmlhLWN1cnJlbnQnOiBhY3RpdmUgPyAncGFnZScgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICBzdGVwOiBpbmRleCxcbiAgICAgICAgICB9KVxuICAgICAgICB9KX1cbiAgICAgIDwvU3R5bGVkT2w+XG4gICAgPC9uYXY+XG4gIClcbn1cblxuQnJlYWRjcnVtYnMuSXRlbSA9IEl0ZW1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ItemContainer = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
+  target: "ej0p0s40"
+} : {
+  target: "ej0p0s40",
+  label: "ItemContainer"
+})("display:inline;&[aria-current='page']{color:", ({
+  theme
+}) => theme.colors.neutral.textWeak, ";}&:not(:last-child)::after{content:'›';margin:0 8px;}", ({
+  onClick
+}) => onClick ? `
+    cursor: pointer;
+    &[aria-disabled="true"] {
+      pointer-events: none;
+    }
+` : ``, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vTGluaydcblxuY29uc3QgY29udHJhY3RTdHJpbmcgPSAoc3RyOiBSZWFjdE5vZGUpOiBSZWFjdE5vZGUgPT4ge1xuICBpZiAodHlwZW9mIHN0ciA9PT0gJ3N0cmluZycgJiYgc3RyLmxlbmd0aCA+IDMwKSB7XG4gICAgcmV0dXJuIGAke3N0ci5zbGljZSgwLCAxNSl9Li4uJHtzdHIuc2xpY2UoLTE1KX1gXG4gIH1cblxuICByZXR1cm4gc3RyXG59XG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgSXRlbUNvbnRhaW5lciA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogaW5saW5lO1xuXG4gICZbYXJpYS1jdXJyZW50PSdwYWdlJ10ge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcbiAgfVxuXG4gICY6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICfigLonO1xuICAgIG1hcmdpbjogMCA4cHg7XG4gIH1cblxuICAkeyh7IG9uQ2xpY2sgfSkgPT5cbiAgICBvbkNsaWNrXG4gICAgICA/IGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gXG4gICAgICA6IGBgfVxuYFxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAnYXJpYS1jdXJyZW50Jz86XG4gICAgfCBib29sZWFuXG4gICAgfCAnZmFsc2UnXG4gICAgfCAndHJ1ZSdcbiAgICB8ICdwYWdlJ1xuICAgIHwgJ3N0ZXAnXG4gICAgfCAnbG9jYXRpb24nXG4gICAgfCAnZGF0ZSdcbiAgICB8ICd0aW1lJ1xuICAvKipcbiAgICogTWFrZSB0aGUgY29tcG9uZW50IGFjdCBhIGBMaW5rYCB0YWdcbiAgICovXG4gIHRvPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogSUQgb2YgdGhlIHN0ZXAsIGF1dG9tYXRpY2FsbHkgaW5qZWN0ZWQgYnkgQnJlYWRjcnVtYnMgcGFyZW50IHRhZ1xuICAgKi9cbiAgc3RlcD86IG51bWJlclxuICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdE1vdXNlRXZlbnQ8SFRNTExJRWxlbWVudD4sIHN0ZXA6IG51bWJlcikgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgSXRlbSA9ICh7XG4gIHRvLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgJ2FyaWEtY3VycmVudCc6IGFyaWFDdXJyZW50LFxuICBvbkNsaWNrLFxuICBzdGVwLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxJdGVtQ29udGFpbmVyXG4gICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgb25DbGljaz17b25DbGljayA/IGV2ZW50ID0+IG9uQ2xpY2soZXZlbnQsIHN0ZXAgPz8gLTEpIDogdW5kZWZpbmVkfVxuICAgIGFyaWEtY3VycmVudD17YXJpYUN1cnJlbnR9XG4gID5cbiAgICB7dG8gPyAoXG4gICAgICA8TGluayBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgaHJlZj17dG99PlxuICAgICAgICB7Y29udHJhY3RTdHJpbmcoY2hpbGRyZW4pfVxuICAgICAgPC9MaW5rPlxuICAgICkgOiAoXG4gICAgICBjb250cmFjdFN0cmluZyhjaGlsZHJlbilcbiAgICApfVxuICA8L0l0ZW1Db250YWluZXI+XG4pXG5cbnR5cGUgQnJlYWRjcnVtYnNQcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBudW1iZXJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG50eXBlIEJyZWFkY3J1bWJzVHlwZSA9ICgocHJvcHM6IEJyZWFkY3J1bWJzUHJvcHMpID0+IEpTWC5FbGVtZW50KSAmIHtcbiAgSXRlbTogdHlwZW9mIEl0ZW1cbn1cblxuLyoqXG4gKiBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgbmF2aWdhdGlvbiBwYXRoIHdpdGggbGlua3MgdG8gdGhlIHBhcmVudCBwYWdlcy5cbiAqL1xuZXhwb3J0IGNvbnN0IEJyZWFkY3J1bWJzOiBCcmVhZGNydW1ic1R5cGUgPSAoe1xuICBjaGlsZHJlbixcbiAgc2VsZWN0ZWQ6IHNlbGVjdGVkUHJvcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufSkgPT4ge1xuICBjb25zdCBzZWxlY3RlZCA9XG4gICAgc2VsZWN0ZWRQcm9wICE9PSB1bmRlZmluZWQgPyBzZWxlY3RlZFByb3AgOiBDaGlsZHJlbi5jb3VudChjaGlsZHJlbikgLSAxXG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIDxTdHlsZWRPbD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc1ZhbGlkRWxlbWVudDxJdGVtUHJvcHM+KGNoaWxkKSkge1xuICAgICAgICAgICAgcmV0dXJuIGNoaWxkXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgY29uc3QgYWN0aXZlID0gc2VsZWN0ZWQgPT09IGluZGV4XG5cbiAgICAgICAgICByZXR1cm4gY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgICAnYXJpYS1jdXJyZW50JzogYWN0aXZlID8gJ3BhZ2UnIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgc3RlcDogaW5kZXgsXG4gICAgICAgICAgfSlcbiAgICAgICAgfSl9XG4gICAgICA8L1N0eWxlZE9sPlxuICAgIDwvbmF2PlxuICApXG59XG5cbkJyZWFkY3J1bWJzLkl0ZW0gPSBJdGVtXG4iXX0= */"));
+const Item = ({
+  to,
+  children,
+  disabled = false,
+  "aria-current": ariaCurrent,
+  onClick,
+  step
+}) => /* @__PURE__ */ jsxRuntime.jsx(ItemContainer, { "aria-disabled": disabled, onClick: onClick ? (event) => onClick(event, step ?? -1) : void 0, "aria-current": ariaCurrent, children: to ? /* @__PURE__ */ jsxRuntime.jsx(index.Link, { sentiment: "primary", href: to, children: contractString(children) }) : contractString(children) });
+const Breadcrumbs = ({
+  children,
+  selected: selectedProp,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const selected = selectedProp !== void 0 ? selectedProp : React.Children.count(children) - 1;
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(StyledOl, { children: React.Children.map(children, (child, index2) => {
+    if (!React.isValidElement(child)) {
+      return child;
+    }
+    const active = selected === index2;
+    return React.cloneElement(child, {
+      "aria-current": active ? "page" : void 0,
+      step: index2
+    });
+  }) }) });
+};
+Breadcrumbs.Item = Item;
+exports.Breadcrumbs = Breadcrumbs;
+exports.Item = Item;

package/dist/components/Breadcrumbs/index.js

@@ -1,40 +1,45 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Children, isValidElement, cloneElement } from "react";
 import { Link } from "../Link/index.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 const contractString = (str) => {
   if (typeof str === "string" && str.length > 30) {
     return `${str.slice(0, 15)}...${str.slice(-15)}`;
   }
   return str;
 };
-const StyledOl = styled.ol`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-`;
-const ItemContainer = styled.li`
-  display: inline;
-
-  &[aria-current='page'] {
-    color: ${({ theme }) => theme.colors.neutral.textWeak};
-  }
-
-  &:not(:last-child)::after {
-    content: '›';
-    margin: 0 8px;
-  }
-
-  ${({ onClick }) => onClick ? `
+const StyledOl = /* @__PURE__ */ _styled("ol", process.env.NODE_ENV === "production" ? {
+  target: "ej0p0s41"
+} : {
+  target: "ej0p0s41",
+  label: "StyledOl"
+})(process.env.NODE_ENV === "production" ? {
+  name: "105zz11",
+  styles: "list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center"
+} : {
+  name: "105zz11",
+  styles: "list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IEpTWCwgTW91c2VFdmVudCBhcyBSZWFjdE1vdXNlRXZlbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuXG5jb25zdCBjb250cmFjdFN0cmluZyA9IChzdHI6IFJlYWN0Tm9kZSk6IFJlYWN0Tm9kZSA9PiB7XG4gIGlmICh0eXBlb2Ygc3RyID09PSAnc3RyaW5nJyAmJiBzdHIubGVuZ3RoID4gMzApIHtcbiAgICByZXR1cm4gYCR7c3RyLnNsaWNlKDAsIDE1KX0uLi4ke3N0ci5zbGljZSgtMTUpfWBcbiAgfVxuXG4gIHJldHVybiBzdHJcbn1cblxuY29uc3QgU3R5bGVkT2wgPSBzdHlsZWQub2xgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5jb25zdCBJdGVtQ29udGFpbmVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBpbmxpbmU7XG5cbiAgJlthcmlhLWN1cnJlbnQ9J3BhZ2UnXSB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFdlYWt9O1xuICB9XG5cbiAgJjpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gICAgY29udGVudDogJ+KAuic7XG4gICAgbWFyZ2luOiAwIDhweDtcbiAgfVxuXG4gICR7KHsgb25DbGljayB9KSA9PlxuICAgIG9uQ2xpY2tcbiAgICAgID8gYFxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAmW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdIHtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmBcbiAgICAgIDogYGB9XG5gXG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICdhcmlhLWN1cnJlbnQnPzpcbiAgICB8IGJvb2xlYW5cbiAgICB8ICdmYWxzZSdcbiAgICB8ICd0cnVlJ1xuICAgIHwgJ3BhZ2UnXG4gICAgfCAnc3RlcCdcbiAgICB8ICdsb2NhdGlvbidcbiAgICB8ICdkYXRlJ1xuICAgIHwgJ3RpbWUnXG4gIC8qKlxuICAgKiBNYWtlIHRoZSBjb21wb25lbnQgYWN0IGEgYExpbmtgIHRhZ1xuICAgKi9cbiAgdG8/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJRCBvZiB0aGUgc3RlcCwgYXV0b21hdGljYWxseSBpbmplY3RlZCBieSBCcmVhZGNydW1icyBwYXJlbnQgdGFnXG4gICAqL1xuICBzdGVwPzogbnVtYmVyXG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IFJlYWN0TW91c2VFdmVudDxIVE1MTElFbGVtZW50Piwgc3RlcDogbnVtYmVyKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBjb25zdCBJdGVtID0gKHtcbiAgdG8sXG4gIGNoaWxkcmVuLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICAnYXJpYS1jdXJyZW50JzogYXJpYUN1cnJlbnQsXG4gIG9uQ2xpY2ssXG4gIHN0ZXAsXG59OiBJdGVtUHJvcHMpID0+IChcbiAgPEl0ZW1Db250YWluZXJcbiAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICBvbkNsaWNrPXtvbkNsaWNrID8gZXZlbnQgPT4gb25DbGljayhldmVudCwgc3RlcCA/PyAtMSkgOiB1bmRlZmluZWR9XG4gICAgYXJpYS1jdXJyZW50PXthcmlhQ3VycmVudH1cbiAgPlxuICAgIHt0byA/IChcbiAgICAgIDxMaW5rIHNlbnRpbWVudD1cInByaW1hcnlcIiBocmVmPXt0b30+XG4gICAgICAgIHtjb250cmFjdFN0cmluZyhjaGlsZHJlbil9XG4gICAgICA8L0xpbms+XG4gICAgKSA6IChcbiAgICAgIGNvbnRyYWN0U3RyaW5nKGNoaWxkcmVuKVxuICAgICl9XG4gIDwvSXRlbUNvbnRhaW5lcj5cbilcblxudHlwZSBCcmVhZGNydW1ic1Byb3BzID0ge1xuICBzZWxlY3RlZD86IG51bWJlclxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbnR5cGUgQnJlYWRjcnVtYnNUeXBlID0gKChwcm9wczogQnJlYWRjcnVtYnNQcm9wcykgPT4gSlNYLkVsZW1lbnQpICYge1xuICBJdGVtOiB0eXBlb2YgSXRlbVxufVxuXG4vKipcbiAqIEJyZWFkY3J1bWJzIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBuYXZpZ2F0aW9uIHBhdGggd2l0aCBsaW5rcyB0byB0aGUgcGFyZW50IHBhZ2VzLlxuICovXG5leHBvcnQgY29uc3QgQnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJzVHlwZSA9ICh7XG4gIGNoaWxkcmVuLFxuICBzZWxlY3RlZDogc2VsZWN0ZWRQcm9wLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59KSA9PiB7XG4gIGNvbnN0IHNlbGVjdGVkID1cbiAgICBzZWxlY3RlZFByb3AgIT09IHVuZGVmaW5lZCA/IHNlbGVjdGVkUHJvcCA6IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDFcblxuICByZXR1cm4gKFxuICAgIDxuYXYgYXJpYS1sYWJlbD1cImJyZWFkY3J1bWJcIiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgICAgPFN0eWxlZE9sPlxuICAgICAgICB7Q2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgICBpZiAoIWlzVmFsaWRFbGVtZW50PEl0ZW1Qcm9wcz4oY2hpbGQpKSB7XG4gICAgICAgICAgICByZXR1cm4gY2hpbGRcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBjb25zdCBhY3RpdmUgPSBzZWxlY3RlZCA9PT0gaW5kZXhcblxuICAgICAgICAgIHJldHVybiBjbG9uZUVsZW1lbnQoY2hpbGQsIHtcbiAgICAgICAgICAgICdhcmlhLWN1cnJlbnQnOiBhY3RpdmUgPyAncGFnZScgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICBzdGVwOiBpbmRleCxcbiAgICAgICAgICB9KVxuICAgICAgICB9KX1cbiAgICAgIDwvU3R5bGVkT2w+XG4gICAgPC9uYXY+XG4gIClcbn1cblxuQnJlYWRjcnVtYnMuSXRlbSA9IEl0ZW1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ItemContainer = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
+  target: "ej0p0s40"
+} : {
+  target: "ej0p0s40",
+  label: "ItemContainer"
+})("display:inline;&[aria-current='page']{color:", ({
+  theme
+}) => theme.colors.neutral.textWeak, ";}&:not(:last-child)::after{content:'›';margin:0 8px;}", ({
+  onClick
+}) => onClick ? `
     cursor: pointer;
     &[aria-disabled="true"] {
       pointer-events: none;
     }
-` : ``}
-`;
+` : ``, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JyZWFkY3J1bWJzL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIE1vdXNlRXZlbnQgYXMgUmVhY3RNb3VzZUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCBjbG9uZUVsZW1lbnQsIGlzVmFsaWRFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vTGluaydcblxuY29uc3QgY29udHJhY3RTdHJpbmcgPSAoc3RyOiBSZWFjdE5vZGUpOiBSZWFjdE5vZGUgPT4ge1xuICBpZiAodHlwZW9mIHN0ciA9PT0gJ3N0cmluZycgJiYgc3RyLmxlbmd0aCA+IDMwKSB7XG4gICAgcmV0dXJuIGAke3N0ci5zbGljZSgwLCAxNSl9Li4uJHtzdHIuc2xpY2UoLTE1KX1gXG4gIH1cblxuICByZXR1cm4gc3RyXG59XG5cbmNvbnN0IFN0eWxlZE9sID0gc3R5bGVkLm9sYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgSXRlbUNvbnRhaW5lciA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogaW5saW5lO1xuXG4gICZbYXJpYS1jdXJyZW50PSdwYWdlJ10ge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcbiAgfVxuXG4gICY6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICfigLonO1xuICAgIG1hcmdpbjogMCA4cHg7XG4gIH1cblxuICAkeyh7IG9uQ2xpY2sgfSkgPT5cbiAgICBvbkNsaWNrXG4gICAgICA/IGBcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gXG4gICAgICA6IGBgfVxuYFxuXG50eXBlIEl0ZW1Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAnYXJpYS1jdXJyZW50Jz86XG4gICAgfCBib29sZWFuXG4gICAgfCAnZmFsc2UnXG4gICAgfCAndHJ1ZSdcbiAgICB8ICdwYWdlJ1xuICAgIHwgJ3N0ZXAnXG4gICAgfCAnbG9jYXRpb24nXG4gICAgfCAnZGF0ZSdcbiAgICB8ICd0aW1lJ1xuICAvKipcbiAgICogTWFrZSB0aGUgY29tcG9uZW50IGFjdCBhIGBMaW5rYCB0YWdcbiAgICovXG4gIHRvPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAvKipcbiAgICogSUQgb2YgdGhlIHN0ZXAsIGF1dG9tYXRpY2FsbHkgaW5qZWN0ZWQgYnkgQnJlYWRjcnVtYnMgcGFyZW50IHRhZ1xuICAgKi9cbiAgc3RlcD86IG51bWJlclxuICBvbkNsaWNrPzogKGV2ZW50OiBSZWFjdE1vdXNlRXZlbnQ8SFRNTExJRWxlbWVudD4sIHN0ZXA6IG51bWJlcikgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgSXRlbSA9ICh7XG4gIHRvLFxuICBjaGlsZHJlbixcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgJ2FyaWEtY3VycmVudCc6IGFyaWFDdXJyZW50LFxuICBvbkNsaWNrLFxuICBzdGVwLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxJdGVtQ29udGFpbmVyXG4gICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgb25DbGljaz17b25DbGljayA/IGV2ZW50ID0+IG9uQ2xpY2soZXZlbnQsIHN0ZXAgPz8gLTEpIDogdW5kZWZpbmVkfVxuICAgIGFyaWEtY3VycmVudD17YXJpYUN1cnJlbnR9XG4gID5cbiAgICB7dG8gPyAoXG4gICAgICA8TGluayBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgaHJlZj17dG99PlxuICAgICAgICB7Y29udHJhY3RTdHJpbmcoY2hpbGRyZW4pfVxuICAgICAgPC9MaW5rPlxuICAgICkgOiAoXG4gICAgICBjb250cmFjdFN0cmluZyhjaGlsZHJlbilcbiAgICApfVxuICA8L0l0ZW1Db250YWluZXI+XG4pXG5cbnR5cGUgQnJlYWRjcnVtYnNQcm9wcyA9IHtcbiAgc2VsZWN0ZWQ/OiBudW1iZXJcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG50eXBlIEJyZWFkY3J1bWJzVHlwZSA9ICgocHJvcHM6IEJyZWFkY3J1bWJzUHJvcHMpID0+IEpTWC5FbGVtZW50KSAmIHtcbiAgSXRlbTogdHlwZW9mIEl0ZW1cbn1cblxuLyoqXG4gKiBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgbmF2aWdhdGlvbiBwYXRoIHdpdGggbGlua3MgdG8gdGhlIHBhcmVudCBwYWdlcy5cbiAqL1xuZXhwb3J0IGNvbnN0IEJyZWFkY3J1bWJzOiBCcmVhZGNydW1ic1R5cGUgPSAoe1xuICBjaGlsZHJlbixcbiAgc2VsZWN0ZWQ6IHNlbGVjdGVkUHJvcCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufSkgPT4ge1xuICBjb25zdCBzZWxlY3RlZCA9XG4gICAgc2VsZWN0ZWRQcm9wICE9PSB1bmRlZmluZWQgPyBzZWxlY3RlZFByb3AgOiBDaGlsZHJlbi5jb3VudChjaGlsZHJlbikgLSAxXG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IGFyaWEtbGFiZWw9XCJicmVhZGNydW1iXCIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIDxTdHlsZWRPbD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgICAgaWYgKCFpc1ZhbGlkRWxlbWVudDxJdGVtUHJvcHM+KGNoaWxkKSkge1xuICAgICAgICAgICAgcmV0dXJuIGNoaWxkXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgY29uc3QgYWN0aXZlID0gc2VsZWN0ZWQgPT09IGluZGV4XG5cbiAgICAgICAgICByZXR1cm4gY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgICAgICAnYXJpYS1jdXJyZW50JzogYWN0aXZlID8gJ3BhZ2UnIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgc3RlcDogaW5kZXgsXG4gICAgICAgICAgfSlcbiAgICAgICAgfSl9XG4gICAgICA8L1N0eWxlZE9sPlxuICAgIDwvbmF2PlxuICApXG59XG5cbkJyZWFkY3J1bWJzLkl0ZW0gPSBJdGVtXG4iXX0= */"));
 const Item = ({
   to,
   children,
@@ -42,15 +47,7 @@ const Item = ({
   "aria-current": ariaCurrent,
   onClick,
   step
-}) => /* @__PURE__ */ jsx(
-  ItemContainer,
-  {
-    "aria-disabled": disabled,
-    onClick: onClick ? (event) => onClick(event, step ?? -1) : void 0,
-    "aria-current": ariaCurrent,
-    children: to ? /* @__PURE__ */ jsx(Link, { sentiment: "primary", href: to, children: contractString(children) }) : contractString(children)
-  }
-);
+}) => /* @__PURE__ */ jsx(ItemContainer, { "aria-disabled": disabled, onClick: onClick ? (event) => onClick(event, step ?? -1) : void 0, "aria-current": ariaCurrent, children: to ? /* @__PURE__ */ jsx(Link, { sentiment: "primary", href: to, children: contractString(children) }) : contractString(children) });
 const Breadcrumbs = ({
   children,
   selected: selectedProp,

package/dist/components/Bullet/index.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const icons = require("@ultraviolet/icons");
+const index$1 = require("../../theme/index.cjs");
+const capitalize = require("../../utils/capitalize.cjs");
+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 PROMINENCES = {
+  default: "default",
+  strong: "strong"
+};
+const sizes = {
+  medium: `
+    width: 32px;
+    height: 32px;
+    font-size: 16px;
+  `,
+  small: `
+    width: 24px;
+    height: 24px;
+    font-size: 14px;
+  `
+};
+const sentimentStyles = ({
+  theme,
+  prominence
+}) => {
+  const definedProminence = prominence === PROMINENCES.strong ? capitalize(PROMINENCES.strong) : "";
+  const text = `text${definedProminence}`;
+  const background = `background${definedProminence}`;
+  return {
+    ...index$1.SENTIMENTS_WITHOUT_NEUTRAL.reduce((reducer, sentiment) => ({
+      ...reducer,
+      [sentiment]: `
+      color: ${theme.colors[sentiment][text]};
+      background: ${theme.colors[sentiment][background]};
+      border: 1px solid ${theme.colors[sentiment][background]};
+    `
+    }), {}),
+    neutral: `
+      color: ${prominence === PROMINENCES.strong ? theme.colors.neutral[text] : theme.colors.neutral.text};
+      background: ${theme.colors.neutral.background};
+      border: 1px solid ${theme.colors.neutral.border};
+    `,
+    disabled: `
+      color: ${theme.colors.neutral.textWeak};
+      background: ${theme.colors.neutral.backgroundStrong};
+      border: none;
+    `
+  };
+};
+const sizeStyles = ({
+  size
+}) => sizes[size];
+const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e11loam60"
+} : {
+  target: "e11loam60",
+  label: "StyledContainer"
+})("display:inline-flex;border-radius:", ({
+  theme
+}) => theme.radii.circle, ";justify-content:center;align-items:center;", ({
+  theme,
+  prominence,
+  sentiment
+}) => sentimentStyles({
+  theme,
+  prominence
+})[sentiment], " ", sizeStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0J1bGxldC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUYwRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CdWxsZXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU0VOVElNRU5UUywgU0VOVElNRU5UU19XSVRIT1VUX05FVVRSQUwgfSBmcm9tICcuLi8uLi90aGVtZSdcbmltcG9ydCB0eXBlIHsgWE9SIH0gZnJvbSAnLi4vLi4vdHlwZXMnXG5pbXBvcnQgY2FwaXRhbGl6ZSBmcm9tICcuLi8uLi91dGlscy9jYXBpdGFsaXplJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmV4cG9ydCBjb25zdCBQUk9NSU5FTkNFUyA9IHtcbiAgZGVmYXVsdDogJ2RlZmF1bHQnLFxuICBzdHJvbmc6ICdzdHJvbmcnLFxufVxuXG50eXBlIFByb21pbmVuY2VUeXBlID0ga2V5b2YgdHlwZW9mIFBST01JTkVOQ0VTXG5jb25zdCBCVUxMRVRfU0VOVElNRU5UUyA9IFsuLi5TRU5USU1FTlRTLCAnZGlzYWJsZWQnXVxuXG50eXBlIEJ1bGxldFNlbnRpbWVudCA9ICh0eXBlb2YgQlVMTEVUX1NFTlRJTUVOVFMpW251bWJlcl1cblxuY29uc3Qgc2l6ZXMgPSB7XG4gIG1lZGl1bTogYFxuICAgIHdpZHRoOiAzMnB4O1xuICAgIGhlaWdodDogMzJweDtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gIGAsXG4gIHNtYWxsOiBgXG4gICAgd2lkdGg6IDI0cHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgYCxcbn0gYXMgY29uc3RcbnR5cGUgQnVsbGV0U2l6ZSA9IGtleW9mIHR5cGVvZiBzaXplc1xuZXhwb3J0IGNvbnN0IGJ1bGxldFNpemVzID0gT2JqZWN0LmtleXMoc2l6ZXMpIGFzIEJ1bGxldFNpemVbXVxuXG5jb25zdCBzZW50aW1lbnRTdHlsZXMgPSAoe1xuICB0aGVtZSxcbiAgcHJvbWluZW5jZSxcbn06IHtcbiAgdGhlbWU6IFRoZW1lXG4gIHByb21pbmVuY2U6IFByb21pbmVuY2VUeXBlXG59KSA9PiB7XG4gIGNvbnN0IGRlZmluZWRQcm9taW5lbmNlID1cbiAgICBwcm9taW5lbmNlID09PSBQUk9NSU5FTkNFUy5zdHJvbmcgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLnN0cm9uZykgOiAnJ1xuXG4gIGNvbnN0IHRleHQgPSBgdGV4dCR7ZGVmaW5lZFByb21pbmVuY2V9YFxuICBjb25zdCBiYWNrZ3JvdW5kID0gYGJhY2tncm91bmQke2RlZmluZWRQcm9taW5lbmNlfWBcblxuICByZXR1cm4ge1xuICAgIC4uLlNFTlRJTUVOVFNfV0lUSE9VVF9ORVVUUkFMLnJlZHVjZShcbiAgICAgIChyZWR1Y2VyLCBzZW50aW1lbnQpID0+ICh7XG4gICAgICAgIC4uLnJlZHVjZXIsXG4gICAgICAgIFtzZW50aW1lbnRdOiBgXG4gICAgICBjb2xvcjogJHtcbiAgICAgICAgdGhlbWUuY29sb3JzW3NlbnRpbWVudF1bdGV4dCBhcyBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnByaW1hcnldXG4gICAgICB9O1xuICAgICAgYmFja2dyb3VuZDogJHtcbiAgICAgICAgdGhlbWUuY29sb3JzW3NlbnRpbWVudF1bYmFja2dyb3VuZCBhcyBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnByaW1hcnldXG4gICAgICB9O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtcbiAgICAgICAgdGhlbWUuY29sb3JzW3NlbnRpbWVudF1bYmFja2dyb3VuZCBhcyBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnByaW1hcnldXG4gICAgICB9O1xuICAgIGAsXG4gICAgICB9KSxcbiAgICAgIHt9LFxuICAgICksXG4gICAgbmV1dHJhbDogYFxuICAgICAgY29sb3I6ICR7XG4gICAgICAgIHByb21pbmVuY2UgPT09IFBST01JTkVOQ0VTLnN0cm9uZ1xuICAgICAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWxbdGV4dCBhcyBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLm5ldXRyYWxdXG4gICAgICAgICAgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0XG4gICAgICB9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgICBgLFxuICAgIGRpc2FibGVkOiBgXG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmd9O1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgIGAsXG4gIH1cbn1cblxuY29uc3Qgc2l6ZVN0eWxlcyA9ICh7IHNpemUgfTogeyBzaXplOiBCdWxsZXRTaXplIH0pID0+IHNpemVzW3NpemVdXG5cbnR5cGUgU3R5bGVkQ29udGFpbmVyVHlwZSA9IHtcbiAgc2VudGltZW50OiBCdWxsZXRTZW50aW1lbnRcbiAgc2l6ZTogQnVsbGV0U2l6ZVxuICBwcm9taW5lbmNlOiBQcm9taW5lbmNlVHlwZVxufVxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKTxTdHlsZWRDb250YWluZXJUeXBlPmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7KHsgdGhlbWUsIHByb21pbmVuY2UsIHNlbnRpbWVudCB9KSA9PlxuICAgIChzZW50aW1lbnRTdHlsZXMoeyB0aGVtZSwgcHJvbWluZW5jZSB9KSBhcyBSZWNvcmQ8QnVsbGV0U2VudGltZW50LCBzdHJpbmc+KVtcbiAgICAgIHNlbnRpbWVudFxuICAgIF19XG4gICR7c2l6ZVN0eWxlc31cbmBcblxudHlwZSBDb250ZW50UHJvcHMgPSBYT1I8XG4gIFtcbiAgICB7XG4gICAgICBpY29uOiBDb21wb25lbnRQcm9wczx0eXBlb2YgSWNvbj5bJ25hbWUnXVxuICAgICAgaWNvblZhcmlhbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgSWNvbj5bJ3ZhcmlhbnQnXVxuICAgIH0sXG4gICAge1xuICAgICAgdGV4dDogc3RyaW5nXG4gICAgfSxcbiAgXVxuPlxudHlwZSBCdWxsZXRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBCdWxsZXRTaXplXG4gIHRvb2x0aXA/OiBzdHJpbmdcbiAgdG9vbHRpcEJhc2VJZD86IHN0cmluZ1xuICBzZW50aW1lbnQ/OiBCdWxsZXRTZW50aW1lbnRcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBwcm9taW5lbmNlPzogUHJvbWluZW5jZVR5cGVcbn0gJiBDb250ZW50UHJvcHNcblxuLyoqXG4gKiBCdWxsZXQgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHNtYWxsIGljb24gb3IgdGV4dCB3aXRoIGEgY29sb3JlZCBiYWNrZ3JvdW5kIGluIGEgY2lyY2xlLlxuICovXG5leHBvcnQgY29uc3QgQnVsbGV0ID0gKHtcbiAgY2xhc3NOYW1lLFxuICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgaWNvbixcbiAgaWNvblZhcmlhbnQsXG4gIHRleHQsXG4gIHRvb2x0aXAsXG4gIHRvb2x0aXBCYXNlSWQsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIHByb21pbmVuY2UgPSAnZGVmYXVsdCcsXG59OiBCdWxsZXRQcm9wcykgPT4gKFxuICA8VG9vbHRpcCBpZD17dG9vbHRpcEJhc2VJZH0gdGV4dD17dG9vbHRpcH0+XG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIHByb21pbmVuY2U9e3Byb21pbmVuY2V9XG4gICAgPlxuICAgICAge2ljb24gPyA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwic21hbGxcIiB2YXJpYW50PXtpY29uVmFyaWFudH0gLz4gOiB0ZXh0fVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
+const Bullet = ({
+  className,
+  sentiment = "neutral",
+  size = "medium",
+  icon,
+  iconVariant,
+  text,
+  tooltip,
+  tooltipBaseId,
+  "data-testid": dataTestId,
+  prominence = "default"
+}) => /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { sentiment, size, className, "data-testid": dataTestId, prominence, children: icon ? /* @__PURE__ */ jsxRuntime.jsx(icons.Icon, { name: icon, size: "small", variant: iconVariant }) : text }) });
+exports.Bullet = Bullet;
+exports.PROMINENCES = PROMINENCES;