@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.6

package/dist/esm/components/IconTypography.js

@@ -1,9 +1,11 @@
-import { Box, styled } from '@mui/material';
-export const IconTypography = styled(Box)(({ theme }) => ({
-    color: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.4)`,
-    lineHeight: 0,
-    ...theme.applyStyles('dark', {
-        color: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.32)`,
-    }),
+import { Box, styled } from "@mui/material";
+//#region src/components/IconTypography.ts
+const IconTypography = styled(Box)(({ theme }) => ({
+	color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,
+	lineHeight: 0,
+	...theme.applyStyles("dark", { color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 32%, transparent)` })
 }));
+//#endregion
+export { IconTypography };
+
 //# sourceMappingURL=IconTypography.js.map

package/dist/esm/components/IconTypography.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconTypography.js","sourceRoot":"","sources":["../../../src/components/IconTypography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,KAAK,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,SAAS;IACrE,UAAU,EAAE,CAAC;IACb,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;QAC3B,KAAK,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,UAAU;KACvE,CAAC;CACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"IconTypography.js","names":[],"sources":["../../../src/components/IconTypography.ts"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const IconTypography: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,\n    lineHeight: 0,\n    ...theme.applyStyles('dark', {\n      color: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 32%, transparent)`,\n    }),\n  }))\n"],"mappings":";;AAGA,MAAa,iBACX,OAAO,IAAI,EAAE,EAAE,aAAa;CAC1B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CACpE,YAAY;CACZ,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,qBACrE,CAAC;CACH,EAAE"}

package/dist/esm/components/Initializer.js

@@ -1,6 +1,10 @@
-import { useInitializer } from '../hooks/useInitializer.js';
-export const Initializer = () => {
-    useInitializer();
-    return null;
+import { useInitializer } from "../hooks/useInitializer.js";
+//#region src/components/Initializer.tsx
+const Initializer = () => {
+	useInitializer();
+	return null;
 };
+//#endregion
+export { Initializer };
+
 //# sourceMappingURL=Initializer.js.map

package/dist/esm/components/Initializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Initializer.js","sourceRoot":"","sources":["../../../src/components/Initializer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,cAAc,EAAE,CAAA;IAChB,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}
+{"version":3,"file":"Initializer.js","names":[],"sources":["../../../src/components/Initializer.tsx"],"sourcesContent":["import { useInitializer } from '../hooks/useInitializer.js'\n\nexport const Initializer: React.FC = () => {\n  useInitializer()\n  return null\n}\n"],"mappings":";;AAEA,MAAa,oBAA8B;AACzC,iBAAgB;AAChB,QAAO"}

package/dist/esm/components/Input.js

