@astral/ui 1.16.3 → 1.18.0

package/esm/ListItem/styles.js

@@ -1,30 +1,13 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { ListItem } from '@mui/material';
 import { styled } from '../styles';
 import { ListItemStates } from './constants';
-export var getBgColor = function (_a) {
-    var selected = _a.selected, theme = _a.theme;
+export const getBgColor = ({ selected, theme, }) => {
     if (selected) {
         return theme.palette.grey[100];
     }
     return 'transparent';
 };
-export var getColor = function (_a) {
-    var theme = _a.theme, selected = _a.selected, listItemState = _a.listItemState;
+export const getColor = ({ theme, selected, listItemState, }) => {
     if (selected) {
         return theme.palette.primary[800];
     }
@@ -36,14 +19,18 @@ export var getColor = function (_a) {
     }
     return theme.palette.grey[900];
 };
-export var StyledListItem = styled(ListItem, {
-    shouldForwardProp: function (prop) { return prop !== 'selected'; },
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n\n  background-color: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n\n  user-select: none;\n\n  :hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n\n  background-color: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n\n  user-select: none;\n\n  :hover {\n    color: ", ";\n  }\n"])), function (props) {
-    return getColor(__assign(__assign({}, props), { listItemState: ListItemStates.DEFAULT }));
-}, function (props) { return getBgColor(__assign({}, props)); }, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.small;
-}, function (props) {
-    return getColor(__assign(__assign({}, props), { listItemState: ListItemStates.HOVER }));
-});
-var templateObject_1;
+export const StyledListItem = styled(ListItem, {
+    shouldForwardProp: (prop) => prop !== 'selected',
+}) `
+  color: ${(props) => getColor(Object.assign(Object.assign({}, props), { listItemState: ListItemStates.DEFAULT }))};
+
+  background-color: ${(props) => getBgColor(Object.assign({}, props))};
+  border-radius: ${({ theme }) => theme.shape.small};
+  cursor: pointer;
+
+  user-select: none;
+
+  :hover {
+    color: ${(props) => getColor(Object.assign(Object.assign({}, props), { listItemState: ListItemStates.HOVER }))};
+  }
+`;

package/esm/ListItemButton/ListItemButton.js

@@ -1,17 +1,6 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { ListItemButton as MuiListItemButton } from '@mui/material';
-export var ListItemButton = forwardRef(function (props, ref) {
-    return (_jsx(MuiListItemButton, __assign({ ref: ref, component: "div" }, props, { disableRipple: true })));
+export const ListItemButton = forwardRef((props, ref) => {
+    return (_jsx(MuiListItemButton, Object.assign({ ref: ref, component: "div" }, props, { disableRipple: true })));
 });

package/esm/ListItemIcon/ListItemIcon.js

@@ -1,17 +1,6 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { StyledListItemIcon } from './styled';
-export var ListItemIcon = forwardRef(function (props, ref) {
-    return _jsx(StyledListItemIcon, __assign({ ref: ref }, props));
+export const ListItemIcon = forwardRef((props, ref) => {
+    return _jsx(StyledListItemIcon, Object.assign({ ref: ref }, props));
 });

package/esm/ListItemIcon/styled.js

@@ -1,11 +1,5 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { ListItemIcon } from '@mui/material';
 import { styled } from '../styles';
-export var StyledListItemIcon = styled(ListItemIcon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[900];
-});
-var templateObject_1;
+export const StyledListItemIcon = styled(ListItemIcon) `
+  color: ${({ theme }) => theme.palette.grey[900]};
+`;

package/esm/ListItemText/ListItemText.js

@@ -1,16 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import MuiListItemText from '@mui/material/ListItemText';
-export var ListItemText = function (props) {
-    return _jsx(MuiListItemText, __assign({}, props));
+export const ListItemText = (props) => {
+    return _jsx(MuiListItemText, Object.assign({}, props));
 };

package/esm/LocalizationProvider/LocalizationProvider.js

@@ -1,20 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import AdapterDateFns from '@mui/lab/AdapterDateFns';
 import { LocalizationProvider as MuiLocalizationProvider } from '@mui/lab';
 import { ru } from 'date-fns/locale';
-export var LocalizationProvider = function (_a) {
-    var children = _a.children, _b = _a.locale, locale = _b === void 0 ? ru : _b;
-    return (_jsx(MuiLocalizationProvider, __assign({ dateAdapter: AdapterDateFns, locale: locale }, { children: children })));
+export const LocalizationProvider = ({ children, locale = ru, }) => {
+    return (_jsx(MuiLocalizationProvider, Object.assign({ dateAdapter: AdapterDateFns, locale: locale }, { children: children })));
 };
 export default LocalizationProvider;

package/esm/MaskField/MaskField.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -23,19 +12,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IMaskMixin } from 'react-imask';
 import { TextField } from '../TextField';
-var MaskedTextField = IMaskMixin(function (_a) {
-    var inputRef = _a.inputRef, onChange = _a.onChange, props = __rest(_a, ["inputRef", "onChange"]);
-    var textFieldProps = props;
-    return _jsx(TextField, __assign({ inputRef: inputRef }, textFieldProps));
+const MaskedTextField = IMaskMixin((_a) => {
+    var { inputRef, onChange } = _a, props = __rest(_a, ["inputRef", "onChange"]);
+    const textFieldProps = props;
+    return _jsx(TextField, Object.assign({ inputRef: inputRef }, textFieldProps));
 });
-export var MaskField = function (_a) {
-    var onChange = _a.onChange, onAccept = _a.onAccept, props = __rest(_a, ["onChange", "onAccept"]);
-    var maskFieldProps = props;
-    var handleMaskFieldAccept = function (value, maskRef, e) {
+export const MaskField = (_a) => {
+    var { onChange, onAccept } = _a, props = __rest(_a, ["onChange", "onAccept"]);
+    const maskFieldProps = props;
+    const handleMaskFieldAccept = (value, maskRef, e) => {
         if (onAccept) {
             return onAccept(value, maskRef, e, onChange);
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
     };
-    return (_jsx(MaskedTextField, __assign({}, maskFieldProps, { onAccept: handleMaskFieldAccept })));
+    return (_jsx(MaskedTextField, Object.assign({}, maskFieldProps, { onAccept: handleMaskFieldAccept })));
 };

package/esm/MenuGroup/MenuGroup.js

@@ -1,19 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { StyledContentWrapper, StyledLabel } from './styled';
-export var MenuGroup = function (props) {
-    var children = props.children, label = props.label;
-    var upperCasedLabel = useMemo(function () { return label.toUpperCase(); }, [label]);
-    return (_jsxs(_Fragment, { children: [_jsx(StyledLabel, __assign({ variant: "h7" }, { children: upperCasedLabel })), _jsx(StyledContentWrapper, { children: children })] }));
+export const MenuGroup = (props) => {
+    const { children, label } = props;
+    const upperCasedLabel = useMemo(() => label.toUpperCase(), [label]);
+    return (_jsxs(_Fragment, { children: [_jsx(StyledLabel, Object.assign({ variant: "h7" }, { children: upperCasedLabel })), _jsx(StyledContentWrapper, { children: children })] }));
 };

package/esm/MenuGroup/stories/Icons.js

@@ -1,19 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var AoIcon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7359_1261)" }, { children: [_jsx("path", { d: "M13.0106 0.400124L19.2802 19.2282C19.3403 19.4074 19.31 19.6036 19.2001 19.7564C19.0902 19.9098 18.9128 20.0002 18.7246 20.0002H15.4785C14.2087 20.0002 13.0901 19.1928 12.6953 17.9917L9.43831 8.23219C9.39768 8.11204 9.39768 7.98157 9.43831 7.86141L11.8994 0.40071L13.0106 0.400124Z", fill: "#55B8F0" }), _jsx("path", { d: "M4.52136 20H1.27523C1.08699 20 0.91015 19.9096 0.79972 19.7568C0.689837 19.604 0.659525 19.4077 0.719056 19.2286L6.96523 0.400508C7.04534 0.161367 7.26906 0 7.5214 0H12.455C12.6432 0 12.82 0.0903906 12.9305 0.243203C13.0403 0.395977 13.0707 0.592812 13.0106 0.771367L7.30398 17.9933C6.90917 19.1932 5.7905 20 4.52136 20Z", fill: "#2165CC" }), _jsx("path", { d: "M12.455 0H9.99646V9.90453V9.90469L13.0106 0.771367C13.0707 0.592852 13.0404 0.396016 12.9305 0.243203C12.8201 0.0903906 12.6433 0 12.455 0V0Z", fill: "#0D4EB0" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7359_1261" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
-export var ApIcon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7359_1276)" }, { children: [_jsx("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#2165CC" }), _jsx("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#55B8F0" }), _jsx("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#0D4EB0" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7359_1276" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
-export var EdoIcon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7359_1286)" }, { children: [_jsx("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#55B8F0" }), _jsx("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#1874FF" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7359_1286" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
-export var KedoIcon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7501_1395)" }, { children: [_jsx("path", { d: "M0 10.2164C0 10.0838 0.0749008 9.96261 0.193475 9.90332L3.49348 8.25332C3.72619 8.13697 4 8.30619 4 8.56637V17.4337C4 17.6939 3.72619 17.8632 3.49348 17.7468L0.193475 16.0968C0.0749008 16.0375 0 15.9163 0 15.7837V10.2164Z", fill: "#B7C2CE" }), _jsx("path", { d: "M20 10.2164C20 10.0838 19.9251 9.96261 19.8065 9.90332L16.5065 8.25332C16.2738 8.13697 16 8.30619 16 8.56637V17.4337C16 17.6939 16.2738 17.8632 16.5065 17.7468L19.8065 16.0968C19.9251 16.0375 20 15.9163 20 15.7837V10.2164Z", fill: "#B7C2CE" }), _jsx("path", { d: "M0 4.22752C0 4.0892 0.0814567 3.96386 0.207852 3.90768L8.50785 0.218794C8.7393 0.115927 9 0.285347 9 0.538628V19.4693C9 19.7205 8.74308 19.89 8.51213 19.791L5.71213 18.591C5.58344 18.5358 5.5 18.4093 5.5 18.2693V6.58965C5.5 6.32398 5.21563 6.15517 4.9824 6.28239L0.517599 8.71774C0.284367 8.84495 0 8.67614 0 8.41047V4.22752Z", fill: "#778DA8" }), _jsx("path", { d: "M20 4.22752C20 4.0892 19.9185 3.96386 19.7921 3.90768L11.4921 0.218794C11.2607 0.115927 11 0.285347 11 0.538628V19.4693C11 19.7205 11.2569 19.89 11.4879 19.791L14.2879 18.591C14.4166 18.5358 14.5 18.4093 14.5 18.2693V6.58965C14.5 6.32398 14.7844 6.15517 15.0176 6.28239L19.4824 8.71774C19.7156 8.84495 20 8.67614 20 8.41047V4.22752Z", fill: "#778DA8" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7501_1395" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
-export var AsIcon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7501_1409)" }, { children: [_jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8738 11.1216C14.3646 13.343 12.3759 15 10 15C7.23863 15 5.00005 12.7615 5.00005 10C5.00005 7.6243 6.65696 5.63556 8.87824 5.12637C8.43153 5.0434 7.97091 5.00003 7.50016 5.00003C3.75223 5.00003 0.646392 7.74918 0.0891765 11.3409C0.685587 15.7913 4.20917 19.3147 8.65956 19.911C12.2512 19.3536 15.0002 16.2479 15.0002 12.5C15.0002 12.0292 14.9568 11.5684 14.8738 11.1216ZM10.3166 5.00989C12.8258 5.16666 14.8333 7.1741 14.9902 9.68325C15.3198 10.5594 15.5002 11.5086 15.5002 12.5C15.5002 15.9325 13.3385 18.86 10.3023 19.9956C15.6853 19.8358 20 15.4218 20 10C20 4.47718 15.5229 3.05176e-05 10 3.05176e-05C4.57816 3.05176e-05 0.164084 4.31499 0.0045166 9.69823C1.13999 6.66184 4.06761 4.50003 7.50016 4.50003C8.49142 4.50003 9.44057 4.68032 10.3166 5.00989Z", fill: "#2165CC" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8736 11.1222C14.3642 13.3433 12.3756 15 9.99996 15C7.23854 15 4.99996 12.7615 4.99996 10C4.99996 7.62434 6.65683 5.63562 8.87806 5.12639C8.43131 5.04341 7.97065 5.00003 7.49985 5.00003C3.75219 5.00003 0.646527 7.74878 0.0889893 11.3402C0.685093 15.7908 4.20877 19.3146 8.65936 19.9109C12.2509 19.3536 14.9999 16.2478 14.9999 12.5C14.9999 12.0294 14.9565 11.5688 14.8736 11.1222Z", fill: "#B7C2CE" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 20C15.5228 20 20 15.5229 20 10C20 4.47718 15.5228 3.05176e-05 10 3.05176e-05C4.47715 3.05176e-05 0 4.47718 0 10C0 10.4546 0.0303304 10.9021 0.0890777 11.3406C0.646448 7.74899 3.7522 5.00003 7.5 5.00003C11.6421 5.00003 15 8.35789 15 12.5C15 16.2478 12.251 19.3536 8.65946 19.911C9.09794 19.9697 9.54543 20 10 20Z", fill: "#778DA8" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7501_1409" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
-export var OfdIcon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7501_1429)" }, { children: [_jsx("path", { d: "M19.0528 16.6056C19.7177 17.9354 18.7507 19.5 17.2639 19.5H4.25C3.2835 19.5 2.5 18.7165 2.5 17.75C2.5 16.7835 3.2835 16 4.25 16H14.5L9 5.50003H13.5L19.0528 16.6056Z", fill: "#B7C2CE" }), _jsx("path", { d: "M1.44721 3.39446C0.782312 2.06466 1.7493 0.500031 3.23607 0.500031H16.25C17.2165 0.500031 18 1.28353 18 2.25003C18 3.21653 17.2165 4.00003 16.25 4.00003H6L11.5 14.5H7L1.44721 3.39446Z", fill: "#778DA8" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7501_1429" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
-export var Ap2Icon = function () { return (_jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_7501_1441)" }, { children: [_jsx("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#99A9BA" }), _jsx("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#B7C2CE" }), _jsx("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#557192" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7501_1441" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] }))); };
+export const AoIcon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7359_1261)" }, { children: [_jsx("path", { d: "M13.0106 0.400124L19.2802 19.2282C19.3403 19.4074 19.31 19.6036 19.2001 19.7564C19.0902 19.9098 18.9128 20.0002 18.7246 20.0002H15.4785C14.2087 20.0002 13.0901 19.1928 12.6953 17.9917L9.43831 8.23219C9.39768 8.11204 9.39768 7.98157 9.43831 7.86141L11.8994 0.40071L13.0106 0.400124Z", fill: "#55B8F0" }), _jsx("path", { d: "M4.52136 20H1.27523C1.08699 20 0.91015 19.9096 0.79972 19.7568C0.689837 19.604 0.659525 19.4077 0.719056 19.2286L6.96523 0.400508C7.04534 0.161367 7.26906 0 7.5214 0H12.455C12.6432 0 12.82 0.0903906 12.9305 0.243203C13.0403 0.395977 13.0707 0.592812 13.0106 0.771367L7.30398 17.9933C6.90917 19.1932 5.7905 20 4.52136 20Z", fill: "#2165CC" }), _jsx("path", { d: "M12.455 0H9.99646V9.90453V9.90469L13.0106 0.771367C13.0707 0.592852 13.0404 0.396016 12.9305 0.243203C12.8201 0.0903906 12.6433 0 12.455 0V0Z", fill: "#0D4EB0" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7359_1261" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+export const ApIcon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7359_1276)" }, { children: [_jsx("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#2165CC" }), _jsx("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#55B8F0" }), _jsx("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#0D4EB0" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7359_1276" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+export const EdoIcon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7359_1286)" }, { children: [_jsx("path", { d: "M6.5 6.10352e-05C5.1195 6.10352e-05 4 1.11956 4 2.50006V3.00006H13.75C15.545 3.00006 17 4.45506 17 6.25006V11.2501C17 12.2166 16.2165 13.0001 15.25 13.0001H8.75C7.7835 13.0001 7 12.2166 7 11.2501V8.00006H5C4.4475 8.00006 4 8.44756 4 9.00006V13.5001C4 14.8806 5.1195 16.0001 6.5 16.0001H17.5C18.8805 16.0001 20 14.8806 20 13.5001V2.50006C20 1.11956 18.8805 6.10352e-05 17.5 6.10352e-05H6.5Z", fill: "#55B8F0" }), _jsx("path", { d: "M2.5 4.00006C1.1195 4.00006 0 5.11956 0 6.50006V17.5001C0 18.8806 1.1195 20.0001 2.5 20.0001H13.5C14.8805 20.0001 16 18.8806 16 17.5001V17.0001H6.25C4.455 17.0001 3 15.5451 3 13.7501V8.75006C3 7.78356 3.7835 7.00006 4.75 7.00006H11.25C12.2165 7.00006 13 7.78356 13 8.75006V12.0001H15C15.5525 12.0001 16 11.5526 16 11.0001V6.50006C16 5.11956 14.8805 4.00006 13.5 4.00006H2.5Z", fill: "#1874FF" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7359_1286" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+export const KedoIcon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7501_1395)" }, { children: [_jsx("path", { d: "M0 10.2164C0 10.0838 0.0749008 9.96261 0.193475 9.90332L3.49348 8.25332C3.72619 8.13697 4 8.30619 4 8.56637V17.4337C4 17.6939 3.72619 17.8632 3.49348 17.7468L0.193475 16.0968C0.0749008 16.0375 0 15.9163 0 15.7837V10.2164Z", fill: "#B7C2CE" }), _jsx("path", { d: "M20 10.2164C20 10.0838 19.9251 9.96261 19.8065 9.90332L16.5065 8.25332C16.2738 8.13697 16 8.30619 16 8.56637V17.4337C16 17.6939 16.2738 17.8632 16.5065 17.7468L19.8065 16.0968C19.9251 16.0375 20 15.9163 20 15.7837V10.2164Z", fill: "#B7C2CE" }), _jsx("path", { d: "M0 4.22752C0 4.0892 0.0814567 3.96386 0.207852 3.90768L8.50785 0.218794C8.7393 0.115927 9 0.285347 9 0.538628V19.4693C9 19.7205 8.74308 19.89 8.51213 19.791L5.71213 18.591C5.58344 18.5358 5.5 18.4093 5.5 18.2693V6.58965C5.5 6.32398 5.21563 6.15517 4.9824 6.28239L0.517599 8.71774C0.284367 8.84495 0 8.67614 0 8.41047V4.22752Z", fill: "#778DA8" }), _jsx("path", { d: "M20 4.22752C20 4.0892 19.9185 3.96386 19.7921 3.90768L11.4921 0.218794C11.2607 0.115927 11 0.285347 11 0.538628V19.4693C11 19.7205 11.2569 19.89 11.4879 19.791L14.2879 18.591C14.4166 18.5358 14.5 18.4093 14.5 18.2693V6.58965C14.5 6.32398 14.7844 6.15517 15.0176 6.28239L19.4824 8.71774C19.7156 8.84495 20 8.67614 20 8.41047V4.22752Z", fill: "#778DA8" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7501_1395" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+export const AsIcon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7501_1409)" }, { children: [_jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8738 11.1216C14.3646 13.343 12.3759 15 10 15C7.23863 15 5.00005 12.7615 5.00005 10C5.00005 7.6243 6.65696 5.63556 8.87824 5.12637C8.43153 5.0434 7.97091 5.00003 7.50016 5.00003C3.75223 5.00003 0.646392 7.74918 0.0891765 11.3409C0.685587 15.7913 4.20917 19.3147 8.65956 19.911C12.2512 19.3536 15.0002 16.2479 15.0002 12.5C15.0002 12.0292 14.9568 11.5684 14.8738 11.1216ZM10.3166 5.00989C12.8258 5.16666 14.8333 7.1741 14.9902 9.68325C15.3198 10.5594 15.5002 11.5086 15.5002 12.5C15.5002 15.9325 13.3385 18.86 10.3023 19.9956C15.6853 19.8358 20 15.4218 20 10C20 4.47718 15.5229 3.05176e-05 10 3.05176e-05C4.57816 3.05176e-05 0.164084 4.31499 0.0045166 9.69823C1.13999 6.66184 4.06761 4.50003 7.50016 4.50003C8.49142 4.50003 9.44057 4.68032 10.3166 5.00989Z", fill: "#2165CC" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.8736 11.1222C14.3642 13.3433 12.3756 15 9.99996 15C7.23854 15 4.99996 12.7615 4.99996 10C4.99996 7.62434 6.65683 5.63562 8.87806 5.12639C8.43131 5.04341 7.97065 5.00003 7.49985 5.00003C3.75219 5.00003 0.646527 7.74878 0.0889893 11.3402C0.685093 15.7908 4.20877 19.3146 8.65936 19.9109C12.2509 19.3536 14.9999 16.2478 14.9999 12.5C14.9999 12.0294 14.9565 11.5688 14.8736 11.1222Z", fill: "#B7C2CE" }), _jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 20C15.5228 20 20 15.5229 20 10C20 4.47718 15.5228 3.05176e-05 10 3.05176e-05C4.47715 3.05176e-05 0 4.47718 0 10C0 10.4546 0.0303304 10.9021 0.0890777 11.3406C0.646448 7.74899 3.7522 5.00003 7.5 5.00003C11.6421 5.00003 15 8.35789 15 12.5C15 16.2478 12.251 19.3536 8.65946 19.911C9.09794 19.9697 9.54543 20 10 20Z", fill: "#778DA8" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7501_1409" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+export const OfdIcon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7501_1429)" }, { children: [_jsx("path", { d: "M19.0528 16.6056C19.7177 17.9354 18.7507 19.5 17.2639 19.5H4.25C3.2835 19.5 2.5 18.7165 2.5 17.75C2.5 16.7835 3.2835 16 4.25 16H14.5L9 5.50003H13.5L19.0528 16.6056Z", fill: "#B7C2CE" }), _jsx("path", { d: "M1.44721 3.39446C0.782312 2.06466 1.7493 0.500031 3.23607 0.500031H16.25C17.2165 0.500031 18 1.28353 18 2.25003C18 3.21653 17.2165 4.00003 16.25 4.00003H6L11.5 14.5H7L1.44721 3.39446Z", fill: "#778DA8" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7501_1429" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+export const Ap2Icon = () => (_jsxs("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", Object.assign({ clipPath: "url(#clip0_7501_1441)" }, { children: [_jsx("path", { d: "M6.63256 19.2115C4.88306 18.225 3.94656 15.7465 4.91406 14.1325C5.79706 12.601 8.37506 11.833 10.6831 13.2455C11.9256 14.0095 13.3981 14.6365 15.1926 14.6365C16.8501 14.6365 18.4146 13.65 19.2901 12.1695C19.6121 11.6315 19.8421 10.959 19.9806 10.5105C19.9341 12.0805 19.4736 13.694 18.5996 15.1305C16.3901 18.9435 10.3146 21.3195 6.63256 19.2115Z", fill: "#99A9BA" }), _jsx("path", { d: "M3.81346 2.49251C5.55196 1.58501 8.25046 1.90401 9.07396 3.67251C9.80646 5.26001 9.81246 7.48401 6.83296 9.07001C5.55196 9.75051 4.08846 10.5675 3.26446 12.111C2.48696 13.5625 2.39446 15.331 3.26446 16.874C3.58446 17.418 4.04196 18.008 4.36146 18.3255C3.03546 17.4625 1.89196 16.238 1.06796 14.6965C-1.00004 10.969 0.0159621 4.49001 3.81346 2.49251Z", fill: "#B7C2CE" }), _jsx("path", { d: "M19.5 7.9815C19.5 9.9015 17.8195 12 15.866 12C14.049 12 12.232 10.9745 12.232 7.58C12.232 6.1515 12.0955 4.4995 11.187 3.0695C10.3245 1.6865 8.7265 0.79 6.9535 0.835C6.465 0.8355 5.931 0.8825 5.5 1C5.8 0.862 6.031 0.735 6.506 0.5685C7.547 0.2045 8.684 0.031 9.8695 0C14.322 0 19.454 3.83 19.5 7.9815Z", fill: "#557192" })] })), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_7501_1441" }, { children: _jsx("rect", { width: "20", height: "20", fill: "white" }) })) })] })));

package/esm/MenuGroup/stories/styled.js

@@ -1,17 +1,12 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { styled } from '../../styles';
 import { MenuItem } from '../../MenuItem';
 import { Typography } from '../../Typography';
-export var StyledMenuItem = styled(MenuItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 48px;\n"], ["\n  height: 48px;\n"])));
-export var StyledLabel = styled(Typography)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n"], ["\n  font-size: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.h5.fontSize;
-});
-export var StyledMenuWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-top: ", ";\n"], ["\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(2);
-});
-var templateObject_1, templateObject_2, templateObject_3;
+export const StyledMenuItem = styled(MenuItem) `
+  height: 48px;
+`;
+export const StyledLabel = styled(Typography) `
+  font-size: ${({ theme }) => theme.typography.h5.fontSize};
+`;
+export const StyledMenuWrapper = styled.div `
+  padding-top: ${({ theme }) => theme.spacing(2)};
+`;

package/esm/MenuGroup/styled.js

@@ -1,21 +1,14 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { styled } from '../styles';
 import { Typography } from '../Typography';
-export var StyledLabel = styled(Typography)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  padding: ", ";\n\n  color: ", ";\n  line-height: ", ";\n"], ["\n  display: block;\n  padding: ", ";\n\n  color: ", ";\n  line-height: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(2, 4);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.palette.grey[700];
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.pxToRem(16);
-});
-export var StyledContentWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  & > li {\n    padding-left: ", ";\n  }\n"], ["\n  & > li {\n    padding-left: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(7);
-});
-var templateObject_1, templateObject_2;
+export const StyledLabel = styled(Typography) `
+  display: block;
+  padding: ${({ theme }) => theme.spacing(2, 4)};
+
+  color: ${({ theme }) => theme.palette.grey[700]};
+  line-height: ${({ theme }) => theme.typography.pxToRem(16)};
+`;
+export const StyledContentWrapper = styled.div `
+  & > li {
+    padding-left: ${({ theme }) => theme.spacing(7)};
+  }
+`;

