@lidofinance/lido-ui 3.32.0 → 3.34.0

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 { 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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"}
+{"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

@@ -9,7 +9,8 @@ const processData = (data, containerId, maxValue) => {
     } = item;
     const id = `${containerId}-${CHART_LINE_LABEL_ID}-${index}-${threshold.label}`;
     const width = threshold.value / (calculatedMaxValue / 100);
-    const processedItem = { ...item,
+    const processedItem = {
+      ...item,
       id,
       index,
       width

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 { 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;;;;"}
+{"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,GAAGA,CACzBC,IAAgB,EAChBC,WAAmB,EACnBC,QAAiB,KACC;AAClB;EACA,MAAMC,kBAAkB,GACtBD,QAAQ,IAAIE,IAAI,CAACC,GAAG,CAAC,GAAGL,IAAI,CAACM,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,SAAS,CAACC,KAAK,CAAC,CAAC,CAAA;AAEnE,EAAA,OAAOT,IAAI,CACRU,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACH,SAAS,CAACC,KAAK,GAAGG,CAAC,CAACJ,SAAS,CAACC,KAAK,CAAC,CACrDI,MAAM,CACL,CAACC,GAAG,EAAEP,IAAI,EAAEQ,KAAK,KAAK;IACpB,MAAM;AAAEP,MAAAA,SAAAA;AAAU,KAAC,GAAGD,IAAI,CAAA;AAC1B,IAAA,MAAMS,EAAE,GAAG,CAAGf,EAAAA,WAAW,CAAIgB,CAAAA,EAAAA,mBAAmB,CAAIF,CAAAA,EAAAA,KAAK,CAAIP,CAAAA,EAAAA,SAAS,CAACU,KAAK,CAAE,CAAA,CAAA;IAC9E,MAAMC,KAAK,GAAGX,SAAS,CAACC,KAAK,IAAIN,kBAAkB,GAAG,GAAG,CAAC,CAAA;AAE1D,IAAA,MAAMiB,aAAgC,GAAG;AACvC,MAAA,GAAGb,IAAI;MACPS,EAAE;MACFD,KAAK;AACLI,MAAAA,KAAAA;KACD,CAAA;AAEDL,IAAAA,GAAG,CAACd,IAAI,CAACqB,IAAI,CAACD,aAAa,CAAC,CAAA;AAC5BN,IAAAA,GAAG,CAACQ,GAAG,CAACD,IAAI,CAACL,EAAE,CAAC,CAAA;AAEhB,IAAA,OAAOF,GAAG,CAAA;AACZ,GAAC,EACD;AAAEd,IAAAA,IAAI,EAAE,EAAE;AAAEsB,IAAAA,GAAG,EAAE,EAAA;AAAG,GACtB,CAAC,CAAA;AACL;;;;"}

package/dist/esm/chart-proportion/ChartProportion.mjs

@@ -17,7 +17,6 @@ const ChartProportion = /*#__PURE__*/forwardRef((props, ref) => {
     borderSize,
     ...rest
   } = props;
-
   if (loading) {
     return /*#__PURE__*/jsx(WrapperStyle, {
       $height: height,
@@ -26,7 +25,6 @@ const ChartProportion = /*#__PURE__*/forwardRef((props, ref) => {
       children: /*#__PURE__*/jsx(InlineLoader, {})
     });
   }
-
   return /*#__PURE__*/jsx(WrapperStyle, {
     $height: height,
     ref: ref,

package/dist/esm/chart-proportion/ChartProportion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartProportion.mjs","sources":["../../../packages/chart-proportion/ChartProportion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport {\n  ProportionStyle,\n  WrapperStyle,\n  ProportionProgressStyle,\n  ProportionProgressLineStyle,\n  ProportionLabelStyle,\n} from './ChartProportionStyles.js'\nimport { ChartProportionProps } from './types.js'\n\nexport const ChartProportion = forwardRef(\n  (props: ChartProportionProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      margin,\n      borderSize,\n      ...rest\n    } = props\n\n    if (loading) {\n      return (\n        <WrapperStyle $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <WrapperStyle $height={height} ref={ref} {...rest}>\n        {data.map((item, index) => {\n          const { color, value, progress, label } = item\n          const isShowLabel = showLabels && label\n\n          return (\n            <ProportionStyle\n              key={index}\n              $flexGrow={value}\n              $backgroundColor={color}\n              $border={border}\n              $borderSize={borderSize}\n              $margin={margin}\n            >\n              {isShowLabel && (\n                <ProportionLabelStyle>{label}</ProportionLabelStyle>\n              )}\n              <ProportionProgressStyle\n                $progress={progress}\n                $backgroundColor={color}\n                $border={border}\n                $borderSize={borderSize}\n              >\n                {progress !== 100 && <ProportionProgressLineStyle />}\n              </ProportionProgressStyle>\n            </ProportionStyle>\n          )\n        })}\n      </WrapperStyle>\n    )\n  },\n)\nChartProportion.displayName = 'ChartProportion'\n"],"names":["ChartProportion","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","margin","borderSize","rest","_jsx","map","item","index","color","value","progress","label","isShowLabel","_jsxs","displayName"],"mappings":";;;;;;AAaO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CAACC,KAAD,EAA8BC,GAA9B,KAAqE;EACnE,MAAM;AACJC,IAAAA,OAAO,GAAG,KADN;IAEJC,OAFI;IAGJC,QAHI;IAIJC,MAJI;IAKJC,MALI;IAMJC,IANI;IAOJC,UAPI;IAQJC,MARI;IASJC,UATI;IAUJ,GAAGC,IAAAA;AAVC,GAAA,GAWFX,KAXJ,CAAA;;AAaA,EAAA,IAAIE,OAAJ,EAAa;AACX,IAAA,oBACEU,IAAC,YAAD,EAAA;AAAc,MAAA,OAAO,EAAEP,MAAvB;AAA+B,MAAA,GAAG,EAAEJ,GAApC;AAAA,MAAA,GAA6CU,IAA7C;AAAA,MAAA,QAAA,eACEC,IAAC,YAAD,EAAA,EAAA,CAAA;KAFJ,CAAA,CAAA;AAKD,GAAA;;AAED,EAAA,oBACEA,IAAC,YAAD,EAAA;AAAc,IAAA,OAAO,EAAEP,MAAvB;AAA+B,IAAA,GAAG,EAAEJ,GAApC;AAAA,IAAA,GAA6CU,IAA7C;IAAA,QACGJ,EAAAA,IAAI,CAACM,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;MACzB,MAAM;QAAEC,KAAF;QAASC,KAAT;QAAgBC,QAAhB;AAA0BC,QAAAA,KAAAA;AAA1B,OAAA,GAAoCL,IAA1C,CAAA;AACA,MAAA,MAAMM,WAAW,GAAGZ,UAAU,IAAIW,KAAlC,CAAA;AAEA,MAAA,oBACEE,KAAC,eAAD,EAAA;AAEE,QAAA,SAAS,EAAEJ,KAFb;AAGE,QAAA,gBAAgB,EAAED,KAHpB;AAIE,QAAA,OAAO,EAAEV,MAJX;AAKE,QAAA,WAAW,EAAEI,UALf;AAME,QAAA,OAAO,EAAED,MANX;QAAA,QAQGW,EAAAA,CAAAA,WAAW,iBACVR,GAAA,CAAC,oBAAD,EAAA;UAAA,QAAuBO,EAAAA,KAAAA;SAT3B,CAAA,eAWEP,IAAC,uBAAD,EAAA;AACE,UAAA,SAAS,EAAEM,QADb;AAEE,UAAA,gBAAgB,EAAEF,KAFpB;AAGE,UAAA,OAAO,EAAEV,MAHX;AAIE,UAAA,WAAW,EAAEI,UAJf;AAAA,UAAA,QAAA,EAMGQ,QAAQ,KAAK,GAAb,iBAAoBN,IAAC,2BAAD,EAAA,EAAA,CAAA;SAjBzB,CAAA,CAAA;AAAA,OAAA,EACOG,KADP,CADF,CAAA;KAJD,CAAA;GAFL,CAAA,CAAA;AA+BD,CAtDsC,EAAlC;AAwDPjB,eAAe,CAACwB,WAAhB,GAA8B,iBAA9B;;;;"}
+{"version":3,"file":"ChartProportion.mjs","sources":["../../../packages/chart-proportion/ChartProportion.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\n\nimport { InlineLoader } from '../loaders/index.js'\n\nimport {\n  ProportionStyle,\n  WrapperStyle,\n  ProportionProgressStyle,\n  ProportionProgressLineStyle,\n  ProportionLabelStyle,\n} from './ChartProportionStyles.js'\nimport { ChartProportionProps } from './types.js'\n\nexport const ChartProportion = forwardRef(\n  (props: ChartProportionProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    const {\n      loading = false,\n      onClick,\n      children,\n      height,\n      border,\n      data,\n      showLabels,\n      margin,\n      borderSize,\n      ...rest\n    } = props\n\n    if (loading) {\n      return (\n        <WrapperStyle $height={height} ref={ref} {...rest}>\n          <InlineLoader />\n        </WrapperStyle>\n      )\n    }\n\n    return (\n      <WrapperStyle $height={height} ref={ref} {...rest}>\n        {data.map((item, index) => {\n          const { color, value, progress, label } = item\n          const isShowLabel = showLabels && label\n\n          return (\n            <ProportionStyle\n              key={index}\n              $flexGrow={value}\n              $backgroundColor={color}\n              $border={border}\n              $borderSize={borderSize}\n              $margin={margin}\n            >\n              {isShowLabel && (\n                <ProportionLabelStyle>{label}</ProportionLabelStyle>\n              )}\n              <ProportionProgressStyle\n                $progress={progress}\n                $backgroundColor={color}\n                $border={border}\n                $borderSize={borderSize}\n              >\n                {progress !== 100 && <ProportionProgressLineStyle />}\n              </ProportionProgressStyle>\n            </ProportionStyle>\n          )\n        })}\n      </WrapperStyle>\n    )\n  },\n)\nChartProportion.displayName = 'ChartProportion'\n"],"names":["ChartProportion","forwardRef","props","ref","loading","onClick","children","height","border","data","showLabels","margin","borderSize","rest","_jsx","WrapperStyle","$height","InlineLoader","map","item","index","color","value","progress","label","isShowLabel","_jsxs","ProportionStyle","$flexGrow","$backgroundColor","$border","$borderSize","$margin","ProportionLabelStyle","ProportionProgressStyle","$progress","ProportionProgressLineStyle","displayName"],"mappings":";;;;;;AAaO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CAACC,KAA2B,EAAEC,GAAkC,KAAK;EACnE,MAAM;AACJC,IAAAA,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,IAAI;IACJC,UAAU;IACVC,MAAM;IACNC,UAAU;IACV,GAAGC,IAAAA;AACL,GAAC,GAAGX,KAAK,CAAA;AAET,EAAA,IAAIE,OAAO,EAAE;IACX,oBACEU,GAAA,CAACC,YAAY,EAAA;AAACC,MAAAA,OAAO,EAAET,MAAO;AAACJ,MAAAA,GAAG,EAAEA,GAAI;AAAA,MAAA,GAAKU,IAAI;AAAAP,MAAAA,QAAA,eAC/CQ,GAAA,CAACG,YAAY,EAAE,EAAA,CAAA;AAAC,KACJ,CAAC,CAAA;AAEnB,GAAA;EAEA,oBACEH,GAAA,CAACC,YAAY,EAAA;AAACC,IAAAA,OAAO,EAAET,MAAO;AAACJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKU,IAAI;IAAAP,QAAA,EAC9CG,IAAI,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACzB,MAAM;QAAEC,KAAK;QAAEC,KAAK;QAAEC,QAAQ;AAAEC,QAAAA,KAAAA;AAAM,OAAC,GAAGL,IAAI,CAAA;AAC9C,MAAA,MAAMM,WAAW,GAAGf,UAAU,IAAIc,KAAK,CAAA;MAEvC,oBACEE,IAAA,CAACC,eAAe,EAAA;AAEdC,QAAAA,SAAS,EAAEN,KAAM;AACjBO,QAAAA,gBAAgB,EAAER,KAAM;AACxBS,QAAAA,OAAO,EAAEtB,MAAO;AAChBuB,QAAAA,WAAW,EAAEnB,UAAW;AACxBoB,QAAAA,OAAO,EAAErB,MAAO;AAAAL,QAAAA,QAAA,EAEfmB,CAAAA,WAAW,iBACVX,GAAA,CAACmB,oBAAoB,EAAA;AAAA3B,UAAAA,QAAA,EAAEkB,KAAAA;AAAK,SAAuB,CACpD,eACDV,GAAA,CAACoB,uBAAuB,EAAA;AACtBC,UAAAA,SAAS,EAAEZ,QAAS;AACpBM,UAAAA,gBAAgB,EAAER,KAAM;AACxBS,UAAAA,OAAO,EAAEtB,MAAO;AAChBuB,UAAAA,WAAW,EAAEnB,UAAW;UAAAN,QAAA,EAEvBiB,QAAQ,KAAK,GAAG,iBAAIT,GAAA,CAACsB,2BAA2B,EAAE,EAAA,CAAA;AAAC,SAC7B,CAAC,CAAA;AAAA,OAAA,EAjBrBhB,KAkBU,CAAC,CAAA;KAErB,CAAA;AAAC,GACU,CAAC,CAAA;AAEnB,CACF,EAAC;AACDpB,eAAe,CAACqC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/esm/chart-proportion/ChartProportionStyles.mjs

@@ -39,13 +39,11 @@ const ProportionStyle = styled.div`
     $border,
     $borderSize
   } = _ref3;
-
   if ($border === ChartProportionBorderType.rounded) {
     return css`
         border-radius: ${borderSizes[$borderSize]};
       `;
   }
-
   return css``;
 }}
 
@@ -82,7 +80,6 @@ const ProportionProgressStyle = styled.div`
     $borderSize,
     $progress
   } = _ref7;
-
   if ($border === ChartProportionBorderType.rounded) {
     if ($progress !== 100) {
       return css`
@@ -90,12 +87,10 @@ const ProportionProgressStyle = styled.div`
             ${borderSizes[$borderSize]};
         `;
     }
-
     return css`
         border-radius: ${borderSizes[$borderSize]};
       `;
   }
-
   return css``;
 }}
 `;

package/dist/esm/chart-proportion/ChartProportionStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartProportionStyles.mjs","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n  ChartProportionBorderSize,\n  ChartProportionBorderType,\n  MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  position: relative;\n`\n\nconst borderSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nconst marginSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n  $margin: MarginSize\n  $flexGrow: number\n  $backgroundColor?: string\n}>`\n  background: rgb(19 18 23 / 4%);\n  flex-grow: ${({ $flexGrow }) => $flexGrow};\n  height: 100%;\n  position: relative;\n\n  ${({ $border, $borderSize }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n    return css``\n  }}\n\n  &:not(:last-child) {\n    ${({ $margin }) => {\n      return css`\n        margin-right: ${marginSizes[$margin]};\n      `\n    }}\n  }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n  $progress: number\n  $backgroundColor?: string\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  height: 100%;\n  width: ${({ $progress }) => $progress}%;\n  position: relative;\n\n  ${({ $border, $borderSize, $progress }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      if ($progress !== 100) {\n        return css`\n          border-radius: ${borderSizes[$borderSize]} 0 0\n            ${borderSizes[$borderSize]};\n        `\n      }\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: #273852;\n  height: calc(100% + 2px);\n  top: -1px;\n  bottom: -1px;\n  width: 2px;\n  margin-left: auto;\n  border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n  position: absolute;\n  top: -22px;\n  right: 0;\n  white-space: nowrap;\n  font-size: 10px;\n  line-height: 20px;\n  color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","$flexGrow","$border","$borderSize","ChartProportionBorderType","rounded","css","$margin","ProportionProgressStyle","$backgroundColor","$progress","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}
+{"version":3,"file":"ChartProportionStyles.mjs","sources":["../../../packages/chart-proportion/ChartProportionStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport {\n  ChartProportionBorderSize,\n  ChartProportionBorderType,\n  MarginSize,\n} from './types.js'\n\nexport const WrapperStyle = styled.div<{\n  $height: number\n}>`\n  display: flex;\n  width: 100%;\n  height: ${({ $height }) => $height}px;\n  position: relative;\n`\n\nconst borderSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nconst marginSizes = {\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n}\n\nexport const ProportionStyle = styled.div<{\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n  $margin: MarginSize\n  $flexGrow: number\n  $backgroundColor?: string\n}>`\n  background: rgb(19 18 23 / 4%);\n  flex-grow: ${({ $flexGrow }) => $flexGrow};\n  height: 100%;\n  position: relative;\n\n  ${({ $border, $borderSize }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n    return css``\n  }}\n\n  &:not(:last-child) {\n    ${({ $margin }) => {\n      return css`\n        margin-right: ${marginSizes[$margin]};\n      `\n    }}\n  }\n`\n\nexport const ProportionProgressStyle = styled.div<{\n  $progress: number\n  $backgroundColor?: string\n  $border: ChartProportionBorderType\n  $borderSize: ChartProportionBorderSize\n}>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : 'transparent'};\n  height: 100%;\n  width: ${({ $progress }) => $progress}%;\n  position: relative;\n\n  ${({ $border, $borderSize, $progress }) => {\n    if ($border === ChartProportionBorderType.rounded) {\n      if ($progress !== 100) {\n        return css`\n          border-radius: ${borderSizes[$borderSize]} 0 0\n            ${borderSizes[$borderSize]};\n        `\n      }\n      return css`\n        border-radius: ${borderSizes[$borderSize]};\n      `\n    }\n\n    return css``\n  }}\n`\n\nexport const ProportionProgressLineStyle = styled.div`\n  position: absolute;\n  right: 0;\n  background-color: #273852;\n  height: calc(100% + 2px);\n  top: -1px;\n  bottom: -1px;\n  width: 2px;\n  margin-left: auto;\n  border-radius: 2px;\n`\nexport const ProportionLabelStyle = styled.div`\n  position: absolute;\n  top: -22px;\n  right: 0;\n  white-space: nowrap;\n  font-size: 10px;\n  line-height: 20px;\n  color: #7a8aa0;\n`\n"],"names":["WrapperStyle","styled","div","_ref","$height","borderSizes","sm","md","lg","marginSizes","ProportionStyle","_ref2","$flexGrow","_ref3","$border","$borderSize","ChartProportionBorderType","rounded","css","_ref4","$margin","ProportionProgressStyle","_ref5","$backgroundColor","_ref6","$progress","_ref7","ProportionProgressLineStyle","ProportionLabelStyle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n  height: number\n  border: ChartProportionBorderType\n  borderSize: ChartProportionBorderSize\n  margin: MarginSize\n  showLabels?: boolean\n  loading?: boolean\n  data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n  show?: boolean\n  color?: string\n  value: number\n  progress: number\n  label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n  'div',\n  ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":"AAGYA,IAAAA,yBAAZ,0BAAYA,yBAAZ,EAAA;EAAYA,yBAAZ,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAYA,yBAAZ,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAYA,yBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMYC,IAAAA,yBAAZ,0BAAYA,yBAAZ,EAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,yBAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,yBAAZ,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOYC,IAAAA,UAAZ,0BAAYA,UAAZ,EAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAYA,UAAZ,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAYA,UAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/chart-proportion/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChartProportionBorderType {\n  rounded = 'rounded',\n  square = 'square',\n}\nexport type ChartProportionBorderTypes = keyof typeof ChartProportionBorderType\n\nexport enum ChartProportionBorderSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type ChartProportionBorderSizes = keyof typeof ChartProportionBorderSize\n\nexport enum MarginSize {\n  sm = 'sm',\n  md = 'md',\n  lg = 'lg',\n}\nexport type MarginSizes = keyof typeof MarginSize\n\nexport type ChartProportionConfig = {\n  height: number\n  border: ChartProportionBorderType\n  borderSize: ChartProportionBorderSize\n  margin: MarginSize\n  showLabels?: boolean\n  loading?: boolean\n  data: ChartProportionData[]\n}\n\nexport type ChartProportionData = {\n  show?: boolean\n  color?: string\n  value: number\n  progress: number\n  label?: string\n}\n\nexport type ChartProportionProps = LidoComponentProps<\n  'div',\n  ChartProportionConfig\n>\n"],"names":["ChartProportionBorderType","ChartProportionBorderSize","MarginSize"],"mappings":"AAGYA,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAzBA,yBAAyB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAMzBC,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAzBA,yBAAyB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOzBC,IAAAA,UAAU,0BAAVA,UAAU,EAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAVA,UAAU,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAVA,UAAU,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types.js'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles.js'\nimport { Text } from '../text/index.js'\nimport { Box } from '../box/index.js'\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      style,\n      wrapperRef,\n      disabled,\n      children,\n      label,\n      ...rest\n    }: CheckboxProps,\n    inputRef?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <CheckboxWrapperStyle\n        className={className}\n        style={style}\n        ref={wrapperRef}\n      >\n        <CheckboxInputStyle\n          type='checkbox'\n          disabled={disabled}\n          ref={inputRef}\n          {...rest}\n        />\n        <CheckboxIconStyle />\n        {label && (\n          <Box ml={8}>\n            <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n              {label}\n            </Text>\n          </Box>\n        )}\n      </CheckboxWrapperStyle>\n    )\n  },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","inputRef","className","style","wrapperRef","disabled","children","label","rest","_jsxs","_jsx","displayName"],"mappings":";;;;;;MAUaA,QAAQ,gBAAGC,UAAU,CAChC,CAAA,IAAA,EAUEC,QAVF,KAWK;EAAA,IAVH;IACEC,SADF;IAEEC,KAFF;IAGEC,UAHF;IAIEC,QAJF;IAKEC,QALF;IAMEC,KANF;IAOE,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,KAAC,oBAAD,EAAA;AACE,IAAA,SAAS,EAAEP,SADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,GAAG,EAAEC,UAHP;AAAA,IAAA,QAAA,EAAA,cAKEM,IAAC,kBAAD,EAAA;AACE,MAAA,IAAI,EAAC,UADP;AAEE,MAAA,QAAQ,EAAEL,QAFZ;AAGE,MAAA,GAAG,EAAEJ,QAHP;MAAA,GAIMO,IAAAA;KATR,CAAA,eAWEE,IAAC,iBAAD,EAAA,EAAA,CAXF,EAYGH,KAAK,iBACJG,IAAC,GAAD,EAAA;AAAK,MAAA,EAAE,EAAE,CAAT;AAAA,MAAA,QAAA,eACEA,IAAC,IAAD,EAAA;AAAM,QAAA,IAAI,EAAC,KAAX;AAAiB,QAAA,KAAK,EAAEL,QAAQ,GAAG,WAAH,GAAiB,SAAjD;QAAA,QACGE,EAAAA,KAAAA;AADH,OAAA,CAAA;KAdN,CAAA,CAAA;GADF,CAAA,CAAA;AAsBD,CAnC+B,EAA3B;AAqCPR,QAAQ,CAACY,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../packages/checkbox/Checkbox.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { CheckboxProps } from './types.js'\nimport {\n  CheckboxWrapperStyle,\n  CheckboxInputStyle,\n  CheckboxIconStyle,\n} from './CheckboxStyles.js'\nimport { Text } from '../text/index.js'\nimport { Box } from '../box/index.js'\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      className,\n      style,\n      wrapperRef,\n      disabled,\n      children,\n      label,\n      ...rest\n    }: CheckboxProps,\n    inputRef?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <CheckboxWrapperStyle\n        className={className}\n        style={style}\n        ref={wrapperRef}\n      >\n        <CheckboxInputStyle\n          type='checkbox'\n          disabled={disabled}\n          ref={inputRef}\n          {...rest}\n        />\n        <CheckboxIconStyle />\n        {label && (\n          <Box ml={8}>\n            <Text size='xxs' color={disabled ? 'secondary' : 'default'}>\n              {label}\n            </Text>\n          </Box>\n        )}\n      </CheckboxWrapperStyle>\n    )\n  },\n)\nCheckbox.displayName = 'Checkbox'\n"],"names":["Checkbox","forwardRef","_ref","inputRef","className","style","wrapperRef","disabled","children","label","rest","_jsxs","CheckboxWrapperStyle","ref","_jsx","CheckboxInputStyle","type","CheckboxIconStyle","Box","ml","Text","size","color","displayName"],"mappings":";;;;;;AAUO,MAAMA,QAAQ,gBAAGC,UAAU,CAChC,CAAAC,IAAA,EAUEC,QAAyC,KACtC;EAAA,IAVH;IACEC,SAAS;IACTC,KAAK;IACLC,UAAU;IACVC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACL,GAAGC,IAAAA;AACU,GAAC,GAAAR,IAAA,CAAA;EAGhB,oBACES,IAAA,CAACC,oBAAoB,EAAA;AACnBR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,KAAK,EAAEA,KAAM;AACbQ,IAAAA,GAAG,EAAEP,UAAW;IAAAE,QAAA,EAAA,cAEhBM,GAAA,CAACC,kBAAkB,EAAA;AACjBC,MAAAA,IAAI,EAAC,UAAU;AACfT,MAAAA,QAAQ,EAAEA,QAAS;AACnBM,MAAAA,GAAG,EAAEV,QAAS;MAAA,GACVO,IAAAA;AAAI,KACT,CAAC,eACFI,GAAA,CAACG,iBAAiB,EAAA,EAAE,CAAC,EACpBR,KAAK,iBACJK,GAAA,CAACI,GAAG,EAAA;AAACC,MAAAA,EAAE,EAAE,CAAE;MAAAX,QAAA,eACTM,GAAA,CAACM,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,KAAK;AAACC,QAAAA,KAAK,EAAEf,QAAQ,GAAG,WAAW,GAAG,SAAU;AAAAC,QAAAA,QAAA,EACxDC,KAAAA;OACG,CAAA;AAAC,KACJ,CACN,CAAA;AAAA,GACmB,CAAC,CAAA;AAE3B,CACF,EAAC;AACDT,QAAQ,CAACuB,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/checkbox/CheckboxStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxStyles.mjs","sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Check } from '../icons/index.js'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition:\n    box-shadow 0.1s ease,\n    background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["CheckboxWrapperStyle","styled","label","CheckboxIconStyle","Check","CheckboxInputStyle","input"],"mappings":";;;AAGaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,KAAM,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMC,iBAAiB,GAAGF,MAAM,CAACG,KAAD,CAAQ,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EARO;AAUMC,MAAAA,kBAAkB,GAAGJ,MAAM,CAACK,KAAM,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAAA,EAAiDH,iBAAkB,CAAA;AACnE;AACA;AACA;AACA,MAAA,EAAQA,iBAAkB,CAAA;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,EAAgBA,iBAAkB,CAAA;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAA,EAAiBA,iBAAkB,CAAA;AACnC;AACA;AACA;AACA;AACA,oBAAA,EAAsBA,iBAAkB,CAAA;AACxC;AACA;AACA;AACA,4BAAA,EAA8BA,iBAAkB,CAAA;AAChD;AACA;AACA;;;;"}
+{"version":3,"file":"CheckboxStyles.mjs","sources":["../../../packages/checkbox/CheckboxStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Check } from '../icons/index.js'\n\nexport const CheckboxWrapperStyle = styled.label`\n  flex-shrink: 0;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  line-height: 0;\n  align-items: center;\n`\n\nexport const CheckboxIconStyle = styled(Check)`\n  height: 24px;\n  width: 24px;\n  border-radius: 4px;\n  transition:\n    box-shadow 0.1s ease,\n    background-color 0.1s ease;\n  fill: var(--lido-color-primaryContrast);\n`\n\nexport const CheckboxInputStyle = styled.input`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n\n  &:not(:disabled) ~ * {\n    cursor: pointer;\n  }\n\n  label:hover &:not(:disabled):not(:checked) + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n\n  & + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-controlBg);\n    box-shadow: inset 0 0 0 1px var(--lido-color-border);\n\n    path {\n      opacity: 0;\n    }\n  }\n\n  &:checked + ${CheckboxIconStyle} {\n    background-color: var(--lido-color-primary);\n    box-shadow: none;\n\n    path {\n      opacity: 1;\n    }\n  }\n\n  &:disabled + ${CheckboxIconStyle} {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  &:focus-visible + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-primary);\n  }\n\n  &:focus-visible:checked + ${CheckboxIconStyle} {\n    box-shadow: inset 0 0 0 1px var(--lido-color-borderHover);\n  }\n`\n"],"names":["CheckboxWrapperStyle","styled","label","CheckboxIconStyle","Check","CheckboxInputStyle","input"],"mappings":";;;AAGaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,KAAK,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,iBAAiB,GAAGF,MAAM,CAACG,KAAK,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,kBAAkB,GAAGJ,MAAM,CAACK,KAAK,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAAA,EAAiDH,iBAAiB,CAAA;AAClE;AACA;AACA;AACA,MAAA,EAAQA,iBAAiB,CAAA;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAA,EAAgBA,iBAAiB,CAAA;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAA,EAAiBA,iBAAiB,CAAA;AAClC;AACA;AACA;AACA;AACA,oBAAA,EAAsBA,iBAAiB,CAAA;AACvC;AACA;AACA;AACA,4BAAA,EAA8BA,iBAAiB,CAAA;AAC/C;AACA;AACA;;;;"}

package/dist/esm/chip/Chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../packages/chip/Chip.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types.js'\nimport { ChipWrapperStyle } from './ChipStyles.js'\n\nexport const Chip = forwardRef(\n  (\n    { children, onClick, variant = 'positive', ...rest }: ChipProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <ChipWrapperStyle\n        $interactive={!!onClick}\n        $variant={variant}\n        onClick={onClick}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </ChipWrapperStyle>\n    )\n  },\n)\nChip.displayName = 'Chip'\n"],"names":["Chip","forwardRef","ref","children","onClick","variant","rest","_jsx","displayName"],"mappings":";;;;MAIaA,IAAI,gBAAGC,UAAU,CAC5B,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;IAAEC,QAAF;IAAYC,OAAZ;AAAqBC,IAAAA,OAAO,GAAG,UAA/B;IAA2C,GAAGC,IAAAA;GAE3C,GAAA,IAAA,CAAA;AACH,EAAA,oBACEC,IAAC,gBAAD,EAAA;IACE,YAAY,EAAE,CAAC,CAACH,OADlB;AAEE,IAAA,QAAQ,EAAEC,OAFZ;AAGE,IAAA,OAAO,EAAED,OAHX;AAAA,IAAA,GAIME,IAJN;AAKE,IAAA,GAAG,EAAEJ,GALP;IAAA,QAOGC,EAAAA,QAAAA;GARL,CAAA,CAAA;AAWD,CAhB2B,EAAvB;AAkBPH,IAAI,CAACQ,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"file":"Chip.mjs","sources":["../../../packages/chip/Chip.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ChipProps } from './types.js'\nimport { ChipWrapperStyle } from './ChipStyles.js'\n\nexport const Chip = forwardRef(\n  (\n    { children, onClick, variant = 'positive', ...rest }: ChipProps,\n    ref?: ForwardedRef<HTMLInputElement>,\n  ) => {\n    return (\n      <ChipWrapperStyle\n        $interactive={!!onClick}\n        $variant={variant}\n        onClick={onClick}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </ChipWrapperStyle>\n    )\n  },\n)\nChip.displayName = 'Chip'\n"],"names":["Chip","forwardRef","_ref","ref","children","onClick","variant","rest","_jsx","ChipWrapperStyle","$interactive","$variant","displayName"],"mappings":";;;;AAIO,MAAMA,IAAI,gBAAGC,UAAU,CAC5B,CAAAC,IAAA,EAEEC,GAAoC,KACjC;EAAA,IAFH;IAAEC,QAAQ;IAAEC,OAAO;AAAEC,IAAAA,OAAO,GAAG,UAAU;IAAE,GAAGC,IAAAA;AAAgB,GAAC,GAAAL,IAAA,CAAA;EAG/D,oBACEM,GAAA,CAACC,gBAAgB,EAAA;IACfC,YAAY,EAAE,CAAC,CAACL,OAAQ;AACxBM,IAAAA,QAAQ,EAAEL,OAAQ;AAClBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,IAAI;AACRJ,IAAAA,GAAG,EAAEA,GAAI;AAAAC,IAAAA,QAAA,EAERA,QAAAA;AAAQ,GACO,CAAC,CAAA;AAEvB,CACF,EAAC;AACDJ,IAAI,CAACY,WAAW,GAAG,MAAM;;;;"}

package/dist/esm/chip/ChipStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipStyles.mjs","sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChipVariants } from './types.js'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipVariantsStyle","positive","css","negative","gray","warning","ChipWrapperStyle","styled","div","theme","borderRadiusesMap","xs","$interactive","$variant"],"mappings":";;;AAQA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,QAAQ,EAAEC,GAAI,CAAA;AAChB;AACA;AACA,EAJ0B,CAAA;AAKxBC,EAAAA,QAAQ,EAAED,GAAI,CAAA;AAChB;AACA;AACA,EAR0B,CAAA;AASxBE,EAAAA,IAAI,EAAEF,GAAI,CAAA;AACZ;AACA;AACA,EAZ0B,CAAA;AAaxBG,EAAAA,OAAO,EAAEH,GAAI,CAAA;AACf;AACA;AACA,EAAA,CAAA;AAhB0B,CAA1B,CAAA;AAmBaI,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,GAAqB,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAmB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,iBAAN,CAAwBC,EAAvC,CAAA;AAAA,CAA0C,CAAA;AAC7D;AACA,UAAY,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAuBA,YAAY,GAAG,SAAH,GAAe,MAAlD,CAAA;AAAA,CAA0D,CAAA;AACtE,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAkBb,iBAAiB,CAACa,QAAD,CAAnC,CAAA;AAAA,CAA8C,CAAA;AAClD;;;;"}
+{"version":3,"file":"ChipStyles.mjs","sources":["../../../packages/chip/ChipStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ChipVariants } from './types.js'\n\ntype InjectedPropsTr = {\n  $variant: ChipVariants\n  $interactive: boolean\n}\n\nconst ChipVariantsStyle = {\n  positive: css`\n    background: var(--lido-color-success);\n    color: var(--lido-color-foreground);\n  `,\n  negative: css`\n    background: var(--lido-color-error);\n    color: var(--lido-color-foreground);\n  `,\n  gray: css`\n    background: var(--lido-color-shadowLight);\n    color: var(--lido-color-textSecondary);\n  `,\n  warning: css`\n    background: var(--lido-color-warning);\n    color: var(--lido-color-foreground);\n  `,\n}\n\nexport const ChipWrapperStyle = styled.div<InjectedPropsTr>`\n  font-size: 14px;\n  line-height: 20px;\n  display: inline-flex;\n  max-width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: nowrap;\n  outline: none;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xs}px;\n  padding: 0.2em 0.4em;\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'auto')};\n  ${({ $variant }) => ChipVariantsStyle[$variant]}\n`\n"],"names":["ChipVariantsStyle","positive","css","negative","gray","warning","ChipWrapperStyle","styled","div","_ref","theme","borderRadiusesMap","xs","_ref2","$interactive","_ref3","$variant"],"mappings":";;;AAQA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,QAAQ,EAAEC,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,QAAQ,EAAED,GAAG,CAAA;AACf;AACA;AACA,EAAG,CAAA;AACDE,EAAAA,IAAI,EAAEF,GAAG,CAAA;AACX;AACA;AACA,EAAG,CAAA;AACDG,EAAAA,OAAO,EAAEH,GAAG,CAAA;AACd;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYI,MAAAA,gBAAgB,GAAGC,MAAM,CAACC,GAAoB,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAA,EAAmBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,iBAAiB,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AAC5D;AACA,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAMC,YAAY,GAAG,SAAS,GAAG,MAAM,CAAA;AAAA,CAAC,CAAA;AACrE,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKf,iBAAiB,CAACgB,QAAQ,CAAC,CAAA;AAAA,CAAA,CAAA;AACjD;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChipVariant {\n  positive,\n  negative,\n  warning,\n  gray,\n}\n\nexport type ChipVariants = keyof typeof ChipVariant\n\nexport type ChipProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLLabelElement>\n    variant?: ChipVariants\n  }\n>\n"],"names":["ChipVariant"],"mappings":"AAIYA,IAAAA,WAAZ,0BAAYA,WAAZ,EAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,WAAZ,CAAYA,WAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAYA,WAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/chip/types.ts"],"sourcesContent":["import { RefObject } from 'react'\nimport { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ChipVariant {\n  positive,\n  negative,\n  warning,\n  gray,\n}\n\nexport type ChipVariants = keyof typeof ChipVariant\n\nexport type ChipProps = LidoComponentProps<\n  'div',\n  {\n    wrapperRef?: RefObject<HTMLLabelElement>\n    variant?: ChipVariants\n  }\n>\n"],"names":["ChipVariant"],"mappings":"AAIYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/container/Container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Container.mjs","sources":["../../../packages/container/Container.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles.js'\nimport { ContainerProps } from './types.js'\n\nexport const Container = forwardRef(\n  (\n    { size = 'full', ...rest }: ContainerProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <ContainerStyle $size={size} ref={ref} {...rest} />\n  },\n)\nContainer.displayName = 'Container'\n"],"names":["Container","forwardRef","ref","size","rest","_jsx","displayName"],"mappings":";;;;MAIaA,SAAS,gBAAGC,UAAU,CACjC,CAAA,IAAA,EAEEC,GAFF,KAGK;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,MAAT;IAAiB,GAAGC,IAAAA;GAEjB,GAAA,IAAA,CAAA;AACH,EAAA,oBAAOC,IAAC,cAAD,EAAA;AAAgB,IAAA,KAAK,EAAEF,IAAvB;AAA6B,IAAA,GAAG,EAAED,GAAlC;IAAA,GAA2CE,IAAAA;GAAlD,CAAA,CAAA;AACD,CANgC,EAA5B;AAQPJ,SAAS,CAACM,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"file":"Container.mjs","sources":["../../../packages/container/Container.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { ContainerStyle } from './ContainerStyles.js'\nimport { ContainerProps } from './types.js'\n\nexport const Container = forwardRef(\n  (\n    { size = 'full', ...rest }: ContainerProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    return <ContainerStyle $size={size} ref={ref} {...rest} />\n  },\n)\nContainer.displayName = 'Container'\n"],"names":["Container","forwardRef","_ref","ref","size","rest","_jsx","ContainerStyle","$size","displayName"],"mappings":";;;;AAIO,MAAMA,SAAS,gBAAGC,UAAU,CACjC,CAAAC,IAAA,EAEEC,GAAkC,KAC/B;EAAA,IAFH;AAAEC,IAAAA,IAAI,GAAG,MAAM;IAAE,GAAGC,IAAAA;AAAqB,GAAC,GAAAH,IAAA,CAAA;EAG1C,oBAAOI,GAAA,CAACC,cAAc,EAAA;AAACC,IAAAA,KAAK,EAAEJ,IAAK;AAACD,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKE,IAAAA;AAAI,GAAG,CAAC,CAAA;AAC5D,CACF,EAAC;AACDL,SAAS,CAACS,WAAW,GAAG,WAAW;;;;"}

package/dist/esm/container/ContainerStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerStyles.mjs","sources":["../../../packages/container/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ContainerSizes } from './types.js'\n\nconst sizes = {\n  full: css`\n    max-width: 1424px;\n  `,\n  content: css`\n    max-width: 960px;\n  `,\n  tight: css`\n    max-width: 560px;\n  `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n  }\n\n  ${({ $size }) => sizes[$size]}\n`\n"],"names":["sizes","full","css","content","tight","ContainerStyle","styled","div","theme","spaceMap","xxl","mediaQueries","lg","$size"],"mappings":";;;AAGA,MAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,GAAI,CAAA;AACZ;AACA,EAHc,CAAA;AAIZC,EAAAA,OAAO,EAAED,GAAI,CAAA;AACf;AACA,EANc,CAAA;AAOZE,EAAAA,KAAK,EAAEF,GAAI,CAAA;AACb;AACA,EAAA,CAAA;AATc,CAAd,CAAA;AAYaG,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAA+B,CAAA;AACpE;AACA;AACA;AACA;AACA,aAAe,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,GAA9B,CAAA;AAAA,CAAkC,CAAA;AACjD;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACG,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC,eAAiB,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeG,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAClD;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;EAAA,OAAeb,KAAK,CAACa,KAAD,CAApB,CAAA;AAAA,CAA4B,CAAA;AAChC;;;;"}
+{"version":3,"file":"ContainerStyles.mjs","sources":["../../../packages/container/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ContainerSizes } from './types.js'\n\nconst sizes = {\n  full: css`\n    max-width: 1424px;\n  `,\n  content: css`\n    max-width: 960px;\n  `,\n  tight: css`\n    max-width: 560px;\n  `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n  }\n\n  ${({ $size }) => sizes[$size]}\n`\n"],"names":["sizes","full","css","content","tight","ContainerStyle","styled","div","_ref","theme","spaceMap","xxl","_ref2","mediaQueries","lg","_ref3","_ref4","$size"],"mappings":";;;AAGA,MAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,GAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDC,EAAAA,OAAO,EAAED,GAAG,CAAA;AACd;AACA,EAAG,CAAA;AACDE,EAAAA,KAAK,EAAEF,GAAG,CAAA;AACZ;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYG,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAA8B,CAAA;AACnE;AACA;AACA;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAChD;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,QAAQ,CAACI,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKhB,KAAK,CAACiB,KAAK,CAAC,CAAA;AAAA,CAAA,CAAA;AAC/B;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../packages/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ContainerSize {\n  full,\n  content,\n  tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n  'div',\n  {\n    size?: ContainerSizes\n  }\n>\n"],"names":["ContainerSize"],"mappings":"AAGYA,IAAAA,aAAZ,0BAAYA,aAAZ,EAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAYA,EAAAA,aAAZ,CAAYA,aAAZ,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAYA,aAAZ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../packages/container/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '../utils/index.js'\nexport type { Theme } from '../theme/index.js'\n\nexport enum ContainerSize {\n  full,\n  content,\n  tight,\n}\nexport type ContainerSizes = keyof typeof ContainerSize\n\nexport type ContainerProps = LidoComponentProps<\n  'div',\n  {\n    size?: ContainerSizes\n  }\n>\n"],"names":["ContainerSize"],"mappings":"AAGYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/content-theme/content-theme.mjs

@@ -8,9 +8,11 @@ const ContentTheme = _ref => {
     ...rest
   } = _ref;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(ContentThemeOnlyDark, { ...rest,
+    children: [/*#__PURE__*/jsx(ContentThemeOnlyDark, {
+      ...rest,
       children: darkContent
-    }), /*#__PURE__*/jsx(ContentThemeOnlyLight, { ...rest,
+    }), /*#__PURE__*/jsx(ContentThemeOnlyLight, {
+      ...rest,
       children: lightContent
     })]
   });

package/dist/esm/content-theme/content-theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content-theme.mjs","sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles.js'\nimport { ContentThemeProps } from './types.js'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n  darkContent,\n  lightContent,\n  ...rest\n}: ContentThemeProps) => {\n  return (\n    <>\n      <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","darkContent","lightContent","rest","_jsxs","_Fragment","_jsx"],"mappings":";;;AAIO,MAAMA,YAAmC,GAAG,IAI1B,IAAA;EAAA,IAJ2B;IAClDC,WADkD;IAElDC,YAFkD;IAGlD,GAAGC,IAAAA;GACoB,GAAA,IAAA,CAAA;EACvB,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAA,QACE,EAAA,cAAAC,GAAA,CAAC,oBAAD,EAAA,EAAA,GAA0BH,IAA1B;MAAA,QAAiCF,EAAAA,WAAAA;AAAjC,KAAA,CADF,eAEEK,GAAA,CAAC,qBAAD,EAAA,EAAA,GAA2BH,IAA3B;MAAA,QAAkCD,EAAAA,YAAAA;KAFpC,CAAA,CAAA;GADF,CAAA,CAAA;AAMD;;;;"}
+{"version":3,"file":"content-theme.mjs","sources":["../../../packages/content-theme/content-theme.tsx"],"sourcesContent":["import { FC } from 'react'\nimport { ContentThemeOnlyDark, ContentThemeOnlyLight } from './styles.js'\nimport { ContentThemeProps } from './types.js'\n\nexport const ContentTheme: FC<ContentThemeProps> = ({\n  darkContent,\n  lightContent,\n  ...rest\n}: ContentThemeProps) => {\n  return (\n    <>\n      <ContentThemeOnlyDark {...rest}>{darkContent}</ContentThemeOnlyDark>\n      <ContentThemeOnlyLight {...rest}>{lightContent}</ContentThemeOnlyLight>\n    </>\n  )\n}\n"],"names":["ContentTheme","_ref","darkContent","lightContent","rest","_jsxs","_Fragment","children","_jsx","ContentThemeOnlyDark","ContentThemeOnlyLight"],"mappings":";;;AAIaA,MAAAA,YAAmC,GAAGC,IAAA,IAI1B;EAAA,IAJ2B;IAClDC,WAAW;IACXC,YAAY;IACZ,GAAGC,IAAAA;AACc,GAAC,GAAAH,IAAA,CAAA;EAClB,oBACEI,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,oBAAoB,EAAA;AAAA,MAAA,GAAKL,IAAI;AAAAG,MAAAA,QAAA,EAAGL,WAAAA;AAAW,KAAuB,CAAC,eACpEM,GAAA,CAACE,qBAAqB,EAAA;AAAA,MAAA,GAAKN,IAAI;AAAAG,MAAAA,QAAA,EAAGJ,YAAAA;AAAY,KAAwB,CAAC,CAAA;AAAA,GACvE,CAAC,CAAA;AAEP;;;;"}

package/dist/esm/content-theme/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","sources":["../../../packages/content-theme/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ContentThemeOnlyDark = styled.div`\n  display: var(--lido-color-darkDisplay, contents);\n`\n\nexport const ContentThemeOnlyLight = styled.div`\n  display: var(--lido-color-lightDisplay, contents);\n`\n"],"names":["ContentThemeOnlyDark","styled","div","ContentThemeOnlyLight"],"mappings":";;AAEaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAAI,CAAA;AAC/C;AACA,EAFO;AAIMC,MAAAA,qBAAqB,GAAGF,MAAM,CAACC,GAAI,CAAA;AAChD;AACA;;;;"}
+{"version":3,"file":"styles.mjs","sources":["../../../packages/content-theme/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ContentThemeOnlyDark = styled.div`\n  display: var(--lido-color-darkDisplay, contents);\n`\n\nexport const ContentThemeOnlyLight = styled.div`\n  display: var(--lido-color-lightDisplay, contents);\n`\n"],"names":["ContentThemeOnlyDark","styled","div","ContentThemeOnlyLight"],"mappings":";;AAEaA,MAAAA,oBAAoB,GAAGC,MAAM,CAACC,GAAG,CAAA;AAC9C;AACA,EAAC;AAEYC,MAAAA,qBAAqB,GAAGF,MAAM,CAACC,GAAG,CAAA;AAC/C;AACA;;;;"}

package/dist/esm/cookie-theme-toggler/cookie-theme-toggler.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-theme-toggler.mjs","sources":["../../../packages/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n  CookieThemeTogglerStyle,\n  CookieThemeTogglerDarkIcon,\n  CookieThemeTogglerLightIcon,\n} from './styles.js'\nimport { useThemeToggle } from '../theme/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ThemeTogglerProps = Omit<ButtonProps, 'color' | 'onClick'>\n\nexport const ThemeToggler: FC = (props: ButtonProps) => {\n  const { toggleTheme } = useThemeToggle()\n\n  return (\n    <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme} {...props}>\n      <CookieThemeTogglerLightIcon />\n      <CookieThemeTogglerDarkIcon />\n    </CookieThemeTogglerStyle>\n  )\n}\n"],"names":["ThemeToggler","props","toggleTheme","useThemeToggle","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;AAWaA,MAAAA,YAAgB,GAAIC,KAAD,IAAwB;EACtD,MAAM;AAAEC,IAAAA,WAAAA;AAAF,GAAA,GAAkBC,cAAc,EAAtC,CAAA;AAEA,EAAA,oBACEC,KAAC,uBAAD,EAAA;AAAyB,IAAA,KAAK,EAAC,WAA/B;AAA2C,IAAA,OAAO,EAAEF,WAApD;AAAA,IAAA,GAAqED,KAArE;AAAA,IAAA,QAAA,EAAA,cACEI,IAAC,2BAAD,EAAA,EAAA,CADF,eAEEA,GAAA,CAAC,0BAAD,EAFF,EAAA,CAAA,CAAA;GADF,CAAA,CAAA;AAMD;;;;"}
+{"version":3,"file":"cookie-theme-toggler.mjs","sources":["../../../packages/cookie-theme-toggler/cookie-theme-toggler.tsx"],"sourcesContent":["import { FC } from 'react'\nimport {\n  CookieThemeTogglerStyle,\n  CookieThemeTogglerDarkIcon,\n  CookieThemeTogglerLightIcon,\n} from './styles.js'\nimport { useThemeToggle } from '../theme/index.js'\nimport { ButtonProps } from '../button/index.js'\n\nexport type ThemeTogglerProps = Omit<ButtonProps, 'color' | 'onClick'>\n\nexport const ThemeToggler: FC = (props: ButtonProps) => {\n  const { toggleTheme } = useThemeToggle()\n\n  return (\n    <CookieThemeTogglerStyle color='secondary' onClick={toggleTheme} {...props}>\n      <CookieThemeTogglerLightIcon />\n      <CookieThemeTogglerDarkIcon />\n    </CookieThemeTogglerStyle>\n  )\n}\n"],"names":["ThemeToggler","props","toggleTheme","useThemeToggle","_jsxs","CookieThemeTogglerStyle","color","onClick","children","_jsx","CookieThemeTogglerLightIcon","CookieThemeTogglerDarkIcon"],"mappings":";;;;;;;;;;;;AAWaA,MAAAA,YAAgB,GAAIC,KAAkB,IAAK;EACtD,MAAM;AAAEC,IAAAA,WAAAA;GAAa,GAAGC,cAAc,EAAE,CAAA;EAExC,oBACEC,IAAA,CAACC,uBAAuB,EAAA;AAACC,IAAAA,KAAK,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAEL,WAAY;AAAA,IAAA,GAAKD,KAAK;IAAAO,QAAA,EAAA,cACxEC,GAAA,CAACC,2BAA2B,EAAA,EAAE,CAAC,eAC/BD,GAAA,CAACE,0BAA0B,EAAA,EAAE,CAAC,CAAA;AAAA,GACP,CAAC,CAAA;AAE9B;;;;"}

package/dist/esm/cookie-theme-toggler/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  display: inline-grid;\n  grid-template-areas: 'a';\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  line-height: 0;\n  font-size: 0;\n  padding: 0;\n\n  width: 44px;\n  height: 44px;\n  // button element contains span as children container, we want to bypass it.\n  // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n  // witout breaking our SVGs\n  & > span:first-child {\n    display: contents;\n  }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;AAIO,MAAMA,uBAAuB,GAAGC,MAAM,CAACC,MAAD,CAAN,CAAeC,KAAf,CAAqB;AAC1DC,EAAAA,OAAO,EAAE,MADiD;AAE1DC,EAAAA,IAAI,EAAE,IAAA;AAFoD,CAArB,CAGpC,CAAA;AACH;AACA;AACA;AACA,eAAiB,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,QAAN,CAAeC,EAA9B,CAAA;AAAA,CAAiC,CAAA;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EApBO;MAsBMC,2BAA2B,GAAGR,MAAM,CAACS,KAAD,CAAQ,CAAA;AACzD;AACA;AACA;AACA;AACA,EALO;MAOMC,0BAA0B,GAAGV,MAAM,CAACW,IAAD,CAAO,CAAA;AACvD;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"styles.mjs","sources":["../../../packages/cookie-theme-toggler/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Button } from '../button/index.js'\nimport { Dark, Light } from '../icons/index.js'\n\nexport const CookieThemeTogglerStyle = styled(Button).attrs({\n  variant: 'text',\n  size: 'xs',\n})`\n  display: inline-grid;\n  grid-template-areas: 'a';\n  min-width: 0;\n  margin-left: ${({ theme }) => theme.spaceMap.sm}px;\n  line-height: 0;\n  font-size: 0;\n  padding: 0;\n\n  width: 44px;\n  height: 44px;\n  // button element contains span as children container, we want to bypass it.\n  // by aiming explicit \"span:first-child\" we're verifying that this is what we are aiming for\n  // witout breaking our SVGs\n  & > span:first-child {\n    display: contents;\n  }\n`\n\nexport const CookieThemeTogglerLightIcon = styled(Light)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-darkModeVisibility);\n`\n\nexport const CookieThemeTogglerDarkIcon = styled(Dark)`\n  grid-area: a;\n  align-self: center;\n  justify-self: center;\n  visibility: var(--lido-color-lightModeVisibility);\n`\n"],"names":["CookieThemeTogglerStyle","styled","Button","attrs","variant","size","_ref","theme","spaceMap","sm","CookieThemeTogglerLightIcon","Light","CookieThemeTogglerDarkIcon","Dark"],"mappings":";;;;;AAIO,MAAMA,uBAAuB,GAAGC,MAAM,CAACC,MAAM,CAAC,CAACC,KAAK,CAAC;AAC1DC,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,IAAI,EAAE,IAAA;AACR,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,2BAA2B,GAAGT,MAAM,CAACU,KAAK,CAAC,CAAA;AACxD;AACA;AACA;AACA;AACA,EAAC;MAEYC,0BAA0B,GAAGX,MAAM,CAACY,IAAI,CAAC,CAAA;AACtD;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/cookies-tooltip/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../packages/cookies-tooltip/constants.ts"],"sourcesContent":["export const COOKIE_ALLOWED_KEY = 'cookie-allowed'\nexport const COOKIE_VALUE_YES = 'yes'\nexport const COOKIE_VALUE_NO = 'no'\n"],"names":["COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO"],"mappings":"AAAO,MAAMA,kBAAkB,GAAG,iBAA3B;AACA,MAAMC,gBAAgB,GAAG,MAAzB;AACA,MAAMC,eAAe,GAAG;;;;"}
+{"version":3,"file":"constants.mjs","sources":["../../../packages/cookies-tooltip/constants.ts"],"sourcesContent":["export const COOKIE_ALLOWED_KEY = 'cookie-allowed'\nexport const COOKIE_VALUE_YES = 'yes'\nexport const COOKIE_VALUE_NO = 'no'\n"],"names":["COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","COOKIE_VALUE_NO"],"mappings":"AAAO,MAAMA,kBAAkB,GAAG,iBAAgB;AAC3C,MAAMC,gBAAgB,GAAG,MAAK;AAC9B,MAAMC,eAAe,GAAG;;;;"}

package/dist/esm/cookies-tooltip/cookies-tooltip.mjs

@@ -26,13 +26,14 @@ const CookiesTooltip = _ref => {
     if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {
       return;
     }
+    setVisibility(true);
 
-    setVisibility(true); // This code runs after returned to this browser tab (window) from other
-
+    // This code runs after returned to this browser tab (window) from other
     window.addEventListener('focus', checkCookieAllowedEarlier);
   }, [checkCookieAllowedEarlier]);
   if (!isVisible) return /*#__PURE__*/jsx(Fragment, {});
-  return /*#__PURE__*/jsx(Wrap, { ...rest,
+  return /*#__PURE__*/jsx(Wrap, {
+    ...rest,
     children: /*#__PURE__*/jsxs(Box, {
       children: [/*#__PURE__*/jsxs(Text, {
         children: [privacyText ?? /*#__PURE__*/jsxs(Fragment, {

package/dist/esm/cookies-tooltip/cookies-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n  privacyLinkEnabled?: boolean\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  privacyLinkEnabled = true,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance.\n              {privacyLinkEnabled && <>&nbsp;For&nbsp;more info, read&nbsp;</>}\n            </>\n          )}\n          {privacyLinkEnabled && (\n            <ExternalLink\n              href={privacyLink ?? 'https://lido.fi/privacy-notice'}\n            >\n              Privacy Notice\n            </ExternalLink>\n          )}\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","privacyText","privacyLink","privacyLinkEnabled","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","_jsxs","allowCookies","declineCookies"],"mappings":";;;;;;;;AA8BO,MAAMA,cAAuC,GAAG,IAKjD,IAAA;EAAA,IALkD;IACtDC,WADsD;IAEtDC,WAFsD;AAGtDC,IAAAA,kBAAkB,GAAG,IAHiC;IAItD,GAAGC,IAAAA;GACC,GAAA,IAAA,CAAA;EACJ,MAAM,CAACC,SAAD,EAAYC,aAAZ,IAA6BC,QAAQ,CAAC,KAAD,CAA3C,CAAA;AAEA,EAAA,MAAMC,yBAAyB,GAAGC,WAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;MACtDL,aAAa,CAAC,KAAD,CAAb,CAAA;AAEAM,MAAAA,MAAM,CAACC,mBAAP,CAA2B,OAA3B,EAAoCL,yBAApC,CAAA,CAAA;AACD,KAAA;GAN0C,EAO1C,EAP0C,CAA7C,CAAA;AASAM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,8BAA8B,CAACC,kBAAD,CAAlC,EAAwD;AACtD,MAAA,OAAA;AACD,KAAA;;AAEDL,IAAAA,aAAa,CAAC,IAAD,CAAb,CANc;;AASdM,IAAAA,MAAM,CAACG,gBAAP,CAAwB,OAAxB,EAAiCP,yBAAjC,CAAA,CAAA;AACD,GAVQ,EAUN,CAACA,yBAAD,CAVM,CAAT,CAAA;AAYA,EAAA,IAAI,CAACH,SAAL,EAAgB,oBAAOW,GAAP,CAAAC,QAAA,EAAA,EAAA,CAAA,CAAA;EAEhB,oBACED,GAAA,CAAC,IAAD,EAAA,EAAA,GAAUZ,IAAV;AAAA,IAAA,QAAA,eACEc,KAAC,GAAD,EAAA;AAAA,MAAA,QAAA,EAAA,cACEA,KAAC,IAAD,EAAA;AAAA,QAAA,QAAA,EAAA,CACGjB,WAAW,iBACViB,IAAA,CAAAD,QAAA,EAAA;AAAA,UAAA,QAAA,EAAA,CAAA,+FAAA,EAGGd,kBAAkB,iBAAIa,GAAA,CAAAC,QAAA,EAAA;AAAA,YAAA,QAAA,EAAA,gCAAA;WAHzB,CAAA,CAAA;AAAA,SAAA,CAFJ,EAQGd,kBAAkB,iBACjBa,GAAA,CAAC,YAAD,EAAA;UACE,IAAI,EAAEd,WAAW,IAAI,gCADvB;AAAA,UAAA,QAAA,EAAA,gBAAA;SATJ,CAAA,CAAA;OADF,CAAA,eAiBEgB,KAAC,WAAD,EAAA;AAAA,QAAA,QAAA,EAAA,cACEF,IAAC,WAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbG,YAAY,EAAA,CAAA;YACZb,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,OAAA;SADF,CAAA,eASEU,IAAC,aAAD,EAAA;AACE,UAAA,OAAO,EAAE,MAAM;YACbI,cAAc,EAAA,CAAA;YACdd,aAAa,CAAC,KAAD,CAAb,CAAA;WAHJ;AAAA,UAAA,QAAA,EAAA,SAAA;SATF,CAAA,CAAA;OAjBF,CAAA,CAAA;AAAA,KAAA,CAAA;GAFJ,CAAA,CAAA;AAwCD;;;;"}
+{"version":3,"file":"cookies-tooltip.mjs","sources":["../../../packages/cookies-tooltip/cookies-tooltip.tsx"],"sourcesContent":["import {\n  FC,\n  useEffect,\n  useState,\n  useCallback,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from 'react'\nimport { getCrossDomainCookieClientSide } from '../utils/index.js'\nimport {\n  Wrap,\n  Box,\n  Text,\n  ButtonsWrap,\n  AllowButton,\n  DeclineButton,\n  ExternalLink,\n} from './styles.js'\nimport { allowCookies, declineCookies } from './utils.js'\nimport { COOKIE_ALLOWED_KEY } from './constants.js'\n\nexport type CookiesTooltipProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'children'\n> & {\n  privacyText?: ReactNode\n  privacyLink?: string\n  privacyLinkEnabled?: boolean\n}\n\nexport const CookiesTooltip: FC<CookiesTooltipProps> = ({\n  privacyText,\n  privacyLink,\n  privacyLinkEnabled = true,\n  ...rest\n}) => {\n  const [isVisible, setVisibility] = useState(false)\n\n  const checkCookieAllowedEarlier = useCallback(() => {\n    // Check if user allowed/declined in other tab or third level domain\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      setVisibility(false)\n\n      window.removeEventListener('focus', checkCookieAllowedEarlier)\n    }\n  }, [])\n\n  useEffect(() => {\n    // Check cookie after page loaded\n    if (getCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY)) {\n      return\n    }\n\n    setVisibility(true)\n\n    // This code runs after returned to this browser tab (window) from other\n    window.addEventListener('focus', checkCookieAllowedEarlier)\n  }, [checkCookieAllowedEarlier])\n\n  if (!isVisible) return <></>\n\n  return (\n    <Wrap {...rest}>\n      <Box>\n        <Text>\n          {privacyText ?? (\n            <>\n              Cookies are used to collect anonymous site visitation data\n              to&nbsp;improve website performance.\n              {privacyLinkEnabled && <>&nbsp;For&nbsp;more info, read&nbsp;</>}\n            </>\n          )}\n          {privacyLinkEnabled && (\n            <ExternalLink\n              href={privacyLink ?? 'https://lido.fi/privacy-notice'}\n            >\n              Privacy Notice\n            </ExternalLink>\n          )}\n        </Text>\n        <ButtonsWrap>\n          <AllowButton\n            onClick={() => {\n              allowCookies()\n              setVisibility(false)\n            }}\n          >\n            Allow\n          </AllowButton>\n          <DeclineButton\n            onClick={() => {\n              declineCookies()\n              setVisibility(false)\n            }}\n          >\n            Decline\n          </DeclineButton>\n        </ButtonsWrap>\n      </Box>\n    </Wrap>\n  )\n}\n"],"names":["CookiesTooltip","_ref","privacyText","privacyLink","privacyLinkEnabled","rest","isVisible","setVisibility","useState","checkCookieAllowedEarlier","useCallback","getCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","window","removeEventListener","useEffect","addEventListener","_jsx","_Fragment","Wrap","children","_jsxs","Box","Text","ExternalLink","href","ButtonsWrap","AllowButton","onClick","allowCookies","DeclineButton","declineCookies"],"mappings":";;;;;;;;AA8BaA,MAAAA,cAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,WAAW;IACXC,WAAW;AACXC,IAAAA,kBAAkB,GAAG,IAAI;IACzB,GAAGC,IAAAA;AACL,GAAC,GAAAJ,IAAA,CAAA;EACC,MAAM,CAACK,SAAS,EAAEC,aAAa,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAElD,EAAA,MAAMC,yBAAyB,GAAGC,WAAW,CAAC,MAAM;AAClD;AACA,IAAA,IAAIC,8BAA8B,CAACC,kBAAkB,CAAC,EAAE;MACtDL,aAAa,CAAC,KAAK,CAAC,CAAA;AAEpBM,MAAAA,MAAM,CAACC,mBAAmB,CAAC,OAAO,EAAEL,yBAAyB,CAAC,CAAA;AAChE,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAENM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,IAAIJ,8BAA8B,CAACC,kBAAkB,CAAC,EAAE;AACtD,MAAA,OAAA;AACF,KAAA;IAEAL,aAAa,CAAC,IAAI,CAAC,CAAA;;AAEnB;AACAM,IAAAA,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAEP,yBAAyB,CAAC,CAAA;AAC7D,GAAC,EAAE,CAACA,yBAAyB,CAAC,CAAC,CAAA;EAE/B,IAAI,CAACH,SAAS,EAAE,oBAAOW,GAAA,CAAAC,QAAA,IAAI,CAAC,CAAA;EAE5B,oBACED,GAAA,CAACE,IAAI,EAAA;AAAA,IAAA,GAAKd,IAAI;IAAAe,QAAA,eACZC,IAAA,CAACC,GAAG,EAAA;MAAAF,QAAA,EAAA,cACFC,IAAA,CAACE,IAAI,EAAA;AAAAH,QAAAA,QAAA,EACFlB,CAAAA,WAAW,iBACVmB,IAAA,CAAAH,QAAA,EAAA;AAAAE,UAAAA,QAAA,GAAE,+FAGA,EAAChB,kBAAkB,iBAAIa,GAAA,CAAAC,QAAA,EAAA;AAAAE,YAAAA,QAAA,EAAE,gCAAA;AAAoC,WAAE,CAAC,CAAA;AAAA,SAChE,CACH,EACAhB,kBAAkB,iBACjBa,GAAA,CAACO,YAAY,EAAA;UACXC,IAAI,EAAEtB,WAAW,IAAI,gCAAiC;AAAAiB,UAAAA,QAAA,EACvD,gBAAA;AAED,SAAc,CACf,CAAA;AAAA,OACG,CAAC,eACPC,IAAA,CAACK,WAAW,EAAA;QAAAN,QAAA,EAAA,cACVH,GAAA,CAACU,WAAW,EAAA;UACVC,OAAO,EAAEA,MAAM;AACbC,YAAAA,YAAY,EAAE,CAAA;YACdtB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,OAAA;AAED,SAAa,CAAC,eACdH,GAAA,CAACa,aAAa,EAAA;UACZF,OAAO,EAAEA,MAAM;AACbG,YAAAA,cAAc,EAAE,CAAA;YAChBxB,aAAa,CAAC,KAAK,CAAC,CAAA;WACpB;AAAAa,UAAAA,QAAA,EACH,SAAA;AAED,SAAe,CAAC,CAAA;AAAA,OACL,CAAC,CAAA;KACX,CAAA;AAAC,GACF,CAAC,CAAA;AAEX;;;;"}

package/dist/esm/cookies-tooltip/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n  color: var(--lido-color-primary);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--lido-color-primaryHover);\n  }\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  max-width: 500px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-secondary);\n  color: var(--lido-color-secondaryContrast);\n\n  &:hover {\n    background-color: var(--lido-color-secondaryHover);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-secondary);\n    color: var(--lido-color-secondaryContrast);\n  }\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","theme","mediaQueries","lg","Box","Text","ButtonsWrap","ButtonBasic","button","type","AllowButton","DeclineButton"],"mappings":";;AAEO,MAAMA,YAAY,GAAGC,MAAM,CAACC,CAAP,CAASC,KAAT,CAAe;AACzCC,EAAAA,MAAM,EAAE,QADiC;AAEzCC,EAAAA,GAAG,EAAE,mBAAA;AAFoC,CAAf,CAGzB,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAXO;AAaMC,MAAAA,IAAI,GAAGL,MAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,IAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAfO;AAiBMC,MAAAA,GAAG,GAAGV,MAAM,CAACM,GAAI,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA,EAbO;AAeME,MAAAA,IAAI,GAAGX,MAAM,CAACM,GAAI,CAAA;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA,EAdO;AAgBMG,MAAAA,WAAW,GAAGZ,MAAM,CAACM,GAAI,CAAA;AACtC;AACA,EAFO;AAIP,MAAMO,WAAW,GAAGb,MAAM,CAACc,MAAP,CAAcZ,KAAd,CAAoB;AAAEa,EAAAA,IAAI,EAAE,QAAA;AAAR,CAApB,CAAwC,CAAA;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAI,EAAA,KAAA,IAAA;EAAA,IAAC;AAAER,IAAAA,KAAAA;GAAH,GAAA,KAAA,CAAA;AAAA,EAAA,OAAeA,KAAK,CAACC,YAAN,CAAmBC,EAAlC,CAAA;AAAA,CAAqC,CAAA;AACzC;AACA;AACA,CA9BA,CAAA;MAgCaO,WAAW,GAAGhB,MAAM,CAACa,WAAD,CAAc,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,EAPO;MASMI,aAAa,GAAGjB,MAAM,CAACa,WAAD,CAAc,CAAA;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"styles.mjs","sources":["../../../packages/cookies-tooltip/styles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\n\nexport const ExternalLink = styled.a.attrs({\n  target: '_blank',\n  rel: 'nofollow noopener',\n})`\n  cursor: pointer;\n  color: var(--lido-color-primary);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--lido-color-primaryHover);\n  }\n`\n\nexport const Wrap = styled.div`\n  z-index: 999;\n  position: fixed;\n  bottom: 20px;\n  left: 20px;\n  right: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    bottom: 0;\n    left: 0;\n    right: 0;\n  }\n`\n\nexport const Box = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-radius: 20px;\n  background-color: var(--lido-color-foreground);\n  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.08);\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    flex-direction: column;\n    border-radius: 0;\n    width: 100%;\n  }\n`\n\nexport const Text = styled.div`\n  margin-right: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 22px;\n  color: var(--lido-color-textSecondary);\n  max-width: 500px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    margin-right: 0;\n    margin-bottom: 8px;\n    width: 100%;\n    text-align: center;\n  }\n`\n\nexport const ButtonsWrap = styled.div`\n  display: flex;\n`\n\nconst ButtonBasic = styled.button.attrs({ type: 'button' })`\n  font-weight: 800;\n  font-size: 12px;\n  line-height: 20px;\n  border-radius: 6px;\n  width: 72px;\n  height: 32px;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition:\n    background-color ease 0.25s,\n    border-color ease 0.25s,\n    color ease 0.25s;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: #0e1621;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    width: 112px;\n  }\n`\n\nexport const AllowButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-secondary);\n  color: var(--lido-color-secondaryContrast);\n\n  &:hover {\n    background-color: var(--lido-color-secondaryHover);\n  }\n`\n\nexport const DeclineButton = styled(ButtonBasic)`\n  background-color: var(--lido-color-foreground);\n  color: var(--lido-color-text);\n  border: 1px solid var(--lido-color-text);\n\n  &:hover {\n    background-color: var(--lido-color-secondary);\n    color: var(--lido-color-secondaryContrast);\n  }\n`\n"],"names":["ExternalLink","styled","a","attrs","target","rel","Wrap","div","_ref","theme","mediaQueries","lg","Box","_ref2","Text","_ref3","ButtonsWrap","ButtonBasic","button","type","_ref4","AllowButton","DeclineButton"],"mappings":";;AAEO,MAAMA,YAAY,GAAGC,MAAM,CAACC,CAAC,CAACC,KAAK,CAAC;AACzCC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,mBAAA;AACP,CAAC,CAAC,CAAA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,IAAI,GAAGL,MAAM,CAACM,GAAG,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,GAAG,GAAGX,MAAM,CAACM,GAAG,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIM,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,KAAAA;AAAM,GAAC,GAAAI,KAAA,CAAA;AAAA,EAAA,OAAKJ,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA,EAAC;AAEYG,MAAAA,IAAI,GAAGb,MAAM,CAACM,GAAG,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIQ,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYK,MAAAA,WAAW,GAAGf,MAAM,CAACM,GAAG,CAAA;AACrC;AACA,EAAC;AAED,MAAMU,WAAW,GAAGhB,MAAM,CAACiB,MAAM,CAACf,KAAK,CAAC;AAAEgB,EAAAA,IAAI,EAAE,QAAA;AAAS,CAAC,CAAC,CAAA;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEX,IAAAA,KAAAA;AAAM,GAAC,GAAAW,KAAA,CAAA;AAAA,EAAA,OAAKX,KAAK,CAACC,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC;AACA;AACA,CAAC,CAAA;MAEYU,WAAW,GAAGpB,MAAM,CAACgB,WAAW,CAAC,CAAA;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYK,aAAa,GAAGrB,MAAM,CAACgB,WAAW,CAAC,CAAA;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/dist/esm/cookies-tooltip/utils.mjs

@@ -5,7 +5,6 @@ import { COOKIE_VALUE_YES, COOKIE_VALUE_NO, COOKIE_ALLOWED_KEY } from './constan
 const allowCookies = () => {
   // For top level domain - *.some-domain.fi
   setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES);
-
   if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {
     // For specific.domain.fi, if cookie can't be set to top level domain
     setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES);
@@ -14,7 +13,6 @@ const allowCookies = () => {
 const declineCookies = () => {
   // For top level domain - *.some-domain.fi
   setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO);
-
   if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {
     // For specific.domain.fi, if cookie can't be set to top level domain
     setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO);
@@ -22,19 +20,16 @@ const declineCookies = () => {
 };
 const migrationAllowCookieToCrossDomainCookieClientSide = keyOldCookie => {
   const old_cookie_value = getDomainCookieClientSide(keyOldCookie);
-
   if (!old_cookie_value) {
     return;
   }
-
   removeCookiesClientSide(keyOldCookie);
-
   if (old_cookie_value === COOKIE_VALUE_YES) {
     allowCookies();
   } else if (old_cookie_value === COOKIE_VALUE_NO) {
     declineCookies();
-  } // else noop
-
+  }
+  // else noop
 };
 
 export { allowCookies, declineCookies, migrationAllowCookieToCrossDomainCookieClientSide };

package/dist/esm/cookies-tooltip/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n  setDomainCookieClientSide,\n} from '../utils/index.js'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants.js'\n\nexport const allowCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n  }\n}\n\nexport const declineCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n  }\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","document","cookie","includes","setDomainCookieClientSide","declineCookies","COOKIE_VALUE_NO","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":";;;;AAYO,MAAMA,YAAY,GAAG,MAAY;AACtC;AACAC,EAAAA,8BAA8B,CAACC,kBAAD,EAAqBC,gBAArB,CAA9B,CAAA;;AAEA,EAAA,IAAI,CAACC,QAAQ,CAACC,MAAT,CAAgBC,QAAhB,CAA0B,CAAA,EAAEJ,kBAAmB,CAAA,CAAA,EAAGC,gBAAiB,CAAA,CAAnE,CAAL,EAA4E;AAC1E;AACAI,IAAAA,yBAAyB,CAACL,kBAAD,EAAqBC,gBAArB,CAAzB,CAAA;AACD,GAAA;AACF,EARM;AAUA,MAAMK,cAAc,GAAG,MAAY;AACxC;AACAP,EAAAA,8BAA8B,CAACC,kBAAD,EAAqBO,eAArB,CAA9B,CAAA;;AAEA,EAAA,IAAI,CAACL,QAAQ,CAACC,MAAT,CAAgBC,QAAhB,CAA0B,CAAA,EAAEJ,kBAAmB,CAAA,CAAA,EAAGO,eAAgB,CAAA,CAAlE,CAAL,EAA2E;AACzE;AACAF,IAAAA,yBAAyB,CAACL,kBAAD,EAAqBO,eAArB,CAAzB,CAAA;AACD,GAAA;AACF,EARM;AAUMC,MAAAA,iDAAiD,GAC5DC,YAD+D,IAE5D;AACH,EAAA,MAAMC,gBAAgB,GAAGC,yBAAyB,CAACF,YAAD,CAAlD,CAAA;;EAEA,IAAI,CAACC,gBAAL,EAAuB;AACrB,IAAA,OAAA;AACD,GAAA;;EAEDE,uBAAuB,CAACH,YAAD,CAAvB,CAAA;;EAEA,IAAIC,gBAAgB,KAAKT,gBAAzB,EAA2C;IACzCH,YAAY,EAAA,CAAA;AACb,GAFD,MAEO,IAAIY,gBAAgB,KAAKH,eAAzB,EAA0C;IAC/CD,cAAc,EAAA,CAAA;AACf,GAbE;;AAeJ;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../../../packages/cookies-tooltip/utils.ts"],"sourcesContent":["import {\n  setCrossDomainCookieClientSide,\n  getDomainCookieClientSide,\n  removeCookiesClientSide,\n  setDomainCookieClientSide,\n} from '../utils/index.js'\nimport {\n  COOKIE_ALLOWED_KEY,\n  COOKIE_VALUE_NO,\n  COOKIE_VALUE_YES,\n} from './constants.js'\n\nexport const allowCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_YES}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_YES)\n  }\n}\n\nexport const declineCookies = (): void => {\n  // For top level domain - *.some-domain.fi\n  setCrossDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n\n  if (!document.cookie.includes(`${COOKIE_ALLOWED_KEY}=${COOKIE_VALUE_NO}`)) {\n    // For specific.domain.fi, if cookie can't be set to top level domain\n    setDomainCookieClientSide(COOKIE_ALLOWED_KEY, COOKIE_VALUE_NO)\n  }\n}\n\nexport const migrationAllowCookieToCrossDomainCookieClientSide = (\n  keyOldCookie: string,\n) => {\n  const old_cookie_value = getDomainCookieClientSide(keyOldCookie)\n\n  if (!old_cookie_value) {\n    return\n  }\n\n  removeCookiesClientSide(keyOldCookie)\n\n  if (old_cookie_value === COOKIE_VALUE_YES) {\n    allowCookies()\n  } else if (old_cookie_value === COOKIE_VALUE_NO) {\n    declineCookies()\n  }\n  // else noop\n}\n"],"names":["allowCookies","setCrossDomainCookieClientSide","COOKIE_ALLOWED_KEY","COOKIE_VALUE_YES","document","cookie","includes","setDomainCookieClientSide","declineCookies","COOKIE_VALUE_NO","migrationAllowCookieToCrossDomainCookieClientSide","keyOldCookie","old_cookie_value","getDomainCookieClientSide","removeCookiesClientSide"],"mappings":";;;;AAYaA,MAAAA,YAAY,GAAGA,MAAY;AACtC;AACAC,EAAAA,8BAA8B,CAACC,kBAAkB,EAAEC,gBAAgB,CAAC,CAAA;AAEpE,EAAA,IAAI,CAACC,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,kBAAkB,CAAA,CAAA,EAAIC,gBAAgB,CAAA,CAAE,CAAC,EAAE;AAC1E;AACAI,IAAAA,yBAAyB,CAACL,kBAAkB,EAAEC,gBAAgB,CAAC,CAAA;AACjE,GAAA;AACF,EAAC;AAEYK,MAAAA,cAAc,GAAGA,MAAY;AACxC;AACAP,EAAAA,8BAA8B,CAACC,kBAAkB,EAAEO,eAAe,CAAC,CAAA;AAEnE,EAAA,IAAI,CAACL,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAAC,CAAA,EAAGJ,kBAAkB,CAAA,CAAA,EAAIO,eAAe,CAAA,CAAE,CAAC,EAAE;AACzE;AACAF,IAAAA,yBAAyB,CAACL,kBAAkB,EAAEO,eAAe,CAAC,CAAA;AAChE,GAAA;AACF,EAAC;AAEYC,MAAAA,iDAAiD,GAC5DC,YAAoB,IACjB;AACH,EAAA,MAAMC,gBAAgB,GAAGC,yBAAyB,CAACF,YAAY,CAAC,CAAA;EAEhE,IAAI,CAACC,gBAAgB,EAAE;AACrB,IAAA,OAAA;AACF,GAAA;EAEAE,uBAAuB,CAACH,YAAY,CAAC,CAAA;EAErC,IAAIC,gBAAgB,KAAKT,gBAAgB,EAAE;AACzCH,IAAAA,YAAY,EAAE,CAAA;AAChB,GAAC,MAAM,IAAIY,gBAAgB,KAAKH,eAAe,EAAE;AAC/CD,IAAAA,cAAc,EAAE,CAAA;AAClB,GAAA;AACA;AACF;;;;"}

package/dist/esm/data-table/DataTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.mjs","sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '../loaders/index.js'\nimport { Tooltip } from '../tooltip/index.js'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles.js'\nimport { DataTableProps, DataTableRowProps } from './types.js'\n\nexport const DataTableRow = forwardRef(\n  (\n    {\n      title,\n      loading = false,\n      highlight = false,\n      help,\n      children,\n      ...rest\n    }: DataTableRowProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const hasHelper = !!help\n\n    return (\n      <DataTableRowStyle ref={ref} {...rest}>\n        <DataTableTitleStyle>\n          {title}\n          {hasHelper && (\n            <Tooltip placement='bottomLeft' title={help}>\n              <DataTableQuestionStyle />\n            </Tooltip>\n          )}\n        </DataTableTitleStyle>\n        <DataTableValueStyle $highlight={highlight}>\n          {loading ? <InlineLoader color='text' /> : children}\n        </DataTableValueStyle>\n      </DataTableRowStyle>\n    )\n  },\n)\nDataTableRow.displayName = 'DataTableRow'\n\nexport const DataTable = forwardRef(\n  (props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <DataTableStyle ref={ref} {...props} />\n  },\n)\nDataTable.displayName = 'DataTable'\n"],"names":["DataTableRow","forwardRef","ref","title","loading","highlight","help","children","rest","hasHelper","_jsxs","_jsx","displayName","DataTable","props"],"mappings":";;;;;;;MAYaA,YAAY,gBAAGC,UAAU,CACpC,CAAA,IAAA,EASEC,GATF,KAUK;EAAA,IATH;IACEC,KADF;AAEEC,IAAAA,OAAO,GAAG,KAFZ;AAGEC,IAAAA,SAAS,GAAG,KAHd;IAIEC,IAJF;IAKEC,QALF;IAME,GAAGC,IAAAA;GAGF,GAAA,IAAA,CAAA;AACH,EAAA,MAAMC,SAAS,GAAG,CAAC,CAACH,IAApB,CAAA;AAEA,EAAA,oBACEI,KAAC,iBAAD,EAAA;AAAmB,IAAA,GAAG,EAAER,GAAxB;AAAA,IAAA,GAAiCM,IAAjC;AAAA,IAAA,QAAA,EAAA,cACEE,KAAC,mBAAD,EAAA;AAAA,MAAA,QAAA,EAAA,CACGP,KADH,EAEGM,SAAS,iBACRE,IAAC,OAAD,EAAA;AAAS,QAAA,SAAS,EAAC,YAAnB;AAAgC,QAAA,KAAK,EAAEL,IAAvC;AAAA,QAAA,QAAA,eACEK,IAAC,sBAAD,EAAA,EAAA,CAAA;OAJN,CAAA,CAAA;KADF,CAAA,eASEA,IAAC,mBAAD,EAAA;AAAqB,MAAA,UAAU,EAAEN,SAAjC;MAAA,QACGD,EAAAA,OAAO,gBAAGO,GAAA,CAAC,YAAD,EAAA;AAAc,QAAA,KAAK,EAAC,MAAA;AAApB,OAAA,CAAH,GAAmCJ,QAAAA;KAV/C,CAAA,CAAA;GADF,CAAA,CAAA;AAeD,CA7BmC,EAA/B;AA+BPP,YAAY,CAACY,WAAb,GAA2B,cAA3B,CAAA;AAEO,MAAMC,SAAS,gBAAGZ,UAAU,CACjC,CAACa,KAAD,EAAwBZ,GAAxB,KAA+D;AAC7D,EAAA,oBAAOS,IAAC,cAAD,EAAA;AAAgB,IAAA,GAAG,EAAET,GAArB;IAAA,GAA8BY,KAAAA;GAArC,CAAA,CAAA;AACD,CAHgC,EAA5B;AAKPD,SAAS,CAACD,WAAV,GAAwB,WAAxB;;;;"}
+{"version":3,"file":"DataTable.mjs","sources":["../../../packages/data-table/DataTable.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react'\nimport { InlineLoader } from '../loaders/index.js'\nimport { Tooltip } from '../tooltip/index.js'\nimport {\n  DataTableStyle,\n  DataTableRowStyle,\n  DataTableTitleStyle,\n  DataTableValueStyle,\n  DataTableQuestionStyle,\n} from './DataTableStyles.js'\nimport { DataTableProps, DataTableRowProps } from './types.js'\n\nexport const DataTableRow = forwardRef(\n  (\n    {\n      title,\n      loading = false,\n      highlight = false,\n      help,\n      children,\n      ...rest\n    }: DataTableRowProps,\n    ref?: ForwardedRef<HTMLDivElement>,\n  ) => {\n    const hasHelper = !!help\n\n    return (\n      <DataTableRowStyle ref={ref} {...rest}>\n        <DataTableTitleStyle>\n          {title}\n          {hasHelper && (\n            <Tooltip placement='bottomLeft' title={help}>\n              <DataTableQuestionStyle />\n            </Tooltip>\n          )}\n        </DataTableTitleStyle>\n        <DataTableValueStyle $highlight={highlight}>\n          {loading ? <InlineLoader color='text' /> : children}\n        </DataTableValueStyle>\n      </DataTableRowStyle>\n    )\n  },\n)\nDataTableRow.displayName = 'DataTableRow'\n\nexport const DataTable = forwardRef(\n  (props: DataTableProps, ref?: ForwardedRef<HTMLDivElement>) => {\n    return <DataTableStyle ref={ref} {...props} />\n  },\n)\nDataTable.displayName = 'DataTable'\n"],"names":["DataTableRow","forwardRef","_ref","ref","title","loading","highlight","help","children","rest","hasHelper","_jsxs","DataTableRowStyle","DataTableTitleStyle","_jsx","Tooltip","placement","DataTableQuestionStyle","DataTableValueStyle","$highlight","InlineLoader","color","displayName","DataTable","props","DataTableStyle"],"mappings":";;;;;;;AAYO,MAAMA,YAAY,gBAAGC,UAAU,CACpC,CAAAC,IAAA,EASEC,GAAkC,KAC/B;EAAA,IATH;IACEC,KAAK;AACLC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,SAAS,GAAG,KAAK;IACjBC,IAAI;IACJC,QAAQ;IACR,GAAGC,IAAAA;AACc,GAAC,GAAAP,IAAA,CAAA;AAGpB,EAAA,MAAMQ,SAAS,GAAG,CAAC,CAACH,IAAI,CAAA;EAExB,oBACEI,IAAA,CAACC,iBAAiB,EAAA;AAACT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKM,IAAI;IAAAD,QAAA,EAAA,cACnCG,IAAA,CAACE,mBAAmB,EAAA;AAAAL,MAAAA,QAAA,GACjBJ,KAAK,EACLM,SAAS,iBACRI,GAAA,CAACC,OAAO,EAAA;AAACC,QAAAA,SAAS,EAAC,YAAY;AAACZ,QAAAA,KAAK,EAAEG,IAAK;AAAAC,QAAAA,QAAA,eAC1CM,GAAA,CAACG,sBAAsB,EAAE,EAAA,CAAA;AAAC,OACnB,CACV,CAAA;AAAA,KACkB,CAAC,eACtBH,GAAA,CAACI,mBAAmB,EAAA;AAACC,MAAAA,UAAU,EAAEb,SAAU;AAAAE,MAAAA,QAAA,EACxCH,OAAO,gBAAGS,GAAA,CAACM,YAAY,EAAA;AAACC,QAAAA,KAAK,EAAC,MAAA;AAAM,OAAE,CAAC,GAAGb,QAAAA;AAAQ,KAChC,CAAC,CAAA;AAAA,GACL,CAAC,CAAA;AAExB,CACF,EAAC;AACDR,YAAY,CAACsB,WAAW,GAAG,cAAc,CAAA;AAElC,MAAMC,SAAS,gBAAGtB,UAAU,CACjC,CAACuB,KAAqB,EAAErB,GAAkC,KAAK;EAC7D,oBAAOW,GAAA,CAACW,cAAc,EAAA;AAACtB,IAAAA,GAAG,EAAEA,GAAI;IAAA,GAAKqB,KAAAA;AAAK,GAAG,CAAC,CAAA;AAChD,CACF,EAAC;AACDD,SAAS,CAACD,WAAW,GAAG,WAAW;;;;"}