@@ -1,11 +1,15 @@
-import { InputBase, inputBaseClasses, styled } from '@mui/material';
-export const Input = styled(InputBase)(({ theme }) => ({
-    paddingRight: theme.spacing(2),
-    [`.${inputBaseClasses.input}`]: {
-        padding: theme.spacing(1.5, 1, 1.5, 2),
-        height: '2.875em',
-        boxSizing: 'inherit',
-    },
-    fontWeight: 500,
+import { InputBase, inputBaseClasses, styled } from "@mui/material";
+//#region src/components/Input.tsx
+const Input = styled(InputBase)(({ theme }) => ({
+	paddingRight: theme.spacing(2),
+	[`.${inputBaseClasses.input}`]: {
+		padding: theme.spacing(1.5, 1, 1.5, 2),
+		height: "2.875em",
+		boxSizing: "inherit"
+	},
+	fontWeight: 500
 }));
+//#endregion
+export { Input };
+
 //# sourceMappingURL=Input.js.map

package/dist/esm/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnE,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC,IAAI,gBAAgB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,SAAS;KACrB;IACD,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input.tsx"],"sourcesContent":["import { InputBase, inputBaseClasses, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Input: React.FC<React.ComponentProps<typeof InputBase>> = styled(\n  InputBase\n)(({ theme }) => ({\n  paddingRight: theme.spacing(2),\n  [`.${inputBaseClasses.input}`]: {\n    padding: theme.spacing(1.5, 1, 1.5, 2),\n    height: '2.875em',\n    boxSizing: 'inherit',\n  },\n  fontWeight: 500,\n}))\n"],"mappings":";;AAGA,MAAa,QAA0D,OACrE,UACD,EAAE,EAAE,aAAa;CAChB,cAAc,MAAM,QAAQ,EAAE;EAC7B,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,KAAK,GAAG,KAAK,EAAE;EACtC,QAAQ;EACR,WAAW;EACZ;CACD,YAAY;CACb,EAAE"}

package/dist/esm/components/ListItem/ListItem.js

@@ -1,21 +1,23 @@
-import { listItemSecondaryActionClasses, listItemTextClasses, ListItem as MuiListItem, styled, } from '@mui/material';
-export const ListItem = styled(MuiListItem)(({ theme }) => ({
-    height: 64,
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    padding: theme.spacing(0, 1.5),
-    [`.${listItemSecondaryActionClasses.root}`]: {
-        right: theme.spacing(3),
-    },
-    [`& .${listItemTextClasses.secondary}`]: {
-        fontSize: 12,
-        fontWeight: 500,
-    },
-    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]: {
-        lineHeight: 1.3334,
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-    },
+import { ListItem, listItemSecondaryActionClasses, listItemTextClasses, styled } from "@mui/material";
+//#region src/components/ListItem/ListItem.tsx
+const ListItem$1 = styled(ListItem)(({ theme }) => ({
+	height: 64,
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: theme.spacing(0, 1.5),
+	[`.${listItemSecondaryActionClasses.root}`]: { right: theme.spacing(3) },
+	[`& .${listItemTextClasses.secondary}`]: {
+		fontSize: 12,
+		fontWeight: 500
+	},
+	[`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]: {
+		lineHeight: 1.3334,
+		textOverflow: "ellipsis",
+		overflow: "hidden",
+		whiteSpace: "nowrap"
+	}
 }));
+//#endregion
+export { ListItem$1 as ListItem };
+
 //# sourceMappingURL=ListItem.js.map

package/dist/esm/components/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,mBAAmB,EACnB,QAAQ,IAAI,WAAW,EACvB,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,CAAC,IAAI,8BAA8B,CAAC,IAAI,EAAE,CAAC,EAAE;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;IACD,CAAC,MAAM,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QACvC,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,CAAC,MAAM,mBAAmB,CAAC,OAAO,QAAQ,mBAAmB,CAAC,SAAS,EAAE,CAAC,EAAE;QAC1E,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ListItem.js","names":["ListItem","MuiListItem"],"sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import {\n  listItemSecondaryActionClasses,\n  listItemTextClasses,\n  ListItem as MuiListItem,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItem: React.FC<React.ComponentProps<typeof MuiListItem>> =\n  styled(MuiListItem)(({ theme }) => ({\n    height: 64,\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    padding: theme.spacing(0, 1.5),\n    [`.${listItemSecondaryActionClasses.root}`]: {\n      right: theme.spacing(3),\n    },\n    [`& .${listItemTextClasses.secondary}`]: {\n      fontSize: 12,\n      fontWeight: 500,\n    },\n    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]:\n      {\n        lineHeight: 1.3334,\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n      },\n  }))\n"],"mappings":";;AAQA,MAAaA,aACX,OAAOC,SAAY,EAAE,EAAE,aAAa;CAClC,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,IAAI;EAC7B,IAAI,+BAA+B,SAAS,EAC3C,OAAO,MAAM,QAAQ,EAAE,EACxB;EACA,MAAM,oBAAoB,cAAc;EACvC,UAAU;EACV,YAAY;EACb;EACA,MAAM,oBAAoB,QAAQ,OAAO,oBAAoB,cAC5D;EACE,YAAY;EACZ,cAAc;EACd,UAAU;EACV,YAAY;EACb;CACJ,EAAE"}

package/dist/esm/components/ListItem/ListItemButton.js

@@ -1,9 +1,13 @@
-import { styled } from '@mui/material';
-import { ListItemButton as ListItemButtonBase } from '../ListItemButton.js';
-export const ListItemButton = styled(ListItemButtonBase)(({ theme }) => ({
-    paddingLeft: theme.spacing(1.5),
-    paddingRight: theme.spacing(1.5),
-    height: 64,
-    width: '100%',
+import { ListItemButton as ListItemButton$2 } from "../ListItemButton.js";
+import { styled } from "@mui/material";
+//#region src/components/ListItem/ListItemButton.tsx
+const ListItemButton$1 = styled(ListItemButton$2)(({ theme }) => ({
+	paddingLeft: theme.spacing(1.5),
+	paddingRight: theme.spacing(1.5),
+	height: 64,
+	width: "100%"
 }));
+//#endregion
+export { ListItemButton$1 as ListItemButton };
+
 //# sourceMappingURL=ListItemButton.js.map

package/dist/esm/components/ListItem/ListItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.js","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE3E,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ListItemButton.js","names":["ListItemButton","ListItemButtonBase"],"sources":["../../../../src/components/ListItem/ListItemButton.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport type React from 'react'\nimport { ListItemButton as ListItemButtonBase } from '../ListItemButton.js'\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof ListItemButtonBase>\n> = styled(ListItemButtonBase)(({ theme }) => ({\n  paddingLeft: theme.spacing(1.5),\n  paddingRight: theme.spacing(1.5),\n  height: 64,\n  width: '100%',\n}))\n"],"mappings":";;;AAIA,MAAaA,mBAET,OAAOC,iBAAmB,EAAE,EAAE,aAAa;CAC7C,aAAa,MAAM,QAAQ,IAAI;CAC/B,cAAc,MAAM,QAAQ,IAAI;CAChC,QAAQ;CACR,OAAO;CACR,EAAE"}

package/dist/esm/components/ListItemButton.js

@@ -1,36 +1,30 @@
-import { listItemButtonClasses, ListItemButton as MuiListItemButton, styled, } from '@mui/material';
-export const ListItemButton = styled(MuiListItemButton)(({ theme }) => {
-    return {
-        borderRadius: theme.vars.shape.borderRadius,
-        paddingLeft: theme.spacing(1.5),
-        height: 56,
-        '&:hover': {
-            backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
-        },
-        [`&.${listItemButtonClasses.selected}`]: {
-            backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,
-            '&:hover': {
-                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,
-            },
-            ...theme.applyStyles('dark', {
-                backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,
-                '&:hover': {
-                    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,
-                },
-            }),
-        },
-        variants: [
-            {
-                props: ({ disabled }) => disabled,
-                style: {
-                    opacity: 0.5,
-                    cursor: 'auto',
-                    '&:hover': {
-                        backgroundColor: 'none',
-                    },
-                },
-            },
-        ],
-    };
+import { ListItemButton, listItemButtonClasses, styled } from "@mui/material";
+//#region src/components/ListItemButton.tsx
+const ListItemButton$1 = styled(ListItemButton)(({ theme }) => {
+	return {
+		borderRadius: theme.vars.shape.borderRadius,
+		paddingLeft: theme.spacing(1.5),
+		height: 56,
+		"&:hover": { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)` },
+		[`&.${listItemButtonClasses.selected}`]: {
+			backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,
+			"&:hover": { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)` },
+			...theme.applyStyles("dark", {
+				backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,
+				"&:hover": { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)` }
+			})
+		},
+		variants: [{
+			props: ({ disabled }) => disabled,
+			style: {
+				opacity: .5,
+				cursor: "auto",
+				"&:hover": { backgroundColor: "none" }
+			}
+		}]
+	};
 });
+//#endregion
+export { ListItemButton$1 as ListItemButton };
+
 //# sourceMappingURL=ListItemButton.js.map

package/dist/esm/components/ListItemButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.js","sourceRoot":"","sources":["../../../src/components/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,cAAc,IAAI,iBAAiB,EACnC,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,OAAO;QACL,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;QAC3C,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC/B,MAAM,EAAE,EAAE;QACV,SAAS,EAAE;YACT,eAAe,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,UAAU;SACjF;QACD,CAAC,KAAK,qBAAqB,CAAC,QAAQ,EAAE,CAAC,EAAE;YACvC,eAAe,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,cAAc;YACtF,SAAS,EAAE;gBACT,eAAe,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,cAAc;aACvF;YACD,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;gBAC3B,eAAe,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,cAAc;gBACtF,SAAS,EAAE;oBACT,eAAe,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,cAAc;iBACvF;aACF,CAAC;SACH;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;gBACjC,KAAK,EAAE;oBACL,OAAO,EAAE,GAAG;oBACZ,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE;wBACT,eAAe,EAAE,MAAM;qBACxB;iBACF;aACF;SACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ListItemButton.js","names":["ListItemButton","MuiListItemButton"],"sources":["../../../src/components/ListItemButton.tsx"],"sourcesContent":["import {\n  listItemButtonClasses,\n  ListItemButton as MuiListItemButton,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItemButton: React.FC<\n  React.ComponentProps<typeof MuiListItemButton>\n> = styled(MuiListItemButton)(({ theme }) => {\n  return {\n    borderRadius: theme.vars.shape.borderRadius,\n    paddingLeft: theme.spacing(1.5),\n    height: 56,\n    '&:hover': {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    },\n    [`&.${listItemButtonClasses.selected}`]: {\n      backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, white)`,\n      '&:hover': {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, white)`,\n      },\n      ...theme.applyStyles('dark', {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 24%, black)`,\n        '&:hover': {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.secondary.main} 28%, black)`,\n        },\n      }),\n    },\n    variants: [\n      {\n        props: ({ disabled }) => disabled,\n        style: {\n          opacity: 0.5,\n          cursor: 'auto',\n          '&:hover': {\n            backgroundColor: 'none',\n          },\n        },\n      },\n    ],\n  }\n})\n"],"mappings":";;AAOA,MAAaA,mBAET,OAAOC,eAAkB,EAAE,EAAE,YAAY;AAC3C,QAAO;EACL,cAAc,MAAM,KAAK,MAAM;EAC/B,aAAa,MAAM,QAAQ,IAAI;EAC/B,QAAQ;EACR,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,oBAC/E;GACA,KAAK,sBAAsB,aAAa;GACvC,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;GACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,eAC1E;GACD,GAAG,MAAM,YAAY,QAAQ;IAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK;IACzE,WAAW,EACT,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,UAAU,KAAK,eAC1E;IACF,CAAC;GACH;EACD,UAAU,CACR;GACE,QAAQ,EAAE,eAAe;GACzB,OAAO;IACL,SAAS;IACT,QAAQ;IACR,WAAW,EACT,iBAAiB,QAClB;IACF;GACF,CACF;EACF;EACD"}

