@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/esm/packages/lab/src/components/StepNavigation/StepNavigation.js

@@ -0,0 +1,230 @@
+import _styled from "@emotion/styled/base";
+import { clsx } from "../../../../../node_modules/clsx/dist/clsx.m.js";
+import { ClassNames } from "@emotion/react";
+import { theme } from "@hitachivantara/uikit-styles";
+import { useTheme, useWidth, HvBox, HvTooltip, HvTypography } from "@hitachivantara/uikit-react-core";
+import { styles } from "./StepNavigation.styles.js";
+import stepNavigationClasses from "./stepNavigationClasses.js";
+import { TITLE_WIDTH, TITLE_MARGIN, SEPARATOR_WIDTH } from "./utils.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvDefaultNavigation } from "./DefaultNavigation/DefaultNavigation.js";
+import { HvSimpleNavigation } from "./SimpleNavigation/SimpleNavigation.js";
+const HvStepNavigation = ({
+  className,
+  classes,
+  width,
+  steps,
+  stepSize,
+  showTitles = true,
+  type = "Default",
+  ...others
+}) => {
+  const {
+    activeTheme
+  } = useTheme();
+  const breakpoint = useWidth();
+  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: "e1wrrltm3",
+    label: "styledLi"
+  })({
+    width: containerSize,
+    height: containerSize
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0ZJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlUHJvcHMsXG4gIEh2QnJlYWtwb2ludHMsXG4gIHVzZVRoZW1lLFxuICB1c2VXaWR0aCxcbiAgSHZCb3gsXG4gIEh2VG9vbHRpcCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2RGVmYXVsdE5hdmlnYXRpb24gfSBmcm9tIFwiLi9EZWZhdWx0TmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgSHZTaW1wbGVOYXZpZ2F0aW9uIH0gZnJvbSBcIi4vU2ltcGxlTmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgSHZTdGVwUHJvcHMgfSBmcm9tIFwiLi9EZWZhdWx0TmF2aWdhdGlvbi9TdGVwL1N0ZXBcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuaW1wb3J0IHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcywge1xuICBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcyxcbn0gZnJvbSBcIi4vc3RlcE5hdmlnYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTdGVwTmF2aWdhdGlvblByb3BzIGV4dGVuZHMgSHZCYXNlUHJvcHMge1xuICAvKiogVHlwZSBvZiBzdGVwIG5hdmlnYXRpb24uIFZhbHVlcyA9IHtcIlNpbXBsZVwiLCBcIkRlZmF1bHRcIn0gKi9cbiAgdHlwZT86IFwiU2ltcGxlXCIgfCBcIkRlZmF1bHRcIjtcbiAgLyoqIFN0ZXBzIHRvIHNob3cgb24gdGhlIGNvbXBvbmVudC4gKi9cbiAgc3RlcHM6IEFycmF5PFxuICAgIFBpY2s8XG4gICAgICBIdlN0ZXBQcm9wcyxcbiAgICAgIFwic3RhdGVcIiB8IFwidGl0bGVcIiB8IFwib25DbGlja1wiIHwgXCJjbGFzc05hbWVcIiB8IFwiZGlzYWJsZWRcIlxuICAgID4gJiB7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSBzZXBhcmF0b3IgY29tcG9uZW50IGFmdGVyIHRoZSBzdGVwLiAqL1xuICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgdGl0bGUgY29tcG9uZW50IGFib3ZlIHRoZSBzdGVwLiAqL1xuICAgICAgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgfVxuICA+O1xuICAvKiogU2V0cyBvbmUgb2YgdGhlIHN0YW5kYXJkIHNpemVzIG9mIHRoZSBzdGVwcy4gKi9cbiAgc3RlcFNpemU/OiBcInhzXCIgfCBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgfCBcInhsXCI7XG4gIC8qKiBXaWR0aCBvZiB0aGUgY29tcG9uZW50IGVsZW1lbnQgb24gZWFjaCBicmVha3BvaW50IHNjcmVlbiByZXNvbHV0aW9uLiAqL1xuICB3aWR0aD86IHsgW2JyZWFrcG9pbnQgaW4gSHZCcmVha3BvaW50c10/OiBudW1iZXIgfTtcbiAgLyoqIERlZmluZXMgZWl0aGVyIHNob3cgYSB0aXRsZSBvciBvbmx5IGEgdG9vbHRpcCBvbiBlYWNoIHN0ZXAgY29tcG9uZW50LiAqL1xuICBzaG93VGl0bGVzPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIFN0ZXBOYXZpZ2F0aW9uLiAqL1xuICBjbGFzc2VzPzogSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXM7XG59XG5cbi8qKlxuICogTmF2aWdhdGlvbiBwYWdlIHdpdGggc3RlcHMuXG4gKlxuICogWW91IG5lZWQgdG8gZGVmaW5lIHRoZSA8Yj5zdGVwczxiLz4gZGlzcGxheWVkIG9uIHRoZSBjb21wb25lbnQgc28gdGhhdCBpdHNlbGYgY2FuIGJlIGRyYXduIG9uIHRoZSBVSS5cbiAqIE9uIGVhY2ggc3RlcCwgeW91IG5lZWQgdG8gZGVmaW5lIGEgPGI+c3RhdGU8L2I+IC0gJ1BlbmRpbmcnLCAnRmFpbGVkJywgJ0NvbXBsZXRlZCcsICdDdXJyZW50JywgJ0Rpc2FibGVkJyAtXG4gKiBhbmQgYSA8Yj50aXRsZTwvYj4gdG8gYmUgc2hvd24gYXMgYSB0b29sdGlwIG9yIGEgdGV4dCBhYm92ZSBvZiB0aGUgc3RlcC4gWW91IGNhbiBhbHNvOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+IG9uIGVhY2ggc3RlcCBlbGVtZW50O1xuICogKiBEZWZpbmUgYSA8Yj5zZXBhcmF0b3JDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSBzZXBhcmF0b3IgZWxlbWVudC4gVGhlIGRlZmF1bHQgaGVpZ2h0XG4gKiB2YWx1ZXMgb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IGFyZSAycHgvM3B4IG9uICdTaW1wbGUnLydEZWZhdWx0JyBsYXlvdXRzIHJlc3BlY3RpdmVseTtcbiAqICogRGVmaW5lIGEgPGI+dGl0bGVDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSB0aXRsZSBhYm92ZSBlYWNoIHN0ZXAgZWxlbWVudC5cbiAqXG4gKiBGb3IgdGhlIHJvb3QgZWxlbWVudCwgeW91IGNhbjpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPjtcbiAqICogQ2hvb3NlIGEgPGI+dHlwZTwvYj4gb2YgbGF5b3V0OiAnU2ltcGxlJyBvciAnRGVmYXVsdCc7XG4gKiAqIENob29zZSB0aGUgPGI+c3RlcFNpemU8L2I+IG9mIHRoZSBzdGVwIGNvbXBvbmVudDogXCJ4c1wiLCBcInNtXCIsIFwibWRcIiwgXCJsZ1wiLCBcInhsXCIuIFRoZSBkZWZhdWx0IHNpemUgd2lsbCBiZVxuICogY29ycmVzcG9uZGVudCB0byB0aGUgY3VycmVudCBtZWRpYSBicmVha3BvaW50O1xuICogKiBDaG9vc2UgZWl0aGVyIHlvdSB3YW50IHRvIDxiPnNob3dUaXRsZXM8L2I+IG5lYXIgdG8gZWFjaCBzdGVwIGNvbXBvbmVudCBvciBhIHRvb3RsaXAgb24gaG92ZXI7XG4gKiAqIERlZmluZSBhIDxiPndpZHRoPC9iPiBvZiB0aGUgY29tcG9uZW50LiBJZiB5b3UgZG9uJ3QgZGVmaW5lIGFueSB2YWx1ZSBhbmQgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyBubyB0aXRsZVxuICogZGlzcGxheWVkIGFib3ZlLCB0aGUgd2lkdGggb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IHdpbGwgYmUgMTAwcHguXG4gKiBJZiB0aGUgc3RlcCBjb21wb25lbnQgaGFzIHRpdGxlcywgZWFjaCBvbmUgd2lsbCBoYXZlIDIxNXB4IG9mIHdpZHRoIGJ5IGRlZmF1bHQuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlN0ZXBOYXZpZ2F0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjbGFzc2VzLFxuICB3aWR0aCxcbiAgc3RlcHMsXG4gIHN0ZXBTaXplLFxuICBzaG93VGl0bGVzID0gdHJ1ZSxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIC8vIGN1cnJlbnQgYnJlYWtwb2ludCAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJ1xuICBjb25zdCBicmVha3BvaW50ID0gdXNlV2lkdGgoKTtcbiAgLy8gc3RlcCBjb25maWd1cmF0aW9uc1xuICBjb25zdCBzdGVwU2l6ZUtleSA9XG4gICAgc3RlcFNpemUgPz8gKFtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCkgPyBcInNtXCIgOiBcIm1kXCIpO1xuICBjb25zdCBoYXNUaXRsZXMgPSBzaG93VGl0bGVzID8/ICFbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpO1xuXG4gIGNvbnN0IHN0eWxlZExpID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwibGlcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkRGl2ID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwiZGl2XCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQgPSAoXG4gICAgdGl0bGUsXG4gICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgIHNlcGFyYXRvckhlaWdodCxcbiAgICBzZXBhcmF0b3JXaWR0aCxcbiAgICBiYWNrZ3JvdW5kQ29sb3JcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICBoZWlnaHQ6IHNlcGFyYXRvckhlaWdodCxcbiAgICAgIHdpZHRoOlxuICAgICAgICBzZXBhcmF0b3JXaWR0aCAtXG4gICAgICAgIDIgKlxuICAgICAgICAgIHBhcnNlSW50KFxuICAgICAgICAgICAgKGFjdGl2ZVRoZW1lPy5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW4gfHwgXCIwcHhcIikucmVwbGFjZShcbiAgICAgICAgICAgICAgXCJweFwiLFxuICAgICAgICAgICAgICBcIlwiXG4gICAgICAgICAgICApXG4gICAgICAgICAgKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW59YCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcyBrZXk9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfT5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNlcGFyYXRvciksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5zZXBhcmF0b3IsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnNlcGFyYXRvclxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goc2VwYXJhdG9yQ2xhc3NOYW1lKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGRyYXdJdGVtcyA9ICh7XG4gICAgc2VwYXJhdG9yVmFsdWVzOiB7IG1pbldpZHRoLCBtYXhXaWR0aCwgZ2V0Q29sb3IsIGhlaWdodCB9LFxuICAgIHN0ZXBWYWx1ZXM6IHsgbWluU2l6ZSwgbWF4U2l6ZSwgU3RlcENvbXBvbmVudCB9LFxuICB9OiBhbnkpID0+IHtcbiAgICBjb25zdCBpdGVtcyA9IHN0ZXBzLnJlZHVjZShcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPENsYXNzTmFtZXMga2V5PXtgc3RlcC0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgICAgIDxTdGVwQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5saSksXG4gICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAga2V5PXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxIdlRvb2x0aXBcbiAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1xuICAgICAgICAgICAgICAgICAgICAgIDxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgICAgIDxTdGVwXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmxpXG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGVwPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvSHZUb29sdGlwPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9DbGFzc05hbWVzPlxuICAgICAgICApO1xuICAgICAgICBpZiAoaW5kZXggPCBzdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgY29uc3Qgc2VwYXJhdG9yRWxlbWVudCA9IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQoXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICAgICAgICAgIGhlaWdodCxcbiAgICAgICAgICAgIFtzdGVwc1tpbmRleCArIDFdLnN0YXRlLCBzdGF0ZV0uaW5jbHVkZXMoXCJDdXJyZW50XCIpXG4gICAgICAgICAgICAgID8gbWluV2lkdGhcbiAgICAgICAgICAgICAgOiBtYXhXaWR0aCxcbiAgICAgICAgICAgIGdldENvbG9yKFxuICAgICAgICAgICAgICBzdGVwc1tpbmRleCArIDFdLnN0YXRlID09PSBcIkRpc2FibGVkXCIgPyBcIkRpc2FibGVkXCIgOiBzdGF0ZSxcbiAgICAgICAgICAgICAgdGhlbWVcbiAgICAgICAgICAgIClcbiAgICAgICAgICApO1xuICAgICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudCwgc2VwYXJhdG9yRWxlbWVudF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFsuLi5hY2MsIHN0ZXBFbGVtZW50XTtcbiAgICAgIH0sXG4gICAgICBbXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxvbFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLm9sKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLm9sLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5vbFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbXN9XG4gICAgICAgICAgPC9vbD5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldER5bmFtaWNWYWx1ZXMgPSAoc3RlcHNXaWR0aCkgPT4ge1xuICAgIGNvbnN0IG1heFdpZHRoID1cbiAgICAgIHdpZHRoPy5bYnJlYWtwb2ludF0gPz9cbiAgICAgIE1hdGgubWF4KFxuICAgICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIChUSVRMRV9XSURUSCArIFRJVExFX01BUkdJTikgKiBzdGVwcy5sZW5ndGggLVxuICAgICAgICAgIFRJVExFX01BUkdJTixcbiAgICAgICAgU0VQQVJBVE9SX1dJRFRIICogKHN0ZXBzLmxlbmd0aCAtIDEpICsgc3RlcHNXaWR0aFxuICAgICAgKTtcbiAgICAvLyBjb25zdCBuZXh0ID0gdGhlbWUuYnJlYWtwb2ludHMua2V5cy5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICBjb25zdCBuZXh0ID0gT2JqZWN0LmtleXModGhlbWUuYnJlYWtwb2ludHMudmFsdWVzKS5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICAgIGluZGV4IC0gMSA+PSAwID8gc2VsZltpbmRleCAtIDFdID09PSBicmVha3BvaW50IDogZmFsc2VcbiAgICApO1xuICAgIGNvbnN0IG5hdldpZHRoID1cbiAgICAgIChuZXh0ICYmXG4gICAgICAgIE1hdGgubWluKFxuICAgICAgICAgIG1heFdpZHRoLFxuICAgICAgICAgIGFjdGl2ZVRoZW1lPy5icmVha3BvaW50cy52YWx1ZXNbbmV4dF0gPz8gbWF4V2lkdGhcbiAgICAgICAgKSkgfHxcbiAgICAgIDA7XG4gICAgY29uc3QgdGl0bGVXaWR0aCA9XG4gICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIE1hdGguY2VpbCgobmF2V2lkdGggKyBUSVRMRV9NQVJHSU4pIC8gc3RlcHMubGVuZ3RoKTtcbiAgICBjb25zdCBzZXBhcmF0b3JXaWR0aCA9XG4gICAgICBOdW1iZXIoIWhhc1RpdGxlcykgKlxuICAgICAgTWF0aC5jZWlsKChuYXZXaWR0aCAtIHN0ZXBzV2lkdGgpIC8gKHN0ZXBzLmxlbmd0aCAtIDEpKTtcblxuICAgIHJldHVybiB7IHdpZHRoOiBuYXZXaWR0aCwgdGl0bGVXaWR0aCwgc2VwYXJhdG9yV2lkdGggfTtcbiAgfTtcblxuICBjb25zdCBzdHlsZWRUaXRsZSA9IChcbiAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICB2YXJpYW50LFxuICAgIHRpdGxlLFxuICAgIHRpdGxlV2lkdGgsXG4gICAgdGl0bGVEaXNhYmxlZFxuICApID0+IHtcbiAgICBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgIHdpZHRoOiB0aXRsZVdpZHRoIC0gVElUTEVfTUFSR0lOLFxuICAgICAgbWFyZ2luUmlnaHQ6IFRJVExFX01BUkdJTixcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGl0bGVcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY2xhc3NOYW1lPXt0aXRsZUNsYXNzTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e3RpdGxlRGlzYWJsZWR9XG4gICAgICAgIGtleT17YHRpdGxlLSR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUaXRsZT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldFRpdGxlcyA9IChnZXRUaXRsZVByb3BzKSA9PlxuICAgIGhhc1RpdGxlcyA/IChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMudGl0bGVzKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnRpdGxlcyxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8udGl0bGVzXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzdGVwcy5tYXAoKHsgdGl0bGU6IHJhd1RpdGxlLCBzdGF0ZSwgdGl0bGVDbGFzc05hbWUgfSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgICAgIHZhcmlhbnQgPSBcImxhYmVsXCIsXG4gICAgICAgICAgICAgICAgdGl0bGUgPSByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICB0aXRsZVdpZHRoID0gMCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkID0gZmFsc2UsXG4gICAgICAgICAgICAgIH0gPSBnZXRUaXRsZVByb3BzKHtcbiAgICAgICAgICAgICAgICBzdGF0ZSxcbiAgICAgICAgICAgICAgICByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIGxldCBUaXRsZSA9IHN0eWxlZFRpdGxlKFxuICAgICAgICAgICAgICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkXG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIHJldHVybiBUaXRsZTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IFN0ZXBOYXZpZ2F0aW9uID0ge1xuICAgIERlZmF1bHQ6IEh2RGVmYXVsdE5hdmlnYXRpb24sXG4gICAgU2ltcGxlOiBIdlNpbXBsZU5hdmlnYXRpb24sXG4gIH1bdHlwZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8U3RlcE5hdmlnYXRpb25cbiAgICAgICAgICB7Li4ue1xuICAgICAgICAgICAgbnVtU3RlcHM6IHN0ZXBzLmxlbmd0aCxcbiAgICAgICAgICAgIHN0ZXBTaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIGdldFRpdGxlcyxcbiAgICAgICAgICAgIGdldER5bmFtaWNWYWx1ZXMsXG4gICAgICAgICAgICBjbGFzc05hbWU6IGNsc3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMucm9vdClcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICAuLi5vdGhlcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgICAgICA8SHZCb3hcbiAgICAgICAgICAgICAgYXM9XCJuYXZcIlxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJhd0l0ZW1zKGl0ZW1zUHJvcHMpfVxuICAgICAgICAgICAgPC9IdkJveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0ZXBOYXZpZ2F0aW9uPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59O1xuIl19 */");
+  const styledDiv = (containerSize) => /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+    target: "e1wrrltm2"
+  } : {
+    target: "e1wrrltm2",
+    label: "styledDiv"
+  })({
+    width: containerSize,
+    height: containerSize
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEZJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgY2xzeCBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlUHJvcHMsXG4gIEh2QnJlYWtwb2ludHMsXG4gIHVzZVRoZW1lLFxuICB1c2VXaWR0aCxcbiAgSHZCb3gsXG4gIEh2VG9vbHRpcCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2RGVmYXVsdE5hdmlnYXRpb24gfSBmcm9tIFwiLi9EZWZhdWx0TmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgSHZTaW1wbGVOYXZpZ2F0aW9uIH0gZnJvbSBcIi4vU2ltcGxlTmF2aWdhdGlvblwiO1xuaW1wb3J0IHsgSHZTdGVwUHJvcHMgfSBmcm9tIFwiLi9EZWZhdWx0TmF2aWdhdGlvbi9TdGVwL1N0ZXBcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuaW1wb3J0IHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcywge1xuICBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcyxcbn0gZnJvbSBcIi4vc3RlcE5hdmlnYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTdGVwTmF2aWdhdGlvblByb3BzIGV4dGVuZHMgSHZCYXNlUHJvcHMge1xuICAvKiogVHlwZSBvZiBzdGVwIG5hdmlnYXRpb24uIFZhbHVlcyA9IHtcIlNpbXBsZVwiLCBcIkRlZmF1bHRcIn0gKi9cbiAgdHlwZT86IFwiU2ltcGxlXCIgfCBcIkRlZmF1bHRcIjtcbiAgLyoqIFN0ZXBzIHRvIHNob3cgb24gdGhlIGNvbXBvbmVudC4gKi9cbiAgc3RlcHM6IEFycmF5PFxuICAgIFBpY2s8XG4gICAgICBIdlN0ZXBQcm9wcyxcbiAgICAgIFwic3RhdGVcIiB8IFwidGl0bGVcIiB8IFwib25DbGlja1wiIHwgXCJjbGFzc05hbWVcIiB8IFwiZGlzYWJsZWRcIlxuICAgID4gJiB7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSBzZXBhcmF0b3IgY29tcG9uZW50IGFmdGVyIHRoZSBzdGVwLiAqL1xuICAgICAgc2VwYXJhdG9yQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgdGl0bGUgY29tcG9uZW50IGFib3ZlIHRoZSBzdGVwLiAqL1xuICAgICAgdGl0bGVDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgfVxuICA+O1xuICAvKiogU2V0cyBvbmUgb2YgdGhlIHN0YW5kYXJkIHNpemVzIG9mIHRoZSBzdGVwcy4gKi9cbiAgc3RlcFNpemU/OiBcInhzXCIgfCBcInNtXCIgfCBcIm1kXCIgfCBcImxnXCIgfCBcInhsXCI7XG4gIC8qKiBXaWR0aCBvZiB0aGUgY29tcG9uZW50IGVsZW1lbnQgb24gZWFjaCBicmVha3BvaW50IHNjcmVlbiByZXNvbHV0aW9uLiAqL1xuICB3aWR0aD86IHsgW2JyZWFrcG9pbnQgaW4gSHZCcmVha3BvaW50c10/OiBudW1iZXIgfTtcbiAgLyoqIERlZmluZXMgZWl0aGVyIHNob3cgYSB0aXRsZSBvciBvbmx5IGEgdG9vbHRpcCBvbiBlYWNoIHN0ZXAgY29tcG9uZW50LiAqL1xuICBzaG93VGl0bGVzPzogYm9vbGVhbjtcbiAgLyoqIEEgSnNzIE9iamVjdCB1c2VkIHRvIG92ZXJyaWRlIG9yIGV4dGVuZCB0aGUgc3R5bGVzIGFwcGxpZWQgdG8gdGhlIGVtcHR5IHN0YXRlIFN0ZXBOYXZpZ2F0aW9uLiAqL1xuICBjbGFzc2VzPzogSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXM7XG59XG5cbi8qKlxuICogTmF2aWdhdGlvbiBwYWdlIHdpdGggc3RlcHMuXG4gKlxuICogWW91IG5lZWQgdG8gZGVmaW5lIHRoZSA8Yj5zdGVwczxiLz4gZGlzcGxheWVkIG9uIHRoZSBjb21wb25lbnQgc28gdGhhdCBpdHNlbGYgY2FuIGJlIGRyYXduIG9uIHRoZSBVSS5cbiAqIE9uIGVhY2ggc3RlcCwgeW91IG5lZWQgdG8gZGVmaW5lIGEgPGI+c3RhdGU8L2I+IC0gJ1BlbmRpbmcnLCAnRmFpbGVkJywgJ0NvbXBsZXRlZCcsICdDdXJyZW50JywgJ0Rpc2FibGVkJyAtXG4gKiBhbmQgYSA8Yj50aXRsZTwvYj4gdG8gYmUgc2hvd24gYXMgYSB0b29sdGlwIG9yIGEgdGV4dCBhYm92ZSBvZiB0aGUgc3RlcC4gWW91IGNhbiBhbHNvOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+IG9uIGVhY2ggc3RlcCBlbGVtZW50O1xuICogKiBEZWZpbmUgYSA8Yj5zZXBhcmF0b3JDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSBzZXBhcmF0b3IgZWxlbWVudC4gVGhlIGRlZmF1bHQgaGVpZ2h0XG4gKiB2YWx1ZXMgb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IGFyZSAycHgvM3B4IG9uICdTaW1wbGUnLydEZWZhdWx0JyBsYXlvdXRzIHJlc3BlY3RpdmVseTtcbiAqICogRGVmaW5lIGEgPGI+dGl0bGVDbGFzc05hbWU8L2I+IHRvIHNwZWNpZnkgYSBjbGFzc05hbWUgZm9yIHRoZSB0aXRsZSBhYm92ZSBlYWNoIHN0ZXAgZWxlbWVudC5cbiAqXG4gKiBGb3IgdGhlIHJvb3QgZWxlbWVudCwgeW91IGNhbjpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPjtcbiAqICogQ2hvb3NlIGEgPGI+dHlwZTwvYj4gb2YgbGF5b3V0OiAnU2ltcGxlJyBvciAnRGVmYXVsdCc7XG4gKiAqIENob29zZSB0aGUgPGI+c3RlcFNpemU8L2I+IG9mIHRoZSBzdGVwIGNvbXBvbmVudDogXCJ4c1wiLCBcInNtXCIsIFwibWRcIiwgXCJsZ1wiLCBcInhsXCIuIFRoZSBkZWZhdWx0IHNpemUgd2lsbCBiZVxuICogY29ycmVzcG9uZGVudCB0byB0aGUgY3VycmVudCBtZWRpYSBicmVha3BvaW50O1xuICogKiBDaG9vc2UgZWl0aGVyIHlvdSB3YW50IHRvIDxiPnNob3dUaXRsZXM8L2I+IG5lYXIgdG8gZWFjaCBzdGVwIGNvbXBvbmVudCBvciBhIHRvb3RsaXAgb24gaG92ZXI7XG4gKiAqIERlZmluZSBhIDxiPndpZHRoPC9iPiBvZiB0aGUgY29tcG9uZW50LiBJZiB5b3UgZG9uJ3QgZGVmaW5lIGFueSB2YWx1ZSBhbmQgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyBubyB0aXRsZVxuICogZGlzcGxheWVkIGFib3ZlLCB0aGUgd2lkdGggb2YgdGhlIHNlcGFyYXRvciBlbGVtZW50IHdpbGwgYmUgMTAwcHguXG4gKiBJZiB0aGUgc3RlcCBjb21wb25lbnQgaGFzIHRpdGxlcywgZWFjaCBvbmUgd2lsbCBoYXZlIDIxNXB4IG9mIHdpZHRoIGJ5IGRlZmF1bHQuXG4gKi9cbmV4cG9ydCBjb25zdCBIdlN0ZXBOYXZpZ2F0aW9uID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjbGFzc2VzLFxuICB3aWR0aCxcbiAgc3RlcHMsXG4gIHN0ZXBTaXplLFxuICBzaG93VGl0bGVzID0gdHJ1ZSxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIC8vIGN1cnJlbnQgYnJlYWtwb2ludCAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJ1xuICBjb25zdCBicmVha3BvaW50ID0gdXNlV2lkdGgoKTtcbiAgLy8gc3RlcCBjb25maWd1cmF0aW9uc1xuICBjb25zdCBzdGVwU2l6ZUtleSA9XG4gICAgc3RlcFNpemUgPz8gKFtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCkgPyBcInNtXCIgOiBcIm1kXCIpO1xuICBjb25zdCBoYXNUaXRsZXMgPSBzaG93VGl0bGVzID8/ICFbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpO1xuXG4gIGNvbnN0IHN0eWxlZExpID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwibGlcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkRGl2ID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwiZGl2XCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQgPSAoXG4gICAgdGl0bGUsXG4gICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgIHNlcGFyYXRvckhlaWdodCxcbiAgICBzZXBhcmF0b3JXaWR0aCxcbiAgICBiYWNrZ3JvdW5kQ29sb3JcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICBoZWlnaHQ6IHNlcGFyYXRvckhlaWdodCxcbiAgICAgIHdpZHRoOlxuICAgICAgICBzZXBhcmF0b3JXaWR0aCAtXG4gICAgICAgIDIgKlxuICAgICAgICAgIHBhcnNlSW50KFxuICAgICAgICAgICAgKGFjdGl2ZVRoZW1lPy5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW4gfHwgXCIwcHhcIikucmVwbGFjZShcbiAgICAgICAgICAgICAgXCJweFwiLFxuICAgICAgICAgICAgICBcIlwiXG4gICAgICAgICAgICApXG4gICAgICAgICAgKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW59YCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcyBrZXk9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfT5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNlcGFyYXRvciksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5zZXBhcmF0b3IsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnNlcGFyYXRvclxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goc2VwYXJhdG9yQ2xhc3NOYW1lKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGRyYXdJdGVtcyA9ICh7XG4gICAgc2VwYXJhdG9yVmFsdWVzOiB7IG1pbldpZHRoLCBtYXhXaWR0aCwgZ2V0Q29sb3IsIGhlaWdodCB9LFxuICAgIHN0ZXBWYWx1ZXM6IHsgbWluU2l6ZSwgbWF4U2l6ZSwgU3RlcENvbXBvbmVudCB9LFxuICB9OiBhbnkpID0+IHtcbiAgICBjb25zdCBpdGVtcyA9IHN0ZXBzLnJlZHVjZShcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPENsYXNzTmFtZXMga2V5PXtgc3RlcC0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgICAgIDxTdGVwQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5saSksXG4gICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAga2V5PXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxIdlRvb2x0aXBcbiAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1xuICAgICAgICAgICAgICAgICAgICAgIDxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgICAgIDxTdGVwXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmxpXG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGVwPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvSHZUb29sdGlwPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9DbGFzc05hbWVzPlxuICAgICAgICApO1xuICAgICAgICBpZiAoaW5kZXggPCBzdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgY29uc3Qgc2VwYXJhdG9yRWxlbWVudCA9IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQoXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICAgICAgICAgIGhlaWdodCxcbiAgICAgICAgICAgIFtzdGVwc1tpbmRleCArIDFdLnN0YXRlLCBzdGF0ZV0uaW5jbHVkZXMoXCJDdXJyZW50XCIpXG4gICAgICAgICAgICAgID8gbWluV2lkdGhcbiAgICAgICAgICAgICAgOiBtYXhXaWR0aCxcbiAgICAgICAgICAgIGdldENvbG9yKFxuICAgICAgICAgICAgICBzdGVwc1tpbmRleCArIDFdLnN0YXRlID09PSBcIkRpc2FibGVkXCIgPyBcIkRpc2FibGVkXCIgOiBzdGF0ZSxcbiAgICAgICAgICAgICAgdGhlbWVcbiAgICAgICAgICAgIClcbiAgICAgICAgICApO1xuICAgICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudCwgc2VwYXJhdG9yRWxlbWVudF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFsuLi5hY2MsIHN0ZXBFbGVtZW50XTtcbiAgICAgIH0sXG4gICAgICBbXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxvbFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLm9sKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLm9sLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5vbFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbXN9XG4gICAgICAgICAgPC9vbD5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldER5bmFtaWNWYWx1ZXMgPSAoc3RlcHNXaWR0aCkgPT4ge1xuICAgIGNvbnN0IG1heFdpZHRoID1cbiAgICAgIHdpZHRoPy5bYnJlYWtwb2ludF0gPz9cbiAgICAgIE1hdGgubWF4KFxuICAgICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIChUSVRMRV9XSURUSCArIFRJVExFX01BUkdJTikgKiBzdGVwcy5sZW5ndGggLVxuICAgICAgICAgIFRJVExFX01BUkdJTixcbiAgICAgICAgU0VQQVJBVE9SX1dJRFRIICogKHN0ZXBzLmxlbmd0aCAtIDEpICsgc3RlcHNXaWR0aFxuICAgICAgKTtcbiAgICAvLyBjb25zdCBuZXh0ID0gdGhlbWUuYnJlYWtwb2ludHMua2V5cy5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICBjb25zdCBuZXh0ID0gT2JqZWN0LmtleXModGhlbWUuYnJlYWtwb2ludHMudmFsdWVzKS5maW5kKChfLCBpbmRleCwgc2VsZikgPT5cbiAgICAgIGluZGV4IC0gMSA+PSAwID8gc2VsZltpbmRleCAtIDFdID09PSBicmVha3BvaW50IDogZmFsc2VcbiAgICApO1xuICAgIGNvbnN0IG5hdldpZHRoID1cbiAgICAgIChuZXh0ICYmXG4gICAgICAgIE1hdGgubWluKFxuICAgICAgICAgIG1heFdpZHRoLFxuICAgICAgICAgIGFjdGl2ZVRoZW1lPy5icmVha3BvaW50cy52YWx1ZXNbbmV4dF0gPz8gbWF4V2lkdGhcbiAgICAgICAgKSkgfHxcbiAgICAgIDA7XG4gICAgY29uc3QgdGl0bGVXaWR0aCA9XG4gICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIE1hdGguY2VpbCgobmF2V2lkdGggKyBUSVRMRV9NQVJHSU4pIC8gc3RlcHMubGVuZ3RoKTtcbiAgICBjb25zdCBzZXBhcmF0b3JXaWR0aCA9XG4gICAgICBOdW1iZXIoIWhhc1RpdGxlcykgKlxuICAgICAgTWF0aC5jZWlsKChuYXZXaWR0aCAtIHN0ZXBzV2lkdGgpIC8gKHN0ZXBzLmxlbmd0aCAtIDEpKTtcblxuICAgIHJldHVybiB7IHdpZHRoOiBuYXZXaWR0aCwgdGl0bGVXaWR0aCwgc2VwYXJhdG9yV2lkdGggfTtcbiAgfTtcblxuICBjb25zdCBzdHlsZWRUaXRsZSA9IChcbiAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICB2YXJpYW50LFxuICAgIHRpdGxlLFxuICAgIHRpdGxlV2lkdGgsXG4gICAgdGl0bGVEaXNhYmxlZFxuICApID0+IHtcbiAgICBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgIHdpZHRoOiB0aXRsZVdpZHRoIC0gVElUTEVfTUFSR0lOLFxuICAgICAgbWFyZ2luUmlnaHQ6IFRJVExFX01BUkdJTixcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGl0bGVcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY2xhc3NOYW1lPXt0aXRsZUNsYXNzTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e3RpdGxlRGlzYWJsZWR9XG4gICAgICAgIGtleT17YHRpdGxlLSR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUaXRsZT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldFRpdGxlcyA9IChnZXRUaXRsZVByb3BzKSA9PlxuICAgIGhhc1RpdGxlcyA/IChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMudGl0bGVzKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnRpdGxlcyxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8udGl0bGVzXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzdGVwcy5tYXAoKHsgdGl0bGU6IHJhd1RpdGxlLCBzdGF0ZSwgdGl0bGVDbGFzc05hbWUgfSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgICAgIHZhcmlhbnQgPSBcImxhYmVsXCIsXG4gICAgICAgICAgICAgICAgdGl0bGUgPSByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICB0aXRsZVdpZHRoID0gMCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkID0gZmFsc2UsXG4gICAgICAgICAgICAgIH0gPSBnZXRUaXRsZVByb3BzKHtcbiAgICAgICAgICAgICAgICBzdGF0ZSxcbiAgICAgICAgICAgICAgICByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIGxldCBUaXRsZSA9IHN0eWxlZFRpdGxlKFxuICAgICAgICAgICAgICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkXG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIHJldHVybiBUaXRsZTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IFN0ZXBOYXZpZ2F0aW9uID0ge1xuICAgIERlZmF1bHQ6IEh2RGVmYXVsdE5hdmlnYXRpb24sXG4gICAgU2ltcGxlOiBIdlNpbXBsZU5hdmlnYXRpb24sXG4gIH1bdHlwZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8U3RlcE5hdmlnYXRpb25cbiAgICAgICAgICB7Li4ue1xuICAgICAgICAgICAgbnVtU3RlcHM6IHN0ZXBzLmxlbmd0aCxcbiAgICAgICAgICAgIHN0ZXBTaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIGdldFRpdGxlcyxcbiAgICAgICAgICAgIGdldER5bmFtaWNWYWx1ZXMsXG4gICAgICAgICAgICBjbGFzc05hbWU6IGNsc3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMucm9vdClcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICAuLi5vdGhlcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgICAgICA8SHZCb3hcbiAgICAgICAgICAgICAgYXM9XCJuYXZcIlxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJhd0l0ZW1zKGl0ZW1zUHJvcHMpfVxuICAgICAgICAgICAgPC9IdkJveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0ZXBOYXZpZ2F0aW9uPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+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 * parseInt(((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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdxQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9sYWIvc3JjL2NvbXBvbmVudHMvU3RlcE5hdmlnYXRpb24vU3RlcE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZVByb3BzLFxuICBIdkJyZWFrcG9pbnRzLFxuICB1c2VUaGVtZSxcbiAgdXNlV2lkdGgsXG4gIEh2Qm94LFxuICBIdlRvb2x0aXAsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5pbXBvcnQgeyBIdkRlZmF1bHROYXZpZ2F0aW9uIH0gZnJvbSBcIi4vRGVmYXVsdE5hdmlnYXRpb25cIjtcbmltcG9ydCB7IEh2U2ltcGxlTmF2aWdhdGlvbiB9IGZyb20gXCIuL1NpbXBsZU5hdmlnYXRpb25cIjtcbmltcG9ydCB7IEh2U3RlcFByb3BzIH0gZnJvbSBcIi4vRGVmYXVsdE5hdmlnYXRpb24vU3RlcC9TdGVwXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9TdGVwTmF2aWdhdGlvbi5zdHlsZXNcIjtcbmltcG9ydCBzdGVwTmF2aWdhdGlvbkNsYXNzZXMsIHtcbiAgSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXMsXG59IGZyb20gXCIuL3N0ZXBOYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgU0VQQVJBVE9SX1dJRFRILCBUSVRMRV9NQVJHSU4sIFRJVExFX1dJRFRIIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U3RlcE5hdmlnYXRpb25Qcm9wcyBleHRlbmRzIEh2QmFzZVByb3BzIHtcbiAgLyoqIFR5cGUgb2Ygc3RlcCBuYXZpZ2F0aW9uLiBWYWx1ZXMgPSB7XCJTaW1wbGVcIiwgXCJEZWZhdWx0XCJ9ICovXG4gIHR5cGU/OiBcIlNpbXBsZVwiIHwgXCJEZWZhdWx0XCI7XG4gIC8qKiBTdGVwcyB0byBzaG93IG9uIHRoZSBjb21wb25lbnQuICovXG4gIHN0ZXBzOiBBcnJheTxcbiAgICBQaWNrPFxuICAgICAgSHZTdGVwUHJvcHMsXG4gICAgICBcInN0YXRlXCIgfCBcInRpdGxlXCIgfCBcIm9uQ2xpY2tcIiB8IFwiY2xhc3NOYW1lXCIgfCBcImRpc2FibGVkXCJcbiAgICA+ICYge1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgc2VwYXJhdG9yIGNvbXBvbmVudCBhZnRlciB0aGUgc3RlcC4gKi9cbiAgICAgIHNlcGFyYXRvckNsYXNzTmFtZT86IHN0cmluZztcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHRpdGxlIGNvbXBvbmVudCBhYm92ZSB0aGUgc3RlcC4gKi9cbiAgICAgIHRpdGxlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIH1cbiAgPjtcbiAgLyoqIFNldHMgb25lIG9mIHRoZSBzdGFuZGFyZCBzaXplcyBvZiB0aGUgc3RlcHMuICovXG4gIHN0ZXBTaXplPzogXCJ4c1wiIHwgXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiO1xuICAvKiogV2lkdGggb2YgdGhlIGNvbXBvbmVudCBlbGVtZW50IG9uIGVhY2ggYnJlYWtwb2ludCBzY3JlZW4gcmVzb2x1dGlvbi4gKi9cbiAgd2lkdGg/OiB7IFticmVha3BvaW50IGluIEh2QnJlYWtwb2ludHNdPzogbnVtYmVyIH07XG4gIC8qKiBEZWZpbmVzIGVpdGhlciBzaG93IGEgdGl0bGUgb3Igb25seSBhIHRvb2x0aXAgb24gZWFjaCBzdGVwIGNvbXBvbmVudC4gKi9cbiAgc2hvd1RpdGxlcz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBTdGVwTmF2aWdhdGlvbi4gKi9cbiAgY2xhc3Nlcz86IEh2U3RlcE5hdmlnYXRpb25DbGFzc2VzO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gcGFnZSB3aXRoIHN0ZXBzLlxuICpcbiAqIFlvdSBuZWVkIHRvIGRlZmluZSB0aGUgPGI+c3RlcHM8Yi8+IGRpc3BsYXllZCBvbiB0aGUgY29tcG9uZW50IHNvIHRoYXQgaXRzZWxmIGNhbiBiZSBkcmF3biBvbiB0aGUgVUkuXG4gKiBPbiBlYWNoIHN0ZXAsIHlvdSBuZWVkIHRvIGRlZmluZSBhIDxiPnN0YXRlPC9iPiAtICdQZW5kaW5nJywgJ0ZhaWxlZCcsICdDb21wbGV0ZWQnLCAnQ3VycmVudCcsICdEaXNhYmxlZCcgLVxuICogYW5kIGEgPGI+dGl0bGU8L2I+IHRvIGJlIHNob3duIGFzIGEgdG9vbHRpcCBvciBhIHRleHQgYWJvdmUgb2YgdGhlIHN0ZXAuIFlvdSBjYW4gYWxzbzpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPiBvbiBlYWNoIHN0ZXAgZWxlbWVudDtcbiAqICogRGVmaW5lIGEgPGI+c2VwYXJhdG9yQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgc2VwYXJhdG9yIGVsZW1lbnQuIFRoZSBkZWZhdWx0IGhlaWdodFxuICogdmFsdWVzIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCBhcmUgMnB4LzNweCBvbiAnU2ltcGxlJy8nRGVmYXVsdCcgbGF5b3V0cyByZXNwZWN0aXZlbHk7XG4gKiAqIERlZmluZSBhIDxiPnRpdGxlQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgdGl0bGUgYWJvdmUgZWFjaCBzdGVwIGVsZW1lbnQuXG4gKlxuICogRm9yIHRoZSByb290IGVsZW1lbnQsIHlvdSBjYW46XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj47XG4gKiAqIENob29zZSBhIDxiPnR5cGU8L2I+IG9mIGxheW91dDogJ1NpbXBsZScgb3IgJ0RlZmF1bHQnO1xuICogKiBDaG9vc2UgdGhlIDxiPnN0ZXBTaXplPC9iPiBvZiB0aGUgc3RlcCBjb21wb25lbnQ6IFwieHNcIiwgXCJzbVwiLCBcIm1kXCIsIFwibGdcIiwgXCJ4bFwiLiBUaGUgZGVmYXVsdCBzaXplIHdpbGwgYmVcbiAqIGNvcnJlc3BvbmRlbnQgdG8gdGhlIGN1cnJlbnQgbWVkaWEgYnJlYWtwb2ludDtcbiAqICogQ2hvb3NlIGVpdGhlciB5b3Ugd2FudCB0byA8Yj5zaG93VGl0bGVzPC9iPiBuZWFyIHRvIGVhY2ggc3RlcCBjb21wb25lbnQgb3IgYSB0b290bGlwIG9uIGhvdmVyO1xuICogKiBEZWZpbmUgYSA8Yj53aWR0aDwvYj4gb2YgdGhlIGNvbXBvbmVudC4gSWYgeW91IGRvbid0IGRlZmluZSBhbnkgdmFsdWUgYW5kIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgbm8gdGl0bGVcbiAqIGRpc3BsYXllZCBhYm92ZSwgdGhlIHdpZHRoIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCB3aWxsIGJlIDEwMHB4LlxuICogSWYgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyB0aXRsZXMsIGVhY2ggb25lIHdpbGwgaGF2ZSAyMTVweCBvZiB3aWR0aCBieSBkZWZhdWx0LlxuICovXG5leHBvcnQgY29uc3QgSHZTdGVwTmF2aWdhdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2xhc3NlcyxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyA9IHRydWUsXG4gIHR5cGUgPSBcIkRlZmF1bHRcIixcbiAgLi4ub3RoZXJzXG59OiBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAvLyBjdXJyZW50IGJyZWFrcG9pbnQgJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCdcbiAgY29uc3QgYnJlYWtwb2ludCA9IHVzZVdpZHRoKCk7XG4gIC8vIHN0ZXAgY29uZmlndXJhdGlvbnNcbiAgY29uc3Qgc3RlcFNpemVLZXkgPVxuICAgIHN0ZXBTaXplID8/IChbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpID8gXCJzbVwiIDogXCJtZFwiKTtcbiAgY29uc3QgaGFzVGl0bGVzID0gc2hvd1RpdGxlcyA/PyAhW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KTtcblxuICBjb25zdCBzdHlsZWRMaSA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImxpXCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZERpdiA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImRpdlwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWRTZXBhcmF0b3JFbGVtZW50ID0gKFxuICAgIHRpdGxlLFxuICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICBzZXBhcmF0b3JIZWlnaHQsXG4gICAgc2VwYXJhdG9yV2lkdGgsXG4gICAgYmFja2dyb3VuZENvbG9yXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZExpID0gc3R5bGVkKFwibGlcIikoe1xuICAgICAgaGVpZ2h0OiBzZXBhcmF0b3JIZWlnaHQsXG4gICAgICB3aWR0aDpcbiAgICAgICAgc2VwYXJhdG9yV2lkdGggLVxuICAgICAgICAyICpcbiAgICAgICAgICBwYXJzZUludChcbiAgICAgICAgICAgIChhY3RpdmVUaGVtZT8uc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2luIHx8IFwiMHB4XCIpLnJlcGxhY2UoXG4gICAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgICAgXCJcIlxuICAgICAgICAgICAgKVxuICAgICAgICAgICksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXMga2V5PXtgc2VwYXJhdG9yLSR7dGl0bGV9YH0+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRMaVxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zZXBhcmF0b3IpLFxuICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMuc2VwYXJhdG9yLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zZXBhcmF0b3JcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc2VwYXJhdG9yLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHNlcGFyYXRvckNsYXNzTmFtZSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU3R5bGVkTGk+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBkcmF3SXRlbXMgPSAoe1xuICAgIHNlcGFyYXRvclZhbHVlczogeyBtaW5XaWR0aCwgbWF4V2lkdGgsIGdldENvbG9yLCBoZWlnaHQgfSxcbiAgICBzdGVwVmFsdWVzOiB7IG1pblNpemUsIG1heFNpemUsIFN0ZXBDb21wb25lbnQgfSxcbiAgfTogYW55KSA9PiB7XG4gICAgY29uc3QgaXRlbXMgPSBzdGVwcy5yZWR1Y2UoXG4gICAgICAoYWNjLCB7IHN0YXRlLCB0aXRsZSwgc2VwYXJhdG9yQ2xhc3NOYW1lLCAuLi5wcm9wcyB9LCBpbmRleCk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclNpemUgPSBzdGF0ZSA9PT0gXCJDdXJyZW50XCIgPyBtYXhTaXplIDogbWluU2l6ZTtcbiAgICAgICAgY29uc3QgU3RlcENvbnRhaW5lciA9IHN0eWxlZExpKGNvbnRhaW5lclNpemUpO1xuICAgICAgICBjb25zdCBTdGVwID0gc3R5bGVkRGl2KE1hdGgubWF4KGNvbnRhaW5lclNpemUsIDMwKSk7XG4gICAgICAgIGNvbnN0IHN0ZXBQcm9wcyA9IHtcbiAgICAgICAgICAuLi57XG4gICAgICAgICAgICBzaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHN0ZXBFbGVtZW50ID0gKFxuICAgICAgICAgIDxDbGFzc05hbWVzIGtleT17YHN0ZXAtJHt0aXRsZX1gfT5cbiAgICAgICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgICAgICA8U3RlcENvbnRhaW5lclxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8ubGlcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2hhc1RpdGxlcyA/IChcbiAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8SHZUb29sdGlwXG4gICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgICAgICAgICA8SHZUeXBvZ3JhcGh5PntgJHtpbmRleCArIDF9LiAke3RpdGxlfWB9PC9IdlR5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc3RlcC1jb250YWluZXItJHt0aXRsZX1gfT5cbiAgICAgICAgICAgICAgICAgICAgICA8U3RlcFxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmxpKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L0h2VG9vbHRpcD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0ZXBDb250YWluZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8b2xcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5vbCksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5vbCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ub2xcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW1zfVxuICAgICAgICAgIDwvb2w+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzID0gKHN0ZXBzV2lkdGgpID0+IHtcbiAgICBjb25zdCBtYXhXaWR0aCA9XG4gICAgICB3aWR0aD8uW2JyZWFrcG9pbnRdID8/XG4gICAgICBNYXRoLm1heChcbiAgICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiAoVElUTEVfV0lEVEggKyBUSVRMRV9NQVJHSU4pICogc3RlcHMubGVuZ3RoIC1cbiAgICAgICAgICBUSVRMRV9NQVJHSU4sXG4gICAgICAgIFNFUEFSQVRPUl9XSURUSCAqIChzdGVwcy5sZW5ndGggLSAxKSArIHN0ZXBzV2lkdGhcbiAgICAgICk7XG4gICAgLy8gY29uc3QgbmV4dCA9IHRoZW1lLmJyZWFrcG9pbnRzLmtleXMuZmluZCgoXywgaW5kZXgsIHNlbGYpID0+XG4gICAgY29uc3QgbmV4dCA9IE9iamVjdC5rZXlzKHRoZW1lLmJyZWFrcG9pbnRzLnZhbHVlcykuZmluZCgoXywgaW5kZXgsIHNlbGYpID0+XG4gICAgICBpbmRleCAtIDEgPj0gMCA/IHNlbGZbaW5kZXggLSAxXSA9PT0gYnJlYWtwb2ludCA6IGZhbHNlXG4gICAgKTtcbiAgICBjb25zdCBuYXZXaWR0aCA9XG4gICAgICAobmV4dCAmJlxuICAgICAgICBNYXRoLm1pbihcbiAgICAgICAgICBtYXhXaWR0aCxcbiAgICAgICAgICBhY3RpdmVUaGVtZT8uYnJlYWtwb2ludHMudmFsdWVzW25leHRdID8/IG1heFdpZHRoXG4gICAgICAgICkpIHx8XG4gICAgICAwO1xuICAgIGNvbnN0IHRpdGxlV2lkdGggPVxuICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiBNYXRoLmNlaWwoKG5hdldpZHRoICsgVElUTEVfTUFSR0lOKSAvIHN0ZXBzLmxlbmd0aCk7XG4gICAgY29uc3Qgc2VwYXJhdG9yV2lkdGggPVxuICAgICAgTnVtYmVyKCFoYXNUaXRsZXMpICpcbiAgICAgIE1hdGguY2VpbCgobmF2V2lkdGggLSBzdGVwc1dpZHRoKSAvIChzdGVwcy5sZW5ndGggLSAxKSk7XG5cbiAgICByZXR1cm4geyB3aWR0aDogbmF2V2lkdGgsIHRpdGxlV2lkdGgsIHNlcGFyYXRvcldpZHRoIH07XG4gIH07XG5cbiAgY29uc3Qgc3R5bGVkVGl0bGUgPSAoXG4gICAgdGl0bGVDbGFzc05hbWUsXG4gICAgdmFyaWFudCxcbiAgICB0aXRsZSxcbiAgICB0aXRsZVdpZHRoLFxuICAgIHRpdGxlRGlzYWJsZWRcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB3aWR0aDogdGl0bGVXaWR0aCAtIFRJVExFX01BUkdJTixcbiAgICAgIG1hcmdpblJpZ2h0OiBUSVRMRV9NQVJHSU4sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRpdGxlXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsYXNzTmFtZT17dGl0bGVDbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXt0aXRsZURpc2FibGVkfVxuICAgICAgICBrZXk9e2B0aXRsZS0ke3RpdGxlfWB9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGl0bGU+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXRUaXRsZXMgPSAoZ2V0VGl0bGVQcm9wcykgPT5cbiAgICBoYXNUaXRsZXMgPyAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnRpdGxlcyksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy50aXRsZXMsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnRpdGxlc1xuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c3RlcHMubWFwKCh7IHRpdGxlOiByYXdUaXRsZSwgc3RhdGUsIHRpdGxlQ2xhc3NOYW1lIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgICAgICB2YXJpYW50ID0gXCJsYWJlbFwiLFxuICAgICAgICAgICAgICAgIHRpdGxlID0gcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCA9IDAsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgICAgICAgICB9ID0gZ2V0VGl0bGVQcm9wcyh7XG4gICAgICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICAgICAgcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgbnVtYmVyOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICBsZXQgVGl0bGUgPSBzdHlsZWRUaXRsZShcbiAgICAgICAgICAgICAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICB2YXJpYW50LFxuICAgICAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgICAgIHRpdGxlV2lkdGgsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByZXR1cm4gVGl0bGU7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICAgICAgey4uLntcbiAgICAgICAgICAgIG51bVN0ZXBzOiBzdGVwcy5sZW5ndGgsXG4gICAgICAgICAgICBzdGVwU2l6ZTogc3RlcFNpemVLZXksXG4gICAgICAgICAgICBnZXRUaXRsZXMsXG4gICAgICAgICAgICBnZXREeW5hbWljVmFsdWVzLFxuICAgICAgICAgICAgY2xhc3NOYW1lOiBjbHN4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJvb3QpXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgLi4ub3RoZXJzLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7KHsgc3RlcHNXaWR0aCwgbmF2V2lkdGgsIC4uLml0ZW1zUHJvcHMgfSkgPT4gKFxuICAgICAgICAgICAgPEh2Qm94XG4gICAgICAgICAgICAgIGFzPVwibmF2XCJcbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICB3aWR0aDogYCR7bmF2V2lkdGh9cHhgLFxuICAgICAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2RyYXdJdGVtcyhpdGVtc1Byb3BzKX1cbiAgICAgICAgICAgIDwvSHZCb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGVwTmF2aWdhdGlvbj5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcbiJdfQ== */");
+    return /* @__PURE__ */ jsx(ClassNames, {
+      children: ({
+        css
+      }) => /* @__PURE__ */ jsx(StyledLi, {
+        "aria-hidden": true,
+        className: clsx(css(styles.separator), stepNavigationClasses.separator, classes == null ? void 0 : classes.separator),
+        children: /* @__PURE__ */ jsx("div", {
+          "aria-label": `separator-${title}`,
+          className: clsx(separatorClassName)
+        })
+      })
+    }, `separator-${title}`);
+  };
+  const drawItems = ({
+    separatorValues: {
+      minWidth,
+      maxWidth,
+      getColor,
+      height
+    },
+    stepValues: {
+      minSize,
+      maxSize,
+      StepComponent
+    }
+  }) => {
+    const items = steps.reduce((acc, {
+      state,
+      title,
+      separatorClassName,
+      ...props
+    }, index) => {
+      const containerSize = state === "Current" ? maxSize : minSize;
+      const StepContainer = styledLi(containerSize);
+      const Step = styledDiv(Math.max(containerSize, 30));
+      const stepProps = {
+        ...{
+          size: stepSizeKey,
+          state,
+          title,
+          number: index + 1,
+          ...props
+        }
+      };
+      const stepElement = /* @__PURE__ */ jsx(ClassNames, {
+        children: ({
+          css
+        }) => /* @__PURE__ */ jsx(StepContainer, {
+          className: clsx(css(styles.li), stepNavigationClasses.li, classes == null ? void 0 : classes.li),
+          children: hasTitles ? /* @__PURE__ */ jsx(StepComponent, {
+            "aria-label": `step-${title}`,
+            ...stepProps
+          }, `step-${title}`) : /* @__PURE__ */ jsx(HvTooltip, {
+            placement: "bottom",
+            title: /* @__PURE__ */ jsx(HvTypography, {
+              children: `${index + 1}. ${title}`
+            }),
+            children: /* @__PURE__ */ jsx("div", {
+              "aria-label": `step-container-${title}`,
+              children: /* @__PURE__ */ jsx(Step, {
+                className: clsx(css(styles.li), stepNavigationClasses.li, classes == null ? void 0 : classes.li),
+                children: /* @__PURE__ */ jsx(StepComponent, {
+                  "aria-label": `step-${title}`,
+                  ...stepProps
+                })
+              })
+            })
+          })
+        })
+      }, `step-${title}`);
+      if (index < steps.length - 1) {
+        const separatorElement = styledSeparatorElement(title, separatorClassName, height, [steps[index + 1].state, state].includes("Current") ? minWidth : maxWidth, getColor(steps[index + 1].state === "Disabled" ? "Disabled" : state, theme));
+        return [...acc, stepElement, separatorElement];
+      }
+      return [...acc, stepElement];
+    }, []);
+    return /* @__PURE__ */ jsx(ClassNames, {
+      children: ({
+        css
+      }) => /* @__PURE__ */ jsx("ol", {
+        className: clsx(css(styles.ol), stepNavigationClasses.ol, classes == null ? void 0 : classes.ol),
+        children: items
+      })
+    });
+  };
+  const getDynamicValues = (stepsWidth) => {
+    const maxWidth = (width == null ? void 0 : width[breakpoint]) ?? Math.max(Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length - TITLE_MARGIN, SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth);
+    const next = Object.keys(theme.breakpoints.values).find((_, index, self) => index - 1 >= 0 ? self[index - 1] === breakpoint : false);
+    const navWidth = next && Math.min(maxWidth, (activeTheme == null ? void 0 : activeTheme.breakpoints.values[next]) ?? maxWidth) || 0;
+    const titleWidth = Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);
+    const separatorWidth = Number(!hasTitles) * Math.ceil((navWidth - stepsWidth) / (steps.length - 1));
+    return {
+      width: navWidth,
+      titleWidth,
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbVJ3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9sYWIvc3JjL2NvbXBvbmVudHMvU3RlcE5hdmlnYXRpb24vU3RlcE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZVByb3BzLFxuICBIdkJyZWFrcG9pbnRzLFxuICB1c2VUaGVtZSxcbiAgdXNlV2lkdGgsXG4gIEh2Qm94LFxuICBIdlRvb2x0aXAsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5pbXBvcnQgeyBIdkRlZmF1bHROYXZpZ2F0aW9uIH0gZnJvbSBcIi4vRGVmYXVsdE5hdmlnYXRpb25cIjtcbmltcG9ydCB7IEh2U2ltcGxlTmF2aWdhdGlvbiB9IGZyb20gXCIuL1NpbXBsZU5hdmlnYXRpb25cIjtcbmltcG9ydCB7IEh2U3RlcFByb3BzIH0gZnJvbSBcIi4vRGVmYXVsdE5hdmlnYXRpb24vU3RlcC9TdGVwXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9TdGVwTmF2aWdhdGlvbi5zdHlsZXNcIjtcbmltcG9ydCBzdGVwTmF2aWdhdGlvbkNsYXNzZXMsIHtcbiAgSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXMsXG59IGZyb20gXCIuL3N0ZXBOYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgU0VQQVJBVE9SX1dJRFRILCBUSVRMRV9NQVJHSU4sIFRJVExFX1dJRFRIIH0gZnJvbSBcIi4vdXRpbHNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U3RlcE5hdmlnYXRpb25Qcm9wcyBleHRlbmRzIEh2QmFzZVByb3BzIHtcbiAgLyoqIFR5cGUgb2Ygc3RlcCBuYXZpZ2F0aW9uLiBWYWx1ZXMgPSB7XCJTaW1wbGVcIiwgXCJEZWZhdWx0XCJ9ICovXG4gIHR5cGU/OiBcIlNpbXBsZVwiIHwgXCJEZWZhdWx0XCI7XG4gIC8qKiBTdGVwcyB0byBzaG93IG9uIHRoZSBjb21wb25lbnQuICovXG4gIHN0ZXBzOiBBcnJheTxcbiAgICBQaWNrPFxuICAgICAgSHZTdGVwUHJvcHMsXG4gICAgICBcInN0YXRlXCIgfCBcInRpdGxlXCIgfCBcIm9uQ2xpY2tcIiB8IFwiY2xhc3NOYW1lXCIgfCBcImRpc2FibGVkXCJcbiAgICA+ICYge1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgc2VwYXJhdG9yIGNvbXBvbmVudCBhZnRlciB0aGUgc3RlcC4gKi9cbiAgICAgIHNlcGFyYXRvckNsYXNzTmFtZT86IHN0cmluZztcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHRpdGxlIGNvbXBvbmVudCBhYm92ZSB0aGUgc3RlcC4gKi9cbiAgICAgIHRpdGxlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIH1cbiAgPjtcbiAgLyoqIFNldHMgb25lIG9mIHRoZSBzdGFuZGFyZCBzaXplcyBvZiB0aGUgc3RlcHMuICovXG4gIHN0ZXBTaXplPzogXCJ4c1wiIHwgXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiO1xuICAvKiogV2lkdGggb2YgdGhlIGNvbXBvbmVudCBlbGVtZW50IG9uIGVhY2ggYnJlYWtwb2ludCBzY3JlZW4gcmVzb2x1dGlvbi4gKi9cbiAgd2lkdGg/OiB7IFticmVha3BvaW50IGluIEh2QnJlYWtwb2ludHNdPzogbnVtYmVyIH07XG4gIC8qKiBEZWZpbmVzIGVpdGhlciBzaG93IGEgdGl0bGUgb3Igb25seSBhIHRvb2x0aXAgb24gZWFjaCBzdGVwIGNvbXBvbmVudC4gKi9cbiAgc2hvd1RpdGxlcz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBTdGVwTmF2aWdhdGlvbi4gKi9cbiAgY2xhc3Nlcz86IEh2U3RlcE5hdmlnYXRpb25DbGFzc2VzO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gcGFnZSB3aXRoIHN0ZXBzLlxuICpcbiAqIFlvdSBuZWVkIHRvIGRlZmluZSB0aGUgPGI+c3RlcHM8Yi8+IGRpc3BsYXllZCBvbiB0aGUgY29tcG9uZW50IHNvIHRoYXQgaXRzZWxmIGNhbiBiZSBkcmF3biBvbiB0aGUgVUkuXG4gKiBPbiBlYWNoIHN0ZXAsIHlvdSBuZWVkIHRvIGRlZmluZSBhIDxiPnN0YXRlPC9iPiAtICdQZW5kaW5nJywgJ0ZhaWxlZCcsICdDb21wbGV0ZWQnLCAnQ3VycmVudCcsICdEaXNhYmxlZCcgLVxuICogYW5kIGEgPGI+dGl0bGU8L2I+IHRvIGJlIHNob3duIGFzIGEgdG9vbHRpcCBvciBhIHRleHQgYWJvdmUgb2YgdGhlIHN0ZXAuIFlvdSBjYW4gYWxzbzpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPiBvbiBlYWNoIHN0ZXAgZWxlbWVudDtcbiAqICogRGVmaW5lIGEgPGI+c2VwYXJhdG9yQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgc2VwYXJhdG9yIGVsZW1lbnQuIFRoZSBkZWZhdWx0IGhlaWdodFxuICogdmFsdWVzIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCBhcmUgMnB4LzNweCBvbiAnU2ltcGxlJy8nRGVmYXVsdCcgbGF5b3V0cyByZXNwZWN0aXZlbHk7XG4gKiAqIERlZmluZSBhIDxiPnRpdGxlQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgdGl0bGUgYWJvdmUgZWFjaCBzdGVwIGVsZW1lbnQuXG4gKlxuICogRm9yIHRoZSByb290IGVsZW1lbnQsIHlvdSBjYW46XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj47XG4gKiAqIENob29zZSBhIDxiPnR5cGU8L2I+IG9mIGxheW91dDogJ1NpbXBsZScgb3IgJ0RlZmF1bHQnO1xuICogKiBDaG9vc2UgdGhlIDxiPnN0ZXBTaXplPC9iPiBvZiB0aGUgc3RlcCBjb21wb25lbnQ6IFwieHNcIiwgXCJzbVwiLCBcIm1kXCIsIFwibGdcIiwgXCJ4bFwiLiBUaGUgZGVmYXVsdCBzaXplIHdpbGwgYmVcbiAqIGNvcnJlc3BvbmRlbnQgdG8gdGhlIGN1cnJlbnQgbWVkaWEgYnJlYWtwb2ludDtcbiAqICogQ2hvb3NlIGVpdGhlciB5b3Ugd2FudCB0byA8Yj5zaG93VGl0bGVzPC9iPiBuZWFyIHRvIGVhY2ggc3RlcCBjb21wb25lbnQgb3IgYSB0b290bGlwIG9uIGhvdmVyO1xuICogKiBEZWZpbmUgYSA8Yj53aWR0aDwvYj4gb2YgdGhlIGNvbXBvbmVudC4gSWYgeW91IGRvbid0IGRlZmluZSBhbnkgdmFsdWUgYW5kIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgbm8gdGl0bGVcbiAqIGRpc3BsYXllZCBhYm92ZSwgdGhlIHdpZHRoIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCB3aWxsIGJlIDEwMHB4LlxuICogSWYgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyB0aXRsZXMsIGVhY2ggb25lIHdpbGwgaGF2ZSAyMTVweCBvZiB3aWR0aCBieSBkZWZhdWx0LlxuICovXG5leHBvcnQgY29uc3QgSHZTdGVwTmF2aWdhdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2xhc3NlcyxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyA9IHRydWUsXG4gIHR5cGUgPSBcIkRlZmF1bHRcIixcbiAgLi4ub3RoZXJzXG59OiBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAvLyBjdXJyZW50IGJyZWFrcG9pbnQgJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCdcbiAgY29uc3QgYnJlYWtwb2ludCA9IHVzZVdpZHRoKCk7XG4gIC8vIHN0ZXAgY29uZmlndXJhdGlvbnNcbiAgY29uc3Qgc3RlcFNpemVLZXkgPVxuICAgIHN0ZXBTaXplID8/IChbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpID8gXCJzbVwiIDogXCJtZFwiKTtcbiAgY29uc3QgaGFzVGl0bGVzID0gc2hvd1RpdGxlcyA/PyAhW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KTtcblxuICBjb25zdCBzdHlsZWRMaSA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImxpXCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZERpdiA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImRpdlwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWRTZXBhcmF0b3JFbGVtZW50ID0gKFxuICAgIHRpdGxlLFxuICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICBzZXBhcmF0b3JIZWlnaHQsXG4gICAgc2VwYXJhdG9yV2lkdGgsXG4gICAgYmFja2dyb3VuZENvbG9yXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZExpID0gc3R5bGVkKFwibGlcIikoe1xuICAgICAgaGVpZ2h0OiBzZXBhcmF0b3JIZWlnaHQsXG4gICAgICB3aWR0aDpcbiAgICAgICAgc2VwYXJhdG9yV2lkdGggLVxuICAgICAgICAyICpcbiAgICAgICAgICBwYXJzZUludChcbiAgICAgICAgICAgIChhY3RpdmVUaGVtZT8uc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2luIHx8IFwiMHB4XCIpLnJlcGxhY2UoXG4gICAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgICAgXCJcIlxuICAgICAgICAgICAgKVxuICAgICAgICAgICksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXMga2V5PXtgc2VwYXJhdG9yLSR7dGl0bGV9YH0+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRMaVxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zZXBhcmF0b3IpLFxuICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMuc2VwYXJhdG9yLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zZXBhcmF0b3JcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc2VwYXJhdG9yLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHNlcGFyYXRvckNsYXNzTmFtZSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU3R5bGVkTGk+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBkcmF3SXRlbXMgPSAoe1xuICAgIHNlcGFyYXRvclZhbHVlczogeyBtaW5XaWR0aCwgbWF4V2lkdGgsIGdldENvbG9yLCBoZWlnaHQgfSxcbiAgICBzdGVwVmFsdWVzOiB7IG1pblNpemUsIG1heFNpemUsIFN0ZXBDb21wb25lbnQgfSxcbiAgfTogYW55KSA9PiB7XG4gICAgY29uc3QgaXRlbXMgPSBzdGVwcy5yZWR1Y2UoXG4gICAgICAoYWNjLCB7IHN0YXRlLCB0aXRsZSwgc2VwYXJhdG9yQ2xhc3NOYW1lLCAuLi5wcm9wcyB9LCBpbmRleCk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclNpemUgPSBzdGF0ZSA9PT0gXCJDdXJyZW50XCIgPyBtYXhTaXplIDogbWluU2l6ZTtcbiAgICAgICAgY29uc3QgU3RlcENvbnRhaW5lciA9IHN0eWxlZExpKGNvbnRhaW5lclNpemUpO1xuICAgICAgICBjb25zdCBTdGVwID0gc3R5bGVkRGl2KE1hdGgubWF4KGNvbnRhaW5lclNpemUsIDMwKSk7XG4gICAgICAgIGNvbnN0IHN0ZXBQcm9wcyA9IHtcbiAgICAgICAgICAuLi57XG4gICAgICAgICAgICBzaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHN0ZXBFbGVtZW50ID0gKFxuICAgICAgICAgIDxDbGFzc05hbWVzIGtleT17YHN0ZXAtJHt0aXRsZX1gfT5cbiAgICAgICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgICAgICA8U3RlcENvbnRhaW5lclxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8ubGlcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2hhc1RpdGxlcyA/IChcbiAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8SHZUb29sdGlwXG4gICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgICAgICAgICA8SHZUeXBvZ3JhcGh5PntgJHtpbmRleCArIDF9LiAke3RpdGxlfWB9PC9IdlR5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc3RlcC1jb250YWluZXItJHt0aXRsZX1gfT5cbiAgICAgICAgICAgICAgICAgICAgICA8U3RlcFxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmxpKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L0h2VG9vbHRpcD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0ZXBDb250YWluZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8b2xcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5vbCksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5vbCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ub2xcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW1zfVxuICAgICAgICAgIDwvb2w+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzID0gKHN0ZXBzV2lkdGgpID0+IHtcbiAgICBjb25zdCBtYXhXaWR0aCA9XG4gICAgICB3aWR0aD8uW2JyZWFrcG9pbnRdID8/XG4gICAgICBNYXRoLm1heChcbiAgICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiAoVElUTEVfV0lEVEggKyBUSVRMRV9NQVJHSU4pICogc3RlcHMubGVuZ3RoIC1cbiAgICAgICAgICBUSVRMRV9NQVJHSU4sXG4gICAgICAgIFNFUEFSQVRPUl9XSURUSCAqIChzdGVwcy5sZW5ndGggLSAxKSArIHN0ZXBzV2lkdGhcbiAgICAgICk7XG4gICAgLy8gY29uc3QgbmV4dCA9IHRoZW1lLmJyZWFrcG9pbnRzLmtleXMuZmluZCgoXywgaW5kZXgsIHNlbGYpID0+XG4gICAgY29uc3QgbmV4dCA9IE9iamVjdC5rZXlzKHRoZW1lLmJyZWFrcG9pbnRzLnZhbHVlcykuZmluZCgoXywgaW5kZXgsIHNlbGYpID0+XG4gICAgICBpbmRleCAtIDEgPj0gMCA/IHNlbGZbaW5kZXggLSAxXSA9PT0gYnJlYWtwb2ludCA6IGZhbHNlXG4gICAgKTtcbiAgICBjb25zdCBuYXZXaWR0aCA9XG4gICAgICAobmV4dCAmJlxuICAgICAgICBNYXRoLm1pbihcbiAgICAgICAgICBtYXhXaWR0aCxcbiAgICAgICAgICBhY3RpdmVUaGVtZT8uYnJlYWtwb2ludHMudmFsdWVzW25leHRdID8/IG1heFdpZHRoXG4gICAgICAgICkpIHx8XG4gICAgICAwO1xuICAgIGNvbnN0IHRpdGxlV2lkdGggPVxuICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiBNYXRoLmNlaWwoKG5hdldpZHRoICsgVElUTEVfTUFSR0lOKSAvIHN0ZXBzLmxlbmd0aCk7XG4gICAgY29uc3Qgc2VwYXJhdG9yV2lkdGggPVxuICAgICAgTnVtYmVyKCFoYXNUaXRsZXMpICpcbiAgICAgIE1hdGguY2VpbCgobmF2V2lkdGggLSBzdGVwc1dpZHRoKSAvIChzdGVwcy5sZW5ndGggLSAxKSk7XG5cbiAgICByZXR1cm4geyB3aWR0aDogbmF2V2lkdGgsIHRpdGxlV2lkdGgsIHNlcGFyYXRvcldpZHRoIH07XG4gIH07XG5cbiAgY29uc3Qgc3R5bGVkVGl0bGUgPSAoXG4gICAgdGl0bGVDbGFzc05hbWUsXG4gICAgdmFyaWFudCxcbiAgICB0aXRsZSxcbiAgICB0aXRsZVdpZHRoLFxuICAgIHRpdGxlRGlzYWJsZWRcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB3aWR0aDogdGl0bGVXaWR0aCAtIFRJVExFX01BUkdJTixcbiAgICAgIG1hcmdpblJpZ2h0OiBUSVRMRV9NQVJHSU4sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRpdGxlXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsYXNzTmFtZT17dGl0bGVDbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXt0aXRsZURpc2FibGVkfVxuICAgICAgICBrZXk9e2B0aXRsZS0ke3RpdGxlfWB9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGl0bGU+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXRUaXRsZXMgPSAoZ2V0VGl0bGVQcm9wcykgPT5cbiAgICBoYXNUaXRsZXMgPyAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnRpdGxlcyksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy50aXRsZXMsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnRpdGxlc1xuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c3RlcHMubWFwKCh7IHRpdGxlOiByYXdUaXRsZSwgc3RhdGUsIHRpdGxlQ2xhc3NOYW1lIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgICAgICB2YXJpYW50ID0gXCJsYWJlbFwiLFxuICAgICAgICAgICAgICAgIHRpdGxlID0gcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCA9IDAsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgICAgICAgICB9ID0gZ2V0VGl0bGVQcm9wcyh7XG4gICAgICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICAgICAgcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgbnVtYmVyOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICBsZXQgVGl0bGUgPSBzdHlsZWRUaXRsZShcbiAgICAgICAgICAgICAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICB2YXJpYW50LFxuICAgICAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgICAgIHRpdGxlV2lkdGgsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByZXR1cm4gVGl0bGU7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICAgICAgey4uLntcbiAgICAgICAgICAgIG51bVN0ZXBzOiBzdGVwcy5sZW5ndGgsXG4gICAgICAgICAgICBzdGVwU2l6ZTogc3RlcFNpemVLZXksXG4gICAgICAgICAgICBnZXRUaXRsZXMsXG4gICAgICAgICAgICBnZXREeW5hbWljVmFsdWVzLFxuICAgICAgICAgICAgY2xhc3NOYW1lOiBjbHN4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJvb3QpXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgLi4ub3RoZXJzLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7KHsgc3RlcHNXaWR0aCwgbmF2V2lkdGgsIC4uLml0ZW1zUHJvcHMgfSkgPT4gKFxuICAgICAgICAgICAgPEh2Qm94XG4gICAgICAgICAgICAgIGFzPVwibmF2XCJcbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICB3aWR0aDogYCR7bmF2V2lkdGh9cHhgLFxuICAgICAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2RyYXdJdGVtcyhpdGVtc1Byb3BzKX1cbiAgICAgICAgICAgIDwvSHZCb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGVwTmF2aWdhdGlvbj5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcbiJdfQ== */");
+    return /* @__PURE__ */ jsx(StyledTitle, {
+      variant,
+      className: titleClassName,
+      disabled: titleDisabled,
+      children: title
+    }, `title-${title}`);
+  };
+  const getTitles = (getTitleProps) => hasTitles ? /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsx("div", {
+      className: clsx(css(styles.titles), stepNavigationClasses.titles, classes == null ? void 0 : classes.titles),
+      children: steps.map(({
+        title: rawTitle,
+        state,
+        titleClassName
+      }, index) => {
+        const {
+          variant = "label",
+          title = rawTitle,
+          titleWidth = 0,
+          titleDisabled = false
+        } = getTitleProps({
+          state,
+          rawTitle,
+          number: index + 1
+        });
+        let Title = styledTitle(titleClassName, variant, title, titleWidth, titleDisabled);
+        return Title;
+      })
+    })
+  }) : null;
+  const StepNavigation = {
+    Default: HvDefaultNavigation,
+    Simple: HvSimpleNavigation
+  }[type];
+  return /* @__PURE__ */ jsx(ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsx(StepNavigation, {
+      numSteps: steps.length,
+      stepSize: stepSizeKey,
+      getTitles,
+      getDynamicValues,
+      className: clsx(className, stepNavigationClasses.root, classes == null ? void 0 : classes.root, css(styles.root)),
+      ...others,
+      children: ({
+        stepsWidth,
+        navWidth,
+        ...itemsProps
+      }) => /* @__PURE__ */ jsx(HvBox, {
+        as: "nav",
+        style: {
+          width: `${navWidth}px`,
+          margin: 0
+        },
+        children: drawItems(itemsProps)
+      })
+    })
+  });
+};
+export {
+  HvStepNavigation
+};
+//# sourceMappingURL=StepNavigation.js.map

