@ultraviolet/plus 0.15.1 → 0.15.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/components/CodeEditor/CodeEditor.cjs +39 -0
  2. package/dist/components/CodeEditor/CodeEditor.js +17 -24
  3. package/dist/components/ContentCard/Skeleton.cjs +43 -0
  4. package/dist/components/ContentCard/Skeleton.js +28 -21
  5. package/dist/components/ContentCard/index.cjs +154 -0
  6. package/dist/components/ContentCard/index.js +143 -149
  7. package/dist/components/ContentCardGroup/Card.cjs +93 -0
  8. package/dist/components/ContentCardGroup/Card.js +84 -76
  9. package/dist/components/ContentCardGroup/SkeletonCard.cjs +34 -0
  10. package/dist/components/ContentCardGroup/SkeletonCard.js +19 -13
  11. package/dist/components/ContentCardGroup/index.cjs +33 -0
  12. package/dist/components/ContentCardGroup/index.js +17 -8
  13. package/dist/components/Conversation/index.cjs +128 -0
  14. package/dist/components/Conversation/index.js +100 -42
  15. package/dist/components/CustomerSatisfaction/assets/1-5.svg.cjs +3 -0
  16. package/dist/components/CustomerSatisfaction/assets/1-5NB.svg.cjs +3 -0
  17. package/dist/components/CustomerSatisfaction/assets/2-5.svg.cjs +3 -0
  18. package/dist/components/CustomerSatisfaction/assets/2-5NB.svg.cjs +3 -0
  19. package/dist/components/CustomerSatisfaction/assets/3-5.svg.cjs +3 -0
  20. package/dist/components/CustomerSatisfaction/assets/3-5NB.svg.cjs +3 -0
  21. package/dist/components/CustomerSatisfaction/assets/4-5.svg.cjs +3 -0
  22. package/dist/components/CustomerSatisfaction/assets/4-5NB.svg.cjs +3 -0
  23. package/dist/components/CustomerSatisfaction/assets/5-5.svg.cjs +3 -0
  24. package/dist/components/CustomerSatisfaction/assets/5-5NB.svg.cjs +3 -0
  25. package/dist/components/CustomerSatisfaction/index.cjs +123 -0
  26. package/dist/components/CustomerSatisfaction/index.js +58 -81
  27. package/dist/components/EstimateCost/Components/CustomUnitInput.cjs +33 -0
  28. package/dist/components/EstimateCost/Components/CustomUnitInput.js +19 -34
  29. package/dist/components/EstimateCost/Components/Item.cjs +303 -0
  30. package/dist/components/EstimateCost/Components/Item.js +182 -199
  31. package/dist/components/EstimateCost/Components/LineThrough.cjs +18 -0
  32. package/dist/components/EstimateCost/Components/LineThrough.js +12 -9
  33. package/dist/components/EstimateCost/Components/NumberInput.cjs +29 -0
  34. package/dist/components/EstimateCost/Components/NumberInput.js +8 -15
  35. package/dist/components/EstimateCost/Components/Region.cjs +41 -0
  36. package/dist/components/EstimateCost/Components/Region.js +16 -27
  37. package/dist/components/EstimateCost/Components/Regular.cjs +35 -0
  38. package/dist/components/EstimateCost/Components/Regular.js +20 -28
  39. package/dist/components/EstimateCost/Components/Strong.cjs +28 -0
  40. package/dist/components/EstimateCost/Components/Strong.js +15 -12
  41. package/dist/components/EstimateCost/Components/Unit.cjs +50 -0
  42. package/dist/components/EstimateCost/Components/Unit.js +27 -33
  43. package/dist/components/EstimateCost/Components/UnitInput.cjs +90 -0
  44. package/dist/components/EstimateCost/Components/UnitInput.js +39 -87
  45. package/dist/components/EstimateCost/Components/Zone.cjs +40 -0
  46. package/dist/components/EstimateCost/Components/Zone.js +16 -26
  47. package/dist/components/EstimateCost/EstimateCost.cjs +88 -0
  48. package/dist/components/EstimateCost/EstimateCost.js +24 -63
  49. package/dist/components/EstimateCost/EstimateCostContent.cjs +245 -0
  50. package/dist/components/EstimateCost/EstimateCostContent.js +148 -208
  51. package/dist/components/EstimateCost/EstimateCostProvider.cjs +36 -0
  52. package/dist/components/EstimateCost/EstimateCostProvider.js +20 -23
  53. package/dist/components/EstimateCost/OverlayComponent.cjs +122 -0
  54. package/dist/components/EstimateCost/OverlayComponent.js +79 -73
  55. package/dist/components/EstimateCost/OverlayContext.cjs +14 -0
  56. package/dist/components/EstimateCost/OverlayContext.js +3 -1
  57. package/dist/components/EstimateCost/componentStyle.cjs +230 -0
  58. package/dist/components/EstimateCost/componentStyle.js +206 -148
  59. package/dist/components/EstimateCost/constants.cjs +30 -0
  60. package/dist/components/EstimateCost/helper.cjs +19 -0
  61. package/dist/components/EstimateCost/locales/en.cjs +23 -0
  62. package/dist/components/FAQ/index.cjs +36 -0
  63. package/dist/components/FAQ/index.js +9 -5
  64. package/dist/components/Navigation/Navigation.cjs +20 -0
  65. package/dist/components/Navigation/Navigation.d.ts +4 -3
  66. package/dist/components/Navigation/Navigation.js +1 -10
  67. package/dist/components/Navigation/NavigationContent.cjs +216 -0
  68. package/dist/components/Navigation/NavigationContent.js +96 -146
  69. package/dist/components/Navigation/NavigationProvider.cjs +111 -0
  70. package/dist/components/Navigation/NavigationProvider.d.ts +7 -18
  71. package/dist/components/Navigation/NavigationProvider.js +67 -98
  72. package/dist/components/Navigation/components/Group.cjs +57 -0
  73. package/dist/components/Navigation/components/Group.js +37 -41
  74. package/dist/components/Navigation/components/Item.cjs +438 -0
  75. package/dist/components/Navigation/components/Item.d.ts +4 -3
  76. package/dist/components/Navigation/components/Item.js +296 -555
  77. package/dist/components/Navigation/components/PinnedItems.cjs +108 -0
  78. package/dist/components/Navigation/components/PinnedItems.d.ts +5 -1
  79. package/dist/components/Navigation/components/PinnedItems.js +81 -119
  80. package/dist/components/Navigation/components/Separator.cjs +17 -0
  81. package/dist/components/Navigation/components/Separator.js +9 -4
  82. package/dist/components/Navigation/constants.cjs +37 -0
  83. package/dist/components/Navigation/constants.d.ts +14 -0
  84. package/dist/components/Navigation/index.d.ts +1 -0
  85. package/dist/components/Navigation/locales/en.cjs +11 -0
  86. package/dist/components/SteppedListCard/Step.cjs +37 -0
  87. package/dist/components/SteppedListCard/Step.js +19 -38
  88. package/dist/components/SteppedListCard/SteppedListContainer.cjs +80 -0
  89. package/dist/components/SteppedListCard/SteppedListContainer.js +39 -48
  90. package/dist/components/SteppedListCard/SteppedListContent.cjs +67 -0
  91. package/dist/components/SteppedListCard/SteppedListContent.js +46 -24
  92. package/dist/components/SteppedListCard/helper.cjs +37 -0
  93. package/dist/components/SteppedListCard/helper.js +1 -3
  94. package/dist/components/index.d.ts +1 -0
  95. package/dist/index.cjs +25 -0
  96. package/package.json +24 -9