package/dist/esm/components/ListItemText.js

@@ -1,7 +1,7 @@
-import { listItemTextClasses, ListItemText as MuiListItemText, styled, } from '@mui/material';
-export const ListItemText = styled(MuiListItemText)(() => ({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 500,
-    },
-}));
+import { ListItemText, listItemTextClasses, styled } from "@mui/material";
+//#region src/components/ListItemText.tsx
+const ListItemText$1 = styled(ListItemText)(() => ({ [`.${listItemTextClasses.primary}`]: { fontWeight: 500 } }));
+//#endregion
+export { ListItemText$1 as ListItemText };
+
 //# sourceMappingURL=ListItemText.js.map

package/dist/esm/components/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemText.js","sourceRoot":"","sources":["../../../src/components/ListItemText.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,YAAY,IAAI,eAAe,EAC/B,MAAM,GACP,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,CAAC,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;KAChB;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ListItemText.js","names":["ListItemText","MuiListItemText"],"sources":["../../../src/components/ListItemText.tsx"],"sourcesContent":["import {\n  listItemTextClasses,\n  ListItemText as MuiListItemText,\n  styled,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const ListItemText: React.FC<\n  React.ComponentProps<typeof MuiListItemText>\n> = styled(MuiListItemText)(() => ({\n  [`.${listItemTextClasses.primary}`]: {\n    fontWeight: 500,\n  },\n}))\n"],"mappings":";;AAOA,MAAaA,iBAET,OAAOC,aAAgB,QAAQ,GAChC,IAAI,oBAAoB,YAAY,EACnC,YAAY,KACb,EACF,EAAE"}

package/dist/esm/components/Menu.js

@@ -1,21 +1,21 @@
-import { Menu as MuiMenu, menuClasses, menuItemClasses, styled, svgIconClasses, } from '@mui/material';
-export const Menu = styled(MuiMenu)(({ theme }) => ({
-    [`& .${menuClasses.paper}`]: {
-        borderRadius: theme.vars.shape.borderRadius,
-        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
-        padding: theme.spacing(2),
-        [`& .${menuClasses.list}`]: {
-            padding: 0,
-        },
-        [`& .${menuItemClasses.root}`]: {
-            borderRadius: theme.vars.shape.borderRadiusSecondary,
-            padding: theme.spacing(1, 2, 1, 1),
-            [`& .${svgIconClasses.root}`]: {
-                fontSize: 20,
-                color: theme.vars.palette.text.primary,
-                marginRight: theme.spacing(1.5),
-            },
-        },
-    },
-}));
+import { Menu, menuClasses, menuItemClasses, styled, svgIconClasses } from "@mui/material";
+//#region src/components/Menu.tsx
+const Menu$1 = styled(Menu)(({ theme }) => ({ [`& .${menuClasses.paper}`]: {
+	borderRadius: theme.vars.shape.borderRadius,
+	boxShadow: "0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)",
+	padding: theme.spacing(2),
+	[`& .${menuClasses.list}`]: { padding: 0 },
+	[`& .${menuItemClasses.root}`]: {
+		borderRadius: theme.vars.shape.borderRadiusSecondary,
+		padding: theme.spacing(1, 2, 1, 1),
+		[`& .${svgIconClasses.root}`]: {
+			fontSize: 20,
+			color: theme.vars.palette.text.primary,
+			marginRight: theme.spacing(1.5)
+		}
+	}
+} }));
+//#endregion
+export { Menu$1 as Menu };
+
 //# sourceMappingURL=Menu.js.map

package/dist/esm/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,OAAO,EACf,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,CAAC,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;QAC3C,SAAS,EAAE,2DAA2D;QACtE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,CAAC,MAAM,WAAW,CAAC,IAAI,EAAE,CAAC,EAAE;YAC1B,OAAO,EAAE,CAAC;SACX;QACD,CAAC,MAAM,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE;YAC9B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB;YACpD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAClC,CAAC,MAAM,cAAc,CAAC,IAAI,EAAE,CAAC,EAAE;gBAC7B,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;aAChC;SACF;KACF;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"Menu.js","names":["Menu","MuiMenu"],"sources":["../../../src/components/Menu.tsx"],"sourcesContent":["import {\n  Menu as MuiMenu,\n  menuClasses,\n  menuItemClasses,\n  styled,\n  svgIconClasses,\n} from '@mui/material'\nimport type React from 'react'\n\nexport const Menu: React.FC<React.ComponentProps<typeof MuiMenu>> = styled(\n  MuiMenu\n)(({ theme }) => ({\n  [`& .${menuClasses.paper}`]: {\n    borderRadius: theme.vars.shape.borderRadius,\n    boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',\n    padding: theme.spacing(2),\n    [`& .${menuClasses.list}`]: {\n      padding: 0,\n    },\n    [`& .${menuItemClasses.root}`]: {\n      borderRadius: theme.vars.shape.borderRadiusSecondary,\n      padding: theme.spacing(1, 2, 1, 1),\n      [`& .${svgIconClasses.root}`]: {\n        fontSize: 20,\n        color: theme.vars.palette.text.primary,\n        marginRight: theme.spacing(1.5),\n      },\n    },\n  },\n}))\n"],"mappings":";;AASA,MAAaA,SAAuD,OAClEC,KACD,EAAE,EAAE,aAAa,GACf,MAAM,YAAY,UAAU;CAC3B,cAAc,MAAM,KAAK,MAAM;CAC/B,WAAW;CACX,SAAS,MAAM,QAAQ,EAAE;EACxB,MAAM,YAAY,SAAS,EAC1B,SAAS,GACV;EACA,MAAM,gBAAgB,SAAS;EAC9B,cAAc,MAAM,KAAK,MAAM;EAC/B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,EAAE;GACjC,MAAM,eAAe,SAAS;GAC7B,UAAU;GACV,OAAO,MAAM,KAAK,QAAQ,KAAK;GAC/B,aAAa,MAAM,QAAQ,IAAI;GAChC;EACF;CACF,EACF,EAAE"}

