@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/time-range-picker/time-range-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/time-range-picker/time-range-picker.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./time-range-picker.scss\";\nimport { AccessTimeRounded, Close } from \"@mui/icons-material\";\nimport { Box, IconButton, InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\n\ninterface TimeRangePickerProps {\n  hour12?: boolean;\n  startTime?: string;\n  endTime?: string;\n  onTimeRangeChange: (timeRanges: any[]) => void;\n}\nconst TimeRangePicker: React.FC<TimeRangePickerProps> = (props: any) => {\n  const [timeRange, setTimeRange] = useState<string[]>([]);\n  const [differenceInMinutes, setDifferenceInMinutes] = useState(0);\n  const [cnt, setCnt] = useState(0);\n  const [isOpenTimePicker, setIsOpenTimePicker] = useState(undefined);\n  const { hour12 = false, startTime, endTime, onTimeRangeChange } = props;\n\n  useEffect(() => {\n    setTimeRange([]);\n\n    const formatDate = (time: string) => {\n      if (!time) return null;\n\n      const [timePart, meridiem] = time.split(\" \");\n      const [hours, minutes] = timePart.split(\":\").map(Number);\n\n      let formattedHours = hours;\n\n      if (meridiem) {\n        if (meridiem === \"PM\") {\n          if (hours !== 12) {\n            formattedHours += 12;\n          }\n        } else if (meridiem === \"AM\" && hours === 12) {\n          formattedHours -= 12;\n        }\n      }\n\n      const date = new Date();\n      date.setHours(formattedHours, minutes, 0, 0);\n\n      const formattedTime = date.toLocaleTimeString([], {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        hour12: hour12,\n      });\n      let finalFormattedTime = formattedTime;\n\n      if (date.getHours() === 0) {\n        finalFormattedTime = \"00\" + formattedTime.slice(2); // Replace hours with 00\n      } else if (date.getHours() === 12) {\n        finalFormattedTime = \"12\" + formattedTime.slice(2); // Replace hours with 12\n      }\n      return finalFormattedTime;\n    };\n\n    setTimeRange((prevTimeRange: any) => {\n      if (startTime && endTime) {\n        const formattedStartTime = formatDate(startTime);\n        const formattedEndTime = formatDate(endTime);\n        return [...prevTimeRange, formattedStartTime, formattedEndTime];\n      }\n      return prevTimeRange;\n    });\n  }, [hour12, startTime, endTime]);\n\n  const handleChange = (dates: any) => {\n    const formattedTime: any = dates.toLocaleTimeString([], {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      hour12: hour12,\n    });\n\n    let finalFormattedTime = formattedTime;\n\n    if (dates.getHours() === 0) {\n      finalFormattedTime = \"00\" + formattedTime.slice(2); // Replace hours with 00\n    } else if (dates.getHours() === 12) {\n      finalFormattedTime = \"12\" + formattedTime.slice(2); // Replace hours with 12\n    }\n\n    if (timeRange.length < 2) {\n      setTimeRange([...timeRange, finalFormattedTime]);\n    } else if (cnt === 0) {\n      setTimeRange((prevTimeRange) => {\n        const updatedTimeRange: any = [...prevTimeRange];\n        updatedTimeRange[0] = finalFormattedTime;\n        return updatedTimeRange;\n      });\n    } else if (cnt === 1) {\n      setTimeRange((prevTimeRange) => {\n        const updatedTimeRange: any = [...prevTimeRange];\n        updatedTimeRange[1] = finalFormattedTime;\n        return updatedTimeRange;\n      });\n    }\n    setCnt(cnt + 1);\n  };\n\n  useEffect(() => {\n    if (cnt === 2) {\n      setCnt(0);\n    }\n\n    // Calculate the difference between two time ranges\n    if (timeRange.length === 2) {\n      const startTimeString = timeRange[0];\n      const endTimeString = timeRange[1];\n\n      // Parsing start time\n      const startTotalMinutes = parseTimeToMinutes(startTimeString);\n\n      // Parsing end time\n      const endTotalMinutes = parseTimeToMinutes(endTimeString);\n\n      // Calculating difference\n      let difference = endTotalMinutes - startTotalMinutes;\n      if (difference < 0) {\n        difference += 24 * 60; // Adding 24 hours if end time is smaller than start time\n      }\n      setDifferenceInMinutes(difference);\n    } else {\n      setDifferenceInMinutes(0);\n    }\n  }, [cnt, timeRange]);\n\n  const parseTimeToMinutes = (timeString: string) => {\n    const [hoursStr, minutesStr, meridiem] = timeString.split(/:| /);\n    let hours = parseInt(hoursStr);\n    const minutes = parseInt(minutesStr);\n\n    if (meridiem && meridiem.toLowerCase() === \"pm\" && hours !== 12) {\n      hours += 12;\n    } else if (meridiem && meridiem.toLowerCase() === \"am\" && hours === 12) {\n      hours = 0;\n    }\n\n    return hours * 60 + minutes;\n  };\n\n  useEffect(() => {\n    onTimeRangeChange({\n      timeRange: timeRange,\n      differenceInMinutes: differenceInMinutes,\n    });\n  }, [differenceInMinutes, onTimeRangeChange, timeRange]);\n\n  const handleClick = () => {\n    const isOpen: any = isOpenTimePicker === true ? undefined : true;\n    setIsOpenTimePicker(isOpen);\n  };\n\n  const handleCloseClick = (event: any) => {\n    setTimeRange([]);\n    setCnt(0);\n    event.stopPropagation();\n  };\n\n  const customInput = (\n    <TextField\n      className=\"time-input\"\n      type=\"text\"\n      value={\n        timeRange.length === 1\n          ? `${timeRange[0]} - `\n          : timeRange.length === 2\n            ? `${timeRange[0]} - ${timeRange[1]}`\n            : \"\"\n      }\n      InputProps={{\n        readOnly: true,\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            {timeRange.length > 0 && (\n              <IconButton onClick={handleCloseClick}>\n                <Close />\n              </IconButton>\n            )}\n            <IconButton onClick={handleClick}>\n              <AccessTimeRounded />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n    />\n  );\n\n  return (\n    <>\n      <Box className=\"DateRangePicker\">\n        <DatePicker\n          className=\"DatePickerWrapper\"\n          onChange={(date: any) => {\n            handleChange(date), handleClick();\n          }}\n          showTimeSelect\n          showTimeSelectOnly\n          timeIntervals={15}\n          selectsRange\n          customInput={customInput}\n          open={isOpenTimePicker}\n          value={\n            timeRange && timeRange.length === 1\n              ? `${timeRange[0]}-`\n              : timeRange && timeRange.length === 2\n                ? `${timeRange[0]}-${timeRange[1]}`\n                : undefined\n          }\n        />\n        <Box\n          className=\"box-icon\"\n          style={\n            timeRange.length > 0 ? { right: \"2.5rem\" } : { right: \"1.563rem\" }\n          }\n        >\n          {timeRange.length > 0 && <Close onClick={handleCloseClick} />}\n        </Box>\n      </Box>\n    </>\n  );\n};\n\nexport default TimeRangePicker;\n"],"names":["props","timeRange","setTimeRange","useState","differenceInMinutes","setDifferenceInMinutes","cnt","setCnt","isOpenTimePicker","setIsOpenTimePicker","hour12","startTime","endTime","onTimeRangeChange","useEffect","formatDate","time","timePart","meridiem","split","hours","minutes","map","Number","formattedHours","date","Date","setHours","formattedTime","toLocaleTimeString","hour","minute","finalFormattedTime","getHours","slice","prevTimeRange","formattedStartTime","formattedEndTime","length","startTimeString","endTimeString","startTotalMinutes","parseTimeToMinutes","difference","timeString","hoursStr","minutesStr","parseInt","toLowerCase","handleClick","handleCloseClick","event","stopPropagation","customInput","jsx","TextField","className","type","value","InputProps","readOnly","endAdornment","jsxs","InputAdornment","position","children","IconButton","onClick","Close","AccessTimeRounded","Fragment","Box","DatePicker","onChange","dates","updatedTimeRange","handleChange","showTimeSelect","showTimeSelectOnly","timeIntervals","selectsRange","open","style","right"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/time-range-picker/time-range-picker.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport \"./time-range-picker.scss\";\nimport { AccessTimeRounded, Close } from \"@mui/icons-material\";\nimport { Box, IconButton, InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\n\ninterface TimeRangePickerProps {\n  hour12?: boolean;\n  startTime?: string;\n  endTime?: string;\n  onTimeRangeChange: (timeRanges: any[]) => void;\n}\nconst TimeRangePicker: React.FC<TimeRangePickerProps> = (props: any) => {\n  const [timeRange, setTimeRange] = useState<string[]>([]);\n  const [differenceInMinutes, setDifferenceInMinutes] = useState(0);\n  const [cnt, setCnt] = useState(0);\n  const [isOpenTimePicker, setIsOpenTimePicker] = useState(undefined);\n  const { hour12 = false, startTime, endTime, onTimeRangeChange } = props;\n\n  useEffect(() => {\n    setTimeRange([]);\n\n    const formatDate = (time: string) => {\n      if (!time) return null;\n\n      const [timePart, meridiem] = time.split(\" \");\n      const [hours, minutes] = timePart.split(\":\").map(Number);\n\n      let formattedHours = hours;\n\n      if (meridiem) {\n        if (meridiem === \"PM\") {\n          if (hours !== 12) {\n            formattedHours += 12;\n          }\n        } else if (meridiem === \"AM\" && hours === 12) {\n          formattedHours -= 12;\n        }\n      }\n\n      const date = new Date();\n      date.setHours(formattedHours, minutes, 0, 0);\n\n      const formattedTime = date.toLocaleTimeString([], {\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        hour12: hour12,\n      });\n      let finalFormattedTime = formattedTime;\n\n      if (date.getHours() === 0) {\n        finalFormattedTime = \"00\" + formattedTime.slice(2); // Replace hours with 00\n      } else if (date.getHours() === 12) {\n        finalFormattedTime = \"12\" + formattedTime.slice(2); // Replace hours with 12\n      }\n      return finalFormattedTime;\n    };\n\n    setTimeRange((prevTimeRange: any) => {\n      if (startTime && endTime) {\n        const formattedStartTime = formatDate(startTime);\n        const formattedEndTime = formatDate(endTime);\n        return [...prevTimeRange, formattedStartTime, formattedEndTime];\n      }\n      return prevTimeRange;\n    });\n  }, [hour12, startTime, endTime]);\n\n  const handleChange = (dates: any) => {\n    const formattedTime: any = dates.toLocaleTimeString([], {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n      hour12: hour12,\n    });\n\n    let finalFormattedTime = formattedTime;\n\n    if (dates.getHours() === 0) {\n      finalFormattedTime = \"00\" + formattedTime.slice(2); // Replace hours with 00\n    } else if (dates.getHours() === 12) {\n      finalFormattedTime = \"12\" + formattedTime.slice(2); // Replace hours with 12\n    }\n\n    if (timeRange.length < 2) {\n      setTimeRange([...timeRange, finalFormattedTime]);\n    } else if (cnt === 0) {\n      setTimeRange((prevTimeRange) => {\n        const updatedTimeRange: any = [...prevTimeRange];\n        updatedTimeRange[0] = finalFormattedTime;\n        return updatedTimeRange;\n      });\n    } else if (cnt === 1) {\n      setTimeRange((prevTimeRange) => {\n        const updatedTimeRange: any = [...prevTimeRange];\n        updatedTimeRange[1] = finalFormattedTime;\n        return updatedTimeRange;\n      });\n    }\n    setCnt(cnt + 1);\n  };\n\n  useEffect(() => {\n    if (cnt === 2) {\n      setCnt(0);\n    }\n\n    // Calculate the difference between two time ranges\n    if (timeRange.length === 2) {\n      const startTimeString = timeRange[0];\n      const endTimeString = timeRange[1];\n\n      // Parsing start time\n      const startTotalMinutes = parseTimeToMinutes(startTimeString);\n\n      // Parsing end time\n      const endTotalMinutes = parseTimeToMinutes(endTimeString);\n\n      // Calculating difference\n      let difference = endTotalMinutes - startTotalMinutes;\n      if (difference < 0) {\n        difference += 24 * 60; // Adding 24 hours if end time is smaller than start time\n      }\n      setDifferenceInMinutes(difference);\n    } else {\n      setDifferenceInMinutes(0);\n    }\n  }, [cnt, timeRange]);\n\n  const parseTimeToMinutes = (timeString: string) => {\n    const [hoursStr, minutesStr, meridiem] = timeString.split(/:| /);\n    let hours = parseInt(hoursStr);\n    const minutes = parseInt(minutesStr);\n\n    if (meridiem && meridiem.toLowerCase() === \"pm\" && hours !== 12) {\n      hours += 12;\n    } else if (meridiem && meridiem.toLowerCase() === \"am\" && hours === 12) {\n      hours = 0;\n    }\n\n    return hours * 60 + minutes;\n  };\n\n  useEffect(() => {\n    onTimeRangeChange({\n      timeRange: timeRange,\n      differenceInMinutes: differenceInMinutes,\n    });\n  }, [differenceInMinutes, onTimeRangeChange, timeRange]);\n\n  const handleClick = () => {\n    const isOpen: any = isOpenTimePicker === true ? undefined : true;\n    setIsOpenTimePicker(isOpen);\n  };\n\n  const handleCloseClick = (event: any) => {\n    setTimeRange([]);\n    setCnt(0);\n    event.stopPropagation();\n  };\n\n  const customInput = (\n    <TextField\n      className=\"time-input\"\n      type=\"text\"\n      value={\n        timeRange.length === 1\n          ? `${timeRange[0]} - `\n          : timeRange.length === 2\n            ? `${timeRange[0]} - ${timeRange[1]}`\n            : \"\"\n      }\n      InputProps={{\n        readOnly: true,\n        endAdornment: (\n          <InputAdornment position=\"end\">\n            {timeRange.length > 0 && (\n              <IconButton onClick={handleCloseClick}>\n                <Close />\n              </IconButton>\n            )}\n            <IconButton onClick={handleClick}>\n              <AccessTimeRounded />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n    />\n  );\n\n  return (\n    <>\n      <Box className=\"DateRangePicker\">\n        <DatePicker\n          className=\"DatePickerWrapper\"\n          onChange={(date: any) => {\n            handleChange(date), handleClick();\n          }}\n          showTimeSelect\n          showTimeSelectOnly\n          timeIntervals={15}\n          selectsRange\n          customInput={customInput}\n          open={isOpenTimePicker}\n          value={\n            timeRange && timeRange.length === 1\n              ? `${timeRange[0]}-`\n              : timeRange && timeRange.length === 2\n                ? `${timeRange[0]}-${timeRange[1]}`\n                : undefined\n          }\n        />\n        <Box\n          className=\"box-icon\"\n          style={\n            timeRange.length > 0 ? { right: \"2.5rem\" } : { right: \"1.563rem\" }\n          }\n        >\n          {timeRange.length > 0 && <Close onClick={handleCloseClick} />}\n        </Box>\n      </Box>\n    </>\n  );\n};\n\nexport default TimeRangePicker;\n"],"names":["props","timeRange","setTimeRange","useState","differenceInMinutes","setDifferenceInMinutes","cnt","setCnt","isOpenTimePicker","setIsOpenTimePicker","hour12","startTime","endTime","onTimeRangeChange","useEffect","formatDate","time","timePart","meridiem","split","hours","minutes","map","Number","formattedHours","date","Date","setHours","formattedTime","toLocaleTimeString","hour","minute","finalFormattedTime","getHours","slice","prevTimeRange","formattedStartTime","formattedEndTime","length","startTimeString","endTimeString","startTotalMinutes","parseTimeToMinutes","difference","timeString","hoursStr","minutesStr","parseInt","toLowerCase","handleClick","handleCloseClick","event","stopPropagation","customInput","jsx","TextField","className","type","value","InputProps","readOnly","endAdornment","jsxs","InputAdornment","position","children","IconButton","onClick","Close","AccessTimeRounded","Fragment","Box","DatePicker","onChange","dates","updatedTimeRange","handleChange","showTimeSelect","showTimeSelectOnly","timeIntervals","selectsRange","open","style","right"],"mappings":"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"}

