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

package/dist/components/Navigation/components/PinnedItems.cjs

@@ -2,53 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const category = require("@ultraviolet/icons/category");
 const themes = require("@ultraviolet/themes");
 const ui = require("@ultraviolet/ui");
 const react = require("react");
 const NavigationProvider = require("../NavigationProvider.cjs");
 const Item = require("./Item.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-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__default.default("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvUGlubmVkSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgUGluQ2F0ZWdvcnlJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zL2NhdGVnb3J5J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgRHJhZ0V2ZW50LCBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBEcmFnTkRyb3BEYXRhIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcblxuICAmW2RhdGEtZXhwYW5kZWQ9J3RydWUnXSB7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICAgIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIH1cbmBcblxudHlwZSBQaW5uZWRJdGVtc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhpcyBwcm9wIGlzIHVzZWQgdG8gY29udHJvbCBpZiB0aGUgaXRlbSBpcyBleHBhbmRlZCBvciBjb2xsYXBzZWRcbiAgICovXG4gIHRvZ2dsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFRoaXMgZnVuY3Rpb24gd2lsbCBiZSB0cmlnZ2VyZWQgb24gY2xpY2sgb2YgdGhlIGl0ZW0uIElmIHRoZSBpdGVtIGlzIGV4cGFuZGFibGVcbiAgICogdG9nZ2xlIHdpbGwgYmUgcGFzc2VkIHdpdGggaXQuXG4gICAqL1xuICBvblRvZ2dsZT86ICh0b2dnbGU6IGJvb2xlYW4pID0+IHZvaWRcbiAgLyoqXG4gICAqIFRoaXMgZnVuY3Rpb24gd2lsbCBiZSBjYWxsZWQgd2hlbiB0aGUgdXNlciByZW9yZGVyIHRoZSBwaW5uZWQgaXRlbXNcbiAgICovXG4gIG9uUmVvcmRlcj86IChwaW5uZWRJdGVtczogc3RyaW5nW10pID0+IHZvaWRcbiAgLyoqXG4gICAqIFVzZSB0aGlzIHByb3AgaWYgaXQgaXMgbmVlZGVkIHRvIHdyYXAgZWFjaCBQaW5uZWRJdGVtIGNvbXBvbmVudCBpbnRvIGFub3RoZXIgY29tcG9uZW50IChlZyBOYXZMaW5rKVxuICAgKi9cbiAgaXRlbVdyYXBwZXI/OiAoaXRlbTogUmVhY3RFbGVtZW50LCBpdGVtSWQ6IHN0cmluZykgPT4gUmVhY3RFbGVtZW50XG59XG5cbmV4cG9ydCBjb25zdCBQaW5uZWRJdGVtcyA9ICh7XG4gIHRvZ2dsZSA9IHRydWUsXG4gIG9uUmVvcmRlcixcbiAgb25Ub2dnbGUsXG4gIGl0ZW1XcmFwcGVyLFxufTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7XG4gICAgbG9jYWxlcyxcbiAgICBwaW5uZWRJdGVtcyxcbiAgICBwaW5uZWRGZWF0dXJlLFxuICAgIHJlb3JkZXJJdGVtcyxcbiAgICBleHBhbmRlZCxcbiAgICBpdGVtcyxcbiAgICBhbmltYXRpb24sXG4gIH0gPSBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4IC0gMSlcbiAgICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcblxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvblJlb3JkZXIsIHJlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBzdHlsZT17eyB3aWR0aDogYW5pbWF0aW9uID8gJzEwMCUnIDogdW5kZWZpbmVkIH19PlxuICAgICAgICA8SXRlbVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17PFBpbkNhdGVnb3J5SWNvbiB2YXJpYW50PVwibmV1dHJhbFwiIC8+fVxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwicGlubmVkLWdyb3VwXCJcbiAgICAgICAgICBpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgbGFiZWw9e2xvY2FsZXNbJ25hdmlnYXRpb24ucGlubmVkLml0ZW0uZ3JvdXAubGFiZWwnXX1cbiAgICAgICAgICBvblRvZ2dsZT17b25Ub2dnbGV9XG4gICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgdHlwZT1cInBpbm5lZEdyb3VwXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtwaW5uZWRJdGVtcy5sZW5ndGggPiAwID8gKFxuICAgICAgICAgICAgcGlubmVkSXRlbXMubWFwKChpdGVtSWQsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpdGVtc1tpdGVtSWRdPy5sYWJlbCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGl0ZW1FbGVtZW50ID0gKFxuICAgICAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlPXtpdGVtc1tpdGVtSWRdPy5hY3RpdmUgPz8gZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtpdGVtSWR9XG4gICAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2tQaW5VbnBpbj17XG4gICAgICAgICAgICAgICAgICAgICAgaXRlbXNbaXRlbUlkXT8ub25DbGlja1BpblVucGluID8/IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlPXtpdGVtc1tpdGVtSWRdPy5vblRvZ2dsZX1cbiAgICAgICAgICAgICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJwaW5uZWRcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApXG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFJlbGF0aXZlRGl2IGtleT17aXRlbUlkfT5cbiAgICAgICAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIHtpdGVtV3JhcHBlclxuICAgICAgICAgICAgICAgICAgICAgID8gaXRlbVdyYXBwZXIoaXRlbUVsZW1lbnQsIGl0ZW1JZClcbiAgICAgICAgICAgICAgICAgICAgICA6IGl0ZW1FbGVtZW50fVxuICAgICAgICAgICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFRleHRDb250YWluZXIgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9PlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmVtcHR5J119XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvVGV4dENvbnRhaW5lcj5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAgPFJlbGF0aXZlRGl2PlxuICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBwaW5uZWRJdGVtcy5sZW5ndGgpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1JlbGF0aXZlRGl2PlxuICAgICAgICA8L0l0ZW0+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuIl19 */"));
-const RelativeDiv = /* @__PURE__ */ _styled__default.default("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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFBpbkNhdGVnb3J5SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucy9jYXRlZ29yeSdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCwgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vSXRlbSdcblxuY29uc3QgRHJvcGFibGVBcmVhID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDJweDtcbiAgYm9yZGVyLXRvcDogMnB4IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX0gMDtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHRvcDogLTRweDtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICB3aWR0aDogMHB4O1xuICAgIGJvcmRlcjogM3B4IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIH1cbmBcblxuY29uc3QgUmVsYXRpdmVEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFRleHRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119IDA7XG5cbiAgJltkYXRhLWV4cGFuZGVkPSd0cnVlJ10ge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgdHJpZ2dlcmVkIG9uIGNsaWNrIG9mIHRoZSBpdGVtLiBJZiB0aGUgaXRlbSBpcyBleHBhbmRhYmxlXG4gICAqIHRvZ2dsZSB3aWxsIGJlIHBhc3NlZCB3aXRoIGl0LlxuICAgKi9cbiAgb25Ub2dnbGU/OiAodG9nZ2xlOiBib29sZWFuKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBVc2UgdGhpcyBwcm9wIGlmIGl0IGlzIG5lZWRlZCB0byB3cmFwIGVhY2ggUGlubmVkSXRlbSBjb21wb25lbnQgaW50byBhbm90aGVyIGNvbXBvbmVudCAoZWcgTmF2TGluaylcbiAgICovXG4gIGl0ZW1XcmFwcGVyPzogKGl0ZW06IFJlYWN0RWxlbWVudCwgaXRlbUlkOiBzdHJpbmcpID0+IFJlYWN0RWxlbWVudFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoe1xuICB0b2dnbGUgPSB0cnVlLFxuICBvblJlb3JkZXIsXG4gIG9uVG9nZ2xlLFxuICBpdGVtV3JhcHBlcixcbn06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIGxvY2FsZXMsXG4gICAgcGlubmVkSXRlbXMsXG4gICAgcGlubmVkRmVhdHVyZSxcbiAgICByZW9yZGVySXRlbXMsXG4gICAgZXhwYW5kZWQsXG4gICAgaXRlbXMsXG4gICAgYW5pbWF0aW9uLFxuICB9ID0gY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleCAtIDEpXG4gICAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG5cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleClcbiAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25SZW9yZGVyLCByZW9yZGVySXRlbXNdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnT3ZlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXG4gICAgfSxcbiAgICBbdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gIH0sIFtdKVxuXG4gIGlmIChPYmplY3Qua2V5cyhpdGVtcykubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGlmIChwaW5uZWRGZWF0dXJlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgc3R5bGU9e3sgd2lkdGg6IGFuaW1hdGlvbiA/ICcxMDAlJyA6IHVuZGVmaW5lZCB9fT5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBjYXRlZ29yeUljb249ezxQaW5DYXRlZ29yeUljb24gdmFyaWFudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgb25Ub2dnbGU9e29uVG9nZ2xlfVxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXRlbXNbaXRlbUlkXT8ubGFiZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtRWxlbWVudCA9IChcbiAgICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpdGVtc1tpdGVtSWRdLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e1xuICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZT17aXRlbXNbaXRlbUlkXT8ub25Ub2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBrZXk9e2l0ZW1JZH0+XG4gICAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB7aXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICA/IGl0ZW1XcmFwcGVyKGl0ZW1FbGVtZW50LCBpdGVtSWQpXG4gICAgICAgICAgICAgICAgICAgICAgOiBpdGVtRWxlbWVudH1cbiAgICAgICAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyIGRhdGEtZXhwYW5kZWQ9e2V4cGFuZGVkfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiY2FwdGlvblwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIDxSZWxhdGl2ZURpdj5cbiAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const TextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e5ys0ny0"
-} : {
-  target: "e5ys0ny0",
-  label: "TextContainer"
-})("padding:", ({
-  theme
-}) => theme.space["1"], " 0;&[data-expanded='true']{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFBpbkNhdGVnb3J5SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucy9jYXRlZ29yeSdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCwgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vSXRlbSdcblxuY29uc3QgRHJvcGFibGVBcmVhID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDJweDtcbiAgYm9yZGVyLXRvcDogMnB4IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX0gMDtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHRvcDogLTRweDtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICB3aWR0aDogMHB4O1xuICAgIGJvcmRlcjogM3B4IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIH1cbmBcblxuY29uc3QgUmVsYXRpdmVEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFRleHRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119IDA7XG5cbiAgJltkYXRhLWV4cGFuZGVkPSd0cnVlJ10ge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgdHJpZ2dlcmVkIG9uIGNsaWNrIG9mIHRoZSBpdGVtLiBJZiB0aGUgaXRlbSBpcyBleHBhbmRhYmxlXG4gICAqIHRvZ2dsZSB3aWxsIGJlIHBhc3NlZCB3aXRoIGl0LlxuICAgKi9cbiAgb25Ub2dnbGU/OiAodG9nZ2xlOiBib29sZWFuKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBVc2UgdGhpcyBwcm9wIGlmIGl0IGlzIG5lZWRlZCB0byB3cmFwIGVhY2ggUGlubmVkSXRlbSBjb21wb25lbnQgaW50byBhbm90aGVyIGNvbXBvbmVudCAoZWcgTmF2TGluaylcbiAgICovXG4gIGl0ZW1XcmFwcGVyPzogKGl0ZW06IFJlYWN0RWxlbWVudCwgaXRlbUlkOiBzdHJpbmcpID0+IFJlYWN0RWxlbWVudFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoe1xuICB0b2dnbGUgPSB0cnVlLFxuICBvblJlb3JkZXIsXG4gIG9uVG9nZ2xlLFxuICBpdGVtV3JhcHBlcixcbn06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIGxvY2FsZXMsXG4gICAgcGlubmVkSXRlbXMsXG4gICAgcGlubmVkRmVhdHVyZSxcbiAgICByZW9yZGVySXRlbXMsXG4gICAgZXhwYW5kZWQsXG4gICAgaXRlbXMsXG4gICAgYW5pbWF0aW9uLFxuICB9ID0gY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleCAtIDEpXG4gICAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG5cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleClcbiAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25SZW9yZGVyLCByZW9yZGVySXRlbXNdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnT3ZlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXG4gICAgfSxcbiAgICBbdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gIH0sIFtdKVxuXG4gIGlmIChPYmplY3Qua2V5cyhpdGVtcykubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGlmIChwaW5uZWRGZWF0dXJlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgc3R5bGU9e3sgd2lkdGg6IGFuaW1hdGlvbiA/ICcxMDAlJyA6IHVuZGVmaW5lZCB9fT5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBjYXRlZ29yeUljb249ezxQaW5DYXRlZ29yeUljb24gdmFyaWFudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgb25Ub2dnbGU9e29uVG9nZ2xlfVxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXRlbXNbaXRlbUlkXT8ubGFiZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtRWxlbWVudCA9IChcbiAgICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpdGVtc1tpdGVtSWRdLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e1xuICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZT17aXRlbXNbaXRlbUlkXT8ub25Ub2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBrZXk9e2l0ZW1JZH0+XG4gICAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB7aXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICA/IGl0ZW1XcmFwcGVyKGl0ZW1FbGVtZW50LCBpdGVtSWQpXG4gICAgICAgICAgICAgICAgICAgICAgOiBpdGVtRWxlbWVudH1cbiAgICAgICAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyIGRhdGEtZXhwYW5kZWQ9e2V4cGFuZGVkfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiY2FwdGlvblwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIDxSZWxhdGl2ZURpdj5cbiAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
+const styles_css = require("./styles.css.cjs");
 const PinnedItems = ({
   toggle = true,
   onReorder,
@@ -101,14 +61,16 @@ const PinnedItems = ({
       pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => {
         if (items[itemId]?.label) {
           const itemElement = /* @__PURE__ */ jsxRuntime.jsx(Item.Item, { active: items[itemId]?.active ?? false, id: itemId, index, label: items[itemId].label, onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0, onToggle: items[itemId]?.onToggle, toggle, type: "pinned" });
-          return /* @__PURE__ */ jsxRuntime.jsxs(RelativeDiv, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(DropableArea, { onDragLeave, onDragOver, onDrop: (event) => onDrop(event, index) }),
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_css.navigationPinnedItemRelativeDiv, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemDropableArea, onDragLeave, onDragOver, onDrop: (event) => onDrop(event, index) }),
             itemWrapper ? itemWrapper(itemElement, itemId) : itemElement
           ] }, itemId);
         }
         return null;
-      }) : /* @__PURE__ */ jsxRuntime.jsx(TextContainer, { "data-expanded": expanded, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: locales["navigation.pinned.item.group.empty"] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(RelativeDiv, { children: /* @__PURE__ */ jsxRuntime.jsx(DropableArea, { onDragLeave, onDragOver, onDrop: (event) => onDrop(event, pinnedItems.length) }) })
+      }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemContainer({
+        expanded
+      }), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: locales["navigation.pinned.item.group.empty"] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemRelativeDiv, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.navigationPinnedItemDropableArea, onDragLeave, onDragOver, onDrop: (event) => onDrop(event, pinnedItems.length) }) })
     ] }) });
   }
   return null;

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

