@deix/rossini-core 1.0.9 → 2.0.0

package/lib/components/layout/assets/DeixLogo.js

@@ -0,0 +1,15 @@
+import React from 'react';
+const DeixLogo = ({ width = 14, height = 14 }) => {
+    return (React.createElement("svg", { width: width, height: height, version: '1.1', viewBox: '0 0 65.057 65.039' },
+        React.createElement("g", { transform: 'translate(-20.345 -128.17)' },
+            React.createElement("g", { transform: 'translate(149.84 124)', fill: '#c13302', fillRule: 'evenodd' },
+                React.createElement("circle", { cx: '-114.55', cy: '19.115', r: '2.451' }),
+                React.createElement("path", { d: 'm-114.55 4.1682a14.947 14.947 0 0 0-14.947 14.947 14.947 14.947 0 0 0 14.947 14.947 14.947 14.947 0 0 0 8.2698-2.5063l-5.5201-5.5201a7.4498 7.4498 0 0 1-2.7497 0.52917 7.4498 7.4498 0 0 1-7.4502-7.4497 7.4498 7.4498 0 0 1 7.4502-7.4502 7.4498 7.4498 0 0 1 7.4497 7.4502 7.4498 7.4498 0 0 1-0.52916 2.7492l5.5206 5.5206a14.947 14.947 0 0 0 2.5063-8.2698 14.947 14.947 0 0 0-14.947-14.947z' }),
+                React.createElement("circle", { transform: 'scale(-1,1)', cx: '79.388', cy: '19.115', r: '2.451' }),
+                React.createElement("path", { d: 'm-79.388 4.1682a14.947 14.947 0 0 1 14.947 14.947 14.947 14.947 0 0 1-14.947 14.947 14.947 14.947 0 0 1-8.2698-2.5063l5.5201-5.5201a7.4498 7.4498 0 0 0 2.7497 0.52917 7.4498 7.4498 0 0 0 7.4502-7.4497 7.4498 7.4498 0 0 0-7.4502-7.4502 7.4498 7.4498 0 0 0-7.4497 7.4502 7.4498 7.4498 0 0 0 0.52917 2.7492l-5.5206 5.5206a14.947 14.947 0 0 1-2.5063-8.2698 14.947 14.947 0 0 1 14.947-14.947z' }),
+                React.createElement("circle", { transform: 'scale(1,-1)', cx: '-114.55', cy: '-54.26', r: '2.451' }),
+                React.createElement("path", { d: 'm-114.55 69.207a14.947 14.947 0 0 1-14.947-14.947 14.947 14.947 0 0 1 14.947-14.947 14.947 14.947 0 0 1 8.2698 2.5063l-5.5201 5.5201a7.4498 7.4498 0 0 0-2.7497-0.52917 7.4498 7.4498 0 0 0-7.4502 7.4497 7.4498 7.4498 0 0 0 7.4502 7.4502 7.4498 7.4498 0 0 0 7.4497-7.4502 7.4498 7.4498 0 0 0-0.52917-2.7492l5.5206-5.5206a14.947 14.947 0 0 1 2.5063 8.2698 14.947 14.947 0 0 1-14.947 14.947z' }),
+                React.createElement("path", { transform: 'scale(-1)', d: 'm81.839-54.26a2.451 2.451 0 0 1-2.451 2.451 2.451 2.451 0 0 1-2.451-2.451 2.451 2.451 0 0 1 2.451-2.451 2.451 2.451 0 0 1 2.451 2.451z', strokeWidth: '.098039' }),
+                React.createElement("path", { d: 'm-79.388 69.207a14.947 14.947 0 0 0 14.947-14.947 14.947 14.947 0 0 0-14.947-14.947 14.947 14.947 0 0 0-8.2698 2.5063l5.5201 5.5201a7.4498 7.4498 0 0 1 2.7497-0.52917 7.4498 7.4498 0 0 1 7.4502 7.4497 7.4498 7.4498 0 0 1-7.4502 7.4502 7.4498 7.4498 0 0 1-7.4497-7.4502 7.4498 7.4498 0 0 1 0.52917-2.7492l-5.5206-5.5206a14.947 14.947 0 0 0-2.5063 8.2698 14.947 14.947 0 0 0 14.947 14.947z' })))));
+};
+export default DeixLogo;

package/lib/components/layout/assets/ServerDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerDown.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/assets/ServerDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6NnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/layout/assets/ServerDown.js

