@codezee/sixtify-brahma 0.2.104 → 0.2.106

package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+import { type StackProps } from "@mui/material";
 import type { DatePickerProps as MuiDatePickerProps } from "@mui/x-date-pickers/DatePicker";
 import type { DateView, PickerValidDate } from "@mui/x-date-pickers/models";
 import React from "react";
@@ -18,6 +19,7 @@ export type DatePickerProps<P extends FieldValues> = UseControllerProps<P> & Mui
         type: string;
         message?: string;
     }) => void;
+    containerProps?: StackProps;
 }>;
 export declare const dateFormats: {
     dateWithISO8601: string;
@@ -25,5 +27,5 @@ export declare const dateFormats: {
 };
 export declare const LeftArrowIcon: React.FC;
 export declare const RightArrowIcon: React.FC;
-export declare function DatePicker<P extends FieldValues>({ setError, control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, clearable, rules, disableKeyboardInput, setOnFinalChange, views, format, ...restProps }: DatePickerProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker<P extends FieldValues>({ setError, control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, clearable, rules, disableKeyboardInput, setOnFinalChange, views, format, containerProps, ...restProps }: DatePickerProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DatePicker.d.ts.map

package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAsMpB"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,UAAU,EAAY,MAAM,eAAe,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG5E,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAclC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,oBAA4B,EAC5B,gBAAwB,EACxB,KAAgC,EAChC,MAAqC,EACrC,cAAc,EACd,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAuMpB"}

package/packages/shared-components/dist/FormFields/DatePicker/DatePicker.js

@@ -40,7 +40,7 @@ const RightArrowIcon = () => {
         } }));
 };
 exports.RightArrowIcon = RightArrowIcon;