@@ -1,50 +1,12 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { PinCategoryIcon } from "@ultraviolet/icons/category";
 import { useTheme } from "@ultraviolet/themes";
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvUGlubmVkSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgUGluQ2F0ZWdvcnlJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zL2NhdGVnb3J5J1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgRHJhZ0V2ZW50LCBSZWFjdEVsZW1lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VOYXZpZ2F0aW9uIH0gZnJvbSAnLi4vTmF2aWdhdGlvblByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBEcmFnTkRyb3BEYXRhIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcblxuICAmW2RhdGEtZXhwYW5kZWQ9J3RydWUnXSB7XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICAgIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIH1cbmBcblxudHlwZSBQaW5uZWRJdGVtc1Byb3BzID0ge1xuICAvKipcbiAgICogVGhpcyBwcm9wIGlzIHVzZWQgdG8gY29udHJvbCBpZiB0aGUgaXRlbSBpcyBleHBhbmRlZCBvciBjb2xsYXBzZWRcbiAgICovXG4gIHRvZ2dsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFRoaXMgZnVuY3Rpb24gd2lsbCBiZSB0cmlnZ2VyZWQgb24gY2xpY2sgb2YgdGhlIGl0ZW0uIElmIHRoZSBpdGVtIGlzIGV4cGFuZGFibGVcbiAgICogdG9nZ2xlIHdpbGwgYmUgcGFzc2VkIHdpdGggaXQuXG4gICAqL1xuICBvblRvZ2dsZT86ICh0b2dnbGU6IGJvb2xlYW4pID0+IHZvaWRcbiAgLyoqXG4gICAqIFRoaXMgZnVuY3Rpb24gd2lsbCBiZSBjYWxsZWQgd2hlbiB0aGUgdXNlciByZW9yZGVyIHRoZSBwaW5uZWQgaXRlbXNcbiAgICovXG4gIG9uUmVvcmRlcj86IChwaW5uZWRJdGVtczogc3RyaW5nW10pID0+IHZvaWRcbiAgLyoqXG4gICAqIFVzZSB0aGlzIHByb3AgaWYgaXQgaXMgbmVlZGVkIHRvIHdyYXAgZWFjaCBQaW5uZWRJdGVtIGNvbXBvbmVudCBpbnRvIGFub3RoZXIgY29tcG9uZW50IChlZyBOYXZMaW5rKVxuICAgKi9cbiAgaXRlbVdyYXBwZXI/OiAoaXRlbTogUmVhY3RFbGVtZW50LCBpdGVtSWQ6IHN0cmluZykgPT4gUmVhY3RFbGVtZW50XG59XG5cbmV4cG9ydCBjb25zdCBQaW5uZWRJdGVtcyA9ICh7XG4gIHRvZ2dsZSA9IHRydWUsXG4gIG9uUmVvcmRlcixcbiAgb25Ub2dnbGUsXG4gIGl0ZW1XcmFwcGVyLFxufTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7XG4gICAgbG9jYWxlcyxcbiAgICBwaW5uZWRJdGVtcyxcbiAgICBwaW5uZWRGZWF0dXJlLFxuICAgIHJlb3JkZXJJdGVtcyxcbiAgICBleHBhbmRlZCxcbiAgICBpdGVtcyxcbiAgICBhbmltYXRpb24sXG4gIH0gPSBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4IC0gMSlcbiAgICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcblxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvblJlb3JkZXIsIHJlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBzdHlsZT17eyB3aWR0aDogYW5pbWF0aW9uID8gJzEwMCUnIDogdW5kZWZpbmVkIH19PlxuICAgICAgICA8SXRlbVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj17PFBpbkNhdGVnb3J5SWNvbiB2YXJpYW50PVwibmV1dHJhbFwiIC8+fVxuICAgICAgICAgIGRhdGEtdGVzdGlkPVwicGlubmVkLWdyb3VwXCJcbiAgICAgICAgICBpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgbGFiZWw9e2xvY2FsZXNbJ25hdmlnYXRpb24ucGlubmVkLml0ZW0uZ3JvdXAubGFiZWwnXX1cbiAgICAgICAgICBvblRvZ2dsZT17b25Ub2dnbGV9XG4gICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgdHlwZT1cInBpbm5lZEdyb3VwXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtwaW5uZWRJdGVtcy5sZW5ndGggPiAwID8gKFxuICAgICAgICAgICAgcGlubmVkSXRlbXMubWFwKChpdGVtSWQsIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChpdGVtc1tpdGVtSWRdPy5sYWJlbCkge1xuICAgICAgICAgICAgICAgIGNvbnN0IGl0ZW1FbGVtZW50ID0gKFxuICAgICAgICAgICAgICAgICAgPEl0ZW1cbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlPXtpdGVtc1tpdGVtSWRdPy5hY3RpdmUgPz8gZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgIGlkPXtpdGVtSWR9XG4gICAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0ubGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2tQaW5VbnBpbj17XG4gICAgICAgICAgICAgICAgICAgICAgaXRlbXNbaXRlbUlkXT8ub25DbGlja1BpblVucGluID8/IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIG9uVG9nZ2xlPXtpdGVtc1tpdGVtSWRdPy5vblRvZ2dsZX1cbiAgICAgICAgICAgICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJwaW5uZWRcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApXG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgPFJlbGF0aXZlRGl2IGtleT17aXRlbUlkfT5cbiAgICAgICAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIHtpdGVtV3JhcHBlclxuICAgICAgICAgICAgICAgICAgICAgID8gaXRlbVdyYXBwZXIoaXRlbUVsZW1lbnQsIGl0ZW1JZClcbiAgICAgICAgICAgICAgICAgICAgICA6IGl0ZW1FbGVtZW50fVxuICAgICAgICAgICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICByZXR1cm4gbnVsbFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPFRleHRDb250YWluZXIgZGF0YS1leHBhbmRlZD17ZXhwYW5kZWR9PlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmVtcHR5J119XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvVGV4dENvbnRhaW5lcj5cbiAgICAgICAgICApfVxuXG4gICAgICAgICAgPFJlbGF0aXZlRGl2PlxuICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBwaW5uZWRJdGVtcy5sZW5ndGgpfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1JlbGF0aXZlRGl2PlxuICAgICAgICA8L0l0ZW0+XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuIl19 */"));
-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/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFBpbkNhdGVnb3J5SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucy9jYXRlZ29yeSdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCwgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vSXRlbSdcblxuY29uc3QgRHJvcGFibGVBcmVhID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDJweDtcbiAgYm9yZGVyLXRvcDogMnB4IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX0gMDtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHRvcDogLTRweDtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICB3aWR0aDogMHB4O1xuICAgIGJvcmRlcjogM3B4IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIH1cbmBcblxuY29uc3QgUmVsYXRpdmVEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFRleHRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119IDA7XG5cbiAgJltkYXRhLWV4cGFuZGVkPSd0cnVlJ10ge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgdHJpZ2dlcmVkIG9uIGNsaWNrIG9mIHRoZSBpdGVtLiBJZiB0aGUgaXRlbSBpcyBleHBhbmRhYmxlXG4gICAqIHRvZ2dsZSB3aWxsIGJlIHBhc3NlZCB3aXRoIGl0LlxuICAgKi9cbiAgb25Ub2dnbGU/OiAodG9nZ2xlOiBib29sZWFuKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBVc2UgdGhpcyBwcm9wIGlmIGl0IGlzIG5lZWRlZCB0byB3cmFwIGVhY2ggUGlubmVkSXRlbSBjb21wb25lbnQgaW50byBhbm90aGVyIGNvbXBvbmVudCAoZWcgTmF2TGluaylcbiAgICovXG4gIGl0ZW1XcmFwcGVyPzogKGl0ZW06IFJlYWN0RWxlbWVudCwgaXRlbUlkOiBzdHJpbmcpID0+IFJlYWN0RWxlbWVudFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoe1xuICB0b2dnbGUgPSB0cnVlLFxuICBvblJlb3JkZXIsXG4gIG9uVG9nZ2xlLFxuICBpdGVtV3JhcHBlcixcbn06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIGxvY2FsZXMsXG4gICAgcGlubmVkSXRlbXMsXG4gICAgcGlubmVkRmVhdHVyZSxcbiAgICByZW9yZGVySXRlbXMsXG4gICAgZXhwYW5kZWQsXG4gICAgaXRlbXMsXG4gICAgYW5pbWF0aW9uLFxuICB9ID0gY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleCAtIDEpXG4gICAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG5cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleClcbiAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25SZW9yZGVyLCByZW9yZGVySXRlbXNdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnT3ZlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXG4gICAgfSxcbiAgICBbdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gIH0sIFtdKVxuXG4gIGlmIChPYmplY3Qua2V5cyhpdGVtcykubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGlmIChwaW5uZWRGZWF0dXJlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgc3R5bGU9e3sgd2lkdGg6IGFuaW1hdGlvbiA/ICcxMDAlJyA6IHVuZGVmaW5lZCB9fT5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBjYXRlZ29yeUljb249ezxQaW5DYXRlZ29yeUljb24gdmFyaWFudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgb25Ub2dnbGU9e29uVG9nZ2xlfVxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXRlbXNbaXRlbUlkXT8ubGFiZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtRWxlbWVudCA9IChcbiAgICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpdGVtc1tpdGVtSWRdLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e1xuICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZT17aXRlbXNbaXRlbUlkXT8ub25Ub2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBrZXk9e2l0ZW1JZH0+XG4gICAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB7aXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICA/IGl0ZW1XcmFwcGVyKGl0ZW1FbGVtZW50LCBpdGVtSWQpXG4gICAgICAgICAgICAgICAgICAgICAgOiBpdGVtRWxlbWVudH1cbiAgICAgICAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyIGRhdGEtZXhwYW5kZWQ9e2V4cGFuZGVkfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiY2FwdGlvblwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIDxSZWxhdGl2ZURpdj5cbiAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */",
-  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;&[data-expanded='true']{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFBpbkNhdGVnb3J5SWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucy9jYXRlZ29yeSdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCwgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgSXRlbSB9IGZyb20gJy4vSXRlbSdcblxuY29uc3QgRHJvcGFibGVBcmVhID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICBoZWlnaHQ6IDJweDtcbiAgYm9yZGVyLXRvcDogMnB4IHNvbGlkO1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX0gMDtcblxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHRvcDogLTRweDtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICB3aWR0aDogMHB4O1xuICAgIGJvcmRlcjogM3B4IHNvbGlkO1xuICAgIGJvcmRlci1jb2xvcjogaW5oZXJpdDtcbiAgICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIH1cbmBcblxuY29uc3QgUmVsYXRpdmVEaXYgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gXG5cbmNvbnN0IFRleHRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119IDA7XG5cbiAgJltkYXRhLWV4cGFuZGVkPSd0cnVlJ10ge1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbiAgICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICB9XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgdHJpZ2dlcmVkIG9uIGNsaWNrIG9mIHRoZSBpdGVtLiBJZiB0aGUgaXRlbSBpcyBleHBhbmRhYmxlXG4gICAqIHRvZ2dsZSB3aWxsIGJlIHBhc3NlZCB3aXRoIGl0LlxuICAgKi9cbiAgb25Ub2dnbGU/OiAodG9nZ2xlOiBib29sZWFuKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBVc2UgdGhpcyBwcm9wIGlmIGl0IGlzIG5lZWRlZCB0byB3cmFwIGVhY2ggUGlubmVkSXRlbSBjb21wb25lbnQgaW50byBhbm90aGVyIGNvbXBvbmVudCAoZWcgTmF2TGluaylcbiAgICovXG4gIGl0ZW1XcmFwcGVyPzogKGl0ZW06IFJlYWN0RWxlbWVudCwgaXRlbUlkOiBzdHJpbmcpID0+IFJlYWN0RWxlbWVudFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoe1xuICB0b2dnbGUgPSB0cnVlLFxuICBvblJlb3JkZXIsXG4gIG9uVG9nZ2xlLFxuICBpdGVtV3JhcHBlcixcbn06IFBpbm5lZEl0ZW1zUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZU5hdmlnYXRpb24oKVxuXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICdOYXZpZ2F0aW9uLlBpbm5lZEl0ZW1zIGNhbiBvbmx5IGJlIHVzZWQgaW5zaWRlIGEgTmF2aWdhdGlvblByb3ZpZGVyLicsXG4gICAgKVxuICB9XG5cbiAgY29uc3Qge1xuICAgIGxvY2FsZXMsXG4gICAgcGlubmVkSXRlbXMsXG4gICAgcGlubmVkRmVhdHVyZSxcbiAgICByZW9yZGVySXRlbXMsXG4gICAgZXhwYW5kZWQsXG4gICAgaXRlbXMsXG4gICAgYW5pbWF0aW9uLFxuICB9ID0gY29udGV4dFxuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICBjb25zdCBvbkRyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4sIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIGlmIChldmVudD8uZGF0YVRyYW5zZmVyKSB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICAgICAgICBjb25zdCBkYXRhID0gSlNPTi5wYXJzZShcbiAgICAgICAgICBldmVudC5kYXRhVHJhbnNmZXIuZ2V0RGF0YSgndGV4dCcpLFxuICAgICAgICApIGFzIERyYWdORHJvcERhdGFcbiAgICAgICAgaWYgKGRhdGEuaW5kZXggPT09IGluZGV4IC0gMSB8fCBpbmRleCA+IGRhdGEuaW5kZXgpIHtcbiAgICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleCAtIDEpXG4gICAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG5cbiAgICAgICAgICByZXR1cm5cbiAgICAgICAgfVxuICAgICAgICBjb25zdCBuZXdJdGVtcyA9IHJlb3JkZXJJdGVtcyhkYXRhLmluZGV4LCBpbmRleClcbiAgICAgICAgb25SZW9yZGVyPy4obmV3SXRlbXMpXG4gICAgICB9XG4gICAgfSxcbiAgICBbb25SZW9yZGVyLCByZW9yZGVySXRlbXNdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnT3ZlciA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXG4gICAgfSxcbiAgICBbdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ0xlYXZlID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gIH0sIFtdKVxuXG4gIGlmIChPYmplY3Qua2V5cyhpdGVtcykubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGlmIChwaW5uZWRGZWF0dXJlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgc3R5bGU9e3sgd2lkdGg6IGFuaW1hdGlvbiA/ICcxMDAlJyA6IHVuZGVmaW5lZCB9fT5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBjYXRlZ29yeUljb249ezxQaW5DYXRlZ29yeUljb24gdmFyaWFudD1cIm5ldXRyYWxcIiAvPn1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgb25Ub2dnbGU9e29uVG9nZ2xlfVxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICBpZiAoaXRlbXNbaXRlbUlkXT8ubGFiZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtRWxlbWVudCA9IChcbiAgICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpdGVtc1tpdGVtSWRdLmxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e1xuICAgICAgICAgICAgICAgICAgICAgIGl0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWRcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICBvblRvZ2dsZT17aXRlbXNbaXRlbUlkXT8ub25Ub2dnbGV9XG4gICAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBrZXk9e2l0ZW1JZH0+XG4gICAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICB7aXRlbVdyYXBwZXJcbiAgICAgICAgICAgICAgICAgICAgICA/IGl0ZW1XcmFwcGVyKGl0ZW1FbGVtZW50LCBpdGVtSWQpXG4gICAgICAgICAgICAgICAgICAgICAgOiBpdGVtRWxlbWVudH1cbiAgICAgICAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgcmV0dXJuIG51bGxcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyIGRhdGEtZXhwYW5kZWQ9e2V4cGFuZGVkfT5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgICB2YXJpYW50PVwiY2FwdGlvblwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cblxuICAgICAgICAgIDxSZWxhdGl2ZURpdj5cbiAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
+import { navigationPinnedItemRelativeDiv, navigationPinnedItemDropableArea, navigationPinnedItemContainer } from "./styles.css.js";
 const PinnedItems = ({
   toggle = true,
   onReorder,
@@ -97,14 +59,16 @@ const PinnedItems = ({
       pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => {
         if (items[itemId]?.label) {
           const itemElement = /* @__PURE__ */ jsx(Item, { active: items[itemId]?.active ?? false, id: itemId, index, label: items[itemId].label, onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0, onToggle: items[itemId]?.onToggle, toggle, type: "pinned" });
-          return /* @__PURE__ */ jsxs(RelativeDiv, { children: [
-            /* @__PURE__ */ jsx(DropableArea, { onDragLeave, onDragOver, onDrop: (event) => onDrop(event, index) }),
+          return /* @__PURE__ */ jsxs("div", { className: navigationPinnedItemRelativeDiv, children: [
+            /* @__PURE__ */ jsx("div", { className: navigationPinnedItemDropableArea, onDragLeave, onDragOver, onDrop: (event) => onDrop(event, index) }),
             itemWrapper ? itemWrapper(itemElement, itemId) : itemElement
           ] }, itemId);
         }
         return null;
-      }) : /* @__PURE__ */ jsx(TextContainer, { "data-expanded": expanded, children: /* @__PURE__ */ jsx(Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: locales["navigation.pinned.item.group.empty"] }) }),
-      /* @__PURE__ */ jsx(RelativeDiv, { children: /* @__PURE__ */ jsx(DropableArea, { onDragLeave, onDragOver, onDrop: (event) => onDrop(event, pinnedItems.length) }) })
+      }) : /* @__PURE__ */ jsx("div", { className: navigationPinnedItemContainer({
+        expanded
+      }), children: /* @__PURE__ */ jsx(Text, { as: "p", prominence: "weak", sentiment: "neutral", variant: "caption", children: locales["navigation.pinned.item.group.empty"] }) }),
+      /* @__PURE__ */ jsx("div", { className: navigationPinnedItemRelativeDiv, children: /* @__PURE__ */ jsx("div", { className: navigationPinnedItemDropableArea, onDragLeave, onDragOver, onDrop: (event) => onDrop(event, pinnedItems.length) }) })
     ] }) });
   }
   return null;