package/dist/components/time-range-picker/time-range-picker.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+interface TimeRangePickerProps {
+    hour12?: boolean;
+    startTime?: string;
+    endTime?: string;
+    onTimeRangeChange: (timeRanges: any[]) => void;
+}
+declare const TimeRangePicker: React.FC<TimeRangePickerProps>;
+export default TimeRangePicker;

package/dist/components/title-dropdown-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TitleDropdownButton } from './title-dropdown-button';
+export * from './title-dropdown-button';

package/dist/components/title-dropdown-button/title-dropdown-button.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from '@mui/material';
+import * as React from 'react';
+export interface ITitleDropdownMenuOption {
+    label: string | JSX.Element;
+    callback: (event?: any, index?: number) => void;
+    color?: string;
+}
+interface TitleDropdownButtonProps extends ButtonProps {
+    children: React.ReactNode;
+    options: ITitleDropdownMenuOption[];
+    isMenuThirdItemDisabled: boolean;
+    currentTitle: string;
+}
+declare const TitleDropdownButton: React.FC<TitleDropdownButtonProps>;
+export default TitleDropdownButton;

package/dist/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toast } from './toast';
+export * from './toast';

package/dist/components/toast/toast/index.esm.js

@@ -71,6 +71,7 @@ const Toast = (props) => {
   ) });
 };
 export {
+  Toast,
   Toast as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/toast/toast/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Toast;\n"],"names":["MUIAlert","Close","CheckCircleOutlineIcon","WarningAmberIcon"],"mappings":";;;;;;;;;;AAmBA,MAAM,cAAc,OAAOA,KAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IAEZ,8BAA8B;AAAA,MAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,IAAG;AAAA,IAG3C,2BAA2B;AAAA,MACzB,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAG/C,oBAAoB;AAAA,MAClB,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAGd,kBAAkB;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAkB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,yCAED,UAAA,aACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAO,SAAS,WAAW,sBAAsB;AAAA,MACjD,SAAS;AAAA,MACV,UAAA;AAAA,IAAA;AAAA,EAAA,IAID,oBAAC,YAAA,EAAW,OAAM,WAAU,WAAU,QAAO,SAAS,aACpD,UAAA,oBAACC,aAAA,EAAM,UAAS,UAAA,CAAU,GAC5B,GAEJ;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,UAAU,SAAS,WAAW,SAAS;AAAA,UACvC,MACE,SAAS,WACP,oBAACC,aAAuB,WAAU,SAAQ,WAAU,OAAA,CAAO,IAE3D,oBAACC,aAAA,EAAiB,WAAU,SAAQ,WAAU,QAAO;AAAA,UAIzD,8BAAC,YAAA,EAAW,OAAM,WAAU,MAAK,MAC9B,UAAA,QAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport { Toast };\nexport default Toast;\n"],"names":["MUIAlert","Close","CheckCircleOutlineIcon","WarningAmberIcon"],"mappings":";;;;;;;;;;AAmBA,MAAM,cAAc,OAAOA,KAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAChE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IAEZ,8BAA8B;AAAA,MAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,IAAG;AAAA,IAG3C,2BAA2B;AAAA,MACzB,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAG/C,oBAAoB;AAAA,MAClB,SAAS;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,IAGd,kBAAkB;AAAA,MAChB,aAAa;AAAA,IAAA;AAAA,EAEjB;AAAA,CAAE;AAEF,MAAM,QAAQ,CAAC,UAAkB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,QAAM,yCAED,UAAA,aACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAO,SAAS,WAAW,sBAAsB;AAAA,MACjD,SAAS;AAAA,MACV,UAAA;AAAA,IAAA;AAAA,EAAA,IAID,oBAAC,YAAA,EAAW,OAAM,WAAU,WAAU,QAAO,SAAS,aACpD,UAAA,oBAACC,aAAA,EAAM,UAAS,UAAA,CAAU,GAC5B,GAEJ;AAGF,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,kBAAkB;AAAA,MAClB,SAAS;AAAA,MACR,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,UAAU,SAAS,WAAW,SAAS;AAAA,UACvC,MACE,SAAS,WACP,oBAACC,aAAuB,WAAU,SAAQ,WAAU,OAAA,CAAO,IAE3D,oBAACC,aAAA,EAAiB,WAAU,SAAQ,WAAU,QAAO;AAAA,UAIzD,8BAAC,YAAA,EAAW,OAAM,WAAU,MAAK,MAC9B,UAAA,QAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/toast/toast/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                                     */i=,/* empty css                                                            */n=;/* empty css                                                                  */;/* empty css                   */var o=,/* empty css                                 */t=,/* empty css                                                           */a=,/* empty css                                                       */l=,/* empty css                                                     */s=;/* empty css                                                               */const d=a.default(l.default)(({theme:{palette:e}})=>{var r,i;return{color:"white",height:"2.5rem",padding:"0rem 1rem",display:"flex",alignItems:"center","&.MuiAlert-standardWarning":{backgroundColor:null==(r=e.theme)?void 0:r.error[600]},"&.MuiAlert-standardInfo":{backgroundColor:null==(i=e.theme)?void 0:i.secondary[900]},".MuiAlert-action":{padding:"0rem",marginLeft:"0.5rem"},".MuiAlert-icon":{marginRight:"0.5rem"}}});exports.default=a=>{const{open:l,message:u,type:m="alert",handleUndo:c,handleClose:h,...x}=a,j=/* @__PURE__ */e.jsx(e.Fragment,{children:c?/* @__PURE__ */e.jsx(o.Typography,{className:"toast-undo",type:"s4",color:"normal"===m?"theme.primary.600":"white",onClick:c,children:"Undo"}):/* @__PURE__ */e.jsx(s.default,{color:"inherit",className:"icon",onClick:h,children:/* @__PURE__ */e.jsx(r.default,{fontSize:"inherit"})})});/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(t.default,{open:l,autoHideDuration:3e5,onClose:h,...x,children:/* @__PURE__ */e.jsx(d,{action:j,onClose:h,severity:"normal"===m?"info":"warning",icon:"normal"===m?/* @__PURE__ */e.jsx(n.default,{htmlColor:"white",className:"icon"}):/* @__PURE__ */e.jsx(i.default,{htmlColor:"white",className:"icon"}),children:/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s4",children:u})})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                                     */i=,/* empty css                                                            */n=;/* empty css                                                                  */;/* empty css                   */var o=,/* empty css                                 */t=,/* empty css                                                           */a=,/* empty css                                                       */l=,/* empty css                                                     */s=;/* empty css                                                               */const d=a.default(l.default)(({theme:{palette:e}})=>{var r,i;return{color:"white",height:"2.5rem",padding:"0rem 1rem",display:"flex",alignItems:"center","&.MuiAlert-standardWarning":{backgroundColor:null==(r=e.theme)?void 0:r.error[600]},"&.MuiAlert-standardInfo":{backgroundColor:null==(i=e.theme)?void 0:i.secondary[900]},".MuiAlert-action":{padding:"0rem",marginLeft:"0.5rem"},".MuiAlert-icon":{marginRight:"0.5rem"}}}),u=a=>{const{open:l,message:u,type:m="alert",handleUndo:c,handleClose:h,...x}=a,p=/* @__PURE__ */e.jsx(e.Fragment,{children:c?/* @__PURE__ */e.jsx(o.Typography,{className:"toast-undo",type:"s4",color:"normal"===m?"theme.primary.600":"white",onClick:c,children:"Undo"}):/* @__PURE__ */e.jsx(s.default,{color:"inherit",className:"icon",onClick:h,children:/* @__PURE__ */e.jsx(r.default,{fontSize:"inherit"})})});/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(t.default,{open:l,autoHideDuration:3e5,onClose:h,...x,children:/* @__PURE__ */e.jsx(d,{action:p,onClose:h,severity:"normal"===m?"info":"warning",icon:"normal"===m?/* @__PURE__ */e.jsx(n.default,{htmlColor:"white",className:"icon"}):/* @__PURE__ */e.jsx(i.default,{htmlColor:"white",className:"icon"}),children:/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s4",children:u})})})})};exports.Toast=u,exports.default=u;
 //# sourceMappingURL=index.js.map