package/dist/esm/components/Messages/AccountDeployedMessage.js

@@ -1,13 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { AlertMessage } from './AlertMessage.js';
-export const AccountDeployedMessage = ({ ...props }) => {
-    const { t } = useTranslation();
-    return (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: {
-                px: 1,
-                color: 'text.primary',
-            }, children: t('info.message.accountDeployedMessage') }), icon: _jsx(WarningRounded, {}), severity: "warning", multiline: true, ...props }));
+import { AlertMessage } from "./AlertMessage.js";
+import { Typography } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/components/Messages/AccountDeployedMessage.tsx
+const AccountDeployedMessage = ({ ...props }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(AlertMessage, {
+		title: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: {
+				px: 1,
+				color: "text.primary"
+			},
+			children: t("info.message.accountDeployedMessage")
+		}),
+		icon: /* @__PURE__ */ jsx(WarningRounded, {}),
+		severity: "warning",
+		multiline: true,
+		...props
+	});
 };
+//#endregion
+export { AccountDeployedMessage };
+
 //# sourceMappingURL=AccountDeployedMessage.js.map

package/dist/esm/components/Messages/AccountDeployedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountDeployedMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AccountDeployedMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,sBAAsB,GAAuB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IACT,OAAO,EAAC,OAAO,EACf,EAAE,EAAE;gBACF,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,cAAc;aACtB,YAEA,CAAC,CAAC,qCAAqC,CAAC,GAC9B,EAEf,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,QAAQ,EAAC,SAAS,EAClB,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccountDeployedMessage.js","names":[],"sources":["../../../../src/components/Messages/AccountDeployedMessage.tsx"],"sourcesContent":["import WarningRounded from '@mui/icons-material/WarningRounded'\nimport type { BoxProps } from '@mui/material'\nimport { Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { AlertMessage } from './AlertMessage.js'\n\nexport const AccountDeployedMessage: React.FC<BoxProps> = ({ ...props }) => {\n  const { t } = useTranslation()\n  return (\n    <AlertMessage\n      title={\n        <Typography\n          variant=\"body2\"\n          sx={{\n            px: 1,\n            color: 'text.primary',\n          }}\n        >\n          {t('info.message.accountDeployedMessage')}\n        </Typography>\n      }\n      icon={<WarningRounded />}\n      severity=\"warning\"\n      multiline\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAa,0BAA8C,EAAE,GAAG,YAAY;CAC1E,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,cAAD;EACE,OACE,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,OAAO;IACR;aAEA,EAAE,sCAAsC;GAC9B,CAAA;EAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;EACxB,UAAS;EACT,WAAA;EACA,GAAI;EACJ,CAAA"}

package/dist/esm/components/Messages/AccountNotDeployedMessage.js

@@ -1,10 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { AlertMessage } from './AlertMessage.js';
-export const AccountNotDeployedMessage = (props) => {
-    const { t } = useTranslation();
-    return (_jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: t('warning.message.accountNotDeployedMessage') }), icon: _jsx(WarningRounded, {}), severity: "warning", multiline: true, ...props }));
+import { AlertMessage } from "./AlertMessage.js";
+import { Typography } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/components/Messages/AccountNotDeployedMessage.tsx
+const AccountNotDeployedMessage = (props) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(AlertMessage, {
+		title: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: { color: "text.primary" },
+			children: t("warning.message.accountNotDeployedMessage")
+		}),
+		icon: /* @__PURE__ */ jsx(WarningRounded, {}),
+		severity: "warning",
+		multiline: true,
+		...props
+	});
 };
