@citizenplatform/core 1.0.4 → 1.0.6

package/dist/index1006.js

@@ -0,0 +1,96 @@
+import { ButtonActionEnum as e } from "./index4.js";
+import t from "./index206.js";
+import { GridActionsCellItem as n } from "./index762.js";
+import { GridEditActionIcon as r } from "./index1002.js";
+import { GridDeleteActionIcon as i } from "./index1003.js";
+import { GridPrintActionIcon as a } from "./index1004.js";
+import { GridViewActionIcon as o } from "./index1005.js";
+import { useTranslation as s } from "react-i18next";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/libs/shared/UI/dataGrid/dataGridController.tsx
+var u = (u) => {
+	let { showSerialNumber: d = !0 } = u, { t: f } = s(), { isMobile: p } = t(), m = {
+		field: "__serialNumber",
+		headerName: f("strSNo"),
+		sortable: !1,
+		filterable: !1,
+		disableColumnMenu: !0,
+		width: p ? 60 : 100,
+		renderCell: (e) => {
+			let t = e.api.getAllRowIds().indexOf(e.id) + 1, n = u.paginationModel;
+			return (n?.page || 0) * (n?.pageSize || 10) + t;
+		}
+	}, h = {
+		field: "actions",
+		headerName: f("strAction"),
+		type: "actions",
+		width: p ? 100 : 140,
+		sortable: !1,
+		filterable: !1,
+		disableColumnMenu: !0,
+		cellClassName: p ? "sticky-cell-action" : "",
+		headerClassName: p ? "sticky-header-action" : "",
+		getActions: (t) => {
+			if (!u.actions?.length) return [];
+			let s = [];
+			for (let c of u.actions) if (!c.hidden) switch (c.type) {
+				case e.VIEW:
+					s.push(/* @__PURE__ */ l(n, {
+						disabled: c.disabled,
+						icon: /* @__PURE__ */ l(o, { isDisabled: c.disabled }),
+						label: f("strView"),
+						onClick: () => c.onClick(t)
+					}, "view"));
+					break;
+				case e.EDIT:
+					s.push(/* @__PURE__ */ l(n, {
+						disabled: c.disabled,
+						icon: /* @__PURE__ */ l(r, { isDisabled: c.disabled }),
+						label: f("strEdit"),
+						onClick: () => c.onClick(t)
+					}, "edit"));
+					break;
+				case e.DELETE:
+					s.push(/* @__PURE__ */ l(n, {
+						disabled: c.disabled,
+						icon: /* @__PURE__ */ l(i, { isDisabled: c.disabled }),
+						label: f("strDelete"),
+						onClick: () => c.onClick(t)
+					}, "delete"));
+					break;
+				case e.PRINT: s.push(/* @__PURE__ */ l(n, {
+					icon: /* @__PURE__ */ l(a, {}),
+					label: f("strPrint"),
+					onClick: () => c.onClick(t)
+				}, "print"));
+			}
+			return s;
+		}
+	};
+	return {
+		t: f,
+		finalColumns: c(() => {
+			let e = u.columns.map((e) => ({
+				...e,
+				headerName: f(e.headerName),
+				minWidth: e.minWidth || (p ? 120 : 180),
+				...p ? { flex: void 0 } : { flex: e.flex || 1 }
+			})), t = u.actions?.some((e) => !e.hidden);
+			return [
+				...(d || !1) === !1 ? [] : [m],
+				...e,
+				...t ? [h] : []
+			];
+		}, [
+			u.columns,
+			u.actions,
+			p
+		]),
+		isMobile: p
+	};
+};
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=index1006.js.map