package/dist/components/toast/toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport default Toast;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","color","height","padding","display","alignItems","backgroundColor","_a","error","_b","secondary","marginLeft","marginRight","props","open","message","type","handleUndo","handleClose","rest","action","children","jsx","Typography","className","onClick","IconButton","Close","fontSize","Fragment","Snackbar","autoHideDuration","onClose","severity","icon","CheckCircleOutlineIcon","htmlColor","WarningAmberIcon"],"mappings":"+sBAmBA,MAAMA,EAAcC,EAAAA,QAAOC,UAAPD,CAAiB,EAAGE,OAASC,uBAAiB,MAAA,CAChEC,MAAO,QACPC,OAAQ,SACRC,QAAS,YACTC,QAAS,OACTC,WAAY,SAEZ,6BAA8B,CAC5BC,gBAAiB,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,MAAM,MAGxC,0BAA2B,CACzBF,gBAAiB,OAAAG,EAAAT,EAAQD,YAAR,EAAAU,EAAeC,UAAU,MAG5C,mBAAoB,CAClBP,QAAS,OACTQ,WAAY,UAGd,iBAAkB,CAChBC,YAAa,6BAIFC,IACb,MAAMC,KACJA,EAAAC,QACAA,EAAAC,KACAA,EAAO,QAAAC,WACPA,EAAAC,YACAA,KACGC,GACDN,EAEEO,mCAEDC,SAAAJ,iBACCK,EAAAA,IAACC,EAAAA,WAAA,CACCC,UAAU,aACVR,KAAK,KACLf,MAAgB,WAATe,EAAoB,oBAAsB,QACjDS,QAASR,EACVI,SAAA,wBAIDC,EAAAA,IAACI,EAAAA,QAAA,CAAWzB,MAAM,UAAUuB,UAAU,OAAOC,QAASP,EACpDG,wBAAAC,EAAAA,IAACK,UAAA,CAAMC,SAAS;AAMxB,aACEC,EAAAA,SAAA,CACER,wBAAAC,EAAAA,IAACQ,EAAAA,QAAA,CACChB,OACAiB,iBAAkB,IAClBC,QAASd,KACLC,EAEJE,wBAAAC,EAAAA,IAAC1B,EAAA,CACCwB,SACAY,QAASd,EACTe,SAAmB,WAATjB,EAAoB,OAAS,UACvCkB,KACW,WAATlB,iBACEM,EAAAA,IAACa,EAAAA,SAAuBC,UAAU,QAAQZ,UAAU,wBAEpDF,EAAAA,IAACe,UAAA,CAAiBD,UAAU,QAAQZ,UAAU,SAIlDH,8BAACE,EAAAA,WAAA,CAAWtB,MAAM,UAAUe,KAAK,KAC9BK,SAAAN"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/toast/toast.tsx"],"sourcesContent":["import Close from \"@mui/icons-material/Close\";\nimport {\n  Alert as MUIAlert,\n  IconButton,\n  Snackbar,\n  SnackbarProps,\n  styled,\n} from \"@mui/material\";\nimport WarningAmberIcon from \"@mui/icons-material/WarningAmber\";\nimport CheckCircleOutlineIcon from \"@mui/icons-material/CheckCircleOutline\";\nimport \"./toast.scss\";\nimport Typography from \"../typography/typography\";\n\ninterface IToast extends SnackbarProps {\n  handleClose: () => void;\n  type?: \"normal\" | \"alert\";\n  handleUndo?: () => void;\n}\n\nconst StyledAlert = styled(MUIAlert)(({ theme: { palette } }) => ({\n  color: \"white\",\n  height: \"2.5rem\",\n  padding: \"0rem 1rem\",\n  display: \"flex\",\n  alignItems: \"center\",\n\n  \"&.MuiAlert-standardWarning\": {\n    backgroundColor: palette.theme?.error[600],\n  },\n\n  \"&.MuiAlert-standardInfo\": {\n    backgroundColor: palette.theme?.secondary[900],\n  },\n\n  \".MuiAlert-action\": {\n    padding: \"0rem\",\n    marginLeft: \"0.5rem\",\n  },\n\n  \".MuiAlert-icon\": {\n    marginRight: \"0.5rem\",\n  },\n}));\n\nconst Toast = (props: IToast) => {\n  const {\n    open,\n    message,\n    type = \"alert\",\n    handleUndo,\n    handleClose,\n    ...rest\n  } = props;\n\n  const action = (\n    <>\n      {handleUndo ? (\n        <Typography\n          className=\"toast-undo\"\n          type=\"s4\"\n          color={type === \"normal\" ? \"theme.primary.600\" : \"white\"}\n          onClick={handleUndo}\n        >\n          Undo\n        </Typography>\n      ) : (\n        <IconButton color=\"inherit\" className=\"icon\" onClick={handleClose}>\n          <Close fontSize=\"inherit\" />\n        </IconButton>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <Snackbar\n        open={open}\n        autoHideDuration={300000}\n        onClose={handleClose}\n        {...rest}\n      >\n        <StyledAlert\n          action={action}\n          onClose={handleClose}\n          severity={type === \"normal\" ? \"info\" : \"warning\"}\n          icon={\n            type === \"normal\" ? (\n              <CheckCircleOutlineIcon htmlColor=\"white\" className=\"icon\" />\n            ) : (\n              <WarningAmberIcon htmlColor=\"white\" className=\"icon\" />\n            )\n          }\n        >\n          <Typography color=\"inherit\" type=\"s4\">\n            {message}\n          </Typography>\n        </StyledAlert>\n      </Snackbar>\n    </>\n  );\n};\n\nexport { Toast };\nexport default Toast;\n"],"names":["StyledAlert","styled","MUIAlert","theme","palette","color","height","padding","display","alignItems","backgroundColor","_a","error","_b","secondary","marginLeft","marginRight","Toast","props","open","message","type","handleUndo","handleClose","rest","action","children","jsx","Typography","className","onClick","IconButton","Close","fontSize","Fragment","Snackbar","autoHideDuration","onClose","severity","icon","CheckCircleOutlineIcon","htmlColor","WarningAmberIcon"],"mappings":"+sBAmBA,MAAMA,EAAcC,EAAAA,QAAOC,UAAPD,CAAiB,EAAGE,OAASC,uBAAiB,MAAA,CAChEC,MAAO,QACPC,OAAQ,SACRC,QAAS,YACTC,QAAS,OACTC,WAAY,SAEZ,6BAA8B,CAC5BC,gBAAiB,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,MAAM,MAGxC,0BAA2B,CACzBF,gBAAiB,OAAAG,EAAAT,EAAQD,YAAR,EAAAU,EAAeC,UAAU,MAG5C,mBAAoB,CAClBP,QAAS,OACTQ,WAAY,UAGd,iBAAkB,CAChBC,YAAa,aAIXC,EAASC,IACb,MAAMC,KACJA,EAAAC,QACAA,EAAAC,KACAA,EAAO,QAAAC,WACPA,EAAAC,YACAA,KACGC,GACDN,EAEEO,mCAEDC,SAAAJ,iBACCK,EAAAA,IAACC,EAAAA,WAAA,CACCC,UAAU,aACVR,KAAK,KACLhB,MAAgB,WAATgB,EAAoB,oBAAsB,QACjDS,QAASR,EACVI,SAAA,wBAIDC,EAAAA,IAACI,EAAAA,QAAA,CAAW1B,MAAM,UAAUwB,UAAU,OAAOC,QAASP,EACpDG,wBAAAC,EAAAA,IAACK,UAAA,CAAMC,SAAS;AAMxB,aACEC,EAAAA,SAAA,CACER,wBAAAC,EAAAA,IAACQ,EAAAA,QAAA,CACChB,OACAiB,iBAAkB,IAClBC,QAASd,KACLC,EAEJE,wBAAAC,EAAAA,IAAC3B,EAAA,CACCyB,SACAY,QAASd,EACTe,SAAmB,WAATjB,EAAoB,OAAS,UACvCkB,KACW,WAATlB,iBACEM,EAAAA,IAACa,EAAAA,SAAuBC,UAAU,QAAQZ,UAAU,wBAEpDF,EAAAA,IAACe,UAAA,CAAiBD,UAAU,QAAQZ,UAAU,SAIlDH,8BAACE,EAAAA,WAAA,CAAWvB,MAAM,UAAUgB,KAAK,KAC9BK,SAAAN"}

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,10 @@
+import { SnackbarProps } from '@mui/material';
+
+interface IToast extends SnackbarProps {
+    handleClose: () => void;
+    type?: "normal" | "alert";
+    handleUndo?: () => void;
+}
+declare const Toast: (props: IToast) => import("react/jsx-runtime").JSX.Element;
+export { Toast };
+export default Toast;