+//#endregion
+export { AccountNotDeployedMessage };
+
 //# sourceMappingURL=AccountNotDeployedMessage.js.map

package/dist/esm/components/Messages/AccountNotDeployedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountNotDeployedMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AccountNotDeployedMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAAuB,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YACtD,CAAC,CAAC,2CAA2C,CAAC,GACpC,EAEf,IAAI,EAAE,KAAC,cAAc,KAAG,EACxB,QAAQ,EAAC,SAAS,EAClB,SAAS,WACL,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AccountNotDeployedMessage.js","names":[],"sources":["../../../../src/components/Messages/AccountNotDeployedMessage.tsx"],"sourcesContent":["import WarningRounded from '@mui/icons-material/WarningRounded'\nimport { type BoxProps, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { AlertMessage } from './AlertMessage.js'\n\nexport const AccountNotDeployedMessage: React.FC<BoxProps> = (props) => {\n  const { t } = useTranslation()\n\n  return (\n    <AlertMessage\n      title={\n        <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n          {t('warning.message.accountNotDeployedMessage')}\n        </Typography>\n      }\n      icon={<WarningRounded />}\n      severity=\"warning\"\n      multiline\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAKA,MAAa,6BAAiD,UAAU;CACtE,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oBAAC,cAAD;EACE,OACE,oBAAC,YAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,OAAO,gBAAgB;aACtD,EAAE,4CAA4C;GACpC,CAAA;EAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;EACxB,UAAS;EACT,WAAA;EACA,GAAI;EACJ,CAAA"}

package/dist/esm/components/Messages/AlertMessage.js

@@ -1,4 +1,16 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertMessageCard, AlertMessageCardTitle, } from './AlertMessage.style.js';
-export const AlertMessage = ({ title, icon, children, multiline, severity = 'info', ...rest }) => (_jsxs(AlertMessageCard, { severity: severity, ...rest, children: [_jsxs(AlertMessageCardTitle, { severity: severity, alignItems: multiline ? 'start' : 'center', children: [icon, title] }), children] }));
+import { AlertMessageCard, AlertMessageCardTitle } from "./AlertMessage.style.js";
+import { jsxs } from "react/jsx-runtime";
+//#region src/components/Messages/AlertMessage.tsx
+const AlertMessage = ({ title, icon, children, multiline, severity = "info", ...rest }) => /* @__PURE__ */ jsxs(AlertMessageCard, {
+	severity,
+	...rest,
+	children: [/* @__PURE__ */ jsxs(AlertMessageCardTitle, {
+		severity,
+		alignItems: multiline ? "start" : "center",
+		children: [icon, title]
+	}), children]
+});
+//#endregion
+export { AlertMessage };
+
 //# sourceMappingURL=AlertMessage.js.map

package/dist/esm/components/Messages/AlertMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertMessage.js","sourceRoot":"","sources":["../../../../src/components/Messages/AlertMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAA;AAUhC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,MAAM,EACjB,GAAG,IAAI,EACW,EAAE,EAAE,CAAC,CACvB,MAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,aAC5C,MAAC,qBAAqB,IACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAEzC,IAAI,EACJ,KAAK,IACgB,EACvB,QAAQ,IACQ,CACpB,CAAA"}
+{"version":3,"file":"AlertMessage.js","names":[],"sources":["../../../../src/components/Messages/AlertMessage.tsx"],"sourcesContent":["import type { BoxProps } from '@mui/material'\nimport type { JSX, PropsWithChildren, ReactNode } from 'react'\nimport {\n  AlertMessageCard,\n  AlertMessageCardTitle,\n} from './AlertMessage.style.js'\nimport type { Severity } from './types.js'\n\ninterface AlertMessageProps extends PropsWithChildren<Omit<BoxProps, 'title'>> {\n  icon: ReactNode\n  title: ReactNode\n  multiline?: boolean\n  severity?: Severity\n}\n\nexport const AlertMessage = ({\n  title,\n  icon,\n  children,\n  multiline,\n  severity = 'info',\n  ...rest\n}: AlertMessageProps): JSX.Element => (\n  <AlertMessageCard severity={severity} {...rest}>\n    <AlertMessageCardTitle\n      severity={severity}\n      alignItems={multiline ? 'start' : 'center'}\n    >\n      {icon}\n      {title}\n    </AlertMessageCardTitle>\n    {children}\n  </AlertMessageCard>\n)\n"],"mappings":";;;AAeA,MAAa,gBAAgB,EAC3B,OACA,MACA,UACA,WACA,WAAW,QACX,GAAG,WAEH,qBAAC,kBAAD;CAA4B;CAAU,GAAI;WAA1C,CACE,qBAAC,uBAAD;EACY;EACV,YAAY,YAAY,UAAU;YAFpC,CAIG,MACA,MACqB;KACvB,SACgB"}

package/dist/esm/components/Messages/AlertMessage.style.js

@@ -1,54 +1,38 @@
-import { Box, styled } from '@mui/material';
-export const AlertMessageCard = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'severity',
-})(({ theme }) => ({
-    borderRadius: theme.vars.shape.borderRadius,
-    position: 'relative',
-    whiteSpace: 'pre-line',
-    width: '100%',
-    paddingBottom: theme.spacing(2),
-    backgroundColor: `rgba(${theme.vars.palette.info.mainChannel} / 0.12)`,
-    ...theme.applyStyles('dark', {
-        backgroundColor: `rgba(${theme.vars.palette.info.mainChannel} / 0.16)`,
-    }),
-    variants: [
-        {
-            props: {
-                severity: 'warning',
-            },
-            style: {
-                backgroundColor: `rgba(${theme.vars.palette.warning.mainChannel} / 0.32)`,
-                ...theme.applyStyles('dark', {
-                    backgroundColor: `rgba(${theme.vars.palette.warning.mainChannel} / 0.16)`,
-                }),
-            },
-        },
-    ],
+import { Box, styled } from "@mui/material";
+//#region src/components/Messages/AlertMessage.style.tsx
+const AlertMessageCard = styled(Box, { shouldForwardProp: (prop) => prop !== "severity" })(({ theme }) => ({
+	borderRadius: theme.vars.shape.borderRadius,
+	position: "relative",
+	whiteSpace: "pre-line",
+	width: "100%",
+	paddingBottom: theme.spacing(2),
+	backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,
+	...theme.applyStyles("dark", { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 16%, transparent)` }),
+	variants: [{
+		props: { severity: "warning" },
+		style: {
+			backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,
+			...theme.applyStyles("dark", { backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)` })
+		}
+	}]
 }));
