@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.css

@@ -1,4 +1,4 @@
-._mt8v6g0-3-12-1 {
+._mt8v6g0-3-13-0 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -19,23 +19,25 @@
   padding: var(--dt-spacings-size-2, 2px);
   width: fit-content;
 }
-._mt8v6g1-3-12-1 {
+._mt8v6g1-3-13-0 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
+  min-height: var(--dt-spacings-size-24, 24px);
+  min-width: var(--dt-spacings-size-24, 24px);
 }
-._mt8v6g1-3-12-1:disabled {
+._mt8v6g1-3-13-0:disabled {
   cursor: auto;
 }
-._mt8v6g2-3-12-1 {
+._mt8v6g2-3-13-0 {
   cursor: pointer;
 }
-._mt8v6g2-3-12-1:hover {
+._mt8v6g2-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._mt8v6g3-3-12-1 {
+._mt8v6g3-3-13-0 {
   cursor: auto;
 }
-._mt8v6g4-3-12-1 {
+._mt8v6g4-3-13-0 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-0, 0);
   min-width: var(--dt-spacings-size-20, 20px);
@@ -45,39 +47,39 @@
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
 }
-._mt8v6g4-3-12-1:hover {
+._mt8v6g4-3-13-0:hover {
   cursor: auto;
 }
-._mt8v6g5-3-12-1:hover {
+._mt8v6g5-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   cursor: pointer;
 }
-._mt8v6g6-3-12-1:hover {
+._mt8v6g6-3-13-0:hover {
   background-color: unset;
   cursor: auto;
 }
-._mt8v6g7-3-12-1 {
+._mt8v6g7-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mt8v6g8-3-12-1 {
+._mt8v6g8-3-13-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mt8v6g4-3-12-1 > .button-children {
+._mt8v6g4-3-13-0 > .button-children {
   flex-grow: 1;
 }
-._mt8v6g9-3-12-1 {
+._mt8v6g9-3-13-0 {
   line-height: 2;
   white-space: nowrap;
   display: flex;
   align-items: center;
   overflow: hidden;
   flex-shrink: 1;
-  height: var(--dt-spacings-size-20, 20px);
+  height: var(--dt-spacings-size-24, 24px);
 }
-._mt8v6g9-3-12-1 > ._mt8v6g1-3-12-1 {
+._mt8v6g9-3-13-0 > ._mt8v6g1-3-13-0 {
   flex: 0 0 auto;
 }
-._mt8v6ga-3-12-1 {
+._mt8v6ga-3-13-0 {
   flex: 1 1 auto;
   white-space: nowrap;
   display: flex;
@@ -85,7 +87,7 @@
   overflow: hidden;
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._mt8v6gb-3-12-1 {
+._mt8v6gb-3-13-0 {
   flex-shrink: 1;
   text-align: left;
   overflow: hidden;

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.sty.js

@@ -2,12 +2,12 @@ import "../../../../../../../core/styles/focusRingStatic.css";
 import "./ChartLegendItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var ItemFontStyles = { fontWeight: "var(--dt-typography-text-small-emphasized-weight, 500)", fontSize: "var(--dt-typography-text-small-emphasized-size, 12px)", fontFamily: "var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)", lineHeight: "var(--dt-typography-text-small-emphasized-line-height, 1.333333333)" };
-var baseLegendButton = "_mt8v6g0-3-12-1 _z0fq9b4-3-12-1 _z0fq9bd-3-12-1 _z0fq9b6-3-12-1 _z0fq9b9-3-12-1";
-var legendItem = "_mt8v6g9-3-12-1";
-var legendItemButton = _7a468({ defaultClassName: "_mt8v6g1-3-12-1", variantClassNames: { isInteractive: { true: "_mt8v6g2-3-12-1", false: "_mt8v6g3-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendNameButton = _7a468({ defaultClassName: "_mt8v6g4-3-12-1", variantClassNames: { isInteractive: { true: "_mt8v6g5-3-12-1", false: "_mt8v6g6-3-12-1" }, isSubdued: { true: "_mt8v6g7-3-12-1", false: "_mt8v6g8-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendNameButtonOverride = "_mt8v6gb-3-12-1";
-var legendNameWrapper = "_mt8v6ga-3-12-1";
+var baseLegendButton = "_mt8v6g0-3-13-0 _z0fq9b4-3-13-0 _z0fq9bd-3-13-0 _z0fq9b6-3-13-0 _z0fq9b9-3-13-0";
+var legendItem = "_mt8v6g9-3-13-0";
+var legendItemButton = _7a468({ defaultClassName: "_mt8v6g1-3-13-0", variantClassNames: { isInteractive: { true: "_mt8v6g2-3-13-0", false: "_mt8v6g3-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendNameButton = _7a468({ defaultClassName: "_mt8v6g4-3-13-0", variantClassNames: { isInteractive: { true: "_mt8v6g5-3-13-0", false: "_mt8v6g6-3-13-0" }, isSubdued: { true: "_mt8v6g7-3-13-0", false: "_mt8v6g8-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendNameButtonOverride = "_mt8v6gb-3-13-0";
+var legendNameWrapper = "_mt8v6ga-3-13-0";
 export {
   ItemFontStyles,
   baseLegendButton,

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.css.ts"],
-  "sourcesContent": ["import '../../../../../../../core/styles/focusRingStatic.css';\nimport './ChartLegendItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ItemFontStyles = {fontWeight:'var(--dt-typography-text-small-emphasized-weight, 500)',fontSize:'var(--dt-typography-text-small-emphasized-size, 12px)',fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',lineHeight:'var(--dt-typography-text-small-emphasized-line-height, 1.333333333)'};\nexport var baseLegendButton = '_mt8v6g0-3-12-1 _z0fq9b4-3-12-1 _z0fq9bd-3-12-1 _z0fq9b6-3-12-1 _z0fq9b9-3-12-1';\nexport var legendItem = '_mt8v6g9-3-12-1';\nexport var legendItemButton = _7a468({defaultClassName:'_mt8v6g1-3-12-1',variantClassNames:{isInteractive:{true:'_mt8v6g2-3-12-1',false:'_mt8v6g3-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButton = _7a468({defaultClassName:'_mt8v6g4-3-12-1',variantClassNames:{isInteractive:{true:'_mt8v6g5-3-12-1',false:'_mt8v6g6-3-12-1'},isSubdued:{true:'_mt8v6g7-3-12-1',false:'_mt8v6g8-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButtonOverride = '_mt8v6gb-3-12-1';\nexport var legendNameWrapper = '_mt8v6ga-3-12-1';"],
+  "sourcesContent": ["import '../../../../../../../core/styles/focusRingStatic.css';\nimport './ChartLegendItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ItemFontStyles = {fontWeight:'var(--dt-typography-text-small-emphasized-weight, 500)',fontSize:'var(--dt-typography-text-small-emphasized-size, 12px)',fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',lineHeight:'var(--dt-typography-text-small-emphasized-line-height, 1.333333333)'};\nexport var baseLegendButton = '_mt8v6g0-3-13-0 _z0fq9b4-3-13-0 _z0fq9bd-3-13-0 _z0fq9b6-3-13-0 _z0fq9b9-3-13-0';\nexport var legendItem = '_mt8v6g9-3-13-0';\nexport var legendItemButton = _7a468({defaultClassName:'_mt8v6g1-3-13-0',variantClassNames:{isInteractive:{true:'_mt8v6g2-3-13-0',false:'_mt8v6g3-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButton = _7a468({defaultClassName:'_mt8v6g4-3-13-0',variantClassNames:{isInteractive:{true:'_mt8v6g5-3-13-0',false:'_mt8v6g6-3-13-0'},isSubdued:{true:'_mt8v6g7-3-13-0',false:'_mt8v6g8-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButtonOverride = '_mt8v6gb-3-13-0';\nexport var legendNameWrapper = '_mt8v6ga-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,EAAC,YAAW,0DAAyD,UAAS,yDAAwD,YAAW,6FAA4F,YAAW,sEAAqE;AAClV,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5L,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,GAAE,WAAU,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACvP,IAAI,2BAA2B;AAC/B,IAAI,oBAAoB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendItemLabel/ChartLegendItemLabel.js

@@ -46,6 +46,7 @@ const ChartLegendItemLabel = (props) => {
       "data-testid": "chart-legend-item-name",
       "data-dt-children-name": "LegendIsolateItem",
       ref: buttonRef,
+      "aria-label": name,
       onClick: (evt) => onButtonClick(evt.nativeEvent),
       onKeyDown: (evt) => onButtonKeydown(evt.nativeEvent),
       onMouseEnter,
@@ -66,7 +67,6 @@ const ChartLegendItemLabel = (props) => {
         ChartTextEllipsis,
         {
           truncationMode: truncationMode ?? DEFAULT_TRUNCATION_MODE,
-          "aria-label": "Series name",
           ref: textRef,
           charsFontWidthMap: charsFontWidth12pixelsSize500Map,
           children: item.name

package/esm/charts/core/components/legend/categorical/components/ChartLegendItemLabel/ChartLegendItemLabel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendItemLabel/ChartLegendItemLabel.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { useRef, type RefObject } from 'react';\n\nimport { Tooltip } from '../../../../../../../overlays/tooltip/Tooltip.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../../../../../constants.js';\nimport { useChartLayoutRatio } from '../../../../chart-layout/hooks/useChartLayoutRatio.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport { ChartTextEllipsis } from '../../../../text-ellipsis/ChartTextEllipsis.js';\nimport { calculateWidth } from '../../../../text-ellipsis/truncate-string.js';\nimport { LABEL_ITEM_CLASSNAME } from '../../constants.js';\nimport { useLegendGridSettings } from '../../context/LegendGridSettingsContext.js';\nimport { useLegend } from '../../hooks/useLegend.js';\nimport { LegendItem } from '../../types/legend.js';\nimport {\n  baseLegendButton,\n  legendNameButton,\n  legendNameButtonOverride,\n} from '../ChartLegendItem/ChartLegendItem.sty.js';\n\nexport interface ChartLegendItemLabelProps {\n  item: LegendItem;\n  buttonRef: RefObject<HTMLButtonElement | null>;\n  visible: boolean;\n  onButtonClick: (event: MouseEvent) => void;\n  onButtonKeydown: (event: KeyboardEvent) => void;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n}\n\nconst MAX_WIDTH_GAP = 15;\n\nexport const ChartLegendItemLabel = (props: ChartLegendItemLabelProps) => {\n  const {\n    item,\n    buttonRef,\n    visible,\n    onButtonKeydown,\n    onButtonClick,\n    onMouseEnter,\n    onMouseLeave,\n  } = props;\n  const { name } = item;\n\n  const textRef = useRef<HTMLSpanElement>(null);\n\n  const { readyForAutoRatio, ratio } = useChartLayoutRatio();\n  const { interactionsDisabled, truncationMode } = useLegend();\n  const { maxItemWidth } = useLegendGridSettings();\n\n  let applyTruncation = false;\n  if (buttonRef.current) {\n    const textWidth = calculateWidth(\n      item.name,\n      charsFontWidth12pixelsSize500Map,\n    );\n    const availableWidth = buttonRef.current.clientWidth;\n    applyTruncation = textWidth >= availableWidth;\n  }\n\n  return (\n    <Tooltip text={name} disabled={!applyTruncation}>\n      <button\n        data-testid=\"chart-legend-item-name\"\n        data-dt-children-name=\"LegendIsolateItem\"\n        ref={buttonRef}\n        onClick={(evt) => onButtonClick(evt.nativeEvent)}\n        onKeyDown={(evt) => onButtonKeydown(evt.nativeEvent)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        tabIndex={interactionsDisabled ? -1 : 0}\n        className={clsx(\n          baseLegendButton,\n          legendNameButtonOverride,\n          legendNameButton({\n            isInteractive: !interactionsDisabled,\n            isSubdued: !visible,\n          }),\n        )}\n        style={{\n          flexBasis: maxItemWidth + MAX_WIDTH_GAP,\n        }}\n      >\n        {ratio !== 'auto' || readyForAutoRatio ? (\n          <ChartTextEllipsis\n            truncationMode={truncationMode ?? DEFAULT_TRUNCATION_MODE}\n            aria-label=\"Series name\"\n            ref={textRef}\n            charsFontWidthMap={charsFontWidth12pixelsSize500Map}\n          >\n            {item.name}\n          </ChartTextEllipsis>\n        ) : (\n          <span className={LABEL_ITEM_CLASSNAME}>{item.name}</span>\n        )}\n      </button>\n    </Tooltip>\n  );\n};\n"],
-  "mappings": "AAmFU;AAnFV,OAAO,UAAU;AACjB,SAAS,cAA8B;AAEvC,SAAS,eAAe;AACxB,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,wCAAwC;AACjD,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYP,MAAM,gBAAgB;AAEf,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,UAAU,OAAwB,IAAI;AAE5C,QAAM,EAAE,mBAAmB,MAAM,IAAI,oBAAoB;AACzD,QAAM,EAAE,sBAAsB,eAAe,IAAI,UAAU;AAC3D,QAAM,EAAE,aAAa,IAAI,sBAAsB;AAE/C,MAAI,kBAAkB;AACtB,MAAI,UAAU,SAAS;AACrB,UAAM,YAAY;AAAA,MAChB,KAAK;AAAA,MACL;AAAA,IACF;AACA,UAAM,iBAAiB,UAAU,QAAQ;AACzC,sBAAkB,aAAa;AAAA,EACjC;AAEA,SACE,oBAAC,WAAQ,MAAM,MAAM,UAAU,CAAC,iBAC9B;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,yBAAsB;AAAA,MACtB,KAAK;AAAA,MACL,SAAS,CAAC,QAAQ,cAAc,IAAI,WAAW;AAAA,MAC/C,WAAW,CAAC,QAAQ,gBAAgB,IAAI,WAAW;AAAA,MACnD;AAAA,MACA;AAAA,MACA,UAAU,uBAAuB,KAAK;AAAA,MACtC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,UACf,eAAe,CAAC;AAAA,UAChB,WAAW,CAAC;AAAA,QACd,CAAC;AAAA,MACH;AAAA,MACA,OAAO;AAAA,QACL,WAAW,eAAe;AAAA,MAC5B;AAAA,MAEC,oBAAU,UAAU,oBACnB;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,kBAAkB;AAAA,UAClC,cAAW;AAAA,UACX,KAAK;AAAA,UACL,mBAAmB;AAAA,UAElB,eAAK;AAAA;AAAA,MACR,IAEA,oBAAC,UAAK,WAAW,sBAAuB,eAAK,MAAK;AAAA;AAAA,EAEtD,GACF;AAEJ;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useRef, type RefObject } from 'react';\n\nimport { Tooltip } from '../../../../../../../overlays/tooltip/Tooltip.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../../../../../constants.js';\nimport { useChartLayoutRatio } from '../../../../chart-layout/hooks/useChartLayoutRatio.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport { ChartTextEllipsis } from '../../../../text-ellipsis/ChartTextEllipsis.js';\nimport { calculateWidth } from '../../../../text-ellipsis/truncate-string.js';\nimport { LABEL_ITEM_CLASSNAME } from '../../constants.js';\nimport { useLegendGridSettings } from '../../context/LegendGridSettingsContext.js';\nimport { useLegend } from '../../hooks/useLegend.js';\nimport { LegendItem } from '../../types/legend.js';\nimport {\n  baseLegendButton,\n  legendNameButton,\n  legendNameButtonOverride,\n} from '../ChartLegendItem/ChartLegendItem.sty.js';\n\nexport interface ChartLegendItemLabelProps {\n  item: LegendItem;\n  buttonRef: RefObject<HTMLButtonElement | null>;\n  visible: boolean;\n  onButtonClick: (event: MouseEvent) => void;\n  onButtonKeydown: (event: KeyboardEvent) => void;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n}\n\nconst MAX_WIDTH_GAP = 15;\n\nexport const ChartLegendItemLabel = (props: ChartLegendItemLabelProps) => {\n  const {\n    item,\n    buttonRef,\n    visible,\n    onButtonKeydown,\n    onButtonClick,\n    onMouseEnter,\n    onMouseLeave,\n  } = props;\n  const { name } = item;\n\n  const textRef = useRef<HTMLSpanElement>(null);\n\n  const { readyForAutoRatio, ratio } = useChartLayoutRatio();\n  const { interactionsDisabled, truncationMode } = useLegend();\n  const { maxItemWidth } = useLegendGridSettings();\n\n  let applyTruncation = false;\n  if (buttonRef.current) {\n    const textWidth = calculateWidth(\n      item.name,\n      charsFontWidth12pixelsSize500Map,\n    );\n    const availableWidth = buttonRef.current.clientWidth;\n    applyTruncation = textWidth >= availableWidth;\n  }\n\n  return (\n    <Tooltip text={name} disabled={!applyTruncation}>\n      <button\n        data-testid=\"chart-legend-item-name\"\n        data-dt-children-name=\"LegendIsolateItem\"\n        ref={buttonRef}\n        aria-label={name}\n        onClick={(evt) => onButtonClick(evt.nativeEvent)}\n        onKeyDown={(evt) => onButtonKeydown(evt.nativeEvent)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        tabIndex={interactionsDisabled ? -1 : 0}\n        className={clsx(\n          baseLegendButton,\n          legendNameButtonOverride,\n          legendNameButton({\n            isInteractive: !interactionsDisabled,\n            isSubdued: !visible,\n          }),\n        )}\n        style={{\n          flexBasis: maxItemWidth + MAX_WIDTH_GAP,\n        }}\n      >\n        {ratio !== 'auto' || readyForAutoRatio ? (\n          <ChartTextEllipsis\n            truncationMode={truncationMode ?? DEFAULT_TRUNCATION_MODE}\n            ref={textRef}\n            charsFontWidthMap={charsFontWidth12pixelsSize500Map}\n          >\n            {item.name}\n          </ChartTextEllipsis>\n        ) : (\n          <span className={LABEL_ITEM_CLASSNAME}>{item.name}</span>\n        )}\n      </button>\n    </Tooltip>\n  );\n};\n"],
+  "mappings": "AAoFU;AApFV,OAAO,UAAU;AACjB,SAAS,cAA8B;AAEvC,SAAS,eAAe;AACxB,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AACpC,SAAS,wCAAwC;AACjD,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYP,MAAM,gBAAgB;AAEf,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,KAAK,IAAI;AAEjB,QAAM,UAAU,OAAwB,IAAI;AAE5C,QAAM,EAAE,mBAAmB,MAAM,IAAI,oBAAoB;AACzD,QAAM,EAAE,sBAAsB,eAAe,IAAI,UAAU;AAC3D,QAAM,EAAE,aAAa,IAAI,sBAAsB;AAE/C,MAAI,kBAAkB;AACtB,MAAI,UAAU,SAAS;AACrB,UAAM,YAAY;AAAA,MAChB,KAAK;AAAA,MACL;AAAA,IACF;AACA,UAAM,iBAAiB,UAAU,QAAQ;AACzC,sBAAkB,aAAa;AAAA,EACjC;AAEA,SACE,oBAAC,WAAQ,MAAM,MAAM,UAAU,CAAC,iBAC9B;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,yBAAsB;AAAA,MACtB,KAAK;AAAA,MACL,cAAY;AAAA,MACZ,SAAS,CAAC,QAAQ,cAAc,IAAI,WAAW;AAAA,MAC/C,WAAW,CAAC,QAAQ,gBAAgB,IAAI,WAAW;AAAA,MACnD;AAAA,MACA;AAAA,MACA,UAAU,uBAAuB,KAAK;AAAA,MACtC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,UACf,eAAe,CAAC;AAAA,UAChB,WAAW,CAAC;AAAA,QACd,CAAC;AAAA,MACH;AAAA,MACA,OAAO;AAAA,QACL,WAAW,eAAe;AAAA,MAC5B;AAAA,MAEC,oBAAU,UAAU,oBACnB;AAAA,QAAC;AAAA;AAAA,UACC,gBAAgB,kBAAkB;AAAA,UAClC,KAAK;AAAA,UACL,mBAAmB;AAAA,UAElB,eAAK;AAAA;AAAA,MACR,IAEA,oBAAC,UAAK,WAAW,sBAAuB,eAAK,MAAK;AAAA;AAAA,EAEtD,GACF;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css

@@ -1,10 +1,10 @@
-._yo3l7h0-3-12-1 {
+._yo3l7h0-3-13-0 {
   padding: var(--dt-spacings-size-2, 2px);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._yo3l7h1-3-12-1 {
+._yo3l7h1-3-13-0 {
   visibility: visible;
 }
-._yo3l7h2-3-12-1 {
+._yo3l7h2-3-13-0 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js

@@ -1,6 +1,6 @@
 import "./ChartLegendSeriesActions.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-12-1", variantClassNames: { visible: { true: "_yo3l7h1-3-12-1", false: "_yo3l7h2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-13-0", variantClassNames: { visible: { true: "_yo3l7h1-3-13-0", false: "_yo3l7h2-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   seriesButton
 };

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css.ts"],
-  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-12-1',variantClassNames:{visible:{true:'_yo3l7h1-3-12-1',false:'_yo3l7h2-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-13-0',variantClassNames:{visible:{true:'_yo3l7h1-3-13-0',false:'_yo3l7h2-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css

@@ -1,30 +1,30 @@
-._igjrsj0-3-12-1 {
+._igjrsj0-3-13-0 {
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
 }
-._igjrsj1-3-12-1 {
+._igjrsj1-3-13-0 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._igjrsj2-3-12-1 {
+._igjrsj2-3-13-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._igjrsj3-3-12-1 {
+._igjrsj3-3-13-0 {
   position: relative;
 }
-._igjrsj4-3-12-1 {
+._igjrsj4-3-13-0 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
 }
-._igjrsj5-3-12-1 {
+._igjrsj5-3-13-0 {
   display: grid;
 }
-._igjrsj6-3-12-1 {
+._igjrsj6-3-13-0 {
   margin-top: var(--dt-spacings-size-8, 8px);
 }
-._igjrsj7-3-12-1 {
+._igjrsj7-3-13-0 {
   margin-top: var(--dt-spacings-size-0, 0);
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js

@@ -1,9 +1,9 @@
 import "./ChartVirtualizedLegendGrid.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-12-1", variantClassNames: { layout: { horizontal: "_igjrsj1-3-12-1", vertical: "_igjrsj2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-12-1", variantClassNames: { layout: { horizontal: "_igjrsj6-3-12-1", vertical: "_igjrsj7-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var virtualizedGrid = "_igjrsj3-3-12-1";
-var virtualizedRow = "_igjrsj4-3-12-1";
+var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-13-0", variantClassNames: { layout: { horizontal: "_igjrsj1-3-13-0", vertical: "_igjrsj2-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-13-0", variantClassNames: { layout: { horizontal: "_igjrsj6-3-13-0", vertical: "_igjrsj7-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var virtualizedGrid = "_igjrsj3-3-13-0";
+var virtualizedRow = "_igjrsj4-3-13-0";
 export {
   legendContent,
   legendGrid,

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css.ts"],
-  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-12-1',variantClassNames:{layout:{horizontal:'_igjrsj1-3-12-1',vertical:'_igjrsj2-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-12-1',variantClassNames:{layout:{horizontal:'_igjrsj6-3-12-1',vertical:'_igjrsj7-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-12-1';\nexport var virtualizedRow = '_igjrsj4-3-12-1';"],
+  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-13-0',variantClassNames:{layout:{horizontal:'_igjrsj1-3-13-0',vertical:'_igjrsj2-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-13-0',variantClassNames:{layout:{horizontal:'_igjrsj6-3-13-0',vertical:'_igjrsj7-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-13-0';\nexport var virtualizedRow = '_igjrsj4-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC3L,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxL,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/constants.js

@@ -1,5 +1,5 @@
 import Spacings from "@dynatrace/strato-design-tokens/spacings";
-const ITEM_HEIGHT = { value: 20, token: Spacings.Size20 };
+const ITEM_HEIGHT = { value: 24, token: Spacings.Size24 };
 const MIN_ITEM_WIDTH = 120;
 const VIRTUALIZED_GRID_THRESHOLD = 50;
 const LEGEND_BUTTON_WIDTH = 50;

package/esm/charts/core/components/legend/categorical/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/categorical/constants.ts"],
-  "sourcesContent": ["import Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nexport const ITEM_HEIGHT = { value: 20, token: Spacings.Size20 };\n\nexport const MIN_ITEM_WIDTH = 120; //px\nexport const VIRTUALIZED_GRID_THRESHOLD = 50;\nexport const LEGEND_BUTTON_WIDTH = 50; // Size in pixels of the Legend Button Selector\nexport const LEGEND_ICON_WIDTH = 25;\nexport const LEGEND_ACTION_BUTTON_WIDTH = 16; //px\n\nexport const LABEL_ITEM_CLASSNAME = 'chart-legend-item-label';\nexport const CATEGORICAL_LEGEND_CLASS = 'categorical-legend';\n"],
+  "sourcesContent": ["import Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nexport const ITEM_HEIGHT = { value: 24, token: Spacings.Size24 };\n\nexport const MIN_ITEM_WIDTH = 120; //px\nexport const VIRTUALIZED_GRID_THRESHOLD = 50;\nexport const LEGEND_BUTTON_WIDTH = 50; // Size in pixels of the Legend Button Selector\nexport const LEGEND_ICON_WIDTH = 25;\nexport const LEGEND_ACTION_BUTTON_WIDTH = 16; //px\n\nexport const LABEL_ITEM_CLASSNAME = 'chart-legend-item-label';\nexport const CATEGORICAL_LEGEND_CLASS = 'categorical-legend';\n"],
   "mappings": "AAAA,OAAO,cAAc;AAEd,MAAM,cAAc,EAAE,OAAO,IAAI,OAAO,SAAS,OAAO;AAExD,MAAM,iBAAiB;AACvB,MAAM,6BAA6B;AACnC,MAAM,sBAAsB;AAC5B,MAAM,oBAAoB;AAC1B,MAAM,6BAA6B;AAEnC,MAAM,uBAAuB;AAC7B,MAAM,2BAA2B;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/hooks/useLegendInteractions.js

@@ -1,12 +1,16 @@
-import { useEffect, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useKeyboardSelectionShortcuts } from "./useKeyboardSelectionShortcuts.js";
 const useLegendInteractions = (items, callbacks) => {
   const [hiddenItems, setHiddenItems] = useState(
     /* @__PURE__ */ new Set([])
   );
+  const itemIdsKey = useMemo(
+    () => items.map((item) => item.id).join("\0"),
+    [items]
+  );
   useEffect(() => {
     setHiddenItems(/* @__PURE__ */ new Set([]));
-  }, [items]);
+  }, [itemIdsKey]);
   const { onHover, onClick } = callbacks;
   const selectItem = useKeyboardSelectionShortcuts(items);
   const onLegendIconClick = (item) => {

package/esm/charts/core/components/legend/categorical/hooks/useLegendInteractions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/categorical/hooks/useLegendInteractions.ts"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nimport { useKeyboardSelectionShortcuts } from './useKeyboardSelectionShortcuts.js';\nimport { LegendItem } from '../types/legend.js';\n\ninterface LegendInteractionsCallbacks {\n  onHover?: (_: LegendItem | undefined) => void;\n  onClick?: (_: LegendItem[]) => void;\n}\n\nexport const useLegendInteractions = (\n  items: LegendItem[],\n  callbacks: LegendInteractionsCallbacks,\n) => {\n  const [hiddenItems, setHiddenItems] = useState<Set<string>>(\n    new Set<string>([]),\n  );\n\n  useEffect(() => {\n    setHiddenItems(new Set<string>([]));\n  }, [items]);\n\n  const { onHover, onClick } = callbacks;\n  const selectItem = useKeyboardSelectionShortcuts(items);\n\n  const onLegendIconClick = (item: LegendItem) => {\n    if (hiddenItems.has(item.id)) {\n      hiddenItems.delete(item.id);\n    } else {\n      hiddenItems.add(item.id);\n    }\n\n    // remove highlighted series\n    onHover?.(undefined);\n    setHiddenItems(hiddenItems);\n    onClick?.(items.filter((i) => !hiddenItems.has(i.id)));\n  };\n\n  const onItemHover = (item?: LegendItem) => {\n    onHover?.(item);\n  };\n\n  const onLegendNameClick = (item: LegendItem, event: MouseEvent) => {\n    const newSelection = selectItem(item, hiddenItems, event);\n    const newHiddenItems = items\n      .filter((item) => !newSelection.includes(item))\n      .map((i) => i.id);\n\n    setHiddenItems(new Set(newHiddenItems));\n    onClick?.(newSelection);\n  };\n\n  return { onLegendIconClick, onItemHover, onLegendNameClick, hiddenItems };\n};\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,qCAAqC;AAQvC,MAAM,wBAAwB,CACnC,OACA,cACG;AACH,QAAM,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC,oBAAI,IAAY,CAAC,CAAC;AAAA,EACpB;AAEA,YAAU,MAAM;AACd,mBAAe,oBAAI,IAAY,CAAC,CAAC,CAAC;AAAA,EACpC,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,QAAM,aAAa,8BAA8B,KAAK;AAEtD,QAAM,oBAAoB,CAAC,SAAqB;AAC9C,QAAI,YAAY,IAAI,KAAK,EAAE,GAAG;AAC5B,kBAAY,OAAO,KAAK,EAAE;AAAA,IAC5B,OAAO;AACL,kBAAY,IAAI,KAAK,EAAE;AAAA,IACzB;AAGA,cAAU,MAAS;AACnB,mBAAe,WAAW;AAC1B,cAAU,MAAM,OAAO,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC,CAAC;AAAA,EACvD;AAEA,QAAM,cAAc,CAAC,SAAsB;AACzC,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,oBAAoB,CAAC,MAAkB,UAAsB;AACjE,UAAM,eAAe,WAAW,MAAM,aAAa,KAAK;AACxD,UAAM,iBAAiB,MACpB,OAAO,CAACA,UAAS,CAAC,aAAa,SAASA,KAAI,CAAC,EAC7C,IAAI,CAAC,MAAM,EAAE,EAAE;AAElB,mBAAe,IAAI,IAAI,cAAc,CAAC;AACtC,cAAU,YAAY;AAAA,EACxB;AAEA,SAAO,EAAE,mBAAmB,aAAa,mBAAmB,YAAY;AAC1E;",
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react';\n\nimport { useKeyboardSelectionShortcuts } from './useKeyboardSelectionShortcuts.js';\nimport { LegendItem } from '../types/legend.js';\n\ninterface LegendInteractionsCallbacks {\n  onHover?: (_: LegendItem | undefined) => void;\n  onClick?: (_: LegendItem[]) => void;\n}\n\nexport const useLegendInteractions = (\n  items: LegendItem[],\n  callbacks: LegendInteractionsCallbacks,\n) => {\n  const [hiddenItems, setHiddenItems] = useState<Set<string>>(\n    new Set<string>([]),\n  );\n\n  const itemIdsKey = useMemo(\n    () => items.map((item) => item.id).join('\\0'),\n    [items],\n  );\n\n  useEffect(() => {\n    setHiddenItems(new Set<string>([]));\n  }, [itemIdsKey]);\n\n  const { onHover, onClick } = callbacks;\n  const selectItem = useKeyboardSelectionShortcuts(items);\n\n  const onLegendIconClick = (item: LegendItem) => {\n    if (hiddenItems.has(item.id)) {\n      hiddenItems.delete(item.id);\n    } else {\n      hiddenItems.add(item.id);\n    }\n\n    // remove highlighted series\n    onHover?.(undefined);\n    setHiddenItems(hiddenItems);\n    onClick?.(items.filter((i) => !hiddenItems.has(i.id)));\n  };\n\n  const onItemHover = (item?: LegendItem) => {\n    onHover?.(item);\n  };\n\n  const onLegendNameClick = (item: LegendItem, event: MouseEvent) => {\n    const newSelection = selectItem(item, hiddenItems, event);\n    const newHiddenItems = items\n      .filter((item) => !newSelection.includes(item))\n      .map((i) => i.id);\n\n    setHiddenItems(new Set(newHiddenItems));\n    onClick?.(newSelection);\n  };\n\n  return { onLegendIconClick, onItemHover, onLegendNameClick, hiddenItems };\n};\n"],
+  "mappings": "AAAA,SAAS,WAAW,SAAS,gBAAgB;AAE7C,SAAS,qCAAqC;AAQvC,MAAM,wBAAwB,CACnC,OACA,cACG;AACH,QAAM,CAAC,aAAa,cAAc,IAAI;AAAA,IACpC,oBAAI,IAAY,CAAC,CAAC;AAAA,EACpB;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE,EAAE,KAAK,IAAI;AAAA,IAC5C,CAAC,KAAK;AAAA,EACR;AAEA,YAAU,MAAM;AACd,mBAAe,oBAAI,IAAY,CAAC,CAAC,CAAC;AAAA,EACpC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,EAAE,SAAS,QAAQ,IAAI;AAC7B,QAAM,aAAa,8BAA8B,KAAK;AAEtD,QAAM,oBAAoB,CAAC,SAAqB;AAC9C,QAAI,YAAY,IAAI,KAAK,EAAE,GAAG;AAC5B,kBAAY,OAAO,KAAK,EAAE;AAAA,IAC5B,OAAO;AACL,kBAAY,IAAI,KAAK,EAAE;AAAA,IACzB;AAGA,cAAU,MAAS;AACnB,mBAAe,WAAW;AAC1B,cAAU,MAAM,OAAO,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC,CAAC;AAAA,EACvD;AAEA,QAAM,cAAc,CAAC,SAAsB;AACzC,cAAU,IAAI;AAAA,EAChB;AAEA,QAAM,oBAAoB,CAAC,MAAkB,UAAsB;AACjE,UAAM,eAAe,WAAW,MAAM,aAAa,KAAK;AACxD,UAAM,iBAAiB,MACpB,OAAO,CAACA,UAAS,CAAC,aAAa,SAASA,KAAI,CAAC,EAC7C,IAAI,CAAC,MAAM,EAAE,EAAE;AAElB,mBAAe,IAAI,IAAI,cAAc,CAAC;AACtC,cAAU,YAAY;AAAA,EACxB;AAEA,SAAO,EAAE,mBAAmB,aAAa,mBAAmB,YAAY;AAC1E;",
   "names": ["item"]
 }

package/esm/charts/core/components/legend/range/RangeLegend.css

@@ -1,13 +1,13 @@
-._lvrd9i0-3-12-1 {
+._lvrd9i0-3-13-0 {
   display: flex;
   align-items: center;
   padding: var(--dt-spacings-size-8, 8px);
   box-sizing: border-box;
   margin: 0 auto;
 }
-._lvrd9i1-3-12-1 {
+._lvrd9i1-3-13-0 {
   flex-direction: row;
 }
-._lvrd9i2-3-12-1 {
+._lvrd9i2-3-13-0 {
   flex-direction: column;
 }

package/esm/charts/core/components/legend/range/RangeLegend.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegend.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-12-1", variantClassNames: { isVertical: { true: "_lvrd9i1-3-12-1", false: "_lvrd9i2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-13-0", variantClassNames: { isVertical: { true: "_lvrd9i1-3-13-0", false: "_lvrd9i2-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendContainer
 };

package/esm/charts/core/components/legend/range/RangeLegend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/range/RangeLegend.css.ts"],
-  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-12-1',variantClassNames:{isVertical:{true:'_lvrd9i1-3-12-1',false:'_lvrd9i2-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-13-0',variantClassNames:{isVertical:{true:'_lvrd9i1-3-13-0',false:'_lvrd9i2-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,YAAW,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css

@@ -1,6 +1,6 @@
-._klb1cs1-3-12-1 {
+._klb1cs1-3-13-0 {
   visibility: hidden;
 }
-._klb1cs2-3-12-1 {
+._klb1cs2-3-13-0 {
   visibility: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendBoundaryLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-12-1", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-12-1", false: "_klb1cs2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-13-0", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-13-0", false: "_klb1cs2-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   boundaryLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-12-1',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-12-1',false:'_klb1cs2-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-13-0',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-13-0',false:'_klb1cs2-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css

@@ -1,3 +1,3 @@
-._1itb2bi0-3-12-1 {
+._1itb2bi0-3-13-0 {
   overflow: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js

@@ -1,5 +1,5 @@
 import "./RangeLegendItemLabel.css";
-var legendLabel = "_1itb2bi0-3-12-1";
+var legendLabel = "_1itb2bi0-3-13-0";
 export {
   legendLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-12-1';"],
+  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css

@@ -1,9 +1,9 @@
-._1kzx6wv0-3-12-1 {
+._1kzx6wv0-3-13-0 {
   overflow: visible;
 }
-._1kzx6wv1-3-12-1 {
+._1kzx6wv1-3-13-0 {
   visibility: visible;
 }
-._1kzx6wv2-3-12-1 {
+._1kzx6wv2-3-13-0 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendItemMarker.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-12-1", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-12-1", false: "_1kzx6wv2-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-13-0", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-13-0", false: "_1kzx6wv2-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarker
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-12-1',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-12-1',false:'_1kzx6wv2-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-13-0',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-13-0',false:'_1kzx6wv2-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,eAAc,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css

@@ -1,12 +1,12 @@
-._u32l830-3-12-1 {
+._u32l830-3-13-0 {
   overflow: visible;
   position: absolute;
 }
-._u32l831-3-12-1 {
+._u32l831-3-13-0 {
   width: 100%;
   height: 10px;
 }
-._u32l832-3-12-1 {
+._u32l832-3-13-0 {
   height: 100%;
   width: 10px;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendMarkers.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-12-1", variantClassNames: { isHorizontal: { true: "_u32l831-3-12-1", false: "_u32l832-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-13-0", variantClassNames: { isHorizontal: { true: "_u32l831-3-13-0", false: "_u32l832-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarkersSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css.ts"],
-  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-12-1',variantClassNames:{isHorizontal:{true:'_u32l831-3-12-1',false:'_u32l832-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendMarkers.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarkersSvg = _7a468({defaultClassName:'_u32l830-3-13-0',variantClassNames:{isHorizontal:{true:'_u32l831-3-13-0',false:'_u32l832-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css

@@ -1,21 +1,21 @@
-._6z9t250-3-12-1 {
+._6z9t250-3-13-0 {
   display: block;
   border-radius: 2px;
   overflow: hidden;
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._6z9t250-3-12-1:focus {
+._6z9t250-3-13-0:focus {
   outline: none;
 }
-._6z9t251-3-12-1 {
+._6z9t251-3-13-0 {
   margin: 0 auto;
   width: 100%;
   height: 10px;
 }
-._6z9t252-3-12-1 {
+._6z9t252-3-13-0 {
   height: 100%;
   width: 10px;
 }
-._6z9t250-3-12-1 rect:focus {
+._6z9t250-3-13-0 rect:focus {
   outline: none;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js

@@ -1,6 +1,6 @@
 import "./RangeLegendSegments.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-12-1", variantClassNames: { isHorizontal: { true: "_6z9t251-3-12-1", false: "_6z9t252-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendSvg = _7a468({ defaultClassName: "_6z9t250-3-13-0", variantClassNames: { isHorizontal: { true: "_6z9t251-3-13-0", false: "_6z9t252-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendSvg
 };

package/esm/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendSegments/RangeLegendSegments.css.ts"],
-  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-12-1',variantClassNames:{isHorizontal:{true:'_6z9t251-3-12-1',false:'_6z9t252-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendSegments.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendSvg = _7a468({defaultClassName:'_6z9t250-3-13-0',variantClassNames:{isHorizontal:{true:'_6z9t251-3-13-0',false:'_6z9t252-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendSegmentsOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendSegmentsOverlay.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\nimport { ORIENTATION } from '../../../../constants.js';\nimport { OVERLAY_ADDITIONAL_SIZE, OVERLAY_OFFSET } from '../constants.js';\nimport { useOrientation } from '../context/RangeLegendOrientationContext.js';\nimport { useLegendSegmentsOverlayHandlers } from '../hooks/use-legend-segments-overlay-handlers.js';\n\nexport const RangeLegendSegmentsOverlay = (props: {\n  itemMarkers: number[];\n}) => {\n  const { itemMarkers } = props;\n\n  const overlayRef = useRef<SVGRectElement>(null);\n\n  const { onMouseLeaveHandler, onMouseMoveHandler } =\n    useLegendSegmentsOverlayHandlers(itemMarkers);\n  const { orientation } = useOrientation();\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const overlaySizeHandler = useCallback(\n    (legendBar: SVGSVGElement, overlayEl: SVGRectElement) => {\n      const { height: legendHeight, width: legendWidth } =\n        legendBar.getBoundingClientRect();\n\n      const overlayHeight =\n        legendHeight + (isVertical ? 0 : OVERLAY_ADDITIONAL_SIZE);\n      const overlayY = isVertical ? 0 : -OVERLAY_OFFSET;\n      const overlayWidth =\n        legendWidth + (isVertical ? OVERLAY_ADDITIONAL_SIZE : 0);\n      const overlayX = isVertical ? -OVERLAY_OFFSET : 0;\n\n      overlayEl.setAttribute('y', overlayY.toString());\n      overlayEl.setAttribute('x', overlayX.toString());\n      overlayEl.setAttribute('height', overlayHeight.toString());\n      overlayEl.setAttribute('width', overlayWidth.toString());\n    },\n    [isVertical],\n  );\n\n  useEffect(() => {\n    if (overlayRef.current) {\n      const legendBar = overlayRef.current.closest('svg')\n        ?.previousElementSibling as SVGSVGElement;\n\n      if (legendBar) {\n        overlaySizeHandler(legendBar, overlayRef.current);\n\n        const observer = new MutationObserver(() => {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          overlaySizeHandler(legendBar, overlayRef.current!);\n        });\n\n        observer.observe(legendBar, {\n          attributes: true,\n          childList: true,\n          subtree: true,\n          characterData: true,\n        });\n\n        return () => observer.disconnect();\n      }\n    }\n  }, [overlaySizeHandler]);\n\n  return (\n    <rect\n      ref={overlayRef}\n      role=\"presentation\"\n      id=\"segments-overlay\"\n      fill=\"transparent\"\n      onMouseMove={onMouseMoveHandler}\n      onMouseLeave={onMouseLeaveHandler}\n    />\n  );\n};\n"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\nimport { ORIENTATION } from '../../../../constants.js';\nimport { OVERLAY_ADDITIONAL_SIZE, OVERLAY_OFFSET } from '../constants.js';\nimport { useOrientation } from '../context/RangeLegendOrientationContext.js';\nimport { useLegendSegmentsOverlayHandlers } from '../hooks/use-legend-segments-overlay-handlers.js';\n\nexport const RangeLegendSegmentsOverlay = (props: {\n  itemMarkers: number[];\n}) => {\n  const { itemMarkers } = props;\n\n  const overlayRef = useRef<SVGRectElement>(null);\n\n  const { onMouseLeaveHandler, onMouseMoveHandler } =\n    useLegendSegmentsOverlayHandlers(itemMarkers);\n  const { orientation } = useOrientation();\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const overlaySizeHandler = useCallback(\n    (legendBar: SVGSVGElement, overlayEl: SVGRectElement) => {\n      const { height: legendHeight, width: legendWidth } =\n        legendBar.getBoundingClientRect();\n\n      const overlayHeight =\n        legendHeight + (isVertical ? 0 : OVERLAY_ADDITIONAL_SIZE);\n      const overlayY = isVertical ? 0 : -OVERLAY_OFFSET;\n      const overlayWidth =\n        legendWidth + (isVertical ? OVERLAY_ADDITIONAL_SIZE : 0);\n      const overlayX = isVertical ? -OVERLAY_OFFSET : 0;\n\n      overlayEl.setAttribute('y', overlayY.toString());\n      overlayEl.setAttribute('x', overlayX.toString());\n      overlayEl.setAttribute('height', overlayHeight.toString());\n      overlayEl.setAttribute('width', overlayWidth.toString());\n    },\n    [isVertical],\n  );\n\n  useEffect(() => {\n    if (overlayRef.current) {\n      const legendBar = overlayRef.current.closest('svg')\n        ?.previousElementSibling as SVGSVGElement;\n\n      if (legendBar) {\n        overlaySizeHandler(legendBar, overlayRef.current);\n\n        const observer = new MutationObserver(() => {\n          // oxlint-disable-next-line typescript/no-non-null-assertion\n          overlaySizeHandler(legendBar, overlayRef.current!);\n        });\n\n        observer.observe(legendBar, {\n          attributes: true,\n          childList: true,\n          subtree: true,\n          characterData: true,\n        });\n\n        return () => observer.disconnect();\n      }\n    }\n  }, [overlaySizeHandler]);\n\n  return (\n    <rect\n      ref={overlayRef}\n      role=\"presentation\"\n      id=\"segments-overlay\"\n      fill=\"transparent\"\n      onMouseMove={onMouseMoveHandler}\n      onMouseLeave={onMouseLeaveHandler}\n    />\n  );\n};\n"],
   "mappings": "AAiEI;AAjEJ,SAAS,aAAa,WAAW,cAAc;AAE/C,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB,sBAAsB;AACxD,SAAS,sBAAsB;AAC/B,SAAS,wCAAwC;AAE1C,MAAM,6BAA6B,CAAC,UAErC;AACJ,QAAM,EAAE,YAAY,IAAI;AAExB,QAAM,aAAa,OAAuB,IAAI;AAE9C,QAAM,EAAE,qBAAqB,mBAAmB,IAC9C,iCAAiC,WAAW;AAC9C,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,qBAAqB;AAAA,IACzB,CAAC,WAA0B,cAA8B;AACvD,YAAM,EAAE,QAAQ,cAAc,OAAO,YAAY,IAC/C,UAAU,sBAAsB;AAElC,YAAM,gBACJ,gBAAgB,aAAa,IAAI;AACnC,YAAM,WAAW,aAAa,IAAI,CAAC;AACnC,YAAM,eACJ,eAAe,aAAa,0BAA0B;AACxD,YAAM,WAAW,aAAa,CAAC,iBAAiB;AAEhD,gBAAU,aAAa,KAAK,SAAS,SAAS,CAAC;AAC/C,gBAAU,aAAa,KAAK,SAAS,SAAS,CAAC;AAC/C,gBAAU,aAAa,UAAU,cAAc,SAAS,CAAC;AACzD,gBAAU,aAAa,SAAS,aAAa,SAAS,CAAC;AAAA,IACzD;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,YAAU,MAAM;AACd,QAAI,WAAW,SAAS;AACtB,YAAM,YAAY,WAAW,QAAQ,QAAQ,KAAK,GAC9C;AAEJ,UAAI,WAAW;AACb,2BAAmB,WAAW,WAAW,OAAO;AAEhD,cAAM,WAAW,IAAI,iBAAiB,MAAM;AAE1C,6BAAmB,WAAW,WAAW,OAAQ;AAAA,QACnD,CAAC;AAED,iBAAS,QAAQ,WAAW;AAAA,UAC1B,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,eAAe;AAAA,QACjB,CAAC;AAED,eAAO,MAAM,SAAS,WAAW;AAAA,MACnC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,kBAAkB,CAAC;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,IAAG;AAAA,MACH,MAAK;AAAA,MACL,aAAa;AAAA,MACb,cAAc;AAAA;AAAA,EAChB;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/utils/get-min-max-values.js

@@ -61,9 +61,9 @@ const getMinMaxValues = (items, min, max) => {
   }
   const { max: finalMax, min: finalMin } = findMinMax(sortedValues);
   return {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    // oxlint-disable-next-line typescript/no-non-null-assertion
     max: isValidMax ? max : finalMax,
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    // oxlint-disable-next-line typescript/no-non-null-assertion
     min: isValidMin ? min : finalMin
   };
 };