package/dist/components/toggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toggle } from './toggle';
+export * from './toggle';

package/dist/components/toggle/toggle/index.esm.js

@@ -23,6 +23,7 @@ const Toggle = (props) => {
   ] }) });
 };
 export {
+  Toggle,
   Toggle as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/toggle/toggle/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./toggle.scss\";\nimport { styled } from \"@mui/system\";\n\nconst ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({\n  \"& input:checked + .slider\": {\n    backgroundColor: palette.theme.primary[700],\n  },\n  \"& .slider\": {\n    backgroundColor: palette.theme.secondary[200],\n    \":hover\": {\n      backgroundColor: palette.theme.secondary[300],\n    },\n  },\n  \"& input\": {\n    display: \"none\",\n  },\n}));\n\ninterface IToggle {\n  checked: boolean;\n  onChange: () => void;\n}\n\nconst Toggle = (props: IToggle) => {\n  return (\n    <ToggleWrapper>\n      <label className=\"switch\">\n        <input type=\"checkbox\" {...props} />\n        <span className=\"slider round\"></span>\n      </label>\n    </ToggleWrapper>\n  );\n};\n\nexport default Toggle;\n"],"names":[],"mappings":";;;;AAIA,MAAM,gBAAgB,OAAO,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,SAAiB;AAAA,EAC7D,6BAA6B;AAAA,IAC3B,iBAAiB,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE5C,aAAa;AAAA,IACX,iBAAiB,QAAQ,MAAM,UAAU,GAAG;AAAA,IAC5C,UAAU;AAAA,MACR,iBAAiB,QAAQ,MAAM,UAAU,GAAG;AAAA,IAAA;AAAA,EAC9C;AAAA,EAEF,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,EAAE;AAOF,MAAM,SAAS,CAAC,UAAmB;AACjC,SACE,oBAAC,eAAA,EACC,UAAA,qBAAC,SAAA,EAAM,WAAU,UACf,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAY,GAAG,MAAA,CAAO;AAAA,IAClC,oBAAC,QAAA,EAAK,WAAU,eAAA,CAAe;AAAA,EAAA,EAAA,CACjC,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./toggle.scss\";\nimport { styled } from \"@mui/system\";\n\nconst ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({\n  \"& input:checked + .slider\": {\n    backgroundColor: palette.theme.primary[700],\n  },\n  \"& .slider\": {\n    backgroundColor: palette.theme.secondary[200],\n    \":hover\": {\n      backgroundColor: palette.theme.secondary[300],\n    },\n  },\n  \"& input\": {\n    display: \"none\",\n  },\n}));\n\ninterface IToggle {\n  checked: boolean;\n  onChange: () => void;\n}\n\nconst Toggle = (props: IToggle) => {\n  return (\n    <ToggleWrapper>\n      <label className=\"switch\">\n        <input type=\"checkbox\" {...props} />\n        <span className=\"slider round\"></span>\n      </label>\n    </ToggleWrapper>\n  );\n};\n\nexport { Toggle };\nexport default Toggle;\n"],"names":[],"mappings":";;;;AAIA,MAAM,gBAAgB,OAAO,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,SAAiB;AAAA,EAC7D,6BAA6B;AAAA,IAC3B,iBAAiB,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAAA;AAAA,EAE5C,aAAa;AAAA,IACX,iBAAiB,QAAQ,MAAM,UAAU,GAAG;AAAA,IAC5C,UAAU;AAAA,MACR,iBAAiB,QAAQ,MAAM,UAAU,GAAG;AAAA,IAAA;AAAA,EAC9C;AAAA,EAEF,WAAW;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,EAAE;AAOF,MAAM,SAAS,CAAC,UAAmB;AACjC,SACE,oBAAC,eAAA,EACC,UAAA,qBAAC,SAAA,EAAM,WAAU,UACf,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,YAAY,GAAG,MAAA,CAAO;AAAA,IAClC,oBAAC,QAAA,EAAK,WAAU,eAAA,CAAe;AAAA,EAAA,EAAA,CACjC,EAAA,CACF;AAEJ;"}

