@skodaflow/web-library 7.15.0 → 7.16.0

package/organisms/common/menuCardComponent/menuCardComponent.js

@@ -1,2 +1,2 @@
-import{__rest as o}from"tslib";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useState as n,useRef as r,useCallback as e}from"react";import{Icon as m}from"../../../components/icon/icon.js";import"../../../components/icon/icon.definitions.js";import{styled as p}from"@mui/material";import{CardMenu as s}from"../../../components/cardMenu/cardMenu.js";const c=p=>{var c=o(p,[]);const[l,u]=n(!1),d=r(null),f=e((()=>u(!0)),[]),x=e((()=>u(!1)),[]);return t(a,{className:"menuCardComponent",children:[i(m,{ref:d,onClick:f,name:"vertical"}),i(s,Object.assign({},c,{open:l,onClose:x,anchorRef:d}))]})},a=p("div")((()=>{let o={};return o=Object.assign(Object.assign({},o),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),o}));export{c as default};
+import{__rest as o}from"tslib";import{jsxs as n,jsx as i}from"react/jsx-runtime";import{useState as e,useRef as c,useCallback as t}from"react";import{Icon as s}from"../../../components/icon/Icon.js";import"../../../components/icon/FlowIcon.js";import"../../../components/icon/icon.definitions.js";import"../../../components/icon/filled/ATMFilledIcon.js";import"../../../components/icon/filled/AddFilledIcon.js";import"../../../components/icon/filled/AirFilterFilledIcon.js";import"../../../components/icon/filled/AISuggestionFilledIcon.js";import"../../../components/icon/filled/ArchiveFilledIcon.js";import"../../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../../components/icon/filled/ArrowDownFilledIcon.js";import"../../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../../components/icon/filled/ArrowRightFilledIcon.js";import"../../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../../components/icon/filled/ArrowUpFilledIcon.js";import"../../../components/icon/filled/ArtboardFilledIcon.js";import"../../../components/icon/filled/AssistanceFilledIcon.js";import"../../../components/icon/filled/AudioMidFilledIcon.js";import"../../../components/icon/filled/AudioMuteFilledIcon.js";import"../../../components/icon/filled/AudioOffFilledIcon.js";import"../../../components/icon/filled/AudioOnFilledIcon.js";import"../../../components/icon/filled/BackToParentFilledIcon.js";import"../../../components/icon/filled/BadgeFilledIcon.js";import"../../../components/icon/filled/BalloonFilledIcon.js";import"../../../components/icon/filled/BarFilledIcon.js";import"../../../components/icon/filled/BarCodeFilledIcon.js";import"../../../components/icon/filled/Battery0FilledIcon.js";import"../../../components/icon/filled/Battery10FilledIcon.js";import"../../../components/icon/filled/Battery100FilledIcon.js";import"../../../components/icon/filled/Battery20FilledIcon.js";import"../../../components/icon/filled/Battery30FilledIcon.js";import"../../../components/icon/filled/Battery40FilledIcon.js";import"../../../components/icon/filled/Battery50FilledIcon.js";import"../../../components/icon/filled/Battery60FilledIcon.js";import"../../../components/icon/filled/Battery70FilledIcon.js";import"../../../components/icon/filled/Battery80FilledIcon.js";import"../../../components/icon/filled/Battery90FilledIcon.js";import"../../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../../components/icon/filled/BatteryFullFilledIcon.js";import"../../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../../components/icon/filled/BatteryFilledIcon.js";import"../../../components/icon/filled/BellFilledIcon.js";import"../../../components/icon/filled/BicycleFilledIcon.js";import"../../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../../components/icon/filled/BoltFilledIcon.js";import"../../../components/icon/filled/BoltMotionFilledIcon.js";import"../../../components/icon/filled/BoltOffFilledIcon.js";import"../../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../../components/icon/filled/BookmarkFilledIcon.js";import"../../../components/icon/filled/BootClosedFilledIcon.js";import"../../../components/icon/filled/BootOpenFilledIcon.js";import"../../../components/icon/filled/BoxFilledIcon.js";import"../../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../../components/icon/filled/BrakesFilledIcon.js";import"../../../components/icon/filled/BrightnessFilledIcon.js";import"../../../components/icon/filled/BuildingFilledIcon.js";import"../../../components/icon/filled/CalculatorFilledIcon.js";import"../../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../../components/icon/filled/CalendarPointFilledIcon.js";import"../../../components/icon/filled/CameraFilledIcon.js";import"../../../components/icon/filled/CampingFilledIcon.js";import"../../../components/icon/filled/CarAccidentFilledIcon.js";import"../../../components/icon/filled/CarBackFilledIcon.js";import"../../../components/icon/filled/CarComparisonFilledIcon.js";import"../../../components/icon/filled/CarHandFilledIcon.js";import"../../../components/icon/filled/CarInfoFilledIcon.js";import"../../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../../components/icon/filled/CarSeatFilledIcon.js";import"../../../components/icon/filled/CarSendFilledIcon.js";import"../../../components/icon/filled/CarSideFilledIcon.js";import"../../../components/icon/filled/CarStarFilledIcon.js";import"../../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../../components/icon/filled/CareMobilityFilledIcon.js";import"../../../components/icon/filled/CarFilledIcon.js";import"../../../components/icon/filled/CarDoorFilledIcon.js";import"../../../components/icon/filled/CarStatusFilledIcon.js";import"../../../components/icon/filled/CardFilledIcon.js";import"../../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../../components/icon/filled/ChatFilledIcon.js";import"../../../components/icon/filled/CheckFilledIcon.js";import"../../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../../components/icon/filled/ChevronDownFilledIcon.js";import"../../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../../components/icon/filled/ChevronNextFilledIcon.js";import"../../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../../components/icon/filled/ChevronRightFilledIcon.js";import"../../../components/icon/filled/ChevronUpFilledIcon.js";import"../../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../../components/icon/filled/CircleCheckFilledIcon.js";import"../../../components/icon/filled/CircleCloseFilledIcon.js";import"../../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../../components/icon/filled/CircleInformationFilledIcon.js";import"../../../components/icon/filled/CircleMinusFilledIcon.js";import"../../../components/icon/filled/CirclePlusFilledIcon.js";import"../../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../../components/icon/filled/CircleSlashFilledIcon.js";import"../../../components/icon/filled/CircleUploadFilledIcon.js";import"../../../components/icon/filled/ClipFilledIcon.js";import"../../../components/icon/filled/ClockFilledIcon.js";import"../../../components/icon/filled/CloseFilledIcon.js";import"../../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../../components/icon/filled/CloudCO2FilledIcon.js";import"../../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../../components/icon/filled/CloudUploadFilledIcon.js";import"../../../components/icon/filled/ColoursFilledIcon.js";import"../../../components/icon/filled/ComfortFilledIcon.js";import"../../../components/icon/filled/ContrastFilledIcon.js";import"../../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../../components/icon/filled/ControlsStopFilledIcon.js";import"../../../components/icon/filled/CookieFilledIcon.js";import"../../../components/icon/filled/CultureFilledIcon.js";import"../../../components/icon/filled/CopyFilledIcon.js";import"../../../components/icon/filled/CutFilledIcon.js";import"../../../components/icon/filled/DealerFilledIcon.js";import"../../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../../components/icon/filled/DeliveryFilledIcon.js";import"../../../components/icon/filled/DetailsFilledIcon.js";import"../../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../../components/icon/filled/DownloadFilledIcon.js";import"../../../components/icon/filled/DraghandleFilledIcon.js";import"../../../components/icon/filled/EditFilledIcon.js";import"../../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../../components/icon/filled/EmptystateFilledIcon.js";import"../../../components/icon/filled/EngineFilledIcon.js";import"../../../components/icon/filled/EngineOilFilledIcon.js";import"../../../components/icon/filled/EntertainmentFilledIcon.js";import"../../../components/icon/filled/EqualsignFilledIcon.js";import"../../../components/icon/filled/ExportFilledIcon.js";import"../../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../../components/icon/filled/FacebookFilledIcon.js";import"../../../components/icon/filled/FactoryFilledIcon.js";import"../../../components/icon/filled/FanFilledIcon.js";import"../../../components/icon/filled/FeedbackFilledIcon.js";import"../../../components/icon/filled/FileFilledIcon.js";import"../../../components/icon/filled/FileMissingFilledIcon.js";import"../../../components/icon/filled/FileNewFilledIcon.js";import"../../../components/icon/filled/FilterFilledIcon.js";import"../../../components/icon/filled/FiltersFilledIcon.js";import"../../../components/icon/filled/FingerPrintFilledIcon.js";import"../../../components/icon/filled/FirstAidFilledIcon.js";import"../../../components/icon/filled/FlashFilledIcon.js";import"../../../components/icon/filled/FolderFilledIcon.js";import"../../../components/icon/filled/FolderShareFilledIcon.js";import"../../../components/icon/filled/FoodFilledIcon.js";import"../../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../../components/icon/filled/FrontaxleFilledIcon.js";import"../../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../../components/icon/filled/GarageFilledIcon.js";import"../../../components/icon/filled/GaugeFilledIcon.js";import"../../../components/icon/filled/GlobeFilledIcon.js";import"../../../components/icon/filled/GroupFilledIcon.js";import"../../../components/icon/filled/HandkeyFilledIcon.js";import"../../../components/icon/filled/HealthScanFilledIcon.js";import"../../../components/icon/filled/HeartFilledIcon.js";import"../../../components/icon/filled/HideFilledIcon.js";import"../../../components/icon/filled/HistoryFilledIcon.js";import"../../../components/icon/filled/HomeFilledIcon.js";import"../../../components/icon/filled/HonkFilledIcon.js";import"../../../components/icon/filled/HotelFilledIcon.js";import"../../../components/icon/filled/HybridFilledIcon.js";import"../../../components/icon/filled/IDCardFilledIcon.js";import"../../../components/icon/filled/ImportFilledIcon.js";import"../../../components/icon/filled/InboxFilledIcon.js";import"../../../components/icon/filled/InstagramFilledIcon.js";import"../../../components/icon/filled/LightsFilledIcon.js";import"../../../components/icon/filled/LightsOffFilledIcon.js";import"../../../components/icon/filled/LinkedInFilledIcon.js";import"../../../components/icon/filled/ListFilledIcon.js";import"../../../components/icon/filled/LockClosedFilledIcon.js";import"../../../components/icon/filled/LockOpenedFilledIcon.js";import"../../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../../components/icon/filled/LoginFilledIcon.js";import"../../../components/icon/filled/LogoutFilledIcon.js";import"../../../components/icon/filled/MaintenanceFilledIcon.js";import"../../../components/icon/filled/ManualFilledIcon.js";import"../../../components/icon/filled/MapCenterFilledIcon.js";import"../../../components/icon/filled/MapCompassFilledIcon.js";import"../../../components/icon/filled/MapFlagFilledIcon.js";import"../../../components/icon/filled/MapLocationFilledIcon.js";import"../../../components/icon/filled/MapFilledIcon.js";import"../../../components/icon/filled/MapMarkerFilledIcon.js";import"../../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../../components/icon/filled/MapPinFilledIcon.js";import"../../../components/icon/filled/MapViewFilledIcon.js";import"../../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../../components/icon/filled/MenuFilledIcon.js";import"../../../components/icon/filled/MessageFilledIcon.js";import"../../../components/icon/filled/MicrophoneFilledIcon.js";import"../../../components/icon/filled/MinusFilledIcon.js";import"../../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../../components/icon/filled/MotionFilledIcon.js";import"../../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../../components/icon/filled/MuteFilledIcon.js";import"../../../components/icon/filled/NewsFilledIcon.js";import"../../../components/icon/filled/NewspaperFilledIcon.js";import"../../../components/icon/filled/OilFilledIcon.js";import"../../../components/icon/filled/ParkingFilledIcon.js";import"../../../components/icon/filled/PasteFilledIcon.js";import"../../../components/icon/filled/PercentageFilledIcon.js";import"../../../components/icon/filled/PetFilledIcon.js";import"../../../components/icon/filled/PhoneFilledIcon.js";import"../../../components/icon/filled/PictureFilledIcon.js";import"../../../components/icon/filled/PiggybankFilledIcon.js";import"../../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../../components/icon/filled/PlugType1FilledIcon.js";import"../../../components/icon/filled/PlugType2FilledIcon.js";import"../../../components/icon/filled/PlugFilledIcon.js";import"../../../components/icon/filled/PlusFilledIcon.js";import"../../../components/icon/filled/PremiumLFilledIcon.js";import"../../../components/icon/filled/PremiumMFilledIcon.js";import"../../../components/icon/filled/PremiumSFilledIcon.js";import"../../../components/icon/filled/PriceTagFilledIcon.js";import"../../../components/icon/filled/PrintFilledIcon.js";import"../../../components/icon/filled/ProductionFilledIcon.js";import"../../../components/icon/filled/PublicplaceFilledIcon.js";import"../../../components/icon/filled/PumpFilledIcon.js";import"../../../components/icon/filled/PumpCNGFilledIcon.js";import"../../../components/icon/filled/PumpLPGFilledIcon.js";import"../../../components/icon/filled/QRCodeFilledIcon.js";import"../../../components/icon/filled/QualityFilledIcon.js";import"../../../components/icon/filled/QualityMedalFilledIcon.js";import"../../../components/icon/filled/RadarFilledIcon.js";import"../../../components/icon/filled/RefreshFilledIcon.js";import"../../../components/icon/filled/ReloadFilledIcon.js";import"../../../components/icon/filled/RevertFilledIcon.js";import"../../../components/icon/filled/RoadBlockFilledIcon.js";import"../../../components/icon/filled/SaveFilledIcon.js";import"../../../components/icon/filled/SearchMinusFilledIcon.js";import"../../../components/icon/filled/SearchPlusFilledIcon.js";import"../../../components/icon/filled/SearchFilledIcon.js";import"../../../components/icon/filled/SeatheaterFilledIcon.js";import"../../../components/icon/filled/SelectFilledIcon.js";import"../../../components/icon/filled/SelectAllFilledIcon.js";import"../../../components/icon/filled/SendFilledIcon.js";import"../../../components/icon/filled/SettingsFilledIcon.js";import"../../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../../components/icon/filled/ShapeDropFilledIcon.js";import"../../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../../components/icon/filled/ShapeStarFilledIcon.js";import"../../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../../components/icon/filled/ShareFilledIcon.js";import"../../../components/icon/filled/ShareSquareFilledIcon.js";import"../../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../../components/icon/filled/ShowFilledIcon.js";import"../../../components/icon/filled/ShuffleFilledIcon.js";import"../../../components/icon/filled/SignalFilledIcon.js";import"../../../components/icon/filled/SortDownFilledIcon.js";import"../../../components/icon/filled/SortUpFilledIcon.js";import"../../../components/icon/filled/SoundwaveFilledIcon.js";import"../../../components/icon/filled/SparkplugFilledIcon.js";import"../../../components/icon/filled/SportFilledIcon.js";import"../../../components/icon/filled/StatsFilledIcon.js";import"../../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../../components/icon/filled/StopwatchFilledIcon.js";import"../../../components/icon/filled/SubtractFilledIcon.js";import"../../../components/icon/filled/SuitcaseFilledIcon.js";import"../../../components/icon/filled/SunroofFilledIcon.js";import"../../../components/icon/filled/TaskDoneFilledIcon.js";import"../../../components/icon/filled/TaskNoneFilledIcon.js";import"../../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../../components/icon/filled/TelegramFilledIcon.js";import"../../../components/icon/filled/ThumbDownFilledIcon.js";import"../../../components/icon/filled/ThumbUpFilledIcon.js";import"../../../components/icon/filled/TicketFilledIcon.js";import"../../../components/icon/filled/TikTokFilledIcon.js";import"../../../components/icon/filled/ToiletsFilledIcon.js";import"../../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../../components/icon/filled/TrashcanFilledIcon.js";import"../../../components/icon/filled/TripCyclicFilledIcon.js";import"../../../components/icon/filled/TripLongTermFilledIcon.js";import"../../../components/icon/filled/TripSingleFilledIcon.js";import"../../../components/icon/filled/TrophyFilledIcon.js";import"../../../components/icon/filled/TwitterFilledIcon.js";import"../../../components/icon/filled/TyreRepairFilledIcon.js";import"../../../components/icon/filled/TyreTracksFilledIcon.js";import"../../../components/icon/filled/TyresFilledIcon.js";import"../../../components/icon/filled/UploadFilledIcon.js";import"../../../components/icon/filled/UserFilledIcon.js";import"../../../components/icon/filled/VentilationFilledIcon.js";import"../../../components/icon/filled/VentilationOffFilledIcon.js";import"../../../components/icon/filled/WalkFilledIcon.js";import"../../../components/icon/filled/WallboxFilledIcon.js";import"../../../components/icon/filled/WalletFilledIcon.js";import"../../../components/icon/filled/WandFilledIcon.js";import"../../../components/icon/filled/WarningFilledIcon.js";import"../../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../../components/icon/filled/WellnessFilledIcon.js";import"../../../components/icon/filled/WhatsAppFilledIcon.js";import"../../../components/icon/filled/WheelchairFilledIcon.js";import"../../../components/icon/filled/WheelsFilledIcon.js";import"../../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../../components/icon/filled/WifiHighFilledIcon.js";import"../../../components/icon/filled/WifiLowFilledIcon.js";import"../../../components/icon/filled/WifiMediumFilledIcon.js";import"../../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../../components/icon/filled/WindowFilledIcon.js";import"../../../components/icon/filled/WindowheaterFilledIcon.js";import"../../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../../components/icon/filled/WriteFilledIcon.js";import"../../../components/icon/filled/XFilledIcon.js";import"../../../components/icon/filled/YouTubeFilledIcon.js";import"../../../components/icon/stroke/ATMIcon.js";import"../../../components/icon/stroke/AddIcon.js";import"../../../components/icon/stroke/AirFilterIcon.js";import"../../../components/icon/stroke/AISuggestionIcon.js";import"../../../components/icon/stroke/ArchiveIcon.js";import"../../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../../components/icon/stroke/ArrowDownIcon.js";import"../../../components/icon/stroke/ArrowLeftIcon.js";import"../../../components/icon/stroke/ArrowRightIcon.js";import"../../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../../components/icon/stroke/ArrowTopRightIcon.js";import"../../../components/icon/stroke/ArrowUpIcon.js";import"../../../components/icon/stroke/ArtboardIcon.js";import"../../../components/icon/stroke/AssistanceIcon.js";import"../../../components/icon/stroke/AudioMidIcon.js";import"../../../components/icon/stroke/AudioMuteIcon.js";import"../../../components/icon/stroke/AudioOffIcon.js";import"../../../components/icon/stroke/AudioOnIcon.js";import"../../../components/icon/stroke/BadgeIcon.js";import"../../../components/icon/stroke/BackToParentIcon.js";import"../../../components/icon/stroke/BalloonIcon.js";import"../../../components/icon/stroke/BarIcon.js";import"../../../components/icon/stroke/BarCodeIcon.js";import"../../../components/icon/stroke/Battery0Icon.js";import"../../../components/icon/stroke/Battery10Icon.js";import"../../../components/icon/stroke/Battery100Icon.js";import"../../../components/icon/stroke/Battery20Icon.js";import"../../../components/icon/stroke/Battery30Icon.js";import"../../../components/icon/stroke/Battery40Icon.js";import"../../../components/icon/stroke/Battery50Icon.js";import"../../../components/icon/stroke/Battery60Icon.js";import"../../../components/icon/stroke/Battery70Icon.js";import"../../../components/icon/stroke/Battery80Icon.js";import"../../../components/icon/stroke/Battery90Icon.js";import"../../../components/icon/stroke/BatteryEmptyIcon.js";import"../../../components/icon/stroke/BatteryFullIcon.js";import"../../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../../components/icon/stroke/BatteryChargingIcon.js";import"../../../components/icon/stroke/BatteryDischargeIcon.js";import"../../../components/icon/stroke/BatteryErrorIcon.js";import"../../../components/icon/stroke/BatteryIcon.js";import"../../../components/icon/stroke/BellIcon.js";import"../../../components/icon/stroke/BicycleIcon.js";import"../../../components/icon/stroke/BoltDischargeIcon.js";import"../../../components/icon/stroke/BoltIcon.js";import"../../../components/icon/stroke/BoltMotionIcon.js";import"../../../components/icon/stroke/BoltOffIcon.js";import"../../../components/icon/stroke/BonnetClosedIcon.js";import"../../../components/icon/stroke/BonnetOpenIcon.js";import"../../../components/icon/stroke/BookmarkIcon.js";import"../../../components/icon/stroke/BootClosedIcon.js";import"../../../components/icon/stroke/BootOpenIcon.js";import"../../../components/icon/stroke/BoxIcon.js";import"../../../components/icon/stroke/BrakeFluidIcon.js";import"../../../components/icon/stroke/BrakesIcon.js";import"../../../components/icon/stroke/BrightnessIcon.js";import"../../../components/icon/stroke/BuildingIcon.js";import"../../../components/icon/stroke/CalculatorIcon.js";import"../../../components/icon/stroke/CalendarCalendarIcon.js";import"../../../components/icon/stroke/CalendarCheckIcon.js";import"../../../components/icon/stroke/CalendarPointIcon.js";import"../../../components/icon/stroke/CameraIcon.js";import"../../../components/icon/stroke/CampingIcon.js";import"../../../components/icon/stroke/CarAccidentIcon.js";import"../../../components/icon/stroke/CarBackIcon.js";import"../../../components/icon/stroke/CarComparisonIcon.js";import"../../../components/icon/stroke/CarHandIcon.js";import"../../../components/icon/stroke/CarInfoIcon.js";import"../../../components/icon/stroke/CarMagnifierIcon.js";import"../../../components/icon/stroke/CarSeatIcon.js";import"../../../components/icon/stroke/CarSendIcon.js";import"../../../components/icon/stroke/CarSideIcon.js";import"../../../components/icon/stroke/CarStarIcon.js";import"../../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../../components/icon/stroke/CareMobilityIcon.js";import"../../../components/icon/stroke/CarIcon.js";import"../../../components/icon/stroke/CarDoorIcon.js";import"../../../components/icon/stroke/CarStatusIcon.js";import"../../../components/icon/stroke/CardIcon.js";import"../../../components/icon/stroke/ChangeOrderIcon.js";import"../../../components/icon/stroke/ChatIcon.js";import"../../../components/icon/stroke/CheckIcon.js";import"../../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../../components/icon/stroke/ChevronDownIcon.js";import"../../../components/icon/stroke/ChevronLeftIcon.js";import"../../../components/icon/stroke/ChevronNextIcon.js";import"../../../components/icon/stroke/ChevronPreviousIcon.js";import"../../../components/icon/stroke/ChevronRightIcon.js";import"../../../components/icon/stroke/ChevronUpIcon.js";import"../../../components/icon/stroke/CircleBluetoothIcon.js";import"../../../components/icon/stroke/CircleCheckIcon.js";import"../../../components/icon/stroke/CircleCloseIcon.js";import"../../../components/icon/stroke/CircleDownloadIcon.js";import"../../../components/icon/stroke/CircleExclamationIcon.js";import"../../../components/icon/stroke/CircleInformationIcon.js";import"../../../components/icon/stroke/CircleMinusIcon.js";import"../../../components/icon/stroke/CirclePlusIcon.js";import"../../../components/icon/stroke/CircleQuestionIcon.js";import"../../../components/icon/stroke/CircleSlashIcon.js";import"../../../components/icon/stroke/CircleUploadIcon.js";import"../../../components/icon/stroke/ClipIcon.js";import"../../../components/icon/stroke/ClockIcon.js";import"../../../components/icon/stroke/CloseIcon.js";import"../../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../../components/icon/stroke/CloudCO2Icon.js";import"../../../components/icon/stroke/CloudDownloadIcon.js";import"../../../components/icon/stroke/CloudUploadIcon.js";import"../../../components/icon/stroke/ColoursIcon.js";import"../../../components/icon/stroke/ComfortIcon.js";import"../../../components/icon/stroke/ContrastIcon.js";import"../../../components/icon/stroke/ControlsForwardIcon.js";import"../../../components/icon/stroke/ControlsPauseIcon.js";import"../../../components/icon/stroke/ControlsPlayIcon.js";import"../../../components/icon/stroke/ControlsRecordIcon.js";import"../../../components/icon/stroke/ControlsReverseIcon.js";import"../../../components/icon/stroke/ControlsRewindIcon.js";import"../../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../../components/icon/stroke/ControlsStopIcon.js";import"../../../components/icon/stroke/CookieIcon.js";import"../../../components/icon/stroke/CopyIcon.js";import"../../../components/icon/stroke/CultureIcon.js";import"../../../components/icon/stroke/CutIcon.js";import"../../../components/icon/stroke/DealerIcon.js";import"../../../components/icon/stroke/DealershipServiceIcon.js";import"../../../components/icon/stroke/DeliveryIcon.js";import"../../../components/icon/stroke/DetailsIcon.js";import"../../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../../components/icon/stroke/DoorsClosedIcon.js";import"../../../components/icon/stroke/DoorsOpenIcon.js";import"../../../components/icon/stroke/DownloadIcon.js";import"../../../components/icon/stroke/DraghandleIcon.js";import"../../../components/icon/stroke/EditIcon.js";import"../../../components/icon/stroke/ElectricChargerIcon.js";import"../../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../../components/icon/stroke/EmptystateIcon.js";import"../../../components/icon/stroke/EngineIcon.js";import"../../../components/icon/stroke/EngineOilIcon.js";import"../../../components/icon/stroke/EntertainmentIcon.js";import"../../../components/icon/stroke/EqualsignIcon.js";import"../../../components/icon/stroke/ExportIcon.js";import"../../../components/icon/stroke/ExternalLinkIcon.js";import"../../../components/icon/stroke/FacebookIcon.js";import"../../../components/icon/stroke/FactoryIcon.js";import"../../../components/icon/stroke/FanIcon.js";import"../../../components/icon/stroke/FeedbackIcon.js";import"../../../components/icon/stroke/FileIcon.js";import"../../../components/icon/stroke/FileMissingIcon.js";import"../../../components/icon/stroke/FileNewIcon.js";import"../../../components/icon/stroke/FilterIcon.js";import"../../../components/icon/stroke/FiltersIcon.js";import"../../../components/icon/stroke/FingerPrintIcon.js";import"../../../components/icon/stroke/FirstAidIcon.js";import"../../../components/icon/stroke/FlashIcon.js";import"../../../components/icon/stroke/FolderIcon.js";import"../../../components/icon/stroke/FolderShareIcon.js";import"../../../components/icon/stroke/FoodIcon.js";import"../../../components/icon/stroke/FourwheeldriveIcon.js";import"../../../components/icon/stroke/FrontaxleIcon.js";import"../../../components/icon/stroke/FuelSavingsIcon.js";import"../../../components/icon/stroke/FullscreenEnterIcon.js";import"../../../components/icon/stroke/FullscreenExitIcon.js";import"../../../components/icon/stroke/GarageIcon.js";import"../../../components/icon/stroke/GaugeIcon.js";import"../../../components/icon/stroke/GlobeIcon.js";import"../../../components/icon/stroke/GroupIcon.js";import"../../../components/icon/stroke/HandkeyIcon.js";import"../../../components/icon/stroke/HealthScanIcon.js";import"../../../components/icon/stroke/HeartIcon.js";import"../../../components/icon/stroke/HideIcon.js";import"../../../components/icon/stroke/HistoryIcon.js";import"../../../components/icon/stroke/HomeIcon.js";import"../../../components/icon/stroke/HonkIcon.js";import"../../../components/icon/stroke/HotelIcon.js";import"../../../components/icon/stroke/HybridIcon.js";import"../../../components/icon/stroke/IDCardIcon.js";import"../../../components/icon/stroke/ImportIcon.js";import"../../../components/icon/stroke/InboxIcon.js";import"../../../components/icon/stroke/InstagramIcon.js";import"../../../components/icon/stroke/LightsIcon.js";import"../../../components/icon/stroke/LightsOffIcon.js";import"../../../components/icon/stroke/LinkedInIcon.js";import"../../../components/icon/stroke/ListIcon.js";import"../../../components/icon/stroke/LockClosedIcon.js";import"../../../components/icon/stroke/LockOpenedIcon.js";import"../../../components/icon/stroke/LockOpenedAltIcon.js";import"../../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../../components/icon/stroke/LoginIcon.js";import"../../../components/icon/stroke/LogoutIcon.js";import"../../../components/icon/stroke/MaintenanceIcon.js";import"../../../components/icon/stroke/ManualIcon.js";import"../../../components/icon/stroke/MapCenterIcon.js";import"../../../components/icon/stroke/MapCompassIcon.js";import"../../../components/icon/stroke/MapFlagIcon.js";import"../../../components/icon/stroke/MapLocationIcon.js";import"../../../components/icon/stroke/MapIcon.js";import"../../../components/icon/stroke/MapMarkerIcon.js";import"../../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../../components/icon/stroke/MapPinIcon.js";import"../../../components/icon/stroke/MapViewIcon.js";import"../../../components/icon/stroke/MenuWaffleIcon.js";import"../../../components/icon/stroke/MenuIcon.js";import"../../../components/icon/stroke/MessageIcon.js";import"../../../components/icon/stroke/MicrophoneIcon.js";import"../../../components/icon/stroke/MinusIcon.js";import"../../../components/icon/stroke/MoreHorizontalIcon.js";import"../../../components/icon/stroke/MoreVerticalIcon.js";import"../../../components/icon/stroke/MotionIcon.js";import"../../../components/icon/stroke/MusicalNoteIcon.js";import"../../../components/icon/stroke/MuteIcon.js";import"../../../components/icon/stroke/NewsIcon.js";import"../../../components/icon/stroke/NewspaperIcon.js";import"../../../components/icon/stroke/OilIcon.js";import"../../../components/icon/stroke/ParkingIcon.js";import"../../../components/icon/stroke/PasteIcon.js";import"../../../components/icon/stroke/PercentageIcon.js";import"../../../components/icon/stroke/PetIcon.js";import"../../../components/icon/stroke/PhoneIcon.js";import"../../../components/icon/stroke/PictureIcon.js";import"../../../components/icon/stroke/PiggybankIcon.js";import"../../../components/icon/stroke/PlugCCSType1Icon.js";import"../../../components/icon/stroke/PlugCCSType2Icon.js";import"../../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../../components/icon/stroke/PlugType1Icon.js";import"../../../components/icon/stroke/PlugType2Icon.js";import"../../../components/icon/stroke/PlugIcon.js";import"../../../components/icon/stroke/PlusIcon.js";import"../../../components/icon/stroke/PremiumLIcon.js";import"../../../components/icon/stroke/PremiumMIcon.js";import"../../../components/icon/stroke/PremiumSIcon.js";import"../../../components/icon/stroke/PriceTagIcon.js";import"../../../components/icon/stroke/PrintIcon.js";import"../../../components/icon/stroke/ProductionIcon.js";import"../../../components/icon/stroke/PublicplaceIcon.js";import"../../../components/icon/stroke/PumpIcon.js";import"../../../components/icon/stroke/PumpCNGIcon.js";import"../../../components/icon/stroke/PumpLPGIcon.js";import"../../../components/icon/stroke/QRCodeIcon.js";import"../../../components/icon/stroke/QualityIcon.js";import"../../../components/icon/stroke/QualityMedalIcon.js";import"../../../components/icon/stroke/RadarIcon.js";import"../../../components/icon/stroke/RefreshIcon.js";import"../../../components/icon/stroke/ReloadIcon.js";import"../../../components/icon/stroke/RevertIcon.js";import"../../../components/icon/stroke/RoadBlockIcon.js";import"../../../components/icon/stroke/SaveIcon.js";import"../../../components/icon/stroke/SearchMinusIcon.js";import"../../../components/icon/stroke/SearchPlusIcon.js";import"../../../components/icon/stroke/SearchIcon.js";import"../../../components/icon/stroke/SeatheaterIcon.js";import"../../../components/icon/stroke/SelectIcon.js";import"../../../components/icon/stroke/SelectAllIcon.js";import"../../../components/icon/stroke/SendIcon.js";import"../../../components/icon/stroke/SettingsIcon.js";import"../../../components/icon/stroke/ShapeCircleIcon.js";import"../../../components/icon/stroke/ShapeDropIcon.js";import"../../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../../components/icon/stroke/ShapeRhombusIcon.js";import"../../../components/icon/stroke/ShapeShapesIcon.js";import"../../../components/icon/stroke/ShapeSquareIcon.js";import"../../../components/icon/stroke/ShapeStarIcon.js";import"../../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../../components/icon/stroke/ShapeTriangleIcon.js";import"../../../components/icon/stroke/ShareIcon.js";import"../../../components/icon/stroke/ShareSquareIcon.js";import"../../../components/icon/stroke/ShieldCheckIcon.js";import"../../../components/icon/stroke/ShieldEmptyIcon.js";import"../../../components/icon/stroke/ShoppingBagIcon.js";import"../../../components/icon/stroke/ShoppingCartIcon.js";import"../../../components/icon/stroke/ShowIcon.js";import"../../../components/icon/stroke/ShuffleIcon.js";import"../../../components/icon/stroke/SignalIcon.js";import"../../../components/icon/stroke/SortDownIcon.js";import"../../../components/icon/stroke/SortUpIcon.js";import"../../../components/icon/stroke/SoundwaveIcon.js";import"../../../components/icon/stroke/SparkplugIcon.js";import"../../../components/icon/stroke/SportIcon.js";import"../../../components/icon/stroke/StatsIcon.js";import"../../../components/icon/stroke/SteeringWheelIcon.js";import"../../../components/icon/stroke/StopwatchIcon.js";import"../../../components/icon/stroke/SubtractIcon.js";import"../../../components/icon/stroke/SuitcaseIcon.js";import"../../../components/icon/stroke/SunroofIcon.js";import"../../../components/icon/stroke/TaskDoneIcon.js";import"../../../components/icon/stroke/TaskNoneIcon.js";import"../../../components/icon/stroke/TaskScheduledIcon.js";import"../../../components/icon/stroke/TechnicalInfoIcon.js";import"../../../components/icon/stroke/TelegramIcon.js";import"../../../components/icon/stroke/ThumbDownIcon.js";import"../../../components/icon/stroke/ThumbUpIcon.js";import"../../../components/icon/stroke/TicketIcon.js";import"../../../components/icon/stroke/TikTokIcon.js";import"../../../components/icon/stroke/ToiletsIcon.js";import"../../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../../components/icon/stroke/TransmissionManualIcon.js";import"../../../components/icon/stroke/TrashcanIcon.js";import"../../../components/icon/stroke/TripCyclicIcon.js";import"../../../components/icon/stroke/TripLongTermIcon.js";import"../../../components/icon/stroke/TripSingleIcon.js";import"../../../components/icon/stroke/TrophyIcon.js";import"../../../components/icon/stroke/TwitterIcon.js";import"../../../components/icon/stroke/TyreRepairIcon.js";import"../../../components/icon/stroke/TyreTracksIcon.js";import"../../../components/icon/stroke/TyresIcon.js";import"../../../components/icon/stroke/UploadIcon.js";import"../../../components/icon/stroke/UserIcon.js";import"../../../components/icon/stroke/VentilationIcon.js";import"../../../components/icon/stroke/VentilationOffIcon.js";import"../../../components/icon/stroke/WalkIcon.js";import"../../../components/icon/stroke/WallboxIcon.js";import"../../../components/icon/stroke/WalletIcon.js";import"../../../components/icon/stroke/WandIcon.js";import"../../../components/icon/stroke/WarningIcon.js";import"../../../components/icon/stroke/WeatherRainyIcon.js";import"../../../components/icon/stroke/WeatherSnowIcon.js";import"../../../components/icon/stroke/WellnessIcon.js";import"../../../components/icon/stroke/WhatsAppIcon.js";import"../../../components/icon/stroke/WheelchairIcon.js";import"../../../components/icon/stroke/WheelsIcon.js";import"../../../components/icon/stroke/WifiDisabledIcon.js";import"../../../components/icon/stroke/WifiHighIcon.js";import"../../../components/icon/stroke/WifiLowIcon.js";import"../../../components/icon/stroke/WifiMediumIcon.js";import"../../../components/icon/stroke/WifiNoSignalIcon.js";import"../../../components/icon/stroke/WindowIcon.js";import"../../../components/icon/stroke/WindowheaterIcon.js";import"../../../components/icon/stroke/WindowsClosedIcon.js";import"../../../components/icon/stroke/WindowsOpenIcon.js";import"../../../components/icon/stroke/WindscreenWiperIcon.js";import"../../../components/icon/stroke/WriteIcon.js";import"../../../components/icon/stroke/XIcon.js";import"../../../components/icon/stroke/YouTubeIcon.js";import{styled as l}from"@mui/material";import{CardMenu as r}from"../../../components/cardMenu/cardMenu.js";const p=l=>{var p=o(l,[]);const[d,I]=e(!1),j=c(null),a=t(()=>I(!0),[]),f=t(()=>I(!1),[]);return n(m,{className:"menuCardComponent",children:[i(s,{ref:j,onClick:a,name:"vertical"}),i(r,Object.assign({},p,{open:d,onClose:f,anchorRef:j}))]})},m=l("div")(()=>{let o={};return o=Object.assign(Object.assign({},o),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),o});export{p as default};
 //# sourceMappingURL=menuCardComponent.js.map

