@hitachivantara/uikit-react-lab 5.4.26 → 5.4.28

package/dist/esm/components/StepNavigation/StepNavigation.js

@@ -19,6 +19,7 @@ const HvStepNavigation = ({
 }) => {
   const {
     classes,
+    css,
     cx
   } = useClasses(classesProp);
   const {
@@ -28,38 +29,33 @@ const HvStepNavigation = ({
   const stepSizeKey = stepSize ?? (["xs", "sm"].includes(breakpoint) ? "sm" : "md");
   const hasTitles = showTitles ?? !["xs", "sm"].includes(breakpoint);
   const styledLi = (containerSize) => /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
-    target: "e1wrrltm3"
+    target: "e1wrrltm1"
   } : {
-    target: "e1wrrltm3",
+    target: "e1wrrltm1",
     label: "styledLi"
   })({
     width: containerSize,
     height: containerSize
-  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlUHJvcHMsXG4gIEh2QnJlYWtwb2ludHMsXG4gIHVzZVRoZW1lLFxuICB1c2VXaWR0aCxcbiAgSHZCb3gsXG4gIEh2VG9vbHRpcCxcbiAgSHZUeXBvZ3JhcGh5LFxuICBFeHRyYWN0TmFtZXMsXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5pbXBvcnQgeyBIdkRlZmF1bHROYXZpZ2F0aW9uLCBIdlN0ZXBQcm9wcyB9IGZyb20gXCIuL0RlZmF1bHROYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBIdlNpbXBsZU5hdmlnYXRpb24gfSBmcm9tIFwiLi9TaW1wbGVOYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTdGVwTmF2aWdhdGlvblByb3BzIGV4dGVuZHMgSHZCYXNlUHJvcHMge1xuICAvKiogVHlwZSBvZiBzdGVwIG5hdmlnYXRpb24uIFZhbHVlcyA9IHtcIlNpbXBsZVwiLCBcIkRlZmF1bHRcIn0gKi9cbiAgdHlwZT86IFwiU2ltcGxlXCIgfCBcIkRlZmF1bHRcIjtcbiAgLyoqIFN0ZXBzIHRvIHNob3cgb24gdGhlIGNvbXBvbmVudC4gKi9cbiAgc3RlcHM6IEFycmF5PFxuICAgIFBpY2s8XG4gICAgICBIdlN0ZXBQcm9wcyxcbiAgICAgIFwic3RhdGVcIiB8IFwidGl0bGVcIiB8IFwib25DbGlja1wiIHwgXCJjbGFzc05hbWVcIiB8IFwiZGlzYWJsZWRcIlxuICAgID4gJiB7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSBzZXBhcmF0b3IgY29tcG9uZW50IGFmdGVyIHRoZSBzdGVwLiAqL1xuICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgdGl0bGUgY29tcG9uZW50IGFib3ZlIHRoZSBzdGVwLiAqL1xuICAgICAgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgfVxuICA+O1xuICAvKiogU2V0cyBvbmUgb2YgdGhlIHN0YW5kYXJkIHNpemVzIG9mIHRoZSBzdGVwcy4gKi9cbiAgc3RlcFNpemU/OiBcInhzXCIgfCBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgfCBcInhsXCI7XG4gIC8qKiBXaWR0aCBvZiB0aGUgY29tcG9uZW50IGVsZW1lbnQgb24gZWFjaCBicmVha3BvaW50IHNjcmVlbiByZXNvbHV0aW9uLiAqL1xuICB3aWR0aD86IHsgW2JyZWFrcG9pbnQgaW4gSHZCcmVha3BvaW50c10/OiBudW1iZXIgfTtcbiAgLyoqIERlZmluZXMgZWl0aGVyIHNob3cgYSB0aXRsZSBvciBvbmx5IGEgdG9vbHRpcCBvbiBlYWNoIHN0ZXAgY29tcG9uZW50LiAqL1xuICBzaG93VGl0bGVzPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIFN0ZXBOYXZpZ2F0aW9uLiAqL1xuICBjbGFzc2VzPzogSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXM7XG59XG5cbi8qKlxuICogTmF2aWdhdGlvbiBwYWdlIHdpdGggc3RlcHMuXG4gKlxuICogWW91IG5lZWQgdG8gZGVmaW5lIHRoZSA8Yj5zdGVwczxiLz4gZGlzcGxheWVkIG9uIHRoZSBjb21wb25lbnQgc28gdGhhdCBpdHNlbGYgY2FuIGJlIGRyYXduIG9uIHRoZSBVSS5cbiAqIE9uIGVhY2ggc3RlcCwgeW91IG5lZWQgdG8gZGVmaW5lIGEgPGI+c3RhdGU8L2I+IC0gJ1BlbmRpbmcnLCAnRmFpbGVkJywgJ0NvbXBsZXRlZCcsICdDdXJyZW50JywgJ0Rpc2FibGVkJyAtXG4gKiBhbmQgYSA8Yj50aXRsZTwvYj4gdG8gYmUgc2hvd24gYXMgYSB0b29sdGlwIG9yIGEgdGV4dCBhYm92ZSBvZiB0aGUgc3RlcC4gWW91IGNhbiBhbHNvOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+IG9uIGVhY2ggc3RlcCBlbGVtZW50O1xuICogKiBEZWZpbmUgYSA8Yj5zZXBhcmF0b3JDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSBzZXBhcmF0b3IgZWxlbWVudC4gVGhlIGRlZmF1bHQgaGVpZ2h0XG4gKiB2YWx1ZXMgb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IGFyZSAycHgvM3B4IG9uICdTaW1wbGUnLydEZWZhdWx0JyBsYXlvdXRzIHJlc3BlY3RpdmVseTtcbiAqICogRGVmaW5lIGEgPGI+dGl0bGVDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSB0aXRsZSBhYm92ZSBlYWNoIHN0ZXAgZWxlbWVudC5cbiAqXG4gKiBGb3IgdGhlIHJvb3QgZWxlbWVudCwgeW91IGNhbjpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPjtcbiAqICogQ2hvb3NlIGEgPGI+dHlwZTwvYj4gb2YgbGF5b3V0OiAnU2ltcGxlJyBvciAnRGVmYXVsdCc7XG4gKiAqIENob29zZSB0aGUgPGI+c3RlcFNpemU8L2I+IG9mIHRoZSBzdGVwIGNvbXBvbmVudDogXCJ4c1wiLCBcInNtXCIsIFwibWRcIiwgXCJsZ1wiLCBcInhsXCIuIFRoZSBkZWZhdWx0IHNpemUgd2lsbCBiZVxuICogY29ycmVzcG9uZGVudCB0byB0aGUgY3VycmVudCBtZWRpYSBicmVha3BvaW50O1xuICogKiBDaG9vc2UgZWl0aGVyIHlvdSB3YW50IHRvIDxiPnNob3dUaXRsZXM8L2I+IG5lYXIgdG8gZWFjaCBzdGVwIGNvbXBvbmVudCBvciBhIHRvb2x0aXAgb24gaG92ZXI7XG4gKiAqIERlZmluZSBhIDxiPndpZHRoPC9iPiBvZiB0aGUgY29tcG9uZW50LiBJZiB5b3UgZG9uJ3QgZGVmaW5lIGFueSB2YWx1ZSBhbmQgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyBubyB0aXRsZVxuICogZGlzcGxheWVkIGFib3ZlLCB0aGUgd2lkdGggb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IHdpbGwgYmUgMTAwcHguXG4gKiBJZiB0aGUgc3RlcCBjb21wb25lbnQgaGFzIHRpdGxlcywgZWFjaCBvbmUgd2lsbCBoYXZlIDIxNXB4IG9mIHdpZHRoIGJ5IGRlZmF1bHQuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlN0ZXBOYXZpZ2F0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcblxuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIC8vIGN1cnJlbnQgYnJlYWtwb2ludCAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJ1xuICBjb25zdCBicmVha3BvaW50ID0gdXNlV2lkdGgoKTtcbiAgLy8gc3RlcCBjb25maWd1cmF0aW9uc1xuICBjb25zdCBzdGVwU2l6ZUtleSA9XG4gICAgc3RlcFNpemUgPz8gKFtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCkgPyBcInNtXCIgOiBcIm1kXCIpO1xuICBjb25zdCBoYXNUaXRsZXMgPSBzaG93VGl0bGVzID8/ICFbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpO1xuXG4gIGNvbnN0IHN0eWxlZExpID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwibGlcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkRGl2ID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwiZGl2XCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQgPSAoXG4gICAgdGl0bGUsXG4gICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgIHNlcGFyYXRvckhlaWdodCxcbiAgICBzZXBhcmF0b3JXaWR0aCxcbiAgICBiYWNrZ3JvdW5kQ29sb3JcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICBoZWlnaHQ6IHNlcGFyYXRvckhlaWdodCxcbiAgICAgIHdpZHRoOlxuICAgICAgICBzZXBhcmF0b3JXaWR0aCAtXG4gICAgICAgIDIgKlxuICAgICAgICAgIE51bWJlcihcbiAgICAgICAgICAgIChhY3RpdmVUaGVtZT8uc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2luIHx8IFwiMHB4XCIpLnJlcGxhY2UoXG4gICAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgICAgXCJcIlxuICAgICAgICAgICAgKVxuICAgICAgICAgICksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZExpXG4gICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgIGtleT17YHNlcGFyYXRvci0ke3RpdGxlfWB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5zZXBhcmF0b3J9XG4gICAgICA+XG4gICAgICAgIDxkaXYgYXJpYS1sYWJlbD17YHNlcGFyYXRvci0ke3RpdGxlfWB9IGNsYXNzTmFtZT17c2VwYXJhdG9yQ2xhc3NOYW1lfSAvPlxuICAgICAgPC9TdHlsZWRMaT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGRyYXdJdGVtcyA9ICh7XG4gICAgc2VwYXJhdG9yVmFsdWVzOiB7IG1pbldpZHRoLCBtYXhXaWR0aCwgZ2V0Q29sb3IsIGhlaWdodCB9LFxuICAgIHN0ZXBWYWx1ZXM6IHsgbWluU2l6ZSwgbWF4U2l6ZSwgU3RlcENvbXBvbmVudCB9LFxuICB9OiBhbnkpID0+IHtcbiAgICBjb25zdCBpdGVtcyA9IHN0ZXBzLnJlZHVjZShcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPFN0ZXBDb250YWluZXIga2V5PXtgc3RlcC0ke3RpdGxlfWB9IGNsYXNzTmFtZT17Y2xhc3Nlcy5saX0+XG4gICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICB7Li4uc3RlcFByb3BzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEh2VG9vbHRpcFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgdGl0bGU9ezxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT59XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgPFN0ZXAgY2xhc3NOYW1lPXtjbGFzc2VzLmxpfT5cbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9IdlRvb2x0aXA+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIDxvbCBjbGFzc05hbWU9e2NsYXNzZXMub2x9PntpdGVtc308L29sPjtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzID0gKHN0ZXBzV2lkdGgpID0+IHtcbiAgICBjb25zdCB0aGVtZUJyZWFrcG9pbnRzID0gYWN0aXZlVGhlbWU/LmJyZWFrcG9pbnRzLnZhbHVlcyB8fCB7fTtcbiAgICBjb25zdCBtYXhXaWR0aCA9XG4gICAgICB3aWR0aD8uW2JyZWFrcG9pbnRdID8/XG4gICAgICBNYXRoLm1heChcbiAgICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiAoVElUTEVfV0lEVEggKyBUSVRMRV9NQVJHSU4pICogc3RlcHMubGVuZ3RoIC1cbiAgICAgICAgICBUSVRMRV9NQVJHSU4sXG4gICAgICAgIFNFUEFSQVRPUl9XSURUSCAqIChzdGVwcy5sZW5ndGggLSAxKSArIHN0ZXBzV2lkdGhcbiAgICAgICk7XG4gICAgY29uc3QgbmV4dCA9IE9iamVjdC5rZXlzKHRoZW1lQnJlYWtwb2ludHMpLmZpbmQoKF8sIGluZGV4LCBzZWxmKSA9PlxuICAgICAgaW5kZXggLSAxID49IDAgPyBzZWxmW2luZGV4IC0gMV0gPT09IGJyZWFrcG9pbnQgOiBmYWxzZVxuICAgICk7XG4gICAgY29uc3QgbmF2V2lkdGggPSBNYXRoLm1pbihcbiAgICAgIG1heFdpZHRoLFxuICAgICAgbmV4dCA/IHRoZW1lQnJlYWtwb2ludHNbbmV4dF0gOiBtYXhXaWR0aFxuICAgICk7XG4gICAgY29uc3QgdGl0bGVXaWR0aCA9XG4gICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIE1hdGguY2VpbCgobmF2V2lkdGggKyBUSVRMRV9NQVJHSU4pIC8gc3RlcHMubGVuZ3RoKTtcbiAgICBjb25zdCBzZXBhcmF0b3JXaWR0aCA9XG4gICAgICBOdW1iZXIoIWhhc1RpdGxlcykgKlxuICAgICAgTWF0aC5jZWlsKChuYXZXaWR0aCAtIHN0ZXBzV2lkdGgpIC8gKHN0ZXBzLmxlbmd0aCAtIDEpKTtcbiAgICByZXR1cm4geyB3aWR0aDogbmF2V2lkdGgsIHRpdGxlV2lkdGgsIHNlcGFyYXRvcldpZHRoIH07XG4gIH07XG5cbiAgY29uc3Qgc3R5bGVkVGl0bGUgPSAoXG4gICAgdGl0bGVDbGFzc05hbWUsXG4gICAgdmFyaWFudCxcbiAgICB0aXRsZSxcbiAgICB0aXRsZVdpZHRoLFxuICAgIHRpdGxlRGlzYWJsZWRcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB3aWR0aDogdGl0bGVXaWR0aCAtIFRJVExFX01BUkdJTixcbiAgICAgIG1hcmdpblJpZ2h0OiBUSVRMRV9NQVJHSU4sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRpdGxlXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsYXNzTmFtZT17dGl0bGVDbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXt0aXRsZURpc2FibGVkfVxuICAgICAgICBrZXk9e2B0aXRsZS0ke3RpdGxlfWB9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGl0bGU+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXRUaXRsZXMgPSAoZ2V0VGl0bGVQcm9wcykgPT5cbiAgICBoYXNUaXRsZXMgPyAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy50aXRsZXN9PlxuICAgICAgICB7c3RlcHMubWFwKCh7IHRpdGxlOiByYXdUaXRsZSwgc3RhdGUsIHRpdGxlQ2xhc3NOYW1lIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdmFyaWFudCA9IFwibGFiZWxcIixcbiAgICAgICAgICAgIHRpdGxlID0gcmF3VGl0bGUsXG4gICAgICAgICAgICB0aXRsZVdpZHRoID0gMCxcbiAgICAgICAgICAgIHRpdGxlRGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICAgICB9ID0gZ2V0VGl0bGVQcm9wcyh7XG4gICAgICAgICAgICBzdGF0ZSxcbiAgICAgICAgICAgIHJhd1RpdGxlLFxuICAgICAgICAgICAgbnVtYmVyOiBpbmRleCArIDEsXG4gICAgICAgICAgfSk7XG4gICAgICAgICAgY29uc3QgVGl0bGUgPSBzdHlsZWRUaXRsZShcbiAgICAgICAgICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgdmFyaWFudCxcbiAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgdGl0bGVXaWR0aCxcbiAgICAgICAgICAgIHRpdGxlRGlzYWJsZWRcbiAgICAgICAgICApO1xuICAgICAgICAgIHJldHVybiBUaXRsZTtcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICB7Li4ue1xuICAgICAgICBudW1TdGVwczogc3RlcHMubGVuZ3RoLFxuICAgICAgICBzdGVwU2l6ZTogc3RlcFNpemVLZXksXG4gICAgICAgIGdldFRpdGxlcyxcbiAgICAgICAgZ2V0RHluYW1pY1ZhbHVlcyxcbiAgICAgICAgY2xhc3NOYW1lOiBjeChjbGFzc2VzLnJvb3QsIGNsYXNzTmFtZSksXG4gICAgICAgIC4uLm90aGVycyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgeyh7IHN0ZXBzV2lkdGgsIG5hdldpZHRoLCAuLi5pdGVtc1Byb3BzIH0pID0+IChcbiAgICAgICAgPEh2Qm94XG4gICAgICAgICAgY29tcG9uZW50PVwibmF2XCJcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgd2lkdGg6IGAke25hdldpZHRofXB4YCxcbiAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2RyYXdJdGVtcyhpdGVtc1Byb3BzKX1cbiAgICAgICAgPC9IdkJveD5cbiAgICAgICl9XG4gICAgPC9TdGVwTmF2aWdhdGlvbj5cbiAgKTtcbn07XG4iXX0= */");
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0dJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkJhc2VQcm9wcyxcbiAgSHZCcmVha3BvaW50cyxcbiAgdXNlVGhlbWUsXG4gIHVzZVdpZHRoLFxuICBIdkJveCxcbiAgSHZUb29sdGlwLFxuICBIdlR5cG9ncmFwaHksXG4gIEV4dHJhY3ROYW1lcyxcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCB7XG4gIEh2RGVmYXVsdE5hdmlnYXRpb24sXG4gIEh2RGVmYXVsdE5hdmlnYXRpb25Qcm9wcyxcbiAgSHZTdGVwUHJvcHMsXG59IGZyb20gXCIuL0RlZmF1bHROYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBIdlNpbXBsZU5hdmlnYXRpb24gfSBmcm9tIFwiLi9TaW1wbGVOYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTdGVwTmF2aWdhdGlvblByb3BzIGV4dGVuZHMgSHZCYXNlUHJvcHMge1xuICAvKiogVHlwZSBvZiBzdGVwIG5hdmlnYXRpb24uIFZhbHVlcyA9IHtcIlNpbXBsZVwiLCBcIkRlZmF1bHRcIn0gKi9cbiAgdHlwZT86IFwiU2ltcGxlXCIgfCBcIkRlZmF1bHRcIjtcbiAgLyoqIFN0ZXBzIHRvIHNob3cgb24gdGhlIGNvbXBvbmVudC4gKi9cbiAgc3RlcHM6IEFycmF5PFxuICAgIFBpY2s8XG4gICAgICBIdlN0ZXBQcm9wcyxcbiAgICAgIFwic3RhdGVcIiB8IFwidGl0bGVcIiB8IFwib25DbGlja1wiIHwgXCJjbGFzc05hbWVcIiB8IFwiZGlzYWJsZWRcIlxuICAgID4gJiB7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSBzZXBhcmF0b3IgY29tcG9uZW50IGFmdGVyIHRoZSBzdGVwLiAqL1xuICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgdGl0bGUgY29tcG9uZW50IGFib3ZlIHRoZSBzdGVwLiAqL1xuICAgICAgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgfVxuICA+O1xuICAvKiogU2V0cyBvbmUgb2YgdGhlIHN0YW5kYXJkIHNpemVzIG9mIHRoZSBzdGVwcy4gKi9cbiAgc3RlcFNpemU/OiBcInhzXCIgfCBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgfCBcInhsXCI7XG4gIC8qKiBXaWR0aCBvZiB0aGUgY29tcG9uZW50IGVsZW1lbnQgb24gZWFjaCBicmVha3BvaW50IHNjcmVlbiByZXNvbHV0aW9uLiAqL1xuICB3aWR0aD86IHsgW2JyZWFrcG9pbnQgaW4gSHZCcmVha3BvaW50c10/OiBudW1iZXIgfTtcbiAgLyoqIERlZmluZXMgZWl0aGVyIHNob3cgYSB0aXRsZSBvciBvbmx5IGEgdG9vbHRpcCBvbiBlYWNoIHN0ZXAgY29tcG9uZW50LiAqL1xuICBzaG93VGl0bGVzPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIFN0ZXBOYXZpZ2F0aW9uLiAqL1xuICBjbGFzc2VzPzogSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXM7XG59XG5cbi8qKlxuICogTmF2aWdhdGlvbiBwYWdlIHdpdGggc3RlcHMuXG4gKlxuICogWW91IG5lZWQgdG8gZGVmaW5lIHRoZSA8Yj5zdGVwczxiLz4gZGlzcGxheWVkIG9uIHRoZSBjb21wb25lbnQgc28gdGhhdCBpdHNlbGYgY2FuIGJlIGRyYXduIG9uIHRoZSBVSS5cbiAqIE9uIGVhY2ggc3RlcCwgeW91IG5lZWQgdG8gZGVmaW5lIGEgPGI+c3RhdGU8L2I+IC0gJ1BlbmRpbmcnLCAnRmFpbGVkJywgJ0NvbXBsZXRlZCcsICdDdXJyZW50JywgJ0Rpc2FibGVkJyAtXG4gKiBhbmQgYSA8Yj50aXRsZTwvYj4gdG8gYmUgc2hvd24gYXMgYSB0b29sdGlwIG9yIGEgdGV4dCBhYm92ZSBvZiB0aGUgc3RlcC4gWW91IGNhbiBhbHNvOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+IG9uIGVhY2ggc3RlcCBlbGVtZW50O1xuICogKiBEZWZpbmUgYSA8Yj5zZXBhcmF0b3JDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSBzZXBhcmF0b3IgZWxlbWVudC4gVGhlIGRlZmF1bHQgaGVpZ2h0XG4gKiB2YWx1ZXMgb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IGFyZSAycHgvM3B4IG9uICdTaW1wbGUnLydEZWZhdWx0JyBsYXlvdXRzIHJlc3BlY3RpdmVseTtcbiAqICogRGVmaW5lIGEgPGI+dGl0bGVDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSB0aXRsZSBhYm92ZSBlYWNoIHN0ZXAgZWxlbWVudC5cbiAqXG4gKiBGb3IgdGhlIHJvb3QgZWxlbWVudCwgeW91IGNhbjpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPjtcbiAqICogQ2hvb3NlIGEgPGI+dHlwZTwvYj4gb2YgbGF5b3V0OiAnU2ltcGxlJyBvciAnRGVmYXVsdCc7XG4gKiAqIENob29zZSB0aGUgPGI+c3RlcFNpemU8L2I+IG9mIHRoZSBzdGVwIGNvbXBvbmVudDogXCJ4c1wiLCBcInNtXCIsIFwibWRcIiwgXCJsZ1wiLCBcInhsXCIuIFRoZSBkZWZhdWx0IHNpemUgd2lsbCBiZVxuICogY29ycmVzcG9uZGVudCB0byB0aGUgY3VycmVudCBtZWRpYSBicmVha3BvaW50O1xuICogKiBDaG9vc2UgZWl0aGVyIHlvdSB3YW50IHRvIDxiPnNob3dUaXRsZXM8L2I+IG5lYXIgdG8gZWFjaCBzdGVwIGNvbXBvbmVudCBvciBhIHRvb2x0aXAgb24gaG92ZXI7XG4gKiAqIERlZmluZSBhIDxiPndpZHRoPC9iPiBvZiB0aGUgY29tcG9uZW50LiBJZiB5b3UgZG9uJ3QgZGVmaW5lIGFueSB2YWx1ZSBhbmQgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyBubyB0aXRsZVxuICogZGlzcGxheWVkIGFib3ZlLCB0aGUgd2lkdGggb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IHdpbGwgYmUgMTAwcHguXG4gKiBJZiB0aGUgc3RlcCBjb21wb25lbnQgaGFzIHRpdGxlcywgZWFjaCBvbmUgd2lsbCBoYXZlIDIxNXB4IG9mIHdpZHRoIGJ5IGRlZmF1bHQuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlN0ZXBOYXZpZ2F0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGNzcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuXG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgLy8gY3VycmVudCBicmVha3BvaW50ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnXG4gIGNvbnN0IGJyZWFrcG9pbnQgPSB1c2VXaWR0aCgpO1xuICAvLyBzdGVwIGNvbmZpZ3VyYXRpb25zXG4gIGNvbnN0IHN0ZXBTaXplS2V5ID1cbiAgICBzdGVwU2l6ZSA/PyAoW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KSA/IFwic21cIiA6IFwibWRcIik7XG4gIGNvbnN0IGhhc1RpdGxlcyA9IHNob3dUaXRsZXMgPz8gIVtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCk7XG5cbiAgY29uc3Qgc3R5bGVkTGkgPSAoY29udGFpbmVyU2l6ZSkgPT5cbiAgICBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWREaXYgPSAoY29udGFpbmVyU2l6ZSkgPT5cbiAgICBzdHlsZWQoXCJkaXZcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkU2VwYXJhdG9yRWxlbWVudCA9IChcbiAgICB0aXRsZSxcbiAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgc2VwYXJhdG9ySGVpZ2h0LFxuICAgIHNlcGFyYXRvcldpZHRoLFxuICAgIGJhY2tncm91bmRDb2xvclxuICApID0+IHtcbiAgICBjb25zdCB3aWR0aFZhbHVlID1cbiAgICAgIHNlcGFyYXRvcldpZHRoIC1cbiAgICAgIDIgKlxuICAgICAgICBOdW1iZXIoXG4gICAgICAgICAgKGFjdGl2ZVRoZW1lPy5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW4gfHwgXCIwcHhcIikucmVwbGFjZShcbiAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgIFwiXCJcbiAgICAgICAgICApXG4gICAgICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpXG4gICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgIGtleT17YHNlcGFyYXRvci0ke3RpdGxlfWB9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgIGhlaWdodDogc2VwYXJhdG9ySGVpZ2h0LFxuICAgICAgICAgICAgd2lkdGg6IHdpZHRoVmFsdWUsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgICAgICAgfSksXG4gICAgICAgICAgY2xhc3Nlcy5zZXBhcmF0b3JcbiAgICAgICAgKX1cbiAgICAgID5cbiAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc2VwYXJhdG9yLSR7dGl0bGV9YH0gY2xhc3NOYW1lPXtzZXBhcmF0b3JDbGFzc05hbWV9IC8+XG4gICAgICA8L2xpPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgZHJhd0l0ZW1zID0gKHtcbiAgICBzZXBhcmF0b3JWYWx1ZXM6IHsgbWluV2lkdGgsIG1heFdpZHRoLCBnZXRDb2xvciwgaGVpZ2h0IH0sXG4gICAgc3RlcFZhbHVlczogeyBtaW5TaXplLCBtYXhTaXplLCBTdGVwQ29tcG9uZW50IH0sXG4gIH06IGFueSkgPT4ge1xuICAgIGNvbnN0IGl0ZW1zID0gc3RlcHMucmVkdWNlPFJlYWN0Tm9kZVtdPihcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPFN0ZXBDb250YWluZXIga2V5PXtgc3RlcC0ke3RpdGxlfWB9IGNsYXNzTmFtZT17Y2xhc3Nlcy5saX0+XG4gICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICB7Li4uc3RlcFByb3BzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEh2VG9vbHRpcFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgdGl0bGU9ezxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT59XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgPFN0ZXAgY2xhc3NOYW1lPXtjbGFzc2VzLmxpfT5cbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9IdlRvb2x0aXA+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIDxvbCBjbGFzc05hbWU9e2NsYXNzZXMub2x9PntpdGVtc308L29sPjtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzOiBIdkRlZmF1bHROYXZpZ2F0aW9uUHJvcHNbXCJnZXREeW5hbWljVmFsdWVzXCJdID0gKFxuICAgIHN0ZXBzV2lkdGhcbiAgKSA9PiB7XG4gICAgY29uc3QgdGhlbWVCcmVha3BvaW50cyA9IGFjdGl2ZVRoZW1lPy5icmVha3BvaW50cy52YWx1ZXMgfHwge307XG4gICAgY29uc3QgbWF4V2lkdGggPVxuICAgICAgd2lkdGg/LlticmVha3BvaW50XSA/P1xuICAgICAgTWF0aC5tYXgoXG4gICAgICAgIE51bWJlcihoYXNUaXRsZXMpICogKFRJVExFX1dJRFRIICsgVElUTEVfTUFSR0lOKSAqIHN0ZXBzLmxlbmd0aCAtXG4gICAgICAgICAgVElUTEVfTUFSR0lOLFxuICAgICAgICBTRVBBUkFUT1JfV0lEVEggKiAoc3RlcHMubGVuZ3RoIC0gMSkgKyBzdGVwc1dpZHRoXG4gICAgICApO1xuICAgIGNvbnN0IG5leHQgPSBPYmplY3Qua2V5cyh0aGVtZUJyZWFrcG9pbnRzKS5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICAgIGluZGV4IC0gMSA+PSAwID8gc2VsZltpbmRleCAtIDFdID09PSBicmVha3BvaW50IDogZmFsc2VcbiAgICApO1xuICAgIGNvbnN0IG5hdldpZHRoID0gTWF0aC5taW4oXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG5leHQgPyB0aGVtZUJyZWFrcG9pbnRzW25leHRdIDogbWF4V2lkdGhcbiAgICApO1xuICAgIGNvbnN0IHRpdGxlV2lkdGggPVxuICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiBNYXRoLmNlaWwoKG5hdldpZHRoICsgVElUTEVfTUFSR0lOKSAvIHN0ZXBzLmxlbmd0aCk7XG4gICAgY29uc3Qgc2VwYXJhdG9yV2lkdGggPVxuICAgICAgTnVtYmVyKCFoYXNUaXRsZXMpICpcbiAgICAgIE1hdGguY2VpbCgobmF2V2lkdGggLSBzdGVwc1dpZHRoKSAvIChzdGVwcy5sZW5ndGggLSAxKSk7XG4gICAgcmV0dXJuIHsgd2lkdGg6IG5hdldpZHRoLCB0aXRsZVdpZHRoLCBzZXBhcmF0b3JXaWR0aCB9O1xuICB9O1xuXG4gIGNvbnN0IGdldFRpdGxlcyA9IChnZXRUaXRsZVByb3BzKSA9PlxuICAgIGhhc1RpdGxlcyA/IChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLnRpdGxlc30+XG4gICAgICAgIHtzdGVwcy5tYXAoKHsgdGl0bGU6IHJhd1RpdGxlLCBzdGF0ZSwgdGl0bGVDbGFzc05hbWUgfSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICB2YXJpYW50ID0gXCJsYWJlbFwiLFxuICAgICAgICAgICAgdGl0bGUgPSByYXdUaXRsZSxcbiAgICAgICAgICAgIHRpdGxlV2lkdGggPSAwLFxuICAgICAgICAgICAgdGl0bGVEaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgICAgIH0gPSBnZXRUaXRsZVByb3BzKHtcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgcmF3VGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8SHZUeXBvZ3JhcGh5XG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgIHdpZHRoOiB0aXRsZVdpZHRoIC0gVElUTEVfTUFSR0lOLFxuICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IFRJVExFX01BUkdJTixcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB0aXRsZUNsYXNzTmFtZVxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17dGl0bGVEaXNhYmxlZH1cbiAgICAgICAgICAgICAga2V5PXt0aXRsZX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9IdlR5cG9ncmFwaHk+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICBudW1TdGVwcz17c3RlcHMubGVuZ3RofVxuICAgICAgc3RlcFNpemU9e3N0ZXBTaXplS2V5fVxuICAgICAgZ2V0VGl0bGVzPXtnZXRUaXRsZXN9XG4gICAgICBnZXREeW5hbWljVmFsdWVzPXtnZXREeW5hbWljVmFsdWVzfVxuICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLnJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgIDxIdkJveFxuICAgICAgICAgIGNvbXBvbmVudD1cIm5hdlwiXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtkcmF3SXRlbXMoaXRlbXNQcm9wcyl9XG4gICAgICAgIDwvSHZCb3g+XG4gICAgICApfVxuICAgIDwvU3RlcE5hdmlnYXRpb24+XG4gICk7XG59O1xuIl19 */");
   const styledDiv = (containerSize) => /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-    target: "e1wrrltm2"
+    target: "e1wrrltm0"
   } : {
-    target: "e1wrrltm2",
+    target: "e1wrrltm0",
     label: "styledDiv"
   })({
     width: containerSize,
     height: containerSize
-  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUdJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlUHJvcHMsXG4gIEh2QnJlYWtwb2ludHMsXG4gIHVzZVRoZW1lLFxuICB1c2VXaWR0aCxcbiAgSHZCb3gsXG4gIEh2VG9vbHRpcCxcbiAgSHZUeXBvZ3JhcGh5LFxuICBFeHRyYWN0TmFtZXMsXG59IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtY29yZVwiO1xuXG5pbXBvcnQgeyBIdkRlZmF1bHROYXZpZ2F0aW9uLCBIdlN0ZXBQcm9wcyB9IGZyb20gXCIuL0RlZmF1bHROYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBIdlNpbXBsZU5hdmlnYXRpb24gfSBmcm9tIFwiLi9TaW1wbGVOYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTdGVwTmF2aWdhdGlvblByb3BzIGV4dGVuZHMgSHZCYXNlUHJvcHMge1xuICAvKiogVHlwZSBvZiBzdGVwIG5hdmlnYXRpb24uIFZhbHVlcyA9IHtcIlNpbXBsZVwiLCBcIkRlZmF1bHRcIn0gKi9cbiAgdHlwZT86IFwiU2ltcGxlXCIgfCBcIkRlZmF1bHRcIjtcbiAgLyoqIFN0ZXBzIHRvIHNob3cgb24gdGhlIGNvbXBvbmVudC4gKi9cbiAgc3RlcHM6IEFycmF5PFxuICAgIFBpY2s8XG4gICAgICBIdlN0ZXBQcm9wcyxcbiAgICAgIFwic3RhdGVcIiB8IFwidGl0bGVcIiB8IFwib25DbGlja1wiIHwgXCJjbGFzc05hbWVcIiB8IFwiZGlzYWJsZWRcIlxuICAgID4gJiB7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSBzZXBhcmF0b3IgY29tcG9uZW50IGFmdGVyIHRoZSBzdGVwLiAqL1xuICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgdGl0bGUgY29tcG9uZW50IGFib3ZlIHRoZSBzdGVwLiAqL1xuICAgICAgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgfVxuICA+O1xuICAvKiogU2V0cyBvbmUgb2YgdGhlIHN0YW5kYXJkIHNpemVzIG9mIHRoZSBzdGVwcy4gKi9cbiAgc3RlcFNpemU/OiBcInhzXCIgfCBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgfCBcInhsXCI7XG4gIC8qKiBXaWR0aCBvZiB0aGUgY29tcG9uZW50IGVsZW1lbnQgb24gZWFjaCBicmVha3BvaW50IHNjcmVlbiByZXNvbHV0aW9uLiAqL1xuICB3aWR0aD86IHsgW2JyZWFrcG9pbnQgaW4gSHZCcmVha3BvaW50c10/OiBudW1iZXIgfTtcbiAgLyoqIERlZmluZXMgZWl0aGVyIHNob3cgYSB0aXRsZSBvciBvbmx5IGEgdG9vbHRpcCBvbiBlYWNoIHN0ZXAgY29tcG9uZW50LiAqL1xuICBzaG93VGl0bGVzPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIFN0ZXBOYXZpZ2F0aW9uLiAqL1xuICBjbGFzc2VzPzogSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXM7XG59XG5cbi8qKlxuICogTmF2aWdhdGlvbiBwYWdlIHdpdGggc3RlcHMuXG4gKlxuICogWW91IG5lZWQgdG8gZGVmaW5lIHRoZSA8Yj5zdGVwczxiLz4gZGlzcGxheWVkIG9uIHRoZSBjb21wb25lbnQgc28gdGhhdCBpdHNlbGYgY2FuIGJlIGRyYXduIG9uIHRoZSBVSS5cbiAqIE9uIGVhY2ggc3RlcCwgeW91IG5lZWQgdG8gZGVmaW5lIGEgPGI+c3RhdGU8L2I+IC0gJ1BlbmRpbmcnLCAnRmFpbGVkJywgJ0NvbXBsZXRlZCcsICdDdXJyZW50JywgJ0Rpc2FibGVkJyAtXG4gKiBhbmQgYSA8Yj50aXRsZTwvYj4gdG8gYmUgc2hvd24gYXMgYSB0b29sdGlwIG9yIGEgdGV4dCBhYm92ZSBvZiB0aGUgc3RlcC4gWW91IGNhbiBhbHNvOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+IG9uIGVhY2ggc3RlcCBlbGVtZW50O1xuICogKiBEZWZpbmUgYSA8Yj5zZXBhcmF0b3JDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSBzZXBhcmF0b3IgZWxlbWVudC4gVGhlIGRlZmF1bHQgaGVpZ2h0XG4gKiB2YWx1ZXMgb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IGFyZSAycHgvM3B4IG9uICdTaW1wbGUnLydEZWZhdWx0JyBsYXlvdXRzIHJlc3BlY3RpdmVseTtcbiAqICogRGVmaW5lIGEgPGI+dGl0bGVDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSB0aXRsZSBhYm92ZSBlYWNoIHN0ZXAgZWxlbWVudC5cbiAqXG4gKiBGb3IgdGhlIHJvb3QgZWxlbWVudCwgeW91IGNhbjpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPjtcbiAqICogQ2hvb3NlIGEgPGI+dHlwZTwvYj4gb2YgbGF5b3V0OiAnU2ltcGxlJyBvciAnRGVmYXVsdCc7XG4gKiAqIENob29zZSB0aGUgPGI+c3RlcFNpemU8L2I+IG9mIHRoZSBzdGVwIGNvbXBvbmVudDogXCJ4c1wiLCBcInNtXCIsIFwibWRcIiwgXCJsZ1wiLCBcInhsXCIuIFRoZSBkZWZhdWx0IHNpemUgd2lsbCBiZVxuICogY29ycmVzcG9uZGVudCB0byB0aGUgY3VycmVudCBtZWRpYSBicmVha3BvaW50O1xuICogKiBDaG9vc2UgZWl0aGVyIHlvdSB3YW50IHRvIDxiPnNob3dUaXRsZXM8L2I+IG5lYXIgdG8gZWFjaCBzdGVwIGNvbXBvbmVudCBvciBhIHRvb2x0aXAgb24gaG92ZXI7XG4gKiAqIERlZmluZSBhIDxiPndpZHRoPC9iPiBvZiB0aGUgY29tcG9uZW50LiBJZiB5b3UgZG9uJ3QgZGVmaW5lIGFueSB2YWx1ZSBhbmQgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyBubyB0aXRsZVxuICogZGlzcGxheWVkIGFib3ZlLCB0aGUgd2lkdGggb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IHdpbGwgYmUgMTAwcHguXG4gKiBJZiB0aGUgc3RlcCBjb21wb25lbnQgaGFzIHRpdGxlcywgZWFjaCBvbmUgd2lsbCBoYXZlIDIxNXB4IG9mIHdpZHRoIGJ5IGRlZmF1bHQuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlN0ZXBOYXZpZ2F0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGN4IH0gPSB1c2VDbGFzc2VzKGNsYXNzZXNQcm9wKTtcblxuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIC8vIGN1cnJlbnQgYnJlYWtwb2ludCAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJ1xuICBjb25zdCBicmVha3BvaW50ID0gdXNlV2lkdGgoKTtcbiAgLy8gc3RlcCBjb25maWd1cmF0aW9uc1xuICBjb25zdCBzdGVwU2l6ZUtleSA9XG4gICAgc3RlcFNpemUgPz8gKFtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCkgPyBcInNtXCIgOiBcIm1kXCIpO1xuICBjb25zdCBoYXNUaXRsZXMgPSBzaG93VGl0bGVzID8/ICFbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpO1xuXG4gIGNvbnN0IHN0eWxlZExpID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwibGlcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkRGl2ID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwiZGl2XCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQgPSAoXG4gICAgdGl0bGUsXG4gICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgIHNlcGFyYXRvckhlaWdodCxcbiAgICBzZXBhcmF0b3JXaWR0aCxcbiAgICBiYWNrZ3JvdW5kQ29sb3JcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICBoZWlnaHQ6IHNlcGFyYXRvckhlaWdodCxcbiAgICAgIHdpZHRoOlxuICAgICAgICBzZXBhcmF0b3JXaWR0aCAtXG4gICAgICAgIDIgKlxuICAgICAgICAgIE51bWJlcihcbiAgICAgICAgICAgIChhY3RpdmVUaGVtZT8uc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2luIHx8IFwiMHB4XCIpLnJlcGxhY2UoXG4gICAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgICAgXCJcIlxuICAgICAgICAgICAgKVxuICAgICAgICAgICksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZExpXG4gICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgIGtleT17YHNlcGFyYXRvci0ke3RpdGxlfWB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlcy5zZXBhcmF0b3J9XG4gICAgICA+XG4gICAgICAgIDxkaXYgYXJpYS1sYWJlbD17YHNlcGFyYXRvci0ke3RpdGxlfWB9IGNsYXNzTmFtZT17c2VwYXJhdG9yQ2xhc3NOYW1lfSAvPlxuICAgICAgPC9TdHlsZWRMaT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGRyYXdJdGVtcyA9ICh7XG4gICAgc2VwYXJhdG9yVmFsdWVzOiB7IG1pbldpZHRoLCBtYXhXaWR0aCwgZ2V0Q29sb3IsIGhlaWdodCB9LFxuICAgIHN0ZXBWYWx1ZXM6IHsgbWluU2l6ZSwgbWF4U2l6ZSwgU3RlcENvbXBvbmVudCB9LFxuICB9OiBhbnkpID0+IHtcbiAgICBjb25zdCBpdGVtcyA9IHN0ZXBzLnJlZHVjZShcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPFN0ZXBDb250YWluZXIga2V5PXtgc3RlcC0ke3RpdGxlfWB9IGNsYXNzTmFtZT17Y2xhc3Nlcy5saX0+XG4gICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICB7Li4uc3RlcFByb3BzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEh2VG9vbHRpcFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgdGl0bGU9ezxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT59XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgPFN0ZXAgY2xhc3NOYW1lPXtjbGFzc2VzLmxpfT5cbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9IdlRvb2x0aXA+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIDxvbCBjbGFzc05hbWU9e2NsYXNzZXMub2x9PntpdGVtc308L29sPjtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzID0gKHN0ZXBzV2lkdGgpID0+IHtcbiAgICBjb25zdCB0aGVtZUJyZWFrcG9pbnRzID0gYWN0aXZlVGhlbWU/LmJyZWFrcG9pbnRzLnZhbHVlcyB8fCB7fTtcbiAgICBjb25zdCBtYXhXaWR0aCA9XG4gICAgICB3aWR0aD8uW2JyZWFrcG9pbnRdID8/XG4gICAgICBNYXRoLm1heChcbiAgICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiAoVElUTEVfV0lEVEggKyBUSVRMRV9NQVJHSU4pICogc3RlcHMubGVuZ3RoIC1cbiAgICAgICAgICBUSVRMRV9NQVJHSU4sXG4gICAgICAgIFNFUEFSQVRPUl9XSURUSCAqIChzdGVwcy5sZW5ndGggLSAxKSArIHN0ZXBzV2lkdGhcbiAgICAgICk7XG4gICAgY29uc3QgbmV4dCA9IE9iamVjdC5rZXlzKHRoZW1lQnJlYWtwb2ludHMpLmZpbmQoKF8sIGluZGV4LCBzZWxmKSA9PlxuICAgICAgaW5kZXggLSAxID49IDAgPyBzZWxmW2luZGV4IC0gMV0gPT09IGJyZWFrcG9pbnQgOiBmYWxzZVxuICAgICk7XG4gICAgY29uc3QgbmF2V2lkdGggPSBNYXRoLm1pbihcbiAgICAgIG1heFdpZHRoLFxuICAgICAgbmV4dCA/IHRoZW1lQnJlYWtwb2ludHNbbmV4dF0gOiBtYXhXaWR0aFxuICAgICk7XG4gICAgY29uc3QgdGl0bGVXaWR0aCA9XG4gICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIE1hdGguY2VpbCgobmF2V2lkdGggKyBUSVRMRV9NQVJHSU4pIC8gc3RlcHMubGVuZ3RoKTtcbiAgICBjb25zdCBzZXBhcmF0b3JXaWR0aCA9XG4gICAgICBOdW1iZXIoIWhhc1RpdGxlcykgKlxuICAgICAgTWF0aC5jZWlsKChuYXZXaWR0aCAtIHN0ZXBzV2lkdGgpIC8gKHN0ZXBzLmxlbmd0aCAtIDEpKTtcbiAgICByZXR1cm4geyB3aWR0aDogbmF2V2lkdGgsIHRpdGxlV2lkdGgsIHNlcGFyYXRvcldpZHRoIH07XG4gIH07XG5cbiAgY29uc3Qgc3R5bGVkVGl0bGUgPSAoXG4gICAgdGl0bGVDbGFzc05hbWUsXG4gICAgdmFyaWFudCxcbiAgICB0aXRsZSxcbiAgICB0aXRsZVdpZHRoLFxuICAgIHRpdGxlRGlzYWJsZWRcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB3aWR0aDogdGl0bGVXaWR0aCAtIFRJVExFX01BUkdJTixcbiAgICAgIG1hcmdpblJpZ2h0OiBUSVRMRV9NQVJHSU4sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRpdGxlXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsYXNzTmFtZT17dGl0bGVDbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXt0aXRsZURpc2FibGVkfVxuICAgICAgICBrZXk9e2B0aXRsZS0ke3RpdGxlfWB9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGl0bGU+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXRUaXRsZXMgPSAoZ2V0VGl0bGVQcm9wcykgPT5cbiAgICBoYXNUaXRsZXMgPyAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy50aXRsZXN9PlxuICAgICAgICB7c3RlcHMubWFwKCh7IHRpdGxlOiByYXdUaXRsZSwgc3RhdGUsIHRpdGxlQ2xhc3NOYW1lIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdmFyaWFudCA9IFwibGFiZWxcIixcbiAgICAgICAgICAgIHRpdGxlID0gcmF3VGl0bGUsXG4gICAgICAgICAgICB0aXRsZVdpZHRoID0gMCxcbiAgICAgICAgICAgIHRpdGxlRGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICAgICB9ID0gZ2V0VGl0bGVQcm9wcyh7XG4gICAgICAgICAgICBzdGF0ZSxcbiAgICAgICAgICAgIHJhd1RpdGxlLFxuICAgICAgICAgICAgbnVtYmVyOiBpbmRleCArIDEsXG4gICAgICAgICAgfSk7XG4gICAgICAgICAgY29uc3QgVGl0bGUgPSBzdHlsZWRUaXRsZShcbiAgICAgICAgICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgdmFyaWFudCxcbiAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgdGl0bGVXaWR0aCxcbiAgICAgICAgICAgIHRpdGxlRGlzYWJsZWRcbiAgICAgICAgICApO1xuICAgICAgICAgIHJldHVybiBUaXRsZTtcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICB7Li4ue1xuICAgICAgICBudW1TdGVwczogc3RlcHMubGVuZ3RoLFxuICAgICAgICBzdGVwU2l6ZTogc3RlcFNpemVLZXksXG4gICAgICAgIGdldFRpdGxlcyxcbiAgICAgICAgZ2V0RHluYW1pY1ZhbHVlcyxcbiAgICAgICAgY2xhc3NOYW1lOiBjeChjbGFzc2VzLnJvb3QsIGNsYXNzTmFtZSksXG4gICAgICAgIC4uLm90aGVycyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgeyh7IHN0ZXBzV2lkdGgsIG5hdldpZHRoLCAuLi5pdGVtc1Byb3BzIH0pID0+IChcbiAgICAgICAgPEh2Qm94XG4gICAgICAgICAgY29tcG9uZW50PVwibmF2XCJcbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgd2lkdGg6IGAke25hdldpZHRofXB4YCxcbiAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2RyYXdJdGVtcyhpdGVtc1Byb3BzKX1cbiAgICAgICAgPC9IdkJveD5cbiAgICAgICl9XG4gICAgPC9TdGVwTmF2aWdhdGlvbj5cbiAgKTtcbn07XG4iXX0= */");
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0dJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkJhc2VQcm9wcyxcbiAgSHZCcmVha3BvaW50cyxcbiAgdXNlVGhlbWUsXG4gIHVzZVdpZHRoLFxuICBIdkJveCxcbiAgSHZUb29sdGlwLFxuICBIdlR5cG9ncmFwaHksXG4gIEV4dHJhY3ROYW1lcyxcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5cbmltcG9ydCB7XG4gIEh2RGVmYXVsdE5hdmlnYXRpb24sXG4gIEh2RGVmYXVsdE5hdmlnYXRpb25Qcm9wcyxcbiAgSHZTdGVwUHJvcHMsXG59IGZyb20gXCIuL0RlZmF1bHROYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBIdlNpbXBsZU5hdmlnYXRpb24gfSBmcm9tIFwiLi9TaW1wbGVOYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHsgc3RhdGljQ2xhc3NlcywgdXNlQ2xhc3NlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuXG5leHBvcnQgeyBzdGF0aWNDbGFzc2VzIGFzIHN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyB9O1xuXG5leHBvcnQgdHlwZSBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3NlcyA9IEV4dHJhY3ROYW1lczx0eXBlb2YgdXNlQ2xhc3Nlcz47XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTdGVwTmF2aWdhdGlvblByb3BzIGV4dGVuZHMgSHZCYXNlUHJvcHMge1xuICAvKiogVHlwZSBvZiBzdGVwIG5hdmlnYXRpb24uIFZhbHVlcyA9IHtcIlNpbXBsZVwiLCBcIkRlZmF1bHRcIn0gKi9cbiAgdHlwZT86IFwiU2ltcGxlXCIgfCBcIkRlZmF1bHRcIjtcbiAgLyoqIFN0ZXBzIHRvIHNob3cgb24gdGhlIGNvbXBvbmVudC4gKi9cbiAgc3RlcHM6IEFycmF5PFxuICAgIFBpY2s8XG4gICAgICBIdlN0ZXBQcm9wcyxcbiAgICAgIFwic3RhdGVcIiB8IFwidGl0bGVcIiB8IFwib25DbGlja1wiIHwgXCJjbGFzc05hbWVcIiB8IFwiZGlzYWJsZWRcIlxuICAgID4gJiB7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSBzZXBhcmF0b3IgY29tcG9uZW50IGFmdGVyIHRoZSBzdGVwLiAqL1xuICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgdGl0bGUgY29tcG9uZW50IGFib3ZlIHRoZSBzdGVwLiAqL1xuICAgICAgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgfVxuICA+O1xuICAvKiogU2V0cyBvbmUgb2YgdGhlIHN0YW5kYXJkIHNpemVzIG9mIHRoZSBzdGVwcy4gKi9cbiAgc3RlcFNpemU/OiBcInhzXCIgfCBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgfCBcInhsXCI7XG4gIC8qKiBXaWR0aCBvZiB0aGUgY29tcG9uZW50IGVsZW1lbnQgb24gZWFjaCBicmVha3BvaW50IHNjcmVlbiByZXNvbHV0aW9uLiAqL1xuICB3aWR0aD86IHsgW2JyZWFrcG9pbnQgaW4gSHZCcmVha3BvaW50c10/OiBudW1iZXIgfTtcbiAgLyoqIERlZmluZXMgZWl0aGVyIHNob3cgYSB0aXRsZSBvciBvbmx5IGEgdG9vbHRpcCBvbiBlYWNoIHN0ZXAgY29tcG9uZW50LiAqL1xuICBzaG93VGl0bGVzPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIFN0ZXBOYXZpZ2F0aW9uLiAqL1xuICBjbGFzc2VzPzogSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXM7XG59XG5cbi8qKlxuICogTmF2aWdhdGlvbiBwYWdlIHdpdGggc3RlcHMuXG4gKlxuICogWW91IG5lZWQgdG8gZGVmaW5lIHRoZSA8Yj5zdGVwczxiLz4gZGlzcGxheWVkIG9uIHRoZSBjb21wb25lbnQgc28gdGhhdCBpdHNlbGYgY2FuIGJlIGRyYXduIG9uIHRoZSBVSS5cbiAqIE9uIGVhY2ggc3RlcCwgeW91IG5lZWQgdG8gZGVmaW5lIGEgPGI+c3RhdGU8L2I+IC0gJ1BlbmRpbmcnLCAnRmFpbGVkJywgJ0NvbXBsZXRlZCcsICdDdXJyZW50JywgJ0Rpc2FibGVkJyAtXG4gKiBhbmQgYSA8Yj50aXRsZTwvYj4gdG8gYmUgc2hvd24gYXMgYSB0b29sdGlwIG9yIGEgdGV4dCBhYm92ZSBvZiB0aGUgc3RlcC4gWW91IGNhbiBhbHNvOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+IG9uIGVhY2ggc3RlcCBlbGVtZW50O1xuICogKiBEZWZpbmUgYSA8Yj5zZXBhcmF0b3JDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSBzZXBhcmF0b3IgZWxlbWVudC4gVGhlIGRlZmF1bHQgaGVpZ2h0XG4gKiB2YWx1ZXMgb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IGFyZSAycHgvM3B4IG9uICdTaW1wbGUnLydEZWZhdWx0JyBsYXlvdXRzIHJlc3BlY3RpdmVseTtcbiAqICogRGVmaW5lIGEgPGI+dGl0bGVDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSB0aXRsZSBhYm92ZSBlYWNoIHN0ZXAgZWxlbWVudC5cbiAqXG4gKiBGb3IgdGhlIHJvb3QgZWxlbWVudCwgeW91IGNhbjpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPjtcbiAqICogQ2hvb3NlIGEgPGI+dHlwZTwvYj4gb2YgbGF5b3V0OiAnU2ltcGxlJyBvciAnRGVmYXVsdCc7XG4gKiAqIENob29zZSB0aGUgPGI+c3RlcFNpemU8L2I+IG9mIHRoZSBzdGVwIGNvbXBvbmVudDogXCJ4c1wiLCBcInNtXCIsIFwibWRcIiwgXCJsZ1wiLCBcInhsXCIuIFRoZSBkZWZhdWx0IHNpemUgd2lsbCBiZVxuICogY29ycmVzcG9uZGVudCB0byB0aGUgY3VycmVudCBtZWRpYSBicmVha3BvaW50O1xuICogKiBDaG9vc2UgZWl0aGVyIHlvdSB3YW50IHRvIDxiPnNob3dUaXRsZXM8L2I+IG5lYXIgdG8gZWFjaCBzdGVwIGNvbXBvbmVudCBvciBhIHRvb2x0aXAgb24gaG92ZXI7XG4gKiAqIERlZmluZSBhIDxiPndpZHRoPC9iPiBvZiB0aGUgY29tcG9uZW50LiBJZiB5b3UgZG9uJ3QgZGVmaW5lIGFueSB2YWx1ZSBhbmQgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyBubyB0aXRsZVxuICogZGlzcGxheWVkIGFib3ZlLCB0aGUgd2lkdGggb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IHdpbGwgYmUgMTAwcHguXG4gKiBJZiB0aGUgc3RlcCBjb21wb25lbnQgaGFzIHRpdGxlcywgZWFjaCBvbmUgd2lsbCBoYXZlIDIxNXB4IG9mIHdpZHRoIGJ5IGRlZmF1bHQuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlN0ZXBOYXZpZ2F0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjbGFzc2VzOiBjbGFzc2VzUHJvcCxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGNsYXNzZXMsIGNzcywgY3ggfSA9IHVzZUNsYXNzZXMoY2xhc3Nlc1Byb3ApO1xuXG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgLy8gY3VycmVudCBicmVha3BvaW50ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnXG4gIGNvbnN0IGJyZWFrcG9pbnQgPSB1c2VXaWR0aCgpO1xuICAvLyBzdGVwIGNvbmZpZ3VyYXRpb25zXG4gIGNvbnN0IHN0ZXBTaXplS2V5ID1cbiAgICBzdGVwU2l6ZSA/PyAoW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KSA/IFwic21cIiA6IFwibWRcIik7XG4gIGNvbnN0IGhhc1RpdGxlcyA9IHNob3dUaXRsZXMgPz8gIVtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCk7XG5cbiAgY29uc3Qgc3R5bGVkTGkgPSAoY29udGFpbmVyU2l6ZSkgPT5cbiAgICBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWREaXYgPSAoY29udGFpbmVyU2l6ZSkgPT5cbiAgICBzdHlsZWQoXCJkaXZcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkU2VwYXJhdG9yRWxlbWVudCA9IChcbiAgICB0aXRsZSxcbiAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgc2VwYXJhdG9ySGVpZ2h0LFxuICAgIHNlcGFyYXRvcldpZHRoLFxuICAgIGJhY2tncm91bmRDb2xvclxuICApID0+IHtcbiAgICBjb25zdCB3aWR0aFZhbHVlID1cbiAgICAgIHNlcGFyYXRvcldpZHRoIC1cbiAgICAgIDIgKlxuICAgICAgICBOdW1iZXIoXG4gICAgICAgICAgKGFjdGl2ZVRoZW1lPy5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW4gfHwgXCIwcHhcIikucmVwbGFjZShcbiAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgIFwiXCJcbiAgICAgICAgICApXG4gICAgICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxpXG4gICAgICAgIGFyaWEtaGlkZGVuXG4gICAgICAgIGtleT17YHNlcGFyYXRvci0ke3RpdGxlfWB9XG4gICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgIGhlaWdodDogc2VwYXJhdG9ySGVpZ2h0LFxuICAgICAgICAgICAgd2lkdGg6IHdpZHRoVmFsdWUsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgICAgICAgfSksXG4gICAgICAgICAgY2xhc3Nlcy5zZXBhcmF0b3JcbiAgICAgICAgKX1cbiAgICAgID5cbiAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc2VwYXJhdG9yLSR7dGl0bGV9YH0gY2xhc3NOYW1lPXtzZXBhcmF0b3JDbGFzc05hbWV9IC8+XG4gICAgICA8L2xpPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgZHJhd0l0ZW1zID0gKHtcbiAgICBzZXBhcmF0b3JWYWx1ZXM6IHsgbWluV2lkdGgsIG1heFdpZHRoLCBnZXRDb2xvciwgaGVpZ2h0IH0sXG4gICAgc3RlcFZhbHVlczogeyBtaW5TaXplLCBtYXhTaXplLCBTdGVwQ29tcG9uZW50IH0sXG4gIH06IGFueSkgPT4ge1xuICAgIGNvbnN0IGl0ZW1zID0gc3RlcHMucmVkdWNlPFJlYWN0Tm9kZVtdPihcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPFN0ZXBDb250YWluZXIga2V5PXtgc3RlcC0ke3RpdGxlfWB9IGNsYXNzTmFtZT17Y2xhc3Nlcy5saX0+XG4gICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICB7Li4uc3RlcFByb3BzfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPEh2VG9vbHRpcFxuICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgdGl0bGU9ezxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT59XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgPFN0ZXAgY2xhc3NOYW1lPXtjbGFzc2VzLmxpfT5cbiAgICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPC9IdlRvb2x0aXA+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIDxvbCBjbGFzc05hbWU9e2NsYXNzZXMub2x9PntpdGVtc308L29sPjtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzOiBIdkRlZmF1bHROYXZpZ2F0aW9uUHJvcHNbXCJnZXREeW5hbWljVmFsdWVzXCJdID0gKFxuICAgIHN0ZXBzV2lkdGhcbiAgKSA9PiB7XG4gICAgY29uc3QgdGhlbWVCcmVha3BvaW50cyA9IGFjdGl2ZVRoZW1lPy5icmVha3BvaW50cy52YWx1ZXMgfHwge307XG4gICAgY29uc3QgbWF4V2lkdGggPVxuICAgICAgd2lkdGg/LlticmVha3BvaW50XSA/P1xuICAgICAgTWF0aC5tYXgoXG4gICAgICAgIE51bWJlcihoYXNUaXRsZXMpICogKFRJVExFX1dJRFRIICsgVElUTEVfTUFSR0lOKSAqIHN0ZXBzLmxlbmd0aCAtXG4gICAgICAgICAgVElUTEVfTUFSR0lOLFxuICAgICAgICBTRVBBUkFUT1JfV0lEVEggKiAoc3RlcHMubGVuZ3RoIC0gMSkgKyBzdGVwc1dpZHRoXG4gICAgICApO1xuICAgIGNvbnN0IG5leHQgPSBPYmplY3Qua2V5cyh0aGVtZUJyZWFrcG9pbnRzKS5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICAgIGluZGV4IC0gMSA+PSAwID8gc2VsZltpbmRleCAtIDFdID09PSBicmVha3BvaW50IDogZmFsc2VcbiAgICApO1xuICAgIGNvbnN0IG5hdldpZHRoID0gTWF0aC5taW4oXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG5leHQgPyB0aGVtZUJyZWFrcG9pbnRzW25leHRdIDogbWF4V2lkdGhcbiAgICApO1xuICAgIGNvbnN0IHRpdGxlV2lkdGggPVxuICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiBNYXRoLmNlaWwoKG5hdldpZHRoICsgVElUTEVfTUFSR0lOKSAvIHN0ZXBzLmxlbmd0aCk7XG4gICAgY29uc3Qgc2VwYXJhdG9yV2lkdGggPVxuICAgICAgTnVtYmVyKCFoYXNUaXRsZXMpICpcbiAgICAgIE1hdGguY2VpbCgobmF2V2lkdGggLSBzdGVwc1dpZHRoKSAvIChzdGVwcy5sZW5ndGggLSAxKSk7XG4gICAgcmV0dXJuIHsgd2lkdGg6IG5hdldpZHRoLCB0aXRsZVdpZHRoLCBzZXBhcmF0b3JXaWR0aCB9O1xuICB9O1xuXG4gIGNvbnN0IGdldFRpdGxlcyA9IChnZXRUaXRsZVByb3BzKSA9PlxuICAgIGhhc1RpdGxlcyA/IChcbiAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLnRpdGxlc30+XG4gICAgICAgIHtzdGVwcy5tYXAoKHsgdGl0bGU6IHJhd1RpdGxlLCBzdGF0ZSwgdGl0bGVDbGFzc05hbWUgfSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICB2YXJpYW50ID0gXCJsYWJlbFwiLFxuICAgICAgICAgICAgdGl0bGUgPSByYXdUaXRsZSxcbiAgICAgICAgICAgIHRpdGxlV2lkdGggPSAwLFxuICAgICAgICAgICAgdGl0bGVEaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgICAgIH0gPSBnZXRUaXRsZVByb3BzKHtcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgcmF3VGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8SHZUeXBvZ3JhcGh5XG4gICAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgIHdpZHRoOiB0aXRsZVdpZHRoIC0gVElUTEVfTUFSR0lOLFxuICAgICAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IFRJVExFX01BUkdJTixcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB0aXRsZUNsYXNzTmFtZVxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICBkaXNhYmxlZD17dGl0bGVEaXNhYmxlZH1cbiAgICAgICAgICAgICAga2V5PXt0aXRsZX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9IdlR5cG9ncmFwaHk+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICBudW1TdGVwcz17c3RlcHMubGVuZ3RofVxuICAgICAgc3RlcFNpemU9e3N0ZXBTaXplS2V5fVxuICAgICAgZ2V0VGl0bGVzPXtnZXRUaXRsZXN9XG4gICAgICBnZXREeW5hbWljVmFsdWVzPXtnZXREeW5hbWljVmFsdWVzfVxuICAgICAgY2xhc3NOYW1lPXtjeChjbGFzc2VzLnJvb3QsIGNsYXNzTmFtZSl9XG4gICAgICB7Li4ub3RoZXJzfVxuICAgID5cbiAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgIDxIdkJveFxuICAgICAgICAgIGNvbXBvbmVudD1cIm5hdlwiXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtkcmF3SXRlbXMoaXRlbXNQcm9wcyl9XG4gICAgICAgIDwvSHZCb3g+XG4gICAgICApfVxuICAgIDwvU3RlcE5hdmlnYXRpb24+XG4gICk7XG59O1xuIl19 */");
   const styledSeparatorElement = (title, separatorClassName, separatorHeight, separatorWidth, backgroundColor) => {
-    const StyledLi = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
-      target: "e1wrrltm1"
-    } : {
-      target: "e1wrrltm1",
-      label: "StyledLi"
-    })({
-      height: separatorHeight,
-      width: separatorWidth - 2 * Number(((activeTheme == null ? void 0 : activeTheme.stepNavigation.separatorMargin) || "0px").replace("px", "")),
-      backgroundColor,
-      margin: `0 ${theme.stepNavigation.separatorMargin}`
-    }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkdxQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9sYWIvc3JjL2NvbXBvbmVudHMvU3RlcE5hdmlnYXRpb24vU3RlcE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZVByb3BzLFxuICBIdkJyZWFrcG9pbnRzLFxuICB1c2VUaGVtZSxcbiAgdXNlV2lkdGgsXG4gIEh2Qm94LFxuICBIdlRvb2x0aXAsXG4gIEh2VHlwb2dyYXBoeSxcbiAgRXh0cmFjdE5hbWVzLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuaW1wb3J0IHsgSHZEZWZhdWx0TmF2aWdhdGlvbiwgSHZTdGVwUHJvcHMgfSBmcm9tIFwiLi9EZWZhdWx0TmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgSHZTaW1wbGVOYXZpZ2F0aW9uIH0gZnJvbSBcIi4vU2ltcGxlTmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgU0VQQVJBVE9SX1dJRFRILCBUSVRMRV9NQVJHSU4sIFRJVExFX1dJRFRIIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9TdGVwTmF2aWdhdGlvbi5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBzdGVwTmF2aWdhdGlvbkNsYXNzZXMgfTtcblxuZXhwb3J0IHR5cGUgSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U3RlcE5hdmlnYXRpb25Qcm9wcyBleHRlbmRzIEh2QmFzZVByb3BzIHtcbiAgLyoqIFR5cGUgb2Ygc3RlcCBuYXZpZ2F0aW9uLiBWYWx1ZXMgPSB7XCJTaW1wbGVcIiwgXCJEZWZhdWx0XCJ9ICovXG4gIHR5cGU/OiBcIlNpbXBsZVwiIHwgXCJEZWZhdWx0XCI7XG4gIC8qKiBTdGVwcyB0byBzaG93IG9uIHRoZSBjb21wb25lbnQuICovXG4gIHN0ZXBzOiBBcnJheTxcbiAgICBQaWNrPFxuICAgICAgSHZTdGVwUHJvcHMsXG4gICAgICBcInN0YXRlXCIgfCBcInRpdGxlXCIgfCBcIm9uQ2xpY2tcIiB8IFwiY2xhc3NOYW1lXCIgfCBcImRpc2FibGVkXCJcbiAgICA+ICYge1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgc2VwYXJhdG9yIGNvbXBvbmVudCBhZnRlciB0aGUgc3RlcC4gKi9cbiAgICAgIHNlcGFyYXRvckNsYXNzTmFtZT86IHN0cmluZztcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHRpdGxlIGNvbXBvbmVudCBhYm92ZSB0aGUgc3RlcC4gKi9cbiAgICAgIHRpdGxlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIH1cbiAgPjtcbiAgLyoqIFNldHMgb25lIG9mIHRoZSBzdGFuZGFyZCBzaXplcyBvZiB0aGUgc3RlcHMuICovXG4gIHN0ZXBTaXplPzogXCJ4c1wiIHwgXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiO1xuICAvKiogV2lkdGggb2YgdGhlIGNvbXBvbmVudCBlbGVtZW50IG9uIGVhY2ggYnJlYWtwb2ludCBzY3JlZW4gcmVzb2x1dGlvbi4gKi9cbiAgd2lkdGg/OiB7IFticmVha3BvaW50IGluIEh2QnJlYWtwb2ludHNdPzogbnVtYmVyIH07XG4gIC8qKiBEZWZpbmVzIGVpdGhlciBzaG93IGEgdGl0bGUgb3Igb25seSBhIHRvb2x0aXAgb24gZWFjaCBzdGVwIGNvbXBvbmVudC4gKi9cbiAgc2hvd1RpdGxlcz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBTdGVwTmF2aWdhdGlvbi4gKi9cbiAgY2xhc3Nlcz86IEh2U3RlcE5hdmlnYXRpb25DbGFzc2VzO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gcGFnZSB3aXRoIHN0ZXBzLlxuICpcbiAqIFlvdSBuZWVkIHRvIGRlZmluZSB0aGUgPGI+c3RlcHM8Yi8+IGRpc3BsYXllZCBvbiB0aGUgY29tcG9uZW50IHNvIHRoYXQgaXRzZWxmIGNhbiBiZSBkcmF3biBvbiB0aGUgVUkuXG4gKiBPbiBlYWNoIHN0ZXAsIHlvdSBuZWVkIHRvIGRlZmluZSBhIDxiPnN0YXRlPC9iPiAtICdQZW5kaW5nJywgJ0ZhaWxlZCcsICdDb21wbGV0ZWQnLCAnQ3VycmVudCcsICdEaXNhYmxlZCcgLVxuICogYW5kIGEgPGI+dGl0bGU8L2I+IHRvIGJlIHNob3duIGFzIGEgdG9vbHRpcCBvciBhIHRleHQgYWJvdmUgb2YgdGhlIHN0ZXAuIFlvdSBjYW4gYWxzbzpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPiBvbiBlYWNoIHN0ZXAgZWxlbWVudDtcbiAqICogRGVmaW5lIGEgPGI+c2VwYXJhdG9yQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgc2VwYXJhdG9yIGVsZW1lbnQuIFRoZSBkZWZhdWx0IGhlaWdodFxuICogdmFsdWVzIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCBhcmUgMnB4LzNweCBvbiAnU2ltcGxlJy8nRGVmYXVsdCcgbGF5b3V0cyByZXNwZWN0aXZlbHk7XG4gKiAqIERlZmluZSBhIDxiPnRpdGxlQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgdGl0bGUgYWJvdmUgZWFjaCBzdGVwIGVsZW1lbnQuXG4gKlxuICogRm9yIHRoZSByb290IGVsZW1lbnQsIHlvdSBjYW46XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj47XG4gKiAqIENob29zZSBhIDxiPnR5cGU8L2I+IG9mIGxheW91dDogJ1NpbXBsZScgb3IgJ0RlZmF1bHQnO1xuICogKiBDaG9vc2UgdGhlIDxiPnN0ZXBTaXplPC9iPiBvZiB0aGUgc3RlcCBjb21wb25lbnQ6IFwieHNcIiwgXCJzbVwiLCBcIm1kXCIsIFwibGdcIiwgXCJ4bFwiLiBUaGUgZGVmYXVsdCBzaXplIHdpbGwgYmVcbiAqIGNvcnJlc3BvbmRlbnQgdG8gdGhlIGN1cnJlbnQgbWVkaWEgYnJlYWtwb2ludDtcbiAqICogQ2hvb3NlIGVpdGhlciB5b3Ugd2FudCB0byA8Yj5zaG93VGl0bGVzPC9iPiBuZWFyIHRvIGVhY2ggc3RlcCBjb21wb25lbnQgb3IgYSB0b29sdGlwIG9uIGhvdmVyO1xuICogKiBEZWZpbmUgYSA8Yj53aWR0aDwvYj4gb2YgdGhlIGNvbXBvbmVudC4gSWYgeW91IGRvbid0IGRlZmluZSBhbnkgdmFsdWUgYW5kIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgbm8gdGl0bGVcbiAqIGRpc3BsYXllZCBhYm92ZSwgdGhlIHdpZHRoIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCB3aWxsIGJlIDEwMHB4LlxuICogSWYgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyB0aXRsZXMsIGVhY2ggb25lIHdpbGwgaGF2ZSAyMTVweCBvZiB3aWR0aCBieSBkZWZhdWx0LlxuICovXG5leHBvcnQgY29uc3QgSHZTdGVwTmF2aWdhdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2xhc3NlczogY2xhc3Nlc1Byb3AsXG4gIHdpZHRoLFxuICBzdGVwcyxcbiAgc3RlcFNpemUsXG4gIHNob3dUaXRsZXMsXG4gIHR5cGUgPSBcIkRlZmF1bHRcIixcbiAgLi4ub3RoZXJzXG59OiBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG5cbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAvLyBjdXJyZW50IGJyZWFrcG9pbnQgJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCdcbiAgY29uc3QgYnJlYWtwb2ludCA9IHVzZVdpZHRoKCk7XG4gIC8vIHN0ZXAgY29uZmlndXJhdGlvbnNcbiAgY29uc3Qgc3RlcFNpemVLZXkgPVxuICAgIHN0ZXBTaXplID8/IChbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpID8gXCJzbVwiIDogXCJtZFwiKTtcbiAgY29uc3QgaGFzVGl0bGVzID0gc2hvd1RpdGxlcyA/PyAhW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KTtcblxuICBjb25zdCBzdHlsZWRMaSA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImxpXCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZERpdiA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImRpdlwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWRTZXBhcmF0b3JFbGVtZW50ID0gKFxuICAgIHRpdGxlLFxuICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICBzZXBhcmF0b3JIZWlnaHQsXG4gICAgc2VwYXJhdG9yV2lkdGgsXG4gICAgYmFja2dyb3VuZENvbG9yXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZExpID0gc3R5bGVkKFwibGlcIikoe1xuICAgICAgaGVpZ2h0OiBzZXBhcmF0b3JIZWlnaHQsXG4gICAgICB3aWR0aDpcbiAgICAgICAgc2VwYXJhdG9yV2lkdGggLVxuICAgICAgICAyICpcbiAgICAgICAgICBOdW1iZXIoXG4gICAgICAgICAgICAoYWN0aXZlVGhlbWU/LnN0ZXBOYXZpZ2F0aW9uLnNlcGFyYXRvck1hcmdpbiB8fCBcIjBweFwiKS5yZXBsYWNlKFxuICAgICAgICAgICAgICBcInB4XCIsXG4gICAgICAgICAgICAgIFwiXCJcbiAgICAgICAgICAgIClcbiAgICAgICAgICApLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgbWFyZ2luOiBgMCAke3RoZW1lLnN0ZXBOYXZpZ2F0aW9uLnNlcGFyYXRvck1hcmdpbn1gLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaVxuICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICBrZXk9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuc2VwYXJhdG9yfVxuICAgICAgPlxuICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfSBjbGFzc05hbWU9e3NlcGFyYXRvckNsYXNzTmFtZX0gLz5cbiAgICAgIDwvU3R5bGVkTGk+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBkcmF3SXRlbXMgPSAoe1xuICAgIHNlcGFyYXRvclZhbHVlczogeyBtaW5XaWR0aCwgbWF4V2lkdGgsIGdldENvbG9yLCBoZWlnaHQgfSxcbiAgICBzdGVwVmFsdWVzOiB7IG1pblNpemUsIG1heFNpemUsIFN0ZXBDb21wb25lbnQgfSxcbiAgfTogYW55KSA9PiB7XG4gICAgY29uc3QgaXRlbXMgPSBzdGVwcy5yZWR1Y2UoXG4gICAgICAoYWNjLCB7IHN0YXRlLCB0aXRsZSwgc2VwYXJhdG9yQ2xhc3NOYW1lLCAuLi5wcm9wcyB9LCBpbmRleCk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclNpemUgPSBzdGF0ZSA9PT0gXCJDdXJyZW50XCIgPyBtYXhTaXplIDogbWluU2l6ZTtcbiAgICAgICAgY29uc3QgU3RlcENvbnRhaW5lciA9IHN0eWxlZExpKGNvbnRhaW5lclNpemUpO1xuICAgICAgICBjb25zdCBTdGVwID0gc3R5bGVkRGl2KE1hdGgubWF4KGNvbnRhaW5lclNpemUsIDMwKSk7XG4gICAgICAgIGNvbnN0IHN0ZXBQcm9wcyA9IHtcbiAgICAgICAgICAuLi57XG4gICAgICAgICAgICBzaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHN0ZXBFbGVtZW50ID0gKFxuICAgICAgICAgIDxTdGVwQ29udGFpbmVyIGtleT17YHN0ZXAtJHt0aXRsZX1gfSBjbGFzc05hbWU9e2NsYXNzZXMubGl9PlxuICAgICAgICAgICAge2hhc1RpdGxlcyA/IChcbiAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICBrZXk9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxIdlRvb2x0aXBcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgICAgICAgICAgIHRpdGxlPXs8SHZUeXBvZ3JhcGh5PntgJHtpbmRleCArIDF9LiAke3RpdGxlfWB9PC9IdlR5cG9ncmFwaHk+fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc3RlcC1jb250YWluZXItJHt0aXRsZX1gfT5cbiAgICAgICAgICAgICAgICAgIDxTdGVwIGNsYXNzTmFtZT17Y2xhc3Nlcy5saX0+XG4gICAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0ZXA+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvSHZUb29sdGlwPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0ZXBDb250YWluZXI+XG4gICAgICAgICk7XG4gICAgICAgIGlmIChpbmRleCA8IHN0ZXBzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICBjb25zdCBzZXBhcmF0b3JFbGVtZW50ID0gc3R5bGVkU2VwYXJhdG9yRWxlbWVudChcbiAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgW3N0ZXBzW2luZGV4ICsgMV0uc3RhdGUsIHN0YXRlXS5pbmNsdWRlcyhcIkN1cnJlbnRcIilcbiAgICAgICAgICAgICAgPyBtaW5XaWR0aFxuICAgICAgICAgICAgICA6IG1heFdpZHRoLFxuICAgICAgICAgICAgZ2V0Q29sb3IoXG4gICAgICAgICAgICAgIHN0ZXBzW2luZGV4ICsgMV0uc3RhdGUgPT09IFwiRGlzYWJsZWRcIiA/IFwiRGlzYWJsZWRcIiA6IHN0YXRlLFxuICAgICAgICAgICAgICB0aGVtZVxuICAgICAgICAgICAgKVxuICAgICAgICAgICk7XG4gICAgICAgICAgcmV0dXJuIFsuLi5hY2MsIHN0ZXBFbGVtZW50LCBzZXBhcmF0b3JFbGVtZW50XTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnRdO1xuICAgICAgfSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIHJldHVybiA8b2wgY2xhc3NOYW1lPXtjbGFzc2VzLm9sfT57aXRlbXN9PC9vbD47XG4gIH07XG5cbiAgY29uc3QgZ2V0RHluYW1pY1ZhbHVlcyA9IChzdGVwc1dpZHRoKSA9PiB7XG4gICAgY29uc3QgdGhlbWVCcmVha3BvaW50cyA9IGFjdGl2ZVRoZW1lPy5icmVha3BvaW50cy52YWx1ZXMgfHwge307XG4gICAgY29uc3QgbWF4V2lkdGggPVxuICAgICAgd2lkdGg/LlticmVha3BvaW50XSA/P1xuICAgICAgTWF0aC5tYXgoXG4gICAgICAgIE51bWJlcihoYXNUaXRsZXMpICogKFRJVExFX1dJRFRIICsgVElUTEVfTUFSR0lOKSAqIHN0ZXBzLmxlbmd0aCAtXG4gICAgICAgICAgVElUTEVfTUFSR0lOLFxuICAgICAgICBTRVBBUkFUT1JfV0lEVEggKiAoc3RlcHMubGVuZ3RoIC0gMSkgKyBzdGVwc1dpZHRoXG4gICAgICApO1xuICAgIGNvbnN0IG5leHQgPSBPYmplY3Qua2V5cyh0aGVtZUJyZWFrcG9pbnRzKS5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICAgIGluZGV4IC0gMSA+PSAwID8gc2VsZltpbmRleCAtIDFdID09PSBicmVha3BvaW50IDogZmFsc2VcbiAgICApO1xuICAgIGNvbnN0IG5hdldpZHRoID0gTWF0aC5taW4oXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG5leHQgPyB0aGVtZUJyZWFrcG9pbnRzW25leHRdIDogbWF4V2lkdGhcbiAgICApO1xuICAgIGNvbnN0IHRpdGxlV2lkdGggPVxuICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiBNYXRoLmNlaWwoKG5hdldpZHRoICsgVElUTEVfTUFSR0lOKSAvIHN0ZXBzLmxlbmd0aCk7XG4gICAgY29uc3Qgc2VwYXJhdG9yV2lkdGggPVxuICAgICAgTnVtYmVyKCFoYXNUaXRsZXMpICpcbiAgICAgIE1hdGguY2VpbCgobmF2V2lkdGggLSBzdGVwc1dpZHRoKSAvIChzdGVwcy5sZW5ndGggLSAxKSk7XG4gICAgcmV0dXJuIHsgd2lkdGg6IG5hdldpZHRoLCB0aXRsZVdpZHRoLCBzZXBhcmF0b3JXaWR0aCB9O1xuICB9O1xuXG4gIGNvbnN0IHN0eWxlZFRpdGxlID0gKFxuICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgIHZhcmlhbnQsXG4gICAgdGl0bGUsXG4gICAgdGl0bGVXaWR0aCxcbiAgICB0aXRsZURpc2FibGVkXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgd2lkdGg6IHRpdGxlV2lkdGggLSBUSVRMRV9NQVJHSU4sXG4gICAgICBtYXJnaW5SaWdodDogVElUTEVfTUFSR0lOLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaXRsZVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBjbGFzc05hbWU9e3RpdGxlQ2xhc3NOYW1lfVxuICAgICAgICBkaXNhYmxlZD17dGl0bGVEaXNhYmxlZH1cbiAgICAgICAga2V5PXtgdGl0bGUtJHt0aXRsZX1gfVxuICAgICAgPlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L1N0eWxlZFRpdGxlPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgZ2V0VGl0bGVzID0gKGdldFRpdGxlUHJvcHMpID0+XG4gICAgaGFzVGl0bGVzID8gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMudGl0bGVzfT5cbiAgICAgICAge3N0ZXBzLm1hcCgoeyB0aXRsZTogcmF3VGl0bGUsIHN0YXRlLCB0aXRsZUNsYXNzTmFtZSB9LCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHZhcmlhbnQgPSBcImxhYmVsXCIsXG4gICAgICAgICAgICB0aXRsZSA9IHJhd1RpdGxlLFxuICAgICAgICAgICAgdGl0bGVXaWR0aCA9IDAsXG4gICAgICAgICAgICB0aXRsZURpc2FibGVkID0gZmFsc2UsXG4gICAgICAgICAgfSA9IGdldFRpdGxlUHJvcHMoe1xuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICByYXdUaXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgIH0pO1xuICAgICAgICAgIGNvbnN0IFRpdGxlID0gc3R5bGVkVGl0bGUoXG4gICAgICAgICAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIHRpdGxlV2lkdGgsXG4gICAgICAgICAgICB0aXRsZURpc2FibGVkXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gVGl0bGU7XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgKSA6IG51bGw7XG5cbiAgY29uc3QgU3RlcE5hdmlnYXRpb24gPSB7XG4gICAgRGVmYXVsdDogSHZEZWZhdWx0TmF2aWdhdGlvbixcbiAgICBTaW1wbGU6IEh2U2ltcGxlTmF2aWdhdGlvbixcbiAgfVt0eXBlXTtcblxuICByZXR1cm4gKFxuICAgIDxTdGVwTmF2aWdhdGlvblxuICAgICAgey4uLntcbiAgICAgICAgbnVtU3RlcHM6IHN0ZXBzLmxlbmd0aCxcbiAgICAgICAgc3RlcFNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICBnZXRUaXRsZXMsXG4gICAgICAgIGdldER5bmFtaWNWYWx1ZXMsXG4gICAgICAgIGNsYXNzTmFtZTogY3goY2xhc3Nlcy5yb290LCBjbGFzc05hbWUpLFxuICAgICAgICAuLi5vdGhlcnMsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgIDxIdkJveFxuICAgICAgICAgIGNvbXBvbmVudD1cIm5hdlwiXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtkcmF3SXRlbXMoaXRlbXNQcm9wcyl9XG4gICAgICAgIDwvSHZCb3g+XG4gICAgICApfVxuICAgIDwvU3RlcE5hdmlnYXRpb24+XG4gICk7XG59O1xuIl19 */");
-    return /* @__PURE__ */ jsx(StyledLi, {
+    const widthValue = separatorWidth - 2 * Number(((activeTheme == null ? void 0 : activeTheme.stepNavigation.separatorMargin) || "0px").replace("px", ""));
+    return /* @__PURE__ */ jsx("li", {
       "aria-hidden": true,
-      className: classes.separator,
+      className: cx(css({
+        height: separatorHeight,
+        width: widthValue,
+        backgroundColor,
+        margin: `0 ${theme.stepNavigation.separatorMargin}`
+      }), classes.separator),
       children: /* @__PURE__ */ jsx("div", {
         "aria-label": `separator-${title}`,
         className: separatorClassName
@@ -143,24 +139,6 @@ const HvStepNavigation = ({
       separatorWidth
     };
   };
-  const styledTitle = (titleClassName, variant, title, titleWidth, titleDisabled) => {
-    const StyledTitle = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-      target: "e1wrrltm0"
-    } : {
-      target: "e1wrrltm0",
-      label: "StyledTitle"
-    })({
-      textAlign: "center",
-      width: titleWidth - TITLE_MARGIN,
-      marginRight: TITLE_MARGIN
-    }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd093QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9sYWIvc3JjL2NvbXBvbmVudHMvU3RlcE5hdmlnYXRpb24vU3RlcE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZVByb3BzLFxuICBIdkJyZWFrcG9pbnRzLFxuICB1c2VUaGVtZSxcbiAgdXNlV2lkdGgsXG4gIEh2Qm94LFxuICBIdlRvb2x0aXAsXG4gIEh2VHlwb2dyYXBoeSxcbiAgRXh0cmFjdE5hbWVzLFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcblxuaW1wb3J0IHsgSHZEZWZhdWx0TmF2aWdhdGlvbiwgSHZTdGVwUHJvcHMgfSBmcm9tIFwiLi9EZWZhdWx0TmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgSHZTaW1wbGVOYXZpZ2F0aW9uIH0gZnJvbSBcIi4vU2ltcGxlTmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgU0VQQVJBVE9SX1dJRFRILCBUSVRMRV9NQVJHSU4sIFRJVExFX1dJRFRIIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCB7IHN0YXRpY0NsYXNzZXMsIHVzZUNsYXNzZXMgfSBmcm9tIFwiLi9TdGVwTmF2aWdhdGlvbi5zdHlsZXNcIjtcblxuZXhwb3J0IHsgc3RhdGljQ2xhc3NlcyBhcyBzdGVwTmF2aWdhdGlvbkNsYXNzZXMgfTtcblxuZXhwb3J0IHR5cGUgSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXMgPSBFeHRyYWN0TmFtZXM8dHlwZW9mIHVzZUNsYXNzZXM+O1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U3RlcE5hdmlnYXRpb25Qcm9wcyBleHRlbmRzIEh2QmFzZVByb3BzIHtcbiAgLyoqIFR5cGUgb2Ygc3RlcCBuYXZpZ2F0aW9uLiBWYWx1ZXMgPSB7XCJTaW1wbGVcIiwgXCJEZWZhdWx0XCJ9ICovXG4gIHR5cGU/OiBcIlNpbXBsZVwiIHwgXCJEZWZhdWx0XCI7XG4gIC8qKiBTdGVwcyB0byBzaG93IG9uIHRoZSBjb21wb25lbnQuICovXG4gIHN0ZXBzOiBBcnJheTxcbiAgICBQaWNrPFxuICAgICAgSHZTdGVwUHJvcHMsXG4gICAgICBcInN0YXRlXCIgfCBcInRpdGxlXCIgfCBcIm9uQ2xpY2tcIiB8IFwiY2xhc3NOYW1lXCIgfCBcImRpc2FibGVkXCJcbiAgICA+ICYge1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgc2VwYXJhdG9yIGNvbXBvbmVudCBhZnRlciB0aGUgc3RlcC4gKi9cbiAgICAgIHNlcGFyYXRvckNsYXNzTmFtZT86IHN0cmluZztcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHRpdGxlIGNvbXBvbmVudCBhYm92ZSB0aGUgc3RlcC4gKi9cbiAgICAgIHRpdGxlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIH1cbiAgPjtcbiAgLyoqIFNldHMgb25lIG9mIHRoZSBzdGFuZGFyZCBzaXplcyBvZiB0aGUgc3RlcHMuICovXG4gIHN0ZXBTaXplPzogXCJ4c1wiIHwgXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiO1xuICAvKiogV2lkdGggb2YgdGhlIGNvbXBvbmVudCBlbGVtZW50IG9uIGVhY2ggYnJlYWtwb2ludCBzY3JlZW4gcmVzb2x1dGlvbi4gKi9cbiAgd2lkdGg/OiB7IFticmVha3BvaW50IGluIEh2QnJlYWtwb2ludHNdPzogbnVtYmVyIH07XG4gIC8qKiBEZWZpbmVzIGVpdGhlciBzaG93IGEgdGl0bGUgb3Igb25seSBhIHRvb2x0aXAgb24gZWFjaCBzdGVwIGNvbXBvbmVudC4gKi9cbiAgc2hvd1RpdGxlcz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBTdGVwTmF2aWdhdGlvbi4gKi9cbiAgY2xhc3Nlcz86IEh2U3RlcE5hdmlnYXRpb25DbGFzc2VzO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gcGFnZSB3aXRoIHN0ZXBzLlxuICpcbiAqIFlvdSBuZWVkIHRvIGRlZmluZSB0aGUgPGI+c3RlcHM8Yi8+IGRpc3BsYXllZCBvbiB0aGUgY29tcG9uZW50IHNvIHRoYXQgaXRzZWxmIGNhbiBiZSBkcmF3biBvbiB0aGUgVUkuXG4gKiBPbiBlYWNoIHN0ZXAsIHlvdSBuZWVkIHRvIGRlZmluZSBhIDxiPnN0YXRlPC9iPiAtICdQZW5kaW5nJywgJ0ZhaWxlZCcsICdDb21wbGV0ZWQnLCAnQ3VycmVudCcsICdEaXNhYmxlZCcgLVxuICogYW5kIGEgPGI+dGl0bGU8L2I+IHRvIGJlIHNob3duIGFzIGEgdG9vbHRpcCBvciBhIHRleHQgYWJvdmUgb2YgdGhlIHN0ZXAuIFlvdSBjYW4gYWxzbzpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPiBvbiBlYWNoIHN0ZXAgZWxlbWVudDtcbiAqICogRGVmaW5lIGEgPGI+c2VwYXJhdG9yQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgc2VwYXJhdG9yIGVsZW1lbnQuIFRoZSBkZWZhdWx0IGhlaWdodFxuICogdmFsdWVzIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCBhcmUgMnB4LzNweCBvbiAnU2ltcGxlJy8nRGVmYXVsdCcgbGF5b3V0cyByZXNwZWN0aXZlbHk7XG4gKiAqIERlZmluZSBhIDxiPnRpdGxlQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgdGl0bGUgYWJvdmUgZWFjaCBzdGVwIGVsZW1lbnQuXG4gKlxuICogRm9yIHRoZSByb290IGVsZW1lbnQsIHlvdSBjYW46XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj47XG4gKiAqIENob29zZSBhIDxiPnR5cGU8L2I+IG9mIGxheW91dDogJ1NpbXBsZScgb3IgJ0RlZmF1bHQnO1xuICogKiBDaG9vc2UgdGhlIDxiPnN0ZXBTaXplPC9iPiBvZiB0aGUgc3RlcCBjb21wb25lbnQ6IFwieHNcIiwgXCJzbVwiLCBcIm1kXCIsIFwibGdcIiwgXCJ4bFwiLiBUaGUgZGVmYXVsdCBzaXplIHdpbGwgYmVcbiAqIGNvcnJlc3BvbmRlbnQgdG8gdGhlIGN1cnJlbnQgbWVkaWEgYnJlYWtwb2ludDtcbiAqICogQ2hvb3NlIGVpdGhlciB5b3Ugd2FudCB0byA8Yj5zaG93VGl0bGVzPC9iPiBuZWFyIHRvIGVhY2ggc3RlcCBjb21wb25lbnQgb3IgYSB0b29sdGlwIG9uIGhvdmVyO1xuICogKiBEZWZpbmUgYSA8Yj53aWR0aDwvYj4gb2YgdGhlIGNvbXBvbmVudC4gSWYgeW91IGRvbid0IGRlZmluZSBhbnkgdmFsdWUgYW5kIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgbm8gdGl0bGVcbiAqIGRpc3BsYXllZCBhYm92ZSwgdGhlIHdpZHRoIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCB3aWxsIGJlIDEwMHB4LlxuICogSWYgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyB0aXRsZXMsIGVhY2ggb25lIHdpbGwgaGF2ZSAyMTVweCBvZiB3aWR0aCBieSBkZWZhdWx0LlxuICovXG5leHBvcnQgY29uc3QgSHZTdGVwTmF2aWdhdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2xhc3NlczogY2xhc3Nlc1Byb3AsXG4gIHdpZHRoLFxuICBzdGVwcyxcbiAgc3RlcFNpemUsXG4gIHNob3dUaXRsZXMsXG4gIHR5cGUgPSBcIkRlZmF1bHRcIixcbiAgLi4ub3RoZXJzXG59OiBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc2VzLCBjeCB9ID0gdXNlQ2xhc3NlcyhjbGFzc2VzUHJvcCk7XG5cbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAvLyBjdXJyZW50IGJyZWFrcG9pbnQgJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCdcbiAgY29uc3QgYnJlYWtwb2ludCA9IHVzZVdpZHRoKCk7XG4gIC8vIHN0ZXAgY29uZmlndXJhdGlvbnNcbiAgY29uc3Qgc3RlcFNpemVLZXkgPVxuICAgIHN0ZXBTaXplID8/IChbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpID8gXCJzbVwiIDogXCJtZFwiKTtcbiAgY29uc3QgaGFzVGl0bGVzID0gc2hvd1RpdGxlcyA/PyAhW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KTtcblxuICBjb25zdCBzdHlsZWRMaSA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImxpXCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZERpdiA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImRpdlwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWRTZXBhcmF0b3JFbGVtZW50ID0gKFxuICAgIHRpdGxlLFxuICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICBzZXBhcmF0b3JIZWlnaHQsXG4gICAgc2VwYXJhdG9yV2lkdGgsXG4gICAgYmFja2dyb3VuZENvbG9yXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZExpID0gc3R5bGVkKFwibGlcIikoe1xuICAgICAgaGVpZ2h0OiBzZXBhcmF0b3JIZWlnaHQsXG4gICAgICB3aWR0aDpcbiAgICAgICAgc2VwYXJhdG9yV2lkdGggLVxuICAgICAgICAyICpcbiAgICAgICAgICBOdW1iZXIoXG4gICAgICAgICAgICAoYWN0aXZlVGhlbWU/LnN0ZXBOYXZpZ2F0aW9uLnNlcGFyYXRvck1hcmdpbiB8fCBcIjBweFwiKS5yZXBsYWNlKFxuICAgICAgICAgICAgICBcInB4XCIsXG4gICAgICAgICAgICAgIFwiXCJcbiAgICAgICAgICAgIClcbiAgICAgICAgICApLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgbWFyZ2luOiBgMCAke3RoZW1lLnN0ZXBOYXZpZ2F0aW9uLnNlcGFyYXRvck1hcmdpbn1gLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaVxuICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICBrZXk9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzZXMuc2VwYXJhdG9yfVxuICAgICAgPlxuICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfSBjbGFzc05hbWU9e3NlcGFyYXRvckNsYXNzTmFtZX0gLz5cbiAgICAgIDwvU3R5bGVkTGk+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBkcmF3SXRlbXMgPSAoe1xuICAgIHNlcGFyYXRvclZhbHVlczogeyBtaW5XaWR0aCwgbWF4V2lkdGgsIGdldENvbG9yLCBoZWlnaHQgfSxcbiAgICBzdGVwVmFsdWVzOiB7IG1pblNpemUsIG1heFNpemUsIFN0ZXBDb21wb25lbnQgfSxcbiAgfTogYW55KSA9PiB7XG4gICAgY29uc3QgaXRlbXMgPSBzdGVwcy5yZWR1Y2UoXG4gICAgICAoYWNjLCB7IHN0YXRlLCB0aXRsZSwgc2VwYXJhdG9yQ2xhc3NOYW1lLCAuLi5wcm9wcyB9LCBpbmRleCk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclNpemUgPSBzdGF0ZSA9PT0gXCJDdXJyZW50XCIgPyBtYXhTaXplIDogbWluU2l6ZTtcbiAgICAgICAgY29uc3QgU3RlcENvbnRhaW5lciA9IHN0eWxlZExpKGNvbnRhaW5lclNpemUpO1xuICAgICAgICBjb25zdCBTdGVwID0gc3R5bGVkRGl2KE1hdGgubWF4KGNvbnRhaW5lclNpemUsIDMwKSk7XG4gICAgICAgIGNvbnN0IHN0ZXBQcm9wcyA9IHtcbiAgICAgICAgICAuLi57XG4gICAgICAgICAgICBzaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHN0ZXBFbGVtZW50ID0gKFxuICAgICAgICAgIDxTdGVwQ29udGFpbmVyIGtleT17YHN0ZXAtJHt0aXRsZX1gfSBjbGFzc05hbWU9e2NsYXNzZXMubGl9PlxuICAgICAgICAgICAge2hhc1RpdGxlcyA/IChcbiAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICBrZXk9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgIDxIdlRvb2x0aXBcbiAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9XCJib3R0b21cIlxuICAgICAgICAgICAgICAgIHRpdGxlPXs8SHZUeXBvZ3JhcGh5PntgJHtpbmRleCArIDF9LiAke3RpdGxlfWB9PC9IdlR5cG9ncmFwaHk+fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc3RlcC1jb250YWluZXItJHt0aXRsZX1gfT5cbiAgICAgICAgICAgICAgICAgIDxTdGVwIGNsYXNzTmFtZT17Y2xhc3Nlcy5saX0+XG4gICAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0ZXA+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvSHZUb29sdGlwPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0ZXBDb250YWluZXI+XG4gICAgICAgICk7XG4gICAgICAgIGlmIChpbmRleCA8IHN0ZXBzLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICBjb25zdCBzZXBhcmF0b3JFbGVtZW50ID0gc3R5bGVkU2VwYXJhdG9yRWxlbWVudChcbiAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgW3N0ZXBzW2luZGV4ICsgMV0uc3RhdGUsIHN0YXRlXS5pbmNsdWRlcyhcIkN1cnJlbnRcIilcbiAgICAgICAgICAgICAgPyBtaW5XaWR0aFxuICAgICAgICAgICAgICA6IG1heFdpZHRoLFxuICAgICAgICAgICAgZ2V0Q29sb3IoXG4gICAgICAgICAgICAgIHN0ZXBzW2luZGV4ICsgMV0uc3RhdGUgPT09IFwiRGlzYWJsZWRcIiA/IFwiRGlzYWJsZWRcIiA6IHN0YXRlLFxuICAgICAgICAgICAgICB0aGVtZVxuICAgICAgICAgICAgKVxuICAgICAgICAgICk7XG4gICAgICAgICAgcmV0dXJuIFsuLi5hY2MsIHN0ZXBFbGVtZW50LCBzZXBhcmF0b3JFbGVtZW50XTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnRdO1xuICAgICAgfSxcbiAgICAgIFtdXG4gICAgKTtcblxuICAgIHJldHVybiA8b2wgY2xhc3NOYW1lPXtjbGFzc2VzLm9sfT57aXRlbXN9PC9vbD47XG4gIH07XG5cbiAgY29uc3QgZ2V0RHluYW1pY1ZhbHVlcyA9IChzdGVwc1dpZHRoKSA9PiB7XG4gICAgY29uc3QgdGhlbWVCcmVha3BvaW50cyA9IGFjdGl2ZVRoZW1lPy5icmVha3BvaW50cy52YWx1ZXMgfHwge307XG4gICAgY29uc3QgbWF4V2lkdGggPVxuICAgICAgd2lkdGg/LlticmVha3BvaW50XSA/P1xuICAgICAgTWF0aC5tYXgoXG4gICAgICAgIE51bWJlcihoYXNUaXRsZXMpICogKFRJVExFX1dJRFRIICsgVElUTEVfTUFSR0lOKSAqIHN0ZXBzLmxlbmd0aCAtXG4gICAgICAgICAgVElUTEVfTUFSR0lOLFxuICAgICAgICBTRVBBUkFUT1JfV0lEVEggKiAoc3RlcHMubGVuZ3RoIC0gMSkgKyBzdGVwc1dpZHRoXG4gICAgICApO1xuICAgIGNvbnN0IG5leHQgPSBPYmplY3Qua2V5cyh0aGVtZUJyZWFrcG9pbnRzKS5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICAgIGluZGV4IC0gMSA+PSAwID8gc2VsZltpbmRleCAtIDFdID09PSBicmVha3BvaW50IDogZmFsc2VcbiAgICApO1xuICAgIGNvbnN0IG5hdldpZHRoID0gTWF0aC5taW4oXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIG5leHQgPyB0aGVtZUJyZWFrcG9pbnRzW25leHRdIDogbWF4V2lkdGhcbiAgICApO1xuICAgIGNvbnN0IHRpdGxlV2lkdGggPVxuICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiBNYXRoLmNlaWwoKG5hdldpZHRoICsgVElUTEVfTUFSR0lOKSAvIHN0ZXBzLmxlbmd0aCk7XG4gICAgY29uc3Qgc2VwYXJhdG9yV2lkdGggPVxuICAgICAgTnVtYmVyKCFoYXNUaXRsZXMpICpcbiAgICAgIE1hdGguY2VpbCgobmF2V2lkdGggLSBzdGVwc1dpZHRoKSAvIChzdGVwcy5sZW5ndGggLSAxKSk7XG4gICAgcmV0dXJuIHsgd2lkdGg6IG5hdldpZHRoLCB0aXRsZVdpZHRoLCBzZXBhcmF0b3JXaWR0aCB9O1xuICB9O1xuXG4gIGNvbnN0IHN0eWxlZFRpdGxlID0gKFxuICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgIHZhcmlhbnQsXG4gICAgdGl0bGUsXG4gICAgdGl0bGVXaWR0aCxcbiAgICB0aXRsZURpc2FibGVkXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICAgICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgICAgd2lkdGg6IHRpdGxlV2lkdGggLSBUSVRMRV9NQVJHSU4sXG4gICAgICBtYXJnaW5SaWdodDogVElUTEVfTUFSR0lOLFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUaXRsZVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBjbGFzc05hbWU9e3RpdGxlQ2xhc3NOYW1lfVxuICAgICAgICBkaXNhYmxlZD17dGl0bGVEaXNhYmxlZH1cbiAgICAgICAga2V5PXtgdGl0bGUtJHt0aXRsZX1gfVxuICAgICAgPlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L1N0eWxlZFRpdGxlPlxuICAgICk7XG4gIH07XG5cbiAgY29uc3QgZ2V0VGl0bGVzID0gKGdldFRpdGxlUHJvcHMpID0+XG4gICAgaGFzVGl0bGVzID8gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzZXMudGl0bGVzfT5cbiAgICAgICAge3N0ZXBzLm1hcCgoeyB0aXRsZTogcmF3VGl0bGUsIHN0YXRlLCB0aXRsZUNsYXNzTmFtZSB9LCBpbmRleCkgPT4ge1xuICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgIHZhcmlhbnQgPSBcImxhYmVsXCIsXG4gICAgICAgICAgICB0aXRsZSA9IHJhd1RpdGxlLFxuICAgICAgICAgICAgdGl0bGVXaWR0aCA9IDAsXG4gICAgICAgICAgICB0aXRsZURpc2FibGVkID0gZmFsc2UsXG4gICAgICAgICAgfSA9IGdldFRpdGxlUHJvcHMoe1xuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICByYXdUaXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgIH0pO1xuICAgICAgICAgIGNvbnN0IFRpdGxlID0gc3R5bGVkVGl0bGUoXG4gICAgICAgICAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIHRpdGxlV2lkdGgsXG4gICAgICAgICAgICB0aXRsZURpc2FibGVkXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gVGl0bGU7XG4gICAgICAgIH0pfVxuICAgICAgPC9kaXY+XG4gICAgKSA6IG51bGw7XG5cbiAgY29uc3QgU3RlcE5hdmlnYXRpb24gPSB7XG4gICAgRGVmYXVsdDogSHZEZWZhdWx0TmF2aWdhdGlvbixcbiAgICBTaW1wbGU6IEh2U2ltcGxlTmF2aWdhdGlvbixcbiAgfVt0eXBlXTtcblxuICByZXR1cm4gKFxuICAgIDxTdGVwTmF2aWdhdGlvblxuICAgICAgey4uLntcbiAgICAgICAgbnVtU3RlcHM6IHN0ZXBzLmxlbmd0aCxcbiAgICAgICAgc3RlcFNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICBnZXRUaXRsZXMsXG4gICAgICAgIGdldER5bmFtaWNWYWx1ZXMsXG4gICAgICAgIGNsYXNzTmFtZTogY3goY2xhc3Nlcy5yb290LCBjbGFzc05hbWUpLFxuICAgICAgICAuLi5vdGhlcnMsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgIDxIdkJveFxuICAgICAgICAgIGNvbXBvbmVudD1cIm5hdlwiXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtkcmF3SXRlbXMoaXRlbXNQcm9wcyl9XG4gICAgICAgIDwvSHZCb3g+XG4gICAgICApfVxuICAgIDwvU3RlcE5hdmlnYXRpb24+XG4gICk7XG59O1xuIl19 */");
-    return /* @__PURE__ */ jsx(StyledTitle, {
-      variant,
-      className: titleClassName,
-      disabled: titleDisabled,
-      children: title
-    }, `title-${title}`);
-  };
   const getTitles = (getTitleProps) => hasTitles ? /* @__PURE__ */ jsx("div", {
     className: classes.titles,
     children: steps.map(({
@@ -178,8 +156,16 @@ const HvStepNavigation = ({
         rawTitle,
         number: index + 1
       });
-      const Title = styledTitle(titleClassName, variant, title, titleWidth, titleDisabled);
-      return Title;
+      return /* @__PURE__ */ jsx(HvTypography, {
+        variant,
+        className: cx(css({
+          textAlign: "center",
+          width: titleWidth - TITLE_MARGIN,
+          marginRight: TITLE_MARGIN
+        }), titleClassName),
+        disabled: titleDisabled,
+        children: title
+      }, title);
     })
   }) : null;
   const StepNavigation = {

package/dist/esm/components/StepNavigation/StepNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepNavigation.js","sources":["../../../../src/components/StepNavigation/StepNavigation.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseProps,\n  HvBreakpoints,\n  useTheme,\n  useWidth,\n  HvBox,\n  HvTooltip,\n  HvTypography,\n  ExtractNames,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvDefaultNavigation, HvStepProps } from \"./DefaultNavigation\";\nimport { HvSimpleNavigation } from \"./SimpleNavigation\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\nimport { staticClasses, useClasses } from \"./StepNavigation.styles\";\n\nexport { staticClasses as stepNavigationClasses };\n\nexport type HvStepNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepNavigationProps extends HvBaseProps {\n  /** Type of step navigation. Values = {\"Simple\", \"Default\"} */\n  type?: \"Simple\" | \"Default\";\n  /** Steps to show on the component. */\n  steps: Array<\n    Pick<\n      HvStepProps,\n      \"state\" | \"title\" | \"onClick\" | \"className\" | \"disabled\"\n    > & {\n      /** Class names to override styles on the separator component after the step. */\n      separatorClassName?: string;\n      /** Class names to override styles on the title component above the step. */\n      titleClassName?: string;\n    }\n  >;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Width of the component element on each breakpoint screen resolution. */\n  width?: { [breakpoint in HvBreakpoints]?: number };\n  /** Defines either show a title or only a tooltip on each step component. */\n  showTitles?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepNavigationClasses;\n}\n\n/**\n * Navigation page with steps.\n *\n * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.\n * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -\n * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:\n * * Define a <b>className</b> on each step element;\n * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height\n * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;\n * * Define a <b>titleClassName</b> to specify a className for the title above each step element.\n *\n * For the root element, you can:\n * * Define a <b>className</b>;\n * * Choose a <b>type</b> of layout: 'Simple' or 'Default';\n * * Choose the <b>stepSize</b> of the step component: \"xs\", \"sm\", \"md\", \"lg\", \"xl\". The default size will be\n * correspondent to the current media breakpoint;\n * * Choose either you want to <b>showTitles</b> near to each step component or a tooltip on hover;\n * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title\n * displayed above, the width of the separator element will be 100px.\n * If the step component has titles, each one will have 215px of width by default.\n */\nexport const HvStepNavigation = ({\n  className,\n  classes: classesProp,\n  width,\n  steps,\n  stepSize,\n  showTitles,\n  type = \"Default\",\n  ...others\n}: HvStepNavigationProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { activeTheme } = useTheme();\n\n  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  const breakpoint = useWidth();\n  // step configurations\n  const stepSizeKey =\n    stepSize ?? ([\"xs\", \"sm\"].includes(breakpoint) ? \"sm\" : \"md\");\n  const hasTitles = showTitles ?? ![\"xs\", \"sm\"].includes(breakpoint);\n\n  const styledLi = (containerSize) =>\n    styled(\"li\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledDiv = (containerSize) =>\n    styled(\"div\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledSeparatorElement = (\n    title,\n    separatorClassName,\n    separatorHeight,\n    separatorWidth,\n    backgroundColor\n  ) => {\n    const StyledLi = styled(\"li\")({\n      height: separatorHeight,\n      width:\n        separatorWidth -\n        2 *\n          Number(\n            (activeTheme?.stepNavigation.separatorMargin || \"0px\").replace(\n              \"px\",\n              \"\"\n            )\n          ),\n      backgroundColor,\n      margin: `0 ${theme.stepNavigation.separatorMargin}`,\n    });\n\n    return (\n      <StyledLi\n        aria-hidden\n        key={`separator-${title}`}\n        className={classes.separator}\n      >\n        <div aria-label={`separator-${title}`} className={separatorClassName} />\n      </StyledLi>\n    );\n  };\n\n  const drawItems = ({\n    separatorValues: { minWidth, maxWidth, getColor, height },\n    stepValues: { minSize, maxSize, StepComponent },\n  }: any) => {\n    const items = steps.reduce(\n      (acc, { state, title, separatorClassName, ...props }, index): any => {\n        const containerSize = state === \"Current\" ? maxSize : minSize;\n        const StepContainer = styledLi(containerSize);\n        const Step = styledDiv(Math.max(containerSize, 30));\n        const stepProps = {\n          ...{\n            size: stepSizeKey,\n            state,\n            title,\n            number: index + 1,\n            ...props,\n          },\n        };\n        const stepElement = (\n          <StepContainer key={`step-${title}`} className={classes.li}>\n            {hasTitles ? (\n              <StepComponent\n                key={`step-${title}`}\n                aria-label={`step-${title}`}\n                {...stepProps}\n              />\n            ) : (\n              <HvTooltip\n                placement=\"bottom\"\n                title={<HvTypography>{`${index + 1}. ${title}`}</HvTypography>}\n              >\n                <div aria-label={`step-container-${title}`}>\n                  <Step className={classes.li}>\n                    <StepComponent\n                      aria-label={`step-${title}`}\n                      {...stepProps}\n                    />\n                  </Step>\n                </div>\n              </HvTooltip>\n            )}\n          </StepContainer>\n        );\n        if (index < steps.length - 1) {\n          const separatorElement = styledSeparatorElement(\n            title,\n            separatorClassName,\n            height,\n            [steps[index + 1].state, state].includes(\"Current\")\n              ? minWidth\n              : maxWidth,\n            getColor(\n              steps[index + 1].state === \"Disabled\" ? \"Disabled\" : state,\n              theme\n            )\n          );\n          return [...acc, stepElement, separatorElement];\n        }\n        return [...acc, stepElement];\n      },\n      []\n    );\n\n    return <ol className={classes.ol}>{items}</ol>;\n  };\n\n  const getDynamicValues = (stepsWidth) => {\n    const themeBreakpoints = activeTheme?.breakpoints.values || {};\n    const maxWidth =\n      width?.[breakpoint] ??\n      Math.max(\n        Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length -\n          TITLE_MARGIN,\n        SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth\n      );\n    const next = Object.keys(themeBreakpoints).find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n    const navWidth = Math.min(\n      maxWidth,\n      next ? themeBreakpoints[next] : maxWidth\n    );\n    const titleWidth =\n      Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);\n    const separatorWidth =\n      Number(!hasTitles) *\n      Math.ceil((navWidth - stepsWidth) / (steps.length - 1));\n    return { width: navWidth, titleWidth, separatorWidth };\n  };\n\n  const styledTitle = (\n    titleClassName,\n    variant,\n    title,\n    titleWidth,\n    titleDisabled\n  ) => {\n    const StyledTitle = styled(HvTypography)({\n      textAlign: \"center\",\n      width: titleWidth - TITLE_MARGIN,\n      marginRight: TITLE_MARGIN,\n    });\n\n    return (\n      <StyledTitle\n        variant={variant}\n        className={titleClassName}\n        disabled={titleDisabled}\n        key={`title-${title}`}\n      >\n        {title}\n      </StyledTitle>\n    );\n  };\n\n  const getTitles = (getTitleProps) =>\n    hasTitles ? (\n      <div className={classes.titles}>\n        {steps.map(({ title: rawTitle, state, titleClassName }, index) => {\n          const {\n            variant = \"label\",\n            title = rawTitle,\n            titleWidth = 0,\n            titleDisabled = false,\n          } = getTitleProps({\n            state,\n            rawTitle,\n            number: index + 1,\n          });\n          const Title = styledTitle(\n            titleClassName,\n            variant,\n            title,\n            titleWidth,\n            titleDisabled\n          );\n          return Title;\n        })}\n      </div>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <StepNavigation\n      {...{\n        numSteps: steps.length,\n        stepSize: stepSizeKey,\n        getTitles,\n        getDynamicValues,\n        className: cx(classes.root, className),\n        ...others,\n      }}\n    >\n      {({ stepsWidth, navWidth, ...itemsProps }) => (\n        <HvBox\n          component=\"nav\"\n          style={{\n            width: `${navWidth}px`,\n            margin: 0,\n          }}\n        >\n          {drawItems(itemsProps)}\n        </HvBox>\n      )}\n    </StepNavigation>\n  );\n};\n"],"names":["HvStepNavigation","className","classes","classesProp","width","steps","stepSize","showTitles","type","others","cx","useClasses","activeTheme","useTheme","breakpoint","useWidth","stepSizeKey","includes","hasTitles","styledLi","containerSize","_styled","process","env","NODE_ENV","target","label","height","styledDiv","styledSeparatorElement","title","separatorClassName","separatorHeight","separatorWidth","backgroundColor","StyledLi","Number","stepNavigation","separatorMargin","replace","margin","theme","separator","children","drawItems","separatorValues","minWidth","maxWidth","getColor","stepValues","minSize","maxSize","StepComponent","items","reduce","acc","state","props","index","StepContainer","Step","Math","max","stepProps","size","number","stepElement","li","_jsx","HvTooltip","placement","HvTypography","length","separatorElement","ol","getDynamicValues","stepsWidth","themeBreakpoints","breakpoints","values","TITLE_WIDTH","TITLE_MARGIN","SEPARATOR_WIDTH","next","Object","keys","find","_","self","navWidth","min","titleWidth","ceil","styledTitle","titleClassName","variant","titleDisabled","StyledTitle","textAlign","marginRight","disabled","getTitles","getTitleProps","titles","map","rawTitle","Title","StepNavigation","Default","HvDefaultNavigation","Simple","HvSimpleNavigation","numSteps","root","itemsProps","HvBox","component","style"],"mappings":"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"}
+{"version":3,"file":"StepNavigation.js","sources":["../../../../src/components/StepNavigation/StepNavigation.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseProps,\n  HvBreakpoints,\n  useTheme,\n  useWidth,\n  HvBox,\n  HvTooltip,\n  HvTypography,\n  ExtractNames,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport {\n  HvDefaultNavigation,\n  HvDefaultNavigationProps,\n  HvStepProps,\n} from \"./DefaultNavigation\";\nimport { HvSimpleNavigation } from \"./SimpleNavigation\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\nimport { staticClasses, useClasses } from \"./StepNavigation.styles\";\n\nexport { staticClasses as stepNavigationClasses };\n\nexport type HvStepNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepNavigationProps extends HvBaseProps {\n  /** Type of step navigation. Values = {\"Simple\", \"Default\"} */\n  type?: \"Simple\" | \"Default\";\n  /** Steps to show on the component. */\n  steps: Array<\n    Pick<\n      HvStepProps,\n      \"state\" | \"title\" | \"onClick\" | \"className\" | \"disabled\"\n    > & {\n      /** Class names to override styles on the separator component after the step. */\n      separatorClassName?: string;\n      /** Class names to override styles on the title component above the step. */\n      titleClassName?: string;\n    }\n  >;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Width of the component element on each breakpoint screen resolution. */\n  width?: { [breakpoint in HvBreakpoints]?: number };\n  /** Defines either show a title or only a tooltip on each step component. */\n  showTitles?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepNavigationClasses;\n}\n\n/**\n * Navigation page with steps.\n *\n * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.\n * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -\n * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:\n * * Define a <b>className</b> on each step element;\n * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height\n * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;\n * * Define a <b>titleClassName</b> to specify a className for the title above each step element.\n *\n * For the root element, you can:\n * * Define a <b>className</b>;\n * * Choose a <b>type</b> of layout: 'Simple' or 'Default';\n * * Choose the <b>stepSize</b> of the step component: \"xs\", \"sm\", \"md\", \"lg\", \"xl\". The default size will be\n * correspondent to the current media breakpoint;\n * * Choose either you want to <b>showTitles</b> near to each step component or a tooltip on hover;\n * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title\n * displayed above, the width of the separator element will be 100px.\n * If the step component has titles, each one will have 215px of width by default.\n */\nexport const HvStepNavigation = ({\n  className,\n  classes: classesProp,\n  width,\n  steps,\n  stepSize,\n  showTitles,\n  type = \"Default\",\n  ...others\n}: HvStepNavigationProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n\n  const { activeTheme } = useTheme();\n\n  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  const breakpoint = useWidth();\n  // step configurations\n  const stepSizeKey =\n    stepSize ?? ([\"xs\", \"sm\"].includes(breakpoint) ? \"sm\" : \"md\");\n  const hasTitles = showTitles ?? ![\"xs\", \"sm\"].includes(breakpoint);\n\n  const styledLi = (containerSize) =>\n    styled(\"li\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledDiv = (containerSize) =>\n    styled(\"div\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledSeparatorElement = (\n    title,\n    separatorClassName,\n    separatorHeight,\n    separatorWidth,\n    backgroundColor\n  ) => {\n    const widthValue =\n      separatorWidth -\n      2 *\n        Number(\n          (activeTheme?.stepNavigation.separatorMargin || \"0px\").replace(\n            \"px\",\n            \"\"\n          )\n        );\n\n    return (\n      <li\n        aria-hidden\n        key={`separator-${title}`}\n        className={cx(\n          css({\n            height: separatorHeight,\n            width: widthValue,\n            backgroundColor,\n            margin: `0 ${theme.stepNavigation.separatorMargin}`,\n          }),\n          classes.separator\n        )}\n      >\n        <div aria-label={`separator-${title}`} className={separatorClassName} />\n      </li>\n    );\n  };\n\n  const drawItems = ({\n    separatorValues: { minWidth, maxWidth, getColor, height },\n    stepValues: { minSize, maxSize, StepComponent },\n  }: any) => {\n    const items = steps.reduce<ReactNode[]>(\n      (acc, { state, title, separatorClassName, ...props }, index): any => {\n        const containerSize = state === \"Current\" ? maxSize : minSize;\n        const StepContainer = styledLi(containerSize);\n        const Step = styledDiv(Math.max(containerSize, 30));\n        const stepProps = {\n          ...{\n            size: stepSizeKey,\n            state,\n            title,\n            number: index + 1,\n            ...props,\n          },\n        };\n        const stepElement = (\n          <StepContainer key={`step-${title}`} className={classes.li}>\n            {hasTitles ? (\n              <StepComponent\n                key={`step-${title}`}\n                aria-label={`step-${title}`}\n                {...stepProps}\n              />\n            ) : (\n              <HvTooltip\n                placement=\"bottom\"\n                title={<HvTypography>{`${index + 1}. ${title}`}</HvTypography>}\n              >\n                <div aria-label={`step-container-${title}`}>\n                  <Step className={classes.li}>\n                    <StepComponent\n                      aria-label={`step-${title}`}\n                      {...stepProps}\n                    />\n                  </Step>\n                </div>\n              </HvTooltip>\n            )}\n          </StepContainer>\n        );\n        if (index < steps.length - 1) {\n          const separatorElement = styledSeparatorElement(\n            title,\n            separatorClassName,\n            height,\n            [steps[index + 1].state, state].includes(\"Current\")\n              ? minWidth\n              : maxWidth,\n            getColor(\n              steps[index + 1].state === \"Disabled\" ? \"Disabled\" : state,\n              theme\n            )\n          );\n          return [...acc, stepElement, separatorElement];\n        }\n        return [...acc, stepElement];\n      },\n      []\n    );\n\n    return <ol className={classes.ol}>{items}</ol>;\n  };\n\n  const getDynamicValues: HvDefaultNavigationProps[\"getDynamicValues\"] = (\n    stepsWidth\n  ) => {\n    const themeBreakpoints = activeTheme?.breakpoints.values || {};\n    const maxWidth =\n      width?.[breakpoint] ??\n      Math.max(\n        Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length -\n          TITLE_MARGIN,\n        SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth\n      );\n    const next = Object.keys(themeBreakpoints).find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n    const navWidth = Math.min(\n      maxWidth,\n      next ? themeBreakpoints[next] : maxWidth\n    );\n    const titleWidth =\n      Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);\n    const separatorWidth =\n      Number(!hasTitles) *\n      Math.ceil((navWidth - stepsWidth) / (steps.length - 1));\n    return { width: navWidth, titleWidth, separatorWidth };\n  };\n\n  const getTitles = (getTitleProps) =>\n    hasTitles ? (\n      <div className={classes.titles}>\n        {steps.map(({ title: rawTitle, state, titleClassName }, index) => {\n          const {\n            variant = \"label\",\n            title = rawTitle,\n            titleWidth = 0,\n            titleDisabled = false,\n          } = getTitleProps({\n            state,\n            rawTitle,\n            number: index + 1,\n          });\n\n          return (\n            <HvTypography\n              variant={variant}\n              className={cx(\n                css({\n                  textAlign: \"center\",\n                  width: titleWidth - TITLE_MARGIN,\n                  marginRight: TITLE_MARGIN,\n                }),\n                titleClassName\n              )}\n              disabled={titleDisabled}\n              key={title}\n            >\n              {title}\n            </HvTypography>\n          );\n        })}\n      </div>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <StepNavigation\n      numSteps={steps.length}\n      stepSize={stepSizeKey}\n      getTitles={getTitles}\n      getDynamicValues={getDynamicValues}\n      className={cx(classes.root, className)}\n      {...others}\n    >\n      {({ stepsWidth, navWidth, ...itemsProps }) => (\n        <HvBox\n          component=\"nav\"\n          style={{\n            width: `${navWidth}px`,\n            margin: 0,\n          }}\n        >\n          {drawItems(itemsProps)}\n        </HvBox>\n      )}\n    </StepNavigation>\n  );\n};\n"],"names":["HvStepNavigation","className","classes","classesProp","width","steps","stepSize","showTitles","type","others","css","cx","useClasses","activeTheme","useTheme","breakpoint","useWidth","stepSizeKey","includes","hasTitles","styledLi","containerSize","_styled","process","env","NODE_ENV","target","label","height","styledDiv","styledSeparatorElement","title","separatorClassName","separatorHeight","separatorWidth","backgroundColor","widthValue","Number","stepNavigation","separatorMargin","replace","margin","theme","separator","children","drawItems","separatorValues","minWidth","maxWidth","getColor","stepValues","minSize","maxSize","StepComponent","items","reduce","acc","state","props","index","StepContainer","Step","Math","max","stepProps","size","number","stepElement","li","_jsx","HvTooltip","placement","HvTypography","length","separatorElement","ol","getDynamicValues","stepsWidth","themeBreakpoints","breakpoints","values","TITLE_WIDTH","TITLE_MARGIN","SEPARATOR_WIDTH","next","Object","keys","find","_","self","navWidth","min","titleWidth","ceil","getTitles","getTitleProps","titles","map","rawTitle","titleClassName","variant","titleDisabled","textAlign","marginRight","disabled","StepNavigation","Default","HvDefaultNavigation","Simple","HvSimpleNavigation","numSteps","root","itemsProps","HvBox","component","style"],"mappings":"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"}

package/dist/esm/components/Wizard/WizardActions/WizardActions.js

@@ -1,5 +1,5 @@
 import { useContext, useState, useEffect, useCallback } from "react";
-import { HvDialogActions, HvGrid, HvButton } from "@hitachivantara/uikit-react-core";
+import { HvDialogActions, HvButton } from "@hitachivantara/uikit-react-core";
 import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
 import { useClasses } from "./WizardActions.styles.js";
 import { staticClasses } from "./WizardActions.styles.js";
@@ -22,6 +22,7 @@ const HvWizardActions = ({
   var _a;
   const {
     classes,
+    css,
     cx
   } = useClasses(classesProp);
   const {
@@ -57,20 +58,24 @@ const HvWizardActions = ({
   const handleSubmitInternal = useCallback(() => handleSubmit(context), [handleSubmit, context]);
   return /* @__PURE__ */ jsxs(HvDialogActions, {
     className: classes.actionsContainer,
-    children: [/* @__PURE__ */ jsxs(HvGrid, {
-      children: [/* @__PURE__ */ jsx(HvButton, {
-        variant: "secondaryGhost",
-        onClick: handleClose,
-        className: classes.buttonWidth,
-        children: `${labels.cancel ?? "Cancel"}`
-      }), skippable && /* @__PURE__ */ jsx(HvButton, {
-        variant: "secondaryGhost",
-        disabled: isLastPage,
-        className: classes.buttonWidth,
-        onClick: handleSkip,
-        children: `${labels.skip ?? "Skip"}`
-      })]
-    }), /* @__PURE__ */ jsxs(HvGrid, {
+    children: [/* @__PURE__ */ jsx(HvButton, {
+      variant: "secondaryGhost",
+      onClick: handleClose,
+      className: classes.buttonWidth,
+      children: `${labels.cancel ?? "Cancel"}`
+    }), skippable && /* @__PURE__ */ jsx(HvButton, {
+      variant: "secondaryGhost",
+      disabled: isLastPage,
+      className: classes.buttonWidth,
+      onClick: handleSkip,
+      children: `${labels.skip ?? "Skip"}`
+    }), /* @__PURE__ */ jsx("div", {
+      "aria-hidden": true,
+      className: css({
+        flex: 1
+      }),
+      children: " "
+    }), /* @__PURE__ */ jsxs("div", {
       className: classes.buttonsContainer,
       children: [/* @__PURE__ */ jsx(HvButton, {
         variant: "secondaryGhost",

package/dist/esm/components/Wizard/WizardActions/WizardActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardActions.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n  HvGrid,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvWizardContext, HvWizardTabs } from \"../WizardContext\";\nimport { staticClasses, useClasses } from \"./WizardActions.styles\";\n\nexport { staticClasses as wizardActionsClasses };\n\nexport type HvWizardActionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardActionsProps extends HvBaseProps {\n  /** Function to handle the cancel button. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Function to handle the submit button. Also sends the current context state. */\n  handleSubmit: (context: any) => void;\n  /** An object containing all the labels for the wizard actions component. */\n  labels?: {\n    /** Cancel button label. */\n    cancel?: string;\n    /** Skip button label. */\n    skip?: string;\n    /** Previous button label. */\n    previous?: string;\n    /** Next button label. */\n    next?: string;\n    /** Submit button label. */\n    submit?: string;\n  };\n  /** Whether the submit button is disabled. */\n  loading?: boolean;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardActionsClasses;\n}\n\nexport const HvWizardActions = ({\n  classes: classesProp,\n  handleClose,\n  handleSubmit,\n  loading = false,\n  skippable = false,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n  },\n}: HvWizardActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { context, setContext, tab, setTab } = useContext(HvWizardContext);\n  const [pages, setPages] = useState(0);\n  const [canSubmit, setCanSubmit] = useState(false);\n\n  useEffect(() => {\n    const contextEntries = Object.entries(context);\n    if (contextEntries.length) {\n      setPages(contextEntries.length);\n\n      const validWizard = Object.entries(context).every(\n        ([, value]) => value?.valid\n      );\n      if (validWizard !== canSubmit) {\n        setCanSubmit(validWizard);\n      }\n    }\n  }, [context, canSubmit, setCanSubmit, setPages]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    setContext((c) =>\n      Object.entries(c).reduce(\n        (acc, [key, child]) => ({\n          ...acc,\n          [+key]: {\n            ...child,\n            valid: child?.valid !== false,\n          },\n        }),\n        {} as HvWizardTabs\n      )\n    );\n    setTab(lastPage);\n  }, [setTab, lastPage, setContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  return (\n    <HvDialogActions className={classes.actionsContainer}>\n      <HvGrid>\n        <HvButton\n          variant=\"secondaryGhost\"\n          onClick={handleClose}\n          className={classes.buttonWidth}\n        >\n          {`${labels.cancel ?? \"Cancel\"}`}\n        </HvButton>\n        {skippable && (\n          <HvButton\n            variant=\"secondaryGhost\"\n            disabled={isLastPage}\n            className={classes.buttonWidth}\n            onClick={handleSkip}\n          >\n            {`${labels.skip ?? \"Skip\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n      <HvGrid className={classes.buttonsContainer}>\n        <HvButton\n          variant=\"secondaryGhost\"\n          className={classes.buttonWidth}\n          disabled={tab <= 0}\n          onClick={() => setTab((t) => t - 1)}\n          startIcon={<Backwards />}\n        >\n          {`${labels.previous ?? \"Previous\"}`}\n        </HvButton>\n        {isLastPage ? (\n          <HvButton\n            variant=\"primary\"\n            className={classes.buttonWidth}\n            disabled={loading || !canSubmit}\n            onClick={handleSubmitInternal}\n          >\n            {`${labels.submit ?? \"Submit\"}`}\n          </HvButton>\n        ) : (\n          <HvButton\n            variant=\"secondaryGhost\"\n            className={cx(classes.buttonWidth, classes.buttonSpacing)}\n            onClick={() => setTab((t) => t + 1)}\n            disabled={!skippable && !context?.[tab]?.valid}\n            endIcon={<Forwards />}\n          >\n            {`${labels.next ?? \"Next\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogActions>\n  );\n};\n"],"names":["HvWizardActions","classes","classesProp","handleClose","handleSubmit","loading","skippable","labels","cancel","next","previous","skip","submit","cx","useClasses","context","setContext","tab","setTab","useContext","HvWizardContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","c","reduce","acc","key","child","handleSubmitInternal","HvDialogActions","className","actionsContainer","children","_jsxs","HvGrid","_jsx","HvButton","variant","onClick","buttonWidth","disabled","buttonsContainer","t","startIcon","Backwards","buttonSpacing","endIcon","Forwards"],"mappings":"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"}
+{"version":3,"file":"WizardActions.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.tsx"],"sourcesContent":["import { useCallback, useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogActions,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvWizardContext, HvWizardTabs } from \"../WizardContext\";\nimport { staticClasses, useClasses } from \"./WizardActions.styles\";\n\nexport { staticClasses as wizardActionsClasses };\n\nexport type HvWizardActionsClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardActionsProps extends HvBaseProps {\n  /** Function to handle the cancel button. */\n  handleClose: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** Function to handle the submit button. Also sends the current context state. */\n  handleSubmit: (context: any) => void;\n  /** An object containing all the labels for the wizard actions component. */\n  labels?: {\n    /** Cancel button label. */\n    cancel?: string;\n    /** Skip button label. */\n    skip?: string;\n    /** Previous button label. */\n    previous?: string;\n    /** Next button label. */\n    next?: string;\n    /** Submit button label. */\n    submit?: string;\n  };\n  /** Whether the submit button is disabled. */\n  loading?: boolean;\n  /** Enables the skip button. */\n  skippable?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardActionsClasses;\n}\n\nexport const HvWizardActions = ({\n  classes: classesProp,\n  handleClose,\n  handleSubmit,\n  loading = false,\n  skippable = false,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n  },\n}: HvWizardActionsProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n\n  const { context, setContext, tab, setTab } = useContext(HvWizardContext);\n  const [pages, setPages] = useState(0);\n  const [canSubmit, setCanSubmit] = useState(false);\n\n  useEffect(() => {\n    const contextEntries = Object.entries(context);\n    if (contextEntries.length) {\n      setPages(contextEntries.length);\n\n      const validWizard = Object.entries(context).every(\n        ([, value]) => value?.valid\n      );\n      if (validWizard !== canSubmit) {\n        setCanSubmit(validWizard);\n      }\n    }\n  }, [context, canSubmit, setCanSubmit, setPages]);\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = useCallback(() => {\n    setContext((c) =>\n      Object.entries(c).reduce(\n        (acc, [key, child]) => ({\n          ...acc,\n          [+key]: {\n            ...child,\n            valid: child?.valid !== false,\n          },\n        }),\n        {} as HvWizardTabs\n      )\n    );\n    setTab(lastPage);\n  }, [setTab, lastPage, setContext]);\n\n  const handleSubmitInternal = useCallback(\n    () => handleSubmit(context),\n    [handleSubmit, context]\n  );\n\n  return (\n    <HvDialogActions className={classes.actionsContainer}>\n      <HvButton\n        variant=\"secondaryGhost\"\n        onClick={handleClose}\n        className={classes.buttonWidth}\n      >\n        {`${labels.cancel ?? \"Cancel\"}`}\n      </HvButton>\n      {skippable && (\n        <HvButton\n          variant=\"secondaryGhost\"\n          disabled={isLastPage}\n          className={classes.buttonWidth}\n          onClick={handleSkip}\n        >\n          {`${labels.skip ?? \"Skip\"}`}\n        </HvButton>\n      )}\n      <div aria-hidden className={css({ flex: 1 })}>\n        &nbsp;\n      </div>\n      <div className={classes.buttonsContainer}>\n        <HvButton\n          variant=\"secondaryGhost\"\n          className={classes.buttonWidth}\n          disabled={tab <= 0}\n          onClick={() => setTab((t) => t - 1)}\n          startIcon={<Backwards />}\n        >\n          {`${labels.previous ?? \"Previous\"}`}\n        </HvButton>\n        {isLastPage ? (\n          <HvButton\n            variant=\"primary\"\n            className={classes.buttonWidth}\n            disabled={loading || !canSubmit}\n            onClick={handleSubmitInternal}\n          >\n            {`${labels.submit ?? \"Submit\"}`}\n          </HvButton>\n        ) : (\n          <HvButton\n            variant=\"secondaryGhost\"\n            className={cx(classes.buttonWidth, classes.buttonSpacing)}\n            onClick={() => setTab((t) => t + 1)}\n            disabled={!skippable && !context?.[tab]?.valid}\n            endIcon={<Forwards />}\n          >\n            {`${labels.next ?? \"Next\"}`}\n          </HvButton>\n        )}\n      </div>\n    </HvDialogActions>\n  );\n};\n"],"names":["HvWizardActions","classes","classesProp","handleClose","handleSubmit","loading","skippable","labels","cancel","next","previous","skip","submit","css","cx","useClasses","context","setContext","tab","setTab","useContext","HvWizardContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","c","reduce","acc","key","child","handleSubmitInternal","HvDialogActions","className","actionsContainer","children","_jsx","HvButton","variant","onClick","buttonWidth","disabled","flex","_jsxs","buttonsContainer","t","startIcon","Backwards","buttonSpacing","endIcon","Forwards"],"mappings":"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"}

package/dist/esm/components/Wizard/WizardActions/WizardActions.styles.js

@@ -4,6 +4,7 @@ const {
   staticClasses,
   useClasses
 } = createClasses("HvWizardActions", {
+  actionsContainer: {},
   buttonWidth: {
     width: 120,
     "& span": {
@@ -11,20 +12,12 @@ const {
       lineHeight: theme.lineHeights.sm
     }
   },
-  actionsContainer: {
-    display: "flex",
-    justifyContent: "space-between"
-  },
   buttonsContainer: {
     display: "flex",
     alignItems: "center",
-    "& > button:last-child": {
-      marginLeft: 20
-    }
+    gap: theme.space.xs
   },
-  buttonSpacing: {
-    paddingLeft: 28
-  }
+  buttonSpacing: {}
 });
 export {
   staticClasses,

package/dist/esm/components/Wizard/WizardActions/WizardActions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardActions.styles.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardActions\", {\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  actionsContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    \"& > button:last-child\": {\n      marginLeft: 20,\n    },\n  },\n  buttonSpacing: {\n    paddingLeft: 28,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","buttonWidth","width","whiteSpace","lineHeight","theme","lineHeights","sm","actionsContainer","display","justifyContent","buttonsContainer","alignItems","marginLeft","buttonSpacing","paddingLeft"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,MAAMC,YAAYC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,EAClB;AAAA,EACAC,kBAAkB;AAAA,IAChBF,SAAS;AAAA,IACTG,YAAY;AAAA,IACZ,yBAAyB;AAAA,MACvBC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,aAAa;AAAA,EACf;AACF,CAAC;"}
+{"version":3,"file":"WizardActions.styles.js","sources":["../../../../../src/components/Wizard/WizardActions/WizardActions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardActions\", {\n  actionsContainer: {},\n  buttonWidth: {\n    width: 120,\n    \"& span\": {\n      whiteSpace: \"normal\",\n      lineHeight: theme.lineHeights.sm,\n    },\n  },\n  buttonsContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: theme.space.xs,\n  },\n  buttonSpacing: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","actionsContainer","buttonWidth","width","whiteSpace","lineHeight","theme","lineHeights","sm","buttonsContainer","display","alignItems","gap","space","xs","buttonSpacing"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,kBAAkB,CAAC;AAAA,EACnBC,aAAa;AAAA,IACXC,OAAO;AAAA,IACP,UAAU;AAAA,MACRC,YAAY;AAAA,MACZC,YAAYC,MAAMC,YAAYC;AAAAA,IAChC;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,KAAKN,MAAMO,MAAMC;AAAAA,EACnB;AAAA,EACAC,eAAe,CAAC;AAClB,CAAC;"}

package/dist/esm/components/Wizard/WizardTitle/WizardTitle.js

@@ -1,5 +1,5 @@
 import { useContext, useState, useEffect } from "react";
-import { HvDialogTitle, HvGrid, HvTypography, HvButton } from "@hitachivantara/uikit-react-core";
+import { HvDialogTitle, HvTypography, HvButton } from "@hitachivantara/uikit-react-core";
 import { Report } from "@hitachivantara/uikit-react-icons";
 import { useClasses } from "./WizardTitle.styles.js";
 import { staticClasses } from "./WizardTitle.styles.js";
@@ -60,10 +60,7 @@ const HvWizardTitle = ({
     classes: {
       messageContainer: classes.messageContainer
     },
-    children: /* @__PURE__ */ jsxs(HvGrid, {
-      container: true,
-      justifyContent: "space-between",
-      alignItems: "center",
+    children: /* @__PURE__ */ jsxs("div", {
       className: classes.titleContainer,
       children: [title && /* @__PURE__ */ jsx(HvTypography, {
         variant: "title3",

package/dist/esm/components/Wizard/WizardTitle/WizardTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardTitle.js","sources":["../../../../../src/components/Wizard/WizardTitle/WizardTitle.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogTitle,\n  HvGrid,\n  HvTypography,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvStepNavigation, HvStepNavigationProps } from \"../../StepNavigation\";\nimport { HvStepProps } from \"../../StepNavigation/DefaultNavigation\";\nimport { HvWizardContext } from \"../WizardContext\";\nimport { staticClasses, useClasses } from \"./WizardTitle.styles\";\n\nexport { staticClasses as wizardTitleClasses };\n\nexport type HvWizardTitleClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardTitleProps extends HvBaseProps {\n  /** Title for the wizard. */\n  title?: string;\n  /** Shows the summary button. */\n  hasSummary?: boolean;\n  /** An object containing all the labels for the wizard header. */\n  labels?: {\n    /** Summary button label. */\n    summary?: string;\n  };\n  /** Custom object to define type, size and width of the StepNavigation component */\n  customStep?: Pick<HvStepNavigationProps, \"type\" | \"stepSize\" | \"width\">;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardTitleClasses;\n}\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nexport const HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  classes: classesProp,\n  customStep = {},\n}: HvWizardTitleProps) => {\n  const { context, setSummary, tab, setTab } = useContext(HvWizardContext);\n\n  const { classes } = useClasses(classesProp);\n\n  const [steps, setSteps] = useState<HvStepProps[]>([]);\n\n  useEffect(() => {\n    return () => {\n      setSummary(false);\n    };\n  }, [setSummary]);\n\n  const toggleSummary = () => {\n    setSummary((prevValue) => !prevValue);\n  };\n\n  useEffect(() => {\n    const contextArray = Object.entries(context);\n\n    if (contextArray.length) {\n      const updatedSteps: HvStepProps[] = contextArray.map(\n        ([, childState], index) => {\n          return {\n            title: childState?.name ?? `${index + 1}`,\n            state: switchTabState(childState, tab, index),\n            onClick: () => setTab(index),\n          };\n        }\n      );\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, setTab]);\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{\n        messageContainer: classes.messageContainer,\n      }}\n    >\n      <HvGrid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className={classes.titleContainer}\n      >\n        {title && (\n          <HvTypography variant=\"title3\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type=\"Default\"\n            stepSize=\"xs\"\n            width={{\n              xs: 200,\n              sm: 350,\n              md: 600,\n              lg: 800,\n              xl: 1000,\n            }}\n            {...customStep}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            variant=\"secondarySubtle\"\n            className={classes.buttonWidth}\n            classes={{\n              root: classes.rootSummaryButton,\n            }}\n            onClick={toggleSummary}\n            startIcon={<Report />}\n          >\n            {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogTitle>\n  );\n};\n"],"names":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","classes","classesProp","customStep","context","setSummary","tab","setTab","useContext","HvWizardContext","useClasses","steps","setSteps","useState","useEffect","toggleSummary","prevValue","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","HvDialogTitle","className","headerContainer","messageContainer","children","HvGrid","container","justifyContent","alignItems","titleContainer","_jsx","HvTypography","variant","component","HvStepNavigation","stepContainer","type","stepSize","width","xs","sm","md","lg","xl","HvButton","buttonWidth","root","rootSummaryButton","startIcon","Report","summary"],"mappings":";;;;;;;;AAqCA,MAAMA,iBAAiBA,CAACC,OAAOC,YAAYC,UAAU;AACnD,MAAIA,UAAUD;AAAmB,WAAA;AACjC,MAAID,MAAMG;AAAc,WAAA;AACxB,MAAIH,MAAMG,UAAU;AAAa,WAAA;AAC7BH,MAAAA,MAAMI,WAAWJ,MAAMG,UAAU;AAAc,WAAA;AAG5C,SAAA;AACT;AAEO,MAAME,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,aAAa;AAAA,EACbC,SAAS,CAAC;AAAA,EACVC,SAASC;AAAAA,EACTC,aAAa,CAAC;AACI,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAYC;AAAAA,IAAKC;AAAAA,EAAAA,IAAWC,WAAWC,eAAe;AAEjE,QAAA;AAAA,IAAER;AAAAA,EAAAA,IAAYS,WAAWR,WAAW;AAE1C,QAAM,CAACS,OAAOC,QAAQ,IAAIC,SAAwB,CAAE,CAAA;AAEpDC,YAAU,MAAM;AACd,WAAO,MAAM;AACXT,iBAAW,KAAK;AAAA,IAAA;AAAA,EAClB,GACC,CAACA,UAAU,CAAC;AAEf,QAAMU,gBAAgBA,MAAM;AACdC,eAAAA,CAAAA,cAAc,CAACA,SAAS;AAAA,EAAA;AAGtCF,YAAU,MAAM;AACRG,UAAAA,eAAeC,OAAOC,QAAQf,OAAO;AAE3C,QAAIa,aAAaG,QAAQ;AACjBC,YAAAA,eAA8BJ,aAAaK,IAC/C,CAAC,CAAGC,EAAAA,UAAU,GAAG7B,UAAU;AAClB,eAAA;AAAA,UACLI,QAAOyB,yCAAYC,SAAS,GAAE9B,QAAQ;AAAA,UACtCF,OAAOD,eAAegC,YAAYjB,KAAKZ,KAAK;AAAA,UAC5C+B,SAASA,MAAMlB,OAAOb,KAAK;AAAA,QAAA;AAAA,MAC7B,CAEJ;AAEAkB,eAASS,YAAY;AAAA,IACvB;AAAA,EACC,GAAA,CAACjB,SAASE,KAAKC,MAAM,CAAC;AAEzB,6BACGmB,eAAa;AAAA,IACZC,WAAW1B,QAAQ2B;AAAAA,IACnB3B,SAAS;AAAA,MACP4B,kBAAkB5B,QAAQ4B;AAAAA,IAC5B;AAAA,IAAEC,+BAEDC,QAAM;AAAA,MACLC,WAAS;AAAA,MACTC,gBAAe;AAAA,MACfC,YAAW;AAAA,MACXP,WAAW1B,QAAQkC;AAAAA,MAAeL,UAEjChC,CAAAA,SACCsC,oBAACC,cAAY;AAAA,QAACC,SAAQ;AAAA,QAASC,WAAU;AAAA,QAAIT,UAC1ChC;AAAAA,MACW,CAAA,GAEf,CAAC,CAACa,MAAMS,8BACNoB,kBAAgB;AAAA,QACfb,WAAW1B,QAAQwC;AAAAA,QACnB9B;AAAAA,QACA+B,MAAK;AAAA,QACLC,UAAS;AAAA,QACTC,OAAO;AAAA,UACLC,IAAI;AAAA,UACJC,IAAI;AAAA,UACJC,IAAI;AAAA,UACJC,IAAI;AAAA,UACJC,IAAI;AAAA,QACN;AAAA,QAAE,GACE9C;AAAAA,MAAAA,CACL,GAEFJ,cACCqC,oBAACc,UAAQ;AAAA,QACPZ,SAAQ;AAAA,QACRX,WAAW1B,QAAQkD;AAAAA,QACnBlD,SAAS;AAAA,UACPmD,MAAMnD,QAAQoD;AAAAA,QAChB;AAAA,QACA5B,SAASV;AAAAA,QACTuC,WAAWlB,oBAACmB,UAAQ;AAAA,QAAEzB,UAEpB,GAAE9B,OAAOwD,WAAW;AAAA,MAAA,CACd,CACX;AAAA,IAAA,CACK;AAAA,EAAA,CACK;AAEnB;"}
+{"version":3,"file":"WizardTitle.js","sources":["../../../../../src/components/Wizard/WizardTitle/WizardTitle.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\n\nimport {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n  HvDialogTitle,\n  HvTypography,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvStepNavigation, HvStepNavigationProps } from \"../../StepNavigation\";\nimport { HvStepProps } from \"../../StepNavigation/DefaultNavigation\";\nimport { HvWizardContext } from \"../WizardContext\";\nimport { staticClasses, useClasses } from \"./WizardTitle.styles\";\n\nexport { staticClasses as wizardTitleClasses };\n\nexport type HvWizardTitleClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvWizardTitleProps extends HvBaseProps {\n  /** Title for the wizard. */\n  title?: string;\n  /** Shows the summary button. */\n  hasSummary?: boolean;\n  /** An object containing all the labels for the wizard header. */\n  labels?: {\n    /** Summary button label. */\n    summary?: string;\n  };\n  /** Custom object to define type, size and width of the StepNavigation component */\n  customStep?: Pick<HvStepNavigationProps, \"type\" | \"stepSize\" | \"width\">;\n  /** A Jss Object used to override or extend the styles applied to the empty state Wizard. */\n  classes?: HvWizardTitleClasses;\n}\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nexport const HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  classes: classesProp,\n  customStep = {},\n}: HvWizardTitleProps) => {\n  const { context, setSummary, tab, setTab } = useContext(HvWizardContext);\n\n  const { classes } = useClasses(classesProp);\n\n  const [steps, setSteps] = useState<HvStepProps[]>([]);\n\n  useEffect(() => {\n    return () => {\n      setSummary(false);\n    };\n  }, [setSummary]);\n\n  const toggleSummary = () => {\n    setSummary((prevValue) => !prevValue);\n  };\n\n  useEffect(() => {\n    const contextArray = Object.entries(context);\n\n    if (contextArray.length) {\n      const updatedSteps: HvStepProps[] = contextArray.map(\n        ([, childState], index) => {\n          return {\n            title: childState?.name ?? `${index + 1}`,\n            state: switchTabState(childState, tab, index),\n            onClick: () => setTab(index),\n          };\n        }\n      );\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, setTab]);\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{\n        messageContainer: classes.messageContainer,\n      }}\n    >\n      <div className={classes.titleContainer}>\n        {title && (\n          <HvTypography variant=\"title3\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type=\"Default\"\n            stepSize=\"xs\"\n            width={{\n              xs: 200,\n              sm: 350,\n              md: 600,\n              lg: 800,\n              xl: 1000,\n            }}\n            {...customStep}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            variant=\"secondarySubtle\"\n            className={classes.buttonWidth}\n            classes={{\n              root: classes.rootSummaryButton,\n            }}\n            onClick={toggleSummary}\n            startIcon={<Report />}\n          >\n            {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </div>\n    </HvDialogTitle>\n  );\n};\n"],"names":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","classes","classesProp","customStep","context","setSummary","tab","setTab","useContext","HvWizardContext","useClasses","steps","setSteps","useState","useEffect","toggleSummary","prevValue","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","HvDialogTitle","className","headerContainer","messageContainer","children","titleContainer","_jsx","HvTypography","variant","component","HvStepNavigation","stepContainer","type","stepSize","width","xs","sm","md","lg","xl","HvButton","buttonWidth","root","rootSummaryButton","startIcon","Report","summary"],"mappings":";;;;;;;;AAoCA,MAAMA,iBAAiBA,CAACC,OAAOC,YAAYC,UAAU;AACnD,MAAIA,UAAUD;AAAmB,WAAA;AACjC,MAAID,MAAMG;AAAc,WAAA;AACxB,MAAIH,MAAMG,UAAU;AAAa,WAAA;AAC7BH,MAAAA,MAAMI,WAAWJ,MAAMG,UAAU;AAAc,WAAA;AAG5C,SAAA;AACT;AAEO,MAAME,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC,aAAa;AAAA,EACbC,SAAS,CAAC;AAAA,EACVC,SAASC;AAAAA,EACTC,aAAa,CAAC;AACI,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAAYC;AAAAA,IAAKC;AAAAA,EAAAA,IAAWC,WAAWC,eAAe;AAEjE,QAAA;AAAA,IAAER;AAAAA,EAAAA,IAAYS,WAAWR,WAAW;AAE1C,QAAM,CAACS,OAAOC,QAAQ,IAAIC,SAAwB,CAAE,CAAA;AAEpDC,YAAU,MAAM;AACd,WAAO,MAAM;AACXT,iBAAW,KAAK;AAAA,IAAA;AAAA,EAClB,GACC,CAACA,UAAU,CAAC;AAEf,QAAMU,gBAAgBA,MAAM;AACdC,eAAAA,CAAAA,cAAc,CAACA,SAAS;AAAA,EAAA;AAGtCF,YAAU,MAAM;AACRG,UAAAA,eAAeC,OAAOC,QAAQf,OAAO;AAE3C,QAAIa,aAAaG,QAAQ;AACjBC,YAAAA,eAA8BJ,aAAaK,IAC/C,CAAC,CAAGC,EAAAA,UAAU,GAAG7B,UAAU;AAClB,eAAA;AAAA,UACLI,QAAOyB,yCAAYC,SAAS,GAAE9B,QAAQ;AAAA,UACtCF,OAAOD,eAAegC,YAAYjB,KAAKZ,KAAK;AAAA,UAC5C+B,SAASA,MAAMlB,OAAOb,KAAK;AAAA,QAAA;AAAA,MAC7B,CAEJ;AAEAkB,eAASS,YAAY;AAAA,IACvB;AAAA,EACC,GAAA,CAACjB,SAASE,KAAKC,MAAM,CAAC;AAEzB,6BACGmB,eAAa;AAAA,IACZC,WAAW1B,QAAQ2B;AAAAA,IACnB3B,SAAS;AAAA,MACP4B,kBAAkB5B,QAAQ4B;AAAAA,IAC5B;AAAA,IAAEC,+BAEF,OAAA;AAAA,MAAKH,WAAW1B,QAAQ8B;AAAAA,MAAeD,UACpChC,CAAAA,SACCkC,oBAACC,cAAY;AAAA,QAACC,SAAQ;AAAA,QAASC,WAAU;AAAA,QAAIL,UAC1ChC;AAAAA,MACW,CAAA,GAEf,CAAC,CAACa,MAAMS,8BACNgB,kBAAgB;AAAA,QACfT,WAAW1B,QAAQoC;AAAAA,QACnB1B;AAAAA,QACA2B,MAAK;AAAA,QACLC,UAAS;AAAA,QACTC,OAAO;AAAA,UACLC,IAAI;AAAA,UACJC,IAAI;AAAA,UACJC,IAAI;AAAA,UACJC,IAAI;AAAA,UACJC,IAAI;AAAA,QACN;AAAA,QAAE,GACE1C;AAAAA,MAAAA,CACL,GAEFJ,cACCiC,oBAACc,UAAQ;AAAA,QACPZ,SAAQ;AAAA,QACRP,WAAW1B,QAAQ8C;AAAAA,QACnB9C,SAAS;AAAA,UACP+C,MAAM/C,QAAQgD;AAAAA,QAChB;AAAA,QACAxB,SAASV;AAAAA,QACTmC,WAAWlB,oBAACmB,UAAQ;AAAA,QAAErB,UAEpB,GAAE9B,OAAOoD,WAAW;AAAA,MAAA,CACd,CACX;AAAA,IAAA,CACE;AAAA,EAAA,CACQ;AAEnB;"}

package/dist/esm/components/Wizard/WizardTitle/WizardTitle.styles.js

@@ -10,7 +10,10 @@ const {
     }
   },
   titleContainer: {
-    margin: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: theme.spacing(1),
     width: "100%"
   },
   buttonWidth: {

package/dist/esm/components/Wizard/WizardTitle/WizardTitle.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardTitle.styles.js","sources":["../../../../../src/components/Wizard/WizardTitle/WizardTitle.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardTitle\", {\n  messageContainer: {\n    \"& > div\": {\n      width: \"100%\",\n    },\n  },\n  titleContainer: {\n    margin: 0,\n    width: \"100%\",\n  },\n  buttonWidth: {\n    width: 120,\n  },\n  rootSummaryButton: {\n    paddingRight: 18,\n  },\n  headerContainer: {\n    backgroundColor: theme.colors.atmo2,\n    \"& h6\": {\n      fontSize: \"16px\",\n      fontWeight: \"bold\",\n      letterSpacing: 0,\n    },\n  },\n  stepContainer: {\n    margin: \"auto\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","messageContainer","width","titleContainer","margin","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","theme","colors","atmo2","fontSize","fontWeight","letterSpacing","stepContainer"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,kBAAkB;AAAA,IAChB,WAAW;AAAA,MACTC,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAC,gBAAgB;AAAA,IACdC,QAAQ;AAAA,IACRF,OAAO;AAAA,EACT;AAAA,EACAG,aAAa;AAAA,IACXH,OAAO;AAAA,EACT;AAAA,EACAI,mBAAmB;AAAA,IACjBC,cAAc;AAAA,EAChB;AAAA,EACAC,iBAAiB;AAAA,IACfC,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9B,QAAQ;AAAA,MACNC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbZ,QAAQ;AAAA,EACV;AACF,CAAC;"}
+{"version":3,"file":"WizardTitle.styles.js","sources":["../../../../../src/components/Wizard/WizardTitle/WizardTitle.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvWizardTitle\", {\n  messageContainer: {\n    \"& > div\": {\n      width: \"100%\",\n    },\n  },\n  titleContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: theme.spacing(1),\n    width: \"100%\",\n  },\n  buttonWidth: {\n    width: 120,\n  },\n  rootSummaryButton: {\n    paddingRight: 18,\n  },\n  headerContainer: {\n    backgroundColor: theme.colors.atmo2,\n    \"& h6\": {\n      fontSize: \"16px\",\n      fontWeight: \"bold\",\n      letterSpacing: 0,\n    },\n  },\n  stepContainer: {\n    margin: \"auto\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","messageContainer","width","titleContainer","display","alignItems","justifyContent","gap","theme","spacing","buttonWidth","rootSummaryButton","paddingRight","headerContainer","backgroundColor","colors","atmo2","fontSize","fontWeight","letterSpacing","stepContainer","margin"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,iBAAiB;AAAA,EAC1EC,kBAAkB;AAAA,IAChB,WAAW;AAAA,MACTC,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACAC,gBAAgB;AAAA,IACdC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,KAAKC,MAAMC,QAAQ,CAAC;AAAA,IACpBP,OAAO;AAAA,EACT;AAAA,EACAQ,aAAa;AAAA,IACXR,OAAO;AAAA,EACT;AAAA,EACAS,mBAAmB;AAAA,IACjBC,cAAc;AAAA,EAChB;AAAA,EACAC,iBAAiB;AAAA,IACfC,iBAAiBN,MAAMO,OAAOC;AAAAA,IAC9B,QAAQ;AAAA,MACNC,UAAU;AAAA,MACVC,YAAY;AAAA,MACZC,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EACAC,eAAe;AAAA,IACbC,QAAQ;AAAA,EACV;AACF,CAAC;"}