@hitachivantara/uikit-react-core 5.24.2 → 5.24.4

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

@@ -1 +1 @@
-{"version":3,"file":"Kpi.js","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport {\n  StyledComparisonComposition,\n  StyledComparisonContainer,\n  StyledIndicatorsContainer,\n  StyledIndicatorText,\n  StyledIndicatorUnit,\n  StyledInternalVisualComparisonDiv,\n  StyledInternalVisualComparisonTypography,\n  StyledRoot,\n  StyledTrendIndicator,\n  StyledVisualIndicator,\n} from \"./Kpi.styles\";\nimport kpiClasses, { HvKpiClasses } from \"./kpiClasses\";\n\nexport interface HvKpiLabelProps {\n  /**\n   * The text at the top of the kpi.\n   */\n  title?: string;\n  /**\n   * The text in the middle of the kpi.\n   */\n  indicator?: string;\n  /**\n   * The text to the right of the indicator.\n   */\n  unit?: string;\n  /**\n   * The text to the right of the visual comparison.\n   */\n  comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison?: React.ReactNode;\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels?: HvKpiLabelProps;\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant?: \"display\" | \"title1\" | \"title2\";\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant?: \"title2\" | \"body\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = (props: HvKpiProps) => {\n  const {\n    trendIndicator = null,\n    visualIndicator = null,\n    visualComparison = null,\n    indicatorUnitTextVariant = \"title2\",\n    indicatorTextVariant = \"title1\",\n    labels,\n    classes,\n    className,\n    ...others\n  } = useDefaultProps(\"HvKpi\", props);\n\n  const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n  const InternalVisualComparison =\n    typeof visualComparison === \"string\"\n      ? StyledInternalVisualComparisonTypography\n      : StyledInternalVisualComparisonDiv;\n\n  return (\n    <StyledRoot\n      className={clsx(classes?.root, className, kpiClasses.root)}\n      {...others}\n    >\n      <div>\n        <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n      </div>\n      <StyledIndicatorsContainer\n        className={clsx(\n          kpiClasses.indicatorsContainer,\n          classes?.indicatorsContainer\n        )}\n      >\n        {visualIndicator && (\n          <StyledVisualIndicator\n            className={clsx(\n              kpiClasses.visualIndicatorContainer,\n              kpiClasses.spacingToTheRight,\n              classes?.visualIndicatorContainer,\n              classes?.spacingToTheRight\n            )}\n          >\n            {visualIndicator}\n          </StyledVisualIndicator>\n        )}\n        {mergedLabels?.indicator && (\n          <StyledIndicatorText\n            className={clsx(\n              kpiClasses.spacingToTheRight,\n              kpiClasses.indicatorText,\n              classes?.spacingToTheRight,\n              classes?.indicatorText\n            )}\n            variant={indicatorTextVariant}\n          >\n            {mergedLabels.indicator}\n          </StyledIndicatorText>\n        )}\n        {mergedLabels?.unit && (\n          <StyledIndicatorUnit\n            className={clsx(kpiClasses.indicatorUnit, classes?.indicatorUnit)}\n            variant={indicatorUnitTextVariant}\n          >\n            {mergedLabels.unit}\n          </StyledIndicatorUnit>\n        )}\n      </StyledIndicatorsContainer>\n      {visualComparison && (\n        <StyledComparisonComposition\n          className={clsx(\n            kpiClasses.comparisonComposition,\n            classes?.comparisonComposition\n          )}\n        >\n          {trendIndicator && (\n            <StyledTrendIndicator\n              className={clsx(\n                kpiClasses.trendLine,\n                kpiClasses.spacingToTheRight,\n                classes?.trendLine,\n                classes?.spacingToTheRight\n              )}\n            >\n              {trendIndicator}\n            </StyledTrendIndicator>\n          )}\n          <div>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <InternalVisualComparison\n                className={clsx(\n                  kpiClasses.comparisons,\n                  kpiClasses.spacingToTheRight,\n                  classes?.comparisons,\n                  classes?.spacingToTheRight\n                )}\n                variant=\"label\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </StyledComparisonContainer>\n            <StyledComparisonContainer\n              className={clsx(\n                kpiClasses.comparisonContainer,\n                classes?.comparisonContainer\n              )}\n            >\n              <HvTypography\n                className={clsx(kpiClasses.comparisons, classes?.comparisons)}\n                variant=\"caption2\"\n              >\n                {mergedLabels?.comparisonIndicatorInfo}\n              </HvTypography>\n            </StyledComparisonContainer>\n          </div>\n        </StyledComparisonComposition>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","className","others","useDefaultProps","mergedLabels","useLabels","InternalVisualComparison","StyledInternalVisualComparisonTypography","StyledInternalVisualComparisonDiv","StyledRoot","clsx","root","kpiClasses","children","_jsx","HvTypography","variant","_jsxs","StyledIndicatorsContainer","indicatorsContainer","StyledVisualIndicator","visualIndicatorContainer","spacingToTheRight","StyledIndicatorText","indicatorText","StyledIndicatorUnit","indicatorUnit","StyledComparisonComposition","comparisonComposition","StyledTrendIndicator","trendLine","StyledComparisonContainer","comparisonContainer","comparisons"],"mappings":"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"}
+{"version":3,"file":"Kpi.js","sources":["../../../../src/components/Kpi/Kpi.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Kpi.styles\";\n\nexport { staticClasses as kpiClasses };\n\nexport type HvKpiClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvKpiLabelProps {\n  /**\n   * The text at the top of the kpi.\n   */\n  title?: string;\n  /**\n   * The text in the middle of the kpi.\n   */\n  indicator?: string;\n  /**\n   * The text to the right of the indicator.\n   */\n  unit?: string;\n  /**\n   * The text to the right of the visual comparison.\n   */\n  comparisonIndicatorInfo?: string;\n}\n\nexport interface HvKpiProps extends HvBaseProps<HTMLDivElement, \"children\"> {\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  trendIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered to the left of the kpi indicator text.\n   */\n  visualIndicator?: React.ReactNode;\n  /**\n   * An Element that will be rendered below the kpi indicator text.\n   */\n  visualComparison?: React.ReactNode;\n  /**\n   * The object that contains the different labels inside the kpi.\n   */\n  labels?: HvKpiLabelProps;\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorTextVariant?: \"display\" | \"title1\" | \"title2\";\n  /**\n   *  The typography variant used in the main text indicator of the KPI\n   */\n  indicatorUnitTextVariant?: \"title2\" | \"body\";\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvKpiClasses;\n}\n\nconst DEFAULT_LABELS = {\n  title: \"\",\n  indicator: undefined,\n  unit: undefined,\n  comparisonIndicatorInfo: undefined,\n};\n\n/**\n * Key Performance Indicator is a type of performance measurement. It monitors a business indicator\n * and its success/failure against a given target. KPIs are the first item read on a dashboard.\n * Communicates simple, immediate and vital information for operational decision making.\n */\nexport const HvKpi = (props: HvKpiProps) => {\n  const {\n    trendIndicator = null,\n    visualIndicator = null,\n    visualComparison = null,\n    indicatorUnitTextVariant = \"title2\",\n    indicatorTextVariant = \"title1\",\n    labels,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvKpi\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const mergedLabels = useLabels(DEFAULT_LABELS, labels);\n\n  const InternalVisualComparison =\n    typeof visualComparison === \"string\" ? HvTypography : \"div\";\n\n  return (\n    <div className={cx(classes.root, className)} {...others}>\n      <div>\n        <HvTypography variant=\"label\">{mergedLabels?.title}</HvTypography>\n      </div>\n      <div className={classes.indicatorsContainer}>\n        {visualIndicator && (\n          <div\n            className={cx(\n              classes.visualIndicatorContainer,\n              classes.spacingToTheRight\n            )}\n          >\n            {visualIndicator}\n          </div>\n        )}\n        {mergedLabels?.indicator && (\n          <HvTypography\n            className={cx(classes.spacingToTheRight, classes.indicatorText)}\n            variant={indicatorTextVariant}\n          >\n            {mergedLabels.indicator}\n          </HvTypography>\n        )}\n        {mergedLabels?.unit && (\n          <HvTypography\n            className={classes.indicatorUnit}\n            variant={indicatorUnitTextVariant}\n          >\n            {mergedLabels.unit}\n          </HvTypography>\n        )}\n      </div>\n      {visualComparison && (\n        <div className={classes.comparisonComposition}>\n          {trendIndicator && (\n            <div className={cx(classes.trendLine, classes.spacingToTheRight)}>\n              {trendIndicator}\n            </div>\n          )}\n          <div>\n            <div className={classes.comparisonContainer}>\n              <InternalVisualComparison\n                className={cx(classes.comparisons, classes.spacingToTheRight)}\n                variant=\"label\"\n              >\n                {visualComparison}\n              </InternalVisualComparison>\n            </div>\n            <div className={classes.comparisonContainer}>\n              <HvTypography className={classes.comparisons} variant=\"caption2\">\n                {mergedLabels?.comparisonIndicatorInfo}\n              </HvTypography>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","title","indicator","undefined","unit","comparisonIndicatorInfo","HvKpi","props","trendIndicator","visualIndicator","visualComparison","indicatorUnitTextVariant","indicatorTextVariant","labels","classes","classesProp","className","others","useDefaultProps","cx","useClasses","mergedLabels","useLabels","InternalVisualComparison","HvTypography","root","children","_jsx","variant","_jsxs","indicatorsContainer","visualIndicatorContainer","spacingToTheRight","indicatorText","indicatorUnit","comparisonComposition","trendLine","comparisonContainer","comparisons"],"mappings":";;;;;;AA8DA,MAAMA,iBAAiB;AAAA,EACrBC,OAAO;AAAA,EACPC,WAAWC;AAAAA,EACXC,MAAMD;AAAAA,EACNE,yBAAyBF;AAC3B;AAOaG,MAAAA,QAAQA,CAACC,UAAsB;AACpC,QAAA;AAAA,IACJC,iBAAiB;AAAA,IACjBC,kBAAkB;AAAA,IAClBC,mBAAmB;AAAA,IACnBC,2BAA2B;AAAA,IAC3BC,uBAAuB;AAAA,IACvBC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,SAASX,KAAK;AAE5B,QAAA;AAAA,IAAEO;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,WAAWL,WAAW;AAExCM,QAAAA,eAAeC,UAAUtB,gBAAgBa,MAAM;AAErD,QAAMU,2BACJ,OAAOb,qBAAqB,WAAWc,eAAe;AAExD,8BACE,OAAA;AAAA,IAAKR,WAAWG,GAAGL,QAAQW,MAAMT,SAAS;AAAA,IAAE,GAAKC;AAAAA,IAAMS,WACrDC,oBAAA,OAAA;AAAA,MAAAD,8BACGF,cAAY;AAAA,QAACI,SAAQ;AAAA,QAAOF,UAAEL,6CAAcpB;AAAAA,MAAAA,CAAoB;AAAA,IAAA,CAC9D,GACL4B,qBAAA,OAAA;AAAA,MAAKb,WAAWF,QAAQgB;AAAAA,MAAoBJ,UAAA,CACzCjB,mBACCkB,oBAAA,OAAA;AAAA,QACEX,WAAWG,GACTL,QAAQiB,0BACRjB,QAAQkB,iBACV;AAAA,QAAEN,UAEDjB;AAAAA,MACE,CAAA,IAENY,6CAAcnB,kCACZsB,cAAY;AAAA,QACXR,WAAWG,GAAGL,QAAQkB,mBAAmBlB,QAAQmB,aAAa;AAAA,QAC9DL,SAAShB;AAAAA,QAAqBc,UAE7BL,aAAanB;AAAAA,MACF,CAAA,IAEfmB,6CAAcjB,6BACZoB,cAAY;AAAA,QACXR,WAAWF,QAAQoB;AAAAA,QACnBN,SAASjB;AAAAA,QAAyBe,UAEjCL,aAAajB;AAAAA,MAAAA,CACF,CACf;AAAA,IAAA,CACE,GACJM,oBACCmB,qBAAA,OAAA;AAAA,MAAKb,WAAWF,QAAQqB;AAAAA,MAAsBT,UAAA,CAC3ClB,kBACCmB,oBAAA,OAAA;AAAA,QAAKX,WAAWG,GAAGL,QAAQsB,WAAWtB,QAAQkB,iBAAiB;AAAA,QAAEN,UAC9DlB;AAAAA,MAAAA,CACE,GAEPqB,qBAAA,OAAA;AAAA,QAAAH,WACEC,oBAAA,OAAA;AAAA,UAAKX,WAAWF,QAAQuB;AAAAA,UAAoBX,8BACzCH,0BAAwB;AAAA,YACvBP,WAAWG,GAAGL,QAAQwB,aAAaxB,QAAQkB,iBAAiB;AAAA,YAC5DJ,SAAQ;AAAA,YAAOF,UAEdhB;AAAAA,UAAAA,CACuB;AAAA,QAAA,CACvB,GACLiB,oBAAA,OAAA;AAAA,UAAKX,WAAWF,QAAQuB;AAAAA,UAAoBX,8BACzCF,cAAY;AAAA,YAACR,WAAWF,QAAQwB;AAAAA,YAAaV,SAAQ;AAAA,YAAUF,UAC7DL,6CAAchB;AAAAA,UAAAA,CACH;AAAA,QAAA,CACX,CAAC;AAAA,MAAA,CACH,CAAC;AAAA,IAAA,CACH,CACN;AAAA,EAAA,CACE;AAET;"}

