@lidofinance/lido-ui 3.31.0 → 3.32.0

package/dist/cjs/modal/types.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+let ModalWindowSize = /*#__PURE__*/function (ModalWindowSize) {
+  ModalWindowSize[ModalWindowSize["sm"] = 0] = "sm";
+  ModalWindowSize[ModalWindowSize["md"] = 1] = "md";
+  ModalWindowSize[ModalWindowSize["lg"] = 2] = "lg";
+  return ModalWindowSize;
+}({});
+
+exports.ModalWindowSize = ModalWindowSize;
+//# sourceMappingURL=types.js.map

package/dist/cjs/modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../packages/modal/types.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ModalOverlayOwnProps = LidoComponentProps<\n  'div',\n  {\n    onClose?: () => void\n    onBack?: () => void\n  }\n>\n\nexport type ModalOverlayProps = ModalOverlayOwnProps & TransitionWrapperProps\nexport type ModalOverlayInnerProps = ModalOverlayOwnProps & TransitionInnerProps\n\nexport type ModalProps = {\n  title?: ReactNode\n  titleIcon?: ReactNode\n  subtitle?: ReactNode\n  extra?: ReactNode\n  center?: boolean\n  open?: boolean\n  windowSize?: ModalWindowSizes\n  windowProps?: ModalWindowProps\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport enum ModalWindowSize {\n  sm,\n  md,\n  lg,\n}\nexport type ModalWindowSizes = keyof typeof ModalWindowSize\nexport type ModalWindowProps = LidoComponentProps<'div'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: ReactElement\n} & ButtonProps\n"],"names":["ModalWindowSize"],"mappings":";;;;AA8BYA,IAAAA,eAAZ,0BAAYA,eAAZ,EAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,eAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/chart-line/ChartLine.mjs

@@ -1,8 +1,7 @@
-import { forwardRef, useState, useMemo, useLayoutEffect } from 'react';
+import { forwardRef, useState, useId, useMemo, useLayoutEffect } from 'react';
 import '../loaders/Loader.mjs';
 import { InlineLoader } from '../loaders/InlineLoader.mjs';
 import { ChartLineLabel } from './ChartLineLabel.mjs';
-import { CHART_LINE_CONTAINER_ID } from './utils/constants.mjs';
 import { getContainerSize } from './utils/getContainerSize.mjs';
 import { processData } from './utils/processData.mjs';
 import { WrapperStyle, ContainerStyle, LineStyle } from './ChartLineStyles.mjs';