package/dist/esm/packages/lab/src/components/StepNavigation/StepNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.js","sources":["../../../../../../../src/components/StepNavigation/StepNavigation.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseProps,\n  HvBreakpoints,\n  useTheme,\n  useWidth,\n  HvBox,\n  HvTooltip,\n  HvTypography,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvDefaultNavigation } from \"./DefaultNavigation\";\nimport { HvSimpleNavigation } from \"./SimpleNavigation\";\nimport { HvStepProps } from \"./DefaultNavigation/Step/Step\";\nimport { styles } from \"./StepNavigation.styles\";\nimport stepNavigationClasses, {\n  HvStepNavigationClasses,\n} from \"./stepNavigationClasses\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\nimport styled from \"@emotion/styled\";\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 tootlip 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,\n  width,\n  steps,\n  stepSize,\n  showTitles = true,\n  type = \"Default\",\n  ...others\n}: HvStepNavigationProps) => {\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          parseInt(\n            (activeTheme?.stepNavigation.separatorMargin || \"0px\").replace(\n              \"px\",\n              \"\"\n            )\n          ),\n      backgroundColor,\n      margin: `0 ${theme.stepNavigation.separatorMargin}`,\n    });\n\n    return (\n      <ClassNames key={`separator-${title}`}>\n        {({ css }) => (\n          <StyledLi\n            aria-hidden\n            className={clsx(\n              css(styles.separator),\n              stepNavigationClasses.separator,\n              classes?.separator\n            )}\n          >\n            <div\n              aria-label={`separator-${title}`}\n              className={clsx(separatorClassName)}\n            />\n          </StyledLi>\n        )}\n      </ClassNames>\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          <ClassNames key={`step-${title}`}>\n            {({ css }) => (\n              <StepContainer\n                className={clsx(\n                  css(styles.li),\n                  stepNavigationClasses.li,\n                  classes?.li\n                )}\n              >\n                {hasTitles ? (\n                  <StepComponent\n                    key={`step-${title}`}\n                    aria-label={`step-${title}`}\n                    {...stepProps}\n                  />\n                ) : (\n                  <HvTooltip\n                    placement=\"bottom\"\n                    title={\n                      <HvTypography>{`${index + 1}. ${title}`}</HvTypography>\n                    }\n                  >\n                    <div aria-label={`step-container-${title}`}>\n                      <Step\n                        className={clsx(\n                          css(styles.li),\n                          stepNavigationClasses.li,\n                          classes?.li\n                        )}\n                      >\n                        <StepComponent\n                          aria-label={`step-${title}`}\n                          {...stepProps}\n                        />\n                      </Step>\n                    </div>\n                  </HvTooltip>\n                )}\n              </StepContainer>\n            )}\n          </ClassNames>\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 (\n      <ClassNames>\n        {({ css }) => (\n          <ol\n            className={clsx(\n              css(styles.ol),\n              stepNavigationClasses.ol,\n              classes?.ol\n            )}\n          >\n            {items}\n          </ol>\n        )}\n      </ClassNames>\n    );\n  };\n\n  const getDynamicValues = (stepsWidth) => {\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 = theme.breakpoints.keys.find((_, index, self) =>\n    const next = Object.keys(theme.breakpoints.values).find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n    const navWidth =\n      (next &&\n        Math.min(\n          maxWidth,\n          activeTheme?.breakpoints.values[next] ?? maxWidth\n        )) ||\n      0;\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\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      <ClassNames>\n        {({ css }) => (\n          <div\n            className={clsx(\n              css(styles.titles),\n              stepNavigationClasses.titles,\n              classes?.titles\n            )}\n          >\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              let Title = styledTitle(\n                titleClassName,\n                variant,\n                title,\n                titleWidth,\n                titleDisabled\n              );\n              return Title;\n            })}\n          </div>\n        )}\n      </ClassNames>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StepNavigation\n          {...{\n            numSteps: steps.length,\n            stepSize: stepSizeKey,\n            getTitles,\n            getDynamicValues,\n            className: clsx(\n              className,\n              stepNavigationClasses.root,\n              classes?.root,\n              css(styles.root)\n            ),\n            ...others,\n          }}\n        >\n          {({ stepsWidth, navWidth, ...itemsProps }) => (\n            <HvBox\n              as=\"nav\"\n              style={{\n                width: `${navWidth}px`,\n                margin: 0,\n              }}\n            >\n              {drawItems(itemsProps)}\n            </HvBox>\n          )}\n        </StepNavigation>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvStepNavigation","className","classes","width","steps","stepSize","showTitles","type","others","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","parseInt","stepNavigation","separatorMargin","replace","margin","theme","ClassNames","children","css","clsx","styles","separator","stepNavigationClasses","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","Number","TITLE_WIDTH","TITLE_MARGIN","SEPARATOR_WIDTH","next","Object","keys","breakpoints","values","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","as","style"],"mappings":"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"}