@@ -0,0 +1,108 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("@emotion/react/jsx-runtime");
4
+ const _styled = require("@emotion/styled/base");
5
+ const react = require("@emotion/react");
6
+ const ui = require("@ultraviolet/ui");
7
+ const react$1 = require("react");
8
+ const NavigationProvider = require("../NavigationProvider.cjs");
9
+ const Item = require("./Item.cjs");
10
+ const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
11
+ const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
12
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() {
13
+ 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).";
14
+ }
15
+ const DropableArea = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
16
+ target: "e5ys0ny2"
17
+ } : {
18
+ target: "e5ys0ny2",
19
+ label: "DropableArea"
20
+ })("position:absolute;right:0;left:0;top:0;height:2px;border-top:2px solid;border-color:transparent;padding:", ({
21
+ theme
22
+ }) => 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:", ({
23
+ theme
24
+ }) => theme.radii.circle, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvUGlubmVkSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgRHJhZ0V2ZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL2NvbnN0YW50cydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5cbmNvbnN0IERyb3BhYmxlQXJlYSA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAycHg7XG4gIGJvcmRlci10b3A6IDJweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119IDA7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IC00cHg7XG4gICAgaGVpZ2h0OiAwcHg7XG4gICAgd2lkdGg6IDBweDtcbiAgICBib3JkZXI6IDNweCBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IGluaGVyaXQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICB9XG5gXG5cbmNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAwO1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBjb25zdCBQaW5uZWRJdGVtcyA9ICh7IHRvZ2dsZSA9IHRydWUsIG9uUmVvcmRlciB9OiBQaW5uZWRJdGVtc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VOYXZpZ2F0aW9uKClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnTmF2aWdhdGlvbi5QaW5uZWRJdGVtcyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIE5hdmlnYXRpb25Qcm92aWRlci4nLFxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHsgbG9jYWxlcywgcGlubmVkSXRlbXMsIHBpbm5lZEZlYXR1cmUsIHJlb3JkZXJJdGVtcywgZXhwYW5kZWQsIGl0ZW1zIH0gPVxuICAgIGNvbnRleHRcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgb25Ecm9wID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBpZiAoZXZlbnQ/LmRhdGFUcmFuc2Zlcikge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgICAgICAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UoXG4gICAgICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmdldERhdGEoJ3RleHQnKSxcbiAgICAgICAgKSBhcyBEcmFnTkRyb3BEYXRhXG4gICAgICAgIGlmIChkYXRhLmluZGV4ID09PSBpbmRleCAtIDEgfHwgaW5kZXggPiBkYXRhLmluZGV4KSB7XG4gICAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXggLSAxKVxuICAgICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXgpXG4gICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuICAgICAgfVxuICAgIH0sXG4gICAgW29uUmVvcmRlciwgcmVvcmRlckl0ZW1zXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ092ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlclxuICAgIH0sXG4gICAgW3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcl0sXG4gIClcblxuICBjb25zdCBvbkRyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICB9LCBbXSlcblxuICBpZiAoT2JqZWN0LmtleXMoaXRlbXMpLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAocGlubmVkRmVhdHVyZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8SXRlbVxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgY2F0ZWdvcnlJY29uPVwicGluXCJcbiAgICAgICAgICBjYXRlZ29yeUljb25WYXJpYW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgdHlwZT1cInBpbm5lZEdyb3VwXCJcbiAgICAgICAgICBpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9e3sgcG9zaXRpb246IGV4cGFuZGVkID8gJ3JlbGF0aXZlJyA6IHVuZGVmaW5lZCB9fVxuICAgICAgICAgICAgICAgIGtleT17aXRlbUlkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICBsYWJlbD17aXRlbXNbaXRlbUlkXT8ubGFiZWwgPz8gJ1Vua25vd24gbmF2aWdhdGlvbiBpdGVtJ31cbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJwaW5uZWRcIlxuICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgYWN0aXZlPXtpdGVtc1tpdGVtSWRdPy5hY3RpdmUgPz8gZmFsc2V9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtpdGVtc1tpdGVtSWRdPy5vbkNsaWNrID8/IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tQaW5VbnBpbj17aXRlbXNbaXRlbUlkXT8ub25DbGlja1BpblVucGluID8/IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgIGhhc1BhcmVudHNcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICkpXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyPlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmVtcHR5J119XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvVGV4dENvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fT5cbiAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBwaW5uZWRJdGVtcy5sZW5ndGgpfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
25
+ const RelativeDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
26
+ target: "e5ys0ny1"
27
+ } : {
28
+ target: "e5ys0ny1",
29
+ label: "RelativeDiv"
30
+ })(process.env.NODE_ENV === "production" ? {
31
+ name: "bjn8wh",
32
+ styles: "position:relative"
33
+ } : {
34
+ name: "bjn8wh",
35
+ styles: "position:relative",
36
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCB3aGVuIHRoZSB1c2VyIHJlb3JkZXIgdGhlIHBpbm5lZCBpdGVtc1xuICAgKi9cbiAgb25SZW9yZGVyPzogKHBpbm5lZEl0ZW1zOiBzdHJpbmdbXSkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoeyB0b2dnbGUgPSB0cnVlLCBvblJlb3JkZXIgfTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7IGxvY2FsZXMsIHBpbm5lZEl0ZW1zLCBwaW5uZWRGZWF0dXJlLCByZW9yZGVySXRlbXMsIGV4cGFuZGVkLCBpdGVtcyB9ID1cbiAgICBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4IC0gMSlcbiAgICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcblxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvblJlb3JkZXIsIHJlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj1cInBpblwiXG4gICAgICAgICAgY2F0ZWdvcnlJY29uVmFyaWFudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBvc2l0aW9uOiBleHBhbmRlZCA/ICdyZWxhdGl2ZScgOiB1bmRlZmluZWQgfX1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0/LmxhYmVsID8/ICdVbmtub3duIG5hdmlnYXRpb24gaXRlbSd9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbXNbaXRlbUlkXT8ub25DbGljayA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e2l0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBoYXNQYXJlbnRzXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICA8UmVsYXRpdmVEaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */",
37
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
38
+ });
39
+ const TextContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
40
+ target: "e5ys0ny0"
41
+ } : {
42
+ target: "e5ys0ny0",
43
+ label: "TextContainer"
44
+ })("padding:", ({
45
+ theme
46
+ }) => theme.space["1"], " 0;padding-left:", ({
47
+ theme
48
+ }) => theme.space["4"], ";margin-left:", ({
49
+ theme
50
+ }) => theme.space["0.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCB3aGVuIHRoZSB1c2VyIHJlb3JkZXIgdGhlIHBpbm5lZCBpdGVtc1xuICAgKi9cbiAgb25SZW9yZGVyPzogKHBpbm5lZEl0ZW1zOiBzdHJpbmdbXSkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoeyB0b2dnbGUgPSB0cnVlLCBvblJlb3JkZXIgfTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7IGxvY2FsZXMsIHBpbm5lZEl0ZW1zLCBwaW5uZWRGZWF0dXJlLCByZW9yZGVySXRlbXMsIGV4cGFuZGVkLCBpdGVtcyB9ID1cbiAgICBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4IC0gMSlcbiAgICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcblxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvblJlb3JkZXIsIHJlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj1cInBpblwiXG4gICAgICAgICAgY2F0ZWdvcnlJY29uVmFyaWFudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBvc2l0aW9uOiBleHBhbmRlZCA/ICdyZWxhdGl2ZScgOiB1bmRlZmluZWQgfX1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0/LmxhYmVsID8/ICdVbmtub3duIG5hdmlnYXRpb24gaXRlbSd9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbXNbaXRlbUlkXT8ub25DbGljayA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e2l0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBoYXNQYXJlbnRzXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICA8UmVsYXRpdmVEaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
51
+ const PinnedItems = ({
52
+ toggle = true,
53
+ onReorder
54
+ }) => {
55
+ const context = NavigationProvider.useNavigation();
56
+ if (!context) {
57
+ throw new Error("Navigation.PinnedItems can only be used inside a NavigationProvider.");
58
+ }
59
+ const {
60
+ locales,
61
+ pinnedItems,
62
+ pinnedFeature,
63
+ reorderItems,
64
+ expanded,
65
+ items
66
+ } = context;
67
+ const theme = react.useTheme();
68
+ const onDrop = react$1.useCallback((event, index) => {
69
+ event.preventDefault();
70
+ if (event?.dataTransfer) {
71
+ event.currentTarget.style.borderColor = "transparent";
72
+ const data = JSON.parse(event.dataTransfer.getData("text"));
73
+ if (data.index === index - 1 || index > data.index) {
74
+ const newItems2 = reorderItems(data.index, index - 1);
75
+ onReorder?.(newItems2);
76
+ return;
77
+ }
78
+ const newItems = reorderItems(data.index, index);
79
+ onReorder?.(newItems);
80
+ }
81
+ }, [onReorder, reorderItems]);
82
+ const onDragOver = react$1.useCallback((event) => {
83
+ event.preventDefault();
84
+ event.currentTarget.style.borderColor = theme.colors.primary.border;
85
+ }, [theme.colors.primary.border]);
86
+ const onDragLeave = react$1.useCallback((event) => {
87
+ event.preventDefault();
88
+ event.currentTarget.style.borderColor = "transparent";
89
+ }, []);
90
+ if (Object.keys(items).length === 0) {
91
+ return null;
92
+ }
93
+ if (pinnedFeature) {
94
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(Item.Item, { label: locales["navigation.pinned.item.group.label"], categoryIcon: "pin", categoryIconVariant: "neutral", toggle, type: "pinnedGroup", id: "pinned-group", children: [
95
+ pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: {
96
+ position: expanded ? "relative" : void 0
97
+ }, children: [
98
+ expanded ? /* @__PURE__ */ jsxRuntime.jsx(DropableArea, { onDragOver, onDragLeave, onDrop: (event) => onDrop(event, index) }) : null,
99
+ /* @__PURE__ */ jsxRuntime.jsx(Item.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, onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0, hasParents: true })
100
+ ] }, itemId)) : /* @__PURE__ */ jsxRuntime.jsx(TextContainer, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", variant: "caption", prominence: "weak", sentiment: "neutral", children: locales["navigation.pinned.item.group.empty"] }) }),
101
+ expanded ? /* @__PURE__ */ jsxRuntime.jsx(RelativeDiv, { style: {
102
+ position: "relative"
103
+ }, children: /* @__PURE__ */ jsxRuntime.jsx(DropableArea, { onDragOver, onDragLeave, onDrop: (event) => onDrop(event, pinnedItems.length) }) }) : null
104
+ ] }) });
105
+ }
106
+ return null;
107
+ };
108
+ exports.PinnedItems = PinnedItems;
@@ -3,6 +3,10 @@ type PinnedItemsProps = {
3
3
  * This prop is used to control if the item is expanded or collapsed
4
4
  */
5
5
  toggle?: boolean;
6
+ /**
7
+ * This function will be called when the user reorder the pinned items
8
+ */
9
+ onReorder?: (pinnedItems: string[]) => void;
6
10
  };