package/dist/components/toggle/toggle/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                    */var s=,/* empty css                                                  */r=;/* empty css                                                 */const o=s.default(r.default)(({theme:{palette:e}})=>({"& input:checked + .slider":{backgroundColor:e.theme.primary[700]},"& .slider":{backgroundColor:e.theme.secondary[200],":hover":{backgroundColor:e.theme.secondary[300]}},"& input":{display:"none"}}));exports.default=s=>/* @__PURE__ */e.jsx(o,{children:/* @__PURE__ */e.jsxs("label",{className:"switch",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");;/* empty css                    */var s=,/* empty css                                                  */r=;/* empty css                                                 */const o=s.default(r.default)(({theme:{palette:e}})=>({"& input:checked + .slider":{backgroundColor:e.theme.primary[700]},"& .slider":{backgroundColor:e.theme.secondary[200],":hover":{backgroundColor:e.theme.secondary[300]}},"& input":{display:"none"}})),t=s=>/* @__PURE__ */e.jsx(o,{children:/* @__PURE__ */e.jsxs("label",{className:"switch",children:[
 /* @__PURE__ */e.jsx("input",{type:"checkbox",...s}),
-/* @__PURE__ */e.jsx("span",{className:"slider round"})]})});
+/* @__PURE__ */e.jsx("span",{className:"slider round"})]})});exports.Toggle=t,exports.default=t;
 //# sourceMappingURL=index.js.map