package/organisms/common/menuCardComponent/menuCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuCardComponent.js","sources":["../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import React, { FC, useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport { styled, SxProps, Theme } from '@mui/material';\nimport { CardMenu, CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';\nimport { Placement } from '../../../utils/enum';\n\nexport interface MenuCardComponentProps {\n  /**\n   * The content of the component.\n   */\n  items: CardMenuItemsArray;\n  /**\n   * React useState hook set function used to update the passed items to the component.\n   */\n  setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n  /**\n   * If header is provided, a text will be displayed on top of the elements.\n   */\n  header?: string;\n  /**\n   * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n   * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n   */\n  allowMultiselect?: boolean;\n  /**\n   * Callback fired when item is clicked.\n   */\n  onItemClick?: (itemText: string) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Popper placement. Default is 'bottom'.\n   */\n  placement?: Placement;\n  /**\n   * If true, a switch button is added to the items allowing to select or deselect all of the items.\n   * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n   */\n  hasToggleSelection?: boolean;\n}\n\nconst MenuCardComponent: FC<MenuCardComponentProps> = ({ ...props }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef(null);\n\n  const setOpen = useCallback(() => setIsOpen(true), []);\n\n  const setClosed = useCallback(() => setIsOpen(false), []);\n\n  return (\n    <MenuCardStyled className=\"menuCardComponent\">\n      <Icon ref={anchorRef} onClick={setOpen} name=\"vertical\" />\n      <CardMenu {...props} open={isOpen} onClose={setClosed} anchorRef={anchorRef} />\n    </MenuCardStyled>\n  );\n};\n\nconst MenuCardStyled = styled('div')<{ theme? }>(() => {\n  let style = {};\n\n  style = {\n    ...style,\n    position: 'absolute',\n    zIndex: 4,\n    cursor: 'pointer',\n    top: '24px',\n    width: '20px',\n    height: '30px',\n    right: '24px',\n    '& > .MuiIcon-root': {\n      width: '20px',\n      height: '30px',\n      fontSize: '20px',\n    },\n    '& > div': {\n      marginRight: '40px',\n    },\n  };\n\n  return style;\n});\n\nexport default MenuCardComponent;\n"],"names":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","name","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"uWA+CA,MAAMA,EAAiDC,QAAKC,EAAKC,EAAAF,EAAV,IACrD,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MAEnBC,EAAUC,GAAY,IAAML,GAAU,IAAO,IAE7CM,EAAYD,GAAY,IAAML,GAAU,IAAQ,IAEtD,OACEO,EAACC,GAAeC,UAAU,oBACxBC,SAAA,CAAAC,EAACC,EAAK,CAAAC,IAAKX,EAAWY,QAASV,EAASW,KAAK,aAC7CJ,EAACK,EAAQC,OAAAC,OAAA,CAAA,EAAKrB,EAAO,CAAAsB,KAAMpB,EAAQqB,QAASd,EAAWJ,UAAWA,OACnD,EAIfM,EAAiBa,EAAO,MAAPA,EAA0B,KAC/C,IAAIC,EAAQ,CAAE,EAqBd,OAnBAA,EACKL,OAAAC,OAAAD,OAAAC,OAAA,GAAAI,GACH,CAAAC,SAAU,WACVC,OAAQ,EACRC,OAAQ,UACRC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,MAAO,OACP,oBAAqB,CACnBF,MAAO,OACPC,OAAQ,OACRE,SAAU,QAEZ,UAAW,CACTC,YAAa,UAIVT,CAAK"}
+{"version":3,"file":"menuCardComponent.js","sources":["../../../../src/organisms/common/menuCardComponent/menuCardComponent.tsx"],"sourcesContent":["import React, { FC, useCallback, useRef, useState } from 'react';\nimport { Icon } from '../../../components/icon';\nimport { styled, SxProps, Theme } from '@mui/material';\nimport { CardMenu, CardMenuItemsArray } from '../../../components/cardMenu/cardMenu';\nimport { Placement } from '../../../utils/enum';\n\nexport interface MenuCardComponentProps {\n  /**\n   * The content of the component.\n   */\n  items: CardMenuItemsArray;\n  /**\n   * React useState hook set function used to update the passed items to the component.\n   */\n  setItems?: React.Dispatch<React.SetStateAction<CardMenuItemsArray>>;\n  /**\n   * If header is provided, a text will be displayed on top of the elements.\n   */\n  header?: string;\n  /**\n   * If true, multiple item select will be enabled. Property 'setItems' must be provided in order allowMultiselect to work.\n   * Items: CardMenuItemsArray provided to the component must have isChecked propery provided in order allowMultiselect to work..\n   */\n  allowMultiselect?: boolean;\n  /**\n   * Callback fired when item is clicked.\n   */\n  onItemClick?: (itemText: string) => void;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   * Popper placement. Default is 'bottom'.\n   */\n  placement?: Placement;\n  /**\n   * If true, a switch button is added to the items allowing to select or deselect all of the items.\n   * Property allowMultiselect should be true in order hasToggleSelection to work. Only available for the desktop version of the MenuCard.\n   */\n  hasToggleSelection?: boolean;\n}\n\nconst MenuCardComponent: FC<MenuCardComponentProps> = ({ ...props }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const anchorRef = useRef(null);\n\n  const setOpen = useCallback(() => setIsOpen(true), []);\n\n  const setClosed = useCallback(() => setIsOpen(false), []);\n\n  return (\n    <MenuCardStyled className=\"menuCardComponent\">\n      <Icon ref={anchorRef} onClick={setOpen} name=\"vertical\" />\n      <CardMenu {...props} open={isOpen} onClose={setClosed} anchorRef={anchorRef} />\n    </MenuCardStyled>\n  );\n};\n\nconst MenuCardStyled = styled('div')<{ theme? }>(() => {\n  let style = {};\n\n  style = {\n    ...style,\n    position: 'absolute',\n    zIndex: 4,\n    cursor: 'pointer',\n    top: '24px',\n    width: '20px',\n    height: '30px',\n    right: '24px',\n    '& > .MuiIcon-root': {\n      width: '20px',\n      height: '30px',\n      fontSize: '20px',\n    },\n    '& > div': {\n      marginRight: '40px',\n    },\n  };\n\n  return style;\n});\n\nexport default MenuCardComponent;\n"],"names":["MenuCardComponent","_a","props","__rest","isOpen","setIsOpen","useState","anchorRef","useRef","setOpen","useCallback","setClosed","_jsxs","MenuCardStyled","className","children","_jsx","Icon","ref","onClick","name","CardMenu","Object","assign","open","onClose","styled","style","position","zIndex","cursor","top","width","height","right","fontSize","marginRight"],"mappings":"og2CA+CA,MAAMA,EAAiDC,QAAKC,EAAKC,EAAAF,EAAV,IACrD,MAAOG,EAAQC,GAAaC,GAAS,GAC/BC,EAAYC,EAAO,MAEnBC,EAAUC,EAAY,IAAML,GAAU,GAAO,IAE7CM,EAAYD,EAAY,IAAML,GAAU,GAAQ,IAEtD,OACEO,EAACC,GAAeC,UAAU,oBAAmBC,SAAA,CAC3CC,EAACC,EAAI,CAACC,IAAKX,EAAWY,QAASV,EAASW,KAAK,aAC7CJ,EAACK,EAAQC,OAAAC,OAAA,CAAA,EAAKrB,EAAK,CAAEsB,KAAMpB,EAAQqB,QAASd,EAAWJ,UAAWA,SAKlEM,EAAiBa,EAAO,MAAPA,CAA0B,KAC/C,IAAIC,EAAQ,CAAA,EAqBZ,OAnBAA,EAAKL,OAAAC,OAAAD,OAAAC,OAAA,GACAI,GAAK,CACRC,SAAU,WACVC,OAAQ,EACRC,OAAQ,UACRC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,MAAO,OACP,oBAAqB,CACnBF,MAAO,OACPC,OAAQ,OACRE,SAAU,QAEZ,UAAW,CACTC,YAAa,UAIVT"}

package/organisms/common/styled/cardStandardWrapperStyled.d.ts

@@ -1,6 +1,6 @@
 export declare const CardStandardWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
-}, "className" | "style" | "color" | "children" | "classes" | "sx" | "link" | "elevation" | "href" | "disabled" | "square" | "variant" | "iconProps" | "iconSlots" | "isSelected" | "raised" | "contentWrapperProps" | "flipOnHover" | "isFlipped" | "cardSizing" | "selectable" | "disableIcon" | "iconPlacement" | "hoverIconProps" | "iconWrapperProps" | "flipping" | "handleSelection" | "flippingContent"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, "className" | "style" | "color" | "children" | "classes" | "sx" | "link" | "elevation" | "href" | "disabled" | "square" | "variant" | "iconProps" | "iconWrapperProps" | "isSelected" | "raised" | "cardSizing" | "selectable" | "disableIcon" | "iconPlacement" | "iconSlots" | "hoverIconProps" | "contentWrapperProps" | "flipping" | "handleSelection" | "flipOnHover" | "isFlipped" | "flippingContent"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     component?: React.ElementType;
 } & {
     size?: string;

package/organisms/common/styled/cardStandardWrapperStyled.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{styled as i,Card as t}from"@mui/material";const s=i(t,{shouldForwardProp:e=>"size"!==e&&"isBorderRadius"!==e})((i=>{var{theme:t}=i,s=e(i,["theme"]);let o={padding:0,borderRadius:s.isBorderRadius?"8px":"0px",boxShadow:"none"};return"fixed"===s.size&&(o=Object.assign(Object.assign({},o),{height:"auto",[t.breakpoints.up("sm")]:{height:"auto"},[t.breakpoints.up("md")]:{height:"420px"},[t.breakpoints.up("lg")]:{height:"400px"},[t.breakpoints.up("xl")]:{height:"440px"}})),"adjustable"!==s.size&&void 0!==s.size||(o=Object.assign(Object.assign({},o),{height:"100%"})),o}));export{s as CardStandardWrapperStyled};
+import{__rest as e}from"tslib";import{styled as i,Card as t}from"@mui/material";const s=i(t,{shouldForwardProp:e=>"size"!==e&&"isBorderRadius"!==e})(i=>{var{theme:t}=i,s=e(i,["theme"]);let o={padding:0,borderRadius:s.isBorderRadius?"8px":"0px",boxShadow:"none"};return"fixed"===s.size&&(o=Object.assign(Object.assign({},o),{height:"auto",[t.breakpoints.up("sm")]:{height:"auto"},[t.breakpoints.up("md")]:{height:"420px"},[t.breakpoints.up("lg")]:{height:"400px"},[t.breakpoints.up("xl")]:{height:"440px"}})),"adjustable"!==s.size&&void 0!==s.size||(o=Object.assign(Object.assign({},o),{height:"100%"})),o});export{s as CardStandardWrapperStyled};
 //# sourceMappingURL=cardStandardWrapperStyled.js.map

package/organisms/common/styled/cardStandardWrapperStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardStandardWrapperStyled.js","sources":["../../../../src/organisms/common/styled/cardStandardWrapperStyled.tsx"],"sourcesContent":["import { Card as MuiCard, CardProps as MuiCardProps, styled, CSSObject } from '@mui/material';\n\nexport const CardStandardWrapperStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'size' && prop !== 'isBorderRadius',\n})<MuiCardProps & { size?: string; isBorderRadius?: boolean }>(({ theme, ...props }) => {\n  let styles: CSSObject = {\n    padding: 0,\n    borderRadius: props.isBorderRadius ? '8px' : '0px',\n    boxShadow: 'none',\n  };\n\n  if (props.size === 'fixed') {\n    styles = {\n      ...styles,\n      height: 'auto',\n      [theme.breakpoints.up('sm')]: {\n        height: 'auto',\n      },\n      [theme.breakpoints.up('md')]: {\n        height: '420px',\n      },\n      [theme.breakpoints.up('lg')]: {\n        height: '400px',\n      },\n      [theme.breakpoints.up('xl')]: {\n        height: '440px',\n      },\n    };\n  }\n\n  if (props.size === 'adjustable' || props.size === undefined) {\n    styles = {\n      ...styles,\n      height: '100%',\n    };\n  }\n\n  return styles;\n});\n"],"names":["CardStandardWrapperStyled","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","styles","padding","borderRadius","isBorderRadius","boxShadow","size","height","breakpoints","up","undefined"],"mappings":"gFAEa,MAAAA,EAA4BC,EAAOC,EAAS,CACvDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADTH,EAEuBI,IAAA,IAAAC,MAAEA,GAAiBD,EAAPE,EAAKC,EAAAH,EAAjB,WAC9D,IAAII,EAAoB,CACtBC,QAAS,EACTC,aAAcJ,EAAMK,eAAiB,MAAQ,MAC7CC,UAAW,QA6Bb,MA1BmB,UAAfN,EAAMO,OACRL,iCACKA,GAAM,CACTM,OAAQ,OACR,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,QAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,YAKK,eAAfR,EAAMO,WAAwCI,IAAfX,EAAMO,OACvCL,iCACKA,GAAM,CACTM,OAAQ,UAILN,CAAM"}
+{"version":3,"file":"cardStandardWrapperStyled.js","sources":["../../../../src/organisms/common/styled/cardStandardWrapperStyled.tsx"],"sourcesContent":["import { Card as MuiCard, CardProps as MuiCardProps, styled, CSSObject } from '@mui/material';\n\nexport const CardStandardWrapperStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'size' && prop !== 'isBorderRadius',\n})<MuiCardProps & { size?: string; isBorderRadius?: boolean }>(({ theme, ...props }) => {\n  let styles: CSSObject = {\n    padding: 0,\n    borderRadius: props.isBorderRadius ? '8px' : '0px',\n    boxShadow: 'none',\n  };\n\n  if (props.size === 'fixed') {\n    styles = {\n      ...styles,\n      height: 'auto',\n      [theme.breakpoints.up('sm')]: {\n        height: 'auto',\n      },\n      [theme.breakpoints.up('md')]: {\n        height: '420px',\n      },\n      [theme.breakpoints.up('lg')]: {\n        height: '400px',\n      },\n      [theme.breakpoints.up('xl')]: {\n        height: '440px',\n      },\n    };\n  }\n\n  if (props.size === 'adjustable' || props.size === undefined) {\n    styles = {\n      ...styles,\n      height: '100%',\n    };\n  }\n\n  return styles;\n});\n"],"names":["CardStandardWrapperStyled","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","styles","padding","borderRadius","isBorderRadius","boxShadow","size","height","breakpoints","up","undefined"],"mappings":"gFAEO,MAAMA,EAA4BC,EAAOC,EAAS,CACvDC,kBAAoBC,GAAkB,SAATA,GAA4B,mBAATA,GADTH,CAEuBI,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAKC,EAAAH,EAAjB,WAC9D,IAAII,EAAoB,CACtBC,QAAS,EACTC,aAAcJ,EAAMK,eAAiB,MAAQ,MAC7CC,UAAW,QA6Bb,MA1BmB,UAAfN,EAAMO,OACRL,iCACKA,GAAM,CACTM,OAAQ,OACR,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,QAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,SAEV,CAACT,EAAMU,YAAYC,GAAG,OAAQ,CAC5BF,OAAQ,YAKK,eAAfR,EAAMO,WAAwCI,IAAfX,EAAMO,OACvCL,iCACKA,GAAM,CACTM,OAAQ,UAILN"}

