@erpsquad/common 1.8.40 → 1.8.41

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/title-dropdown-button/title-dropdown-button/index.esm.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import ClickAwayListener from "@mui/material/ClickAwayListener";
-import Grow from "@mui/material/Grow";
-import Paper from "@mui/material/Paper";
-import Popper from "@mui/material/Popper";
-import MenuItem from "@mui/material/MenuItem";
-import MenuList from "@mui/material/MenuList";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { ArrowDownTwo } from "../../icons/arrow-down-two/index.esm.js";
+import Popper from "../../../node_modules/@mui/material/Popper/Popper/index.esm.js";
+import Grow from "../../../node_modules/@mui/material/Grow/Grow/index.esm.js";
+import Paper from "../../../node_modules/@mui/material/Paper/Paper/index.esm.js";
+import { ClickAwayListener } from "../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.esm.js";
+import MenuList from "../../../node_modules/@mui/material/MenuList/MenuList/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const TitleDropdownButton = ({
   children,
   options,

package/dist/components/title-dropdown-button/title-dropdown-button/index.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material/ClickAwayListener"),i=require("@mui/material/Grow"),n=require("@mui/material/Paper"),a=require("@mui/material/Popper"),l=require("@mui/material/MenuItem"),o=require("@mui/material/MenuList"),u=require("../../typography/typography/index.js"),s=require("../../icons/arrow-down-two/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var p=/* @__PURE__ */d(r),m=/* @__PURE__ */c(t),f=/* @__PURE__ */c(i),h=/* @__PURE__ */c(n),y=/* @__PURE__ */c(a),x=/* @__PURE__ */c(l),j=/* @__PURE__ */c(o);exports.default=({children:r,options:t,isMenuThirdItemDisabled:i,currentTitle:n=""})=>{const[a,l]=p.useState(!1),o=p.useRef(null),c=()=>{l(e=>!e)},d=e=>{o.current&&o.current.contains(e.target)||l(!1)};/* @__PURE__ */
-return e.jsxs(p.Fragment,{children:[
-/* @__PURE__ */e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:"10px"},ref:o,children:[
-/* @__PURE__ */e.jsx(u.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:r}),
-/* @__PURE__ */e.jsx("div",{"aria-controls":a?"split-button-menu":void 0,"aria-expanded":a?"true":void 0,"aria-label":"select merge strategy","aria-haspopup":"menu",style:{minWidth:"unset !important",cursor:"pointer"},onClick:c,children:/* @__PURE__ */e.jsx(s.ArrowDownTwo,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(y.default,{sx:{zIndex:1},open:a,anchorEl:o.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:r,placement:a})=>/* @__PURE__ */e.jsx(f.default,{...r,style:{transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(h.default,{elevation:0,sx:{border:"1px solid",borderRadius:2,borderColor:"theme.grey.200"},children:/* @__PURE__ */e.jsx(m.default,{onClickAway:d,children:/* @__PURE__ */e.jsx(j.default,{autoFocusItem:!0,children:t.map((r,t)=>{var a;/* @__PURE__ */
-return e.jsx(x.default,{disabled:!i&&2===t,selected:(null==n?void 0:n.trim())===(null==(a=r.label)?void 0:a.trim()),onClick:e=>{r.callback(e,t),c()},children:/* @__PURE__ */e.jsx(u.Typography,{type:"s4",color:r.color?r.color:"theme.secondary.1000",children:r.label})},t)})})})})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../typography/typography/index.js"),i=require("../../icons/arrow-down-two/index.js"),n=require("../../../node_modules/@mui/material/Popper/Popper/index.js"),o=require("../../../node_modules/@mui/material/Grow/Grow/index.js"),l=require("../../../node_modules/@mui/material/Paper/Paper/index.js"),a=require("../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.js"),s=require("../../../node_modules/@mui/material/MenuList/MenuList/index.js"),d=require("../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,r}var c=/* @__PURE__ */u(r);exports.default=({children:r,options:u,isMenuThirdItemDisabled:m,currentTitle:p=""})=>{const[x,j]=c.useState(!1),y=c.useRef(null),h=()=>{j(e=>!e)},f=e=>{y.current&&y.current.contains(e.target)||j(!1)};/* @__PURE__ */
+return e.jsxs(c.Fragment,{children:[
+/* @__PURE__ */e.jsxs("div",{style:{display:"flex",alignItems:"flex-end",gap:"10px"},ref:y,children:[
+/* @__PURE__ */e.jsx(t.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:r}),
+/* @__PURE__ */e.jsx("div",{"aria-controls":x?"split-button-menu":void 0,"aria-expanded":x?"true":void 0,"aria-label":"select merge strategy","aria-haspopup":"menu",style:{minWidth:"unset !important",cursor:"pointer"},onClick:h,children:/* @__PURE__ */e.jsx(i.ArrowDownTwo,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(n.default,{sx:{zIndex:1},open:x,anchorEl:y.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:r,placement:i})=>/* @__PURE__ */e.jsx(o.default,{...r,style:{transformOrigin:"bottom"===i?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(l.default,{elevation:0,sx:{border:"1px solid",borderRadius:2,borderColor:"theme.grey.200"},children:/* @__PURE__ */e.jsx(a.ClickAwayListener,{onClickAway:f,children:/* @__PURE__ */e.jsx(s.default,{autoFocusItem:!0,children:u.map((r,i)=>{var n;/* @__PURE__ */
+return e.jsx(d.default,{disabled:!m&&2===i,selected:(null==p?void 0:p.trim())===(null==(n=r.label)?void 0:n.trim()),onClick:e=>{r.callback(e,i),h()},children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",color:r.color?r.color:"theme.secondary.1000",children:r.label})},i)})})})})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/title-dropdown-button/title-dropdown-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/title-dropdown-button/title-dropdown-button.tsx"],"sourcesContent":["import * as React from 'react';\nimport ClickAwayListener from '@mui/material/ClickAwayListener';\nimport Grow from '@mui/material/Grow';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport { ArrowDownTwo } from '../icons';\nimport Typography from '../typography/typography';\nimport { ButtonProps } from '@mui/material';\n\nexport interface ITitleDropdownMenuOption {\n\tlabel: string | JSX.Element;\n\tcallback: (event?: any, index?: number) => void;\n\tcolor?: string;\n}\n\ninterface TitleDropdownButtonProps extends ButtonProps {\n\tchildren: React.ReactNode;\n\toptions: ITitleDropdownMenuOption[];\n\tisMenuThirdItemDisabled: boolean;\n\tcurrentTitle: string;\n}\n\nconst TitleDropdownButton: React.FC<TitleDropdownButtonProps> = ({\n\tchildren,\n\toptions,\n\tisMenuThirdItemDisabled,\n\tcurrentTitle = '',\n}) => {\n\tconst [open, setOpen] = React.useState(false);\n\tconst anchorRef = React.useRef<HTMLDivElement>(null);\n\n\tconst handleToggle = () => {\n\t\tsetOpen((prevOpen) => !prevOpen);\n\t};\n\n\tconst handleClose = (event: Event) => {\n\t\tif (\n\t\t\tanchorRef.current &&\n\t\t\tanchorRef.current.contains(event.target as HTMLElement)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetOpen(false);\n\t};\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<div style={{ display: 'flex', alignItems: 'flex-end', gap: '10px' }} ref={anchorRef}>\n\t\t\t\t<Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n\t\t\t\t\t{children}\n\t\t\t\t</Typography>\n\t\t\t\t<div\n\t\t\t\t\taria-controls={open ? 'split-button-menu' : undefined}\n\t\t\t\t\taria-expanded={open ? 'true' : undefined}\n\t\t\t\t\taria-label='select merge strategy'\n\t\t\t\t\taria-haspopup='menu'\n\t\t\t\t\tstyle={{ minWidth: 'unset !important', cursor: 'pointer' }}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t>\n\t\t\t\t\t<ArrowDownTwo fontSize='small' />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<Popper\n\t\t\t\tsx={{\n\t\t\t\t\tzIndex: 1\n\t\t\t\t}}\n\t\t\t\topen={open}\n\t\t\t\tanchorEl={anchorRef.current}\n\t\t\t\trole={undefined}\n\t\t\t\ttransition\n\t\t\t\tdisablePortal>\n\t\t\t\t{({ TransitionProps, placement }) => (\n\t\t\t\t\t<Grow\n\t\t\t\t\t\t{...TransitionProps}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransformOrigin:\n\t\t\t\t\t\t\t\tplacement === 'bottom' ? 'center top' : 'center bottom'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Paper elevation={0} sx={{ border: '1px solid', borderRadius: 2, borderColor: 'theme.grey.200'}}>\n\t\t\t\t\t\t\t<ClickAwayListener onClickAway={handleClose}>\n\t\t\t\t\t\t\t\t<MenuList autoFocusItem>\n\t\t\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isMenuThirdItemDisabled ? false : (index === 2)}\n\t\t\t\t\t\t\t\t\t\t\tselected={currentTitle?.trim() === option.label?.trim()}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\toption.callback(event, index);\n\t\t\t\t\t\t\t\t\t\t\t\thandleToggle();\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\ttype='s4'\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\toption.color ? option.color : 'theme.secondary.1000'\n\t\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t\t</ClickAwayListener>\n\t\t\t\t\t\t</Paper>\n\t\t\t\t\t</Grow>\n\t\t\t\t)}\n\t\t\t</Popper>\n\t\t</React.Fragment>\n\t);\n};\n\nexport default TitleDropdownButton;\n"],"names":["children","options","isMenuThirdItemDisabled","currentTitle","open","setOpen","React","useState","anchorRef","useRef","handleToggle","prevOpen","handleClose","event","current","contains","target","jsxs","Fragment","style","display","alignItems","gap","ref","jsx","Typography","type","weight","color","minWidth","cursor","onClick","ArrowDownTwo","fontSize","Popper","sx","zIndex","anchorEl","role","transition","disablePortal","TransitionProps","placement","Grow","transformOrigin","Paper","elevation","border","borderRadius","borderColor","ClickAwayListener","onClickAway","MenuList","autoFocusItem","map","option","index","MenuItem","disabled","selected","trim","_a","label","callback"],"mappings":"69BAwBgE,EAC/DA,WACAC,UACAC,0BACAC,eAAe,OAEf,MAAOC,EAAMC,GAAWC,EAAMC,UAAS,GACjCC,EAAYF,EAAMG,OAAuB,MAEzCC,EAAe,KACpBL,EAASM,IAAcA,IAGlBC,EAAeC,IAEnBL,EAAUM,SACVN,EAAUM,QAAQC,SAASF,EAAMG,SAKlCX,GAAQ;AAGT,OACCY,OAACX,EAAMY,SAAN,CACAlB,SAAA;eAAAiB,EAAAA,KAAC,MAAA,CAAIE,MAAO,CAAEC,QAAS,OAAQC,WAAY,WAAYC,IAAK,QAAUC,IAAKf,EAC1ER,SAAA;eAAAwB,MAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1C5B;eAEFwB,EAAAA,IAAC,MAAA,CACA,gBAAepB,EAAO,yBAAsB,EAC5C,gBAAeA,EAAO,YAAS,EAC/B,aAAW,wBACX,gBAAc,OACde,MAAO,CAAEU,SAAU,mBAAoBC,OAAQ,WAC/CC,QAASrB,EAETV,0BAAAwB,IAACQ,EAAAA,aAAA,CAAaC,SAAS;eAGzBT,EAAAA,IAACU,EAAAA,QAAA,CACAC,GAAI,CACHC,OAAQ,GAEThC,OACAiC,SAAU7B,EAAUM,QACpBwB,UAAM,EACNC,YAAU,EACVC,eAAa,EACZxC,SAAA,EAAGyC,kBAAiBC,8BACpBlB,EAAAA,IAACmB,EAAAA,QAAA,IACIF,EACJtB,MAAO,CACNyB,gBACe,WAAdF,EAAyB,aAAe,iBAE1C1C,wBAAAwB,EAAAA,IAACqB,EAAAA,QAAA,CAAMC,UAAW,EAAGX,GAAI,CAAEY,OAAQ,YAAaC,aAAc,EAAGC,YAAa,kBAC7EjD,wBAAAwB,EAAAA,IAAC0B,EAAAA,QAAA,CAAkBC,YAAavC,EAC/BZ,0BAAAwB,IAAC4B,EAAAA,QAAA,CAASC,eAAa,EACrBrD,SAAAC,EAAQqD,IAAI,CAACC,EAAQC;AACrBhC,OAAAA,EAAAA,IAACiC,EAAAA,QAAA,CAEAC,UAAUxD,GAA6C,IAAVsD,EAC7CG,UAAU,MAAAxD,OAAA,EAAAA,EAAcyD,WAAW,OAAAC,EAAAN,EAAOO,YAAP,EAAAD,EAAcD,QACjD7B,QAAUlB,IACT0C,EAAOQ,SAASlD,EAAO2C,GACvB9C,KAEDV,wBAAAwB,EAAAA,IAACC,EAAAA,WAAA,CACAC,KAAK,KACLE,MACC2B,EAAO3B,MAAQ2B,EAAO3B,MAAQ,uBAE9B5B,SAAAuD,EAAOO,SAZJN"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/title-dropdown-button/title-dropdown-button.tsx"],"sourcesContent":["import * as React from 'react';\nimport ClickAwayListener from '@mui/material/ClickAwayListener';\nimport Grow from '@mui/material/Grow';\nimport Paper from '@mui/material/Paper';\nimport Popper from '@mui/material/Popper';\nimport MenuItem from '@mui/material/MenuItem';\nimport MenuList from '@mui/material/MenuList';\nimport { ArrowDownTwo } from '../icons';\nimport Typography from '../typography/typography';\nimport { ButtonProps } from '@mui/material';\n\nexport interface ITitleDropdownMenuOption {\n\tlabel: string | JSX.Element;\n\tcallback: (event?: any, index?: number) => void;\n\tcolor?: string;\n}\n\ninterface TitleDropdownButtonProps extends ButtonProps {\n\tchildren: React.ReactNode;\n\toptions: ITitleDropdownMenuOption[];\n\tisMenuThirdItemDisabled: boolean;\n\tcurrentTitle: string;\n}\n\nconst TitleDropdownButton: React.FC<TitleDropdownButtonProps> = ({\n\tchildren,\n\toptions,\n\tisMenuThirdItemDisabled,\n\tcurrentTitle = '',\n}) => {\n\tconst [open, setOpen] = React.useState(false);\n\tconst anchorRef = React.useRef<HTMLDivElement>(null);\n\n\tconst handleToggle = () => {\n\t\tsetOpen((prevOpen) => !prevOpen);\n\t};\n\n\tconst handleClose = (event: Event) => {\n\t\tif (\n\t\t\tanchorRef.current &&\n\t\t\tanchorRef.current.contains(event.target as HTMLElement)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetOpen(false);\n\t};\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<div style={{ display: 'flex', alignItems: 'flex-end', gap: '10px' }} ref={anchorRef}>\n\t\t\t\t<Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n\t\t\t\t\t{children}\n\t\t\t\t</Typography>\n\t\t\t\t<div\n\t\t\t\t\taria-controls={open ? 'split-button-menu' : undefined}\n\t\t\t\t\taria-expanded={open ? 'true' : undefined}\n\t\t\t\t\taria-label='select merge strategy'\n\t\t\t\t\taria-haspopup='menu'\n\t\t\t\t\tstyle={{ minWidth: 'unset !important', cursor: 'pointer' }}\n\t\t\t\t\tonClick={handleToggle}\n\t\t\t\t>\n\t\t\t\t\t<ArrowDownTwo fontSize='small' />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<Popper\n\t\t\t\tsx={{\n\t\t\t\t\tzIndex: 1\n\t\t\t\t}}\n\t\t\t\topen={open}\n\t\t\t\tanchorEl={anchorRef.current}\n\t\t\t\trole={undefined}\n\t\t\t\ttransition\n\t\t\t\tdisablePortal>\n\t\t\t\t{({ TransitionProps, placement }) => (\n\t\t\t\t\t<Grow\n\t\t\t\t\t\t{...TransitionProps}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttransformOrigin:\n\t\t\t\t\t\t\t\tplacement === 'bottom' ? 'center top' : 'center bottom'\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Paper elevation={0} sx={{ border: '1px solid', borderRadius: 2, borderColor: 'theme.grey.200'}}>\n\t\t\t\t\t\t\t<ClickAwayListener onClickAway={handleClose}>\n\t\t\t\t\t\t\t\t<MenuList autoFocusItem>\n\t\t\t\t\t\t\t\t\t{options.map((option, index) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isMenuThirdItemDisabled ? false : (index === 2)}\n\t\t\t\t\t\t\t\t\t\t\tselected={currentTitle?.trim() === option.label?.trim()}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(event) => {\n\t\t\t\t\t\t\t\t\t\t\t\toption.callback(event, index);\n\t\t\t\t\t\t\t\t\t\t\t\thandleToggle();\n\t\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\ttype='s4'\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\t\t\toption.color ? option.color : 'theme.secondary.1000'\n\t\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</MenuList>\n\t\t\t\t\t\t\t</ClickAwayListener>\n\t\t\t\t\t\t</Paper>\n\t\t\t\t\t</Grow>\n\t\t\t\t)}\n\t\t\t</Popper>\n\t\t</React.Fragment>\n\t);\n};\n\nexport default TitleDropdownButton;\n"],"names":["children","options","isMenuThirdItemDisabled","currentTitle","open","setOpen","React","useState","anchorRef","useRef","handleToggle","prevOpen","handleClose","event","current","contains","target","jsxs","Fragment","style","display","alignItems","gap","ref","jsx","Typography","type","weight","color","minWidth","cursor","onClick","ArrowDownTwo","fontSize","Popper","sx","zIndex","anchorEl","role","transition","disablePortal","TransitionProps","placement","Grow","transformOrigin","Paper","elevation","border","borderRadius","borderColor","ClickAwayListener","onClickAway","MenuList","autoFocusItem","map","option","index","MenuItem","disabled","selected","trim","_a","label","callback"],"mappings":"igCAwBgE,EAC/DA,WACAC,UACAC,0BACAC,eAAe,OAEf,MAAOC,EAAMC,GAAWC,EAAMC,UAAS,GACjCC,EAAYF,EAAMG,OAAuB,MAEzCC,EAAe,KACpBL,EAASM,IAAcA,IAGlBC,EAAeC,IAEnBL,EAAUM,SACVN,EAAUM,QAAQC,SAASF,EAAMG,SAKlCX,GAAQ;AAGT,OACCY,OAACX,EAAMY,SAAN,CACAlB,SAAA;eAAAiB,EAAAA,KAAC,MAAA,CAAIE,MAAO,CAAEC,QAAS,OAAQC,WAAY,WAAYC,IAAK,QAAUC,IAAKf,EAC1ER,SAAA;eAAAwB,MAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1C5B;eAEFwB,EAAAA,IAAC,MAAA,CACA,gBAAepB,EAAO,yBAAsB,EAC5C,gBAAeA,EAAO,YAAS,EAC/B,aAAW,wBACX,gBAAc,OACde,MAAO,CAAEU,SAAU,mBAAoBC,OAAQ,WAC/CC,QAASrB,EAETV,0BAAAwB,IAACQ,EAAAA,aAAA,CAAaC,SAAS;eAGzBT,EAAAA,IAACU,EAAAA,QAAA,CACAC,GAAI,CACHC,OAAQ,GAEThC,OACAiC,SAAU7B,EAAUM,QACpBwB,UAAM,EACNC,YAAU,EACVC,eAAa,EACZxC,SAAA,EAAGyC,kBAAiBC,8BACpBlB,EAAAA,IAACmB,EAAAA,QAAA,IACIF,EACJtB,MAAO,CACNyB,gBACe,WAAdF,EAAyB,aAAe,iBAE1C1C,wBAAAwB,EAAAA,IAACqB,EAAAA,QAAA,CAAMC,UAAW,EAAGX,GAAI,CAAEY,OAAQ,YAAaC,aAAc,EAAGC,YAAa,kBAC7EjD,wBAAAwB,EAAAA,IAAC0B,EAAAA,kBAAA,CAAkBC,YAAavC,EAC/BZ,0BAAAwB,IAAC4B,EAAAA,QAAA,CAASC,eAAa,EACrBrD,SAAAC,EAAQqD,IAAI,CAACC,EAAQC;AACrBhC,OAAAA,EAAAA,IAACiC,EAAAA,QAAA,CAEAC,UAAUxD,GAA6C,IAAVsD,EAC7CG,UAAU,MAAAxD,OAAA,EAAAA,EAAcyD,WAAW,OAAAC,EAAAN,EAAOO,YAAP,EAAAD,EAAcD,QACjD7B,QAAUlB,IACT0C,EAAOQ,SAASlD,EAAO2C,GACvB9C,KAEDV,wBAAAwB,EAAAA,IAACC,EAAAA,WAAA,CACAC,KAAK,KACLE,MACC2B,EAAO3B,MAAQ2B,EAAO3B,MAAQ,uBAE9B5B,SAAAuD,EAAOO,SAZJN"}

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

@@ -1,10 +1,13 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import CloseIcon from "@mui/icons-material/Close";
-import { Snackbar, styled, Alert, IconButton } from "@mui/material";
-import WarningAmberIcon from "@mui/icons-material/WarningAmber";
-import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
+import default_1$2 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
+import default_1$1 from "../../../node_modules/@mui/icons-material/WarningAmber/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/CheckCircleOutline/index.esm.js";
 /* empty css                      */
 import { Typography } from "../../typography/typography/index.esm.js";
+import Snackbar from "../../../node_modules/@mui/material/Snackbar/Snackbar/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Alert from "../../../node_modules/@mui/material/Alert/Alert/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 const StyledAlert = styled(Alert)(({ theme: { palette } }) => {
   var _a, _b;
   return {
@@ -46,7 +49,7 @@ const Toast = (props) => {
       onClick: handleUndo,
       children: "Undo"
     }
-  ) : /* @__PURE__ */ jsx(IconButton, { color: "inherit", className: "icon", onClick: handleClose, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "inherit" }) }) });
+  ) : /* @__PURE__ */ jsx(IconButton, { color: "inherit", className: "icon", onClick: handleClose, children: /* @__PURE__ */ jsx(default_1$2, { fontSize: "inherit" }) }) });
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Snackbar,
     {
@@ -60,7 +63,7 @@ const Toast = (props) => {
           action,
           onClose: handleClose,
           severity: type === "normal" ? "info" : "warning",
-          icon: type === "normal" ? /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { htmlColor: "white", className: "icon" }) : /* @__PURE__ */ jsx(WarningAmberIcon, { htmlColor: "white", className: "icon" }),
+          icon: type === "normal" ? /* @__PURE__ */ jsx(default_1, { htmlColor: "white", className: "icon" }) : /* @__PURE__ */ jsx(default_1$1, { htmlColor: "white", className: "icon" }),
           children: /* @__PURE__ */ jsx(Typography, { color: "inherit", type: "s4", children: message })
         }
       )

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"],"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,WAAA,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,oBAAC,0BAAuB,WAAU,SAAQ,WAAU,OAAA,CAAO,IAE3D,oBAAC,kBAAA,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 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=require("@mui/icons-material/Close"),i=require("@mui/material"),n=require("@mui/icons-material/WarningAmber"),t=require("@mui/icons-material/CheckCircleOutline");;/* empty css                   */var o=;/* empty css                                 */function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */a(r),s=/* @__PURE__ */a(n),c=/* @__PURE__ */a(t);const d=i.styled(i.Alert)(({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=r=>{const{open:n,message:t,type:a="alert",handleUndo:u,handleClose:m,...h}=r,p=/* @__PURE__ */e.jsx(e.Fragment,{children:u?/* @__PURE__ */e.jsx(o.Typography,{className:"toast-undo",type:"s4",color:"normal"===a?"theme.primary.600":"white",onClick:u,children:"Undo"}):/* @__PURE__ */e.jsx(i.IconButton,{color:"inherit",className:"icon",onClick:m,children:/* @__PURE__ */e.jsx(l.default,{fontSize:"inherit"})})});/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(i.Snackbar,{open:n,autoHideDuration:3e5,onClose:m,...h,children:/* @__PURE__ */e.jsx(d,{action:p,onClose:m,severity:"normal"===a?"info":"warning",icon:"normal"===a?/* @__PURE__ */e.jsx(c.default,{htmlColor:"white",className:"icon"}):/* @__PURE__ */e.jsx(s.default,{htmlColor:"white",className:"icon"}),children:/* @__PURE__ */e.jsx(o.Typography,{color:"inherit",type:"s4",children:t})})})})};
+"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})})})})};
 //# 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":"ifAmBA,MAAMA,EAAcC,EAAAA,OAAOC,QAAPD,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,WAAA,CAAWzB,MAAM,UAAUuB,UAAU,OAAOC,QAASP,EACpDG,wBAAAC,EAAAA,IAACK,UAAA,CAAMC,SAAS;AAMxB,aACEC,EAAAA,SAAA,CACER,wBAAAC,EAAAA,IAACQ,EAAAA,SAAA,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 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"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box } from "@mui/material";
 /* empty css                       */
-import { styled } from "@mui/system";
+import styled from "../../../node_modules/@mui/system/esm/styled/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const ToggleWrapper = styled(Box)(({ theme: { palette } }) => ({
   "& input:checked + .slider": {
     backgroundColor: palette.theme.primary[700]

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"),r=require("@mui/material");;/* empty css                    */const s=require("@mui/system").styled(r.Box)(({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=r=>/* @__PURE__ */e.jsx(s,{children:/* @__PURE__ */e.jsxs("label",{className:"switch",children:[
-/* @__PURE__ */e.jsx("input",{type:"checkbox",...r}),
+"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:[
+/* @__PURE__ */e.jsx("input",{type:"checkbox",...s}),
 /* @__PURE__ */e.jsx("span",{className:"slider round"})]})});
 //# 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":"qKAIA,MAAMA,yBAAgBC,OAAOC,MAAPD,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 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"}

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { styled } from "@mui/material/styles";
-import Switch from "@mui/material/Switch";
-import Stack from "@mui/material/Stack";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
 import { memo } from "react";
+import Stack from "../../../node_modules/@mui/material/Stack/Stack/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Switch from "../../../node_modules/@mui/material/Switch/Switch/index.esm.js";
 const CustomisedSwitch = styled((props) => /* @__PURE__ */ jsx(Switch, { focusVisibleClassName: ".Mui-focusVisible", disableRipple: true, ...props }))(({ theme, size, checked }) => {
   var _a, _b, _c;
   return {

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),i=require("@mui/material/Switch"),r=require("@mui/material/Stack"),a=require("../../typography/typography/index.js"),o=require("../../../hooks/useLangauge/index.js"),d=require("react");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */s(i),l=/* @__PURE__ */s(r);const c=t.styled(t=>/* @__PURE__ */e.jsx(u.default,{focusVisibleClassName:".Mui-focusVisible",disableRipple:!0,...t}))(({theme:e,size:t,checked:i})=>{var r,a,o;return{width:24,height:16,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"medium"===t?2:1,transitionDuration:"300ms","&.Mui-checked":{transform:"medium"===t?"translateX(16px)":"translateX(8px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"dark"===e.palette.mode?"#2ECA45":"#65C466",opacity:1,border:0},"&.Mui-disabled + .MuiSwitch-track":{opacity:.5}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:"#33cf4d",border:"6px solid #fff"},"&.Mui-disabled .MuiSwitch-thumb":{color:"light"===e.palette.mode?e.palette.grey[100]:e.palette.grey[600]},"&.Mui-disabled + .MuiSwitch-track":{opacity:"light"===e.palette.mode?.7:.3}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:14,height:14,border:i?0:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[300]}`},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:null==(a=e.palette.theme)?void 0:a.secondary[200],opacity:1,transition:e.transitions.create(["background-color"],{duration:500})},..."medium"===t&&{width:42,height:26,"& .MuiSwitch-thumb":{boxSizing:"border-box",width:22,height:22,border:i?0:`1px solid ${null==(o=e.palette.theme)?void 0:o.secondary[300]}`}}}}),n=d.memo(({label:t,labelPosition:i="end",typographyProps:r,...d})=>{const{isRtl:s}=o.useLanguage();/* @__PURE__ */
-return e.jsxs(l.default,{direction:"row",spacing:s?"":.5,alignItems:"center",children:["start"===i&&/* @__PURE__ */e.jsx(a.Typography,{type:"s3",color:"theme.secondary.1000",...r,children:t}),
-/* @__PURE__ */e.jsx(c,{sx:{m:1},...d}),"end"===i&&/* @__PURE__ */e.jsx(a.Typography,{type:"s3",color:"theme.secondary.1000",...r,children:t})]})});exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../typography/typography/index.js"),t=require("../../../hooks/useLangauge/index.js"),r=require("react"),o=require("../../../node_modules/@mui/material/Stack/Stack/index.js"),a=require("../../../node_modules/@mui/material/styles/styled/index.js"),d=require("../../../node_modules/@mui/material/Switch/Switch/index.js");const s=a.default(i=>/* @__PURE__ */e.jsx(d.default,{focusVisibleClassName:".Mui-focusVisible",disableRipple:!0,...i}))(({theme:e,size:i,checked:t})=>{var r,o,a;return{width:24,height:16,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"medium"===i?2:1,transitionDuration:"300ms","&.Mui-checked":{transform:"medium"===i?"translateX(16px)":"translateX(8px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"dark"===e.palette.mode?"#2ECA45":"#65C466",opacity:1,border:0},"&.Mui-disabled + .MuiSwitch-track":{opacity:.5}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:"#33cf4d",border:"6px solid #fff"},"&.Mui-disabled .MuiSwitch-thumb":{color:"light"===e.palette.mode?e.palette.grey[100]:e.palette.grey[600]},"&.Mui-disabled + .MuiSwitch-track":{opacity:"light"===e.palette.mode?.7:.3}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:14,height:14,border:t?0:`1px solid ${null==(r=e.palette.theme)?void 0:r.secondary[300]}`},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:null==(o=e.palette.theme)?void 0:o.secondary[200],opacity:1,transition:e.transitions.create(["background-color"],{duration:500})},..."medium"===i&&{width:42,height:26,"& .MuiSwitch-thumb":{boxSizing:"border-box",width:22,height:22,border:t?0:`1px solid ${null==(a=e.palette.theme)?void 0:a.secondary[300]}`}}}}),l=r.memo(({label:r,labelPosition:a="end",typographyProps:d,...l})=>{const{isRtl:u}=t.useLanguage();/* @__PURE__ */
+return e.jsxs(o.default,{direction:"row",spacing:u?"":.5,alignItems:"center",children:["start"===a&&/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",...d,children:r}),
+/* @__PURE__ */e.jsx(s,{sx:{m:1},...l}),"end"===a&&/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",...d,children:r})]})});exports.default=l;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/toggle-switch/toggle-switch.tsx"],"sourcesContent":["import { styled } from \"@mui/material/styles\";\nimport Switch, { SwitchProps } from \"@mui/material/Switch\";\nimport Stack from \"@mui/material/Stack\";\nimport Typography, { ITypography } from \"../typography/typography\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo } from \"react\";\n\nexport interface ISwitchProps extends SwitchProps {\n  label?: string;\n  labelPosition?: \"start\" | \"end\";\n  typographyProps?: ITypography;\n}\n\nconst CustomisedSwitch = styled((props: ISwitchProps) => (\n  <Switch focusVisibleClassName=\".Mui-focusVisible\" disableRipple {...props} />\n))(({ theme, size, checked }) => ({\n  width: 24,\n  height: 16,\n  padding: 0,\n  \"& .MuiSwitch-switchBase\": {\n    padding: 0,\n    margin: size === \"medium\" ? 2 : 1,\n    transitionDuration: \"300ms\",\n    \"&.Mui-checked\": {\n      transform: size === \"medium\" ? \"translateX(16px)\" : \"translateX(8px)\",\n      color: \"#fff\",\n      \"& + .MuiSwitch-track\": {\n        backgroundColor: theme.palette.mode === \"dark\" ? \"#2ECA45\" : \"#65C466\",\n        opacity: 1,\n        border: 0,\n      },\n      \"&.Mui-disabled + .MuiSwitch-track\": {\n        opacity: 0.5,\n      },\n    },\n    \"&.Mui-focusVisible .MuiSwitch-thumb\": {\n      color: \"#33cf4d\",\n      border: \"6px solid #fff\",\n    },\n    \"&.Mui-disabled .MuiSwitch-thumb\": {\n      color:\n        theme.palette.mode === \"light\"\n          ? theme.palette.grey[100]\n          : theme.palette.grey[600],\n    },\n    \"&.Mui-disabled + .MuiSwitch-track\": {\n      opacity: theme.palette.mode === \"light\" ? 0.7 : 0.3,\n    },\n  },\n  \"& .MuiSwitch-thumb\": {\n    boxSizing: \"border-box\",\n    width: 14,\n    height: 14,\n    border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n  },\n  \"& .MuiSwitch-track\": {\n    borderRadius: 26 / 2,\n    backgroundColor: theme.palette.theme?.secondary[200],\n    opacity: 1,\n    transition: theme.transitions.create([\"background-color\"], {\n      duration: 500,\n    }),\n  },\n  ...(size === \"medium\" && {\n    width: 42,\n    height: 26,\n    \"& .MuiSwitch-thumb\": {\n      boxSizing: \"border-box\",\n      width: 22,\n      height: 22,\n      border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n    },\n  }),\n}));\n\nconst ToggleSwitch: React.FC<ISwitchProps> = memo(({\n  label,\n  labelPosition = \"end\",\n  typographyProps,\n  ...rest\n}) => {\n  const {isRtl}=useLanguage();\n  return (\n    <Stack direction=\"row\" spacing={isRtl ? '' : 0.5} alignItems=\"center\">\n      {labelPosition === \"start\" && (\n        <Typography type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n      <CustomisedSwitch  sx={{ m: 1 }} {...rest} />\n      {labelPosition === \"end\" && (\n        <Typography  type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n    </Stack>\n  );\n});\n\nexport default ToggleSwitch;\n"],"names":["CustomisedSwitch","styled","props","jsx","Switch","focusVisibleClassName","disableRipple","theme","size","checked","width","height","padding","margin","transitionDuration","transform","color","backgroundColor","palette","mode","opacity","border","grey","boxSizing","_a","secondary","borderRadius","_b","transition","transitions","create","duration","_c","ToggleSwitch","memo","label","labelPosition","typographyProps","rest","isRtl","useLanguage","jsxs","Stack","direction","spacing","alignItems","children","Typography","type","sx","m"],"mappings":"0bAaA,MAAMA,EAAmBC,EAAAA,OAAQC,oBAC/BC,IAACC,UAAA,CAAOC,sBAAsB,oBAAoBC,eAAa,KAAKJ,IAD7CD,CAEtB,EAAGM,QAAOC,OAAMC,wBAAe,MAAA,CAChCC,MAAO,GACPC,OAAQ,GACRC,QAAS,EACT,0BAA2B,CACzBA,QAAS,EACTC,OAAiB,WAATL,EAAoB,EAAI,EAChCM,mBAAoB,QACpB,gBAAiB,CACfC,UAAoB,WAATP,EAAoB,mBAAqB,kBACpDQ,MAAO,OACP,uBAAwB,CACtBC,gBAAwC,SAAvBV,EAAMW,QAAQC,KAAkB,UAAY,UAC7DC,QAAS,EACTC,OAAQ,GAEV,oCAAqC,CACnCD,QAAS,KAGb,sCAAuC,CACrCJ,MAAO,UACPK,OAAQ,kBAEV,kCAAmC,CACjCL,MACyB,UAAvBT,EAAMW,QAAQC,KACVZ,EAAMW,QAAQI,KAAK,KACnBf,EAAMW,QAAQI,KAAK,MAE3B,oCAAqC,CACnCF,QAAgC,UAAvBb,EAAMW,QAAQC,KAAmB,GAAM,KAGpD,qBAAsB,CACpBI,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAe,IAAMN,QAAQX,YAAd,EAAAiB,EAAqBC,UAAU,QAEpE,qBAAsB,CACpBC,aAAc,GACdT,gBAAiB,OAAAU,EAAApB,EAAMW,QAAQX,gBAAOkB,UAAU,KAChDL,QAAS,EACTQ,WAAYrB,EAAMsB,YAAYC,OAAO,CAAC,oBAAqB,CACzDC,SAAU,UAGD,WAATvB,GAAqB,CACvBE,MAAO,GACPC,OAAQ,GACR,qBAAsB,CACpBY,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAuB,IAAMd,QAAQX,YAAd,EAAAyB,EAAqBP,UAAU,YAKlEQ,EAAuCC,EAAAA,KAAK,EAChDC,QACAC,gBAAgB,MAChBC,qBACGC,MAEH,MAAMC,MAACA,GAAOC;AACd,OACEC,OAACC,EAAAA,SAAMC,UAAU,MAAMC,QAASL,EAAQ,GAAK,GAAKM,WAAW,SAC1DC,SAAA,CAAkB,UAAlBV,wBACEW,EAAAA,WAAA,CAAWC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACpDS,SAAAX;eAGLhC,MAACH,GAAkBiD,GAAI,CAAEC,EAAG,MAASZ,IAClB,QAAlBF,kBACCjC,MAAC4C,EAAAA,WAAA,CAAYC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACrDS,SAAAX"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/toggle-switch/toggle-switch.tsx"],"sourcesContent":["import { styled } from \"@mui/material/styles\";\nimport Switch, { SwitchProps } from \"@mui/material/Switch\";\nimport Stack from \"@mui/material/Stack\";\nimport Typography, { ITypography } from \"../typography/typography\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo } from \"react\";\n\nexport interface ISwitchProps extends SwitchProps {\n  label?: string;\n  labelPosition?: \"start\" | \"end\";\n  typographyProps?: ITypography;\n}\n\nconst CustomisedSwitch = styled((props: ISwitchProps) => (\n  <Switch focusVisibleClassName=\".Mui-focusVisible\" disableRipple {...props} />\n))(({ theme, size, checked }) => ({\n  width: 24,\n  height: 16,\n  padding: 0,\n  \"& .MuiSwitch-switchBase\": {\n    padding: 0,\n    margin: size === \"medium\" ? 2 : 1,\n    transitionDuration: \"300ms\",\n    \"&.Mui-checked\": {\n      transform: size === \"medium\" ? \"translateX(16px)\" : \"translateX(8px)\",\n      color: \"#fff\",\n      \"& + .MuiSwitch-track\": {\n        backgroundColor: theme.palette.mode === \"dark\" ? \"#2ECA45\" : \"#65C466\",\n        opacity: 1,\n        border: 0,\n      },\n      \"&.Mui-disabled + .MuiSwitch-track\": {\n        opacity: 0.5,\n      },\n    },\n    \"&.Mui-focusVisible .MuiSwitch-thumb\": {\n      color: \"#33cf4d\",\n      border: \"6px solid #fff\",\n    },\n    \"&.Mui-disabled .MuiSwitch-thumb\": {\n      color:\n        theme.palette.mode === \"light\"\n          ? theme.palette.grey[100]\n          : theme.palette.grey[600],\n    },\n    \"&.Mui-disabled + .MuiSwitch-track\": {\n      opacity: theme.palette.mode === \"light\" ? 0.7 : 0.3,\n    },\n  },\n  \"& .MuiSwitch-thumb\": {\n    boxSizing: \"border-box\",\n    width: 14,\n    height: 14,\n    border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n  },\n  \"& .MuiSwitch-track\": {\n    borderRadius: 26 / 2,\n    backgroundColor: theme.palette.theme?.secondary[200],\n    opacity: 1,\n    transition: theme.transitions.create([\"background-color\"], {\n      duration: 500,\n    }),\n  },\n  ...(size === \"medium\" && {\n    width: 42,\n    height: 26,\n    \"& .MuiSwitch-thumb\": {\n      boxSizing: \"border-box\",\n      width: 22,\n      height: 22,\n      border: checked ? 0 : `1px solid ${theme.palette.theme?.secondary[300]}`,\n    },\n  }),\n}));\n\nconst ToggleSwitch: React.FC<ISwitchProps> = memo(({\n  label,\n  labelPosition = \"end\",\n  typographyProps,\n  ...rest\n}) => {\n  const {isRtl}=useLanguage();\n  return (\n    <Stack direction=\"row\" spacing={isRtl ? '' : 0.5} alignItems=\"center\">\n      {labelPosition === \"start\" && (\n        <Typography type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n      <CustomisedSwitch  sx={{ m: 1 }} {...rest} />\n      {labelPosition === \"end\" && (\n        <Typography  type=\"s3\" color=\"theme.secondary.1000\" {...typographyProps}>\n          {label}\n        </Typography>\n      )}\n    </Stack>\n  );\n});\n\nexport default ToggleSwitch;\n"],"names":["CustomisedSwitch","styled","props","jsx","Switch","focusVisibleClassName","disableRipple","theme","size","checked","width","height","padding","margin","transitionDuration","transform","color","backgroundColor","palette","mode","opacity","border","grey","boxSizing","_a","secondary","borderRadius","_b","transition","transitions","create","duration","_c","ToggleSwitch","memo","label","labelPosition","typographyProps","rest","isRtl","useLanguage","jsxs","Stack","direction","spacing","alignItems","children","Typography","type","sx","m"],"mappings":"mbAaA,MAAMA,EAAmBC,EAAAA,QAAQC,oBAC/BC,IAACC,UAAA,CAAOC,sBAAsB,oBAAoBC,eAAa,KAAKJ,IAD7CD,CAEtB,EAAGM,QAAOC,OAAMC,wBAAe,MAAA,CAChCC,MAAO,GACPC,OAAQ,GACRC,QAAS,EACT,0BAA2B,CACzBA,QAAS,EACTC,OAAiB,WAATL,EAAoB,EAAI,EAChCM,mBAAoB,QACpB,gBAAiB,CACfC,UAAoB,WAATP,EAAoB,mBAAqB,kBACpDQ,MAAO,OACP,uBAAwB,CACtBC,gBAAwC,SAAvBV,EAAMW,QAAQC,KAAkB,UAAY,UAC7DC,QAAS,EACTC,OAAQ,GAEV,oCAAqC,CACnCD,QAAS,KAGb,sCAAuC,CACrCJ,MAAO,UACPK,OAAQ,kBAEV,kCAAmC,CACjCL,MACyB,UAAvBT,EAAMW,QAAQC,KACVZ,EAAMW,QAAQI,KAAK,KACnBf,EAAMW,QAAQI,KAAK,MAE3B,oCAAqC,CACnCF,QAAgC,UAAvBb,EAAMW,QAAQC,KAAmB,GAAM,KAGpD,qBAAsB,CACpBI,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAe,IAAMN,QAAQX,YAAd,EAAAiB,EAAqBC,UAAU,QAEpE,qBAAsB,CACpBC,aAAc,GACdT,gBAAiB,OAAAU,EAAApB,EAAMW,QAAQX,gBAAOkB,UAAU,KAChDL,QAAS,EACTQ,WAAYrB,EAAMsB,YAAYC,OAAO,CAAC,oBAAqB,CACzDC,SAAU,UAGD,WAATvB,GAAqB,CACvBE,MAAO,GACPC,OAAQ,GACR,qBAAsB,CACpBY,UAAW,aACXb,MAAO,GACPC,OAAQ,GACRU,OAAQZ,EAAU,EAAI,aAAa,OAAAuB,IAAMd,QAAQX,YAAd,EAAAyB,EAAqBP,UAAU,YAKlEQ,EAAuCC,EAAAA,KAAK,EAChDC,QACAC,gBAAgB,MAChBC,qBACGC,MAEH,MAAMC,MAACA,GAAOC;AACd,OACEC,OAACC,EAAAA,SAAMC,UAAU,MAAMC,QAASL,EAAQ,GAAK,GAAKM,WAAW,SAC1DC,SAAA,CAAkB,UAAlBV,wBACEW,EAAAA,WAAA,CAAWC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACpDS,SAAAX;eAGLhC,MAACH,GAAkBiD,GAAI,CAAEC,EAAG,MAASZ,IAClB,QAAlBF,kBACCjC,MAAC4C,EAAAA,WAAA,CAAYC,KAAK,KAAKhC,MAAM,0BAA2BqB,EACrDS,SAAAX"}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Tooltip as Tooltip$1 } from "@mui/material";
+import Tooltip$1 from "../../../node_modules/@mui/material/Tooltip/Tooltip/index.esm.js";
 const Tooltip = ({ title, children, sx, ...rest }) => {
   return /* @__PURE__ */ jsx(
     Tooltip$1,

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("@mui/material");exports.default=({title:t,children:o,sx:i,...l})=>/* @__PURE__ */e.jsx(r.Tooltip,{componentsProps:{tooltip:{sx:{padding:"0.5rem 0.75rem",backgroundColor:"#393B3E",maxWidth:"12rem","& .MuiTooltip-arrow":{color:"#393B3E"},...i}}},title:t,...l,children:o});
+"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});
 //# 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":"kJAEgB,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 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"}

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

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { styled, Typography as Typography$1 } from "@mui/material";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Typography$1 from "../../../node_modules/@mui/material/Typography/Typography/index.esm.js";
 const StyledTypography = styled(Typography$1)(
   ({ theme: { palette }, color }) => {
     var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["MUITypography"],"mappings":";;AAWA,MAAM,mBAAmB,OAAOA,YAAa;AAAA,EAC3C,CAAC,EAAE,OAAO,EAAE,QAAA,GAAW,YAAM;;AAAO;AAAA,MAClC,OAAO,WAAS,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA;AAE9C;AAEO,SAAS,WAAW,OAAoB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,SACE,oBAAC,kBAAA,EAAiB,WAAW,GAAG,IAAI,IAAI,MAAM,IAAI,SAAS,IAAK,GAAG,MAChE,SAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["MUITypography"],"mappings":";;;AAWA,MAAM,mBAAmB,OAAOA,YAAa;AAAA,EAC3C,CAAC,EAAE,OAAO,EAAE,QAAA,GAAW,YAAM;;AAAO;AAAA,MAClC,OAAO,WAAS,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA;AAE9C;AAEO,SAAS,WAAW,OAAoB;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EAAA,IACD;AAEJ,SACE,oBAAC,kBAAA,EAAiB,WAAW,GAAG,IAAI,IAAI,MAAM,IAAI,SAAS,IAAK,GAAG,MAChE,SAAA,CACH;AAEJ;"}

package/dist/components/typography/typography/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");const t=r.styled(r.Typography)(({theme:{palette:e},color:r})=>{var t;return{color:r||(null==(t=e.theme)?void 0:t.primary[800])}});function a(r){const{children:a,type:o="h5",weight:l="normal",className:s,...i}=r;/* @__PURE__ */
-return e.jsx(t,{className:`${o} ${l} ${s}`,...i,children:a})}exports.Typography=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../node_modules/@mui/material/Typography/Typography/index.js");const a=r.default(t.default)(({theme:{palette:e},color:r})=>{var t;return{color:r||(null==(t=e.theme)?void 0:t.primary[800])}});function l(r){const{children:t,type:l="h5",weight:o="normal",className:s,...i}=r;/* @__PURE__ */
+return e.jsx(a,{className:`${l} ${o} ${s}`,...i,children:t})}exports.Typography=l,exports.default=l;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["StyledTypography","styled","MUITypography","theme","palette","color","_a","primary","Typography","props","children","type","weight","className","rest","jsx"],"mappings":"kIAWA,MAAMA,EAAmBC,EAAAA,OAAOC,aAAPD,CACvB,EAAGE,OAASC,WAAWC,kBAAa,MAAA,CAClCA,MAAOA,IAAS,OAAAC,EAAAF,EAAQD,gBAAOI,QAAQ,SAIpC,SAASC,EAAWC,GACzB,MAAMC,SACJA,EAAAC,KACAA,EAAO,KAAAC,OACPA,EAAS,SAAAC,UACTA,KACGC,GACDL;AAEJ,OACEM,EAAAA,IAACf,EAAA,CAAiBa,UAAW,GAAGF,KAAQC,KAAUC,OAAiBC,EAChEJ,YAGP"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/typography/typography.tsx"],"sourcesContent":["import {\n  Typography as MUITypography,\n  TypographyProps,\n  styled,\n} from \"@mui/material\";\n\nexport interface ITypography extends TypographyProps {\n  type?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"s1\" | \"s2\" | \"s3\" | \"s4\" | \"s5\";\n  weight?: \"normal\" | \"medium\" | \"bold\";\n}\n\nconst StyledTypography = styled(MUITypography)<ITypography>(\n  ({ theme: { palette }, color }) => ({\n    color: color || palette.theme?.primary[800],\n  }),\n);\n\nexport function Typography(props: ITypography) {\n  const {\n    children,\n    type = \"h5\",\n    weight = \"normal\",\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <StyledTypography className={`${type} ${weight} ${className}`} {...rest}>\n      {children}\n    </StyledTypography>\n  );\n}\n\nexport default Typography;\n"],"names":["StyledTypography","styled","MUITypography","theme","palette","color","_a","primary","Typography","props","children","type","weight","className","rest","jsx"],"mappings":"+PAWA,MAAMA,EAAmBC,EAAAA,QAAOC,UAAPD,CACvB,EAAGE,OAASC,WAAWC,kBAAa,MAAA,CAClCA,MAAOA,IAAS,OAAAC,EAAAF,EAAQD,gBAAOI,QAAQ,SAIpC,SAASC,EAAWC,GACzB,MAAMC,SACJA,EAAAC,KACAA,EAAO,KAAAC,OACPA,EAAS,SAAAC,UACTA,KACGC,GACDL;AAEJ,OACEM,EAAAA,IAACf,EAAA,CAAiBa,UAAW,GAAGF,KAAQC,KAAUC,OAAiBC,EAChEJ,YAGP"}

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

@@ -1,10 +1,14 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { Dialog, DialogTitle, IconButton, DialogContent, DialogActions } from "@mui/material";
 import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                                 */
 import Button from "../../button/button/index.esm.js";
-import { Close } from "@mui/icons-material";
+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";
+import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 const FileConfirmationDialog = ({
   open,
   onClose,

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.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":[],"mappings":";;;;;;;AAsBA,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,YAAU,MAAM;AAAA,EAChB,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,QAAA,EAAO,MAAY,WAAU,oBAAmB,SAC/C,UAAA;AAAA,IAAA,qBAAC,eAAY,WAAU,iBAAgB,IAAI,EAAC,SAAS,UAAS,UAAA;AAAA,MAAA;AAAA,MAAC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,UAAA,eAAA,CAElI;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,SAAQ,SAAS,SAC1B,UAAA,oBAAC,OAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CAC1B;AAAA,IAAA,GACN;AAAA,IACA,oBAAC,iBAAc,IAAI,EAAC,WAAW,OAAA,GAC7B,8BAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAC1C,UAAA,SAAW,4CAA4C,KAAK,KAAM,8CAEpE,EAAA,CACF;AAAA,IACA,qBAAC,eAAA,EAAc,WAAU,iBACvB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,WAAU,qBAAoB,SAAS,YAAa,UAAA,aAE5D;AAAA,MACA,oBAAC,QAAA,EAAO,SAAS,WAAY,UAAA,UAAA,CAE7B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.esm.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":[],"mappings":";;;;;;;;;;;AAsBA,MAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAEJ,YAAU,MAAM;AAAA,EAChB,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,QAAA,EAAO,MAAY,WAAU,oBAAmB,SAC/C,UAAA;AAAA,IAAA,qBAAC,eAAY,WAAU,iBAAgB,IAAI,EAAC,SAAS,UAAS,UAAA;AAAA,MAAA;AAAA,MAAC,oBAAC,cAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAAuB,UAAA,eAAA,CAElI;AAAA,MACA,oBAAC,YAAA,EAAW,MAAK,SAAQ,SAAS,SAC1B,UAAA,oBAAC,OAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CAC1B;AAAA,IAAA,GACN;AAAA,IACA,oBAAC,iBAAc,IAAI,EAAC,WAAW,OAAA,GAC7B,8BAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,wBAC1C,UAAA,SAAW,4CAA4C,KAAK,KAAM,8CAEpE,EAAA,CACF;AAAA,IACA,qBAAC,eAAA,EAAc,WAAU,iBACvB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAO,WAAU,qBAAoB,SAAS,YAAa,UAAA,aAE5D;AAAA,MACA,oBAAC,QAAA,EAAO,SAAS,WAAY,UAAA,UAAA,CAE7B;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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"),r=require("@mui/material"),s=;/* empty css                                 */;/* empty css                              */var a=,/* empty css                         */l=require("@mui/icons-material");exports.default=({open:t,onClose:o,onReplace:n,onKeepBoth:c,title:d,isFile:h})=>(i.useEffect(()=>{},[t]),/* @__PURE__ */e.jsxs(r.Dialog,{open:t,className:"filter-container",onClose:o,children:[
-/* @__PURE__ */e.jsxs(r.DialogTitle,{className:"filter-header",sx:{padding:"20px"},children:[" ",
-/* @__PURE__ */e.jsx(s.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Confirmation"}),
-/* @__PURE__ */e.jsx(r.IconButton,{size:"small",onClick:o,children:/* @__PURE__ */e.jsx(l.Close,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(r.DialogContent,{sx:{marginTop:"20px"},children:/* @__PURE__ */e.jsx(s.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:h?`The destination already has a file named ${d}`:"The destination already has a folder name "})}),
-/* @__PURE__ */e.jsxs(r.DialogActions,{className:"filter-footer",children:[
-/* @__PURE__ */e.jsx(a.default,{className:"cancel-filter-btn",onClick:c,children:"Keep Both"}),
-/* @__PURE__ */e.jsx(a.default,{onClick:n,children:"Replace"})]})]}));
+"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:[
+/* @__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.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"})]})]}));
 //# 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":"mVAsBsE,EACpEA,OACAC,UACAC,YACAC,aACAC,QACAC,aAGAC,EAAAA,UAAU,OACP,CAACN,mBAGFO,EAAAA,KAACC,EAAAA,OAAA,CAAOR,OAAYS,UAAU,mBAAmBR,UAC/CS,SAAA;eAAAH,OAACI,EAAAA,aAAYF,UAAU,gBAAgBG,GAAI,CAACC,QAAS,QAASH,SAAA,CAAA;eAACI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,SAAA;iBAGlII,IAACK,EAAAA,WAAA,CAAWC,KAAK,QAAQC,QAASpB,EAC1BS,wBAAAI,EAAAA,IAACQ,EAAAA,MAAA,CAAMC,SAAS;eAGxBT,EAAAA,IAACU,EAAAA,eAAcZ,GAAI,CAACa,UAAW,QAC7Bf,8BAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAC1CR,SAAAL,EAAW,4CAA4CD,IAAW;iBAItEG,KAACmB,EAAAA,cAAA,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,QAAA,CAAOlB,UAAU,oBAAoBY,QAASlB,EAAaO,SAAA;eAG5DI,EAAAA,IAACa,EAAAA,QAAA,CAAON,QAASnB,EAAYQ,SAAA"}

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

@@ -1,15 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1$1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Box from "@mui/material/Box";
-import LinearProgress from "@mui/material/LinearProgress";
 /* empty css                       */
 import { useDropzone } from "react-dropzone";
 import Toast from "../../toast/toast/index.esm.js";
-import { Dialog, DialogTitle, IconButton, Divider, DialogContent, DialogActions, CircularProgress } from "@mui/material";
-import RemoveIcon from "@mui/icons-material/Remove";
-import { Add, KeyboardArrowUp, KeyboardArrowDown, Clear } from "@mui/icons-material";
+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 { Avatar } from "../../avatar/avatar/index.esm.js";
@@ -17,6 +13,19 @@ import { images } from "../../../images/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";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import LinearProgress from "../../../node_modules/@mui/material/LinearProgress/LinearProgress/index.esm.js";
+import Add from "../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import KeyboardArrowUp from "../../../node_modules/@mui/icons-material/esm/KeyboardArrowUp/index.esm.js";
+import KeyboardArrowDown from "../../../node_modules/@mui/icons-material/esm/KeyboardArrowDown/index.esm.js";
+import Clear from "../../../node_modules/@mui/icons-material/esm/Clear/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const formatBytes = (bytes, decimals = 2) => {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
@@ -493,8 +502,8 @@ const Upload = (props) => {
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(RemoveIcon, {}) }),
-          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleDialogClose, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
+          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(default_1, {}) }),
+          /* @__PURE__ */ jsx(IconButton, { disableRipple: true, onClick: handleDialogClose, children: /* @__PURE__ */ jsx(default_1$1, {}) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
@@ -651,7 +660,7 @@ const Upload = (props) => {
           files.length !== 1 ? "s" : ""
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "top-options", children: [
-          /* @__PURE__ */ jsx("div", { className: "btn", onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(RemoveIcon, {}) }),
+          /* @__PURE__ */ jsx("div", { className: "btn", onClick: handleMinimizeClick, children: /* @__PURE__ */ jsx(default_1, {}) }),
           /* @__PURE__ */ jsx("div", { className: "btn", onClick: toggleCollapse, children: /* @__PURE__ */ jsx("div", { className: "arrow-btn", children: isCollapsed ? /* @__PURE__ */ jsx(KeyboardArrowUp, {}) : /* @__PURE__ */ jsx(KeyboardArrowDown, {}) }) }),
           /* @__PURE__ */ jsx("div", { className: "btn", onClick: handleDialogClose, children: /* @__PURE__ */ jsx(Clear, {}) })
         ] })