package/dist/index1006.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1006.js","names":[],"sources":["../src/libs/shared/UI/dataGrid/dataGridController.tsx"],"sourcesContent":["import { type DataGridProps, GridActionsCellItem, type GridActionsColDef, type GridColDef, type GridPaginationModel, type GridRowParams } from \"@mui/x-data-grid\";\r\nimport { GridDeleteActionIcon } from \"assets/icons/grid-delete-icon\";\r\nimport { GridEditActionIcon } from \"assets/icons/grid-edit-icon\";\r\nimport { GridPrintActionIcon } from \"assets/icons/grid-print-icon\";\r\nimport { GridViewActionIcon } from \"assets/icons/grid-view-icon\";\r\nimport useDevice from \"hooks/useDevice\";\r\nimport { ButtonActionEnum } from \"libs/shared/enums/common-enums\";\r\nimport type { GridRowData } from \"libs/shared/types/common-types\";\r\nimport { useMemo } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport interface GridViewProps<T extends GridRowData> extends DataGridProps {\r\n  data: T[];\r\n  pageSize?: number;\r\n  columns: GridColDef[];\r\n  actions?: GridAction[];\r\n  showSerialNumber?: boolean;\r\n}\r\n\r\nexport interface GridAction {\r\n  type: ButtonActionEnum;\r\n  onClick: (params: GridRowParams) => void;\r\n  hidden?: boolean;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst useGridView = <T extends GridRowData>(props: GridViewProps<T>) => {\r\n\r\n  const {showSerialNumber = true} = props\r\n\r\n  const { t } = useTranslation();\r\n\r\n  const { isMobile } = useDevice();\r\n\r\n  const serialNumberColumn: GridColDef = {\r\n    field: \"__serialNumber\",\r\n    headerName: t(\"strSNo\"),\r\n    sortable: false,\r\n    filterable: false,\r\n    disableColumnMenu: true,\r\n    width: isMobile ? 60 : 100,\r\n    renderCell: (params) => {\r\n\r\n      const index =\r\n        params.api\r\n          .getAllRowIds()\r\n          .indexOf(params.id) + 1;\r\n\r\n      const paginationModel =\r\n        props.paginationModel;\r\n\r\n      const previousPage =\r\n        ((paginationModel as GridPaginationModel)?.page || 0) *\r\n        ((paginationModel as GridPaginationModel)?.pageSize || 10);\r\n\r\n      return previousPage + index;\r\n    },\r\n  };\r\n\r\n  const actionColumn: GridActionsColDef = {\r\n    field: \"actions\",\r\n    headerName: t(\"strAction\"),\r\n    type: \"actions\",\r\n    width: isMobile ? 100 : 140,\r\n    sortable: false,\r\n    filterable: false,\r\n    disableColumnMenu: true,\r\n    cellClassName: isMobile\r\n      ? \"sticky-cell-action\"\r\n      : \"\",\r\n\r\n    headerClassName: isMobile\r\n      ? \"sticky-header-action\"\r\n      : \"\",\r\n\r\n    getActions: (params: GridRowParams) => {\r\n\r\n      if (!props.actions?.length) {\r\n        return [];\r\n      }\r\n\r\n      const actionItems = [];\r\n\r\n      for (const action of props.actions) {\r\n\r\n        if (action.hidden) continue;\r\n\r\n        switch (action.type) {\r\n\r\n          case ButtonActionEnum.VIEW:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n                disabled={action.disabled}\r\n                key=\"view\"\r\n                icon={<GridViewActionIcon isDisabled={action.disabled}/>}\r\n                label={t(\"strView\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n\r\n          case ButtonActionEnum.EDIT:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n              disabled={action.disabled}\r\n                key=\"edit\"\r\n                icon={<GridEditActionIcon isDisabled={action.disabled}/>}\r\n                label={t(\"strEdit\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n\r\n          case ButtonActionEnum.DELETE:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n              disabled={action.disabled}\r\n                key=\"delete\"\r\n                icon={<GridDeleteActionIcon isDisabled={action.disabled}/>}\r\n                label={t(\"strDelete\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n          case ButtonActionEnum.PRINT:\r\n            actionItems.push(\r\n              <GridActionsCellItem\r\n                key=\"print\"\r\n                icon={<GridPrintActionIcon />}\r\n                label={t(\"strPrint\")}\r\n                onClick={() =>\r\n                  action.onClick(params)\r\n                }\r\n              />\r\n            );\r\n            break;\r\n        }\r\n      }\r\n\r\n      return actionItems;\r\n    },\r\n  };\r\nconst finalColumns = useMemo(() => {\r\n  const updatedColumns = props.columns.map((column) => ({\r\n    ...column,\r\n    headerName: t(column.headerName!),\r\n    minWidth:\r\n      column.minWidth ||\r\n      (isMobile ? 120 : 180),\r\n\r\n    ...(isMobile\r\n      ? {\r\n          flex: undefined,\r\n        }\r\n      : {\r\n          flex: column.flex || 1,\r\n        }),\r\n  }));\r\n\r\n  const hasVisibleActions = props.actions?.some(\r\n    (action) => !action.hidden\r\n  );\r\n\r\n  return [\r\n    ...((showSerialNumber || false) === false\r\n      ? []\r\n      : [serialNumberColumn]),\r\n\r\n    ...updatedColumns,\r\n\r\n    ...(hasVisibleActions\r\n      ? [actionColumn]\r\n      : []),\r\n  ];\r\n}, [\r\n  props.columns,\r\n  props.actions,\r\n  isMobile,\r\n]);\r\n\r\n  return {\r\n    t,\r\n    finalColumns,\r\n    isMobile\r\n  }\r\n}\r\n\r\nexport default useGridView;"],"mappings":";;;;;;;;;;;AA0BA,IAAM,KAAsC,MAA4B;CAEtE,IAAM,EAAC,sBAAmB,OAAQ,GAE5B,EAAE,SAAM,EAAe,GAEvB,EAAE,gBAAa,EAAU,GAEzB,IAAiC;EACrC,OAAO;EACP,YAAY,EAAE,QAAQ;EACtB,UAAU;EACV,YAAY;EACZ,mBAAmB;EACnB,OAAO,IAAW,KAAK;EACvB,aAAa,MAAW;GAEtB,IAAM,IACJ,EAAO,IACJ,aAAa,CAAC,CACd,QAAQ,EAAO,EAAE,IAAI,GAEpB,IACJ,EAAM;GAMR,QAHI,GAAyC,QAAQ,MACjD,GAAyC,YAAY,MAEnC;EACxB;CACF,GAEM,IAAkC;EACtC,OAAO;EACP,YAAY,EAAE,WAAW;EACzB,MAAM;EACN,OAAO,IAAW,MAAM;EACxB,UAAU;EACV,YAAY;EACZ,mBAAmB;EACnB,eAAe,IACX,uBACA;EAEJ,iBAAiB,IACb,yBACA;EAEJ,aAAa,MAA0B;GAErC,IAAI,CAAC,EAAM,SAAS,QAClB,OAAO,CAAC;GAGV,IAAM,IAAc,CAAC;GAErB,KAAK,IAAM,KAAU,EAAM,SAErB,OAAO,QAEX,QAAQ,EAAO,MAAf;IAEE,KAAK,EAAiB;KACpB,EAAY,KACV,kBAAC,GAAD;MACE,UAAU,EAAO;MAEjB,MAAM,kBAAC,GAAD,EAAoB,YAAY,EAAO,SAAU,CAAA;MACvD,OAAO,EAAE,SAAS;MAClB,eACE,EAAO,QAAQ,CAAM;KAExB,GANK,MAML,CACH;KACA;IAEF,KAAK,EAAiB;KACpB,EAAY,KACV,kBAAC,GAAD;MACA,UAAU,EAAO;MAEf,MAAM,kBAAC,GAAD,EAAoB,YAAY,EAAO,SAAU,CAAA;MACvD,OAAO,EAAE,SAAS;MAClB,eACE,EAAO,QAAQ,CAAM;KAExB,GANK,MAML,CACH;KACA;IAEF,KAAK,EAAiB;KACpB,EAAY,KACV,kBAAC,GAAD;MACA,UAAU,EAAO;MAEf,MAAM,kBAAC,GAAD,EAAsB,YAAY,EAAO,SAAU,CAAA;MACzD,OAAO,EAAE,WAAW;MACpB,eACE,EAAO,QAAQ,CAAM;KAExB,GANK,QAML,CACH;KACA;IACF,KAAK,EAAiB,OACpB,EAAY,KACV,kBAAC,GAAD;KAEE,MAAM,kBAAC,GAAD,CAAsB,CAAA;KAC5B,OAAO,EAAE,UAAU;KACnB,eACE,EAAO,QAAQ,CAAM;IAExB,GANK,OAML,CACH;GAEJ;GAGF,OAAO;EACT;CACF;CAuCA,OAAO;EACL;EACA,cAxCiB,QAAc;GACjC,IAAM,IAAiB,EAAM,QAAQ,KAAK,OAAY;IACpD,GAAG;IACH,YAAY,EAAE,EAAO,UAAW;IAChC,UACE,EAAO,aACN,IAAW,MAAM;IAEpB,GAAI,IACA,EACE,MAAM,KAAA,EACR,IACA,EACE,MAAM,EAAO,QAAQ,EACvB;GACN,EAAE,GAEI,IAAoB,EAAM,SAAS,MACtC,MAAW,CAAC,EAAO,MACtB;GAEA,OAAO;IACL,IAAK,KAAoB,QAAW,KAChC,CAAC,IACD,CAAC,CAAkB;IAEvB,GAAG;IAEH,GAAI,IACA,CAAC,CAAY,IACb,CAAC;GACP;EACF,GAAG;GACD,EAAM;GACN,EAAM;GACN;EACF,CAII;EACA;CACF;AACF"}

package/dist/index1007.js

