@adiba-banking-cloud/backoffice 0.0.22 → 0.0.24

package/build/index.esm.js/index.js

@@ -1,11 +1,11 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React$1, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useMemo, useEffect } from 'react';
 import HighchartsReact from 'highcharts-react-official';
 import HighchartsRounded from 'highcharts-rounded-corners';
 import * as IconSax from 'iconsax-react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, createTheme, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, rem, SimpleGrid, Indicator, Table } from '@mantine/core';
+import { Center, Image, Space, Popover, Button, Stack, Divider, Group, Text, Menu, Avatar, Badge, NavLink, Card, TextInput, ActionIcon, Box, Title, createTheme, SegmentedControl, Breadcrumbs, Anchor, ColorSwatch, AspectRatio, Overlay, rem, SimpleGrid, Indicator, Table } from '@mantine/core';
 import { Link } from 'react-router-dom';
 import { useDisclosure } from '@mantine/hooks';
 import '@fontsource/poppins/100.css';
@@ -11212,7 +11212,7 @@ const Column = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11230,7 +11230,7 @@ const EqualizerColumn = props => {
     colors: [props.color || "blue"],
     title: props.title
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11244,10 +11244,10 @@ const SimpleColumn = props => {
     colors: [props.color || "gray"],
     title: props.title
   };
-  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
+  return /*#__PURE__*/React.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11382,7 +11382,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax[name];
-  return /*#__PURE__*/React$1.createElement(Element, {
+  return /*#__PURE__*/React.createElement(Element, {
     size,
     color,
     variant,
@@ -11407,15 +11407,15 @@ const Logo = _ref => {
       fit
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$8);
-  return /*#__PURE__*/React$1.createElement(Center, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Center, _extends({}, rest, {
     component: Link,
     display: "flex",
     to: href
-  }), /*#__PURE__*/React$1.createElement(Image, {
+  }), /*#__PURE__*/React.createElement(Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React$1.createElement(Space, {
+  }), /*#__PURE__*/React.createElement(Space, {
     flex: 1,
     hidden: true
   }));
@@ -11428,7 +11428,7 @@ const DynamicLogo = _ref2 => {
       w = 180
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2$2);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11442,7 +11442,7 @@ const DynamicShigaLogo = _ref3 => {
       fit = "contain"
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3$1);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11457,13 +11457,13 @@ const ApplicationMenuTarget = _ref => {
       toggle
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$7);
-  return /*#__PURE__*/React$1.createElement(Popover.Target, null, /*#__PURE__*/React$1.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Popover.Target, null, /*#__PURE__*/React.createElement(Button, {
     variant: "transparent",
     justify: "space-between",
     h: 60,
     fw: 300,
     w: 200,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowDown2",
       size: 16
     }),
@@ -11478,32 +11478,32 @@ const ApplicationMenuDropdown = _ref => {
     moreLink,
     toggle
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Popover.Dropdown, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Dropdown, {
     ml: "md",
     p: 5
-  }, /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     gap: 5,
     p: 0
-  }, /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     gap: 5,
     align: "flex-start"
-  }, items.map((item, index) => /*#__PURE__*/React$1.createElement(DropdownItem, _extends({
+  }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
     key: "item-".concat(index)
   }, item, {
     onClick: e => {
       toggle();
       item.onClick(e);
     }
-  })))), /*#__PURE__*/React$1.createElement(Divider, null), /*#__PURE__*/React$1.createElement(Group, {
+  })))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Group, {
     grow: true,
     justify: "center"
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     variant: "subtle",
     p: 0,
     component: Link,
     to: moreLink,
     onClick: toggle
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300,
     w: 320
@@ -11520,22 +11520,22 @@ const DropdownItem = _ref2 => {
     inactiveColor = "adiba",
     onClick
   } = _ref2;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     variant: "subtle",
     fw: 300,
     mih: 70,
     bg: active ? activeBg : {},
     c: active ? activeColor : inactiveColor,
     onClick: onClick
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     w: 320
-  }, /*#__PURE__*/React$1.createElement(Icons, icon), /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(Stack, {
     align: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     size: "sm",
     fw: 300
-  }, title), /*#__PURE__*/React$1.createElement(Text, {
+  }, title), /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fz: 11,
     fw: 300
@@ -11553,7 +11553,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = useDisclosure(false);
-  return /*#__PURE__*/React$1.createElement(Popover, {
+  return /*#__PURE__*/React.createElement(Popover, {
     transitionProps: {
       transition
     },
@@ -11567,9 +11567,9 @@ const ApplicationMenu = _ref => {
     radius: "sm",
     opened: opened,
     onChange: toggle
-  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
+  }, /*#__PURE__*/React.createElement(ApplicationMenuTarget, {
     toggle
-  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
+  }, label), /*#__PURE__*/React.createElement(ApplicationMenuDropdown, {
     items,
     moreLink,
     moreText,
@@ -11583,28 +11583,28 @@ const UserMenuTarget = _ref => {
     username,
     avatar
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Menu.Target, null, /*#__PURE__*/React$1.createElement(Button, {
+  return /*#__PURE__*/React.createElement(Menu.Target, null, /*#__PURE__*/React.createElement(Button, {
     variant: "subtle",
     h: 50,
     px: 10,
     radius: "md"
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     gap: "sm"
-  }, /*#__PURE__*/React$1.createElement(Avatar, {
+  }, /*#__PURE__*/React.createElement(Avatar, {
     radius: "xl",
     src: avatar
-  }), /*#__PURE__*/React$1.createElement(Stack, {
+  }), /*#__PURE__*/React.createElement(Stack, {
     gap: 0,
     align: "flex-start",
     visibleFrom: "md",
     fw: 300
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     size: "sm"
-  }, name), /*#__PURE__*/React$1.createElement(Text, {
+  }, name), /*#__PURE__*/React.createElement(Text, {
     c: "dimmed",
     size: "xs"
-  }, username)), /*#__PURE__*/React$1.createElement(Icons, {
+  }, username)), /*#__PURE__*/React.createElement(Icons, {
     name: "ArrowDown2",
     size: 12
   }))));
@@ -11615,36 +11615,36 @@ const UserMenuDropdown = _ref => {
     sections,
     height = 40
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Menu.Dropdown, null, sections.map((section, index) => {
+  return /*#__PURE__*/React.createElement(Menu.Dropdown, null, sections.map((section, index) => {
     const items = [];
     const sectionItems = section.items.map((item, key) => {
       var _item$badge, _item$badge2;
-      return /*#__PURE__*/React$1.createElement(Menu.Item, {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
         c: section === null || section === void 0 ? void 0 : section.color,
         key: "menu-item-".concat(key),
         h: height,
-        leftSection: /*#__PURE__*/React$1.createElement(Icons, _extends({}, item.icon, {
+        leftSection: /*#__PURE__*/React.createElement(Icons, _extends({}, item.icon, {
           stroke: 0.5
         })),
-        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React$1.createElement(Icons, {
+        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React.createElement(Icons, {
           name: "ArrowRight2",
           size: 12,
           stroke: 0.5
-        }) : item.badge ? /*#__PURE__*/React$1.createElement(Badge, {
+        }) : item.badge ? /*#__PURE__*/React.createElement(Badge, {
           color: item === null || item === void 0 || (_item$badge = item.badge) === null || _item$badge === void 0 ? void 0 : _item$badge.color,
           size: "sm"
         }, item === null || item === void 0 || (_item$badge2 = item.badge) === null || _item$badge2 === void 0 ? void 0 : _item$badge2.text) : undefined,
         onClick: () => item.callbackFn ? item.callbackFn() : void 0
-      }, /*#__PURE__*/React$1.createElement(Text, {
+      }, /*#__PURE__*/React.createElement(Text, {
         size: "xs",
         fw: 300
       }, item.label));
     });
-    if (index) items.push(/*#__PURE__*/React$1.createElement(Divider, {
+    if (index) items.push(/*#__PURE__*/React.createElement(Divider, {
       key: "divider-".concat(index),
       my: 2
     }));
-    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React$1.createElement(Menu.Label, {
+    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(Menu.Label, {
       fz: 10,
       fw: 500,
       c: 'dimmed',
@@ -11664,7 +11664,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Menu, {
+  return /*#__PURE__*/React.createElement(Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -11675,11 +11675,11 @@ const UserMenu = _ref => {
     offset: 5,
     arrowOffset: 20,
     arrowSize: 10
-  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
+  }, /*#__PURE__*/React.createElement(UserMenuTarget, {
     name,
     username,
     avatar
-  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
+  }), /*#__PURE__*/React.createElement(UserMenuDropdown, {
     sections,
     height
   }));
@@ -11693,9 +11693,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
     var _item$children, _item$children2;
-    return /*#__PURE__*/React$1.createElement(NavLink, {
+    return /*#__PURE__*/React.createElement(NavLink, {
       className: "backoffice-sidemenu",
       mt: "sm",
       component: Link,
@@ -11708,10 +11708,10 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
       label: item.label,
       to: (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? "#" : (item === null || item === void 0 ? void 0 : item.href) || "#"
-    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(NavLink, {
+    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,
@@ -11738,7 +11738,7 @@ const SimplePanel = _ref => {
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$6);
-  return /*#__PURE__*/React$1.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, _extends({
     p: !withPadding ? 0 : "md",
     radius: !withRadius ? 0 : "lg",
     flex: autoHeight ? 1 : "none"
@@ -11751,34 +11751,34 @@ const TitledPanel = _ref2 => {
       children
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2$1);
-  return /*#__PURE__*/React$1.createElement(SimplePanel, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(SimplePanel, _extends({}, rest, {
     withPadding: withPadding
-  }), /*#__PURE__*/React$1.createElement(Group, {
+  }), /*#__PURE__*/React.createElement(Group, {
     h: 48,
     px: withPadding ? 0 : "md",
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(Group, null, /*#__PURE__*/React$1.createElement(Center, {
+  }, /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Center, {
     bg: "gray.1",
     w: 32,
     h: 32,
     style: {
       borderRadius: "50%"
     }
-  }, /*#__PURE__*/React$1.createElement(Icons, _extends({}, title.icon, {
+  }, /*#__PURE__*/React.createElement(Icons, _extends({}, title.icon, {
     size: 20,
     variant: "Bulk"
-  }))), /*#__PURE__*/React$1.createElement(Text, {
+  }))), /*#__PURE__*/React.createElement(Text, {
     fw: 300
-  }, title.label)), /*#__PURE__*/React$1.createElement(Space, {
+  }, title.label)), /*#__PURE__*/React.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(Group, {
+  }), /*#__PURE__*/React.createElement(Group, {
     hidden: !rest.middlesection
-  }, rest.middlesection), /*#__PURE__*/React$1.createElement(Space, {
+  }, rest.middlesection), /*#__PURE__*/React.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(Group, {
+  }), /*#__PURE__*/React.createElement(Group, {
     hidden: !rest.rightsection
-  }, rest.rightsection)), /*#__PURE__*/React$1.createElement(Box, {
+  }, rest.rightsection)), /*#__PURE__*/React.createElement(Box, {
     pt: !withPadding ? 0 : "md"
   }, children));
 };
@@ -11796,21 +11796,21 @@ const SearchPanel = _ref3 => {
       children
     } = _ref3,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React$1.createElement(SimplePanel, rest, /*#__PURE__*/React$1.createElement(Stack, null, /*#__PURE__*/React$1.createElement(Group, {
+  return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
     gap: 'xs'
-  }, /*#__PURE__*/React$1.createElement(TextInput, {
+  }, /*#__PURE__*/React.createElement(TextInput, {
     fw: 300,
     name: "search",
     size: "md",
     radius: "md",
     flex: 1,
     placeholder: placeholder,
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, searchIcon),
-    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React$1.createElement(ActionIcon, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
+    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(ActionIcon, {
       variant: "transparent",
       onClick: filterFn
-    }, /*#__PURE__*/React$1.createElement(Icons, filterIcon)) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, console.debug(typeof filterFn))
-  }), /*#__PURE__*/React$1.createElement(Button, {
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null, console.debug(typeof filterFn))
+  }), /*#__PURE__*/React.createElement(Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -11818,7 +11818,7 @@ const SearchPanel = _ref3 => {
     miw: 100,
     maw: 150,
     type: "submit",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, searchIcon)
+    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon)
   }, searchText)), children));
 };
 
@@ -11828,13 +11828,13 @@ const LabelPanelItem = _ref => {
     value,
     labelWidth
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Group, null, /*#__PURE__*/React$1.createElement(Text, {
+  return /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: "sm",
     c: "dimmed",
     w: labelWidth,
     truncate: true
-  }, label), /*#__PURE__*/React$1.createElement(Text, {
+  }, label), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: "sm",
     truncate: true
@@ -11856,19 +11856,19 @@ const LabelPanel = _ref => {
       p = "md"
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$5);
-  return /*#__PURE__*/React$1.createElement(Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React$1.createElement(Stack, {
+  }), /*#__PURE__*/React.createElement(Stack, {
     pb: 'md'
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     justify: "space-between",
     p: 0
-  }, /*#__PURE__*/React$1.createElement(Title, {
+  }, /*#__PURE__*/React.createElement(Title, {
     order: 6,
     py: "xs"
-  }, title), /*#__PURE__*/React$1.createElement(Button, {
+  }, title), /*#__PURE__*/React.createElement(Button, {
     style: {
       display: hasEdit ? "block" : "none"
     },
@@ -11876,11 +11876,11 @@ const LabelPanel = _ref => {
     variant: "outline",
     onClick: editFn,
     size: "xs",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)), items.map((item, index) => {
-    return /*#__PURE__*/React$1.createElement(LabelPanelItem, _extends({
+    return /*#__PURE__*/React.createElement(LabelPanelItem, _extends({
       key: "label-item-".concat(index)
     }, item, {
       labelWidth: labelWidth
@@ -11903,41 +11903,41 @@ const AvatarLabelPanel = _ref2 => {
       editFn = void 0
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React$1.createElement(Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React$1.createElement(Group, {
+  }), /*#__PURE__*/React.createElement(Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React$1.createElement(Center, {
+  }, /*#__PURE__*/React.createElement(Center, {
     w: labelWidth
-  }, /*#__PURE__*/React$1.createElement(Avatar, {
+  }, /*#__PURE__*/React.createElement(Avatar, {
     size: avatarSize,
     src: avatar
-  })), /*#__PURE__*/React$1.createElement(Stack, {
+  })), /*#__PURE__*/React.createElement(Stack, {
     py: 10,
     gap: "md",
     h: "100%"
-  }, /*#__PURE__*/React$1.createElement(Title, {
+  }, /*#__PURE__*/React.createElement(Title, {
     fw: 500,
     order: 4
-  }, name), /*#__PURE__*/React$1.createElement(Text, {
+  }, name), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: 14
-  }, username), /*#__PURE__*/React$1.createElement(Text, {
+  }, username), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: 14
-  }, "Internal / ", role), /*#__PURE__*/React$1.createElement(Text, {
+  }, "Internal / ", role), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: 14
-  }, "Last login: ", lastActive)), /*#__PURE__*/React$1.createElement(Space, {
+  }, "Last login: ", lastActive)), /*#__PURE__*/React.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     fw: 300,
     variant: "outline",
     size: "xs",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)));
@@ -11950,7 +11950,7 @@ const SimpleText = _ref => {
       smaller
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React$1.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     fw: 300,
     fz: smaller ? '90%' : undefined
   }, rest), label);
@@ -11994,51 +11994,51 @@ const PageTitle = _ref => {
       icon,
       label
     } = create;
-    rightsection = /*#__PURE__*/React$1.createElement(Button, {
+    rightsection = /*#__PURE__*/React.createElement(Button, {
       radius: "md",
       size: "sm",
-      leftSection: /*#__PURE__*/React$1.createElement(Icons, icon),
+      leftSection: /*#__PURE__*/React.createElement(Icons, icon),
       onClick: createFn
-    }, /*#__PURE__*/React$1.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, {
       fw: 300,
       fz: 14
     }, label));
   }
   if (withSwitcher && switcher !== null && switcher !== void 0 && (_switcher$items = switcher.items) !== null && _switcher$items !== void 0 && _switcher$items.length) {
-    rightsection = /*#__PURE__*/React$1.createElement(SegmentedControl, {
+    rightsection = /*#__PURE__*/React.createElement(SegmentedControl, {
       size: "sm",
       color: theme.primaryColor,
       data: switcher.items
     });
   }
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Group, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Group, {
     justify: "space-between",
     py: "lg"
-  }, /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     gap: 4
-  }, /*#__PURE__*/React$1.createElement(Title, _extends({
+  }, /*#__PURE__*/React.createElement(Title, _extends({
     order: 2,
     fw: 500
-  }, rest), title), typeof subtitle == "string" ? /*#__PURE__*/React$1.createElement(Text, {
+  }, rest), title), typeof subtitle == "string" ? /*#__PURE__*/React.createElement(Text, {
     fz: 14,
     fw: 300
-  }, subtitle) : /*#__PURE__*/React$1.createElement(Breadcrumbs, {
+  }, subtitle) : /*#__PURE__*/React.createElement(Breadcrumbs, {
     separatorMargin: "xs",
     separator: "\xB7"
   }, subtitle === null || subtitle === void 0 ? void 0 : subtitle.map((item, index) => {
-    return index < subtitle.length - 1 ? /*#__PURE__*/React$1.createElement(Anchor, {
+    return index < subtitle.length - 1 ? /*#__PURE__*/React.createElement(Anchor, {
       key: index,
       fz: 14,
       fw: 400,
       component: Link,
       to: item.link
-    }, item.name) : /*#__PURE__*/React$1.createElement(Text, {
+    }, item.name) : /*#__PURE__*/React.createElement(Text, {
       fz: 14,
       key: index,
       fw: 300,
       c: 'dimmed'
     }, item.name);
-  }))), /*#__PURE__*/React$1.createElement(React$1.Fragment, null, rightsection)));
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, rightsection)));
 };
 
 const ConnectionPanelDetail = _ref => {
@@ -12047,11 +12047,11 @@ const ConnectionPanelDetail = _ref => {
     value,
     altColor
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Group, null, /*#__PURE__*/React$1.createElement(Text, {
+  return /*#__PURE__*/React.createElement(Group, null, /*#__PURE__*/React.createElement(Text, {
     w: 100,
     fw: 300,
     fz: "xs"
-  }, label), /*#__PURE__*/React$1.createElement(Text, {
+  }, label), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: 'sm',
     c: altColor
@@ -12071,35 +12071,35 @@ const ConnectionPanel = _ref => {
       altColor
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/React$1.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, {
     withBorder: true,
     bg: "gray.0",
     p: "lg",
     radius: "md",
     color: "red"
-  }, /*#__PURE__*/React$1.createElement(Stack, null, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Group, {
     align: "flex-start"
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     size: 48,
     name: "Driver",
     stroke: "0.5"
-  }), /*#__PURE__*/React$1.createElement(Stack, {
+  }), /*#__PURE__*/React.createElement(Stack, {
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(Title, {
+  }, /*#__PURE__*/React.createElement(Title, {
     fw: 400,
     order: 6
-  }, name), /*#__PURE__*/React$1.createElement(Group, {
+  }, name), /*#__PURE__*/React.createElement(Group, {
     justify: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(ColorSwatch, {
+  }, /*#__PURE__*/React.createElement(ColorSwatch, {
     size: 12,
     color: statusColor
-  }), /*#__PURE__*/React$1.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: "xs"
-  }, status))), /*#__PURE__*/React$1.createElement(Space, {
+  }, status))), /*#__PURE__*/React.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(Menu, {
+  }), /*#__PURE__*/React.createElement(Menu, {
     width: 190,
     transitionProps: {
       transition: "pop"
@@ -12108,52 +12108,52 @@ const ConnectionPanel = _ref => {
     withArrow: true,
     withinPortal: true,
     arrowSize: 20
-  }, /*#__PURE__*/React$1.createElement(Menu.Target, null, /*#__PURE__*/React$1.createElement(ActionIcon, {
+  }, /*#__PURE__*/React.createElement(Menu.Target, null, /*#__PURE__*/React.createElement(ActionIcon, {
     variant: "subtle",
     m: 0
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "More"
-  }))), /*#__PURE__*/React$1.createElement(Menu.Dropdown, null, /*#__PURE__*/React$1.createElement(Menu.Item, {
+  }))), /*#__PURE__*/React.createElement(Menu.Dropdown, null, /*#__PURE__*/React.createElement(Menu.Item, {
     h: 40,
     onClick: edit.onClick,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
     })
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
-  }, edit.label)), /*#__PURE__*/React$1.createElement(Menu.Item, {
+  }, edit.label)), /*#__PURE__*/React.createElement(Menu.Item, {
     h: 40,
     onClick: test.onClick,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
     })
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
-  }, test.label)), /*#__PURE__*/React$1.createElement(Divider, null), /*#__PURE__*/React$1.createElement(Menu.Item, {
+  }, test.label)), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Menu.Item, {
     h: 40,
     onClick: pause.onClick,
     c: "red",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "PauseCircle",
       color: "red"
     })
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     size: "xs",
     fw: 300
-  }, pause.label))))), /*#__PURE__*/React$1.createElement(Card.Section, {
+  }, pause.label))))), /*#__PURE__*/React.createElement(Card.Section, {
     style: {
       borderTop: "1px solid #ddd"
     }
-  }, /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     mt: 0,
     bg: "white",
     p: "md",
     gap: "lg",
     py: "lg"
   }, details.map((item, index) => {
-    return /*#__PURE__*/React$1.createElement(ConnectionPanelDetail, _extends({
+    return /*#__PURE__*/React.createElement(ConnectionPanelDetail, _extends({
       key: "detail-".concat(index)
     }, item, {
       altColor: altColor
@@ -12168,13 +12168,13 @@ const ApplicationPanelFeatures = _ref => {
     label,
     icon
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Group, {
+  return /*#__PURE__*/React.createElement(Group, {
     gap: "xs"
-  }, /*#__PURE__*/React$1.createElement(Icons, _extends({}, icon, {
+  }, /*#__PURE__*/React.createElement(Icons, _extends({}, icon, {
     color: "#aaa",
     variant: "Bulk",
     stroke: 1.5
-  })), /*#__PURE__*/React$1.createElement(Text, {
+  })), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     c: 'altiba',
     size: '12px',
@@ -12200,32 +12200,39 @@ const ApplicationPanel = _ref => {
       onClick = () => void 0
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React$1.createElement(Card, _extends({
+  return /*#__PURE__*/React.createElement(Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React$1.createElement(Card.Section, null, /*#__PURE__*/React$1.createElement(Image, {
+  }, rest), /*#__PURE__*/React.createElement(Card.Section, null, /*#__PURE__*/React.createElement(AspectRatio, {
+    ratio: 3 / 2,
+    maw: 350
+  }, /*#__PURE__*/React.createElement(Image, {
     src: coverImage,
     alt: name,
     fallbackSrc: img$a
-  })), /*#__PURE__*/React$1.createElement(Card.Section, {
+  }), /*#__PURE__*/React.createElement(Overlay, {
+    gradient: "linear-gradient(45deg, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.2) 100%)"
+  }))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     gap: "sm"
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     fw: 400
-  }, name), /*#__PURE__*/React$1.createElement(Badge, {
-    hidden: !discount,
+  }, name), /*#__PURE__*/React.createElement(Badge, {
+    style: {
+      display: String(discount).length < 1 ? "none" : "block"
+    },
     fw: 300,
     variant: "outline"
-  }, discount)), /*#__PURE__*/React$1.createElement(Text, {
+  }, discount)), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     fz: "sm"
-  }, summary))), /*#__PURE__*/React$1.createElement(Card.Section, {
+  }, summary))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md",
     pt: 0
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     fz: "xs",
     c: "gray.5",
     mb: "xs",
@@ -12233,26 +12240,26 @@ const ApplicationPanel = _ref => {
     fw: 500,
     lts: rem("-0.25px"),
     tt: "uppercase"
-  }, featureLabel), /*#__PURE__*/React$1.createElement(SimpleGrid, {
+  }, featureLabel), /*#__PURE__*/React.createElement(SimpleGrid, {
     cols: 1,
     spacing: "xs",
     verticalSpacing: "xs"
   }, features.map((feature, index) => {
-    return /*#__PURE__*/React$1.createElement(ApplicationPanelFeatures, _extends({
+    return /*#__PURE__*/React.createElement(ApplicationPanelFeatures, _extends({
       key: index
     }, feature));
-  }))), /*#__PURE__*/React$1.createElement(Card.Section, {
+  }))), /*#__PURE__*/React.createElement(Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(Box, null, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text, {
     fz: "lg",
     fw: 500,
     style: {
       lineHeight: 1
     }
-  }, amount), /*#__PURE__*/React$1.createElement(Text, {
+  }, amount), /*#__PURE__*/React.createElement(Text, {
     fz: "xs",
     c: "dimmed",
     fw: 300,
@@ -12260,19 +12267,19 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(Box, {
+  }, "per ".concat(frequency))), /*#__PURE__*/React.createElement(Box, {
     hidden: subscribed
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     fw: 300,
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "AddCircle"
     }),
     radius: "md",
     onClick: onClick
-  }, actionLabel)), /*#__PURE__*/React$1.createElement(Box, {
+  }, actionLabel)), /*#__PURE__*/React.createElement(Box, {
     hidden: !subscribed
-  }, /*#__PURE__*/React$1.createElement(Button, {
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Button, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
@@ -12294,40 +12301,40 @@ const SubscriptionPlans = _ref => {
     onClick
   } = _ref;
   const price = planPrice.split("/");
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(Indicator, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Indicator, {
     size: 20,
-    label: /*#__PURE__*/React$1.createElement(Icons, {
+    label: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle",
       size: 18,
       stroke: 1
     }),
     disabled: !isActive,
     className: "payment-plan"
-  }, /*#__PURE__*/React$1.createElement(Card, {
+  }, /*#__PURE__*/React.createElement(Card, {
     bg: isActive ? "gray.1" : "white",
     p: "md",
     radius: "sm",
     withBorder: true
-  }, /*#__PURE__*/React$1.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     gap: "xl"
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     justify: "space-between",
     align: "flex-start"
-  }, /*#__PURE__*/React$1.createElement(Box, null, /*#__PURE__*/React$1.createElement(Title, {
+  }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Title, {
     order: 6,
     fw: 500
-  }, title), /*#__PURE__*/React$1.createElement(Text, {
+  }, title), /*#__PURE__*/React.createElement(Text, {
     fz: "xs",
     c: altColor,
     fw: 300
-  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React$1.createElement(Text, {
+  }, durationDays, " ", isActive ? " days remaining" : " days")), /*#__PURE__*/React.createElement(Text, {
     fz: "sm",
     fw: 500
-  }, price[0], /*#__PURE__*/React$1.createElement(Text, {
+  }, price[0], /*#__PURE__*/React.createElement(Text, {
     fz: "sm",
     component: "span",
     c: "dimmed"
-  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React$1.createElement(Button, {
+  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React.createElement(Button, {
     w: 100,
     size: "xs",
     fw: 500,
@@ -12353,74 +12360,74 @@ const PaymentMethod = _ref => {
     type,
     exp
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(Card, {
+  return /*#__PURE__*/React.createElement(Card, {
     withBorder: true,
     radius: "md",
     p: 0,
     bg: isActive ? "gray.1" : "white",
     w: 330
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     gap: "md",
     px: "sm"
-  }, /*#__PURE__*/React$1.createElement(Center, {
+  }, /*#__PURE__*/React.createElement(Center, {
     h: 88,
     w: 80
-  }, logo[type]), /*#__PURE__*/React$1.createElement(Stack, {
+  }, logo[type]), /*#__PURE__*/React.createElement(Stack, {
     gap: 3
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     fz: 14,
     tt: "uppercase",
     fw: 500
-  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React$1.createElement(Group, {
+  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React.createElement(Group, {
     c: "dimmed"
-  }, /*#__PURE__*/React$1.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     tt: "capitalize",
     fw: 300,
     size: "xs"
-  }, type), /*#__PURE__*/React$1.createElement(Text, {
+  }, type), /*#__PURE__*/React.createElement(Text, {
     fw: 300,
     size: "sm"
-  }, exp))), /*#__PURE__*/React$1.createElement(Space, {
+  }, exp))), /*#__PURE__*/React.createElement(Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(ActionIcon, {
+  }), /*#__PURE__*/React.createElement(ActionIcon, {
     variant: "subtle",
     disabled: isActive
-  }, !isActive ? /*#__PURE__*/React$1.createElement(Icons, {
+  }, !isActive ? /*#__PURE__*/React.createElement(Icons, {
     name: "Record"
-  }) : /*#__PURE__*/React$1.createElement(Icons, {
+  }) : /*#__PURE__*/React.createElement(Icons, {
     name: "TickCircle"
   }))));
 };
 const logo = {
-  mastercard: /*#__PURE__*/React$1.createElement(Image, {
+  mastercard: /*#__PURE__*/React.createElement(Image, {
     height: 60,
     src: img$7
   }),
-  visa: /*#__PURE__*/React$1.createElement(Image, {
+  visa: /*#__PURE__*/React.createElement(Image, {
     height: 60,
     src: img$8
   }),
-  amex: /*#__PURE__*/React$1.createElement(Image, {
+  amex: /*#__PURE__*/React.createElement(Image, {
     height: 60,
     src: img$9
   }),
-  paypal: /*#__PURE__*/React$1.createElement(Image, {
+  paypal: /*#__PURE__*/React.createElement(Image, {
     height: 60,
     src: img$6
   }),
-  verve: /*#__PURE__*/React$1.createElement(Image, {
+  verve: /*#__PURE__*/React.createElement(Image, {
     height: 60,
     src: img$5
   })
 };
 const PaymentMethodAdd = () => {
-  return /*#__PURE__*/React$1.createElement(Group, {
+  return /*#__PURE__*/React.createElement(Group, {
     align: "center"
-  }, /*#__PURE__*/React$1.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     variant: "outline",
     w: 60,
     h: 60
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "Add",
     size: 60,
     stroke: 1
@@ -12457,14 +12464,14 @@ const SimpleBody = _ref => {
   if (withIndex) {
     row["index"] = "".concat(index ? index + 1 : 1);
   }
-  return /*#__PURE__*/React$1.createElement(Table.Tr, {
+  return /*#__PURE__*/React.createElement(Table.Tr, {
     fw: 300,
     fz: "sm",
     h: 50
   }, columns.map((column, index) => {
     const columnIndex = column.id;
     console.log("column: ".concat(column.id, ", type: ").concat(typeof row[column.id]));
-    return /*#__PURE__*/React$1.createElement(Table.Td, {
+    return /*#__PURE__*/React.createElement(Table.Td, {
       key: index
     }, typeof row[columnIndex] === 'function' ? row[columnIndex](columnIndex) : row[columnIndex] || "");
   }));
@@ -12491,12 +12498,12 @@ const SimpleTable = _ref => {
   };
   withIndex ? columns.unshift(indexColumn) : null;
   withAction && actionFn ? columns.push(actionColumn) : null;
-  return /*#__PURE__*/React$1.createElement(Table, null, /*#__PURE__*/React$1.createElement(Table.Thead, null, /*#__PURE__*/React$1.createElement(Table.Tr, null, columns.map((column, index) => {
-    return /*#__PURE__*/React$1.createElement(SimpleHeader, _extends({
+  return /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(Table.Thead, null, /*#__PURE__*/React.createElement(Table.Tr, null, columns.map((column, index) => {
+    return /*#__PURE__*/React.createElement(SimpleHeader, _extends({
       key: "column-".concat(index)
     }, column));
-  }))), /*#__PURE__*/React$1.createElement(Table.Tbody, null, rows.map((row, index) => {
-    return /*#__PURE__*/React$1.createElement(SimpleBody, {
+  }))), /*#__PURE__*/React.createElement(Table.Tbody, null, rows.map((row, index) => {
+    return /*#__PURE__*/React.createElement(SimpleBody, {
       key: index,
       row,
       columns,
@@ -12542,29 +12549,29 @@ const File = _ref => {
     rest = _objectWithoutProperties(_ref, _excluded);
   const isChip = shape == "chip";
   const radius = isChip ? "md" : "sm";
-  return /*#__PURE__*/React$1.createElement(Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(Card, _extends({}, rest, {
     radius,
     w,
     bg,
     bd
-  }), /*#__PURE__*/React$1.createElement(Card.Section, {
+  }), /*#__PURE__*/React.createElement(Card.Section, {
     p: isChip ? "xs" : undefined
-  }, /*#__PURE__*/React$1.createElement(Group, {
+  }, /*#__PURE__*/React.createElement(Group, {
     justify: isChip ? "space-between" : undefined,
     gap: 'xs'
-  }, /*#__PURE__*/React$1.createElement(Image, {
+  }, /*#__PURE__*/React.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$1.createElement(Space, {
+  }), rest.children, /*#__PURE__*/React.createElement(Space, {
     flex: 1
-  }), rightsection ? /*#__PURE__*/React$1.createElement(ActionIcon, {
+  }), rightsection ? /*#__PURE__*/React.createElement(ActionIcon, {
     variant: "transparent",
     onClick: rightsection.onClick
-  }, /*#__PURE__*/React$1.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
+  }, /*#__PURE__*/React.createElement(Icons, rightsection === null || rightsection === void 0 ? void 0 : rightsection.icon)) : undefined)));
 };
 
 export { ApplicationMenu, ApplicationPanel, AvatarLabelPanel, ConnectionPanel, DynamicLogo, DynamicShigaLogo, EqualizerColumn, File, Icons, LabelPanel, PageTitle, PaymentMethod, PaymentMethodAdd, SearchPanel, SideMenu, SimpleColumn, SimplePanel, SimpleTable, SimpleText, StackedColumn, SubscriptionPlans, TitledPanel, UserMenu, theme };