impact-ui 4.0.14 → 4.0.15

package/dist/components/Chart/index.d.ts

@@ -1,5 +1,5 @@
 
-export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, }: {
+export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, denseSkeleton, }: {
     graphType?: string | undefined;
     xAxisCategories: any;
     xAxisTitle: any;
@@ -65,5 +65,6 @@ export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitl
     isLoading?: boolean | undefined;
     shimmerDirection?: string | undefined;
     topSubHeader?: null | undefined;
+    denseSkeleton?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkErB,4CAuoBA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmErB,4CAypBA,CAAC"}

package/dist/components/Chart/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 0 4px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-bars{flex-direction:column;gap:18px;justify-content:space-evenly;padding:12px 8px 8px 4px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-bar--line{align-self:flex-start;border-radius:999px;height:14px;max-width:100%;min-width:48px}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;min-width:0;padding:8px 8px 8px 12px;position:relative}.chart-skeleton .chart-skeleton-axis--x{bottom:0;left:-2px;position:absolute;right:8px}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-axis--y-right{margin-left:-2px}.chart-skeleton .chart-skeleton-plot--column-dense{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:3px;justify-content:space-between;padding:0 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bar--column-dense{border-radius:2px;flex:1;max-width:14px;min-width:4px}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-axis--y-right{margin-left:8px}.chart-skeleton .chart-skeleton-area-spline{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill{fill:url(#area-shimmer-gradient)}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--1{opacity:.85}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--2{opacity:.65}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--heatmap{align-items:stretch;flex-direction:row}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap{display:flex;flex:1;gap:8px;min-height:0;min-width:0;padding:0 8px 4px}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-col{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-cell{flex:1;min-height:0}.chart-skeleton .chart-skeleton-plot--treemap{display:flex;flex-direction:row;gap:4px;padding:0}.chart-skeleton .chart-skeleton-treemap-left{display:flex;flex:0 0 35%}.chart-skeleton .chart-skeleton-treemap-right{display:flex;flex:1;flex-direction:column;gap:4px}.chart-skeleton .chart-skeleton-treemap-top{display:flex;flex:1;flex-direction:row;gap:4px}.chart-skeleton .chart-skeleton-treemap-bottom{display:flex;flex:0 0 22%}.chart-skeleton .chart-skeleton-candles{align-items:stretch;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-around;min-height:0;padding:0 16px}.chart-skeleton .chart-skeleton-candle{flex:1;max-width:40px;min-width:20px;position:relative}.chart-skeleton .chart-skeleton-plot--scatter{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dots{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,#e8edf5,#d5dbe8 40%,#eceef4 60%,#e8edf5);background-size:200% 100%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--circle{border-radius:50%}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--square{border-radius:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--triangle{animation:none;background:#0000;border-bottom:8px solid #e8edf5;border-left:4px solid #e8edf5;border-right:4px solid #e8edf5;height:0;width:0}.chart-skeleton .chart-skeleton-plot--scatter3d{align-items:center;display:flex;justify-content:center;padding:12px}.chart-skeleton .chart-skeleton-plot--scatter3d .chart-skeleton-scatter3d{height:100%;max-height:100%;width:100%}.chart-skeleton .chart-skeleton-bubble-area{flex:1;min-height:0;min-width:0;position:relative}.chart-skeleton .chart-skeleton-bubble-area .chart-skeleton-bubble{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-end;max-width:48px;min-width:16px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-head{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-stem{flex-shrink:1;min-height:4px;width:2px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--1{opacity:.85}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--2{opacity:.65}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dot{background:#e8edf5;border-radius:50%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circles{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:220px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle{border-radius:50%;opacity:.85;position:absolute}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--left{left:30px;top:10px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--right{right:-9px;top:9px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect, useMemo } from "react";
 import Highcharts from "highcharts/esm/highcharts.js";
@@ -104,7 +104,8 @@ const Chart = ({
   isEmpty = false,
   isLoading = false,
   shimmerDirection = "auto",
-  topSubHeader = null
+  topSubHeader = null,
+  denseSkeleton = false
 }) => {
   var _a;
   const { t } = useTranslation();
@@ -237,10 +238,15 @@ const Chart = ({
       return fallback;
     }
   }
+  const showRightYAxis = useMemo(() => {
+    if (yAxisTitleRight || Object.keys(yAxisRightOptions || {}).length > 0) return true;
+    const series = seriesOptions ?? seriesData;
+    return Array.isArray(series) && series.some((item) => typeof (item == null ? void 0 : item.yAxis) === "number" && item.yAxis > 0);
+  }, [yAxisTitleRight, yAxisRightOptions, seriesOptions, seriesData]);
   const graphData = useMemo(
     () => ({
       chart: {
-        type: graphType,
+        type: graphType === "lollipop" ? "line" : graphType,
         scrollablePlotArea: {
           minWidth: showScrollX ? (xAxisCategories == null ? void 0 : xAxisCategories.length) * 80 : void 0,
           opacity: 1,
@@ -311,10 +317,10 @@ const Chart = ({
           ...yAxisOptions || {},
           ...yAxisLeftOptions || {}
         },
-        ...yAxisTitleRight ? [
+        ...showRightYAxis ? [
           {
             title: {
-              text: yAxisTitleRight,
+              text: yAxisTitleRight ?? null,
               x: 12,
               align: "middle",
               margin: 16
@@ -496,6 +502,8 @@ const Chart = ({
       yAxisOptions,
       yAxisLeftOptions,
       yAxisRightOptions,
+      yAxisTitleRight,
+      showRightYAxis,
       zAxisOptions,
       tooltipOptions,
       plotOptionsOptions,
@@ -615,7 +623,9 @@ const Chart = ({
         isLoading ? /* @__PURE__ */ jsx(
           ChartSkeleton,
           {
+            dense: denseSkeleton,
             graphType,
+            hasDualAxis: showRightYAxis,
             height,
             shimmerDirection
           }
@@ -631,7 +641,7 @@ const Chart = ({
           },
           safeStringify(graphData, "graph") + isExpanded
         ),
-        customLegend && /* @__PURE__ */ jsx(
+        !isLoading && customLegend && /* @__PURE__ */ jsx(
           "div",
           {
             className: "chart-custom-legend",

package/dist/components/HomePage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAgD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,wBAAwB,CAAC;AAMhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAgBxF,wBAAgB,QAAQ,CAAC,EACvB,UAAe,EACf,QAAa,EACb,YAAiB,EACjB,YAAiB,EACjB,uBAA4B,EAC5B,iBAAiB,EAAE,wBAA+B,EAClD,iBAAiB,EAAE,wBAA+B,EAClD,aAAoB,EACpB,eAAsB,EACtB,wBAA+B,EAC/B,qBAA4B,EAC5B,eAAsB,EACtB,wBAA+B,EAC/B,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,2CAwlBf;yBAvmBe,QAAQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HomePage/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAgD,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACpG,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAgBxF,wBAAgB,QAAQ,CAAC,EACvB,UAAe,EACf,QAAa,EACb,YAAiB,EACjB,YAAiB,EACjB,uBAA4B,EAC5B,iBAAiB,EAAE,wBAA+B,EAClD,iBAAiB,EAAE,wBAA+B,EAClD,aAAoB,EACpB,eAAsB,EACtB,wBAA+B,EAC/B,qBAA4B,EAC5B,eAAsB,EACtB,wBAA+B,EAC/B,aAAa,EAAE,UAAU,GAC1B,EAAE,aAAa,2CAwlBf;yBAvmBe,QAAQ"}

package/dist/components/HomePage/index.js

@@ -1,15 +1,13 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var n=document.createElement("style");n.appendChild(document.createTextNode('.main_landingpage_container{background:radial-gradient(65.75% 64.76% at 57.88% 39.21%,#ffffffbf 67.79%,#f2692200);bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:64px;overflow:hidden;position:absolute;right:0;top:56px}.main_landingpage_container .left_panel{bottom:0;box-sizing:border-box;left:0;padding:18px 0 18px 26px;position:absolute;top:0;width:calc(100% - 500px)}.main_landingpage_container .left_panel .left_panel_header{background:linear-gradient(90deg,#2bbfee21,#6962ef21),url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/noise-tile.webp) repeat;background-repeat:repeat;border-radius:12px;box-sizing:border-box;display:flex;height:80px;left:26px;overflow:hidden;padding:16px;position:absolute;right:0;top:20px}.main_landingpage_container .left_panel .left_panel_header .left_section_header{display:flex;gap:12px;width:calc(100% - 340px)}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container{animation:gradientShift 8s ease infinite;background:linear-gradient(136deg,#2ac2ee 12.23%,#6962ef 49.23%,#f26921 88.52%);background-size:300% 300%;border-radius:10px;height:48px;position:relative;width:48px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .left_section_IA_logo_container .left_section_IA_logo_gif{background:#0d152c;border-radius:10px;bottom:0;height:46px;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:46px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{color:#1f2b4d;font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title .gradient_text{background:linear-gradient(90deg,#2ac2ee,#6962ef 50%,#f26921);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:#0000;animation:gradientShift 8s ease infinite;background-clip:text;display:inline-block}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_description{line-height:24px}.main_landingpage_container .left_panel .left_panel_header .right_section_header{align-items:center;display:flex;justify-content:space-between;position:relative;width:340px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon{animation:float 3s ease-in-out infinite;background:#fff;border:1px solid #9995ff;border-radius:8px;bottom:0;cursor:pointer;height:32px;position:absolute;transition:all .3s ease;width:32px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:first-child{animation-delay:.15s;left:50px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(2){animation-delay:.3s;left:100px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(3){animation-delay:.45s;left:150px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(4){animation-delay:.6s;left:200px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(5){animation-delay:.75s;left:250px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:nth-child(6){animation-delay:.9s;left:300px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .right_section_ai_icon:hover{animation-play-state:paused;box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.1);z-index:1}@keyframes float{0%{opacity:0;transform:translateY(-80px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(0)}}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon1{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-1.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon2{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon3{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-3.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon4{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-4.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon5{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-5.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .right_section_header .icon6{background:#fff url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/icon-2.svg) no-repeat;background-position:50%;background-size:20px}.main_landingpage_container .left_panel .left_panel_header .center_graidient_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-header-bg.webp) no-repeat;background-position:50%;background-size:cover;height:80px;opacity:.7;position:absolute;top:0;width:100%}.main_landingpage_container .left_panel .left_panel_header .center_image_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/center-bg.webp) no-repeat;background-size:contain;height:80px;left:300px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:368px}.main_landingpage_container .left_panel .left_panel_header .bottom_image_container{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bottom-header-bg.png) no-repeat;background-position:50%;background-size:contain;height:75px;margin:auto;opacity:1;position:absolute;right:0;top:0;width:195px}.main_landingpage_container .left_panel .left_panel_product_container{bottom:20px;height:auto;left:26px;overflow:auto;position:absolute;right:0;top:132px}.main_landingpage_container .left_panel .tool_kit_container{background:#eaf2ff;border-radius:10px;margin-top:0;padding:20px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .arrow_chevron_container{bottom:0;display:none;left:60px;position:absolute;transform:rotate(90deg)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{display:flex;flex-wrap:wrap;gap:24px 2%;margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item{background:#fff;border:1px solid #fff;border-radius:12px;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:2px;height:167px;justify-content:space-between;padding:16px 12px;position:relative}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_patch{background:#eaf2ff;height:7px;position:absolute;right:17px;top:-2px;width:121px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{color:#0d152c;font-size:16px;font-weight:700;width:calc(100% - 135px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_content{color:#31416e;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 45px)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container{background:#e9f2ff;border:1px solid #fff;border-radius:0 0 16px 16px;border-top-color:#eaf2ff;box-sizing:border-box;height:48px;padding:8px;position:absolute;right:24px;top:-1px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container:before{background:#e9f2ff;content:"";height:7px;left:-10px;position:absolute;right:-10px;top:-4px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:before{background:#fff;border-radius:0 10px 0 0;border-right:1px solid #fff;border-top:1px solid #fff;content:"";height:20px;left:-10px;position:absolute;top:-1px;width:10px;z-index:99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .left_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;left:-8px;position:absolute;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:before{background:#fff;border-left:1px solid #fff;border-radius:10px 0 0;border-top:1px solid #fff;content:"";height:20px;position:absolute;right:-10px;top:-1px;width:10px;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .top_cta_container .right_curve_container:after{background:#eaf2ff;border-radius:0;content:"";height:8px;position:absolute;right:-8px;top:-1px;width:8px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container{align-items:center;background:linear-gradient(90deg,#f269224d 2.15%,#fff2eb);border-radius:0 0 12px;bottom:0;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0 24px 0 18px;position:absolute;right:0;z-index:1}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container:before{background:#fff;clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:100%;left:-1px;position:absolute;top:0;width:10px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container span{color:#0d152c;font-size:12px;font-weight:700;line-height:1;position:relative;z-index:2}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .bottom_ribbon_container.release-status-ribbon{background:linear-gradient(90deg,#dce9ff 2.15%,#dfbbf7 96.7%)}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover{border:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container{border:1px solid #6962ef99;border-top-color:#eaf2ff}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item:hover .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99;border-top:1px solid #6962ef99}.main_landingpage_container .left_panel .tool_kit_container .know_more_container{background:#fafafa;border:1px solid #eceefd;border-radius:12px;box-sizing:border-box;height:auto;margin-top:20px;opacity:1;overflow:hidden;padding:20px;position:relative;transition:height .3s ease-in-out,opacity .3s ease-in-out;z-index:9}.main_landingpage_container .left_panel .tool_kit_container .know_more_container.tool_kit_know_more_container{margin-top:10px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;cursor:pointer;height:16px;position:absolute;right:13px;top:27px;width:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container{align-items:center;display:flex;gap:8px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{color:#0d152c;font-size:20px;font-weight:700}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .tick_mark_enabled{align-items:center;background:#f4fff7 url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/tick.svg) no-repeat;background-position:8px;background-size:12px;border-radius:24px;color:#108431;display:flex;font-size:14px;height:24px;padding:0 8px 0 25px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_description{color:#1f2b4d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;margin-top:20px;text-align:left}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{display:flex;gap:32px;margin-top:20px;overflow:auto;position:relative;scrollbar-width:none;z-index:999}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/page-fold.webp) no-repeat;background-size:230px;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;height:64px;padding:15px;width:231px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_bulb_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/bulb.svg) no-repeat;background-position:0 2px;background-size:13px;height:15px;width:15px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{color:#0d152c;font-size:12px;font-weight:600;line-height:16px;width:140px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .launch_button_container{margin-top:16px}.main_landingpage_container .left_panel .tool_kit_container .ms_km_container_hidden{height:0;margin:0!important;opacity:0;padding:0;transition:height .3s ease-in-out,opacity .3s ease-in-out}.main_landingpage_container .left_panel .smart_ai_tool_container{background:#edeff6;margin-top:32px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item{width:auto!important}.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container,.main_landingpage_container .left_panel .smart_ai_tool_container .top_cta_container:before{background:#eeeff7!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container{position:relative;width:32%!important}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_item_container .top_patch{background:#eeeff7;height:7px;position:absolute;right:16px;top:-2px;width:126px;z-index:9}.main_landingpage_container .left_panel .tool_kit_item_active{border:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container{border:1px solid #6962ef99!important;border-top-color:#eaf2ff!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .left_curve_container:before{border-right:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .top_cta_container .right_curve_container:before{border-left:1px solid #6962ef99!important;border-top:1px solid #6962ef99!important}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container{display:block}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after,.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-style:solid;content:"";display:block;height:0;left:100%;position:absolute;width:0}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:before{border-color:#0000 #0000 #0000 #6962ef99;border-width:10px;top:10px}.main_landingpage_container .left_panel .tool_kit_item_active .arrow_chevron_container .arrow_chevron:after{border-color:#0000 #0000 #0000 #fff;border-width:9px;top:11px}.main_landingpage_container .right_panel{bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;padding:21px 26px 18px 0;position:absolute;right:0;top:0;width:475px}.main_landingpage_container .right_panel .client_logo_container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative;z-index:0}.main_landingpage_container .right_panel .client_logo_container:before{background:linear-gradient(93.56deg,#dfb9d2 22.01%,#b7c0ef 78.02%);border-radius:12px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:1}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{object-fit:contain;width:45%}.main_landingpage_container .right_panel .right_panel_content{display:flex;flex-direction:column;gap:32px;overflow:auto}.main_landingpage_container .right_panel .smart_pf_panel_container{background:linear-gradient(180deg,#e9f2ff59,#fff9);border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;padding:20px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{display:flex;flex-direction:column;margin-bottom:24px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{color:#60697d;font-size:16px;font-weight:700;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{background:linear-gradient(90deg,#6b63ff,#0a1e5e 50%,#6b63ff);-webkit-background-clip:text;background-size:200% auto;font-size:20px;font-weight:600;line-height:28px;text-align:center;-webkit-text-fill-color:#0000;background-clip:text;text-fill-color:#0000;animation:gradientFlow 3s linear infinite;display:inline-block;margin-top:4px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{display:flex;flex-direction:column;gap:16px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia{background:#fff;border-radius:12px;display:flex;gap:12px;padding:12px;position:relative}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia:before{background:linear-gradient(180deg,#2bbfeee6,#6963efe6);border-radius:13px;content:" ";top:-1px;right:-1px;bottom:-1px;left:-1px;position:absolute;z-index:-1}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .left_image_container{background:#fcfcfc;height:40px;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .ai_ml_powered,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .multi_level_planning,.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .strategic_objective{background:#fff}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .landing_card_gif{display:block;height:40px;object-fit:contain;width:40px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{color:#60697d;font-size:14px;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;width:calc(100% - 60px)}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card .ia_card_heading_txt{color:#1f2b4d;font-size:14px;font-weight:800;letter-spacing:0;line-height:20px;text-align:left}.main_landingpage_container .right_panel .smart_agent_studio_container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;padding:25px 20px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{color:#0d152c;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing .gradient_text{background:linear-gradient(90deg,#f26921,#6962ef);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;font-weight:800;-webkit-text-fill-color:#0000;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container{display:flex;flex-direction:column;gap:16px;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide{align-items:center;display:none;flex-direction:column;gap:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_slide.carousel_slide_active{display:flex}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .carousel_image{height:80px;width:80px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{color:#1f2b4d;font-size:14px;font-weight:500;line-height:16px;text-align:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container{display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot{background:#c3c8d4;border-radius:50%;cursor:pointer;height:8px;margin:0 4px;transition:all .3s ease;width:8px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .carousel_dot:hover{background:#6962ef}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .carousel_dot_container .dot_active{background:#6962ef;border-radius:4px;height:8px;width:24px}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container{align-items:center;display:flex;justify-content:center}.main_landingpage_container .right_panel .smart_agent_studio_container .agentic_usecases_container .hp_usecases_btn{height:auto;min-height:32px}.main_landingpage_container .right_panel .latest_updates_container{align-items:center;border:1px solid #d9dde7;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:20px}.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header{color:#1f2b4d;font-size:16px;font-weight:700;letter-spacing:0;line-height:24px;text-align:left;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.main_landingpage_container .configurations_menu_container{background:#fff;border-radius:12px;box-shadow:0 0 18px 5px #0000000f;display:flex;flex-direction:column;gap:12px;padding:12px;position:absolute;right:16px;top:58px;z-index:99999}.main_landingpage_container .configurations_menu_container .configurations_menu_item{cursor:pointer;display:flex;gap:12px;padding:6px;width:342px}.main_landingpage_container .configurations_menu_container .configurations_menu_item:hover{background:#6962ef26;border-radius:8px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo{flex-shrink:0;height:32px;object-fit:contain;width:32px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_logo_text{align-items:center;display:inline-flex;font-size:22px;justify-content:center;line-height:1}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content{display:flex;flex-direction:column;gap:4px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_label{color:#1f2b4d;font-size:16px;font-weight:600;line-height:24px}.main_landingpage_container .configurations_menu_container .configurations_menu_item .configurations_menu_item_content .configurations_menu_item_content_desc{color:#60697d;font-size:14px;font-weight:500;line-height:20px;text-align:left}.common_header{font-size:20px;font-weight:600;letter-spacing:0;line-height:24px;text-align:left}.toolkit_header_container{align-items:center;display:flex;justify-content:space-between}.primary_btn_home_page{background:#6962ef!important;border:1px solid #6962ef!important;box-sizing:border-box;font-weight:500!important;line-height:20px}.url{color:#6962ef!important;font-weight:500;letter-spacing:0;line-height:20px;text-align:left;text-decoration:none!important}.MondaySmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/mondaysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.AssortSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/assortsmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.BaseSmartRestaurant_icon,.BaseSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/basesmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.ItemSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/itemsmart.webp) no-repeat;background-position:0 0;background-size:24px;padding-left:31px}.InventorySmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/inventorysmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.MarkSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/marksmart.webp) no-repeat;background-position:0 0;background-size:25px;padding-left:31px}.PriceSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/pricesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.RackSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/racksmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SizeSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/sizesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.SpaceSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/spacesmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.PlanSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/plansmart.webp) no-repeat;background-position:0 0;background-size:28px;padding-left:31px}.ADAVisual_icon,.ForecastSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaVisual.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.ClusterSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/clusterSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.PromoSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/promoSmart.webp) no-repeat;background-position:0 0;background-size:19px;padding-left:31px}.ForecastConfigurator_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/forecastConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;font-size:12px;padding-left:31px}.ADAConfigurator_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/adaConfigurator.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.TestSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/testSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.AttributeSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/attributeSmart.webp) no-repeat;background-position:0 0;background-size:20px;padding-left:31px}.StoreSmart_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/landingPageAssets/prod-icons/storeSmart.webp) no-repeat;background-position:0 0;background-size:18px;padding-left:31px}.main_landingpage_container .latest_updates_content{font-size:16px;line-height:18px;text-align:center}.url{font-size:12px}@media screen and (min-width:1400px) and (max-width:1600px){.main_landingpage_container .right_panel{gap:22px;width:370px}.main_landingpage_container .left_panel{width:calc(100% - 390px)}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .latest_updates_content{font-size:14px;line-height:18px;text-align:center}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.common_header{font-size:18px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:16px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item{padding:16px 10px}.main_landingpage_container .left_panel .smart_ai_tool_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px}}@media screen and (max-width:1399px){.main_landingpage_container .right_panel{gap:22px;width:300px}.main_landingpage_container .left_panel .left_panel_product_container{top:122px}.main_landingpage_container .left_panel .smart_ai_tool_container{margin-top:22px}.main_landingpage_container .left_panel .left_panel_header .left_section_header .right_content_container .right_content_title{font-size:16px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_heading_container .know_more_container_heading{font-size:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container{gap:18px}.main_landingpage_container .left_panel .tool_kit_container .know_more_container .km_folder_container .km_folder_item .km_folder_content{font-size:12px;line-height:14px}.main_landingpage_container .left_panel{width:calc(100% - 320px)}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .top_label{font-size:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container .gradient_text{font-size:16px;margin-top:0}.main_landingpage_container .right_panel .latest_updates_container,.main_landingpage_container .right_panel .smart_agent_studio_container,.main_landingpage_container .right_panel .smart_pf_panel_container{padding:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .top_text_container{margin-bottom:14px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container{gap:12px}.main_landingpage_container .right_panel .smart_pf_panel_container .bottom_cards_container .card_ia .right_content_container_card{font-size:12px;line-height:14px}.main_landingpage_container .right_panel .smart_agent_studio_container .smart_agent_pf_headiing{font-size:14px;line-height:18px}.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video{height:145px;width:245px}.main_landingpage_container .latest_updates_content,.main_landingpage_container .right_panel .latest_updates_container .latest_updates_header,.main_landingpage_container .right_panel .smart_agent_studio_container .carousel_main_container .video_container .video_text{font-size:12px;line-height:16px}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content .tool_kit_item .tool_kit_item_icon{font-size:14px;padding-left:24px}.InventorySmart_icon,.MondaySmart_icon{background-size:20px}.common_header{font-size:14px}.main_landingpage_container .left_panel .tool_kit_container{padding:16px}.right_panel_content{gap:22px!important}.main_landingpage_container .left_panel .tool_kit_container .tool_kit_content{gap:12px}.main_landingpage_container .right_panel .client_logo_container .impact_client_logo_image{width:60%}}.agentic_usecases_panel{width:684px!important}.agentic_usecases_panel .agentic_usecases_panel_content{display:flex;flex-wrap:wrap;gap:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container{position:relative}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_container:hover .agentic_usecases_panel_content_item_button{display:flex!important}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item_button{bottom:12px;display:none!important;position:absolute;right:100px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item{border:1px solid #0000;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:16px;width:310px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover{border:1px solid}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item:hover .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_image{height:40px;width:40px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{display:flex;flex-direction:column;gap:12px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_name{color:#1f2b4d;font-size:14px;font-weight:700;line-height:21px}.agentic_usecases_panel .agentic_usecases_panel_content .agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content .agentic_usecases_panel_content_item_description{color:#31416e;font-size:14px;font-weight:500;line-height:20px}.agentic_usecases_panel_content_item_button:hover+.agentic_usecases_panel_content_item .agentic_usecases_panel_content_item_content{background:linear-gradient(180deg,#fff9f500,#02020296);border-radius:0 0 7px 7px;margin-inline:-16px;margin-bottom:-16px;padding-inline:16px;padding-bottom:16px}')),document.head.appendChild(n)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { ConfigurationIcon as ConfigurationIcon_default, LaunchIcon as LaunchIcon_default, BookDemo as BookDemo_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import { getAssetUrl } from "../../utils/assetBase.js";
 import { findClient, CAROUSEL_IMAGES, CAROUSEL_IMAGES_TEXT, AGENTIC_USECASES } from "./constants.js";
 import { Button } from "../Button/index.js";
 import { Panel } from "../Panel/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
-const BookDemoIcon = getAssetUrl("landingPageAssets/book-demo.svg");
-const ConfigurationIcon = getAssetUrl("landingPageAssets/configuration_icon.svg");
-const LaunchIcon = getAssetUrl("landingPageAssets/launch.svg");
 function noop() {
 }
 function isLikelyImageSrc(logo) {
@@ -147,7 +145,7 @@ function HomePage({
               Button,
               {
                 className: "floating_btn_container",
-                icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.configurationAlt"), src: ConfigurationIcon }),
+                icon: /* @__PURE__ */ jsx(ConfigurationIcon_default, {}),
                 variant: "tertiary",
                 onClick: () => {
                   setIsConfigurationsMenuOpen(!isConfigurationsMenuOpen);
@@ -226,7 +224,7 @@ function HomePage({
                             Button,
                             {
                               className: "primary_btn_home_page",
-                              icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.launchAlt"), src: LaunchIcon }),
+                              icon: /* @__PURE__ */ jsx(LaunchIcon_default, {}),
                               variant: "primary",
                               onClick: () => {
                                 onLaunchClick(item);
@@ -285,7 +283,7 @@ function HomePage({
                         /* @__PURE__ */ jsx("div", { className: "launch_button_container", children: /* @__PURE__ */ jsx(
                           Button,
                           {
-                            icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.launchAlt"), src: LaunchIcon }),
+                            icon: /* @__PURE__ */ jsx(LaunchIcon_default, {}),
                             variant: "secondary",
                             onClick: () => {
                               if (activeToolKitItem) onLaunchClick(activeToolKitItem);
@@ -522,7 +520,7 @@ function HomePage({
             Button,
             {
               className: "hp_usecases_btn",
-              icon: /* @__PURE__ */ jsx("img", { alt: t("homePage.bookDemoAlt"), src: BookDemoIcon }),
+              icon: /* @__PURE__ */ jsx(BookDemo_default, {}),
               variant: "tertiary",
               onClick: () => {
                 setIsAgenticUsecasesOpen(true);

package/dist/components/Notification/Notification.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 
 export type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';
 export interface NotificationTabItem {
@@ -88,6 +88,7 @@ export interface NotificationProps {
     onNotificationScrollToBottom?: () => void;
     scrollThreshold?: number;
     isWithSearch?: boolean;
+    onSearchChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     isHoverOnCard?: boolean;
     isChipsExpandable?: boolean;
     isDeleteAlwaysVisible?: boolean;

package/dist/components/Notification/Notification.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,2BAA2B,CAAC;IAC5C,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;IACjD,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;IAClD,mBAAmB,CAAC,EAAE,2BAA2B,CAAC;IAClD,gBAAgB,CAAC,EAAE,2BAA2B,CAAC;IAC/C,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C,wBAAwB,CAAC,EAAE,2BAA2B,CAAC;IACvD,0BAA0B,CAAC,EAAE,2BAA2B,CAAC;IACzD,cAAc,CAAC,EAAE,2BAA2B,CAAC;IAC7C,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC;AAED,MAAM,MAAM,2BAA2B,GAAG,CACxC,IAAI,CAAC,EAAE,MAAM,EACb,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,EAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,EACjE,IAAI,CAAC,EAAE,wBAAwB,KAC5B,IAAI,CAAC;AAEV,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,GAAG,SAAS,CAAC;IAC1D,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE;QACN,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;QACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,EAAE,CAAC;CACL;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IACzF,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAC3F,oBAAoB,CAAC,EAAE,CACrB,IAAI,CAAC,EAAE,MAAM,EACb,aAAa,CAAC,EAAE,wBAAwB,EAAE,EAC1C,cAAc,CAAC,EAAE,OAAO,KACrB,IAAI,CAAC;IACV,2BAA2B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,wBAAwB,EAAE,KAAK,IAAI,CAAC;IAClG,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACzC,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC7C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,+EAA+E;IAC/E,yBAAyB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CAC1E;AAED,+CAA+C;AAC/C,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AAExD,4CAA4C;AAC5C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC"}

package/dist/components/Notification/NotificationBody/NotificationBody.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { NotificationTabItem, NotificationPanelItem, NotificationBadgeList } from '../Notification.types';
 
 export interface NotificationBodyProps {
@@ -22,6 +22,7 @@ export interface NotificationBodyProps {
     onNotificationScrollToBottom?: () => void;
     scrollThreshold?: number;
     isWithSearch?: boolean;
+    onSearchChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
     isHoverOnCard?: boolean;
     isChipsExpandable?: boolean;
     isDeleteAlwaysVisible?: boolean;

package/dist/components/Notification/NotificationBody/NotificationBody.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBody.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationBody.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACzE"}
+{"version":3,"file":"NotificationBody.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationBody.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,gBAAgB,EAAE,mBAAmB,EAAE,CAAC;IACxC,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,EAAE,KAAK,IAAI,CAAC;IAClE,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,2BAA2B,CAAC,EAAE,MAAM,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CACzE"}

package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts

@@ -4,6 +4,6 @@ import { NotificationPanelItem } from '../Notification.types';
 type NotificationPanelContentProps = NotificationBodyProps & {
     panel: NotificationPanelItem;
 };
-export declare function NotificationPanelContent({ panel, expand, badgesList, notificationPanels, setNotificationPanels, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, showNotificationListLoader, showBadgeLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isWithSearch, isChipsExpandable, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, activeBadge, }: NotificationPanelContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotificationPanelContent({ panel, expand, badgesList, notificationPanels, setNotificationPanels, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, showNotificationListLoader, showBadgeLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isWithSearch, onSearchChange, isChipsExpandable, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, activeBadge, }: NotificationPanelContentProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NotificationPanelContent.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationPanelContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationPanelContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,6BAA6B,GAAG,qBAAqB,GAAG;IAC3D,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,MAAc,EACd,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,EAC1B,eAAe,EACf,aAAmB,EACnB,4BAA4B,EAC5B,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,6BAA6B,2CA2C/B"}
+{"version":3,"file":"NotificationPanelContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationPanelContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,KAAK,6BAA6B,GAAG,qBAAqB,GAAG;IAC3D,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,MAAc,EACd,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,0BAA0B,EAC1B,eAAe,EACf,aAAmB,EACnB,4BAA4B,EAC5B,eAAe,EACf,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,WAAW,GACZ,EAAE,6BAA6B,2CA4C/B"}

package/dist/components/Notification/NotificationBody/NotificationPanelContent.js

@@ -18,6 +18,7 @@ function NotificationPanelContent({
   onNotificationScrollToBottom,
   scrollThreshold,
   isWithSearch,
+  onSearchChange,
   isChipsExpandable,
   isHoverOnCard,
   isDeleteAlwaysVisible,
@@ -53,6 +54,7 @@ function NotificationPanelContent({
       isMultiSelectFilter: panel.isMultiSelectFilter,
       isWithSearch,
       listTypes,
+      onSearchChange,
       moveToPendingDropdownOptions,
       notificationList,
       notificationPanels,

package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts

@@ -30,6 +30,7 @@ export interface NotificationTaskListProps {
     onNotificationScrollToBottom?: () => void | Promise<void>;
     scrollThreshold?: number;
     isWithSearch?: boolean;
+    onSearchChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
     isChipsExpandable?: boolean;
     isHoverOnCard?: boolean;
     isDeleteAlwaysVisible?: boolean;
@@ -38,6 +39,6 @@ export interface NotificationTaskListProps {
     emptyStateDescription?: string;
     customNotificationJsx?: React.ReactNode;
 }
-export declare function NotificationTaskList({ expand, type, listTypes, notificationList, handleSettingClick, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, notificationPanels, setNotificationPanels, activeBadge, filterChip, handleApplyFilter, isMultiSelectFilter, showBadgeLoader, showNotificationListLoader, selectedFilterChip, displayFormat, onNotificationScrollToBottom, scrollThreshold, isWithSearch, isChipsExpandable, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, }: NotificationTaskListProps): import("react/jsx-runtime").JSX.Element;
+export declare function NotificationTaskList({ expand, type, listTypes, notificationList, handleSettingClick, handleSelectAll, handleMarkReadAll, handleMoveAllPending, moveToPendingDropdownOptions, handleNotificationDeleteAll, notificationPanels, setNotificationPanels, activeBadge, filterChip, handleApplyFilter, isMultiSelectFilter, showBadgeLoader, showNotificationListLoader, selectedFilterChip, displayFormat, onNotificationScrollToBottom, scrollThreshold, isWithSearch, onSearchChange, isChipsExpandable, isHoverOnCard, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, }: NotificationTaskListProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NotificationTaskList.d.ts.map

package/dist/components/Notification/NotificationBody/NotificationTaskList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTaskList.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationTaskList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationTaskList.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/NotificationBody/NotificationTaskList.tsx"],"names":[],"mappings":"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"}

package/dist/components/Notification/NotificationBody/NotificationTaskList.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useCallback } from "react";
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import default_1$1 from "../../../node_modules/@mui/icons-material/FilterListOutlined.js";
 import default_1 from "../../../node_modules/@mui/icons-material/SearchOutlined.js";
+import { debounce } from "../../../utils/debounce.js";
 import { Badge } from "../../Badge/index.js";
 import { Button } from "../../Button/index.js";
 import { Input } from "../../Input/index.js";
@@ -32,6 +33,7 @@ function NotificationTaskList({
   onNotificationScrollToBottom,
   scrollThreshold,
   isWithSearch = true,
+  onSearchChange,
   isChipsExpandable = false,
   isHoverOnCard = false,
   isDeleteAlwaysVisible = false,
@@ -74,21 +76,38 @@ function NotificationTaskList({
   useEffect(() => {
     setExpandList(isChipsExpandable);
   }, [isChipsExpandable]);
-  const handleSearch = useCallback(
-    (event) => {
-      setSearchInput(event.target.value);
-      const searchTerm = event.target.value.trim().toUpperCase();
-      const searchTerms = searchTerm.split(/\s+/).filter(Boolean);
-      if (searchTerms.length > 0) {
-        const searchResults = notificationList.filter(
-          (option) => searchTerms.every((term) => new RegExp(term, "i").test(option.label))
-        );
-        setNotificationListItems([...searchResults]);
+  const debouncedSearch = useMemo(
+    () => debounce((value, event) => {
+      if (onSearchChange) {
+        onSearchChange(value, event);
       } else {
-        setNotificationListItems(notificationList);
+        const searchTerm = value.trim().toUpperCase();
+        const searchTerms = searchTerm.split(/\s+/).filter(Boolean);
+        if (searchTerms.length > 0) {
+          const searchResults = notificationList.filter(
+            (option) => searchTerms.every((term) => new RegExp(term, "i").test(option.label))
+          );
+          setNotificationListItems([...searchResults]);
+        } else {
+          setNotificationListItems(notificationList);
+        }
       }
+    }, 400),
+    [notificationList, onSearchChange]
+  );
+  useEffect(() => {
+    return () => {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+  const handleSearch = useCallback(
+    (event) => {
+      var _a2;
+      const value = ((_a2 = event == null ? void 0 : event.target) == null ? void 0 : _a2.value) ?? "";
+      setSearchInput(value);
+      debouncedSearch(value, event);
     },
-    [notificationList]
+    [debouncedSearch]
   );
   const handleClickOutside = useCallback(
     (event) => {

package/dist/components/Notification/index.d.ts

@@ -3,7 +3,7 @@ import { NotificationProps } from './Notification.types';
 export type { NotificationProps, DrawerAnchor } from './Notification.types';
 export { NotificationHeader } from './NotificationHeader';
 export { NotificationFooter } from './NotificationFooter';
-export declare function Notification({ title, anchor, isOpen, setIsOpen, className, handleClose, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonLabel, onPrimaryButtonClick, onSettingButtonClick, handleSelectAll, handleMarkReadAll, handleMoveAllPending, handleNotificationDeleteAll, badgesList, notificationTabs, notificationPanels, setNotificationPanels, handleTabChange, moveToPendingDropdownOptions, activeNotiTab, activeBadge, showBadgeLoader, showNotificationListLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isWithSearch, isHoverOnCard, isChipsExpandable, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, NotificationBodyComponent, }: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Notification({ title, anchor, isOpen, setIsOpen, className, handleClose, secondaryButtonLabel, onSecondaryButtonClick, primaryButtonLabel, onPrimaryButtonClick, onSettingButtonClick, handleSelectAll, handleMarkReadAll, handleMoveAllPending, handleNotificationDeleteAll, badgesList, notificationTabs, notificationPanels, setNotificationPanels, handleTabChange, moveToPendingDropdownOptions, activeNotiTab, activeBadge, showBadgeLoader, showNotificationListLoader, displayFormat, onNotificationScrollToBottom, scrollThreshold, isWithSearch, onSearchChange, isHoverOnCard, isChipsExpandable, isDeleteAlwaysVisible, isEmptyState, emptyStateTitle, emptyStateDescription, customNotificationJsx, NotificationBodyComponent, }: NotificationProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Notification {
     var displayName: string;
 }

package/dist/components/Notification/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAC5E,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAA0B,EAC1B,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,aAAmB,EACnB,4BAA4B,EAC5B,eAAe,EACf,YAAmB,EACnB,aAAqB,EACrB,iBAAyB,EACzB,qBAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,GAC1B,EAAE,iBAAiB,2CA6EnB;yBAnHe,YAAY"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,sBAAsB,CAAC;AAC5E,OAAO,4BAA4B,CAAC;AAEpC,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,MAAgB,EAChB,MAAM,EACN,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,oBAAoB,EACpB,2BAA2B,EAC3B,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,eAA0B,EAC1B,4BAA4B,EAC5B,aAAa,EACb,WAAW,EACX,eAAe,EACf,0BAA0B,EAC1B,aAAmB,EACnB,4BAA4B,EAC5B,eAAe,EACf,YAAmB,EACnB,cAAc,EACd,aAAqB,EACrB,iBAAyB,EACzB,qBAA6B,EAC7B,YAAY,EACZ,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,GAC1B,EAAE,iBAAiB,2CA8EnB;yBArHe,YAAY"}

package/dist/components/Notification/index.js

@@ -37,6 +37,7 @@ function Notification({
   onNotificationScrollToBottom,
   scrollThreshold,
   isWithSearch = true,
+  onSearchChange,
   isHoverOnCard = false,
   isChipsExpandable = false,
   isDeleteAlwaysVisible = false,
@@ -99,6 +100,7 @@ function Notification({
             isHoverOnCard,
             isWithSearch,
             moveToPendingDropdownOptions,
+            onSearchChange,
             notificationPanels: notificationPanels ?? [],
             notificationTabs: notificationTabs ?? [],
             scrollThreshold,

package/dist/mcp-component-registry.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "generatedAt": "2026-09-11T13:03:42.565Z",
+  "generatedAt": "2026-09-18T14:18:55.553Z",
   "components": {
     "Menu": {
       "title": "Components/Menu",
@@ -966,7 +966,7 @@
       "storyFile": "src/stories/Card.stories.tsx"
     },
     "Chart": {
-      "title": "Components/Chart(WIP)",
+      "title": "Components/Chart",
       "category": "Components",
       "description": "The **Chart** component is a reusable visualization wrapper built on top of **Highcharts**.",
       "examples": [],
@@ -1312,6 +1312,18 @@
             "circular"
           ],
           "required": false
+        },
+        "denseSkeleton": {
+          "description": "Whether to use a dense skeleton for the chart.",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "topSubHeader": {
+          "description": "Component to be rendered between the chart and the header.",
+          "type": "React.ReactNode",
+          "defaultValue": "null",
+          "required": false
         }
       },
       "storyArgs": {
@@ -1351,7 +1363,7 @@
         },
         "Lollipop": {
           "graphTitle": "Lollipop Example",
-          "graphType": "line",
+          "graphType": "lollipop",
           "is3D": false,
           "seriesData": "[",
           "type": "errorbar",
@@ -3839,6 +3851,11 @@
           "type": "function",
           "required": true
         },
+        "onSearchChange": {
+          "description": "Callback invoked with the current search input value and change event as the user types. Use this to perform server-side search; local filtering of the loaded list still runs when no callback is provided.",
+          "type": "function",
+          "required": true
+        },
         "scrollThreshold": {
           "description": "threshold for the notification list scroll",
           "type": "number",