@adiba-banking-cloud/backoffice 0.0.106 → 0.2.0

package/build/index.esm.js/{index-CWjYoFnK.js → index-9HtrJaD9.js}

@@ -1,6 +1,7 @@
 import { modals } from '@mantine/modals';
-import React, { useRef, useMemo, useEffect, useState } from 'react';
-import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, createTheme, PinInput, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, Textarea, Grid } from '@mantine/core';
+import * as React from 'react';
+import React__default, { useRef, useMemo, useEffect, useState } from 'react';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table, createTheme, PinInput, Drawer as Drawer$1, ScrollArea, NumberInput, PasswordInput, Textarea, Grid, MantineProvider } from '@mantine/core';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
 import _extends from '@babel/runtime/helpers/extends';
 import HighchartsReact from 'highcharts-react-official';
@@ -17,6 +18,9 @@ import '@fontsource/poppins/500.css';
 import '@fontsource/poppins/600.css';
 import '@fontsource/poppins/700.css';
 import '@fontsource/poppins/800.css';
+import axios from 'axios';
+import { DatesProvider } from '@mantine/dates';
+import '@mantine/dates/styles.css';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {
@@ -11345,7 +11349,7 @@ const Column = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React__default.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11368,7 +11372,7 @@ const EqualizerColumn = props => {
     showYLabel: props.showYLabel,
     showAxisLabel: props.showAxisLabel
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React__default.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11387,10 +11391,10 @@ const SimpleColumn = props => {
     showYLabel: props.showYLabel,
     showAxisLabel: props.showAxisLabel
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React__default.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11688,7 +11692,7 @@ const Area = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React__default.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11709,7 +11713,7 @@ const SimpleArea = props => {
     showYAxis: props.showYAxis,
     step: props.step
   };
-  return /*#__PURE__*/React.createElement(Area, chartOptions);
+  return /*#__PURE__*/React__default.createElement(Area, chartOptions);
 };
 const MultiAxisArea = props => {
   const chartRef = useRef(null);
@@ -11727,7 +11731,7 @@ const MultiAxisArea = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React__default.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11749,7 +11753,7 @@ const StackedArea = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React__default.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -12145,7 +12149,7 @@ const initChart$1 = props => {
   }
 
   // Fallback: use dynamic import (async, but will work in Vite/Storybook)
-  import('./heatmap-yNnNxsAY.js').then(function (n) { return n.h; }).then(heatmapModule => {
+  import('./heatmap-Dfb5-pNh.js').then(function (n) { return n.h; }).then(heatmapModule => {
     const moduleFn = typeof heatmapModule === "function" ? heatmapModule : heatmapModule?.default || heatmapModule;
     if (typeof moduleFn === "function") {
       moduleFn(Highcharts);
@@ -12170,7 +12174,7 @@ const Heatmap = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React__default.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -12386,17 +12390,17 @@ const initCalendarSeries = props => {
   };
 };
 const BasicHeatmap = props => {
-  return /*#__PURE__*/React.createElement(Heatmap, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Heatmap, _extends({}, props, {
     type: "basic"
   }));
 };
 const InterpolatedHeatmap = props => {
-  return /*#__PURE__*/React.createElement(Heatmap, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Heatmap, _extends({}, props, {
     type: "interpolated"
   }));
 };
 const CalendarHeatmap = props => {
-  return /*#__PURE__*/React.createElement(Heatmap, _extends({}, props, {
+  return /*#__PURE__*/React__default.createElement(Heatmap, _extends({}, props, {
     type: "calendar"
   }));
 };
@@ -12502,7 +12506,7 @@ const DonutChart = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React__default.createElement(HighchartsReact, {
     highcharts: Highcharts$1,
     ref: chartRef,
     options: chartOptions
@@ -12539,7 +12543,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax[name];
-  return /*#__PURE__*/React.createElement(Element, {
+  return /*#__PURE__*/React__default.createElement(Element, {
     size,
     color,
     variant,
@@ -12561,15 +12565,15 @@ const Logo = _ref => {
     fit,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Center, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Center, _extends({}, rest, {
     component: Link,
     display: "flex",
     to: href
-  }), /*#__PURE__*/React.createElement(Image, {
+  }), /*#__PURE__*/React__default.createElement(Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React.createElement(Space, {
+  }), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1,
     hidden: true
   }));
@@ -12582,7 +12586,7 @@ const DynamicLogo = _ref2 => {
     w = 180,
     ...rest
   } = _ref2;
-  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -12596,7 +12600,7 @@ const DynamicShigaLogo = _ref3 => {
     fit = "contain",
     ...rest
   } = _ref3;
-  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -12610,13 +12614,13 @@ const ApplicationMenuTarget = _ref => {
     toggle,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Popover.Target, null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React__default.createElement(Popover.Target, null, /*#__PURE__*/React__default.createElement(Button, {
     variant: "transparent",
     justify: "space-between",
     h: 60,
     fw: 300,
     w: 200,
-    rightSection: /*#__PURE__*/React.createElement(Icons, {
+    rightSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "ArrowDown2",
       size: 16
     }),
@@ -12631,32 +12635,32 @@ const ApplicationMenuDropdown = _ref => {
     moreLink,
     toggle
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Dropdown, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Popover.Dropdown, {
     ml: "md",
     p: 5
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: 5,
     p: 0
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: 5,
     align: "flex-start"
-  }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
+  }, items.map((item, index) => /*#__PURE__*/React__default.createElement(DropdownItem, _extends({
     key: `item-${index}`
   }, item, {
     onClick: e => {
       toggle();
       item.onClick(e);
     }
-  })))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Group, {
+  })))), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(Group, {
     grow: true,
     justify: "center"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     variant: "subtle",
     p: 0,
     component: Link,
     to: moreLink,
     onClick: toggle
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     fw: 300,
     w: 320
@@ -12674,7 +12678,7 @@ const DropdownItem = _ref2 => {
     id,
     onClick
   } = _ref2;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
     variant: "subtle",
     fw: 300,
     mih: 70,
@@ -12682,15 +12686,15 @@ const DropdownItem = _ref2 => {
     c: active ? activeColor : inactiveColor,
     onClick: onClick,
     "data-index": id
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     w: 320
-  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Icons, icon), /*#__PURE__*/React__default.createElement(Stack, {
     align: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     size: "sm",
     fw: 300
-  }, title), /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     fz: 11,
     fw: 300
@@ -12708,7 +12712,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = useDisclosure(false);
-  return /*#__PURE__*/React.createElement(Popover, {
+  return /*#__PURE__*/React__default.createElement(Popover, {
     transitionProps: {
       transition
     },
@@ -12722,9 +12726,9 @@ const ApplicationMenu = _ref => {
     radius: "sm",
     opened: opened,
     onChange: toggle
-  }, /*#__PURE__*/React.createElement(ApplicationMenuTarget, {
+  }, /*#__PURE__*/React__default.createElement(ApplicationMenuTarget, {
     toggle
-  }, label), /*#__PURE__*/React.createElement(ApplicationMenuDropdown, {
+  }, label), /*#__PURE__*/React__default.createElement(ApplicationMenuDropdown, {
     items,
     moreLink,
     moreText,
@@ -12738,32 +12742,32 @@ const UserMenuTarget = _ref => {
     username,
     avatar
   } = _ref;
-  return /*#__PURE__*/React.createElement(Menu.Target, null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React__default.createElement(Menu.Target, null, /*#__PURE__*/React__default.createElement(Button, {
     variant: "subtle",
     h: 50,
     px: 10,
     radius: "md"
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     gap: "sm"
-  }, /*#__PURE__*/React.createElement(Avatar, {
+  }, /*#__PURE__*/React__default.createElement(Avatar, {
     src: avatar,
     radius: "md",
     key: name,
     name: name,
     color: "initials",
     bd: "0.5px solid adiba.2"
-  }), /*#__PURE__*/React.createElement(Stack, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     gap: 0,
     align: "flex-start",
     visibleFrom: "md",
     fw: 300
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     size: "sm"
-  }, name), /*#__PURE__*/React.createElement(Text, {
+  }, name), /*#__PURE__*/React__default.createElement(Text, {
     c: "dimmed",
     size: "xs"
-  }, username)), /*#__PURE__*/React.createElement(Icons, {
+  }, username)), /*#__PURE__*/React__default.createElement(Icons, {
     name: "ArrowDown2",
     size: 12
   }))));
@@ -12774,33 +12778,33 @@ const UserMenuDropdown = _ref => {
     sections,
     height = 40
   } = _ref;
-  return /*#__PURE__*/React.createElement(Menu.Dropdown, null, sections.map((section, index) => {
+  return /*#__PURE__*/React__default.createElement(Menu.Dropdown, null, sections.map((section, index) => {
     const items = [];
-    const sectionItems = section.items.map((item, key) => /*#__PURE__*/React.createElement(Menu.Item, {
+    const sectionItems = section.items.map((item, key) => /*#__PURE__*/React__default.createElement(Menu.Item, {
       c: section?.color,
       key: `menu-item-${key}`,
       h: height,
-      leftSection: /*#__PURE__*/React.createElement(Icons, _extends({}, item.icon, {
+      leftSection: /*#__PURE__*/React__default.createElement(Icons, _extends({}, item.icon, {
         stroke: 0.5
       })),
-      rightSection: item?.disclosure ? /*#__PURE__*/React.createElement(Icons, {
+      rightSection: item?.disclosure ? /*#__PURE__*/React__default.createElement(Icons, {
         name: "ArrowRight2",
         size: 12,
         stroke: 0.5
-      }) : item.badge ? /*#__PURE__*/React.createElement(Badge, {
+      }) : item.badge ? /*#__PURE__*/React__default.createElement(Badge, {
         color: item?.badge?.color,
         size: "sm"
       }, item?.badge?.text) : undefined,
       onClick: () => item.callbackFn ? item.callbackFn() : void 0
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React__default.createElement(Text, {
       size: "xs",
       fw: 300
     }, item.label)));
-    if (index) items.push(/*#__PURE__*/React.createElement(Divider, {
+    if (index) items.push(/*#__PURE__*/React__default.createElement(Divider, {
       key: `divider-${index}`,
       my: 2
     }));
-    if (section?.title) items.push(/*#__PURE__*/React.createElement(Menu.Label, {
+    if (section?.title) items.push(/*#__PURE__*/React__default.createElement(Menu.Label, {
       fz: 10,
       fw: 500,
       c: "dimmed",
@@ -12820,7 +12824,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React.createElement(Menu, {
+  return /*#__PURE__*/React__default.createElement(Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -12831,11 +12835,11 @@ const UserMenu = _ref => {
     offset: 5,
     arrowOffset: 20,
     arrowSize: 10
-  }, /*#__PURE__*/React.createElement(UserMenuTarget, {
+  }, /*#__PURE__*/React__default.createElement(UserMenuTarget, {
     name,
     username,
     avatar
-  }), /*#__PURE__*/React.createElement(UserMenuDropdown, {
+  }), /*#__PURE__*/React__default.createElement(UserMenuDropdown, {
     sections,
     height
   }));
@@ -12849,7 +12853,7 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => /*#__PURE__*/React.createElement(NavLink, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, sidemenu.map(item => /*#__PURE__*/React__default.createElement(NavLink, {
     className: "backoffice-sidemenu",
     mt: "sm",
     component: Link,
@@ -12861,10 +12865,10 @@ const SideMenu = _ref => {
     active: item.active,
     variant,
     onClick,
-    leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
+    leftSection: item.icon ? /*#__PURE__*/React__default.createElement(Icons, item.icon) : undefined,
     label: item.label,
     to: item.children?.length ? "#" : item?.href || "#"
-  }, item.children?.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(NavLink, {
+  }, item.children?.length ? item.children.map(subitem => /*#__PURE__*/React__default.createElement(NavLink, {
     mt: "xs",
     component: Link,
     to: subitem.href || "#",
@@ -12889,7 +12893,7 @@ const SimplePanel = _ref => {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React__default.createElement(Card, _extends({
     p: !withPadding ? 0 : "md",
     radius: !withRadius ? 0 : "lg",
     flex: autoHeight ? 1 : "none"
@@ -12902,34 +12906,34 @@ const TitledPanel = _ref2 => {
     children,
     ...rest
   } = _ref2;
-  return /*#__PURE__*/React.createElement(SimplePanel, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(SimplePanel, _extends({}, rest, {
     withPadding: withPadding
-  }), /*#__PURE__*/React.createElement(Group, {
+  }), /*#__PURE__*/React__default.createElement(Group, {
     h: 48,
     px: withPadding ? 0 : "md",
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Center, {
     bg: "gray.1",
     w: 32,
     h: 32,
     style: {
       borderRadius: "50%"
     }
-  }, /*#__PURE__*/React.createElement(Icons, _extends({}, title.icon, {
+  }, /*#__PURE__*/React__default.createElement(Icons, _extends({}, title.icon, {
     size: 20,
     variant: "Bulk"
-  }))), /*#__PURE__*/React.createElement(Text, {
+  }))), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300
-  }, title.label)), /*#__PURE__*/React.createElement(Space, {
+  }, title.label)), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(Group, {
+  }), /*#__PURE__*/React__default.createElement(Group, {
     hidden: !rest.middlesection
-  }, rest.middlesection), /*#__PURE__*/React.createElement(Space, {
+  }, rest.middlesection), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(Group, {
+  }), /*#__PURE__*/React__default.createElement(Group, {
     hidden: !rest.rightsection
-  }, rest.rightsection)), /*#__PURE__*/React.createElement(Box, {
+  }, rest.rightsection)), /*#__PURE__*/React__default.createElement(Box, {
     pt: !withPadding ? 0 : "md"
   }, children));
 };
@@ -12955,13 +12959,13 @@ const SearchPanel = _ref3 => {
       search: search
     }
   });
-  return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement("form", {
+  return /*#__PURE__*/React__default.createElement(SimplePanel, rest, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement("form", {
     onSubmit: form.onSubmit(values => {
       searchFn ? searchFn(values) : void 0;
     })
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     gap: "xs"
-  }, /*#__PURE__*/React.createElement(TextInput, {
+  }, /*#__PURE__*/React__default.createElement(TextInput, {
     fw: 300,
     name: "search",
     size: "md",
@@ -12969,16 +12973,16 @@ const SearchPanel = _ref3 => {
     flex: 1,
     value: search,
     placeholder: placeholder,
-    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
-    rightSection: typeof filterFn == "function" ? /*#__PURE__*/React.createElement(ActionIcon, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, searchIcon),
+    rightSection: typeof filterFn == "function" ? /*#__PURE__*/React__default.createElement(ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null),
+    }, /*#__PURE__*/React__default.createElement(Icons, filterIcon)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null),
     onChange: e => {
       setSearch(e.currentTarget.value);
       form.setFieldValue("search", e.currentTarget.value);
     }
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React__default.createElement(Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -12986,7 +12990,7 @@ const SearchPanel = _ref3 => {
     miw: 100,
     maw: 150,
     type: "submit",
-    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon)
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, searchIcon)
   }, searchText))), children));
 };
 
@@ -12996,13 +13000,13 @@ const LabelPanelItem = _ref => {
     value,
     labelWidth
   } = _ref;
-  return /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "sm",
     c: "dimmed",
     w: labelWidth,
     truncate: true
-  }, label), /*#__PURE__*/React.createElement(Text, {
+  }, label), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "sm",
     truncate: true
@@ -13022,19 +13026,19 @@ const LabelPanel = _ref => {
     p = "md",
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React.createElement(Stack, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     pb: "md"
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between",
     p: 0
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     order: 6,
     py: "xs"
-  }, title), /*#__PURE__*/React.createElement(Button, {
+  }, title), /*#__PURE__*/React__default.createElement(Button, {
     style: {
       display: hasEdit ? "block" : "none"
     },
@@ -13042,11 +13046,11 @@ const LabelPanel = _ref => {
     variant: "outline",
     onClick: editFn,
     size: "xs",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)), items.map((item, index) => {
-    return /*#__PURE__*/React.createElement(LabelPanelItem, _extends({
+    return /*#__PURE__*/React__default.createElement(LabelPanelItem, _extends({
       key: `label-item-${index}`
     }, item, {
       labelWidth: labelWidth
@@ -13069,17 +13073,17 @@ const AvatarLabelPanel = _ref2 => {
     editFn = void 0,
     ...rest
   } = _ref2;
-  return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React.createElement(Group, {
+  }), /*#__PURE__*/React__default.createElement(Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React.createElement(Box, {
+  }, /*#__PURE__*/React__default.createElement(Box, {
     w: labelWidth,
     pl: "md"
-  }, /*#__PURE__*/React.createElement(Avatar, {
+  }, /*#__PURE__*/React__default.createElement(Avatar, {
     size: avatarSize,
     src: avatar,
     radius: "md",
@@ -13087,29 +13091,29 @@ const AvatarLabelPanel = _ref2 => {
     name: name,
     color: "initials",
     bd: "0.5px solid adiba.2"
-  })), /*#__PURE__*/React.createElement(Stack, {
+  })), /*#__PURE__*/React__default.createElement(Stack, {
     py: 10,
     gap: "md",
     h: "100%"
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     fw: 500,
     order: 4
-  }, name), /*#__PURE__*/React.createElement(Text, {
+  }, name), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: 14
-  }, username), /*#__PURE__*/React.createElement(Text, {
+  }, username), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: 14
-  }, "Internal / ", role), /*#__PURE__*/React.createElement(Text, {
+  }, "Internal / ", role), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: 14
-  }, "Last login: ", lastActive)), /*#__PURE__*/React.createElement(Space, {
+  }, "Last login: ", lastActive)), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React__default.createElement(Button, {
     fw: 300,
     variant: "outline",
     size: "xs",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "Edit2"
     }),
     onClick: editFn
@@ -13122,7 +13126,7 @@ const SimpleText = _ref => {
     smaller,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Text, _extends({
+  return /*#__PURE__*/React__default.createElement(Text, _extends({
     fw: 300,
     fz: smaller ? "90%" : undefined
   }, rest), label);
@@ -13145,18 +13149,18 @@ const PageTitle = _ref => {
       label,
       ...rest
     } = create;
-    rightsection = /*#__PURE__*/React.createElement(Button, _extends({
+    rightsection = /*#__PURE__*/React__default.createElement(Button, _extends({
       radius: "md",
       size: "sm",
-      leftSection: /*#__PURE__*/React.createElement(Icons, icon),
+      leftSection: /*#__PURE__*/React__default.createElement(Icons, icon),
       onClick: createFn
-    }, rest), /*#__PURE__*/React.createElement(Text, {
+    }, rest), /*#__PURE__*/React__default.createElement(Text, {
       fw: 300,
       fz: 14
     }, label));
   }
   if (withSwitcher && switcher?.items?.length) {
-    rightsection = /*#__PURE__*/React.createElement(SegmentedControl, {
+    rightsection = /*#__PURE__*/React__default.createElement(SegmentedControl, {
       size: "sm",
       bg: "white",
       color: "adiba",
@@ -13165,34 +13169,34 @@ const PageTitle = _ref => {
       onChange: switcher.onChange
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Group, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between",
     py: "lg"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: 4
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     order: 2,
     fw: 500
-  }, title), typeof subtitle == "string" ? /*#__PURE__*/React.createElement(Text, {
+  }, title), typeof subtitle == "string" ? /*#__PURE__*/React__default.createElement(Text, {
     fz: 14,
     fw: 300
-  }, subtitle) : /*#__PURE__*/React.createElement(Breadcrumbs, {
+  }, subtitle) : /*#__PURE__*/React__default.createElement(Breadcrumbs, {
     separatorMargin: "xs",
     separator: "\xB7"
   }, subtitle?.map((item, index) => {
-    return index < subtitle.length - 1 ? /*#__PURE__*/React.createElement(Anchor, {
+    return index < subtitle.length - 1 ? /*#__PURE__*/React__default.createElement(Anchor, {
       key: index,
       fz: 14,
       fw: 400,
       component: Link,
       to: item.link
-    }, item.name) : /*#__PURE__*/React.createElement(Text, {
+    }, item.name) : /*#__PURE__*/React__default.createElement(Text, {
       fz: 14,
       key: index,
       fw: 300,
       c: "dimmed"
     }, item.name);
-  }))), /*#__PURE__*/React.createElement(React.Fragment, null, rightsection)));
+  }))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, rightsection)));
 };
 
 const TitleWithIndex = _ref => {
@@ -13204,20 +13208,20 @@ const TitleWithIndex = _ref => {
     errorLabel,
     errorFn = () => void 0
   } = _ref;
-  return /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Group, {
+  return /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Group, {
     gap: "xs"
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     order: 3,
     fw: 500
-  }, title), /*#__PURE__*/React.createElement(Growth, growth), /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React__default.createElement(Growth, growth), /*#__PURE__*/React__default.createElement(Text, {
     c: "dimmed",
     size: "xs",
     fw: 300
-  }, subtitle)), /*#__PURE__*/React.createElement(Space, {
+  }, subtitle)), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     hidden: !hasError
-  }, /*#__PURE__*/React.createElement(WidgetError, {
+  }, /*#__PURE__*/React__default.createElement(WidgetError, {
     errorLabel: errorLabel,
     errorFn: errorFn
   })));
@@ -13229,16 +13233,16 @@ const Growth = _ref2 => {
   } = _ref2;
   const color = direction === "up" ? "rgb(64, 192, 87)" : "rgb(250,82,82)";
   const name = direction === "up" ? "TrendUp" : "TrendDown";
-  return /*#__PURE__*/React.createElement(Group, {
+  return /*#__PURE__*/React__default.createElement(Group, {
     c: color,
     gap: 2
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React__default.createElement(Icons, {
     name: name,
     color: color,
     size: 12,
     stroke: 2.5,
     variant: "Bold"
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     fw: 500
   }, text));
@@ -13248,10 +13252,10 @@ const WidgetError = _ref3 => {
     errorLabel,
     errorFn
   } = _ref3;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
     size: "sm",
     variant: "transparent",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "Danger",
       color: "rgb(250,82,82",
       stroke: 1.5
@@ -13268,11 +13272,11 @@ const ConnectionPanelDetail = _ref => {
     value,
     altColor
   } = _ref;
-  return /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Text, {
     w: 100,
     fw: 300,
     fz: "xs"
-  }, label), /*#__PURE__*/React.createElement(Text, {
+  }, label), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "sm",
     c: altColor
@@ -13292,35 +13296,35 @@ const ConnectionPanel = _ref => {
     altColor,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React__default.createElement(Card, {
     withBorder: true,
     bg: "gray.0",
     p: "lg",
     radius: "md",
     color: "red"
-  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Stack, null, /*#__PURE__*/React__default.createElement(Group, {
     align: "flex-start"
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React__default.createElement(Icons, {
     size: 48,
     name: "Driver",
     stroke: "0.5"
-  }), /*#__PURE__*/React.createElement(Stack, {
+  }), /*#__PURE__*/React__default.createElement(Stack, {
     gap: 5
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     fw: 400,
     order: 6
-  }, name), /*#__PURE__*/React.createElement(Group, {
+  }, name), /*#__PURE__*/React__default.createElement(Group, {
     justify: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React.createElement(ColorSwatch, {
+  }, /*#__PURE__*/React__default.createElement(ColorSwatch, {
     size: 12,
     color: statusColor
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "xs"
-  }, status))), /*#__PURE__*/React.createElement(Space, {
+  }, status))), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(Menu, {
+  }), /*#__PURE__*/React__default.createElement(Menu, {
     width: 190,
     transitionProps: {
       transition: "pop"
@@ -13329,55 +13333,55 @@ const ConnectionPanel = _ref => {
     withArrow: true,
     withinPortal: true,
     arrowSize: 20
-  }, /*#__PURE__*/React.createElement(Menu.Target, null, /*#__PURE__*/React.createElement(ActionIcon, {
+  }, /*#__PURE__*/React__default.createElement(Menu.Target, null, /*#__PURE__*/React__default.createElement(ActionIcon, {
     variant: "subtle",
     m: 0
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React__default.createElement(Icons, {
     name: "More"
-  }))), /*#__PURE__*/React.createElement(Menu.Dropdown, null, /*#__PURE__*/React.createElement(Menu.Item, {
+  }))), /*#__PURE__*/React__default.createElement(Menu.Dropdown, null, /*#__PURE__*/React__default.createElement(Menu.Item, {
     h: 40,
     onClick: edit.onClick,
-    rightSection: /*#__PURE__*/React.createElement(Icons, {
+    rightSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "ArrowRight2"
     }),
     "data-index": id
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     fw: 300
-  }, edit.label)), /*#__PURE__*/React.createElement(Menu.Item, {
+  }, edit.label)), /*#__PURE__*/React__default.createElement(Menu.Item, {
     h: 40,
     onClick: test.onClick,
-    rightSection: /*#__PURE__*/React.createElement(Icons, {
+    rightSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "ArrowRight2"
     }),
     "data-index": id
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     fw: 300
-  }, test.label)), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Menu.Item, {
+  }, test.label)), /*#__PURE__*/React__default.createElement(Divider, null), /*#__PURE__*/React__default.createElement(Menu.Item, {
     h: 40,
     onClick: pause.onClick,
     c: "red",
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
     }),
     "data-index": id
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     fw: 300
-  }, pause.label))))), /*#__PURE__*/React.createElement(Card.Section, {
+  }, pause.label))))), /*#__PURE__*/React__default.createElement(Card.Section, {
     style: {
       borderTop: "1px solid #ddd"
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     mt: 0,
     bg: "white",
     p: "md",
     gap: "lg",
     py: "lg"
   }, details.map((item, index) => {
-    return /*#__PURE__*/React.createElement(ConnectionPanelDetail, _extends({
+    return /*#__PURE__*/React__default.createElement(ConnectionPanelDetail, _extends({
       key: `detail-${index}`
     }, item, {
       altColor: altColor
@@ -13392,13 +13396,13 @@ const ApplicationPanelFeatures = _ref => {
     label,
     icon
   } = _ref;
-  return /*#__PURE__*/React.createElement(Group, {
+  return /*#__PURE__*/React__default.createElement(Group, {
     gap: "xs"
-  }, /*#__PURE__*/React.createElement(Icons, _extends({}, icon, {
+  }, /*#__PURE__*/React__default.createElement(Icons, _extends({}, icon, {
     color: "#aaa",
     variant: "Bulk",
     stroke: 1.5
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     c: "altiba",
     size: "12px",
@@ -13423,39 +13427,39 @@ const ApplicationPanel = _ref => {
     onClick = () => void 0,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, _extends({
+  return /*#__PURE__*/React__default.createElement(Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React.createElement(Card.Section, null, /*#__PURE__*/React.createElement(AspectRatio, {
+  }, rest), /*#__PURE__*/React__default.createElement(Card.Section, null, /*#__PURE__*/React__default.createElement(AspectRatio, {
     ratio: 3 / 2
-  }, /*#__PURE__*/React.createElement(Image, {
+  }, /*#__PURE__*/React__default.createElement(Image, {
     alt: name,
     src: coverImage,
     fallbackSrc: img$a
-  }), /*#__PURE__*/React.createElement(Overlay, {
+  }), /*#__PURE__*/React__default.createElement(Overlay, {
     gradient: "linear-gradient(45deg, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%)"
-  }))), /*#__PURE__*/React.createElement(Card.Section, {
+  }))), /*#__PURE__*/React__default.createElement(Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: "sm"
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fw: 400
-  }, name), /*#__PURE__*/React.createElement(Badge, {
+  }, name), /*#__PURE__*/React__default.createElement(Badge, {
     style: {
       display: String(discount).length > 1 ? "block" : "none"
     },
     fw: 300,
     variant: "outline"
-  }, discount)), /*#__PURE__*/React.createElement(Text, {
+  }, discount)), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "sm",
     lineClamp: 3
-  }, summary))), /*#__PURE__*/React.createElement(Card.Section, {
+  }, summary))), /*#__PURE__*/React__default.createElement(Card.Section, {
     p: "md",
     pt: 0
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fz: "xs",
     c: "gray.5",
     mb: "xs",
@@ -13463,26 +13467,26 @@ const ApplicationPanel = _ref => {
     fw: 500,
     lts: rem("-0.25px"),
     tt: "uppercase"
-  }, featureLabel), /*#__PURE__*/React.createElement(SimpleGrid, {
+  }, featureLabel), /*#__PURE__*/React__default.createElement(SimpleGrid, {
     cols: 1,
     spacing: "xs",
     verticalSpacing: "xs"
   }, features.map((feature, index) => {
-    return /*#__PURE__*/React.createElement(ApplicationPanelFeatures, _extends({
+    return /*#__PURE__*/React__default.createElement(ApplicationPanelFeatures, _extends({
       key: index
     }, feature));
-  }))), /*#__PURE__*/React.createElement(Card.Section, {
+  }))), /*#__PURE__*/React__default.createElement(Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement(Text, {
     fz: "lg",
     fw: 500,
     style: {
       lineHeight: 1
     }
-  }, amount), /*#__PURE__*/React.createElement(Text, {
+  }, amount), /*#__PURE__*/React__default.createElement(Text, {
     fz: "xs",
     c: "dimmed",
     fw: 300,
@@ -13490,19 +13494,19 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, `per ${frequency}`)), /*#__PURE__*/React.createElement(Box, {
+  }, `per ${frequency}`)), /*#__PURE__*/React__default.createElement(Box, {
     hidden: subscribed
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     fw: 300,
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "AddCircle"
     }),
     radius: "md",
     onClick: onClick
-  }, actionLabel)), /*#__PURE__*/React.createElement(Box, {
+  }, actionLabel)), /*#__PURE__*/React__default.createElement(Box, {
     hidden: !subscribed
-  }, /*#__PURE__*/React.createElement(Button, {
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
@@ -13524,40 +13528,40 @@ const SubscriptionPlans = _ref => {
     onClick
   } = _ref;
   const price = planPrice.split("/");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Indicator, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Indicator, {
     size: 20,
-    label: /*#__PURE__*/React.createElement(Icons, {
+    label: /*#__PURE__*/React__default.createElement(Icons, {
       name: "TickCircle",
       size: 18,
       stroke: 1
     }),
     disabled: !isActive,
     className: "payment-plan"
-  }, /*#__PURE__*/React.createElement(Card, {
+  }, /*#__PURE__*/React__default.createElement(Card, {
     bg: isActive ? "gray.1" : "white",
     p: "md",
     radius: "sm",
     withBorder: true
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: "xl"
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between",
     align: "flex-start"
-  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Box, null, /*#__PURE__*/React__default.createElement(Title, {
     order: 6,
     fw: 500
-  }, title), /*#__PURE__*/React.createElement(Text, {
+  }, title), /*#__PURE__*/React__default.createElement(Text, {
     fz: "xs",
     c: altColor,
     fw: 300
-  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React.createElement(Text, {
+  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React__default.createElement(Text, {
     fz: "sm",
     fw: 500
-  }, price[0], /*#__PURE__*/React.createElement(Text, {
+  }, price[0], /*#__PURE__*/React__default.createElement(Text, {
     fz: "sm",
     component: "span",
     c: "dimmed"
-  }, price[1] ? `/${price[1]}` : " /month"))), /*#__PURE__*/React.createElement(Button, {
+  }, price[1] ? `/${price[1]}` : " /month"))), /*#__PURE__*/React__default.createElement(Button, {
     w: 100,
     size: "xs",
     fw: 500,
@@ -13583,74 +13587,74 @@ const PaymentMethod = _ref => {
     type,
     exp
   } = _ref;
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React__default.createElement(Card, {
     withBorder: true,
     radius: "md",
     p: 0,
     bg: isActive ? "gray.1" : "white",
     w: 330
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     gap: "md",
     px: "sm"
-  }, /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(Center, {
     h: 88,
     w: 80
-  }, logo[type]), /*#__PURE__*/React.createElement(Stack, {
+  }, logo[type]), /*#__PURE__*/React__default.createElement(Stack, {
     gap: 3
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fz: 14,
     tt: "uppercase",
     fw: 500
-  }, `**** **** **** ${pan}`), /*#__PURE__*/React.createElement(Group, {
+  }, `**** **** **** ${pan}`), /*#__PURE__*/React__default.createElement(Group, {
     c: "dimmed"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     tt: "capitalize",
     fw: 300,
     size: "xs"
-  }, type), /*#__PURE__*/React.createElement(Text, {
+  }, type), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     size: "sm"
-  }, exp))), /*#__PURE__*/React.createElement(Space, {
+  }, exp))), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(ActionIcon, {
+  }), /*#__PURE__*/React__default.createElement(ActionIcon, {
     variant: "subtle",
     disabled: isActive
-  }, !isActive ? /*#__PURE__*/React.createElement(Icons, {
+  }, !isActive ? /*#__PURE__*/React__default.createElement(Icons, {
     name: "Record"
-  }) : /*#__PURE__*/React.createElement(Icons, {
+  }) : /*#__PURE__*/React__default.createElement(Icons, {
     name: "TickCircle"
   }))));
 };
 const logo = {
-  mastercard: /*#__PURE__*/React.createElement(Image, {
+  mastercard: /*#__PURE__*/React__default.createElement(Image, {
     height: 60,
     src: img$7
   }),
-  visa: /*#__PURE__*/React.createElement(Image, {
+  visa: /*#__PURE__*/React__default.createElement(Image, {
     height: 60,
     src: img$8
   }),
-  amex: /*#__PURE__*/React.createElement(Image, {
+  amex: /*#__PURE__*/React__default.createElement(Image, {
     height: 60,
     src: img$9
   }),
-  paypal: /*#__PURE__*/React.createElement(Image, {
+  paypal: /*#__PURE__*/React__default.createElement(Image, {
     height: 60,
     src: img$6
   }),
-  verve: /*#__PURE__*/React.createElement(Image, {
+  verve: /*#__PURE__*/React__default.createElement(Image, {
     height: 60,
     src: img$5
   })
 };
 const PaymentMethodAdd = () => {
-  return /*#__PURE__*/React.createElement(Group, {
+  return /*#__PURE__*/React__default.createElement(Group, {
     align: "center"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     variant: "outline",
     w: 60,
     h: 60
-  }, /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React__default.createElement(Icons, {
     name: "Add",
     size: 60,
     stroke: 1
@@ -13662,7 +13666,7 @@ const SimpleHeader = _ref => {
     id,
     label
   } = _ref;
-  return /*#__PURE__*/React.createElement(Table.Th, {
+  return /*#__PURE__*/React__default.createElement(Table.Th, {
     fw: 500,
     id: id,
     fz: "xs",
@@ -13687,13 +13691,13 @@ const SimpleBody = _ref => {
   if (withIndex) {
     row["index"] = `${index ? index + 1 : 1}`;
   }
-  return /*#__PURE__*/React.createElement(Table.Tr, {
+  return /*#__PURE__*/React__default.createElement(Table.Tr, {
     fw: 300,
     fz: "sm",
     h: 50
   }, columns.map((column, idx) => {
     const columnIndex = column.id;
-    return /*#__PURE__*/React.createElement(Table.Td, {
+    return /*#__PURE__*/React__default.createElement(Table.Td, {
       key: idx
     }, typeof row[columnIndex] === "function" ? row[columnIndex](`${index}`) : row[columnIndex] || "");
   }));
@@ -13727,14 +13731,14 @@ const SimpleTable = _ref => {
     withRowBorders: false,
     verticalSpacing: "md"
   };
-  return /*#__PURE__*/React.createElement(Table, isStriped && isStripedProps, /*#__PURE__*/React.createElement(Table.Thead, null, /*#__PURE__*/React.createElement(Table.Tr, {
+  return /*#__PURE__*/React__default.createElement(Table, isStriped && isStripedProps, /*#__PURE__*/React__default.createElement(Table.Thead, null, /*#__PURE__*/React__default.createElement(Table.Tr, {
     bg: isStriped ? "gray.1" : "transparent"
   }, columns.map((column, index) => {
-    return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
+    return /*#__PURE__*/React__default.createElement(SimpleHeader, _extends({
       key: `column-${index}`
     }, column));
-  }))), /*#__PURE__*/React.createElement(Table.Tbody, null, rows.map((row, index) => {
-    return /*#__PURE__*/React.createElement(SimpleBody, {
+  }))), /*#__PURE__*/React__default.createElement(Table.Tbody, null, rows.map((row, index) => {
+    return /*#__PURE__*/React__default.createElement(SimpleBody, {
       key: index,
       row,
       columns,
@@ -13779,29 +13783,29 @@ const File = _ref => {
   } = _ref;
   const isChip = shape == "chip";
   const radius = isChip ? "md" : "sm";
-  return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
+  return /*#__PURE__*/React__default.createElement(Card, _extends({}, rest, {
     radius,
     w,
     bg,
     bd
-  }), /*#__PURE__*/React.createElement(Card.Section, {
+  }), /*#__PURE__*/React__default.createElement(Card.Section, {
     p: isChip ? "xs" : undefined
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     justify: isChip ? "space-between" : undefined,
     gap: "xs"
-  }, /*#__PURE__*/React.createElement(Image, {
+  }, /*#__PURE__*/React__default.createElement(Image, {
     p: isChip ? undefined : "xs",
     pr: 2,
     h: isChip ? CHIP_HEIGHT : TILE_HEIGHT,
     w: isChip ? CHIP_WIDTH : TILE_WIDTH,
     alt: shape,
     fallbackSrc: ICON[type]
-  }), rest.children, /*#__PURE__*/React.createElement(Space, {
+  }), rest.children, /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), rightsection ? /*#__PURE__*/React.createElement(ActionIcon, {
+  }), rightsection ? /*#__PURE__*/React__default.createElement(ActionIcon, {
     variant: "transparent",
     onClick: rightsection.onClick
-  }, /*#__PURE__*/React.createElement(Icons, rightsection?.icon)) : undefined)));
+  }, /*#__PURE__*/React__default.createElement(Icons, rightsection?.icon)) : undefined)));
 };
 
 const theme = createTheme({
@@ -13831,21 +13835,21 @@ const ErrorModal = _ref => {
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     py: "md"
-  }, /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(Center, {
     w: 170,
     h: 170
-  }, /*#__PURE__*/React.createElement(DotLottieReact, {
+  }, /*#__PURE__*/React__default.createElement(DotLottieReact, {
     speed: 0.5,
     src: ErrorAnimation,
     loop: false,
     autoplay: true
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     ta: "center"
-  }, innerProps.modalBody)), /*#__PURE__*/React.createElement(Button, {
+  }, innerProps.modalBody)), /*#__PURE__*/React__default.createElement(Button, {
     radius: "xl",
     fw: 300,
     size: "md",
@@ -13863,9 +13867,9 @@ const InfoModal = _ref => {
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Text, {
     size: "sm"
-  }, innerProps.modalBody), /*#__PURE__*/React.createElement(Button, {
+  }, innerProps.modalBody), /*#__PURE__*/React__default.createElement(Button, {
     fullWidth: true,
     mt: "md",
     onClick: () => context.closeModal(id)
@@ -13879,17 +13883,17 @@ const SimpleModal = _ref => {
     innerProps,
     ...rest
   } = _ref;
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     pt: "lg",
     gap: "xl"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     gap: "lg"
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     order: 3,
     fw: 500,
     lh: "40px"
-  }, innerProps.title), /*#__PURE__*/React.createElement(React.Fragment, null, innerProps.modalBody)));
+  }, innerProps.title), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, innerProps.modalBody)));
 };
 
 var SuccessAnimation = "data:null;base64,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";
@@ -13900,21 +13904,21 @@ const SuccessModal = _ref => {
     id,
     innerProps
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     py: "md"
-  }, /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(Center, {
     w: 170,
     h: 170
-  }, /*#__PURE__*/React.createElement(DotLottieReact, {
+  }, /*#__PURE__*/React__default.createElement(DotLottieReact, {
     speed: 0.8,
     src: SuccessAnimation,
     loop: false,
     autoplay: true
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     ta: "center"
-  }, innerProps.modalBody)), /*#__PURE__*/React.createElement(Button, {
+  }, innerProps.modalBody)), /*#__PURE__*/React__default.createElement(Button, {
     radius: "xl",
     fw: 300,
     size: "md",
@@ -13932,22 +13936,22 @@ const TwoFactorModal = _ref => {
     title = "Verify Your Identity",
     pinLength = 6
   } = _ref;
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     py: 40,
     gap: "lg"
-  }, /*#__PURE__*/React.createElement(Title, {
+  }, /*#__PURE__*/React__default.createElement(Title, {
     order: 3,
     fw: 500,
     h: 40
-  }, title), /*#__PURE__*/React.createElement(PinInput, {
+  }, title), /*#__PURE__*/React__default.createElement(PinInput, {
     length: pinLength,
     placeholder: "",
     type: "number",
     inputType: "tel",
     inputMode: "numeric",
     autoFocus: true
-  }), /*#__PURE__*/React.createElement(Text, {
+  }), /*#__PURE__*/React__default.createElement(Text, {
     ta: "center",
     fw: 300
   }, children));
@@ -13962,7 +13966,7 @@ const Drawer = _ref => {
     title = "",
     page = undefined
   } = _ref;
-  return /*#__PURE__*/React.createElement(Drawer$1.Root, {
+  return /*#__PURE__*/React__default.createElement(Drawer$1.Root, {
     opened,
     onClose,
     position,
@@ -13975,17 +13979,17 @@ const Drawer = _ref => {
       duration: 500,
       transition: "slide-left"
     }
-  }, /*#__PURE__*/React.createElement(Drawer$1.Overlay, null), /*#__PURE__*/React.createElement(Drawer$1.Content, null, /*#__PURE__*/React.createElement(Drawer$1.Header, null, /*#__PURE__*/React.createElement(Drawer$1.Title, {
+  }, /*#__PURE__*/React__default.createElement(Drawer$1.Overlay, null), /*#__PURE__*/React__default.createElement(Drawer$1.Content, null, /*#__PURE__*/React__default.createElement(Drawer$1.Header, null, /*#__PURE__*/React__default.createElement(Drawer$1.Title, {
     fz: "lg",
     fw: "400"
-  }, title), /*#__PURE__*/React.createElement(Drawer$1.CloseButton, {
-    icon: /*#__PURE__*/React.createElement(Icons, {
+  }, title), /*#__PURE__*/React__default.createElement(Drawer$1.CloseButton, {
+    icon: /*#__PURE__*/React__default.createElement(Icons, {
       name: "Back",
       size: 24
     })
-  })), /*#__PURE__*/React.createElement(Drawer$1.Body, {
+  })), /*#__PURE__*/React__default.createElement(Drawer$1.Body, {
     p: "md"
-  }, /*#__PURE__*/React.createElement(ScrollArea, {
+  }, /*#__PURE__*/React__default.createElement(ScrollArea, {
     scrollbars: "y"
   }, page))));
 };
@@ -14040,7 +14044,7 @@ const SimpleForm = _ref => {
     variant: !isEditable ? "unstyled" : "default",
     required: true
   };
-  return /*#__PURE__*/React.createElement("form", {
+  return /*#__PURE__*/React__default.createElement("form", {
     onSubmit: form.onSubmit(values => hasSubmit ? rest.onSubmit?.(values) : void 0),
     onReset: () => {
       form.reset();
@@ -14049,18 +14053,18 @@ const SimpleForm = _ref => {
     style: {
       height: "100%"
     }
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     h: "100%"
-  }, /*#__PURE__*/React.createElement(Grid, null, fields.map((field, index) => {
+  }, /*#__PURE__*/React__default.createElement(Grid, null, fields.map((field, index) => {
     if (typeof field === "string") {
       const sanitizedField = santize(field);
-      return /*#__PURE__*/React.createElement(Grid.Col, {
+      return /*#__PURE__*/React__default.createElement(Grid.Col, {
         key: index,
         span: layout[index]
-      }, /*#__PURE__*/React.createElement(TextInput, _extends({}, inputProps, sanitizedField, form.getInputProps(sanitizedField.name))));
+      }, /*#__PURE__*/React__default.createElement(TextInput, _extends({}, inputProps, sanitizedField, form.getInputProps(sanitizedField.name))));
     }
     if (typeof field === "function") {
-      return /*#__PURE__*/React.createElement(Grid.Col, {
+      return /*#__PURE__*/React__default.createElement(Grid.Col, {
         key: index,
         span: layout[index]
       }, field(form.getInputProps));
@@ -14068,15 +14072,15 @@ const SimpleForm = _ref => {
     if (Object.keys(components).includes(field.component)) {
       const Component = components[field.component];
       const sanitizedField = santize(field.field ?? "");
-      return /*#__PURE__*/React.createElement(Grid.Col, {
+      return /*#__PURE__*/React__default.createElement(Grid.Col, {
         key: index,
         span: layout[index]
-      }, /*#__PURE__*/React.createElement(Component, _extends({}, field.field, inputProps, sanitizedField, form.getInputProps(sanitizedField.name))));
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, field.field, inputProps, sanitizedField, form.getInputProps(sanitizedField.name))));
     }
     return null;
-  })), /*#__PURE__*/React.createElement(Space, {
+  })), /*#__PURE__*/React__default.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React.createElement(FormButtons, {
+  }), /*#__PURE__*/React__default.createElement(FormButtons, {
     hasSubmit,
     hasReset,
     buttonSize
@@ -14103,15 +14107,15 @@ const FormButtons = _ref2 => {
     hasReset = false,
     buttonSize
   } = _ref2;
-  return /*#__PURE__*/React.createElement(Group, {
+  return /*#__PURE__*/React__default.createElement(Group, {
     mt: "lg",
     justify: "flex-end",
     grow: true,
     gap: 10,
     w: "100%",
     display: hasSubmit || hasReset ? "flex" : "none"
-  }, /*#__PURE__*/React.createElement(Button, {
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "CloseCircle",
       size: 16
     }),
@@ -14125,12 +14129,12 @@ const FormButtons = _ref2 => {
       display: hasReset ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fw: 400,
     fz: "sm",
     c: "white"
-  }, "Cancel")), /*#__PURE__*/React.createElement(Button, {
-    leftSection: /*#__PURE__*/React.createElement(Icons, {
+  }, "Cancel")), /*#__PURE__*/React__default.createElement(Button, {
+    leftSection: /*#__PURE__*/React__default.createElement(Icons, {
       name: "TickCircle",
       size: 16
     }),
@@ -14144,7 +14148,7 @@ const FormButtons = _ref2 => {
       display: hasSubmit ? "block" : "none"
     },
     flex: 1
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fw: 300,
     fz: "sm",
     c: "white"
@@ -14160,24 +14164,24 @@ const MaskedTilePanel = _ref => {
   } = _ref;
   const [masked, toggle] = useToggle();
   const name = masked ? "Eye" : "EyeSlash";
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React__default.createElement(Card, {
     p: "md",
     bg: "gray.0",
     style: {
       borderRadius: "10px"
     }
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: 0,
     p: 0,
     flex: 1
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fz: "sm",
     fw: 300,
     p: 0,
     c: "gray.7"
-  }, label), /*#__PURE__*/React.createElement(TextInput, {
+  }, label), /*#__PURE__*/React__default.createElement(TextInput, {
     type: masked ? "password" : "text",
     fw: 300,
     p: 0,
@@ -14185,10 +14189,10 @@ const MaskedTilePanel = _ref => {
     value: value,
     variant: "unstyled",
     readOnly: true
-  })), /*#__PURE__*/React.createElement(ActionIcon, {
+  })), /*#__PURE__*/React__default.createElement(ActionIcon, {
     variant: "transparent",
     onClick: () => onMasked() ? toggle() : void 0
-  }, icon && /*#__PURE__*/React.createElement(Icons, {
+  }, icon && /*#__PURE__*/React__default.createElement(Icons, {
     size: 24,
     color: "gray",
     name: name
@@ -14199,24 +14203,24 @@ const TilePanel = _ref2 => {
     label,
     value
   } = _ref2;
-  return /*#__PURE__*/React.createElement(Card, {
+  return /*#__PURE__*/React__default.createElement(Card, {
     p: "md",
     bg: "gray.0",
     style: {
       borderRadius: "10px"
     }
-  }, /*#__PURE__*/React.createElement(Group, {
+  }, /*#__PURE__*/React__default.createElement(Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     gap: 0,
     p: 0,
     flex: 1
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React__default.createElement(Text, {
     fz: "sm",
     fw: 300,
     p: 0,
     c: "gray.7"
-  }, label), /*#__PURE__*/React.createElement(TextInput, {
+  }, label), /*#__PURE__*/React__default.createElement(TextInput, {
     fw: 300,
     p: 0,
     c: "adiba",
@@ -14231,18 +14235,18 @@ var ConfirmAnimation = "data:null;base64,UEsDBBQAAAAIAEoK11qAribJgAAAALUAAAANAAA
 const ConfirmModal = _ref => {
   let {
     children} = _ref;
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     py: "md"
-  }, /*#__PURE__*/React.createElement(Center, {
+  }, /*#__PURE__*/React__default.createElement(Center, {
     w: 150,
     h: 150,
     pt: "md"
-  }, /*#__PURE__*/React.createElement(DotLottieReact, {
+  }, /*#__PURE__*/React__default.createElement(DotLottieReact, {
     speed: 1,
     src: ConfirmAnimation,
     autoplay: true
-  })), /*#__PURE__*/React.createElement(Text, {
+  })), /*#__PURE__*/React__default.createElement(Text, {
     ta: "center",
     fw: 300
   }, children));
@@ -14405,4 +14409,122 @@ const useManagedModals = () => {
   };
 };
 
-export { ApplicationMenu as A, BasicHeatmap as B, CalendarHeatmap as C, DonutChart as D, EqualizerColumn as E, File as F, SimpleForm as G, MaskedTilePanel as H, InterpolatedHeatmap as I, TilePanel as J, useModal as K, LabelPanel as L, MultiAxisArea as M, useManagedModals as N, PageTitle as P, SimpleColumn as S, TitledPanel as T, UserMenu as U, StackedColumn as a, SimpleArea as b, StackedArea as c, Icons as d, DynamicLogo as e, DynamicShigaLogo as f, getDefaultExportFromCjs as g, SideMenu as h, SimplePanel as i, SearchPanel as j, AvatarLabelPanel as k, SimpleText as l, TitleWithIndex as m, ConnectionPanel as n, ApplicationPanel as o, SubscriptionPlans as p, PaymentMethod as q, PaymentMethodAdd as r, SimpleTable as s, theme as t, ErrorModal as u, InfoModal as v, SimpleModal as w, SuccessModal as x, TwoFactorModal as y, Drawer as z };
+/**
+ * Default pagination page size
+ */
+const DEFAULT_PAGE_SIZE = 10;
+
+/**
+ * Maximum allowed page size for pagination
+ */
+const MAX_PAGE_SIZE = 100;
+
+/**
+ * Default API request timeout in milliseconds
+ */
+const DEFAULT_API_TIMEOUT = 30000;
+
+class ApiClient {
+  constructor(config) {
+    const {
+      baseURL = "/",
+      timeout = DEFAULT_API_TIMEOUT,
+      headers = {
+        "Content-Type": "application/json"
+      }
+    } = config;
+    this.client = axios.create({
+      baseURL,
+      timeout,
+      headers
+    });
+    this.setupInterceptors();
+  }
+  setupInterceptors() {
+    // Request interceptor
+    this.client.interceptors.request.use(config => {
+      // Add auth token, logging, etc. if needed
+      return config;
+    }, error => Promise.reject(error));
+
+    // Response interceptor
+    this.client.interceptors.response.use(response => {
+      return response;
+    }, error => {
+      // Handle errors globally
+      return Promise.reject(this.handleError(error));
+    });
+  }
+  handleError(error) {
+    if (error && typeof error === "object" && "response" in error) {
+      const axiosError = error;
+      if (axiosError.response) {
+        return {
+          status: "error",
+          code: axiosError.response.status,
+          message: axiosError.response.data?.message || "An error occurred",
+          error: axiosError.response.data?.error || axiosError.message || "An unexpected error occurred"
+        };
+      }
+    }
+    const errorMessage = error instanceof Error ? error.message : "An unexpected error occurred";
+    return {
+      status: "error",
+      code: 500,
+      message: "Network error",
+      error: errorMessage
+    };
+  }
+  async get(url, config) {
+    const response = await this.client.get(url, config);
+    return response.data;
+  }
+  async post(url, data, config) {
+    const response = await this.client.post(url, data, config);
+    return response.data;
+  }
+  async put(url, data, config) {
+    const response = await this.client.put(url, data, config);
+    return response.data;
+  }
+  async delete(url, config) {
+    const response = await this.client.delete(url, config);
+    return response.data;
+  }
+}
+
+/**
+ * Factory function to create a configured API client instance
+ * @param config - Configuration options for the API client
+ * @returns Configured ApiClient instance
+ */
+function createApiClient() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return new ApiClient(config);
+}
+
+/**
+ * Default API client instance with default configuration
+ * For custom configuration, use createApiClient() instead
+ */
+const apiClient = createApiClient();
+
+/**
+ * Wrapper component for modal content to ensure MantineProvider context is available
+ * This is needed because modals rendered by the appshell may not have access to the pilet's provider
+ */
+const ModalContentWrapper = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(MantineProvider, {
+    theme: theme
+  }, /*#__PURE__*/React.createElement(DatesProvider, {
+    settings: {
+      locale: "en",
+      timezone: "UTC"
+    }
+  }, children));
+};
+
+export { ApplicationMenu as A, BasicHeatmap as B, CalendarHeatmap as C, DonutChart as D, EqualizerColumn as E, File as F, SimpleForm as G, MaskedTilePanel as H, InterpolatedHeatmap as I, TilePanel as J, useModal as K, LabelPanel as L, MultiAxisArea as M, useManagedModals as N, DEFAULT_PAGE_SIZE as O, PageTitle as P, MAX_PAGE_SIZE as Q, DEFAULT_API_TIMEOUT as R, SimpleColumn as S, TitledPanel as T, UserMenu as U, createApiClient as V, apiClient as W, ModalContentWrapper as X, StackedColumn as a, SimpleArea as b, StackedArea as c, Icons as d, DynamicLogo as e, DynamicShigaLogo as f, getDefaultExportFromCjs as g, SideMenu as h, SimplePanel as i, SearchPanel as j, AvatarLabelPanel as k, SimpleText as l, TitleWithIndex as m, ConnectionPanel as n, ApplicationPanel as o, SubscriptionPlans as p, PaymentMethod as q, PaymentMethodAdd as r, SimpleTable as s, theme as t, ErrorModal as u, InfoModal as v, SimpleModal as w, SuccessModal as x, TwoFactorModal as y, Drawer as z };