@ultraviolet/plus 0.15.0 → 0.15.2

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

@@ -0,0 +1,8 @@
+type PinnedItemsProps = {
+    /**
+     * This prop is used to control if the item is expanded or collapsed
+     */
+    toggle?: boolean;
+};
+export declare const PinnedItems: ({ toggle }: PinnedItemsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,103 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useTheme } from "@emotion/react";
+import { Text } from "@ultraviolet/ui";
+import { useCallback } from "react";
+import { useNavigation } from "../NavigationProvider.js";
+import { Item } from "./Item.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 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.");
+  }
+  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);
+    }
+  }, [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";
+  }, []);
+  if (Object.keys(items).length === 0) {
+    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 null;
+};
+export {
+  PinnedItems
+};

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

@@ -0,0 +1 @@
+export declare const Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,15 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Separator as Separator$1 } from "@ultraviolet/ui";
+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/Navigation/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const NAVIGATION_MIN_WIDTH = 220;
+export declare const NAVIGATION_WIDTH = 280;
+export declare const NAVIGATION_COLLASPED_WIDTH = 67;
+export declare const NAVIGATION_MAX_WIDTH = 320;
+/**
+ * ANIMATIONS
+ */
+export declare const ANIMATION_DURATION = 700;
+export declare const shrinkHeight: import("@emotion/react").Keyframes;
+export declare const groupAnimation: import("@emotion/react").Keyframes;
+export type DragNDropData = {
+    index: number;
+    item: string;
+};

package/dist/components/Navigation/constants.js

@@ -0,0 +1,37 @@
+import { keyframes } from "@emotion/react";
+const NAVIGATION_MIN_WIDTH = 220;
+const NAVIGATION_WIDTH = 280;
+const NAVIGATION_COLLASPED_WIDTH = 67;
+const NAVIGATION_MAX_WIDTH = 320;
+const ANIMATION_DURATION = 700;
+const shrinkHeight = keyframes`
+    0% {
+      max-height: 50px; // this is on purpose higher than the actual height of the item
+    }
+
+    100% {
+      max-height: 32px;
+    }
+`;
+const groupAnimation = keyframes`
+  0% {
+    opacity: 0;
+    max-height: 0;
+    margin-bottom: -8px;
+  }
+
+  100% {
+    opacity: 1;
+    max-height: 40px;
+    margin-bottom: 0;
+  }
+`;
+export {
+  ANIMATION_DURATION,
+  NAVIGATION_COLLASPED_WIDTH,
+  NAVIGATION_MAX_WIDTH,
+  NAVIGATION_MIN_WIDTH,
+  NAVIGATION_WIDTH,
+  groupAnimation,
+  shrinkHeight
+};

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

@@ -0,0 +1,2 @@
+export { Navigation } from './Navigation';
+export { NavigationProvider, useNavigation } from './NavigationProvider';

package/dist/components/Navigation/locales/en.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    readonly 'navigation.pin.tooltip': "Pin product";
+    readonly 'navigation.unpin.tooltip': "Unpin product";
+    readonly 'navigation.pin.limit': "You cannot pin more products";
+    readonly 'navigation.pinned.item.group.label': "Pinned items";
+    readonly 'navigation.expand.button': "Expand sidebar";
+    readonly 'navigation.collapse.button': "Collapse sidebar";
+    readonly 'navigation.pinned.item.group.empty': "You have no pinned items.";
+};
+export default _default;

package/dist/components/Navigation/locales/en.js

@@ -0,0 +1,12 @@
+const NavigationLocales = {
+  "navigation.pin.tooltip": "Pin product",
+  "navigation.unpin.tooltip": "Unpin product",
+  "navigation.pin.limit": "You cannot pin more products",
+  "navigation.pinned.item.group.label": "Pinned items",
+  "navigation.expand.button": "Expand sidebar",
+  "navigation.collapse.button": "Collapse sidebar",
+  "navigation.pinned.item.group.empty": "You have no pinned items."
+};
+export {
+  NavigationLocales as default
+};

package/dist/components/SteppedListCard/Step.d.ts

@@ -0,0 +1,17 @@
+type StepProps = {
+    /**
+     * The number of the step, max 5 steps.
+     */
+    stepNumber: number;
+    /**
+     * Title of the step
+     */
+    stepTitle: string;
+    /**
+     * State of the step
+     */
+    completed: boolean;
+    'data-testid'?: string;
+};
+export declare const SteppedList: ({ stepNumber, stepTitle, completed, "data-testid": dataTestId, }: StepProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SteppedListCard/Step.js

@@ -0,0 +1,35 @@
+import { jsx, Fragment } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Text, StepList } from "@ultraviolet/ui";
+import { useContext } from "react";
+import { Data } from "./helper.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 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,
+  completed,
+  "data-testid": dataTestId
+}) => {
+  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 }) }) });
+};
+export {
+  SteppedList
+};

package/dist/components/SteppedListCard/SteppedListContainer.d.ts

