@adiba-banking-cloud/backoffice 0.0.15 → 0.0.17

package/build/index.cjs.js/index.js

@@ -2,7 +2,7 @@
 
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React$1 = require('react');
+var React = require('react');
 var HighchartsReact = require('highcharts-react-official');
 var HighchartsRounded = require('highcharts-rounded-corners');
 var IconSax = require('iconsax-react');
@@ -11218,8 +11218,8 @@ if (typeof window !== "undefined") {
   HighchartsRounded(Highcharts);
 }
 const Column = props => {
-  const chartRef = React$1.useRef(null);
-  const chartOptions = React$1.useMemo(() => {
+  const chartRef = React.useRef(null);
+  const chartOptions = React.useMemo(() => {
     const chart = {
       type: "column"
     };
@@ -11228,12 +11228,12 @@ const Column = props => {
     });
     return _objectSpread(_objectSpread({}, initChart(column)), initSeries(column));
   }, [props]);
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
+  return /*#__PURE__*/React.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11251,7 +11251,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 = {
@@ -11265,10 +11265,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
   }));
 };
@@ -11403,7 +11403,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax__namespace[name];
-  return /*#__PURE__*/React$1.createElement(Element, {
+  return /*#__PURE__*/React.createElement(Element, {
     size,
     color,
     variant,
@@ -11418,8 +11418,8 @@ var img$7 = "data:image/svg+xml,%3csvg width='5894' height='1608' viewBox='0 0 5
 var img$6 = "data:image/svg+xml,%3csvg width='893' height='221' viewBox='0 0 893 221' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M123.741 148.741H85.2506C51.0805 148.741 23.3801 121.041 23.3801 86.8706C23.3801 52.7005 51.0805 25.0001 85.2506 25.0001H220.681L197.302 54.6523H85.2505C67.4569 54.6523 53.0323 69.0769 53.0323 86.8706C53.0323 104.664 67.4569 119.089 85.2506 119.089H147.121L123.741 148.741Z' fill='url(%23paint0_linear_1362_1353)'/%3e%3cpath d='M96.9399 71.7585H135.431C169.601 71.7585 197.301 99.4589 197.301 133.629C197.301 167.799 169.601 195.499 135.431 195.499H0L23.3796 165.847H135.431C153.224 165.847 167.649 151.423 167.649 133.629C167.649 115.835 153.224 101.411 135.431 101.411H73.5602L96.9399 71.7585Z' fill='url(%23paint1_linear_1362_1353)'/%3e%3cpath d='M258.1 85.7725C258.1 89.0535 259.896 91.5532 263.49 93.2718C267.239 94.8341 273.098 96.4746 281.066 98.1932C290.128 100.068 297.705 102.177 303.798 104.521C309.891 106.864 315.125 110.614 319.5 115.769C324.03 120.769 326.296 127.565 326.296 136.158C326.296 143.814 323.952 150.453 319.265 156.078C314.734 161.702 308.641 165.999 300.986 168.967C293.33 171.779 284.972 173.186 275.91 173.186C263.568 173.186 252.944 170.842 244.039 166.155C235.289 161.468 228.806 154.75 224.587 146.001L248.491 133.58C252.71 144.36 261.849 149.75 275.91 149.75C282.003 149.75 287.237 148.579 291.612 146.235C295.986 143.892 298.174 140.533 298.174 136.158C298.174 132.408 296.143 129.674 292.081 127.956C288.175 126.081 281.769 124.05 272.864 121.863C263.646 119.675 256.147 117.488 250.366 115.301C244.585 113.114 239.586 109.754 235.368 105.224C231.149 100.537 229.04 94.3654 229.04 86.71C229.04 79.2107 231.149 72.727 235.368 67.2588C239.586 61.6344 245.288 57.3379 252.475 54.3695C259.662 51.401 267.552 49.9168 276.145 49.9168C286.3 49.9168 295.361 52.026 303.329 56.2443C311.454 60.4626 317.703 66.4776 322.078 74.2893L298.408 86.2412C294.346 77.4921 286.925 73.1176 276.145 73.1176C270.676 73.1176 266.302 74.2893 263.021 76.6328C259.74 78.8201 258.1 81.8667 258.1 85.7725Z' fill='%23303838'/%3e%3cpath d='M471.535 170.139H442.71V100.771C442.71 92.0219 440.21 85.7725 435.211 82.0229C430.367 78.1171 424.587 76.1641 417.869 76.1641C412.557 76.1641 407.713 77.8046 403.339 81.0855C399.12 84.3664 396.386 89.6003 395.136 96.787V170.139H366.077V6.09312H395.136V62.8061C399.042 59.0565 403.495 56.0881 408.495 53.9008C413.65 51.7135 419.118 50.6199 424.899 50.6199C431.773 50.6199 438.726 52.1041 445.756 55.0725C452.787 57.8847 458.802 62.9624 463.801 70.3054C468.957 77.6484 471.535 87.5692 471.535 100.068V170.139Z' fill='%23303838'/%3e%3cpath d='M538.164 33.5122C532.696 33.5122 528.399 32.028 525.275 29.0595C522.15 26.0911 520.588 22.029 520.588 16.8733C520.588 11.5613 522.15 7.42112 525.275 4.45267C528.399 1.48422 532.696 0 538.164 0C543.632 0 547.929 1.48422 551.053 4.45267C554.178 7.42112 555.74 11.5613 555.74 16.8733C555.74 21.8728 554.1 25.9349 550.819 29.0595C547.694 32.028 543.476 33.5122 538.164 33.5122ZM523.4 170.139V52.9634H552.459V170.139H523.4Z' fill='%23303838'/%3e%3cpath d='M694.084 52.9634H723.144V164.28C723.144 175.373 720.332 185.137 714.707 193.574C709.239 202.011 701.584 208.494 691.741 213.025C681.898 217.712 670.884 220.056 658.697 220.056C645.105 220.056 632.762 217.4 621.67 212.088C610.577 206.932 602.766 200.136 598.235 191.699L623.076 177.404C625.419 181.935 629.794 185.684 636.2 188.653C642.605 191.777 650.339 193.34 659.4 193.34C669.399 193.34 677.68 190.606 684.242 185.137C690.803 179.826 694.084 172.873 694.084 164.28V158.89C688.772 163.577 682.836 167.171 676.274 169.67C669.712 172.17 662.916 173.42 655.885 173.42C644.011 173.42 633.622 170.764 624.716 165.452C615.811 160.14 608.937 152.797 604.094 143.423C599.406 134.049 597.063 123.503 597.063 111.786C597.063 100.068 599.406 89.5222 604.094 80.1481C608.937 70.7741 615.811 63.4311 624.716 58.1191C633.622 52.6509 644.011 49.9168 655.885 49.9168C662.916 49.9168 669.634 51.2448 676.039 53.9008C682.601 56.4005 688.616 59.9158 694.084 64.4466V52.9634ZM659.635 145.532C666.04 145.532 671.821 144.126 676.977 141.314C682.289 138.345 686.429 134.283 689.397 129.128C692.522 123.972 694.084 118.113 694.084 111.551C694.084 101.708 690.725 93.6624 684.007 87.413C677.445 81.1636 669.321 78.0389 659.635 78.0389C649.792 78.0389 641.668 81.2418 635.262 87.6473C629.013 93.8967 625.888 101.943 625.888 111.786C625.888 121.628 629.013 129.752 635.262 136.158C641.668 142.407 649.792 145.532 659.635 145.532Z' fill='%23303838'/%3e%3cpath d='M863.755 52.9634H892.814V170.139H863.755V158.656C858.286 163.343 852.271 167.014 845.71 169.67C839.304 172.17 832.508 173.42 825.321 173.42C813.447 173.42 803.058 170.764 794.152 165.452C785.247 160.14 778.373 152.797 773.529 143.423C768.842 134.049 766.499 123.503 766.499 111.786C766.499 100.068 768.842 89.5222 773.529 80.1481C778.373 70.7741 785.247 63.4311 794.152 58.1191C803.058 52.6509 813.447 49.9168 825.321 49.9168C832.508 49.9168 839.304 51.2448 845.71 53.9008C852.271 56.4005 858.286 59.9939 863.755 64.6809V52.9634ZM829.071 145.532C835.476 145.532 841.257 144.126 846.413 141.314C851.725 138.345 855.865 134.283 858.833 129.128C861.958 123.972 863.52 118.113 863.52 111.551C863.52 101.708 860.161 93.6624 853.443 87.413C846.881 81.1636 838.757 78.0389 829.071 78.0389C819.228 78.0389 811.104 81.2418 804.698 87.6473C798.449 93.8967 795.324 101.943 795.324 111.786C795.324 121.628 798.449 129.752 804.698 136.158C811.104 142.407 819.228 145.532 829.071 145.532Z' fill='%23303838'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1362_1353' x1='122.031' y1='25.0001' x2='122.031' y2='148.741' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23409393'/%3e%3cstop offset='1' stop-color='%2302424C'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_1362_1353' x1='98.6506' y1='71.7585' x2='98.6506' y2='195.499' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%2302424C'/%3e%3cstop offset='1' stop-color='%23409393'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
 
 const _excluded$7 = ["href", "fallbackSrc", "src", "fit"],
-  _excluded2$3 = ["href", "src", "fit", "w"],
-  _excluded3$2 = ["href", "src", "fit"];
+  _excluded2$2 = ["href", "src", "fit", "w"],
+  _excluded3$1 = ["href", "src", "fit"];
 const Logo = _ref => {
   let {
       href = '/',
@@ -11428,15 +11428,15 @@ const Logo = _ref => {
       fit
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$7);
-  return /*#__PURE__*/React$1.createElement(core.Center, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Center, _extends({}, rest, {
     component: reactRouterDom.Link,
     display: "flex",
     to: href
-  }), /*#__PURE__*/React$1.createElement(core.Image, {
+  }), /*#__PURE__*/React.createElement(core.Image, {
     fallbackSrc: fallbackSrc,
     src: src,
     fit: fit
-  }), /*#__PURE__*/React$1.createElement(core.Space, {
+  }), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1,
     hidden: true
   }));
@@ -11448,8 +11448,8 @@ const DynamicLogo = _ref2 => {
       fit = "contain",
       w = 180
     } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2$3);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+    rest = _objectWithoutProperties(_ref2, _excluded2$2);
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11462,8 +11462,8 @@ const DynamicShigaLogo = _ref3 => {
       src,
       fit = "contain"
     } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded3$2);
-  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+    rest = _objectWithoutProperties(_ref3, _excluded3$1);
+  return /*#__PURE__*/React.createElement(Logo, _extends({}, rest, {
     href,
     src,
     fit,
@@ -11478,13 +11478,13 @@ const ApplicationMenuTarget = _ref => {
       toggle
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$6);
-  return /*#__PURE__*/React$1.createElement(core.Popover.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(core.Popover.Target, null, /*#__PURE__*/React.createElement(core.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
     }),
@@ -11499,32 +11499,32 @@ const ApplicationMenuDropdown = _ref => {
     moreLink,
     toggle
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Popover.Dropdown, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Popover.Dropdown, {
     ml: "md",
     p: 5
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 5,
     p: 0
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.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(core.Divider, null), /*#__PURE__*/React$1.createElement(core.Group, {
+  })))), /*#__PURE__*/React.createElement(core.Divider, null), /*#__PURE__*/React.createElement(core.Group, {
     grow: true,
     justify: "center"
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
     variant: "subtle",
     p: 0,
     component: reactRouterDom.Link,
     to: moreLink,
     onClick: toggle
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300,
     w: 320
@@ -11541,22 +11541,22 @@ const DropdownItem = _ref2 => {
     inactiveColor = "adiba",
     onClick
   } = _ref2;
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Button, {
     variant: "subtle",
     fw: 300,
     mih: 70,
     bg: active ? activeBg : {},
     c: active ? activeColor : inactiveColor,
     onClick: onClick
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     w: 320
-  }, /*#__PURE__*/React$1.createElement(Icons, icon), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(core.Stack, {
     align: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "sm",
     fw: 300
-  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fz: 11,
     fw: 300
@@ -11574,7 +11574,7 @@ const ApplicationMenu = _ref => {
   const [opened, {
     toggle
   }] = hooks.useDisclosure(false);
-  return /*#__PURE__*/React$1.createElement(core.Popover, {
+  return /*#__PURE__*/React.createElement(core.Popover, {
     transitionProps: {
       transition
     },
@@ -11588,9 +11588,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,
@@ -11604,28 +11604,28 @@ const UserMenuTarget = _ref => {
     username,
     avatar
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
+  return /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.Button, {
     variant: "subtle",
     h: 50,
     px: 10,
     radius: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
+  }, /*#__PURE__*/React.createElement(core.Avatar, {
     radius: "xl",
     src: avatar
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 0,
     align: "flex-start",
     visibleFrom: "md",
     fw: 300
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     size: "sm"
-  }, name), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, name), /*#__PURE__*/React.createElement(core.Text, {
     c: "dimmed",
     size: "xs"
-  }, username)), /*#__PURE__*/React$1.createElement(Icons, {
+  }, username)), /*#__PURE__*/React.createElement(Icons, {
     name: "ArrowDown2",
     size: 12
   }))));
@@ -11636,36 +11636,36 @@ const UserMenuDropdown = _ref => {
     sections,
     height = 40
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu.Dropdown, null, sections.map((section, index) => {
+  return /*#__PURE__*/React.createElement(core.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(core.Menu.Item, {
+      return /*#__PURE__*/React.createElement(core.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(core.Badge, {
+        }) : item.badge ? /*#__PURE__*/React.createElement(core.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(core.Text, {
+      }, /*#__PURE__*/React.createElement(core.Text, {
         size: "xs",
         fw: 300
       }, item.label));
     });
-    if (index) items.push(/*#__PURE__*/React$1.createElement(core.Divider, {
+    if (index) items.push(/*#__PURE__*/React.createElement(core.Divider, {
       key: "divider-".concat(index),
       my: 2
     }));
-    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React$1.createElement(core.Menu.Label, {
+    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(core.Menu.Label, {
       fz: 10,
       fw: 500,
       c: 'dimmed',
@@ -11685,7 +11685,7 @@ const UserMenu = _ref => {
     avatar,
     sections
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Menu, {
+  return /*#__PURE__*/React.createElement(core.Menu, {
     width: width || 250,
     transitionProps: {
       transition: "pop"
@@ -11696,11 +11696,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
   }));
@@ -11714,9 +11714,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(core.NavLink, {
+    return /*#__PURE__*/React.createElement(core.NavLink, {
       className: "backoffice-sidemenu",
       mt: "sm",
       component: reactRouterDom.Link,
@@ -11729,10 +11729,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(core.NavLink, {
+    }, (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(core.NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,
@@ -11749,8 +11749,8 @@ const SideMenu = _ref => {
 };
 
 const _excluded$5 = ["withPadding", "withRadius", "autoHeight", "children"],
-  _excluded2$2 = ["withPadding", "title", "children"],
-  _excluded3$1 = ["placeholder", "searchIcon", "filterIcon", "searchText", "filterFn", "children"];
+  _excluded2$1 = ["withPadding", "title", "children"],
+  _excluded3 = ["placeholder", "searchIcon", "filterIcon", "searchText", "filterFn", "children"];
 const SimplePanel = _ref => {
   let {
       withPadding = true,
@@ -11759,7 +11759,7 @@ const SimplePanel = _ref => {
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$5);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
+  return /*#__PURE__*/React.createElement(core.Card, _extends({
     p: !withPadding ? 0 : "md",
     radius: !withRadius ? 0 : "lg",
     flex: autoHeight ? 1 : "none"
@@ -11771,35 +11771,35 @@ const TitledPanel = _ref2 => {
       title,
       children
     } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2$2);
-  return /*#__PURE__*/React$1.createElement(SimplePanel, _extends({}, rest, {
+    rest = _objectWithoutProperties(_ref2, _excluded2$1);
+  return /*#__PURE__*/React.createElement(SimplePanel, _extends({}, rest, {
     withPadding: withPadding
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     h: 48,
     px: withPadding ? 0 : "md",
     mt: !withPadding ? "md" : 0,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Center, {
-    bg: "adiba.1",
+  }, /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.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(core.Text, {
+  }))), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300
-  }, title.label)), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, title.label)), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     hidden: !rest.middlesection
-  }, rest.middlesection), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, rest.middlesection), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     hidden: !rest.rightsection
-  }, rest.rightsection)), /*#__PURE__*/React$1.createElement(core.Box, {
+  }, rest.rightsection)), /*#__PURE__*/React.createElement(core.Box, {
     pt: !withPadding ? 0 : "md"
   }, children));
 };
@@ -11816,22 +11816,22 @@ const SearchPanel = _ref3 => {
       filterFn,
       children
     } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded3$1);
-  return /*#__PURE__*/React$1.createElement(SimplePanel, rest, /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement(core.Group, {
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(SimplePanel, rest, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
     gap: 'xs'
-  }, /*#__PURE__*/React$1.createElement(core.TextInput, {
+  }, /*#__PURE__*/React.createElement(core.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(core.ActionIcon, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, searchIcon),
+    rightSection: typeof filterFn == 'function' ? /*#__PURE__*/React.createElement(core.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(core.Button, {
+    }, /*#__PURE__*/React.createElement(Icons, filterIcon)) : /*#__PURE__*/React.createElement(React.Fragment, null, console.debug(typeof filterFn))
+  }), /*#__PURE__*/React.createElement(core.Button, {
     variant: "light",
     size: "md",
     fw: 300,
@@ -11839,7 +11839,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));
 };
 
@@ -11863,7 +11863,7 @@ const LabelPanelItem = _ref => {
 };
 
 const _excluded$4 = ["title", "hasEdit", "labelWidth", "editFn", "editLabel", "items", "withBorder", "radius", "p"],
-  _excluded2$1 = ["avatarSize", "avatar", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
+  _excluded2 = ["avatarSize", "avatar", "withBorder", "radius", "p", "name", "username", "editLabel", "lastActive", "role", "editFn"];
 const LabelPanel = _ref => {
   let {
       title,
@@ -11877,17 +11877,17 @@ const LabelPanel = _ref => {
       p = "md"
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     p: 0
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     order: 6,
     py: "xs"
-  }, title), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, title), /*#__PURE__*/React.createElement(core.Button, {
     style: {
       display: hasEdit ? "block" : "none"
     },
@@ -11895,11 +11895,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
@@ -11920,40 +11920,40 @@ const AvatarLabelPanel = _ref2 => {
       role = "Staff",
       editFn = void 0
     } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2$1);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({}, rest, {
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(core.Card, _extends({}, rest, {
     withBorder,
     radius,
     p
-  }), /*#__PURE__*/React$1.createElement(core.Group, {
+  }), /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start",
     py: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Avatar, {
+  }, /*#__PURE__*/React.createElement(core.Avatar, {
     size: avatarSize,
     src: avatar
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     py: 10,
     gap: 5,
     h: "100%"
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     fw: 500,
     order: 4
-  }, name), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, name), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, username), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, username), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, "Internal / ", role), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, "Internal / ", role), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: 14
-  }, "Last login: ", lastActive)), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, "Last login: ", lastActive)), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Button, {
+  }), /*#__PURE__*/React.createElement(core.Button, {
     fw: 300,
     variant: "outline",
     size: "xs",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "Edit2"
     })
   }, editLabel)));
@@ -11966,7 +11966,7 @@ const SimpleText = _ref => {
       smaller
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React$1.createElement(core.Text, _extends({
+  return /*#__PURE__*/React.createElement(core.Text, _extends({
     fw: 300,
     fz: smaller ? '90%' : undefined
   }, rest), label);
@@ -11991,81 +11991,70 @@ const theme = core.createTheme({
   }
 });
 
-const _excluded$2 = ["title", "subtitle", "rightsection"],
-  _excluded2 = ["create"],
-  _excluded3 = ["items"];
+const _excluded$2 = ["title", "subtitle", "rightsection", "withCreate", "withSwitcher", "create", "switcher"];
 const PageTitle = _ref => {
+  var _switcher$items;
   let {
       title,
       subtitle = "",
-      rightsection
+      rightsection,
+      withCreate,
+      withSwitcher,
+      create,
+      switcher
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  if (withCreate && create) {
+    const {
+      createFn,
+      icon,
+      label
+    } = create;
+    rightsection = /*#__PURE__*/React.createElement(core.Button, {
+      radius: "md",
+      size: "sm",
+      leftSection: /*#__PURE__*/React.createElement(Icons, icon),
+      onClick: createFn
+    }, /*#__PURE__*/React.createElement(core.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.createElement(core.SegmentedControl, {
+      size: "sm",
+      color: theme.primaryColor,
+      data: switcher.items
+    });
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     py: "lg"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: 4
-  }, /*#__PURE__*/React$1.createElement(core.Title, _extends({
+  }, /*#__PURE__*/React.createElement(core.Title, _extends({
     order: 2,
     fw: 500
-  }, rest), title), typeof subtitle == "string" ? /*#__PURE__*/React$1.createElement(core.Text, {
+  }, rest), title), typeof subtitle == "string" ? /*#__PURE__*/React.createElement(core.Text, {
     fz: 14,
     fw: 300
-  }, subtitle) : /*#__PURE__*/React$1.createElement(core.Breadcrumbs, {
+  }, subtitle) : /*#__PURE__*/React.createElement(core.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(core.Anchor, {
+    return index < subtitle.length - 1 ? /*#__PURE__*/React.createElement(core.Anchor, {
       key: index,
       fz: 14,
       fw: 400,
       component: reactRouterDom.Link,
       to: item.link
-    }, item.name) : /*#__PURE__*/React$1.createElement(core.Text, {
+    }, item.name) : /*#__PURE__*/React.createElement(core.Text, {
       fz: 14,
       key: index,
       fw: 300,
       c: 'dimmed'
     }, item.name);
-  }))), /*#__PURE__*/React$1.createElement(React$1.Fragment, null, rightsection)));
-};
-const PageTitleWithCreate = _ref2 => {
-  let {
-      create
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  const {
-    createFn,
-    icon,
-    label
-  } = create;
-  const rightsection = /*#__PURE__*/React$1.createElement(core.Button, {
-    radius: "md",
-    size: "sm",
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, icon),
-    onClick: createFn
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
-    fw: 300,
-    fz: 14
-  }, label));
-  return /*#__PURE__*/React$1.createElement(PageTitle, _extends({}, rest, {
-    rightsection: rightsection
-  }));
-};
-const PageTitleWithSwitcher = _ref3 => {
-  let {
-      items
-    } = _ref3,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
-  const rightsection = /*#__PURE__*/React$1.createElement(core.SegmentedControl, {
-    size: "sm",
-    color: theme.primaryColor,
-    data: items
-  });
-  return /*#__PURE__*/React$1.createElement(PageTitle, _extends({}, rest, {
-    rightsection: rightsection
-  }));
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, rightsection)));
 };
 
 const ConnectionPanelDetail = _ref => {
@@ -12074,11 +12063,11 @@ const ConnectionPanelDetail = _ref => {
     value,
     altColor
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Group, null, /*#__PURE__*/React$1.createElement(core.Text, {
+  return /*#__PURE__*/React.createElement(core.Group, null, /*#__PURE__*/React.createElement(core.Text, {
     w: 100,
     fw: 300,
     fz: "xs"
-  }, label), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, label), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "xs",
     c: altColor
@@ -12098,35 +12087,35 @@ const ConnectionPanel = _ref => {
       altColor
     } = _ref;
     _objectWithoutProperties(_ref, _excluded$1);
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     withBorder: true,
     bg: "gray.0",
     p: "lg",
     radius: "md",
     color: "red"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, null, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Stack, null, /*#__PURE__*/React.createElement(core.Group, {
     align: "flex-start"
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     size: 48,
     name: "Driver",
     stroke: "0.5"
-  }), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Title, {
     fw: 400,
     order: 6
-  }, name), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, name), /*#__PURE__*/React.createElement(core.Group, {
     justify: "flex-start",
     gap: 5
-  }, /*#__PURE__*/React$1.createElement(core.ColorSwatch, {
+  }, /*#__PURE__*/React.createElement(core.ColorSwatch, {
     size: 12,
     color: statusColor
-  }), /*#__PURE__*/React$1.createElement(core.Text, {
+  }), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "xs"
-  }, status))), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, status))), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.Menu, {
+  }), /*#__PURE__*/React.createElement(core.Menu, {
     width: 190,
     transitionProps: {
       transition: "pop"
@@ -12135,52 +12124,52 @@ const ConnectionPanel = _ref => {
     withArrow: true,
     withinPortal: true,
     arrowSize: 20
-  }, /*#__PURE__*/React$1.createElement(core.Menu.Target, null, /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }, /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "subtle",
     m: 0
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "More"
-  }))), /*#__PURE__*/React$1.createElement(core.Menu.Dropdown, null, /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+  }))), /*#__PURE__*/React.createElement(core.Menu.Dropdown, null, /*#__PURE__*/React.createElement(core.Menu.Item, {
     h: 40,
     onClick: edit.onClick,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
     })
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, edit.label)), /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+  }, edit.label)), /*#__PURE__*/React.createElement(core.Menu.Item, {
     h: 40,
     onClick: test.onClick,
-    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+    rightSection: /*#__PURE__*/React.createElement(Icons, {
       name: "ArrowRight2"
     })
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, test.label)), /*#__PURE__*/React$1.createElement(core.Divider, null), /*#__PURE__*/React$1.createElement(core.Menu.Item, {
+  }, test.label)), /*#__PURE__*/React.createElement(core.Divider, null), /*#__PURE__*/React.createElement(core.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(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     size: "xs",
     fw: 300
-  }, pause.label))))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }, pause.label))))), /*#__PURE__*/React.createElement(core.Card.Section, {
     style: {
       borderTop: "1px solid #ddd"
     }
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.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
@@ -12195,13 +12184,13 @@ const ApplicationPanelFeatures = _ref => {
     label,
     icon
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.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(core.Text, {
+  })), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     c: 'altiba',
     size: '12px',
@@ -12227,32 +12216,32 @@ const ApplicationPanel = _ref => {
       onClick = () => void 0
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React$1.createElement(core.Card, _extends({
+  return /*#__PURE__*/React.createElement(core.Card, _extends({
     withBorder: true,
     radius: "md"
-  }, rest), /*#__PURE__*/React$1.createElement(core.Card.Section, null, /*#__PURE__*/React$1.createElement(core.Image, {
+  }, rest), /*#__PURE__*/React.createElement(core.Card.Section, null, /*#__PURE__*/React.createElement(core.Image, {
     src: coverImage,
     alt: name,
     fallbackSrc: img$5
-  })), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  })), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fw: 400
-  }, name), /*#__PURE__*/React$1.createElement(core.Badge, {
+  }, name), /*#__PURE__*/React.createElement(core.Badge, {
     hidden: !discount,
     fw: 300,
     variant: "outline"
-  }, discount)), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, discount)), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     fz: "sm"
-  }, summary))), /*#__PURE__*/React$1.createElement(core.Card.Section, {
+  }, summary))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md",
     pt: 0
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fz: "xs",
     c: "gray.5",
     mb: "xs",
