@hitachivantara/uikit-react-lab 5.4.26 → 5.4.27

package/dist/cjs/components/StepNavigation/DefaultNavigation/DefaultNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultNavigation.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/DefaultNavigation.tsx"],"sourcesContent":["import {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStep, HvStepProps } from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvStepProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvStepProps>;\n  };\n};\n\nexport interface HvDefaultNavigationProps\n  extends Omit<HvBaseProps, \"children\"> {\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Returns a JSX.element of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvStepProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant?: string; title?: string }\n  ) => JSX.Element | null;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  className,\n  children,\n  ...other\n}: HvDefaultNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(\n    titleWidth - (maxSize + minSize) * 0.5,\n    separatorWidth\n  );\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: \"label\",\n    titleWidth,\n    titleDisabled: state === \"Disabled\",\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n"],"names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","className","children","other","activeTheme","useTheme","container","maxSize","avatar","minSize","stepSizes","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","titleDisabled","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","defaultSeparatorHeight","stepValues"],"mappings":";;;;;;AAiDO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACqB,MAAM;AACxB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,eAAS,SAAA;AAG3B,QAAA;AAAA,IAAEC,WAAWC;AAAAA,IAASC,QAAQC;AAAAA,EAAAA,IAAYC,MAAAA,UAAUZ,QAAQ;AAClE,QAAMa,gBAAgBC,KAAAA;AAGhBC,QAAAA,aAAaN,UAAUE,WAAWZ,WAAW;AAC7C,QAAA;AAAA,IAAEiB;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBhB,iBAAiBa,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IACpBJ,cAAcR,UAAUE,WAAW,KACnCO,cACF;AAGA,QAAMK,QAAQnB;AAERoB,QAAAA,SAASvB,UAAU,CAAC;AAAA,IAAEwB;AAAAA,EAAAA,OAAa;AAAA,IACvCC,SAAS;AAAA,IACTT;AAAAA,IACAU,eAAeF,UAAU;AAAA,EACzB,EAAA;AAEF,yCACE,OAAA;AAAA,IAAA,GAASpB;AAAAA,IAAKD,UAAA,CACZwB,2BAAAA,IAACL,OAAK;AAAA,MAEFR;AAAAA,MACAc,UAAUb;AAAAA,MACVc,iBAAiB;AAAA,QACfR;AAAAA,QACAH;AAAAA,QAAAA,UACAY,MAAAA;AAAAA,QACAC,SAAQ1B,2CAAa2B,eAAeC,2BAA0B;AAAA,MAChE;AAAA,MACAC,YAAY;AAAA,QACVxB;AAAAA,QACAF;AAAAA,QACAI;AAAAA,MACF;AAAA,IAEH,CAAA,GACAW,MAAM;AAAA,EAAA,CACJ;AAET;;"}
+{"version":3,"file":"DefaultNavigation.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/DefaultNavigation.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStep, HvStepProps } from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvStepProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvStepProps>;\n  };\n};\n\nexport interface HvDefaultNavigationProps\n  extends Omit<HvBaseProps, \"children\"> {\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Returns a `ReactNode` of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvStepProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant?: string; title?: string }\n  ) => ReactNode;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  className,\n  children,\n  ...other\n}: HvDefaultNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(\n    titleWidth - (maxSize + minSize) * 0.5,\n    separatorWidth\n  );\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: \"label\",\n    titleWidth,\n    titleDisabled: state === \"Disabled\",\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n"],"names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","className","children","other","activeTheme","useTheme","container","maxSize","avatar","minSize","stepSizes","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","titleDisabled","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","defaultSeparatorHeight","stepValues"],"mappings":";;;;;;AAkDO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACqB,MAAM;AACxB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,eAAS,SAAA;AAG3B,QAAA;AAAA,IAAEC,WAAWC;AAAAA,IAASC,QAAQC;AAAAA,EAAAA,IAAYC,MAAAA,UAAUZ,QAAQ;AAClE,QAAMa,gBAAgBC,KAAAA;AAGhBC,QAAAA,aAAaN,UAAUE,WAAWZ,WAAW;AAC7C,QAAA;AAAA,IAAEiB;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBhB,iBAAiBa,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IACpBJ,cAAcR,UAAUE,WAAW,KACnCO,cACF;AAGA,QAAMK,QAAQnB;AAERoB,QAAAA,SAASvB,UAAU,CAAC;AAAA,IAAEwB;AAAAA,EAAAA,OAAa;AAAA,IACvCC,SAAS;AAAA,IACTT;AAAAA,IACAU,eAAeF,UAAU;AAAA,EACzB,EAAA;AAEF,yCACE,OAAA;AAAA,IAAA,GAASpB;AAAAA,IAAKD,UAAA,CACZwB,2BAAAA,IAACL,OAAK;AAAA,MAEFR;AAAAA,MACAc,UAAUb;AAAAA,MACVc,iBAAiB;AAAA,QACfR;AAAAA,QACAH;AAAAA,QAAAA,UACAY,MAAAA;AAAAA,QACAC,SAAQ1B,2CAAa2B,eAAeC,2BAA0B;AAAA,MAChE;AAAA,MACAC,YAAY;AAAA,QACVxB;AAAAA,QACAF;AAAAA,QACAI;AAAAA,MACF;AAAA,IAEH,CAAA,GACAW,MAAM;AAAA,EAAA,CACJ;AAET;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs

@@ -58,7 +58,6 @@ const HvStep = ({
       }),
       "aria-label": `step-${title}`,
       icon: true,
-      variant: "secondaryGhost",
       overrideIconColors: false,
       disabled: disabled ?? ["Current", "Disabled"].includes(state),
       onClick,

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n  Level0Good,\n  Level3Bad,\n  HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvAvatarSize,\n  HvButtonProps,\n  HvBaseProps,\n  ExtractNames,\n  HvAvatar,\n  HvButton,\n} from \"@hitachivantara/uikit-react-core\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { getColor, getSemantic } from \"../utils\";\nimport { useClasses } from \"./Step.styles\";\n\ntype HvStepClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepProps\n  extends Pick<HvButtonProps, \"onClick\">,\n    Omit<HvBaseProps, \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepClasses;\n  /** State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} */\n  state:\n    | \"Pending\"\n    | \"Failed\"\n    | \"Completed\"\n    | \"Current\"\n    | \"Disabled\"\n    | \"Enabled\";\n  /** Title of the step. */\n  title: string;\n  /** Sets one of the standard sizes of the step */\n  size?: HvAvatarSize;\n  /** Number of the step. */\n  number?: number;\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n  className,\n  classes: classesProp,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"md\",\n  number = 1,\n}: HvStepProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const iconSize = {\n    xs: \"XS\",\n    sm: \"XS\",\n    md: \"S\",\n    ml: \"M\",\n    xl: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    xs: squareL - 8,\n    sm: squareL,\n    md: squareL + 8,\n    lg: squareL + 16,\n    xl: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state, theme);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n  const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n  const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.notCurrent]: state !== \"Current\",\n        },\n        className\n      )}\n    >\n      <HvButton\n        className={cx(classes.ghost, {\n          [classes.ghostDisabled]: state === \"Current\",\n        })}\n        aria-label={`step-${title}`}\n        icon\n        variant=\"secondaryGhost\"\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <HvAvatar\n          className={cx(classes.avatar, classes[size])}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </HvAvatar>\n      </HvButton>\n    </div>\n  );\n};\n"],"names":["HvStep","className","classes","classesProp","state","title","onClick","disabled","size","number","cx","useClasses","iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","getColor","theme","color","undefined","semantic","getSemantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","root","notCurrent","children","HvButton","ghost","ghostDisabled","icon","variant","overrideIconColors","includes","HvAvatar","avatar","_jsx","width","height"],"mappings":";;;;;;;;AAiDO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC,SAAS;AACE,MAAM;AACX,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,YAAAA,WAAWR,WAAW;AAE9C,QAAMS,WAAW;AAAA,IACfC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJT,IAAI;AAEN,QAAMU,UAAU;AAAA,IACdC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXjB,KAAK;AAEP,QAAMkB,UAAU;AAAA,IACdT,IAAIK,UAAU;AAAA,IACdJ,IAAII;AAAAA,IACJH,IAAIG,UAAU;AAAA,IACdK,IAAIL,UAAU;AAAA,IACdD,IAAIC,UAAU;AAAA,IACdV,IAAI;AAEAgB,QAAAA,kBAAkBC,MAAAA,SAASrB,OAAOsB,YAAK,KAAA;AAEvCC,QAAAA,QAAQvB,UAAU,YAAY,UAAUwB;AAC9C,QAAMC,WAAWzB,UAAU,YAAY0B,MAAAA,YAAY1B,KAAK,IAAIwB;AACtDG,QAAAA,SAAS3B,UAAU,YAAY,iBAAiBwB;AAEtD,QAAMI,gBAAgB;AAAA,IACpBb,SAASc,gBAAAA;AAAAA,IACTb,QAAQc,gBAAAA;AAAAA,IACRb,WAAWc,gBAAAA;AAAAA,IACX/B,KAAK;AAEP,wCACE,OAAA;AAAA,IACEH,WAAWS,GACTR,QAAQkC,MACR;AAAA,MACE,CAAClC,QAAQmC,UAAU,GAAGjC,UAAU;AAAA,OAElCH,SACF;AAAA,IAAEqC,yCAEDC,yBAAQ;AAAA,MACPtC,WAAWS,GAAGR,QAAQsC,OAAO;AAAA,QAC3B,CAACtC,QAAQuC,aAAa,GAAGrC,UAAU;AAAA,MAAA,CACpC;AAAA,MACD,cAAa,QAAOC;AAAAA,MACpBqC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,oBAAoB;AAAA,MACpBrC,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEsC,SAASzC,KAAK;AAAA,MAC5DE;AAAAA,MAAiBgC,yCAEhBQ,yBAAQ;AAAA,QACP7C,WAAWS,GAAGR,QAAQ6C,QAAQ7C,QAAQM,IAAI,CAAC;AAAA,QAC3CgB;AAAAA,QACAO;AAAAA,QACAvB;AAAAA,QAAW8B,UAEVN,gBACCgB,2BAAAA,IAAChB,eAAa;AAAA,UACZL;AAAAA,UACAE;AAAAA,UACAoB,OAAO3B;AAAAA,UACP4B,QAAQ5B;AAAAA,UACRV;AAAAA,QACD,CAAA,IAEDH;AAAAA,MAAAA,CAEM;AAAA,IAAA,CACF;AAAA,EAAA,CACP;AAET;;"}
+{"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import {\n  Level0Good,\n  Level3Bad,\n  HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvAvatarSize,\n  HvButtonProps,\n  HvBaseProps,\n  ExtractNames,\n  HvAvatar,\n  HvButton,\n} from \"@hitachivantara/uikit-react-core\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { getColor, getSemantic } from \"../utils\";\nimport { useClasses } from \"./Step.styles\";\n\ntype HvStepClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvStepProps\n  extends Pick<HvButtonProps, \"onClick\">,\n    Omit<HvBaseProps, \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepClasses;\n  /** State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} */\n  state:\n    | \"Pending\"\n    | \"Failed\"\n    | \"Completed\"\n    | \"Current\"\n    | \"Disabled\"\n    | \"Enabled\";\n  /** Title of the step. */\n  title: string;\n  /** Sets one of the standard sizes of the step */\n  size?: HvAvatarSize;\n  /** Number of the step. */\n  number?: number;\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n  className,\n  classes: classesProp,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"md\",\n  number = 1,\n}: HvStepProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const iconSize = {\n    xs: \"XS\",\n    sm: \"XS\",\n    md: \"S\",\n    ml: \"M\",\n    xl: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    xs: squareL - 8,\n    sm: squareL,\n    md: squareL + 8,\n    lg: squareL + 16,\n    xl: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state, theme);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n  const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n  const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.notCurrent]: state !== \"Current\",\n        },\n        className\n      )}\n    >\n      <HvButton\n        className={cx(classes.ghost, {\n          [classes.ghostDisabled]: state === \"Current\",\n        })}\n        aria-label={`step-${title}`}\n        icon\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <HvAvatar\n          className={cx(classes.avatar, classes[size])}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </HvAvatar>\n      </HvButton>\n    </div>\n  );\n};\n"],"names":["HvStep","className","classes","classesProp","state","title","onClick","disabled","size","number","cx","useClasses","iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","getColor","theme","color","undefined","semantic","getSemantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","root","notCurrent","children","HvButton","ghost","ghostDisabled","icon","overrideIconColors","includes","HvAvatar","avatar","_jsx","width","height"],"mappings":";;;;;;;;AAiDO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC,SAAS;AACE,MAAM;AACX,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,YAAAA,WAAWR,WAAW;AAE9C,QAAMS,WAAW;AAAA,IACfC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJT,IAAI;AAEN,QAAMU,UAAU;AAAA,IACdC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXjB,KAAK;AAEP,QAAMkB,UAAU;AAAA,IACdT,IAAIK,UAAU;AAAA,IACdJ,IAAII;AAAAA,IACJH,IAAIG,UAAU;AAAA,IACdK,IAAIL,UAAU;AAAA,IACdD,IAAIC,UAAU;AAAA,IACdV,IAAI;AAEAgB,QAAAA,kBAAkBC,MAAAA,SAASrB,OAAOsB,YAAK,KAAA;AAEvCC,QAAAA,QAAQvB,UAAU,YAAY,UAAUwB;AAC9C,QAAMC,WAAWzB,UAAU,YAAY0B,MAAAA,YAAY1B,KAAK,IAAIwB;AACtDG,QAAAA,SAAS3B,UAAU,YAAY,iBAAiBwB;AAEtD,QAAMI,gBAAgB;AAAA,IACpBb,SAASc,gBAAAA;AAAAA,IACTb,QAAQc,gBAAAA;AAAAA,IACRb,WAAWc,gBAAAA;AAAAA,IACX/B,KAAK;AAEP,wCACE,OAAA;AAAA,IACEH,WAAWS,GACTR,QAAQkC,MACR;AAAA,MACE,CAAClC,QAAQmC,UAAU,GAAGjC,UAAU;AAAA,OAElCH,SACF;AAAA,IAAEqC,yCAEDC,yBAAQ;AAAA,MACPtC,WAAWS,GAAGR,QAAQsC,OAAO;AAAA,QAC3B,CAACtC,QAAQuC,aAAa,GAAGrC,UAAU;AAAA,MAAA,CACpC;AAAA,MACD,cAAa,QAAOC;AAAAA,MACpBqC,MAAI;AAAA,MACJC,oBAAoB;AAAA,MACpBpC,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEqC,SAASxC,KAAK;AAAA,MAC5DE;AAAAA,MAAiBgC,yCAEhBO,yBAAQ;AAAA,QACP5C,WAAWS,GAAGR,QAAQ4C,QAAQ5C,QAAQM,IAAI,CAAC;AAAA,QAC3CgB;AAAAA,QACAO;AAAAA,QACAvB;AAAAA,QAAW8B,UAEVN,gBACCe,2BAAAA,IAACf,eAAa;AAAA,UACZL;AAAAA,UACAE;AAAAA,UACAmB,OAAO1B;AAAAA,UACP2B,QAAQ3B;AAAAA,UACRV;AAAAA,QACD,CAAA,IAEDH;AAAAA,MAAAA,CAEM;AAAA,IAAA,CACF;AAAA,EAAA,CACP;AAET;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactCore = require("@hitachivantara/uikit-react-core");
-const uikitStyles = require("@hitachivantara/uikit-styles");
 const utils = require("../utils.cjs");
 const Dot_styles = require("./Dot.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -22,11 +21,11 @@ const HvDot = ({
   const dotSize = utils.dotSizes[size] * (state === "Current" ? 1.5 : 1);
   return /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
     className: cx(css({
-      backgroundColor: utils.getColor(state, uikitStyles.theme),
+      backgroundColor: utils.getColor(state),
       width: dotSize,
       height: dotSize,
-      "&:hover": {
-        backgroundColor: utils.getColor(state, uikitStyles.theme)
+      "&:hover, &:disabled": {
+        backgroundColor: utils.getColor(state)
       }
     }), classes.root, {
       [classes.active]: state === "Current",

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dot.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvStepProps } from \"../../DefaultNavigation\";\nimport { getColor, dotSizes } from \"../utils\";\nimport { staticClasses, useClasses } from \"./Dot.styles\";\n\nexport { staticClasses as dotClasses };\n\nexport type HvDotClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDotProps\n  extends Pick<\n      HvStepProps,\n      \"size\" | \"title\" | \"state\" | \"onClick\" | \"disabled\"\n    >,\n    Omit<HvBaseProps, \"title\" | \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvDotClasses;\n}\n\nexport const HvDot = ({\n  classes: classesProp,\n  className,\n  state,\n  title,\n  size = \"sm\",\n  onClick,\n  disabled,\n}: HvDotProps) => {\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n\n  return (\n    <HvButton\n      className={cx(\n        css({\n          backgroundColor: getColor(state, theme),\n          width: dotSize,\n          height: dotSize,\n          \"&:hover\": {\n            backgroundColor: getColor(state, theme),\n          },\n        }),\n        classes.root,\n        {\n          [classes.active]: state === \"Current\",\n          [classes.ghostDisabled]:\n            disabled ?? [\"Current\", \"Disabled\"].includes(state),\n        },\n        className\n      )}\n      aria-label={`step-${title}`}\n      icon\n      overrideIconColors={false}\n      disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n      onClick={onClick}\n    >\n      {[]}\n    </HvButton>\n  );\n};\n"],"names":["HvDot","classes","classesProp","className","state","title","size","onClick","disabled","cx","css","useClasses","dotSize","dotSizes","HvButton","backgroundColor","getColor","theme","width","height","root","active","ghostDisabled","includes","icon","overrideIconColors","children"],"mappings":";;;;;;;AA0BO,MAAMA,QAAQA,CAAC;AAAA,EACpBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC;AACU,MAAM;AACV,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAAA,WAAWT,WAAW;AAEnD,QAAMU,UAAUC,MAASP,SAAAA,IAAI,KAAKF,UAAU,YAAY,MAAM;AAE9D,wCACGU,eAAAA,UAAQ;AAAA,IACPX,WAAWM,GACTC,IAAI;AAAA,MACFK,iBAAiBC,MAAAA,SAASZ,OAAOa,iBAAK;AAAA,MACtCC,OAAON;AAAAA,MACPO,QAAQP;AAAAA,MACR,WAAW;AAAA,QACTG,iBAAiBC,MAAAA,SAASZ,OAAOa,iBAAK;AAAA,MACxC;AAAA,IAAA,CACD,GACDhB,QAAQmB,MACR;AAAA,MACE,CAACnB,QAAQoB,MAAM,GAAGjB,UAAU;AAAA,MAC5B,CAACH,QAAQqB,aAAa,GACpBd,YAAY,CAAC,WAAW,UAAU,EAAEe,SAASnB,KAAK;AAAA,OAEtDD,SACF;AAAA,IACA,cAAa,QAAOE;AAAAA,IACpBmB,MAAI;AAAA,IACJC,oBAAoB;AAAA,IACpBjB,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEe,SAASnB,KAAK;AAAA,IAC5DG;AAAAA,IAAiBmB,UAEhB,CAAA;AAAA,EAAA,CACO;AAEd;;;"}
+{"version":3,"file":"Dot.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.tsx"],"sourcesContent":["import {\n  ExtractNames,\n  HvBaseProps,\n  HvButton,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvStepProps } from \"../../DefaultNavigation\";\nimport { getColor, dotSizes } from \"../utils\";\nimport { staticClasses, useClasses } from \"./Dot.styles\";\n\nexport { staticClasses as dotClasses };\n\nexport type HvDotClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDotProps\n  extends Pick<\n      HvStepProps,\n      \"size\" | \"title\" | \"state\" | \"onClick\" | \"disabled\"\n    >,\n    Omit<HvBaseProps, \"title\" | \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvDotClasses;\n}\n\nexport const HvDot = ({\n  classes: classesProp,\n  className,\n  state,\n  title,\n  size = \"sm\",\n  onClick,\n  disabled,\n}: HvDotProps) => {\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n\n  return (\n    <HvButton\n      className={cx(\n        css({\n          backgroundColor: getColor(state),\n          width: dotSize,\n          height: dotSize,\n          \"&:hover, &:disabled\": {\n            backgroundColor: getColor(state),\n          },\n        }),\n        classes.root,\n        {\n          [classes.active]: state === \"Current\",\n          [classes.ghostDisabled]:\n            disabled ?? [\"Current\", \"Disabled\"].includes(state),\n        },\n        className\n      )}\n      aria-label={`step-${title}`}\n      icon\n      overrideIconColors={false}\n      disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n      onClick={onClick}\n    >\n      {[]}\n    </HvButton>\n  );\n};\n"],"names":["HvDot","classes","classesProp","className","state","title","size","onClick","disabled","cx","css","useClasses","dotSize","dotSizes","HvButton","backgroundColor","getColor","width","height","root","active","ghostDisabled","includes","icon","overrideIconColors","children"],"mappings":";;;;;;AAwBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC;AACU,MAAM;AACV,QAAA;AAAA,IAAEP;AAAAA,IAASQ;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAAA,WAAWT,WAAW;AAEnD,QAAMU,UAAUC,MAASP,SAAAA,IAAI,KAAKF,UAAU,YAAY,MAAM;AAE9D,wCACGU,eAAAA,UAAQ;AAAA,IACPX,WAAWM,GACTC,IAAI;AAAA,MACFK,iBAAiBC,eAASZ,KAAK;AAAA,MAC/Ba,OAAOL;AAAAA,MACPM,QAAQN;AAAAA,MACR,uBAAuB;AAAA,QACrBG,iBAAiBC,eAASZ,KAAK;AAAA,MACjC;AAAA,IAAA,CACD,GACDH,QAAQkB,MACR;AAAA,MACE,CAAClB,QAAQmB,MAAM,GAAGhB,UAAU;AAAA,MAC5B,CAACH,QAAQoB,aAAa,GACpBb,YAAY,CAAC,WAAW,UAAU,EAAEc,SAASlB,KAAK;AAAA,OAEtDD,SACF;AAAA,IACA,cAAa,QAAOE;AAAAA,IACpBkB,MAAI;AAAA,IACJC,oBAAoB;AAAA,IACpBhB,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEc,SAASlB,KAAK;AAAA,IAC5DG;AAAAA,IAAiBkB,UAEhB,CAAA;AAAA,EAAA,CACO;AAEd;;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/SimpleNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleNavigation.cjs","sources":["../../../../../src/components/StepNavigation/SimpleNavigation/SimpleNavigation.tsx"],"sourcesContent":["import {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvDot, HvDotProps } from \"./Dot\";\nimport { getColor, dotSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvDotProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvDotProps>;\n  };\n};\n\nexport interface HvSimpleNavigationProps extends Omit<HvBaseProps, \"children\"> {\n  /** Sets one of the standard sizes of the steps. */\n  stepSize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Returns a JSX.element of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvDotProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant: string; title: string }\n  ) => JSX.Element | null;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvSimpleNavigation = ({\n  numSteps,\n  stepSize = \"sm\",\n  getTitles,\n  getDynamicValues,\n  children,\n  ...others\n}: HvSimpleNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    variant: \"label\",\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...others}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.simpleSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","others","activeTheme","useTheme","dotSize","dotSizes","StepComponent","HvDot","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","variant","title","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","simpleSeparatorHeight","stepValues","minSize","maxSize"],"mappings":";;;;;;AAgDO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,eAAS,SAAA;AAG3BC,QAAAA,UAAUC,eAASR,QAAQ;AACjC,QAAMS,gBAAgBC,IAAAA;AAGhBC,QAAAA,cAAcZ,WAAW,OAAOQ;AAChC,QAAA;AAAA,IAAEK;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBZ,iBAAiBS,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IAAIJ,aAAaN,UAAU,MAAMO,cAAc;AAGrE,QAAMK,QAAQhB;AAERiB,QAAAA,SAASnB,UAAU,CAAC;AAAA,IAAEoB;AAAAA,IAAUC;AAAAA,EAAAA,OAAc;AAAA,IAClDC,SAAS;AAAA,IACTC,OAAQ,GAAEF,WAAWD;AAAAA,IACrBR;AAAAA,EACA,EAAA;AAEF,yCACE,OAAA;AAAA,IAAA,GAAST;AAAAA,IAAMD,UACZiB,CAAAA,QACDK,2BAAAA,IAACN,OAAK;AAAA,MAEFR;AAAAA,MACAe,UAAUd;AAAAA,MACVe,iBAAiB;AAAA,QACfT;AAAAA,QACAH;AAAAA,QAAAA,UACAa,MAAAA;AAAAA,QACAC,SAAQxB,2CAAayB,eAAeC,0BAAyB;AAAA,MAC/D;AAAA,MACAC,YAAY;AAAA,QACVC,SAAS1B;AAAAA,QACT2B,SAAS,MAAM3B;AAAAA,QACfE;AAAAA,MACF;AAAA,IAAA,CAEH,CAAC;AAAA,EAAA,CACC;AAET;;"}
+{"version":3,"file":"SimpleNavigation.cjs","sources":["../../../../../src/components/StepNavigation/SimpleNavigation/SimpleNavigation.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { HvDot, HvDotProps } from \"./Dot\";\nimport { getColor, dotSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvDotProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvDotProps>;\n  };\n};\n\nexport interface HvSimpleNavigationProps extends Omit<HvBaseProps, \"children\"> {\n  /** Sets one of the standard sizes of the steps. */\n  stepSize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Returns a `ReactNode` of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvDotProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant: string; title: string }\n  ) => ReactNode;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvSimpleNavigation = ({\n  numSteps,\n  stepSize = \"sm\",\n  getTitles,\n  getDynamicValues,\n  children,\n  ...others\n}: HvSimpleNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    variant: \"label\",\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...others}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.simpleSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","others","activeTheme","useTheme","dotSize","dotSizes","StepComponent","HvDot","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","variant","title","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","simpleSeparatorHeight","stepValues","minSize","maxSize"],"mappings":";;;;;;AAiDO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,eAAS,SAAA;AAG3BC,QAAAA,UAAUC,eAASR,QAAQ;AACjC,QAAMS,gBAAgBC,IAAAA;AAGhBC,QAAAA,cAAcZ,WAAW,OAAOQ;AAChC,QAAA;AAAA,IAAEK;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBZ,iBAAiBS,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IAAIJ,aAAaN,UAAU,MAAMO,cAAc;AAGrE,QAAMK,QAAQhB;AAERiB,QAAAA,SAASnB,UAAU,CAAC;AAAA,IAAEoB;AAAAA,IAAUC;AAAAA,EAAAA,OAAc;AAAA,IAClDC,SAAS;AAAA,IACTC,OAAQ,GAAEF,WAAWD;AAAAA,IACrBR;AAAAA,EACA,EAAA;AAEF,yCACE,OAAA;AAAA,IAAA,GAAST;AAAAA,IAAMD,UACZiB,CAAAA,QACDK,2BAAAA,IAACN,OAAK;AAAA,MAEFR;AAAAA,MACAe,UAAUd;AAAAA,MACVe,iBAAiB;AAAA,QACfT;AAAAA,QACAH;AAAAA,QAAAA,UACAa,MAAAA;AAAAA,QACAC,SAAQxB,2CAAayB,eAAeC,0BAAyB;AAAA,MAC/D;AAAA,MACAC,YAAY;AAAA,QACVC,SAAS1B;AAAAA,QACT2B,SAAS,MAAM3B;AAAAA,QACfE;AAAAA,MACF;AAAA,IAAA,CAEH,CAAC;AAAA,EAAA,CACC;AAET;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/utils.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const uikitStyles = require("@hitachivantara/uikit-styles");
 const dotSizes = {
   xs: 8,
   sm: 10,
@@ -7,9 +8,7 @@ const dotSizes = {
   lg: 14,
   xl: 16
 };
-const defaultColor = (theme) => theme.colors.secondary ?? "secondary";
-const disabledColor = (theme) => theme.colors.secondary_60 ?? "secondary_60";
-const getColor = (state, theme) => state === "Disabled" ? disabledColor(theme) : defaultColor(theme);
+const getColor = (state) => state === "Disabled" ? uikitStyles.theme.colors.secondary_60 : uikitStyles.theme.colors.secondary;
 exports.dotSizes = dotSizes;
 exports.getColor = getColor;
 //# sourceMappingURL=utils.cjs.map

package/dist/cjs/components/StepNavigation/SimpleNavigation/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/SimpleNavigation/utils.ts"],"sourcesContent":["const dotSizes = {\n  xs: 8,\n  sm: 10,\n  md: 12,\n  lg: 14,\n  xl: 16,\n};\n\nconst defaultColor = (theme) => theme.colors.secondary ?? \"secondary\";\nconst disabledColor = (theme) => theme.colors.secondary_60 ?? \"secondary_60\";\n\nconst getColor = (state, theme) =>\n  state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme);\n\nexport { dotSizes, getColor };\n"],"names":["dotSizes","xs","sm","md","lg","xl","defaultColor","theme","colors","secondary","disabledColor","secondary_60","getColor","state"],"mappings":";;AAAA,MAAMA,WAAW;AAAA,EACfC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEA,MAAMC,eAAgBC,CAAAA,UAAUA,MAAMC,OAAOC,aAAa;AAC1D,MAAMC,gBAAiBH,CAAAA,UAAUA,MAAMC,OAAOG,gBAAgB;AAExDC,MAAAA,WAAWA,CAACC,OAAON,UACvBM,UAAU,aAAaH,cAAcH,KAAK,IAAID,aAAaC,KAAK;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/SimpleNavigation/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvStepProps } from \"../DefaultNavigation\";\n\nexport const dotSizes = {\n  xs: 8,\n  sm: 10,\n  md: 12,\n  lg: 14,\n  xl: 16,\n};\n\nexport const getColor = (state: HvStepProps[\"state\"]) =>\n  state === \"Disabled\" ? theme.colors.secondary_60 : theme.colors.secondary;\n"],"names":["dotSizes","xs","sm","md","lg","xl","getColor","state","theme","colors","secondary_60","secondary"],"mappings":";;;AAGO,MAAMA,WAAW;AAAA,EACtBC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEaC,MAAAA,WAAWA,CAACC,UACvBA,UAAU,aAAaC,YAAMC,MAAAA,OAAOC,eAAeF,YAAAA,MAAMC,OAAOE;;;"}