@@ -22,10 +21,11 @@ const ChartLine = /*#__PURE__*/forwardRef((props, ref) => {
     ...rest
   } = props;
   const [containerSize, setContainerSize] = useState(null);
+  const containerId = useId();
   const {
     data: processedData,
     ids
-  } = useMemo(() => processData(data, maxValue), [data, maxValue]);
+  } = useMemo(() => processData(data, containerId, maxValue), [data, maxValue, containerId]);
   const allPreviousIds = useMemo(() => ids.map((_, index) => ids.slice(0, index)), [ids]);
   useLayoutEffect(() => {
     if (!showLabels) {
@@ -48,7 +48,7 @@ const ChartLine = /*#__PURE__*/forwardRef((props, ref) => {
   }
 
   return /*#__PURE__*/jsx(ContainerStyle, {
-    id: CHART_LINE_CONTAINER_ID,
+    id: containerId,
     $alignItems: containerSize?.isCenterAlign ? 'center' : 'flex-start',
     $height: containerSize?.size ?? 0,
     children: /*#__PURE__*/jsx(WrapperStyle, {
@@ -75,6 +75,7 @@ const ChartLine = /*#__PURE__*/forwardRef((props, ref) => {
             previousIds: previousIds,
             height: height,
             thresholdType: thresholdType,
+            containerId: containerId,
             ...item
           })
         }, id);

package/dist/esm/chart-line/ChartLine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.mjs","sources":["../../../packages/chart-line/ChartLine.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n  useLayoutEffect,\n  useState,\n} from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport { ChartLineLabel } from './ChartLineLabel.js'\nimport {\n  CHART_LINE_CONTAINER_ID,\n  getContainerSize,\n  processData,\n} from './utils/index.js'\nimport { ContainerStyle, LineStyle, WrapperStyle } from './ChartLineStyles.js'\nimport { ChartLineProps } from './types.js'\n\nexport const ChartLine = forwardRef(\n  (props: ChartLineProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      maxValue,\n      thresholdType,\n      ...rest\n    } = props\n\n    const [containerSize, setContainerSize] = useState<{\n      size: number\n      isCenterAlign: boolean\n    } | null>(null)\n\n    const { data: processedData, ids } = useMemo(\n      () => processData(data, maxValue),\n      [data, maxValue],\n    )\n\n    const allPreviousIds = useMemo(\n      () => ids.map((_, index) => ids.slice(0, index)),\n      [ids],\n    )\n\n    useLayoutEffect(() => {\n      if (!showLabels) {\n        setContainerSize(null)\n        return\n      }\n      const containerSize = getContainerSize(ids)\n      setContainerSize(containerSize)\n    }, [ids, showLabels])\n\n    if (loading) {\n      return (\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <ContainerStyle\n        id={CHART_LINE_CONTAINER_ID}\n        $alignItems={containerSize?.isCenterAlign ? 'center' : 'flex-start'}\n        $height={containerSize?.size ?? 0}\n      >\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          {processedData.map((item, index) => {\n            const { color, id, width } = item\n            const previousIds = allPreviousIds[index]\n\n            return (\n              <LineStyle\n                key={id}\n                $width={`${width}%`}\n                $backgroundColor={color}\n                $zIndex={processedData.length - index}\n                $border={border}\n                $isFullWidth={width === 100}\n              >\n                <ChartLineLabel\n                  zIndex={processedData.length - index}\n                  show={showLabels}\n                  previousIds={previousIds}\n                  height={height}\n                  thresholdType={thresholdType}\n                  {...item}\n                />\n              </LineStyle>\n            )\n          })}\n        </WrapperStyle>\n      </ContainerStyle>\n    )\n  },\n)\nChartLine.displayName = 'ChartLine'\n"],"names":["ChartLine","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","maxValue","thresholdType","rest","containerSize","setContainerSize","useState","processedData","ids","useMemo","processData","allPreviousIds","map","_","index","slice","useLayoutEffect","getContainerSize","_jsx","CHART_LINE_CONTAINER_ID","isCenterAlign","size","item","color","id","width","previousIds","length","displayName"],"mappings":"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"}
+{"version":3,"file":"ChartLine.mjs","sources":["../../../packages/chart-line/ChartLine.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n  useLayoutEffect,\n  useState,\n  useId,\n} from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport { ChartLineLabel } from './ChartLineLabel.js'\nimport { getContainerSize, processData } from './utils/index.js'\nimport { ContainerStyle, LineStyle, WrapperStyle } from './ChartLineStyles.js'\nimport { ChartLineProps } from './types.js'\n\nexport const ChartLine = forwardRef(\n  (props: ChartLineProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      maxValue,\n      thresholdType,\n      ...rest\n    } = props\n\n    const [containerSize, setContainerSize] = useState<{\n      size: number\n      isCenterAlign: boolean\n    } | null>(null)\n    const containerId = useId()\n\n    const { data: processedData, ids } = useMemo(\n      () => processData(data, containerId, maxValue),\n      [data, maxValue, containerId],\n    )\n\n    const allPreviousIds = useMemo(\n      () => ids.map((_, index) => ids.slice(0, index)),\n      [ids],\n    )\n\n    useLayoutEffect(() => {\n      if (!showLabels) {\n        setContainerSize(null)\n        return\n      }\n      const containerSize = getContainerSize(ids)\n      setContainerSize(containerSize)\n    }, [ids, showLabels])\n\n    if (loading) {\n      return (\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <ContainerStyle\n        id={containerId}\n        $alignItems={containerSize?.isCenterAlign ? 'center' : 'flex-start'}\n        $height={containerSize?.size ?? 0}\n      >\n        <WrapperStyle $border={border} $height={height} ref={ref} {...rest}>\n          {processedData.map((item, index) => {\n            const { color, id, width } = item\n            const previousIds = allPreviousIds[index]\n\n            return (\n              <LineStyle\n                key={id}\n                $width={`${width}%`}\n                $backgroundColor={color}\n                $zIndex={processedData.length - index}\n                $border={border}\n                $isFullWidth={width === 100}\n              >\n                <ChartLineLabel\n                  zIndex={processedData.length - index}\n                  show={showLabels}\n                  previousIds={previousIds}\n                  height={height}\n                  thresholdType={thresholdType}\n                  containerId={containerId}\n                  {...item}\n                />\n              </LineStyle>\n            )\n          })}\n        </WrapperStyle>\n      </ContainerStyle>\n    )\n  },\n)\nChartLine.displayName = 'ChartLine'\n"],"names":["ChartLine","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","maxValue","thresholdType","rest","containerSize","setContainerSize","useState","containerId","useId","processedData","ids","useMemo","processData","allPreviousIds","map","_","index","slice","useLayoutEffect","getContainerSize","_jsx","isCenterAlign","size","item","color","id","width","previousIds","length","displayName"],"mappings":"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"}

package/dist/esm/chart-line/ChartLineLabel.mjs

@@ -15,6 +15,7 @@ const ChartLineLabel = /*#__PURE__*/forwardRef((props, ref) => {
     thresholdType,
     height,
     threshold,
+    containerId,
     ...rest
   } = props;
   useLayoutEffect(() => {
@@ -24,15 +25,17 @@ const ChartLineLabel = /*#__PURE__*/forwardRef((props, ref) => {
       handlePositioning({
         previousIds,
         id,
+        containerId,
         reset: true
       });
     } else {
       handlePositioning({
         previousIds,
-        id
+        id,
+        containerId
       });
     }
-  }, [previousIds, id, show, thresholdType]);
+  }, [previousIds, id, show, thresholdType, containerId]);
   if (!show) return null;
   const backgroundColor = threshold.color || color;
   const content = threshold.descriptionElement || threshold.description;

package/dist/esm/chart-line/ChartLineLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLineLabel.mjs","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect } from 'react'\n\nimport { ChartLineLabelProps, ChartLineThresholdType } from './types.js'\nimport { ThresholdLabelStyle, ThresholdStyle } from './ChartLineStyles.js'\nimport { handlePositioning } from './utils/index.js'\n\nexport const ChartLineLabel = forwardRef(\n  (props: ChartLineLabelProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      previousIds,\n      id,\n      color,\n      zIndex,\n      show,\n      labelPosition,\n      thresholdType,\n      height,\n      threshold,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, reset: true })\n      } else {\n        handlePositioning({ previousIds, id })\n      }\n    }, [previousIds, id, show, thresholdType])\n\n    if (!show) return null\n\n    const backgroundColor = threshold.color || color\n    const content = threshold.descriptionElement || threshold.description\n\n    return (\n      <ThresholdStyle\n        ref={ref}\n        id={id}\n        data-label-position={labelPosition}\n        $labelPosition={labelPosition}\n        $thresholdType={thresholdType}\n        $height={height}\n        $backgroundColor={backgroundColor}\n        $zIndex={zIndex}\n        {...rest}\n      >\n        {thresholdType === ChartLineThresholdType.flag && (\n          <ThresholdLabelStyle\n            style={{ backgroundColor }}\n            id={`${id}-description`}\n            $labelPosition={labelPosition}\n          >\n            {content}\n          </ThresholdLabelStyle>\n        )}\n      </ThresholdStyle>\n    )\n  },\n)\nChartLineLabel.displayName = 'ChartLineLabel'\n"],"names":["ChartLineLabel","forwardRef","props","ref","previousIds","id","color","zIndex","show","labelPosition","thresholdType","height","threshold","rest","useLayoutEffect","ChartLineThresholdType","flag","handlePositioning","reset","backgroundColor","content","descriptionElement","description","_jsx","displayName"],"mappings":";;;;;;AAMO,MAAMA,cAAc,gBAAGC,UAAU,CACtC,CAACC,KAAD,EAA6BC,GAA7B,KAAoE;EAClE,MAAM;IACJC,WADI;IAEJC,EAFI;IAGJC,KAHI;IAIJC,MAJI;IAKJC,IALI;IAMJC,aANI;IAOJC,aAPI;IAQJC,MARI;IASJC,SATI;IAUJ,GAAGC,IAAAA;AAVC,GAAA,GAWFX,KAXJ,CAAA;AAaAY,EAAAA,eAAe,CAAC,MAAM;IACpB,IAAI,CAACN,IAAL,EAAW,OAAA;;AACX,IAAA,IAAIE,aAAa,KAAKK,sBAAsB,CAACC,IAA7C,EAAmD;AACjDC,MAAAA,iBAAiB,CAAC;QAAEb,WAAF;QAAeC,EAAf;AAAmBa,QAAAA,KAAK,EAAE,IAAA;AAA1B,OAAD,CAAjB,CAAA;AACD,KAFD,MAEO;AACLD,MAAAA,iBAAiB,CAAC;QAAEb,WAAF;AAAeC,QAAAA,EAAAA;AAAf,OAAD,CAAjB,CAAA;AACD,KAAA;GANY,EAOZ,CAACD,WAAD,EAAcC,EAAd,EAAkBG,IAAlB,EAAwBE,aAAxB,CAPY,CAAf,CAAA;AASA,EAAA,IAAI,CAACF,IAAL,EAAW,OAAO,IAAP,CAAA;AAEX,EAAA,MAAMW,eAAe,GAAGP,SAAS,CAACN,KAAV,IAAmBA,KAA3C,CAAA;EACA,MAAMc,OAAO,GAAGR,SAAS,CAACS,kBAAV,IAAgCT,SAAS,CAACU,WAA1D,CAAA;AAEA,EAAA,oBACEC,IAAC,cAAD,EAAA;AACE,IAAA,GAAG,EAAEpB,GADP;AAEE,IAAA,EAAE,EAAEE,EAFN;AAGE,IAAA,qBAAA,EAAqBI,aAHvB;AAIE,IAAA,cAAc,EAAEA,aAJlB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,OAAO,EAAEC,MANX;AAOE,IAAA,gBAAgB,EAAEQ,eAPpB;AAQE,IAAA,OAAO,EAAEZ,MARX;AAAA,IAAA,GASMM,IATN;AAAA,IAAA,QAAA,EAWGH,aAAa,KAAKK,sBAAsB,CAACC,IAAzC,iBACCO,IAAC,mBAAD,EAAA;AACE,MAAA,KAAK,EAAE;AAAEJ,QAAAA,eAAAA;OADX;MAEE,EAAE,EAAG,CAAEd,EAAAA,EAAG,CAFZ,YAAA,CAAA;AAGE,MAAA,cAAc,EAAEI,aAHlB;MAAA,QAKGW,EAAAA,OAAAA;AALH,KAAA,CAAA;GAbN,CAAA,CAAA;AAuBD,CApDqC,EAAjC;AAsDPpB,cAAc,CAACwB,WAAf,GAA6B,gBAA7B;;;;"}
+{"version":3,"file":"ChartLineLabel.mjs","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useLayoutEffect } from 'react'\n\nimport { ChartLineLabelProps, ChartLineThresholdType } from './types.js'\nimport { ThresholdLabelStyle, ThresholdStyle } from './ChartLineStyles.js'\nimport { handlePositioning } from './utils/index.js'\n\nexport const ChartLineLabel = forwardRef(\n  (props: ChartLineLabelProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      previousIds,\n      id,\n      color,\n      zIndex,\n      show,\n      labelPosition,\n      thresholdType,\n      height,\n      threshold,\n      containerId,\n      ...rest\n    } = props\n\n    useLayoutEffect(() => {\n      if (!show) return\n      if (thresholdType !== ChartLineThresholdType.flag) {\n        handlePositioning({ previousIds, id, containerId, reset: true })\n      } else {\n        handlePositioning({ previousIds, id, containerId })\n      }\n    }, [previousIds, id, show, thresholdType, containerId])\n\n    if (!show) return null\n\n    const backgroundColor = threshold.color || color\n    const content = threshold.descriptionElement || threshold.description\n\n    return (\n      <ThresholdStyle\n        ref={ref}\n        id={id}\n        data-label-position={labelPosition}\n        $labelPosition={labelPosition}\n        $thresholdType={thresholdType}\n        $height={height}\n        $backgroundColor={backgroundColor}\n        $zIndex={zIndex}\n        {...rest}\n      >\n        {thresholdType === ChartLineThresholdType.flag && (\n          <ThresholdLabelStyle\n            style={{ backgroundColor }}\n            id={`${id}-description`}\n            $labelPosition={labelPosition}\n          >\n            {content}\n          </ThresholdLabelStyle>\n        )}\n      </ThresholdStyle>\n    )\n  },\n)\nChartLineLabel.displayName = 'ChartLineLabel'\n"],"names":["ChartLineLabel","forwardRef","props","ref","previousIds","id","color","zIndex","show","labelPosition","thresholdType","height","threshold","containerId","rest","useLayoutEffect","ChartLineThresholdType","flag","handlePositioning","reset","backgroundColor","content","descriptionElement","description","_jsx","displayName"],"mappings":";;;;;;AAMO,MAAMA,cAAc,gBAAGC,UAAU,CACtC,CAACC,KAAD,EAA6BC,GAA7B,KAAoE;EAClE,MAAM;IACJC,WADI;IAEJC,EAFI;IAGJC,KAHI;IAIJC,MAJI;IAKJC,IALI;IAMJC,aANI;IAOJC,aAPI;IAQJC,MARI;IASJC,SATI;IAUJC,WAVI;IAWJ,GAAGC,IAAAA;AAXC,GAAA,GAYFZ,KAZJ,CAAA;AAcAa,EAAAA,eAAe,CAAC,MAAM;IACpB,IAAI,CAACP,IAAL,EAAW,OAAA;;AACX,IAAA,IAAIE,aAAa,KAAKM,sBAAsB,CAACC,IAA7C,EAAmD;AACjDC,MAAAA,iBAAiB,CAAC;QAAEd,WAAF;QAAeC,EAAf;QAAmBQ,WAAnB;AAAgCM,QAAAA,KAAK,EAAE,IAAA;AAAvC,OAAD,CAAjB,CAAA;AACD,KAFD,MAEO;AACLD,MAAAA,iBAAiB,CAAC;QAAEd,WAAF;QAAeC,EAAf;AAAmBQ,QAAAA,WAAAA;AAAnB,OAAD,CAAjB,CAAA;AACD,KAAA;AACF,GAPc,EAOZ,CAACT,WAAD,EAAcC,EAAd,EAAkBG,IAAlB,EAAwBE,aAAxB,EAAuCG,WAAvC,CAPY,CAAf,CAAA;AASA,EAAA,IAAI,CAACL,IAAL,EAAW,OAAO,IAAP,CAAA;AAEX,EAAA,MAAMY,eAAe,GAAGR,SAAS,CAACN,KAAV,IAAmBA,KAA3C,CAAA;EACA,MAAMe,OAAO,GAAGT,SAAS,CAACU,kBAAV,IAAgCV,SAAS,CAACW,WAA1D,CAAA;AAEA,EAAA,oBACEC,IAAC,cAAD,EAAA;AACE,IAAA,GAAG,EAAErB,GADP;AAEE,IAAA,EAAE,EAAEE,EAFN;AAGE,IAAA,qBAAA,EAAqBI,aAHvB;AAIE,IAAA,cAAc,EAAEA,aAJlB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,OAAO,EAAEC,MANX;AAOE,IAAA,gBAAgB,EAAES,eAPpB;AAQE,IAAA,OAAO,EAAEb,MARX;AAAA,IAAA,GASMO,IATN;AAAA,IAAA,QAAA,EAWGJ,aAAa,KAAKM,sBAAsB,CAACC,IAAzC,iBACCO,IAAC,mBAAD,EAAA;AACE,MAAA,KAAK,EAAE;AAAEJ,QAAAA,eAAAA;OADX;MAEE,EAAE,EAAG,CAAEf,EAAAA,EAAG,CAFZ,YAAA,CAAA;AAGE,MAAA,cAAc,EAAEI,aAHlB;MAAA,QAKGY,EAAAA,OAAAA;AALH,KAAA,CAAA;GAbN,CAAA,CAAA;AAuBD,CArDqC,EAAjC;AAuDPrB,cAAc,CAACyB,WAAf,GAA6B,gBAA7B;;;;"}

