@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/components/BarStack/index.js

@@ -0,0 +1,114 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useMemo } from "react";
+import { Tooltip } from "../Tooltip/index.js";
+const StyledBarWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ezikjce2"
+} : {
+  target: "ezikjce2",
+  label: "StyledBarWrapper"
+})("width: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(\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,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)) });
+};
+export {
+  BarStack
+};

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

@@ -0,0 +1,30 @@
+import type { JSX, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+type ItemProps = {
+    children: ReactNode;
+    'aria-current'?: boolean | 'false' | 'true' | 'page' | 'step' | 'location' | 'date' | 'time';
+    /**
+     * Make the component act a `Link` tag
+     */
+    to?: string;
+    disabled?: boolean;
+    /**
+     * ID of the step, automatically injected by Breadcrumbs parent tag
+     */
+    step?: number;
+    onClick?: (event: ReactMouseEvent<HTMLLIElement>, step: number) => void;
+};
+export declare const Item: ({ to, children, disabled, "aria-current": ariaCurrent, onClick, step, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+type BreadcrumbsProps = {
+    selected?: number;
+    children: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+};
+type BreadcrumbsType = ((props: BreadcrumbsProps) => JSX.Element) & {
+    Item: typeof Item;
+};
+/**
+ * Breadcrumbs component is used to display a navigation path with links to the parent pages.
+ */
+export declare const Breadcrumbs: BreadcrumbsType;
+export {};

package/dist/components/Breadcrumbs/index.js

@@ -0,0 +1,73 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+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 = /* @__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,
+  disabled = false,
+  "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) });
+const Breadcrumbs = ({
+  children,
+  selected: selectedProp,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const selected = selectedProp !== void 0 ? selectedProp : Children.count(children) - 1;
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", className, "data-testid": dataTestId, children: /* @__PURE__ */ jsx(StyledOl, { children: Children.map(children, (child, index) => {
+    if (!isValidElement(child)) {
+      return child;
+    }
+    const active = selected === index;
+    return cloneElement(child, {
+      "aria-current": active ? "page" : void 0,
+      step: index
+    });
+  }) }) });
+};
+Breadcrumbs.Item = Item;
+export {
+  Breadcrumbs,
+  Item
+};

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