package/dist/esm/components/Kpi/Kpi.styles.js

@@ -1,135 +1,52 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { HvTypography } from "../Typography/Typography.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p69"
-} : {
-  target: "e70l5p69",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "w1atjl",
-  styles: "width:100%;height:100%"
-} : {
-  name: "w1atjl",
-  styles: "width:100%;height:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0wQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0twaS9LcGkuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvcnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1lbmRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmlzdWFsSW5kaWNhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVGV4dCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JVbml0ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCIzcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbXBvc2l0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmVuZEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZmxvYXQ6IFwicmlnaHRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvbkRpdiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW50ZXJuYWxWaXN1YWxDb21wYXJpc29uVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvKpi", {
+  root: {
+    width: "100%",
+    height: "100%"
+  },
+  visualIndicatorContainer: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "40px",
+    backgroundColor: "transparent"
+  },
+  comparisons: {},
+  comparisonContainer: {
+    minHeight: "16px",
+    display: "flex",
+    alignItems: "flex-end"
+  },
+  comparisonComposition: {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    alignItems: "center"
+  },
+  indicatorsContainer: {
+    display: "inline-flex",
+    minHeight: "16px",
+    alignItems: "flex-end"
+  },
+  indicatorText: {},
+  indicatorUnit: {
+    alignSelf: "flex-end",
+    paddingBottom: "3px"
+  },
+  spacingToTheRight: {
+    marginRight: theme.space.xs
+  },
+  trendLine: {
+    float: "right"
+  }
 });