package/dist/esm/chart-line/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/chart-line/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartLineThresholdType {\n  dash = 'dash',\n  flag = 'flag',\n}\nexport type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType\nexport enum ChartLineBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartLineBorderTypes = keyof typeof ChartLineBorderType\n\nexport type ChartLineConfig = {\n  loading?: boolean\n  data: LineData[]\n  thresholdType: ChartLineThresholdType\n  height: number\n  border: ChartLineBorderType\n  maxValue?: number\n  showLabels?: boolean\n}\n\nexport type LineData = {\n  color?: string\n  labelPosition?: 'top' | 'bottom'\n  threshold: {\n    value: number\n    color?: string\n    label: string\n    description: string\n    descriptionElement?: React.ReactNode\n  }\n}\n\nexport type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>\n\nexport type ChartLineLabelProps = LidoComponentProps<\n  'div',\n  {\n    id: string\n    previousIds?: string[]\n    zIndex: number\n    show?: boolean\n    height: number\n    thresholdType: ChartLineThresholdType\n  } & LineData\n>\n"],"names":["ChartLineThresholdType","ChartLineBorderType"],"mappings":"AAGYA,IAAAA,sBAAZ,0BAAYA,sBAAZ,EAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAYA,sBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKYC,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;EAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,mBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/chart-line/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartLineThresholdType {\n  dash = 'dash',\n  flag = 'flag',\n}\nexport type ChartLineThresholdTypes = keyof typeof ChartLineThresholdType\nexport enum ChartLineBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartLineBorderTypes = keyof typeof ChartLineBorderType\n\nexport type ChartLineConfig = {\n  loading?: boolean\n  data: LineData[]\n  thresholdType: ChartLineThresholdType\n  height: number\n  border: ChartLineBorderType\n  maxValue?: number\n  showLabels?: boolean\n}\n\nexport type LineData = {\n  color?: string\n  labelPosition?: 'top' | 'bottom'\n  threshold: {\n    value: number\n    color?: string\n    label: string\n    description: string\n    descriptionElement?: React.ReactNode\n  }\n}\n\nexport type ChartLineProps = LidoComponentProps<'div', ChartLineConfig>\n\nexport type ChartLineLabelProps = LidoComponentProps<\n  'div',\n  {\n    id: string\n    previousIds?: string[]\n    zIndex: number\n    show?: boolean\n    height: number\n    thresholdType: ChartLineThresholdType\n    containerId: string\n  } & LineData\n>\n"],"names":["ChartLineThresholdType","ChartLineBorderType"],"mappings":"AAGYA,IAAAA,sBAAZ,0BAAYA,sBAAZ,EAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAYA,sBAAZ,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAYA,sBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKYC,IAAAA,mBAAZ,0BAAYA,mBAAZ,EAAA;EAAYA,mBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,mBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,mBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/chart-line/utils/constants.mjs

@@ -1,6 +1,6 @@
 const VIEWPORT_MARGIN = 8;
-const CHART_LINE_CONTAINER_ID = 'chart-line-container';
+const CHART_LINE_LABEL_ID = 'chart-line-label';
 const LABEL_HEIGHT_INCREASE = 36;
 
-export { CHART_LINE_CONTAINER_ID, LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN };
+export { CHART_LINE_LABEL_ID, LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN };
 //# sourceMappingURL=constants.mjs.map

package/dist/esm/chart-line/utils/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../packages/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_CONTAINER_ID = 'chart-line-container'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_CONTAINER_ID","LABEL_HEIGHT_INCREASE"],"mappings":"AAAO,MAAMA,eAAe,GAAG,EAAxB;AACA,MAAMC,uBAAuB,GAAG,uBAAhC;AACA,MAAMC,qBAAqB,GAAG;;;;"}
+{"version":3,"file":"constants.mjs","sources":["../../../../packages/chart-line/utils/constants.ts"],"sourcesContent":["export const VIEWPORT_MARGIN = 8\nexport const CHART_LINE_LABEL_ID = 'chart-line-label'\nexport const LABEL_HEIGHT_INCREASE = 36\n"],"names":["VIEWPORT_MARGIN","CHART_LINE_LABEL_ID","LABEL_HEIGHT_INCREASE"],"mappings":"AAAO,MAAMA,eAAe,GAAG,EAAxB;AACA,MAAMC,mBAAmB,GAAG,mBAA5B;AACA,MAAMC,qBAAqB,GAAG;;;;"}

package/dist/esm/chart-line/utils/handlePositioning.mjs

@@ -1,12 +1,12 @@
 import { checkViewportOverflow } from './checkViewport.mjs';
-import { LABEL_HEIGHT_INCREASE, CHART_LINE_CONTAINER_ID, VIEWPORT_MARGIN } from './constants.mjs';
+import { LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN } from './constants.mjs';
 
 // Get elements and their rects in one go
