@ultraviolet/plus 3.0.0-beta.9 → 3.1.0

package/dist/components/Navigation/NavigationContent.js

@@ -1,68 +1,14 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Stack } from "@ultraviolet/ui";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useRef, useEffect } from "react";
-import { NAVIGATION_MAX_WIDTH, NAVIGATION_MIN_WIDTH, NAVIGATION_COLLASPED_WIDTH, ANIMATION_DURATION } from "./constants.js";
+import { NAVIGATION_MIN_WIDTH, NAVIGATION_COLLASPED_WIDTH } from "./constants.js";
 import { Footer } from "./Footer.js";
 import { Header } from "./Header.js";
 import { useNavigation } from "./NavigationProvider.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 StyledNav = /* @__PURE__ */ _styled("nav", process.env.NODE_ENV === "production" ? {
-  target: "esezfu54"
-} : {
-  target: "esezfu54",
-  label: "StyledNav"
-})("display:flex;flex-direction:row;position:relative;border-right:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vTmF2aWdhdGlvbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgQU5JTUFUSU9OX0RVUkFUSU9OLFxuICBOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSCxcbiAgTkFWSUdBVElPTl9NQVhfV0lEVEgsXG4gIE5BVklHQVRJT05fTUlOX1dJRFRILFxufSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IEZvb3RlciB9IGZyb20gJy4vRm9vdGVyJ1xuaW1wb3J0IHsgSGVhZGVyIH0gZnJvbSAnLi9IZWFkZXInXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IE5hdmlnYXRpb25Qcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZE5hdiA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHdpZHRoOiBudW1iZXJcbn0+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuXG4gICZbZGF0YS1leHBhbmRlZD1cInRydWVcIl1bZGF0YS1hbmltYXRpb249XCJmYWxzZVwiXSB7XG4gICAgbWF4LXdpZHRoOiAke05BVklHQVRJT05fTUFYX1dJRFRIfXB4O1xuICAgIG1pbi13aWR0aDogJHtOQVZJR0FUSU9OX01JTl9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1leHBhbmRlZD1cImZhbHNlXCJdIHtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHRyYW5zaXRpb246IHdpZHRoICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuICB9XG5cbiAgJltkYXRhLWFuaW1hdGlvbj1cImNvbGxhcHNlXCJdIHtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dDtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuYFxuXG5jb25zdCBDb250ZW50Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBmbGV4LWdyb3c6IDE7XG5cbiAgJltkYXRhLWlzLWV4cGFuZGVkPVwiZmFsc2VcIl0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuXG4gICZbZGF0YS1pcy1leHBhbmRlZD1cInRydWVcIl0sXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIH1cbmBcblxuY29uc3QgU2xpZGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogNnB4O1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQ29udGVudCA9ICh7XG4gIGNoaWxkcmVuLFxuICBsb2dvLFxuICBvbldpZHRoUmVzaXplLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGlkLFxuICBvblRvZ2dsZUV4cGFuZCxcbn06IE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24gc2hvdWxkIGJlIGluc2lkZSBOYXZpZ2F0aW9uUHJvdmlkZXIgdG8gdXNlIGl0IHByb3Blcmx5LicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIHNldFdpZHRoLFxuICAgIHdpZHRoLFxuICAgIGV4cGFuZGVkLFxuICAgIHRvZ2dsZUV4cGFuZCxcbiAgICBhbmltYXRpb24sXG4gICAgbmF2aWdhdGlvblJlZixcbiAgICBhbGxvd05hdmlnYXRpb25SZXNpemUsXG4gICAgc2hvdWxkQW5pbWF0ZSxcbiAgfSA9IGNvbnRleHRcblxuICBjb25zdCBzbGlkZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuICBjb25zdCBjb250ZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbClcblxuICAvLyBJdCB3aWxsIGhhbmRsZSB0aGUgcmVzaXplIG9mIHRoZSBuYXZpZ2F0aW9uIHdoZW4gdGhlIHVzZXIgZHJhZyB0aGUgdmVydGljYWwgYmFyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHByZXZYOiBudW1iZXIgfCB1bmRlZmluZWRcbiAgICBsZXQgbmF2UmVjdDogRE9NUmVjdCB8IHVuZGVmaW5lZFxuICAgIGxldCBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgbGV0IHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG5cbiAgICBjb25zdCBtb3VzZU1vdmUgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChwcmV2WCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNvbnN0IG5hdldpZHRoID0gbmF2UmVjdD8ud2lkdGggPz8gMFxuICAgICAgICBjb25zdCBuZXdXaWR0aCA9IG5hdldpZHRoICsgKGV2ZW50LmNsaWVudFggLSBwcmV2WClcblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50ICYmIGV4cGFuZGVkKSB7XG4gICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gYCR7bmV3V2lkdGh9cHhgXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPD0gTkFWSUdBVElPTl9NSU5fV0lEVEgpIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IHRydWVcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPj0gTkFWSUdBVElPTl9DT0xMQVNQRURfV0lEVEggJiYgIWV4cGFuZGVkKSB7XG4gICAgICAgICAgc2hvdWxkRXhwYW5kT25Nb3VzZVVwID0gdHJ1ZVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBtb3VzZWRvd24gPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUucG9pbnRlckV2ZW50cyA9ICdub25lJ1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS51c2VyU2VsZWN0ID0gJ25vbmUnXG5cbiAgICAgIHByZXZYID0gZXZlbnQuY2xpZW50WFxuICAgICAgbmF2UmVjdCA9IG5hdmlnYXRpb25SZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcblxuICAgICAgY29uc3QgbW91c2V1cCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHNob3VsZENvbGxhcHNlT25Nb3VzZVVwIHx8IHNob3VsZEV4cGFuZE9uTW91c2VVcCkge1xuICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgb25Ub2dnbGVFeHBhbmQ/LighZXhwYW5kZWQpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgaWYgKCFzaG91bGRDb2xsYXBzZU9uTW91c2VVcCAmJiAhc2hvdWxkRXhwYW5kT25Nb3VzZVVwKSB7XG4gICAgICAgICAgICBvbldpZHRoUmVzaXplPy4obmF2aWdhdGlvblJlZi5jdXJyZW50Lm9mZnNldFdpZHRoKVxuICAgICAgICAgICAgc2V0V2lkdGg/LihuYXZpZ2F0aW9uUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFleHBhbmRlZCkge1xuICAgICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gJydcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2V1cClcblxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnJ1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3QgPSAnJ1xuICAgICAgfVxuXG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbW91c2V1cCcsIG1vdXNldXApXG4gICAgfVxuICAgIGNvbnN0IHNsaWRlclJlZkN1cnJlbnQgPSBzbGlkZXJSZWYuY3VycmVudFxuXG4gICAgc2xpZGVyUmVmQ3VycmVudD8uYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgbW91c2Vkb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHNsaWRlclJlZkN1cnJlbnQ/LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIG1vdXNlZG93bilcbiAgICB9XG4gIH0sIFtcbiAgICBleHBhbmRlZCxcbiAgICBuYXZpZ2F0aW9uUmVmLFxuICAgIG9uVG9nZ2xlRXhwYW5kLFxuICAgIG9uV2lkdGhSZXNpemUsXG4gICAgc2V0V2lkdGgsXG4gICAgdG9nZ2xlRXhwYW5kLFxuICBdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGlkPXtpZH0+XG4gICAgICA8Q29udGFpbmVyXG4gICAgICAgIGRhdGEtYW5pbWF0aW9uPXtzaG91bGRBbmltYXRlID8gYW5pbWF0aW9uIDogdW5kZWZpbmVkfVxuICAgICAgICBkYXRhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgcmVmPXtuYXZpZ2F0aW9uUmVmfVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICA+XG4gICAgICAgIHtsb2dvID8gPEhlYWRlciBsb2dvPXtsb2dvfSAvPiA6IG51bGx9XG4gICAgICAgIDxDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgIDxDb250ZW50XG4gICAgICAgICAgICBkYXRhLWFuaW1hdGlvbj17c2hvdWxkQW5pbWF0ZSA/IGFuaW1hdGlvbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGRhdGEtaXMtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgZ2FwPXswLjI1fVxuICAgICAgICAgICAgcmVmPXtjb250ZW50UmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgICAge2FsbG93TmF2aWdhdGlvblJlc2l6ZSA/IChcbiAgICAgICAgICAgIDxGb290ZXIgY29udGVudFJlZj17Y29udGVudFJlZn0gb25Ub2dnbGVFeHBhbmQ9e29uVG9nZ2xlRXhwYW5kfSAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHthbGxvd05hdmlnYXRpb25SZXNpemUgPyAoXG4gICAgICAgIDxTbGlkZXIgZGF0YS10ZXN0aWQ9XCJzbGlkZXJcIiByZWY9e3NsaWRlclJlZn0gLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkTmF2PlxuICApXG59XG4iXX0= */"));
-const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["width"].includes(prop),
-  target: "esezfu53"
-} : {
-  shouldForwardProp: (prop) => !["width"].includes(prop),
-  target: "esezfu53",
-  label: "Container"
-})("background:", ({
-  theme
-}) => theme.colors.neutral.background, ";display:flex;flex-direction:column;width:", ({
-  width
-}) => width, 'px;&[data-expanded="true"][data-animation="false"]{max-width:', NAVIGATION_MAX_WIDTH, "px;min-width:", NAVIGATION_MIN_WIDTH, 'px;}&[data-expanded="false"]{width:', NAVIGATION_COLLASPED_WIDTH, 'px;}&[data-animation="expand"]{transition:width ', ANIMATION_DURATION, "ms ease-in-out;width:", ({
-  width
-}) => width, 'px;}&[data-animation="collapse"]{transition:width ', ANIMATION_DURATION, "ms ease-in-out;width:", NAVIGATION_COLLASPED_WIDTH, "px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQge1xuICBBTklNQVRJT05fRFVSQVRJT04sXG4gIE5BVklHQVRJT05fQ09MTEFTUEVEX1dJRFRILFxuICBOQVZJR0FUSU9OX01BWF9XSURUSCxcbiAgTkFWSUdBVElPTl9NSU5fV0lEVEgsXG59IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgRm9vdGVyIH0gZnJvbSAnLi9Gb290ZXInXG5pbXBvcnQgeyBIZWFkZXIgfSBmcm9tICcuL0hlYWRlcidcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgTmF2aWdhdGlvblByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3R5bGVkTmF2ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgd2lkdGg6IG51bWJlclxufT5gXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG5cbiAgJltkYXRhLWV4cGFuZGVkPVwidHJ1ZVwiXVtkYXRhLWFuaW1hdGlvbj1cImZhbHNlXCJdIHtcbiAgICBtYXgtd2lkdGg6ICR7TkFWSUdBVElPTl9NQVhfV0lEVEh9cHg7XG4gICAgbWluLXdpZHRoOiAke05BVklHQVRJT05fTUlOX1dJRFRIfXB4O1xuICB9XG5cbiAgJltkYXRhLWV4cGFuZGVkPVwiZmFsc2VcIl0ge1xuICAgIHdpZHRoOiAke05BVklHQVRJT05fQ09MTEFTUEVEX1dJRFRIfXB4O1xuICB9XG5cbiAgJltkYXRhLWFuaW1hdGlvbj1cImV4cGFuZFwiXSB7XG4gICAgdHJhbnNpdGlvbjogd2lkdGggJHtBTklNQVRJT05fRFVSQVRJT059bXMgZWFzZS1pbi1vdXQ7XG4gICAgd2lkdGg6ICR7KHsgd2lkdGggfSkgPT4gd2lkdGh9cHg7XG4gIH1cblxuICAmW2RhdGEtYW5pbWF0aW9uPVwiY29sbGFwc2VcIl0ge1xuICAgIHRyYW5zaXRpb246IHdpZHRoICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICAgIHdpZHRoOiAke05BVklHQVRJT05fQ09MTEFTUEVEX1dJRFRIfXB4O1xuICB9XG5gXG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LWdyb3c6IDE7XG5gXG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBvdmVyZmxvdy15OiBhdXRvO1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGZsZXgtZ3JvdzogMTtcblxuICAmW2RhdGEtaXMtZXhwYW5kZWQ9XCJmYWxzZVwiXSB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICB9XG5cbiAgJltkYXRhLWlzLWV4cGFuZGVkPVwidHJ1ZVwiXSxcbiAgJltkYXRhLWFuaW1hdGlvbj1cImV4cGFuZFwiXSB7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuYFxuXG5jb25zdCBTbGlkZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiA2cHg7XG4gIGN1cnNvcjogY29sLXJlc2l6ZTtcbiAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcn07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25Db250ZW50ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGxvZ28sXG4gIG9uV2lkdGhSZXNpemUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgaWQsXG4gIG9uVG9nZ2xlRXhwYW5kLFxufTogTmF2aWdhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VOYXZpZ2F0aW9uKClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnTmF2aWdhdGlvbiBzaG91bGQgYmUgaW5zaWRlIE5hdmlnYXRpb25Qcm92aWRlciB0byB1c2UgaXQgcHJvcGVybHkuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7XG4gICAgc2V0V2lkdGgsXG4gICAgd2lkdGgsXG4gICAgZXhwYW5kZWQsXG4gICAgdG9nZ2xlRXhwYW5kLFxuICAgIGFuaW1hdGlvbixcbiAgICBuYXZpZ2F0aW9uUmVmLFxuICAgIGFsbG93TmF2aWdhdGlvblJlc2l6ZSxcbiAgICBzaG91bGRBbmltYXRlLFxuICB9ID0gY29udGV4dFxuXG4gIGNvbnN0IHNsaWRlclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpXG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuXG4gIC8vIEl0IHdpbGwgaGFuZGxlIHRoZSByZXNpemUgb2YgdGhlIG5hdmlnYXRpb24gd2hlbiB0aGUgdXNlciBkcmFnIHRoZSB2ZXJ0aWNhbCBiYXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBsZXQgcHJldlg6IG51bWJlciB8IHVuZGVmaW5lZFxuICAgIGxldCBuYXZSZWN0OiBET01SZWN0IHwgdW5kZWZpbmVkXG4gICAgbGV0IHNob3VsZENvbGxhcHNlT25Nb3VzZVVwID0gZmFsc2VcbiAgICBsZXQgc2hvdWxkRXhwYW5kT25Nb3VzZVVwID0gZmFsc2VcblxuICAgIGNvbnN0IG1vdXNlTW92ZSA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgaWYgKHByZXZYICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgY29uc3QgbmF2V2lkdGggPSBuYXZSZWN0Py53aWR0aCA/PyAwXG4gICAgICAgIGNvbnN0IG5ld1dpZHRoID0gbmF2V2lkdGggKyAoZXZlbnQuY2xpZW50WCAtIHByZXZYKVxuXG4gICAgICAgIGlmIChuYXZpZ2F0aW9uUmVmLmN1cnJlbnQgJiYgZXhwYW5kZWQpIHtcbiAgICAgICAgICBuYXZpZ2F0aW9uUmVmLmN1cnJlbnQuc3R5bGUud2lkdGggPSBgJHtuZXdXaWR0aH1weGBcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChuZXdXaWR0aCA8PSBOQVZJR0FUSU9OX01JTl9XSURUSCkge1xuICAgICAgICAgIHNob3VsZENvbGxhcHNlT25Nb3VzZVVwID0gdHJ1ZVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNob3VsZENvbGxhcHNlT25Nb3VzZVVwID0gZmFsc2VcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChuZXdXaWR0aCA+PSBOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSCAmJiAhZXhwYW5kZWQpIHtcbiAgICAgICAgICBzaG91bGRFeHBhbmRPbk1vdXNlVXAgPSB0cnVlXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2hvdWxkRXhwYW5kT25Nb3VzZVVwID0gZmFsc2VcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIGNvbnN0IG1vdXNlZG93biA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5wb2ludGVyRXZlbnRzID0gJ25vbmUnXG4gICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3QgPSAnbm9uZSdcblxuICAgICAgcHJldlggPSBldmVudC5jbGllbnRYXG4gICAgICBuYXZSZWN0ID0gbmF2aWdhdGlvblJlZi5jdXJyZW50Py5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKVxuXG4gICAgICBjb25zdCBtb3VzZXVwID0gKCkgPT4ge1xuICAgICAgICBpZiAoc2hvdWxkQ29sbGFwc2VPbk1vdXNlVXAgfHwgc2hvdWxkRXhwYW5kT25Nb3VzZVVwKSB7XG4gICAgICAgICAgdG9nZ2xlRXhwYW5kKClcbiAgICAgICAgICBvblRvZ2dsZUV4cGFuZD8uKCFleHBhbmRlZClcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChuYXZpZ2F0aW9uUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBpZiAoIXNob3VsZENvbGxhcHNlT25Nb3VzZVVwICYmICFzaG91bGRFeHBhbmRPbk1vdXNlVXApIHtcbiAgICAgICAgICAgIG9uV2lkdGhSZXNpemU/LihuYXZpZ2F0aW9uUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpXG4gICAgICAgICAgICBzZXRXaWR0aD8uKG5hdmlnYXRpb25SZWYuY3VycmVudC5vZmZzZXRXaWR0aClcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBpZiAoIWV4cGFuZGVkKSB7XG4gICAgICAgICAgICBuYXZpZ2F0aW9uUmVmLmN1cnJlbnQuc3R5bGUud2lkdGggPSAnJ1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIG1vdXNlTW92ZSlcbiAgICAgICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNldXAnLCBtb3VzZXVwKVxuXG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUucG9pbnRlckV2ZW50cyA9ICcnXG4gICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUudXNlclNlbGVjdCA9ICcnXG4gICAgICB9XG5cbiAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ21vdXNlbW92ZScsIG1vdXNlTW92ZSlcbiAgICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2V1cClcbiAgICB9XG4gICAgY29uc3Qgc2xpZGVyUmVmQ3VycmVudCA9IHNsaWRlclJlZi5jdXJyZW50XG5cbiAgICBzbGlkZXJSZWZDdXJyZW50Py5hZGRFdmVudExpc3RlbmVyKCdtb3VzZWRvd24nLCBtb3VzZWRvd24pXG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgc2xpZGVyUmVmQ3VycmVudD8ucmVtb3ZlRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgbW91c2Vkb3duKVxuICAgIH1cbiAgfSwgW1xuICAgIGV4cGFuZGVkLFxuICAgIG5hdmlnYXRpb25SZWYsXG4gICAgb25Ub2dnbGVFeHBhbmQsXG4gICAgb25XaWR0aFJlc2l6ZSxcbiAgICBzZXRXaWR0aCxcbiAgICB0b2dnbGVFeHBhbmQsXG4gIF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0gaWQ9e2lkfT5cbiAgICAgIDxDb250YWluZXJcbiAgICAgICAgZGF0YS1hbmltYXRpb249e3Nob3VsZEFuaW1hdGUgPyBhbmltYXRpb24gOiB1bmRlZmluZWR9XG4gICAgICAgIGRhdGEtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICByZWY9e25hdmlnYXRpb25SZWZ9XG4gICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgID5cbiAgICAgICAge2xvZ28gPyA8SGVhZGVyIGxvZ289e2xvZ299IC8+IDogbnVsbH1cbiAgICAgICAgPENvbnRlbnRDb250YWluZXI+XG4gICAgICAgICAgPENvbnRlbnRcbiAgICAgICAgICAgIGRhdGEtYW5pbWF0aW9uPXtzaG91bGRBbmltYXRlID8gYW5pbWF0aW9uIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgZGF0YS1pcy1leHBhbmRlZD17ZXhwYW5kZWR9XG4gICAgICAgICAgICBnYXA9ezAuMjV9XG4gICAgICAgICAgICByZWY9e2NvbnRlbnRSZWZ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvQ29udGVudD5cbiAgICAgICAgICB7YWxsb3dOYXZpZ2F0aW9uUmVzaXplID8gKFxuICAgICAgICAgICAgPEZvb3RlciBjb250ZW50UmVmPXtjb250ZW50UmVmfSBvblRvZ2dsZUV4cGFuZD17b25Ub2dnbGVFeHBhbmR9IC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvQ29udGVudENvbnRhaW5lcj5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgICAge2FsbG93TmF2aWdhdGlvblJlc2l6ZSA/IChcbiAgICAgICAgPFNsaWRlciBkYXRhLXRlc3RpZD1cInNsaWRlclwiIHJlZj17c2xpZGVyUmVmfSAvPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9TdHlsZWROYXY+XG4gIClcbn1cbiJdfQ== */"));
-const ContentContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "esezfu52"
-} : {
-  target: "esezfu52",
-  label: "ContentContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "12is9id",
-  styles: "overflow:hidden;display:flex;flex-direction:column;flex-grow:1"
-} : {
-  name: "12is9id",
-  styles: "overflow:hidden;display:flex;flex-direction:column;flex-grow:1/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vTmF2aWdhdGlvbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgQU5JTUFUSU9OX0RVUkFUSU9OLFxuICBOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSCxcbiAgTkFWSUdBVElPTl9NQVhfV0lEVEgsXG4gIE5BVklHQVRJT05fTUlOX1dJRFRILFxufSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IEZvb3RlciB9IGZyb20gJy4vRm9vdGVyJ1xuaW1wb3J0IHsgSGVhZGVyIH0gZnJvbSAnLi9IZWFkZXInXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IE5hdmlnYXRpb25Qcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZE5hdiA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHdpZHRoOiBudW1iZXJcbn0+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuXG4gICZbZGF0YS1leHBhbmRlZD1cInRydWVcIl1bZGF0YS1hbmltYXRpb249XCJmYWxzZVwiXSB7XG4gICAgbWF4LXdpZHRoOiAke05BVklHQVRJT05fTUFYX1dJRFRIfXB4O1xuICAgIG1pbi13aWR0aDogJHtOQVZJR0FUSU9OX01JTl9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1leHBhbmRlZD1cImZhbHNlXCJdIHtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHRyYW5zaXRpb246IHdpZHRoICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuICB9XG5cbiAgJltkYXRhLWFuaW1hdGlvbj1cImNvbGxhcHNlXCJdIHtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dDtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuYFxuXG5jb25zdCBDb250ZW50Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBmbGV4LWdyb3c6IDE7XG5cbiAgJltkYXRhLWlzLWV4cGFuZGVkPVwiZmFsc2VcIl0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuXG4gICZbZGF0YS1pcy1leHBhbmRlZD1cInRydWVcIl0sXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIH1cbmBcblxuY29uc3QgU2xpZGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogNnB4O1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQ29udGVudCA9ICh7XG4gIGNoaWxkcmVuLFxuICBsb2dvLFxuICBvbldpZHRoUmVzaXplLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGlkLFxuICBvblRvZ2dsZUV4cGFuZCxcbn06IE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24gc2hvdWxkIGJlIGluc2lkZSBOYXZpZ2F0aW9uUHJvdmlkZXIgdG8gdXNlIGl0IHByb3Blcmx5LicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIHNldFdpZHRoLFxuICAgIHdpZHRoLFxuICAgIGV4cGFuZGVkLFxuICAgIHRvZ2dsZUV4cGFuZCxcbiAgICBhbmltYXRpb24sXG4gICAgbmF2aWdhdGlvblJlZixcbiAgICBhbGxvd05hdmlnYXRpb25SZXNpemUsXG4gICAgc2hvdWxkQW5pbWF0ZSxcbiAgfSA9IGNvbnRleHRcblxuICBjb25zdCBzbGlkZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuICBjb25zdCBjb250ZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbClcblxuICAvLyBJdCB3aWxsIGhhbmRsZSB0aGUgcmVzaXplIG9mIHRoZSBuYXZpZ2F0aW9uIHdoZW4gdGhlIHVzZXIgZHJhZyB0aGUgdmVydGljYWwgYmFyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHByZXZYOiBudW1iZXIgfCB1bmRlZmluZWRcbiAgICBsZXQgbmF2UmVjdDogRE9NUmVjdCB8IHVuZGVmaW5lZFxuICAgIGxldCBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgbGV0IHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG5cbiAgICBjb25zdCBtb3VzZU1vdmUgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChwcmV2WCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNvbnN0IG5hdldpZHRoID0gbmF2UmVjdD8ud2lkdGggPz8gMFxuICAgICAgICBjb25zdCBuZXdXaWR0aCA9IG5hdldpZHRoICsgKGV2ZW50LmNsaWVudFggLSBwcmV2WClcblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50ICYmIGV4cGFuZGVkKSB7XG4gICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gYCR7bmV3V2lkdGh9cHhgXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPD0gTkFWSUdBVElPTl9NSU5fV0lEVEgpIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IHRydWVcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPj0gTkFWSUdBVElPTl9DT0xMQVNQRURfV0lEVEggJiYgIWV4cGFuZGVkKSB7XG4gICAgICAgICAgc2hvdWxkRXhwYW5kT25Nb3VzZVVwID0gdHJ1ZVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBtb3VzZWRvd24gPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUucG9pbnRlckV2ZW50cyA9ICdub25lJ1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS51c2VyU2VsZWN0ID0gJ25vbmUnXG5cbiAgICAgIHByZXZYID0gZXZlbnQuY2xpZW50WFxuICAgICAgbmF2UmVjdCA9IG5hdmlnYXRpb25SZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcblxuICAgICAgY29uc3QgbW91c2V1cCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHNob3VsZENvbGxhcHNlT25Nb3VzZVVwIHx8IHNob3VsZEV4cGFuZE9uTW91c2VVcCkge1xuICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgb25Ub2dnbGVFeHBhbmQ/LighZXhwYW5kZWQpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgaWYgKCFzaG91bGRDb2xsYXBzZU9uTW91c2VVcCAmJiAhc2hvdWxkRXhwYW5kT25Nb3VzZVVwKSB7XG4gICAgICAgICAgICBvbldpZHRoUmVzaXplPy4obmF2aWdhdGlvblJlZi5jdXJyZW50Lm9mZnNldFdpZHRoKVxuICAgICAgICAgICAgc2V0V2lkdGg/LihuYXZpZ2F0aW9uUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFleHBhbmRlZCkge1xuICAgICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gJydcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2V1cClcblxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnJ1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3QgPSAnJ1xuICAgICAgfVxuXG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbW91c2V1cCcsIG1vdXNldXApXG4gICAgfVxuICAgIGNvbnN0IHNsaWRlclJlZkN1cnJlbnQgPSBzbGlkZXJSZWYuY3VycmVudFxuXG4gICAgc2xpZGVyUmVmQ3VycmVudD8uYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgbW91c2Vkb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHNsaWRlclJlZkN1cnJlbnQ/LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIG1vdXNlZG93bilcbiAgICB9XG4gIH0sIFtcbiAgICBleHBhbmRlZCxcbiAgICBuYXZpZ2F0aW9uUmVmLFxuICAgIG9uVG9nZ2xlRXhwYW5kLFxuICAgIG9uV2lkdGhSZXNpemUsXG4gICAgc2V0V2lkdGgsXG4gICAgdG9nZ2xlRXhwYW5kLFxuICBdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGlkPXtpZH0+XG4gICAgICA8Q29udGFpbmVyXG4gICAgICAgIGRhdGEtYW5pbWF0aW9uPXtzaG91bGRBbmltYXRlID8gYW5pbWF0aW9uIDogdW5kZWZpbmVkfVxuICAgICAgICBkYXRhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgcmVmPXtuYXZpZ2F0aW9uUmVmfVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICA+XG4gICAgICAgIHtsb2dvID8gPEhlYWRlciBsb2dvPXtsb2dvfSAvPiA6IG51bGx9XG4gICAgICAgIDxDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgIDxDb250ZW50XG4gICAgICAgICAgICBkYXRhLWFuaW1hdGlvbj17c2hvdWxkQW5pbWF0ZSA/IGFuaW1hdGlvbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGRhdGEtaXMtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgZ2FwPXswLjI1fVxuICAgICAgICAgICAgcmVmPXtjb250ZW50UmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgICAge2FsbG93TmF2aWdhdGlvblJlc2l6ZSA/IChcbiAgICAgICAgICAgIDxGb290ZXIgY29udGVudFJlZj17Y29udGVudFJlZn0gb25Ub2dnbGVFeHBhbmQ9e29uVG9nZ2xlRXhwYW5kfSAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHthbGxvd05hdmlnYXRpb25SZXNpemUgPyAoXG4gICAgICAgIDxTbGlkZXIgZGF0YS10ZXN0aWQ9XCJzbGlkZXJcIiByZWY9e3NsaWRlclJlZn0gLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkTmF2PlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Content = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "esezfu51"
-} : {
-  target: "esezfu51",
-  label: "Content"
-})('overflow-y:auto;overflow-x:hidden;flex-grow:1;&[data-is-expanded="false"]{align-items:center;padding:', ({
-  theme
-}) => theme.space["2"], ';}&[data-is-expanded="true"],&[data-animation="expand"]{padding:', ({
-  theme
-}) => theme.space["2"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vTmF2aWdhdGlvbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgQU5JTUFUSU9OX0RVUkFUSU9OLFxuICBOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSCxcbiAgTkFWSUdBVElPTl9NQVhfV0lEVEgsXG4gIE5BVklHQVRJT05fTUlOX1dJRFRILFxufSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IEZvb3RlciB9IGZyb20gJy4vRm9vdGVyJ1xuaW1wb3J0IHsgSGVhZGVyIH0gZnJvbSAnLi9IZWFkZXInXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IE5hdmlnYXRpb25Qcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZE5hdiA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHdpZHRoOiBudW1iZXJcbn0+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuXG4gICZbZGF0YS1leHBhbmRlZD1cInRydWVcIl1bZGF0YS1hbmltYXRpb249XCJmYWxzZVwiXSB7XG4gICAgbWF4LXdpZHRoOiAke05BVklHQVRJT05fTUFYX1dJRFRIfXB4O1xuICAgIG1pbi13aWR0aDogJHtOQVZJR0FUSU9OX01JTl9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1leHBhbmRlZD1cImZhbHNlXCJdIHtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHRyYW5zaXRpb246IHdpZHRoICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuICB9XG5cbiAgJltkYXRhLWFuaW1hdGlvbj1cImNvbGxhcHNlXCJdIHtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dDtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuYFxuXG5jb25zdCBDb250ZW50Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBmbGV4LWdyb3c6IDE7XG5cbiAgJltkYXRhLWlzLWV4cGFuZGVkPVwiZmFsc2VcIl0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuXG4gICZbZGF0YS1pcy1leHBhbmRlZD1cInRydWVcIl0sXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIH1cbmBcblxuY29uc3QgU2xpZGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogNnB4O1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQ29udGVudCA9ICh7XG4gIGNoaWxkcmVuLFxuICBsb2dvLFxuICBvbldpZHRoUmVzaXplLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGlkLFxuICBvblRvZ2dsZUV4cGFuZCxcbn06IE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24gc2hvdWxkIGJlIGluc2lkZSBOYXZpZ2F0aW9uUHJvdmlkZXIgdG8gdXNlIGl0IHByb3Blcmx5LicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIHNldFdpZHRoLFxuICAgIHdpZHRoLFxuICAgIGV4cGFuZGVkLFxuICAgIHRvZ2dsZUV4cGFuZCxcbiAgICBhbmltYXRpb24sXG4gICAgbmF2aWdhdGlvblJlZixcbiAgICBhbGxvd05hdmlnYXRpb25SZXNpemUsXG4gICAgc2hvdWxkQW5pbWF0ZSxcbiAgfSA9IGNvbnRleHRcblxuICBjb25zdCBzbGlkZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuICBjb25zdCBjb250ZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbClcblxuICAvLyBJdCB3aWxsIGhhbmRsZSB0aGUgcmVzaXplIG9mIHRoZSBuYXZpZ2F0aW9uIHdoZW4gdGhlIHVzZXIgZHJhZyB0aGUgdmVydGljYWwgYmFyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHByZXZYOiBudW1iZXIgfCB1bmRlZmluZWRcbiAgICBsZXQgbmF2UmVjdDogRE9NUmVjdCB8IHVuZGVmaW5lZFxuICAgIGxldCBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgbGV0IHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG5cbiAgICBjb25zdCBtb3VzZU1vdmUgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChwcmV2WCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNvbnN0IG5hdldpZHRoID0gbmF2UmVjdD8ud2lkdGggPz8gMFxuICAgICAgICBjb25zdCBuZXdXaWR0aCA9IG5hdldpZHRoICsgKGV2ZW50LmNsaWVudFggLSBwcmV2WClcblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50ICYmIGV4cGFuZGVkKSB7XG4gICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gYCR7bmV3V2lkdGh9cHhgXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPD0gTkFWSUdBVElPTl9NSU5fV0lEVEgpIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IHRydWVcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPj0gTkFWSUdBVElPTl9DT0xMQVNQRURfV0lEVEggJiYgIWV4cGFuZGVkKSB7XG4gICAgICAgICAgc2hvdWxkRXhwYW5kT25Nb3VzZVVwID0gdHJ1ZVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBtb3VzZWRvd24gPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUucG9pbnRlckV2ZW50cyA9ICdub25lJ1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS51c2VyU2VsZWN0ID0gJ25vbmUnXG5cbiAgICAgIHByZXZYID0gZXZlbnQuY2xpZW50WFxuICAgICAgbmF2UmVjdCA9IG5hdmlnYXRpb25SZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcblxuICAgICAgY29uc3QgbW91c2V1cCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHNob3VsZENvbGxhcHNlT25Nb3VzZVVwIHx8IHNob3VsZEV4cGFuZE9uTW91c2VVcCkge1xuICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgb25Ub2dnbGVFeHBhbmQ/LighZXhwYW5kZWQpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgaWYgKCFzaG91bGRDb2xsYXBzZU9uTW91c2VVcCAmJiAhc2hvdWxkRXhwYW5kT25Nb3VzZVVwKSB7XG4gICAgICAgICAgICBvbldpZHRoUmVzaXplPy4obmF2aWdhdGlvblJlZi5jdXJyZW50Lm9mZnNldFdpZHRoKVxuICAgICAgICAgICAgc2V0V2lkdGg/LihuYXZpZ2F0aW9uUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFleHBhbmRlZCkge1xuICAgICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gJydcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2V1cClcblxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnJ1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3QgPSAnJ1xuICAgICAgfVxuXG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbW91c2V1cCcsIG1vdXNldXApXG4gICAgfVxuICAgIGNvbnN0IHNsaWRlclJlZkN1cnJlbnQgPSBzbGlkZXJSZWYuY3VycmVudFxuXG4gICAgc2xpZGVyUmVmQ3VycmVudD8uYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgbW91c2Vkb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHNsaWRlclJlZkN1cnJlbnQ/LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIG1vdXNlZG93bilcbiAgICB9XG4gIH0sIFtcbiAgICBleHBhbmRlZCxcbiAgICBuYXZpZ2F0aW9uUmVmLFxuICAgIG9uVG9nZ2xlRXhwYW5kLFxuICAgIG9uV2lkdGhSZXNpemUsXG4gICAgc2V0V2lkdGgsXG4gICAgdG9nZ2xlRXhwYW5kLFxuICBdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGlkPXtpZH0+XG4gICAgICA8Q29udGFpbmVyXG4gICAgICAgIGRhdGEtYW5pbWF0aW9uPXtzaG91bGRBbmltYXRlID8gYW5pbWF0aW9uIDogdW5kZWZpbmVkfVxuICAgICAgICBkYXRhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgcmVmPXtuYXZpZ2F0aW9uUmVmfVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICA+XG4gICAgICAgIHtsb2dvID8gPEhlYWRlciBsb2dvPXtsb2dvfSAvPiA6IG51bGx9XG4gICAgICAgIDxDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgIDxDb250ZW50XG4gICAgICAgICAgICBkYXRhLWFuaW1hdGlvbj17c2hvdWxkQW5pbWF0ZSA/IGFuaW1hdGlvbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGRhdGEtaXMtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgZ2FwPXswLjI1fVxuICAgICAgICAgICAgcmVmPXtjb250ZW50UmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgICAge2FsbG93TmF2aWdhdGlvblJlc2l6ZSA/IChcbiAgICAgICAgICAgIDxGb290ZXIgY29udGVudFJlZj17Y29udGVudFJlZn0gb25Ub2dnbGVFeHBhbmQ9e29uVG9nZ2xlRXhwYW5kfSAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHthbGxvd05hdmlnYXRpb25SZXNpemUgPyAoXG4gICAgICAgIDxTbGlkZXIgZGF0YS10ZXN0aWQ9XCJzbGlkZXJcIiByZWY9e3NsaWRlclJlZn0gLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkTmF2PlxuICApXG59XG4iXX0= */"));
-const Slider = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "esezfu50"
-} : {
-  target: "esezfu50",
-  label: "Slider"
-})("background:transparent;position:absolute;top:0;bottom:0;right:0;width:6px;cursor:col-resize;border-right:2px solid transparent;display:flex;&:hover{border-color:", ({
-  theme
-}) => theme.colors.primary.border, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkV5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vTmF2aWdhdGlvbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHtcbiAgQU5JTUFUSU9OX0RVUkFUSU9OLFxuICBOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSCxcbiAgTkFWSUdBVElPTl9NQVhfV0lEVEgsXG4gIE5BVklHQVRJT05fTUlOX1dJRFRILFxufSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IEZvb3RlciB9IGZyb20gJy4vRm9vdGVyJ1xuaW1wb3J0IHsgSGVhZGVyIH0gZnJvbSAnLi9IZWFkZXInXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IE5hdmlnYXRpb25Qcm9wcyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IFN0eWxlZE5hdiA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJXZWFrfTtcbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHdpZHRoOiBudW1iZXJcbn0+YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuXG4gICZbZGF0YS1leHBhbmRlZD1cInRydWVcIl1bZGF0YS1hbmltYXRpb249XCJmYWxzZVwiXSB7XG4gICAgbWF4LXdpZHRoOiAke05BVklHQVRJT05fTUFYX1dJRFRIfXB4O1xuICAgIG1pbi13aWR0aDogJHtOQVZJR0FUSU9OX01JTl9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1leHBhbmRlZD1cImZhbHNlXCJdIHtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHRyYW5zaXRpb246IHdpZHRoICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICAgIHdpZHRoOiAkeyh7IHdpZHRoIH0pID0+IHdpZHRofXB4O1xuICB9XG5cbiAgJltkYXRhLWFuaW1hdGlvbj1cImNvbGxhcHNlXCJdIHtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dDtcbiAgICB3aWR0aDogJHtOQVZJR0FUSU9OX0NPTExBU1BFRF9XSURUSH1weDtcbiAgfVxuYFxuXG5jb25zdCBDb250ZW50Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleC1ncm93OiAxO1xuYFxuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBmbGV4LWdyb3c6IDE7XG5cbiAgJltkYXRhLWlzLWV4cGFuZGVkPVwiZmFsc2VcIl0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgfVxuXG4gICZbZGF0YS1pcy1leHBhbmRlZD1cInRydWVcIl0sXG4gICZbZGF0YS1hbmltYXRpb249XCJleHBhbmRcIl0ge1xuICAgIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIH1cbmBcblxuY29uc3QgU2xpZGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogNnB4O1xuICBjdXJzb3I6IGNvbC1yZXNpemU7XG4gIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJ9O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBOYXZpZ2F0aW9uQ29udGVudCA9ICh7XG4gIGNoaWxkcmVuLFxuICBsb2dvLFxuICBvbldpZHRoUmVzaXplLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGlkLFxuICBvblRvZ2dsZUV4cGFuZCxcbn06IE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24gc2hvdWxkIGJlIGluc2lkZSBOYXZpZ2F0aW9uUHJvdmlkZXIgdG8gdXNlIGl0IHByb3Blcmx5LicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIHNldFdpZHRoLFxuICAgIHdpZHRoLFxuICAgIGV4cGFuZGVkLFxuICAgIHRvZ2dsZUV4cGFuZCxcbiAgICBhbmltYXRpb24sXG4gICAgbmF2aWdhdGlvblJlZixcbiAgICBhbGxvd05hdmlnYXRpb25SZXNpemUsXG4gICAgc2hvdWxkQW5pbWF0ZSxcbiAgfSA9IGNvbnRleHRcblxuICBjb25zdCBzbGlkZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKVxuICBjb25zdCBjb250ZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbClcblxuICAvLyBJdCB3aWxsIGhhbmRsZSB0aGUgcmVzaXplIG9mIHRoZSBuYXZpZ2F0aW9uIHdoZW4gdGhlIHVzZXIgZHJhZyB0aGUgdmVydGljYWwgYmFyXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgbGV0IHByZXZYOiBudW1iZXIgfCB1bmRlZmluZWRcbiAgICBsZXQgbmF2UmVjdDogRE9NUmVjdCB8IHVuZGVmaW5lZFxuICAgIGxldCBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgbGV0IHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG5cbiAgICBjb25zdCBtb3VzZU1vdmUgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChwcmV2WCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIGNvbnN0IG5hdldpZHRoID0gbmF2UmVjdD8ud2lkdGggPz8gMFxuICAgICAgICBjb25zdCBuZXdXaWR0aCA9IG5hdldpZHRoICsgKGV2ZW50LmNsaWVudFggLSBwcmV2WClcblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50ICYmIGV4cGFuZGVkKSB7XG4gICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gYCR7bmV3V2lkdGh9cHhgXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPD0gTkFWSUdBVElPTl9NSU5fV0lEVEgpIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IHRydWVcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICBzaG91bGRDb2xsYXBzZU9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmV3V2lkdGggPj0gTkFWSUdBVElPTl9DT0xMQVNQRURfV0lEVEggJiYgIWV4cGFuZGVkKSB7XG4gICAgICAgICAgc2hvdWxkRXhwYW5kT25Nb3VzZVVwID0gdHJ1ZVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNob3VsZEV4cGFuZE9uTW91c2VVcCA9IGZhbHNlXG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICBjb25zdCBtb3VzZWRvd24gPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUucG9pbnRlckV2ZW50cyA9ICdub25lJ1xuICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS51c2VyU2VsZWN0ID0gJ25vbmUnXG5cbiAgICAgIHByZXZYID0gZXZlbnQuY2xpZW50WFxuICAgICAgbmF2UmVjdCA9IG5hdmlnYXRpb25SZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KClcblxuICAgICAgY29uc3QgbW91c2V1cCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHNob3VsZENvbGxhcHNlT25Nb3VzZVVwIHx8IHNob3VsZEV4cGFuZE9uTW91c2VVcCkge1xuICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgb25Ub2dnbGVFeHBhbmQ/LighZXhwYW5kZWQpXG4gICAgICAgIH1cblxuICAgICAgICBpZiAobmF2aWdhdGlvblJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgaWYgKCFzaG91bGRDb2xsYXBzZU9uTW91c2VVcCAmJiAhc2hvdWxkRXhwYW5kT25Nb3VzZVVwKSB7XG4gICAgICAgICAgICBvbldpZHRoUmVzaXplPy4obmF2aWdhdGlvblJlZi5jdXJyZW50Lm9mZnNldFdpZHRoKVxuICAgICAgICAgICAgc2V0V2lkdGg/LihuYXZpZ2F0aW9uUmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpXG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFleHBhbmRlZCkge1xuICAgICAgICAgICAgbmF2aWdhdGlvblJlZi5jdXJyZW50LnN0eWxlLndpZHRoID0gJydcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdtb3VzZXVwJywgbW91c2V1cClcblxuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBvaW50ZXJFdmVudHMgPSAnJ1xuICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnVzZXJTZWxlY3QgPSAnJ1xuICAgICAgfVxuXG4gICAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdtb3VzZW1vdmUnLCBtb3VzZU1vdmUpXG4gICAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbW91c2V1cCcsIG1vdXNldXApXG4gICAgfVxuICAgIGNvbnN0IHNsaWRlclJlZkN1cnJlbnQgPSBzbGlkZXJSZWYuY3VycmVudFxuXG4gICAgc2xpZGVyUmVmQ3VycmVudD8uYWRkRXZlbnRMaXN0ZW5lcignbW91c2Vkb3duJywgbW91c2Vkb3duKVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIHNsaWRlclJlZkN1cnJlbnQ/LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ21vdXNlZG93bicsIG1vdXNlZG93bilcbiAgICB9XG4gIH0sIFtcbiAgICBleHBhbmRlZCxcbiAgICBuYXZpZ2F0aW9uUmVmLFxuICAgIG9uVG9nZ2xlRXhwYW5kLFxuICAgIG9uV2lkdGhSZXNpemUsXG4gICAgc2V0V2lkdGgsXG4gICAgdG9nZ2xlRXhwYW5kLFxuICBdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IGlkPXtpZH0+XG4gICAgICA8Q29udGFpbmVyXG4gICAgICAgIGRhdGEtYW5pbWF0aW9uPXtzaG91bGRBbmltYXRlID8gYW5pbWF0aW9uIDogdW5kZWZpbmVkfVxuICAgICAgICBkYXRhLWV4cGFuZGVkPXtleHBhbmRlZH1cbiAgICAgICAgcmVmPXtuYXZpZ2F0aW9uUmVmfVxuICAgICAgICB3aWR0aD17d2lkdGh9XG4gICAgICA+XG4gICAgICAgIHtsb2dvID8gPEhlYWRlciBsb2dvPXtsb2dvfSAvPiA6IG51bGx9XG4gICAgICAgIDxDb250ZW50Q29udGFpbmVyPlxuICAgICAgICAgIDxDb250ZW50XG4gICAgICAgICAgICBkYXRhLWFuaW1hdGlvbj17c2hvdWxkQW5pbWF0ZSA/IGFuaW1hdGlvbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGRhdGEtaXMtZXhwYW5kZWQ9e2V4cGFuZGVkfVxuICAgICAgICAgICAgZ2FwPXswLjI1fVxuICAgICAgICAgICAgcmVmPXtjb250ZW50UmVmfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0NvbnRlbnQ+XG4gICAgICAgICAge2FsbG93TmF2aWdhdGlvblJlc2l6ZSA/IChcbiAgICAgICAgICAgIDxGb290ZXIgY29udGVudFJlZj17Y29udGVudFJlZn0gb25Ub2dnbGVFeHBhbmQ9e29uVG9nZ2xlRXhwYW5kfSAvPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0NvbnRlbnRDb250YWluZXI+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIHthbGxvd05hdmlnYXRpb25SZXNpemUgPyAoXG4gICAgICAgIDxTbGlkZXIgZGF0YS10ZXN0aWQ9XCJzbGlkZXJcIiByZWY9e3NsaWRlclJlZn0gLz5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvU3R5bGVkTmF2PlxuICApXG59XG4iXX0= */"));
+import { navigation, navigationContainer, navigationContentContainer, navigationContentContainerCollapsed, navigationContent, navigationSlider } from "./styles.css.js";
+import { widthNavigationContainer } from "./variables.css.js";
 const NavigationContent = ({
   children,
   logo,
@@ -74,7 +20,9 @@ const NavigationContent = ({
 }) => {
   const context = useNavigation();
   if (!context) {
-    throw new Error("Navigation should be inside NavigationProvider to use it properly.");
+    throw new Error(
+      "Navigation should be inside NavigationProvider to use it properly."
+    );
   }
   const {
     setWidth,
@@ -144,17 +92,58 @@ const NavigationContent = ({
     return () => {
       sliderRefCurrent?.removeEventListener("mousedown", mousedown);
     };
-  }, [expanded, navigationRef, onToggleExpand, onWidthResize, setWidth, toggleExpand]);
-  return /* @__PURE__ */ jsxs(StyledNav, { className, "data-testid": dataTestId, id, children: [
-    /* @__PURE__ */ jsxs(Container, { "data-animation": shouldAnimate ? animation : void 0, "data-expanded": expanded, ref: navigationRef, width, children: [
-      logo ? /* @__PURE__ */ jsx(Header, { logo }) : null,
-      /* @__PURE__ */ jsxs(ContentContainer, { children: [
-        /* @__PURE__ */ jsx(Content, { "data-animation": shouldAnimate ? animation : void 0, "data-is-expanded": expanded, gap: 0.25, ref: contentRef, children }),
-        allowNavigationResize ? /* @__PURE__ */ jsx(Footer, { contentRef, onToggleExpand }) : null
-      ] })
-    ] }),
-    allowNavigationResize ? /* @__PURE__ */ jsx(Slider, { "data-testid": "slider", ref: sliderRef }) : null
-  ] });
+  }, [
+    expanded,
+    navigationRef,
+    onToggleExpand,
+    onWidthResize,
+    setWidth,
+    toggleExpand
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: `${className ? `${className} ` : ""}${navigation}`,
+      "data-testid": dataTestId,
+      id,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: navigationContainer({
+              animation: shouldAnimate ? animation : void 0,
+              expanded
+            }),
+            ref: navigationRef,
+            style: assignInlineVars({
+              [widthNavigationContainer]: `${width}px`
+            }),
+            children: [
+              logo ? /* @__PURE__ */ jsx(Header, { logo }) : null,
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: `${navigationContentContainer}${expanded ? "" : ` ${navigationContentContainerCollapsed}`}`,
+                  children: [
+                    /* @__PURE__ */ jsx(Stack, { className: navigationContent, gap: 0.25, ref: contentRef, children }),
+                    allowNavigationResize ? /* @__PURE__ */ jsx(Footer, { contentRef, onToggleExpand }) : null
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        allowNavigationResize ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: navigationSlider,
+            "data-testid": "slider",
+            ref: sliderRef
+          }
+        ) : null
+      ]
+    }
+  );
 };
 export {
   NavigationContent

package/dist/components/Navigation/NavigationProvider.d.ts

@@ -87,5 +87,5 @@ type NavigationProviderProps = {
      */
     animationType?: AnimationType;
 };
-export declare const NavigationProvider: ({ children, pinnedFeature, initialPinned, initialExpanded, locales, pinLimit, onExpandChange, initialWidth, initialAllowNavigationResize, animation: shouldAnimate, animationType, }: NavigationProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NavigationProvider: ({ children, pinnedFeature, initialPinned, initialExpanded, locales, pinLimit, onExpandChange, initialWidth, initialAllowNavigationResize, animation: shouldAnimate, animationType, }: NavigationProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Navigation/NavigationProvider.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useContext, useState, useReducer, useRef, useCallback, useMemo, createContext } from "react";
 import { NAVIGATION_WIDTH, ANIMATION_DURATION } from "./constants.js";
 import NavigationLocales from "./locales/en.js";
@@ -10,9 +10,7 @@ const NavigationContext = createContext({
   expanded: true,
   items: {},
   locales: NavigationLocales,
-  navigationRef: {
-    current: null
-  },
+  navigationRef: { current: null },
   pinItem: () => [],
   pinLimit: 7,
   pinnedItems: [],
@@ -51,75 +49,115 @@ const NavigationProvider = ({
 }) => {
   const [expanded, setExpanded] = useState(initialExpanded);
   const [pinnedItems, setPinnedItems] = useState(initialPinned ?? []);
-  const [animation, setAnimation] = useState(false);
+  const [animation, setAnimation] = useState(
+    false
+  );
   const [width, setWidth] = useState(initialWidth);
-  const [allowNavigationResize, setAllowNavigationResize] = useState(initialAllowNavigationResize);
-  const [items, registerItem] = useReducer((oldState, newState) => ({
-    ...oldState,
-    ...newState
-  }), {});
+  const [allowNavigationResize, setAllowNavigationResize] = useState(
+    initialAllowNavigationResize
+  );
+  const [items, registerItem] = useReducer(
+    (oldState, newState) => ({
+      ...oldState,
+      ...newState
+    }),
+    {}
+  );
   const navigationRef = useRef(null);
-  const toggleExpand = useCallback((toggle) => {
-    if (typeof toggle !== "boolean" && toggle !== void 0) {
-      throw new Error("toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>");
-    }
-    if (toggle !== void 0 && toggle === expanded) {
-      return;
-    }
-    onExpandChange?.(!expanded);
-    if (navigationRef.current) {
-      navigationRef.current.style.width = "";
-    }
-    if (shouldAnimate) {
-      setAnimation(expanded ? "collapse" : "expand");
-      setTimeout(() => {
+  const toggleExpand = useCallback(
+    (toggle) => {
+      if (typeof toggle !== "boolean" && toggle !== void 0) {
+        throw new Error(
+          "toggleExpand only accepts boolean or undefined as parameter. You most likely did <button onClick={toggleExpand}> instead of <button onClick={() => toggleExpand()}>"
+        );
+      }
+      if (toggle !== void 0 && toggle === expanded) {
+        return;
+      }
+      onExpandChange?.(!expanded);
+      if (navigationRef.current) {
+        navigationRef.current.style.width = "";
+      }
+      if (shouldAnimate) {
+        setAnimation(expanded ? "collapse" : "expand");
+        setTimeout(() => {
+          setExpanded(toggle !== void 0 ? toggle : !expanded);
+          setAnimation(false);
+        }, ANIMATION_DURATION);
+      } else {
         setExpanded(toggle !== void 0 ? toggle : !expanded);
-        setAnimation(false);
-      }, ANIMATION_DURATION);
-    } else {
-      setExpanded(toggle !== void 0 ? toggle : !expanded);
-    }
-  }, [expanded, onExpandChange, shouldAnimate]);
-  const pinItem = useCallback((item) => {
-    const newValue = [...pinnedItems, item];
-    setPinnedItems(newValue);
-    return newValue;
-  }, [pinnedItems]);
-  const unpinItem = useCallback((item) => {
-    const newValue = pinnedItems.filter((localItem) => localItem !== item);
-    setPinnedItems(newValue);
-    return newValue;
-  }, [pinnedItems]);
-  const reorderItems = useCallback((initialIndex, endIndex) => {
-    const newPinnedItems = [...pinnedItems];
-    const [removed] = newPinnedItems.splice(initialIndex, 1);
-    newPinnedItems.splice(endIndex, 0, removed);
-    setPinnedItems(newPinnedItems);
-    return newPinnedItems;
-  }, [pinnedItems]);
-  const value = useMemo(() => ({
-    allowNavigationResize,
-    animation,
-    animationType,
-    expanded,
-    items,
-    locales,
-    navigationRef,
-    pinItem,
-    pinLimit,
-    pinnedFeature,
-    pinnedItems,
-    registerItem,
-    reorderItems,
-    setAllowNavigationResize,
-    setAnimation,
-    setPinnedItems,
-    setWidth,
-    shouldAnimate,
-    toggleExpand,
-    unpinItem,
-    width
-  }), [expanded, toggleExpand, pinnedItems, pinItem, unpinItem, pinnedFeature, locales, pinLimit, animation, width, reorderItems, items, allowNavigationResize, shouldAnimate, animationType]);
+      }
+    },
+    [expanded, onExpandChange, shouldAnimate]
+  );
+  const pinItem = useCallback(
+    (item) => {
+      const newValue = [...pinnedItems, item];
+      setPinnedItems(newValue);
+      return newValue;
+    },
+    [pinnedItems]
+  );
+  const unpinItem = useCallback(
+    (item) => {
+      const newValue = pinnedItems.filter((localItem) => localItem !== item);
+      setPinnedItems(newValue);
+      return newValue;
+    },
+    [pinnedItems]
+  );
+  const reorderItems = useCallback(
+    (initialIndex, endIndex) => {
+      const newPinnedItems = [...pinnedItems];
+      const [removed] = newPinnedItems.splice(initialIndex, 1);
+      newPinnedItems.splice(endIndex, 0, removed);
+      setPinnedItems(newPinnedItems);
+      return newPinnedItems;
+    },
+    [pinnedItems]
+  );
+  const value = useMemo(
+    () => ({
+      allowNavigationResize,
+      animation,
+      animationType,
+      expanded,
+      items,
+      locales,
+      navigationRef,
+      pinItem,
+      pinLimit,
+      pinnedFeature,
+      pinnedItems,
+      registerItem,
+      reorderItems,
+      setAllowNavigationResize,
+      setAnimation,
+      setPinnedItems,
+      setWidth,
+      shouldAnimate,
+      toggleExpand,
+      unpinItem,
+      width
+    }),
+    [
+      expanded,
+      toggleExpand,
+      pinnedItems,
+      pinItem,
+      unpinItem,
+      pinnedFeature,
+      locales,
+      pinLimit,
+      animation,
+      width,
+      reorderItems,
+      items,
+      allowNavigationResize,
+      shouldAnimate,
+      animationType
+    ]
+  );
   return /* @__PURE__ */ jsx(NavigationContext.Provider, { value, children });
 };
 export {

package/dist/components/Navigation/animations.css.d.ts

@@ -0,0 +1,6 @@
+/**
+ * ANIMATIONS
+ * collapse and expand animation duration of the whole nav in ms
+ */
+export declare const shrinkHeight: string;
+export declare const groupAnimation: string;

package/dist/components/Navigation/components/Group.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type GroupProps = {
     children: ReactNode;
     label: string;
+    style?: CSSProperties;
 };
-export declare const Group: ({ children, label }: GroupProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const Group: ({ children, label, style }: GroupProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Navigation/components/Group.js

@@ -1,55 +1,33 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack, Text } from "@ultraviolet/ui";
 import { Children } from "react";
-import { groupAnimation, ANIMATION_DURATION } from "../constants.js";
 import { useNavigation } from "../NavigationProvider.js";
-const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "eh4zgrv2"
-} : {
-  target: "eh4zgrv2",
-  label: "StyledText"
-})("padding-bottom:", ({
-  theme
-}) => theme.space["1"], ";padding-left:", ({
-  theme
-}) => theme.space["1"], ";transition:opacity ", ANIMATION_DURATION, "ms ease-in-out,height ", ANIMATION_DURATION, "ms ease-in-out;height:", ({
-  theme
-}) => `calc(${theme.typography.bodySmallStrong.lineHeight} + ${theme.space["1"]})`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEFOSU1BVElPTl9EVVJBVElPTiwgZ3JvdXBBbmltYXRpb24gfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuXG50eXBlIEdyb3VwUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgbGFiZWw6IHN0cmluZ1xufVxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBwYWRkaW5nLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gIHRyYW5zaXRpb246XG4gICAgb3BhY2l0eSAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dCxcbiAgICBoZWlnaHQgJHtBTklNQVRJT05fRFVSQVRJT059bXMgZWFzZS1pbi1vdXQ7XG4gIGhlaWdodDogJHsoeyB0aGVtZSB9KSA9PlxuICAgIGBjYWxjKCR7dGhlbWUudHlwb2dyYXBoeS5ib2R5U21hbGxTdHJvbmcubGluZUhlaWdodH0gKyAke3RoZW1lLnNwYWNlWycxJ119KWB9OyAvLyBUaGlzIGlzIG9ubHkgZm9yIGFuaW1hdGlvblxuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAmW2RhdGEtYW5pbWF0aW9uPSdleHBhbmQnXVtkYXRhLWFuaW1hdGlvbi10eXBlPVwiY29tcGxleFwiXSB7XG4gICAgJHtTdHlsZWRUZXh0fSB7XG4gICAgICBhbmltYXRpb246ICR7Z3JvdXBBbmltYXRpb259ICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICAgIH1cbiAgfVxuXG4gICZbZGF0YS1hbmltYXRpb249J2NvbGxhcHNlJ11bZGF0YS1hbmltYXRpb24tdHlwZT1cImNvbXBsZXhcIl0ge1xuICAgICR7U3R5bGVkVGV4dH0ge1xuICAgICAgYW5pbWF0aW9uOiAke2dyb3VwQW5pbWF0aW9ufSAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dCByZXZlcnNlO1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgR3JvdXAgPSAoeyBjaGlsZHJlbiwgbGFiZWwgfTogR3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uR3JvdXAgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7IGV4cGFuZGVkLCBhbmltYXRpb24sIGFuaW1hdGlvblR5cGUgfSA9IGNvbnRleHRcblxuICBjb25zdCBpc0RpcGxheSA9ICFhbmltYXRpb24gJiYgZXhwYW5kZWRcblxuICBpZiAoQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pID4gMCkge1xuICAgIHJldHVybiAoXG4gICAgICA8Q29udGFpbmVyXG4gICAgICAgIGRhdGEtYW5pbWF0aW9uPXthbmltYXRpb259XG4gICAgICAgIGRhdGEtYW5pbWF0aW9uLXR5cGU9e2FuaW1hdGlvblR5cGV9XG4gICAgICAgIHN0eWxlPXt7IHdpZHRoOiBhbmltYXRpb24gPyAnMTAwJScgOiB1bmRlZmluZWQgfX1cbiAgICAgID5cbiAgICAgICAgPFN0eWxlZFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiPlxuICAgICAgICAgIHtpc0RpcGxheSA/IChcbiAgICAgICAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
-const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "eh4zgrv1"
-} : {
-  target: "eh4zgrv1",
-  label: "StyledStack"
-})("padding-top:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBTklNQVRJT05fRFVSQVRJT04sIGdyb3VwQW5pbWF0aW9uIH0gZnJvbSAnLi4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcblxudHlwZSBHcm91cFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGxhYmVsOiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICB0cmFuc2l0aW9uOlxuICAgIG9wYWNpdHkgJHtBTklNQVRJT05fRFVSQVRJT059bXMgZWFzZS1pbi1vdXQsXG4gICAgaGVpZ2h0ICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT5cbiAgICBgY2FsYygke3RoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsU3Ryb25nLmxpbmVIZWlnaHR9ICsgJHt0aGVtZS5zcGFjZVsnMSddfSlgfTsgLy8gVGhpcyBpcyBvbmx5IGZvciBhbmltYXRpb25cbmBcblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJltkYXRhLWFuaW1hdGlvbj0nZXhwYW5kJ11bZGF0YS1hbmltYXRpb24tdHlwZT1cImNvbXBsZXhcIl0ge1xuICAgICR7U3R5bGVkVGV4dH0ge1xuICAgICAgYW5pbWF0aW9uOiAke2dyb3VwQW5pbWF0aW9ufSAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtYW5pbWF0aW9uPSdjb2xsYXBzZSddW2RhdGEtYW5pbWF0aW9uLXR5cGU9XCJjb21wbGV4XCJdIHtcbiAgICAke1N0eWxlZFRleHR9IHtcbiAgICAgIGFuaW1hdGlvbjogJHtncm91cEFuaW1hdGlvbn0gJHtBTklNQVRJT05fRFVSQVRJT059bXMgZWFzZS1pbi1vdXQgcmV2ZXJzZTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEdyb3VwID0gKHsgY2hpbGRyZW4sIGxhYmVsIH06IEdyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLkdyb3VwIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBleHBhbmRlZCwgYW5pbWF0aW9uLCBhbmltYXRpb25UeXBlIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgaXNEaXBsYXkgPSAhYW5pbWF0aW9uICYmIGV4cGFuZGVkXG5cbiAgaWYgKENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSA+IDApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBkYXRhLWFuaW1hdGlvbj17YW5pbWF0aW9ufVxuICAgICAgICBkYXRhLWFuaW1hdGlvbi10eXBlPXthbmltYXRpb25UeXBlfVxuICAgICAgICBzdHlsZT17eyB3aWR0aDogYW5pbWF0aW9uID8gJzEwMCUnIDogdW5kZWZpbmVkIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICB7aXNEaXBsYXkgPyAoXG4gICAgICAgICAgICA8U3R5bGVkVGV4dFxuICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRTdGFjaz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
-const Container = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eh4zgrv0"
-} : {
-  target: "eh4zgrv0",
-  label: "Container"
-})(`&[data-animation='expand'][data-animation-type="complex"]{`, StyledText, "{animation:", groupAnimation, " ", ANIMATION_DURATION, `ms ease-in-out;}}&[data-animation='collapse'][data-animation-type="complex"]{`, StyledText, "{animation:", groupAnimation, " ", ANIMATION_DURATION, "ms ease-in-out reverse;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBTklNQVRJT05fRFVSQVRJT04sIGdyb3VwQW5pbWF0aW9uIH0gZnJvbSAnLi4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcblxudHlwZSBHcm91cFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGxhYmVsOiBzdHJpbmdcbn1cblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG4gIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcblxuICB0cmFuc2l0aW9uOlxuICAgIG9wYWNpdHkgJHtBTklNQVRJT05fRFVSQVRJT059bXMgZWFzZS1pbi1vdXQsXG4gICAgaGVpZ2h0ICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT5cbiAgICBgY2FsYygke3RoZW1lLnR5cG9ncmFwaHkuYm9keVNtYWxsU3Ryb25nLmxpbmVIZWlnaHR9ICsgJHt0aGVtZS5zcGFjZVsnMSddfSlgfTsgLy8gVGhpcyBpcyBvbmx5IGZvciBhbmltYXRpb25cbmBcblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJltkYXRhLWFuaW1hdGlvbj0nZXhwYW5kJ11bZGF0YS1hbmltYXRpb24tdHlwZT1cImNvbXBsZXhcIl0ge1xuICAgICR7U3R5bGVkVGV4dH0ge1xuICAgICAgYW5pbWF0aW9uOiAke2dyb3VwQW5pbWF0aW9ufSAke0FOSU1BVElPTl9EVVJBVElPTn1tcyBlYXNlLWluLW91dDtcbiAgICB9XG4gIH1cblxuICAmW2RhdGEtYW5pbWF0aW9uPSdjb2xsYXBzZSddW2RhdGEtYW5pbWF0aW9uLXR5cGU9XCJjb21wbGV4XCJdIHtcbiAgICAke1N0eWxlZFRleHR9IHtcbiAgICAgIGFuaW1hdGlvbjogJHtncm91cEFuaW1hdGlvbn0gJHtBTklNQVRJT05fRFVSQVRJT059bXMgZWFzZS1pbi1vdXQgcmV2ZXJzZTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IEdyb3VwID0gKHsgY2hpbGRyZW4sIGxhYmVsIH06IEdyb3VwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLkdyb3VwIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBleHBhbmRlZCwgYW5pbWF0aW9uLCBhbmltYXRpb25UeXBlIH0gPSBjb250ZXh0XG5cbiAgY29uc3QgaXNEaXBsYXkgPSAhYW5pbWF0aW9uICYmIGV4cGFuZGVkXG5cbiAgaWYgKENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSA+IDApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBkYXRhLWFuaW1hdGlvbj17YW5pbWF0aW9ufVxuICAgICAgICBkYXRhLWFuaW1hdGlvbi10eXBlPXthbmltYXRpb25UeXBlfVxuICAgICAgICBzdHlsZT17eyB3aWR0aDogYW5pbWF0aW9uID8gJzEwMCUnIDogdW5kZWZpbmVkIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICB7aXNEaXBsYXkgPyAoXG4gICAgICAgICAgICA8U3R5bGVkVGV4dFxuICAgICAgICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRTdGFjaz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
-const Group = ({
-  children,
-  label
-}) => {
+import { navigationGroupStack, navigationGroupText } from "./styles.css.js";
+const Group = ({ children, label, style }) => {
   const context = useNavigation();
   if (!context) {
-    throw new Error("Navigation.Group can only be used inside a NavigationProvider.");
+    throw new Error(
+      "Navigation.Group can only be used inside a NavigationProvider."
+    );
   }
-  const {
-    expanded,
-    animation,
-    animationType
-  } = context;
+  const { expanded, animation, animationType } = context;
   const isDiplay = !animation && expanded;
   if (Children.count(children) > 0) {
-    return /* @__PURE__ */ jsx(Container, { "data-animation": animation, "data-animation-type": animationType, style: {
-      width: animation ? "100%" : void 0
-    }, children: /* @__PURE__ */ jsxs(StyledStack, { direction: "column", children: [
-      isDiplay ? /* @__PURE__ */ jsx(StyledText, { as: "span", prominence: "weak", sentiment: "neutral", variant: "bodySmallStrong", children: label }) : null,
+    return /* @__PURE__ */ jsx("div", { style: { width: animation ? "100%" : void 0, ...style }, children: /* @__PURE__ */ jsxs(Stack, { className: navigationGroupStack, direction: "column", children: [
+      isDiplay ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "span",
+          className: navigationGroupText({
+            animation: animationType === "complex" ? animation : false
+          }),
+          prominence: "weak",
+          sentiment: "neutral",
+          variant: "bodySmallStrong",
+          children: label
+        }
+      ) : null,
       children
     ] }) });
   }

package/dist/components/Navigation/components/Item.d.ts

@@ -1,5 +1,5 @@
 import { Badge } from '@ultraviolet/ui';
-import type { ComponentProps, ElementType, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';
 import type { PinUnPinType } from '../types';
 type ItemType = 'default' | 'pinned' | 'pinnedGroup';
 type ItemProps = {
@@ -78,6 +78,7 @@ type ItemProps = {
     noExpand?: boolean;
     disabled?: boolean;
     'data-testid'?: string;
+    style?: CSSProperties;
 };
-export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
+export declare const Item: import("react").MemoExoticComponent<({ children, categoryIcon, label, labelDescription, subLabel, badgeText, badgeSentiment, href, target, rel, onToggle, onClickPinUnpin, toggle, active, noPinButton, type, as, disabled, noExpand, index, id, "data-testid": dataTestId, style, }: ItemProps) => import("react/jsx-runtime").JSX.Element | null>;
 export {};