@@ -0,0 +1,153 @@
+import e from "./index90.js";
+import { DataGrid as t } from "./index1000.js";
+import n from "./index1006.js";
+import r, { useMemo as i } from "react";
+import { Box as a } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+var s = r.memo((r) => {
+	let { data: s, rowCount: c, paginationMode: l = "server", rowHeight: u, ...d } = r, { t: f, isMobile: p, finalColumns: m } = n(r), h = e(), g = (e) => e * 16, _ = i(() => ({
+		noRowsLabel: f("grid.noRowsLabel"),
+		noResultsOverlayLabel: f("grid.noResultsOverlayLabel"),
+		toolbarColumns: f("grid.toolbarColumns"),
+		toolbarFilters: f("grid.toolbarFilters"),
+		toolbarExport: f("grid.toolbarExport"),
+		footerTotalRows: f("grid.footerTotalRows"),
+		footerRowSelected: (e) => f("grid.footerRowSelected", { count: e })
+	}), [f]), v = 3.2, y = {
+		border: `1px solid ${h.palette.datagrid.heading}`,
+		borderRadius: "8px",
+		overflow: "hidden",
+		"& .MuiDataGrid-columnHeaderTitle": {
+			fontWeight: 700,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		"& .MuiDataGrid-cell": {
+			borderBottom: `1px solid ${h.palette.datagrid.heading}`,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			textOverflow: "ellipsis"
+		},
+		"& .MuiDataGrid-row": {
+			backgroundColor: h.palette.datagrid.rowbg,
+			borderBottom: `1px solid ${h.palette.datagrid.heading}`,
+			transition: "all 0.2s ease"
+		},
+		"& .MuiDataGrid-row:hover": { backgroundColor: h.palette.datagrid.filter },
+		"& .MuiDataGrid-row.Mui-selected": { backgroundColor: h.palette.datagrid.filter },
+		"& .MuiDataGrid-row.Mui-selected:hover": { backgroundColor: h.palette.datagrid.filter },
+		"& .MuiCheckbox-root.Mui-checked": { color: h.palette.datagrid.filter },
+		"& .MuiCheckbox-indeterminate": { color: h.palette.datagrid.filter },
+		"& .MuiDataGrid-cell:focus, & .MuiDataGrid-columnHeader:focus, & .MuiDataGrid-cell:focus-within": { outline: `1px solid ${h.palette.datagrid.filter}` },
+		"& .MuiDataGrid-footerContainer": {
+			borderTop: `1px solid ${h.palette.datagrid.heading}`,
+			minHeight: "56px"
+		},
+		"& .MuiDataGrid-overlay": { minHeight: "150px" },
+		"& .MuiDataGrid-scrollbarFiller": { backgroundColor: h.palette.datagrid.heading },
+		"& .disabled-row .MuiDataGrid-checkboxInput": {
+			pointerEvents: "none",
+			opacity: .5
+		}
+	}, b = i(() => ({
+		...y,
+		"& .MuiDataGrid-columnHeaders": {
+			backgroundColor: h.palette.datagrid.heading,
+			borderBottom: `1px solid ${h.palette.datagrid.heading}`
+		},
+		"& .MuiDataGrid-columnHeader": {
+			backgroundColor: h.palette.datagrid.heading,
+			color: h.palette.text.primary,
+			fontWeight: 700,
+			fontSize: "0.9rem",
+			borderRight: `1px solid ${h.palette.datagrid.heading}`
+		}
+	}), [h]), x = i(() => ({
+		...y,
+		"& .MuiDataGrid-columnHeaders": { backgroundColor: h.palette.datagrid.heading },
+		"& .MuiDataGrid-columnHeader": {
+			backgroundColor: h.palette.datagrid.heading,
+			color: h.palette.text.primary,
+			fontWeight: 700,
+			minWidth: "6rem"
+		},
+		"& .MuiDataGrid-columnHeadersInner": { minWidth: "max-content" },
+		"& .MuiDataGrid-virtualScrollerContent": { minWidth: "max-content" },
+		"& .MuiDataGrid-row": { minWidth: "max-content" },
+		"& .sticky-cell-action": {
+			position: "sticky",
+			right: 0,
+			zIndex: 10,
+			backgroundColor: h.palette.datagrid.rowbg,
+			borderLeft: `1px solid ${h.palette.datagrid.heading}`
+		},
+		"& .sticky-header-action": {
+			position: "sticky",
+			right: 0,
+			zIndex: 11,
+			backgroundColor: h.palette.datagrid.heading,
+			borderLeft: `1px solid ${h.palette.datagrid.heading}`
+		},
+		"& .MuiDataGrid-columnSeparator": { display: "none" },
+		"& .MuiDataGrid-footerContainer": { flexWrap: "wrap" },
+		"& .MuiDataGrid-virtualScroller": {
+			overflowX: "auto !important",
+			overflowY: "auto !important"
+		},
+		"& .MuiDataGrid-scrollbar": { display: "block" }
+	}), [h]), S = s.length > 10 ? l === "server" ? "calc(80vh - 10rem)" : 400 : "auto";
+	return /* @__PURE__ */ o(a, {
+		sx: {
+			mt: 2,
+			mb: 2,
+			width: "100%",
+			maxWidth: "100%",
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ o(a, {
+			sx: {
+				height: S,
+				width: "100%"
+			},
+			children: /* @__PURE__ */ o(t, {
+				...d,
+				rows: s,
+				columns: m,
+				rowCount: l === "server" && c || s.length,
+				paginationMode: l,
+				columnHeaderHeight: g(v),
+				rowHeight: u || g(3.7),
+				pageSizeOptions: [
+					10,
+					25,
+					50,
+					100
+				],
+				hideFooterSelectedRowCount: !0,
+				localeText: _,
+				sx: {
+					...p ? x : b,
+					width: "100%",
+					"& .MuiDataGrid-main": { overflow: "auto" },
+					"& .MuiDataGrid-columnHeaders": {
+						minHeight: `${g(v)}px !important`,
+						maxHeight: `${g(v)}px !important`
+					}
+				},
+				slotProps: { pagination: {
+					labelRowsPerPage: f("grid.rowsPerPage"),
+					labelDisplayedRows: ({ from: e, to: t, count: n }) => f("grid.displayedRows", {
+						from: e,
+						to: t,
+						count: n === -1 ? `more than ${t}` : n
+					})
+				} }
+			})
+		})
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index1007.js.map

package/dist/index1007.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1007.js","names":[],"sources":["../src/libs/shared/UI/dataGrid/DataGrid.tsx"],"sourcesContent":["import { DataGrid, type GridLocaleText } from \"@mui/x-data-grid\";\r\nimport React, { useMemo } from \"react\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nimport useGridView, { type GridViewProps } from \"./dataGridController\";\r\nimport type { GridRowData } from \"libs/shared/types/common-types\";\r\nimport { useTheme } from \"@mui/system\";\r\nimport type { UnknownAction } from \"@reduxjs/toolkit\";\r\n\r\nconst CustomDataGrid = <T extends GridRowData>(\r\n  props: GridViewProps<T>\r\n) => {\r\n  const {\r\n    data,\r\n    rowCount,\r\n    paginationMode = \"server\",\r\n    rowHeight,\r\n    ...rest\r\n  } = props;\r\n\r\n  const { t, isMobile, finalColumns } = useGridView(props);\r\n  const theme = useTheme();\r\n\r\n  const remToPx = (rem: number): number => rem * 16;\r\n\r\n  const localeText: Partial<GridLocaleText> = useMemo(\r\n    () => ({\r\n      noRowsLabel: t(\"grid.noRowsLabel\"),\r\n      noResultsOverlayLabel: t(\"grid.noResultsOverlayLabel\"),\r\n      toolbarColumns: t(\"grid.toolbarColumns\"),\r\n      toolbarFilters: t(\"grid.toolbarFilters\"),\r\n      toolbarExport: t(\"grid.toolbarExport\"),\r\n      footerTotalRows: t(\"grid.footerTotalRows\"),\r\n      footerRowSelected: (count) =>\r\n        t(\"grid.footerRowSelected\", { count }),\r\n    }),\r\n    [t]\r\n  );\r\n\r\n  const HEADER_HEIGHT_REM = 3.2;\r\n  const ROW_HEIGHT_REM = 3.7;\r\n\r\n  const commonStyles = {\r\n    border: `1px solid ${theme.palette.datagrid.heading}`,\r\n    borderRadius: \"8px\",\r\n    overflow: \"hidden\",\r\n\r\n    \"& .MuiDataGrid-columnHeaderTitle\": {\r\n      fontWeight: 700,\r\n      whiteSpace: \"nowrap\",\r\n      overflow: \"hidden\",\r\n      textOverflow: \"ellipsis\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-cell\": {\r\n      borderBottom: `1px solid ${theme.palette.datagrid.heading}`,\r\n      whiteSpace: \"nowrap\",\r\n      overflow: \"hidden\",\r\n      textOverflow: \"ellipsis\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-row\": {\r\n      backgroundColor: theme.palette.datagrid.rowbg,\r\n      borderBottom: `1px solid ${theme.palette.datagrid.heading}`,\r\n      transition: \"all 0.2s ease\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-row:hover\": {\r\n      backgroundColor: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiDataGrid-row.Mui-selected\": {\r\n      backgroundColor: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiDataGrid-row.Mui-selected:hover\": {\r\n      backgroundColor: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiCheckbox-root.Mui-checked\": {\r\n      color: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiCheckbox-indeterminate\": {\r\n      color: theme.palette.datagrid.filter,\r\n    },\r\n\r\n    \"& .MuiDataGrid-cell:focus, & .MuiDataGrid-columnHeader:focus, & .MuiDataGrid-cell:focus-within\":\r\n      {\r\n        outline: `1px solid ${theme.palette.datagrid.filter}`,\r\n      },\r\n\r\n    \"& .MuiDataGrid-footerContainer\": {\r\n      borderTop: `1px solid ${theme.palette.datagrid.heading}`,\r\n      minHeight: \"56px\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-overlay\": {\r\n      minHeight: \"150px\",\r\n    },\r\n\r\n    \"& .MuiDataGrid-scrollbarFiller\": {\r\n      backgroundColor: theme.palette.datagrid.heading,\r\n    },\r\n\r\n    \"& .disabled-row .MuiDataGrid-checkboxInput\": {\r\n      pointerEvents: \"none\",\r\n      opacity: 0.5,\r\n    },\r\n  };\r\n\r\n  const gridStyles = useMemo(\r\n    () => ({\r\n      ...commonStyles,\r\n\r\n      \"& .MuiDataGrid-columnHeaders\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        borderBottom: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n\r\n      \"& .MuiDataGrid-columnHeader\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        color: theme.palette.text.primary,\r\n        fontWeight: 700,\r\n        fontSize: \"0.9rem\",\r\n        borderRight: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n    }),\r\n    [theme]\r\n  );\r\n\r\n  const mobileGridStyles = useMemo(\r\n    () => ({\r\n      ...commonStyles,\r\n\r\n      \"& .MuiDataGrid-columnHeaders\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n      },\r\n      \"& .MuiDataGrid-columnHeader\": {\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        color: theme.palette.text.primary,\r\n        fontWeight: 700,\r\n        minWidth: \"6rem\",\r\n      },\r\n      \"& .MuiDataGrid-columnHeadersInner\": {\r\n        minWidth: \"max-content\",\r\n      },\r\n      \"& .MuiDataGrid-virtualScrollerContent\": {\r\n        minWidth: \"max-content\",\r\n      },\r\n      \"& .MuiDataGrid-row\": {\r\n        minWidth: \"max-content\",\r\n      },\r\n      \"& .sticky-cell-action\": {\r\n        position: \"sticky\",\r\n        right: 0,\r\n        zIndex: 10,\r\n        backgroundColor: theme.palette.datagrid.rowbg,\r\n        borderLeft: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n      \"& .sticky-header-action\": {\r\n        position: \"sticky\",\r\n        right: 0,\r\n        zIndex: 11,\r\n        backgroundColor: theme.palette.datagrid.heading,\r\n        borderLeft: `1px solid ${theme.palette.datagrid.heading}`,\r\n      },\r\n      \"& .MuiDataGrid-columnSeparator\": {\r\n        display: \"none\",\r\n      },\r\n      \"& .MuiDataGrid-footerContainer\": {\r\n        flexWrap: \"wrap\",\r\n      },\r\n      \"& .MuiDataGrid-virtualScroller\": {\r\n        overflowX: \"auto !important\",\r\n        overflowY: \"auto !important\",\r\n      },\r\n      \"& .MuiDataGrid-scrollbar\": {\r\n        display: \"block\",\r\n      },\r\n    }),\r\n    [theme]\r\n  );\r\n\r\n  const heightLogic =\r\n    data.length > 10\r\n      ? paginationMode === \"server\"\r\n        ? \"calc(80vh - 10rem)\"\r\n        : 400\r\n      : 'auto';\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        mt: 2,\r\n        mb: 2,\r\n        width: \"100%\",\r\n        maxWidth: \"100%\",\r\n        overflow: \"hidden\",\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          height: heightLogic,\r\n          width: \"100%\",\r\n        }}\r\n      >\r\n        <DataGrid\r\n          {...rest}\r\n          rows={data}\r\n          columns={finalColumns}\r\n          rowCount={\r\n            paginationMode === \"server\"\r\n              ? rowCount || data.length\r\n              : data.length\r\n          }\r\n          paginationMode={paginationMode}\r\n          columnHeaderHeight={remToPx(HEADER_HEIGHT_REM)}\r\n          rowHeight={rowHeight || remToPx(ROW_HEIGHT_REM)}\r\n          pageSizeOptions={[10, 25, 50, 100]}\r\n          hideFooterSelectedRowCount\r\n          localeText={localeText}\r\n          sx={{\r\n            ...(isMobile ? mobileGridStyles : gridStyles),\r\n            width: \"100%\",\r\n            \"& .MuiDataGrid-main\": {\r\n              overflow: \"auto\",\r\n            },\r\n            \"& .MuiDataGrid-columnHeaders\": {\r\n              minHeight: `${remToPx(\r\n                HEADER_HEIGHT_REM\r\n              )}px !important`,\r\n              maxHeight: `${remToPx(\r\n                HEADER_HEIGHT_REM\r\n              )}px !important`,\r\n            },\r\n          }}\r\n          slotProps={{\r\n            pagination: {\r\n              labelRowsPerPage: t(\"grid.rowsPerPage\"),\r\n              labelDisplayedRows: ({\r\n                from,\r\n                to,\r\n                count,\r\n              }: UnknownAction) =>\r\n                t(\"grid.displayedRows\", {\r\n                  from,\r\n                  to,\r\n                  count:\r\n                    count === -1\r\n                      ? `more than ${to}`\r\n                      : count,\r\n                }),\r\n            },\r\n          }}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default React.memo(CustomDataGrid);"],"mappings":";;;;;;AAqQA,IAAA,IAAe,EAAM,MA3PnB,MACG;CACH,IAAM,EACJ,SACA,aACA,oBAAiB,UACjB,cACA,GAAG,MACD,GAEE,EAAE,MAAG,aAAU,oBAAiB,EAAY,CAAK,GACjD,IAAQ,EAAS,GAEjB,KAAW,MAAwB,IAAM,IAEzC,IAAsC,SACnC;EACL,aAAa,EAAE,kBAAkB;EACjC,uBAAuB,EAAE,4BAA4B;EACrD,gBAAgB,EAAE,qBAAqB;EACvC,gBAAgB,EAAE,qBAAqB;EACvC,eAAe,EAAE,oBAAoB;EACrC,iBAAiB,EAAE,sBAAsB;EACzC,oBAAoB,MAClB,EAAE,0BAA0B,EAAE,SAAM,CAAC;CACzC,IACA,CAAC,CAAC,CACJ,GAEM,IAAoB,KAGpB,IAAe;EACnB,QAAQ,aAAa,EAAM,QAAQ,SAAS;EAC5C,cAAc;EACd,UAAU;EAEV,oCAAoC;GAClC,YAAY;GACZ,YAAY;GACZ,UAAU;GACV,cAAc;EAChB;EAEA,uBAAuB;GACrB,cAAc,aAAa,EAAM,QAAQ,SAAS;GAClD,YAAY;GACZ,UAAU;GACV,cAAc;EAChB;EAEA,sBAAsB;GACpB,iBAAiB,EAAM,QAAQ,SAAS;GACxC,cAAc,aAAa,EAAM,QAAQ,SAAS;GAClD,YAAY;EACd;EAEA,4BAA4B,EAC1B,iBAAiB,EAAM,QAAQ,SAAS,OAC1C;EAEA,mCAAmC,EACjC,iBAAiB,EAAM,QAAQ,SAAS,OAC1C;EAEA,yCAAyC,EACvC,iBAAiB,EAAM,QAAQ,SAAS,OAC1C;EAEA,mCAAmC,EACjC,OAAO,EAAM,QAAQ,SAAS,OAChC;EAEA,gCAAgC,EAC9B,OAAO,EAAM,QAAQ,SAAS,OAChC;EAEA,kGACE,EACE,SAAS,aAAa,EAAM,QAAQ,SAAS,SAC/C;EAEF,kCAAkC;GAChC,WAAW,aAAa,EAAM,QAAQ,SAAS;GAC/C,WAAW;EACb;EAEA,0BAA0B,EACxB,WAAW,QACb;EAEA,kCAAkC,EAChC,iBAAiB,EAAM,QAAQ,SAAS,QAC1C;EAEA,8CAA8C;GAC5C,eAAe;GACf,SAAS;EACX;CACF,GAEM,IAAa,SACV;EACL,GAAG;EAEH,gCAAgC;GAC9B,iBAAiB,EAAM,QAAQ,SAAS;GACxC,cAAc,aAAa,EAAM,QAAQ,SAAS;EACpD;EAEA,+BAA+B;GAC7B,iBAAiB,EAAM,QAAQ,SAAS;GACxC,OAAO,EAAM,QAAQ,KAAK;GAC1B,YAAY;GACZ,UAAU;GACV,aAAa,aAAa,EAAM,QAAQ,SAAS;EACnD;CACF,IACA,CAAC,CAAK,CACR,GAEM,IAAmB,SAChB;EACL,GAAG;EAEH,gCAAgC,EAC9B,iBAAiB,EAAM,QAAQ,SAAS,QAC1C;EACA,+BAA+B;GAC7B,iBAAiB,EAAM,QAAQ,SAAS;GACxC,OAAO,EAAM,QAAQ,KAAK;GAC1B,YAAY;GACZ,UAAU;EACZ;EACA,qCAAqC,EACnC,UAAU,cACZ;EACA,yCAAyC,EACvC,UAAU,cACZ;EACA,sBAAsB,EACpB,UAAU,cACZ;EACA,yBAAyB;GACvB,UAAU;GACV,OAAO;GACP,QAAQ;GACR,iBAAiB,EAAM,QAAQ,SAAS;GACxC,YAAY,aAAa,EAAM,QAAQ,SAAS;EAClD;EACA,2BAA2B;GACzB,UAAU;GACV,OAAO;GACP,QAAQ;GACR,iBAAiB,EAAM,QAAQ,SAAS;GACxC,YAAY,aAAa,EAAM,QAAQ,SAAS;EAClD;EACA,kCAAkC,EAChC,SAAS,OACX;EACA,kCAAkC,EAChC,UAAU,OACZ;EACA,kCAAkC;GAChC,WAAW;GACX,WAAW;EACb;EACA,4BAA4B,EAC1B,SAAS,QACX;CACF,IACA,CAAC,CAAK,CACR,GAEM,IACJ,EAAK,SAAS,KACV,MAAmB,WACjB,uBACA,MACF;CAEN,OACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,UAAU;GACV,UAAU;EACZ;EAEA,UAAA,kBAAC,GAAD;GACE,IAAI;IACF,QAAQ;IACR,OAAO;GACT;GAEA,UAAA,kBAAC,GAAD;IACE,GAAI;IACJ,MAAM;IACN,SAAS;IACT,UACE,MAAmB,YACf,KACA,EAAK;IAEK;IAChB,oBAAoB,EAAQ,CAAiB;IAC7C,WAAW,KAAa,EAAQ,GAAc;IAC9C,iBAAiB;KAAC;KAAI;KAAI;KAAI;IAAG;IACjC,4BAAA;IACY;IACZ,IAAI;KACF,GAAI,IAAW,IAAmB;KAClC,OAAO;KACP,uBAAuB,EACrB,UAAU,OACZ;KACA,gCAAgC;MAC9B,WAAW,GAAG,EACZ,CACF,EAAE;MACF,WAAW,GAAG,EACZ,CACF,EAAE;KACJ;IACF;IACA,WAAW,EACT,YAAY;KACV,kBAAkB,EAAE,kBAAkB;KACtC,qBAAqB,EACnB,SACA,OACA,eAEA,EAAE,sBAAsB;MACtB;MACA;MACA,OACE,MAAU,KACN,aAAa,MACb;KACR,CAAC;IACL,EACF;GACD,CAAA;EACE,CAAA;CACF,CAAA;AAET,CAEwC"}

package/dist/index1008.js

@@ -0,0 +1,13 @@
+import { Autocomplete as e } from "@mui/material";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/libs/shared/UI/dropdown/AutocompleteInputField.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		fullWidth: !0
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1008.js.map

package/dist/index1008.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1008.js","names":[],"sources":["../src/libs/shared/UI/dropdown/AutocompleteInputField.tsx"],"sourcesContent":["import { Autocomplete, type AutocompleteProps } from \"@mui/material\";\r\nimport type { FieldObject } from \"libs/shared/types/common-types\";\r\n\r\ntype AutoCompleteBasePropTypes<T> = AutocompleteProps<T, boolean, boolean, boolean>\r\n\r\nexport default function AutoCompleteInputField<T extends FieldObject>(props: Readonly<AutoCompleteBasePropTypes<T>>) {\r\n  return <Autocomplete {...props} fullWidth />;\r\n}\r\n"],"mappings":";;;AAKA,SAAwB,EAA8C,GAA+C;CACnH,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAO,WAAA;CAAW,CAAA;AAC7C"}

package/dist/index1009.js

@@ -0,0 +1,9 @@
+"use client";
+import e from "./index239.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region node_modules/@mui/icons-material/KeyboardArrowDown.mjs
+var n = e(/*#__PURE__*/ t("path", { d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z" }), "KeyboardArrowDown");
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index1009.js.map

package/dist/index1009.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index1009.js","names":[],"sources":["../node_modules/@mui/icons-material/KeyboardArrowDown.mjs"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z\"\n}), 'KeyboardArrowDown');"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAA,IAAe,EAA2B,gBAAK,QAAQ,EACrD,GAAG,gDACL,CAAC,GAAG,mBAAmB"}

package/dist/index101.js

@@ -1,165 +1,130 @@
-import e from "./index15.js";
-import t from "./index24.js";
-import { createUnarySpacing as n } from "./index29.js";
-import r from "./index35.js";
-import i from "./index36.js";
-import a from "./index58.js";
-import { hslToRgb as o, private_safeAlpha as s, private_safeColorChannel as c, private_safeDarken as l, private_safeEmphasize as u, private_safeLighten as d } from "./index71.js";
-import f from "./index74.js";
-import p from "./index76.js";
-import { createGetColorSchemeSelector as m } from "./index77.js";
-import { dark as h, light as g } from "./index86.js";
-import _ from "./index87.js";
-import { stringifyTheme as v } from "./index94.js";
-import y from "./index95.js";
-import b, { getOpacity as x, getOverlays as S } from "./index97.js";
-import C from "./index98.js";
-import w from "./index100.js";
-//#region node_modules/@mui/material/styles/createThemeWithVars.mjs
-function T(e, t) {
-	t.forEach((t) => {
-		e[t] || (e[t] = {});
-	});
+import e, { internal_mutateStyles as t, internal_serializeStyles as n } from "./index64.js";
+import { isPlainObject as r } from "./index68.js";
+import i from "./index73.js";
+import a from "./index76.js";
+import o from "./index86.js";
+import s from "./index88.js";
+import c from "./index99.js";
+import l from "./index100.js";
+//#region node_modules/@mui/system/createStyled/createStyled.mjs
+var u = s();
+function d(e) {
+	return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
 }
-function E(e, t, n) {
-	!e[t] && n && (e[t] = n);
+function f(e, t) {
+	return t && e && typeof e == "object" && e.styles && !e.styles.startsWith("@layer") && (e.styles = `@layer ${t}{${String(e.styles)}}`), e;
 }
-function D(e) {
-	return typeof e != "string" || !e.startsWith("hsl") ? e : o(e);
+function p(e) {
+	return e ? (t, n) => n[e] : null;
 }
-function O(e, t) {
-	`${t}Channel` in e || (e[`${t}Channel`] = c(D(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
-To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+function m(e, t, n) {
+	e.theme = i(e.theme) ? n : e.theme[t] || e.theme;
 }
-function k(e) {
-	return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+function h(e, t, r) {
+	let i = typeof t == "function" ? t(e) : t;
+	if (Array.isArray(i)) return i.flatMap((t) => h(e, t, r));
+	if (Array.isArray(i?.variants)) {
+		let t;
+		if (i.isProcessed) t = r ? f(i.style, r) : i.style;
+		else {
+			let { variants: e, ...a } = i;
+			t = r ? f(n(a), r) : a;
+		}
+		return g(e, i.variants, [t], r);
+	}
+	return i?.isProcessed ? r ? f(n(i.style), r) : i.style : r ? f(n(i), r) : i;
 }
-var A = (e) => {
-	try {
-		return e();
-	} catch {}
-}, j = (e = "mui") => f(e);
-function M(e, t, n, r, i) {
-	if (!n) return;
-	n = n === !0 ? {} : n;
-	let a = i === "dark" ? "dark" : "light";
-	if (!r) {
-		t[i] = b({
-			...n,
-			palette: {
-				mode: a,
-				...n?.palette
-			},
-			colorSpace: e
-		});
-		return;
+function g(e, t, r = [], i = void 0) {
+	let a;
+	variantLoop: for (let o = 0; o < t.length; o += 1) {
+		let s = t[o];
+		if (typeof s.props == "function") {
+			if (a ??= {
+				...e,
+				...e.ownerState,
+				ownerState: e.ownerState
+			}, !s.props(a)) continue;
+		} else for (let t in s.props) if (e[t] !== s.props[t] && e.ownerState?.[t] !== s.props[t]) continue variantLoop;
+		typeof s.style == "function" ? (a ??= {
+			...e,
+			...e.ownerState,
+			ownerState: e.ownerState
+		}, r.push(i ? f(n(s.style(a)), i) : s.style(a))) : r.push(i ? f(n(s.style), i) : s.style);
 	}
-	let { palette: o, ...s } = y({
-		...r,
-		palette: {
-			mode: a,
-			...n?.palette
-		},
-		colorSpace: e
-	});
-	return t[i] = {
-		...n,
-		palette: o,
-		opacity: {
-			...x(a),
-			...n?.opacity
-		},
-		overlays: n?.overlays || S(a)
-	}, s;
+	return r;
 }
-function N(o = {}, ...f) {
-	let { colorSchemes: y = { light: !0 }, defaultColorScheme: b, disableCssColorScheme: x = !1, cssVarPrefix: S = "mui", nativeColor: N = !1, shouldSkipGeneratingVar: P = C, colorSchemeSelector: F = y.light && y.dark ? "media" : void 0, rootSelector: I = ":root", ...L } = o, R = Object.keys(y)[0], z = b || (y.light && R !== "light" ? "light" : R), B = j(S), { [z]: V, light: H, dark: U, ...W } = y, G = { ...W }, K = V;
-	if ((z === "dark" && !("dark" in y) || z === "light" && !("light" in y)) && (K = !0), !K) throw Error(process.env.NODE_ENV === "production" ? e(21, z) : `MUI: The \`colorSchemes.${z}\` option is either missing or invalid.`);
-	let q;
-	N && (q = "oklch");
-	let J = M(q, G, K, L, z);
-	H && !G.light && M(q, G, H, void 0, "light"), U && !G.dark && M(q, G, U, void 0, "dark");
-	let Y = {
-		defaultColorScheme: z,
-		...J,
-		cssVarPrefix: S,
-		colorSchemeSelector: F,
-		rootSelector: I,
-		getCssVar: B,
-		colorSchemes: G,
-		font: {
-			..._(J.typography),
-			...J.font
-		},
-		spacing: k(L.spacing)
-	};
-	Object.keys(Y.colorSchemes).forEach((e) => {
-		let t = Y.colorSchemes[e].palette, n = (e) => {
-			let n = e.split("-"), r = n[1], i = n[2];
-			return B(e, t[r][i]);
-		};
-		t.mode === "light" && (E(t.common, "background", "#fff"), E(t.common, "onBackground", "#000")), t.mode === "dark" && (E(t.common, "background", "#000"), E(t.common, "onBackground", "#fff"));
-		function r(e, t, n) {
-			if (q) {
-				let r;
-				return e === s && (r = `transparent ${((1 - n) * 100).toFixed(0)}%`), e === l && (r = `#000 ${(n * 100).toFixed(0)}%`), e === d && (r = `#fff ${(n * 100).toFixed(0)}%`), `color-mix(in ${q}, ${t}, ${r})`;
+function _(n = {}) {
+	let { themeId: i, defaultTheme: a = u, rootShouldForwardProp: s = d, slotShouldForwardProp: c = d } = n;
+	function _(e) {
+		m(e, i, a);
+	}
+	return (n, i = {}) => {
+		t(n, (e) => e.filter((e) => e !== o));
+		let { name: a, slot: u, skipVariantsResolver: m, skipSx: S, overridesResolver: C = p(x(u)), ...w } = i, T = a && a.startsWith("Mui") || u ? "components" : "custom", E = m === void 0 ? u && u !== "Root" && u !== "root" || !1 : m, D = S || !1, O = d;
+		u === "Root" || u === "root" ? O = s : u ? O = c : b(n) && (O = void 0);
+		let k = e(n, {
+			shouldForwardProp: O,
+			label: y(a, u),
+			...w
+		}), A = (e) => {
+			if (e.__emotion_real === e) return e;
+			if (typeof e == "function") return function(t) {
+				return h(t, e, t.theme.modularCssLayers ? T : void 0);
+			};
+			if (r(e)) {
+				let t = l(e);
+				return function(e) {
+					return t.variants ? h(e, t, e.theme.modularCssLayers ? T : void 0) : e.theme.modularCssLayers ? f(t.style, T) : t.style;
+				};
 			}
-			return e(t, n);
-		}
-		if (T(t, [
-			"Alert",
-			"AppBar",
-			"Avatar",
-			"Button",
-			"Chip",
-			"FilledInput",
-			"LinearProgress",
-			"Skeleton",
-			"Slider",
-			"SnackbarContent",
-			"SpeedDialAction",
-			"StepConnector",
-			"StepContent",
-			"Switch",
-			"TableCell",
-			"Tooltip"
-		]), t.mode === "light") {
-			E(t.Alert, "errorColor", r(l, N ? B("palette-error-light") : t.error.light, .6)), E(t.Alert, "infoColor", r(l, N ? B("palette-info-light") : t.info.light, .6)), E(t.Alert, "successColor", r(l, N ? B("palette-success-light") : t.success.light, .6)), E(t.Alert, "warningColor", r(l, N ? B("palette-warning-light") : t.warning.light, .6)), E(t.Alert, "errorFilledBg", n("palette-error-main")), E(t.Alert, "infoFilledBg", n("palette-info-main")), E(t.Alert, "successFilledBg", n("palette-success-main")), E(t.Alert, "warningFilledBg", n("palette-warning-main")), E(t.Alert, "errorFilledColor", A(() => t.getContrastText(t.error.main))), E(t.Alert, "infoFilledColor", A(() => t.getContrastText(t.info.main))), E(t.Alert, "successFilledColor", A(() => t.getContrastText(t.success.main))), E(t.Alert, "warningFilledColor", A(() => t.getContrastText(t.warning.main))), E(t.Alert, "errorStandardBg", r(d, N ? B("palette-error-light") : t.error.light, .9)), E(t.Alert, "infoStandardBg", r(d, N ? B("palette-info-light") : t.info.light, .9)), E(t.Alert, "successStandardBg", r(d, N ? B("palette-success-light") : t.success.light, .9)), E(t.Alert, "warningStandardBg", r(d, N ? B("palette-warning-light") : t.warning.light, .9)), E(t.Alert, "errorIconColor", n("palette-error-main")), E(t.Alert, "infoIconColor", n("palette-info-main")), E(t.Alert, "successIconColor", n("palette-success-main")), E(t.Alert, "warningIconColor", n("palette-warning-main")), E(t.AppBar, "defaultBg", n("palette-grey-100")), E(t.Avatar, "defaultBg", n("palette-grey-400")), E(t.Button, "inheritContainedBg", n("palette-grey-300")), E(t.Button, "inheritContainedHoverBg", n("palette-grey-A100")), E(t.Chip, "defaultBorder", n("palette-grey-400")), E(t.Chip, "defaultAvatarColor", n("palette-grey-700")), E(t.Chip, "defaultIconColor", n("palette-grey-700")), E(t.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), E(t.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), E(t.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), E(t.LinearProgress, "primaryBg", r(d, N ? B("palette-primary-main") : t.primary.main, .62)), E(t.LinearProgress, "secondaryBg", r(d, N ? B("palette-secondary-main") : t.secondary.main, .62)), E(t.LinearProgress, "errorBg", r(d, N ? B("palette-error-main") : t.error.main, .62)), E(t.LinearProgress, "infoBg", r(d, N ? B("palette-info-main") : t.info.main, .62)), E(t.LinearProgress, "successBg", r(d, N ? B("palette-success-main") : t.success.main, .62)), E(t.LinearProgress, "warningBg", r(d, N ? B("palette-warning-light") : t.warning.main, .62)), E(t.Skeleton, "bg", q ? r(s, N ? B("palette-text-primary") : t.text.primary, .11) : `rgba(${n("palette-text-primaryChannel")} / 0.11)`), E(t.Slider, "primaryTrack", r(d, N ? B("palette-primary-main") : t.primary.main, .62)), E(t.Slider, "secondaryTrack", r(d, N ? B("palette-secondary-main") : t.secondary.main, .62)), E(t.Slider, "errorTrack", r(d, N ? B("palette-error-main") : t.error.main, .62)), E(t.Slider, "infoTrack", r(d, N ? B("palette-info-main") : t.info.main, .62)), E(t.Slider, "successTrack", r(d, N ? B("palette-success-main") : t.success.main, .62)), E(t.Slider, "warningTrack", r(d, N ? B("palette-warning-main") : t.warning.main, .62));
-			let e = q ? r(l, N ? B("palette-background-default") : t.background.default, .6825) : u(t.background.default, .8);
-			E(t.SnackbarContent, "bg", e), E(t.SnackbarContent, "color", A(() => q ? h.text.primary : t.getContrastText(e))), E(t.SpeedDialAction, "fabHoverBg", u(t.background.paper, .15)), E(t.StepConnector, "border", n("palette-grey-400")), E(t.StepContent, "border", n("palette-grey-400")), E(t.Switch, "defaultColor", n("palette-common-white")), E(t.Switch, "defaultDisabledColor", n("palette-grey-100")), E(t.Switch, "primaryDisabledColor", r(d, N ? B("palette-primary-main") : t.primary.main, .62)), E(t.Switch, "secondaryDisabledColor", r(d, N ? B("palette-secondary-main") : t.secondary.main, .62)), E(t.Switch, "errorDisabledColor", r(d, N ? B("palette-error-main") : t.error.main, .62)), E(t.Switch, "infoDisabledColor", r(d, N ? B("palette-info-main") : t.info.main, .62)), E(t.Switch, "successDisabledColor", r(d, N ? B("palette-success-main") : t.success.main, .62)), E(t.Switch, "warningDisabledColor", r(d, N ? B("palette-warning-main") : t.warning.main, .62)), E(t.TableCell, "border", r(d, s(N ? B("palette-divider") : t.divider, 1), .88)), E(t.Tooltip, "bg", r(s, N ? B("palette-grey-700") : t.grey[700], .92));
-		}
-		if (t.mode === "dark") {
-			E(t.Alert, "errorColor", r(d, N ? B("palette-error-light") : t.error.light, .6)), E(t.Alert, "infoColor", r(d, N ? B("palette-info-light") : t.info.light, .6)), E(t.Alert, "successColor", r(d, N ? B("palette-success-light") : t.success.light, .6)), E(t.Alert, "warningColor", r(d, N ? B("palette-warning-light") : t.warning.light, .6)), E(t.Alert, "errorFilledBg", n("palette-error-dark")), E(t.Alert, "infoFilledBg", n("palette-info-dark")), E(t.Alert, "successFilledBg", n("palette-success-dark")), E(t.Alert, "warningFilledBg", n("palette-warning-dark")), E(t.Alert, "errorFilledColor", A(() => t.getContrastText(t.error.dark))), E(t.Alert, "infoFilledColor", A(() => t.getContrastText(t.info.dark))), E(t.Alert, "successFilledColor", A(() => t.getContrastText(t.success.dark))), E(t.Alert, "warningFilledColor", A(() => t.getContrastText(t.warning.dark))), E(t.Alert, "errorStandardBg", r(l, N ? B("palette-error-light") : t.error.light, .9)), E(t.Alert, "infoStandardBg", r(l, N ? B("palette-info-light") : t.info.light, .9)), E(t.Alert, "successStandardBg", r(l, N ? B("palette-success-light") : t.success.light, .9)), E(t.Alert, "warningStandardBg", r(l, N ? B("palette-warning-light") : t.warning.light, .9)), E(t.Alert, "errorIconColor", n("palette-error-main")), E(t.Alert, "infoIconColor", n("palette-info-main")), E(t.Alert, "successIconColor", n("palette-success-main")), E(t.Alert, "warningIconColor", n("palette-warning-main")), E(t.AppBar, "defaultBg", n("palette-grey-900")), E(t.AppBar, "darkBg", n("palette-background-paper")), E(t.AppBar, "darkColor", n("palette-text-primary")), E(t.Avatar, "defaultBg", n("palette-grey-600")), E(t.Button, "inheritContainedBg", n("palette-grey-800")), E(t.Button, "inheritContainedHoverBg", n("palette-grey-700")), E(t.Chip, "defaultBorder", n("palette-grey-700")), E(t.Chip, "defaultAvatarColor", n("palette-grey-300")), E(t.Chip, "defaultIconColor", n("palette-grey-300")), E(t.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), E(t.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), E(t.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), E(t.LinearProgress, "primaryBg", r(l, N ? B("palette-primary-main") : t.primary.main, .5)), E(t.LinearProgress, "secondaryBg", r(l, N ? B("palette-secondary-main") : t.secondary.main, .5)), E(t.LinearProgress, "errorBg", r(l, N ? B("palette-error-main") : t.error.main, .5)), E(t.LinearProgress, "infoBg", r(l, N ? B("palette-info-main") : t.info.main, .5)), E(t.LinearProgress, "successBg", r(l, N ? B("palette-success-main") : t.success.main, .5)), E(t.LinearProgress, "warningBg", r(l, N ? B("palette-warning-main") : t.warning.main, .5)), E(t.Skeleton, "bg", q ? r(s, N ? B("palette-text-primary") : t.text.primary, .13) : `rgba(${n("palette-text-primaryChannel")} / 0.13)`), E(t.Slider, "primaryTrack", r(l, N ? B("palette-primary-main") : t.primary.main, .5)), E(t.Slider, "secondaryTrack", r(l, N ? B("palette-secondary-main") : t.secondary.main, .5)), E(t.Slider, "errorTrack", r(l, N ? B("palette-error-main") : t.error.main, .5)), E(t.Slider, "infoTrack", r(l, N ? B("palette-info-main") : t.info.main, .5)), E(t.Slider, "successTrack", r(l, N ? B("palette-success-main") : t.success.main, .5)), E(t.Slider, "warningTrack", r(l, N ? B("palette-warning-light") : t.warning.main, .5));
-			let e = q ? r(d, N ? B("palette-background-default") : t.background.default, .985) : u(t.background.default, .98);
-			E(t.SnackbarContent, "bg", e), E(t.SnackbarContent, "color", A(() => q ? g.text.primary : t.getContrastText(e))), E(t.SpeedDialAction, "fabHoverBg", u(t.background.paper, .15)), E(t.StepConnector, "border", n("palette-grey-600")), E(t.StepContent, "border", n("palette-grey-600")), E(t.Switch, "defaultColor", n("palette-grey-300")), E(t.Switch, "defaultDisabledColor", n("palette-grey-600")), E(t.Switch, "primaryDisabledColor", r(l, N ? B("palette-primary-main") : t.primary.main, .55)), E(t.Switch, "secondaryDisabledColor", r(l, N ? B("palette-secondary-main") : t.secondary.main, .55)), E(t.Switch, "errorDisabledColor", r(l, N ? B("palette-error-main") : t.error.main, .55)), E(t.Switch, "infoDisabledColor", r(l, N ? B("palette-info-main") : t.info.main, .55)), E(t.Switch, "successDisabledColor", r(l, N ? B("palette-success-main") : t.success.main, .55)), E(t.Switch, "warningDisabledColor", r(l, N ? B("palette-warning-light") : t.warning.main, .55)), E(t.TableCell, "border", r(l, s(N ? B("palette-divider") : t.divider, 1), .68)), E(t.Tooltip, "bg", r(s, N ? B("palette-grey-700") : t.grey[700], .92));
-		}
-		N || (O(t.background, "default"), O(t.background, "paper"), O(t.common, "background"), O(t.common, "onBackground"), O(t, "divider")), Object.keys(t).forEach((e) => {
-			let n = t[e];
-			e !== "tonalOffset" && !N && n && typeof n == "object" && (n.main && E(t[e], "mainChannel", c(D(n.main))), n.light && E(t[e], "lightChannel", c(D(n.light))), n.dark && E(t[e], "darkChannel", c(D(n.dark))), n.contrastText && E(t[e], "contrastTextChannel", c(D(n.contrastText))), e === "text" && (O(t[e], "primary"), O(t[e], "secondary")), e === "action" && (n.active && O(t[e], "active"), n.selected && O(t[e], "selected")));
-		});
-	}), Y = f.reduce((e, n) => t(e, n), Y);
-	let X = {
-		prefix: S,
-		disableCssColorScheme: x,
-		shouldSkipGeneratingVar: P,
-		getSelector: w(Y),
-		enableContrastVars: N
-	}, { vars: Z, generateThemeVars: Q, generateStyleSheets: $ } = p(Y, X);
-	return Y.vars = Z, Object.entries(Y.colorSchemes[Y.defaultColorScheme]).forEach(([e, t]) => {
-		Y[e] = t;
-	}), Y.generateThemeVars = Q, Y.generateStyleSheets = $, Y.generateSpacing = function() {
-		return a(L.spacing, n(this));
-	}, Y.getColorSchemeSelector = m(F), Y.spacing = Y.generateSpacing(), Y.shouldSkipGeneratingVar = P, Y.unstable_sxConfig = {
-		...r,
-		...L?.unstable_sxConfig
-	}, Y.unstable_sx = function(e) {
-		return i({
-			sx: e,
-			theme: this
-		});
-	}, Y.internal_cache = {}, Y.toRuntimeSource = v, Y;
+			return e;
+		}, j = (...e) => {
+			let t = [], r = e.map(A), i = [];
+			if (t.push(_), a && C && i.push(function(e) {
+				let t = e.theme.components?.[a]?.styleOverrides;
+				if (!t) return null;
+				let n = {};
+				for (let r in t) n[r] = h(e, t[r], e.theme.modularCssLayers ? "theme" : void 0);
+				return C(e, n);
+			}), a && !E && i.push(function(e) {
+				let t = e.theme?.components?.[a]?.variants;
+				return t ? g(e, t, [], e.theme.modularCssLayers ? "theme" : void 0) : null;
+			}), D || i.push(o), Array.isArray(r[0])) {
+				let e = r.shift(), n = Array(t.length).fill(""), a = Array(i.length).fill(""), o;
+				o = [
+					...n,
+					...e,
+					...a
+				], o.raw = [
+					...n,
+					...e.raw,
+					...a
+				], t.unshift(o);
+			}
+			let s = [
+				...t,
+				...r,
+				...i
+			], c = k(...s);
+			return n.muiName && (c.muiName = n.muiName), process.env.NODE_ENV !== "production" && (c.displayName = v(a, u, n)), c;
+		};
+		return k.withConfig && (j.withConfig = k.withConfig), j;
+	};
+}
+function v(e, t, n) {
+	return e ? `${e}${a(t || "")}` : `Styled(${c(n)})`;
+}
+function y(e, t) {
+	let n;
+	return process.env.NODE_ENV !== "production" && e && (n = `${e}-${x(t || "Root")}`), n;
+}
+function b(e) {
+	return typeof e == "string" && e.charCodeAt(0) > 96;
+}
+function x(e) {
+	return e && e.charAt(0).toLowerCase() + e.slice(1);
 }
 //#endregion
-export { j as createGetCssVar, N as default };
+export { _ as default, d as shouldForwardProp, u as systemDefaultTheme };
 
 //# sourceMappingURL=index101.js.map