@ultraviolet/plus 3.0.0-beta.12 → 3.0.0-beta.13

package/dist/components/EstimateCost/OverlayComponent.js

@@ -1,56 +1,16 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { CalculatorIcon } from "@ultraviolet/icons";
-import { Stack } from "@ultraviolet/ui";
+import { Stack, Badge } from "@ultraviolet/ui";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useMemo, Children, cloneElement, isValidElement } from "react";
+import { estimateCostResourceName } from "./Components/components.css.js";
 import { LineThrough } from "./Components/LineThrough.js";
 import { Strong } from "./Components/Strong.js";
-import { OverlayRow, ItemResourceName, StyledBadge } from "./componentStyle.js";
 import { multiplier, maximumFractionDigits } from "./constants.js";
 import { useEstimateCost } from "./EstimateCostProvider.js";
 import { OverlayContextProvider } from "./OverlayContext.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 OverlayContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["inView", "overlayMargin"].includes(prop),
-  target: "e1p62vjs2"
-} : {
-  shouldForwardProp: (prop) => !["inView", "overlayMargin"].includes(prop),
-  target: "e1p62vjs2",
-  label: "OverlayContainer"
-})("position:fixed;left:0;right:0;bottom:", ({
-  inView
-}) => inView ? -120 : 0, "px;height:120px;background-color:", ({
-  theme
-}) => theme.colors.neutral.background, ";margin:", ({
-  overlayMargin
-}) => overlayMargin || "0", ";display:flex;justify-content:center;box-shadow:", ({
-  inView,
-  theme
-}) => inView ? "0" : theme.shadows.defaultShadow, ";transition:bottom 0.3s,box-shadow 0.3s;z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCZ0QiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDYWxjdWxhdG9ySWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlRXN0aW1hdGVDb3N0IH0gZnJvbSAnLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB7IE92ZXJsYXlDb250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL092ZXJsYXlDb250ZXh0J1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBkYXRhLXRlc3RpZD1cInN1bW1hcnktb3ZlcmxheVwiXG4gICAgICAgIGluVmlldz17aW5WaWV3fVxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxDYWxjdWxhdG9ySWNvbiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydlc3RpbWF0ZS5jb3N0LmxhYmVsJ119XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPEl0ZW1SZXNvdXJjZU5hbWUgYW5pbWF0ZWQ9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgPFN0cm9uZyB2YXJpYW50PVwiYmlnXCI+XG4gICAgICAgICAgICAgICAgPExpbmVUaHJvdWdoIGlzQWN0aXZlPXtpc0JldGEgJiYgZGlzY291bnQgPT09IDB9PlxuICAgICAgICAgICAgICAgICAge2Zvcm1hdE51bWJlcihvdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBtYXhpbXVtRnJhY3Rpb25EaWdpdHNbdW5pdF0sXG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHt0b3RhbE92ZXJsYXlQcmljZSA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyBgIC0gJHtmb3JtYXROdW1iZXIodG90YWxPdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfWBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgL3tsb2NhbGVzW2Blc3RpbWF0ZS5jb3N0LnVuaXRzLiR7dW5pdH0ubGFiZWxgXX1cbiAgICAgICAgICAgICAgICA8L0xpbmVUaHJvdWdoPlxuICAgICAgICAgICAgICA8L1N0cm9uZz5cbiAgICAgICAgICAgICAge2lzQmV0YSA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQmFkZ2UgcHJvbWluZW5jZT1cInN0cm9uZ1wiIHNlbnRpbWVudD1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICAgIHtkaXNjb3VudCA+IDAgPyBkaXNjb3VudCAqIDEwMCA6ICcnfVxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBsb2NhbGVzW1xuICAgICAgICAgICAgICAgICAgICAgIGBlc3RpbWF0ZS5jb3N0LmJldGEuJHtkaXNjb3VudCA+IDAgPyAnZGlzY291bnQnIDogJ2ZyZWUnfWBcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPC9JdGVtUmVzb3VyY2VOYW1lPlxuICAgICAgICAgIDwvT3ZlcmxheVJvdz5cbiAgICAgICAgICB7T3ZlcmxheVJpZ2h0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheVJpZ2h0IGRpc2FibGVkPXtkaXNhYmxlT3ZlcmxheVJpZ2h0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5UmlnaHQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0xpc3Q+XG4gICAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICAgPC9PdmVybGF5Q29udGV4dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
-const List = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1p62vjs1"
-} : {
-  target: "e1p62vjs1",
-  label: "List"
-})("display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:", ({
-  theme
-}) => theme.space["3"], " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dc0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDYWxjdWxhdG9ySWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlRXN0aW1hdGVDb3N0IH0gZnJvbSAnLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB7IE92ZXJsYXlDb250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL092ZXJsYXlDb250ZXh0J1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBkYXRhLXRlc3RpZD1cInN1bW1hcnktb3ZlcmxheVwiXG4gICAgICAgIGluVmlldz17aW5WaWV3fVxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxDYWxjdWxhdG9ySWNvbiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydlc3RpbWF0ZS5jb3N0LmxhYmVsJ119XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPEl0ZW1SZXNvdXJjZU5hbWUgYW5pbWF0ZWQ9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgPFN0cm9uZyB2YXJpYW50PVwiYmlnXCI+XG4gICAgICAgICAgICAgICAgPExpbmVUaHJvdWdoIGlzQWN0aXZlPXtpc0JldGEgJiYgZGlzY291bnQgPT09IDB9PlxuICAgICAgICAgICAgICAgICAge2Zvcm1hdE51bWJlcihvdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBtYXhpbXVtRnJhY3Rpb25EaWdpdHNbdW5pdF0sXG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHt0b3RhbE92ZXJsYXlQcmljZSA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyBgIC0gJHtmb3JtYXROdW1iZXIodG90YWxPdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfWBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgL3tsb2NhbGVzW2Blc3RpbWF0ZS5jb3N0LnVuaXRzLiR7dW5pdH0ubGFiZWxgXX1cbiAgICAgICAgICAgICAgICA8L0xpbmVUaHJvdWdoPlxuICAgICAgICAgICAgICA8L1N0cm9uZz5cbiAgICAgICAgICAgICAge2lzQmV0YSA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQmFkZ2UgcHJvbWluZW5jZT1cInN0cm9uZ1wiIHNlbnRpbWVudD1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICAgIHtkaXNjb3VudCA+IDAgPyBkaXNjb3VudCAqIDEwMCA6ICcnfVxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBsb2NhbGVzW1xuICAgICAgICAgICAgICAgICAgICAgIGBlc3RpbWF0ZS5jb3N0LmJldGEuJHtkaXNjb3VudCA+IDAgPyAnZGlzY291bnQnIDogJ2ZyZWUnfWBcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPC9JdGVtUmVzb3VyY2VOYW1lPlxuICAgICAgICAgIDwvT3ZlcmxheVJvdz5cbiAgICAgICAgICB7T3ZlcmxheVJpZ2h0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheVJpZ2h0IGRpc2FibGVkPXtkaXNhYmxlT3ZlcmxheVJpZ2h0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5UmlnaHQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0xpc3Q+XG4gICAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICAgPC9PdmVybGF5Q29udGV4dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
-const SideItem = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
-  target: "e1p62vjs0"
-} : {
-  target: "e1p62vjs0",
-  label: "SideItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "wpiop9",
-  styles: "display:flex;padding:12px 0;min-width:158px"
-} : {
-  name: "wpiop9",
-  styles: "display:flex;padding:12px 0;min-width:158px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvRXN0aW1hdGVDb3N0L092ZXJsYXlDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9Fc3RpbWF0ZUNvc3QvT3ZlcmxheUNvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDYWxjdWxhdG9ySWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBKU1gsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hpbGRyZW4sIGNsb25lRWxlbWVudCwgaXNWYWxpZEVsZW1lbnQsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmVUaHJvdWdoIH0gZnJvbSAnLi9Db21wb25lbnRzL0xpbmVUaHJvdWdoJ1xuaW1wb3J0IHsgU3Ryb25nIH0gZnJvbSAnLi9Db21wb25lbnRzL1N0cm9uZydcbmltcG9ydCB7IEl0ZW1SZXNvdXJjZU5hbWUsIE92ZXJsYXlSb3csIFN0eWxlZEJhZGdlIH0gZnJvbSAnLi9jb21wb25lbnRTdHlsZSdcbmltcG9ydCB7IG1heGltdW1GcmFjdGlvbkRpZ2l0cywgbXVsdGlwbGllciB9IGZyb20gJy4vY29uc3RhbnRzJ1xuaW1wb3J0IHsgdXNlRXN0aW1hdGVDb3N0IH0gZnJvbSAnLi9Fc3RpbWF0ZUNvc3RQcm92aWRlcidcbmltcG9ydCB7IE92ZXJsYXlDb250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL092ZXJsYXlDb250ZXh0J1xuaW1wb3J0IHR5cGUgeyBVbml0cyB9IGZyb20gJy4vdHlwZXMnXG5cbmNvbnN0IE92ZXJsYXlDb250YWluZXIgPSBzdHlsZWQoJ2RpdicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnaW5WaWV3JywgJ292ZXJsYXlNYXJnaW4nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaW5WaWV3PzogYm9vbGVhbjsgb3ZlcmxheU1hcmdpbj86IHN0cmluZyB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYm90dG9tOiAkeyh7IGluVmlldyB9KSA9PiAoaW5WaWV3ID8gLTEyMCA6IDApfXB4O1xuICBoZWlnaHQ6IDEyMHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuICBtYXJnaW46ICR7KHsgb3ZlcmxheU1hcmdpbiB9KSA9PiBvdmVybGF5TWFyZ2luIHx8ICcwJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3gtc2hhZG93OiAkeyh7IGluVmlldywgdGhlbWUgfSkgPT5cbiAgICBpblZpZXcgPyAnMCcgOiB0aGVtZS5zaGFkb3dzLmRlZmF1bHRTaGFkb3d9O1xuICB0cmFuc2l0aW9uOlxuICAgIGJvdHRvbSAwLjNzLFxuICAgIGJveC1zaGFkb3cgMC4zcztcbiAgei1pbmRleDogMTtcbmBcblxuY29uc3QgTGlzdCA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfSAwO1xuYFxuXG5jb25zdCBTaWRlSXRlbSA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMTJweCAwO1xuICBtaW4td2lkdGg6IDE1OHB4O1xuYFxuXG50eXBlIEV4dHJhUHJvcHMgPSB7XG4gIGlzRmlyc3RFbGVtZW50PzogYm9vbGVhblxuICBpc0xhc3RFbGVtZW50PzogYm9vbGVhblxufVxuXG50eXBlIE92ZXJsYXlDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBkaXNhYmxlT3ZlcmxheUxlZnQ/OiBib29sZWFuXG4gIGRpc2FibGVPdmVybGF5UmlnaHQ/OiBib29sZWFuXG4gIGRpc2NvdW50PzogbnVtYmVyXG4gIGluVmlldz86IGJvb2xlYW5cbiAgaXNCZXRhPzogYm9vbGVhblxuICB1bml0OiBVbml0c1xuICBPdmVybGF5TGVmdD86IChwcm9wczoge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgT3ZlcmxheVJpZ2h0PzogKHByb3BzOiB7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgfSkgPT4gSlNYLkVsZW1lbnRcbiAgdG90YWxQcmljZToge1xuICAgIG1heE92ZXJsYXlIb3VybHk6IG51bWJlclxuICAgIG92ZXJsYXlIb3VybHk6IG51bWJlclxuICB9XG4gIG92ZXJsYXlNYXJnaW4/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IE92ZXJsYXlDb21wb25lbnQgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5WaWV3ID0gZmFsc2UsXG4gIGRpc2NvdW50ID0gMSxcbiAgT3ZlcmxheVJpZ2h0LFxuICBkaXNhYmxlT3ZlcmxheVJpZ2h0ID0gZmFsc2UsXG4gIE92ZXJsYXlMZWZ0LFxuICBkaXNhYmxlT3ZlcmxheUxlZnQgPSBmYWxzZSxcbiAgdG90YWxQcmljZSxcbiAgdW5pdCA9ICdob3VycycsXG4gIGlzQmV0YSA9IGZhbHNlLFxuICBvdmVybGF5TWFyZ2luLFxufTogT3ZlcmxheUNvbXBvbmVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbG9jYWxlcywgZm9ybWF0TnVtYmVyIH0gPSB1c2VFc3RpbWF0ZUNvc3QoKVxuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbygoKSA9PiAoeyBpc092ZXJsYXk6IHRydWUgfSksIFtdKVxuXG4gIGNvbnN0IHRvdGFsT3ZlcmxheVByaWNlID0ge1xuICAgIGRheXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuZGF5cyxcbiAgICBob3VyczogdG90YWxQcmljZS5tYXhPdmVybGF5SG91cmx5LFxuICAgIG1pbnV0ZXM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubWludXRlcyxcbiAgICBtb250aHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIubW9udGhzLFxuICAgIHNlY29uZHM6IHRvdGFsUHJpY2UubWF4T3ZlcmxheUhvdXJseSAqIG11bHRpcGxpZXIuc2Vjb25kcyxcbiAgfVt1bml0XVxuXG4gIGNvbnN0IG92ZXJsYXlQcmljZSA9IHtcbiAgICBkYXlzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLmRheXMsXG4gICAgaG91cnM6IHRvdGFsUHJpY2Uub3ZlcmxheUhvdXJseSxcbiAgICBtaW51dGVzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1pbnV0ZXMsXG4gICAgbW9udGhzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLm1vbnRocyxcbiAgICBzZWNvbmRzOiB0b3RhbFByaWNlLm92ZXJsYXlIb3VybHkgKiBtdWx0aXBsaWVyLnNlY29uZHMsXG4gIH1bdW5pdF1cblxuICByZXR1cm4gKFxuICAgIDxPdmVybGF5Q29udGV4dFByb3ZpZGVyIHZhbHVlPXt2YWx1ZX0+XG4gICAgICA8T3ZlcmxheUNvbnRhaW5lclxuICAgICAgICBkYXRhLXRlc3RpZD1cInN1bW1hcnktb3ZlcmxheVwiXG4gICAgICAgIGluVmlldz17aW5WaWV3fVxuICAgICAgICBvdmVybGF5TWFyZ2luPXtvdmVybGF5TWFyZ2lufVxuICAgICAgPlxuICAgICAgICA8TGlzdD5cbiAgICAgICAgICB7T3ZlcmxheUxlZnQgPyAoXG4gICAgICAgICAgICA8U2lkZUl0ZW0+XG4gICAgICAgICAgICAgIDxPdmVybGF5TGVmdCBkaXNhYmxlZD17ZGlzYWJsZU92ZXJsYXlMZWZ0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5TGVmdD5cbiAgICAgICAgICAgIDwvU2lkZUl0ZW0+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT5cbiAgICAgICAgICAgIGlzVmFsaWRFbGVtZW50PEV4dHJhUHJvcHM+KGNoaWxkKVxuICAgICAgICAgICAgICA/IGNsb25lRWxlbWVudChjaGlsZCwge1xuICAgICAgICAgICAgICAgICAgaXNGaXJzdEVsZW1lbnQ6IGluZGV4ID09PSAwLFxuICAgICAgICAgICAgICAgICAgaXNMYXN0RWxlbWVudDogaW5kZXggPT09IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSAtIDEsXG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgOiBudWxsLFxuICAgICAgICAgICl9XG4gICAgICAgICAgPE92ZXJsYXlSb3c+XG4gICAgICAgICAgICA8U3RhY2sgYWxpZ25JdGVtcz1cImNlbnRlclwiIGRpcmVjdGlvbj1cInJvd1wiIGdhcD17MX0+XG4gICAgICAgICAgICAgIDxDYWxjdWxhdG9ySWNvbiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgIHtsb2NhbGVzWydlc3RpbWF0ZS5jb3N0LmxhYmVsJ119XG4gICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPEl0ZW1SZXNvdXJjZU5hbWUgYW5pbWF0ZWQ9e2ZhbHNlfT5cbiAgICAgICAgICAgICAgPFN0cm9uZyB2YXJpYW50PVwiYmlnXCI+XG4gICAgICAgICAgICAgICAgPExpbmVUaHJvdWdoIGlzQWN0aXZlPXtpc0JldGEgJiYgZGlzY291bnQgPT09IDB9PlxuICAgICAgICAgICAgICAgICAge2Zvcm1hdE51bWJlcihvdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgbWF4aW11bUZyYWN0aW9uRGlnaXRzOiBtYXhpbXVtRnJhY3Rpb25EaWdpdHNbdW5pdF0sXG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHt0b3RhbE92ZXJsYXlQcmljZSA+IDBcbiAgICAgICAgICAgICAgICAgICAgPyBgIC0gJHtmb3JtYXROdW1iZXIodG90YWxPdmVybGF5UHJpY2UsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG1heGltdW1GcmFjdGlvbkRpZ2l0czogbWF4aW11bUZyYWN0aW9uRGlnaXRzW3VuaXRdLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfWBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgL3tsb2NhbGVzW2Blc3RpbWF0ZS5jb3N0LnVuaXRzLiR7dW5pdH0ubGFiZWxgXX1cbiAgICAgICAgICAgICAgICA8L0xpbmVUaHJvdWdoPlxuICAgICAgICAgICAgICA8L1N0cm9uZz5cbiAgICAgICAgICAgICAge2lzQmV0YSA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQmFkZ2UgcHJvbWluZW5jZT1cInN0cm9uZ1wiIHNlbnRpbWVudD1cIndhcm5pbmdcIj5cbiAgICAgICAgICAgICAgICAgIHtkaXNjb3VudCA+IDAgPyBkaXNjb3VudCAqIDEwMCA6ICcnfVxuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBsb2NhbGVzW1xuICAgICAgICAgICAgICAgICAgICAgIGBlc3RpbWF0ZS5jb3N0LmJldGEuJHtkaXNjb3VudCA+IDAgPyAnZGlzY291bnQnIDogJ2ZyZWUnfWBcbiAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQmFkZ2U+XG4gICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgPC9JdGVtUmVzb3VyY2VOYW1lPlxuICAgICAgICAgIDwvT3ZlcmxheVJvdz5cbiAgICAgICAgICB7T3ZlcmxheVJpZ2h0ID8gKFxuICAgICAgICAgICAgPFNpZGVJdGVtPlxuICAgICAgICAgICAgICA8T3ZlcmxheVJpZ2h0IGRpc2FibGVkPXtkaXNhYmxlT3ZlcmxheVJpZ2h0fT5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snZXN0aW1hdGUuY29zdC5zdWJtaXQubGFiZWwnXX1cbiAgICAgICAgICAgICAgPC9PdmVybGF5UmlnaHQ+XG4gICAgICAgICAgICA8L1NpZGVJdGVtPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L0xpc3Q+XG4gICAgICA8L092ZXJsYXlDb250YWluZXI+XG4gICAgPC9PdmVybGF5Q29udGV4dFByb3ZpZGVyPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { estimateCostOverlayContainer, estimateCostList, estimateCostSideItem, estimateCostOverlayRow, estimateCostBadge, overlayMarginVar } from "./styles.css.js";
 const OverlayComponent = ({
   children,
   inView = false,
@@ -85,18 +45,22 @@ const OverlayComponent = ({
     months: totalPrice.overlayHourly * multiplier.months,
     seconds: totalPrice.overlayHourly * multiplier.seconds
   }[unit];
-  return /* @__PURE__ */ jsx(OverlayContextProvider, { value, children: /* @__PURE__ */ jsx(OverlayContainer, { "data-testid": "summary-overlay", inView, overlayMargin, children: /* @__PURE__ */ jsxs(List, { children: [
-    OverlayLeft ? /* @__PURE__ */ jsx(SideItem, { children: /* @__PURE__ */ jsx(OverlayLeft, { disabled: disableOverlayLeft, children: locales["estimate.cost.submit.label"] }) }) : null,
+  return /* @__PURE__ */ jsx(OverlayContextProvider, { value, children: /* @__PURE__ */ jsx("div", { className: estimateCostOverlayContainer({
+    inView
+  }), "data-testid": "summary-overlay", style: assignInlineVars({
+    [overlayMarginVar]: overlayMargin ?? "0"
+  }), children: /* @__PURE__ */ jsxs("ul", { className: estimateCostList, children: [
+    OverlayLeft ? /* @__PURE__ */ jsx("li", { className: estimateCostSideItem, children: /* @__PURE__ */ jsx(OverlayLeft, { disabled: disableOverlayLeft, children: locales["estimate.cost.submit.label"] }) }) : null,
     Children.map(children, (child, index) => isValidElement(child) ? cloneElement(child, {
       isFirstElement: index === 0,
       isLastElement: index === Children.count(children) - 1
     }) : null),
-    /* @__PURE__ */ jsxs(OverlayRow, { children: [
+    /* @__PURE__ */ jsxs("li", { className: estimateCostOverlayRow(), children: [
       /* @__PURE__ */ jsxs(Stack, { alignItems: "center", direction: "row", gap: 1, children: [
         /* @__PURE__ */ jsx(CalculatorIcon, { sentiment: "primary", size: "medium" }),
         locales["estimate.cost.label"]
       ] }),
-      /* @__PURE__ */ jsxs(ItemResourceName, { animated: false, children: [
+      /* @__PURE__ */ jsxs("div", { className: estimateCostResourceName(), children: [
         /* @__PURE__ */ jsx(Strong, { variant: "big", children: /* @__PURE__ */ jsxs(LineThrough, { isActive: isBeta && discount === 0, children: [
           formatNumber(overlayPrice, {
             maximumFractionDigits: maximumFractionDigits[unit]
@@ -107,13 +71,13 @@ const OverlayComponent = ({
           "/",
           locales[`estimate.cost.units.${unit}.label`]
         ] }) }),
-        isBeta ? /* @__PURE__ */ jsxs(StyledBadge, { prominence: "strong", sentiment: "warning", children: [
+        isBeta ? /* @__PURE__ */ jsxs(Badge, { className: estimateCostBadge, prominence: "strong", sentiment: "warning", children: [
           discount > 0 ? discount * 100 : "",
           locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`]
         ] }) : null
       ] })
     ] }),
-    OverlayRight ? /* @__PURE__ */ jsx(SideItem, { children: /* @__PURE__ */ jsx(OverlayRight, { disabled: disableOverlayRight, children: locales["estimate.cost.submit.label"] }) }) : null
+    OverlayRight ? /* @__PURE__ */ jsx("li", { className: estimateCostSideItem, children: /* @__PURE__ */ jsx(OverlayRight, { disabled: disableOverlayRight, children: locales["estimate.cost.submit.label"] }) }) : null
   ] }) }) });
 };
 export {

package/dist/components/EstimateCost/constants.cjs

@@ -22,11 +22,7 @@ const maximumFractionDigitsLong = {
   months: 2,
   seconds: 12
 };
-const MAX_CELL_WIDTH = "70%";
-const PRICE_MAX_CELL_WIDTH = "30%";
 exports.APPROXIMATE_HOURS_IN_MONTH = APPROXIMATE_HOURS_IN_MONTH;
-exports.MAX_CELL_WIDTH = MAX_CELL_WIDTH;
-exports.PRICE_MAX_CELL_WIDTH = PRICE_MAX_CELL_WIDTH;
 exports.maximumFractionDigits = maximumFractionDigits;
 exports.maximumFractionDigitsLong = maximumFractionDigitsLong;
 exports.multiplier = multiplier;

package/dist/components/EstimateCost/constants.js

@@ -20,12 +20,8 @@ const maximumFractionDigitsLong = {
   months: 2,
   seconds: 12
 };
-const MAX_CELL_WIDTH = "70%";
-const PRICE_MAX_CELL_WIDTH = "30%";
 export {
   APPROXIMATE_HOURS_IN_MONTH,
-  MAX_CELL_WIDTH,
-  PRICE_MAX_CELL_WIDTH,
   maximumFractionDigits,
   maximumFractionDigitsLong,
   multiplier

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

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var paddingLeftCell = "var(--uv_plus_sk5tga0)";
+var overlayMarginVar = "var(--uv_plus_sk5tga1)";
+var estimateCostImage = "uv_plus_sk5tga2";
+var estimateCostTable = { total: "uv_plus_sk5tga4 uv_plus_sk5tga3", noTotal: "uv_plus_sk5tga5 uv_plus_sk5tga3" };
+var estimateCostFeesTable = "uv_plus_sk5tga6 uv_plus_sk5tga3";
+var estimateCostPriceColumn = "uv_plus_sk5tga7";
+var estimateCostPriceCell = "uv_plus_sk5tga8";
+var estimateCostCell = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tga9", variantClassNames: { hasBorder: { true: "uv_plus_sk5tgaa" }, primary: { true: "uv_plus_sk5tgab" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostTotalPriceCell = "uv_plus_sk5tgac";
+var estimateCostEmptyTable = "uv_plus_sk5tgad";
+var estimateCostTitle = "uv_plus_sk5tgae";
+var estimateCostEmptyCell = "uv_plus_sk5tgaf";
+var estimateCostTimeCell = "uv_plus_sk5tgag";
+var estimateCostBadgeBeta = { "long": "uv_plus_sk5tgai uv_plus_sk5tgah", "short": "uv_plus_sk5tgaj uv_plus_sk5tgah" };
+var estimateCostOverlayRow = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tgak", variantClassNames: { isFirstElement: { true: "uv_plus_sk5tgal" }, shouldBeHidden: { true: "uv_plus_sk5tgam" }, hideFromOverlay: { true: "uv_plus_sk5tgan" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostBadge = "uv_plus_sk5tgao";
+var estimatecostFeesText = "uv_plus_sk5tgap";
+var estimateCostText = { beta: "uv_plus_sk5tgaq", notBeta: "uv_plus_sk5tgar" };
+var estimateCostCalculatorIcon = "uv_plus_sk5tgas";
+var estimateCostPriceCellContent = "uv_plus_sk5tgat";
+var estimateCostOverlayContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_sk5tgau", variantClassNames: { inView: { true: "uv_plus_sk5tgav", false: "uv_plus_sk5tgaw" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostList = "uv_plus_sk5tgax";
+var estimateCostSideItem = "uv_plus_sk5tgay";
+exports.estimateCostBadge = estimateCostBadge;
+exports.estimateCostBadgeBeta = estimateCostBadgeBeta;
+exports.estimateCostCalculatorIcon = estimateCostCalculatorIcon;
+exports.estimateCostCell = estimateCostCell;
+exports.estimateCostEmptyCell = estimateCostEmptyCell;
+exports.estimateCostEmptyTable = estimateCostEmptyTable;
+exports.estimateCostFeesTable = estimateCostFeesTable;
+exports.estimateCostImage = estimateCostImage;
+exports.estimateCostList = estimateCostList;
+exports.estimateCostOverlayContainer = estimateCostOverlayContainer;
+exports.estimateCostOverlayRow = estimateCostOverlayRow;
+exports.estimateCostPriceCell = estimateCostPriceCell;
+exports.estimateCostPriceCellContent = estimateCostPriceCellContent;
+exports.estimateCostPriceColumn = estimateCostPriceColumn;
+exports.estimateCostSideItem = estimateCostSideItem;
+exports.estimateCostTable = estimateCostTable;
+exports.estimateCostText = estimateCostText;
+exports.estimateCostTimeCell = estimateCostTimeCell;
+exports.estimateCostTitle = estimateCostTitle;
+exports.estimateCostTotalPriceCell = estimateCostTotalPriceCell;
+exports.estimatecostFeesText = estimatecostFeesText;
+exports.overlayMarginVar = overlayMarginVar;
+exports.paddingLeftCell = paddingLeftCell;

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

@@ -0,0 +1,76 @@
+export declare const paddingLeftCell: `var(--${string})`;
+export declare const overlayMarginVar: `var(--${string})`;
+export declare const estimateCostImage: string;
+export declare const estimateCostTable: Record<"total" | "noTotal", string>;
+export declare const estimateCostFeesTable: string;
+export declare const estimateCostPriceColumn: string;
+export declare const estimateCostPriceCell: string;
+export declare const estimateCostCell: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasBorder: {
+        true: {
+            selectors: {
+                '&:before': {
+                    content: "''";
+                    position: "absolute";
+                    left: number;
+                    bottom: number;
+                    height: number;
+                    width: "calc(100% - 32px)";
+                    marginLeft: `var(--${string})`;
+                    borderBottom: `1px solid var(--${string})`;
+                };
+            };
+        };
+    };
+    primary: {
+        true: {
+            background: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostTotalPriceCell: string;
+export declare const estimateCostEmptyTable: string;
+export declare const estimateCostTitle: string;
+export declare const estimateCostEmptyCell: string;
+export declare const estimateCostTimeCell: string;
+export declare const estimateCostBadgeBeta: Record<"long" | "short", string>;
+export declare const estimateCostOverlayRow: import("@vanilla-extract/recipes").RuntimeFn<{
+    isFirstElement: {
+        true: {
+            border: number;
+        };
+    };
+    shouldBeHidden: {
+        true: {
+            '@media': {
+                '(max-width: 1800px)': {
+                    display: "none";
+                };
+            };
+        };
+    };
+    hideFromOverlay: {
+        true: {
+            display: "none";
+        };
+    };
+}>;
+export declare const estimateCostBadge: string;
+export declare const estimatecostFeesText: string;
+export declare const estimateCostText: Record<"beta" | "notBeta", string>;
+export declare const estimateCostCalculatorIcon: string;
+export declare const estimateCostPriceCellContent: string;
+export declare const estimateCostOverlayContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    inView: {
+        true: {
+            bottom: "-120px";
+            boxShadow: "0";
+        };
+        false: {
+            bottom: number;
+            boxShadow: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostList: string;
+export declare const estimateCostSideItem: string;

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

@@ -0,0 +1,50 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var paddingLeftCell = "var(--uv_plus_sk5tga0)";
+var overlayMarginVar = "var(--uv_plus_sk5tga1)";
+var estimateCostImage = "uv_plus_sk5tga2";
+var estimateCostTable = { total: "uv_plus_sk5tga4 uv_plus_sk5tga3", noTotal: "uv_plus_sk5tga5 uv_plus_sk5tga3" };
+var estimateCostFeesTable = "uv_plus_sk5tga6 uv_plus_sk5tga3";
+var estimateCostPriceColumn = "uv_plus_sk5tga7";
+var estimateCostPriceCell = "uv_plus_sk5tga8";
+var estimateCostCell = createRuntimeFn({ defaultClassName: "uv_plus_sk5tga9", variantClassNames: { hasBorder: { true: "uv_plus_sk5tgaa" }, primary: { true: "uv_plus_sk5tgab" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostTotalPriceCell = "uv_plus_sk5tgac";
+var estimateCostEmptyTable = "uv_plus_sk5tgad";
+var estimateCostTitle = "uv_plus_sk5tgae";
+var estimateCostEmptyCell = "uv_plus_sk5tgaf";
+var estimateCostTimeCell = "uv_plus_sk5tgag";
+var estimateCostBadgeBeta = { "long": "uv_plus_sk5tgai uv_plus_sk5tgah", "short": "uv_plus_sk5tgaj uv_plus_sk5tgah" };
+var estimateCostOverlayRow = createRuntimeFn({ defaultClassName: "uv_plus_sk5tgak", variantClassNames: { isFirstElement: { true: "uv_plus_sk5tgal" }, shouldBeHidden: { true: "uv_plus_sk5tgam" }, hideFromOverlay: { true: "uv_plus_sk5tgan" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostBadge = "uv_plus_sk5tgao";
+var estimatecostFeesText = "uv_plus_sk5tgap";
+var estimateCostText = { beta: "uv_plus_sk5tgaq", notBeta: "uv_plus_sk5tgar" };
+var estimateCostCalculatorIcon = "uv_plus_sk5tgas";
+var estimateCostPriceCellContent = "uv_plus_sk5tgat";
+var estimateCostOverlayContainer = createRuntimeFn({ defaultClassName: "uv_plus_sk5tgau", variantClassNames: { inView: { true: "uv_plus_sk5tgav", false: "uv_plus_sk5tgaw" } }, defaultVariants: {}, compoundVariants: [] });
+var estimateCostList = "uv_plus_sk5tgax";
+var estimateCostSideItem = "uv_plus_sk5tgay";
+export {
+  estimateCostBadge,
+  estimateCostBadgeBeta,
+  estimateCostCalculatorIcon,
+  estimateCostCell,
+  estimateCostEmptyCell,
+  estimateCostEmptyTable,
+  estimateCostFeesTable,
+  estimateCostImage,
+  estimateCostList,
+  estimateCostOverlayContainer,
+  estimateCostOverlayRow,
+  estimateCostPriceCell,
+  estimateCostPriceCellContent,
+  estimateCostPriceColumn,
+  estimateCostSideItem,
+  estimateCostTable,
+  estimateCostText,
+  estimateCostTimeCell,
+  estimateCostTitle,
+  estimateCostTotalPriceCell,
+  estimatecostFeesText,
+  overlayMarginVar,
+  paddingLeftCell
+};

package/dist/components/Navigation/Footer.cjs

@@ -2,28 +2,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const icons = require("@ultraviolet/icons");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
-const constants = require("./constants.cjs");
 const NavigationProvider = require("./NavigationProvider.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StickyFooter = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1j950560"
-} : {
-  target: "e1j950560",
-  label: "StickyFooter"
-})("display:flex;width:100%;background:", ({
-  theme
-}) => theme.colors.neutral.background, ";border-top:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";padding:", ({
-  theme
-}) => `${theme.space["1"]} ${theme.space["2"]}`, ";transition:justify-content ", constants.ANIMATION_DURATION, "ms ease-in-out;box-shadow:", ({
-  theme
-}) => theme.shadows.defaultShadow, ';transition:box-shadow 230ms ease-in-out;justify-content:flex-end;&[data-has-overflow-style="false"]{box-shadow:none;border:none;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9Gb290ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vRm9vdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFycm93TGVmdERvdWJsZUljb24sIEFycm93UmlnaHREb3VibGVJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgQnV0dG9uLCBUb29sdGlwIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBTklNQVRJT05fRFVSQVRJT04gfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgTmF2aWdhdGlvblByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3RpY2t5Rm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycxJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbiAgdHJhbnNpdGlvbjoganVzdGlmeS1jb250ZW50ICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZGVmYXVsdFNoYWRvd307XG4gIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMjMwbXMgZWFzZS1pbi1vdXQ7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5cbiAgJltkYXRhLWhhcy1vdmVyZmxvdy1zdHlsZT1cImZhbHNlXCJdIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYFxuXG50eXBlIEZvb3RlclByb3BzID0ge1xuICBvblRvZ2dsZUV4cGFuZDogTmF2aWdhdGlvblByb3BzWydvblRvZ2dsZUV4cGFuZCddXG4gIGNvbnRlbnRSZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG59XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSAoeyBvblRvZ2dsZUV4cGFuZCwgY29udGVudFJlZiB9OiBGb290ZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGV4cGFuZGVkLCB0b2dnbGVFeHBhbmQsIGxvY2FsZXMgfSA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGNvbnN0IGlzU2Nyb2xsQXRCb3R0b20gPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCkge1xuICAgICAgaWYgKFxuICAgICAgICBjb250ZW50UmVmLmN1cnJlbnQuc2Nyb2xsVG9wICsgY29udGVudFJlZi5jdXJyZW50Lm9mZnNldEhlaWdodCA+PVxuICAgICAgICBjb250ZW50UmVmLmN1cnJlbnQuc2Nyb2xsSGVpZ2h0XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB0cnVlXG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWVcbiAgfSwgW2NvbnRlbnRSZWZdKVxuXG4gIGNvbnN0IFtmb290ZXJIYXNPdmVyZmxvd1N0eWxlLCBzZXRGb290ZXJIYXNPdmVyZmxvd1N0eWxlXSA9IHVzZVN0YXRlKFxuICAgIGlzU2Nyb2xsQXRCb3R0b20oKSxcbiAgKVxuXG4gIC8vIFRoaXMgaXMgZm9yIGRldGVjdGluZyBpZiB0aGVyZSBpcyBzY3JvbGwgb24gdGhlIGNvbnRlbnQgYW5kIHNldCB0aGUgc2hhZG93IG9uIHRoZSBmb290ZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50Q29udGVudFJlZiA9IGNvbnRlbnRSZWYuY3VycmVudFxuXG4gICAgY29uc3Qgc2Nyb2xsID0gKCkgPT4ge1xuICAgICAgY29uc3QgaGFzT3ZlcmZsb3cgPSBpc1Njcm9sbEF0Qm90dG9tKClcblxuICAgICAgaWYgKGZvb3Rlckhhc092ZXJmbG93U3R5bGUgIT09IGhhc092ZXJmbG93KSB7XG4gICAgICAgIHNldEZvb3Rlckhhc092ZXJmbG93U3R5bGUoaGFzT3ZlcmZsb3cpXG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGN1cnJlbnRDb250ZW50UmVmKSB7XG4gICAgICBjdXJyZW50Q29udGVudFJlZi5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBzY3JvbGwpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGN1cnJlbnRDb250ZW50UmVmPy5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBzY3JvbGwpXG4gICAgfVxuICB9LCBbZm9vdGVySGFzT3ZlcmZsb3dTdHlsZSwgaXNTY3JvbGxBdEJvdHRvbSwgY29udGVudFJlZl0pXG5cbiAgLy8gVGhpcyB3aWxsIHNldCB0aGUgc2hhZG93IG9uIHRoZSBmb290ZXIgd2hlbiB0aGUgY29tcG9uZW50IGlzIG1vdW50ZWRcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRGb290ZXJIYXNPdmVyZmxvd1N0eWxlKGlzU2Nyb2xsQXRCb3R0b20oKSlcbiAgfSwgW2lzU2Nyb2xsQXRCb3R0b21dKVxuXG4gIGNvbnN0IEljb24gPSB1c2VNZW1vKFxuICAgICgpID0+IChleHBhbmRlZCA/IEFycm93TGVmdERvdWJsZUljb24gOiBBcnJvd1JpZ2h0RG91YmxlSWNvbiksXG4gICAgW2V4cGFuZGVkXSxcbiAgKVxuXG4gIGNvbnN0IGxhYmVsID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZXhwYW5kZWRcbiAgICAgICAgPyBsb2NhbGVzWyduYXZpZ2F0aW9uLmNvbGxhcHNlLmJ1dHRvbiddXG4gICAgICAgIDogbG9jYWxlc1snbmF2aWdhdGlvbi5leHBhbmQuYnV0dG9uJ10sXG4gICAgW2V4cGFuZGVkLCBsb2NhbGVzXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0aWNreUZvb3RlciBkYXRhLWhhcy1vdmVyZmxvdy1zdHlsZT17Zm9vdGVySGFzT3ZlcmZsb3dTdHlsZX0+XG4gICAgICA8VG9vbHRpcCBwbGFjZW1lbnQ9XCJyaWdodFwiIHRleHQ9e2xhYmVsfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgICBvblRvZ2dsZUV4cGFuZD8uKCFleHBhbmRlZClcbiAgICAgICAgICB9fVxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvU3RpY2t5Rm9vdGVyPlxuICApXG59XG4iXX0= */"));
+const styles_css = require("./styles.css.cjs");
 const Footer = ({
   onToggleExpand,
   contentRef
@@ -63,7 +46,9 @@ const Footer = ({
   }, [isScrollAtBottom]);
   const Icon = react.useMemo(() => expanded ? icons.ArrowLeftDoubleIcon : icons.ArrowRightDoubleIcon, [expanded]);
   const label = react.useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StickyFooter, { "data-has-overflow-style": footerHasOverflowStyle, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": label, onClick: () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationStickyFooter({
+    overflow: footerHasOverflowStyle
+  }), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": label, onClick: () => {
     toggleExpand();
     onToggleExpand?.(!expanded);
   }, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) }) });

package/dist/components/Navigation/Footer.js

@@ -1,25 +1,10 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { ArrowLeftDoubleIcon, ArrowRightDoubleIcon } from "@ultraviolet/icons";
 import { Tooltip, Button } from "@ultraviolet/ui";
 import { useCallback, useState, useEffect, useMemo } from "react";
-import { ANIMATION_DURATION } from "./constants.js";
 import { useNavigation } from "./NavigationProvider.js";
-const StickyFooter = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1j950560"
-} : {
-  target: "e1j950560",
-  label: "StickyFooter"
-})("display:flex;width:100%;background:", ({
-  theme
-}) => theme.colors.neutral.background, ";border-top:1px solid ", ({
-  theme
-}) => theme.colors.neutral.borderWeak, ";padding:", ({
-  theme
-}) => `${theme.space["1"]} ${theme.space["2"]}`, ";transition:justify-content ", ANIMATION_DURATION, "ms ease-in-out;box-shadow:", ({
-  theme
-}) => theme.shadows.defaultShadow, ';transition:box-shadow 230ms ease-in-out;justify-content:flex-end;&[data-has-overflow-style="false"]{box-shadow:none;border:none;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9Gb290ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vRm9vdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEFycm93TGVmdERvdWJsZUljb24sIEFycm93UmlnaHREb3VibGVJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHsgQnV0dG9uLCBUb29sdGlwIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBTklNQVRJT05fRFVSQVRJT04gfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgTmF2aWdhdGlvblByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgU3RpY2t5Rm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcldlYWt9O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycxJ119ICR7dGhlbWUuc3BhY2VbJzInXX1gfTtcbiAgdHJhbnNpdGlvbjoganVzdGlmeS1jb250ZW50ICR7QU5JTUFUSU9OX0RVUkFUSU9OfW1zIGVhc2UtaW4tb3V0O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MuZGVmYXVsdFNoYWRvd307XG4gIHRyYW5zaXRpb246IGJveC1zaGFkb3cgMjMwbXMgZWFzZS1pbi1vdXQ7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5cbiAgJltkYXRhLWhhcy1vdmVyZmxvdy1zdHlsZT1cImZhbHNlXCJdIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgfVxuYFxuXG50eXBlIEZvb3RlclByb3BzID0ge1xuICBvblRvZ2dsZUV4cGFuZDogTmF2aWdhdGlvblByb3BzWydvblRvZ2dsZUV4cGFuZCddXG4gIGNvbnRlbnRSZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+XG59XG5cbmV4cG9ydCBjb25zdCBGb290ZXIgPSAoeyBvblRvZ2dsZUV4cGFuZCwgY29udGVudFJlZiB9OiBGb290ZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IGV4cGFuZGVkLCB0b2dnbGVFeHBhbmQsIGxvY2FsZXMgfSA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGNvbnN0IGlzU2Nyb2xsQXRCb3R0b20gPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgaWYgKGNvbnRlbnRSZWYuY3VycmVudCkge1xuICAgICAgaWYgKFxuICAgICAgICBjb250ZW50UmVmLmN1cnJlbnQuc2Nyb2xsVG9wICsgY29udGVudFJlZi5jdXJyZW50Lm9mZnNldEhlaWdodCA+PVxuICAgICAgICBjb250ZW50UmVmLmN1cnJlbnQuc2Nyb2xsSGVpZ2h0XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuIGZhbHNlXG4gICAgICB9XG5cbiAgICAgIHJldHVybiB0cnVlXG4gICAgfVxuXG4gICAgcmV0dXJuIHRydWVcbiAgfSwgW2NvbnRlbnRSZWZdKVxuXG4gIGNvbnN0IFtmb290ZXJIYXNPdmVyZmxvd1N0eWxlLCBzZXRGb290ZXJIYXNPdmVyZmxvd1N0eWxlXSA9IHVzZVN0YXRlKFxuICAgIGlzU2Nyb2xsQXRCb3R0b20oKSxcbiAgKVxuXG4gIC8vIFRoaXMgaXMgZm9yIGRldGVjdGluZyBpZiB0aGVyZSBpcyBzY3JvbGwgb24gdGhlIGNvbnRlbnQgYW5kIHNldCB0aGUgc2hhZG93IG9uIHRoZSBmb290ZXJcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBjdXJyZW50Q29udGVudFJlZiA9IGNvbnRlbnRSZWYuY3VycmVudFxuXG4gICAgY29uc3Qgc2Nyb2xsID0gKCkgPT4ge1xuICAgICAgY29uc3QgaGFzT3ZlcmZsb3cgPSBpc1Njcm9sbEF0Qm90dG9tKClcblxuICAgICAgaWYgKGZvb3Rlckhhc092ZXJmbG93U3R5bGUgIT09IGhhc092ZXJmbG93KSB7XG4gICAgICAgIHNldEZvb3Rlckhhc092ZXJmbG93U3R5bGUoaGFzT3ZlcmZsb3cpXG4gICAgICB9XG4gICAgfVxuXG4gICAgaWYgKGN1cnJlbnRDb250ZW50UmVmKSB7XG4gICAgICBjdXJyZW50Q29udGVudFJlZi5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBzY3JvbGwpXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGN1cnJlbnRDb250ZW50UmVmPy5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCBzY3JvbGwpXG4gICAgfVxuICB9LCBbZm9vdGVySGFzT3ZlcmZsb3dTdHlsZSwgaXNTY3JvbGxBdEJvdHRvbSwgY29udGVudFJlZl0pXG5cbiAgLy8gVGhpcyB3aWxsIHNldCB0aGUgc2hhZG93IG9uIHRoZSBmb290ZXIgd2hlbiB0aGUgY29tcG9uZW50IGlzIG1vdW50ZWRcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRGb290ZXJIYXNPdmVyZmxvd1N0eWxlKGlzU2Nyb2xsQXRCb3R0b20oKSlcbiAgfSwgW2lzU2Nyb2xsQXRCb3R0b21dKVxuXG4gIGNvbnN0IEljb24gPSB1c2VNZW1vKFxuICAgICgpID0+IChleHBhbmRlZCA/IEFycm93TGVmdERvdWJsZUljb24gOiBBcnJvd1JpZ2h0RG91YmxlSWNvbiksXG4gICAgW2V4cGFuZGVkXSxcbiAgKVxuXG4gIGNvbnN0IGxhYmVsID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZXhwYW5kZWRcbiAgICAgICAgPyBsb2NhbGVzWyduYXZpZ2F0aW9uLmNvbGxhcHNlLmJ1dHRvbiddXG4gICAgICAgIDogbG9jYWxlc1snbmF2aWdhdGlvbi5leHBhbmQuYnV0dG9uJ10sXG4gICAgW2V4cGFuZGVkLCBsb2NhbGVzXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0aWNreUZvb3RlciBkYXRhLWhhcy1vdmVyZmxvdy1zdHlsZT17Zm9vdGVySGFzT3ZlcmZsb3dTdHlsZX0+XG4gICAgICA8VG9vbHRpcCBwbGFjZW1lbnQ9XCJyaWdodFwiIHRleHQ9e2xhYmVsfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9e2xhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIHRvZ2dsZUV4cGFuZCgpXG4gICAgICAgICAgICBvblRvZ2dsZUV4cGFuZD8uKCFleHBhbmRlZClcbiAgICAgICAgICB9fVxuICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uIC8+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvU3RpY2t5Rm9vdGVyPlxuICApXG59XG4iXX0= */"));
+import { navigationStickyFooter } from "./styles.css.js";
 const Footer = ({
   onToggleExpand,
   contentRef
@@ -59,7 +44,9 @@ const Footer = ({
   }, [isScrollAtBottom]);
   const Icon = useMemo(() => expanded ? ArrowLeftDoubleIcon : ArrowRightDoubleIcon, [expanded]);
   const label = useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
-  return /* @__PURE__ */ jsx(StickyFooter, { "data-has-overflow-style": footerHasOverflowStyle, children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsx(Button, { "aria-label": label, onClick: () => {
+  return /* @__PURE__ */ jsx("div", { className: navigationStickyFooter({
+    overflow: footerHasOverflowStyle
+  }), children: /* @__PURE__ */ jsx(Tooltip, { placement: "right", text: label, children: /* @__PURE__ */ jsx(Button, { "aria-label": label, onClick: () => {
     toggleExpand();
     onToggleExpand?.(!expanded);
   }, sentiment: "neutral", size: "small", variant: "ghost", children: /* @__PURE__ */ jsx(Icon, {}) }) }) });

package/dist/components/Navigation/Header.cjs

@@ -2,28 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
 const NavigationProvider = require("./NavigationProvider.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const HeaderContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "ejjkcpm1"
-} : {
-  target: "ejjkcpm1",
-  label: "HeaderContainer"
-})("background:", ({
-  theme
-}) => theme.colors.neutral.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
-const LogoContainer = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
-  target: "ejjkcpm0"
-} : {
-  target: "ejjkcpm0",
-  label: "LogoContainer"
-})("margin:", ({
-  theme
-}) => `${theme.space["3"]} ${theme.space["3"]} ${theme.space["2"]} ${theme.space["3"]}`, ";max-width:220px;height:22px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
+const styles_css = require("./styles.css.cjs");
 const Header = react.memo(({
   logo
 }) => {
@@ -31,6 +13,6 @@ const Header = react.memo(({
     animation,
     expanded
   } = NavigationProvider.useNavigation();
-  return /* @__PURE__ */ jsxRuntime.jsx(HeaderContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(LogoContainer, { alignItems: "start", justifyContent: !expanded ? "center" : void 0, children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationHeader, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { alignItems: "start", className: styles_css.navigationLogoContainer, justifyContent: !expanded ? "center" : void 0, children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
 });
 exports.Header = Header;

package/dist/components/Navigation/Header.js

@@ -1,25 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Stack } from "@ultraviolet/ui";
 import { memo } from "react";
 import { useNavigation } from "./NavigationProvider.js";
-const HeaderContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ejjkcpm1"
-} : {
-  target: "ejjkcpm1",
-  label: "HeaderContainer"
-})("background:", ({
-  theme
-}) => theme.colors.neutral.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
-const LogoContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "ejjkcpm0"
-} : {
-  target: "ejjkcpm0",
-  label: "LogoContainer"
-})("margin:", ({
-  theme
-}) => `${theme.space["3"]} ${theme.space["3"]} ${theme.space["2"]} ${theme.space["3"]}`, ";max-width:220px;height:22px;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9IZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVltQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL05hdmlnYXRpb24vSGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBOYXZpZ2F0aW9uUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5jb25zdCBMb2dvQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+XG4gICAgYCR7dGhlbWUuc3BhY2VbJzMnXX0gJHt0aGVtZS5zcGFjZVsnMyddfSAke3RoZW1lLnNwYWNlWycyJ119ICR7dGhlbWUuc3BhY2VbJzMnXX1gfTtcbiAgbWF4LXdpZHRoOiAyMjBweDtcbiAgaGVpZ2h0OiAyMnB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuYFxuXG50eXBlIEhlYWRlclByb3BzID0ge1xuICBsb2dvOiBOYXZpZ2F0aW9uUHJvcHNbJ2xvZ28nXVxufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyID0gbWVtbygoeyBsb2dvIH06IEhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYW5pbWF0aW9uLCBleHBhbmRlZCB9ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgcmV0dXJuIChcbiAgICA8SGVhZGVyQ29udGFpbmVyPlxuICAgICAgPExvZ29Db250YWluZXJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0YXJ0XCJcbiAgICAgICAganVzdGlmeUNvbnRlbnQ9eyFleHBhbmRlZCA/ICdjZW50ZXInIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7dHlwZW9mIGxvZ28gPT09ICdmdW5jdGlvbicgPyBsb2dvKGFuaW1hdGlvbiA/IGZhbHNlIDogZXhwYW5kZWQpIDogbG9nb31cbiAgICAgIDwvTG9nb0NvbnRhaW5lcj5cbiAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgKVxufSlcbiJdfQ== */"));
+import { navigationHeader, navigationLogoContainer } from "./styles.css.js";
 const Header = memo(({
   logo
 }) => {
@@ -27,7 +11,7 @@ const Header = memo(({
     animation,
     expanded
   } = useNavigation();
-  return /* @__PURE__ */ jsx(HeaderContainer, { children: /* @__PURE__ */ jsx(LogoContainer, { alignItems: "start", justifyContent: !expanded ? "center" : void 0, children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
+  return /* @__PURE__ */ jsx("div", { className: navigationHeader, children: /* @__PURE__ */ jsx(Stack, { alignItems: "start", className: navigationLogoContainer, justifyContent: !expanded ? "center" : void 0, children: typeof logo === "function" ? logo(animation ? false : expanded) : logo }) });
 });
 export {
   Header