package/dist/components/toggle/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./toggle.scss\";\nimport { styled } from \"@mui/system\";\n\nconst ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({\n  \"& input:checked + .slider\": {\n    backgroundColor: palette.theme.primary[700],\n  },\n  \"& .slider\": {\n    backgroundColor: palette.theme.secondary[200],\n    \":hover\": {\n      backgroundColor: palette.theme.secondary[300],\n    },\n  },\n  \"& input\": {\n    display: \"none\",\n  },\n}));\n\ninterface IToggle {\n  checked: boolean;\n  onChange: () => void;\n}\n\nconst Toggle = (props: IToggle) => {\n  return (\n    <ToggleWrapper>\n      <label className=\"switch\">\n        <input type=\"checkbox\" {...props} />\n        <span className=\"slider round\"></span>\n      </label>\n    </ToggleWrapper>\n  );\n};\n\nexport default Toggle;\n"],"names":["ToggleWrapper","styled","Box","theme","palette","backgroundColor","primary","secondary","display","props","jsx","children","jsxs","className","type"],"mappings":"mRAIA,MAAMA,EAAgBC,EAAAA,QAAOC,UAAPD,CAAY,EAAGE,OAASC,gBAC5C,4BAA6B,CAC3BC,gBAAiBD,EAAQD,MAAMG,QAAQ,MAEzC,YAAa,CACXD,gBAAiBD,EAAQD,MAAMI,UAAU,KACzC,SAAU,CACRF,gBAAiBD,EAAQD,MAAMI,UAAU,OAG7C,UAAW,CACTC,QAAS,2BASGC,kBAEZC,EAAAA,IAACV,EAAA,CACCW,wBAAAC,EAAAA,KAAC,QAAA,CAAMC,UAAU,SACfF,SAAA;eAAAD,EAAAA,IAAC,QAAA,CAAMI,KAAK,cAAeL;iBAC3BC,IAAC,OAAA,CAAKG,UAAU"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["import { Box } from \"@mui/material\";\nimport \"./toggle.scss\";\nimport { styled } from \"@mui/system\";\n\nconst ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({\n  \"& input:checked + .slider\": {\n    backgroundColor: palette.theme.primary[700],\n  },\n  \"& .slider\": {\n    backgroundColor: palette.theme.secondary[200],\n    \":hover\": {\n      backgroundColor: palette.theme.secondary[300],\n    },\n  },\n  \"& input\": {\n    display: \"none\",\n  },\n}));\n\ninterface IToggle {\n  checked: boolean;\n  onChange: () => void;\n}\n\nconst Toggle = (props: IToggle) => {\n  return (\n    <ToggleWrapper>\n      <label className=\"switch\">\n        <input type=\"checkbox\" {...props} />\n        <span className=\"slider round\"></span>\n      </label>\n    </ToggleWrapper>\n  );\n};\n\nexport { Toggle };\nexport default Toggle;\n"],"names":["ToggleWrapper","styled","Box","theme","palette","backgroundColor","primary","secondary","display","Toggle","props","jsx","children","jsxs","className","type"],"mappings":"mRAIA,MAAMA,EAAgBC,EAAAA,QAAOC,UAAPD,CAAY,EAAGE,OAASC,gBAC5C,4BAA6B,CAC3BC,gBAAiBD,EAAQD,MAAMG,QAAQ,MAEzC,YAAa,CACXD,gBAAiBD,EAAQD,MAAMI,UAAU,KACzC,SAAU,CACRF,gBAAiBD,EAAQD,MAAMI,UAAU,OAG7C,UAAW,CACTC,QAAS,WASPC,EAAUC,kBAEZC,EAAAA,IAACX,EAAA,CACCY,wBAAAC,EAAAA,KAAC,QAAA,CAAMC,UAAU,SACfF,SAAA;eAAAD,EAAAA,IAAC,QAAA,CAAMI,KAAK,cAAeL;iBAC3BC,IAAC,OAAA,CAAKG,UAAU"}

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,8 @@
+
+interface IToggle {
+    checked: boolean;
+    onChange: () => void;
+}
+declare const Toggle: (props: IToggle) => import("react/jsx-runtime").JSX.Element;
+export { Toggle };
+export default Toggle;

package/dist/components/toggle-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ToggleSwitch } from './toggle-switch';
+export * from './toggle-switch';

package/dist/components/toggle-switch/toggle-switch.d.ts

@@ -0,0 +1,10 @@
+import { SwitchProps } from '@mui/material/Switch';
+import { ITypography } from '../typography/typography';
+
+export interface ISwitchProps extends SwitchProps {
+    label?: string;
+    labelPosition?: "start" | "end";
+    typographyProps?: ITypography;
+}
+declare const ToggleSwitch: React.FC<ISwitchProps>;
+export default ToggleSwitch;

package/dist/components/tooltip/Tooltip/index.esm.js

