@erpsquad/common 1.7.2 → 1.7.3

package/dist/{index-D-LS9re6.esm.js → index-Ck1uBa0H.esm.js}

@@ -13762,9 +13762,9 @@ function formatIsoTimeString(marker) {
 }
 function formatTimeZoneOffset(minutes, doIso = false) {
   let sign2 = minutes < 0 ? "-" : "+";
-  let abs = Math.abs(minutes);
-  let hours = Math.floor(abs / 60);
-  let mins = Math.round(abs % 60);
+  let abs2 = Math.abs(minutes);
+  let hours = Math.floor(abs2 / 60);
+  let mins = Math.round(abs2 % 60);
   if (doIso) {
     return `${sign2 + padStart(hours, 2)}:${padStart(mins, 2)}`;
   }
@@ -14163,12 +14163,12 @@ function createFormatter(input) {
   return null;
 }
 const BASE_OPTION_REFINERS = {
-  navLinkDayClick: identity$3,
-  navLinkWeekClick: identity$3,
+  navLinkDayClick: identity$4,
+  navLinkWeekClick: identity$4,
   duration: createDuration,
-  bootstrapFontAwesome: identity$3,
-  buttonIcons: identity$3,
-  customButtons: identity$3,
+  bootstrapFontAwesome: identity$4,
+  buttonIcons: identity$4,
+  customButtons: identity$4,
   defaultAllDayEventDuration: createDuration,
   defaultTimedEventDuration: createDuration,
   nextDayThreshold: createDuration,
@@ -14179,54 +14179,54 @@ const BASE_OPTION_REFINERS = {
   dayPopoverFormat: createFormatter,
   slotDuration: createDuration,
   snapDuration: createDuration,
-  headerToolbar: identity$3,
-  footerToolbar: identity$3,
+  headerToolbar: identity$4,
+  footerToolbar: identity$4,
   defaultRangeSeparator: String,
   titleRangeSeparator: String,
   forceEventDuration: Boolean,
   dayHeaders: Boolean,
   dayHeaderFormat: createFormatter,
-  dayHeaderClassNames: identity$3,
-  dayHeaderContent: identity$3,
-  dayHeaderDidMount: identity$3,
-  dayHeaderWillUnmount: identity$3,
-  dayCellClassNames: identity$3,
-  dayCellContent: identity$3,
-  dayCellDidMount: identity$3,
-  dayCellWillUnmount: identity$3,
+  dayHeaderClassNames: identity$4,
+  dayHeaderContent: identity$4,
+  dayHeaderDidMount: identity$4,
+  dayHeaderWillUnmount: identity$4,
+  dayCellClassNames: identity$4,
+  dayCellContent: identity$4,
+  dayCellDidMount: identity$4,
+  dayCellWillUnmount: identity$4,
   initialView: String,
   aspectRatio: Number,
   weekends: Boolean,
-  weekNumberCalculation: identity$3,
+  weekNumberCalculation: identity$4,
   weekNumbers: Boolean,
-  weekNumberClassNames: identity$3,
-  weekNumberContent: identity$3,
-  weekNumberDidMount: identity$3,
-  weekNumberWillUnmount: identity$3,
+  weekNumberClassNames: identity$4,
+  weekNumberContent: identity$4,
+  weekNumberDidMount: identity$4,
+  weekNumberWillUnmount: identity$4,
   editable: Boolean,
-  viewClassNames: identity$3,
-  viewDidMount: identity$3,
-  viewWillUnmount: identity$3,
+  viewClassNames: identity$4,
+  viewDidMount: identity$4,
+  viewWillUnmount: identity$4,
   nowIndicator: Boolean,
-  nowIndicatorSnap: identity$3,
-  nowIndicatorClassNames: identity$3,
-  nowIndicatorContent: identity$3,
-  nowIndicatorDidMount: identity$3,
-  nowIndicatorWillUnmount: identity$3,
+  nowIndicatorSnap: identity$4,
+  nowIndicatorClassNames: identity$4,
+  nowIndicatorContent: identity$4,
+  nowIndicatorDidMount: identity$4,
+  nowIndicatorWillUnmount: identity$4,
   showNonCurrentDates: Boolean,
   lazyFetching: Boolean,
   startParam: String,
   endParam: String,
   timeZoneParam: String,
   timeZone: String,
-  locales: identity$3,
-  locale: identity$3,
+  locales: identity$4,
+  locale: identity$4,
   themeSystem: String,
   dragRevertDuration: Number,
   dragScroll: Boolean,
   allDayMaintainDuration: Boolean,
   unselectAuto: Boolean,
-  dropAccept: identity$3,
+  dropAccept: identity$4,
   eventOrder: parseFieldSpecs,
   eventOrderStrict: Boolean,
   handleWindowResize: Boolean,
@@ -14234,8 +14234,8 @@ const BASE_OPTION_REFINERS = {
   longPressDelay: Number,
   eventDragMinDistance: Number,
   expandRows: Boolean,
-  height: identity$3,
-  contentHeight: identity$3,
+  height: identity$4,
+  contentHeight: identity$4,
   direction: String,
   weekNumberFormat: createFormatter,
   eventResizableFromStart: Boolean,
@@ -14244,59 +14244,59 @@ const BASE_OPTION_REFINERS = {
   weekText: String,
   weekTextLong: String,
   progressiveEventRendering: Boolean,
-  businessHours: identity$3,
-  initialDate: identity$3,
-  now: identity$3,
-  eventDataTransform: identity$3,
-  stickyHeaderDates: identity$3,
-  stickyFooterScrollbar: identity$3,
-  viewHeight: identity$3,
+  businessHours: identity$4,
+  initialDate: identity$4,
+  now: identity$4,
+  eventDataTransform: identity$4,
+  stickyHeaderDates: identity$4,
+  stickyFooterScrollbar: identity$4,
+  viewHeight: identity$4,
   defaultAllDay: Boolean,
-  eventSourceFailure: identity$3,
-  eventSourceSuccess: identity$3,
+  eventSourceFailure: identity$4,
+  eventSourceSuccess: identity$4,
   eventDisplay: String,
   eventStartEditable: Boolean,
   eventDurationEditable: Boolean,
-  eventOverlap: identity$3,
-  eventConstraint: identity$3,
-  eventAllow: identity$3,
+  eventOverlap: identity$4,
+  eventConstraint: identity$4,
+  eventAllow: identity$4,
   eventBackgroundColor: String,
   eventBorderColor: String,
   eventTextColor: String,
   eventColor: String,
-  eventClassNames: identity$3,
-  eventContent: identity$3,
-  eventDidMount: identity$3,
-  eventWillUnmount: identity$3,
-  selectConstraint: identity$3,
-  selectOverlap: identity$3,
-  selectAllow: identity$3,
+  eventClassNames: identity$4,
+  eventContent: identity$4,
+  eventDidMount: identity$4,
+  eventWillUnmount: identity$4,
+  selectConstraint: identity$4,
+  selectOverlap: identity$4,
+  selectAllow: identity$4,
   droppable: Boolean,
   unselectCancel: String,
-  slotLabelFormat: identity$3,
-  slotLaneClassNames: identity$3,
-  slotLaneContent: identity$3,
-  slotLaneDidMount: identity$3,
-  slotLaneWillUnmount: identity$3,
-  slotLabelClassNames: identity$3,
-  slotLabelContent: identity$3,
-  slotLabelDidMount: identity$3,
-  slotLabelWillUnmount: identity$3,
-  dayMaxEvents: identity$3,
-  dayMaxEventRows: identity$3,
+  slotLabelFormat: identity$4,
+  slotLaneClassNames: identity$4,
+  slotLaneContent: identity$4,
+  slotLaneDidMount: identity$4,
+  slotLaneWillUnmount: identity$4,
+  slotLabelClassNames: identity$4,
+  slotLabelContent: identity$4,
+  slotLabelDidMount: identity$4,
+  slotLabelWillUnmount: identity$4,
+  dayMaxEvents: identity$4,
+  dayMaxEventRows: identity$4,
   dayMinWidth: Number,
   slotLabelInterval: createDuration,
   allDayText: String,
-  allDayClassNames: identity$3,
-  allDayContent: identity$3,
-  allDayDidMount: identity$3,
-  allDayWillUnmount: identity$3,
+  allDayClassNames: identity$4,
+  allDayContent: identity$4,
+  allDayDidMount: identity$4,
+  allDayWillUnmount: identity$4,
   slotMinWidth: Number,
   navLinks: Boolean,
   eventTimeFormat: createFormatter,
   rerenderDelay: Number,
-  moreLinkText: identity$3,
-  moreLinkHint: identity$3,
+  moreLinkText: identity$4,
+  moreLinkHint: identity$4,
   selectMinDistance: Number,
   selectable: Boolean,
   selectLongPressDelay: Number,
@@ -14307,34 +14307,34 @@ const BASE_OPTION_REFINERS = {
   eventMinWidth: Number,
   eventShortHeight: Number,
   slotEventOverlap: Boolean,
-  plugins: identity$3,
+  plugins: identity$4,
   firstDay: Number,
   dayCount: Number,
   dateAlignment: String,
   dateIncrement: createDuration,
-  hiddenDays: identity$3,
+  hiddenDays: identity$4,
   fixedWeekCount: Boolean,
-  validRange: identity$3,
-  visibleRange: identity$3,
-  titleFormat: identity$3,
+  validRange: identity$4,
+  visibleRange: identity$4,
+  titleFormat: identity$4,
   eventInteractive: Boolean,
   // only used by list-view, but languages define the value, so we need it in base options
   noEventsText: String,
-  viewHint: identity$3,
-  navLinkHint: identity$3,
+  viewHint: identity$4,
+  navLinkHint: identity$4,
   closeHint: String,
   timeHint: String,
   eventHint: String,
-  moreLinkClick: identity$3,
-  moreLinkClassNames: identity$3,
-  moreLinkContent: identity$3,
-  moreLinkDidMount: identity$3,
-  moreLinkWillUnmount: identity$3,
+  moreLinkClick: identity$4,
+  moreLinkClassNames: identity$4,
+  moreLinkContent: identity$4,
+  moreLinkDidMount: identity$4,
+  moreLinkWillUnmount: identity$4,
   monthStartFormat: createFormatter,
   // for connectors
   // (can't be part of plugin system b/c must be provided at runtime)
-  handleCustomRendering: identity$3,
-  customRenderingMetaMap: identity$3,
+  handleCustomRendering: identity$4,
+  customRenderingMetaMap: identity$4,
   customRenderingReplaces: Boolean
 };
 const BASE_OPTION_DEFAULTS = {
@@ -14392,35 +14392,35 @@ const BASE_OPTION_DEFAULTS = {
   nowIndicatorSnap: "auto"
 };
 const CALENDAR_LISTENER_REFINERS = {
-  datesSet: identity$3,
-  eventsSet: identity$3,
-  eventAdd: identity$3,
-  eventChange: identity$3,
-  eventRemove: identity$3,
-  windowResize: identity$3,
-  eventClick: identity$3,
-  eventMouseEnter: identity$3,
-  eventMouseLeave: identity$3,
-  select: identity$3,
-  unselect: identity$3,
-  loading: identity$3,
+  datesSet: identity$4,
+  eventsSet: identity$4,
+  eventAdd: identity$4,
+  eventChange: identity$4,
+  eventRemove: identity$4,
+  windowResize: identity$4,
+  eventClick: identity$4,
+  eventMouseEnter: identity$4,
+  eventMouseLeave: identity$4,
+  select: identity$4,
+  unselect: identity$4,
+  loading: identity$4,
   // internal
-  _unmount: identity$3,
-  _beforeprint: identity$3,
-  _afterprint: identity$3,
-  _noEventDrop: identity$3,
-  _noEventResize: identity$3,
-  _resize: identity$3,
-  _scrollRequest: identity$3
+  _unmount: identity$4,
+  _beforeprint: identity$4,
+  _afterprint: identity$4,
+  _noEventDrop: identity$4,
+  _noEventResize: identity$4,
+  _resize: identity$4,
+  _scrollRequest: identity$4
 };
 const CALENDAR_OPTION_REFINERS = {
-  buttonText: identity$3,
-  buttonHints: identity$3,
-  views: identity$3,
-  plugins: identity$3,
-  initialEvents: identity$3,
-  events: identity$3,
-  eventSources: identity$3
+  buttonText: identity$4,
+  buttonHints: identity$4,
+  views: identity$4,
+  plugins: identity$4,
+  initialEvents: identity$4,
+  events: identity$4,
+  eventSources: identity$4
 };
 const COMPLEX_OPTION_COMPARATORS = {
   headerToolbar: isMaybeObjectsEqual,
@@ -14448,15 +14448,15 @@ function isMaybeArraysEqual(a2, b2) {
 }
 const VIEW_OPTION_REFINERS = {
   type: String,
-  component: identity$3,
+  component: identity$4,
   buttonText: String,
   buttonTextKey: String,
-  dateProfileGeneratorClass: identity$3,
+  dateProfileGeneratorClass: identity$4,
   usesMinMaxTime: Boolean,
-  classNames: identity$3,
-  content: identity$3,
-  didMount: identity$3,
-  willUnmount: identity$3
+  classNames: identity$4,
+  content: identity$4,
+  didMount: identity$4,
+  willUnmount: identity$4
 };
 function mergeRawOptions(optionSets) {
   return mergeProps(optionSets, COMPLEX_OPTION_COMPARATORS);
@@ -14476,7 +14476,7 @@ function refineProps(input, refiners) {
   }
   return { refined, extra };
 }
-function identity$3(raw) {
+function identity$4(raw) {
   return raw;
 }
 const { hasOwnProperty } = Object.prototype;
@@ -15872,12 +15872,12 @@ const EVENT_NON_DATE_REFINERS = {
   interactive: Boolean
 };
 const EVENT_DATE_REFINERS = {
-  start: identity$3,
-  end: identity$3,
-  date: identity$3,
+  start: identity$4,
+  end: identity$4,
+  date: identity$4,
   allDay: Boolean
 };
-const EVENT_REFINERS$1 = Object.assign(Object.assign(Object.assign({}, EVENT_NON_DATE_REFINERS), EVENT_DATE_REFINERS), { extendedProps: identity$3 });
+const EVENT_REFINERS$1 = Object.assign(Object.assign(Object.assign({}, EVENT_NON_DATE_REFINERS), EVENT_DATE_REFINERS), { extendedProps: identity$4 });
 function parseEvent(raw, eventSource, context, allowOpenRange, refiners = buildEventRefiners(context), defIdMap, instanceIdMap) {
   let { refined, extra } = refineEventDef(raw, context, refiners);
   let defaultAllDay = computeIsDefaultAllDay(eventSource, context);
@@ -16082,9 +16082,9 @@ const EVENT_UI_REFINERS = {
   editable: Boolean,
   startEditable: Boolean,
   durationEditable: Boolean,
-  constraint: identity$3,
-  overlap: identity$3,
-  allow: identity$3,
+  constraint: identity$4,
+  overlap: identity$4,
+  allow: identity$4,
   className: parseClassNames,
   classNames: parseClassNames,
   color: String,
@@ -16142,11 +16142,11 @@ const EVENT_SOURCE_REFINERS = {
   defaultAllDay: Boolean,
   url: String,
   format: String,
-  events: identity$3,
-  eventDataTransform: identity$3,
+  events: identity$4,
+  eventDataTransform: identity$4,
   // for any network-related sources
-  success: identity$3,
-  failure: identity$3
+  success: identity$4,
+  failure: identity$4
 };
 function parseEventSource(raw, context, refiners = buildEventSourceRefiners(context)) {
   let rawObj;
@@ -17148,8 +17148,8 @@ function getSegAnchorAttrs(seg, context) {
   return {};
 }
 const STANDARD_PROPS = {
-  start: identity$3,
-  end: identity$3,
+  start: identity$4,
+  end: identity$4,
   allDay: Boolean
 };
 function parseDateSpan(raw, dateEnv, defaultDuration) {
@@ -20770,7 +20770,7 @@ const funcEventSourcePlugin = createPlugin({
 });
 const JSON_FEED_EVENT_SOURCE_REFINERS = {
   method: String,
-  extraParams: identity$3,
+  extraParams: identity$4,
   startParam: String,
   endParam: String,
   timeZoneParam: String
@@ -20836,12 +20836,12 @@ function buildRequestParams$1(meta, range2, context) {
   return params;
 }
 const SIMPLE_RECURRING_REFINERS = {
-  daysOfWeek: identity$3,
+  daysOfWeek: identity$4,
   startTime: createDuration,
   endTime: createDuration,
   duration: createDuration,
-  startRecur: identity$3,
-  endRecur: identity$3
+  startRecur: identity$4,
+  endRecur: identity$4
 };
 let recurring = {
   parse(refined, dateEnv) {
@@ -23327,10 +23327,10 @@ injectStyles(css_248z$3);
 const OPTION_REFINERS$4 = {
   listDayFormat: createFalsableFormatter,
   listDaySideFormat: createFalsableFormatter,
-  noEventsClassNames: identity$3,
-  noEventsContent: identity$3,
-  noEventsDidMount: identity$3,
-  noEventsWillUnmount: identity$3
+  noEventsClassNames: identity$4,
+  noEventsContent: identity$4,
+  noEventsDidMount: identity$4,
+  noEventsWillUnmount: identity$4
   // noEventsText is defined in base options
 };
 function createFalsableFormatter(input) {
@@ -24022,12 +24022,12 @@ class FeaturefulElementDragging extends ElementDragging {
         }
       }
     };
-    let pointer = this.pointer = new PointerDragging(containerEl);
-    pointer.emitter.on("pointerdown", this.onPointerDown);
-    pointer.emitter.on("pointermove", this.onPointerMove);
-    pointer.emitter.on("pointerup", this.onPointerUp);
+    let pointer2 = this.pointer = new PointerDragging(containerEl);
+    pointer2.emitter.on("pointerdown", this.onPointerDown);
+    pointer2.emitter.on("pointermove", this.onPointerMove);
+    pointer2.emitter.on("pointerup", this.onPointerUp);
     if (selector2) {
-      pointer.selector = selector2;
+      pointer2.selector = selector2;
     }
     this.mirror = new ElementMirror();
     this.autoScroller = new AutoScroller();
@@ -24299,8 +24299,8 @@ class DateClicking extends Interaction {
     };
     this.handleDragEnd = (ev) => {
       let { component } = this;
-      let { pointer } = this.dragging;
-      if (!pointer.wasTouchScroll) {
+      let { pointer: pointer2 } = this.dragging;
+      if (!pointer2.wasTouchScroll) {
         let { initialHit, finalHit } = this.hitDragging;
         if (initialHit && finalHit && isHitsEqual(initialHit, finalHit)) {
           let { context } = component;
@@ -24922,19 +24922,19 @@ class UnselectAuto {
   }
 }
 const OPTION_REFINERS$3 = {
-  fixedMirrorParent: identity$3
+  fixedMirrorParent: identity$4
 };
 const LISTENER_REFINERS$1 = {
-  dateClick: identity$3,
-  eventDragStart: identity$3,
-  eventDragStop: identity$3,
-  eventDrop: identity$3,
-  eventResizeStart: identity$3,
-  eventResizeStop: identity$3,
-  eventResize: identity$3,
-  drop: identity$3,
-  eventReceive: identity$3,
-  eventLeave: identity$3
+  dateClick: identity$4,
+  eventDragStart: identity$4,
+  eventDragStop: identity$4,
+  eventDrop: identity$4,
+  eventResizeStart: identity$4,
+  eventResizeStop: identity$4,
+  eventResize: identity$4,
+  drop: identity$4,
+  eventReceive: identity$4,
+  eventLeave: identity$4
 };
 config.dataAttrPrefix = "";
 var index$6 = createPlugin({
@@ -26215,17 +26215,17 @@ const PRIVATE_ID_PREFIX = "_fc:";
 const RESOURCE_REFINERS = {
   id: String,
   parentId: String,
-  children: identity$3,
+  children: identity$4,
   title: String,
-  businessHours: identity$3,
-  extendedProps: identity$3,
+  businessHours: identity$4,
+  extendedProps: identity$4,
   // event-ui
   eventEditable: Boolean,
   eventStartEditable: Boolean,
   eventDurationEditable: Boolean,
-  eventConstraint: identity$3,
+  eventConstraint: identity$4,
   eventOverlap: Boolean,
-  eventAllow: identity$3,
+  eventAllow: identity$4,
   eventClassNames: parseClassNames,
   eventBackgroundColor: String,
   eventBorderColor: String,
@@ -27127,14 +27127,14 @@ function getResourceSourceDefs() {
 const RESOURCE_SOURCE_REFINERS = {
   id: String,
   // for array. TODO: move to resource-array
-  resources: identity$3,
+  resources: identity$4,
   // for json feed. TODO: move to resource-json-feed
   url: String,
   method: String,
   startParam: String,
   endParam: String,
   timeZoneParam: String,
-  extraParams: identity$3
+  extraParams: identity$4
 };
 function parseResourceSource(input) {
   let inputObj;
@@ -27328,7 +27328,7 @@ function reduceResources(state, action, context) {
 }
 const EVENT_REFINERS = {
   resourceId: String,
-  resourceIds: identity$3,
+  resourceIds: identity$4,
   resourceEditable: Boolean
 };
 function generateEventDefResourceMembers(refined) {
@@ -27471,44 +27471,44 @@ function handleResources(newSourceInput, context) {
   }
 }
 const OPTION_REFINERS = {
-  initialResources: identity$3,
-  resources: identity$3,
+  initialResources: identity$4,
+  resources: identity$4,
   eventResourceEditable: Boolean,
   refetchResourcesOnNavigate: Boolean,
   resourceOrder: parseFieldSpecs,
   filterResourcesWithEvents: Boolean,
   resourceGroupField: String,
-  resourceAreaWidth: identity$3,
-  resourceAreaColumns: identity$3,
+  resourceAreaWidth: identity$4,
+  resourceAreaColumns: identity$4,
   resourcesInitiallyExpanded: Boolean,
   datesAboveResources: Boolean,
   needsResourceData: Boolean,
-  resourceAreaHeaderClassNames: identity$3,
-  resourceAreaHeaderContent: identity$3,
-  resourceAreaHeaderDidMount: identity$3,
-  resourceAreaHeaderWillUnmount: identity$3,
-  resourceGroupLabelClassNames: identity$3,
-  resourceGroupLabelContent: identity$3,
-  resourceGroupLabelDidMount: identity$3,
-  resourceGroupLabelWillUnmount: identity$3,
-  resourceLabelClassNames: identity$3,
-  resourceLabelContent: identity$3,
-  resourceLabelDidMount: identity$3,
-  resourceLabelWillUnmount: identity$3,
-  resourceLaneClassNames: identity$3,
-  resourceLaneContent: identity$3,
-  resourceLaneDidMount: identity$3,
-  resourceLaneWillUnmount: identity$3,
-  resourceGroupLaneClassNames: identity$3,
-  resourceGroupLaneContent: identity$3,
-  resourceGroupLaneDidMount: identity$3,
-  resourceGroupLaneWillUnmount: identity$3
+  resourceAreaHeaderClassNames: identity$4,
+  resourceAreaHeaderContent: identity$4,
+  resourceAreaHeaderDidMount: identity$4,
+  resourceAreaHeaderWillUnmount: identity$4,
+  resourceGroupLabelClassNames: identity$4,
+  resourceGroupLabelContent: identity$4,
+  resourceGroupLabelDidMount: identity$4,
+  resourceGroupLabelWillUnmount: identity$4,
+  resourceLabelClassNames: identity$4,
+  resourceLabelContent: identity$4,
+  resourceLabelDidMount: identity$4,
+  resourceLabelWillUnmount: identity$4,
+  resourceLaneClassNames: identity$4,
+  resourceLaneContent: identity$4,
+  resourceLaneDidMount: identity$4,
+  resourceLaneWillUnmount: identity$4,
+  resourceGroupLaneClassNames: identity$4,
+  resourceGroupLaneContent: identity$4,
+  resourceGroupLaneDidMount: identity$4,
+  resourceGroupLaneWillUnmount: identity$4
 };
 const LISTENER_REFINERS = {
-  resourcesSet: identity$3,
-  resourceAdd: identity$3,
-  resourceChange: identity$3,
-  resourceRemove: identity$3
+  resourcesSet: identity$4,
+  resourceAdd: identity$4,
+  resourceChange: identity$4,
+  resourceRemove: identity$4
 };
 EventImpl.prototype.getResources = function() {
   let { calendarApi } = this._context;
@@ -42985,9 +42985,9 @@ var DataGrid = (p2, forwardedRef) => {
   ), /* @__PURE__ */ React.createElement("canvas", { ref: overlayRef, style: overlayStyle }), stickyShadow);
 };
 var data_grid_default = React.memo(React.forwardRef(DataGrid));
-function offsetColumnSize(column, width, min, max2) {
+function offsetColumnSize(column, width, min2, max2) {
   var _a;
-  return clamp5(Math.round(width - ((_a = column.growOffset) != null ? _a : 0)), Math.ceil(min), Math.floor(max2));
+  return clamp5(Math.round(width - ((_a = column.growOffset) != null ? _a : 0)), Math.ceil(min2), Math.floor(max2));
 }
 var DataGridDnd = (p2) => {
   var _a;
@@ -45615,7 +45615,7 @@ var newRowCellRenderer = {
   onPaste: () => void 0
 };
 var NumberOverlayEditor = React.lazy(
-  async () => await import("./number-overlay-editor-FPDVTUA6-C0znNQy0.esm.js")
+  async () => await import("./number-overlay-editor-FPDVTUA6-CIQKpJh_.esm.js")
 );
 var numberCellRenderer = {
   getAccessibilityString: (c2) => {
@@ -49325,7 +49325,7 @@ var renderer5 = {
   })
 };
 var dropdown_cell_default = renderer5;
-var ArticleCellEditor = React.lazy(async () => await import("./article-cell-editor-JDI676YI-Bgq3iI1C.esm.js"));
+var ArticleCellEditor = React.lazy(async () => await import("./article-cell-editor-JDI676YI-Dc_C73-P.esm.js"));
 var renderer6 = {
   kind: GridCellKind.Custom,
   isMatch: (c2) => c2.data.kind === "article-cell",
@@ -49383,11 +49383,11 @@ var renderer7 = {
   isMatch: (c2) => c2.data.kind === "range-cell",
   draw: (args, cell) => {
     const { ctx, theme, rect } = args;
-    const { min, max: max2, value, label, measureLabel } = cell.data;
+    const { min: min2, max: max2, value, label, measureLabel } = cell.data;
     const x2 = rect.x + theme.cellHorizontalPadding;
     const yMid = rect.y + rect.height / 2;
-    const rangeSize = max2 - min;
-    const fillRatio = (value - min) / rangeSize;
+    const rangeSize = max2 - min2;
+    const fillRatio = (value - min2) / rangeSize;
     ctx.save();
     let labelWidth = 0;
     if (label !== void 0) {
@@ -50366,21 +50366,7 @@ const generateMenuItems$1 = ({
   const items = [];
   if (!multiple) {
     items.push(
-      /* @__PURE__ */ jsx(
-        MenuItem,
-        {
-          disabled: true,
-          value: "",
-          sx: {
-            opacity: `0 !important`,
-            height: `0 !important`,
-            p: `0 !important`,
-            m: `0 !important`
-          },
-          children: /* @__PURE__ */ jsx(Typography$1, { type: "s3", color: "theme.secondary.1000", children: /* @__PURE__ */ jsx("em", { children: t2(placeholder) }) })
-        },
-        "placeholder"
-      )
+      /* @__PURE__ */ jsx(MenuItem, { disabled: true, value: "", sx: { opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }, children: /* @__PURE__ */ jsx(Typography$1, { type: "s3", color: "theme.secondary.1000", children: /* @__PURE__ */ jsx("em", { children: t2(placeholder) }) }) }, "placeholder")
     );
   }
   const selectedValues = Array.isArray(values) && (values == null ? void 0 : values.length) > 0 ? values == null ? void 0 : values.filter((value) => value) : values;
@@ -50388,9 +50374,7 @@ const generateMenuItems$1 = ({
     const childValues = childOptions.map((child) => child.value);
     const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];
     const isParentSelected = valueArray.includes(parentValue);
-    const updatedValues = isParentSelected ? valueArray.filter(
-      (value) => value !== parentValue && !childValues.includes(value)
-    ) : [.../* @__PURE__ */ new Set([...valueArray, parentValue, ...childValues])];
+    const updatedValues = isParentSelected ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value)) : [.../* @__PURE__ */ new Set([...valueArray, parentValue, ...childValues])];
     onChange(updatedValues);
     handleChange == null ? void 0 : handleChange(updatedValues);
   };
@@ -50417,9 +50401,7 @@ const generateMenuItems$1 = ({
               multiple && with_checkboxes && /* @__PURE__ */ jsx(
                 Checkbox,
                 {
-                  checked: hasParent ? isAllOptionsSelected(option.value, option.options || []) : Boolean(
-                    Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value
-                  ),
+                  checked: hasParent ? isAllOptionsSelected(option.value, option.options || []) : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value),
                   indeterminate: hasParent && isSomeOptionsSelected(option.options || []),
                   onChange: () => hasParent ? handleParentChange(option.value, option.options || []) : handleChange == null ? void 0 : handleChange(option.value)
                 }
@@ -50451,9 +50433,7 @@ const generateMenuItems$1 = ({
                   multiple && with_checkboxes && /* @__PURE__ */ jsx(
                     Checkbox,
                     {
-                      checked: Boolean(
-                        Array.isArray(values) && values.includes(opt.value)
-                      )
+                      checked: Boolean(Array.isArray(values) && values.includes(opt.value))
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -50477,13 +50457,7 @@ const generateMenuItems$1 = ({
   if (field.enable_footer) {
     items.push(
       /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(
-          Divider,
-          {
-            flexItem: true,
-            sx: { mt: "0.25rem !important", mb: "0.25rem !important" }
-          }
-        ),
+        /* @__PURE__ */ jsx(Divider, { flexItem: true, sx: { mt: "0.25rem !important", mb: "0.25rem !important" } }),
         /* @__PURE__ */ jsxs(MenuItem, { sx: { gap: 1 }, onClick: onFooterClick, children: [
           /* @__PURE__ */ jsx(Add, { fontSize: "small" }),
           /* @__PURE__ */ jsxs(Typography$1, { type: "s4", color: "theme.secondary.1000", children: [
@@ -50523,529 +50497,454 @@ const SelectedItems$1 = ({ data, options }) => {
   );
 };
 const Loading = () => /* @__PURE__ */ jsx(Typography$1, { fontStyle: "italic", color: "inherit", type: "s3", children: "Loading..." });
-const DynamicSearchSelect = React__default.memo(
-  (props) => {
-    const watchedValue = useWatch({
-      control: props.formControl,
-      name: `${props.fieldArrayName}.${props.name}`
-    });
-    const formContext = useFormContext();
-    const { setValue } = formContext || {};
-    const { t: t2 } = useTranslation();
-    const { isRtl } = useLanguage();
-    const selectRef = useRef(null);
-    const [options, setOptions] = useState([]);
-    const [selectedValue, setSelectedValue] = useState(null);
-    const [selectedOptions, setSelectedOptions] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const [open, setOpen] = useState(false);
-    const [isAlreadyLoaded, setIsAlreadyLoaded] = useState(false);
-    const [prevFilter, setPrevFilter] = useState(null);
-    const [initialLoading, setInitialLoading] = useState(false);
-    const [searchQuery, setSearchQuery] = useState("");
-    const [searchInitiate, setSearchInitiate] = useState(false);
-    const [addConfig, setAddConfig] = useState(null);
-    const [isModalOpen, setIsModalOpen] = useState(false);
-    const [isAddLoading, setIsAddLoading] = useState(false);
-    const [pagination, setPagination] = useState({
-      page: 1,
-      hasMore: true,
-      isLoadingMore: false,
-      total: 0
-    });
-    const {
-      handleOptions,
-      isInternal = false,
-      disabledIds = [],
-      getSelectedData,
-      attributes = [],
-      filterKey: filterKey2 = "id",
-      customeFilter = {},
-      refresh,
-      handleChange,
-      hasParent = false,
-      sortOrder = "id:-1",
-      apiType,
-      addType
-    } = props;
-    const limit = 25;
-    const isInternalOptions = useMemo(() => {
-      return isInternal || !apiType;
-    }, [isInternal, apiType]);
-    const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);
-    const searchOptionsLocally = useCallback(
-      (searchTerm, value) => {
-        var _a, _b;
-        if (!searchTerm) return props.options || [];
-        const lowercasedSearchTerm = searchTerm.toLowerCase();
-        const filteredOptions2 = hasParent ? ((_a = props.options) == null ? void 0 : _a.reduce((acc, opt) => {
-          var _a2;
-          const searchedOptions = (_a2 = opt.options) == null ? void 0 : _a2.filter((item) => {
-            const label = React__default.isValidElement(item.label) ? item.searchLabel : String(item.label);
-            return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
-          });
-          if (searchedOptions == null ? void 0 : searchedOptions.length) {
-            acc.push({ ...opt, options: searchedOptions });
-          }
-          return acc;
-        }, [])) || [] : ((_b = props.options) == null ? void 0 : _b.filter((opt) => {
-          const label = React__default.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);
-          return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
-        })) || [];
-        return sortBySelectedValues(filteredOptions2, value);
-      },
-      [props.options, hasParent]
-    );
-    const getUniqueOptions = useCallback((data) => {
-      const uniqueOptions = [
-        ...new Map(data == null ? void 0 : data.map((item) => [item.value, item])).values()
-      ];
-      return uniqueOptions;
-    }, []);
-    const sortBySelectedValues = useCallback(
-      (arrayToSort, value) => {
-        const selectedValues = Array.isArray(value) ? value : [value];
-        const sortedValue = sortBy(arrayToSort, (item) => {
-          const index2 = selectedValues.indexOf(item.id || item.value);
-          return index2 == -1 ? Infinity : index2;
-        });
-        return sortedValue;
-      },
-      []
-    );
-    const filteredOptions = useMemo(() => {
-      if (isInternalOptions) {
-        return searchOptionsLocally(searchQuery, watchedValue);
+const DynamicSearchSelect = React__default.memo((props) => {
+  const watchedValue = useWatch({
+    control: props.formControl,
+    name: `${props.fieldArrayName}.${props.name}`
+  });
+  const formContext = useFormContext();
+  const { setValue } = formContext || {};
+  const { t: t2 } = useTranslation();
+  const { isRtl } = useLanguage();
+  const selectRef = useRef(null);
+  const [options, setOptions] = useState([]);
+  const [selectedValue, setSelectedValue] = useState(null);
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [isAlreadyLoaded, setIsAlreadyLoaded] = useState(false);
+  const [prevFilter, setPrevFilter] = useState(null);
+  const [initialLoading, setInitialLoading] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [searchInitiate, setSearchInitiate] = useState(false);
+  const [addConfig, setAddConfig] = useState(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isAddLoading, setIsAddLoading] = useState(false);
+  const [pagination, setPagination] = useState({
+    page: 1,
+    hasMore: true,
+    isLoadingMore: false,
+    total: 0
+  });
+  const {
+    handleOptions,
+    isInternal = false,
+    disabledIds = [],
+    getSelectedData,
+    attributes = [],
+    filterKey: filterKey2 = "id",
+    customeFilter = {},
+    refresh,
+    handleChange,
+    hasParent = false,
+    sortOrder = "id:-1",
+    apiType,
+    addType
+  } = props;
+  const limit = 25;
+  const isInternalOptions = useMemo(() => {
+    return isInternal || !apiType;
+  }, [isInternal, apiType]);
+  const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);
+  const searchOptionsLocally = useCallback((searchTerm, value) => {
+    var _a, _b;
+    if (!searchTerm) return props.options || [];
+    const lowercasedSearchTerm = searchTerm.toLowerCase();
+    const filteredOptions2 = hasParent ? ((_a = props.options) == null ? void 0 : _a.reduce((acc, opt) => {
+      var _a2;
+      const searchedOptions = (_a2 = opt.options) == null ? void 0 : _a2.filter((item) => {
+        const label = React__default.isValidElement(item.label) ? item.searchLabel : String(item.label);
+        return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
+      });
+      if (searchedOptions == null ? void 0 : searchedOptions.length) {
+        acc.push({ ...opt, options: searchedOptions });
       }
-      return sortBySelectedValues(
-        getUniqueOptions([...options, ...selectedOptions]),
-        watchedValue
-      );
-    }, [
-      options,
-      selectedOptions,
-      isInternalOptions,
-      props.options,
-      watchedValue,
-      searchQuery,
-      searchOptionsLocally,
-      sortBySelectedValues,
-      getUniqueOptions
-    ]);
-    const fetchOptions = useCallback(
-      async (searchTerm = "", flt = cf, page = 1, append2 = false) => {
-        if (!apiType) return [];
-        setLoading(true);
-        if (page > 1) {
-          setPagination((prev) => ({ ...prev, isLoadingMore: true }));
-        }
-        try {
-          const { data = [], pagination: pagination2 = {} } = await fetchApi({
-            apiKey: apiType,
-            filters: {
-              limit,
-              skip: (page - 1) * limit,
-              search: searchTerm,
-              filters: flt,
-              select: attributes,
-              order: sortOrder
-            }
-          });
-          if (data && Array.isArray(data)) {
-            const newOptions = append2 ? [...options, ...data] : data;
-            updateOptions(newOptions, append2);
-            handleSelectedValue(data);
-            setPagination((prev) => ({
-              ...prev,
-              page,
-              hasMore: (pagination2 == null ? void 0 : pagination2.totalCount) > page * limit,
-              total: pagination2 == null ? void 0 : pagination2.totalCount,
-              isLoadingMore: false
-            }));
-          }
-          return data || [];
-        } catch (error) {
-          console.error("Error fetching options:", error);
-          setPagination((prev) => ({ ...prev, isLoadingMore: false }));
-          return [];
-        } finally {
-          setLoading(false);
-        }
-      },
-      [apiType, options, attributes, sortOrder, limit, cf]
-    );
-    const handleScroll = useCallback(
-      (event) => {
-        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
-        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;
-        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {
-          const nextPage = pagination.page + 1;
-          fetchOptions(searchQuery, cf, nextPage, true);
-        }
-      },
-      [
-        pagination.hasMore,
-        pagination.isLoadingMore,
-        pagination.page,
-        isInternalOptions,
-        searchQuery,
-        cf,
-        fetchOptions
-      ]
-    );
-    const updateOptions = useCallback(
-      (newOptions, append2 = false) => {
-        const oldOptions = append2 ? options : selectedOptions;
-        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);
-        setOptions(uniqueOptions);
-      },
-      [options, selectedOptions, getUniqueOptions]
-    );
-    const handleSelectedValue = useCallback(
-      async (updateOptions2) => {
-        const filterValue = props.is_multiselect ? watchedValue : [watchedValue];
-        const isInOptions = updateOptions2 == null ? void 0 : updateOptions2.filter(
-          (item) => Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey2] || item.value || item.id) == filterValue
-        );
-        if (Array.isArray(isInOptions) && isInOptions.length > 0) {
-          getSelectedData == null ? void 0 : getSelectedData(
-            props.is_multiselect ? isInOptions : isInOptions[0],
-            props.name
-          );
-          return true;
+      return acc;
+    }, [])) || [] : ((_b = props.options) == null ? void 0 : _b.filter((opt) => {
+      const label = React__default.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);
+      return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
+    })) || [];
+    return sortBySelectedValues(filteredOptions2, value);
+  }, [props.options, hasParent]);
+  const getUniqueOptions = useCallback((data) => {
+    const uniqueOptions = [
+      ...new Map(data == null ? void 0 : data.map((item) => [item.value, item])).values()
+    ];
+    return uniqueOptions;
+  }, []);
+  const sortBySelectedValues = useCallback((arrayToSort, value) => {
+    const selectedValues = Array.isArray(value) ? value : [value];
+    const sortedValue = sortBy(arrayToSort, (item) => {
+      const index2 = selectedValues.indexOf(item.id || item.value);
+      return index2 == -1 ? Infinity : index2;
+    });
+    return sortedValue;
+  }, []);
+  const filteredOptions = useMemo(() => {
+    if (isInternalOptions) {
+      return searchOptionsLocally(searchQuery, watchedValue);
+    }
+    return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);
+  }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);
+  const fetchOptions = useCallback(async (searchTerm = "", flt = cf, page = 1, append2 = false) => {
+    if (!apiType) return [];
+    setLoading(true);
+    if (page > 1) {
+      setPagination((prev) => ({ ...prev, isLoadingMore: true }));
+    }
+    try {
+      const { data = [], pagination: pagination2 = {} } = await fetchApi({
+        apiKey: apiType,
+        filters: {
+          limit,
+          skip: (page - 1) * limit,
+          search: searchTerm,
+          filters: flt,
+          select: attributes,
+          order: sortOrder
         }
-        return false;
-      },
-      [
-        props.is_multiselect,
-        props.name,
-        watchedValue,
-        filterKey2,
-        getSelectedData
-      ]
-    );
-    const fetchIdOptions = useCallback(async () => {
-      if (open) return;
-      if (await handleSelectedValue(filteredOptions)) return;
-      const condition = props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.length > 0 : Boolean(watchedValue);
-      if (condition) {
-        setInitialLoading(true);
-        await fetchOptions(
-          "",
-          { ...cf, "&id.in": watchedValue },
-          1,
-          false
-        );
-        setInitialLoading(false);
+      });
+      if (data && Array.isArray(data)) {
+        const newOptions = append2 ? [...options, ...data] : data;
+        updateOptions(newOptions, append2);
+        handleSelectedValue(data);
+        setPagination((prev) => ({
+          ...prev,
+          page,
+          hasMore: (pagination2 == null ? void 0 : pagination2.totalCount) > page * limit,
+          total: pagination2 == null ? void 0 : pagination2.totalCount,
+          isLoadingMore: false
+        }));
       }
-    }, [open, watchedValue, JSON.stringify(cf)]);
-    const initialFetch = useCallback(async () => {
-      const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);
-      if (condition) {
-        setPrevFilter(cf);
-        setOptions([]);
-        setIsAlreadyLoaded(false);
+      return data || [];
+    } catch (error) {
+      console.error("Error fetching options:", error);
+      setPagination((prev) => ({ ...prev, isLoadingMore: false }));
+      return [];
+    } finally {
+      setLoading(false);
+    }
+  }, [apiType, options, attributes, sortOrder, limit, cf]);
+  const handleScroll = useCallback((event) => {
+    const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
+    const isBottom = scrollHeight - scrollTop <= clientHeight + 10;
+    if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {
+      const nextPage = pagination.page + 1;
+      fetchOptions(searchQuery, cf, nextPage, true);
+    }
+  }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);
+  const updateOptions = useCallback((newOptions, append2 = false) => {
+    const oldOptions = append2 ? options : selectedOptions;
+    const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);
+    setOptions(uniqueOptions);
+  }, [options, selectedOptions, getUniqueOptions]);
+  const handleSelectedValue = useCallback(async (updateOptions2) => {
+    const filterValue = props.is_multiselect ? watchedValue : [watchedValue];
+    const isInOptions = updateOptions2 == null ? void 0 : updateOptions2.filter(
+      (item) => Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey2] || item.value || item.id) == filterValue
+    );
+    if (Array.isArray(isInOptions) && isInOptions.length > 0) {
+      getSelectedData == null ? void 0 : getSelectedData(props.is_multiselect ? isInOptions : isInOptions[0], props.name);
+      return true;
+    }
+    return false;
+  }, [props.is_multiselect, props.name, watchedValue, filterKey2, getSelectedData]);
+  const fetchIdOptions = useCallback(async () => {
+    if (open) return;
+    if (await handleSelectedValue(filteredOptions)) return;
+    const condition = props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.length > 0 : Boolean(watchedValue);
+    if (condition) {
+      setInitialLoading(true);
+      await fetchOptions("", { ...cf, "&id.in": watchedValue }, 1, false);
+      setInitialLoading(false);
+    }
+  }, [open, watchedValue, JSON.stringify(cf)]);
+  const initialFetch = useCallback(async () => {
+    const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);
+    if (condition) {
+      setPrevFilter(cf);
+      setOptions([]);
+      setIsAlreadyLoaded(false);
+      setPagination({
+        page: 1,
+        hasMore: true,
+        isLoadingMore: false,
+        total: 0
+      });
+    }
+    if (!isInternalOptions && !isAlreadyLoaded) {
+      await fetchOptions(searchQuery, cf, 1, false);
+      setIsAlreadyLoaded(true);
+    }
+  }, [cf, isInternalOptions, isAlreadyLoaded]);
+  const debouncedSearch = useMemo(
+    () => debounce$2(async (searchTerm) => {
+      if (loading) return;
+      if (!searchTerm && !isInternalOptions && searchInitiate) {
         setPagination({
           page: 1,
           hasMore: true,
           isLoadingMore: false,
           total: 0
         });
+        await fetchOptions("", cf, 1, false);
       }
-      if (!isInternalOptions && !isAlreadyLoaded) {
-        await fetchOptions(searchQuery, cf, 1, false);
-        setIsAlreadyLoaded(true);
-      }
-    }, [cf, isInternalOptions, isAlreadyLoaded]);
-    const debouncedSearch = useMemo(
-      () => debounce$2(async (searchTerm) => {
-        if (loading) return;
-        if (!searchTerm && !isInternalOptions && searchInitiate) {
-          setPagination({
-            page: 1,
-            hasMore: true,
-            isLoadingMore: false,
-            total: 0
-          });
-          await fetchOptions("", cf, 1, false);
-        }
-        if (searchTerm.length > 1 && !isInternalOptions) {
-          setPagination({
-            page: 1,
-            hasMore: true,
-            isLoadingMore: false,
-            total: 0
-          });
-          await fetchOptions(searchTerm, cf, 1, false);
-        }
-      }, 700),
-      //eslint-disable-next-line
-      [isInternalOptions, searchInitiate, cf]
-    );
-    const resetValue = useCallback(
-      (field) => {
-        field.onChange(props.is_multiselect ? [] : null);
-        if (getSelectedData) {
-          getSelectedData(null, props.name);
-        }
-      },
-      [props.is_multiselect, props.name, getSelectedData]
-    );
-    const handleClose = useCallback(() => {
-      setOpen(false);
-      if (searchQuery.length > 0) {
-        setIsAlreadyLoaded(false);
-      }
-      setSearchInitiate(false);
-      setSearchQuery("");
-    }, [searchQuery]);
-    const handleModalOpen = useCallback(() => {
-      setIsModalOpen(true);
-    }, []);
-    const handleModalSave = useCallback(
-      async (payload) => {
-        if (!addConfig || !addConfig.api) {
-          console.error("Add configuration is not properly set");
-          return;
-        }
-        setIsAddLoading(true);
-        try {
-          const result = await addConfig.api(payload);
-          console.log("result", result);
-          setIsAddLoading(false);
-          setIsModalOpen(false);
-          if (!isInternalOptions) {
-            setPagination({
-              page: 1,
-              hasMore: true,
-              isLoadingMore: false,
-              total: 0
-            });
-            setIsAlreadyLoaded(false);
-            await fetchOptions("", cf, 1, false);
-          }
-          if (result && result.data) {
-            const newValue = props.is_multiselect ? [...watchedValue || [], result.data.id] : result.data.id;
-            if (setValue) {
-              setValue(`${props.fieldArrayName}.${props.name}`, newValue);
-            }
-          }
-        } catch (error) {
-          console.log("error", error);
-          setIsAddLoading(false);
-        }
-      },
-      [
-        addConfig,
-        isInternalOptions,
-        fetchOptions,
-        cf,
-        props.is_multiselect,
-        props.fieldArrayName,
-        props.name,
-        watchedValue,
-        setValue
-      ]
-    );
-    useEffect(() => {
-      if (handleOptions) {
-        handleOptions(selectedValue);
-      }
-    }, [handleOptions, selectedValue]);
-    useEffect(() => {
-      if (open) {
-        initialFetch();
-      }
-    }, [open, initialFetch]);
-    useEffect(() => {
-      fetchIdOptions();
-    }, [fetchIdOptions]);
-    useEffect(() => {
-      if (refresh) {
+      if (searchTerm.length > 1 && !isInternalOptions) {
         setPagination({
           page: 1,
           hasMore: true,
           isLoadingMore: false,
           total: 0
         });
-        fetchOptions("", cf, 1, false);
+        await fetchOptions(searchTerm, cf, 1, false);
       }
-    }, [refresh, fetchOptions, cf]);
-    useEffect(() => {
-      if (open) {
-        debouncedSearch(searchQuery);
+    }, 700),
+    //eslint-disable-next-line
+    [isInternalOptions, searchInitiate, cf]
+  );
+  const resetValue = useCallback((field) => {
+    field.onChange(props.is_multiselect ? [] : null);
+    if (getSelectedData) {
+      getSelectedData(null, props.name);
+    }
+  }, [props.is_multiselect, props.name, getSelectedData]);
+  const handleClose = useCallback(() => {
+    setOpen(false);
+    if (searchQuery.length > 0) {
+      setIsAlreadyLoaded(false);
+    }
+    setSearchInitiate(false);
+    setSearchQuery("");
+  }, [searchQuery]);
+  const handleModalOpen = useCallback(() => {
+    setIsModalOpen(true);
+  }, []);
+  const handleModalSave = useCallback(async (payload) => {
+    if (!addConfig || !addConfig.api) {
+      console.error("Add configuration is not properly set");
+      return;
+    }
+    setIsAddLoading(true);
+    try {
+      const result = await addConfig.api(payload);
+      console.log("result", result);
+      setIsAddLoading(false);
+      setIsModalOpen(false);
+      if (!isInternalOptions) {
+        setPagination({
+          page: 1,
+          hasMore: true,
+          isLoadingMore: false,
+          total: 0
+        });
+        setIsAlreadyLoaded(false);
+        await fetchOptions("", cf, 1, false);
       }
-      return () => debouncedSearch.cancel();
-    }, [searchQuery, open, debouncedSearch]);
-    useEffect(() => {
-      if (watchedValue && !open) {
-        const selectedData = options == null ? void 0 : options.filter(
-          (item) => props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) : (item.id || item.value) == watchedValue
-        );
-        setSelectedOptions(selectedData || []);
+      if (result && result.data) {
+        const newValue = props.is_multiselect ? [...watchedValue || [], result.data.id] : result.data.id;
+        if (setValue) {
+          setValue(`${props.fieldArrayName}.${props.name}`, newValue);
+        }
       }
-    }, [watchedValue, options, props.is_multiselect, open]);
-    const removeUndefined = useCallback((selectOptions) => {
-      return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];
-    }, []);
-    useEffect(() => {
-      const config2 = dynamicSelectAdd(addType);
-      setAddConfig(config2);
-    }, [addType]);
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        control: props.formControl,
-        name: `${props.fieldArrayName}.${props.name}`,
-        render: ({ field, fieldState }) => {
-          var _a, _b, _c, _d, _e;
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            props.placeholder == "Select Currency" && setSelectedValue(field.value),
-            /* @__PURE__ */ jsxs(
-              Select$1,
-              {
-                ...field,
-                ref: selectRef,
-                open,
-                onOpen: () => setOpen(true),
-                onClose: handleClose,
-                fullWidth: true,
-                dataPosition: props.position,
-                dataName: `${props.fieldArrayName}.${props.name}`,
-                placeholder: props.placeholder,
-                label: props.label,
-                defaultValue: props.defaultValue || (props.is_multiselect ? [] : ""),
-                searchValue: searchQuery,
-                required: props.formType == "builder" ? false : props.required,
-                size: props.size || "small",
-                multiple: props.is_multiselect || false,
-                disabled: props.disabled,
-                sx: props.is_multiselect && ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) ? { "& .MuiSelect-select": { padding: "5.5px !important" } } : {},
-                variant: "outlined",
-                value: initialLoading ? props.is_multiselect ? [] : "" : ((_b = field.value) == null ? void 0 : _b.id) || field.value || (props.is_multiselect ? [] : ""),
-                className: props.is_multiselect && ((_c = removeUndefined(field.value)) == null ? void 0 : _c.length) ? "MultiSelect filter-select" : "",
-                MenuProps: {
-                  PaperProps: {
-                    onScroll: handleScroll,
-                    style: { maxHeight: 300 }
-                  }
-                },
-                renderValue: (selected) => {
-                  if (Array.isArray(selected)) {
-                    return /* @__PURE__ */ jsx(
-                      ChipOrPlaceholder,
-                      {
-                        selectedLabel: props.selectedLabel,
-                        data: removeUndefined(selected),
-                        placeholder: loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : `${t2("common.search")} ${props.label}`,
-                        onDelete: props.onChipRemove,
-                        disabled: props.disabled,
-                        chipProps: {
-                          sx: {
-                            background: "#ebf9f2",
-                            border: 0,
-                            // borderRadius: '15px',
-                            "& .MuiTypography-body1": {
-                              color: "#289b64",
-                              fontWeight: "500"
-                            }
+    } catch (error) {
+      console.log("error", error);
+      setIsAddLoading(false);
+    }
+  }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);
+  useEffect(() => {
+    if (handleOptions) {
+      handleOptions(selectedValue);
+    }
+  }, [handleOptions, selectedValue]);
+  useEffect(() => {
+    if (open) {
+      initialFetch();
+    }
+  }, [open, initialFetch]);
+  useEffect(() => {
+    fetchIdOptions();
+  }, [fetchIdOptions]);
+  useEffect(() => {
+    if (refresh) {
+      setPagination({
+        page: 1,
+        hasMore: true,
+        isLoadingMore: false,
+        total: 0
+      });
+      fetchOptions("", cf, 1, false);
+    }
+  }, [refresh, fetchOptions, cf]);
+  useEffect(() => {
+    if (open) {
+      debouncedSearch(searchQuery);
+    }
+    return () => debouncedSearch.cancel();
+  }, [searchQuery, open, debouncedSearch]);
+  useEffect(() => {
+    if (watchedValue && !open) {
+      const selectedData = options == null ? void 0 : options.filter(
+        (item) => props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) : (item.id || item.value) == watchedValue
+      );
+      setSelectedOptions(selectedData || []);
+    }
+  }, [watchedValue, options, props.is_multiselect, open]);
+  const removeUndefined = useCallback((selectOptions) => {
+    return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];
+  }, []);
+  useEffect(() => {
+    const config2 = dynamicSelectAdd(addType);
+    setAddConfig(config2);
+  }, [addType]);
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control: props.formControl,
+      name: `${props.fieldArrayName}.${props.name}`,
+      render: ({ field, fieldState }) => {
+        var _a, _b, _c, _d, _e;
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          props.placeholder == "Select Currency" && setSelectedValue(field.value),
+          /* @__PURE__ */ jsxs(
+            Select$1,
+            {
+              ...field,
+              ref: selectRef,
+              open,
+              onOpen: () => setOpen(true),
+              onClose: handleClose,
+              fullWidth: true,
+              dataPosition: props.position,
+              dataName: `${props.fieldArrayName}.${props.name}`,
+              placeholder: props.placeholder,
+              label: props.label,
+              defaultValue: props.defaultValue || (props.is_multiselect ? [] : ""),
+              searchValue: searchQuery,
+              required: props.formType == "builder" ? false : props.required,
+              size: props.size || "small",
+              multiple: props.is_multiselect || false,
+              disabled: props.disabled,
+              sx: props.is_multiselect && ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) ? { "& .MuiSelect-select": { padding: "5.5px !important" } } : {},
+              variant: "outlined",
+              value: initialLoading ? props.is_multiselect ? [] : "" : ((_b = field.value) == null ? void 0 : _b.id) || field.value || (props.is_multiselect ? [] : ""),
+              className: props.is_multiselect && ((_c = removeUndefined(field.value)) == null ? void 0 : _c.length) ? "MultiSelect filter-select" : "",
+              MenuProps: {
+                PaperProps: {
+                  onScroll: handleScroll,
+                  style: { maxHeight: 300 }
+                }
+              },
+              renderValue: (selected) => {
+                if (Array.isArray(selected)) {
+                  return /* @__PURE__ */ jsx(
+                    ChipOrPlaceholder,
+                    {
+                      selectedLabel: props.selectedLabel,
+                      data: removeUndefined(selected),
+                      placeholder: loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : `${t2("common.search")} ${props.label}`,
+                      onDelete: props.onChipRemove,
+                      disabled: props.disabled,
+                      chipProps: {
+                        sx: {
+                          background: "#ebf9f2",
+                          border: 0,
+                          // borderRadius: '15px',
+                          "& .MuiTypography-body1": {
+                            color: "#289b64",
+                            fontWeight: "500"
                           }
                         }
                       }
-                    );
-                  } else {
-                    const selectedOption = filteredOptions.find(
-                      (option) => {
-                        var _a2;
-                        return (((_a2 = option.value) == null ? void 0 : _a2.id) || option.value) == selected;
-                      }
-                    );
-                    return loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : (selectedOption == null ? void 0 : selectedOption.label) || (typeof props.label == "string" ? `${t2("common.search")} ${props.label}` : props.placeholder);
-                  }
-                },
-                searchPlaceholder: `${t2("common.search")} ${props.label}`,
-                handleSearch: (text) => {
-                  setSearchQuery(text);
-                  setSearchInitiate(true);
-                },
-                error: Boolean((_d = fieldState.error) == null ? void 0 : _d.message),
-                helperText: ((_e = fieldState.error) == null ? void 0 : _e.message) || "",
-                onBlur: field.onBlur,
-                input: /* @__PURE__ */ jsx(
-                  OutlinedInput,
-                  {
-                    label: "",
-                    endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: loading || props.is_loading ? /* @__PURE__ */ jsx(
-                      CircularProgress,
-                      {
-                        size: 20,
-                        sx: { mr: 3, color: "#4AC08C" }
-                      }
-                    ) : !props.disabled && (props.is_multiselect ? Array.isArray(field.value) && field.value.length > 0 : Boolean(field.value)) && /* @__PURE__ */ jsx(
-                      IconButton,
-                      {
-                        "aria-label": "clear selection",
-                        onClick: () => resetValue(field),
-                        edge: "end",
-                        sx: isRtl ? { ml: 2.5 } : { mr: 1.5 },
-                        size: "small",
-                        children: /* @__PURE__ */ jsx(Close, { sx: { fontSize: "1rem" } })
-                      }
-                    ) })
-                  }
-                ),
-                children: [
-                  generateMenuItems$1({
-                    options: filteredOptions,
-                    multiple: Boolean(props.is_multiselect),
-                    placeholder: props.placeholder,
-                    values: field.value,
-                    with_checkboxes: true,
-                    field: props,
-                    disabledIds,
-                    onChange: field.onChange,
-                    handleChange,
-                    hasParent,
-                    t: t2,
-                    onFooterClick: () => {
-                      if (props == null ? void 0 : props.onFooterClick) {
-                        props == null ? void 0 : props.onFooterClick();
-                      } else {
-                        handleModalOpen();
-                      }
                     }
-                  }),
-                  pagination.isLoadingMore && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(
-                    Box,
+                  );
+                } else {
+                  const selectedOption = filteredOptions.find(
+                    (option) => {
+                      var _a2;
+                      return (((_a2 = option.value) == null ? void 0 : _a2.id) || option.value) == selected;
+                    }
+                  );
+                  return loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : (selectedOption == null ? void 0 : selectedOption.label) || (typeof props.label == "string" ? `${t2("common.search")} ${props.label}` : props.placeholder);
+                }
+              },
+              searchPlaceholder: `${t2("common.search")} ${props.label}`,
+              handleSearch: (text) => {
+                setSearchQuery(text);
+                setSearchInitiate(true);
+              },
+              error: Boolean((_d = fieldState.error) == null ? void 0 : _d.message),
+              helperText: ((_e = fieldState.error) == null ? void 0 : _e.message) || "",
+              onBlur: field.onBlur,
+              input: /* @__PURE__ */ jsx(
+                OutlinedInput,
+                {
+                  label: "",
+                  endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: loading || props.is_loading ? /* @__PURE__ */ jsx(
+                    CircularProgress,
                     {
-                      sx: {
-                        display: "flex",
-                        justifyContent: "center",
-                        width: "100%"
-                      },
-                      children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 })
+                      size: 20,
+                      sx: { mr: 3, color: "#4AC08C" }
+                    }
+                  ) : !props.disabled && (props.is_multiselect ? Array.isArray(field.value) && field.value.length > 0 : Boolean(field.value)) && /* @__PURE__ */ jsx(
+                    IconButton,
+                    {
+                      "aria-label": "clear selection",
+                      onClick: () => resetValue(field),
+                      edge: "end",
+                      sx: isRtl ? { ml: 2.5 } : { mr: 1.5 },
+                      size: "small",
+                      children: /* @__PURE__ */ jsx(Close, { sx: { fontSize: "1rem" } })
                     }
                   ) })
-                ]
-              }
-            ),
-            addConfig && addConfig.component && /* @__PURE__ */ jsx(Fragment, { children: React__default.createElement(addConfig.component, {
-              isOpen: isModalOpen,
-              setIsOpen: setIsModalOpen,
-              isLoading: isAddLoading,
-              onSave: handleModalSave,
-              modalProps: {
-                maxWidth: "md",
-                fullWidth: true
-              }
-            }) }),
-            props.is_multiselect && Array.isArray(field.value) && /* @__PURE__ */ jsx(SelectedItems$1, { data: field.value, options: filteredOptions })
-          ] });
-        }
+                }
+              ),
+              children: [
+                generateMenuItems$1({
+                  options: filteredOptions,
+                  multiple: Boolean(props.is_multiselect),
+                  placeholder: props.placeholder,
+                  values: field.value,
+                  with_checkboxes: true,
+                  field: props,
+                  disabledIds,
+                  onChange: field.onChange,
+                  handleChange,
+                  hasParent,
+                  t: t2,
+                  onFooterClick: () => {
+                    if (props == null ? void 0 : props.onFooterClick) {
+                      props == null ? void 0 : props.onFooterClick();
+                    } else {
+                      handleModalOpen();
+                    }
+                  }
+                }),
+                pagination.isLoadingMore && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }) })
+              ]
+            }
+          ),
+          addConfig && addConfig.component && /* @__PURE__ */ jsx(Fragment, { children: React__default.createElement(addConfig.component, {
+            isOpen: isModalOpen,
+            setIsOpen: setIsModalOpen,
+            isLoading: isAddLoading,
+            onSave: handleModalSave,
+            modalProps: {
+              maxWidth: "md",
+              fullWidth: true
+            }
+          }) }),
+          props.is_multiselect && Array.isArray(field.value) && /* @__PURE__ */ jsx(
+            SelectedItems$1,
+            {
+              data: field.value,
+              options: filteredOptions
+            }
+          )
+        ] });
       }
-    );
-  }
-);
+    }
+  );
+});
 DynamicSearchSelect.propTypes = {
   name: PropTypes.string.isRequired,
   placeholder: PropTypes.string.isRequired,
@@ -52999,9 +52898,9 @@ const DynamicDate = React__default.memo((props) => {
     [props.fieldArrayName, props.name]
   );
   const { minDate, maxDate } = useMemo(() => {
-    const min = dayjs(props.min_date || null).isValid() ? dayjs(props.min_date) : null;
+    const min2 = dayjs(props.min_date || null).isValid() ? dayjs(props.min_date) : null;
     const max2 = dayjs(props.max_date || null).isValid() ? dayjs(props.max_date) : null;
-    return { minDate: min, maxDate: max2 };
+    return { minDate: min2, maxDate: max2 };
   }, [props.min_date, props.max_date]);
   const isRequired = useMemo(
     () => props.formType === "builder" ? false : props.required,
@@ -55107,7 +55006,7 @@ const PageLoader = (props) => {
 function ascending$1(a2, b2) {
   return a2 == null || b2 == null ? NaN : a2 < b2 ? -1 : a2 > b2 ? 1 : a2 >= b2 ? 0 : NaN;
 }
-function descending(a2, b2) {
+function descending$1(a2, b2) {
   return a2 == null || b2 == null ? NaN : b2 < a2 ? -1 : b2 > a2 ? 1 : b2 >= a2 ? 0 : NaN;
 }
 function bisector(f2) {
@@ -55117,7 +55016,7 @@ function bisector(f2) {
     compare2 = (d2, x2) => ascending$1(f2(d2), x2);
     delta = (d2, x2) => f2(d2) - x2;
   } else {
-    compare1 = f2 === ascending$1 || f2 === descending ? f2 : zero$1;
+    compare1 = f2 === ascending$1 || f2 === descending$1 ? f2 : zero$1;
     compare2 = f2;
     delta = f2;
   }
@@ -55244,7 +55143,7 @@ function tickStep(start, stop, count) {
   const reverse = stop < start, inc = reverse ? tickIncrement(stop, start, count) : tickIncrement(start, stop, count);
   return (reverse ? -1 : 1) * (inc < 0 ? 1 / -inc : inc);
 }
-function max(values, valueof) {
+function max$1(values, valueof) {
   let max2;
   if (valueof === void 0) {
     for (const value of values) {
@@ -55262,6 +55161,24 @@ function max(values, valueof) {
   }
   return max2;
 }
+function min$1(values, valueof) {
+  let min2;
+  if (valueof === void 0) {
+    for (const value of values) {
+      if (value != null && (min2 > value || min2 === void 0 && value >= value)) {
+        min2 = value;
+      }
+    }
+  } else {
+    let index2 = -1;
+    for (let value of values) {
+      if ((value = valueof(value, ++index2, values)) != null && (min2 > value || min2 === void 0 && value >= value)) {
+        min2 = value;
+      }
+    }
+  }
+  return min2;
+}
 function range(start, stop, step) {
   start = +start, stop = +stop, step = (n2 = arguments.length) < 2 ? (stop = start, start = 0, 1) : n2 < 3 ? 1 : +step;
   var i2 = -1, n2 = Math.max(0, Math.ceil((stop - start) / step)) | 0, range2 = new Array(n2);
@@ -55270,10 +55187,10 @@ function range(start, stop, step) {
   }
   return range2;
 }
-function identity$2(x2) {
+function identity$3(x2) {
   return x2;
 }
-var top = 1, right = 2, bottom = 3, left = 4, epsilon$1 = 1e-6;
+var top = 1, right = 2, bottom = 3, left = 4, epsilon$2 = 1e-6;
 function translateX(x2) {
   return "translate(" + x2 + ",0)";
 }
@@ -55294,7 +55211,7 @@ function entering() {
 function axis(orient, scale) {
   var tickArguments = [], tickValues = null, tickFormat2 = null, tickSizeInner = 6, tickSizeOuter = 6, tickPadding = 3, offset = typeof window !== "undefined" && window.devicePixelRatio > 1 ? 0 : 0.5, k2 = orient === top || orient === left ? -1 : 1, x2 = orient === left || orient === right ? "x" : "y", transform = orient === top || orient === bottom ? translateX : translateY;
   function axis2(context) {
-    var values = tickValues == null ? scale.ticks ? scale.ticks.apply(scale, tickArguments) : scale.domain() : tickValues, format2 = tickFormat2 == null ? scale.tickFormat ? scale.tickFormat.apply(scale, tickArguments) : identity$2 : tickFormat2, spacing = Math.max(tickSizeInner, 0) + tickPadding, range2 = scale.range(), range0 = +range2[0] + offset, range1 = +range2[range2.length - 1] + offset, position = (scale.bandwidth ? center : number$1)(scale.copy(), offset), selection = context.selection ? context.selection() : context, path = selection.selectAll(".domain").data([null]), tick = selection.selectAll(".tick").data(values, scale).order(), tickExit = tick.exit(), tickEnter = tick.enter().append("g").attr("class", "tick"), line2 = tick.select("line"), text = tick.select("text");
+    var values = tickValues == null ? scale.ticks ? scale.ticks.apply(scale, tickArguments) : scale.domain() : tickValues, format2 = tickFormat2 == null ? scale.tickFormat ? scale.tickFormat.apply(scale, tickArguments) : identity$3 : tickFormat2, spacing = Math.max(tickSizeInner, 0) + tickPadding, range2 = scale.range(), range0 = +range2[0] + offset, range1 = +range2[range2.length - 1] + offset, position = (scale.bandwidth ? center : number$1)(scale.copy(), offset), selection = context.selection ? context.selection() : context, path = selection.selectAll(".domain").data([null]), tick = selection.selectAll(".tick").data(values, scale).order(), tickExit = tick.exit(), tickEnter = tick.enter().append("g").attr("class", "tick"), line2 = tick.select("line"), text = tick.select("text");
     path = path.merge(path.enter().insert("path", ".tick").attr("class", "domain").attr("stroke", "currentColor"));
     tick = tick.merge(tickEnter);
     line2 = line2.merge(tickEnter.append("line").attr("stroke", "currentColor").attr(x2 + "2", k2 * tickSizeInner));
@@ -55304,10 +55221,10 @@ function axis(orient, scale) {
       tick = tick.transition(context);
       line2 = line2.transition(context);
       text = text.transition(context);
-      tickExit = tickExit.transition(context).attr("opacity", epsilon$1).attr("transform", function(d2) {
+      tickExit = tickExit.transition(context).attr("opacity", epsilon$2).attr("transform", function(d2) {
         return isFinite(d2 = position(d2)) ? transform(d2 + offset) : this.getAttribute("transform");
       });
-      tickEnter.attr("opacity", epsilon$1).attr("transform", function(d2) {
+      tickEnter.attr("opacity", epsilon$2).attr("transform", function(d2) {
         var p2 = this.parentNode.__axis;
         return transform((p2 && isFinite(p2 = p2(d2)) ? p2 : position(d2)) + offset);
       });
@@ -55356,6 +55273,9 @@ function axis(orient, scale) {
   };
   return axis2;
 }
+function axisTop(scale) {
+  return axis(top, scale);
+}
 function axisBottom(scale) {
   return axis(bottom, scale);
 }
@@ -56054,6 +55974,29 @@ Selection.prototype = {
 function select(selector2) {
   return typeof selector2 === "string" ? new Selection([[document.querySelector(selector2)]], [document.documentElement]) : new Selection([[selector2]], root);
 }
+function sourceEvent(event) {
+  let sourceEvent2;
+  while (sourceEvent2 = event.sourceEvent) event = sourceEvent2;
+  return event;
+}
+function pointer(event, node) {
+  event = sourceEvent(event);
+  if (node === void 0) node = event.currentTarget;
+  if (node) {
+    var svg = node.ownerSVGElement || node;
+    if (svg.createSVGPoint) {
+      var point2 = svg.createSVGPoint();
+      point2.x = event.clientX, point2.y = event.clientY;
+      point2 = point2.matrixTransform(node.getScreenCTM().inverse());
+      return [point2.x, point2.y];
+    }
+    if (node.getBoundingClientRect) {
+      var rect = node.getBoundingClientRect();
+      return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
+    }
+  }
+  return [event.pageX, event.pageY];
+}
 function define(constructor, factory, prototype) {
   constructor.prototype = factory.prototype = prototype;
   prototype.constructor = constructor;
@@ -56329,12 +56272,12 @@ function hslConvert(o2) {
   if (!o2) return new Hsl();
   if (o2 instanceof Hsl) return o2;
   o2 = o2.rgb();
-  var r2 = o2.r / 255, g2 = o2.g / 255, b2 = o2.b / 255, min = Math.min(r2, g2, b2), max2 = Math.max(r2, g2, b2), h2 = NaN, s2 = max2 - min, l2 = (max2 + min) / 2;
+  var r2 = o2.r / 255, g2 = o2.g / 255, b2 = o2.b / 255, min2 = Math.min(r2, g2, b2), max2 = Math.max(r2, g2, b2), h2 = NaN, s2 = max2 - min2, l2 = (max2 + min2) / 2;
   if (s2) {
     if (r2 === max2) h2 = (g2 - b2) / s2 + (g2 < b2) * 6;
     else if (g2 === max2) h2 = (b2 - r2) / s2 + 2;
     else h2 = (r2 - g2) / s2 + 4;
-    s2 /= l2 < 0.5 ? max2 + min : 2 - max2 - min;
+    s2 /= l2 < 0.5 ? max2 + min2 : 2 - max2 - min2;
     h2 *= 60;
   } else {
     s2 = l2 > 0 && l2 < 1 ? 0 : h2;
@@ -56519,7 +56462,7 @@ function interpolateRound(a2, b2) {
     return Math.round(a2 * (1 - t2) + b2 * t2);
   };
 }
-const pi = Math.PI, tau = 2 * pi, epsilon = 1e-6, tauEpsilon = tau - epsilon;
+const pi$1 = Math.PI, tau$1 = 2 * pi$1, epsilon$1 = 1e-6, tauEpsilon = tau$1 - epsilon$1;
 function append(strings) {
   this._ += strings[0];
   for (let i2 = 1, n2 = strings.length; i2 < n2; ++i2) {
@@ -56569,12 +56512,12 @@ class Path {
     let x0 = this._x1, y0 = this._y1, x21 = x2 - x1, y21 = y2 - y1, x01 = x0 - x1, y01 = y0 - y1, l01_2 = x01 * x01 + y01 * y01;
     if (this._x1 === null) {
       this._append`M${this._x1 = x1},${this._y1 = y1}`;
-    } else if (!(l01_2 > epsilon)) ;
-    else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon) || !r2) {
+    } else if (!(l01_2 > epsilon$1)) ;
+    else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon$1) || !r2) {
       this._append`L${this._x1 = x1},${this._y1 = y1}`;
     } else {
-      let x20 = x2 - x0, y20 = y2 - y0, l21_2 = x21 * x21 + y21 * y21, l20_2 = x20 * x20 + y20 * y20, l21 = Math.sqrt(l21_2), l01 = Math.sqrt(l01_2), l2 = r2 * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2), t01 = l2 / l01, t21 = l2 / l21;
-      if (Math.abs(t01 - 1) > epsilon) {
+      let x20 = x2 - x0, y20 = y2 - y0, l21_2 = x21 * x21 + y21 * y21, l20_2 = x20 * x20 + y20 * y20, l21 = Math.sqrt(l21_2), l01 = Math.sqrt(l01_2), l2 = r2 * Math.tan((pi$1 - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2), t01 = l2 / l01, t21 = l2 / l21;
+      if (Math.abs(t01 - 1) > epsilon$1) {
         this._append`L${x1 + t01 * x01},${y1 + t01 * y01}`;
       }
       this._append`A${r2},${r2},0,0,${+(y01 * x20 > x01 * y20)},${this._x1 = x1 + t21 * x21},${this._y1 = y1 + t21 * y21}`;
@@ -56586,15 +56529,15 @@ class Path {
     let dx = r2 * Math.cos(a0), dy = r2 * Math.sin(a0), x0 = x2 + dx, y0 = y2 + dy, cw = 1 ^ ccw, da = ccw ? a0 - a1 : a1 - a0;
     if (this._x1 === null) {
       this._append`M${x0},${y0}`;
-    } else if (Math.abs(this._x1 - x0) > epsilon || Math.abs(this._y1 - y0) > epsilon) {
+    } else if (Math.abs(this._x1 - x0) > epsilon$1 || Math.abs(this._y1 - y0) > epsilon$1) {
       this._append`L${x0},${y0}`;
     }
     if (!r2) return;
-    if (da < 0) da = da % tau + tau;
+    if (da < 0) da = da % tau$1 + tau$1;
     if (da > tauEpsilon) {
       this._append`A${r2},${r2},0,1,${cw},${x2 - dx},${y2 - dy}A${r2},${r2},0,1,${cw},${this._x1 = x0},${this._y1 = y0}`;
-    } else if (da > epsilon) {
-      this._append`A${r2},${r2},0,${+(da >= pi)},${cw},${this._x1 = x2 + r2 * Math.cos(a1)},${this._y1 = y2 + r2 * Math.sin(a1)}`;
+    } else if (da > epsilon$1) {
+      this._append`A${r2},${r2},0,${+(da >= pi$1)},${cw},${this._x1 = x2 + r2 * Math.cos(a1)},${this._y1 = y2 + r2 * Math.sin(a1)}`;
     }
   }
   rect(x2, y2, w2, h2) {
@@ -56716,12 +56659,12 @@ var formatTypes = {
   "X": (x2) => Math.round(x2).toString(16).toUpperCase(),
   "x": (x2) => Math.round(x2).toString(16)
 };
-function identity$1(x2) {
+function identity$2(x2) {
   return x2;
 }
 var map = Array.prototype.map, prefixes = ["y", "z", "a", "f", "p", "n", "µ", "m", "", "k", "M", "G", "T", "P", "E", "Z", "Y"];
 function formatLocale(locale2) {
-  var group = locale2.grouping === void 0 || locale2.thousands === void 0 ? identity$1 : formatGroup(map.call(locale2.grouping, Number), locale2.thousands + ""), currencyPrefix = locale2.currency === void 0 ? "" : locale2.currency[0] + "", currencySuffix = locale2.currency === void 0 ? "" : locale2.currency[1] + "", decimal = locale2.decimal === void 0 ? "." : locale2.decimal + "", numerals = locale2.numerals === void 0 ? identity$1 : formatNumerals(map.call(locale2.numerals, String)), percent = locale2.percent === void 0 ? "%" : locale2.percent + "", minus = locale2.minus === void 0 ? "−" : locale2.minus + "", nan = locale2.nan === void 0 ? "NaN" : locale2.nan + "";
+  var group = locale2.grouping === void 0 || locale2.thousands === void 0 ? identity$2 : formatGroup(map.call(locale2.grouping, Number), locale2.thousands + ""), currencyPrefix = locale2.currency === void 0 ? "" : locale2.currency[0] + "", currencySuffix = locale2.currency === void 0 ? "" : locale2.currency[1] + "", decimal = locale2.decimal === void 0 ? "." : locale2.decimal + "", numerals = locale2.numerals === void 0 ? identity$2 : formatNumerals(map.call(locale2.numerals, String)), percent = locale2.percent === void 0 ? "%" : locale2.percent + "", minus = locale2.minus === void 0 ? "−" : locale2.minus + "", nan = locale2.nan === void 0 ? "NaN" : locale2.nan + "";
   function newFormat(specifier) {
     specifier = formatSpecifier(specifier);
     var fill = specifier.fill, align = specifier.align, sign2 = specifier.sign, symbol = specifier.symbol, zero2 = specifier.zero, width = specifier.width, comma = specifier.comma, precision = specifier.precision, trim = specifier.trim, type = specifier.type;
@@ -56931,7 +56874,7 @@ function number(x2) {
   return +x2;
 }
 var unit = [0, 1];
-function identity(x2) {
+function identity$1(x2) {
   return x2;
 }
 function normalize(a2, b2) {
@@ -56973,10 +56916,10 @@ function copy(source, target) {
   return target.domain(source.domain()).range(source.range()).interpolate(source.interpolate()).clamp(source.clamp()).unknown(source.unknown());
 }
 function transformer() {
-  var domain = unit, range2 = unit, interpolate$1 = interpolate, transform, untransform, unknown, clamp2 = identity, piecewise, output, input;
+  var domain = unit, range2 = unit, interpolate$1 = interpolate, transform, untransform, unknown, clamp2 = identity$1, piecewise, output, input;
   function rescale() {
     var n2 = Math.min(domain.length, range2.length);
-    if (clamp2 !== identity) clamp2 = clamper(domain[0], domain[n2 - 1]);
+    if (clamp2 !== identity$1) clamp2 = clamper(domain[0], domain[n2 - 1]);
     piecewise = n2 > 2 ? polymap : bimap;
     output = input = null;
     return scale;
@@ -56997,7 +56940,7 @@ function transformer() {
     return range2 = Array.from(_2), interpolate$1 = interpolateRound, rescale();
   };
   scale.clamp = function(_2) {
-    return arguments.length ? (clamp2 = _2 ? true : identity, rescale()) : clamp2 !== identity;
+    return arguments.length ? (clamp2 = _2 ? true : identity$1, rescale()) : clamp2 !== identity$1;
   };
   scale.interpolate = function(_2) {
     return arguments.length ? (interpolate$1 = _2, rescale()) : interpolate$1;
@@ -57011,7 +56954,7 @@ function transformer() {
   };
 }
 function continuous() {
-  return transformer()(identity, identity);
+  return transformer()(identity$1, identity$1);
 }
 function tickFormat(start, stop, count, specifier) {
   var step = tickStep(start, stop, count), precision;
@@ -57096,6 +57039,23 @@ function constant(x2) {
     return x2;
   };
 }
+const abs = Math.abs;
+const atan2 = Math.atan2;
+const cos = Math.cos;
+const max = Math.max;
+const min = Math.min;
+const sin = Math.sin;
+const sqrt = Math.sqrt;
+const epsilon = 1e-12;
+const pi = Math.PI;
+const halfPi = pi / 2;
+const tau = 2 * pi;
+function acos(x2) {
+  return x2 > 1 ? 0 : x2 < -1 ? pi : Math.acos(x2);
+}
+function asin(x2) {
+  return x2 >= 1 ? halfPi : x2 <= -1 ? -halfPi : Math.asin(x2);
+}
 function withPath(shape) {
   let digits = 3;
   shape.digits = function(_2) {
@@ -57111,6 +57071,133 @@ function withPath(shape) {
   };
   return () => new Path(digits);
 }
+function arcInnerRadius(d2) {
+  return d2.innerRadius;
+}
+function arcOuterRadius(d2) {
+  return d2.outerRadius;
+}
+function arcStartAngle(d2) {
+  return d2.startAngle;
+}
+function arcEndAngle(d2) {
+  return d2.endAngle;
+}
+function arcPadAngle(d2) {
+  return d2 && d2.padAngle;
+}
+function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
+  var x10 = x1 - x0, y10 = y1 - y0, x32 = x3 - x2, y32 = y3 - y2, t2 = y32 * x10 - x32 * y10;
+  if (t2 * t2 < epsilon) return;
+  t2 = (x32 * (y0 - y2) - y32 * (x0 - x2)) / t2;
+  return [x0 + t2 * x10, y0 + t2 * y10];
+}
+function cornerTangents(x0, y0, x1, y1, r1, rc, cw) {
+  var x01 = x0 - x1, y01 = y0 - y1, lo = (cw ? rc : -rc) / sqrt(x01 * x01 + y01 * y01), ox = lo * y01, oy = -lo * x01, x11 = x0 + ox, y11 = y0 + oy, x10 = x1 + ox, y10 = y1 + oy, x00 = (x11 + x10) / 2, y00 = (y11 + y10) / 2, dx = x10 - x11, dy = y10 - y11, d2 = dx * dx + dy * dy, r2 = r1 - rc, D2 = x11 * y10 - x10 * y11, d3 = (dy < 0 ? -1 : 1) * sqrt(max(0, r2 * r2 * d2 - D2 * D2)), cx0 = (D2 * dy - dx * d3) / d2, cy0 = (-D2 * dx - dy * d3) / d2, cx1 = (D2 * dy + dx * d3) / d2, cy1 = (-D2 * dx + dy * d3) / d2, dx0 = cx0 - x00, dy0 = cy0 - y00, dx1 = cx1 - x00, dy1 = cy1 - y00;
+  if (dx0 * dx0 + dy0 * dy0 > dx1 * dx1 + dy1 * dy1) cx0 = cx1, cy0 = cy1;
+  return {
+    cx: cx0,
+    cy: cy0,
+    x01: -ox,
+    y01: -oy,
+    x11: cx0 * (r1 / r2 - 1),
+    y11: cy0 * (r1 / r2 - 1)
+  };
+}
+function arc() {
+  var innerRadius = arcInnerRadius, outerRadius = arcOuterRadius, cornerRadius = constant(0), padRadius = null, startAngle = arcStartAngle, endAngle = arcEndAngle, padAngle = arcPadAngle, context = null, path = withPath(arc2);
+  function arc2() {
+    var buffer, r2, r0 = +innerRadius.apply(this, arguments), r1 = +outerRadius.apply(this, arguments), a0 = startAngle.apply(this, arguments) - halfPi, a1 = endAngle.apply(this, arguments) - halfPi, da = abs(a1 - a0), cw = a1 > a0;
+    if (!context) context = buffer = path();
+    if (r1 < r0) r2 = r1, r1 = r0, r0 = r2;
+    if (!(r1 > epsilon)) context.moveTo(0, 0);
+    else if (da > tau - epsilon) {
+      context.moveTo(r1 * cos(a0), r1 * sin(a0));
+      context.arc(0, 0, r1, a0, a1, !cw);
+      if (r0 > epsilon) {
+        context.moveTo(r0 * cos(a1), r0 * sin(a1));
+        context.arc(0, 0, r0, a1, a0, cw);
+      }
+    } else {
+      var a01 = a0, a11 = a1, a00 = a0, a10 = a1, da0 = da, da1 = da, ap = padAngle.apply(this, arguments) / 2, rp = ap > epsilon && (padRadius ? +padRadius.apply(this, arguments) : sqrt(r0 * r0 + r1 * r1)), rc = min(abs(r1 - r0) / 2, +cornerRadius.apply(this, arguments)), rc0 = rc, rc1 = rc, t0, t1;
+      if (rp > epsilon) {
+        var p0 = asin(rp / r0 * sin(ap)), p1 = asin(rp / r1 * sin(ap));
+        if ((da0 -= p0 * 2) > epsilon) p0 *= cw ? 1 : -1, a00 += p0, a10 -= p0;
+        else da0 = 0, a00 = a10 = (a0 + a1) / 2;
+        if ((da1 -= p1 * 2) > epsilon) p1 *= cw ? 1 : -1, a01 += p1, a11 -= p1;
+        else da1 = 0, a01 = a11 = (a0 + a1) / 2;
+      }
+      var x01 = r1 * cos(a01), y01 = r1 * sin(a01), x10 = r0 * cos(a10), y10 = r0 * sin(a10);
+      if (rc > epsilon) {
+        var x11 = r1 * cos(a11), y11 = r1 * sin(a11), x00 = r0 * cos(a00), y00 = r0 * sin(a00), oc;
+        if (da < pi) {
+          if (oc = intersect(x01, y01, x00, y00, x11, y11, x10, y10)) {
+            var ax = x01 - oc[0], ay = y01 - oc[1], bx = x11 - oc[0], by = y11 - oc[1], kc = 1 / sin(acos((ax * bx + ay * by) / (sqrt(ax * ax + ay * ay) * sqrt(bx * bx + by * by))) / 2), lc = sqrt(oc[0] * oc[0] + oc[1] * oc[1]);
+            rc0 = min(rc, (r0 - lc) / (kc - 1));
+            rc1 = min(rc, (r1 - lc) / (kc + 1));
+          } else {
+            rc0 = rc1 = 0;
+          }
+        }
+      }
+      if (!(da1 > epsilon)) context.moveTo(x01, y01);
+      else if (rc1 > epsilon) {
+        t0 = cornerTangents(x00, y00, x01, y01, r1, rc1, cw);
+        t1 = cornerTangents(x11, y11, x10, y10, r1, rc1, cw);
+        context.moveTo(t0.cx + t0.x01, t0.cy + t0.y01);
+        if (rc1 < rc) context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);
+        else {
+          context.arc(t0.cx, t0.cy, rc1, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);
+          context.arc(0, 0, r1, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), !cw);
+          context.arc(t1.cx, t1.cy, rc1, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);
+        }
+      } else context.moveTo(x01, y01), context.arc(0, 0, r1, a01, a11, !cw);
+      if (!(r0 > epsilon) || !(da0 > epsilon)) context.lineTo(x10, y10);
+      else if (rc0 > epsilon) {
+        t0 = cornerTangents(x10, y10, x11, y11, r0, -rc0, cw);
+        t1 = cornerTangents(x01, y01, x00, y00, r0, -rc0, cw);
+        context.lineTo(t0.cx + t0.x01, t0.cy + t0.y01);
+        if (rc0 < rc) context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t1.y01, t1.x01), !cw);
+        else {
+          context.arc(t0.cx, t0.cy, rc0, atan2(t0.y01, t0.x01), atan2(t0.y11, t0.x11), !cw);
+          context.arc(0, 0, r0, atan2(t0.cy + t0.y11, t0.cx + t0.x11), atan2(t1.cy + t1.y11, t1.cx + t1.x11), cw);
+          context.arc(t1.cx, t1.cy, rc0, atan2(t1.y11, t1.x11), atan2(t1.y01, t1.x01), !cw);
+        }
+      } else context.arc(0, 0, r0, a10, a00, cw);
+    }
+    context.closePath();
+    if (buffer) return context = null, buffer + "" || null;
+  }
+  arc2.centroid = function() {
+    var r2 = (+innerRadius.apply(this, arguments) + +outerRadius.apply(this, arguments)) / 2, a2 = (+startAngle.apply(this, arguments) + +endAngle.apply(this, arguments)) / 2 - pi / 2;
+    return [cos(a2) * r2, sin(a2) * r2];
+  };
+  arc2.innerRadius = function(_2) {
+    return arguments.length ? (innerRadius = typeof _2 === "function" ? _2 : constant(+_2), arc2) : innerRadius;
+  };
+  arc2.outerRadius = function(_2) {
+    return arguments.length ? (outerRadius = typeof _2 === "function" ? _2 : constant(+_2), arc2) : outerRadius;
+  };
+  arc2.cornerRadius = function(_2) {
+    return arguments.length ? (cornerRadius = typeof _2 === "function" ? _2 : constant(+_2), arc2) : cornerRadius;
+  };
+  arc2.padRadius = function(_2) {
+    return arguments.length ? (padRadius = _2 == null ? null : typeof _2 === "function" ? _2 : constant(+_2), arc2) : padRadius;
+  };
+  arc2.startAngle = function(_2) {
+    return arguments.length ? (startAngle = typeof _2 === "function" ? _2 : constant(+_2), arc2) : startAngle;
+  };
+  arc2.endAngle = function(_2) {
+    return arguments.length ? (endAngle = typeof _2 === "function" ? _2 : constant(+_2), arc2) : endAngle;
+  };
+  arc2.padAngle = function(_2) {
+    return arguments.length ? (padAngle = typeof _2 === "function" ? _2 : constant(+_2), arc2) : padAngle;
+  };
+  arc2.context = function(_2) {
+    return arguments.length ? (context = _2 == null ? null : _2, arc2) : context;
+  };
+  return arc2;
+}
 function array(x2) {
   return typeof x2 === "object" && "length" in x2 ? x2 : Array.from(x2);
 }
@@ -57260,6 +57347,59 @@ function area(x0, y0, y1) {
   };
   return area2;
 }
+function descending(a2, b2) {
+  return b2 < a2 ? -1 : b2 > a2 ? 1 : b2 >= a2 ? 0 : NaN;
+}
+function identity(d2) {
+  return d2;
+}
+function pie() {
+  var value = identity, sortValues = descending, sort = null, startAngle = constant(0), endAngle = constant(tau), padAngle = constant(0);
+  function pie2(data) {
+    var i2, n2 = (data = array(data)).length, j2, k2, sum = 0, index2 = new Array(n2), arcs = new Array(n2), a0 = +startAngle.apply(this, arguments), da = Math.min(tau, Math.max(-tau, endAngle.apply(this, arguments) - a0)), a1, p2 = Math.min(Math.abs(da) / n2, padAngle.apply(this, arguments)), pa = p2 * (da < 0 ? -1 : 1), v2;
+    for (i2 = 0; i2 < n2; ++i2) {
+      if ((v2 = arcs[index2[i2] = i2] = +value(data[i2], i2, data)) > 0) {
+        sum += v2;
+      }
+    }
+    if (sortValues != null) index2.sort(function(i3, j3) {
+      return sortValues(arcs[i3], arcs[j3]);
+    });
+    else if (sort != null) index2.sort(function(i3, j3) {
+      return sort(data[i3], data[j3]);
+    });
+    for (i2 = 0, k2 = sum ? (da - n2 * pa) / sum : 0; i2 < n2; ++i2, a0 = a1) {
+      j2 = index2[i2], v2 = arcs[j2], a1 = a0 + (v2 > 0 ? v2 * k2 : 0) + pa, arcs[j2] = {
+        data: data[j2],
+        index: i2,
+        value: v2,
+        startAngle: a0,
+        endAngle: a1,
+        padAngle: p2
+      };
+    }
+    return arcs;
+  }
+  pie2.value = function(_2) {
+    return arguments.length ? (value = typeof _2 === "function" ? _2 : constant(+_2), pie2) : value;
+  };
+  pie2.sortValues = function(_2) {
+    return arguments.length ? (sortValues = _2, sort = null, pie2) : sortValues;
+  };
+  pie2.sort = function(_2) {
+    return arguments.length ? (sort = _2, sortValues = null, pie2) : sort;
+  };
+  pie2.startAngle = function(_2) {
+    return arguments.length ? (startAngle = typeof _2 === "function" ? _2 : constant(+_2), pie2) : startAngle;
+  };
+  pie2.endAngle = function(_2) {
+    return arguments.length ? (endAngle = typeof _2 === "function" ? _2 : constant(+_2), pie2) : endAngle;
+  };
+  pie2.padAngle = function(_2) {
+    return arguments.length ? (padAngle = typeof _2 === "function" ? _2 : constant(+_2), pie2) : padAngle;
+  };
+  return pie2;
+}
 function sign(x2) {
   return x2 < 0 ? -1 : 1;
 }
@@ -57332,7 +57472,7 @@ Object.create(MonotoneX.prototype).point = function(x2, y2) {
 function monotoneX(context) {
   return new MonotoneX(context);
 }
-const formatNumber = (num, symbol, labelType) => {
+const formatNumber$6 = (num, symbol, labelType) => {
   if (labelType === "inPercent") {
     return `${format(".0%")(num / 100)}`;
   } else if (labelType === "inValue") {
@@ -57340,17 +57480,17 @@ const formatNumber = (num, symbol, labelType) => {
   }
   return num.toString();
 };
-const AreaLineChart = ({ data, height = 400, customLabelFormatter, yAxisLabelType = "inValue", currency, colors, customLegend }) => {
+const AreaLineChart$1 = ({ data, height = 400, customLabelFormatter, yAxisLabelType = "inValue", currency, colors, customLegend }) => {
   const svgRef = useRef(null);
   const wrapperRef = useRef(null);
-  const [containerWidth, setContainerWidth] = useState(0);
+  const [containerWidth, setContainerWidth2] = useState(0);
   const [tooltipData, setTooltipData] = useState(null);
   useEffect(() => {
     const wrapper = wrapperRef.current;
     const resizeObserver = new ResizeObserver((entries) => {
       if (entries[0]) {
         const newWidth = entries[0].contentRect.width;
-        setContainerWidth(newWidth);
+        setContainerWidth2(newWidth);
       }
     });
     if (wrapper) {
@@ -57370,14 +57510,14 @@ const AreaLineChart = ({ data, height = 400, customLabelFormatter, yAxisLabelTyp
     select(svgRef.current).selectAll("*").remove();
     const svg = select(svgRef.current).attr("width", containerWidth).attr("height", height).append("g").attr("transform", `translate(${margin.left},${margin.top})`);
     const x2 = point$1().domain(data[0].values.map((d2) => d2.month)).range([0, width]);
-    const y2 = linear().domain([0, max(data, (dataset) => max(dataset.values, (d2) => d2.value))]).range([chartHeight, 0]);
+    const y2 = linear().domain([0, max$1(data, (dataset) => max$1(dataset.values, (d2) => d2.value))]).range([chartHeight, 0]);
     const numTicks = Math.floor(width / 80);
     const xAxis = axisBottom(x2).ticks(numTicks);
     const xAxisGroup = svg.append("g").attr("transform", `translate(0,${chartHeight})`).call(xAxis);
     xAxisGroup.selectAll("text").attr("transform", "translate(0, 10)").attr("color", "#8E8E93").style("text-anchor", "middle");
     const yAxis = svg.append("g");
     yAxis.append("g").attr("color", "#8E8E93").attr("transform", `translate(-10,0)`).call(axisLeft(y2).tickSize(-width).tickFormat(
-      (d2) => customLabelFormatter ? customLabelFormatter(d2) : formatNumber(d2, currency, yAxisLabelType)
+      (d2) => customLabelFormatter ? customLabelFormatter(d2) : formatNumber$6(d2, currency, yAxisLabelType)
     ).tickSizeOuter(0)).selectAll("line").attr("stroke-dasharray", "3,3").attr("stroke", "#D3D3D4");
     xAxisGroup.selectAll(".tick line").remove();
     yAxis.select(".domain").attr("stroke", "none");
@@ -57425,6 +57565,391 @@ const AreaLineChart = ({ data, height = 400, customLabelFormatter, yAxisLabelTyp
     }, children: /* @__PURE__ */ jsx("span", { style: { fontSize: "16px", weight: "500", color: "#ffff" }, children: tooltipData.content }) })
   ] });
 };
+const formatNumber$5 = (num) => {
+  if (num >= 1e9) return (num / 1e9).toFixed(1) + "B";
+  if (num >= 1e6) return (num / 1e6).toFixed(1) + "M";
+  if (num >= 1e3) return (num / 1e3).toFixed(1) + "K";
+  return num;
+};
+const BarChart$1 = ({
+  data,
+  numOfLines = 5,
+  width = 500,
+  height = 300,
+  line: line2 = false
+}) => {
+  const svgRef = useRef(null);
+  const maxValue = useMemo(() => {
+    return Math.max(...data.map((d2) => d2.value));
+  }, [data]);
+  const yAxisMaxValue = useMemo(() => {
+    return maxValue * 1.25;
+  }, [maxValue]);
+  const yAxisTicks = useMemo(() => {
+    const ticks2 = [];
+    const interval = yAxisMaxValue / numOfLines;
+    for (let i2 = 0; i2 <= numOfLines; i2++) {
+      ticks2.push(interval * i2);
+    }
+    return ticks2;
+  }, [yAxisMaxValue, numOfLines]);
+  useEffect(() => {
+    if (!svgRef.current) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = { top: 20, right: 20, bottom: 70, left: 40 };
+    const barWidth = width - margin.left - margin.right;
+    const barHeight = height - margin.top - margin.bottom;
+    const mousemove = (event, d2) => {
+      var _a, _b;
+      let xPosition = event.offsetX + margin.left - 25;
+      const yPosition = event.offsetY + margin.top - 40;
+      const tooltipWidth = (_b = (_a = tooltip.node()) == null ? void 0 : _a.getBoundingClientRect()) == null ? void 0 : _b.width;
+      const rightOffset = tooltipWidth ? xPosition + tooltipWidth : xPosition;
+      if (rightOffset > width) {
+        xPosition = Math.floor(
+          tooltipWidth ? xPosition - tooltipWidth - 20 : xPosition - 20
+        );
+      }
+      const text = `${d2.label} - ${d2.value}`;
+      tooltip.attr("x", xPosition).attr("y", yPosition).style("opacity", 9).style("height", text.length >= 16 ? 50 : 35);
+      tooltipText.html(text);
+    };
+    const mouseleave = () => {
+      tooltip.style("opacity", 0);
+    };
+    const x2 = band().domain(data.map((d2) => d2.label)).range([0, barWidth]).padding(0.1);
+    const y2 = linear().domain([0, yAxisMaxValue]).range([barHeight, 0]);
+    const chart = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+    if (line2) {
+      yAxisTicks.slice(1).forEach((tick) => {
+        chart.append("line").attr("class", "dotted-line").attr("x1", 0).attr("y1", y2(tick)).attr("x2", barWidth).attr("y2", y2(tick)).style("stroke", "gray").style("stroke-dasharray", "3,3").style("opacity", 1);
+      });
+    }
+    chart.selectAll(".bar").data(data).enter().append("rect").attr("class", "bar").attr("x", (d2) => x2(d2.label)).attr("y", (d2) => y2(d2.value)).attr("width", x2.bandwidth()).attr("height", (d2) => barHeight - y2(d2.value)).style("fill", "#357AF6").style("opacity", "1").on("mousemove", mousemove).on("mouseleave", mouseleave);
+    const xAxis = chart.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${barHeight})`).call(axisBottom(x2));
+    xAxis.selectAll(".tick line").remove();
+    const yAxis = chart.append("g").attr("class", "y-axis").call(
+      axisLeft(y2).tickValues(yAxisTicks).tickFormat((d2) => {
+        return formatNumber$5(d2);
+      }).tickSizeOuter(0)
+    );
+    yAxis.selectAll(".tick line").remove();
+    const tooltip = svg.append("foreignObject").attr("class", "tooltip").attr("width", 120).attr("height", 20).style("opacity", 0).style("position", "absolute").style("background-color", "white").style("border", "none").style("box-shadow", "0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)").style("border-radius", "0.313rem").style("padding", "0.625rem").style("font-size", "0.75rem");
+    const tooltipText = tooltip.append("xhtml:div").style("font-size", "0.75rem").style("color", "black");
+  }, [data, height, width, line2, yAxisMaxValue, yAxisTicks]);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height }) });
+};
+const formatNumber$4 = (num, symbol, labelType) => {
+  if (labelType === "inPercent") {
+    return `${format(".0%")(num / 100)}`;
+  } else if (labelType === "inValue") {
+    return `${symbol || ""} ${format(".2s")(num).replace("k", "K")}`;
+  }
+  return num.toString();
+};
+function wrapText(textSelection, width) {
+  textSelection.each(function() {
+    const text = select(this);
+    const originalText = text.text();
+    if (originalText.length <= 8) {
+      return;
+    }
+    if (originalText.length > 12) {
+      text.text(originalText.substring(0, 10) + "...");
+      return;
+    }
+    const words = originalText.split(/\s+/).reverse();
+    let word;
+    let line2 = [];
+    let lineNumber = 0;
+    const lineHeight = 1.1;
+    const y2 = text.attr("y");
+    const dy = parseFloat(text.attr("dy")) || 0;
+    let tspan = text.text(null).append("tspan").attr("x", 0).attr("y", y2).attr("dy", `${dy}em`);
+    while (word = words.pop()) {
+      line2.push(word);
+      tspan.text(line2.join(" "));
+      if (tspan.node() && tspan.node().getComputedTextLength() > width) {
+        line2.pop();
+        tspan.text(line2.join(" "));
+        line2 = [word];
+        tspan = text.append("tspan").attr("x", 0).attr("y", y2).attr("dy", `${++lineNumber * lineHeight + dy}em`).text(word);
+      }
+    }
+  });
+}
+const BarChart = ({
+  data,
+  numOfLines = 5,
+  initialWidth = 500,
+  height = 400,
+  line: line2 = false,
+  yAxisLabelType = "inValue",
+  currency,
+  customLabelFormatter
+}) => {
+  const svgRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const [containerWidth, setContainerWidth2] = useState(initialWidth);
+  const maxValue = useMemo(() => Math.max(...data.map((d2) => d2.value)), [data]);
+  const yAxisMaxValue = useMemo(() => maxValue * 1.25, [maxValue]);
+  const yAxisTicks = useMemo(() => {
+    const ticks2 = [];
+    const interval = yAxisMaxValue / numOfLines;
+    for (let i2 = 0; i2 <= numOfLines; i2++) {
+      ticks2.push(interval * i2);
+    }
+    return ticks2;
+  }, [yAxisMaxValue, numOfLines]);
+  const needsHorizontalScroll = data.length > 12;
+  const minGroupWidth = 120;
+  const calculatedChartWidth = needsHorizontalScroll ? Math.max(data.length * minGroupWidth, containerWidth) : containerWidth;
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0]) {
+        const newWidth = entries[0].contentRect.width;
+        setContainerWidth2(newWidth);
+      }
+    });
+    if (wrapper) {
+      resizeObserver.observe(wrapper);
+    }
+    return () => {
+      if (wrapper) {
+        resizeObserver.unobserve(wrapper);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const maxLabelWidth = 80;
+    const dynamicLeftMargin = Math.max(60, maxLabelWidth + 30);
+    const margin = { top: 20, right: 20, bottom: 25, left: dynamicLeftMargin };
+    const barWidth = calculatedChartWidth - margin.left - margin.right;
+    const barHeight = maxValue ? height - margin.top - margin.bottom : 0;
+    const x2 = band().domain(data.map((d2) => d2.label)).range([0, barWidth]).padding(0.5);
+    const y2 = linear().domain([0, yAxisMaxValue]).range([barHeight, 0]);
+    const chart = svg.append("g").attr("transform", `translate(${margin.left},${maxValue ? margin.top : height - 50})`);
+    if (line2) {
+      yAxisTicks.slice(1).forEach((tick) => {
+        chart.append("line").attr("class", "dotted-line").attr("x1", 0).attr("y1", y2(tick)).attr("x2", barWidth).attr("y2", y2(tick)).style("stroke", "#D3D3D4").style("stroke-dasharray", "3,3").style("opacity", 1);
+      });
+    }
+    chart.selectAll(".bar").data(data).enter().append("rect").attr("rx", 5).attr("ry", 5).attr("class", "bar").attr("x", (d2) => x2(d2.label)).attr("y", (d2) => y2(d2.value)).attr("width", x2.bandwidth()).attr("height", (d2) => barHeight - y2(d2.value)).style("fill", (d2) => d2.color);
+    const xAxis = chart.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${barHeight})`).call(axisTop(x2).tickPadding(10)).call(axisBottom(x2).tickPadding(5));
+    xAxis.selectAll(".tick line").remove();
+    xAxis.selectAll(".tick text").call(wrapText, 80);
+    const availableHeight = barHeight;
+    const minTickSpacing = 30;
+    const maxOptimalTicks = Math.floor(availableHeight / minTickSpacing);
+    const optimalNumTicks = Math.min(numOfLines, maxOptimalTicks, 8);
+    const optimalTicks = [];
+    const optimalInterval = yAxisMaxValue / optimalNumTicks;
+    for (let i2 = 0; i2 <= optimalNumTicks; i2++) {
+      optimalTicks.push(optimalInterval * i2);
+    }
+    const yAxis = chart.append("g").attr("class", "y-axis").call(
+      axisLeft(y2).tickValues(optimalTicks).tickFormat(
+        (d2) => customLabelFormatter ? customLabelFormatter(d2) : formatNumber$4(d2, currency, yAxisLabelType)
+      ).tickSizeOuter(0).tickPadding(8)
+      // Add padding between ticks and labels
+    );
+    yAxis.selectAll(".tick line").remove();
+    yAxis.select(".domain").attr("stroke", "none");
+    xAxis.select(".domain").attr("stroke", "none");
+    yAxis.selectAll(".tick text").style("font-size", "11px").style("fill", "#666").style("font-family", "Inter, system-ui, Avenir, Helvetica, Arial, sans-serif").style("text-anchor", "end");
+  }, [data, containerWidth, height, line2, yAxisMaxValue, yAxisTicks, currency, yAxisLabelType, customLabelFormatter, calculatedChartWidth]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: wrapperRef,
+      style: {
+        width: "100%",
+        overflowX: needsHorizontalScroll ? "auto" : "hidden",
+        overflowY: "hidden"
+      },
+      children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width: calculatedChartWidth, height, viewBox: `0 0 ${calculatedChartWidth} ${height}` })
+    }
+  );
+};
+const BarLineChart = ({
+  data,
+  height = 400,
+  margin = { top: 20, right: 30, bottom: 30, left: 50 },
+  bars,
+  lines,
+  line: line$1 = true,
+  showGrid = true,
+  barColors,
+  lineColors
+}) => {
+  var _a;
+  const svgRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const scrollContainerRef = useRef(null);
+  const [tooltip, setTooltip] = useState(null);
+  const [containerWidth, setContainerWidth2] = useState(0);
+  const formatNumber2 = (num) => format(".2s")(num).replace("k", "K");
+  const needsHorizontalScroll = data.length > bars.length;
+  const minBarWidth = 60;
+  const calculatedChartWidth = needsHorizontalScroll ? Math.max(data.length * minBarWidth, containerWidth) : containerWidth;
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0]) {
+        const newWidth = entries[0].contentRect.width;
+        setContainerWidth2(newWidth);
+      }
+    });
+    if (wrapper) {
+      resizeObserver.observe(wrapper);
+    }
+    return () => {
+      if (wrapper) {
+        resizeObserver.unobserve(wrapper);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const yMax = max$1(data, (d2) => {
+      return Math.max(
+        ...bars.map((bar) => d2[bar.field]),
+        ...lines.map((line2) => d2[line2.field])
+      );
+    }) ?? 0;
+    const yMin = min$1(data, (d2) => {
+      return Math.min(
+        ...bars.map((bar) => d2[bar.field]),
+        ...lines.map((line2) => d2[line2.field])
+      );
+    }) ?? 0;
+    const svg = select(svgRef.current);
+    const innerWidth = calculatedChartWidth - margin.left - margin.right;
+    const innerHeight = yMax || yMin ? height - margin.top - margin.bottom : 0;
+    const x2 = band().domain(data.map((d2) => d2.month)).range([0, innerWidth]).padding(0.3);
+    const y2 = linear().domain([yMin, yMax]).nice().range([innerHeight, 0]);
+    svg.selectAll("*").remove();
+    const g2 = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+    const yAxis = g2.append("g").call(axisLeft(y2).tickFormat(formatNumber2)).call((g22) => g22.select(".domain").remove());
+    yAxis.select(".domain").attr("stroke", "none");
+    const xAxis = g2.append("g").attr("transform", `translate(0,${innerHeight})`).call(axisBottom(x2)).selectAll(".tick text").attr("text-anchor", "middle");
+    xAxis.select(".domain").attr("stroke", "none");
+    if (showGrid) {
+      g2.selectAll(".grid-line").data(y2.ticks()).enter().append("line").attr("class", "grid-line").attr("x1", 0).attr("x2", innerWidth).attr("y1", (d2) => y2(d2)).attr("y2", (d2) => y2(d2)).style("stroke", "#ddd").style("stroke-dasharray", "8,8").style("stroke-width", 1);
+    }
+    if (line$1) {
+      g2.selectAll(".grid-line-2").data(y2.ticks()).enter().append("line").attr("class", "grid-line-2").attr("x1", 0).attr("x2", innerWidth).attr("y1", (d2) => y2(d2)).attr("y2", (d2) => y2(d2)).style("stroke", "#ddd").style("stroke-dasharray", "8,8").style("stroke-width", 1);
+    }
+    bars.forEach((bar, i2) => {
+      g2.selectAll(`.bar-${bar.field}`).data(data).enter().append("rect").attr("class", `bar bar-${bar.field}`).attr("x", (d2) => x2(d2.month) ?? 0).attr("y", (d2) => d2[bar.field] >= 0 ? y2(d2[bar.field]) : y2(0)).attr("rx", 5).attr("ry", 5).attr("width", x2.bandwidth() / bars.length).attr("height", (d2) => {
+        return Math.abs(y2(d2[bar.field]) - y2(0));
+      }).attr("fill", barColors[i2]).attr("transform", `translate(${i2 * x2.bandwidth() / bars.length}, 0)`).on("mouseover", function(event, d2) {
+        var _a2;
+        const [xPos, yPos] = pointer(event, svgRef.current);
+        const scrollLeft = ((_a2 = scrollContainerRef.current) == null ? void 0 : _a2.scrollLeft) || 0;
+        setTooltip({
+          x: xPos + margin.left - scrollLeft,
+          y: yPos + margin.top,
+          content: d2
+        });
+      }).on("mouseout", () => setTooltip(null));
+    });
+    lines.forEach((line2, index2) => {
+      const lineGenerator = line().x((d2) => (x2(d2.month) ?? 0) + x2.bandwidth() / 2).y((d2) => y2(d2[line2.field])).curve(monotoneX);
+      g2.append("path").datum(data).attr("fill", "none").attr("stroke", lineColors[index2]).attr("stroke-width", 2).attr("d", lineGenerator).on("mouseover", function(event) {
+        var _a2;
+        const [xPos] = pointer(event, svgRef.current);
+        const month = x2.domain().find((month2) => {
+          const monthPosition = x2(month2) ?? 0;
+          return xPos >= monthPosition && xPos <= monthPosition + x2.bandwidth();
+        });
+        if (month) {
+          const closestDataPoint = data.find((d2) => d2.month === month);
+          if (closestDataPoint) {
+            const scrollLeft = ((_a2 = scrollContainerRef.current) == null ? void 0 : _a2.scrollLeft) || 0;
+            setTooltip({
+              x: xPos + margin.left - scrollLeft,
+              y: y2(closestDataPoint[line2.field]) + margin.top,
+              content: closestDataPoint
+            });
+          }
+        }
+      }).on("mouseout", () => setTooltip(null));
+    });
+  }, [data, containerWidth, calculatedChartWidth, line$1, height, margin, bars, lines, showGrid, barColors, lineColors]);
+  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scrollContainerRef,
+        style: {
+          width: "100%",
+          overflowX: needsHorizontalScroll ? "auto" : "hidden",
+          overflowY: "hidden"
+        },
+        children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            ref: svgRef,
+            width: calculatedChartWidth,
+            height,
+            viewBox: `0 0 ${calculatedChartWidth} ${height}`,
+            style: { display: "block" }
+          }
+        )
+      }
+    ),
+    tooltip && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          left: tooltip.x,
+          top: tooltip.y,
+          pointerEvents: "none",
+          backgroundColor: "white",
+          zIndex: "99999",
+          border: "none",
+          padding: "5px",
+          borderRadius: "3px",
+          transform: "translate(-50%, -100%)"
+        },
+        children: /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx("div", { style: { background: "#F3F2F2", padding: "10px" }, children: /* @__PURE__ */ jsx(Typography$1, { type: "s4", style: { whiteSpace: "noWrap", width: "200px", color: "#232529" }, children: (_a = tooltip.content) == null ? void 0 : _a.month }) }),
+          /* @__PURE__ */ jsxs(Box, { sx: { p: 1.5, display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+            bars.map((bar, index2) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1.5, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx("div", { className: "circle", style: { backgroundColor: barColors[index2] } }),
+              /* @__PURE__ */ jsxs(Typography$1, { type: "s5", color: "theme.secondary.900", children: [
+                bar.label,
+                ": ",
+                /* @__PURE__ */ jsxs("span", { style: { fontWeight: 600 }, children: [
+                  "$ ",
+                  tooltip.content[bar.field]
+                ] })
+              ] })
+            ] }, `bar-${index2}`)),
+            lines.map((line2, index2) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1.5, alignItems: "center" }, children: [
+              /* @__PURE__ */ jsx("div", { className: "circle", style: { backgroundColor: lineColors[index2] } }),
+              /* @__PURE__ */ jsxs(Typography$1, { type: "s5", color: "theme.secondary.900", children: [
+                line2.label,
+                ": ",
+                /* @__PURE__ */ jsxs("span", { style: { fontWeight: 600 }, children: [
+                  "$ ",
+                  tooltip.content[line2.field]
+                ] })
+              ] })
+            ] }, `line-${index2}`))
+          ] })
+        ] })
+      }
+    )
+  ] }) });
+};
 function ChartLegends({ legends, colors }) {
   return /* @__PURE__ */ jsx(
     Box,
@@ -57447,6 +57972,469 @@ function ChartLegends({ legends, colors }) {
     }
   );
 }
+const defaultColors = [
+  "#5BCE97",
+  "#B3D8E2",
+  "#F5F6F5",
+  "#AE6B9E",
+  "#CBD49A",
+  "#EEE0B3"
+];
+const getSingleNumberFromString$1 = (str) => {
+  if (typeof str === "number") {
+    return str;
+  }
+  const match = (str == null ? void 0 : str.match(/\d.+/)) || null;
+  return match ? Number(match[0]) : 0;
+};
+const DonutChart$1 = ({
+  data,
+  height = 140,
+  width = 140,
+  isUserDashbord,
+  legend = true,
+  direction: direction2 = "horizontal",
+  totalUsers,
+  total = isUserDashbord ? totalUsers : "2.4 GB",
+  colors = defaultColors,
+  titleProps = {},
+  valueProps = {}
+}) => {
+  const svgRef = useRef(null);
+  useEffect(() => {
+    if (!svgRef.current) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = 6;
+    const outerRadius = Math.min(width, height) / 2 - margin;
+    const innerRadius = Math.min(width, height) / 2 - margin * 2;
+    const g2 = svg.append("g").attr("transform", `translate(${width / 2}, ${height / 2})`);
+    const pie$1 = pie().value((d2) => getSingleNumberFromString$1(d2.value));
+    const path = arc().outerRadius(outerRadius).innerRadius(innerRadius);
+    const pies = g2.selectAll(".arc").data(pie$1(data)).enter().append("g").attr("class", "arc");
+    pies.append("path").attr("d", path).attr("fill", (d2, i2) => {
+      return colors[i2 % colors.length];
+    });
+    g2.append("text").attr("text-anchor", "middle").attr("font-size", "18px").attr("font-weight", "600").attr("alignment-baseline", `central`).html(total);
+  }, [colors, data, height, total, width]);
+  if (!legend) {
+    return /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: `donut-chart-container ${direction2}`, children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height }) }),
+    /* @__PURE__ */ jsx("div", { className: "donut-chart-legend", children: data && data.map((d2, i2) => {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "legend",
+          style: { borderLeft: `0.188rem solid ${colors[i2]}` },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "legend-title", children: /* @__PURE__ */ jsx(Typography$1, { type: "s5", color: "theme.secondary.800", ...titleProps, children: d2.label }) }),
+            /* @__PURE__ */ jsx("div", { className: "legend-value", children: /* @__PURE__ */ jsx(
+              Typography$1,
+              {
+                type: "s5",
+                weight: "medium",
+                color: "theme.secondary.1000",
+                children: /* @__PURE__ */ jsx(Typography$1, { type: "s5", color: "theme.secondary.1000", weight: "bold", ...valueProps, children: d2.value })
+              }
+            ) })
+          ]
+        },
+        d2.label
+      );
+    }) })
+  ] }) });
+};
+const formatNumber$3 = (num, defaultCurrencySymbol = "") => {
+  if (num >= 1e6) {
+    return `${defaultCurrencySymbol} ${(num / 1e6).toFixed(1)} M`;
+  } else if (num >= 1e5) {
+    return `${defaultCurrencySymbol} ${(num / 1e5).toFixed(1)} L`;
+  } else if (num >= 1e3) {
+    return `${(num / 1e3).toFixed(1)} K`;
+  } else {
+    return `${defaultCurrencySymbol} ${num.toFixed(2)}`;
+  }
+};
+const getSingleNumberFromString = (str) => {
+  if (typeof str === "number") {
+    return str;
+  }
+  const match = (str == null ? void 0 : str.match(/\d.+/)) || null;
+  return match ? Number(match[0]) : 0;
+};
+const DonutChart = ({
+  data,
+  height = 140,
+  width = 140,
+  legend = true,
+  direction: direction2 = "vertical",
+  total = "300",
+  donutThickerValue,
+  CustomLegends,
+  title = ""
+}) => {
+  var _a;
+  const svgRef = useRef(null);
+  const { user } = useAuth();
+  const defaultCurrencySymbol = ((_a = user == null ? void 0 : user.currency_data) == null ? void 0 : _a.symbol) || "";
+  useEffect(() => {
+    if (!svgRef.current) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = 6;
+    const outerRadius = Math.min(width, height) / 2 - margin;
+    let innerRadius = Math.min(width, height) / 2 - margin * 2;
+    if (donutThickerValue) {
+      innerRadius = outerRadius - donutThickerValue;
+    }
+    const g2 = svg.append("g").attr("transform", `translate(${width / 2}, ${height / 2})`);
+    const pie$1 = pie().value((d2) => getSingleNumberFromString(d2.value)).padAngle(0);
+    const path = arc().outerRadius(outerRadius).innerRadius(innerRadius);
+    const pies = g2.selectAll(".arc").data(pie$1(data)).enter().append("g").attr("class", "arc");
+    pies.append("path").attr("d", path).attr("fill", (d2) => {
+      var _a2;
+      return (_a2 = d2 == null ? void 0 : d2.data) == null ? void 0 : _a2.color;
+    }).attr("stroke", "none");
+    g2.append("text").attr("text-anchor", "middle").attr("font-size", "18px").attr("font-weight", "600").attr("alignment-baseline", `central`).html(total);
+    g2.append("text").attr("text-anchor", "middle").attr("maring-top", "20px").attr("font-size", "13px").attr("font-weight", "600").attr("dy", "2em").attr("color", "#7B7C7F").html(title);
+  }, [data, height, total, width, defaultCurrencySymbol, donutThickerValue, CustomLegends, title]);
+  if (!legend) {
+    return /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: `donut-chart-container ${direction2}`, children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width, height }) }),
+    CustomLegends ? /* @__PURE__ */ jsx(CustomLegends, { data }) : /* @__PURE__ */ jsx("div", { className: "donut-legend", children: /* @__PURE__ */ jsx("div", { className: `donut-chart-legend ${direction2}`, children: data.map((d2) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "legend",
+        style: { borderLeft: `0.188rem solid ${d2.color}` },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "legend-title", style: { color: `${d2.labelColor}` }, children: d2.label }),
+          /* @__PURE__ */ jsx("div", { className: "legend-value", children: /* @__PURE__ */ jsx(
+            Typography$1,
+            {
+              type: "s5",
+              weight: "medium",
+              color: d2.valueColor,
+              style: {
+                whiteSpace: "nowrap"
+              },
+              children: formatNumber$3(d2.value, defaultCurrencySymbol)
+            }
+          ) })
+        ]
+      },
+      d2.label
+    )) }) })
+  ] }) });
+};
+const formatNumber$2 = (num, symbol) => {
+  return `${symbol} ${format(".2s")(num).replace("k", "K")}`;
+};
+const GroupedBarChart = ({
+  chartData,
+  height = 500,
+  barWidth = 40,
+  margin = { top: 40, right: 20, bottom: 40, left: 50 },
+  line: line2 = false
+}) => {
+  var _a;
+  const svgRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const scrollContainerRef = useRef(null);
+  const [containerWidth, setContainerWidth2] = useState(0);
+  const maxValue = useMemo(() => Math.max(...chartData.map((d2) => d2.data.map((v2) => v2.value)).flat()), [chartData]);
+  const needsHorizontalScroll = chartData.length > 12;
+  const minGroupWidth = 120;
+  const calculatedChartWidth = needsHorizontalScroll ? Math.max(chartData.length * minGroupWidth, containerWidth) : containerWidth;
+  const { user } = useAuth();
+  const defaultCurrencySymbol = ((_a = user == null ? void 0 : user.currency_data) == null ? void 0 : _a.symbol) || "";
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0]) {
+        const newWidth = entries[0].contentRect.width;
+        setContainerWidth2(newWidth);
+      }
+    });
+    if (wrapper) {
+      resizeObserver.observe(wrapper);
+    }
+    return () => {
+      if (wrapper) {
+        resizeObserver.unobserve(wrapper);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const chartWidth = calculatedChartWidth - margin.left - margin.right;
+    const chartHeight = maxValue ? height - margin.top - margin.bottom : 0;
+    select(svgRef.current).selectAll("*").remove();
+    const svg = select(svgRef.current).attr("height", height).append("g").attr("transform", `translate(${margin.left}, ${maxValue ? margin.top : height - 50})`);
+    const x0 = band().domain(chartData.map((d2) => d2.month)).range([0, chartWidth]).padding(0.2);
+    const x1 = band().domain(["Total Transaction", "Total Value", "Average Value"]).range([0, x0.bandwidth()]).padding(0.1);
+    const y2 = linear().domain([0, max$1(chartData, (d2) => max$1(d2.data, (data) => data.value))]).nice().range([chartHeight, 0]);
+    const xAxis = svg.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${chartHeight})`).call(axisBottom(x0).tickPadding(20));
+    const yAxis = svg.append("g").attr("class", "y-axis").call(axisLeft(y2).tickPadding(10).tickFormat((d2) => formatNumber$2(d2, defaultCurrencySymbol)));
+    yAxis.select(".domain").attr("stroke", "none");
+    xAxis.select(".domain").attr("stroke", "none");
+    if (line2) {
+      svg.selectAll(".grid-line").data(y2.ticks()).enter().append("line").attr("class", "grid-line").attr("x1", 0).attr("x2", chartWidth).attr("y1", (d2) => y2(d2)).attr("y2", (d2) => y2(d2)).style("stroke", "#ddd").style("stroke-dasharray", "3,3").style("stroke-width", 1);
+    }
+    const monthGroups = svg.selectAll(".month-group").data(chartData).enter().append("g").attr("class", "month-group").attr("transform", (d2) => `translate(${x0(d2.month)}, 0)`);
+    monthGroups.selectAll("rect").data((d2) => d2.data).enter().append("rect").attr("x", (d2) => x1(d2.type) + (x1.bandwidth() - barWidth) / 2).attr("y", (d2) => y2(d2.value)).attr("width", barWidth).attr("height", (d2) => chartHeight - y2(d2.value)).attr("fill", (d2) => d2.color).attr("rx", 5).attr("ry", 5);
+  }, [chartData, barWidth, height, calculatedChartWidth, containerWidth, line2, margin, defaultCurrencySymbol, maxValue]);
+  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: scrollContainerRef,
+      style: {
+        width: "100%",
+        overflowX: needsHorizontalScroll ? "auto" : "hidden",
+        overflowY: "hidden"
+      },
+      children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          ref: svgRef,
+          width: calculatedChartWidth,
+          height,
+          viewBox: `0 0 ${calculatedChartWidth} ${height}`,
+          style: { display: "block" }
+        }
+      )
+    }
+  ) }) });
+};
+const formatNumber$1 = (num) => {
+  if (num >= 1e9) return (num / 1e9).toFixed(1) + "B";
+  if (num >= 1e6) return (num / 1e6).toFixed(1) + "M";
+  if (num >= 1e3) return (num / 1e3).toFixed(1) + "K";
+  return num;
+};
+const LineChart = ({
+  data,
+  numOfLines = 5,
+  width = 500,
+  height = 300
+}) => {
+  const svgRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const maxValue = useMemo(() => {
+    return Math.max(...data.map((d2) => d2.value));
+  }, [data]);
+  const yAxisMaxValue = useMemo(() => {
+    return maxValue * 1.25;
+  }, [maxValue]);
+  const yAxisTicks = useMemo(() => {
+    const ticks2 = [];
+    const interval = yAxisMaxValue / numOfLines;
+    for (let i2 = 0; i2 <= numOfLines; i2++) {
+      ticks2.push(interval * i2);
+    }
+    return ticks2;
+  }, [yAxisMaxValue, numOfLines]);
+  const needsHorizontalScroll = data.length > 12;
+  const minGroupWidth = 120;
+  const calculatedChartWidth = needsHorizontalScroll ? Math.max(data.length * minGroupWidth, width) : width;
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0]) {
+        const newWidth = entries[0].contentRect.width;
+        setContainerWidth(newWidth);
+      }
+    });
+    if (wrapper) {
+      resizeObserver.observe(wrapper);
+    }
+    return () => {
+      if (wrapper) {
+        resizeObserver.unobserve(wrapper);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = { top: 20, right: 20, bottom: 70, left: 40 };
+    const barWidth = calculatedChartWidth - margin.left - margin.right;
+    const barHeight = height - margin.top - margin.bottom;
+    const mousemove = (event, d2) => {
+      const xPosition = event.offsetX + margin.left - 25;
+      const yPosition = event.offsetY + margin.top - 40;
+      const text = `${d2.label} - ${d2.value}`;
+      tooltip.attr("x", xPosition).attr("y", yPosition).style("opacity", 9).style("height", text.length >= 16 ? 50 : 35);
+      tooltipText.html(text);
+    };
+    const mouseleave = () => {
+      tooltip.style("opacity", 0);
+    };
+    const x2 = band().domain(data.map((d2) => d2.label)).range([0, barWidth]).padding(0.1);
+    const y2 = linear().domain([0, max$1(data, (d2) => d2.value)]).range([barHeight, 0]);
+    const chart = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+    const line$1 = line().x((d2) => x2(d2.label) + x2.bandwidth() / 2).y((d2) => y2(d2.value));
+    chart.append("path").datum(data).attr("class", "line").attr("d", line$1).style("fill", "none").style("stroke", "#357AF6").style("stroke-width", 2);
+    chart.selectAll(".point").data(data).enter().append("circle").attr("class", "point").attr("cx", (d2) => x2(d2.label) + x2.bandwidth() / 2).attr("cy", (d2) => y2(d2.value)).attr("r", 4).style("fill", "#357AF6").on("mousemove", mousemove).on("mouseleave", mouseleave);
+    yAxisTicks.slice(1).forEach((tick) => {
+      chart.append("line").attr("class", "dotted-line").attr("x1", 0).attr("y1", y2(tick)).attr("x2", width).attr("y2", y2(tick)).style("stroke", "gray").style("stroke-dasharray", "3,3");
+    });
+    const xAxis = chart.append("g").attr("class", "x-axis").attr("transform", `translate(0, ${barHeight})`).call(axisBottom(x2));
+    xAxis.selectAll(".tick line").remove();
+    const yAxis = chart.append("g").attr("class", "y-axis").call(
+      axisLeft(y2).tickValues(yAxisTicks).tickFormat((d2) => {
+        return formatNumber$1(d2);
+      }).tickSizeOuter(0),
+      0
+    );
+    yAxis.selectAll(".domain").remove();
+    yAxis.selectAll(".tick line").remove();
+    const tooltip = svg.append("foreignObject").attr("class", "tooltip").attr("width", 120).attr("height", 20).style("opacity", 0).style("position", "absolute").style("background-color", "white").style("border", "none").style("box-shadow", "0rem 0rem 0.469rem 0rem rgba(0, 0, 0, 0.15)").style("border-radius", "0.313rem").style("padding", "0.625rem").style("font-size", "0.75rem");
+    const tooltipText = tooltip.append("xhtml:div").style("font-size", "0.75rem").style("color", "black");
+  }, [data, height, width, yAxisMaxValue, yAxisTicks, calculatedChartWidth]);
+  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ref: svgRef,
+      width: calculatedChartWidth,
+      height,
+      viewBox: `0 0 ${calculatedChartWidth} ${height}`
+    }
+  ) });
+};
+const AreaLineChart = ({
+  data,
+  width = "100%",
+  // Default to responsive width
+  height = 200,
+  // Set a default numeric height
+  lineColor = "#ADE7CB",
+  lineFillColor = "#EBF9F2",
+  ...rest
+}) => {
+  const svgRef = useRef(null);
+  const containerRef = useRef(null);
+  const [containerWidth, setContainerWidth2] = useState(0);
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver(() => {
+      if (containerRef.current) {
+        setContainerWidth2(containerRef.current.clientWidth);
+      }
+    });
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current);
+      setContainerWidth2(containerRef.current.clientWidth);
+    }
+    return () => resizeObserver.disconnect();
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const margin = { top: 5, left: 0, right: 0 };
+    const chartWidth = containerWidth - margin.left - margin.right;
+    const chartHeight = height;
+    const x2 = linear().domain([0, data.length - 1]).range([0, chartWidth]);
+    const y2 = linear().domain([0, max$1(data, (d2) => d2.value) || 1]).range([chartHeight, 0]);
+    const line$1 = line().x((_2, i2) => x2(i2)).y((d2) => y2(d2.value));
+    const area$1 = area().x((_2, i2) => x2(i2)).y0(chartHeight).y1((d2) => y2(d2.value));
+    const chart = svg.append("g").attr("transform", `translate(${margin.left},${margin.top})`);
+    chart.append("path").datum(data).attr("class", "line").attr("d", line$1).style("fill", "none").style("stroke", lineColor).style("stroke-width", 5);
+    chart.append("path").datum(data).attr("class", "area").attr("d", area$1).style("fill", lineFillColor);
+    chart.selectAll(".domain").remove();
+    chart.selectAll(".tick line").remove();
+  }, [data, height, lineColor, lineFillColor, containerWidth]);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, style: { width, height }, children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width: "100%", height: "100%", ...rest }) });
+};
+const formatNumber = (num, symbol, labelType) => {
+  if (labelType === "inPercent") {
+    return `${format(".0%")(num / 100)}`;
+  } else if (labelType === "inValue") {
+    return `${symbol || ""} ${format(".2s")(num).replace("k", "K")}`;
+  }
+  return num.toString();
+};
+const MultiLineChart = ({
+  data,
+  yAxisData,
+  xAxisData,
+  colors = ["steelblue", "orange", "green", "red"],
+  // Default colors
+  height = 400,
+  margin = { top: 20, right: 50, bottom: 30, left: 50 },
+  line: line$1 = false,
+  yAxisLabelType = "inValue",
+  currency,
+  customLabelFormatter
+}) => {
+  const svgRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const [containerWidth, setContainerWidth2] = useState(0);
+  useEffect(() => {
+  }, [yAxisLabelType]);
+  useEffect(() => {
+    const wrapper = wrapperRef.current;
+    const resizeObserver = new ResizeObserver((entries) => {
+      if (entries[0]) {
+        const newWidth = entries[0].contentRect.width;
+        setContainerWidth2(newWidth);
+      }
+    });
+    if (wrapper) {
+      resizeObserver.observe(wrapper);
+    }
+    return () => {
+      if (wrapper) {
+        resizeObserver.unobserve(wrapper);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (containerWidth === 0) return;
+    const svg = select(svgRef.current);
+    svg.selectAll("*").remove();
+    const innerWidth = containerWidth - margin.left - margin.right;
+    const innerHeight = height - margin.top - margin.bottom;
+    const x2 = linear().domain([0, xAxisData.length]).range([0, innerWidth]);
+    const y2 = linear().domain([0, max$1(yAxisData)]).nice().range([innerHeight, 0]);
+    const xAxis = svg.append("g").attr("class", "x-axis").attr("transform", `translate(${margin.left},${height - margin.bottom})`).call(
+      axisBottom(x2).ticks(xAxisData.length - 1).tickFormat((d2, i2) => xAxisData[i2])
+    );
+    xAxis.selectAll("text").attr("transform", "translate(20, 10)").style("text-anchor", "middle");
+    xAxis.select(".domain").attr("stroke", "none");
+    const yAxis = svg.append("g").attr("class", "y-axis").attr("transform", `translate(${margin.left},${margin.top})`).call(axisLeft(y2).tickPadding(10).tickFormat(
+      (d2) => customLabelFormatter ? customLabelFormatter(d2) : formatNumber(d2, currency, yAxisLabelType)
+    ).tickSizeOuter(0));
+    if (line$1) {
+      yAxis.selectAll(".grid-line").data(y2.ticks()).enter().append("line").attr("class", "grid-line").attr("x1", 0).attr("x2", innerWidth).attr("y1", (d2) => y2(d2)).attr("y2", (d2) => y2(d2)).style("stroke", "#ddd").style("stroke-dasharray", "6,3").style("stroke-width", 1);
+    }
+    xAxis.selectAll(".tick line").remove();
+    yAxis.selectAll(".tick line").remove();
+    yAxis.select(".domain").attr("stroke", "none");
+    Object.keys(data).forEach((key, index2) => {
+      var _a, _b, _c;
+      if (key !== "months") {
+        const chartLine = line().x((d2, i2) => x2(i2)).y((d2) => y2(d2)).curve(data[key].isSmooth ? monotoneX : curveLinear);
+        svg.append("path").datum((_a = data[key]) == null ? void 0 : _a.data).attr("fill", "none").attr("stroke", colors[index2 % colors.length]).attr("stroke-width", 2).attr("transform", `translate(${margin.left},${margin.top})`).attr("d", chartLine).on("mouseover", function() {
+          select(this).attr("stroke-width", 4);
+        }).on("mouseout", function() {
+          select(this).attr("stroke-width", 2);
+        });
+        if ((_b = data[key]) == null ? void 0 : _b.displayDot) {
+          svg.selectAll(`.circle-${key}`).data((_c = data[key]) == null ? void 0 : _c.data).enter().append("circle").attr("class", `circle-${key}`).attr("cx", (d2, i2) => x2(i2) + margin.left).attr("cy", (d2) => y2(d2) + margin.top).attr("r", 4).attr("fill", colors[index2 % colors.length]).attr("stroke", "white").attr("stroke-width", 1.5).on("mouseover", function() {
+            select(this).attr("r", 6);
+          }).on("mouseout", function() {
+            select(this).attr("r", 4);
+          });
+        }
+      }
+    });
+  }, [data, yAxisData, xAxisData, height, containerWidth, colors, margin, line$1, yAxisLabelType, currency, customLabelFormatter]);
+  return /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx("svg", { ref: svgRef, width: "100%", height, viewBox: `0 0 ${containerWidth} ${height}` }) }) });
+};
 const CustomGridCard = ({
   title,
   subTitle,
@@ -60825,7 +61813,7 @@ function ReportTable({
   );
 }
 export {
-  GridCard as $,
+  BarLineChart as $,
   Accordion as A,
   BoardWrapper as B,
   CalculationSummary as C,
@@ -60850,77 +61838,86 @@ export {
   ToggleSwitch as V,
   Upload as W,
   UserDropdown as X,
-  AreaLineChart as Y,
-  ChartLegends as Z,
-  CustomGridCard as _,
+  AreaLineChart$1 as Y,
+  BarChart$1 as Z,
+  BarChart as _,
   ActivityTag$1 as a,
-  LocationAddModal as a$,
-  GridWrapper as a0,
-  ERPUIProvider as a1,
-  useERPUI as a2,
-  ReportTable as a3,
-  AccordionActions as a4,
-  AvatarGroup as a5,
-  BottomNavigation as a6,
-  BottomNavigationAction as a7,
-  Breadcrumbs as a8,
-  Card as a9,
-  useScrollTrigger as aA,
-  Zoom as aB,
-  FormLoader as aC,
-  PageLoader as aD,
-  FormParser as aE,
-  DynamicButton as aF,
-  DynamicCheckBox as aG,
-  DynamicDateRange as aH,
-  DynamicDateTime as aI,
-  DynamicDate as aJ,
-  DynamicCurrency as aK,
-  DynamicElementHOC as aL,
-  DynamicInputSelect as aM,
-  DynamicSearchSelect as aN,
-  DynamicTagsInput as aO,
-  DynamicInfo as aP,
-  DynamicMedia as aQ,
-  DynamicPhone as aR,
-  DynamicRadioButton as aS,
-  DynamicSectionHOC as aT,
-  DynamicSelect as aU,
-  DynamicTable as aV,
-  DynamicTime as aW,
-  DynamicToggleButton as aX,
-  createLocationThunk as aY,
-  dynamicSelectAdd as aZ,
-  DyanmicTextEditor as a_,
-  CardActionArea as aa,
-  CardActions as ab,
-  CardContent as ac,
-  CardHeader as ad,
-  CardMedia as ae,
-  DialogContentText as af,
-  Fab as ag,
-  Hidden as ah,
-  ImageList as ai,
-  ImageListItem as aj,
-  ImageListItemBar as ak,
-  MobileStepper as al,
-  NativeSelect as am,
-  NoSsr as an,
-  Rating as ao,
-  ScopedCssBaseline as ap,
-  SpeedDial as aq,
-  SpeedDialAction as ar,
-  SpeedDialIcon as as,
-  Step as at,
-  StepButton as au,
-  StepContent as av,
-  StepLabel as aw,
-  Stepper as ax,
-  SwipeableDrawer as ay,
-  TablePagination as az,
+  DynamicRadioButton as a$,
+  ChartLegends as a0,
+  DonutChart$1 as a1,
+  DonutChart as a2,
+  GroupedBarChart as a3,
+  LineChart as a4,
+  AreaLineChart as a5,
+  MultiLineChart as a6,
+  CustomGridCard as a7,
+  GridCard as a8,
+  GridWrapper as a9,
+  SpeedDialAction as aA,
+  SpeedDialIcon as aB,
+  Step as aC,
+  StepButton as aD,
+  StepContent as aE,
+  StepLabel as aF,
+  Stepper as aG,
+  SwipeableDrawer as aH,
+  TablePagination as aI,
+  useScrollTrigger as aJ,
+  Zoom as aK,
+  FormLoader as aL,
+  PageLoader as aM,
+  FormParser as aN,
+  DynamicButton as aO,
+  DynamicCheckBox as aP,
+  DynamicDateRange as aQ,
+  DynamicDateTime as aR,
+  DynamicDate as aS,
+  DynamicCurrency as aT,
+  DynamicElementHOC as aU,
+  DynamicInputSelect as aV,
+  DynamicSearchSelect as aW,
+  DynamicTagsInput as aX,
+  DynamicInfo as aY,
+  DynamicMedia as aZ,
+  DynamicPhone as a_,
+  ERPUIProvider as aa,
+  useERPUI as ab,
+  ReportTable as ac,
+  AccordionActions as ad,
+  AvatarGroup as ae,
+  BottomNavigation as af,
+  BottomNavigationAction as ag,
+  Breadcrumbs as ah,
+  Card as ai,
+  CardActionArea as aj,
+  CardActions as ak,
+  CardContent as al,
+  CardHeader as am,
+  CardMedia as an,
+  DialogContentText as ao,
+  Fab as ap,
+  Hidden as aq,
+  ImageList as ar,
+  ImageListItem as as,
+  ImageListItemBar as at,
+  MobileStepper as au,
+  NativeSelect as av,
+  NoSsr as aw,
+  Rating as ax,
+  ScopedCssBaseline as ay,
+  SpeedDial as az,
   ActivityTag as b,
-  styled_default$1 as b0,
-  styled_default as b1,
+  DynamicSectionHOC as b0,
+  DynamicSelect as b1,
+  DynamicTable as b2,
+  DynamicTime as b3,
+  DynamicToggleButton as b4,
+  createLocationThunk as b5,
+  dynamicSelectAdd as b6,
+  DyanmicTextEditor as b7,
+  LocationAddModal as b8,
+  styled_default$1 as b9,
+  styled_default as ba,
   Alert as c,
   ApprovalWrapper as d,
   BreadCrumb as e,
@@ -60946,4 +61943,4 @@ export {
   GeneralScheduleReport as y,
   Snackbar as z
 };
-//# sourceMappingURL=index-D-LS9re6.esm.js.map
+//# sourceMappingURL=index-Ck1uBa0H.esm.js.map