@@ -12260,26 +12249,26 @@ const ApplicationPanel = _ref => {
     fw: 500,
     lts: core.rem("-0.25px"),
     tt: "uppercase"
-  }, featureLabel), /*#__PURE__*/React$1.createElement(core.SimpleGrid, {
+  }, featureLabel), /*#__PURE__*/React.createElement(core.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(core.Card.Section, {
+  }))), /*#__PURE__*/React.createElement(core.Card.Section, {
     p: "md"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: 30,
     justify: "space-between"
-  }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Text, {
     fz: "lg",
     fw: 500,
     style: {
       lineHeight: 1
     }
-  }, amount), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, amount), /*#__PURE__*/React.createElement(core.Text, {
     fz: "xs",
     c: "dimmed",
     fw: 300,
@@ -12287,21 +12276,26 @@ const ApplicationPanel = _ref => {
       lineHeight: 1
     },
     mt: 3
-  }, "per ".concat(frequency))), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, "per ".concat(frequency))), /*#__PURE__*/React.createElement(core.Box, {
+    hidden: subscribed
+  }, /*#__PURE__*/React.createElement(core.Button, {
     fw: 300,
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
+      name: "AddCircle"
+    }),
     radius: "md",
-    onClick: onClick,
+    onClick: onClick
+  }, actionLabel)), /*#__PURE__*/React.createElement(core.Box, {
     hidden: !subscribed
-  }, actionLabel), /*#__PURE__*/React$1.createElement(core.Button, {
-    leftSection: /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
+    leftSection: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle"
     }),
     fw: 300,