package/dist/{modern/StepNavigation/styles.js → esm/packages/lab/src/components/StepNavigation/StepNavigation.styles.js}

@@ -1,9 +1,10 @@
-const styles = () => ({
+const styles = {
   root: {
     display: "flex",
     flexDirection: "column"
   },
   titles: {
+    marginTop: 8,
     display: "flex"
   },
   ol: {
@@ -25,6 +26,8 @@ const styles = () => ({
       display: "flex"
     }
   }
-});
-export default styles;
-//# sourceMappingURL=styles.js.map
+};
+export {
+  styles
+};
+//# sourceMappingURL=StepNavigation.styles.js.map

package/dist/esm/packages/lab/src/components/StepNavigation/StepNavigation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.styles.js","sources":["../../../../../../../src/components/StepNavigation/StepNavigation.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    marginTop: 8,\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n};\n"],"names":["styles","root","display","flexDirection","titles","marginTop","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"mappings":"AAEO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXH,SAAS;AAAA,EACX;AAAA,EACAI,IAAI;AAAA,IACFJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,WAAW;AAAA,EACb;AAAA,EACAC,IAAI;AAAA,IACFV,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAK,WAAW;AAAA,IACTC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;"}

package/dist/esm/packages/lab/src/components/StepNavigation/stepNavigationClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "@hitachivantara/uikit-react-core";
+const classKeys = ["root", "li", "ol", "separator", "titles"];
+const stepNavigationClasses = getClasses(classKeys, "HvStepNavigation");
+const stepNavigationClasses$1 = stepNavigationClasses;
+export {
+  stepNavigationClasses$1 as default
+};
+//# sourceMappingURL=stepNavigationClasses.js.map