-function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = required ? false : true, rules, disableKeyboardInput = false, setOnFinalChange = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, ...restProps }) {
+function DatePicker({ setError, control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, clearable = required ? false : true, rules, disableKeyboardInput = false, setOnFinalChange = false, views = ["year", "month", "day"], format = exports.dateFormats.dateWithEuropean, containerProps, ...restProps }) {
     const [localError, setLocalError] = (0, react_1.useState)();
     const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const [open, setOpen] = (0, react_1.useState)(false);
@@ -64,7 +64,7 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { ...restField, ...restProps, disabled: disabled, views: views, format: format, value: finalValue, readOnly: readOnly, open: open && !readOnly, onOpen: () => setOpen(true), onClose: () => setOpen(false), slotProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", ...containerProps, children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { ...restField, ...restProps, disabled: disabled, views: views, format: format, value: finalValue, readOnly: readOnly, open: open && !readOnly, onOpen: () => setOpen(true), onClose: () => setOpen(false), slotProps: {
                     field: {
                         clearable,
                         onClear: () => onChange(null),

package/packages/shared-components/dist/FormFields/DateTimePicker/DateTimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC5E,sBAAsB,CAAC,eAAe,CAAC,GACvC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAwCL,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,MAA2B,EAC3B,UAAU,EACV,WAAW,EACX,gBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAyLxB"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAKzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAC5E,sBAAsB,CAAC,eAAe,CAAC,GACvC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC,CAAC;AAwCL,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,SAAmC,EACnC,KAAK,EACL,MAA2B,EAC3B,UAAU,EACV,WAAW,EACX,gBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA2LxB"}

package/packages/shared-components/dist/FormFields/DateTimePicker/DateTimePicker.js

@@ -52,7 +52,7 @@ function DateTimePicker({ control, defaultValue, disabled = false, label, readOn
         return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "350px" }, children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label }) }));
     }
     const EmptyIcon = () => null;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", flexDirection: "row", gap: "5px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), helperIcon && toolTipText && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipText, placement: "bottom", children: helperIcon }))] })), (0, jsx_runtime_1.jsx)(DateTimePicker_1.DateTimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, timeSteps: { minutes: timeStepsMinutes }, format: format, onOpen: () => setOpen(true), onClose: () => setOpen(false), slotProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", flexDirection: "row", gap: "5px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label })), helperIcon && toolTipText && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipText, placement: "bottom", children: helperIcon }))] })), (0, jsx_runtime_1.jsx)(DateTimePicker_1.DateTimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, timeSteps: { minutes: timeStepsMinutes }, format: format, onOpen: () => setOpen(true), onClose: () => setOpen(false), slotProps: {
                     field: {
                         clearable,
                         onClear: () => onChange(null),
@@ -65,7 +65,7 @@ function DateTimePicker({ control, defaultValue, disabled = false, label, readOn
                         helperText,
                         error,
                         InputProps: {
-                            endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { showTooltip: false, onClick: () => setOpen(true) })),
+                            endAdornment: ((0, jsx_runtime_1.jsx)(Actions_1.CalendarIconAction, { showTooltip: false, disabled: disabled, onClick: () => setOpen(true) })),
                             sx: {
                                 "& .MuiInputAdornment-root": {
                                     width: "30px",

package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,aAAa,CAAC;AAIrB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAA6B,EAC7B,WAAsD,EACtD,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CA8GpB"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,aAAa,CAAC;AAIrB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAE/D,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAS,EACT,IAAI,EACJ,QAAQ,EACR,MAA6B,EAC7B,WAAsD,EACtD,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwHpB"}

package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.js

@@ -15,7 +15,7 @@ const Skeleton_1 = require("./Skeleton");
 exports.error_with_transaltion = "error_with_transaltion";
 function FileUpload({ loading = false, onChange, isDisabled, multiple = false, required = false, error, helperText, label, fileNames, size = 10, name, setError, accept = utils_1.SUPPORTED_FILE_TYPES, acceptTitle = "Only JPG, PNG, PDF files are accepted.", ...restProps }) {
     const theme = (0, material_1.useTheme)();
-    const { red } = theme.palette.app.color;
+    const { red, iron } = theme.palette.app.color;
     const { t } = (0, react_i18next_1.useTranslation)();
     const inputRef = (0, react_1.useRef)(null);
     // eslint-disable-next-line sonarjs/cognitive-complexity
@@ -61,7 +61,7 @@ function FileUpload({ loading = false, onChange, isDisabled, multiple = false, r
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(FileUpload_styled_1.FileUploadContainer, { onClick: () => inputRef.current?.click(), error: error, ...restProps, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", alignItems: "center", justifyContent: "center", children: [(0, jsx_runtime_1.jsx)(FileUpload_styled_1.FileInput, { disabled: isDisabled, type: "file", accept: accept.toString(), ref: inputRef, onChange: handleFileChange, multiple: multiple }), (0, jsx_runtime_1.jsx)(Svgs_1.SvgDrop, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Drag & drop files or Browse" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", children: acceptTitle })] }) }) }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { disabled: isDisabled, required: required, children: label }), (0, jsx_runtime_1.jsx)(FileUpload_styled_1.FileUploadContainer, { onClick: () => inputRef.current?.click(), error: error, disabled: isDisabled, ...restProps, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", alignItems: "center", justifyContent: "center", children: [(0, jsx_runtime_1.jsx)(FileUpload_styled_1.FileInput, { disabled: isDisabled, type: "file", accept: accept.toString(), ref: inputRef, onChange: handleFileChange, multiple: multiple }), (0, jsx_runtime_1.jsx)(Svgs_1.SvgDrop, { disabled: isDisabled }), (0, jsx_runtime_1.jsx)(material_1.Typography, { color: isDisabled ? iron[800] : "revert-layer", children: "Drag & drop files or Browse" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: isDisabled ? iron[800] : "revert-layer", children: acceptTitle })] }) }) }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
                     color: `${red[900]}`,
                     whiteSpace: "pre",
                     textWrap: "wrap",

package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.d.ts

@@ -2,6 +2,7 @@ import type { BoxProps } from "@mui/material";
 import type { ComponentType, DetailedHTMLProps, InputHTMLAttributes, ReactNode } from "react";
 export type FileUploadContainerProps = BoxProps & {
     error?: boolean;
+    disabled?: boolean;
     children: ReactNode;
 };
 export declare const FileUploadContainer: ComponentType<FileUploadContainerProps>;

package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAUnE,CAAC;AAEN,eAAO,MAAM,SAAS,EAAE,aAAa,CACnC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAG1E,CAAC"}
+{"version":3,"file":"FileUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,aAAa,CAAC,wBAAwB,CAYnE,CAAC;AAEN,eAAO,MAAM,SAAS,EAAE,aAAa,CACnC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAG1E,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/FileUpload.styled.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = exports.FileUploadContainer = void 0;
 const material_1 = require("@mui/material");
-exports.FileUploadContainer = (0, material_1.styled)(material_1.Box)(({ theme, error }) => ({
+exports.FileUploadContainer = (0, material_1.styled)(material_1.Box)(({ theme, error, disabled }) => ({
     border: error
         ? `2px dashed ${theme.palette.app.color.red[900]}`
         : `2px dashed ${theme.palette.app.color.iron[800]}`,
     borderRadius: "8px",
-    cursor: "pointer",
+    cursor: disabled ? "not-allowed" : "pointer",
     "&:hover": {
-        borderColor: theme.palette.app.color.butterflyBlue[900],
+        borderColor: disabled
+            ? theme.palette.app.color.iron[800]
+            : theme.palette.app.color.butterflyBlue[900],
     },
 }));
 exports.FileInput = (0, material_1.styled)("input")({

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA6EzB"}
+{"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA+EzB"}

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.js

@@ -22,7 +22,7 @@ function PhoneInputField({ control, name, defaultValue, rules, label, disabled =
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, placeholder: placeholder || label, onChange: (phone) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, placeholder: placeholder || label, onChange: (phone) => {
                             onChange(phone);
                         }, value: value, containerStyle: {
                             width: "100%",
@@ -38,6 +38,7 @@ function PhoneInputField({ control, name, defaultValue, rules, label, disabled =
                             paddingBottom: "19px",
                             fontSize: "16px",
                             border: "none",
+                            opacity: 1,
                         }, buttonStyle: {
                             border: "none",
                         }, inputProps: { ...restField }, ...phoneInputProps })] }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts

@@ -1,4 +1,4 @@
-import { type StackProps, type StackOwnProps, type SxProps } from "@mui/material";
+import { type StackOwnProps, type StackProps, type SxProps } from "@mui/material";
 import { type RadioProps as MuiRadioProps } from "@mui/material/Radio";
 import type { ReactNode } from "react";
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,EAAO,EACP,cAAc,EACd,YAAoB,EACpB,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAmEzB"}
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,EAAO,EACP,cAAc,EACd,YAAoB,EACpB,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAyEzB"}

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.js

@@ -14,7 +14,12 @@ function RadioGroupField({ name, rules, label, control, options, defaultValue, s
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: isHorizontal ? "row" : "column", alignItems: isHorizontal ? "center" : undefined, gap: isHorizontal ? 1 : "5px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onChange: (_, event) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: isHorizontal ? "row" : "column", alignItems: isHorizontal ? "center" : undefined, gap: isHorizontal ? 1 : "5px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: {
+                    whiteSpace: "normal",
+                    overflow: "visible",
+                    textOverflow: "unset",
+                    fontSize: { xs: "14px", md: "16px" },
+                }, required: required, disabled: restRadioButtonProps.disabled, children: label })), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onChange: (_, event) => {
                     if (event === "true") {
                         onChange(true);
                     }

package/packages/shared-components/dist/FormFields/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAkBnE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACpE,IAAI,CACF,cAAc,EACd,MAAM,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CACnE,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEJ,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5C,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,WAAgB,EAChB,eAAsB,EACtB,YAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,eAAmB,EACnB,gBAA0C,EAC1C,gBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,2CAwXhB"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/FormFields/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAkBnE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAOzB,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACpE,IAAI,CACF,cAAc,EACd,MAAM,qBAAqB,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,CACnE,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEJ,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5C,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,OAAY,EACZ,KAAK,EACL,OAAe,EACf,UAAU,EACV,KAAK,EACL,WAAgB,EAChB,eAAsB,EACtB,YAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,eAAmB,EACnB,gBAA0C,EAC1C,gBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,2CA4YhB"}

package/packages/shared-components/dist/FormFields/Select/Select.js

@@ -20,7 +20,8 @@ function Select({ control, defaultValue, name, required = false, multiple = fals
     });
     const { t } = (0, react_i18next_1.useTranslation)();
     const theme = (0, material_1.useTheme)();
-    const { slate } = theme.palette.app.color;
+    const { slate, iron } = theme.palette.app.color;
+    const disabledColor = disabled ? iron[900] : "revert-layer";
     const [pendingValue, setPendingValue] = (0, react_1.useState)(null);
     const hasPendingChange = (0, react_1.useRef)(false);
     const handleSelectAll = (isSelected) => {
@@ -50,10 +51,14 @@ function Select({ control, defaultValue, name, required = false, multiple = fals
     const renderValue = (selected) => {
         if (!multiple) {
             const selectedOption = options.find((option) => option.value === selected);
-            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [isShowAvatar && selectedOption?.avatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: selectedOption.avatar ?? "", sx: { width: 20, height: 20 } })), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", noWrap: true, children: selectedOption ? selectedOption.label : placeholder })] }));
+            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [isShowAvatar && selectedOption?.avatar && ((0, jsx_runtime_1.jsx)(material_1.Avatar, { src: selectedOption.avatar ?? "", sx: { width: 20, height: 20 } })), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: disabledColor, sx: {
+                            "-webkit-text-fill-color": disabledColor,
+                        }, noWrap: true, children: selectedOption ? selectedOption.label : placeholder })] }));
         }
         if (!Array.isArray(selected) || selected.length === 0) {
-            return ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", noWrap: true, children: placeholder }));
+            return ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: {
+                    "-webkit-text-fill-color": disabledColor,
+                }, color: disabledColor, variant: "body2", noWrap: true, children: placeholder }));
         }
         const visibleItems = selectedOptions.slice(0, maxDisplayItems);
         const overflowCount = selectedOptions.length - maxDisplayItems;
@@ -62,13 +67,15 @@ function Select({ control, defaultValue, name, required = false, multiple = fals
                 alignItems: "center",
                 gap: 0.5,
                 overflow: "hidden",
-            }, children: [visibleItems.map((option) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", noWrap: true, sx: {
+            }, children: [visibleItems.map((option) => ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", noWrap: true, color: disabledColor, sx: {
+                        "-webkit-text-fill-color": disabledColor,
                         backgroundColor: slate[800],
                         padding: "2px 5px",
                         borderRadius: "12px",
                         fontSize: "12px",
                         maxWidth: "120px",
-                    }, children: option.label }, option.value))), overflowCount > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", sx: {
+                    }, children: option.label }, option.value))), overflowCount > 0 && ((0, jsx_runtime_1.jsxs)(material_1.Typography, { variant: "body2", color: disabledColor, sx: {
+                        "-webkit-text-fill-color": disabledColor,
                         backgroundColor: slate[300],
                         padding: "2px 5px",
                         borderRadius: "12px",

package/packages/shared-components/dist/FormFields/Select/Select.styled.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GroupHeader = exports.StyledFormControl = void 0;
 const material_1 = require("@mui/material");
 const styles_1 = require("@mui/material/styles");
-exports.StyledFormControl = (0, styles_1.styled)(material_1.FormControl)(({ theme }) => {
+exports.StyledFormControl = (0, styles_1.styled)(material_1.FormControl)(({ theme, disabled }) => {
     const { lightBlue, iron } = theme.palette.app.color;
     const styles = {
         "& .MuiInputBase-root": {
-            backgroundColor: iron[600],
+            backgroundColor: disabled ? (0, styles_1.alpha)(lightBlue[100], 0.3) : iron[600],
         },
         "& .MuiSelect-select": {
             display: "flex",

package/packages/shared-components/dist/FormFields/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAQ7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,cAAc,EACd,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CA+GnB"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,eAAe,GACf,uBAAuB,CAAC;AAE5B,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;AAQ7D,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,IAAI,CAAC,iBAAiB,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,CAAC,EACb,KAAK,EAAE,UAAU,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KACnD,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEJ,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EAC/C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,OAAe,EACf,WAAgB,EAChB,YAAoB,EACpB,mBAA2B,EAC3B,IAAI,EACJ,aAAuC,EACvC,UAAoB,EACpB,QAAQ,EACR,cAAc,EACd,GAAG,eAAe,EACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAgHnB"}

package/packages/shared-components/dist/FormFields/TextField/TextField.js

@@ -49,7 +49,7 @@ function TextField({ control, name, defaultValue, label = "", rules, type, requi
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, children: label })), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, onKeyDown: handleKeyDown, placeholder: placeholder || label, type: type, inputProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { ...containerProps, gap: "10px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(material_1.TextField, { disabled: disabled, required: required, fullWidth: true, onKeyDown: handleKeyDown, placeholder: placeholder || label, type: type, inputProps: {
                     min: 0,
                 }, error: Boolean(error), helperText: error?.message, onChange: (event) => {
                     let value = event.target.value || null;

package/packages/shared-components/dist/FormFields/TimePicker/TimePicker.d.ts

@@ -1,3 +1,4 @@
+import type { StackProps } from "@mui/material";
 import type { TimePickerProps as MuiTimePickerProps } from "@mui/x-date-pickers/TimePicker";
 import type { PickerValidDate } from "@mui/x-date-pickers/models";
 import { type ReactElement } from "react";
@@ -15,6 +16,7 @@ export type TimePickerProps<P extends FieldValues> = UseControllerProps<P> & Mui
     helperIcon?: ReactElement;
     toolTipText?: string;
     timeStepsMinutes?: number;
+    containerProps?: StackProps;
 }>;
-export declare function TimePicker<P extends FieldValues>({ control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, rules, format, isReturnLocalTime, isReturnDateWithTime, timeStepsMinutes, helperIcon, toolTipText, ...restProps }: TimePickerProps<P>): import("react/jsx-runtime").JSX.Element;
+export declare function TimePicker<P extends FieldValues>({ control, defaultValue, disabled, label, readOnly, name, error, helperText, loading, required, rules, format, isReturnLocalTime, isReturnDateWithTime, timeStepsMinutes, helperIcon, toolTipText, containerProps, ...restProps }: TimePickerProps<P>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TimePicker.d.ts.map

package/packages/shared-components/dist/FormFields/TimePicker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAEL,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAgB,EAChB,iBAAyB,EACzB,oBAA4B,EAC5B,gBAAoB,EACpB,UAAU,EACV,WAAW,EACX,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwHpB"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/FormFields/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAE5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EACV,WAAW,EAGX,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAIzB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,kBAAkB,CAAC,eAAe,CAAC,GACnC,OAAO,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC,CAAC;AAEL,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,EAChD,OAAO,EACP,YAAY,EACZ,QAAgB,EAChB,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,KAAa,EACb,UAAU,EACV,OAAe,EACf,QAAgB,EAChB,KAAK,EACL,MAAgB,EAChB,iBAAyB,EACzB,oBAA4B,EAC5B,gBAAoB,EACpB,UAAU,EACV,WAAW,EACX,cAAc,EACd,GAAG,SAAS,EACb,EAAE,eAAe,CAAC,CAAC,CAAC,2CAwHpB"}

package/packages/shared-components/dist/FormFields/TimePicker/TimePicker.js

@@ -8,7 +8,7 @@ const luxon_1 = require("luxon");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const Skeleton_1 = require("./Skeleton");
-function TimePicker({ control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, rules, format = "HH:mm", isReturnLocalTime = false, isReturnDateWithTime = false, timeStepsMinutes = 1, helperIcon, toolTipText, ...restProps }) {
+function TimePicker({ control, defaultValue, disabled = false, label, readOnly = false, name, error = false, helperText, loading = false, required = false, rules, format = "HH:mm", isReturnLocalTime = false, isReturnDateWithTime = false, timeStepsMinutes = 1, helperIcon, toolTipText, containerProps, ...restProps }) {
     const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
     const [open, setOpen] = (0, react_1.useState)(false);
     if (error && value && typeof value === "object") {
@@ -22,7 +22,7 @@ function TimePicker({ control, defaultValue, disabled = false, label, readOnly =
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", flexDirection: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label }), helperIcon && toolTipText && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipText, placement: "bottom", children: helperIcon }))] })), (0, jsx_runtime_1.jsx)(TimePicker_1.TimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, format: format, onOpen: () => setOpen(true), onClose: () => setOpen(false), timeSteps: { minutes: timeStepsMinutes }, slotProps: {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", ...containerProps, children: [label && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { alignItems: "center", flexDirection: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: { fontSize: { xs: "14px", md: "16px" } }, required: required, disabled: disabled, children: label }), helperIcon && toolTipText && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipText, placement: "bottom", children: helperIcon }))] })), (0, jsx_runtime_1.jsx)(TimePicker_1.TimePicker, { ...restField, ...restProps, disabled: disabled, readOnly: readOnly, open: open, ampm: false, value: pickerValue, format: format, onOpen: () => setOpen(true), onClose: () => setOpen(false), timeSteps: { minutes: timeStepsMinutes }, slotProps: {
                     textField: {
                         disabled,
                         helperText,

package/packages/shared-components/dist/PrintDownloadAction/PrintDownloadActions.d.ts

@@ -0,0 +1,13 @@
+import { type SxProps } from "@mui/material";
+type PrintDownloadActionItems = {
+    title: string;
+    onClick: () => void;
+};
+type PrintDownloadActionsProps = {
+    sx?: SxProps;
+    items: PrintDownloadActionItems[];
+    disabled?: boolean;
+};
+export declare const PrintDownloadActions: ({ items, disabled, sx, }: PrintDownloadActionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PrintDownloadActions.d.ts.map

package/packages/shared-components/dist/PrintDownloadAction/PrintDownloadActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrintDownloadActions.d.ts","sourceRoot":"","sources":["../../src/PrintDownloadAction/PrintDownloadActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,OAAO,EAEb,MAAM,eAAe,CAAC;AAMvB,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,wBAAwB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,0BAIlC,yBAAyB,4CA6C3B,CAAC"}

package/packages/shared-components/dist/PrintDownloadAction/PrintDownloadActions.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PrintDownloadActions = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const Actions_1 = require("../Actions");
+const Popover_1 = require("../AgGrid/ActionCell/Popover");
+const PadBox_1 = require("../PadBox");
+const PrintDownloadActions = ({ items, disabled, sx, }) => {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const HandleClose = () => {
+        setAnchorEl(null);
+    };
+    const HandleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: "100%", ...sx }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { component: "div", sx: { cursor: "pointer", alignItems: "center", width: "100%" }, onClick: HandleClick, disabled: disabled, children: (0, jsx_runtime_1.jsx)(Actions_1.DownloadPrintAction, {}) }), !!anchorEl && ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { open: true, anchorEl: anchorEl, onClose: HandleClose, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: items.map((item) => {
+                        return ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { sx: { width: "100%", textAlign: "start" }, onClick: () => {
+                                    item?.onClick();
+                                    setAnchorEl(null);
+                                }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: item.title }) }) }, item.title));
+                    }) }) }))] }));
+};
+exports.PrintDownloadActions = PrintDownloadActions;