-    color: "green",
     radius: "md",
     disabled: true,
     hidden: !subscribed
-  }, subscribedLabel))));
+  }, subscribedLabel)))));
 };
 
 const SubscriptionPlans = _ref => {
@@ -12313,40 +12307,40 @@ const SubscriptionPlans = _ref => {
     planPrice
   } = _ref;
   const price = planPrice.split("/");
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(core.Indicator, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Indicator, {
     size: 20,
-    label: /*#__PURE__*/React$1.createElement(Icons, {
+    label: /*#__PURE__*/React.createElement(Icons, {
       name: "TickCircle",
       size: 18,
       stroke: 1
     }),
     disabled: active,
     className: "payment-plan"
-  }, /*#__PURE__*/React$1.createElement(core.Card, {
+  }, /*#__PURE__*/React.createElement(core.Card, {
     bg: active ? "gray.1" : "white",
     p: "md",
     radius: "sm",
     withBorder: true
-  }, /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, /*#__PURE__*/React.createElement(core.Stack, {
     gap: "xl"
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     justify: "space-between",
     align: "flex-start"
-  }, /*#__PURE__*/React$1.createElement(core.Box, null, /*#__PURE__*/React$1.createElement(core.Title, {
+  }, /*#__PURE__*/React.createElement(core.Box, null, /*#__PURE__*/React.createElement(core.Title, {
     order: 6,
     fw: 500
-  }, title), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, title), /*#__PURE__*/React.createElement(core.Text, {
     fz: "xs",
     c: altColor,
     fw: 300
-  }, durationDays, " ", active ? " days remaining" : " days")), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, durationDays, " ", active ? " days remaining" : " days")), /*#__PURE__*/React.createElement(core.Text, {
     fz: "sm",
     fw: 500
-  }, price[0], /*#__PURE__*/React$1.createElement(core.Text, {
+  }, price[0], /*#__PURE__*/React.createElement(core.Text, {
     fz: "sm",
     component: "span",
     c: "dimmed"
-  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React$1.createElement(core.Button, {
+  }, price[1] ? "/".concat(price[1]) : " /month"))), /*#__PURE__*/React.createElement(core.Button, {
     w: 100,
     size: "xs",
     fw: 500,
@@ -12371,74 +12365,74 @@ const PaymentMethod = _ref => {
     type,
     exp
   } = _ref;
-  return /*#__PURE__*/React$1.createElement(core.Card, {
+  return /*#__PURE__*/React.createElement(core.Card, {
     withBorder: true,
     radius: "md",
     p: 0,
     bg: active ? "gray.1" : "white",
     w: 330
-  }, /*#__PURE__*/React$1.createElement(core.Group, {
+  }, /*#__PURE__*/React.createElement(core.Group, {
     gap: "md",
     px: "sm"
-  }, /*#__PURE__*/React$1.createElement(core.Center, {
+  }, /*#__PURE__*/React.createElement(core.Center, {
     h: 88,
     w: 80
-  }, logo[type]), /*#__PURE__*/React$1.createElement(core.Stack, {
+  }, logo[type]), /*#__PURE__*/React.createElement(core.Stack, {
     gap: 3
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     fz: 14,
     tt: "uppercase",
     fw: 500
-  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React$1.createElement(core.Group, {
+  }, "**** **** **** ".concat(pan)), /*#__PURE__*/React.createElement(core.Group, {
     c: "dimmed"
-  }, /*#__PURE__*/React$1.createElement(core.Text, {
+  }, /*#__PURE__*/React.createElement(core.Text, {
     tt: "capitalize",
     fw: 300,
     size: "xs"
-  }, type), /*#__PURE__*/React$1.createElement(core.Text, {
+  }, type), /*#__PURE__*/React.createElement(core.Text, {
     fw: 300,
     size: "sm"
-  }, exp))), /*#__PURE__*/React$1.createElement(core.Space, {
+  }, exp))), /*#__PURE__*/React.createElement(core.Space, {
     flex: 1
-  }), /*#__PURE__*/React$1.createElement(core.ActionIcon, {
+  }), /*#__PURE__*/React.createElement(core.ActionIcon, {
     variant: "subtle",
     disabled: active
-  }, !active ? /*#__PURE__*/React$1.createElement(Icons, {
+  }, !active ? /*#__PURE__*/React.createElement(Icons, {
     name: "Record"
-  }) : /*#__PURE__*/React$1.createElement(Icons, {
+  }) : /*#__PURE__*/React.createElement(Icons, {
     name: "TickCircle"
   }))));
 };
 const logo = {
-  mastercard: /*#__PURE__*/React$1.createElement(core.Image, {
+  mastercard: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$2
   }),
-  visa: /*#__PURE__*/React$1.createElement(core.Image, {
+  visa: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$3
   }),
-  amex: /*#__PURE__*/React$1.createElement(core.Image, {
+  amex: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$4
   }),
-  paypal: /*#__PURE__*/React$1.createElement(core.Image, {
+  paypal: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img$1
   }),
-  verve: /*#__PURE__*/React$1.createElement(core.Image, {
+  verve: /*#__PURE__*/React.createElement(core.Image, {
     height: 60,
     src: img
   })
 };
 const PaymentMethodAdd = () => {
-  return /*#__PURE__*/React$1.createElement(core.Group, {
+  return /*#__PURE__*/React.createElement(core.Group, {
     align: "center"
-  }, /*#__PURE__*/React$1.createElement(core.Button, {
+  }, /*#__PURE__*/React.createElement(core.Button, {
     variant: "outline",
     w: 60,
     h: 60
-  }, /*#__PURE__*/React$1.createElement(Icons, {
+  }, /*#__PURE__*/React.createElement(Icons, {
     name: "Add",
     size: 60,
     stroke: 1
@@ -12455,8 +12449,6 @@ exports.EqualizerColumn = EqualizerColumn;
 exports.Icons = Icons;
 exports.LabelPanel = LabelPanel;
 exports.PageTitle = PageTitle;
-exports.PageTitleWithCreate = PageTitleWithCreate;
-exports.PageTitleWithSwitcher = PageTitleWithSwitcher;
 exports.PaymentMethod = PaymentMethod;
 exports.PaymentMethodAdd = PaymentMethodAdd;
 exports.SearchPanel = SearchPanel;