7
- export declare const PinnedItems: ({ toggle }: PinnedItemsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
11
+ export declare const PinnedItems: ({ toggle, onReorder }: PinnedItemsProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
8
12
  export {};
@@ -1,73 +1,84 @@
1
1
  import { jsx, jsxs } from "@emotion/react/jsx-runtime";
2
+ import _styled from "@emotion/styled/base";
2
3
  import { useTheme } from "@emotion/react";
3
- import styled from "@emotion/styled";
4
4
  import { Text } from "@ultraviolet/ui";
5
5
  import { useCallback } from "react";
6
6
  import { useNavigation } from "../NavigationProvider.js";
7
7
  import { Item } from "./Item.js";
8
- const DropableArea = styled.div`
9
- position: absolute;
10
- right: 0;
11
- left: 0;
12
- top: 0;
13
- height: 2px;
14
- border-top: 2px solid;
15
- border-color: transparent;
16
- padding: ${({ theme }) => theme.space["0.5"]} 0;
17
-
18
- &::before {
19
- content: '';
20
- position: absolute;
21
- left: 0;
22
- top: -4px;
23
- height: 0px;
24
- width: 0px;
25
- border: 3px solid;
26
- border-color: inherit;
27
- border-radius: ${({ theme }) => theme.radii.circle};
28
- }
29
- `;
30
- const RelativeDiv = styled.div`
31
- position: relative;
32
- `;
33
- const TextContainer = styled.div`
34
- padding: ${({ theme }) => theme.space["1"]} 0;
35
- padding-left: ${({ theme }) => theme.space["4"]};
36
- margin-left: ${({ theme }) => theme.space["0.5"]};
37
- `;
38
- const PinnedItems = ({ toggle = true }) => {
8
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() {
9
+ 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).";
10
+ }
11
+ const DropableArea = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
12
+ target: "e5ys0ny2"
13
+ } : {
14
+ target: "e5ys0ny2",
15
+ label: "DropableArea"
16
+ })("position:absolute;right:0;left:0;top:0;height:2px;border-top:2px solid;border-color:transparent;padding:", ({
17
+ theme
18
+ }) => 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:", ({
19
+ theme
20
+ }) => theme.radii.circle, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uL2NvbXBvbmVudHMvUGlubmVkSXRlbXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgRHJhZ0V2ZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlTmF2aWdhdGlvbiB9IGZyb20gJy4uL05hdmlnYXRpb25Qcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRHJhZ05Ecm9wRGF0YSB9IGZyb20gJy4uL2NvbnN0YW50cydcbmltcG9ydCB7IEl0ZW0gfSBmcm9tICcuL0l0ZW0nXG5cbmNvbnN0IERyb3BhYmxlQXJlYSA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIGxlZnQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiAycHg7XG4gIGJvcmRlci10b3A6IDJweCBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119IDA7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogMDtcbiAgICB0b3A6IC00cHg7XG4gICAgaGVpZ2h0OiAwcHg7XG4gICAgd2lkdGg6IDBweDtcbiAgICBib3JkZXI6IDNweCBzb2xpZDtcbiAgICBib3JkZXItY29sb3I6IGluaGVyaXQ7XG4gICAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICB9XG5gXG5cbmNvbnN0IFJlbGF0aXZlRGl2ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYFxuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAwO1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG5gXG5cbnR5cGUgUGlubmVkSXRlbXNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCBpcyB1c2VkIHRvIGNvbnRyb2wgaWYgdGhlIGl0ZW0gaXMgZXhwYW5kZWQgb3IgY29sbGFwc2VkXG4gICAqL1xuICB0b2dnbGU/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGlzIGZ1bmN0aW9uIHdpbGwgYmUgY2FsbGVkIHdoZW4gdGhlIHVzZXIgcmVvcmRlciB0aGUgcGlubmVkIGl0ZW1zXG4gICAqL1xuICBvblJlb3JkZXI/OiAocGlubmVkSXRlbXM6IHN0cmluZ1tdKSA9PiB2b2lkXG59XG5cbmV4cG9ydCBjb25zdCBQaW5uZWRJdGVtcyA9ICh7IHRvZ2dsZSA9IHRydWUsIG9uUmVvcmRlciB9OiBQaW5uZWRJdGVtc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VOYXZpZ2F0aW9uKClcblxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAnTmF2aWdhdGlvbi5QaW5uZWRJdGVtcyBjYW4gb25seSBiZSB1c2VkIGluc2lkZSBhIE5hdmlnYXRpb25Qcm92aWRlci4nLFxuICAgIClcbiAgfVxuXG4gIGNvbnN0IHsgbG9jYWxlcywgcGlubmVkSXRlbXMsIHBpbm5lZEZlYXR1cmUsIHJlb3JkZXJJdGVtcywgZXhwYW5kZWQsIGl0ZW1zIH0gPVxuICAgIGNvbnRleHRcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG5cbiAgY29uc3Qgb25Ecm9wID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+LCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBpZiAoZXZlbnQ/LmRhdGFUcmFuc2Zlcikge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgICAgICAgY29uc3QgZGF0YSA9IEpTT04ucGFyc2UoXG4gICAgICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmdldERhdGEoJ3RleHQnKSxcbiAgICAgICAgKSBhcyBEcmFnTkRyb3BEYXRhXG4gICAgICAgIGlmIChkYXRhLmluZGV4ID09PSBpbmRleCAtIDEgfHwgaW5kZXggPiBkYXRhLmluZGV4KSB7XG4gICAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXggLSAxKVxuICAgICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuXG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgbmV3SXRlbXMgPSByZW9yZGVySXRlbXMoZGF0YS5pbmRleCwgaW5kZXgpXG4gICAgICAgIG9uUmVvcmRlcj8uKG5ld0l0ZW1zKVxuICAgICAgfVxuICAgIH0sXG4gICAgW29uUmVvcmRlciwgcmVvcmRlckl0ZW1zXSxcbiAgKVxuXG4gIGNvbnN0IG9uRHJhZ092ZXIgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1wYXJhbS1yZWFzc2lnblxuICAgICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9IHRoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlclxuICAgIH0sXG4gICAgW3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJvcmRlcl0sXG4gIClcblxuICBjb25zdCBvbkRyYWdMZWF2ZSA9IHVzZUNhbGxiYWNrKChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICBldmVudC5jdXJyZW50VGFyZ2V0LnN0eWxlLmJvcmRlckNvbG9yID0gJ3RyYW5zcGFyZW50J1xuICB9LCBbXSlcblxuICBpZiAoT2JqZWN0LmtleXMoaXRlbXMpLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICBpZiAocGlubmVkRmVhdHVyZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8SXRlbVxuICAgICAgICAgIGxhYmVsPXtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmxhYmVsJ119XG4gICAgICAgICAgY2F0ZWdvcnlJY29uPVwicGluXCJcbiAgICAgICAgICBjYXRlZ29yeUljb25WYXJpYW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgdHlwZT1cInBpbm5lZEdyb3VwXCJcbiAgICAgICAgICBpZD1cInBpbm5lZC1ncm91cFwiXG4gICAgICAgID5cbiAgICAgICAgICB7cGlubmVkSXRlbXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgICAgIHBpbm5lZEl0ZW1zLm1hcCgoaXRlbUlkLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgc3R5bGU9e3sgcG9zaXRpb246IGV4cGFuZGVkID8gJ3JlbGF0aXZlJyA6IHVuZGVmaW5lZCB9fVxuICAgICAgICAgICAgICAgIGtleT17aXRlbUlkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2V4cGFuZGVkID8gKFxuICAgICAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICBvbkRyYWdMZWF2ZT17b25EcmFnTGVhdmV9XG4gICAgICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBpbmRleCl9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgIDxJdGVtXG4gICAgICAgICAgICAgICAgICBsYWJlbD17aXRlbXNbaXRlbUlkXT8ubGFiZWwgPz8gJ1Vua25vd24gbmF2aWdhdGlvbiBpdGVtJ31cbiAgICAgICAgICAgICAgICAgIHR5cGU9XCJwaW5uZWRcIlxuICAgICAgICAgICAgICAgICAgaW5kZXg9e2luZGV4fVxuICAgICAgICAgICAgICAgICAgdG9nZ2xlPXt0b2dnbGV9XG4gICAgICAgICAgICAgICAgICBpZD17aXRlbUlkfVxuICAgICAgICAgICAgICAgICAgYWN0aXZlPXtpdGVtc1tpdGVtSWRdPy5hY3RpdmUgPz8gZmFsc2V9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtpdGVtc1tpdGVtSWRdPy5vbkNsaWNrID8/IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tQaW5VbnBpbj17aXRlbXNbaXRlbUlkXT8ub25DbGlja1BpblVucGluID8/IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICAgIGhhc1BhcmVudHNcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICkpXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUZXh0Q29udGFpbmVyPlxuICAgICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtsb2NhbGVzWyduYXZpZ2F0aW9uLnBpbm5lZC5pdGVtLmdyb3VwLmVtcHR5J119XG4gICAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIDwvVGV4dENvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgIDxSZWxhdGl2ZURpdiBzdHlsZT17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJyB9fT5cbiAgICAgICAgICAgICAgPERyb3BhYmxlQXJlYVxuICAgICAgICAgICAgICAgIG9uRHJhZ092ZXI9e29uRHJhZ092ZXJ9XG4gICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgIG9uRHJvcD17ZXZlbnQgPT4gb25Ecm9wKGV2ZW50LCBwaW5uZWRJdGVtcy5sZW5ndGgpfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9SZWxhdGl2ZURpdj5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgPC9JdGVtPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
21
+ const RelativeDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
22
+ target: "e5ys0ny1"
23
+ } : {
24
+ target: "e5ys0ny1",
25
+ label: "RelativeDiv"
26
+ })(process.env.NODE_ENV === "production" ? {
27
+ name: "bjn8wh",
28
+ styles: "position:relative"
29
+ } : {
30
+ name: "bjn8wh",
31
+ styles: "position:relative",
32
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCB3aGVuIHRoZSB1c2VyIHJlb3JkZXIgdGhlIHBpbm5lZCBpdGVtc1xuICAgKi9cbiAgb25SZW9yZGVyPzogKHBpbm5lZEl0ZW1zOiBzdHJpbmdbXSkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoeyB0b2dnbGUgPSB0cnVlLCBvblJlb3JkZXIgfTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7IGxvY2FsZXMsIHBpbm5lZEl0ZW1zLCBwaW5uZWRGZWF0dXJlLCByZW9yZGVySXRlbXMsIGV4cGFuZGVkLCBpdGVtcyB9ID1cbiAgICBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4IC0gMSlcbiAgICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcblxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvblJlb3JkZXIsIHJlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj1cInBpblwiXG4gICAgICAgICAgY2F0ZWdvcnlJY29uVmFyaWFudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBvc2l0aW9uOiBleHBhbmRlZCA/ICdyZWxhdGl2ZScgOiB1bmRlZmluZWQgfX1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0/LmxhYmVsID8/ICdVbmtub3duIG5hdmlnYXRpb24gaXRlbSd9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbXNbaXRlbUlkXT8ub25DbGljayA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e2l0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBoYXNQYXJlbnRzXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICA8UmVsYXRpdmVEaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */",
33
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
34
+ });
35
+ const TextContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
36
+ target: "e5ys0ny0"
37
+ } : {
38
+ target: "e5ys0ny0",
39
+ label: "TextContainer"
40
+ })("padding:", ({
41
+ theme
42
+ }) => theme.space["1"], " 0;padding-left:", ({
43
+ theme
44
+ }) => theme.space["4"], ";margin-left:", ({
45
+ theme
46
+ }) => theme.space["0.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1Bpbm5lZEl0ZW1zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IERyYWdFdmVudCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU5hdmlnYXRpb24gfSBmcm9tICcuLi9OYXZpZ2F0aW9uUHJvdmlkZXInXG5pbXBvcnQgdHlwZSB7IERyYWdORHJvcERhdGEgfSBmcm9tICcuLi9jb25zdGFudHMnXG5pbXBvcnQgeyBJdGVtIH0gZnJvbSAnLi9JdGVtJ1xuXG5jb25zdCBEcm9wYWJsZUFyZWEgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAwO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIGhlaWdodDogMnB4O1xuICBib3JkZXItdG9wOiAycHggc29saWQ7XG4gIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfSAwO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAtNHB4O1xuICAgIGhlaWdodDogMHB4O1xuICAgIHdpZHRoOiAwcHg7XG4gICAgYm9yZGVyOiAzcHggc29saWQ7XG4gICAgYm9yZGVyLWNvbG9yOiBpbmhlcml0O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgfVxuYFxuXG5jb25zdCBSZWxhdGl2ZURpdiA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuY29uc3QgVGV4dENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gMDtcbiAgcGFkZGluZy1sZWZ0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuICBtYXJnaW4tbGVmdDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuYFxuXG50eXBlIFBpbm5lZEl0ZW1zUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBjb250cm9sIGlmIHRoZSBpdGVtIGlzIGV4cGFuZGVkIG9yIGNvbGxhcHNlZFxuICAgKi9cbiAgdG9nZ2xlPzogYm9vbGVhblxuICAvKipcbiAgICogVGhpcyBmdW5jdGlvbiB3aWxsIGJlIGNhbGxlZCB3aGVuIHRoZSB1c2VyIHJlb3JkZXIgdGhlIHBpbm5lZCBpdGVtc1xuICAgKi9cbiAgb25SZW9yZGVyPzogKHBpbm5lZEl0ZW1zOiBzdHJpbmdbXSkgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgUGlubmVkSXRlbXMgPSAoeyB0b2dnbGUgPSB0cnVlLCBvblJlb3JkZXIgfTogUGlubmVkSXRlbXNQcm9wcykgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlTmF2aWdhdGlvbigpXG5cbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgJ05hdmlnYXRpb24uUGlubmVkSXRlbXMgY2FuIG9ubHkgYmUgdXNlZCBpbnNpZGUgYSBOYXZpZ2F0aW9uUHJvdmlkZXIuJyxcbiAgICApXG4gIH1cblxuICBjb25zdCB7IGxvY2FsZXMsIHBpbm5lZEl0ZW1zLCBwaW5uZWRGZWF0dXJlLCByZW9yZGVySXRlbXMsIGV4cGFuZGVkLCBpdGVtcyB9ID1cbiAgICBjb250ZXh0XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKVxuXG4gIGNvbnN0IG9uRHJvcCA9IHVzZUNhbGxiYWNrKFxuICAgIChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PiwgaW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgaWYgKGV2ZW50Py5kYXRhVHJhbnNmZXIpIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSAndHJhbnNwYXJlbnQnXG4gICAgICAgIGNvbnN0IGRhdGEgPSBKU09OLnBhcnNlKFxuICAgICAgICAgIGV2ZW50LmRhdGFUcmFuc2Zlci5nZXREYXRhKCd0ZXh0JyksXG4gICAgICAgICkgYXMgRHJhZ05Ecm9wRGF0YVxuICAgICAgICBpZiAoZGF0YS5pbmRleCA9PT0gaW5kZXggLSAxIHx8IGluZGV4ID4gZGF0YS5pbmRleCkge1xuICAgICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4IC0gMSlcbiAgICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcblxuICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0l0ZW1zID0gcmVvcmRlckl0ZW1zKGRhdGEuaW5kZXgsIGluZGV4KVxuICAgICAgICBvblJlb3JkZXI/LihuZXdJdGVtcylcbiAgICAgIH1cbiAgICB9LFxuICAgIFtvblJlb3JkZXIsIHJlb3JkZXJJdGVtc10sXG4gIClcblxuICBjb25zdCBvbkRyYWdPdmVyID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tcGFyYW0tcmVhc3NpZ25cbiAgICAgIGV2ZW50LmN1cnJlbnRUYXJnZXQuc3R5bGUuYm9yZGVyQ29sb3IgPSB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJcbiAgICB9LFxuICAgIFt0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXJdLFxuICApXG5cbiAgY29uc3Qgb25EcmFnTGVhdmUgPSB1c2VDYWxsYmFjaygoZXZlbnQ6IERyYWdFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLXBhcmFtLXJlYXNzaWduXG4gICAgZXZlbnQuY3VycmVudFRhcmdldC5zdHlsZS5ib3JkZXJDb2xvciA9ICd0cmFuc3BhcmVudCdcbiAgfSwgW10pXG5cbiAgaWYgKE9iamVjdC5rZXlzKGl0ZW1zKS5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgaWYgKHBpbm5lZEZlYXR1cmUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgPEl0ZW1cbiAgICAgICAgICBsYWJlbD17bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5sYWJlbCddfVxuICAgICAgICAgIGNhdGVnb3J5SWNvbj1cInBpblwiXG4gICAgICAgICAgY2F0ZWdvcnlJY29uVmFyaWFudD1cIm5ldXRyYWxcIlxuICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgIHR5cGU9XCJwaW5uZWRHcm91cFwiXG4gICAgICAgICAgaWQ9XCJwaW5uZWQtZ3JvdXBcIlxuICAgICAgICA+XG4gICAgICAgICAge3Bpbm5lZEl0ZW1zLmxlbmd0aCA+IDAgPyAoXG4gICAgICAgICAgICBwaW5uZWRJdGVtcy5tYXAoKGl0ZW1JZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHN0eWxlPXt7IHBvc2l0aW9uOiBleHBhbmRlZCA/ICdyZWxhdGl2ZScgOiB1bmRlZmluZWQgfX1cbiAgICAgICAgICAgICAgICBrZXk9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtleHBhbmRlZCA/IChcbiAgICAgICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICAgICAgb25EcmFnT3Zlcj17b25EcmFnT3Zlcn1cbiAgICAgICAgICAgICAgICAgICAgb25EcmFnTGVhdmU9e29uRHJhZ0xlYXZlfVxuICAgICAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgaW5kZXgpfVxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICA8SXRlbVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2l0ZW1zW2l0ZW1JZF0/LmxhYmVsID8/ICdVbmtub3duIG5hdmlnYXRpb24gaXRlbSd9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwicGlubmVkXCJcbiAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgIHRvZ2dsZT17dG9nZ2xlfVxuICAgICAgICAgICAgICAgICAgaWQ9e2l0ZW1JZH1cbiAgICAgICAgICAgICAgICAgIGFjdGl2ZT17aXRlbXNbaXRlbUlkXT8uYWN0aXZlID8/IGZhbHNlfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17aXRlbXNbaXRlbUlkXT8ub25DbGljayA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrUGluVW5waW49e2l0ZW1zW2l0ZW1JZF0/Lm9uQ2xpY2tQaW5VbnBpbiA/PyB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICBoYXNQYXJlbnRzXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICApKVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8VGV4dENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgICBhcz1cInBcIlxuICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bG9jYWxlc1snbmF2aWdhdGlvbi5waW5uZWQuaXRlbS5ncm91cC5lbXB0eSddfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICA8L1RleHRDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXhwYW5kZWQgPyAoXG4gICAgICAgICAgICA8UmVsYXRpdmVEaXYgc3R5bGU9e3sgcG9zaXRpb246ICdyZWxhdGl2ZScgfX0+XG4gICAgICAgICAgICAgIDxEcm9wYWJsZUFyZWFcbiAgICAgICAgICAgICAgICBvbkRyYWdPdmVyPXtvbkRyYWdPdmVyfVxuICAgICAgICAgICAgICAgIG9uRHJhZ0xlYXZlPXtvbkRyYWdMZWF2ZX1cbiAgICAgICAgICAgICAgICBvbkRyb3A9e2V2ZW50ID0+IG9uRHJvcChldmVudCwgcGlubmVkSXRlbXMubGVuZ3RoKX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvUmVsYXRpdmVEaXY+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvSXRlbT5cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
47
+ const PinnedItems = ({
48
+ toggle = true,
49
+ onReorder
50
+ }) => {
39
51
  const context = useNavigation();
40
52
  if (!context) {
41
- throw new Error(
42
- "Navigation.PinnedItems can only be used inside a NavigationProvider."
43
- );
53
+ throw new Error("Navigation.PinnedItems can only be used inside a NavigationProvider.");
44
54
  }
45
- const { locales, pinnedItems, pinnedFeature, reorderItems, expanded, items } = context;
55
+ const {
56
+ locales,
57
+ pinnedItems,
58
+ pinnedFeature,
59
+ reorderItems,
60
+ expanded,
61
+ items
62
+ } = context;
46
63
  const theme = useTheme();
47
- const onDrop = useCallback(
48
- (event, index) => {
49
- event.preventDefault();
50
- if (event?.dataTransfer) {
51
- event.currentTarget.style.borderColor = "transparent";
52
- const data = JSON.parse(
53
- event.dataTransfer.getData("text")
54
- );
55
- if (data.index === index - 1 || index > data.index) {
56
- reorderItems(data.index, index - 1);
57
- return;
58
- }
59
- reorderItems(data.index, index);
64
+ const onDrop = useCallback((event, index) => {
65
+ event.preventDefault();
66
+ if (event?.dataTransfer) {
67
+ event.currentTarget.style.borderColor = "transparent";
68
+ const data = JSON.parse(event.dataTransfer.getData("text"));
69
+ if (data.index === index - 1 || index > data.index) {
70
+ const newItems2 = reorderItems(data.index, index - 1);
71
+ onReorder?.(newItems2);
72
+ return;
60
73
  }
61
- },
62
- [reorderItems]
63
- );
64
- const onDragOver = useCallback(
65
- (event) => {
66
- event.preventDefault();
67
- event.currentTarget.style.borderColor = theme.colors.primary.border;
68
- },
69
- [theme.colors.primary.border]
70
- );
74
+ const newItems = reorderItems(data.index, index);
75
+ onReorder?.(newItems);
76
+ }
77
+ }, [onReorder, reorderItems]);
78
+ const onDragOver = useCallback((event) => {
79
+ event.preventDefault();
80
+ event.currentTarget.style.borderColor = theme.colors.primary.border;
81
+ }, [theme.colors.primary.border]);
71
82
  const onDragLeave = useCallback((event) => {
72
83
  event.preventDefault();
73
84
  event.currentTarget.style.borderColor = "transparent";
@@ -76,66 +87,17 @@ const PinnedItems = ({ toggle = true }) => {
76
87
  return null;
77
88
  }
78
89
  if (pinnedFeature) {
79
- return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
80
- Item,
81
- {
82
- label: locales["navigation.pinned.item.group.label"],
83
- categoryIcon: "pin",
84
- categoryIconVariant: "neutral",
85
- toggle,
86
- type: "pinnedGroup",
87
- id: "pinned-group",
88
- children: [
89
- pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => /* @__PURE__ */ jsxs(
90
- "div",
91
- {
92
- style: { position: expanded ? "relative" : void 0 },
93
- children: [
94
- expanded ? /* @__PURE__ */ jsx(
95
- DropableArea,
96
- {
97
- onDragOver,
98
- onDragLeave,
99
- onDrop: (event) => onDrop(event, index)
100
- }
101
- ) : null,
102
- /* @__PURE__ */ jsx(
103
- Item,
104
- {
105
- label: items[itemId]?.label ?? "Unknown navigation item",
106
- type: "pinned",
107
- index,
108
- toggle,
109
- id: itemId,
110
- active: items[itemId]?.active ?? false,
111
- onClick: items[itemId]?.onClick ?? void 0,
112
- hasParents: true
113
- }
114
- )
115
- ]
116
- },
117
- itemId
118
- )) : /* @__PURE__ */ jsx(TextContainer, { children: /* @__PURE__ */ jsx(
119
- Text,
120
- {
121
- as: "p",
122
- variant: "caption",
123
- prominence: "weak",
124
- sentiment: "neutral",
125
- children: locales["navigation.pinned.item.group.empty"]
126
- }
127
- ) }),
128
- expanded ? /* @__PURE__ */ jsx(RelativeDiv, { style: { position: "relative" }, children: /* @__PURE__ */ jsx(
129
- DropableArea,
130
- {
131
- onDragOver,
132
- onDragLeave,
133
- onDrop: (event) => onDrop(event, pinnedItems.length)
134
- }
135
- ) }) : null
136
- ]
137
- }
138
- ) });
90
+ 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: [
91
+ pinnedItems.length > 0 ? pinnedItems.map((itemId, index) => /* @__PURE__ */ jsxs("div", { style: {
92
+ position: expanded ? "relative" : void 0
93
+ }, children: [
94
+ expanded ? /* @__PURE__ */ jsx(DropableArea, { onDragOver, onDragLeave, onDrop: (event) => onDrop(event, index) }) : null,
95
+ /* @__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, onClickPinUnpin: items[itemId]?.onClickPinUnpin ?? void 0, hasParents: true })
96
+ ] }, itemId)) : /* @__PURE__ */ jsx(TextContainer, { children: /* @__PURE__ */ jsx(Text, { as: "p", variant: "caption", prominence: "weak", sentiment: "neutral", children: locales["navigation.pinned.item.group.empty"] }) }),
97
+ expanded ? /* @__PURE__ */ jsx(RelativeDiv, { style: {
98
+ position: "relative"
99
+ }, children: /* @__PURE__ */ jsx(DropableArea, { onDragOver, onDragLeave, onDrop: (event) => onDrop(event, pinnedItems.length) }) }) : null
100
+ ] }) });
139
101
  }
140
102
  return null;
141
103
  };
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("@emotion/react/jsx-runtime");
4
+ const _styled = require("@emotion/styled/base");
5
+ const ui = require("@ultraviolet/ui");
6
+ const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
7
+ const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
8
+ const StyledSeparator = /* @__PURE__ */ _styled__default.default(ui.Separator, process.env.NODE_ENV === "production" ? {
9
+ target: "e1tbaa9b0"
10
+ } : {
11
+ target: "e1tbaa9b0",
12
+ label: "StyledSeparator"
13
+ })("margin:", ({
14
+ theme
15
+ }) => `${theme.space["2"]} -${theme.space["2"]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNlcGFyYXRvciBhcyBVVlNlcGFyYXRvciB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFVWU2VwYXJhdG9yKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycyJ119IC0ke3RoZW1lLnNwYWNlWycyJ119YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSAoKSA9PiA8U3R5bGVkU2VwYXJhdG9yIC8+XG4iXX0= */"));
16
+ const Separator = () => /* @__PURE__ */ jsxRuntime.jsx(StyledSeparator, {});
17
+ exports.Separator = Separator;
@@ -1,9 +1,14 @@
1
1
  import { jsx } from "@emotion/react/jsx-runtime";
2
- import styled from "@emotion/styled";
2
+ import _styled from "@emotion/styled/base";
3
3
  import { Separator as Separator$1 } from "@ultraviolet/ui";
4
- const StyledSeparator = styled(Separator$1)`
5
- margin: ${({ theme }) => `${theme.space["2"]} -${theme.space["2"]}`};
6
- `;
4
+ const StyledSeparator = /* @__PURE__ */ _styled(Separator$1, process.env.NODE_ENV === "production" ? {
5
+ target: "e1tbaa9b0"
6
+ } : {
7
+ target: "e1tbaa9b0",
8
+ label: "StyledSeparator"
9
+ })("margin:", ({
10
+ theme
11
+ }) => `${theme.space["2"]} -${theme.space["2"]}`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9jb21wb25lbnRzL1NlcGFyYXRvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNlcGFyYXRvciBhcyBVVlNlcGFyYXRvciB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFVWU2VwYXJhdG9yKWBcbiAgbWFyZ2luOiAkeyh7IHRoZW1lIH0pID0+IGAke3RoZW1lLnNwYWNlWycyJ119IC0ke3RoZW1lLnNwYWNlWycyJ119YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSAoKSA9PiA8U3R5bGVkU2VwYXJhdG9yIC8+XG4iXX0= */"));
7
12
  const Separator = () => /* @__PURE__ */ jsx(StyledSeparator, {});
8
13
  export {
9
14
  Separator
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const react = require("@emotion/react");
4
+ const NAVIGATION_MIN_WIDTH = 220;
5
+ const NAVIGATION_WIDTH = 280;
6
+ const NAVIGATION_COLLASPED_WIDTH = 67;
7
+ const NAVIGATION_MAX_WIDTH = 320;
8
+ const ANIMATION_DURATION = 700;
9
+ const shrinkHeight = react.keyframes`
10
+ 0% {
11
+ max-height: 50px; // this is on purpose higher than the actual height of the item
12
+ }
13
+
14
+ 100% {
15
+ max-height: 32px;
16
+ }
17
+ `;
18
+ const groupAnimation = react.keyframes`
19
+ 0% {
20
+ opacity: 0;
21
+ max-height: 0;
22
+ margin-bottom: -8px;
23
+ }
24
+
25
+ 100% {
26
+ opacity: 1;
27
+ max-height: 40px;
28
+ margin-bottom: 0;
29
+ }
30
+ `;
31
+ exports.ANIMATION_DURATION = ANIMATION_DURATION;
32
+ exports.NAVIGATION_COLLASPED_WIDTH = NAVIGATION_COLLASPED_WIDTH;
33
+ exports.NAVIGATION_MAX_WIDTH = NAVIGATION_MAX_WIDTH;
34
+ exports.NAVIGATION_MIN_WIDTH = NAVIGATION_MIN_WIDTH;
35
+ exports.NAVIGATION_WIDTH = NAVIGATION_WIDTH;
36
+ exports.groupAnimation = groupAnimation;
37
+ exports.shrinkHeight = shrinkHeight;
@@ -12,3 +12,17 @@ export type DragNDropData = {
12
12
  index: number;
13
13
  item: string;
14
14
  };
15
+ export type PinUnPinType = {
16
+ /**
17
+ * The state of the item after the click
18
+ */
19
+ state?: 'pin' | 'unpin';
20
+ /**
21
+ * The current item id that has been pinned on click
22
+ */
23
+ id?: string;
24
+ /**
25
+ * The total pinned items including the current one
26
+ */
27
+ totalPinned?: string[];
28
+ };
@@ -1,2 +1,3 @@
1
1
  export { Navigation } from './Navigation';
2
2
  export { NavigationProvider, useNavigation } from './NavigationProvider';
3
+ export type { PinUnPinType } from './constants';
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ const NavigationLocales = {
3
+ "navigation.pin.tooltip": "Pin product",
4
+ "navigation.unpin.tooltip": "Unpin product",
5
+ "navigation.pin.limit": "You cannot pin more products",
6
+ "navigation.pinned.item.group.label": "Pinned items",
7
+ "navigation.expand.button": "Expand sidebar",
8
+ "navigation.collapse.button": "Collapse sidebar",
9
+ "navigation.pinned.item.group.empty": "You have no pinned items."
10
+ };
11
+ module.exports = NavigationLocales;
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const jsxRuntime = require("@emotion/react/jsx-runtime");
4
+ const _styled = require("@emotion/styled/base");
5
+ const ui = require("@ultraviolet/ui");
6
+ const react = require("react");
7
+ const helper = require("./helper.cjs");
8
+ const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
9
+ const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
10
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() {
11
+ 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).";
12
+ }
13
+ const CustomText = /* @__PURE__ */ _styled__default.default(ui.Text, process.env.NODE_ENV === "production" ? {
14
+ target: "ehxefxd0"
15
+ } : {
16
+ target: "ehxefxd0",
17
+ label: "CustomText"
18
+ })(process.env.NODE_ENV === "production" ? {
19
+ name: "1buwj38",
20
+ 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;}"
21
+ } : {
22
+ name: "1buwj38",
23
+ 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;}",
24
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IEN1c3RvbVRleHQgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDI1MG1zIGVhc2Utb3V0O1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDJweDtcbiAgfVxuYFxudHlwZSBTdGVwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHRoZSBzdGVwLCBtYXggNSBzdGVwcy5cbiAgICovXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIHN0ZXBUaXRsZTogc3RyaW5nXG4gIC8qKlxuICAgKiBTdGF0ZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgY29tcGxldGVkOiBib29sZWFuXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0ID0gKHtcbiAgc3RlcE51bWJlcixcbiAgc3RlcFRpdGxlLFxuICBjb21wbGV0ZWQsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcbiAgY29uc3QgYWN0aXZlID0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA9PT0gc3RlcE51bWJlclxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxTdGVwTGlzdC5JdGVtXG4gICAgICAgICAgYnVsbGV0SWNvbj1cImNoZWNrXCJcbiAgICAgICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6ICdkZWZhdWx0J31cbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICAgICAgPC9TdGVwTGlzdC5JdGVtPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0ZXBMaXN0Lkl0ZW1cbiAgICAgICAgICBidWxsZXRUZXh0PXtTdHJpbmcoc3RlcE51bWJlcil9XG4gICAgICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgICAgICA8L0N1c3RvbVRleHQ+XG4gICAgICAgIDwvU3RlcExpc3QuSXRlbT5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */",
25
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
26
+ });
27
+ const SteppedList = ({
28
+ stepNumber,
29
+ stepTitle,
30
+ completed,
31
+ "data-testid": dataTestId
32
+ }) => {
33
+ const containerData = react.useContext(helper.Data);
34
+ const active = containerData.currentStep === stepNumber;
35
+ return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: completed ? /* @__PURE__ */ jsxRuntime.jsx(ui.StepList.Item, { bulletIcon: "check", prominence: active ? "strong" : "default", sentiment: "primary", onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.StepList.Item, { bulletText: String(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsxRuntime.jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) });
36
+ };
37
+ exports.SteppedList = SteppedList;