package/packages/shared-components/dist/PrintDownloadAction/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./PrintDownloadActions";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/PrintDownloadAction/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PrintDownloadAction/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/packages/shared-components/dist/PrintDownloadAction/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PrintDownloadActions"), exports);

package/packages/shared-components/dist/Svgs/ArrowUpRight.d.ts

@@ -1,2 +1,5 @@
-export declare const ArrowUpRight: () => import("react/jsx-runtime").JSX.Element;
+import type { SvgIconProps } from "@mui/material";
+export declare const ArrowUpRight: (props: SvgIconProps & {
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ArrowUpRight.d.ts.map

package/packages/shared-components/dist/Svgs/ArrowUpRight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowUpRight.d.ts","sourceRoot":"","sources":["../../src/Svgs/ArrowUpRight.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,+CAgBxB,CAAC"}
+{"version":3,"file":"ArrowUpRight.d.ts","sourceRoot":"","sources":["../../src/Svgs/ArrowUpRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,YAAY,GACvB,OAAO,YAAY,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoBF,CAAC"}

package/packages/shared-components/dist/Svgs/ArrowUpRight.js

@@ -2,5 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArrowUpRight = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowUpRight = () => ((0, jsx_runtime_1.jsx)("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M6.41406 15.5837L15.5807 6.41699M15.5807 6.41699H6.41406M15.5807 6.41699V15.5837", stroke: "#93AABE", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const ArrowUpRight = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.41406 15.5837L15.5807 6.41699M15.5807 6.41699H6.41406M15.5807 6.41699V15.5837", stroke: props.disabled ? "#DBE1E6" : "#4C5D70", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+};
 exports.ArrowUpRight = ArrowUpRight;

package/packages/shared-components/dist/Svgs/DownloadSvg.d.ts

@@ -0,0 +1,5 @@
+import type { SvgIconProps } from "@mui/material";
+export declare const DownloadSvg: (props: SvgIconProps & {
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DownloadSvg.d.ts.map

package/packages/shared-components/dist/Svgs/DownloadSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadSvg.d.ts","sourceRoot":"","sources":["../../src/Svgs/DownloadSvg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,WAAW,GACtB,OAAO,YAAY,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAiBF,CAAC"}

package/packages/shared-components/dist/Svgs/DownloadSvg.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DownloadSvg = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DownloadSvg = (props) => {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M21 14C20.7348 14 20.4804 14.1054 20.2929 14.2929C20.1054 14.4804 20 14.7348 20 15V19C20 19.2652 19.8946 19.5196 19.7071 19.7071C19.5196 19.8946 19.2652 20 19 20H5C4.73478 20 4.48043 19.8946 4.29289 19.7071C4.10536 19.5196 4 19.2652 4 19V15C4 14.7348 3.89464 14.4804 3.70711 14.2929C3.51957 14.1054 3.26522 14 3 14C2.73478 14 2.48043 14.1054 2.29289 14.2929C2.10536 14.4804 2 14.7348 2 15V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V15C22 14.7348 21.8946 14.4804 21.7071 14.2929C21.5196 14.1054 21.2652 14 21 14ZM11.29 15.71C11.3851 15.801 11.4972 15.8724 11.62 15.92C11.7397 15.9729 11.8691 16.0002 12 16.0002C12.1309 16.0002 12.2603 15.9729 12.38 15.92C12.5028 15.8724 12.6149 15.801 12.71 15.71L16.71 11.71C16.8983 11.5217 17.0041 11.2663 17.0041 11C17.0041 10.7337 16.8983 10.4783 16.71 10.29C16.5217 10.1017 16.2663 9.99591 16 9.99591C15.7337 9.99591 15.4783 10.1017 15.29 10.29L13 12.59V3C13 2.73478 12.8946 2.48043 12.7071 2.29289C12.5196 2.10536 12.2652 2 12 2C11.7348 2 11.4804 2.10536 11.2929 2.29289C11.1054 2.48043 11 2.73478 11 3V12.59L8.71 10.29C8.61676 10.1968 8.50607 10.1228 8.38425 10.0723C8.26243 10.0219 8.13186 9.99591 8 9.99591C7.86814 9.99591 7.73757 10.0219 7.61575 10.0723C7.49393 10.1228 7.38324 10.1968 7.29 10.29C7.19676 10.3832 7.1228 10.4939 7.07234 10.6158C7.02188 10.7376 6.99591 10.8681 6.99591 11C6.99591 11.1319 7.02188 11.2624 7.07234 11.3842C7.1228 11.5061 7.19676 11.6168 7.29 11.71L11.29 15.71Z", fill: props.disabled ? "#afafafff" : "#4C5D70" }) }));
+};
+exports.DownloadSvg = DownloadSvg;

package/packages/shared-components/dist/Svgs/InboxIcon.d.ts

@@ -1,3 +1,5 @@
 import type { SVGProps } from "react";
-export declare const InboxIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxIcon: (props: SVGProps<SVGSVGElement> & {
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InboxIcon.d.ts.map

package/packages/shared-components/dist/Svgs/InboxIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxIcon.d.ts","sourceRoot":"","sources":["../../src/Svgs/InboxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,SAAS,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAuBvD,CAAC"}
+{"version":3,"file":"InboxIcon.d.ts","sourceRoot":"","sources":["../../src/Svgs/InboxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,eAAO,MAAM,SAAS,GACpB,OAAO,QAAQ,CAAC,aAAa,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CA4BF,CAAC"}

package/packages/shared-components/dist/Svgs/InboxIcon.js

@@ -2,5 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InboxIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const InboxIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "21", height: "21", viewBox: "0 0 18 18", fill: "none", ...props, style: { color: "inherit" }, xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M4.16019 0.312313C3.50003 0.488094 2.98441 1.01544 2.80863 1.68341C2.76175 1.85919 2.75003 2.1795 2.75003 3.1795V4.44903L1.77738 4.97247C0.363314 5.73028 0.410189 5.69903 0.324251 5.88653C0.253939 6.04669 0.250033 6.22247 0.250033 11.0701C0.250033 16.5389 0.24222 16.2928 0.468783 16.742C0.609408 17.0193 0.949251 17.3631 1.22269 17.5115C1.70316 17.7654 1.19144 17.7498 9.00003 17.7498C16.8086 17.7498 16.2969 17.7654 16.7774 17.5115C17.0508 17.3631 17.3907 17.0193 17.5313 16.742C17.7578 16.2928 17.75 16.5389 17.75 11.0701C17.75 6.23809 17.7461 6.04278 17.6758 5.89044C17.5899 5.69903 17.5743 5.69122 16.1993 4.95294L15.25 4.44903V3.1795C15.25 2.1795 15.2383 1.85919 15.1914 1.68341C15.0157 1.00763 14.4961 0.484188 13.8243 0.308407C13.4883 0.222469 4.48441 0.222469 4.16019 0.312313ZM13.711 1.60138C13.7696 1.64434 13.8555 1.73028 13.8985 1.78887C13.9805 1.89434 13.9805 1.92169 13.9805 5.31622V8.73419L11.8907 9.86309C10.7422 10.4842 9.68753 11.0272 9.55081 11.0701C9.20706 11.1795 8.75003 11.1756 8.41409 11.0584C8.27347 11.0076 7.2305 10.4647 6.08988 9.85137L4.01956 8.73028L4.00784 5.41778C4.00394 3.59747 4.00784 2.05059 4.01956 1.98028C4.04691 1.82403 4.21097 1.62481 4.37113 1.5545C4.46488 1.51153 5.31644 1.50372 9.04691 1.51153C13.5821 1.51934 13.6055 1.51934 13.711 1.60138ZM2.74222 7.50762L2.7305 8.05059L2.11331 7.71466L1.50003 7.37872L1.50785 6.94903L1.51956 6.52325L2.12503 6.20294L2.7305 5.88653L2.74222 6.42559C2.74613 6.72637 2.74613 7.21075 2.74222 7.50762ZM16.4141 6.48809C16.4961 6.53887 16.5 6.56622 16.5 6.96075V7.37872L15.8985 7.69903C15.5664 7.87872 15.2891 8.02325 15.2735 8.02325C15.2618 8.02325 15.25 7.53887 15.25 6.94903V5.87481L15.7891 6.15216C16.0821 6.30841 16.3633 6.45684 16.4141 6.48809ZM3.75003 10.0037C8.12503 12.3631 7.86331 12.2342 8.39456 12.3475C8.83597 12.4412 9.51566 12.4022 9.95706 12.2498C10.2071 12.1678 11.2071 11.6482 13.3946 10.4686L16.4805 8.8045L16.4922 12.3514C16.4961 14.3006 16.4922 15.9529 16.4805 16.0232C16.4493 16.1951 16.25 16.41 16.0782 16.4607C15.9766 16.492 13.7618 16.4998 8.91409 16.492L1.89456 16.4803L1.7891 16.3982C1.7305 16.3553 1.64456 16.2693 1.6016 16.2107C1.51956 16.1053 1.51956 16.0701 1.50785 12.449C1.50394 10.4412 1.51175 8.8045 1.53128 8.81231C1.54691 8.81622 2.54691 9.35528 3.75003 10.0037Z", fill: "#4C5D70" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.24614 4.0548C5.98442 4.16808 5.83598 4.46886 5.89067 4.76183C5.92582 4.94542 6.12114 5.16027 6.29692 5.21105C6.39457 5.2423 7.30082 5.25011 9.08598 5.2423C11.6836 5.23058 11.7305 5.23058 11.836 5.14855C12.043 4.99621 12.1055 4.87121 12.1055 4.62511C12.1055 4.37902 12.043 4.25402 11.836 4.10167C11.7305 4.01964 11.6875 4.01964 9.04692 4.01183C6.87504 4.00402 6.33989 4.01183 6.24614 4.0548Z", fill: "#4C5D70" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.24614 6.5548C5.98442 6.66808 5.83598 6.96886 5.89067 7.26183C5.92582 7.44542 6.12114 7.66027 6.29692 7.71105C6.39457 7.7423 7.20707 7.75011 8.77348 7.7423C11.0586 7.73058 11.1055 7.73058 11.211 7.64855C11.418 7.49621 11.4805 7.37121 11.4805 7.12511C11.4805 6.87902 11.418 6.75402 11.211 6.60167C11.1055 6.51964 11.0586 6.51964 8.73442 6.51183C6.82426 6.50402 6.33989 6.51183 6.24614 6.5548Z", fill: "#4C5D70" })] }));
+const InboxIcon = (props) => {
+    const stroke = props.disabled ? "#DBE1E6" : "#4C5D70";
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "23", height: "23", viewBox: "0 0 18 18", fill: "none", ...props, style: { color: "inherit" }, xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M4.16019 0.312313C3.50003 0.488094 2.98441 1.01544 2.80863 1.68341C2.76175 1.85919 2.75003 2.1795 2.75003 3.1795V4.44903L1.77738 4.97247C0.363314 5.73028 0.410189 5.69903 0.324251 5.88653C0.253939 6.04669 0.250033 6.22247 0.250033 11.0701C0.250033 16.5389 0.24222 16.2928 0.468783 16.742C0.609408 17.0193 0.949251 17.3631 1.22269 17.5115C1.70316 17.7654 1.19144 17.7498 9.00003 17.7498C16.8086 17.7498 16.2969 17.7654 16.7774 17.5115C17.0508 17.3631 17.3907 17.0193 17.5313 16.742C17.7578 16.2928 17.75 16.5389 17.75 11.0701C17.75 6.23809 17.7461 6.04278 17.6758 5.89044C17.5899 5.69903 17.5743 5.69122 16.1993 4.95294L15.25 4.44903V3.1795C15.25 2.1795 15.2383 1.85919 15.1914 1.68341C15.0157 1.00763 14.4961 0.484188 13.8243 0.308407C13.4883 0.222469 4.48441 0.222469 4.16019 0.312313ZM13.711 1.60138C13.7696 1.64434 13.8555 1.73028 13.8985 1.78887C13.9805 1.89434 13.9805 1.92169 13.9805 5.31622V8.73419L11.8907 9.86309C10.7422 10.4842 9.68753 11.0272 9.55081 11.0701C9.20706 11.1795 8.75003 11.1756 8.41409 11.0584C8.27347 11.0076 7.2305 10.4647 6.08988 9.85137L4.01956 8.73028L4.00784 5.41778C4.00394 3.59747 4.00784 2.05059 4.01956 1.98028C4.04691 1.82403 4.21097 1.62481 4.37113 1.5545C4.46488 1.51153 5.31644 1.50372 9.04691 1.51153C13.5821 1.51934 13.6055 1.51934 13.711 1.60138ZM2.74222 7.50762L2.7305 8.05059L2.11331 7.71466L1.50003 7.37872L1.50785 6.94903L1.51956 6.52325L2.12503 6.20294L2.7305 5.88653L2.74222 6.42559C2.74613 6.72637 2.74613 7.21075 2.74222 7.50762ZM16.4141 6.48809C16.4961 6.53887 16.5 6.56622 16.5 6.96075V7.37872L15.8985 7.69903C15.5664 7.87872 15.2891 8.02325 15.2735 8.02325C15.2618 8.02325 15.25 7.53887 15.25 6.94903V5.87481L15.7891 6.15216C16.0821 6.30841 16.3633 6.45684 16.4141 6.48809ZM3.75003 10.0037C8.12503 12.3631 7.86331 12.2342 8.39456 12.3475C8.83597 12.4412 9.51566 12.4022 9.95706 12.2498C10.2071 12.1678 11.2071 11.6482 13.3946 10.4686L16.4805 8.8045L16.4922 12.3514C16.4961 14.3006 16.4922 15.9529 16.4805 16.0232C16.4493 16.1951 16.25 16.41 16.0782 16.4607C15.9766 16.492 13.7618 16.4998 8.91409 16.492L1.89456 16.4803L1.7891 16.3982C1.7305 16.3553 1.64456 16.2693 1.6016 16.2107C1.51956 16.1053 1.51956 16.0701 1.50785 12.449C1.50394 10.4412 1.51175 8.8045 1.53128 8.81231C1.54691 8.81622 2.54691 9.35528 3.75003 10.0037Z", fill: stroke }), (0, jsx_runtime_1.jsx)("path", { d: "M6.24614 4.0548C5.98442 4.16808 5.83598 4.46886 5.89067 4.76183C5.92582 4.94542 6.12114 5.16027 6.29692 5.21105C6.39457 5.2423 7.30082 5.25011 9.08598 5.2423C11.6836 5.23058 11.7305 5.23058 11.836 5.14855C12.043 4.99621 12.1055 4.87121 12.1055 4.62511C12.1055 4.37902 12.043 4.25402 11.836 4.10167C11.7305 4.01964 11.6875 4.01964 9.04692 4.01183C6.87504 4.00402 6.33989 4.01183 6.24614 4.0548Z", fill: stroke }), (0, jsx_runtime_1.jsx)("path", { d: "M6.24614 6.5548C5.98442 6.66808 5.83598 6.96886 5.89067 7.26183C5.92582 7.44542 6.12114 7.66027 6.29692 7.71105C6.39457 7.7423 7.20707 7.75011 8.77348 7.7423C11.0586 7.73058 11.1055 7.73058 11.211 7.64855C11.418 7.49621 11.4805 7.37121 11.4805 7.12511C11.4805 6.87902 11.418 6.75402 11.211 6.60167C11.1055 6.51964 11.0586 6.51964 8.73442 6.51183C6.82426 6.50402 6.33989 6.51183 6.24614 6.5548Z", fill: stroke })] }));
+};
 exports.InboxIcon = InboxIcon;

package/packages/shared-components/dist/Svgs/SvgAdd.d.ts

@@ -1,3 +1,5 @@
 import type { SvgIconProps } from "@mui/material";
-export declare const SvgAdd: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgAdd: (props: SvgIconProps & {
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SvgAdd.d.ts.map

package/packages/shared-components/dist/Svgs/SvgAdd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgAdd.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgAdd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,OAAO,YAAY,4CAyBzC,CAAC"}
+{"version":3,"file":"SvgAdd.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgAdd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,MAAM,GACjB,OAAO,YAAY,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CA4BF,CAAC"}

package/packages/shared-components/dist/Svgs/SvgAdd.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgAdd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgAdd = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "19", cy: "19", r: "17", stroke: "#3BA6E8", strokeWidth: "2.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 18.6538H28", stroke: "#3BA6E8", strokeWidth: "2.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.3462 10L19.3462 28", stroke: "#3BA6E8", strokeWidth: "2.5", strokeLinecap: "round" })] }));
+    const stroke = props.disabled ? "#afafafff" : "#3BA6E8";
+    return ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 38 38", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "19", cy: "19", r: "17", stroke: stroke, strokeWidth: "2.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 18.6538H28", stroke: stroke, strokeWidth: "2.5", strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.3462 10L19.3462 28", stroke: stroke, strokeWidth: "2.5", strokeLinecap: "round" })] }));
 };
 exports.SvgAdd = SvgAdd;