@@ -24,6 +24,7 @@ const Tooltip = ({ title, children, sx, ...rest }) => {
   );
 };
 export {
+  Tooltip,
   Tooltip as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/tooltip/Tooltip/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MUITooltip, TooltipProps } from \"@mui/material\";\n\nconst Tooltip = ({ title, children, sx, ...rest }: TooltipProps) => {\n  return (\n    <MUITooltip\n      componentsProps={{\n        tooltip: {\n          sx: {\n            padding: \"0.5rem 0.75rem\",\n            backgroundColor: \"#393B3E\",\n            maxWidth: \"12rem\",\n            '& .MuiTooltip-arrow': {\n              color: \"#393B3E\"\n            },\n            ...sx\n          },\n        },\n      }}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </MUITooltip>\n  );\n};\n\nexport default Tooltip;\n"],"names":["MUITooltip"],"mappings":";;AAEA,MAAM,UAAU,CAAC,EAAE,OAAO,UAAU,IAAI,GAAG,WAAyB;AAClE,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,iBAAiB;AAAA,QACf,SAAS;AAAA,UACP,IAAI;AAAA,YACF,SAAS;AAAA,YACT,iBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,GAAG;AAAA,UAAA;AAAA,QACL;AAAA,MACF;AAAA,MAEF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MUITooltip, TooltipProps } from \"@mui/material\";\n\nconst Tooltip = ({ title, children, sx, ...rest }: TooltipProps) => {\n  return (\n    <MUITooltip\n      componentsProps={{\n        tooltip: {\n          sx: {\n            padding: \"0.5rem 0.75rem\",\n            backgroundColor: \"#393B3E\",\n            maxWidth: \"12rem\",\n            '& .MuiTooltip-arrow': {\n              color: \"#393B3E\"\n            },\n            ...sx\n          },\n        },\n      }}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </MUITooltip>\n  );\n};\n\nexport { Tooltip };\nexport default Tooltip;\n"],"names":["MUITooltip"],"mappings":";;AAEA,MAAM,UAAU,CAAC,EAAE,OAAO,UAAU,IAAI,GAAG,WAAyB;AAClE,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,iBAAiB;AAAA,QACf,SAAS;AAAA,UACP,IAAI;AAAA,YACF,SAAS;AAAA,YACT,iBAAiB;AAAA,YACjB,UAAU;AAAA,YACV,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,GAAG;AAAA,UAAA;AAAA,QACL;AAAA,MACF;AAAA,MAEF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/tooltip/Tooltip/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Tooltip/Tooltip/index.js");exports.default=({title:o,children:t,sx:i,...l})=>/* @__PURE__ */e.jsx(r.default,{componentsProps:{tooltip:{sx:{padding:"0.5rem 0.75rem",backgroundColor:"#393B3E",maxWidth:"12rem","& .MuiTooltip-arrow":{color:"#393B3E"},...i}}},title:o,...l,children:t});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../../node_modules/@mui/material/Tooltip/Tooltip/index.js");const r=({title:r,children:t,sx:i,...l})=>/* @__PURE__ */e.jsx(o.default,{componentsProps:{tooltip:{sx:{padding:"0.5rem 0.75rem",backgroundColor:"#393B3E",maxWidth:"12rem","& .MuiTooltip-arrow":{color:"#393B3E"},...i}}},title:r,...l,children:t});exports.Tooltip=r,exports.default=r;
 //# sourceMappingURL=index.js.map

package/dist/components/tooltip/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MUITooltip, TooltipProps } from \"@mui/material\";\n\nconst Tooltip = ({ title, children, sx, ...rest }: TooltipProps) => {\n  return (\n    <MUITooltip\n      componentsProps={{\n        tooltip: {\n          sx: {\n            padding: \"0.5rem 0.75rem\",\n            backgroundColor: \"#393B3E\",\n            maxWidth: \"12rem\",\n            '& .MuiTooltip-arrow': {\n              color: \"#393B3E\"\n            },\n            ...sx\n          },\n        },\n      }}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </MUITooltip>\n  );\n};\n\nexport default Tooltip;\n"],"names":["title","children","sx","rest","jsx","MUITooltip","componentsProps","tooltip","padding","backgroundColor","maxWidth","color"],"mappings":"iMAEgB,EAAGA,QAAOC,WAAUC,QAAOC,oBAEvCC,EAAAA,IAACC,EAAAA,QAAA,CACCC,gBAAiB,CACfC,QAAS,CACPL,GAAI,CACFM,QAAS,iBACTC,gBAAiB,UACjBC,SAAU,QACV,sBAAuB,CACrBC,MAAO,cAENT,KAITF,WACIG,EAEHF"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Tooltip as MUITooltip, TooltipProps } from \"@mui/material\";\n\nconst Tooltip = ({ title, children, sx, ...rest }: TooltipProps) => {\n  return (\n    <MUITooltip\n      componentsProps={{\n        tooltip: {\n          sx: {\n            padding: \"0.5rem 0.75rem\",\n            backgroundColor: \"#393B3E\",\n            maxWidth: \"12rem\",\n            '& .MuiTooltip-arrow': {\n              color: \"#393B3E\"\n            },\n            ...sx\n          },\n        },\n      }}\n      title={title}\n      {...rest}\n    >\n      {children}\n    </MUITooltip>\n  );\n};\n\nexport { Tooltip };\nexport default Tooltip;\n"],"names":["Tooltip","title","children","sx","rest","jsx","MUITooltip","componentsProps","tooltip","padding","backgroundColor","maxWidth","color"],"mappings":"iLAEA,MAAMA,EAAU,EAAGC,QAAOC,WAAUC,QAAOC,oBAEvCC,EAAAA,IAACC,EAAAA,QAAA,CACCC,gBAAiB,CACfC,QAAS,CACPL,GAAI,CACFM,QAAS,iBACTC,gBAAiB,UACjBC,SAAU,QACV,sBAAuB,CACrBC,MAAO,cAENT,KAITF,WACIG,EAEHF"}

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,5 @@
+import { TooltipProps } from '@mui/material';
+
+declare const Tooltip: ({ title, children, sx, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export { Tooltip };
+export default Tooltip;

package/dist/components/tooltip/index.d.ts

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

package/dist/components/typography/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Typography } from './typography';
+export * from './typography';

package/dist/components/typography/typography.d.ts

@@ -0,0 +1,8 @@
+import { TypographyProps } from '@mui/material';
+
+export interface ITypography extends TypographyProps {
+    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "s1" | "s2" | "s3" | "s4" | "s5";
+    weight?: "normal" | "medium" | "bold";
+}
+export declare function Typography(props: ITypography): import("react/jsx-runtime").JSX.Element;
+export default Typography;

package/dist/components/upload/file-confirmation/index.esm.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                                 */
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
 import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";

package/dist/components/upload/file-confirmation/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),l=;/* empty css                                 */;/* empty css                              */var a=,/* empty css                         */o=,/* empty css                                                       */r=,/* empty css                                                                 */t=,/* empty css                                                               */s=,/* empty css                                                         */n=,/* empty css                                                                     */d=;/* empty css                                                                     */exports.default=({open:u,onClose:c,onReplace:m,onKeepBoth:x,title:h,isFile:f})=>(i.useEffect(()=>{},[u]),/* @__PURE__ */e.jsxs(o.default,{open:u,className:"filter-container",onClose:c,children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),l=;/* empty css                                 */;/* empty css                              */var o=,/* empty css                         */t=,/* empty css                                                       */r=,/* empty css                                                                 */a=,/* empty css                                                               */n=,/* empty css                                                         */s=,/* empty css                                                                     */d=;/* empty css                                                                     */exports.default=({open:u,onClose:c,onReplace:m,onKeepBoth:x,title:h,isFile:p})=>(i.useEffect(()=>{},[u]),/* @__PURE__ */e.jsxs(t.default,{open:u,className:"filter-container",onClose:c,children:[
 /* @__PURE__ */e.jsxs(r.default,{className:"filter-header",sx:{padding:"20px"},children:[" ",
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Confirmation"}),
-/* @__PURE__ */e.jsx(t.default,{size:"small",onClick:c,children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(n.default,{sx:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:f?`The destination already has a file named ${h}`:"The destination already has a folder name "})}),
+/* @__PURE__ */e.jsx(a.default,{size:"small",onClick:c,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(s.default,{sx:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:p?`The destination already has a file named ${h}`:"The destination already has a folder name "})}),
 /* @__PURE__ */e.jsxs(d.default,{className:"filter-footer",children:[
-/* @__PURE__ */e.jsx(a.default,{className:"cancel-filter-btn",onClick:x,children:"Keep Both"}),
-/* @__PURE__ */e.jsx(a.default,{onClick:m,children:"Replace"})]})]}));
+/* @__PURE__ */e.jsx(o.Button,{className:"cancel-filter-btn",onClick:x,children:"Keep Both"}),
+/* @__PURE__ */e.jsx(o.Button,{onClick:m,children:"Replace"})]})]}));
 //# sourceMappingURL=index.js.map