@@ -0,0 +1,55 @@
+import React from 'react';
+const ServerDown = ({ width = 1120, height = 700 }) => {
+    return (React.createElement("svg", { width: width, height: height, viewBox: '0 0 1119.60911 699' },
+        React.createElement("circle", { cx: '292.60911', cy: '213', r: '213', fill: '#f2f2f2' }),
+        React.createElement("path", { d: 'M31.39089,151.64237c0,77.49789,48.6181,140.20819,108.70073,140.20819', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        React.createElement("path", { d: 'M140.09162,291.85056c0-78.36865,54.255-141.78356,121.30372-141.78356', transform: 'translate(-31.39089 -100.5)', fill: '#c13302' }),
+        React.createElement("path", { d: 'M70.77521,158.66768c0,73.61476,31.00285,133.18288,69.31641,133.18288', transform: 'translate(-31.39089 -100.5)', fill: '#c13302' }),
+        React.createElement("path", { d: 'M140.09162,291.85056c0-100.13772,62.7103-181.16788,140.20819-181.16788', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        React.createElement("path", { d: 'M117.22379,292.83905s15.41555-.47479,20.06141-3.783,23.713-7.2585,24.86553-1.95278,23.16671,26.38821,5.76263,26.5286-40.43935-2.711-45.07627-5.53549S117.22379,292.83905,117.22379,292.83905Z', transform: 'translate(-31.39089 -100.5)', fill: '#a8a8a8' }),
+        React.createElement("path", { d: 'M168.224,311.78489c-17.40408.14042-40.43933-2.71094-45.07626-5.53548-3.53126-2.151-4.93843-9.86945-5.40926-13.43043-.32607.014-.51463.02-.51463.02s.97638,12.43276,5.61331,15.2573,27.67217,5.67589,45.07626,5.53547c5.02386-.04052,6.7592-1.82793,6.66391-4.47526C173.87935,310.756,171.96329,311.75474,168.224,311.78489Z', transform: 'translate(-31.39089 -100.5)', opacity: '0.2' }),
+        React.createElement("ellipse", { cx: '198.60911', cy: '424.5', rx: '187', ry: '25.43993', fill: '#3f3d56' }),
+        React.createElement("ellipse", { cx: '198.60911', cy: '424.5', rx: '157', ry: '21.35866', opacity: '0.1' }),
+        React.createElement("ellipse", { cx: '836.60911', cy: '660.5', rx: '283', ry: '38.5', fill: '#3f3d56' }),
+        React.createElement("ellipse", { cx: '310.60911', cy: '645.5', rx: '170', ry: '23.12721', fill: '#3f3d56' }),
+        React.createElement("path", { d: 'M494,726.5c90,23,263-30,282-90', transform: 'translate(-31.39089 -100.5)', fill: 'none', stroke: '#2f2e41', strokeMiterlimit: '10', strokeWidth: '2' }),
+        React.createElement("path", { d: 'M341,359.5s130-36,138,80-107,149-17,172', transform: 'translate(-31.39089 -100.5)', fill: 'none', stroke: '#2f2e41', strokeMiterlimit: '10', strokeWidth: '2' }),
+        React.createElement("path", { d: 'M215.40233,637.78332s39.0723-10.82,41.47675,24.04449-32.15951,44.78287-5.10946,51.69566', transform: 'translate(-31.39089 -100.5)', fill: 'none', stroke: '#2f2e41', strokeMiterlimit: '10', strokeWidth: '2' }),
+        React.createElement("path", { d: 'M810.09554,663.73988,802.218,714.03505s-38.78182,20.60284-11.51335,21.20881,155.73324,0,155.73324,0,24.84461,0-14.54318-21.81478l-7.87756-52.719Z', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        React.createElement("path", { d: 'M785.21906,734.69812c6.193-5.51039,16.9989-11.252,16.9989-11.252l7.87756-50.2952,113.9216.10717,7.87756,49.582c9.185,5.08711,14.8749,8.987,18.20362,11.97818,5.05882-1.15422,10.58716-5.44353-18.20362-21.38921l-7.87756-52.719-113.9216,3.02983L802.218,714.03506S769.62985,731.34968,785.21906,734.69812Z', transform: 'translate(-31.39089 -100.5)', opacity: '0.1' }),
+        React.createElement("rect", { x: '578.43291', y: '212.68859', width: '513.25314', height: '357.51989', rx: '18.04568', fill: '#2f2e41' }),
+        React.createElement("rect", { x: '595.70294', y: '231.77652', width: '478.71308', height: '267.83694', fill: '#3f3d56' }),
+        React.createElement("circle", { cx: '835.05948', cy: '223.29299', r: '3.02983', fill: '#f2f2f2' }),
+        React.createElement("path", { d: 'M1123.07694,621.32226V652.6628a18.04341,18.04341,0,0,1-18.04568,18.04568H627.86949A18.04341,18.04341,0,0,1,609.8238,652.6628V621.32226Z', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        React.createElement("polygon", { points: '968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 651.452 645.651 962.312 645.651 968.978 667.466', fill: '#2f2e41' }),
+        React.createElement("path", { d: 'M1125.828,762.03359c-.59383,2.539-2.83591,5.21743-7.90178,7.75032-18.179,9.08949-55.1429-2.42386-55.1429-2.42386s-28.4804-4.84773-28.4804-17.573a22.72457,22.72457,0,0,1,2.49658-1.48459c7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z', transform: 'translate(-31.39089 -100.5)', fill: '#2f2e41' }),
+        React.createElement("path", { d: 'M1125.828,762.03359c-22.251,8.526-42.0843,9.1622-62.43871-4.975-10.26507-7.12617-19.59089-8.88955-26.58979-8.75618,7.64294-4.04351,32.98449-14.02122,77.9177.42248a18.73921,18.73921,0,0,1,8.54106,5.59715C1125.07908,756.45353,1126.50669,759.15715,1125.828,762.03359Z', transform: 'translate(-31.39089 -100.5)', opacity: '0.1' }),
+        React.createElement("ellipse", { cx: '1066.53846', cy: '654.13477', rx: '7.87756', ry: '2.42386', fill: '#f2f2f2' }),
+        React.createElement("circle", { cx: '835.05948', cy: '545.66686', r: '11.51335', fill: '#f2f2f2' }),
+        React.createElement("polygon", { points: '968.978 667.466 968.978 673.526 642.968 673.526 642.968 668.678 643.417 667.466 968.978 667.466', opacity: '0.1' }),
+        React.createElement("rect", { x: '108.60911', y: '159', width: '208', height: '242', fill: '#2f2e41' }),
+        React.createElement("rect", { x: '87.60911', y: '135', width: '250', height: '86', fill: '#3f3d56' }),
+        React.createElement("rect", { x: '87.60911', y: '237', width: '250', height: '86', fill: '#3f3d56' }),
+        React.createElement("rect", { x: '87.60911', y: '339', width: '250', height: '86', fill: '#3f3d56' }),
+        React.createElement("rect", { x: '271.60911', y: '150', width: '16', height: '16', fill: '#c13302', opacity: '0.4' }),
+        React.createElement("rect", { x: '294.60911', y: '150', width: '16', height: '16', fill: '#c13302', opacity: '0.8' }),
+        React.createElement("rect", { x: '317.60911', y: '150', width: '16', height: '16', fill: '#c13302' }),
+        React.createElement("rect", { x: '271.60911', y: '251', width: '16', height: '16', fill: '#c13302', opacity: '0.4' }),
+        React.createElement("rect", { x: '294.60911', y: '251', width: '16', height: '16', fill: '#c13302', opacity: '0.8' }),
+        React.createElement("rect", { x: '317.60911', y: '251', width: '16', height: '16', fill: '#c13302' }),
+        React.createElement("rect", { x: '271.60911', y: '352', width: '16', height: '16', fill: '#c13302', opacity: '0.4' }),
+        React.createElement("rect", { x: '294.60911', y: '352', width: '16', height: '16', fill: '#c13302', opacity: '0.8' }),
+        React.createElement("rect", { x: '317.60911', y: '352', width: '16', height: '16', fill: '#c13302' }),
+        React.createElement("circle", { cx: '316.60911', cy: '538', r: '79', fill: '#2f2e41' }),
+        React.createElement("rect", { x: '280.60911', y: '600', width: '24', height: '43', fill: '#2f2e41' }),
+        React.createElement("rect", { x: '328.60911', y: '600', width: '24', height: '43', fill: '#2f2e41' }),
+        React.createElement("ellipse", { cx: '300.60911', cy: '643.5', rx: '20', ry: '7.5', fill: '#2f2e41' }),
+        React.createElement("ellipse", { cx: '348.60911', cy: '642.5', rx: '20', ry: '7.5', fill: '#2f2e41' }),
+        React.createElement("circle", { cx: '318.60911', cy: '518', r: '27', fill: '#fff' }),
+        React.createElement("circle", { cx: '318.60911', cy: '518', r: '9', fill: '#3f3d56' }),
+        React.createElement("path", { d: 'M271.36733,565.03228c-6.37889-28.56758,14.01185-57.43392,45.544-64.47477s62.2651,10.41,68.644,38.9776-14.51861,39.10379-46.05075,46.14464S277.74622,593.59986,271.36733,565.03228Z', transform: 'translate(-31.39089 -100.5)', fill: '#c13302' }),
+        React.createElement("ellipse", { cx: '417.21511', cy: '611.34365', rx: '39.5', ry: '12.40027', transform: 'translate(-238.28665 112.98044) rotate(-23.17116)', fill: '#2f2e41' }),
+        React.createElement("ellipse", { cx: '269.21511', cy: '664.34365', rx: '39.5', ry: '12.40027', transform: 'translate(-271.07969 59.02084) rotate(-23.17116)', fill: '#2f2e41' }),
+        React.createElement("path", { d: 'M394,661.5c0,7.732-19.90861,23-42,23s-43-14.268-43-22,20.90861-6,43-6S394,653.768,394,661.5Z', transform: 'translate(-31.39089 -100.5)', fill: '#fff' })));
+};
+export default ServerDown;

package/lib/components/layout/components/AppLogo/AppLogo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLogo.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/AppLogo/AppLogo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK/C,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;CAChC;AACD,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;CACf;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkCnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/layout/components/AppLogo/AppLogo.js

@@ -0,0 +1,25 @@
+'use client';
+import React from 'react';
+import Image from 'next/image';
+import { Typography } from '@mui/material';
+import { useTheme } from '@mui/material';
+const AppLogo = ({ name = '', open, logoSource }) => {
+    const muiTheme = useTheme();
+    return (React.createElement("div", { style: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            alignItems: 'center',
+            justifyContent: 'center',
+            marginBottom: 4,
+        } },
+        logoSource && (React.createElement(Image, { src: logoSource, alt: 'logo', width: 36, height: 36 })),
+        open && (React.createElement(React.Fragment, null,
+            React.createElement(Typography, { variant: 'h4', sx: {
+                    background: muiTheme.palette.gradient.main,
+                    backgroundClip: 'text',
+                    WebkitBackgroundClip: 'text',
+                    WebkitTextFillColor: 'transparent',
+                    marginLeft: '8px',
+                } }, name)))));
+};
+export default AppLogo;

package/lib/components/layout/components/Footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Footer/Footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQzC,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6EjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/layout/components/Footer/Footer.js

@@ -0,0 +1,59 @@
+'use client';
+import React from 'react';
+import { Box, Typography, useTheme } from '@mui/material';
+import { useQuery } from '@tanstack/react-query';
+import { useAPI } from '../../../../utils/index';
+import DeixLogo from '../../assets/DeixLogo';
+const Footer = ({ logo = React.createElement(DeixLogo, null), text = 'Deix Srl', textURL = 'https://deixsrl.com', uiInfo = { name: '', version: '' }, apiURL, children, }) => {
+    const muiTheme = useTheme();
+    // Get App Info (name and version)
+    // Get API info (name and version) from backend
+    const apiClient = useAPI(apiURL);
+    const getAPIInfo = async () => {
+        if (apiClient) {
+            const { data } = await apiClient.get('info');
+            return data;
+        }
+    };
+    const { data: apiInfo } = useQuery({
+        queryKey: ['api-info'],
+        queryFn: getAPIInfo,
+        staleTime: Infinity,
+    });
+    return (React.createElement("footer", { style: { marginTop: 'auto' } },
+        React.createElement(Box, { sx: {
+                display: 'flex',
+                flexDirection: 'column',
+                background: muiTheme.palette.background.default,
+                width: '100%',
+            } },
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        flexWrap: 'wrap',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        width: '100%',
+                        textAlign: 'center',
+                        paddingBottom: 1,
+                    } },
+                    logo && logo,
+                    React.createElement(Typography, { variant: 'caption', style: {
+                            alignSelf: 'center',
+                            color: muiTheme.palette.text.secondary,
+                            marginLeft: '5px',
+                        } },
+                        React.createElement("a", { href: textURL, target: '_blank', rel: 'noreferrer', style: {
+                                textDecoration: 'none',
+                                color: muiTheme.palette.text.secondary,
+                            } }, text),
+                        ' ',
+                        "| ",
+                        uiInfo.name,
+                        " ",
+                        uiInfo.version,
+                        ' ',
+                        apiInfo ? `(${apiInfo.name} ${apiInfo.version})` : '')),
+                children))));
+};
+export default Footer;

package/lib/components/layout/components/Sidebar/Sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAsBtD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAEL,MAAM,EACN,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B;AACD,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiYnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/layout/components/Sidebar/Sidebar.js

@@ -0,0 +1,237 @@
+'use client';
+import React, { useState } from 'react';
+import ArrowRightOutlinedIcon from '@mui/icons-material/ArrowRightOutlined';
+import ExpandLessIcon from '@mui/icons-material/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { Box, Collapse, Drawer, IconButton, List, ListItemButton, ListItemIcon, ListItemText, Menu, MenuItem, Tooltip, Typography, alpha, } from '@mui/material';
+import { useTheme as useMUITheme } from '@mui/material';
+import { Link } from '../../../i18n';
+import { isStringTranslation, } from '../../../../types/languages';
+import { useLocale, usePathname, usePersistedState } from '../../../../utils';
+const Sidebar = ({ links, open, isMobile, logo, onClose, }) => {
+    const muiTheme = useMUITheme();
+    const pathname = usePathname();
+    const locale = useLocale();
+    const selectedTextColor = muiTheme.palette.sidebar.contrastText;
+    const unselectedTextColor = alpha(selectedTextColor, 0.9);
+    const borderRadius = '8px';
+    // Handle default item icon and change color according to selection
+    const linkIcon = (link, selected) => {
+        const color = selected ? selectedTextColor : unselectedTextColor;
+        return (React.createElement(ListItemIcon, { color: color }, link.sidebarIcon ? (link.sidebarIcon(color)) : (React.createElement(ArrowRightOutlinedIcon, { htmlColor: color }))));
+    };
+    // Persist which items of the sidebar are open to avoid resetting on page change
+    const [sidebarItemOpen, setSidebarItemOpen] = usePersistedState('sidebarItemOpen', {});
+    const handleOpenSidebarItem = (item) => {
+        const oldOpenState = { ...sidebarItemOpen };
+        oldOpenState[item] =
+            oldOpenState[item] === undefined ? true : !oldOpenState[item];
+        setSidebarItemOpen(oldOpenState);
+    };
+    const [subPagesMenuAnchorEl, setSubPagesMenuAnchorEl] = useState({});
+    const handleOpenSidebarMenu = (sidebarItemId, event) => {
+        setSubPagesMenuAnchorEl({
+            ...subPagesMenuAnchorEl,
+            [sidebarItemId]: event.currentTarget,
+        });
+    };
+    const handleCloseSidebarMenu = (sidebarItemId) => {
+        setSubPagesMenuAnchorEl({
+            ...subPagesMenuAnchorEl,
+            [sidebarItemId]: null,
+        });
+    };
+    // Don't show anything until localStorage has been read
+    if (sidebarItemOpen == undefined) {
+        return null;
+    }
+    // Function to generate sidebar items. To be called recursively
+    const handler = (links, options) => {
+        if (open) {
+            // Render all items with their labels
+            return links
+                .sort((a, b) => {
+                if (a.sidebarOrder === undefined || b.sidebarOrder === undefined) {
+                    return 1;
+                }
+                else {
+                    return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
+                }
+            })
+                .map((link) => {
+                const selected = pathname.startsWith(`${link.path}`);
+                if (!link.subPages) {
+                    // Open menu, no subPages
+                    return (React.createElement(Link, { key: link.id, href: { pathname: link.path } },
+                        React.createElement(ListItemButton, { selected: selected, onClick: () => {
+                                if (isMobile) {
+                                    onClose();
+                                }
+                            }, sx: {
+                                paddingLeft: options.level === 1 ? 4 : 3,
+                                paddingTop: options.level === 1 ? 0 : 1,
+                                paddingBottom: options.level === 1 ? 0 : 1,
+                                borderTopRightRadius: borderRadius,
+                                borderBottomRightRadius: borderRadius,
+                                marginRight: 1,
+                                borderLeft: `5px solid ${selected ? muiTheme.palette.primary.main : 'transparent'}`,
+                            } },
+                            linkIcon(link, selected),
+                            React.createElement(ListItemText, { sx: {
+                                    color: selected
+                                        ? `${selectedTextColor} !important`
+                                        : `${unselectedTextColor} !important`,
+                                    marginLeft: -3,
+                                    visibility: 'visible',
+                                }, disableTypography: true, primary: React.createElement(Typography, { variant: link.labelVariant || 'body1', sx: {
+                                        fontWeight: 'bold',
+                                        lineHeight: 1,
+                                        color: selected
+                                            ? selectedTextColor
+                                            : unselectedTextColor,
+                                    } }, isStringTranslation(link.label)
+                                    ? link.label[locale]
+                                    : link.label) }))));
+                }
+                // open menu, with subPages
+                return (React.createElement("div", { key: link.id },
+                    React.createElement(Link, { href: { pathname: link.path } },
+                        React.createElement(ListItemButton, { key: link.id, selected: selected, sx: {
+                                paddingLeft: 3,
+                                paddingTop: 1,
+                                paddingBottom: 1,
+                                borderTopRightRadius: borderRadius,
+                                borderBottomRightRadius: borderRadius,
+                                marginRight: 1,
+                                borderLeft: `5px solid ${selected ? muiTheme.palette.primary.main : 'transparent'}`,
+                            }, onClick: (_evt) => {
+                                if (!sidebarItemOpen[link.id]) {
+                                    handleOpenSidebarItem(link.id);
+                                }
+                            } },
+                            linkIcon(link, selected),
+                            React.createElement(ListItemText, { sx: {
+                                    color: selected
+                                        ? `${selectedTextColor} !important`
+                                        : `${unselectedTextColor} !important`,
+                                    marginLeft: -3,
+                                    visibility: 'visible',
+                                }, disableTypography: true, primary: React.createElement(Typography, { variant: link.labelVariant || 'body1', sx: {
+                                        fontWeight: 'bold',
+                                        lineHeight: 1,
+                                        color: selected
+                                            ? selectedTextColor
+                                            : unselectedTextColor,
+                                    } }, isStringTranslation(link.label)
+                                    ? link.label[locale]
+                                    : link.label) }),
+                            sidebarItemOpen[link.id] ? (React.createElement(IconButton, { sx: { padding: 0 }, onClick: (e) => {
+                                    e.stopPropagation();
+                                    handleOpenSidebarItem(link.id);
+                                } },
+                                React.createElement(ExpandLessIcon, null))) : (React.createElement(IconButton, { sx: { padding: 0 }, onClick: (e) => {
+                                    e.stopPropagation();
+                                    handleOpenSidebarItem(link.id);
+                                } },
+                                React.createElement(ExpandMoreIcon, { htmlColor: selected ? selectedTextColor : unselectedTextColor }))))),
+                    React.createElement(Collapse, { in: sidebarItemOpen[link.id], timeout: 'auto', unmountOnExit: true }, handler(link.subPages, { level: 1 }))));
+            });
+        }
+        else {
+            // Return only level 0 items and show level 1 items in a menu
+            return links
+                .sort((a, b) => {
+                if (a.sidebarOrder === undefined || b.sidebarOrder === undefined) {
+                    return 1;
+                }
+                else {
+                    return a.sidebarOrder > b.sidebarOrder ? 1 : -1;
+                }
+            })
+                .map((link) => {
+                const selected = pathname.startsWith(link.path);
+                if (link.subPages) {
+                    // Closed menu, with subPages
+                    return (React.createElement("div", { key: link.id },
+                        React.createElement(ListItemButton, { selected: selected, sx: {
+                                paddingLeft: 3,
+                                paddingTop: 1,
+                                paddingBottom: 1,
+                                borderTopRightRadius: borderRadius,
+                                borderBottomRightRadius: borderRadius,
+                                marginRight: 1,
+                                borderLeft: `5px solid ${selected ? muiTheme.palette.primary.main : 'transparent'}`,
+                            }, onClick: (evt) => handleOpenSidebarMenu(link.id, evt) },
+                            React.createElement(Tooltip, { title: isStringTranslation(link.label)
+                                    ? link.label[locale]
+                                    : link.label, placement: 'right', enterDelay: 600, enterNextDelay: 600, arrow: true }, linkIcon(link, selected))),
+                        React.createElement(Menu, { id: `${link.id}-subpages-menu`, anchorEl: subPagesMenuAnchorEl[link.id], open: Boolean(subPagesMenuAnchorEl[link.id]), onClose: (_evt) => handleCloseSidebarMenu(link.id), anchorOrigin: {
+                                vertical: 'top',
+                                horizontal: 'right',
+                            }, transformOrigin: {
+                                vertical: 'top',
+                                horizontal: 'left',
+                            }, slotProps: {
+                                paper: {
+                                    sx: {
+                                        borderRadius: '2px',
+                                        padding: '2px',
+                                        overflow: 'visible',
+                                    },
+                                },
+                            } }, link.subPages.map((subPage) => (React.createElement(Link, { key: subPage.id, href: { pathname: subPage.path } },
+                            React.createElement(MenuItem, { onClick: (_evt) => handleCloseSidebarMenu(link.id) },
+                                linkIcon(subPage, selected),
+                                React.createElement(ListItemText, { sx: {
+                                        color: selected
+                                            ? `${selectedTextColor} !important`
+                                            : `${unselectedTextColor} !important`,
+                                    } }, isStringTranslation(subPage.label)
+                                    ? subPage.label[locale]
+                                    : subPage.label))))))));
+                }
+                else {
+                    // Closed menu, no subPages
+                    return (React.createElement(Link, { key: link.id, href: { pathname: link.path } },
+                        React.createElement(ListItemButton, { selected: selected, sx: {
+                                paddingLeft: 3,
+                                paddingTop: 1,
+                                paddingBottom: 1,
+                                borderTopRightRadius: borderRadius,
+                                borderBottomRightRadius: borderRadius,
+                                marginRight: 1,
+                                borderLeft: `5px solid ${selected ? muiTheme.palette.primary.main : 'transparent'}`,
+                            } },
+                            React.createElement(Tooltip, { title: isStringTranslation(link.label)
+                                    ? link.label[locale]
+                                    : link.label, placement: 'right', enterDelay: 600, enterNextDelay: 600, arrow: true }, linkIcon(link, selected)))));
+                }
+            });
+        }
+    };
+    return (React.createElement(Drawer, { anchor: 'left', onClose: onClose, open: open, variant: isMobile ? 'temporary' : 'permanent', sx: {
+            flexShrink: 0,
+            whiteSpace: 'nowrap',
+            width: {
+                xs: open ? '65%' : `${parseInt(muiTheme.spacing(10), 10)}px`,
+                sm: open ? '50%' : `${parseInt(muiTheme.spacing(10), 10)}px`,
+                md: open ? '300px' : `${parseInt(muiTheme.spacing(10), 10)}px`,
+            },
+            transition: 'width 1s',
+        }, PaperProps: {
+            sx: {
+                width: {
+                    xs: open ? '65%' : `${parseInt(muiTheme.spacing(10), 10)}px`,
+                    sm: open ? '50%' : `${parseInt(muiTheme.spacing(10), 10)}px`,
+                    md: open ? '300px' : `${parseInt(muiTheme.spacing(10), 10)}px`,
+                },
+                overflow: 'hidden',
+                background: muiTheme.palette.sidebar.main,
+                transition: 'width 1s',
+            },
+        } },
+        React.createElement(List, { sx: { marginTop: '19px' } }, handler(links, { level: 0 })),
+        React.createElement(Box, { sx: { flexGrow: 1 } }),
+        logo));
+};
+export default Sidebar;

package/lib/components/layout/components/Topbar/ElevationScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElevationScroll.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Topbar/ElevationScroll.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,YAAY,EAAE,MAAM,OAAO,CAAC;AAInD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,eAAe,iBAAkB,oBAAoB,2EAS1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/layout/components/Topbar/ElevationScroll.js

@@ -0,0 +1,13 @@
+'use client';
+import { cloneElement } from 'react';
+import useScrollTrigger from '@mui/material/useScrollTrigger';
+const ElevationScroll = ({ children }) => {
+    const trigger = useScrollTrigger({
+        disableHysteresis: true,
+        threshold: 0,
+    });
+    return cloneElement(children, {
+        elevation: trigger ? 2 : 0,
+    });
+};
+export default ElevationScroll;

package/lib/components/layout/components/Topbar/Topbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Topbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Topbar/Topbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAU,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIrE,UAAU,WAAW;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6EjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/layout/components/Topbar/Topbar.js

@@ -0,0 +1,38 @@
+'use client';
+import React, { useContext } from 'react';
+import MenuOpenTwoToneIcon from '@mui/icons-material/MenuOpenTwoTone';
+import MenuTwoToneIcon from '@mui/icons-material/MenuTwoTone';
+import ModeNightIcon from '@mui/icons-material/ModeNight';
+import { AppBar, Box, IconButton, Toolbar, Tooltip, useTheme as useMUITheme, } from '@mui/material';
+import { LanguageSelect } from '../../../buttons/index';
+import { Avatar } from '../../../buttons/Avatar/Avatar';
+import ElevationScroll from './ElevationScroll';
+import t from './translations.json';
+import { ThemeModeContext } from '../../../provider/ThemeProvider';
+const Topbar = (props) => {
+    const { hasSidebar = false, onSidebarClose, onSidebarOpen, open, locale, languages, avatar, } = props;
+    const { themeMode, setThemeMode } = useContext(ThemeModeContext);
+    const muiTheme = useMUITheme();
+    const SidebarIcon = open ? (React.createElement(MenuOpenTwoToneIcon, { htmlColor: muiTheme.palette.topbar.contrastText })) : (React.createElement(MenuTwoToneIcon, { htmlColor: muiTheme.palette.topbar.contrastText }));
+    const menuMessage = open ? t['menuClose'][locale] : t['menuOpen'][locale];
+    return (React.createElement(Box, { sx: { display: 'flex', flexDirection: 'row', width: '100%' } },
+        React.createElement(Box, { sx: { width: '100%' } },
+            React.createElement(ElevationScroll, { ...props },
+                React.createElement(AppBar, { position: 'sticky', sx: {
+                        boxSizing: 'border-box',
+                        background: muiTheme.palette.topbar.main,
+                        color: muiTheme.palette.topbar.contrastText,
+                    }, enableColorOnDark: true },
+                    React.createElement(Toolbar, null,
+                        hasSidebar && (React.createElement(Tooltip, { title: menuMessage, arrow: true },
+                            React.createElement(IconButton, { color: 'inherit', "aria-label": 'open drawer', onClick: () => (open ? onSidebarClose() : onSidebarOpen()), edge: 'start' }, SidebarIcon))),
+                        React.createElement("div", { style: { flexGrow: 1 } }),
+                        React.createElement(LanguageSelect, { locale: locale, languages: languages }),
+                        React.createElement(Avatar, { ...avatar }),
+                        React.createElement(Tooltip, { title: themeMode === 'light'
+                                ? t['enableDark'][locale]
+                                : t['disableDark'][locale] },
+                            React.createElement(IconButton, { component: 'span', "aria-label": 'toggle dark mode', onClick: () => setThemeMode(themeMode === 'light' ? 'dark' : 'light') },
+                                React.createElement(ModeNightIcon, { htmlColor: muiTheme.palette.topbar.contrastText })))))))));
+};
+export default Topbar;

package/lib/{src/components → components}/layout/components/Topbar/translations.json

@@ -2,24 +2,28 @@
     "menuOpen": {
         "de": "Menü öffnen",
         "en": "Open menu",
+        "es": "Abre el menu",
         "fr": "Ouvrir le menu",
         "it": "Apri menu"
     },
     "menuClose": {
         "de": "Menü schließen",
         "en": "Close menu",
+        "es": "Cierra el menu",
         "fr": "Fermer le menu",
         "it": "Chiudi menu"
     },
     "enableDark": {
         "de": "Dark-Mode aktivieren",
         "en": "Enable dark mode",
+        "es": "Activa el modo oscuro",
         "fr": "Activer le mode sombre",
         "it": "Attiva modalità scura"
     },
     "disableDark": {
         "de": "Dark-Mode deaktivieren",
         "en": "Disable dark mode",
+        "es": "Desactiva el modo oscuro",
         "fr": "Désactiver le mode sombre",
         "it": "Disattiva modalità scura"
     }

package/lib/components/layout/components/Topline/TopLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopLine.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/Topline/TopLine.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAa5C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/components/layout/components/Topline/TopLine.js

@@ -0,0 +1,14 @@
+'use client';
+import React from 'react';
+import { useTheme } from '@mui/material';
+const TopLine = () => {
+    const theme = useTheme();
+    return (React.createElement("div", { style: {
+            height: '3px',
+            width: '100%',
+            zIndex: 9999,
+            position: 'fixed',
+            background: theme.palette.gradient.main,
+        } }));
+};
+export default TopLine;

package/lib/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/lib/components/layout/index.js

@@ -0,0 +1,2 @@
+export { default as MinimalLayout } from './MinimalLayout/MinimalLayout';
+export { default as StandardLayout } from './StandardLayout/StandardLayout';

package/lib/components/progress/CircularLoading/CircularLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularLoading.d.ts","sourceRoot":"","sources":["../../../../src/components/progress/CircularLoading/CircularLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAuB,MAAM,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEhF,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACpC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/progress/CircularLoading/CircularLoading.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box, CircularProgress, Typography } from '@mui/material';
+import t from './translations.json';
+import { isStringTranslation } from '../../../types';
+const CircularLoading = ({ locale = 'en', label = t['loading'], }) => {
+    const labelString = isStringTranslation(label)
+        ? label[locale]
+        : label;
+    return (React.createElement(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100%',
+        } },
+        React.createElement(CircularProgress, null),
+        React.createElement(Typography, { variant: 'body1' }, labelString)));
+};
+export default CircularLoading;