package/packages/shared-components/dist/Svgs/SvgAddRounded.d.ts

@@ -1,3 +1,5 @@
 import type { SvgIconProps } from "@mui/material";
-export declare const SvgAddRounded: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgAddRounded: (props: SvgIconProps & {
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SvgAddRounded.d.ts.map

package/packages/shared-components/dist/Svgs/SvgAddRounded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgAddRounded.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgAddRounded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,4CAmChD,CAAC"}
+{"version":3,"file":"SvgAddRounded.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgAddRounded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa,GACxB,OAAO,YAAY,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAsCF,CAAC"}

package/packages/shared-components/dist/Svgs/SvgAddRounded.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgAddRounded = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SvgAddRounded = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 30, fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "#fff", stroke: "#DBE1E6", strokeWidth: 1.565, d: "M.5 4A3.5 3.5 0 0 1 4 .5h22A3.5 3.5 0 0 1 29.5 4v22a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 26V4Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "8.35", stroke: "#4C5D70", strokeWidth: "1.2" }), (0, jsx_runtime_1.jsx)("path", { d: "M15 10.455v9.091", stroke: "#4C5D70", strokeWidth: 1.565, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.455 15h9.091", stroke: "#4C5D70", strokeWidth: 1.565, strokeLinecap: "round", strokeLinejoin: "round" })] }));
+    const stroke = props.disabled ? "#afafafff" : "#4C5D70";
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 30, fill: "none", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "#fff", stroke: "#DBE1E6", strokeWidth: 1.565, d: "M.5 4A3.5 3.5 0 0 1 4 .5h22A3.5 3.5 0 0 1 29.5 4v22a3.5 3.5 0 0 1-3.5 3.5H4A3.5 3.5 0 0 1 .5 26V4Z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "15", cy: "15", r: "8.35", stroke: stroke, strokeWidth: "1.2" }), (0, jsx_runtime_1.jsx)("path", { d: "M15 10.455v9.091", stroke: stroke, strokeWidth: 1.565, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.455 15h9.091", stroke: stroke, strokeWidth: 1.565, strokeLinecap: "round", strokeLinejoin: "round" })] }));
 };
 exports.SvgAddRounded = SvgAddRounded;

package/packages/shared-components/dist/Svgs/SvgCalendar.d.ts

@@ -1,3 +1,5 @@
 import type { SvgIconProps } from "@mui/material";
-export declare const SvgCalendar: (props: SvgIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SvgCalendar: (props: SvgIconProps & {
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SvgCalendar.d.ts.map

package/packages/shared-components/dist/Svgs/SvgCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgCalendar.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,WAAW,GAAI,OAAO,YAAY,4CAiB9C,CAAC"}
+{"version":3,"file":"SvgCalendar.d.ts","sourceRoot":"","sources":["../../src/Svgs/SvgCalendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,WAAW,GACtB,OAAO,YAAY,GAAG;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAkBF,CAAC"}