package/organisms/gallery/Gallery.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as l,Fragment as r}from"react/jsx-runtime";import{Icon as t}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import"../../utils/enum.js";import{useClosure as a}from"../../utils/useClosure/useClosure.js";import{useMemo as o,useState as i,useEffect as n,useCallback as s}from"react";import{styled as c,Backdrop as d,Box as m,IconButton as g,Stack as p}from"@mui/material";import h from"embla-carousel-react";import y from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const u=c=>{var d;const g=o((()=>c.galleryItems.length>1),[c.galleryItems]),{isOpen:u,onOpen:b,onClose:C}=a(!1),[w,j]=i(!0),[G,S]=i(!0),[k,z]=h({align:"center",axis:"x",startIndex:null!==(d=c.startIndex)&&void 0!==d?d:0,slidesToScroll:1,draggable:c.galleryItems.length>1});n((()=>{if(z){const e=()=>{j(!z.canScrollNext()),S(!z.canScrollPrev())};z.on("scroll",e),e()}}),[z]),n((()=>{c.galleryItems&&0!==c.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")}),[c.galleryItems]);const N=s((()=>{c.galleryItems&&c.galleryItems.length>0&&b()}),[b,c.children]);return y({Escape:C,ArrowRight:null==z?void 0:z.scrollNext,ArrowLeft:null==z?void 0:z.scrollPrev},[!!z]),e(m,{"data-testid":"Gallery",children:[l(m,{component:"span",onClick:N,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:c.children}),l(f,{open:u,"data-testid":"Gallery.backdrop",children:u&&e(r,{children:[l(x,{ref:k,children:l(m,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==z?void 0:z.selectedScrollSnap(),children:c.galleryItems})}),l(v,{"data-testid":"Gallery.control",children:e(p,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[g&&l(I,{size:"large",disabled:G,onClick:()=>null==z?void 0:z.scrollPrev(),"data-testid":"Gallery.prev","aria-label":"Previous image",children:l(t,{name:"arrow-left"})}),l(I,{size:"large",onClick:C,"data-testid":"Gallery.close","aria-label":"Close gallery",children:l(t,{name:"close"})}),g&&l(I,{size:"large",disabled:w,onClick:()=>null==z?void 0:z.scrollNext(),"data-testid":"Gallery.next","aria-label":"Next image",children:l(t,{name:"arrow-right"})})]})})]})})]})},f=c(d)((({theme:e})=>({backgroundColor:e.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"}))),x=c(m)((()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}}))),v=c(m)((()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"}))),I=c(g)((({theme:e})=>({color:e.palette.surface.primary})));export{u as Gallery};
+import{jsxs as o,jsx as n,Fragment as e}from"react/jsx-runtime";import{Icon as i}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";import"../../utils/enum.js";import{useClosure as c}from"../../utils/useClosure/useClosure.js";import{useMemo as t,useState as s,useEffect as l,useCallback as r}from"react";import{styled as p,Backdrop as m,Box as d,IconButton as I,Stack as j}from"@mui/material";import a from"embla-carousel-react";import f from"../../utils/useKeyboardShortcut/useKeyboardShortcut.js";const k=p=>{var m;const I=t(()=>p.galleryItems.length>1,[p.galleryItems]),{isOpen:k,onOpen:g,onClose:S}=c(!1),[y,w]=s(!0),[B,A]=s(!0),[T,v]=a({align:"center",axis:"x",startIndex:null!==(m=p.startIndex)&&void 0!==m?m:0,slidesToScroll:1,draggable:p.galleryItems.length>1});l(()=>{if(v){const o=()=>{w(!v.canScrollNext()),A(!v.canScrollPrev())};v.on("scroll",o),o()}},[v]),l(()=>{p.galleryItems&&0!==p.galleryItems.length||console.warn("Component `Gallery` expect property `galleryItems` to be array of length larger than zero.")},[p.galleryItems]);const M=r(()=>{p.galleryItems&&p.galleryItems.length>0&&g()},[g,p.children]);return f({Escape:S,ArrowRight:null==v?void 0:v.scrollNext,ArrowLeft:null==v?void 0:v.scrollPrev},[!!v]),o(d,{"data-testid":"Gallery",children:[n(d,{component:"span",onClick:M,sx:{cursor:"pointer"},"data-testid":"Gallery.trigger",children:p.children}),n(F,{open:k,"data-testid":"Gallery.backdrop",children:k&&o(e,{children:[n(C,{ref:T,children:n(d,{sx:{display:"flex","& > *":{flex:"0 0 100%"}},"data-testid":"Gallery.items","data-state":null==v?void 0:v.selectedScrollSnap(),children:p.galleryItems})}),n(h,{"data-testid":"Gallery.control",children:o(j,{direction:"row",spacing:{xl:20,lg:15,md:10,sm:8,xs:2},children:[I&&n(u,{size:"large",disabled:B,onClick:()=>null==v?void 0:v.scrollPrev(),"data-testid":"Gallery.prev","aria-label":"Previous image",children:n(i,{name:"arrow-left"})}),n(u,{size:"large",onClick:S,"data-testid":"Gallery.close","aria-label":"Close gallery",children:n(i,{name:"close"})}),I&&n(u,{size:"large",disabled:y,onClick:()=>null==v?void 0:v.scrollNext(),"data-testid":"Gallery.next","aria-label":"Next image",children:n(i,{name:"arrow-right"})})]})})]})})]})},F=p(m)(({theme:o})=>({backgroundColor:o.palette.surface.quarternary,paddingTop:"20px",display:"flex",justifyContent:"space-between",flexDirection:"column"})),C=p(d)(()=>({width:"100%",height:"85%",overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center","& > div":{width:"100%",height:"100%"}})),h=p(d)(()=>({width:"100%",height:"15%",display:"flex",justifyContent:"center",alignItems:"center"})),u=p(I)(({theme:o})=>({color:o.palette.surface.primary}));export{k as Gallery};
 //# sourceMappingURL=Gallery.js.map