package/esm/MenuItem/MenuItem.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -22,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledMenuItem } from './styled';
-export var MenuItem = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return _jsx(StyledMenuItem, __assign({}, props, { children: children }));
+export const MenuItem = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return _jsx(StyledMenuItem, Object.assign({}, props, { children: children }));
 };

package/esm/MenuItem/styled.js

@@ -1,11 +1,5 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { MenuItem as MuiMenuItem } from '@mui/material';
 import { styled } from '../styles';
-export var StyledMenuItem = styled(MuiMenuItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", ";\n"], ["\n  padding: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(1.5, 10, 1.5, 3);
-});
-var templateObject_1;
+export const StyledMenuItem = styled(MuiMenuItem) `
+  padding: ${({ theme }) => theme.spacing(1.5, 10, 1.5, 3)};
+`;

package/esm/MenuList/MenuList.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -22,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledMenuList } from './styled';
-export var MenuList = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return _jsx(StyledMenuList, __assign({}, props, { children: children }));
+export const MenuList = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return _jsx(StyledMenuList, Object.assign({}, props, { children: children }));
 };

package/esm/MenuList/styled.js

@@ -1,17 +1,10 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import { MenuList } from '@mui/material';
 import { styled } from '../styles';
-export var StyledMenuList = styled(MenuList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.MuiList-root {\n    padding: ", ";\n\n    border-radius: ", ";\n    box-shadow: ", ";\n  }\n"], ["\n  &.MuiList-root {\n    padding: ", ";\n\n    border-radius: ", ";\n    box-shadow: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing(1, 0);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shape.small;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.elevation[200];
-});
-var templateObject_1;
+export const StyledMenuList = styled(MenuList) `
+  &.MuiList-root {
+    padding: ${({ theme }) => theme.spacing(1, 0)};
+
+    border-radius: ${({ theme }) => theme.shape.small};
+    box-shadow: ${({ theme }) => theme.elevation[200]};
+  }
+`;