@@ -0,0 +1,49 @@
+import type { ReactNode } from 'react';
+type SteppedListContainerProps = {
+    /**
+     * Title of the section, introduces the feature.
+     */
+    header: ReactNode;
+    /**
+     * Text of the tooltip on the hide button
+     */
+    hideTooltipText?: string;
+    /**
+     * Text of the "hide" button
+     */
+    hideText?: string;
+    /**
+     * Text of the "show" button
+     */
+    showText?: string;
+    /**
+     * Text of tooltip on the "show" button
+     */
+    showTooltipText?: string;
+    /**
+     * List of steps
+     */
+    steps: string[];
+    /**
+     * Define here the content of each step
+     */
+    children: ReactNode;
+    /**
+     * Function called when the component is closed. This function will overload the default behavior.
+     */
+    onClickHide?: () => void;
+};
+/**
+ * SteppedListContainer is a component created for guiding users through steps in a structured and linear manner.
+ * It can pass prop "nextStep" to its children.
+ */
+declare const SteppedListContainer: {
+    ({ header, hideTooltipText, hideText, showText, showTooltipText, children, steps, onClickHide, }: SteppedListContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    Step: ({ subHeader, children, image, stepNumber, }: {
+        subHeader?: ReactNode;
+        children: ReactNode | ((nextStep: (completed: boolean) => void) => ReactNode);
+        image?: ReactNode;
+        stepNumber: number;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export { SteppedListContainer };

package/dist/components/SteppedListCard/SteppedListContainer.js

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+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";
+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,
+  hideText = "Hide",
+  showText = "Show",
+  showTooltipText,
+  children,
+  steps,
+  onClickHide
+}) => {
+  const numberOfSteps = Children.count(children);
+  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 onClickHideButton = () => {
+    if (onClickHide)
+      onClickHide();
+    else
+      setHidden(!hidden);
+  };
+  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 })
+    ] }),
+    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)) }) }),
+      children
+    ] }) })
+  ] }) });
+};
+SteppedListContainer.Step = SteppedListContent;
+export {
+  SteppedListContainer
+};

package/dist/components/SteppedListCard/SteppedListContent.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type SteppedListContentProps = {
+    subHeader?: ReactNode;
+    children: ((nextStep: (completed: boolean) => void) => ReactNode) | ReactNode;
+    image?: ReactNode;
+    stepNumber: number;
+};
+export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, }: SteppedListContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/SteppedListCard/SteppedListContent.js

@@ -0,0 +1,65 @@
+import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Stack, Text } from "@ultraviolet/ui";
+import { useContext } from "react";
+import { Data, nextStep } from "./helper.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 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,
+  image,
+  stepNumber
+}) => {
+  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,
+    /* @__PURE__ */ jsx(StyledImage, { children: image })
+  ] }) : null });
+};
+export {
+  SteppedListContent
+};

package/dist/components/SteppedListCard/helper.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+type ContextType = {
+    currentStep: number;
+    setCurrentStep: React.Dispatch<React.SetStateAction<number>>;
+    numberOfSteps: number;
+    done: boolean[];
+    setDone: React.Dispatch<React.SetStateAction<boolean[]>>;
+    setHidden: React.Dispatch<React.SetStateAction<boolean>>;
+    onClickHide?: () => void;
+};
+export declare const Data: import("react").Context<ContextType>;
+type NextStepProps = {
+    completed: boolean;
+    setCompleted: React.Dispatch<React.SetStateAction<boolean[]>>;
+    stepNumber: number;
+    setCurrentStep: React.Dispatch<React.SetStateAction<number>>;
+    numberOfSteps: number;
+    setHidden: React.Dispatch<React.SetStateAction<boolean>>;
+    done: boolean[];
+    onClickHide?: () => void;
+};
+/**
+ * Go to next step with or without validation of the current step
+ * Close the component for the last step
+ */
+export declare const nextStep: ({ completed, setCompleted, stepNumber, setCurrentStep, numberOfSteps, setHidden, done, onClickHide, }: NextStepProps) => void;
+export {};

package/dist/components/SteppedListCard/helper.js

@@ -0,0 +1,37 @@
+import { createContext } from "react";
+const Data = createContext({
+  currentStep: 1,
+  setCurrentStep: () => {
+  },
+  numberOfSteps: 1,
+  done: [false, false, false, false, false],
+  setDone: () => {
+  },
+  setHidden: () => {
+  },
+  onClickHide: () => {
+  }
+});
+const nextStep = ({
+  completed,
+  setCompleted,
+  stepNumber,
+  setCurrentStep,
+  numberOfSteps,
+  setHidden,
+  done,
+  onClickHide
+}) => {
+  const tempDone = done.map((item, index) => index === stepNumber - 1 ? completed : item);
+  setCompleted(tempDone);
+  if (numberOfSteps > stepNumber)
+    setCurrentStep(stepNumber + 1);
+  else if (onClickHide)
+    onClickHide();
+  else
+    setHidden(true);
+};
+export {
+  Data,
+  nextStep
+};

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

@@ -0,0 +1 @@
+export { SteppedListContainer } from './SteppedListContainer';