package/organisms/gallery/Gallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n  /**\n   * Trigger element that will be used to open gallery\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n   * @requires\n   */\n  galleryItems: Array<React.ReactNode>;\n  /**\n   * Index of gallery item that should be active by default\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated Use Carousel and Backdrop components\n */\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n  const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n  const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n  const [nextDisabled, setNextDisabled] = useState(true);\n  const [prevDisabled, setPrevDisabled] = useState(true);\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    align: 'center',\n    axis: 'x',\n    startIndex: props.startIndex ?? 0,\n    slidesToScroll: 1,\n    draggable: props.galleryItems.length > 1,\n  });\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onScroll = () => {\n        setNextDisabled(!emblaApi.canScrollNext());\n        setPrevDisabled(!emblaApi.canScrollPrev());\n      };\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!props.galleryItems || props.galleryItems.length === 0) {\n      console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n    }\n  }, [props.galleryItems]);\n\n  const onOpen = useCallback(() => {\n    if (props.galleryItems && props.galleryItems.length > 0) {\n      _onOpen();\n    }\n  }, [_onOpen, props.children]);\n\n  useKeyboardShortcut(\n    {\n      Escape: onClose,\n      ArrowRight: emblaApi?.scrollNext,\n      ArrowLeft: emblaApi?.scrollPrev,\n    },\n    [!!emblaApi],\n  );\n\n  return (\n    <Box data-testid=\"Gallery\">\n      <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n        {props.children}\n      </Box>\n\n      <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n        {isOpen && (\n          <>\n            <GalleryItemContent ref={emblaRef}>\n              <Box\n                sx={{ display: 'flex', '& > *': { flex: '0 0 100%' } }}\n                data-testid=\"Gallery.items\"\n                data-state={emblaApi?.selectedScrollSnap()}\n              >\n                {props.galleryItems}\n              </Box>\n            </GalleryItemContent>\n\n            <GalleryControlPanel data-testid=\"Gallery.control\">\n              <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={prevDisabled}\n                    onClick={() => emblaApi?.scrollPrev()}\n                    data-testid=\"Gallery.prev\"\n                    aria-label=\"Previous image\"\n                  >\n                    <Icon name=\"arrow-left\" />\n                  </GalleryControlButton>\n                )}\n                <GalleryControlButton\n                  size=\"large\"\n                  onClick={onClose}\n                  data-testid=\"Gallery.close\"\n                  aria-label=\"Close gallery\"\n                >\n                  <Icon name=\"close\" />\n                </GalleryControlButton>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={nextDisabled}\n                    onClick={() => emblaApi?.scrollNext()}\n                    data-testid=\"Gallery.next\"\n                    aria-label=\"Next image\"\n                  >\n                    <Icon name=\"arrow-right\" />\n                  </GalleryControlButton>\n                )}\n              </Stack>\n            </GalleryControlPanel>\n          </>\n        )}\n      </GalleryBackdrop>\n    </Box>\n  );\n};\n\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n  backgroundColor: theme.palette.surface.quarternary,\n  paddingTop: '20px',\n  display: 'flex',\n  justifyContent: 'space-between',\n  flexDirection: 'column',\n}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n  width: '100%',\n  height: '85%',\n  overflow: 'hidden',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n\n  '& > div': {\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n  width: '100%',\n  height: '15%',\n\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n  color: theme.palette.surface.primary,\n}));\n"],"names":["Gallery","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"shBA4Ba,MAAAA,EAAmCC,UAC9C,MAAMC,EAAiBC,GAAQ,IAAMF,EAAMG,aAAaC,OAAS,GAAG,CAACJ,EAAMG,gBAErEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,GAAW,IAEjDC,EAAcC,GAAmBC,GAAS,IAC1CC,EAAcC,GAAmBF,GAAS,IAE1CG,EAAUC,GAAYC,EAAiB,CAC5CC,MAAO,SACPC,KAAM,IACNC,mBAAYC,EAAArB,EAAMoB,0BAAc,EAChCE,eAAgB,EAChBC,UAAWvB,EAAMG,aAAaC,OAAS,IAGzCoB,GAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAW,KACfd,GAAiBK,EAASU,iBAC1BZ,GAAiBE,EAASW,gBAAgB,EAE5CX,EAASY,GAAG,SAAUH,GACtBA,OAED,CAACT,IAEJQ,GAAU,KACHxB,EAAMG,cAA8C,IAA9BH,EAAMG,aAAaC,QAC5CyB,QAAQC,KAAK,gGAEd,CAAC9B,EAAMG,eAEV,MAAMG,EAASyB,GAAY,KACrB/B,EAAMG,cAAgBH,EAAMG,aAAaC,OAAS,GACpDG,MAED,CAACA,EAASP,EAAMgC,WAWnB,OATAC,EACE,CACEC,OAAQ1B,EACR2B,WAAYnB,aAAA,EAAAA,EAAUoB,WACtBC,UAAWrB,aAAA,EAAAA,EAAUsB,YAEvB,GAAGtB,IAIHuB,EAACC,EAAgB,CAAA,cAAA,UACfR,SAAA,CAAAS,EAACD,EAAG,CAACE,UAAU,OAAOC,QAASrC,EAAQsC,GAAI,CAAEC,OAAQ,WAAyB,cAAA,kBAC3Eb,SAAAhC,EAAMgC,WAGTS,EAACK,EAAe,CAACC,KAAM1C,EAAM,cAAc,mBAAkB2B,SAC1D3B,GACCkC,EACES,EAAA,CAAAhB,SAAA,CAAAS,EAACQ,EAAkB,CAACC,IAAKnC,EAAQiB,SAC/BS,EAACD,EACC,CAAAI,GAAI,CAAEO,QAAS,OAAQ,QAAS,CAAEC,KAAM,aAAc,cAC1C,gBAAe,aACfpC,aAAA,EAAAA,EAAUqC,qBAAoBrB,SAEzChC,EAAMG,iBAIXsC,EAACa,EAAmB,CAAA,cAAa,kBAAiBtB,SAChDO,EAACgB,EAAM,CAAAC,UAAU,MAAMC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAG9B,SAAA,CACrE/B,GACCwC,EAACsB,EAAoB,CACnBC,KAAK,QACLC,SAAUpD,EACV8B,QAAS,IAAM3B,aAAQ,EAARA,EAAUsB,aAAY,cACzB,eAAc,aACf,iBAAgBN,SAE3BS,EAACyB,EAAK,CAAAC,KAAK,iBAGf1B,EAACsB,EAAoB,CACnBC,KAAK,QACLrB,QAASnC,EAAO,cACJ,gBAAe,aAChB,gBAEXwB,SAAAS,EAACyB,EAAI,CAACC,KAAK,YAEZlE,GACCwC,EAACsB,EACC,CAAAC,KAAK,QACLC,SAAUvD,EACViC,QAAS,IAAM3B,aAAA,EAAAA,EAAUoB,aAAY,cACzB,eAAc,aACf,aAAYJ,SAEvBS,EAACyB,EAAK,CAAAC,KAAK,8BAQrB,EAIJrB,EAAkBsB,EAAOC,EAAPD,EAAiB,EAAGE,YAAa,CACvDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZxB,QAAS,OACTyB,eAAgB,gBAChBC,cAAe,aAGX5B,EAAqBmB,EAAO5B,EAAP4B,EAAY,KAAO,CAC5CU,MAAO,OACPC,OAAQ,MACRC,SAAU,SACV7B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,SAEZ,UAAW,CACTH,MAAO,OACPC,OAAQ,YAINzB,EAAsBc,EAAO5B,EAAP4B,EAAY,KAAO,CAC7CU,MAAO,OACPC,OAAQ,MAER5B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,aAGRlB,EAAuBK,EAAOc,EAAPd,EAAmB,EAAGE,YAAa,CAC9Da,MAAOb,EAAME,QAAQC,QAAQW"}
+{"version":3,"file":"Gallery.js","sources":["../../../src/organisms/gallery/Gallery.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { useClosure } from '@/src/utils';\nimport { Box, Backdrop, styled, Stack, IconButton } from '@mui/material';\nimport useEmblaCarousel from 'embla-carousel-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport useKeyboardShortcut from '../../utils/useKeyboardShortcut/useKeyboardShortcut';\n\nexport type GalleryProps = {\n  /**\n   * Trigger element that will be used to open gallery\n   * @requires\n   */\n  children: React.ReactNode;\n  /**\n   * Array of gallery items nodes. Any array of react nodes can be used here, however `GalleryItem` component is suggested\n   * @requires\n   */\n  galleryItems: Array<React.ReactNode>;\n  /**\n   * Index of gallery item that should be active by default\n   * @default 0\n   */\n  startIndex?: number;\n};\n\n/**\n * @deprecated Use Carousel and Backdrop components\n */\nexport const Gallery: React.FC<GalleryProps> = (props) => {\n  const showNavButtons = useMemo(() => props.galleryItems.length > 1, [props.galleryItems]);\n\n  const { isOpen, onOpen: _onOpen, onClose } = useClosure(false);\n\n  const [nextDisabled, setNextDisabled] = useState(true);\n  const [prevDisabled, setPrevDisabled] = useState(true);\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({\n    align: 'center',\n    axis: 'x',\n    startIndex: props.startIndex ?? 0,\n    slidesToScroll: 1,\n    draggable: props.galleryItems.length > 1,\n  });\n\n  useEffect(() => {\n    if (emblaApi) {\n      const onScroll = () => {\n        setNextDisabled(!emblaApi.canScrollNext());\n        setPrevDisabled(!emblaApi.canScrollPrev());\n      };\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!props.galleryItems || props.galleryItems.length === 0) {\n      console.warn('Component `Gallery` expect property `galleryItems` to be array of length larger than zero.');\n    }\n  }, [props.galleryItems]);\n\n  const onOpen = useCallback(() => {\n    if (props.galleryItems && props.galleryItems.length > 0) {\n      _onOpen();\n    }\n  }, [_onOpen, props.children]);\n\n  useKeyboardShortcut(\n    {\n      Escape: onClose,\n      ArrowRight: emblaApi?.scrollNext,\n      ArrowLeft: emblaApi?.scrollPrev,\n    },\n    [!!emblaApi],\n  );\n\n  return (\n    <Box data-testid=\"Gallery\">\n      <Box component=\"span\" onClick={onOpen} sx={{ cursor: 'pointer' }} data-testid=\"Gallery.trigger\">\n        {props.children}\n      </Box>\n\n      <GalleryBackdrop open={isOpen} data-testid=\"Gallery.backdrop\">\n        {isOpen && (\n          <>\n            <GalleryItemContent ref={emblaRef}>\n              <Box\n                sx={{ display: 'flex', '& > *': { flex: '0 0 100%' } }}\n                data-testid=\"Gallery.items\"\n                data-state={emblaApi?.selectedScrollSnap()}\n              >\n                {props.galleryItems}\n              </Box>\n            </GalleryItemContent>\n\n            <GalleryControlPanel data-testid=\"Gallery.control\">\n              <Stack direction=\"row\" spacing={{ xl: 20, lg: 15, md: 10, sm: 8, xs: 2 }}>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={prevDisabled}\n                    onClick={() => emblaApi?.scrollPrev()}\n                    data-testid=\"Gallery.prev\"\n                    aria-label=\"Previous image\"\n                  >\n                    <Icon name=\"arrow-left\" />\n                  </GalleryControlButton>\n                )}\n                <GalleryControlButton\n                  size=\"large\"\n                  onClick={onClose}\n                  data-testid=\"Gallery.close\"\n                  aria-label=\"Close gallery\"\n                >\n                  <Icon name=\"close\" />\n                </GalleryControlButton>\n                {showNavButtons && (\n                  <GalleryControlButton\n                    size=\"large\"\n                    disabled={nextDisabled}\n                    onClick={() => emblaApi?.scrollNext()}\n                    data-testid=\"Gallery.next\"\n                    aria-label=\"Next image\"\n                  >\n                    <Icon name=\"arrow-right\" />\n                  </GalleryControlButton>\n                )}\n              </Stack>\n            </GalleryControlPanel>\n          </>\n        )}\n      </GalleryBackdrop>\n    </Box>\n  );\n};\n\nconst GalleryBackdrop = styled(Backdrop)(({ theme }) => ({\n  backgroundColor: theme.palette.surface.quarternary,\n  paddingTop: '20px',\n  display: 'flex',\n  justifyContent: 'space-between',\n  flexDirection: 'column',\n}));\n\nconst GalleryItemContent = styled(Box)(() => ({\n  width: '100%',\n  height: '85%',\n  overflow: 'hidden',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n\n  '& > div': {\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nconst GalleryControlPanel = styled(Box)(() => ({\n  width: '100%',\n  height: '15%',\n\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n}));\n\nconst GalleryControlButton = styled(IconButton)(({ theme }) => ({\n  color: theme.palette.surface.primary,\n}));\n"],"names":["Gallery","props","showNavButtons","useMemo","galleryItems","length","isOpen","onOpen","_onOpen","onClose","useClosure","nextDisabled","setNextDisabled","useState","prevDisabled","setPrevDisabled","emblaRef","emblaApi","useEmblaCarousel","align","axis","startIndex","_a","slidesToScroll","draggable","useEffect","onScroll","canScrollNext","canScrollPrev","on","console","warn","useCallback","children","useKeyboardShortcut","Escape","ArrowRight","scrollNext","ArrowLeft","scrollPrev","_jsxs","Box","_jsx","component","onClick","sx","cursor","GalleryBackdrop","open","_Fragment","GalleryItemContent","ref","display","flex","selectedScrollSnap","GalleryControlPanel","Stack","direction","spacing","xl","lg","md","sm","xs","GalleryControlButton","size","disabled","Icon","name","styled","Backdrop","theme","backgroundColor","palette","surface","quarternary","paddingTop","justifyContent","flexDirection","width","height","overflow","alignItems","IconButton","color","primary"],"mappings":"gkyCA4BO,MAAMA,EAAmCC,UAC9C,MAAMC,EAAiBC,EAAQ,IAAMF,EAAMG,aAAaC,OAAS,EAAG,CAACJ,EAAMG,gBAErEE,OAAEA,EAAQC,OAAQC,EAAOC,QAAEA,GAAYC,GAAW,IAEjDC,EAAcC,GAAmBC,GAAS,IAC1CC,EAAcC,GAAmBF,GAAS,IAE1CG,EAAUC,GAAYC,EAAiB,CAC5CC,MAAO,SACPC,KAAM,IACNC,mBAAYC,EAAArB,EAAMoB,0BAAc,EAChCE,eAAgB,EAChBC,UAAWvB,EAAMG,aAAaC,OAAS,IAGzCoB,EAAU,KACR,GAAIR,EAAU,CACZ,MAAMS,EAAW,KACfd,GAAiBK,EAASU,iBAC1BZ,GAAiBE,EAASW,kBAE5BX,EAASY,GAAG,SAAUH,GACtBA,GACF,GACC,CAACT,IAEJQ,EAAU,KACHxB,EAAMG,cAA8C,IAA9BH,EAAMG,aAAaC,QAC5CyB,QAAQC,KAAK,+FAEd,CAAC9B,EAAMG,eAEV,MAAMG,EAASyB,EAAY,KACrB/B,EAAMG,cAAgBH,EAAMG,aAAaC,OAAS,GACpDG,KAED,CAACA,EAASP,EAAMgC,WAWnB,OATAC,EACE,CACEC,OAAQ1B,EACR2B,WAAYnB,aAAQ,EAARA,EAAUoB,WACtBC,UAAWrB,aAAQ,EAARA,EAAUsB,YAEvB,GAAGtB,IAIHuB,EAACC,EAAG,CAAA,cAAa,UAASR,SAAA,CACxBS,EAACD,EAAG,CAACE,UAAU,OAAOC,QAASrC,EAAQsC,GAAI,CAAEC,OAAQ,WAAW,cAAc,kBAAiBb,SAC5FhC,EAAMgC,WAGTS,EAACK,EAAe,CAACC,KAAM1C,EAAM,cAAc,mBAAkB2B,SAC1D3B,GACCkC,EAAAS,EAAA,CAAAhB,SAAA,CACES,EAACQ,EAAkB,CAACC,IAAKnC,EAAQiB,SAC/BS,EAACD,EAAG,CACFI,GAAI,CAAEO,QAAS,OAAQ,QAAS,CAAEC,KAAM,aAAc,cAC1C,gBAAe,aACfpC,aAAQ,EAARA,EAAUqC,qBAAoBrB,SAEzChC,EAAMG,iBAIXsC,EAACa,EAAmB,CAAA,cAAa,kBAAiBtB,SAChDO,EAACgB,EAAK,CAACC,UAAU,MAAMC,QAAS,CAAEC,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAAG9B,SAAA,CACrE/B,GACCwC,EAACsB,EAAoB,CACnBC,KAAK,QACLC,SAAUpD,EACV8B,QAAS,IAAM3B,aAAQ,EAARA,EAAUsB,aAAY,cACzB,eAAc,aACf,iBAAgBN,SAE3BS,EAACyB,EAAI,CAACC,KAAK,iBAGf1B,EAACsB,EAAoB,CACnBC,KAAK,QACLrB,QAASnC,EAAO,cACJ,gBAAe,aAChB,gBAAewB,SAE1BS,EAACyB,EAAI,CAACC,KAAK,YAEZlE,GACCwC,EAACsB,EAAoB,CACnBC,KAAK,QACLC,SAAUvD,EACViC,QAAS,IAAM3B,aAAQ,EAARA,EAAUoB,aAAY,cACzB,eAAc,aACf,aAAYJ,SAEvBS,EAACyB,EAAI,CAACC,KAAK,gCAYzBrB,EAAkBsB,EAAOC,EAAPD,CAAiB,EAAGE,YAAO,CACjDC,gBAAiBD,EAAME,QAAQC,QAAQC,YACvCC,WAAY,OACZxB,QAAS,OACTyB,eAAgB,gBAChBC,cAAe,YAGX5B,EAAqBmB,EAAO5B,EAAP4B,CAAY,KAAA,CACrCU,MAAO,OACPC,OAAQ,MACRC,SAAU,SACV7B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,SAEZ,UAAW,CACTH,MAAO,OACPC,OAAQ,WAINzB,EAAsBc,EAAO5B,EAAP4B,CAAY,KAAA,CACtCU,MAAO,OACPC,OAAQ,MAER5B,QAAS,OACTyB,eAAgB,SAChBK,WAAY,YAGRlB,EAAuBK,EAAOc,EAAPd,CAAmB,EAAGE,YAAO,CACxDa,MAAOb,EAAME,QAAQC,QAAQW"}

package/organisms/gallery/GalleryItem.js

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as n,useTheme as s,Container as o,Typography as c}from"@mui/material";import{useResponsiveProp as m}from"../../utils/ResponsiveType.js";import{useRef as a,useCallback as l,useEffect as p}from"react";import d from"../../components/common/hook/useWindowSize.js";const u=i=>{var{description:u,alt:h}=i,f=e(i,["description","alt"]);const g=s(),v=m(f.imageSrc),{width:w}=d(),b=a(null),y=a(null),S=a(null),k=l((()=>{if(b.current&&y.current&&S.current){const e=b.current.clientHeight,t=S.current.clientHeight;y.current.style.maxHeight=Math.abs(e-t)+"px"}}),[]);return p(k),p((()=>k),[y.current,S.current,b.current,w]),t(x,{ref:b,"data-testid":"GalleryItem",children:[t(n,{ref:y,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[r("source",{media:`(min-width: ${g.breakpoints.values.xl}px)`,srcSet:v.xl}),r("source",{media:`(min-width: ${g.breakpoints.values.lg}px)`,srcSet:v.lg}),r("source",{media:`(min-width: ${g.breakpoints.values.md}px)`,srcSet:v.md}),r("source",{media:`(min-width: ${g.breakpoints.values.sm}px)`,srcSet:v.sm}),r("source",{media:`(max-width: ${g.breakpoints.values.sm}px)`,srcSet:v.xs}),r(n,{component:"img",src:v.xs,alt:h,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),u&&r(o,{ref:S,"data-testid":"GalleryItem.desc",children:"string"==typeof u?r(c,{sx:{color:g.palette.common.white,paddingTop:1,textAlign:"center"},children:u}):u})]})},x=i(n)((()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"})));export{u as GalleryItem};
+import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{styled as i,Box as n,useTheme as s,Container as o,Typography as c}from"@mui/material";import{useResponsiveProp as m}from"../../utils/ResponsiveType.js";import{useRef as a,useCallback as l,useEffect as p}from"react";import d from"../../components/common/hook/useWindowSize.js";const u=i=>{var{description:u,alt:h}=i,f=e(i,["description","alt"]);const g=s(),v=m(f.imageSrc),{width:w}=d(),b=a(null),y=a(null),S=a(null),k=l(()=>{if(b.current&&y.current&&S.current){const e=b.current.clientHeight,t=S.current.clientHeight;y.current.style.maxHeight=Math.abs(e-t)+"px"}},[]);return p(k),p(()=>k,[y.current,S.current,b.current,w]),t(x,{ref:b,"data-testid":"GalleryItem",children:[t(n,{ref:y,component:"picture",sx:{maxHeight:"100%",maxWidth:"100%",textAlign:"center"},children:[r("source",{media:`(min-width: ${g.breakpoints.values.xl}px)`,srcSet:v.xl}),r("source",{media:`(min-width: ${g.breakpoints.values.lg}px)`,srcSet:v.lg}),r("source",{media:`(min-width: ${g.breakpoints.values.md}px)`,srcSet:v.md}),r("source",{media:`(min-width: ${g.breakpoints.values.sm}px)`,srcSet:v.sm}),r("source",{media:`(max-width: ${g.breakpoints.values.sm}px)`,srcSet:v.xs}),r(n,{component:"img",src:v.xs,alt:h,sx:{maxHeight:"100%",maxWidth:"100%"}})]}),u&&r(o,{ref:S,"data-testid":"GalleryItem.desc",children:"string"==typeof u?r(c,{sx:{color:g.palette.common.white,paddingTop:1,textAlign:"center"},children:u}):u})]})},x=i(n)(()=>({position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center"}));export{u as GalleryItem};
 //# sourceMappingURL=GalleryItem.js.map

package/organisms/gallery/GalleryItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n  imageSrc: ResponsiveType<string>;\n  description?: React.ReactNode;\n  alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n  const theme = useTheme();\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const { width: windowWidth } = useWindowSize();\n\n  const wrapperRef = useRef<HTMLDListElement>(null);\n  const imageRef = useRef<HTMLPictureElement>(null);\n  const descRef = useRef<HTMLDivElement>(null);\n\n  const fixImageSize = useCallback(() => {\n    if (wrapperRef.current && imageRef.current && descRef.current) {\n      const wrapperHeight = wrapperRef.current.clientHeight;\n      const descHeight = descRef.current.clientHeight;\n\n      imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n    }\n  }, []);\n\n  useEffect(fixImageSize);\n  useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n  return (\n    <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n      <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n        <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n        <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n        <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n        <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n        <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n        <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n      </Box>\n\n      {description && (\n        <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n          {typeof description === 'string' ? (\n            <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n        </Container>\n      )}\n    </GalleryItemWrapper>\n  );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n  position: 'relative',\n  height: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n}));\n"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"4WAWa,MAAAA,EAA2CC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IAEzBC,EAAaC,EAAyB,MACtCC,EAAWD,EAA2B,MACtCE,EAAUF,EAAuB,MAEjCG,EAAeC,GAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,QAE3E,IAKH,OAHAK,EAAUV,GACVU,GAAU,IAAMV,GAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAACC,EAAmB,CAAAC,IAAKjB,EAAU,cAAc,cAAakB,SAAA,CAC5DH,EAACI,GAAIF,IAAKf,EAAUkB,UAAU,UAAUC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAC5FL,SAAA,CAAAM,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KACjFJ,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KACjFN,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KACjFP,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KACjFR,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KACjFT,EAACL,EAAI,CAAAC,UAAU,MAAMc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAGrFjC,GACCmC,EAACW,EAAU,CAAAlB,IAAKd,gBAAqB,mBAAkBe,SAC7B,iBAAhB7B,EACNmC,EAACY,EAAU,CAACf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAUL,SACtF7B,IAGH,MAIa,EAInB2B,EAAqB0B,EAAOvB,EAAPuB,EAAY,KAAO,CAC5CC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}
+{"version":3,"file":"GalleryItem.js","sources":["../../../src/organisms/gallery/GalleryItem.tsx"],"sourcesContent":["import { Box, Container, Typography, styled, useTheme } from '@mui/material';\nimport { ResponsiveType, useResponsiveProp } from '../../utils/ResponsiveType';\nimport { useCallback, useEffect, useRef } from 'react';\nimport useWindowSize from '../../components/common/hook/useWindowSize';\n\nexport type GalleryItemProps = {\n  imageSrc: ResponsiveType<string>;\n  description?: React.ReactNode;\n  alt?: string;\n};\n\nexport const GalleryItem: React.FC<GalleryItemProps> = ({ description, alt, ...props }) => {\n  const theme = useTheme();\n  const imageSrc = useResponsiveProp(props.imageSrc);\n  const { width: windowWidth } = useWindowSize();\n\n  const wrapperRef = useRef<HTMLDListElement>(null);\n  const imageRef = useRef<HTMLPictureElement>(null);\n  const descRef = useRef<HTMLDivElement>(null);\n\n  const fixImageSize = useCallback(() => {\n    if (wrapperRef.current && imageRef.current && descRef.current) {\n      const wrapperHeight = wrapperRef.current.clientHeight;\n      const descHeight = descRef.current.clientHeight;\n\n      imageRef.current.style.maxHeight = Math.abs(wrapperHeight - descHeight) + 'px';\n    }\n  }, []);\n\n  useEffect(fixImageSize);\n  useEffect(() => fixImageSize, [imageRef.current, descRef.current, wrapperRef.current, windowWidth]);\n\n  return (\n    <GalleryItemWrapper ref={wrapperRef} data-testid=\"GalleryItem\">\n      <Box ref={imageRef} component=\"picture\" sx={{ maxHeight: '100%', maxWidth: '100%', textAlign: 'center' }}>\n        <source media={`(min-width: ${theme.breakpoints.values.xl}px)`} srcSet={imageSrc.xl} />\n        <source media={`(min-width: ${theme.breakpoints.values.lg}px)`} srcSet={imageSrc.lg} />\n        <source media={`(min-width: ${theme.breakpoints.values.md}px)`} srcSet={imageSrc.md} />\n        <source media={`(min-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.sm} />\n        <source media={`(max-width: ${theme.breakpoints.values.sm}px)`} srcSet={imageSrc.xs} />\n        <Box component=\"img\" src={imageSrc.xs} alt={alt} sx={{ maxHeight: '100%', maxWidth: '100%' }} />\n      </Box>\n\n      {description && (\n        <Container ref={descRef} data-testid=\"GalleryItem.desc\">\n          {typeof description === 'string' ? (\n            <Typography sx={{ color: theme.palette.common.white, paddingTop: 1, textAlign: 'center' }}>\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n        </Container>\n      )}\n    </GalleryItemWrapper>\n  );\n};\n\nconst GalleryItemWrapper = styled(Box)(() => ({\n  position: 'relative',\n  height: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n}));\n"],"names":["GalleryItem","_a","description","alt","props","__rest","theme","useTheme","imageSrc","useResponsiveProp","width","windowWidth","useWindowSize","wrapperRef","useRef","imageRef","descRef","fixImageSize","useCallback","current","wrapperHeight","clientHeight","descHeight","style","maxHeight","Math","abs","useEffect","_jsxs","GalleryItemWrapper","ref","children","Box","component","sx","maxWidth","textAlign","_jsx","media","breakpoints","values","xl","srcSet","lg","md","sm","xs","src","Container","Typography","color","palette","common","white","paddingTop","styled","position","height","display","flexDirection","justifyContent"],"mappings":"4WAWO,MAAMA,EAA2CC,QAAAC,YAAEA,EAAWC,IAAEA,GAAGF,EAAKG,EAAKC,EAAAJ,EAA5B,uBACtD,MAAMK,EAAQC,IACRC,EAAWC,EAAkBL,EAAMI,WACjCE,MAAOC,GAAgBC,IAEzBC,EAAaC,EAAyB,MACtCC,EAAWD,EAA2B,MACtCE,EAAUF,EAAuB,MAEjCG,EAAeC,EAAY,KAC/B,GAAIL,EAAWM,SAAWJ,EAASI,SAAWH,EAAQG,QAAS,CAC7D,MAAMC,EAAgBP,EAAWM,QAAQE,aACnCC,EAAaN,EAAQG,QAAQE,aAEnCN,EAASI,QAAQI,MAAMC,UAAYC,KAAKC,IAAIN,EAAgBE,GAAc,IAC5E,GACC,IAKH,OAHAK,EAAUV,GACVU,EAAU,IAAMV,EAAc,CAACF,EAASI,QAASH,EAAQG,QAASN,EAAWM,QAASR,IAGpFiB,EAACC,EAAkB,CAACC,IAAKjB,EAAU,cAAc,cAAakB,SAAA,CAC5DH,EAACI,GAAIF,IAAKf,EAAUkB,UAAU,UAAUC,GAAI,CAAEV,UAAW,OAAQW,SAAU,OAAQC,UAAW,UAAUL,SAAA,CACtGM,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOC,QAASC,OAAQlC,EAASiC,KACjFJ,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOG,QAASD,OAAQlC,EAASmC,KACjFN,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOI,QAASF,OAAQlC,EAASoC,KACjFP,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASqC,KACjFR,EAAA,SAAA,CAAQC,MAAO,eAAehC,EAAMiC,YAAYC,OAAOK,QAASH,OAAQlC,EAASsC,KACjFT,EAACL,EAAG,CAACC,UAAU,MAAMc,IAAKvC,EAASsC,GAAI3C,IAAKA,EAAK+B,GAAI,CAAEV,UAAW,OAAQW,SAAU,aAGrFjC,GACCmC,EAACW,EAAS,CAAClB,IAAKd,gBAAqB,mBAAkBe,SAC7B,iBAAhB7B,EACNmC,EAACY,EAAU,CAACf,GAAI,CAAEgB,MAAO5C,EAAM6C,QAAQC,OAAOC,MAAOC,WAAY,EAAGlB,UAAW,UAAUL,SACtF7B,IACU,QAUnB2B,EAAqB0B,EAAOvB,EAAPuB,CAAY,KAAA,CACrCC,SAAU,WACVC,OAAQ,OACRC,QAAS,OACTC,cAAe,SACfC,eAAgB"}