@ultraviolet/plus 0.15.1 → 0.15.2

package/dist/components/Navigation/components/PinnedItems.js

@@ -1,73 +1,81 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
 import { useTheme } from "@emotion/react";
-import styled from "@emotion/styled";
 import { Text } from "@ultraviolet/ui";
 import { useCallback } from "react";
 import { useNavigation } from "../NavigationProvider.js";
 import { Item } from "./Item.js";
-const DropableArea = styled.div`
-  position: absolute;
-  right: 0;
-  left: 0;
-  top: 0;
-  height: 2px;
-  border-top: 2px solid;
-  border-color: transparent;
-  padding: ${({ theme }) => theme.space["0.5"]} 0;
-
-  &::before {
-    content: '';
-    position: absolute;
-    left: 0;
-    top: -4px;
-    height: 0px;
-    width: 0px;
-    border: 3px solid;
-    border-color: inherit;
-    border-radius: ${({ theme }) => theme.radii.circle};
-  }
-`;
-const RelativeDiv = styled.div`
-  position: relative;
-`;
-const TextContainer = styled.div`
-  padding: ${({ theme }) => theme.space["1"]} 0;
-  padding-left: ${({ theme }) => theme.space["4"]};
-  margin-left: ${({ theme }) => theme.space["0.5"]};
-`;
-const PinnedItems = ({ toggle = true }) => {
+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 DropableArea = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e5ys0ny2"
+} : {
+  target: "e5ys0ny2",
+  label: "DropableArea"
+})("position:absolute;right:0;left:0;top:0;height:2px;border-top:2px solid;border-color:transparent;padding:", ({
+  theme
+}) => theme.space["0.5"], " 0;&::before{content:'';position:absolute;left:0;top:-4px;height:0px;width:0px;border:3px solid;border-color:inherit;border-radius:", ({
+  theme
+}) => theme.radii.circle, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvUGlubmVkSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgRHJhZ0V2ZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL2NvbnN0YW50cydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5cbmNvbnN0IERyb3BhYmxlQXJlYSA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAycHg7XG4gIGJvcmRlci10b3A6IDJweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119IDA7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IC00cHg7XG4gICAgaGVpZ2h0OiAwcHg7XG4gICAgd2lkdGg6IDBweDtcbiAgICBib3JkZXI6IDNweCBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IGluaGVyaXQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICB9XG5gXG5cbmNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAwO1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBQaW5uZWRJdGVtcyA9ICh7IHRvZ2dsZSA9IHRydWUgfTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7IGxvY2FsZXMsIHBpbm5lZEl0ZW1zLCBwaW5uZWRGZWF0dXJlLCByZW9yZGVySXRlbXMsIGV4cGFuZGVkLCBpdGVtcyB9ID1cbiAgICBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleCAtIDEpXG5cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXgpXG4gICAgICB9XG4gICAgfSxcbiAgICBbcmVvcmRlckl0ZW1zXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ092ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlclxuICAgIH0sXG4gICAgW3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcl0sXG4gIClcblxuICBjb25zdCBvbkRyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICB9LCBbXSlcblxuICBpZiAoT2JqZWN0LmtleXMoaXRlbXMpLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAocGlubmVkRmVhdHVyZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8SXRlbVxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgY2F0ZWdvcnlJY29uPVwicGluXCJcbiAgICAgICAgICBjYXRlZ29yeUljb25WYXJpYW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgdHlwZT1cInBpbm5lZEdyb3VwXCJcbiAgICAgICAgICBpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9e3sgcG9zaXRpb246IGV4cGFuZGVkID8gJ3JlbGF0aXZlJyA6IHVuZGVmaW5lZCB9fVxuICAgICAgICAgICAgICAgIGtleT17aXRlbUlkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICBsYWJlbD17aXRlbXNbaXRlbUlkXT8ubGFiZWwgPz8gJ1Vua25vd24gbmF2aWdhdGlvbiBpdGVtJ31cbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJwaW5uZWRcIlxuICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgYWN0aXZlPXtpdGVtc1tpdGVtSWRdPy5hY3RpdmUgPz8gZmFsc2V9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtpdGVtc1tpdGVtSWRdPy5vbkNsaWNrID8/IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgIGhhc1BhcmVudHNcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICkpXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyPlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmVtcHR5J119XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvVGV4dENvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fT5cbiAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBwaW5uZWRJdGVtcy5sZW5ndGgpfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
+const RelativeDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e5ys0ny1"
+} : {
+  target: "e5ys0ny1",
+  label: "RelativeDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "bjn8wh",
+  styles: "position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoeyB0b2dnbGUgPSB0cnVlIH06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBsb2NhbGVzLCBwaW5uZWRJdGVtcywgcGlubmVkRmVhdHVyZSwgcmVvcmRlckl0ZW1zLCBleHBhbmRlZCwgaXRlbXMgfSA9XG4gICAgY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXggLSAxKVxuXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgfVxuICAgIH0sXG4gICAgW3Jlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj1cInBpblwiXG4gICAgICAgICAgY2F0ZWdvcnlJY29uVmFyaWFudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBvc2l0aW9uOiBleHBhbmRlZCA/ICdyZWxhdGl2ZScgOiB1bmRlZmluZWQgfX1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0/LmxhYmVsID8/ICdVbmtub3duIG5hdmlnYXRpb24gaXRlbSd9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbXNbaXRlbUlkXT8ub25DbGljayA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBoYXNQYXJlbnRzXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICA8UmVsYXRpdmVEaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const TextContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e5ys0ny0"
+} : {
+  target: "e5ys0ny0",
+  label: "TextContainer"
+})("padding:", ({
+  theme
+}) => theme.space["1"], " 0;padding-left:", ({
+  theme
+}) => theme.space["4"], ";margin-left:", ({
+  theme
+}) => theme.space["0.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoeyB0b2dnbGUgPSB0cnVlIH06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3QgeyBsb2NhbGVzLCBwaW5uZWRJdGVtcywgcGlubmVkRmVhdHVyZSwgcmVvcmRlckl0ZW1zLCBleHBhbmRlZCwgaXRlbXMgfSA9XG4gICAgY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXggLSAxKVxuXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgfVxuICAgIH0sXG4gICAgW3Jlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj1cInBpblwiXG4gICAgICAgICAgY2F0ZWdvcnlJY29uVmFyaWFudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBvc2l0aW9uOiBleHBhbmRlZCA/ICdyZWxhdGl2ZScgOiB1bmRlZmluZWQgfX1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0/LmxhYmVsID8/ICdVbmtub3duIG5hdmlnYXRpb24gaXRlbSd9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbXNbaXRlbUlkXT8ub25DbGljayA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBoYXNQYXJlbnRzXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICA8UmVsYXRpdmVEaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
+const PinnedItems = ({
+  toggle = true
+}) => {
   const context = useNavigation();
   if (!context) {
-    throw new Error(
-      "Navigation.PinnedItems can only be used inside a NavigationProvider."
-    );
+    throw new Error("Navigation.PinnedItems can only be used inside a NavigationProvider.");
   }
-  const { locales, pinnedItems, pinnedFeature, reorderItems, expanded, items } = context;
+  const {
+    locales,
+    pinnedItems,
+    pinnedFeature,
+    reorderItems,
+    expanded,
+    items
+  } = context;
   const theme = useTheme();
-  const onDrop = useCallback(
-    (event, index) => {
-      event.preventDefault();
-      if (event?.dataTransfer) {
-        event.currentTarget.style.borderColor = "transparent";
-        const data = JSON.parse(
-          event.dataTransfer.getData("text")
-        );
-        if (data.index === index - 1 || index > data.index) {
-          reorderItems(data.index, index - 1);
-          return;
-        }
-        reorderItems(data.index, index);
+  const onDrop = useCallback((event, index) => {
+    event.preventDefault();
+    if (event?.dataTransfer) {
+      event.currentTarget.style.borderColor = "transparent";
+      const data = JSON.parse(event.dataTransfer.getData("text"));
+      if (data.index === index - 1 || index > data.index) {
+        reorderItems(data.index, index - 1);
+        return;
       }
-    },
-    [reorderItems]
-  );
-  const onDragOver = useCallback(
-    (event) => {
-      event.preventDefault();
-      event.currentTarget.style.borderColor = theme.colors.primary.border;
-    },
-    [theme.colors.primary.border]
-  );
+      reorderItems(data.index, index);
+    }
+  }, [reorderItems]);
+  const onDragOver = useCallback((event) => {
+    event.preventDefault();
+    event.currentTarget.style.borderColor = theme.colors.primary.border;
+  }, [theme.colors.primary.border]);
   const onDragLeave = useCallback((event) => {
     event.preventDefault();
     event.currentTarget.style.borderColor = "transparent";
@@ -76,66 +84,17 @@ const PinnedItems = ({ toggle = true }) => {
     return null;
   }
   if (pinnedFeature) {
-    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-      Item,
-      {
-        label: locales["navigation.pinned.item.group.label"],
-        categoryIcon: "pin",
-        categoryIconVariant: "neutral",
-        toggle,
-        type: "pinnedGroup",
-        id: "pinned-group",
-        children: [
-          pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              style: { position: expanded ? "relative" : void 0 },
-              children: [
-                expanded ? /* @__PURE__ */ jsx(
-                  DropableArea,
-                  {
-                    onDragOver,
-                    onDragLeave,
-                    onDrop: (event) => onDrop(event, index)
-                  }
-                ) : null,
-                /* @__PURE__ */ jsx(
-                  Item,
-                  {
-                    label: items[itemId]?.label ?? "Unknown navigation item",
-                    type: "pinned",
-                    index,
-                    toggle,
-                    id: itemId,
-                    active: items[itemId]?.active ?? false,
-                    onClick: items[itemId]?.onClick ?? void 0,
-                    hasParents: true
-                  }
-                )
-              ]
-            },
-            itemId
-          )) : /* @__PURE__ */ jsx(TextContainer, { children: /* @__PURE__ */ jsx(
-            Text,
-            {
-              as: "p",
-              variant: "caption",
-              prominence: "weak",
-              sentiment: "neutral",
-              children: locales["navigation.pinned.item.group.empty"]
-            }
-          ) }),
-          expanded ? /* @__PURE__ */ jsx(RelativeDiv, { style: { position: "relative" }, children: /* @__PURE__ */ jsx(
-            DropableArea,
-            {
-              onDragOver,
-              onDragLeave,
-              onDrop: (event) => onDrop(event, pinnedItems.length)
-            }
-          ) }) : null
-        ]
-      }
-    ) });
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Item, { label: locales["navigation.pinned.item.group.label"], categoryIcon: "pin", categoryIconVariant: "neutral", toggle, type: "pinnedGroup", id: "pinned-group", children: [
+      pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => /* @__PURE__ */ jsxs("div", { style: {
+        position: expanded ? "relative" : void 0
+      }, children: [
+        expanded ? /* @__PURE__ */ jsx(DropableArea, { onDragOver, onDragLeave, onDrop: (event) => onDrop(event, index) }) : null,
+        /* @__PURE__ */ jsx(Item, { label: items[itemId]?.label ?? "Unknown navigation item", type: "pinned", index, toggle, id: itemId, active: items[itemId]?.active ?? false, onClick: items[itemId]?.onClick ?? void 0, hasParents: true })
+      ] }, itemId)) : /* @__PURE__ */ jsx(TextContainer, { children: /* @__PURE__ */ jsx(Text, { as: "p", variant: "caption", prominence: "weak", sentiment: "neutral", children: locales["navigation.pinned.item.group.empty"] }) }),
+      expanded ? /* @__PURE__ */ jsx(RelativeDiv, { style: {
+        position: "relative"
+      }, children: /* @__PURE__ */ jsx(DropableArea, { onDragOver, onDragLeave, onDrop: (event) => onDrop(event, pinnedItems.length) }) }) : null
+    ] }) });
   }
   return null;
 };