package/dist/components/Navigation/components/Separator.cjs

@@ -2,17 +2,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const ui = require("@ultraviolet/ui");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledSeparator = /* @__PURE__ */ _styled__default.default(ui.Separator, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTZXBhcmF0b3IgYXMgVVZTZXBhcmF0b3IgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5cbmNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChVVlNlcGFyYXRvcilgXG4gIG1hcmdpbjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAtJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKCkgPT4gPFN0eWxlZFNlcGFyYXRvciAvPlxuIl19 */"));
-const Separator = () => /* @__PURE__ */ jsxRuntime.jsx(StyledSeparator, {});
+const styles_css = require("./styles.css.cjs");
+const Separator = () => /* @__PURE__ */ jsxRuntime.jsx(ui.Separator, { className: styles_css.navigationSeparator });
 exports.Separator = Separator;

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

@@ -1,16 +1,8 @@
 "use client";
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTZXBhcmF0b3IgYXMgVVZTZXBhcmF0b3IgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5cbmNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZChVVlNlcGFyYXRvcilgXG4gIG1hcmdpbjogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5zcGFjZVsnMiddfSAtJHt0aGVtZS5zcGFjZVsnMiddfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gKCkgPT4gPFN0eWxlZFNlcGFyYXRvciAvPlxuIl19 */"));
-const Separator = () => /* @__PURE__ */ jsx(StyledSeparator, {});
+import { navigationSeparator } from "./styles.css.js";
+const Separator = () => /* @__PURE__ */ jsx(Separator$1, { className: navigationSeparator });
 export {
   Separator
 };

package/dist/components/Navigation/components/items.css.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                 */
+;/* empty css                                                              */
+;/* empty css                                                                     */
+;/* empty css                           */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var navigationItemMenuContainer = "uv_plus_x6an4g0";
+var navigationItemRelative = "uv_plus_x6an4g1";
+var navigationItemPadded = "uv_plus_x6an4g2";
+var navigationItemPinIcon = { active: "uv_plus_x6an4g4 uv_plus_x6an4g3", inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3" };
+var navigationItemMenu = "uv_plus_x6an4g6";
+var navigationItemMenuPinned = "uv_plus_x6an4g7";
+var navigationItemContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { noExpand: { false: "uv_plus_x6an4ga" }, disabled: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, hasActive: { true: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { noExpand: false, disabled: false, isActive: false, hasActive: false, subLabel: false }, compoundVariants: [[{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gf"], [{ hasActive: true, noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gg"], [{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gh"]] });
+var navigationItemContainerAnimated = { collapse: "uv_plus_x6an4gi", expand: "uv_plus_x6an4gj" };
+var navigationItemShowDraggable = "uv_plus_x6an4gk";
+var navigationItemShowPinButton = "uv_plus_x6an4gl";
+var navigationItemWeakText = "uv_plus_x6an4gm";
+var navigationItemDragIcon = "uv_plus_x6an4gn";
+var navigationItemWrapText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_x6an4go", variantClassNames: { disabled: { true: "uv_plus_x6an4gp" }, weak: { true: "uv_plus_x6an4gq" } }, defaultVariants: { disabled: false, weak: false }, compoundVariants: [] });
+var navigationItemBadge = "uv_plus_x6an4gr";
+var navigationItemPinnedButton = "uv_plus_x6an4gs";
+var navigationItemAnimatedIcon = { expand: "uv_plus_x6an4gt", collapse: "uv_plus_x6an4gu" };
+var navigationItemMenuStack = "uv_plus_x6an4gv";
+var navigationItemStackIcon = "uv_plus_x6an4gw";
+var navigationItemCategoryIcon = "uv_plus_x6an4gx";
+var navigationItemPaddingStack = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_x6an4gy", variantClassNames: { hide: { true: "uv_plus_x6an4gz" } }, defaultVariants: {}, compoundVariants: [] });
+exports.navigationItemAnimatedIcon = navigationItemAnimatedIcon;
+exports.navigationItemBadge = navigationItemBadge;
+exports.navigationItemCategoryIcon = navigationItemCategoryIcon;
+exports.navigationItemContainer = navigationItemContainer;
+exports.navigationItemContainerAnimated = navigationItemContainerAnimated;
+exports.navigationItemDragIcon = navigationItemDragIcon;
+exports.navigationItemMenu = navigationItemMenu;
+exports.navigationItemMenuContainer = navigationItemMenuContainer;
+exports.navigationItemMenuPinned = navigationItemMenuPinned;
+exports.navigationItemMenuStack = navigationItemMenuStack;
+exports.navigationItemPadded = navigationItemPadded;
+exports.navigationItemPaddingStack = navigationItemPaddingStack;
+exports.navigationItemPinIcon = navigationItemPinIcon;
+exports.navigationItemPinnedButton = navigationItemPinnedButton;
+exports.navigationItemRelative = navigationItemRelative;
+exports.navigationItemShowDraggable = navigationItemShowDraggable;
+exports.navigationItemShowPinButton = navigationItemShowPinButton;
+exports.navigationItemStackIcon = navigationItemStackIcon;
+exports.navigationItemWeakText = navigationItemWeakText;
+exports.navigationItemWrapText = navigationItemWrapText;

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

@@ -0,0 +1,70 @@
+export declare const navigationItemMenuContainer: string;
+export declare const navigationItemRelative: string;
+export declare const navigationItemPadded: string;
+export declare const navigationItemPinIcon: Record<"active" | "inactive", string>;
+export declare const navigationItemMenu: string;
+export declare const navigationItemMenuPinned: string;
+export declare const navigationItemContainerBase: string;
+export declare const navigationItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    noExpand: {
+        false: {
+            cursor: "pointer";
+        };
+    };
+    disabled: {
+        true: {
+            cursor: "not-allowed";
+            backgroundColor: "unset";
+        };
+    };
+    isActive: {
+        true: {
+            selectors: {
+                '&:hover': {
+                    backgroundColor: `var(--${string})`;
+                };
+            };
+            backgroundColor: `var(--${string})`;
+        };
+    };
+    hasActive: {
+        true: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+    subLabel: {
+        true: {
+            padding: `var(--${string}) var(--${string})`;
+        };
+    };
+}>;
+export declare const navigationItemContainerAnimated: Record<"collapse" | "expand", string>;
+export declare const navigationItemShowDraggable: string;
+export declare const navigationItemShowPinButton: string;
+export declare const navigationItemWeakText: string;
+export declare const navigationItemDragIcon: string;
+export declare const navigationItemWrapText: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            color: `var(--${string})`;
+        };
+    };
+    weak: {
+        true: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const navigationItemBadge: string;
+export declare const navigationItemPinnedButton: string;
+export declare const navigationItemAnimatedIcon: Record<"collapse" | "expand", string>;
+export declare const navigationItemMenuStack: string;
+export declare const navigationItemStackIcon: string;
+export declare const navigationItemCategoryIcon: string;
+export declare const navigationItemPaddingStack: import("@vanilla-extract/recipes").RuntimeFn<{
+    hide: {
+        true: {
+            display: "none";
+        };
+    };
+}>;

package/dist/components/Navigation/components/items.css.js

@@ -0,0 +1,47 @@
+/* empty css                               */
+/* empty css                                                            */
+/* empty css                                                                   */
+/* empty css                         */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var navigationItemMenuContainer = "uv_plus_x6an4g0";
+var navigationItemRelative = "uv_plus_x6an4g1";
+var navigationItemPadded = "uv_plus_x6an4g2";
+var navigationItemPinIcon = { active: "uv_plus_x6an4g4 uv_plus_x6an4g3", inactive: "uv_plus_x6an4g5 uv_plus_x6an4g3" };
+var navigationItemMenu = "uv_plus_x6an4g6";
+var navigationItemMenuPinned = "uv_plus_x6an4g7";
+var navigationItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_x6an4g9 uv_plus_x6an4g8", variantClassNames: { noExpand: { false: "uv_plus_x6an4ga" }, disabled: { true: "uv_plus_x6an4gb" }, isActive: { true: "uv_plus_x6an4gc" }, hasActive: { true: "uv_plus_x6an4gd" }, subLabel: { true: "uv_plus_x6an4ge" } }, defaultVariants: { noExpand: false, disabled: false, isActive: false, hasActive: false, subLabel: false }, compoundVariants: [[{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gf"], [{ hasActive: true, noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gg"], [{ noExpand: false, disabled: false, isActive: false }, "uv_plus_x6an4gh"]] });
+var navigationItemContainerAnimated = { collapse: "uv_plus_x6an4gi", expand: "uv_plus_x6an4gj" };
+var navigationItemShowDraggable = "uv_plus_x6an4gk";
+var navigationItemShowPinButton = "uv_plus_x6an4gl";
+var navigationItemWeakText = "uv_plus_x6an4gm";
+var navigationItemDragIcon = "uv_plus_x6an4gn";
+var navigationItemWrapText = createRuntimeFn({ defaultClassName: "uv_plus_x6an4go", variantClassNames: { disabled: { true: "uv_plus_x6an4gp" }, weak: { true: "uv_plus_x6an4gq" } }, defaultVariants: { disabled: false, weak: false }, compoundVariants: [] });
+var navigationItemBadge = "uv_plus_x6an4gr";
+var navigationItemPinnedButton = "uv_plus_x6an4gs";
+var navigationItemAnimatedIcon = { expand: "uv_plus_x6an4gt", collapse: "uv_plus_x6an4gu" };
+var navigationItemMenuStack = "uv_plus_x6an4gv";
+var navigationItemStackIcon = "uv_plus_x6an4gw";
+var navigationItemCategoryIcon = "uv_plus_x6an4gx";
+var navigationItemPaddingStack = createRuntimeFn({ defaultClassName: "uv_plus_x6an4gy", variantClassNames: { hide: { true: "uv_plus_x6an4gz" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  navigationItemAnimatedIcon,
+  navigationItemBadge,
+  navigationItemCategoryIcon,
+  navigationItemContainer,
+  navigationItemContainerAnimated,
+  navigationItemDragIcon,
+  navigationItemMenu,
+  navigationItemMenuContainer,
+  navigationItemMenuPinned,
+  navigationItemMenuStack,
+  navigationItemPadded,
+  navigationItemPaddingStack,
+  navigationItemPinIcon,
+  navigationItemPinnedButton,
+  navigationItemRelative,
+  navigationItemShowDraggable,
+  navigationItemShowPinButton,
+  navigationItemStackIcon,
+  navigationItemWeakText,
+  navigationItemWrapText
+};

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                 */
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var navigationGroupText = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { expand: "uv_plus_nytpcy1", collapse: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationGroupStack = "uv_plus_nytpcy4";
+var navigationPinnedItemDropableArea = "uv_plus_nytpcy5";
+var navigationPinnedItemRelativeDiv = "uv_plus_nytpcy6";
+var navigationPinnedItemContainer = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_nytpcy7", variantClassNames: { expanded: { true: "uv_plus_nytpcy8" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationSeparator = "uv_plus_nytpcy9";
+exports.navigationGroupStack = navigationGroupStack;
+exports.navigationGroupText = navigationGroupText;
+exports.navigationPinnedItemContainer = navigationPinnedItemContainer;
+exports.navigationPinnedItemDropableArea = navigationPinnedItemDropableArea;
+exports.navigationPinnedItemRelativeDiv = navigationPinnedItemRelativeDiv;
+exports.navigationSeparator = navigationSeparator;

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

@@ -0,0 +1,23 @@
+export declare const navigationGroupText: import("@vanilla-extract/recipes").RuntimeFn<{
+    animation: {
+        expand: {
+            animation: `${string} 250ms ease-in-out`;
+        };
+        collapse: {
+            animation: `${string} 250ms ease-in-out reverse`;
+        };
+        false: {};
+    };
+}>;
+export declare const navigationGroupStack: string;
+export declare const navigationPinnedItemDropableArea: string;
+export declare const navigationPinnedItemRelativeDiv: string;
+export declare const navigationPinnedItemContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    expanded: {
+        true: {
+            paddingLeft: `var(--${string})`;
+            marginLeft: `var(--${string})`;
+        };
+    };
+}>;
+export declare const navigationSeparator: string;

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

@@ -0,0 +1,17 @@
+/* empty css                               */
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var navigationGroupText = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy0", variantClassNames: { animation: { expand: "uv_plus_nytpcy1", collapse: "uv_plus_nytpcy2", false: "uv_plus_nytpcy3" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationGroupStack = "uv_plus_nytpcy4";
+var navigationPinnedItemDropableArea = "uv_plus_nytpcy5";
+var navigationPinnedItemRelativeDiv = "uv_plus_nytpcy6";
+var navigationPinnedItemContainer = createRuntimeFn({ defaultClassName: "uv_plus_nytpcy7", variantClassNames: { expanded: { true: "uv_plus_nytpcy8" } }, defaultVariants: {}, compoundVariants: [] });
+var navigationSeparator = "uv_plus_nytpcy9";
+export {
+  navigationGroupStack,
+  navigationGroupText,
+  navigationPinnedItemContainer,
+  navigationPinnedItemDropableArea,
+  navigationPinnedItemRelativeDiv,
+  navigationSeparator
+};

package/dist/components/Navigation/constants.cjs

@@ -1,37 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("@emotion/react");
 const NAVIGATION_MIN_WIDTH = 220;
 const NAVIGATION_WIDTH = 280;
 const NAVIGATION_COLLASPED_WIDTH = 67;
-const NAVIGATION_MAX_WIDTH = 320;
 const ANIMATION_DURATION = 250;
-const shrinkHeight = react.keyframes`
-    0% {
-      max-height: 50px; // this is on purpose higher than the actual height of the item
-    }
-
-    100% {
-      max-height: 32px;
-    }
-`;
-const groupAnimation = react.keyframes`
-  0% {
-    opacity: 0;
-    max-height: 0;
-    margin-bottom: -8px;
-  }
-
-  100% {
-    opacity: 1;
-    max-height: 40px;
-    margin-bottom: 0;
-  }
-`;
 exports.ANIMATION_DURATION = ANIMATION_DURATION;
 exports.NAVIGATION_COLLASPED_WIDTH = NAVIGATION_COLLASPED_WIDTH;
-exports.NAVIGATION_MAX_WIDTH = NAVIGATION_MAX_WIDTH;
 exports.NAVIGATION_MIN_WIDTH = NAVIGATION_MIN_WIDTH;
 exports.NAVIGATION_WIDTH = NAVIGATION_WIDTH;
-exports.groupAnimation = groupAnimation;
-exports.shrinkHeight = shrinkHeight;

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

@@ -7,15 +7,3 @@ export declare const NAVIGATION_MAX_WIDTH = 320;
  * collapse and expand animation duration of the whole nav in ms
  */
 export declare const ANIMATION_DURATION = 250;
-export declare const shrinkHeight: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
-export declare const groupAnimation: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;

package/dist/components/Navigation/constants.js

@@ -1,37 +1,10 @@
-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 = 250;
-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
+  NAVIGATION_WIDTH
 };