package/lib/components/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAC/E,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/components/progress/index.js

@@ -0,0 +1 @@
+export { default as CircularLoading } from './CircularLoading/CircularLoading';

package/lib/{src/utils → components}/provider/PageProvider.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import { EmotionCache } from '@emotion/react';
 import { PaletteOptions } from '@mui/material';
-interface PageProviderProps {
-    emotionCache?: EmotionCache;
+export interface PageProviderProps {
     children: React.ReactNode;
     lightPalette?: PaletteOptions;
     darkPalette?: PaletteOptions;

package/lib/components/provider/PageProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageProvider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/PageProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAU7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/provider/PageProvider.js

@@ -0,0 +1,9 @@
+'use client';
+import React from 'react';
+import ThemeProvider from './ThemeProvider';
+import { SnackbarProvider } from 'notistack';
+const PageProvider = ({ children, lightPalette, darkPalette, }) => {
+    return (React.createElement(ThemeProvider, { lightPalette: lightPalette, darkPalette: darkPalette },
+        React.createElement(SnackbarProvider, { maxSnack: 3 }, children)));
+};
+export default PageProvider;

package/lib/components/provider/ThemeProvider.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PaletteOptions } from '@mui/material/styles';
+import { AllowedTheme } from '../../utils/theme/palette';
+export declare const ThemeModeContext: React.Context<{
+    themeMode: AllowedTheme;
+    setThemeMode: (_: AllowedTheme) => void;
+}>;
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    lightPalette?: PaletteOptions;
+    darkPalette?: PaletteOptions;
+}
+declare const ThemeProvider: ({ children, lightPalette, darkPalette, }: ThemeProviderProps) => React.JSX.Element;
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/components/provider/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/provider/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAGlE,OAAO,EACL,cAAc,EAEf,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,YAAY,EAAiB,MAAM,2BAA2B,CAAC;AAKxE,eAAO,MAAM,gBAAgB;;sBAET,YAAY;EAC9B,CAAC;AAEH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,6CAIhB,kBAAkB,sBAyCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}