package/dist/components/Navigation/components/Separator.js

@@ -1,9 +1,14 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Separator as Separator$1 } from "@ultraviolet/ui";
-const StyledSeparator = styled(Separator$1)`
-  margin: ${({ theme }) => `${theme.space["2"]} -${theme.space["2"]}`};
-`;
+const StyledSeparator = /* @__PURE__ */ _styled(Separator$1, process.env.NODE_ENV === "production" ? {
+  target: "e1tbaa9b0"
+} : {
+  target: "e1tbaa9b0",
+  label: "StyledSeparator"
+})("margin:", ({
+  theme
+}) => `${theme.space["2"]} -${theme.space["2"]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNlcGFyYXRvciBhcyBVVlNlcGFyYXRvciB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFVWU2VwYXJhdG9yKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycyJ119IC0ke3RoZW1lLnNwYWNlWycyJ119YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSAoKSA9PiA8U3R5bGVkU2VwYXJhdG9yIC8+XG4iXX0= */"));
 const Separator = () => /* @__PURE__ */ jsx(StyledSeparator, {});
 export {
   Separator

package/dist/components/SteppedListCard/Step.js

@@ -1,24 +1,25 @@
 import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Text, StepList } from "@ultraviolet/ui";
 import { useContext } from "react";
 import { Data } from "./helper.js";
-const CustomText = styled(Text)`
-  cursor: pointer;
-  transition: text-decoration-color 250ms ease-out;
-  text-decoration: underline;
-  text-decoration-thickness: 1px;
-  text-underline-offset: 2px;
-  text-decoration-color: transparent;
-
-  &:hover {
-    text-decoration: underline;
-    text-decoration-thickness: 1px;
-  }
-  &:active {
-    text-decoration-thickness: 2px;
-  }
-`;
+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 CustomText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "ehxefxd0"
+} : {
+  target: "ehxefxd0",
+  label: "CustomText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1buwj38",
+  styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}"
+} : {
+  name: "1buwj38",
+  styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IEN1c3RvbVRleHQgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDI1MG1zIGVhc2Utb3V0O1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDJweDtcbiAgfVxuYFxudHlwZSBTdGVwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHRoZSBzdGVwLCBtYXggNSBzdGVwcy5cbiAgICovXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIHN0ZXBUaXRsZTogc3RyaW5nXG4gIC8qKlxuICAgKiBTdGF0ZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgY29tcGxldGVkOiBib29sZWFuXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0ID0gKHtcbiAgc3RlcE51bWJlcixcbiAgc3RlcFRpdGxlLFxuICBjb21wbGV0ZWQsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcbiAgY29uc3QgYWN0aXZlID0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA9PT0gc3RlcE51bWJlclxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxTdGVwTGlzdC5JdGVtXG4gICAgICAgICAgYnVsbGV0SWNvbj1cImNoZWNrXCJcbiAgICAgICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6ICdkZWZhdWx0J31cbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICAgICAgPC9TdGVwTGlzdC5JdGVtPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0ZXBMaXN0Lkl0ZW1cbiAgICAgICAgICBidWxsZXRUZXh0PXtTdHJpbmcoc3RlcE51bWJlcil9XG4gICAgICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgICAgICA8L0N1c3RvbVRleHQ+XG4gICAgICAgIDwvU3RlcExpc3QuSXRlbT5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const SteppedList = ({
   stepNumber,
   stepTitle,
@@ -27,27 +28,7 @@ const SteppedList = ({
 }) => {
   const containerData = useContext(Data);
   const active = containerData.currentStep === stepNumber;
-  return /* @__PURE__ */ jsx(Fragment, { children: completed ? /* @__PURE__ */ jsx(
-    StepList.Item,
-    {
-      bulletIcon: "check",
-      prominence: active ? "strong" : "default",
-      sentiment: "primary",
-      onClick: () => containerData.setCurrentStep(stepNumber),
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle })
-    }
-  ) : /* @__PURE__ */ jsx(
-    StepList.Item,
-    {
-      bulletText: String(stepNumber),
-      prominence: active ? "strong" : void 0,
-      sentiment: active ? "primary" : void 0,
-      onClick: () => containerData.setCurrentStep(stepNumber),
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: completed ? /* @__PURE__ */ jsx(StepList.Item, { bulletIcon: "check", prominence: active ? "strong" : "default", sentiment: "primary", onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsx(StepList.Item, { bulletText: String(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) });
 };
 export {
   SteppedList

package/dist/components/SteppedListCard/SteppedListContainer.js

@@ -1,17 +1,37 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Card, Stack, Row, Text, Button, StepList } from "@ultraviolet/ui";
 import { Children, useState, useMemo } from "react";
 import { SteppedList } from "./Step.js";
 import { SteppedListContent } from "./SteppedListContent.js";
 import { Data } from "./helper.js";
-const StyledCard = styled(Card)`
-  padding: 0;
-`;
-const ContentStack = styled(Stack)`
-  padding: ${({ theme }) => theme.space["3"]};
-  border-right: solid ${({ theme }) => theme.colors.neutral.border} 1px;
-`;
+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 StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
+  target: "ebhkk9t1"
+} : {
+  target: "ebhkk9t1",
+  label: "StyledCard"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1hcx8jb",
+  styles: "padding:0"
+} : {
+  name: "1hcx8jb",
+  styles: "padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICovXG4gIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJoaWRlXCIgYnV0dG9uXG4gICAqL1xuICBoaWRlVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAqL1xuICBzaG93VGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICovXG4gIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn1cbi8qKlxuICogU3RlcHBlZExpc3RDb250YWluZXIgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDb250YWluZXIgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSBvbkNsaWNrSGlkZSgpXG4gICAgZWxzZSBzZXRIaWRkZW4oIWhpZGRlbilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwTnVtYmVyPXtpbmRleCArIDF9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcFRpdGxlPXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDb250YWluZXIuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENvbnRhaW5lciB9XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ContentStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "ebhkk9t0"
+} : {
+  target: "ebhkk9t0",
+  label: "ContentStack"
+})("padding:", ({
+  theme
+}) => theme.space["3"], ";border-right:solid ", ({
+  theme
+}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICovXG4gIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJoaWRlXCIgYnV0dG9uXG4gICAqL1xuICBoaWRlVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAqL1xuICBzaG93VGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICovXG4gIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn1cbi8qKlxuICogU3RlcHBlZExpc3RDb250YWluZXIgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDb250YWluZXIgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSBvbkNsaWNrSGlkZSgpXG4gICAgZWxzZSBzZXRIaWRkZW4oIWhpZGRlbilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwTnVtYmVyPXtpbmRleCArIDF9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcFRpdGxlPXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDb250YWluZXIuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENvbnRhaW5lciB9XG4iXX0= */"));
 const SteppedListContainer = ({
   header,
   hideTooltipText,
@@ -26,26 +46,15 @@ const SteppedListContainer = ({
   const [currentStep, setCurrentStep] = useState(1);
   const [hidden, setHidden] = useState(false);
   const [done, setDone] = useState(Array(steps.length).fill(false));
-  const values = useMemo(
-    () => ({
-      currentStep,
-      setCurrentStep,
-      numberOfSteps,
-      done,
-      setDone,
-      setHidden,
-      onClickHide
-    }),
-    [
-      currentStep,
-      setCurrentStep,
-      numberOfSteps,
-      done,
-      setDone,
-      setHidden,
-      onClickHide
-    ]
-  );
+  const values = useMemo(() => ({
+    currentStep,
+    setCurrentStep,
+    numberOfSteps,
+    done,
+    setDone,
+    setHidden,
+    onClickHide
+  }), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
   const onClickHideButton = () => {
     if (onClickHide)
       onClickHide();
@@ -55,28 +64,10 @@ const SteppedListContainer = ({
   return /* @__PURE__ */ jsx(Data.Provider, { value: values, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
     /* @__PURE__ */ jsxs(Row, { templateColumns: "9fr 1fr", children: [
       typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "heading", children: header }) : header,
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: onClickHideButton,
-          variant: "ghost",
-          sentiment: "neutral",
-          size: "small",
-          tooltip: hidden ? showTooltipText : hideTooltipText,
-          children: hidden ? showText : hideText
-        }
-      )
+      /* @__PURE__ */ jsx(Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText })
     ] }),
     hidden ? null : /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 3fr", children: [
-      /* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(
-        SteppedList,
-        {
-          stepNumber: index + 1,
-          stepTitle: step,
-          completed: done[index]
-        },
-        step
-      )) }) }),
+      /* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
       children
     ] }) })
   ] }) });

package/dist/components/SteppedListCard/SteppedListContent.js

@@ -1,19 +1,43 @@
 import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Stack, Text } from "@ultraviolet/ui";
 import { useContext } from "react";
 import { Data, nextStep } from "./helper.js";
-const StyledContent = styled(Stack)`
-  padding: ${({ theme }) => theme.space["3"]};
-  padding-top: ${({ theme }) => theme.space["4"]};
-`;
-const StyledImage = styled.div`
-  display: flex;
-  justify-content: right;
-`;
-const StyledSubHeader = styled.div`
-  margin-bottom: ${({ theme }) => theme.space["3"]};
-`;
+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 StyledContent = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "erw7ck2"
+} : {
+  target: "erw7ck2",
+  label: "StyledContent"
+})("padding:", ({
+  theme
+}) => theme.space["3"], ";padding-top:", ({
+  theme
+}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxufVxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0Q29udGVudCA9ICh7XG4gIHN1YkhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlLFxuICBzdGVwTnVtYmVyLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c3RlcE51bWJlciA9PT0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA/IChcbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgPFN0eWxlZFN1YkhlYWRlcj5cbiAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAgICB7c3ViSGVhZGVyfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBzdWJIZWFkZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZCxcbiAgICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogY29udGFpbmVyRGF0YS5zZXREb25lLFxuICAgICAgICAgICAgICAgICAgZG9uZTogY29udGFpbmVyRGF0YS5kb25lLFxuICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwOiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZTdGVwczogY29udGFpbmVyRGF0YS5udW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgICAgc2V0SGlkZGVuOiBjb250YWluZXJEYXRhLnNldEhpZGRlbixcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlOiBjb250YWluZXJEYXRhLm9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIDxTdHlsZWRJbWFnZT57aW1hZ2V9PC9TdHlsZWRJbWFnZT5cbiAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */"));
+const StyledImage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erw7ck1"
+} : {
+  target: "erw7ck1",
+  label: "StyledImage"
+})(process.env.NODE_ENV === "production" ? {
+  name: "r4f2yk",
+  styles: "display:flex;justify-content:right"
+} : {
+  name: "r4f2yk",
+  styles: "display:flex;justify-content:right",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxufVxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0Q29udGVudCA9ICh7XG4gIHN1YkhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlLFxuICBzdGVwTnVtYmVyLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c3RlcE51bWJlciA9PT0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA/IChcbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgPFN0eWxlZFN1YkhlYWRlcj5cbiAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAgICB7c3ViSGVhZGVyfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBzdWJIZWFkZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZCxcbiAgICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogY29udGFpbmVyRGF0YS5zZXREb25lLFxuICAgICAgICAgICAgICAgICAgZG9uZTogY29udGFpbmVyRGF0YS5kb25lLFxuICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwOiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZTdGVwczogY29udGFpbmVyRGF0YS5udW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgICAgc2V0SGlkZGVuOiBjb250YWluZXJEYXRhLnNldEhpZGRlbixcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlOiBjb250YWluZXJEYXRhLm9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIDxTdHlsZWRJbWFnZT57aW1hZ2V9PC9TdHlsZWRJbWFnZT5cbiAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSubHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erw7ck0"
+} : {
+  target: "erw7ck0",
+  label: "StyledSubHeader"
+})("margin-bottom:", ({
+  theme
+}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwcGVkTGlzdENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhLCBuZXh0U3RlcCB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgcGFkZGluZy10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG5gXG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiByaWdodDtcbmBcblxuY29uc3QgU3R5bGVkU3ViSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbmBcbnR5cGUgU3RlcHBlZExpc3RDb250ZW50UHJvcHMgPSB7XG4gIHN1YkhlYWRlcj86IFJlYWN0Tm9kZVxuICBjaGlsZHJlbjogKChuZXh0U3RlcDogKGNvbXBsZXRlZDogYm9vbGVhbikgPT4gdm9pZCkgPT4gUmVhY3ROb2RlKSB8IFJlYWN0Tm9kZVxuICBpbWFnZT86IFJlYWN0Tm9kZVxuICBzdGVwTnVtYmVyOiBudW1iZXJcbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbn06IFN0ZXBwZWRMaXN0Q29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3N0ZXBOdW1iZXIgPT09IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPyAoXG4gICAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCI+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgID8gY2hpbGRyZW4oKGNvbXBsZXRlZDogYm9vbGVhbikgPT5cbiAgICAgICAgICAgICAgICBuZXh0U3RlcCh7XG4gICAgICAgICAgICAgICAgICBjb21wbGV0ZWQsXG4gICAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IGNvbnRhaW5lckRhdGEuc2V0RG9uZSxcbiAgICAgICAgICAgICAgICAgIGRvbmU6IGNvbnRhaW5lckRhdGEuZG9uZSxcbiAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXIsXG4gICAgICAgICAgICAgICAgICBzZXRDdXJyZW50U3RlcDogY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcCxcbiAgICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHM6IGNvbnRhaW5lckRhdGEubnVtYmVyT2ZTdGVwcyxcbiAgICAgICAgICAgICAgICAgIHNldEhpZGRlbjogY29udGFpbmVyRGF0YS5zZXRIaWRkZW4sXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrSGlkZTogY29udGFpbmVyRGF0YS5vbkNsaWNrSGlkZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDwvU3R5bGVkQ29udGVudD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
 const SteppedListContent = ({
   subHeader,
   children,
@@ -23,18 +47,16 @@ const SteppedListContent = ({
   const containerData = useContext(Data);
   return /* @__PURE__ */ jsx(Fragment, { children: stepNumber === containerData.currentStep ? /* @__PURE__ */ jsxs(StyledContent, { children: [
     /* @__PURE__ */ jsx(StyledSubHeader, { children: typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
-    typeof children === "function" ? children(
-      (completed) => nextStep({
-        completed,
-        setCompleted: containerData.setDone,
-        done: containerData.done,
-        stepNumber,
-        setCurrentStep: containerData.setCurrentStep,
-        numberOfSteps: containerData.numberOfSteps,
-        setHidden: containerData.setHidden,
-        onClickHide: containerData.onClickHide
-      })
-    ) : children,
+    typeof children === "function" ? children((completed) => nextStep({
+      completed,
+      setCompleted: containerData.setDone,
+      done: containerData.done,
+      stepNumber,
+      setCurrentStep: containerData.setCurrentStep,
+      numberOfSteps: containerData.numberOfSteps,
+      setHidden: containerData.setHidden,
+      onClickHide: containerData.onClickHide
+    })) : children,
     /* @__PURE__ */ jsx(StyledImage, { children: image })
   ] }) : null });
 };

package/dist/components/SteppedListCard/helper.js

@@ -22,9 +22,7 @@ const nextStep = ({
   done,
   onClickHide
 }) => {
-  const tempDone = done.map(
-    (item, index) => index === stepNumber - 1 ? completed : item
-  );
+  const tempDone = done.map((item, index) => index === stepNumber - 1 ? completed : item);
   setCompleted(tempDone);
   if (numberOfSteps > stepNumber)
     setCurrentStep(stepNumber + 1);