-const getElementData = id => {
+const getElementData = (id, containerId) => {
   const threshold = document.getElementById(id);
   const label = document.getElementById(`${id}-description`);
   if (!threshold || !label) return null;
-  const container = document.getElementById(CHART_LINE_CONTAINER_ID);
+  const container = document.getElementById(containerId);
   if (!container) return null; // Temporarily reset transform to get original positions
 
   const originalTransform = label.style.transform;
@@ -108,7 +108,8 @@ const handlePositioning = props => {
   const {
     previousIds = [],
     id,
-    reset
+    reset,
+    containerId
   } = props; // Check if we are in browser (not SSR)
 
   if (typeof window === 'undefined') return;
@@ -118,7 +119,7 @@ const handlePositioning = props => {
     return;
   }
 
-  const currentData = getElementData(id);
+  const currentData = getElementData(id, containerId);
   if (!currentData) return;
   const {
     elements: currentElements,
@@ -142,7 +143,7 @@ const handlePositioning = props => {
 
   const previousId = getPreviousThreshold(previousIds, id);
   if (!previousId) return;
-  const previousData = getElementData(previousId);
+  const previousData = getElementData(previousId, containerId);
   if (!previousData) return;
   const {
     rects: previousRects,

package/dist/esm/chart-line/utils/handlePositioning.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"handlePositioning.mjs","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport {\n  CHART_LINE_CONTAINER_ID,\n  LABEL_HEIGHT_INCREASE,\n  VIEWPORT_MARGIN,\n} from './constants.js'\n\ntype HandlePositioningProps = {\n  previousIds?: string[]\n  id: string\n  reset?: boolean\n}\n\ntype PositioningData = {\n  elements: {\n    threshold: HTMLElement\n    label: HTMLElement\n  }\n  rects: {\n    threshold: DOMRect\n    label: DOMRect\n  }\n  containerRect: DOMRect\n}\n\n// Get elements and their rects in one go\nconst getElementData = (id: string): PositioningData | null => {\n  const threshold = document.getElementById(id)\n  const label = document.getElementById(`${id}-description`)\n\n  if (!threshold || !label) return null\n\n  const container = document.getElementById(CHART_LINE_CONTAINER_ID)\n  if (!container) return null\n\n  // Temporarily reset transform to get original positions\n  const originalTransform = label.style.transform\n  label.style.removeProperty('transform')\n\n  const thresholdRect = threshold.getBoundingClientRect()\n  const labelRect = label.getBoundingClientRect()\n  const containerRect = container.getBoundingClientRect()\n\n  // Restore transform if it existed\n  if (originalTransform) {\n    label.style.setProperty('transform', originalTransform)\n  }\n\n  return {\n    elements: { threshold, label },\n    rects: { threshold: thresholdRect, label: labelRect },\n    containerRect,\n  }\n}\n\n// Calculate offset needed to keep label within viewport bounds\nconst calculateLabelOffset = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  isInverted: boolean,\n): number => {\n  if (isInverted) {\n    // Label positioned with left: 0 (extends right from threshold)\n    // Check if label extends beyond container right boundary\n    const labelRightEdge = thresholdRect.left + labelRect.width\n    const containerRightEdge = containerRect.right - VIEWPORT_MARGIN\n\n    if (labelRightEdge > containerRightEdge) {\n      return labelRightEdge - containerRightEdge\n    }\n  } else {\n    // Label positioned with right: 0 (extends left from threshold - default behavior)\n    // Check if label left edge goes beyond container left boundary\n    const labelLeftEdge = thresholdRect.right - labelRect.width\n    const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN\n\n    if (labelLeftEdge < containerLeftEdge) {\n      return containerLeftEdge - labelLeftEdge\n    }\n  }\n  return 0\n}\n\n// Calculate if flag should be inverted based on viewport overflow\nconst shouldInvertLabel = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  viewportWidth: number,\n): boolean => {\n  const position = containerRect.right - thresholdRect.right\n\n  const isInverted = checkViewportOverflow(\n    position,\n    labelRect.width,\n    viewportWidth,\n  )\n\n  return isInverted\n}\n\nexport const resetThresholdHeight = (threshold: HTMLElement | null): void => {\n  if (!threshold) return\n\n  threshold.style.removeProperty('height')\n}\n\n// Apply label positioning based on inversion\nconst applyLabelPosition = (label: HTMLElement, isInverted: boolean): void => {\n  if (isInverted) {\n    label.style.setProperty('left', '0px')\n    label.style.setProperty('right', 'auto')\n    label.dataset.isInverted = 'true'\n  } else {\n    label.style.setProperty('right', '0px')\n    label.style.setProperty('left', 'auto')\n    label.dataset.isInverted = 'false'\n  }\n}\n\n// Calculate distance between two thresholds considering label inversion\nconst calculateFlagDistance = (\n  currentRect: DOMRect,\n  previousRect: DOMRect,\n  currentLabelRect: DOMRect,\n  isPreviousInverted: boolean,\n): number => {\n  return isPreviousInverted\n    ? currentRect.left - previousRect.left - currentLabelRect.width\n    : currentRect.left - previousRect.left\n}\n\n// Get first previous threshold on the same position as the current threshold\nconst getPreviousThreshold = (\n  previousIds: string[],\n  currentId: string,\n): string | null => {\n  const currentElement = document.getElementById(currentId)\n  if (!currentElement) return null\n\n  const currentLabelPosition = currentElement.dataset.labelPosition\n\n  for (let i = previousIds.length - 1; i >= 0; i--) {\n    const id = previousIds[i]\n    const element = document.getElementById(id)\n    if (element?.dataset.labelPosition === currentLabelPosition) {\n      return id\n    }\n  }\n\n  return null\n}\n\nexport const handlePositioning = (props: HandlePositioningProps): void => {\n  const { previousIds = [], id, reset } = props\n\n  // Check if we are in browser (not SSR)\n  if (typeof window === 'undefined') return\n\n  if (reset) {\n    resetThresholdHeight(document.getElementById(id))\n    return\n  }\n\n  const currentData = getElementData(id)\n  if (!currentData) return\n\n  const {\n    elements: currentElements,\n    rects: currentRects,\n    containerRect,\n  } = currentData\n\n  // Calculate inversion for current label using container width\n  const currentIsInverted = shouldInvertLabel(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    containerRect.width,\n  )\n\n  // Apply positioning for current label\n  applyLabelPosition(currentElements.label, currentIsInverted)\n\n  // Calculate offset needed to keep label within bounds\n  const currentOffset = calculateLabelOffset(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    currentIsInverted,\n  )\n\n  // Apply offset if needed\n  if (currentOffset > 0) {\n    const direction = currentIsInverted ? -currentOffset : currentOffset\n    currentElements.label.style.setProperty(\n      'transform',\n      `translateX(${direction}px)`,\n    )\n  } else {\n    currentElements.label.style.removeProperty('transform')\n  }\n\n  // Handle previous threshold positioning if exists\n  const previousId = getPreviousThreshold(previousIds, id)\n  if (!previousId) return\n\n  const previousData = getElementData(previousId)\n  if (!previousData) return\n\n  const { rects: previousRects, elements: previousElements } = previousData\n\n  // Calculate inversion for previous flag using window width (as in original)\n  const previousIsInverted =\n    previousElements.label.dataset.isInverted === 'true'\n\n  // Calculate distance and adjust height if needed\n  const distance = calculateFlagDistance(\n    currentRects.threshold,\n    previousRects.threshold,\n    currentRects.label,\n    previousIsInverted,\n  )\n\n  if (distance < currentRects.label.width) {\n    const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE\n    currentElements.threshold.style.setProperty('height', `${newHeight}px`)\n  }\n}\n"],"names":["getElementData","id","threshold","document","getElementById","label","container","CHART_LINE_CONTAINER_ID","originalTransform","style","transform","removeProperty","thresholdRect","getBoundingClientRect","labelRect","containerRect","setProperty","elements","rects","calculateLabelOffset","isInverted","labelRightEdge","left","width","containerRightEdge","right","VIEWPORT_MARGIN","labelLeftEdge","containerLeftEdge","shouldInvertLabel","viewportWidth","position","checkViewportOverflow","resetThresholdHeight","applyLabelPosition","dataset","calculateFlagDistance","currentRect","previousRect","currentLabelRect","isPreviousInverted","getPreviousThreshold","previousIds","currentId","currentElement","currentLabelPosition","labelPosition","i","length","element","handlePositioning","props","reset","window","currentData","currentElements","currentRects","currentIsInverted","currentOffset","direction","previousId","previousData","previousRects","previousElements","previousIsInverted","distance","newHeight","height","LABEL_HEIGHT_INCREASE"],"mappings":"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"}
+{"version":3,"file":"handlePositioning.mjs","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"sourcesContent":["import { checkViewportOverflow } from './checkViewport.js'\nimport { LABEL_HEIGHT_INCREASE, VIEWPORT_MARGIN } from './constants.js'\n\ntype HandlePositioningProps = {\n  previousIds?: string[]\n  id: string\n  reset?: boolean\n  containerId: string\n}\n\ntype PositioningData = {\n  elements: {\n    threshold: HTMLElement\n    label: HTMLElement\n  }\n  rects: {\n    threshold: DOMRect\n    label: DOMRect\n  }\n  containerRect: DOMRect\n}\n\n// Get elements and their rects in one go\nconst getElementData = (\n  id: string,\n  containerId: string,\n): PositioningData | null => {\n  const threshold = document.getElementById(id)\n  const label = document.getElementById(`${id}-description`)\n\n  if (!threshold || !label) return null\n\n  const container = document.getElementById(containerId)\n  if (!container) return null\n\n  // Temporarily reset transform to get original positions\n  const originalTransform = label.style.transform\n  label.style.removeProperty('transform')\n\n  const thresholdRect = threshold.getBoundingClientRect()\n  const labelRect = label.getBoundingClientRect()\n  const containerRect = container.getBoundingClientRect()\n\n  // Restore transform if it existed\n  if (originalTransform) {\n    label.style.setProperty('transform', originalTransform)\n  }\n\n  return {\n    elements: { threshold, label },\n    rects: { threshold: thresholdRect, label: labelRect },\n    containerRect,\n  }\n}\n\n// Calculate offset needed to keep label within viewport bounds\nconst calculateLabelOffset = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  isInverted: boolean,\n): number => {\n  if (isInverted) {\n    // Label positioned with left: 0 (extends right from threshold)\n    // Check if label extends beyond container right boundary\n    const labelRightEdge = thresholdRect.left + labelRect.width\n    const containerRightEdge = containerRect.right - VIEWPORT_MARGIN\n\n    if (labelRightEdge > containerRightEdge) {\n      return labelRightEdge - containerRightEdge\n    }\n  } else {\n    // Label positioned with right: 0 (extends left from threshold - default behavior)\n    // Check if label left edge goes beyond container left boundary\n    const labelLeftEdge = thresholdRect.right - labelRect.width\n    const containerLeftEdge = containerRect.left + VIEWPORT_MARGIN\n\n    if (labelLeftEdge < containerLeftEdge) {\n      return containerLeftEdge - labelLeftEdge\n    }\n  }\n  return 0\n}\n\n// Calculate if flag should be inverted based on viewport overflow\nconst shouldInvertLabel = (\n  thresholdRect: DOMRect,\n  labelRect: DOMRect,\n  containerRect: DOMRect,\n  viewportWidth: number,\n): boolean => {\n  const position = containerRect.right - thresholdRect.right\n\n  const isInverted = checkViewportOverflow(\n    position,\n    labelRect.width,\n    viewportWidth,\n  )\n\n  return isInverted\n}\n\nexport const resetThresholdHeight = (threshold: HTMLElement | null): void => {\n  if (!threshold) return\n\n  threshold.style.removeProperty('height')\n}\n\n// Apply label positioning based on inversion\nconst applyLabelPosition = (label: HTMLElement, isInverted: boolean): void => {\n  if (isInverted) {\n    label.style.setProperty('left', '0px')\n    label.style.setProperty('right', 'auto')\n    label.dataset.isInverted = 'true'\n  } else {\n    label.style.setProperty('right', '0px')\n    label.style.setProperty('left', 'auto')\n    label.dataset.isInverted = 'false'\n  }\n}\n\n// Calculate distance between two thresholds considering label inversion\nconst calculateFlagDistance = (\n  currentRect: DOMRect,\n  previousRect: DOMRect,\n  currentLabelRect: DOMRect,\n  isPreviousInverted: boolean,\n): number => {\n  return isPreviousInverted\n    ? currentRect.left - previousRect.left - currentLabelRect.width\n    : currentRect.left - previousRect.left\n}\n\n// Get first previous threshold on the same position as the current threshold\nconst getPreviousThreshold = (\n  previousIds: string[],\n  currentId: string,\n): string | null => {\n  const currentElement = document.getElementById(currentId)\n  if (!currentElement) return null\n\n  const currentLabelPosition = currentElement.dataset.labelPosition\n\n  for (let i = previousIds.length - 1; i >= 0; i--) {\n    const id = previousIds[i]\n    const element = document.getElementById(id)\n    if (element?.dataset.labelPosition === currentLabelPosition) {\n      return id\n    }\n  }\n\n  return null\n}\n\nexport const handlePositioning = (props: HandlePositioningProps): void => {\n  const { previousIds = [], id, reset, containerId } = props\n\n  // Check if we are in browser (not SSR)\n  if (typeof window === 'undefined') return\n\n  if (reset) {\n    resetThresholdHeight(document.getElementById(id))\n    return\n  }\n\n  const currentData = getElementData(id, containerId)\n  if (!currentData) return\n\n  const {\n    elements: currentElements,\n    rects: currentRects,\n    containerRect,\n  } = currentData\n\n  // Calculate inversion for current label using container width\n  const currentIsInverted = shouldInvertLabel(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    containerRect.width,\n  )\n\n  // Apply positioning for current label\n  applyLabelPosition(currentElements.label, currentIsInverted)\n\n  // Calculate offset needed to keep label within bounds\n  const currentOffset = calculateLabelOffset(\n    currentRects.threshold,\n    currentRects.label,\n    containerRect,\n    currentIsInverted,\n  )\n\n  // Apply offset if needed\n  if (currentOffset > 0) {\n    const direction = currentIsInverted ? -currentOffset : currentOffset\n    currentElements.label.style.setProperty(\n      'transform',\n      `translateX(${direction}px)`,\n    )\n  } else {\n    currentElements.label.style.removeProperty('transform')\n  }\n\n  // Handle previous threshold positioning if exists\n  const previousId = getPreviousThreshold(previousIds, id)\n  if (!previousId) return\n\n  const previousData = getElementData(previousId, containerId)\n  if (!previousData) return\n\n  const { rects: previousRects, elements: previousElements } = previousData\n\n  // Calculate inversion for previous flag using window width (as in original)\n  const previousIsInverted =\n    previousElements.label.dataset.isInverted === 'true'\n\n  // Calculate distance and adjust height if needed\n  const distance = calculateFlagDistance(\n    currentRects.threshold,\n    previousRects.threshold,\n    currentRects.label,\n    previousIsInverted,\n  )\n\n  if (distance < currentRects.label.width) {\n    const newHeight = previousRects.threshold.height + LABEL_HEIGHT_INCREASE\n    currentElements.threshold.style.setProperty('height', `${newHeight}px`)\n  }\n}\n"],"names":["getElementData","id","containerId","threshold","document","getElementById","label","container","originalTransform","style","transform","removeProperty","thresholdRect","getBoundingClientRect","labelRect","containerRect","setProperty","elements","rects","calculateLabelOffset","isInverted","labelRightEdge","left","width","containerRightEdge","right","VIEWPORT_MARGIN","labelLeftEdge","containerLeftEdge","shouldInvertLabel","viewportWidth","position","checkViewportOverflow","resetThresholdHeight","applyLabelPosition","dataset","calculateFlagDistance","currentRect","previousRect","currentLabelRect","isPreviousInverted","getPreviousThreshold","previousIds","currentId","currentElement","currentLabelPosition","labelPosition","i","length","element","handlePositioning","props","reset","window","currentData","currentElements","currentRects","currentIsInverted","currentOffset","direction","previousId","previousData","previousRects","previousElements","previousIsInverted","distance","newHeight","height","LABEL_HEIGHT_INCREASE"],"mappings":"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"}

package/dist/esm/chart-line/utils/processData.mjs

@@ -1,11 +1,13 @@
-const processData = (data, maxValue) => {
+import { CHART_LINE_LABEL_ID } from './constants.mjs';
+
+const processData = (data, containerId, maxValue) => {
   // Calculate maxValue once if not provided
   const calculatedMaxValue = maxValue ?? Math.max(...data.map(item => item.threshold.value));
   return data.sort((a, b) => a.threshold.value - b.threshold.value).reduce((acc, item, index) => {
     const {
       threshold
     } = item;
-    const id = `chart-percent-line-group-${index}-${threshold.label}`;
+    const id = `${containerId}-${CHART_LINE_LABEL_ID}-${index}-${threshold.label}`;
     const width = threshold.value / (calculatedMaxValue / 100);
     const processedItem = { ...item,
       id,

package/dist/esm/chart-line/utils/processData.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"processData.mjs","sources":["../../../../packages/chart-line/utils/processData.ts"],"sourcesContent":["import { LineData } from '../types.js'\n\ntype ProcessedLineData = LineData & {\n  id: string\n  index: number\n  width: number\n}\n\ntype ProcessedData = {\n  data: ProcessedLineData[]\n  ids: string[]\n}\n\nexport const processData = (\n  data: LineData[],\n  maxValue?: number,\n): ProcessedData => {\n  // Calculate maxValue once if not provided\n  const calculatedMaxValue =\n    maxValue ?? Math.max(...data.map((item) => item.threshold.value))\n\n  return data\n    .sort((a, b) => a.threshold.value - b.threshold.value)\n    .reduce<ProcessedData>(\n      (acc, item, index) => {\n        const { threshold } = item\n        const id = `chart-percent-line-group-${index}-${threshold.label}`\n        const width = threshold.value / (calculatedMaxValue / 100)\n\n        const processedItem: ProcessedLineData = {\n          ...item,\n          id,\n          index,\n          width,\n        }\n\n        acc.data.push(processedItem)\n        acc.ids.push(id)\n\n        return acc\n      },\n      { data: [], ids: [] },\n    )\n}\n"],"names":["processData","data","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","label","width","processedItem","push","ids"],"mappings":"MAaaA,WAAW,GAAG,CACzBC,IADyB,EAEzBC,QAFyB,KAGP;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAL,CAAS,GAAGJ,IAAI,CAACK,GAAL,CAAUC,IAAD,IAAUA,IAAI,CAACC,SAAL,CAAeC,KAAlC,CAAZ,CADd,CAAA;AAGA,EAAA,OAAOR,IAAI,CACRS,IADI,CACC,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,CAACH,SAAF,CAAYC,KAAZ,GAAoBG,CAAC,CAACJ,SAAF,CAAYC,KAD3C,CAEJI,CAAAA,MAFI,CAGH,CAACC,GAAD,EAAMP,IAAN,EAAYQ,KAAZ,KAAsB;IACpB,MAAM;AAAEP,MAAAA,SAAAA;AAAF,KAAA,GAAgBD,IAAtB,CAAA;IACA,MAAMS,EAAE,GAAI,CAA2BD,yBAAAA,EAAAA,KAAM,IAAGP,SAAS,CAACS,KAAM,CAAhE,CAAA,CAAA;IACA,MAAMC,KAAK,GAAGV,SAAS,CAACC,KAAV,IAAmBN,kBAAkB,GAAG,GAAxC,CAAd,CAAA;AAEA,IAAA,MAAMgB,aAAgC,GAAG,EACvC,GAAGZ,IADoC;MAEvCS,EAFuC;MAGvCD,KAHuC;AAIvCG,MAAAA,KAAAA;KAJF,CAAA;AAOAJ,IAAAA,GAAG,CAACb,IAAJ,CAASmB,IAAT,CAAcD,aAAd,CAAA,CAAA;AACAL,IAAAA,GAAG,CAACO,GAAJ,CAAQD,IAAR,CAAaJ,EAAb,CAAA,CAAA;AAEA,IAAA,OAAOF,GAAP,CAAA;AACD,GAnBE,EAoBH;AAAEb,IAAAA,IAAI,EAAE,EAAR;AAAYoB,IAAAA,GAAG,EAAE,EAAA;AAAjB,GApBG,CAAP,CAAA;AAsBD;;;;"}
+{"version":3,"file":"processData.mjs","sources":["../../../../packages/chart-line/utils/processData.ts"],"sourcesContent":["import { CHART_LINE_LABEL_ID } from './constants.js'\nimport { LineData } from '../types.js'\n\ntype ProcessedLineData = LineData & {\n  id: string\n  index: number\n  width: number\n}\n\ntype ProcessedData = {\n  data: ProcessedLineData[]\n  ids: string[]\n}\n\nexport const processData = (\n  data: LineData[],\n  containerId: string,\n  maxValue?: number,\n): ProcessedData => {\n  // Calculate maxValue once if not provided\n  const calculatedMaxValue =\n    maxValue ?? Math.max(...data.map((item) => item.threshold.value))\n\n  return data\n    .sort((a, b) => a.threshold.value - b.threshold.value)\n    .reduce<ProcessedData>(\n      (acc, item, index) => {\n        const { threshold } = item\n        const id = `${containerId}-${CHART_LINE_LABEL_ID}-${index}-${threshold.label}`\n        const width = threshold.value / (calculatedMaxValue / 100)\n\n        const processedItem: ProcessedLineData = {\n          ...item,\n          id,\n          index,\n          width,\n        }\n\n        acc.data.push(processedItem)\n        acc.ids.push(id)\n\n        return acc\n      },\n      { data: [], ids: [] },\n    )\n}\n"],"names":["processData","data","containerId","maxValue","calculatedMaxValue","Math","max","map","item","threshold","value","sort","a","b","reduce","acc","index","id","CHART_LINE_LABEL_ID","label","width","processedItem","push","ids"],"mappings":";;AAcO,MAAMA,WAAW,GAAG,CACzBC,IADyB,EAEzBC,WAFyB,EAGzBC,QAHyB,KAIP;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAL,CAAS,GAAGL,IAAI,CAACM,GAAL,CAAUC,IAAD,IAAUA,IAAI,CAACC,SAAL,CAAeC,KAAlC,CAAZ,CADd,CAAA;AAGA,EAAA,OAAOT,IAAI,CACRU,IADI,CACC,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,CAACH,SAAF,CAAYC,KAAZ,GAAoBG,CAAC,CAACJ,SAAF,CAAYC,KAD3C,CAEJI,CAAAA,MAFI,CAGH,CAACC,GAAD,EAAMP,IAAN,EAAYQ,KAAZ,KAAsB;IACpB,MAAM;AAAEP,MAAAA,SAAAA;AAAF,KAAA,GAAgBD,IAAtB,CAAA;AACA,IAAA,MAAMS,EAAE,GAAI,CAAEf,EAAAA,WAAY,CAAGgB,CAAAA,EAAAA,mBAAoB,CAAGF,CAAAA,EAAAA,KAAM,CAAGP,CAAAA,EAAAA,SAAS,CAACU,KAAM,CAA7E,CAAA,CAAA;IACA,MAAMC,KAAK,GAAGX,SAAS,CAACC,KAAV,IAAmBN,kBAAkB,GAAG,GAAxC,CAAd,CAAA;AAEA,IAAA,MAAMiB,aAAgC,GAAG,EACvC,GAAGb,IADoC;MAEvCS,EAFuC;MAGvCD,KAHuC;AAIvCI,MAAAA,KAAAA;KAJF,CAAA;AAOAL,IAAAA,GAAG,CAACd,IAAJ,CAASqB,IAAT,CAAcD,aAAd,CAAA,CAAA;AACAN,IAAAA,GAAG,CAACQ,GAAJ,CAAQD,IAAR,CAAaL,EAAb,CAAA,CAAA;AAEA,IAAA,OAAOF,GAAP,CAAA;AACD,GAnBE,EAoBH;AAAEd,IAAAA,IAAI,EAAE,EAAR;AAAYsB,IAAAA,GAAG,EAAE,EAAA;AAAjB,GApBG,CAAP,CAAA;AAsBD;;;;"}

package/dist/esm/index.mjs

@@ -48,6 +48,7 @@ export { Modal } from './modal/Modal.mjs';
 export { ModalExtra } from './modal/ModalExtra.mjs';
 export { ModalOverlay } from './modal/ModalOverlay.mjs';
 export { ModalButton } from './modal/ModalButton.mjs';
+export { ModalWindowSize } from './modal/types.mjs';
 export { Pagination } from './pagination/Pagination.mjs';
 export { PaginationItem } from './pagination/PaginationItem.mjs';
 export { PaginationItemVariant } from './pagination/types.mjs';

package/dist/esm/index.mjs.map

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

package/dist/esm/modal/Modal.mjs

@@ -14,6 +14,8 @@ const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
     open,
     onClose,
     onBack,
+    windowSize = 'sm',
+    windowProps,
     ...rest
   } = _ref;
   const withTitleIcon = !!titleIcon;
@@ -49,6 +51,8 @@ const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
     ...rest,
     children: /*#__PURE__*/jsxs(ModalStyle, {
       $center: center,
+      $size: windowSize,
+      ...windowProps,
       children: [/*#__PURE__*/jsxs(ModalBaseStyle, {
         children: [modalHeader, withSubtitle && /*#__PURE__*/jsx(ModalSubtitleStyle, {
           children: subtitle

package/dist/esm/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalStyle,\n  ModalBaseStyle,\n  ModalHeaderStyle,\n  ModalTitleStyle,\n  ModalTitleIconStyle,\n  ModalTitleTextStyle,\n  ModalCloseStyle,\n  ModalContentStyle,\n  ModalBackStyle,\n  ModalSubtitleStyle,\n} from './ModalStyles.js'\nimport { ModalProps } from './types.js'\nimport { ModalOverlay } from './ModalOverlay.js'\n\nexport const Modal = forwardRef(\n  (\n    {\n      children,\n      title,\n      titleIcon,\n      subtitle,\n      center = false,\n      extra,\n      open,\n      onClose,\n      onBack,\n      ...rest\n    }: ModalProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const withTitleIcon = !!titleIcon\n    const withSubtitle = !!subtitle\n    const withCloseButton = !!onClose\n    const withBackButton = !!onBack\n\n    const modalHeader = (\n      <ModalHeaderStyle $short={!title}>\n        {withBackButton && <ModalBackStyle onClick={onBack} />}\n        <ModalTitleStyle\n          $center={center}\n          $withTitleIcon={withTitleIcon}\n          $withCloseButton={withCloseButton}\n          $withBackButton={withBackButton}\n        >\n          {withTitleIcon && (\n            <ModalTitleIconStyle $center={center}>\n              {titleIcon}\n            </ModalTitleIconStyle>\n          )}\n          <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n        </ModalTitleStyle>\n        {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n      </ModalHeaderStyle>\n    )\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        in={open}\n        onClose={onClose}\n        onBack={onBack}\n        {...rest}\n      >\n        <ModalStyle $center={center}>\n          <ModalBaseStyle>\n            {modalHeader}\n            {withSubtitle && (\n              <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>\n            )}\n            <ModalContentStyle>{children}</ModalContentStyle>\n          </ModalBaseStyle>\n          {extra}\n        </ModalStyle>\n      </ModalOverlay>\n    )\n  },\n)\nModal.displayName = 'Modal'\n"],"names":["Modal","forwardRef","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","_jsxs","_jsx","displayName"],"mappings":";;;;;MAgBaA,KAAK,gBAAGC,UAAU,CAC7B,CAAA,IAAA,EAaEC,GAbF,KAcK;EAAA,IAbH;IACEC,QADF;IAEEC,KAFF;IAGEC,SAHF;IAIEC,QAJF;AAKEC,IAAAA,MAAM,GAAG,KALX;IAMEC,KANF;IAOEC,IAPF;IAQEC,OARF;IASEC,MATF;IAUE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,aAAa,GAAG,CAAC,CAACR,SAAxB,CAAA;AACA,EAAA,MAAMS,YAAY,GAAG,CAAC,CAACR,QAAvB,CAAA;AACA,EAAA,MAAMS,eAAe,GAAG,CAAC,CAACL,OAA1B,CAAA;AACA,EAAA,MAAMM,cAAc,GAAG,CAAC,CAACL,MAAzB,CAAA;;EAEA,MAAMM,WAAW,gBACfC,IAAA,CAAC,gBAAD,EAAA;IAAkB,MAAM,EAAE,CAACd,KAA3B;IAAA,QACGY,EAAAA,CAAAA,cAAc,iBAAIG,GAAA,CAAC,cAAD,EAAA;AAAgB,MAAA,OAAO,EAAER,MAAAA;KAD9C,CAAA,eAEEO,KAAC,eAAD,EAAA;AACE,MAAA,OAAO,EAAEX,MADX;AAEE,MAAA,cAAc,EAAEM,aAFlB;AAGE,MAAA,gBAAgB,EAAEE,eAHpB;AAIE,MAAA,eAAe,EAAEC,cAJnB;MAAA,QAMGH,EAAAA,CAAAA,aAAa,iBACZM,GAAA,CAAC,mBAAD,EAAA;AAAqB,QAAA,OAAO,EAAEZ,MAA9B;QAAA,QACGF,EAAAA,SAAAA;OARP,CAAA,eAWEc,IAAC,mBAAD,EAAA;QAAA,QAAsBf,EAAAA,KAAAA;OAXxB,CAAA,CAAA;AAAA,KAAA,CAFF,EAeGW,eAAe,iBAAII,GAAA,CAAC,eAAD,EAAA;AAAiB,MAAA,OAAO,EAAET,OAAAA;KAfhD,CAAA,CAAA;GADF,CAAA,CAAA;;AAoBA,EAAA,oBACES,IAAC,YAAD,EAAA;AACE,IAAA,GAAG,EAAEjB,GADP;AAEE,IAAA,EAAE,EAAEO,IAFN;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAAA,IAAA,GAKMC,IALN;AAAA,IAAA,QAAA,eAOEM,KAAC,UAAD,EAAA;AAAY,MAAA,OAAO,EAAEX,MAArB;AAAA,MAAA,QAAA,EAAA,cACEW,KAAC,cAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGD,WADH,EAEGH,YAAY,iBACXK,IAAC,kBAAD,EAAA;UAAA,QAAqBb,EAAAA,QAAAA;SAHzB,CAAA,eAKEa,IAAC,iBAAD,EAAA;UAAA,QAAoBhB,EAAAA,QAAAA;SALtB,CAAA,CAAA;AAAA,OAAA,CADF,EAQGK,KARH,CAAA;AAAA,KAAA,CAAA;GARJ,CAAA,CAAA;AAoBD,CA7D4B,EAAxB;AA+DPR,KAAK,CAACoB,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Modal.mjs","sources":["../../../packages/modal/Modal.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport {\n  ModalStyle,\n  ModalBaseStyle,\n  ModalHeaderStyle,\n  ModalTitleStyle,\n  ModalTitleIconStyle,\n  ModalTitleTextStyle,\n  ModalCloseStyle,\n  ModalContentStyle,\n  ModalBackStyle,\n  ModalSubtitleStyle,\n} from './ModalStyles.js'\nimport { ModalProps } from './types.js'\nimport { ModalOverlay } from './ModalOverlay.js'\n\nexport const Modal = forwardRef(\n  (\n    {\n      children,\n      title,\n      titleIcon,\n      subtitle,\n      center = false,\n      extra,\n      open,\n      onClose,\n      onBack,\n      windowSize = 'sm',\n      windowProps,\n      ...rest\n    }: ModalProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const withTitleIcon = !!titleIcon\n    const withSubtitle = !!subtitle\n    const withCloseButton = !!onClose\n    const withBackButton = !!onBack\n\n    const modalHeader = (\n      <ModalHeaderStyle $short={!title}>\n        {withBackButton && <ModalBackStyle onClick={onBack} />}\n        <ModalTitleStyle\n          $center={center}\n          $withTitleIcon={withTitleIcon}\n          $withCloseButton={withCloseButton}\n          $withBackButton={withBackButton}\n        >\n          {withTitleIcon && (\n            <ModalTitleIconStyle $center={center}>\n              {titleIcon}\n            </ModalTitleIconStyle>\n          )}\n          <ModalTitleTextStyle>{title}</ModalTitleTextStyle>\n        </ModalTitleStyle>\n        {withCloseButton && <ModalCloseStyle onClick={onClose} />}\n      </ModalHeaderStyle>\n    )\n\n    return (\n      <ModalOverlay\n        ref={ref}\n        in={open}\n        onClose={onClose}\n        onBack={onBack}\n        {...rest}\n      >\n        <ModalStyle $center={center} $size={windowSize} {...windowProps}>\n          <ModalBaseStyle>\n            {modalHeader}\n            {withSubtitle && (\n              <ModalSubtitleStyle>{subtitle}</ModalSubtitleStyle>\n            )}\n            <ModalContentStyle>{children}</ModalContentStyle>\n          </ModalBaseStyle>\n          {extra}\n        </ModalStyle>\n      </ModalOverlay>\n    )\n  },\n)\nModal.displayName = 'Modal'\n"],"names":["Modal","forwardRef","ref","children","title","titleIcon","subtitle","center","extra","open","onClose","onBack","windowSize","windowProps","rest","withTitleIcon","withSubtitle","withCloseButton","withBackButton","modalHeader","_jsxs","_jsx","displayName"],"mappings":";;;;;MAgBaA,KAAK,gBAAGC,UAAU,CAC7B,CAAA,IAAA,EAeEC,GAfF,KAgBK;EAAA,IAfH;IACEC,QADF;IAEEC,KAFF;IAGEC,SAHF;IAIEC,QAJF;AAKEC,IAAAA,MAAM,GAAG,KALX;IAMEC,KANF;IAOEC,IAPF;IAQEC,OARF;IASEC,MATF;AAUEC,IAAAA,UAAU,GAAG,IAVf;IAWEC,WAXF;IAYE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,aAAa,GAAG,CAAC,CAACV,SAAxB,CAAA;AACA,EAAA,MAAMW,YAAY,GAAG,CAAC,CAACV,QAAvB,CAAA;AACA,EAAA,MAAMW,eAAe,GAAG,CAAC,CAACP,OAA1B,CAAA;AACA,EAAA,MAAMQ,cAAc,GAAG,CAAC,CAACP,MAAzB,CAAA;;EAEA,MAAMQ,WAAW,gBACfC,IAAA,CAAC,gBAAD,EAAA;IAAkB,MAAM,EAAE,CAAChB,KAA3B;IAAA,QACGc,EAAAA,CAAAA,cAAc,iBAAIG,GAAA,CAAC,cAAD,EAAA;AAAgB,MAAA,OAAO,EAAEV,MAAAA;KAD9C,CAAA,eAEES,KAAC,eAAD,EAAA;AACE,MAAA,OAAO,EAAEb,MADX;AAEE,MAAA,cAAc,EAAEQ,aAFlB;AAGE,MAAA,gBAAgB,EAAEE,eAHpB;AAIE,MAAA,eAAe,EAAEC,cAJnB;MAAA,QAMGH,EAAAA,CAAAA,aAAa,iBACZM,GAAA,CAAC,mBAAD,EAAA;AAAqB,QAAA,OAAO,EAAEd,MAA9B;QAAA,QACGF,EAAAA,SAAAA;OARP,CAAA,eAWEgB,IAAC,mBAAD,EAAA;QAAA,QAAsBjB,EAAAA,KAAAA;OAXxB,CAAA,CAAA;AAAA,KAAA,CAFF,EAeGa,eAAe,iBAAII,GAAA,CAAC,eAAD,EAAA;AAAiB,MAAA,OAAO,EAAEX,OAAAA;KAfhD,CAAA,CAAA;GADF,CAAA,CAAA;;AAoBA,EAAA,oBACEW,IAAC,YAAD,EAAA;AACE,IAAA,GAAG,EAAEnB,GADP;AAEE,IAAA,EAAE,EAAEO,IAFN;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,MAAM,EAAEC,MAJV;AAAA,IAAA,GAKMG,IALN;AAAA,IAAA,QAAA,eAOEM,KAAC,UAAD,EAAA;AAAY,MAAA,OAAO,EAAEb,MAArB;AAA6B,MAAA,KAAK,EAAEK,UAApC;AAAA,MAAA,GAAoDC,WAApD;AAAA,MAAA,QAAA,EAAA,cACEO,KAAC,cAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGD,WADH,EAEGH,YAAY,iBACXK,IAAC,kBAAD,EAAA;UAAA,QAAqBf,EAAAA,QAAAA;SAHzB,CAAA,eAKEe,IAAC,iBAAD,EAAA;UAAA,QAAoBlB,EAAAA,QAAAA;SALtB,CAAA,CAAA;AAAA,OAAA,CADF,EAQGK,KARH,CAAA;AAAA,KAAA,CAAA;GARJ,CAAA,CAAA;AAoBD,CA/D4B,EAAxB;AAiEPR,KAAK,CAACsB,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/modal/ModalStyles.mjs

@@ -5,6 +5,17 @@ import { ButtonIcon } from '../button/ButtonIcon.mjs';
 import { jsx } from 'react/jsx-runtime';
 import { css } from 'styled-components';
 
+const ModalWindowSizesMap = {
+  sm: css`
+    width: 432px;
+  `,
+  md: css`
+    width: 520px;
+  `,
+  lg: css`
+    width: 960px;
+  `
+};
 const ModalStyle = styled.div`
   ${_ref => {
   let {
@@ -14,10 +25,10 @@ const ModalStyle = styled.div`
       colors,
       boxShadows
     },
-    $center
+    $center,
+    $size
   } = _ref;
   return css`
-    width: 432px;
     max-width: 100%;
     font-weight: 400;
     font-size: ${fontSizesMap.xs}px;
@@ -25,6 +36,8 @@ const ModalStyle = styled.div`
     text-align: ${$center ? 'center' : 'left'};
     border-radius: ${borderRadiusesMap.xl}px;
     box-shadow: ${boxShadows.xxl} ${colors.shadowDark};
+
+    ${ModalWindowSizesMap[$size]}
   `;
 }}
 `;
@@ -200,5 +213,5 @@ const ModalBackStyle = styled(ButtonIcon).attrs({
 }}
 `;
 
-export { ModalBackStyle, ModalBaseStyle, ModalCloseStyle, ModalContentStyle, ModalHeaderStyle, ModalStyle, ModalSubtitleStyle, ModalTitleIconStyle, ModalTitleStyle, ModalTitleTextStyle };
+export { ModalBackStyle, ModalBaseStyle, ModalCloseStyle, ModalContentStyle, ModalHeaderStyle, ModalStyle, ModalSubtitleStyle, ModalTitleIconStyle, ModalTitleStyle, ModalTitleTextStyle, ModalWindowSizesMap };
 //# sourceMappingURL=ModalStyles.mjs.map

package/dist/esm/modal/ModalStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStyles.mjs","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\n\nexport const ModalStyle = styled.div<{ $center: boolean }>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n  }) => css`\n    width: 432px;\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalStyle","styled","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","css","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","md","lg","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","sm","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","color","variant","size","ModalBackStyle"],"mappings":"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"}
+{"version":3,"file":"ModalStyles.mjs","sources":["../../../packages/modal/ModalStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { Close, ArrowBack } from '../icons/index.js'\nimport { ButtonIcon } from '../button/index.js'\nimport { ModalWindowSizes } from './types.js'\n\nexport const ModalWindowSizesMap = {\n  sm: css`\n    width: 432px;\n  `,\n  md: css`\n    width: 520px;\n  `,\n  lg: css`\n    width: 960px;\n  `,\n}\n\nexport const ModalStyle = styled.div<{\n  $center: boolean\n  $size: ModalWindowSizes\n}>`\n  ${({\n    theme: { fontSizesMap, borderRadiusesMap, colors, boxShadows },\n    $center,\n    $size,\n  }) => css`\n    max-width: 100%;\n    font-weight: 400;\n    font-size: ${fontSizesMap.xs}px;\n    line-height: 1.5em;\n    text-align: ${$center ? 'center' : 'left'};\n    border-radius: ${borderRadiusesMap.xl}px;\n    box-shadow: ${boxShadows.xxl} ${colors.shadowDark};\n\n    ${ModalWindowSizesMap[$size]}\n  `}\n`\n\nexport const ModalBaseStyle = styled.div`\n  ${({ theme: { colors } }) => css`\n    color: ${colors.text};\n    background: ${colors.foreground};\n    border-radius: inherit;\n    position: relative;\n    z-index: 1;\n  `}\n`\n\nexport const ModalHeaderStyle = styled.div<{\n  $short: boolean\n}>`\n  ${({ theme: { spaceMap, fontSizesMap, mediaQueries }, $short }) => css`\n    display: flex;\n    align-items: flex-start;\n    min-height: 32px;\n    margin-bottom: ${$short ? -spaceMap.md : 0}px;\n    padding: ${spaceMap.xl}px ${spaceMap.xxl}px;\n    font-size: ${fontSizesMap.md}px;\n    line-height: 1.5em;\n\n    ${mediaQueries.md} {\n      padding: ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalTitleStyle = styled.div<{\n  $center: boolean\n  $withTitleIcon: boolean\n  $withCloseButton: boolean\n  $withBackButton: boolean\n}>`\n  ${({\n    theme: { fontSizesMap, spaceMap, mediaQueries },\n    $center,\n    $withBackButton,\n    $withCloseButton,\n    $withTitleIcon,\n  }) => css`\n    font-size: ${fontSizesMap.sm}px;\n    line-height: 1.5em;\n    font-weight: 700;\n    margin-left: ${$center && !$withBackButton ? spaceMap.xxl : '0'}px;\n    margin-right: ${$center && !$withCloseButton ? spaceMap.xxl : '0'}px;\n    padding-top: ${$withTitleIcon ? spaceMap.sm : '0'}px;\n    padding-left: 0;\n    padding-right: ${spaceMap.sm}px;\n    flex-grow: 1;\n    align-self: center;\n\n    ${mediaQueries.md} {\n      padding-right: ${spaceMap.xs}px;\n    }\n  `}\n`\n\nexport const ModalTitleIconStyle = styled.div<{\n  $center: boolean\n}>`\n  ${({ theme: { spaceMap }, $center }) => css`\n    display: ${$center ? 'flex' : 'block'};\n    justify-content: ${$center ? 'center' : 'flex-start'};\n    line-height: 0.7;\n    margin-bottom: ${spaceMap.md}px;\n  `}\n`\n\nexport const ModalTitleTextStyle = styled.div`\n  margin: ${({ theme }) => theme.spaceMap.xs}px 0;\n`\n\nexport const ModalSubtitleStyle = styled.div`\n  ${({ theme: { colors, fontSizesMap, spaceMap, mediaQueries } }) => css`\n    color: ${colors.textSecondary};\n    font-size: ${fontSizesMap.xs}px;\n    font-weight: 400;\n    line-height: 24px;\n    margin-top: -${spaceMap.xl}px;\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.sm}px;\n\n    ${mediaQueries.md} {\n      padding-left: ${spaceMap.xl}px;\n      padding-right: ${spaceMap.xl}px;\n    }\n  `}\n`\n\nexport const ModalContentStyle = styled.div`\n  ${({ theme: { spaceMap, mediaQueries } }) => css`\n    padding: 0 ${spaceMap.xxl}px ${spaceMap.xxl}px;\n\n    ${mediaQueries.md} {\n      padding: 0 ${spaceMap.lg}px ${spaceMap.lg}px;\n    }\n  `}\n`\n\nexport const ModalCloseStyle = styled(ButtonIcon).attrs({\n  icon: <Close />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  margin: 0 -10px 0 0;\n  color: var(--lido-color-textSecondary);\n  flex-shrink: 0;\n  border-radius: 50%;\n`\n\nexport const ModalBackStyle = styled(ButtonIcon).attrs({\n  icon: <ArrowBack />,\n  color: 'secondary',\n  variant: 'ghost',\n  size: 'xs',\n})`\n  ${({ theme: { colors, spaceMap } }) => css`\n    color: ${colors.textSecondary};\n    flex-shrink: 0;\n    margin: 0 ${spaceMap.sm}px 0 -6px;\n    border-radius: 50%;\n    background: transparent !important;\n  `}\n`\n"],"names":["ModalWindowSizesMap","sm","css","md","lg","ModalStyle","styled","div","theme","fontSizesMap","borderRadiusesMap","colors","boxShadows","$center","$size","xs","xl","xxl","shadowDark","ModalBaseStyle","text","foreground","ModalHeaderStyle","spaceMap","mediaQueries","$short","ModalTitleStyle","$withBackButton","$withCloseButton","$withTitleIcon","ModalTitleIconStyle","ModalTitleTextStyle","ModalSubtitleStyle","textSecondary","ModalContentStyle","ModalCloseStyle","ButtonIcon","attrs","icon","_jsx","color","variant","size","ModalBackStyle"],"mappings":"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"}

package/dist/esm/modal/types.mjs

@@ -0,0 +1,9 @@
+let ModalWindowSize = /*#__PURE__*/function (ModalWindowSize) {
+  ModalWindowSize[ModalWindowSize["sm"] = 0] = "sm";
+  ModalWindowSize[ModalWindowSize["md"] = 1] = "md";
+  ModalWindowSize[ModalWindowSize["lg"] = 2] = "lg";
+  return ModalWindowSize;
+}({});
+
+export { ModalWindowSize };
+//# sourceMappingURL=types.mjs.map

package/dist/esm/modal/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../packages/modal/types.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nimport {\n  TransitionWrapperProps,\n  TransitionInnerProps,\n} from '../transition/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ModalOverlayOwnProps = LidoComponentProps<\n  'div',\n  {\n    onClose?: () => void\n    onBack?: () => void\n  }\n>\n\nexport type ModalOverlayProps = ModalOverlayOwnProps & TransitionWrapperProps\nexport type ModalOverlayInnerProps = ModalOverlayOwnProps & TransitionInnerProps\n\nexport type ModalProps = {\n  title?: ReactNode\n  titleIcon?: ReactNode\n  subtitle?: ReactNode\n  extra?: ReactNode\n  center?: boolean\n  open?: boolean\n  windowSize?: ModalWindowSizes\n  windowProps?: ModalWindowProps\n} & Omit<ModalOverlayProps, 'title' | 'in'>\n\nexport enum ModalWindowSize {\n  sm,\n  md,\n  lg,\n}\nexport type ModalWindowSizes = keyof typeof ModalWindowSize\nexport type ModalWindowProps = LidoComponentProps<'div'>\n\nexport type ModalExtraProps = LidoComponentProps<'div'>\n\nexport type ModalButtonIconProps = {\n  icon: ReactElement\n} & ButtonProps\n"],"names":["ModalWindowSize"],"mappings":"AA8BYA,IAAAA,eAAZ,0BAAYA,eAAZ,EAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAYA,EAAAA,eAAZ,CAAYA,eAAZ,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,eAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/types/chart-line/ChartLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLine.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLine.tsx"],"names":[],"mappings":";AAmBA,eAAO,MAAM,SAAS;;;uGAkFrB,CAAA"}
+{"version":3,"file":"ChartLine.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLine.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,SAAS;;;uGAoFrB,CAAA"}

package/dist/types/chart-line/ChartLineLabel.d.ts

@@ -7,8 +7,9 @@ export declare const ChartLineLabel: import("react").ForwardRefExoticComponent<{
     show?: boolean | undefined;
     height: number;
     thresholdType: ChartLineThresholdType;
+    containerId: string;
 } & import("./types.js").LineData & Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     as?: keyof JSX.IntrinsicElements | undefined;
     forwardedAs?: keyof JSX.IntrinsicElements | undefined;
-}, "ref" | "height" | "id" | "zIndex" | "show" | "thresholdType" | "previousIds" | keyof import("./types.js").LineData> & import("react").RefAttributes<HTMLDivElement>>;
+}, "ref" | "height" | "id" | "zIndex" | "show" | "containerId" | "thresholdType" | "previousIds" | keyof import("./types.js").LineData> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ChartLineLabel.d.ts.map

package/dist/types/chart-line/ChartLineLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLineLabel.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAIxE,eAAO,MAAM,cAAc;;;;;;;;;;wKAqD1B,CAAA"}
+{"version":3,"file":"ChartLineLabel.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/ChartLineLabel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAIxE,eAAO,MAAM,cAAc;;;;;;;;;;;wLAsD1B,CAAA"}

package/dist/types/chart-line/types.d.ts

@@ -39,5 +39,6 @@ export declare type ChartLineLabelProps = LidoComponentProps<'div', {
     show?: boolean;
     height: number;
     thresholdType: ChartLineThresholdType;
+    containerId: string;
 } & LineData>;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/chart-line/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AACD,oBAAY,uBAAuB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AACzE,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AACD,oBAAY,oBAAoB,GAAG,MAAM,OAAO,mBAAmB,CAAA;AAEnE,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,aAAa,EAAE,sBAAsB,CAAA;IACrC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,mBAAmB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,oBAAY,QAAQ,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAChC,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACrC,CAAA;CACF,CAAA;AAED,oBAAY,cAAc,GAAG,kBAAkB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;AAEvE,oBAAY,mBAAmB,GAAG,kBAAkB,CAClD,KAAK,EACL;IACE,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,sBAAsB,CAAA;CACtC,GAAG,QAAQ,CACb,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../packages/chart-line/types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AACtD,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE9C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AACD,oBAAY,uBAAuB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AACzE,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AACD,oBAAY,oBAAoB,GAAG,MAAM,OAAO,mBAAmB,CAAA;AAEnE,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,aAAa,EAAE,sBAAsB,CAAA;IACrC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,mBAAmB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,oBAAY,QAAQ,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAChC,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;QACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;KACrC,CAAA;CACF,CAAA;AAED,oBAAY,cAAc,GAAG,kBAAkB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;AAEvE,oBAAY,mBAAmB,GAAG,kBAAkB,CAClD,KAAK,EACL;IACE,EAAE,EAAE,MAAM,CAAA;IACV,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,sBAAsB,CAAA;IACrC,WAAW,EAAE,MAAM,CAAA;CACpB,GAAG,QAAQ,CACb,CAAA"}

package/dist/types/chart-line/utils/constants.d.ts

@@ -1,4 +1,4 @@
 export declare const VIEWPORT_MARGIN = 8;
-export declare const CHART_LINE_CONTAINER_ID = "chart-line-container";
+export declare const CHART_LINE_LABEL_ID = "chart-line-label";
 export declare const LABEL_HEIGHT_INCREASE = 36;
 //# sourceMappingURL=constants.d.ts.map

package/dist/types/chart-line/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,IAAI,CAAA;AAChC,eAAO,MAAM,uBAAuB,yBAAyB,CAAA;AAC7D,eAAO,MAAM,qBAAqB,KAAK,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,IAAI,CAAA;AAChC,eAAO,MAAM,mBAAmB,qBAAqB,CAAA;AACrD,eAAO,MAAM,qBAAqB,KAAK,CAAA"}

package/dist/types/chart-line/utils/handlePositioning.d.ts

@@ -2,6 +2,7 @@ declare type HandlePositioningProps = {
     previousIds?: string[];
     id: string;
     reset?: boolean;
+    containerId: string;
 };
 export declare const resetThresholdHeight: (threshold: HTMLElement | null) => void;
 export declare const handlePositioning: (props: HandlePositioningProps) => void;

package/dist/types/chart-line/utils/handlePositioning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handlePositioning.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"names":[],"mappings":"AAOA,aAAK,sBAAsB,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AA2FD,eAAO,MAAM,oBAAoB,cAAe,WAAW,GAAG,IAAI,KAAG,IAIpE,CAAA;AAgDD,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,IA2EjE,CAAA"}
+{"version":3,"file":"handlePositioning.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/handlePositioning.ts"],"names":[],"mappings":"AAGA,aAAK,sBAAsB,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AA8FD,eAAO,MAAM,oBAAoB,cAAe,WAAW,GAAG,IAAI,KAAG,IAIpE,CAAA;AAgDD,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,KAAG,IA2EjE,CAAA"}

package/dist/types/chart-line/utils/processData.d.ts

@@ -8,6 +8,6 @@ declare type ProcessedData = {
     data: ProcessedLineData[];
     ids: string[];
 };
-export declare const processData: (data: LineData[], maxValue?: number) => ProcessedData;
+export declare const processData: (data: LineData[], containerId: string, maxValue?: number) => ProcessedData;
 export {};
 //# sourceMappingURL=processData.d.ts.map

package/dist/types/chart-line/utils/processData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"processData.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/processData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,aAAK,iBAAiB,GAAG,QAAQ,GAAG;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,IAAI,EAAE,iBAAiB,EAAE,CAAA;IACzB,GAAG,EAAE,MAAM,EAAE,CAAA;CACd,CAAA;AAED,eAAO,MAAM,WAAW,SAChB,QAAQ,EAAE,aACL,MAAM,KAChB,aA2BF,CAAA"}
+{"version":3,"file":"processData.d.ts","sourceRoot":"","sources":["../../../../packages/chart-line/utils/processData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,aAAK,iBAAiB,GAAG,QAAQ,GAAG;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,aAAa,GAAG;IACnB,IAAI,EAAE,iBAAiB,EAAE,CAAA;IACzB,GAAG,EAAE,MAAM,EAAE,CAAA;CACd,CAAA;AAED,eAAO,MAAM,WAAW,SAChB,QAAQ,EAAE,eACH,MAAM,aACR,MAAM,KAChB,aA2BF,CAAA"}

package/dist/types/modal/Modal.d.ts

@@ -6,5 +6,10 @@ export declare const Modal: import("react").ForwardRefExoticComponent<{
     extra?: import("react").ReactNode;
     center?: boolean | undefined;
     open?: boolean | undefined;
+    windowSize?: "sm" | "md" | "lg" | undefined;
+    windowProps?: Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+        as?: keyof JSX.IntrinsicElements | undefined;
+        forwardedAs?: keyof JSX.IntrinsicElements | undefined;
+    }, "ref"> | undefined;
 } & Omit<import("./types.js").ModalOverlayProps, "title" | "in"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/types/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../packages/modal/Modal.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,KAAK;;;;;;;iHA8DjB,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../packages/modal/Modal.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,KAAK;;;;;;;;;;;;iHAgEjB,CAAA"}