@skodaflow/web-library 7.16.1 → 8.0.1

package/cjs/components/common/styled/textFieldStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textFieldStyled.js","sources":["../../../../../../src/components/common/styled/textFieldStyled.tsx"],"sourcesContent":["import { TextField as MuiTextField, TextFieldProps as MuiTextFieldProps, styled } from '@mui/material';\n\n/**\n * @description TextInput styling definition based on props\n */\nconst TextFieldStyled = styled(MuiTextField, {\n  shouldForwardProp: (prop) =>\n    prop !== 'helpText' &&\n    prop !== 'maxChars' &&\n    prop !== 'hideBg' &&\n    prop !== 'hasError' &&\n    prop !== 'hovered' &&\n    prop !== 'textAreaHeight',\n})<\n  MuiTextFieldProps & {\n    isSelect?: boolean;\n    disabled?: boolean;\n    hasError?: boolean;\n    hideBg?: boolean;\n    icon?: string;\n    focused?: boolean;\n    hovered?: boolean;\n  }\n>(({ theme, ...props }) => {\n  let styles = {};\n  styles = {\n    // '&, & *': {\n    // \tboxSizing: 'content-box !important',\n    // },\n  };\n  //Change styles if the input is focused\n  if (props.focused) {\n    styles = {\n      ...styles,\n    };\n  }\n  //If the input has an error, change the color of the label text and color/size of border's input\n  if (props.error) {\n    styles = {\n      ...styles,\n    };\n  }\n  if (props.icon) {\n    styles = {\n      ...styles,\n    };\n  }\n  if (props.icon && !props.placeholder) {\n    styles = {\n      ...styles,\n      '& .MuiInput-underline': {\n        ...styles['& .MuiInput-underline'],\n        '&:after': {\n          bottom: '0px',\n        },\n        '&.Mui-error': {\n          '&:after': {\n            borderBottomColor: theme.palette.alert['main'],\n          },\n        },\n      },\n      '& .MuiInput-root': {\n        ...styles['& .MuiInput-root'],\n        marginTop: 0,\n        height: 'inherit',\n        transform: 'translateY(0px)',\n        '& input': {\n          marginTop: '20px',\n        },\n        '& .MuiIcon-root': {\n          top: '0px !important',\n        },\n        '&:before': {\n          bottom: '0px',\n        },\n      },\n    };\n  }\n  if (props.icon && props.placeholder) {\n    styles = {\n      ...styles,\n      '& .MuiInput-root': {\n        ...styles['& .MuiInput-root'],\n        '& .MuiIcon-root': {\n          top: '-4px !important',\n          '&.Mui-error': {\n            '&:after': {\n              borderBottomColor: theme.palette.alert['main'],\n            },\n          },\n        },\n      },\n    };\n  }\n  //Change styles if the input is disabled\n  if (props.disabled) {\n    styles = {\n      ...styles,\n    };\n  }\n  return styles;\n});\nexport default TextFieldStyled;\n"],"names":["TextFieldStyled","styled","MuiTextField","shouldForwardProp","prop","_a","theme","props","__rest","styles","focused","Object","assign","error","icon","placeholder","bottom","borderBottomColor","palette","alert","marginTop","height","transform","top","disabled"],"mappings":"sHAKA,MAAMA,EAAkBC,EAAAA,OAAOC,YAAc,CAC3CC,kBAAoBC,GACT,aAATA,GACS,aAATA,GACS,WAATA,GACS,aAATA,GACS,YAATA,GACS,mBAATA,GAPoBH,CAkBrBI,IAAA,IAAAC,MAAEA,GAAKD,EAAKE,EAAKC,EAAAA,OAAAH,EAAjB,WACD,IAAII,EAAS,CAAA,EA4Eb,OA3EAA,EAAS,GAMLF,EAAMG,UACRD,EAAME,OAAAC,OAAA,CAAA,EACDH,IAIHF,EAAMM,QACRJ,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OACRL,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGHF,EAAMO,OAASP,EAAMQ,cACvBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,wBAAuBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAClBH,EAAO,0BAAwB,CAClC,UAAW,CACTO,OAAQ,OAEV,cAAe,CACb,UAAW,CACTC,kBAAmBX,EAAMY,QAAQC,MAAY,SAInD,kDACKV,EAAO,qBAAmB,CAC7BW,UAAW,EACXC,OAAQ,UACRC,UAAW,kBACX,UAAW,CACTF,UAAW,QAEb,kBAAmB,CACjBG,IAAK,kBAEP,WAAY,CACVP,OAAQ,YAKZT,EAAMO,MAAQP,EAAMQ,cACtBN,EAAME,OAAAC,OAAAD,OAAAC,OAAA,GACDH,GAAM,CACT,mBAAkBE,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACbH,EAAO,qBAAmB,CAC7B,kBAAmB,CACjBc,IAAK,kBACL,cAAe,CACb,UAAW,CACTN,kBAAmBX,EAAMY,QAAQC,MAAY,aAQrDZ,EAAMiB,WACRf,EAAME,OAAAC,OAAA,CAAA,EACDH,IAGAA"}

package/cjs/components/common/textInputHelperText.d.ts

@@ -1,29 +0,0 @@
-export interface HelperTextProps {
-    /**
-     * Disabled, not clickable
-     */
-    disabled?: boolean;
-    /**
-     * The value of the helper text
-     */
-    helpText?: string;
-    /**
-     * The max number of chars available in the text area. Max chars will be disabled when type = 'number'.
-     */
-    maxChars?: number;
-    /**
-     *Boolean to check if the input returns an error or not
-     */
-    hasError?: boolean;
-    /**
-     * Current value of the helper text.
-     */
-    currentValue: string;
-    /**
-     * Type of the input element. It should be 'text' or 'number'. Default is 'text'.
-     */
-    type?: 'number' | 'text';
-    width?: string;
-}
-declare const TextInputHelperText: ({ disabled, hasError, helpText, maxChars, currentValue, type, width, }: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
-export default TextInputHelperText;

package/cjs/components/controls/controls.d.ts

@@ -1,38 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';
-import { IconNameProp } from '../icon';
-export interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
-    controlVariant?: ControlVariant;
-    /**
-     *  The color of control: white or black, default is white.
-     */
-    controllerColor?: DarkLightOptions;
-    /**
-     *  Icons style: regular or filled, default is regular.
-     */
-    iconStyle?: IconsStyle;
-    /**
-     *  Icons fontSize:
-     */
-    iconFontSize?: ControllerSize;
-    /**
-     *  Type of controls: next, previous, play, pause.
-     */
-    controlType?: IconNameProp;
-    /**
-     *  If true, the control is disabled.
-     */
-    isDisabled?: boolean;
-    /**
-     *  callback function on click
-     */
-    onClickCallback?: (payload: any) => void;
-    customHeight?: string;
-}
-/**
- * @description SkodaFlow Controls component.
- * Properties are inherited from HTML Button Attribetes element.
- * @param props ControlsProps
- * @returns React Functional Component
- */
-export declare const Controller: React.ForwardRefExoticComponent<ControlsProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/components/controls/controls.js

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

package/cjs/components/controls/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","sources":["../../../../../src/components/controls/controls.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef, useCallback, useEffect, useRef } from 'react';\nimport { styled, Theme } from '@mui/material';\nimport { ControllerSize, IconsStyle, DarkLightOptions, ControlVariant } from '../../utils/types';\nimport { Icon, IconNameProp } from '../icon';\nimport { ternaryCondition } from '../../utils/utilities';\n\nexport interface ControlsProps extends HTMLAttributes<HTMLDivElement> {\n  /*\n   * the control's variant, can be standard or outline, default is standard\n   */\n  controlVariant?: ControlVariant;\n  /**\n   *  The color of control: white or black, default is white.\n   */\n  controllerColor?: DarkLightOptions;\n  /**\n   *  Icons style: regular or filled, default is regular.\n   */\n  iconStyle?: IconsStyle;\n  /**\n   *  Icons fontSize:\n   */\n  iconFontSize?: ControllerSize;\n  /**\n   *  Type of controls: next, previous, play, pause.\n   */\n  controlType?: IconNameProp;\n  /**\n   *  If true, the control is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   *  callback function on click\n   */\n  onClickCallback?: (payload: any) => void;\n  /*\n   * if needed, it's possible to specify a custom height value\n   */\n  customHeight?: string;\n}\n\n/**\n * @description SkodaFlow Controls component.\n * Properties are inherited from HTML Button Attribetes element.\n * @param props ControlsProps\n * @returns React Functional Component\n */\n\nexport const Controller = forwardRef<HTMLDivElement, ControlsProps>(({ ...props }, ref) => {\n  const btnRef = useRef(null);\n\n  const handleOnClick = useCallback(\n    (e: any) => {\n      props.onClickCallback && !props.isDisabled && props.onClickCallback(e);\n    },\n    [props],\n  );\n\n  useEffect(() => {\n    btnRef.current.addEventListener('mousedown', (e) => {\n      e.preventDefault();\n    });\n  }, [btnRef]);\n\n  return (\n    <ControlStyled {...props} ref={ref} onClick={() => handleOnClick(props.controlType)}>\n      <button ref={btnRef}>\n        <Icon fontSize={props.iconFontSize} name={props.controlType} iconStyle={props.iconStyle} />\n      </button>\n    </ControlStyled>\n  );\n});\n\n/**\n * @description Controls styling definition based on props\n */\nconst ControlStyled = styled('div', {\n  shouldForwardProp: (prop) =>\n    prop !== 'controlType' &&\n    prop !== 'controllerColor' &&\n    prop !== 'iconStyle' &&\n    prop !== 'iconFontSize' &&\n    prop !== 'controlVariant' &&\n    prop !== 'onClickCallback' &&\n    prop !== 'isDisabled' &&\n    prop !== 'customHeight',\n})<ControlsProps & { theme?: Theme }>(({ theme, ...args }) => {\n  const controlsColor = ternaryCondition(\n    args.controllerColor,\n    'light',\n    theme.palette.surface.tertiary,\n    theme.palette.text.primary,\n  );\n  let styles = {};\n  const flexDisplay = {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n  };\n  const buttonSlyle = {\n    ...flexDisplay,\n    width: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n    height: ternaryCondition(args.iconFontSize, 'small', '34px', '42px'),\n    borderRadius: '50%',\n    backgroundColor: 'transparent',\n    border: 'none',\n    position: 'relative',\n    outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${controlsColor}`),\n    cursor: 'pointer',\n    '& .MuiIcon-root': {\n      color: ternaryCondition(\n        args.controllerColor,\n        'light',\n        theme.palette.surface.tertiary,\n        theme.palette.text.primary,\n      ),\n      fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n    },\n    '&:active': {\n      transform: 'scale(0.95)',\n    },\n    '&:hover': {\n      backgroundColor: theme.palette.transparent.primary,\n    },\n    '&:focus': {\n      '&:after': {\n        content: '\"\"',\n        display: 'block',\n        width: 'calc(100% + 6px)',\n        height: 'calc(100% + 6px)',\n        outline: ternaryCondition(\n          args.controllerColor,\n          'light',\n          `2px solid ${theme.palette.surface.tertiary}`,\n          `2px solid ${theme.palette.text.primary}`,\n        ),\n        position: 'absolute',\n        left: '-3px',\n        top: '-3px',\n        borderRadius: '50%',\n      },\n    },\n  };\n  styles = {\n    ...styles,\n    height: (args.customHeight ? args.customHeight : '100%') + '!important',\n    '& button': {\n      ...buttonSlyle,\n    },\n  };\n  if (args.isDisabled) {\n    styles = {\n      ...styles,\n      '& button': {\n        ...buttonSlyle,\n        borderColor: theme.palette.disabled.primary,\n        cursor: 'default',\n        outline: ternaryCondition(args.controlVariant, 'standard', 0, `2px solid ${theme.palette.disabled.primary}`),\n        '&:active': {\n          transform: 'scale(1)',\n        },\n        '&:hover': {\n          backgroundColor: 'transparent',\n        },\n        '&:focus': {\n          '&:after': {\n            content: 'none',\n          },\n        },\n        '& .MuiIcon-root': {\n          color: theme.palette.disabled.primary,\n          fontSize: ternaryCondition(args.iconFontSize, 'small', '18px', '24px'),\n        },\n      },\n    };\n  }\n  return styles;\n});\n"],"names":["Controller","forwardRef","_a","ref","props","__rest","btnRef","useRef","handleOnClick","useCallback","e","onClickCallback","isDisabled","useEffect","current","addEventListener","preventDefault","_jsx","ControlStyled","Object","assign","onClick","controlType","children","Icon","fontSize","iconFontSize","name","iconStyle","styled","shouldForwardProp","prop","theme","args","controlsColor","ternaryCondition","controllerColor","palette","surface","tertiary","text","primary","styles","buttonSlyle","display","justifyContent","alignItems","width","height","borderRadius","backgroundColor","border","position","outline","controlVariant","cursor","color","transform","transparent","content","left","top","customHeight","borderColor","disabled"],"mappings":"8giCAgDO,MAAMA,EAAaC,EAAAA,WAA0C,CAACC,EAAcC,SAATC,EAAKC,EAAAA,OAAAH,EAAV,IACnE,MAAMI,EAASC,EAAAA,OAAO,MAEhBC,EAAgBC,cACnBC,IACCN,EAAMO,kBAAoBP,EAAMQ,YAAcR,EAAMO,gBAAgBD,IAEtE,CAACN,IASH,OANAS,EAAAA,UAAU,KACRP,EAAOQ,QAAQC,iBAAiB,YAAcL,IAC5CA,EAAEM,oBAEH,CAACV,IAGFW,EAAAA,IAACC,EAAaC,OAAAC,OAAA,CAAA,EAAKhB,EAAK,CAAED,IAAKA,EAAKkB,QAAS,IAAMb,EAAcJ,EAAMkB,aAAYC,SACjFN,EAAAA,IAAA,SAAA,CAAQd,IAAKG,EAAMiB,SACjBN,EAAAA,IAACO,EAAAA,KAAI,CAACC,SAAUrB,EAAMsB,aAAcC,KAAMvB,EAAMkB,YAAaM,UAAWxB,EAAMwB,mBAShFV,EAAgBW,EAAAA,OAAO,MAAO,CAClCC,kBAAoBC,GACT,gBAATA,GACS,oBAATA,GACS,cAATA,GACS,iBAATA,GACS,mBAATA,GACS,oBAATA,GACS,eAATA,GACS,iBAATA,GATkBF,CAUiB3B,IAAA,IAAA8B,MAAEA,GAAK9B,EAAK+B,EAAI5B,EAAAA,OAAAH,EAAhB,WACrC,MAAMgC,EAAgBC,EAAAA,iBACpBF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErB,IAAIC,EAAS,CAAA,EACb,MAKMC,EAAWxB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EALG,CAClBwB,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGE,CACdC,MAAOZ,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC5DsB,OAAQb,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,QAC7DuB,aAAc,MACdC,gBAAiB,cACjBC,OAAQ,OACRC,SAAU,WACVC,QAASlB,EAAAA,iBAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAapB,KAC3EqB,OAAQ,UACR,kBAAmB,CACjBC,MAAOrB,EAAAA,iBACLF,EAAKG,gBACL,QACAJ,EAAMK,QAAQC,QAAQC,SACtBP,EAAMK,QAAQG,KAAKC,SAErBhB,SAAUU,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,SAEjE,WAAY,CACV+B,UAAW,eAEb,UAAW,CACTP,gBAAiBlB,EAAMK,QAAQqB,YAAYjB,SAE7C,UAAW,CACT,UAAW,CACTkB,QAAS,KACTf,QAAS,QACTG,MAAO,mBACPC,OAAQ,mBACRK,QAASlB,EAAAA,iBACPF,EAAKG,gBACL,QACA,aAAaJ,EAAMK,QAAQC,QAAQC,WACnC,aAAaP,EAAMK,QAAQG,KAAKC,WAElCW,SAAU,WACVQ,KAAM,OACNC,IAAK,OACLZ,aAAc,UAqCpB,OAjCAP,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACTM,QAASf,EAAK6B,aAAe7B,EAAK6B,aAAe,QAAU,aAC3D,WAAU3C,OAAAC,OAAA,CAAA,EACLuB,KAGHV,EAAKrB,aACP8B,EAAMvB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDsB,GAAM,CACT,0CACKC,GAAW,CACdoB,YAAa/B,EAAMK,QAAQ2B,SAASvB,QACpCc,OAAQ,UACRF,QAASlB,EAAAA,iBAAiBF,EAAKqB,eAAgB,WAAY,EAAG,aAAatB,EAAMK,QAAQ2B,SAASvB,WAClG,WAAY,CACVgB,UAAW,YAEb,UAAW,CACTP,gBAAiB,eAEnB,UAAW,CACT,UAAW,CACTS,QAAS,SAGb,kBAAmB,CACjBH,MAAOxB,EAAMK,QAAQ2B,SAASvB,QAC9BhB,SAAUU,EAAAA,iBAAiBF,EAAKP,aAAc,QAAS,OAAQ,cAKhEgB"}

package/cjs/components/controls/index.d.ts

@@ -1 +0,0 @@
-export * from './controls';

package/cjs/components/customPickersActionBar/index.d.ts

@@ -1,2 +0,0 @@
-import { PickersActionBarProps } from '@mui/x-date-pickers';
-export declare const CustomPickersActionBar: (props: PickersActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/components/customPickersActionBar/index.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("tslib"),e=require("react/jsx-runtime"),n=require("@mui/material"),r=require("@mui/x-date-pickers");exports.CustomPickersActionBar=c=>{const{actions:i,onAccept:o,onCancel:a,onClear:l,onSetToday:s}=c,u=t.__rest(c,["actions","onAccept","onCancel","onClear","onSetToday"]),d=r.usePickersTranslations();return(null==i?void 0:i.length)?e.jsx(n.DialogActions,Object.assign({},u,{children:e.jsxs(n.Stack,{direction:"row",justifyContent:"space-between",children:[e.jsxs(n.Stack,{direction:"row",children:[i.includes("clear")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:l,children:d.clearButtonLabel}),i.includes("today")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:s,children:d.todayButtonLabel})]}),e.jsxs(n.Stack,{direction:"row",children:[i.includes("cancel")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:a,children:d.cancelButtonLabel}),i.includes("accept")&&e.jsx(n.Button,{variant:"text",color:"primary",onClick:o,children:d.okButtonLabel})]})]})})):null};
-//# sourceMappingURL=index.js.map

package/cjs/components/customPickersActionBar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/customPickersActionBar/index.tsx"],"sourcesContent":["import { Stack, Button, DialogActions } from '@mui/material';\nimport { PickersActionBarProps, usePickersTranslations } from '@mui/x-date-pickers';\n\nexport const CustomPickersActionBar = (props: PickersActionBarProps) => {\n  const { actions, onAccept, onCancel, onClear, onSetToday, ...other } = props;\n  const localeText = usePickersTranslations();\n\n  if (!actions?.length) return null;\n\n  return (\n    <DialogActions {...other}>\n      <Stack direction=\"row\" justifyContent=\"space-between\">\n        <Stack direction=\"row\">\n          {actions.includes('clear') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onClear}>\n              {localeText.clearButtonLabel}\n            </Button>\n          )}\n          {actions.includes('today') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onSetToday}>\n              {localeText.todayButtonLabel}\n            </Button>\n          )}\n        </Stack>\n        <Stack direction=\"row\">\n          {actions.includes('cancel') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n              {localeText.cancelButtonLabel}\n            </Button>\n          )}\n          {actions.includes('accept') && (\n            <Button variant=\"text\" color=\"primary\" onClick={onAccept}>\n              {localeText.okButtonLabel}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </DialogActions>\n  );\n};\n"],"names":["props","actions","onAccept","onCancel","onClear","onSetToday","other","__rest","localeText","usePickersTranslations","length","_jsx","DialogActions","Object","assign","children","_jsxs","Stack","direction","justifyContent","includes","Button","variant","color","onClick","clearButtonLabel","todayButtonLabel","cancelButtonLabel","okButtonLabel"],"mappings":"8JAGuCA,IACrC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,WAAEA,GAAyBL,EAAVM,EAAKC,EAAAA,OAAKP,EAAjE,CAAA,UAAA,WAAA,WAAA,UAAA,eACAQ,EAAaC,EAAAA,yBAEnB,OAAKR,aAAO,EAAPA,EAASS,QAGZC,MAACC,EAAAA,cAAaC,OAAAC,OAAA,CAAA,EAAKR,EAAK,CAAAS,SACtBC,OAACC,EAAAA,MAAK,CAACC,UAAU,MAAMC,eAAe,gBAAeJ,SAAA,CACnDC,OAACC,EAAAA,MAAK,CAACC,UAAU,gBACdjB,EAAQmB,SAAS,UAChBT,MAACU,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASpB,EAAOW,SACpDP,EAAWiB,mBAGfxB,EAAQmB,SAAS,UAChBT,EAAAA,IAACU,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASnB,EAAUU,SACvDP,EAAWkB,sBAIlBV,EAAAA,KAACC,EAAAA,MAAK,CAACC,UAAU,MAAKH,SAAA,CACnBd,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAASrB,EAAQY,SACrDP,EAAWmB,oBAGf1B,EAAQmB,SAAS,WAChBT,EAAAA,IAACU,SAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,QAAStB,EAAQa,SACrDP,EAAWoB,yBAzBK"}

package/cjs/components/drawer/drawer.d.ts

@@ -1,14 +0,0 @@
-import { DrawerProps as MuiDrawerProps } from '@mui/material';
-export interface DrawerProps extends MuiDrawerProps {
-    /**
-     * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}
-     * If true the borders are rounded.
-     */
-    hasRoundedBorders?: boolean;
-    /**
-     * @deprecated use onClose instead
-     * Callback required when the drawer is closed.
-     */
-    handleClose?: (state: boolean) => void;
-}
-export declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;

package/cjs/components/drawer/drawer.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),o=require("@mui/material");const t={bottom:{borderTopLeftRadius:"16px",borderTopRightRadius:"16px"},top:{borderBottomLeftRadius:"16px",borderBottomRightRadius:"16px"},left:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"},right:{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}};exports.Drawer=s=>{const{handleClose:d,hasRoundedBorders:i,anchor:a}=s,u=r.__rest(s,["handleClose","hasRoundedBorders","anchor"]),p=o.useTheme();return e.jsx(o.Drawer,Object.assign({dir:p.direction,onClose:d,PaperProps:{sx:Object.assign({},i&&t[a])},anchor:a},u))};
-//# sourceMappingURL=drawer.js.map

package/cjs/components/drawer/drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.js","sources":["../../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Drawer as MuiDrawer, DrawerProps as MuiDrawerProps, useTheme } from '@mui/material';\n\nexport interface DrawerProps extends MuiDrawerProps {\n  /**\n   * @deprecated use PaperProps={{sx: { borderRadius: '16px' }}}\n   * If true the borders are rounded.\n   */\n  hasRoundedBorders?: boolean;\n  /**\n   * @deprecated use onClose instead\n   * Callback required when the drawer is closed.\n   */\n  handleClose?: (state: boolean) => void;\n}\n\nconst bordersByAnchors = {\n  bottom: { borderTopLeftRadius: '16px', borderTopRightRadius: '16px' },\n  top: { borderBottomLeftRadius: '16px', borderBottomRightRadius: '16px' },\n  left: { borderTopRightRadius: '16px', borderBottomRightRadius: '16px' },\n  right: { borderTopLeftRadius: '16px', borderBottomLeftRadius: '16px' },\n};\n\nexport const Drawer = (props: DrawerProps) => {\n  const { handleClose, hasRoundedBorders, anchor, ...rest } = props;\n  const theme = useTheme();\n\n  return (\n    <MuiDrawer\n      dir={theme.direction}\n      onClose={handleClose}\n      PaperProps={{\n        sx: {\n          ...(hasRoundedBorders && bordersByAnchors[anchor]),\n        },\n      }}\n      anchor={anchor}\n      {...rest}\n    />\n  );\n};\n"],"names":["bordersByAnchors","bottom","borderTopLeftRadius","borderTopRightRadius","top","borderBottomLeftRadius","borderBottomRightRadius","left","right","props","handleClose","hasRoundedBorders","anchor","rest","__rest","theme","useTheme","_jsx","MuiDrawer","Object","assign","dir","direction","onClose","PaperProps","sx"],"mappings":"8FAeA,MAAMA,EAAmB,CACvBC,OAAQ,CAAEC,oBAAqB,OAAQC,qBAAsB,QAC7DC,IAAK,CAAEC,uBAAwB,OAAQC,wBAAyB,QAChEC,KAAM,CAAEJ,qBAAsB,OAAQG,wBAAyB,QAC/DE,MAAO,CAAEN,oBAAqB,OAAQG,uBAAwB,wBAGzCI,IACrB,MAAMC,YAAEA,EAAWC,kBAAEA,EAAiBC,OAAEA,GAAoBH,EAATI,EAAIC,EAAAA,OAAKL,EAAtD,CAAA,cAAA,oBAAA,WACAM,EAAQC,EAAAA,WAEd,OACEC,MAACC,EAAAA,OAASC,OAAAC,OAAA,CACRC,IAAKN,EAAMO,UACXC,QAASb,EACTc,WAAY,CACVC,GAAEN,OAAAC,OAAA,CAAA,EACIT,GAAqBX,EAAiBY,KAG9CA,OAAQA,GACJC"}

package/cjs/components/drawer/index.d.ts

@@ -1 +0,0 @@
-export * from './drawer';

package/cjs/components/flag/flag.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import * as Flags from 'country-flag-icons/react/3x2';
-import { BoxProps } from '@mui/material';
-export interface FlagProps extends Omit<BoxProps, 'component'> {
-    /**
-     * Defines which flag to use.
-     */
-    flag: keyof typeof Flags;
-    /**
-     * The size of the flag
-     * @default small
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The width of the flag
-     */
-    width?: number;
-    /**
-     * Variants
-     * @default circle
-     */
-    variant?: '3x2' | 'circle' | 'square';
-    /**
-     * Disabled state
-     * @default false
-     */
-    disabled?: boolean;
-}
-/**
- * Renders country flag icon
- */
-export declare const Flag: React.FC<FlagProps>;

package/cjs/components/flag/flag.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),a=require("country-flag-icons/react/3x2"),i=require("country-flag-icons/react/1x1"),s=require("@mui/material");function c(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var n=c(a),u=c(i);const l=t.forwardRef((a,i)=>{var{flag:c,sx:l,width:o,size:d="small",variant:f="circle",disabled:b=!1}=a,g=e.__rest(a,["flag","sx","width","size","variant","disabled"]);const x=t.useMemo(()=>{switch(d){case"small":return 24;case"medium":return 44;case"large":return 56;default:return null!=o?o:24}},[d,o]);return r.jsx(s.Box,Object.assign({"data-testid":"Flag",component:(["circle","square"].includes(f)?u:n)[c]||"div",sx:Object.assign(Object.assign(Object.assign({width:`${x}px`,flexShrink:"0",border:1,borderColor:"onSurface.os500"},["circle","square"].includes(f)&&Object.assign({height:`${x}px`},"circle"===f?{borderRadius:`${x}px`}:{})),b&&{userSelect:"none",borderColor:"disabled.tertiary",opacity:"0.65"}),l),ref:i},g))});exports.Flag=l;
-//# sourceMappingURL=flag.js.map

package/cjs/components/flag/flag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flag.js","sources":["../../../../../src/components/flag/flag.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport * as Flags from 'country-flag-icons/react/3x2';\nimport * as SquareFlags from 'country-flag-icons/react/1x1';\nimport { Box, BoxProps } from '@mui/material';\n\nexport interface FlagProps extends Omit<BoxProps, 'component'> {\n  /**\n   * Defines which flag to use.\n   */\n  flag: keyof typeof Flags;\n  /**\n   * The size of the flag\n   * @default small\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * The width of the flag\n   */\n  width?: number;\n  /**\n   * Variants\n   * @default circle\n   */\n  variant?: '3x2' | 'circle' | 'square';\n  /**\n   * Disabled state\n   * @default false\n   */\n  disabled?: boolean;\n}\n\n/**\n * Renders country flag icon\n */\nexport const Flag: React.FC<FlagProps> = forwardRef(\n  ({ flag, sx, width: widthProp, size = 'small', variant = 'circle', disabled = false, ...rest }, ref) => {\n    // obtain width of the flag from size and width property\n    const width = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return 24;\n        case 'medium':\n          return 44;\n        case 'large':\n          return 56;\n        default:\n          return widthProp ?? 24;\n      }\n    }, [size, widthProp]);\n\n    return (\n      <Box\n        data-testid=\"Flag\"\n        component={(['circle', 'square'].includes(variant) ? SquareFlags : Flags)[flag] || 'div'}\n        sx={{\n          width: `${width}px`,\n          flexShrink: '0',\n          // outline to improve accessibility\n          border: 1,\n          borderColor: 'onSurface.os500',\n          // 1:1 ratio\n          ...(['circle', 'square'].includes(variant) && {\n            height: `${width}px`,\n            ...(variant === 'circle' ? { borderRadius: `${width}px` } : {}),\n          }),\n          // disabled state\n          ...(disabled && {\n            userSelect: 'none',\n            borderColor: 'disabled.tertiary',\n            opacity: '0.65',\n          }),\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      />\n    );\n  },\n);\n"],"names":["Flag","forwardRef","_a","ref","flag","sx","width","widthProp","size","variant","disabled","rest","__rest","useMemo","_jsx","Box","Object","assign","component","includes","SquareFlags","Flags","flexShrink","border","borderColor","height","borderRadius","userSelect","opacity"],"mappings":"ofAkCO,MAAMA,EAA4BC,EAAAA,WACvC,CAACC,EAA+FC,SAA/FC,KAAEA,EAAIC,GAAEA,EAAIC,MAAOC,EAASC,KAAEA,EAAO,QAAOC,QAAEA,EAAU,SAAQC,SAAEA,GAAW,KAAUC,EAAIC,EAAAA,OAAAV,EAA3F,CAAA,OAAA,KAAA,QAAA,OAAA,UAAA,aAEC,MAAMI,EAAQO,EAAAA,QAAQ,KACpB,OAAQL,GACN,IAAK,QACH,OAAO,GACT,IAAK,SACH,OAAO,GACT,IAAK,QACH,OAAO,GACT,QACE,OAAOD,QAAAA,EAAa,KAEvB,CAACC,EAAMD,IAEV,OACEO,EAAAA,IAACC,EAAAA,IAAGC,OAAAC,OAAA,CAAA,cACU,OACZC,WAAY,CAAC,SAAU,UAAUC,SAASV,GAAWW,EAAcC,GAAOjB,IAAS,MACnFC,GAAEW,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACAX,MAAO,GAAGA,MACVgB,WAAY,IAEZC,OAAQ,EACRC,YAAa,mBAET,CAAC,SAAU,UAAUL,SAASV,IAAQO,OAAAC,OAAA,CACxCQ,OAAQ,GAAGnB,OACK,WAAZG,EAAuB,CAAEiB,aAAc,GAAGpB,OAAc,CAAA,IAG1DI,GAAY,CACdiB,WAAY,OACZH,YAAa,oBACbI,QAAS,SAERvB,GAELF,IAAKA,GACDQ"}

package/cjs/components/formMessage/formMessage.d.ts

@@ -1,26 +0,0 @@
-import { BoxProps, SvgIconProps, TypographyProps } from '@mui/material';
-import React, { ElementType } from 'react';
-export interface FormMessageProps extends BoxProps<ElementType> {
-    /**
-     * Defines which variant of Banner component should be rendered
-     * @default error
-     */
-    variant?: 'info' | 'warning' | 'error';
-    /**
-     * Properties passed to indicator icon
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Icon node to be used
-     */
-    IconComponent?: ElementType<SvgIconProps>;
-    /**
-     * Properties passed to wrapper of children
-     */
-    typographyProps?: TypographyProps;
-}
-/**
- * Message indicating form error or additional info.
- * Intended to be used in combination with <FormGroup />
- */
-export declare const FormMessage: React.FC<FormMessageProps>;

package/cjs/components/formMessage/formMessage.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),i=require("../icon/filled/CircleExclamationFilledIcon.js"),n=require("../icon/filled/CircleInformationFilledIcon.js"),s=require("../icon/filled/WarningFilledIcon.js"),t=require("@mui/material"),o=require("react");const a=o.forwardRef((a,l)=>{var{children:c,variant:x="error",sx:p,iconProps:f,IconComponent:g,typographyProps:u}=a,d=e.__rest(a,["children","variant","sx","iconProps","IconComponent","typographyProps"]);const m=f||{},{sx:j}=m,h=e.__rest(m,["sx"]),I=u||{},{sx:b}=I,y=e.__rest(I,["sx"]),[q,C]=o.useMemo(()=>{switch(x){case"error":return["error.main",s.WarningFilledIcon];case"warning":return["warning.main",i.CircleExclamationFilledIcon];default:return["info.main",n.CircleInformationFilledIcon]}},[x]),F=g||C;return r.jsxs(t.Box,Object.assign({role:"alert","aria-atomic":"true","aria-live":"assertive",sx:Object.assign({display:"flex",width:"100%",alignItems:"flex-start",justifyContent:"flex-start",gap:1,textAlign:"left",color:q,pb:1},p),ref:l},d,{children:[r.jsx(F,Object.assign({sx:Object.assign({fontSize:"20px",mx:"2px"},j)},h)),r.jsx(t.Typography,Object.assign({sx:Object.assign({flexGrow:"1",fontSize:{xs:"14px"},lineHeight:{xs:"20px"},fontWeight:{xs:"400"}},b)},y,{children:c}))]}))});exports.FormMessage=a;
-//# sourceMappingURL=formMessage.js.map

package/cjs/components/formMessage/formMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formMessage.js","sources":["../../../../../src/components/formMessage/formMessage.tsx"],"sourcesContent":["import { CircleExclamationFilledIcon } from '@/src/components/icon/filled/CircleExclamationFilledIcon';\nimport { CircleInformationFilledIcon } from '@/src/components/icon/filled/CircleInformationFilledIcon';\nimport { WarningFilledIcon } from '@/src/components/icon/filled/WarningFilledIcon';\nimport { Box, BoxProps, SvgIconProps, Typography, TypographyProps } from '@mui/material';\nimport React, { ElementType, forwardRef, useMemo } from 'react';\n\nexport interface FormMessageProps extends BoxProps<ElementType> {\n  /**\n   * Defines which variant of Banner component should be rendered\n   * @default error\n   */\n  variant?: 'info' | 'warning' | 'error';\n  /**\n   * Properties passed to indicator icon\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Icon node to be used\n   */\n  IconComponent?: ElementType<SvgIconProps>;\n  /**\n   * Properties passed to wrapper of children\n   */\n  typographyProps?: TypographyProps;\n}\n\n/**\n * Message indicating form error or additional info.\n * Intended to be used in combination with <FormGroup />\n */\nexport const FormMessage: React.FC<FormMessageProps> = forwardRef(\n  ({ children, variant = 'error', sx, iconProps, IconComponent, typographyProps, ...rest }, ref) => {\n    const { sx: iconSx, ...restIcon } = iconProps || {};\n    const { sx: typographySx, ...restTypography } = typographyProps || {};\n\n    const [color, IconVariantComponent] = useMemo(() => {\n      switch (variant) {\n        case 'error':\n          return ['error.main', WarningFilledIcon];\n        case 'warning':\n          return ['warning.main', CircleExclamationFilledIcon];\n        case 'info':\n        default:\n          return ['info.main', CircleInformationFilledIcon];\n      }\n    }, [variant]);\n    const ErrorMessageIcon = IconComponent || IconVariantComponent;\n\n    return (\n      <Box\n        role=\"alert\"\n        aria-atomic=\"true\"\n        aria-live=\"assertive\"\n        sx={{\n          display: 'flex',\n          width: '100%',\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n          gap: 1,\n          textAlign: 'left',\n          color: color,\n          pb: 1,\n          ...sx,\n        }}\n        ref={ref}\n        {...rest}\n      >\n        <ErrorMessageIcon\n          sx={{\n            fontSize: '20px',\n            // align with checkbox/radio (return to 24px width)\n            mx: '2px',\n            ...iconSx,\n          }}\n          {...restIcon}\n        />\n        <Typography\n          sx={{\n            flexGrow: '1',\n            // custom font according to Figma\n            fontSize: { xs: '14px' },\n            lineHeight: { xs: '20px' },\n            fontWeight: { xs: '400' },\n            ...typographySx,\n          }}\n          {...restTypography}\n        >\n          {children}\n        </Typography>\n      </Box>\n    );\n  },\n);\n"],"names":["FormMessage","forwardRef","_a","ref","children","variant","sx","iconProps","IconComponent","typographyProps","rest","__rest","_b","iconSx","restIcon","_c","typographySx","restTypography","color","IconVariantComponent","useMemo","WarningFilledIcon","CircleExclamationFilledIcon","CircleInformationFilledIcon","ErrorMessageIcon","_jsxs","Box","Object","assign","role","display","width","alignItems","justifyContent","gap","textAlign","pb","_jsx","fontSize","mx","Typography","flexGrow","xs","lineHeight","fontWeight"],"mappings":"wRA8BO,MAAMA,EAA0CC,EAAAA,WACrD,CAACC,EAAyFC,KAAzF,IAAAC,SAAEA,EAAQC,QAAEA,EAAU,QAAOC,GAAEA,EAAEC,UAAEA,EAASC,cAAEA,EAAaC,gBAAEA,GAAeP,EAAKQ,EAAIC,SAAAT,EAArF,2EACC,MAAMU,EAA8BL,GAAa,IAAzCD,GAAIO,KAAWC,EAAQH,EAAAA,OAAAC,EAAzB,CAAA,OACAG,EAA0CN,GAAmB,IAA3DH,GAAIU,KAAiBC,EAAcN,EAAAA,OAAAI,EAArC,CAAA,QAECG,EAAOC,GAAwBC,EAAAA,QAAQ,KAC5C,OAAQf,GACN,IAAK,QACH,MAAO,CAAC,aAAcgB,qBACxB,IAAK,UACH,MAAO,CAAC,eAAgBC,+BAE1B,QACE,MAAO,CAAC,YAAaC,iCAExB,CAAClB,IACEmB,EAAmBhB,GAAiBW,EAE1C,OACEM,OAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,KAAK,QAAO,cACA,OAAM,YACR,YACVvB,GAAEqB,OAAAC,OAAA,CACAE,QAAS,OACTC,MAAO,OACPC,WAAY,aACZC,eAAgB,aAChBC,IAAK,EACLC,UAAW,OACXjB,MAAOA,EACPkB,GAAI,GACD9B,GAELH,IAAKA,GACDO,EAAI,CAAAN,SAAA,CAERiC,EAAAA,IAACb,EAAgBG,OAAAC,OAAA,CACftB,GAAEqB,OAAAC,OAAA,CACAU,SAAU,OAEVC,GAAI,OACD1B,IAEDC,IAENuB,EAAAA,IAACG,EAAAA,WAAUb,OAAAC,OAAA,CACTtB,GAAEqB,OAAAC,OAAA,CACAa,SAAU,IAEVH,SAAU,CAAEI,GAAI,QAChBC,WAAY,CAAED,GAAI,QAClBE,WAAY,CAAEF,GAAI,QACf1B,IAEDC,EAAc,CAAAb,SAEjBA"}

package/cjs/components/grid/grid.d.ts

@@ -1,20 +0,0 @@
-import { GridProps as MuiGridProps } from '@mui/material';
-import React from 'react';
-/**
- * @interface GridProps
- * @description Base definition of SkodaFlow Grid independent on core implementation.
- * Properties are inherited from HTML Button element
- */
-export interface GridProps extends MuiGridProps {
-    /**
-     *  Determine if grid is narrow.
-     */
-    narrow?: boolean;
-}
-/**
- * @description SkodaFlow Grid component.
- * @param props GridProps
- * @returns React Functional Component
- * @deprecated This component is deprecated. Use Grid and Container components from @mui/material
- */
-export declare const Grid: React.FC<GridProps>;

package/cjs/components/grid/grid.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),i=require("@mui/material");exports.Grid=s=>{var{narrow:t}=s,a=r.__rest(s,["narrow"]);return e.jsx(i.Grid,Object.assign({},a,{spacing:t?"12px":void 0,children:a.children}))};
-//# sourceMappingURL=grid.js.map

package/cjs/components/grid/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","sources":["../../../../../src/components/grid/grid.tsx"],"sourcesContent":["import { Grid as MuiGrid, GridProps as MuiGridProps } from '@mui/material';\nimport React from 'react';\n\n/**\n * @interface GridProps\n * @description Base definition of SkodaFlow Grid independent on core implementation.\n * Properties are inherited from HTML Button element\n */\nexport interface GridProps extends MuiGridProps {\n  /**\n   *  Determine if grid is narrow.\n   */\n  narrow?: boolean;\n}\n\n/**\n * @description SkodaFlow Grid component.\n * @param props GridProps\n * @returns React Functional Component\n * @deprecated This component is deprecated. Use Grid and Container components from @mui/material\n */\nexport const Grid: React.FC<GridProps> = ({ narrow, ...props }) => {\n  return (\n    <MuiGrid {...props} spacing={narrow ? '12px' : undefined}>\n      {props.children}\n    </MuiGrid>\n  );\n};\n"],"names":["_a","narrow","props","__rest","_jsx","MuiGrid","Object","assign","spacing","undefined","children"],"mappings":"2GAqB0CA,IAAA,IAAAC,OAAEA,GAAMD,EAAKE,EAAKC,EAAAA,OAAAH,EAAlB,YACxC,OACEI,EAAAA,IAACC,EAAAA,KAAOC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,QAASP,EAAS,YAASQ,EAASC,SACrDR,EAAMQ"}

package/cjs/components/grid/index.d.ts

@@ -1 +0,0 @@
-export * from './grid';

package/cjs/components/hotspotCard/hotspotCard.d.ts

@@ -1,111 +0,0 @@
-import React, { ElementType, ReactNode } from 'react';
-import { BoxProps, CardProps, ClickAwayListenerProps, FadeProps, IconButtonProps, PopperProps, SvgIconProps } from '@mui/material';
-import { ResponsiveType } from '@/src/utils/ResponsiveType';
-export interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {
-    /**
-     * top position of hotspot card
-     */
-    top?: ResponsiveType<string | number>;
-    /**
-     * left position of hotspot card
-     */
-    left?: ResponsiveType<string | number>;
-    /**
-     * bottom position of hotspot card
-     */
-    bottom?: ResponsiveType<string | number>;
-    /**
-     * right position of hotspot card
-     */
-    right?: ResponsiveType<string | number>;
-    /**
-     * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)
-     */
-    onBackground?: boolean;
-    /**
-     * Make sure to center IconButton, helpful with left or right properties set to 50%
-     */
-    center?: boolean;
-    /**
-     * Boolean that defines whether a HotspotCard is opened.
-     *
-     * @see setOpen
-     */
-    open?: boolean;
-    /**
-     * Function that can be used to control a state of card popup
-     *
-     * @param open new open value
-     * @see open
-     */
-    setOpen?: (open: boolean) => void;
-    /**
-     * Properties that will be passed to Fade component
-     *
-     * @see Fade
-     */
-    fadeProps?: Omit<FadeProps, 'children'>;
-    /**
-     * Properties that will be passed to Popper component
-     *
-     * @see Popper
-     */
-    popperProps?: Omit<PopperProps, 'open'>;
-    /**
-     * Properties applied to ClickAwayListener
-     */
-    clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;
-    /**
-     * Custom icon component to use instead of the default PlusIcon
-     */
-    icon?: ReactNode;
-    /**
-     * Properties that will be passed to the icon component
-     */
-    iconProps?: SvgIconProps;
-    /**
-     * Custom icon component to use instead of the default PlusIcon
-     */
-    insideIcon?: ReactNode;
-    /**
-     * Properties for a cose icon inside HotspotCard
-     */
-    insideIconProps?: SvgIconProps;
-    /**
-     * Properties for a IconButton inside HotspotCard
-     */
-    insideIconButtonProps?: IconButtonProps<ElementType>;
-    /**
-     * Properties for a Box element that wraps button and popper
-     */
-    wrapperProps?: BoxProps<ElementType>;
-    /**
-     * Properties for Card inside the Popper element.
-     */
-    cardProps?: CardProps<ElementType>;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    headline?: string;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    img?: ReactNode;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    label?: string;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    description?: ReactNode;
-    /**
-     * @deprecated use Card component as a children instead
-     */
-    buttons?: ReactNode;
-}
-/**
- * A card component that is toggled on and off with IconButton.
- * The card is fullscreen on mobile-size devices.
- */
-export declare const HotspotCard: React.FC<HotspotCardProps>;

package/cjs/components/hotspotCard/hotspotCard.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material"),i=require("../icon/stroke/PlusIcon.js"),n=require("../label/label.js");exports.HotspotCard=r=>{var{sx:a,children:l,top:c,left:p,bottom:d,right:x,onBackground:u=!1,center:b=!1,open:g,setOpen:m,fadeProps:h={},popperProps:j={},clickAwayListenerProps:f={},icon:O,iconProps:P={},insideIcon:w,insideIconProps:k={},insideIconButtonProps:C={},wrapperProps:I={},cardProps:v={},headline:y,img:_,label:B,description:M,buttons:q}=r,z=e.__rest(r,["sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons"]);const{sx:S}=v,T=e.__rest(v,["sx"]),{sx:A}=j,L=e.__rest(j,["sx"]),{sx:W}=P,E=e.__rest(P,["sx"]),{sx:H}=k,R=e.__rest(k,["sx"]),{sx:F}=C,Q=e.__rest(C,["sx"]),V=o.useTheme(),D=o.useMediaQuery(V.breakpoints.down("md")),G=t.useRef(null),J=t.useRef(null),[K,N]=t.useState(null!=g&&g),[U,X]=t.useState("left-start"),Y=null!=g?g:K,Z=t.useCallback(void 0!==g?()=>m(!g):()=>N(e=>!e),[g,m]),$=t.useCallback(void 0!==g?()=>m(!1):()=>N(!1),[g,m]);return s.jsx(o.ClickAwayListener,Object.assign({onClickAway:$},f,{children:s.jsxs(o.Box,Object.assign({},I,{children:[s.jsx(o.IconButton,Object.assign({ref:G,onClick:Z,"aria-label":"Open or Close the card"},Y&&{"aria-controls":"hotspot-card"},{size:"small",color:"surface",sx:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({position:"absolute",zIndex:"10"},null!=c&&Object.assign({top:c},b&&{mt:"-16px"})),null!=p&&Object.assign({left:p},b&&{ml:"-16px"})),null!=d&&Object.assign({bottom:d},b&&{mb:"-16px"})),null!=x&&Object.assign({right:x},b&&{mr:"-16px"})),null==c&&null==p&&null==d&&null==x&&Object.assign({top:"0%",left:"0%"},b&&{mt:"-16px",ml:"-16px"})),a)},z,{children:O||s.jsx(i.PlusIcon,Object.assign({sx:Object.assign({transform:Y?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},W)},E))})),s.jsx(o.Popper,Object.assign({open:Y,anchorEl:D?null:G.current,transition:!0,placement:"left-start",disablePortal:!0,ref:J,modifiers:[{name:"flip",enabled:!0,options:{fallbackPlacements:["right-start"]}},{name:"preventOverflow",enabled:!0,options:{boundary:"viewport"}},{name:"updatePlacement",enabled:!0,phase:"afterWrite",fn:({state:e})=>{X(e.placement)}}],sx:Object.assign({position:"fixed",top:{xs:0,md:"auto"},left:{xs:0,md:"auto"},width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},minHeight:{xs:"100vh",md:"auto"},zIndex:e=>e.zIndex.modal},A)},L,{children:({TransitionProps:e})=>s.jsx(o.Fade,Object.assign({},e,{timeout:350},h,{children:s.jsxs(o.Card,Object.assign({id:"hotspot-card",sx:Object.assign({"&:after":{border:0,boxShadow:e=>e.flowShadows.xl},"& > .MuiBox-root":{overflow:"auto",paddingTop:"0"},"& .MuiCardContent-root, &.MuiCardContent-root:last-child":{padding:3},"& .MuiCardMedia-root":{height:{xs:"300px",md:"232px"}},"& .MuiBox-root > .MuiCardMedia-img:first-of-type":{marginTop:"0"},position:"relative",width:{xs:"100%",md:"400px"},height:{xs:"100%",md:"auto"},top:{xs:"0",md:"-9px"},left:U.startsWith("right")?{xs:"0",md:"-41px"}:void 0,right:U.startsWith("left")?{xs:"0",md:"-41px"}:void 0},S)},T,{children:[s.jsx(o.IconButton,Object.assign({onClick:Z,"aria-label":"Close the card",size:"small",color:u?"inherit":"surface",sx:Object.assign({position:"absolute",zIndex:"20",top:"8px",right:"8px"},F)},Q,{children:w||s.jsx(i.PlusIcon,Object.assign({sx:Object.assign({transform:Y?"rotate(45deg)":"rotate(0deg)",transition:"transform .3s ease"},H)},R))})),_&&s.jsx(o.Box,Object.assign({sx:{display:"block",width:"100%"}},"string"==typeof _&&{component:"img",src:_},{children:t.isValidElement(_)&&_})),(B||y||M||q)&&s.jsxs(o.Stack,{direction:"column",spacing:1,padding:2,children:[B&&s.jsx(n.Label,{label:B}),y&&s.jsx(o.Typography,{variant:"h3",children:y}),M&&s.jsx(o.Typography,{children:M}),q&&s.jsx(o.Stack,{direction:"row",spacing:2,overflow:"auto",children:q})]}),l]}))}))}),D?"popper-mobile":"popper-desktop")]}))}))};
-//# sourceMappingURL=hotspotCard.js.map

package/cjs/components/hotspotCard/hotspotCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hotspotCard.js","sources":["../../../../../src/components/hotspotCard/hotspotCard.tsx"],"sourcesContent":["import React, { ElementType, isValidElement, ReactNode, useRef, useState, useCallback } from 'react';\nimport {\n  Box,\n  Stack,\n  BoxProps,\n  Card,\n  CardProps,\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  Fade,\n  FadeProps,\n  IconButton,\n  IconButtonProps,\n  Popper,\n  PopperProps,\n  Typography,\n  useMediaQuery,\n  useTheme,\n  SvgIconProps,\n} from '@mui/material';\nimport { PlusIcon } from '@/src/components/icon/stroke/PlusIcon';\nimport { Label } from '@/src/components/label/label';\nimport { ResponsiveType } from '@/src/utils/ResponsiveType';\n\nexport interface HotspotCardProps extends Omit<IconButtonProps, 'color' | 'size'> {\n  /**\n   * top position of hotspot card\n   */\n  top?: ResponsiveType<string | number>;\n  /**\n   * left position of hotspot card\n   */\n  left?: ResponsiveType<string | number>;\n  /**\n   * bottom position of hotspot card\n   */\n  bottom?: ResponsiveType<string | number>;\n  /**\n   * right position of hotspot card\n   */\n  right?: ResponsiveType<string | number>;\n  /**\n   * Boolean that defines different design whether a HotspotCardIconButton is placed on background inside the Card, (instead of image)\n   */\n  onBackground?: boolean;\n  /**\n   * Make sure to center IconButton, helpful with left or right properties set to 50%\n   */\n  center?: boolean;\n  /**\n   * Boolean that defines whether a HotspotCard is opened.\n   *\n   * @see setOpen\n   */\n  open?: boolean;\n  /**\n   * Function that can be used to control a state of card popup\n   *\n   * @param open new open value\n   * @see open\n   */\n  setOpen?: (open: boolean) => void;\n  /**\n   * Properties that will be passed to Fade component\n   *\n   * @see Fade\n   */\n  fadeProps?: Omit<FadeProps, 'children'>;\n  /**\n   * Properties that will be passed to Popper component\n   *\n   * @see Popper\n   */\n  popperProps?: Omit<PopperProps, 'open'>;\n  /**\n   * Properties applied to ClickAwayListener\n   */\n  clickAwayListenerProps?: Omit<ClickAwayListenerProps, 'children'>;\n  /**\n   * Custom icon component to use instead of the default PlusIcon\n   */\n  icon?: ReactNode;\n  /**\n   * Properties that will be passed to the icon component\n   */\n  iconProps?: SvgIconProps;\n  /**\n   * Custom icon component to use instead of the default PlusIcon\n   */\n  insideIcon?: ReactNode;\n  /**\n   * Properties for a cose icon inside HotspotCard\n   */\n  insideIconProps?: SvgIconProps;\n  /**\n   * Properties for a IconButton inside HotspotCard\n   */\n  insideIconButtonProps?: IconButtonProps<ElementType>;\n  /**\n   * Properties for a Box element that wraps button and popper\n   */\n  wrapperProps?: BoxProps<ElementType>;\n  /**\n   * Properties for Card inside the Popper element.\n   */\n  cardProps?: CardProps<ElementType>;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  headline?: string;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  img?: ReactNode;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  label?: string;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  description?: ReactNode;\n  /**\n   * @deprecated use Card component as a children instead\n   */\n  buttons?: ReactNode;\n}\n\n/**\n * A card component that is toggled on and off with IconButton.\n * The card is fullscreen on mobile-size devices.\n */\nexport const HotspotCard: React.FC<HotspotCardProps> = ({\n  sx,\n  children,\n  top,\n  left,\n  bottom,\n  right,\n  onBackground = false,\n  center = false,\n  open,\n  setOpen,\n  fadeProps = {},\n  popperProps = {},\n  clickAwayListenerProps = {},\n  icon,\n  iconProps = {},\n  insideIcon,\n  insideIconProps = {},\n  insideIconButtonProps = {},\n  wrapperProps = {},\n  cardProps = {},\n  headline,\n  img,\n  label,\n  description,\n  buttons,\n  ...restProps\n}) => {\n  const { sx: cardSx, ...restCard } = cardProps;\n  const { sx: popperSx, ...restPopperProps } = popperProps;\n  const { sx: iconSx, ...restIconProps } = iconProps;\n  const { sx: insideIconSx, ...restInsideIconProps } = insideIconProps;\n  const { sx: insideIconButtonSx, ...restInsideIconButtonProps } = insideIconButtonProps;\n\n  const FWLTheme = useTheme();\n  const isSmallScreen = useMediaQuery(FWLTheme.breakpoints.down('md'));\n  const btnRef = useRef(null);\n  const popperRef = useRef<HTMLDivElement>(null);\n  const [_open, _setOpen] = useState(open ?? false);\n  const [currentPlacement, setCurrentPlacement] = useState<string>('left-start');\n\n  const isOpen = open ?? _open;\n  const handleClick = useCallback(open !== undefined ? () => setOpen(!open) : () => _setOpen((prev) => !prev), [\n    open,\n    setOpen,\n  ]);\n  const handleClickAway = useCallback(open !== undefined ? () => setOpen(false) : () => _setOpen(false), [\n    open,\n    setOpen,\n  ]);\n\n  return (\n    <ClickAwayListener onClickAway={handleClickAway} {...clickAwayListenerProps}>\n      <Box {...wrapperProps}>\n        <IconButton\n          ref={btnRef}\n          onClick={handleClick}\n          aria-label=\"Open or Close the card\"\n          {...(isOpen && { ['aria-controls']: 'hotspot-card' })}\n          size=\"small\"\n          color=\"surface\"\n          sx={{\n            position: 'absolute',\n            zIndex: '10',\n            ...(top != undefined && { top: top, ...(center && { mt: '-16px' }) }),\n            ...(left != undefined && { left: left, ...(center && { ml: '-16px' }) }),\n            ...(bottom != undefined && { bottom: bottom, ...(center && { mb: '-16px' }) }),\n            ...(right != undefined && { right: right, ...(center && { mr: '-16px' }) }),\n            // Fallback to top-left if no position is specified\n            ...(top == undefined &&\n              left == undefined &&\n              bottom == undefined &&\n              right == undefined && {\n                top: '0%',\n                left: '0%',\n                ...(center && { mt: '-16px', ml: '-16px' }),\n              }),\n            ...sx,\n          }}\n          {...restProps}\n        >\n          {icon || (\n            <PlusIcon\n              sx={{\n                transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n                transition: 'transform .3s ease',\n                ...iconSx,\n              }}\n              {...restIconProps}\n            />\n          )}\n        </IconButton>\n        <Popper\n          key={isSmallScreen ? 'popper-mobile' : 'popper-desktop'}\n          open={isOpen}\n          anchorEl={isSmallScreen ? null : btnRef.current}\n          transition\n          placement=\"left-start\"\n          disablePortal\n          ref={popperRef}\n          modifiers={[\n            {\n              name: 'flip',\n              enabled: true,\n              options: {\n                fallbackPlacements: ['right-start'],\n              },\n            },\n            {\n              name: 'preventOverflow',\n              enabled: true,\n              options: {\n                boundary: 'viewport',\n              },\n            },\n            {\n              name: 'updatePlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              fn: ({ state }) => {\n                setCurrentPlacement(state.placement);\n              },\n            },\n          ]}\n          sx={{\n            position: 'fixed',\n            top: { xs: 0, md: 'auto' },\n            left: { xs: 0, md: 'auto' },\n            width: { xs: '100%', md: '400px' },\n            height: { xs: '100%', md: 'auto' },\n            minHeight: { xs: '100vh', md: 'auto' },\n            zIndex: (theme) => theme.zIndex.modal,\n            ...popperSx,\n          }}\n          {...restPopperProps}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350} {...fadeProps}>\n              <Card\n                id=\"hotspot-card\"\n                sx={{\n                  '&:after': { border: 0, boxShadow: (theme) => theme.flowShadows.xl },\n                  '& > .MuiBox-root': {\n                    overflow: 'auto',\n                    paddingTop: '0',\n                  },\n                  '& .MuiCardContent-root, &.MuiCardContent-root:last-child': {\n                    padding: 3,\n                  },\n                  '& .MuiCardMedia-root': {\n                    height: {\n                      xs: '300px',\n                      md: '232px',\n                    },\n                  },\n                  '& .MuiBox-root > .MuiCardMedia-img:first-of-type': {\n                    marginTop: '0',\n                  },\n                  position: 'relative',\n                  width: { xs: '100%', md: '400px' },\n                  height: { xs: '100%', md: 'auto' },\n                  top: { xs: '0', md: '-9px' },\n                  left: currentPlacement.startsWith('right') ? { xs: '0', md: '-41px' } : undefined,\n                  right: currentPlacement.startsWith('left') ? { xs: '0', md: '-41px' } : undefined,\n                  ...cardSx,\n                }}\n                {...restCard}\n              >\n                <IconButton\n                  onClick={handleClick}\n                  aria-label=\"Close the card\"\n                  size=\"small\"\n                  color={onBackground ? 'inherit' : 'surface'}\n                  sx={{\n                    position: 'absolute',\n                    zIndex: '20',\n                    top: '8px',\n                    right: '8px',\n                    ...insideIconButtonSx,\n                  }}\n                  {...restInsideIconButtonProps}\n                >\n                  {insideIcon || (\n                    <PlusIcon\n                      sx={{\n                        transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)',\n                        transition: 'transform .3s ease',\n                        ...insideIconSx,\n                      }}\n                      {...restInsideIconProps}\n                    />\n                  )}\n                </IconButton>\n                {img && (\n                  <Box\n                    sx={{\n                      display: 'block',\n                      width: '100%',\n                    }}\n                    {...(typeof img === 'string' && {\n                      component: 'img',\n                      src: img,\n                    })}\n                  >\n                    {isValidElement(img) && img}\n                  </Box>\n                )}\n                {(label || headline || description || buttons) && (\n                  <Stack direction=\"column\" spacing={1} padding={2}>\n                    {label && <Label label={label} />}\n                    {headline && <Typography variant=\"h3\">{headline}</Typography>}\n                    {description && <Typography>{description}</Typography>}\n                    {buttons && (\n                      <Stack direction=\"row\" spacing={2} overflow=\"auto\">\n                        {buttons}\n                      </Stack>\n                    )}\n                  </Stack>\n                )}\n                {children}\n              </Card>\n            </Fade>\n          )}\n        </Popper>\n      </Box>\n    </ClickAwayListener>\n  );\n};\n"],"names":["_a","sx","children","top","left","bottom","right","onBackground","center","open","setOpen","fadeProps","popperProps","clickAwayListenerProps","icon","iconProps","insideIcon","insideIconProps","insideIconButtonProps","wrapperProps","cardProps","headline","img","label","description","buttons","restProps","__rest","cardSx","restCard","popperSx","restPopperProps","iconSx","restIconProps","insideIconSx","restInsideIconProps","insideIconButtonSx","restInsideIconButtonProps","FWLTheme","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","btnRef","useRef","popperRef","_open","_setOpen","useState","currentPlacement","setCurrentPlacement","isOpen","handleClick","useCallback","undefined","prev","handleClickAway","_jsx","ClickAwayListener","Object","assign","onClickAway","_jsxs","Box","IconButton","ref","onClick","size","color","position","zIndex","mt","ml","mb","mr","PlusIcon","transform","transition","Popper","anchorEl","current","placement","disablePortal","modifiers","name","enabled","options","fallbackPlacements","boundary","phase","fn","state","xs","md","width","height","minHeight","theme","modal","TransitionProps","Fade","timeout","Card","id","border","boxShadow","flowShadows","xl","overflow","paddingTop","padding","marginTop","startsWith","display","component","src","isValidElement","Stack","direction","spacing","Label","Typography","variant"],"mappings":"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"}

package/cjs/components/indicator/index.d.ts

@@ -1 +0,0 @@
-export * from './indicator';