@adiba-banking-cloud/backoffice 0.0.6 → 0.0.7

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

@@ -2,11 +2,13 @@
 
 var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+var React$1 = require('react');
 var HighchartsReact = require('highcharts-react-official');
 var HighchartsRounded = require('highcharts-rounded-corners');
-var core = require('@mantine/core');
 var IconSax = require('iconsax-react');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
 
 function _interopNamespaceDefault(e) {
 	var n = Object.create(null);
@@ -11207,8 +11209,8 @@ if (typeof window !== "undefined") {
   HighchartsRounded(Highcharts);
 }
 const Column = props => {
-  const chartRef = React.useRef(null);
-  const chartOptions = React.useMemo(() => {
+  const chartRef = React$1.useRef(null);
+  const chartOptions = React$1.useMemo(() => {
     const chart = {
       type: "column"
     };
@@ -11217,12 +11219,12 @@ const Column = props => {
     });
     return _objectSpread(_objectSpread({}, initChart(column)), initSeries(column));
   }, [props]);
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     if (chartRef.current && chartRef.current.chart) {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11240,7 +11242,7 @@ const EqualizerColumn = props => {
     colors: [props.color || "blue"],
     title: props.title
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11254,10 +11256,10 @@ const SimpleColumn = props => {
     colors: [props.color || "gray"],
     title: props.title
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11392,7 +11394,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax__namespace[name];
-  return /*#__PURE__*/React.createElement(Element, {
+  return /*#__PURE__*/React$1.createElement(Element, {
     size: size,
     variant: variant,
     color: color,
@@ -11402,6 +11404,285 @@ const Icons = _ref => {
   });
 };
 
+var img$1 = "data:image/svg+xml,%3csvg width='5894' height='1608' viewBox='0 0 5894 1608' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1134.15' cy='89.303' r='89.303' fill='%230F193D'/%3e%3cpath d='M1221.22 134.228C1205.91 168.166 1171.95 191.767 1132.53 191.767C1092.99 191.767 1058.96 168.038 1043.71 133.951V577.044C1074.75 620.8 1118.73 688.402 1141.93 743.436C1151.49 766.108 1162.66 797.844 1175.06 833.077L1175.1 833.199L1175.29 833.753C1184.59 860.161 1194.57 888.509 1205.08 916.46C1211.06 850.139 1215.35 776.424 1220.24 692.355L1221.22 675.507V134.228Z' fill='url(%23paint0_linear_5727_46453)'/%3e%3cpath d='M1023.32 1419.13L992.799 1405.89L1023.32 1419.13C1061.84 1371.65 1092.03 1325.96 1115.86 1279.54C1094.29 1240.79 1069.25 1189.31 1048.45 1130.75C1037.13 1098.91 1026.25 1069.43 1015.67 1042.13C989.217 1175.69 938.884 1272.42 844.875 1341.69C774.868 1396.23 687.034 1428.69 591.675 1428.69C362.935 1428.69 177.503 1241.94 177.503 1011.58C177.503 781.215 362.935 594.468 591.675 594.468C730.899 594.468 854.079 663.652 929.169 769.745L928.81 770.454L930.145 771.14C966.436 824.985 1021.37 964.678 1056.57 1055.67C1134.53 1257.23 1217.06 1382.74 1295.17 1449.19C1400.67 1547.42 1541.75 1607.45 1696.76 1607.45V1428.69C1569.45 1428.69 1455.55 1370.84 1379.58 1279.82L1379.62 1279.72C1300.34 1214.18 1206.85 1031.84 1157.15 878.104C1127.29 785.729 1054.87 653.414 1018.33 599.054L1018.62 598.474L1017.58 597.935L1017.56 597.913L1017.56 597.924L1017.54 597.919L1017.55 597.904C909.941 485.566 758.909 415.707 591.675 415.707C264.902 415.707 0 682.488 0 1011.58C0 1340.67 264.902 1607.45 591.675 1607.45C761.92 1607.45 915.372 1535.04 1023.32 1419.13Z' fill='url(%23paint1_linear_5727_46453)'/%3e%3cpath d='M1696.76 948.7C1696.76 867.516 1713.57 796.479 1747.19 735.591C1780.82 673.736 1826.8 625.895 1885.15 592.068C1944.49 558.241 2010.25 541.328 2082.45 541.328C2153.65 541.328 2215.46 556.308 2267.87 586.269C2320.29 616.23 2359.35 653.923 2385.06 699.348V554.375H2521.54V1348.82H2385.06V1200.95C2358.36 1247.34 2318.31 1286 2264.91 1316.93C2212.49 1346.89 2151.18 1361.87 2080.96 1361.87C2008.77 1361.87 1943.5 1344.48 1885.15 1309.68C1826.8 1274.89 1780.82 1226.08 1747.19 1163.26C1713.57 1100.44 1696.76 1028.92 1696.76 948.7ZM2385.06 950.15C2385.06 890.228 2372.7 838.038 2347.98 793.58C2323.26 749.122 2289.63 715.295 2247.11 692.099C2205.57 667.937 2159.59 655.856 2109.15 655.856C2058.71 655.856 2012.73 667.454 1971.19 690.649C1929.66 713.845 1896.53 747.672 1871.8 792.13C1847.08 836.588 1834.72 888.778 1834.72 948.7C1834.72 1009.59 1847.08 1062.75 1871.8 1108.17C1896.53 1152.63 1929.66 1186.94 1971.19 1211.1C2012.73 1234.3 2058.71 1245.89 2109.15 1245.89C2159.59 1245.89 2205.57 1234.3 2247.11 1211.1C2289.63 1186.94 2323.26 1152.63 2347.98 1108.17C2372.7 1062.75 2385.06 1010.07 2385.06 950.15Z' fill='%230F193D'/%3e%3cpath d='M2699.23 948.7C2699.23 867.516 2716.04 796.479 2749.66 735.591C2783.29 673.736 2829.27 625.895 2887.62 592.068C2946.96 558.241 3013.22 541.328 3086.4 541.328C3149.69 541.328 3208.53 555.825 3262.92 584.82C3317.32 612.848 3358.85 650.057 3387.53 696.448V276.028H3524.01V1348.82H3387.53V1199.5C3360.83 1246.86 3321.27 1286 3268.86 1316.93C3216.44 1346.89 3155.13 1361.87 3084.91 1361.87C3012.72 1361.87 2946.96 1344.48 2887.62 1309.68C2829.27 1274.89 2783.29 1226.08 2749.66 1163.26C2716.04 1100.44 2699.23 1028.92 2699.23 948.7ZM3387.53 950.15C3387.53 890.228 3375.17 838.038 3350.45 793.58C3325.72 749.122 3292.1 715.295 3249.57 692.099C3208.04 667.937 3162.05 655.856 3111.62 655.856C3061.18 655.856 3015.19 667.454 2973.66 690.649C2932.12 713.845 2898.99 747.672 2874.27 792.13C2849.54 836.588 2837.18 888.778 2837.18 948.7C2837.18 1009.59 2849.54 1062.75 2874.27 1108.17C2898.99 1152.63 2932.12 1186.94 2973.66 1211.1C3015.19 1234.3 3061.18 1245.89 3111.62 1245.89C3162.05 1245.89 3208.04 1234.3 3249.57 1211.1C3292.1 1186.94 3325.72 1152.63 3350.45 1108.17C3375.17 1062.75 3387.53 1010.07 3387.53 950.15Z' fill='%230F193D'/%3e%3cpath d='M3821.85 425.35C3796.14 425.35 3774.38 416.651 3756.58 399.255C3738.78 381.858 3729.88 360.595 3729.88 335.467C3729.88 310.338 3738.78 289.076 3756.58 271.679C3774.38 254.282 3796.14 245.584 3821.85 245.584C3846.57 245.584 3867.34 254.282 3884.15 271.679C3901.95 289.076 3910.85 310.338 3910.85 335.467C3910.85 360.595 3901.95 381.858 3884.15 399.255C3867.34 416.651 3846.57 425.35 3821.85 425.35ZM3887.12 554.375V1348.82H3752.13V554.375H3887.12Z' fill='%230F193D'/%3e%3cpath d='M4252.18 702.247C4279.87 654.89 4320.42 616.23 4373.82 586.269C4427.22 556.308 4488.04 541.328 4556.28 541.328C4629.46 541.328 4695.23 558.241 4753.58 592.068C4811.92 625.895 4857.91 673.736 4891.53 735.591C4925.16 796.479 4941.97 867.516 4941.97 948.7C4941.97 1028.92 4925.16 1100.44 4891.53 1163.26C4857.91 1226.08 4811.43 1274.89 4752.09 1309.68C4693.74 1344.48 4628.47 1361.87 4556.28 1361.87C4486.07 1361.87 4424.26 1346.89 4370.85 1316.93C4318.44 1286.97 4278.88 1248.79 4252.18 1202.4V1348.82H4117.19V276.028H4252.18V702.247ZM4804.01 948.7C4804.01 888.778 4791.65 836.588 4766.93 792.13C4742.2 747.672 4708.58 713.845 4666.05 690.649C4624.52 667.454 4578.53 655.856 4528.1 655.856C4478.65 655.856 4432.66 667.937 4390.14 692.099C4348.6 715.295 4314.98 749.605 4289.27 795.03C4264.54 839.488 4252.18 891.195 4252.18 950.15C4252.18 1010.07 4264.54 1062.75 4289.27 1108.17C4314.98 1152.63 4348.6 1186.94 4390.14 1211.1C4432.66 1234.3 4478.65 1245.89 4528.1 1245.89C4578.53 1245.89 4624.52 1234.3 4666.05 1211.1C4708.58 1186.94 4742.2 1152.63 4766.93 1108.17C4791.65 1062.75 4804.01 1009.59 4804.01 948.7Z' fill='%230F193D'/%3e%3cpath d='M5069.22 948.7C5069.22 867.516 5086.03 796.479 5119.66 735.591C5153.28 673.736 5199.27 625.895 5257.61 592.068C5316.95 558.241 5382.71 541.328 5454.91 541.328C5526.11 541.328 5587.92 556.308 5640.34 586.269C5692.75 616.23 5731.81 653.923 5757.53 699.348V554.375H5894V1348.82H5757.53V1200.95C5730.82 1247.34 5690.77 1286 5637.37 1316.93C5584.95 1346.89 5523.64 1361.87 5453.42 1361.87C5381.23 1361.87 5315.96 1344.48 5257.61 1309.68C5199.27 1274.89 5153.28 1226.08 5119.66 1163.26C5086.03 1100.44 5069.22 1028.92 5069.22 948.7ZM5757.53 950.15C5757.53 890.228 5745.16 838.038 5720.44 793.58C5695.72 749.122 5662.09 715.295 5619.57 692.099C5578.03 667.937 5532.05 655.856 5481.61 655.856C5431.17 655.856 5385.19 667.454 5343.65 690.649C5302.12 713.845 5268.99 747.672 5244.26 792.13C5219.54 836.588 5207.18 888.778 5207.18 948.7C5207.18 1009.59 5219.54 1062.75 5244.26 1108.17C5268.99 1152.63 5302.12 1186.94 5343.65 1211.1C5385.19 1234.3 5431.17 1245.89 5481.61 1245.89C5532.05 1245.89 5578.03 1234.3 5619.57 1211.1C5662.09 1186.94 5695.72 1152.63 5720.44 1108.17C5745.16 1062.75 5757.53 1010.07 5757.53 950.15Z' fill='%230F193D'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_5727_46453' x1='6.59737e-06' y1='958.761' x2='1696.76' y2='980.766' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23C8700B'/%3e%3cstop offset='1' stop-color='%230F193D'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_5727_46453' x1='6.59737e-06' y1='958.761' x2='1696.76' y2='980.766' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23C8700B'/%3e%3cstop offset='1' stop-color='%230F193D'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+
+var img = "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$1 = ["href", "fallbackSrc", "src", "fit"],
+  _excluded2 = ["href", "src", "fit"],
+  _excluded3 = ["href", "src", "fit"];
+const Logo = _ref => {
+  let {
+      href,
+      fallbackSrc,
+      src,
+      fit
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React$1.createElement(core.Center, _extends({}, rest, {
+    component: "a",
+    display: "flex",
+    href: href
+  }), /*#__PURE__*/React$1.createElement(core.Image, {
+    fallbackSrc: fallbackSrc,
+    src: src,
+    fit: fit
+  }), /*#__PURE__*/React$1.createElement(core.Space, {
+    flex: 1,
+    hidden: true
+  }));
+};
+const DynamicLogo = _ref2 => {
+  let {
+      href = "/",
+      src,
+      fit = "contain"
+    } = _ref2,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+    href,
+    src,
+    fit,
+    fallbackSrc: img$1
+  }));
+};
+const DynamicShigaLogo = _ref3 => {
+  let {
+      href = "/",
+      src,
+      fit = "contain"
+    } = _ref3,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+    href,
+    src,
+    fit,
+    fallbackSrc: img
+  }));
+};
+
+const _excluded = ["children", "toggle"];
+const ApplicationMenuTarget = _ref => {
+  let {
+      children,
+      toggle
+    } = _ref;
+    _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React$1.createElement(core.Popover.Target, null, /*#__PURE__*/React$1.createElement(core.Button, {
+    variant: "transparent",
+    justify: "space-between",
+    h: 60,
+    fw: 300,
+    w: 200,
+    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+      name: "ArrowDown2",
+      size: 16
+    }),
+    onClick: toggle
+  }, children));
+};
+
+const ApplicationMenuDropdown = _ref => {
+  let {
+    items,
+    moreText,
+    moreLink,
+    toggle
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(core.Popover.Dropdown, {
+    ml: "md",
+    p: 5
+  }, /*#__PURE__*/React.createElement(core.Stack, {
+    gap: 5,
+    p: 0
+  }, /*#__PURE__*/React.createElement(core.Stack, {
+    gap: 5,
+    align: "flex-start"
+  }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
+    key: "item-".concat(index)
+  }, item)))), /*#__PURE__*/React.createElement(core.Divider, null), /*#__PURE__*/React.createElement(core.Group, {
+    grow: true,
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(core.Button, {
+    variant: "subtle",
+    p: 0,
+    component: "a",
+    href: moreLink,
+    onClick: toggle
+  }, /*#__PURE__*/React.createElement(core.Text, {
+    size: "xs",
+    fw: 300,
+    w: 320
+  }, moreText, " \xBB"))))));
+};
+const DropdownItem = _ref2 => {
+  let {
+    active,
+    title,
+    icon,
+    description,
+    activeBg = "gray.1",
+    activeColor = "altiba",
+    inactiveColor = "adiba",
+    onClick
+  } = _ref2;
+  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.createElement(core.Group, {
+    w: 320
+  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(core.Stack, {
+    align: "flex-start",
+    gap: 5
+  }, /*#__PURE__*/React.createElement(core.Text, {
+    size: "sm",
+    fw: 300
+  }, title), /*#__PURE__*/React.createElement(core.Text, {
+    size: "xs",
+    fz: 11,
+    fw: 300
+  }, description)))));
+};
+
+const ApplicationMenu = _ref => {
+  let {
+    transition,
+    label,
+    moreLink,
+    moreText,
+    items
+  } = _ref;
+  const [opened, {
+    toggle
+  }] = hooks.useDisclosure(false);
+  return /*#__PURE__*/React$1.createElement(core.Popover, {
+    transitionProps: {
+      transition
+    },
+    position: "bottom-start",
+    withArrow: true,
+    withinPortal: true,
+    offset: 0,
+    arrowOffset: 20,
+    arrowSize: 10,
+    shadow: "sm",
+    radius: "sm",
+    opened: opened,
+    onChange: toggle
+  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
+    toggle
+  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
+    items,
+    moreLink,
+    moreText,
+    toggle
+  }));
+};
+
+const UserMenuTarget = _ref => {
+  let {
+    name,
+    username,
+    avatar
+  } = _ref;
+  return /*#__PURE__*/React.createElement(core.Menu.Target, null, /*#__PURE__*/React.createElement(core.Button, {
+    variant: "subtle",
+    h: 50,
+    px: 10,
+    radius: "md"
+  }, /*#__PURE__*/React.createElement(core.Group, {
+    gap: "sm"
+  }, /*#__PURE__*/React.createElement(core.Avatar, {
+    radius: "xl",
+    src: avatar
+  }), /*#__PURE__*/React.createElement(core.Stack, {
+    gap: 0,
+    align: "flex-start",
+    visibleFrom: "md"
+  }, /*#__PURE__*/React.createElement(core.Text, {
+    size: "sm"
+  }, name), /*#__PURE__*/React.createElement(core.Text, {
+    c: "dimmed",
+    size: "xs"
+  }, username)), /*#__PURE__*/React.createElement(Icons, {
+    name: "ArrowRight2",
+    size: 12
+  }))));
+};
+
+const UserMenuDropdown = _ref => {
+  let {
+    sections,
+    height = 40
+  } = _ref;
+  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.createElement(core.Menu.Item, {
+        c: section === null || section === void 0 ? void 0 : section.color,
+        key: "menu-item-".concat(key),
+        h: height,
+        leftSection: /*#__PURE__*/React.createElement(Icons, item.icon),
+        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React.createElement(Icons, {
+          name: "ArrowRight2",
+          size: 12
+        }) : 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
+        }, 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.createElement(core.Text, {
+        size: "xs",
+        fw: 300
+      }, item.label));
+    });
+    if (index) items.push(/*#__PURE__*/React.createElement(core.Divider, {
+      key: "divider-".concat(index),
+      my: "xs"
+    }));
+    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(core.Menu.Label, {
+      key: "label-".concat(index),
+      pt: "xs"
+    }, section.title));
+    items.push(...sectionItems);
+    return items;
+  }));
+};
+
+const UserMenu = _ref => {
+  let {
+    width,
+    height,
+    name,
+    username,
+    avatar,
+    sections
+  } = _ref;
+  return /*#__PURE__*/React$1.createElement(core.Menu, {
+    width: width || 250,
+    transitionProps: {
+      transition: "pop"
+    },
+    position: "bottom-end",
+    withArrow: true,
+    withinPortal: true,
+    offset: 5,
+    arrowOffset: 20,
+    arrowSize: 10
+  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
+    name,
+    username,
+    avatar
+  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
+    sections,
+    height
+  }));
+};
+
 const SideMenu = _ref => {
   let {
     color,
@@ -11410,9 +11691,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
     var _item$children;
-    return /*#__PURE__*/React.createElement(core.NavLink, {
+    return /*#__PURE__*/React$1.createElement(core.NavLink, {
       mt: 'xs',
       style: {
         borderRadius: radius
@@ -11422,9 +11703,9 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
       label: item.label
-    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(core.NavLink, {
+    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(core.NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,
@@ -11435,8 +11716,12 @@ const SideMenu = _ref => {
   }));
 };
 
+exports.ApplicationMenu = ApplicationMenu;
+exports.DynamicLogo = DynamicLogo;
+exports.DynamicShigaLogo = DynamicShigaLogo;
 exports.EqualizerColumn = EqualizerColumn;
 exports.Icons = Icons;
 exports.SideMenu = SideMenu;
 exports.SimpleColumn = SimpleColumn;
 exports.StackedColumn = StackedColumn;
+exports.UserMenu = UserMenu;

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

@@ -1,10 +1,12 @@
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { useRef, useMemo, useEffect } from 'react';
+import React$1, { useRef, useMemo, useEffect } from 'react';
 import HighchartsReact from 'highcharts-react-official';
 import HighchartsRounded from 'highcharts-rounded-corners';
-import { NavLink } from '@mantine/core';
 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 } from '@mantine/core';
+import { useDisclosure } from '@mantine/hooks';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -11201,7 +11203,7 @@ const Column = props => {
       chartRef.current.chart.update(chartOptions, true);
     }
   }, [chartOptions]);
-  return /*#__PURE__*/React.createElement(HighchartsReact, {
+  return /*#__PURE__*/React$1.createElement(HighchartsReact, {
     highcharts: Highcharts,
     ref: chartRef,
     options: chartOptions
@@ -11219,7 +11221,7 @@ const EqualizerColumn = props => {
     colors: [props.color || "blue"],
     title: props.title
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
 };
 const SimpleColumn = props => {
   const chartOptions = {
@@ -11233,10 +11235,10 @@ const SimpleColumn = props => {
     colors: [props.color || "gray"],
     title: props.title
   };
-  return /*#__PURE__*/React.createElement(Column, chartOptions);
+  return /*#__PURE__*/React$1.createElement(Column, chartOptions);
 };
 const StackedColumn = props => {
-  return /*#__PURE__*/React.createElement(Column, _extends({}, props, {
+  return /*#__PURE__*/React$1.createElement(Column, _extends({}, props, {
     equalizer: false
   }));
 };
@@ -11371,7 +11373,7 @@ const Icons = _ref => {
     color
   } = _ref;
   const Element = IconSax[name];
-  return /*#__PURE__*/React.createElement(Element, {
+  return /*#__PURE__*/React$1.createElement(Element, {
     size: size,
     variant: variant,
     color: color,
@@ -11381,6 +11383,285 @@ const Icons = _ref => {
   });
 };
 
+var img$1 = "data:image/svg+xml,%3csvg width='5894' height='1608' viewBox='0 0 5894 1608' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='1134.15' cy='89.303' r='89.303' fill='%230F193D'/%3e%3cpath d='M1221.22 134.228C1205.91 168.166 1171.95 191.767 1132.53 191.767C1092.99 191.767 1058.96 168.038 1043.71 133.951V577.044C1074.75 620.8 1118.73 688.402 1141.93 743.436C1151.49 766.108 1162.66 797.844 1175.06 833.077L1175.1 833.199L1175.29 833.753C1184.59 860.161 1194.57 888.509 1205.08 916.46C1211.06 850.139 1215.35 776.424 1220.24 692.355L1221.22 675.507V134.228Z' fill='url(%23paint0_linear_5727_46453)'/%3e%3cpath d='M1023.32 1419.13L992.799 1405.89L1023.32 1419.13C1061.84 1371.65 1092.03 1325.96 1115.86 1279.54C1094.29 1240.79 1069.25 1189.31 1048.45 1130.75C1037.13 1098.91 1026.25 1069.43 1015.67 1042.13C989.217 1175.69 938.884 1272.42 844.875 1341.69C774.868 1396.23 687.034 1428.69 591.675 1428.69C362.935 1428.69 177.503 1241.94 177.503 1011.58C177.503 781.215 362.935 594.468 591.675 594.468C730.899 594.468 854.079 663.652 929.169 769.745L928.81 770.454L930.145 771.14C966.436 824.985 1021.37 964.678 1056.57 1055.67C1134.53 1257.23 1217.06 1382.74 1295.17 1449.19C1400.67 1547.42 1541.75 1607.45 1696.76 1607.45V1428.69C1569.45 1428.69 1455.55 1370.84 1379.58 1279.82L1379.62 1279.72C1300.34 1214.18 1206.85 1031.84 1157.15 878.104C1127.29 785.729 1054.87 653.414 1018.33 599.054L1018.62 598.474L1017.58 597.935L1017.56 597.913L1017.56 597.924L1017.54 597.919L1017.55 597.904C909.941 485.566 758.909 415.707 591.675 415.707C264.902 415.707 0 682.488 0 1011.58C0 1340.67 264.902 1607.45 591.675 1607.45C761.92 1607.45 915.372 1535.04 1023.32 1419.13Z' fill='url(%23paint1_linear_5727_46453)'/%3e%3cpath d='M1696.76 948.7C1696.76 867.516 1713.57 796.479 1747.19 735.591C1780.82 673.736 1826.8 625.895 1885.15 592.068C1944.49 558.241 2010.25 541.328 2082.45 541.328C2153.65 541.328 2215.46 556.308 2267.87 586.269C2320.29 616.23 2359.35 653.923 2385.06 699.348V554.375H2521.54V1348.82H2385.06V1200.95C2358.36 1247.34 2318.31 1286 2264.91 1316.93C2212.49 1346.89 2151.18 1361.87 2080.96 1361.87C2008.77 1361.87 1943.5 1344.48 1885.15 1309.68C1826.8 1274.89 1780.82 1226.08 1747.19 1163.26C1713.57 1100.44 1696.76 1028.92 1696.76 948.7ZM2385.06 950.15C2385.06 890.228 2372.7 838.038 2347.98 793.58C2323.26 749.122 2289.63 715.295 2247.11 692.099C2205.57 667.937 2159.59 655.856 2109.15 655.856C2058.71 655.856 2012.73 667.454 1971.19 690.649C1929.66 713.845 1896.53 747.672 1871.8 792.13C1847.08 836.588 1834.72 888.778 1834.72 948.7C1834.72 1009.59 1847.08 1062.75 1871.8 1108.17C1896.53 1152.63 1929.66 1186.94 1971.19 1211.1C2012.73 1234.3 2058.71 1245.89 2109.15 1245.89C2159.59 1245.89 2205.57 1234.3 2247.11 1211.1C2289.63 1186.94 2323.26 1152.63 2347.98 1108.17C2372.7 1062.75 2385.06 1010.07 2385.06 950.15Z' fill='%230F193D'/%3e%3cpath d='M2699.23 948.7C2699.23 867.516 2716.04 796.479 2749.66 735.591C2783.29 673.736 2829.27 625.895 2887.62 592.068C2946.96 558.241 3013.22 541.328 3086.4 541.328C3149.69 541.328 3208.53 555.825 3262.92 584.82C3317.32 612.848 3358.85 650.057 3387.53 696.448V276.028H3524.01V1348.82H3387.53V1199.5C3360.83 1246.86 3321.27 1286 3268.86 1316.93C3216.44 1346.89 3155.13 1361.87 3084.91 1361.87C3012.72 1361.87 2946.96 1344.48 2887.62 1309.68C2829.27 1274.89 2783.29 1226.08 2749.66 1163.26C2716.04 1100.44 2699.23 1028.92 2699.23 948.7ZM3387.53 950.15C3387.53 890.228 3375.17 838.038 3350.45 793.58C3325.72 749.122 3292.1 715.295 3249.57 692.099C3208.04 667.937 3162.05 655.856 3111.62 655.856C3061.18 655.856 3015.19 667.454 2973.66 690.649C2932.12 713.845 2898.99 747.672 2874.27 792.13C2849.54 836.588 2837.18 888.778 2837.18 948.7C2837.18 1009.59 2849.54 1062.75 2874.27 1108.17C2898.99 1152.63 2932.12 1186.94 2973.66 1211.1C3015.19 1234.3 3061.18 1245.89 3111.62 1245.89C3162.05 1245.89 3208.04 1234.3 3249.57 1211.1C3292.1 1186.94 3325.72 1152.63 3350.45 1108.17C3375.17 1062.75 3387.53 1010.07 3387.53 950.15Z' fill='%230F193D'/%3e%3cpath d='M3821.85 425.35C3796.14 425.35 3774.38 416.651 3756.58 399.255C3738.78 381.858 3729.88 360.595 3729.88 335.467C3729.88 310.338 3738.78 289.076 3756.58 271.679C3774.38 254.282 3796.14 245.584 3821.85 245.584C3846.57 245.584 3867.34 254.282 3884.15 271.679C3901.95 289.076 3910.85 310.338 3910.85 335.467C3910.85 360.595 3901.95 381.858 3884.15 399.255C3867.34 416.651 3846.57 425.35 3821.85 425.35ZM3887.12 554.375V1348.82H3752.13V554.375H3887.12Z' fill='%230F193D'/%3e%3cpath d='M4252.18 702.247C4279.87 654.89 4320.42 616.23 4373.82 586.269C4427.22 556.308 4488.04 541.328 4556.28 541.328C4629.46 541.328 4695.23 558.241 4753.58 592.068C4811.92 625.895 4857.91 673.736 4891.53 735.591C4925.16 796.479 4941.97 867.516 4941.97 948.7C4941.97 1028.92 4925.16 1100.44 4891.53 1163.26C4857.91 1226.08 4811.43 1274.89 4752.09 1309.68C4693.74 1344.48 4628.47 1361.87 4556.28 1361.87C4486.07 1361.87 4424.26 1346.89 4370.85 1316.93C4318.44 1286.97 4278.88 1248.79 4252.18 1202.4V1348.82H4117.19V276.028H4252.18V702.247ZM4804.01 948.7C4804.01 888.778 4791.65 836.588 4766.93 792.13C4742.2 747.672 4708.58 713.845 4666.05 690.649C4624.52 667.454 4578.53 655.856 4528.1 655.856C4478.65 655.856 4432.66 667.937 4390.14 692.099C4348.6 715.295 4314.98 749.605 4289.27 795.03C4264.54 839.488 4252.18 891.195 4252.18 950.15C4252.18 1010.07 4264.54 1062.75 4289.27 1108.17C4314.98 1152.63 4348.6 1186.94 4390.14 1211.1C4432.66 1234.3 4478.65 1245.89 4528.1 1245.89C4578.53 1245.89 4624.52 1234.3 4666.05 1211.1C4708.58 1186.94 4742.2 1152.63 4766.93 1108.17C4791.65 1062.75 4804.01 1009.59 4804.01 948.7Z' fill='%230F193D'/%3e%3cpath d='M5069.22 948.7C5069.22 867.516 5086.03 796.479 5119.66 735.591C5153.28 673.736 5199.27 625.895 5257.61 592.068C5316.95 558.241 5382.71 541.328 5454.91 541.328C5526.11 541.328 5587.92 556.308 5640.34 586.269C5692.75 616.23 5731.81 653.923 5757.53 699.348V554.375H5894V1348.82H5757.53V1200.95C5730.82 1247.34 5690.77 1286 5637.37 1316.93C5584.95 1346.89 5523.64 1361.87 5453.42 1361.87C5381.23 1361.87 5315.96 1344.48 5257.61 1309.68C5199.27 1274.89 5153.28 1226.08 5119.66 1163.26C5086.03 1100.44 5069.22 1028.92 5069.22 948.7ZM5757.53 950.15C5757.53 890.228 5745.16 838.038 5720.44 793.58C5695.72 749.122 5662.09 715.295 5619.57 692.099C5578.03 667.937 5532.05 655.856 5481.61 655.856C5431.17 655.856 5385.19 667.454 5343.65 690.649C5302.12 713.845 5268.99 747.672 5244.26 792.13C5219.54 836.588 5207.18 888.778 5207.18 948.7C5207.18 1009.59 5219.54 1062.75 5244.26 1108.17C5268.99 1152.63 5302.12 1186.94 5343.65 1211.1C5385.19 1234.3 5431.17 1245.89 5481.61 1245.89C5532.05 1245.89 5578.03 1234.3 5619.57 1211.1C5662.09 1186.94 5695.72 1152.63 5720.44 1108.17C5745.16 1062.75 5757.53 1010.07 5757.53 950.15Z' fill='%230F193D'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_5727_46453' x1='6.59737e-06' y1='958.761' x2='1696.76' y2='980.766' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23C8700B'/%3e%3cstop offset='1' stop-color='%230F193D'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_5727_46453' x1='6.59737e-06' y1='958.761' x2='1696.76' y2='980.766' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23C8700B'/%3e%3cstop offset='1' stop-color='%230F193D'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+
+var img = "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$1 = ["href", "fallbackSrc", "src", "fit"],
+  _excluded2 = ["href", "src", "fit"],
+  _excluded3 = ["href", "src", "fit"];
+const Logo = _ref => {
+  let {
+      href,
+      fallbackSrc,
+      src,
+      fit
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React$1.createElement(Center, _extends({}, rest, {
+    component: "a",
+    display: "flex",
+    href: href
+  }), /*#__PURE__*/React$1.createElement(Image, {
+    fallbackSrc: fallbackSrc,
+    src: src,
+    fit: fit
+  }), /*#__PURE__*/React$1.createElement(Space, {
+    flex: 1,
+    hidden: true
+  }));
+};
+const DynamicLogo = _ref2 => {
+  let {
+      href = "/",
+      src,
+      fit = "contain"
+    } = _ref2,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+    href,
+    src,
+    fit,
+    fallbackSrc: img$1
+  }));
+};
+const DynamicShigaLogo = _ref3 => {
+  let {
+      href = "/",
+      src,
+      fit = "contain"
+    } = _ref3,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React$1.createElement(Logo, _extends({}, rest, {
+    href,
+    src,
+    fit,
+    fallbackSrc: img
+  }));
+};
+
+const _excluded = ["children", "toggle"];
+const ApplicationMenuTarget = _ref => {
+  let {
+      children,
+      toggle
+    } = _ref;
+    _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React$1.createElement(Popover.Target, null, /*#__PURE__*/React$1.createElement(Button, {
+    variant: "transparent",
+    justify: "space-between",
+    h: 60,
+    fw: 300,
+    w: 200,
+    rightSection: /*#__PURE__*/React$1.createElement(Icons, {
+      name: "ArrowDown2",
+      size: 16
+    }),
+    onClick: toggle
+  }, children));
+};
+
+const ApplicationMenuDropdown = _ref => {
+  let {
+    items,
+    moreText,
+    moreLink,
+    toggle
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Dropdown, {
+    ml: "md",
+    p: 5
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 5,
+    p: 0
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 5,
+    align: "flex-start"
+  }, items.map((item, index) => /*#__PURE__*/React.createElement(DropdownItem, _extends({
+    key: "item-".concat(index)
+  }, item)))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Group, {
+    grow: true,
+    justify: "center"
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "subtle",
+    p: 0,
+    component: "a",
+    href: moreLink,
+    onClick: toggle
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "xs",
+    fw: 300,
+    w: 320
+  }, moreText, " \xBB"))))));
+};
+const DropdownItem = _ref2 => {
+  let {
+    active,
+    title,
+    icon,
+    description,
+    activeBg = "gray.1",
+    activeColor = "altiba",
+    inactiveColor = "adiba",
+    onClick
+  } = _ref2;
+  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.createElement(Group, {
+    w: 320
+  }, /*#__PURE__*/React.createElement(Icons, icon), /*#__PURE__*/React.createElement(Stack, {
+    align: "flex-start",
+    gap: 5
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    fw: 300
+  }, title), /*#__PURE__*/React.createElement(Text, {
+    size: "xs",
+    fz: 11,
+    fw: 300
+  }, description)))));
+};
+
+const ApplicationMenu = _ref => {
+  let {
+    transition,
+    label,
+    moreLink,
+    moreText,
+    items
+  } = _ref;
+  const [opened, {
+    toggle
+  }] = useDisclosure(false);
+  return /*#__PURE__*/React$1.createElement(Popover, {
+    transitionProps: {
+      transition
+    },
+    position: "bottom-start",
+    withArrow: true,
+    withinPortal: true,
+    offset: 0,
+    arrowOffset: 20,
+    arrowSize: 10,
+    shadow: "sm",
+    radius: "sm",
+    opened: opened,
+    onChange: toggle
+  }, /*#__PURE__*/React$1.createElement(ApplicationMenuTarget, {
+    toggle
+  }, label), /*#__PURE__*/React$1.createElement(ApplicationMenuDropdown, {
+    items,
+    moreLink,
+    moreText,
+    toggle
+  }));
+};
+
+const UserMenuTarget = _ref => {
+  let {
+    name,
+    username,
+    avatar
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Menu.Target, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "subtle",
+    h: 50,
+    px: 10,
+    radius: "md"
+  }, /*#__PURE__*/React.createElement(Group, {
+    gap: "sm"
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    radius: "xl",
+    src: avatar
+  }), /*#__PURE__*/React.createElement(Stack, {
+    gap: 0,
+    align: "flex-start",
+    visibleFrom: "md"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "sm"
+  }, name), /*#__PURE__*/React.createElement(Text, {
+    c: "dimmed",
+    size: "xs"
+  }, username)), /*#__PURE__*/React.createElement(Icons, {
+    name: "ArrowRight2",
+    size: 12
+  }))));
+};
+
+const UserMenuDropdown = _ref => {
+  let {
+    sections,
+    height = 40
+  } = _ref;
+  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.createElement(Menu.Item, {
+        c: section === null || section === void 0 ? void 0 : section.color,
+        key: "menu-item-".concat(key),
+        h: height,
+        leftSection: /*#__PURE__*/React.createElement(Icons, item.icon),
+        rightSection: item !== null && item !== void 0 && item.disclosure ? /*#__PURE__*/React.createElement(Icons, {
+          name: "ArrowRight2",
+          size: 12
+        }) : 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
+        }, 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.createElement(Text, {
+        size: "xs",
+        fw: 300
+      }, item.label));
+    });
+    if (index) items.push(/*#__PURE__*/React.createElement(Divider, {
+      key: "divider-".concat(index),
+      my: "xs"
+    }));
+    if (section !== null && section !== void 0 && section.title) items.push(/*#__PURE__*/React.createElement(Menu.Label, {
+      key: "label-".concat(index),
+      pt: "xs"
+    }, section.title));
+    items.push(...sectionItems);
+    return items;
+  }));
+};
+
+const UserMenu = _ref => {
+  let {
+    width,
+    height,
+    name,
+    username,
+    avatar,
+    sections
+  } = _ref;
+  return /*#__PURE__*/React$1.createElement(Menu, {
+    width: width || 250,
+    transitionProps: {
+      transition: "pop"
+    },
+    position: "bottom-end",
+    withArrow: true,
+    withinPortal: true,
+    offset: 5,
+    arrowOffset: 20,
+    arrowSize: 10
+  }, /*#__PURE__*/React$1.createElement(UserMenuTarget, {
+    name,
+    username,
+    avatar
+  }), /*#__PURE__*/React$1.createElement(UserMenuDropdown, {
+    sections,
+    height
+  }));
+};
+
 const SideMenu = _ref => {
   let {
     color,
@@ -11389,9 +11670,9 @@ const SideMenu = _ref => {
     sidemenu,
     onClick
   } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sidemenu.map(item => {
+  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, sidemenu.map(item => {
     var _item$children;
-    return /*#__PURE__*/React.createElement(NavLink, {
+    return /*#__PURE__*/React$1.createElement(NavLink, {
       mt: 'xs',
       style: {
         borderRadius: radius
@@ -11401,9 +11682,9 @@ const SideMenu = _ref => {
       color,
       variant,
       onClick,
-      leftSection: item.icon ? /*#__PURE__*/React.createElement(Icons, item.icon) : undefined,
+      leftSection: item.icon ? /*#__PURE__*/React$1.createElement(Icons, item.icon) : undefined,
       label: item.label
-    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React.createElement(NavLink, {
+    }, (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length ? item.children.map(subitem => /*#__PURE__*/React$1.createElement(NavLink, {
       label: subitem.label,
       active: subitem.active,
       color,
@@ -11414,4 +11695,4 @@ const SideMenu = _ref => {
   }));
 };
 
-export { EqualizerColumn, Icons, SideMenu, SimpleColumn, StackedColumn };
+export { ApplicationMenu, DynamicLogo, DynamicShigaLogo, EqualizerColumn, Icons, SideMenu, SimpleColumn, StackedColumn, UserMenu };

package/build/typings/components/general/logos/Logos.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LogoProps } from "./Logos.types";
+export declare const DynamicLogo: React.FC<LogoProps>;
+export declare const DynamicShigaLogo: React.FC<LogoProps>;

package/build/typings/components/general/logos/Logos.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from "@storybook/react";
+import { DynamicLogo } from "./Logos";
+import "@mantine/core/styles.css";
+declare const _default: Meta<typeof DynamicLogo>;
+export default _default;
+export declare const DynamicADIBALogos: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Logos.types").LogoProps>;
+export declare const DynamicShigaLogos: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Logos.types").LogoProps>;
+export declare const DynamicADIBAIdentityLogos: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Logos.types").LogoProps>;

package/build/typings/components/general/logos/Logos.types.d.ts

@@ -0,0 +1,7 @@
+import { CenterProps } from "@mantine/core";
+export interface LogoProps extends CenterProps {
+    href?: string;
+    fallbackSrc: string;
+    src?: string;
+    fit?: "contain" | "cover" | "fill" | "none" | "scale-down";
+}

package/build/typings/components/index.d.ts

@@ -1,3 +1,6 @@
 export { SimpleColumn, EqualizerColumn, StackedColumn } from "./charts/column/Column";
-export { SideMenu } from "./menus/side/Side";
 export { Icons } from "./general/icons/Icons";
+export { DynamicLogo, DynamicShigaLogo } from "./general/logos/Logos";
+export { ApplicationMenu } from "./menus/application/Application";
+export { UserMenu } from "./menus/user/User";
+export { SideMenu } from "./menus/side/Side";

package/build/typings/components/menus/application/Application.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ApplicationMenuProps } from "./Application.types";
+export declare const ApplicationMenu: React.FC<ApplicationMenuProps>;

package/build/typings/components/menus/application/Application.stories.d.ts

@@ -0,0 +1,6 @@
+import { ApplicationMenu } from "./Application";
+import { Meta } from "@storybook/react";
+import '@mantine/core/styles.css';
+declare const _default: Meta<typeof ApplicationMenu>;
+export default _default;
+export declare const ApplicationMenuExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./Application.types").ApplicationMenuProps>;

package/build/typings/components/menus/application/Application.types.d.ts

@@ -0,0 +1,34 @@
+import { PopoverDropdownProps, PopoverProps, PopoverTargetProps } from "@mantine/core";
+import { IconsProps } from "../../general/icons/Icons.types";
+export interface ApplicationMenuProps extends PopoverProps {
+    label: string;
+    transition: "pop" | "fade" | "scale";
+    length: number;
+    items: ApplicationMenuItemProps[];
+    activeBg?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    moreText: string;
+    moreLink: string;
+}
+export interface ApplicationMenuTargetProps extends PopoverTargetProps {
+    toggle: () => void;
+}
+export interface ApplicationMenuDropdownProps extends PopoverDropdownProps {
+    items: ApplicationMenuItemProps[];
+    moreText: string;
+    moreLink: string;
+    toggle: () => void;
+}
+export interface ApplicationMenuItemProps {
+    seq: number;
+    id: string | number;
+    title: string;
+    icon: IconsProps;
+    description: string;
+    active: boolean;
+    activeBg?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    onClick: () => void;
+}

package/build/typings/components/menus/application/ApplicationDropdown.d.ts

@@ -0,0 +1,2 @@
+import { ApplicationMenuDropdownProps } from "./Application.types";
+export declare const ApplicationMenuDropdown: React.FC<ApplicationMenuDropdownProps>;

package/build/typings/components/menus/application/ApplicationTarget.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ApplicationMenuTargetProps } from "./Application.types";
+export declare const ApplicationMenuTarget: React.FC<ApplicationMenuTargetProps>;

package/build/typings/components/menus/side/Side.types.d.ts

@@ -1,9 +1,8 @@
-import { NavLinkVariant } from "@mantine/core";
 import { IconsProps } from "../../general/icons/Icons.types";
 export interface SideMenuProps {
     color: string;
     radius?: number;
-    variant: NavLinkVariant;
+    variant?: "filled" | "light" | "subtle";
     sidemenu: SideMenuItemProps[];
     onClick?: () => void;
 }
@@ -12,6 +11,6 @@ export interface SideMenuItemProps {
     id: string;
     icon?: IconsProps;
     label: string;
-    variant?: NavLinkVariant;
+    variant?: "filled" | "light" | "subtle";
     children?: SideMenuItemProps[];
 }

package/build/typings/components/menus/user/User.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { UsermenuProps } from "./User.types";
+export declare const UserMenu: React.FC<UsermenuProps>;

package/build/typings/components/menus/user/User.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+import { UserMenu } from "./User";
+import '@mantine/core/styles.css';
+declare const _default: Meta<typeof UserMenu>;
+export default _default;
+export declare const UserMenuExample: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./User.types").UsermenuProps>;

package/build/typings/components/menus/user/User.types.d.ts

@@ -0,0 +1,34 @@
+import { IconsProps } from "../../general/icons/Icons.types";
+export interface UsermenuProps {
+    name: string;
+    username: string;
+    avatar?: string;
+    width?: number | undefined;
+    height?: number | undefined;
+    sections: UserMenuSectionProps[];
+}
+interface UserMenuSectionProps {
+    title?: string;
+    color?: string;
+    items: UserMenuItemProps[];
+}
+interface UserMenuItemProps {
+    label: string;
+    icon: IconsProps;
+    callbackFn?: Function;
+    disclosure?: boolean;
+    badge?: {
+        text: string;
+        color: string;
+    };
+}
+export interface UserMenuTargetProps {
+    name: string;
+    username: string;
+    avatar?: string;
+}
+export interface UserMenuDropdownProps {
+    sections: UserMenuSectionProps[];
+    height?: number | undefined;
+}
+export {};

package/build/typings/components/menus/user/UserDropdown.d.ts

@@ -0,0 +1,2 @@
+import { UserMenuDropdownProps } from "./User.types";
+export declare const UserMenuDropdown: React.FC<UserMenuDropdownProps>;

package/build/typings/components/menus/user/UserTarget.d.ts

@@ -0,0 +1,2 @@
+import { UserMenuTargetProps } from "./User.types";
+export declare const UserMenuTarget: React.FC<UserMenuTargetProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adiba-banking-cloud/backoffice",
   "author": "TUROG Technologies",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "An ADIBA component library for backoffice and dashboard applications",
   "license": "ISC",
   "main": "build/index.cjs.js",