-export const AlertMessageCardTitle = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'severity',
-})(({ theme }) => ({
-    display: 'flex',
-    paddingLeft: theme.spacing(2),
-    paddingRight: theme.spacing(2),
-    paddingTop: theme.spacing(2),
-    gap: theme.spacing(1),
-    color: theme.vars.palette.info.main,
-    ...theme.applyStyles('dark', {
-        color: `color-mix(in srgb, ${theme.vars.palette.info.main} 76%, white)`,
-    }),
-    variants: [
-        {
-            props: {
-                severity: 'warning',
-            },
-            style: {
-                color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,
-                ...theme.applyStyles('dark', {
-                    color: theme.vars.palette.warning.main,
-                }),
-            },
-        },
-    ],
+const AlertMessageCardTitle = styled(Box, { shouldForwardProp: (prop) => prop !== "severity" })(({ theme }) => ({
+	display: "flex",
+	paddingLeft: theme.spacing(2),
+	paddingRight: theme.spacing(2),
+	paddingTop: theme.spacing(2),
+	gap: theme.spacing(1),
+	color: theme.vars.palette.info.main,
+	...theme.applyStyles("dark", { color: `color-mix(in srgb, ${theme.vars.palette.info.main} 76%, white)` }),
+	variants: [{
+		props: { severity: "warning" },
+		style: {
+			color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,
+			...theme.applyStyles("dark", { color: theme.vars.palette.warning.main })
+		}
+	}]
 }));
+//#endregion
+export { AlertMessageCard, AlertMessageCardTitle };
+
 //# sourceMappingURL=AlertMessage.style.js.map

package/dist/esm/components/Messages/AlertMessage.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertMessage.style.js","sourceRoot":"","sources":["../../../../src/components/Messages/AlertMessage.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAO3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;IAC3C,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,UAAU;IACtB,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/B,eAAe,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,UAAU;IACtE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;QAC3B,eAAe,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,UAAU;KACvE,CAAC;IACF,QAAQ,EAAE;QACR;YACE,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;YACD,KAAK,EAAE;gBACL,eAAe,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,UAAU;gBACzE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;oBAC3B,eAAe,EAAE,QAAQ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,UAAU;iBAC1E,CAAC;aACH;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,UAAU;CACjD,CAAC,CAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM;IACf,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;IACnC,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;QAC3B,KAAK,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAAc;KACxE,CAAC;IACF,QAAQ,EAAE;QACR;YACE,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;aACpB;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,cAAc;gBAC1E,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE;oBAC3B,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBACvC,CAAC;aACH;SACF;KACF;CACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"AlertMessage.style.js","names":[],"sources":["../../../../src/components/Messages/AlertMessage.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport type { Severity } from './types.js'\n\ninterface AlertSeverityProps {\n  severity: Severity\n}\n\nexport const AlertMessageCard: React.FC<\n  React.ComponentProps<typeof Box> & AlertSeverityProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severity',\n})<AlertSeverityProps>(({ theme }) => ({\n  borderRadius: theme.vars.shape.borderRadius,\n  position: 'relative',\n  whiteSpace: 'pre-line',\n  width: '100%',\n  paddingBottom: theme.spacing(2),\n  backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 12%, transparent)`,\n  ...theme.applyStyles('dark', {\n    backgroundColor: `color-mix(in srgb, ${theme.vars.palette.info.main} 16%, transparent)`,\n  }),\n  variants: [\n    {\n      props: {\n        severity: 'warning',\n      },\n      style: {\n        backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 32%, transparent)`,\n        ...theme.applyStyles('dark', {\n          backgroundColor: `color-mix(in srgb, ${theme.vars.palette.warning.main} 16%, transparent)`,\n        }),\n      },\n    },\n  ],\n}))\n\nexport const AlertMessageCardTitle: React.FC<\n  React.ComponentProps<typeof Box> & AlertSeverityProps\n> = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'severity',\n})<AlertSeverityProps>(({ theme }) => ({\n  display: 'flex',\n  paddingLeft: theme.spacing(2),\n  paddingRight: theme.spacing(2),\n  paddingTop: theme.spacing(2),\n  gap: theme.spacing(1),\n  color: theme.vars.palette.info.main,\n  ...theme.applyStyles('dark', {\n    color: `color-mix(in srgb, ${theme.vars.palette.info.main} 76%, white)`,\n  }),\n  variants: [\n    {\n      props: {\n        severity: 'warning',\n      },\n      style: {\n        color: `color-mix(in srgb, ${theme.vars.palette.warning.main} 64%, black)`,\n        ...theme.applyStyles('dark', {\n          color: theme.vars.palette.warning.main,\n        }),\n      },\n    },\n  ],\n}))\n"],"mappings":";;AAQA,MAAa,mBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,YACvC,CAAC,EAAsB,EAAE,aAAa;CACrC,cAAc,MAAM,KAAK,MAAM;CAC/B,UAAU;CACV,YAAY;CACZ,OAAO;CACP,eAAe,MAAM,QAAQ,EAAE;CAC/B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK;CACpE,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,qBACrE,CAAC;CACF,UAAU,CACR;EACE,OAAO,EACL,UAAU,WACX;EACD,OAAO;GACL,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GACvE,GAAG,MAAM,YAAY,QAAQ,EAC3B,iBAAiB,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK,qBACxE,CAAC;GACH;EACF,CACF;CACF,EAAE;AAEH,MAAa,wBAET,OAAO,KAAK,EACd,oBAAoB,SAAS,SAAS,YACvC,CAAC,EAAsB,EAAE,aAAa;CACrC,SAAS;CACT,aAAa,MAAM,QAAQ,EAAE;CAC7B,cAAc,MAAM,QAAQ,EAAE;CAC9B,YAAY,MAAM,QAAQ,EAAE;CAC5B,KAAK,MAAM,QAAQ,EAAE;CACrB,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,sBAAsB,MAAM,KAAK,QAAQ,KAAK,KAAK,eAC3D,CAAC;CACF,UAAU,CACR;EACE,OAAO,EACL,UAAU,WACX;EACD,OAAO;GACL,OAAO,sBAAsB,MAAM,KAAK,QAAQ,QAAQ,KAAK;GAC7D,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,MAAM,KAAK,QAAQ,QAAQ,MACnC,CAAC;GACH;EACF,CACF;CACF,EAAE"}

package/dist/esm/components/Messages/FundsSufficiencyMessage.js

@@ -1,12 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { AlertMessage } from './AlertMessage.js';
-export const FundsSufficiencyMessage = (props) => {
-    const { t } = useTranslation();
-    return (_jsx(AlertMessage, { severity: "warning", icon: _jsx(WarningRounded, {}), title: _jsx(Typography, { variant: "body2", sx: {
-                color: 'text.primary',
-            }, children: t('warning.message.insufficientFunds') }), multiline: true, ...props }));
+import { AlertMessage } from "./AlertMessage.js";
+import { Typography } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/components/Messages/FundsSufficiencyMessage.tsx
+const FundsSufficiencyMessage = (props) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(AlertMessage, {
+		severity: "warning",
+		icon: /* @__PURE__ */ jsx(WarningRounded, {}),
+		title: /* @__PURE__ */ jsx(Typography, {
+			variant: "body2",
+			sx: { color: "text.primary" },
+			children: t("warning.message.insufficientFunds")
+		}),
+		multiline: true,
+		...props
+	});
 };
+//#endregion
+export { FundsSufficiencyMessage };
+
 //# sourceMappingURL=FundsSufficiencyMessage.js.map