-const StyledIndicatorsContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p68"
-} : {
-  target: "e70l5p68",
-  label: "StyledIndicatorsContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "d0nhrh",
-  styles: "display:inline-flex;min-height:16px;align-items:flex-end"
-} : {
-  name: "d0nhrh",
-  styles: "display:inline-flex;min-height:16px;align-items:flex-end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0twaS9LcGkuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvcnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGFsaWduSXRlbXM6IFwiZmxleC1lbmRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVmlzdWFsSW5kaWNhdG9yID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjQwcHhcIixcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVGV4dCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JVbml0ID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBhbGlnblNlbGY6IFwiZmxleC1lbmRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCIzcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbXBvc2l0aW9uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmVuZEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgZmxvYXQ6IFwicmlnaHRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29tcGFyaXNvbkNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1pbkhlaWdodDogXCIxNnB4XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvbkRpdiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW50ZXJuYWxWaXN1YWxDb21wYXJpc29uVHlwb2dyYXBoeSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledVisualIndicator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p67"
-} : {
-  target: "e70l5p67",
-  label: "StyledVisualIndicator"
-})({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  height: "40px",
-  backgroundColor: "transparent",
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCcUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledIndicatorText = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e70l5p66"
-} : {
-  target: "e70l5p66",
-  label: "StyledIndicatorText"
-})({
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledIndicatorUnit = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e70l5p65"
-} : {
-  target: "e70l5p65",
-  label: "StyledIndicatorUnit"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1momlv3",
-  styles: "align-self:flex-end;padding-bottom:3px"
-} : {
-  name: "1momlv3",
-  styles: "align-self:flex-end;padding-bottom:3px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledComparisonComposition = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p64"
-} : {
-  target: "e70l5p64",
-  label: "StyledComparisonComposition"
-})(process.env.NODE_ENV === "production" ? {
-  name: "3bv6ua",
-  styles: "width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center"
-} : {
-  name: "3bv6ua",
-  styles: "width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DMkMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledTrendIndicator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p63"
-} : {
-  target: "e70l5p63",
-  label: "StyledTrendIndicator"
-})({
-  marginRight: theme.space.xs,
-  float: "right"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledComparisonContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p62"
-} : {
-  target: "e70l5p62",
-  label: "StyledComparisonContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "h0c07j",
-  styles: "min-height:16px;display:flex;align-items:flex-end"
-} : {
-  name: "h0c07j",
-  styles: "min-height:16px;display:flex;align-items:flex-end",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEeUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledInternalVisualComparisonDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e70l5p61"
-} : {
-  target: "e70l5p61",
-  label: "StyledInternalVisualComparisonDiv"
-})({
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEaUQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
-const StyledInternalVisualComparisonTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e70l5p60"
-} : {
-  target: "e70l5p60",
-  label: "StyledInternalVisualComparisonTypography"
-})({
-  marginRight: theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvS3BpL0twaS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEd0QiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9LcGkvS3BpLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmRpY2F0b3JzQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtZW5kXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc3VhbEluZGljYXRvciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCI0MHB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZGljYXRvclRleHQgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5kaWNhdG9yVW5pdCA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgYWxpZ25TZWxmOiBcImZsZXgtZW5kXCIsXG4gIHBhZGRpbmdCb3R0b206IFwiM3B4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db21wb3NpdGlvbiA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJlbmRJbmRpY2F0b3IgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIGZsb2F0OiBcInJpZ2h0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbXBhcmlzb25Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtaW5IZWlnaHQ6IFwiMTZweFwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LWVuZFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnRlcm5hbFZpc3VhbENvbXBhcmlzb25EaXYgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEludGVybmFsVmlzdWFsQ29tcGFyaXNvblR5cG9ncmFwaHkgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuIl19 */");
 export {
-  StyledComparisonComposition,
-  StyledComparisonContainer,
-  StyledIndicatorText,
-  StyledIndicatorUnit,
-  StyledIndicatorsContainer,
-  StyledInternalVisualComparisonDiv,
-  StyledInternalVisualComparisonTypography,
-  StyledRoot,
-  StyledTrendIndicator,
-  StyledVisualIndicator
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Kpi.styles.js.map

package/dist/esm/components/Kpi/Kpi.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kpi.styles.js","sources":["../../../../src/components/Kpi/Kpi.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\n\nexport const StyledRoot = styled(\"div\")({\n  width: \"100%\",\n  height: \"100%\",\n});\n\nexport const StyledIndicatorsContainer = styled(\"div\")({\n  display: \"inline-flex\",\n  minHeight: \"16px\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledVisualIndicator = styled(\"div\")({\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"40px\",\n  backgroundColor: \"transparent\",\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorText = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledIndicatorUnit = styled(HvTypography)({\n  alignSelf: \"flex-end\",\n  paddingBottom: \"3px\",\n});\n\nexport const StyledComparisonComposition = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  flexWrap: \"wrap\",\n  alignItems: \"center\",\n});\n\nexport const StyledTrendIndicator = styled(\"div\")({\n  marginRight: theme.space.xs,\n  float: \"right\",\n});\n\nexport const StyledComparisonContainer = styled(\"div\")({\n  minHeight: \"16px\",\n  display: \"flex\",\n  alignItems: \"flex-end\",\n});\n\nexport const StyledInternalVisualComparisonDiv = styled(\"div\")({\n  marginRight: theme.space.xs,\n});\n\nexport const StyledInternalVisualComparisonTypography = styled(HvTypography)({\n  marginRight: theme.space.xs,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIndicatorsContainer","StyledVisualIndicator","display","alignItems","justifyContent","height","backgroundColor","marginRight","theme","space","xs","StyledIndicatorText","HvTypography","StyledIndicatorUnit","StyledComparisonComposition","StyledTrendIndicator","float","StyledComparisonContainer","StyledInternalVisualComparisonDiv","StyledInternalVisualComparisonTypography"],"mappings":"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"}
+{"version":3,"file":"Kpi.styles.js","sources":["../../../../src/components/Kpi/Kpi.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvKpi\", {\n  root: { width: \"100%\", height: \"100%\" },\n  visualIndicatorContainer: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"40px\",\n    backgroundColor: \"transparent\",\n  },\n  comparisons: {},\n  comparisonContainer: {\n    minHeight: \"16px\",\n    display: \"flex\",\n    alignItems: \"flex-end\",\n  },\n  comparisonComposition: {\n    width: \"100%\",\n    display: \"flex\",\n    flexDirection: \"row\",\n    flexWrap: \"wrap\",\n    alignItems: \"center\",\n  },\n  indicatorsContainer: {\n    display: \"inline-flex\",\n    minHeight: \"16px\",\n    alignItems: \"flex-end\",\n  },\n  indicatorText: {},\n  indicatorUnit: { alignSelf: \"flex-end\", paddingBottom: \"3px\" },\n  spacingToTheRight: { marginRight: theme.space.xs },\n  trendLine: { float: \"right\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","height","visualIndicatorContainer","display","alignItems","justifyContent","backgroundColor","comparisons","comparisonContainer","minHeight","comparisonComposition","flexDirection","flexWrap","indicatorsContainer","indicatorText","indicatorUnit","alignSelf","paddingBottom","spacingToTheRight","marginRight","theme","space","xs","trendLine","float"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,SAAS;AAAA,EAClEC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAQC,QAAQ;AAAA,EAAO;AAAA,EACtCC,0BAA0B;AAAA,IACxBC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBJ,QAAQ;AAAA,IACRK,iBAAiB;AAAA,EACnB;AAAA,EACAC,aAAa,CAAC;AAAA,EACdC,qBAAqB;AAAA,IACnBC,WAAW;AAAA,IACXN,SAAS;AAAA,IACTC,YAAY;AAAA,EACd;AAAA,EACAM,uBAAuB;AAAA,IACrBV,OAAO;AAAA,IACPG,SAAS;AAAA,IACTQ,eAAe;AAAA,IACfC,UAAU;AAAA,IACVR,YAAY;AAAA,EACd;AAAA,EACAS,qBAAqB;AAAA,IACnBV,SAAS;AAAA,IACTM,WAAW;AAAA,IACXL,YAAY;AAAA,EACd;AAAA,EACAU,eAAe,CAAC;AAAA,EAChBC,eAAe;AAAA,IAAEC,WAAW;AAAA,IAAYC,eAAe;AAAA,EAAM;AAAA,EAC7DC,mBAAmB;AAAA,IAAEC,aAAaC,MAAMC,MAAMC;AAAAA,EAAG;AAAA,EACjDC,WAAW;AAAA,IAAEC,OAAO;AAAA,EAAQ;AAC9B,CAAC;"}

package/dist/esm/components/Link/Link.js

@@ -1,31 +1,35 @@
-import { clsx } from "clsx";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { StyledA } from "./Link.styles.js";
-import linkClasses from "./linkClasses.js";
+import { useClasses } from "./Link.styles.js";
+import { staticClasses } from "./Link.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvLink = (props) => {
   const {
     onClick,
-    classes,
+    classes: classesProp,
     className,
     route,
     data,
     children,
     ...others
   } = useDefaultProps("HvLink", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const handleClick = (event) => {
     event.preventDefault();
     onClick == null ? void 0 : onClick(event, data);
   };
-  return /* @__PURE__ */ jsx(StyledA, {
+  return /* @__PURE__ */ jsx("a", {
     href: route,
     onClick: onClick != null ? handleClick : void 0,
-    className: clsx(className, linkClasses.a, classes == null ? void 0 : classes.a),
+    className: cx(classes.a, className),
     ...others,
     children
   });
 };
 export {
-  HvLink
+  HvLink,
+  staticClasses as linkClasses
 };
 //# sourceMappingURL=Link.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { MouseEventHandler } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledA } from \"./Link.styles\";\nimport linkClasses, { HvLinkClasses } from \"./linkClasses\";\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLinkClasses;\n}\n\nexport const HvLink = (props: HvLinkProps) => {\n  const { onClick, classes, className, route, data, children, ...others } =\n    useDefaultProps(\"HvLink\", props);\n\n  const handleClick = (event) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  return (\n    <StyledA\n      href={route}\n      onClick={onClick != null ? handleClick : undefined}\n      className={clsx(className, linkClasses.a, classes?.a)}\n      {...others}\n    >\n      {children}\n    </StyledA>\n  );\n};\n"],"names":["HvLink","props","onClick","classes","className","route","data","children","others","useDefaultProps","handleClick","event","preventDefault","StyledA","href","undefined","clsx","linkClasses","a"],"mappings":";;;;;AAsBaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAASC;AAAAA,IAASC;AAAAA,IAAWC;AAAAA,IAAOC;AAAAA,IAAMC;AAAAA,IAAU,GAAGC;AAAAA,EAAAA,IAC7DC,gBAAgB,UAAUR,KAAK;AAEjC,QAAMS,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAe;AAErBV,uCAAUS,OAAOL;AAAAA,EAAI;AAGvB,6BACGO,SAAO;AAAA,IACNC,MAAMT;AAAAA,IACNH,SAASA,WAAW,OAAOQ,cAAcK;AAAAA,IACzCX,WAAWY,KAAKZ,WAAWa,YAAYC,GAAGf,mCAASe,CAAC;AAAA,IAAE,GAClDV;AAAAA,IAAMD;AAAAA,EAAAA,CAGH;AAEb;"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { MouseEventHandler } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Link.styles\";\n\nexport { staticClasses as linkClasses };\n\nexport type HvLinkClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLinkProps extends HvBaseProps<HTMLAnchorElement, \"onClick\"> {\n  onClick?: (\n    event: MouseEventHandler<HTMLAnchorElement>,\n    data: any\n  ) => void | undefined;\n  route?: string;\n  data?: any;\n  children: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvLinkClasses;\n}\n\nexport const HvLink = (props: HvLinkProps) => {\n  const {\n    onClick,\n    classes: classesProp,\n    className,\n    route,\n    data,\n    children,\n    ...others\n  } = useDefaultProps(\"HvLink\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleClick = (event) => {\n    event.preventDefault();\n\n    onClick?.(event, data);\n  };\n\n  return (\n    <a\n      href={route}\n      onClick={onClick != null ? handleClick : undefined}\n      className={cx(classes.a, className)}\n      {...others}\n    >\n      {children}\n    </a>\n  );\n};\n"],"names":["HvLink","props","onClick","classes","classesProp","className","route","data","children","others","useDefaultProps","cx","useClasses","handleClick","event","preventDefault","href","undefined","a"],"mappings":";;;;AAwBaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,UAAUT,KAAK;AAE7B,QAAA;AAAA,IAAEE;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAE9C,QAAMS,cAAeC,CAAU,UAAA;AAC7BA,UAAMC,eAAe;AAErBb,uCAAUY,OAAOP;AAAAA,EAAI;AAGvB,6BACE,KAAA;AAAA,IACES,MAAMV;AAAAA,IACNJ,SAASA,WAAW,OAAOW,cAAcI;AAAAA,IACzCZ,WAAWM,GAAGR,QAAQe,GAAGb,SAAS;AAAA,IAAE,GAChCI;AAAAA,IAAMD;AAAAA,EAAAA,CAGT;AAEP;"}

package/dist/esm/components/Link/Link.styles.js

@@ -1,20 +1,21 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../utils/focusUtils.js";
-const StyledA = /* @__PURE__ */ _styled("a", process.env.NODE_ENV === "production" ? {
-  target: "e18zed7a0"
-} : {
-  target: "e18zed7a0",
-  label: "StyledA"
-})({
-  ...theme.typography.label,
-  textDecoration: "underline",
-  color: theme.colors.primary,
-  "&:focus-visible": {
-    ...outlineStyles
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvLink", {
+  a: {
+    ...theme.typography.label,
+    textDecoration: "underline",
+    color: theme.colors.primary,
+    "&:focus-visible": {
+      ...outlineStyles
+    }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXVCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvZm9jdXNVdGlsc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQSA9IHN0eWxlZChcImFcIikoe1xuICAuLi4odGhlbWUudHlwb2dyYXBoeS5sYWJlbCBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMucHJpbWFyeSxcbiAgXCImOmZvY3VzLXZpc2libGVcIjogeyAuLi5vdXRsaW5lU3R5bGVzIH0sXG59KTtcbiJdfQ== */");
+});
 export {
-  StyledA
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Link.styles.js.map

package/dist/esm/components/Link/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { CSSProperties } from \"react\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\n\nexport const StyledA = styled(\"a\")({\n  ...(theme.typography.label as CSSProperties),\n  textDecoration: \"underline\",\n  color: theme.colors.primary,\n  \"&:focus-visible\": { ...outlineStyles },\n});\n"],"names":["StyledA","process","env","NODE_ENV","target","label","theme","typography","textDecoration","color","colors","primary","outlineStyles"],"mappings":";;;AAQO,MAAMA,UAAiB,wBAAA,KAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjC,GAAIC,MAAMC,WAAWF;AAAAA,EACrBG,gBAAgB;AAAA,EAChBC,OAAOH,MAAMI,OAAOC;AAAAA,EACpB,mBAAmB;AAAA,IAAE,GAAGC;AAAAA,EAAc;AACxC,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,y+BAAA;"}
+{"version":3,"file":"Link.styles.js","sources":["../../../../src/components/Link/Link.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvLink\", {\n  a: {\n    ...theme.typography.label,\n    textDecoration: \"underline\",\n    color: theme.colors.primary,\n\n    \"&:focus-visible\": { ...outlineStyles },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","a","theme","typography","label","textDecoration","color","colors","primary","outlineStyles"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,UAAU;AAAA,EACnEC,GAAG;AAAA,IACD,GAAGC,MAAMC,WAAWC;AAAAA,IACpBC,gBAAgB;AAAA,IAChBC,OAAOJ,MAAMK,OAAOC;AAAAA,IAEpB,mBAAmB;AAAA,MAAE,GAAGC;AAAAA,IAAc;AAAA,EACxC;AACF,CAAC;"}

package/dist/esm/components/List/List.styles.js

@@ -10,8 +10,8 @@ import { HvCheckBox } from "../CheckBox/CheckBox.js";
 import { HvLink } from "../Link/Link.js";
 import { HvRadio } from "../Radio/Radio.js";
 import { staticClasses as staticClasses$1 } from "../Radio/Radio.styles.js";
+import { staticClasses as staticClasses$2 } from "../ListContainer/ListItem/ListItem.styles.js";
 import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
-import listItemClasses from "../ListContainer/ListItem/listItemClasses.js";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -139,7 +139,7 @@ const StyledListItem = /* @__PURE__ */ _styled(HvListItem, process.env.NODE_ENV
 }, transientOptions))(({
   $applySelected
 }) => ({
-  [`& .${listItemClasses.selected}`]: {
+  [`& .${staticClasses$2.selected}`]: {
     ...$applySelected && {
       "&:not(:hover):not(.HvIsFocused):not(:focus-within)": {
         backgroundColor: "transparent"

package/dist/esm/components/ListContainer/ListContainer.js

@@ -1,14 +1,14 @@
 import React__default, { useRef, useContext, useMemo } from "react";
-import { clsx } from "clsx";
 import { useForkRef } from "../../hooks/useForkRef.js";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import listContainerClasses from "./listContainerClasses.js";
+import { useClasses } from "./ListContainer.styles.js";
+import { staticClasses } from "./ListContainer.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import HvListContext from "./ListContext/ListContext.js";
 const HvListContainer = React__default.forwardRef((props, externalRef) => {
   const {
     id,
-    classes,
+    classes: classesProp,
     className,
     interactive = false,
     condensed,
@@ -16,6 +16,10 @@ const HvListContainer = React__default.forwardRef((props, externalRef) => {
     children,
     ...others
   } = useDefaultProps("HvListContainer", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const containerRef = useRef(null);
   const {
     topContainerRef,
@@ -47,13 +51,14 @@ const HvListContainer = React__default.forwardRef((props, externalRef) => {
     children: /* @__PURE__ */ jsx("ul", {
       ref: handleRef,
       id,
-      className: clsx(className, listContainerClasses.root, classes == null ? void 0 : classes.root),
+      className: cx(classes.root, className),
       ...others,
       children: renderChildren()
     })
   });
 });
 export {
-  HvListContainer
+  HvListContainer,
+  staticClasses as listContainerClasses
 };
 //# sourceMappingURL=ListContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.js","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\n\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport HvListContext from \"./ListContext\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n}\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (props: HvListContainerProps, externalRef) => {\n    const {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    } = useDefaultProps(\"HvListContainer\", props);\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","props","externalRef","id","classes","className","interactive","condensed","disableGutters","children","others","useDefaultProps","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;;AA+BO,MAAMA,kBAAkBC,eAAMC,WACnC,CAACC,OAA6BC,gBAAgB;AACtC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,cAAc;AAAA,IACdC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,mBAAmBV,KAAK;AACtCW,QAAAA,eAAeC,OAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,WAAgBC,aAAa;AAEjEC,QAAAA,cAAcC,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CACnE;AAEA,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAActB,eAAMuB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMxB,MAAMyB,YAAY,CAACD,MAAMxB,MAAM0B,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO3B,eAAMuB,SAASE,IAAIf,UAAU,CAACgB,OAAYK,MAAM;AACrD,YAAMC,WACJN,MAAMxB,MAAM8B,YACX,CAACV,eAAeS,MAAM,KACtBL,MAAMxB,MAAMyB,YAAY,CAACD,MAAMxB,MAAM0B,WAClC,IACA;AAEC5B,aAAAA,eAAMiC,aAAaP,OAAO;AAAA,QAC/BM;AAAAA,QACAzB;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG2B,QAAAA,YAAYC,WAAWhC,aAAaU,YAAY;AAGpDuB,SAAAA,oBAAClB,cAAcmB,UAAQ;AAAA,IAACC,OAAOnB;AAAAA,IAAYT,8BACzC,MAAA;AAAA,MACE6B,KAAKL;AAAAA,MACL9B;AAAAA,MACAE,WAAWkC,KAAKlC,WAAWmC,qBAAqBC,MAAMrC,mCAASqC,IAAI;AAAA,MAAE,GACjE/B;AAAAA,MAAMD,UAETW,eAAe;AAAA,IAAA,CACd;AAAA,EAAA,CACkB;AAE5B,CACF;"}
+{"version":3,"file":"ListContainer.js","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./ListContainer.styles\";\nimport HvListContext from \"./ListContext\";\n\nexport { staticClasses as listContainerClasses };\n\nexport type HvListContainerClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n}\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (props: HvListContainerProps, externalRef) => {\n    const {\n      id,\n      classes: classesProp,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    } = useDefaultProps(\"HvListContainer\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={cx(classes.root, className)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","props","externalRef","id","classes","classesProp","className","interactive","condensed","disableGutters","children","others","useDefaultProps","cx","useClasses","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","root"],"mappings":";;;;;;;AAiCO,MAAMA,kBAAkBC,eAAMC,WACnC,CAACC,OAA6BC,gBAAgB;AACtC,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC,cAAc;AAAA,IACdC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,mBAAmBX,KAAK;AAEtC,QAAA;AAAA,IAAEG;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AAExCU,QAAAA,eAAeC,OAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,WAAWC,aAAa;AAE5DC,QAAAA,cAAcC,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCP;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAW,SAASA,UAAU;AAAA,EAAA,IAErB,CAACV,WAAWC,gBAAgBF,aAAaW,SAASD,eAAe,CACnE;AAEA,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAAChB,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMc,UAAAA,cAAczB,eAAM0B,SAASC,QAAQhB,QAAQ,EAChDiB,IAAI,CAACC,UAAeA,MAAM3B,MAAM4B,YAAY,CAACD,MAAM3B,MAAM6B,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO9B,eAAM0B,SAASE,IAAIjB,UAAU,CAACkB,OAAYK,MAAM;AACrD,YAAMC,WACJN,MAAM3B,MAAMiC,YACX,CAACV,eAAeS,MAAM,KACtBL,MAAM3B,MAAM4B,YAAY,CAACD,MAAM3B,MAAM6B,WAClC,IACA;AAEC/B,aAAAA,eAAMoC,aAAaP,OAAO;AAAA,QAC/BM;AAAAA,QACA3B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG6B,QAAAA,YAAYC,WAAWnC,aAAaa,YAAY;AAGpDuB,SAAAA,oBAAClB,cAAcmB,UAAQ;AAAA,IAACC,OAAOnB;AAAAA,IAAYX,8BACzC,MAAA;AAAA,MACE+B,KAAKL;AAAAA,MACLjC;AAAAA,MACAG,WAAWO,GAAGT,QAAQsC,MAAMpC,SAAS;AAAA,MAAE,GACnCK;AAAAA,MAAMD,UAETa,eAAe;AAAA,IAAA,CACd;AAAA,EAAA,CACkB;AAE5B,CACF;"}

package/dist/esm/components/ListContainer/ListContainer.styles.js

@@ -0,0 +1,12 @@
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvListContainer", {
+  root: {}
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=ListContainer.styles.js.map

package/dist/esm/components/ListContainer/ListContainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListContainer.styles.js","sources":["../../../../src/components/ListContainer/ListContainer.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvListContainer\", {\n  root: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,mBAAmB;AAAA,EAC5EC,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/components/ListContainer/ListContext/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContext.js","sources":["../../../../../src/components/ListContainer/ListContext/ListContext.ts"],"sourcesContent":["import React from \"react\";\n\nconst ListContext = React.createContext({});\nListContext.displayName = \"ListContext\";\n\nexport default ListContext;\n"],"names":["ListContext","React","createContext","displayName"],"mappings":";AAEA,MAAMA,cAAcC,eAAMC,cAAc,CAAA,CAAE;AAC1CF,YAAYG,cAAc;AAE1B,MAAA,gBAAeH;"}
+{"version":3,"file":"ListContext.js","sources":["../../../../../src/components/ListContainer/ListContext/ListContext.ts"],"sourcesContent":["import React from \"react\";\n\nconst ListContext = React.createContext<{\n  interactive?: boolean;\n  nesting?: number;\n  condensed?: boolean;\n  disableGutters?: boolean;\n  topContainerRef?: React.MutableRefObject<HTMLUListElement | null>;\n}>({});\n\nListContext.displayName = \"ListContext\";\n\nexport default ListContext;\n"],"names":["ListContext","React","createContext","displayName"],"mappings":";AAEA,MAAMA,cAAcC,eAAMC,cAMvB,CAAA,CAAE;AAELF,YAAYG,cAAc;AAE1B,MAAA,gBAAeH;"}