package/dist/esm/packages/lab/src/components/StepNavigation/stepNavigationClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepNavigationClasses.js","sources":["../../../../../../../src/components/StepNavigation/stepNavigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport type HvStepNavigationClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the title element. */\n  titles?: string;\n  /** Styles applied to the li element. */\n  li?: string;\n  /**  Styles applied to the ol element. */\n  ol?: string;\n  /** Styles applied to the separator element. */\n  separator?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"li\", \"ol\", \"separator\", \"titles\"];\n\nconst stepNavigationClasses = getClasses<HvStepNavigationClasses>(\n  classKeys,\n  \"HvStepNavigation\"\n);\n\nexport default stepNavigationClasses;\n"],"names":["classKeys","stepNavigationClasses","getClasses"],"mappings":";AAeA,MAAMA,YAAsB,CAAC,QAAQ,MAAM,MAAM,aAAa,QAAQ;AAEtE,MAAMC,wBAAwBC,WAC5BF,WACA,kBAAkB;AAGpB,MAAA,0BAAeC;"}

package/dist/esm/packages/lab/src/components/StepNavigation/utils.js

@@ -0,0 +1,9 @@
+const TITLE_MARGIN = 20;
+const TITLE_WIDTH = 215;
+const SEPARATOR_WIDTH = 100;
+export {
+  SEPARATOR_WIDTH,
+  TITLE_MARGIN,
+  TITLE_WIDTH
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/packages/lab/src/components/StepNavigation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/StepNavigation/utils.ts"],"sourcesContent":["const TITLE_MARGIN = 20;\nconst TITLE_WIDTH = 215;\nconst STEP_MARGIN = 20;\nconst SEPARATOR_WIDTH = 100;\n\nexport { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };\n"],"names":["TITLE_MARGIN","TITLE_WIDTH","SEPARATOR_WIDTH"],"mappings":"AAAA,MAAMA,eAAe;AACrB,MAAMC,cAAc;AAEpB,MAAMC,kBAAkB;"}

package/dist/esm/packages/lab/src/index.js

@@ -0,0 +1,5 @@
+import { HvStepNavigation } from "./components/StepNavigation/StepNavigation.js";
+export {
+  HvStepNavigation
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/packages/lab/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/types/index.d.ts

@@ -0,0 +1,108 @@
+import { HvAvatarSize } from '@hitachivantara/uikit-react-core';
+import { HvBaseProps } from '@hitachivantara/uikit-react-core';
+import { HvBreakpoints } from '@hitachivantara/uikit-react-core';
+import { HvButtonProps } from '@hitachivantara/uikit-react-core';
+import type { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
+
+declare type HvStepClasses = {
+    /** Styles applied to the component root class. */
+    root?: string;
+    /** Styles applied to the ghost class. */
+    ghost?: string;
+    /** Styles applied to the ghostDisabled class. */
+    ghostDisabled?: string;
+    /** Styles applied to the root element when step is not in "current" state. */
+    notCurrent?: string;
+    /** Styles applied to the root element when size is XS. */
+    xs?: string;
+    /** Styles applied to the root element when size is SM. */
+    sm?: string;
+    /** Styles applied to the root element when size is MD. */
+    md?: string;
+    /** Styles applied to the root element when size is LG. */
+    lg?: string;
+    /** Styles applied to the root element when size is XL. */
+    xl?: string;
+    /** Styles applied to the avatar element. */
+    avatar?: string;
+    /** Styles applied to the title of a step element. */
+    stepTitle?: string;
+};
+
+/**
+ * Navigation page with steps.
+ *
+ * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.
+ * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -
+ * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:
+ * * Define a <b>className</b> on each step element;
+ * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height
+ * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;
+ * * Define a <b>titleClassName</b> to specify a className for the title above each step element.
+ *
+ * For the root element, you can:
+ * * Define a <b>className</b>;
+ * * Choose a <b>type</b> of layout: 'Simple' or 'Default';
+ * * Choose the <b>stepSize</b> of the step component: "xs", "sm", "md", "lg", "xl". The default size will be
+ * correspondent to the current media breakpoint;
+ * * Choose either you want to <b>showTitles</b> near to each step component or a tootlip on hover;
+ * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title
+ * displayed above, the width of the separator element will be 100px.
+ * If the step component has titles, each one will have 215px of width by default.
+ */
+export declare const HvStepNavigation: ({ className, classes, width, steps, stepSize, showTitles, type, ...others }: HvStepNavigationProps) => JSX_2.Element;
+
+declare type HvStepNavigationClasses = {
+    /** Styles applied to the component root class. */
+    root?: string;
+    /** Styles applied to the title element. */
+    titles?: string;
+    /** Styles applied to the li element. */
+    li?: string;
+    /**  Styles applied to the ol element. */
+    ol?: string;
+    /** Styles applied to the separator element. */
+    separator?: string;
+};
+
+export declare interface HvStepNavigationProps extends HvBaseProps {
+    /** Type of step navigation. Values = {"Simple", "Default"} */
+    type?: "Simple" | "Default";
+    /** Steps to show on the component. */
+    steps: Array<Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled"> & {
+        /** Class names to override styles on the separator component after the step. */
+        separatorClassName?: string;
+        /** Class names to override styles on the title component above the step. */
+        titleClassName?: string;
+    }>;
+    /** Sets one of the standard sizes of the steps. */
+    stepSize?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Width of the component element on each breakpoint screen resolution. */
+    width?: {
+        [breakpoint in HvBreakpoints]?: number;
+    };
+    /** Defines either show a title or only a tooltip on each step component. */
+    showTitles?: boolean;
+    /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */
+    classes?: HvStepNavigationClasses;
+}
+
+declare interface HvStepProps extends Pick<HvButtonProps, "onClick">, Omit<HvBaseProps, "onClick"> {
+    /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */
+    classes?: HvStepClasses;
+    /** State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled", "Enabled"} */
+    state: "Pending" | "Failed" | "Completed" | "Current" | "Disabled" | "Enabled";
+    /** Title of the step. */
+    title: string;
+    /** Sets one of the standard sizes of the step */
+    size?: HvAvatarSize;
+    /** Number of the step. */
+    number?: number;
+    /**
+     * Define if a step is disabled/enabled.
+     * If this property is not defined and the step is on state "Disabled", the step component will be disabled
+     */
+    disabled?: boolean;
+}
+
+export { }