package/dist/cjs/components/StepNavigation/StepNavigation.cjs

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

package/dist/cjs/components/StepNavigation/StepNavigation.cjs.map

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

package/dist/cjs/components/Wizard/WizardActions/WizardActions.cjs

@@ -23,6 +23,7 @@ const HvWizardActions = ({
   var _a;
   const {
     classes,
+    css,
     cx
   } = WizardActions_styles.useClasses(classesProp);
   const {
@@ -58,20 +59,24 @@ const HvWizardActions = ({
   const handleSubmitInternal = React.useCallback(() => handleSubmit(context), [handleSubmit, context]);
   return /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvDialogActions, {
     className: classes.actionsContainer,
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvGrid, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
-        variant: "secondaryGhost",
-        onClick: handleClose,
-        className: classes.buttonWidth,
-        children: `${labels.cancel ?? "Cancel"}`
-      }), skippable && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
-        variant: "secondaryGhost",
-        disabled: isLastPage,
-        className: classes.buttonWidth,
-        onClick: handleSkip,
-        children: `${labels.skip ?? "Skip"}`
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsxs(uikitReactCore.HvGrid, {
+    children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+      variant: "secondaryGhost",
+      onClick: handleClose,
+      className: classes.buttonWidth,
+      children: `${labels.cancel ?? "Cancel"}`
+    }), skippable && /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
+      variant: "secondaryGhost",
+      disabled: isLastPage,
+      className: classes.buttonWidth,
+      onClick: handleSkip,
+      children: `${labels.skip ?? "Skip"}`
+    }), /* @__PURE__ */ jsxRuntime.jsx("div", {
+      "aria-hidden": true,
+      className: css({
+        flex: 1
+      }),
+      children: " "
+    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
       className: classes.buttonsContainer,
       children: [/* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvButton, {
         variant: "secondaryGhost",