package/esm/NavMenu/NavMenu.js

@@ -1,21 +1,10 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { List } from '@mui/material';
 import { NavMenuItem } from './NavMenuItem';
-export var NavMenu = forwardRef(function (props, ref) {
-    var _a = props.collapsedIn, collapsedIn = _a === void 0 ? true : _a, items = props.items;
-    return (_jsx(List, __assign({ ref: ref, disablePadding: true }, { children: items.map(function (item) {
+export const NavMenu = forwardRef((props, ref) => {
+    const { collapsedIn = true, items } = props;
+    return (_jsx(List, Object.assign({ ref: ref, disablePadding: true }, { children: items.map((item) => {
             return (_jsx(NavMenuItem, { collapsedIn: collapsedIn, item: item }, item[0]));
         }) })));
 });

package/esm/NavMenu/NavMenuItem/NavMenuItem.js

@@ -1,36 +1,24 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState, } from 'react';
 import { Collapse } from '../../Collapse';
 import { NavMenuItemButton } from './NavMenuItemButton';
 import { NavMenuItemList } from './NavMenuItemList/NavMenuItemList';
-export var NavMenuItem = function (props) {
+export const NavMenuItem = (props) => {
     var _a;
-    var collapsedIn = props.collapsedIn, _b = props.item, key = _b[0], value = _b[1];
-    var _c = useState((_a = value.items) === null || _a === void 0 ? void 0 : _a.some(function (_a) {
-        var active = _a[1].active;
+    const { collapsedIn, item: [key, value], } = props;
+    const [opened, setOpened] = useState((_a = value.items) === null || _a === void 0 ? void 0 : _a.some(([, { active }]) => {
         return active;
-    })), opened = _c[0], setOpened = _c[1];
-    var selected = useMemo(function () {
+    }));
+    const selected = useMemo(() => {
         return opened ? false : value.active;
     }, [opened, value.active]);
-    var handleClick = useCallback(function () {
-        setOpened(function (prevValue) {
+    const handleClick = useCallback(() => {
+        setOpened((prevValue) => {
             if (typeof prevValue === 'boolean') {
                 return !prevValue;
             }
             return;
         });
     }, []);
-    return (_jsxs("li", { children: [_jsx(NavMenuItemButton, { opened: opened, collapsedIn: collapsedIn, selected: selected, text: value.text, icon: value.icon, component: value.component, onClick: handleClick }), value.items && (_jsx(Collapse, __assign({ in: opened }, { children: _jsx(NavMenuItemList, { collapsedIn: collapsedIn, items: value.items }) })))] }, key));
+    return (_jsxs("li", { children: [_jsx(NavMenuItemButton, { opened: opened, collapsedIn: collapsedIn, selected: selected, text: value.text, icon: value.icon, component: value.component, onClick: handleClick }), value.items && (_jsx(Collapse, Object.assign({ in: opened }, { children: _jsx(NavMenuItemList, { collapsedIn: collapsedIn, items: value.items }) })))] }, key));
 };

package/esm/NavMenu/NavMenuItem/NavMenuItemButton/NavMenuItemButton.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,7 +14,7 @@ import { forwardRef } from 'react';
 import { Collapse } from '../../../Collapse';
 import { Tooltip } from '../../../Tooltip';
 import { NavMenuItemButtonChevron, NavMenuItemButtonIcon, NavMenuItemButtonRoot, NavMenuItemButtonText, } from './styles';
-export var NavMenuItemButton = forwardRef(function (props, ref) {
-    var collapsedIn = props.collapsedIn, opened = props.opened, text = props.text, icon = props.icon, _a = props.component, component = _a === void 0 ? 'a' : _a, restProps = __rest(props, ["collapsedIn", "opened", "text", "icon", "component"]);
-    return (_jsxs(NavMenuItemButtonRoot, __assign({ ref: ref, component: component }, restProps, { children: [_jsx(Tooltip, __assign({ arrow: true, title: !collapsedIn && text, placement: "right" }, { children: _jsx(NavMenuItemButtonIcon, { children: icon }) })), _jsx(Collapse, __assign({ orientation: "horizontal", in: collapsedIn }, { children: _jsx(NavMenuItemButtonText, { primary: text }) })), typeof opened === 'boolean' && (_jsx(NavMenuItemButtonChevron, { collapsedIn: collapsedIn, opened: opened }))] })));
+export const NavMenuItemButton = forwardRef((props, ref) => {
+    const { collapsedIn, opened, text, icon, component = 'a' } = props, restProps = __rest(props, ["collapsedIn", "opened", "text", "icon", "component"]);
+    return (_jsxs(NavMenuItemButtonRoot, Object.assign({ ref: ref, component: component }, restProps, { children: [_jsx(Tooltip, Object.assign({ arrow: true, title: !collapsedIn && text, placement: "right" }, { children: _jsx(NavMenuItemButtonIcon, { children: icon }) })), _jsx(Collapse, Object.assign({ orientation: "horizontal", in: collapsedIn }, { children: _jsx(NavMenuItemButtonText, { primary: text }) })), typeof opened === 'boolean' && (_jsx(NavMenuItemButtonChevron, { collapsedIn: collapsedIn, opened: opened }))] })));
 });