@@ -0,0 +1,39 @@
+import { Icon } from '@ultraviolet/icons';
+import type { ComponentProps } from 'react';
+import type { XOR } from '../../types';
+export declare const PROMINENCES: {
+    default: string;
+    strong: string;
+};
+type ProminenceType = keyof typeof PROMINENCES;
+declare const BULLET_SENTIMENTS: string[];
+type BulletSentiment = (typeof BULLET_SENTIMENTS)[number];
+declare const sizes: {
+    readonly medium: "\n    width: 32px;\n    height: 32px;\n    font-size: 16px;\n  ";
+    readonly small: "\n    width: 24px;\n    height: 24px;\n    font-size: 14px;\n  ";
+};
+type BulletSize = keyof typeof sizes;
+export declare const bulletSizes: ("small" | "medium")[];
+type ContentProps = XOR<[
+    {
+        icon: ComponentProps<typeof Icon>['name'];
+        iconVariant?: ComponentProps<typeof Icon>['variant'];
+    },
+    {
+        text: string;
+    }
+]>;
+type BulletProps = {
+    className?: string;
+    size?: BulletSize;
+    tooltip?: string;
+    tooltipBaseId?: string;
+    sentiment?: BulletSentiment;
+    'data-testid'?: string;
+    prominence?: ProminenceType;
+} & ContentProps;
+/**
+ * Bullet component is used to display a small icon or text with a colored background in a circle.
+ */
+export declare const Bullet: ({ className, sentiment, size, icon, iconVariant, text, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, }: BulletProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Bullet/index.js

@@ -0,0 +1,84 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Icon } from "@ultraviolet/icons";
+import { SENTIMENTS_WITHOUT_NEUTRAL } from "../../theme/index.js";
+import capitalize from "../../utils/capitalize.js";
+import { Tooltip } from "../Tooltip/index.js";
+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 {
+    ...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("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__ */ jsx(Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsx(StyledContainer, { sentiment, size, className, "data-testid": dataTestId, prominence, children: icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: "small", variant: iconVariant }) : text }) });
+export {
+  Bullet,
+  PROMINENCES
+};

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

@@ -0,0 +1,120 @@
+import type { Theme } from '@emotion/react';
+import { Icon } from '@ultraviolet/icons';
+import type { AriaRole, ButtonHTMLAttributes, ComponentProps, MouseEventHandler, ReactNode } from 'react';
+import type { SENTIMENTS } from '../../theme';
+type SENTIMENT = (typeof SENTIMENTS)[number];
+export declare const SIZE_HEIGHT: {
+    readonly large: 48;
+    readonly medium: 40;
+    readonly small: 32;
+    readonly xsmall: 24;
+};
+type ButtonSize = keyof typeof SIZE_HEIGHT;
+export declare const buttonSizes: ("large" | "small" | "xsmall" | "medium")[];
+declare const VARIANTS_COMPONENTS: {
+    filled: {
+        button: import("@emotion/styled").StyledComponent<{
+            theme?: Theme | undefined;
+            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
+            iconOnly: boolean;
+        }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+        link: import("@emotion/styled").StyledComponent<{
+            theme?: Theme | undefined;
+            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
+            iconOnly: boolean;
+        }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+    };
+    outlined: {
+        button: import("@emotion/styled").StyledComponent<{
+            theme?: Theme | undefined;
+            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
+            iconOnly: boolean;
+        }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+        link: import("@emotion/styled").StyledComponent<{
+            theme?: Theme | undefined;
+            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
+            iconOnly: boolean;
+        }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+    };
+    ghost: {
+        button: import("@emotion/styled").StyledComponent<{
+            theme?: Theme | undefined;
+            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
+            iconOnly: boolean;
+        }, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+        link: import("@emotion/styled").StyledComponent<{
+            theme?: Theme | undefined;
+            as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        } & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
+            iconOnly: boolean;
+        }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+    };
+};
+type ButtonVariant = keyof typeof VARIANTS_COMPONENTS;
+export declare const buttonVariants: ("filled" | "outlined" | "ghost")[];
+type CommonProps = {
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>['autoFocus'];
+    variant?: ButtonVariant;
+    role?: AriaRole;
+    size?: ButtonSize;
+    className?: string;
+    'data-testid'?: string;
+    sentiment?: SENTIMENT;
+    disabled?: boolean;
+    iconPosition?: 'left' | 'right';
+    iconVariant?: ComponentProps<typeof Icon>['variant'];
+    fullWidth?: boolean;
+    isLoading?: boolean;
+    'aria-label'?: string;
+    'aria-current'?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-haspopup'?: boolean;
+    onClick?: MouseEventHandler<HTMLElement>;
+    tooltip?: string;
+    tabIndex?: ButtonHTMLAttributes<HTMLButtonElement>['tabIndex'];
+    onMouseDown?: MouseEventHandler<HTMLElement>;
+    onMouseUp?: MouseEventHandler<HTMLElement>;
+    onMouseOut?: MouseEventHandler<HTMLElement>;
+};
+type FinalProps = CommonProps & ({
+    children: ReactNode;
+    icon?: ComponentProps<typeof Icon>['name'];
+    name?: string;
+    href?: never;
+    target?: never;
+    download?: never;
+} | {
+    children?: never;
+    icon: ComponentProps<typeof Icon>['name'];
+    name?: string;
+    href?: never;
+    target?: never;
+    download?: never;
+} | {
+    children: ReactNode;
+    icon?: ComponentProps<typeof Icon>['name'];
+    name?: never;
+    href: string;
+    target?: string;
+    download?: string;
+} | {
+    children?: never;
+    icon: ComponentProps<typeof Icon>['name'];
+    name?: never;
+    href: string;
+    target?: string;
+    download?: string;
+});
+/**
+ * Button component is used to trigger an action or event, such as submitting a form, opening a dialog,
+ * canceling an action, or performing a delete operation.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<FinalProps & import("react").RefAttributes<Element>>;
+export {};