package/dist/components/upload/file-confirmation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/upload/file-confirmation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"../filter/filter.scss\"; \nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface FileConfirmationDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onReplace: () => void;\n  onKeepBoth: () => void;\n  title?: string;\n  isFile : boolean ; \n}\n\nconst FileConfirmationDialog: React.FC<FileConfirmationDialogProps> = ({\n  open,\n  onClose,\n  onReplace,\n  onKeepBoth,\n  title , \n  isFile\n}) => {\n\n  useEffect(() => {\n  }, [open])\n\n  return (\n    <Dialog open={open} className=\"filter-container\" onClose={onClose}>\n      <DialogTitle className=\"filter-header\" sx={{padding: \"20px\"}}> <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n        Confirmation\n      </Typography>\n      <IconButton size=\"small\" onClick={onClose}>\n              <Close fontSize=\"small\" />\n            </IconButton>\n      </DialogTitle>\n      <DialogContent sx={{marginTop: \"20px\"}}>\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n         {isFile   ? `The destination already has a file named ${title}` :  \"The destination already has a folder name \"}\n         \n        </Typography>\n      </DialogContent>\n      <DialogActions className=\"filter-footer\">\n        <Button className=\"cancel-filter-btn\" onClick={onKeepBoth} >\n          Keep Both\n        </Button>\n        <Button onClick={onReplace} >\n          Replace\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default FileConfirmationDialog;\n"],"names":["open","onClose","onReplace","onKeepBoth","title","isFile","useEffect","jsxs","Dialog","className","children","DialogTitle","sx","padding","jsx","Typography","type","weight","color","IconButton","size","onClick","Close","fontSize","DialogContent","marginTop","DialogActions","Button"],"mappings":"uvBAsBsE,EACpEA,OACAC,UACAC,YACAC,aACAC,QACAC,aAGAC,EAAAA,UAAU,OACP,CAACN,mBAGFO,EAAAA,KAACC,EAAAA,QAAA,CAAOR,OAAYS,UAAU,mBAAmBR,UAC/CS,SAAA;eAAAH,OAACI,EAAAA,SAAYF,UAAU,gBAAgBG,GAAI,CAACC,QAAS,QAASH,SAAA,CAAA;eAACI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,SAAA;iBAGlII,IAACK,EAAAA,QAAA,CAAWC,KAAK,QAAQC,QAASpB,EAC1BS,wBAAAI,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;eAGxBT,EAAAA,IAACU,EAAAA,SAAcZ,GAAI,CAACa,UAAW,QAC7Bf,8BAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1CR,SAAAL,EAAW,4CAA4CD,IAAW;iBAItEG,KAACmB,EAAAA,QAAA,CAAcjB,UAAU,gBACvBC,SAAA;eAAAI,MAACa,EAAAA,QAAA,CAAOlB,UAAU,oBAAoBY,QAASlB,EAAaO,SAAA;eAG5DI,EAAAA,IAACa,EAAAA,QAAA,CAAON,QAASnB,EAAYQ,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/upload/file-confirmation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  IconButton,\n} from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport \"../filter/filter.scss\"; \nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface FileConfirmationDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onReplace: () => void;\n  onKeepBoth: () => void;\n  title?: string;\n  isFile : boolean ; \n}\n\nconst FileConfirmationDialog: React.FC<FileConfirmationDialogProps> = ({\n  open,\n  onClose,\n  onReplace,\n  onKeepBoth,\n  title , \n  isFile\n}) => {\n\n  useEffect(() => {\n  }, [open])\n\n  return (\n    <Dialog open={open} className=\"filter-container\" onClose={onClose}>\n      <DialogTitle className=\"filter-header\" sx={{padding: \"20px\"}}> <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n        Confirmation\n      </Typography>\n      <IconButton size=\"small\" onClick={onClose}>\n              <Close fontSize=\"small\" />\n            </IconButton>\n      </DialogTitle>\n      <DialogContent sx={{marginTop: \"20px\"}}>\n        <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n         {isFile   ? `The destination already has a file named ${title}` :  \"The destination already has a folder name \"}\n         \n        </Typography>\n      </DialogContent>\n      <DialogActions className=\"filter-footer\">\n        <Button className=\"cancel-filter-btn\" onClick={onKeepBoth} >\n          Keep Both\n        </Button>\n        <Button onClick={onReplace} >\n          Replace\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nexport default FileConfirmationDialog;\n"],"names":["open","onClose","onReplace","onKeepBoth","title","isFile","useEffect","jsxs","Dialog","className","children","DialogTitle","sx","padding","jsx","Typography","type","weight","color","IconButton","size","onClick","Close","fontSize","DialogContent","marginTop","DialogActions","Button"],"mappings":"uvBAsBsE,EACpEA,OACAC,UACAC,YACAC,aACAC,QACAC,aAGAC,EAAAA,UAAU,OACP,CAACN,mBAGFO,EAAAA,KAACC,EAAAA,QAAA,CAAOR,OAAYS,UAAU,mBAAmBR,UAC/CS,SAAA;eAAAH,OAACI,EAAAA,SAAYF,UAAU,gBAAgBG,GAAI,CAACC,QAAS,QAASH,SAAA,CAAA;eAACI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,SAAA;iBAGlII,IAACK,EAAAA,QAAA,CAAWC,KAAK,QAAQC,QAASpB,EAC1BS,wBAAAI,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;eAGxBT,EAAAA,IAACU,EAAAA,SAAcZ,GAAI,CAACa,UAAW,QAC7Bf,8BAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1CR,SAAAL,EAAW,4CAA4CD,IAAW;iBAItEG,KAACmB,EAAAA,QAAA,CAAcjB,UAAU,gBACvBC,SAAA;eAAAI,MAACa,EAAAA,OAAA,CAAOlB,UAAU,oBAAoBY,QAASlB,EAAaO,SAAA;eAG5DI,EAAAA,IAACa,EAAAA,OAAA,CAAON,QAASnB,EAAYQ,SAAA"}

package/dist/components/upload/file-confirmation.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+interface FileConfirmationDialogProps {
+    open: boolean;
+    onClose: () => void;
+    onReplace: () => void;
+    onKeepBoth: () => void;
+    title?: string;
+    isFile: boolean;
+}
+declare const FileConfirmationDialog: React.FC<FileConfirmationDialogProps>;
+export default FileConfirmationDialog;

package/dist/components/upload/index.d.ts

@@ -0,0 +1,4 @@
+export { default as FileConfirmationDialog } from './file-confirmation';
+export * from './file-confirmation';
+export { default as Upload } from './upload';
+export * from './upload';

package/dist/components/upload/upload/index.esm.js

@@ -4,13 +4,13 @@ import default_1$1 from "../../../node_modules/@mui/icons-material/Close/index.e
 import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                       */
 import { useDropzone } from "react-dropzone";
-import Toast from "../../toast/toast/index.esm.js";
+import { Toast } from "../../toast/toast/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/Remove/index.esm.js";
-import Button from "../../button/button/index.esm.js";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
 import { images } from "../../../images/index.esm.js";
-import Chip from "../../chip/chip/index.esm.js";
+import { Chip } from "../../chip/chip/index.esm.js";
 import { auth } from "../../../constants/auth/index.esm.js";
 import FileConfirmationDialog from "../file-confirmation/index.esm.js";
 import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
@@ -739,6 +739,7 @@ const Upload = (props) => {
   ] });
 };
 export {
+  Upload,
   Upload as default
 };
 //# sourceMappingURL=index.esm.js.map