@smg-automotive/components 27.4.0-components-fix-module-export.2 → 27.4.0-components-fix-module-export.3

package/dist/esm/components/filterPatterns/dialog/OpenFilterButton.mjs

@@ -0,0 +1,266 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ButtonGroup, Button, HStack, chakra } from '@chakra-ui/react';
+import '../../icons/AiSearchIcon.mjs';
+import '../../icons/AdvancedSearchIcon.mjs';
+import '../../icons/SparkIcon.mjs';
+import '../../icons/ArrowCircleIcon.mjs';
+import '../../icons/ArrowDiagonalIcon.mjs';
+import '../../icons/ArrowDownIcon.mjs';
+import '../../icons/ArrowLeftIcon.mjs';
+import '../../icons/ArrowRightIcon.mjs';
+import '../../icons/ArrowUpIcon.mjs';
+import '../../icons/AutoScout24AppLogo.mjs';
+import '../../icons/AvatarIcon.mjs';
+import '../../icons/AvatarWithNotificationIcon.mjs';
+import '../../icons/BatteryIcon.mjs';
+import '../../icons/BookmarkIcon.mjs';
+import '../../icons/CalculatorIcon.mjs';
+import '../../icons/CalendarIcon.mjs';
+import '../../icons/CallIcon.mjs';
+import '../../icons/CamperIcon.mjs';
+import '../../icons/CarConditionIcon.mjs';
+import '../../icons/CarIcon.mjs';
+import '../../icons/CopyIcon.mjs';
+import '../../icons/ChartIcon.mjs';
+import '../../icons/CheckmarkIcon.mjs';
+import '../../icons/CheckmarkCircleIcon.mjs';
+import '../../icons/CheckShieldIcon.mjs';
+import '../../icons/ChevronDownLargeIcon.mjs';
+import '../../icons/ChevronDownSmallIcon.mjs';
+import '../../icons/ChevronLeftLargeIcon.mjs';
+import '../../icons/ChevronLeftSmallIcon.mjs';
+import '../../icons/ChevronRightLargeIcon.mjs';
+import { ChevronRightSmallIcon } from '../../icons/ChevronRightSmallIcon.mjs';
+import '../../icons/ChevronRightTinyIcon.mjs';
+import '../../icons/ChevronUpLargeIcon.mjs';
+import '../../icons/ChevronUpSmallIcon.mjs';
+import { CloseIcon } from '../../icons/CloseIcon.mjs';
+import '../../icons/CompareIcon.mjs';
+import '../../icons/ConsumptionIcon.mjs';
+import '../../icons/CreditIcon.mjs';
+import '../../icons/CreditCardIcon.mjs';
+import '../../icons/DaylightIcon.mjs';
+import { DeleteIcon } from '../../icons/DeleteIcon.mjs';
+import '../../icons/DocumentCheckIcon.mjs';
+import '../../icons/DocumentIcon.mjs';
+import '../../icons/DragIcon.mjs';
+import '../../icons/DriveSystemIcon.mjs';
+import '../../icons/DriveTypeIcon.mjs';
+import '../../icons/EquipmentIcon.mjs';
+import '../../icons/ErrorIcon.mjs';
+import '../../icons/ExchangeIcon.mjs';
+import '../../icons/EyeIcon.mjs';
+import '../../icons/EyeCrossedIcon.mjs';
+import '../../icons/FacebookIcon.mjs';
+import '../../icons/FlagIcon.mjs';
+import '../../icons/FlameIcon.mjs';
+import '../../icons/FlashIcon.mjs';
+import '../../icons/GasStationIcon.mjs';
+import '../../icons/HeartIcon.mjs';
+import '../../icons/HistoryClockIcon.mjs';
+import '../../icons/HouseIcon.mjs';
+import '../../icons/ImageIcon.mjs';
+import '../../icons/InfoIcon.mjs';
+import '../../icons/InstagramIcon.mjs';
+import '../../icons/InteriorIcon.mjs';
+import '../../icons/LinkedinIcon.mjs';
+import '../../icons/LinkIcon.mjs';
+import '../../icons/ListIcon.mjs';
+import '../../icons/LocationPinIcon.mjs';
+import '../../icons/MagnifierIcon.mjs';
+import '../../icons/MessageIcon.mjs';
+import '../../icons/MessageSparkleIcon.mjs';
+import '../../icons/MissingImageIcon.mjs';
+import '../../icons/MotorcycleIcon.mjs';
+import '../../icons/MotoScout24AppLogo.mjs';
+import '../../icons/PdfIcon.mjs';
+import '../../icons/PhoneIcon.mjs';
+import '../../icons/PenIcon.mjs';
+import '../../icons/PlusIcon.mjs';
+import '../../icons/ChfCurrencyIcon.mjs';
+import '../../icons/PrintIcon.mjs';
+import '../../icons/RangeIcon.mjs';
+import '../../icons/RoadIcon.mjs';
+import '../../icons/RotateIcon.mjs';
+import '../../icons/SafeNumberIcon.mjs';
+import '../../icons/ShareIcon.mjs';
+import '../../icons/StarIcon.mjs';
+import '../../icons/SteeringWheelIcon.mjs';
+import '../../icons/ThreeSixtyIcon.mjs';
+import '../../icons/TimeIcon.mjs';
+import '../../icons/TooltipIcon.mjs';
+import '../../icons/InformationIcon.mjs';
+import '../../icons/TopListingIcon.mjs';
+import '../../icons/TrailerIcon.mjs';
+import '../../icons/TransmissionIcon.mjs';
+import '../../icons/TransparentLockIcon.mjs';
+import '../../icons/Trash.mjs';
+import '../../icons/TruckIcon.mjs';
+import '../../icons/TwitterIcon.mjs';
+import '../../icons/UtilityVehicleIcon.mjs';
+import '../../icons/VehiclePowerIcon.mjs';
+import '../../icons/VehicleTypesMotorcycleIcon.mjs';
+import '../../icons/VideoIcon.mjs';
+import '../../icons/VideoCameraIcon.mjs';
+import '../../icons/ViewCarIcon.mjs';
+import '../../icons/DriveSystemLargeIcon.mjs';
+import '../../icons/WarningIcon.mjs';
+import '../../icons/WhatsAppIcon.mjs';
+import '../../icons/YoutubeIcon.mjs';
+import '../../icons/SortIcon.mjs';
+import '../../icons/ViewMotorcycleIcon.mjs';
+import '../../icons/GoogleIcon.mjs';
+import '../../icons/SaveSearchIcon.mjs';
+import '../../icons/AutoScout24Icon.mjs';
+import '../../icons/MotoScout24Icon.mjs';
+import '../../icons/MagnifierLargeIcon.mjs';
+import '../../icons/RocketIcon.mjs';
+import '../../icons/CartIcon.mjs';
+import '../../icons/VanIcon.mjs';
+import '../../icons/MiniVanIcon.mjs';
+import '../../icons/SuvIcon.mjs';
+import '../../icons/CoupeIcon.mjs';
+import '../../icons/CabrioletIcon.mjs';
+import '../../icons/SmallCarIcon.mjs';
+import '../../icons/SedanIcon.mjs';
+import '../../icons/WagonIcon.mjs';
+import '../../icons/PickUpIcon.mjs';
+import '../../icons/InformationBubbleIcon.mjs';
+import '../../icons/OverflowVerticalIcon.mjs';
+import '../../icons/PartialClockIcon.mjs';
+import '../../icons/LockIcon.mjs';
+import '../../icons/TiltedRectangleIcon.mjs';
+import '../../icons/PlusCircleIcon.mjs';
+import '../../icons/StarCircleIcon.mjs';
+import '../../icons/InfinityCircleIcon.mjs';
+import '../../icons/VehicleTypesMotorcycleStarIcon.mjs';
+import '../../icons/CategoryAOneIcon.mjs';
+import '../../icons/CategoryAIcon.mjs';
+import '../../icons/CategoryAMinusIcon.mjs';
+import '../../icons/BankNotesIcon.mjs';
+import '../../icons/ChatBubbleIcon.mjs';
+import '../../icons/DigitalContractIcon.mjs';
+import '../../icons/OptimizerIcon.mjs';
+import '../../icons/CheckmarkCircleColorIcon.mjs';
+import '../../icons/ArrowDownCircleIcon.mjs';
+import '../../icons/ArrowUpCircleIcon.mjs';
+import '../../icons/NotAvailableIcon.mjs';
+import '../../icons/LabelIcon.mjs';
+import '../../icons/BulbIcon.mjs';
+import '../../icons/NoPhotoIcon.mjs';
+import '../../icons/ThumbsUpIcon.mjs';
+import '../../icons/ThumbsDownIcon.mjs';
+import '../../icons/MinusIcon.mjs';
+import '../../icons/DoubleChevronUpIcon.mjs';
+import '../../icons/DoubleChevronDownIcon.mjs';
+import '../../icons/DoubleLineIcon.mjs';
+import '../../icons/NotAvailableSquareIcon.mjs';
+import '../../icons/WarrantyIcon.mjs';
+import '../../icons/DownloadIcon.mjs';
+import '../../icons/TriangleIcon.mjs';
+import '../../icons/SwissFlagIcon.mjs';
+import '../../icons/GlobeIcon.mjs';
+import '../../icons/GarageIcon.mjs';
+import '../../icons/HamburgerMenuIcon.mjs';
+import '../../icons/LogoutIcon.mjs';
+import '../../icons/AndroidIcon.mjs';
+import '../../icons/AppleIcon.mjs';
+import '../../icons/WindowsIcon.mjs';
+import '../../icons/SpeakerIcon.mjs';
+import '../../icons/SquareIcon.mjs';
+import '../../icons/AddPhotoIcon.mjs';
+import '../../icons/ScreenIcon.mjs';
+import '../../icons/QualitySealIcon.mjs';
+import '../../icons/ExpandIcon.mjs';
+import '../../icons/CollapseIcon.mjs';
+import '../../icons/ForwardIcon.mjs';
+import '../../icons/BalanceIcon.mjs';
+import '../../icons/ParagraphIcon.mjs';
+import '../../icons/UploadIcon.mjs';
+import '../../icons/ZoomInIcon.mjs';
+import '../../icons/ZoomOutIcon.mjs';
+
+const heightFromVariant = {
+    sm: 'md',
+    md: 'lg',
+};
+const disabledColor = 'gray.300';
+const getColor = ({ isDisabled, color, }) => {
+    return isDisabled ? disabledColor : color;
+};
+const getMainButtonRightPadding = ({ shouldDisplayResetButton, displayType, paddingX, }) => {
+    if (!shouldDisplayResetButton)
+        return paddingX;
+    return displayType === 'inline' ? 'md' : 'sm';
+};
+const getChevronIconSize = ({ displayType, }) => {
+    return displayType === 'inline'
+        ? { w: 'xs', h: 'xs' }
+        : { w: 'sm', h: 'sm' };
+};
+const getRightIcon = ({ shouldDisplayResetButton, iconColor, chevronIconSize, }) => {
+    if (shouldDisplayResetButton)
+        return undefined;
+    return jsx(ChevronRightSmallIcon, { color: iconColor, ...chevronIconSize });
+};
+const renderInlineContent = ({ label, appliedLabel, displayValue, isApplied, Icon, }) => {
+    const filterLabel = appliedLabel ?? label;
+    return (jsxs(chakra.span, { overflow: "hidden", whiteSpace: "nowrap", display: "flex", alignItems: "center", w: "full", minW: "0", children: [Icon && jsx(Icon, { h: "xs", w: "xs", mr: "xs" }), jsxs(chakra.span, { overflow: "hidden", textOverflow: "ellipsis", children: [isApplied && displayValue && filterLabel ? (jsxs(chakra.span, { children: [filterLabel, ": "] })) : null, jsx(chakra.span, { children: isApplied && displayValue ? displayValue : label })] })] }));
+};
+const renderDefaultContent = ({ label, displayValue, isApplied, Icon, }) => (jsxs(chakra.span, { display: "flex", justifyContent: "space-between", w: "full", minW: "0", children: [jsxs(chakra.span, { mr: "2xl", whiteSpace: "nowrap", display: "flex", alignItems: "center", flexShrink: 0, children: [label, Icon && jsx(Icon, { h: "xs", w: "xs", ml: "xs" })] }), displayValue && isApplied && (jsx(chakra.span, { fontWeight: "bold", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", minW: "0", flex: "1", textAlign: "right", children: displayValue }))] }));
+const renderResetButton = ({ shouldDisplayResetButton, resetButtonAriaLabel, isDisabled, onResetFilter, displayType, iconColor, paddingX, }) => {
+    if (!shouldDisplayResetButton)
+        return null;
+    const commonProps = {
+        'aria-label': resetButtonAriaLabel,
+        h: 'full',
+        disabled: isDisabled,
+        cursor: (isDisabled ? 'notAllowed' : 'pointer'),
+        onClick: onResetFilter,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'transparent',
+    };
+    if (displayType === 'inline') {
+        return (jsx(Button, { ...commonProps, w: "md", minW: "md", borderLeftColor: "white", css: { borderLeftWidth: '1px' }, padding: "0", children: jsx(CloseIcon, { color: iconColor, w: "xs", h: "xs" }) }));
+    }
+    return (jsx(Button, { ...commonProps, paddingRight: paddingX, paddingLeft: "0", children: jsx(DeleteIcon, { color: iconColor }) }));
+};
+const OpenFilterButton = ({ appliedLabel, displayValue, Icon, isApplied, label, onClick, variant = 'md', isDisabled = false, height, paddingX = '0', backgroundColor, color, showResetButton = true, resetButtonAriaLabel = 'Reset filter', onResetFilter, displayType = 'default', }) => {
+    const shouldDisplayResetButton = showResetButton && isApplied && !!onResetFilter;
+    const iconColor = getColor({ isDisabled, color: color || 'gray.500' });
+    const buttonColor = getColor({ isDisabled, color: color || 'gray.900' });
+    const mainButtonRightPadding = getMainButtonRightPadding({
+        shouldDisplayResetButton,
+        displayType,
+        paddingX,
+    });
+    const chevronIconSize = getChevronIconSize({ displayType });
+    const rightIcon = getRightIcon({
+        shouldDisplayResetButton,
+        iconColor,
+        chevronIconSize,
+    });
+    const buttonContent = displayType === 'inline'
+        ? renderInlineContent({
+            label,
+            appliedLabel,
+            displayValue,
+            isApplied,
+            Icon,
+        })
+        : renderDefaultContent({ label, displayValue, isApplied, Icon });
+    return (jsxs(ButtonGroup, { h: height ?? heightFromVariant[variant], attached: true, w: "full", maxW: "full", backgroundColor: backgroundColor, borderRadius: "sm", children: [jsx(Button, { flex: "1", minW: "0", h: "full", paddingLeft: paddingX, paddingRight: mainButtonRightPadding, cursor: isDisabled ? 'notAllowed' : 'pointer', color: buttonColor, disabled: isDisabled, onClick: onClick, children: jsxs(HStack, { children: [buttonContent, rightIcon] }) }), renderResetButton({
+                shouldDisplayResetButton,
+                resetButtonAriaLabel,
+                isDisabled,
+                onResetFilter,
+                displayType,
+                iconColor,
+                paddingX,
+            })] }));
+};
+
+export { OpenFilterButton };
+//# sourceMappingURL=OpenFilterButton.mjs.map

package/dist/esm/components/filterPatterns/dialog/OpenFilterButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenFilterButton.mjs","sources":["../../../../../../src/components/filterPatterns/dialog/OpenFilterButton.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","ChakraButton"],"mappings":"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"}

package/dist/esm/components/filterPatterns/dialog/index.mjs

@@ -0,0 +1,9 @@
+import { withTranslationProvider } from '../../translationProvider/withTranslationProvider.mjs';
+import { DialogFilterContent } from './Content.mjs';
+
+const DialogFilter = withTranslationProvider([
+    'filterSelectButton',
+])(DialogFilterContent);
+
+export { DialogFilter };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/filterPatterns/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../src/components/filterPatterns/dialog/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAKO,MAAM,YAAY,GAAG,uBAAuB,CAAoB;IACrE,oBAAoB;CACrB,CAAC,CAAC,mBAAmB;;;;"}

package/dist/esm/components/filterPatterns/popover/Content.mjs

@@ -0,0 +1,201 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useDisclosure, useSlotRecipe, Popover, ButtonGroup, chakra, IconButton } from '@chakra-ui/react';
+import { useI18n } from '../../../utilities/i18nInit.mjs';
+import '../../icons/AiSearchIcon.mjs';
+import '../../icons/AdvancedSearchIcon.mjs';
+import '../../icons/SparkIcon.mjs';
+import '../../icons/ArrowCircleIcon.mjs';
+import '../../icons/ArrowDiagonalIcon.mjs';
+import '../../icons/ArrowDownIcon.mjs';
+import '../../icons/ArrowLeftIcon.mjs';
+import '../../icons/ArrowRightIcon.mjs';
+import '../../icons/ArrowUpIcon.mjs';
+import '../../icons/AutoScout24AppLogo.mjs';
+import '../../icons/AvatarIcon.mjs';
+import '../../icons/AvatarWithNotificationIcon.mjs';
+import '../../icons/BatteryIcon.mjs';
+import '../../icons/BookmarkIcon.mjs';
+import '../../icons/CalculatorIcon.mjs';
+import '../../icons/CalendarIcon.mjs';
+import '../../icons/CallIcon.mjs';
+import '../../icons/CamperIcon.mjs';
+import '../../icons/CarConditionIcon.mjs';
+import '../../icons/CarIcon.mjs';
+import '../../icons/CopyIcon.mjs';
+import '../../icons/ChartIcon.mjs';
+import '../../icons/CheckmarkIcon.mjs';
+import '../../icons/CheckmarkCircleIcon.mjs';
+import '../../icons/CheckShieldIcon.mjs';
+import '../../icons/ChevronDownLargeIcon.mjs';
+import { ChevronDownSmallIcon } from '../../icons/ChevronDownSmallIcon.mjs';
+import '../../icons/ChevronLeftLargeIcon.mjs';
+import '../../icons/ChevronLeftSmallIcon.mjs';
+import '../../icons/ChevronRightLargeIcon.mjs';
+import '../../icons/ChevronRightSmallIcon.mjs';
+import '../../icons/ChevronRightTinyIcon.mjs';
+import '../../icons/ChevronUpLargeIcon.mjs';
+import '../../icons/ChevronUpSmallIcon.mjs';
+import { CloseIcon } from '../../icons/CloseIcon.mjs';
+import '../../icons/CompareIcon.mjs';
+import '../../icons/ConsumptionIcon.mjs';
+import '../../icons/CreditIcon.mjs';
+import '../../icons/CreditCardIcon.mjs';
+import '../../icons/DaylightIcon.mjs';
+import '../../icons/DeleteIcon.mjs';
+import '../../icons/DocumentCheckIcon.mjs';
+import '../../icons/DocumentIcon.mjs';
+import '../../icons/DragIcon.mjs';
+import '../../icons/DriveSystemIcon.mjs';
+import '../../icons/DriveTypeIcon.mjs';
+import '../../icons/EquipmentIcon.mjs';
+import '../../icons/ErrorIcon.mjs';
+import '../../icons/ExchangeIcon.mjs';
+import '../../icons/EyeIcon.mjs';
+import '../../icons/EyeCrossedIcon.mjs';
+import '../../icons/FacebookIcon.mjs';
+import '../../icons/FlagIcon.mjs';
+import '../../icons/FlameIcon.mjs';
+import '../../icons/FlashIcon.mjs';
+import '../../icons/GasStationIcon.mjs';
+import '../../icons/HeartIcon.mjs';
+import '../../icons/HistoryClockIcon.mjs';
+import '../../icons/HouseIcon.mjs';
+import '../../icons/ImageIcon.mjs';
+import '../../icons/InfoIcon.mjs';
+import '../../icons/InstagramIcon.mjs';
+import '../../icons/InteriorIcon.mjs';
+import '../../icons/LinkedinIcon.mjs';
+import '../../icons/LinkIcon.mjs';
+import '../../icons/ListIcon.mjs';
+import '../../icons/LocationPinIcon.mjs';
+import '../../icons/MagnifierIcon.mjs';
+import '../../icons/MessageIcon.mjs';
+import '../../icons/MessageSparkleIcon.mjs';
+import '../../icons/MissingImageIcon.mjs';
+import '../../icons/MotorcycleIcon.mjs';
+import '../../icons/MotoScout24AppLogo.mjs';
+import '../../icons/PdfIcon.mjs';
+import '../../icons/PhoneIcon.mjs';
+import '../../icons/PenIcon.mjs';
+import '../../icons/PlusIcon.mjs';
+import '../../icons/ChfCurrencyIcon.mjs';
+import '../../icons/PrintIcon.mjs';
+import '../../icons/RangeIcon.mjs';
+import '../../icons/RoadIcon.mjs';
+import '../../icons/RotateIcon.mjs';
+import '../../icons/SafeNumberIcon.mjs';
+import '../../icons/ShareIcon.mjs';
+import '../../icons/StarIcon.mjs';
+import '../../icons/SteeringWheelIcon.mjs';
+import '../../icons/ThreeSixtyIcon.mjs';
+import '../../icons/TimeIcon.mjs';
+import '../../icons/TooltipIcon.mjs';
+import '../../icons/InformationIcon.mjs';
+import '../../icons/TopListingIcon.mjs';
+import '../../icons/TrailerIcon.mjs';
+import '../../icons/TransmissionIcon.mjs';
+import '../../icons/TransparentLockIcon.mjs';
+import '../../icons/Trash.mjs';
+import '../../icons/TruckIcon.mjs';
+import '../../icons/TwitterIcon.mjs';
+import '../../icons/UtilityVehicleIcon.mjs';
+import '../../icons/VehiclePowerIcon.mjs';
+import '../../icons/VehicleTypesMotorcycleIcon.mjs';
+import '../../icons/VideoIcon.mjs';
+import '../../icons/VideoCameraIcon.mjs';
+import '../../icons/ViewCarIcon.mjs';
+import '../../icons/DriveSystemLargeIcon.mjs';
+import '../../icons/WarningIcon.mjs';
+import '../../icons/WhatsAppIcon.mjs';
+import '../../icons/YoutubeIcon.mjs';
+import '../../icons/SortIcon.mjs';
+import '../../icons/ViewMotorcycleIcon.mjs';
+import '../../icons/GoogleIcon.mjs';
+import '../../icons/SaveSearchIcon.mjs';
+import '../../icons/AutoScout24Icon.mjs';
+import '../../icons/MotoScout24Icon.mjs';
+import '../../icons/MagnifierLargeIcon.mjs';
+import '../../icons/RocketIcon.mjs';
+import '../../icons/CartIcon.mjs';
+import '../../icons/VanIcon.mjs';
+import '../../icons/MiniVanIcon.mjs';
+import '../../icons/SuvIcon.mjs';
+import '../../icons/CoupeIcon.mjs';
+import '../../icons/CabrioletIcon.mjs';
+import '../../icons/SmallCarIcon.mjs';
+import '../../icons/SedanIcon.mjs';
+import '../../icons/WagonIcon.mjs';
+import '../../icons/PickUpIcon.mjs';
+import '../../icons/InformationBubbleIcon.mjs';
+import '../../icons/OverflowVerticalIcon.mjs';
+import '../../icons/PartialClockIcon.mjs';
+import '../../icons/LockIcon.mjs';
+import '../../icons/TiltedRectangleIcon.mjs';
+import '../../icons/PlusCircleIcon.mjs';
+import '../../icons/StarCircleIcon.mjs';
+import '../../icons/InfinityCircleIcon.mjs';
+import '../../icons/VehicleTypesMotorcycleStarIcon.mjs';
+import '../../icons/CategoryAOneIcon.mjs';
+import '../../icons/CategoryAIcon.mjs';
+import '../../icons/CategoryAMinusIcon.mjs';
+import '../../icons/BankNotesIcon.mjs';
+import '../../icons/ChatBubbleIcon.mjs';
+import '../../icons/DigitalContractIcon.mjs';
+import '../../icons/OptimizerIcon.mjs';
+import '../../icons/CheckmarkCircleColorIcon.mjs';
+import '../../icons/ArrowDownCircleIcon.mjs';
+import '../../icons/ArrowUpCircleIcon.mjs';
+import '../../icons/NotAvailableIcon.mjs';
+import '../../icons/LabelIcon.mjs';
+import '../../icons/BulbIcon.mjs';
+import '../../icons/NoPhotoIcon.mjs';
+import '../../icons/ThumbsUpIcon.mjs';
+import '../../icons/ThumbsDownIcon.mjs';
+import '../../icons/MinusIcon.mjs';
+import '../../icons/DoubleChevronUpIcon.mjs';
+import '../../icons/DoubleChevronDownIcon.mjs';
+import '../../icons/DoubleLineIcon.mjs';
+import '../../icons/NotAvailableSquareIcon.mjs';
+import '../../icons/WarrantyIcon.mjs';
+import '../../icons/DownloadIcon.mjs';
+import '../../icons/TriangleIcon.mjs';
+import '../../icons/SwissFlagIcon.mjs';
+import '../../icons/GlobeIcon.mjs';
+import '../../icons/GarageIcon.mjs';
+import '../../icons/HamburgerMenuIcon.mjs';
+import '../../icons/LogoutIcon.mjs';
+import '../../icons/AndroidIcon.mjs';
+import '../../icons/AppleIcon.mjs';
+import '../../icons/WindowsIcon.mjs';
+import '../../icons/SpeakerIcon.mjs';
+import '../../icons/SquareIcon.mjs';
+import '../../icons/AddPhotoIcon.mjs';
+import '../../icons/ScreenIcon.mjs';
+import '../../icons/QualitySealIcon.mjs';
+import '../../icons/ExpandIcon.mjs';
+import '../../icons/CollapseIcon.mjs';
+import '../../icons/ForwardIcon.mjs';
+import '../../icons/BalanceIcon.mjs';
+import '../../icons/ParagraphIcon.mjs';
+import '../../icons/UploadIcon.mjs';
+import '../../icons/ZoomInIcon.mjs';
+import '../../icons/ZoomOutIcon.mjs';
+import { Popover as Popover$1 } from './Popover.mjs';
+
+const PopoverFilterContent = ({ actionButton, displayValue, enforceHeight, Icon, initialPopoverState = 'closed', isApplied, label, appliedLabel, numberOfAppliedFilters, onPopoverClose, onPopoverOpen, onResetFilter, showCallToActionButton = true, header, children, triggerHeight = 'md', disabled, hasFlip = true, zIndex = 'popover', }) => {
+    const { t } = useI18n();
+    const { onOpen, onClose, open } = useDisclosure({
+        defaultOpen: initialPopoverState === 'open',
+        onOpen: onPopoverOpen,
+        onClose: onPopoverClose,
+    });
+    const recipe = useSlotRecipe({ key: 'popoverFilter' });
+    const styles = recipe();
+    const filterLabel = appliedLabel ?? label;
+    return (jsxs(Popover.Root, { positioning: { placement: 'bottom-start', flip: hasFlip }, lazyMount: true, open: open, onOpenChange: (e) => (e.open ? onOpen() : onClose()), children: [jsxs(ButtonGroup, { attached: true, display: "inline-flex", width: "full", maxW: "full", children: [jsxs(Popover.Trigger, { disabled: disabled, css: styles.trigger, height: triggerHeight, borderRightColor: displayValue ? 'white' : undefined, backgroundColor: isApplied || open ? 'gray.900' : 'gray.100', color: isApplied || open ? 'white' : 'gray.900', _hover: {
+                            backgroundColor: isApplied || open ? 'black' : 'gray.200',
+                        }, children: [jsxs(chakra.span, { display: "flex", alignItems: "center", overflow: "hidden", whiteSpace: "nowrap", children: [Icon ? jsx(Icon, { h: "xs", w: "xs", mr: "xs" }) : null, jsxs(chakra.span, { overflow: "hidden", textOverflow: "ellipsis", children: [displayValue && filterLabel ? (jsxs(chakra.span, { children: [filterLabel, ": "] })) : null, jsx(chakra.span, { children: displayValue ? displayValue : label })] })] }), displayValue ? null : (jsx(chakra.span, { display: "flex", alignItems: "center", overflow: "hidden", whiteSpace: "nowrap", children: jsx(ChevronDownSmallIcon, { width: "xs", height: "xs", transition: "transform", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' }) }))] }), displayValue ? (jsx(IconButton, { "aria-label": t('filterSelectButton.reset'), disabled: open, css: styles.close, height: triggerHeight, onClick: () => onResetFilter('filterButton'), children: jsx(CloseIcon, { width: "xs", height: "xs" }) })) : null] }), jsx(Popover$1, { actionButton: actionButton, Icon: Icon, isApplied: isApplied, label: label, numberOfAppliedFilters: numberOfAppliedFilters, onClose: onClose, onResetFilter: () => onResetFilter('filter'), showCallToActionButton: showCallToActionButton, header: header, enforceHeight: enforceHeight, zIndex: zIndex, children: children })] }));
+};
+
+export { PopoverFilterContent };
+//# sourceMappingURL=Content.mjs.map

package/dist/esm/components/filterPatterns/popover/Content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.mjs","sources":["../../../../../../src/components/filterPatterns/popover/Content.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraPopover","_jsx","FilterPopover"],"mappings":"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"}

package/dist/esm/components/filterPatterns/popover/Popover.mjs

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useRef } from 'react';
+import { useSlotRecipe, Portal, Box, Popover as Popover$1 } from '@chakra-ui/react';
+import { useI18n } from '../../../utilities/i18nInit.mjs';
+import { Stack } from '../../stack/index.mjs';
+import { FilterHeading } from '../Heading.mjs';
+import { FilterActionButton } from '../ActionButton.mjs';
+
+const Popover = ({ actionButton, Icon, isApplied, enforceHeight, label, numberOfAppliedFilters, onClose, onResetFilter, showCallToActionButton, header, children, zIndex = 'popover', }) => {
+    const { language } = useI18n();
+    const popoverContentRef = useRef(null);
+    const recipe = useSlotRecipe({ key: 'popoverFilter' });
+    const styles = recipe();
+    const maxHeight = showCallToActionButton ? '6xl' : '7xl';
+    return (jsx(Portal, { children: jsx(Box, { zIndex: zIndex, w: "full", h: "full", position: "relative", children: jsx(Popover$1.Positioner, { children: jsx(Popover$1.Content, { css: styles.content, minHeight: enforceHeight ? '7xl' : undefined, height: enforceHeight ? '7xl' : undefined, ref: popoverContentRef, children: jsxs(Box, { as: Stack, h: "full", paddingY: "2xl", children: [jsx(Popover$1.Header, { paddingX: "2xl", children: header && React.isValidElement(header) ? (header) : (jsx(FilterHeading, { Icon: Icon, isApplied: isApplied, label: label, numberOfAppliedFilters: numberOfAppliedFilters, onClose: onClose, language: language, onResetFilter: onResetFilter, contentRef: popoverContentRef })) }), jsx(Popover$1.Body, { css: styles.body, maxHeight: maxHeight, marginBottom: showCallToActionButton ? '2xl' : '0', height: enforceHeight ? maxHeight : 'auto', children: children }), showCallToActionButton ? (jsx(Popover$1.Footer, { paddingX: "2xl", children: jsx(FilterActionButton, { actionButton: actionButton, isApplied: isApplied, onClose: onClose }) })) : null] }) }) }) }) }));
+};
+
+export { Popover };
+//# sourceMappingURL=Popover.mjs.map

package/dist/esm/components/filterPatterns/popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","sources":["../../../../../../src/components/filterPatterns/popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover","_jsxs"],"mappings":";;;;;;;;AAoCO,MAAM,OAAO,GAAc,CAAC,EACjC,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,KAAK,EACL,sBAAsB,EACtB,OAAO,EACP,aAAa,EACb,sBAAsB,EACtB,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,SAAS,GACnB,KAAI;AACH,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAE;AAC9B,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC;IACtD,MAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC;AACtD,IAAA,MAAM,MAAM,GAAG,MAAM,EAAE;IAEvB,MAAM,SAAS,GAAG,sBAAsB,GAAG,KAAK,GAAG,KAAK;IAExD,QACEA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,GAAA,CAAC,GAAG,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,QAAQ,EAAC,UAAU,EAAA,QAAA,EACxDA,GAAA,CAACC,SAAa,CAAC,UAAU,cACvBD,GAAA,CAACC,SAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,SAAS,EAAE,aAAa,GAAG,KAAK,GAAG,SAAS,EAC5C,MAAM,EAAE,aAAa,GAAG,KAAK,GAAG,SAAS,EACzC,GAAG,EAAE,iBAAiB,EAAA,QAAA,EAEtBC,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAA,QAAA,EAAA,CACrCF,GAAA,CAACC,SAAa,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAC,KAAK,EAAA,QAAA,EACjC,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IACrC,MAAM,KAEND,GAAA,CAAC,aAAa,EAAA,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACH,EAAA,CACoB,EACvBA,GAAA,CAACC,SAAa,CAAC,IAAI,IACjB,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,sBAAsB,GAAG,KAAK,GAAG,GAAG,EAClD,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,MAAM,EAAA,QAAA,EAEzC,QAAQ,GACU,EACpB,sBAAsB,IACrBD,GAAA,CAACC,SAAa,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAC,KAAK,YAClCD,GAAA,CAAC,kBAAkB,EAAA,EACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,GAChB,EAAA,CACmB,IACrB,IAAI,CAAA,EAAA,CACJ,EAAA,CACgB,EAAA,CACC,EAAA,CACvB,EAAA,CACC;AAEb;;;;"}

package/dist/esm/components/filterPatterns/popover/index.mjs

@@ -0,0 +1,9 @@
+import { withTranslationProvider } from '../../translationProvider/withTranslationProvider.mjs';
+import { PopoverFilterContent } from './Content.mjs';
+
+const PopoverFilter = withTranslationProvider([
+    'filterSelectButton',
+])(PopoverFilterContent);
+
+export { PopoverFilter };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/filterPatterns/popover/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../src/components/filterPatterns/popover/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAKO,MAAM,aAAa,GAAG,uBAAuB,CAAqB;IACvE,oBAAoB;CACrB,CAAC,CAAC,oBAAoB;;;;"}

package/dist/esm/components/flex/index.mjs

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { Flex as Flex$1 } from '@chakra-ui/react';
+
+const Flex = ({ children, ...rest }) => (jsx(Flex$1, { ...rest, children: children }));
+
+export { Flex };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/flex/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/components/flex/index.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraFlex"],"mappings":";;;MASa,IAAI,GAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,MACvDA,GAAA,CAACC,MAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAc;;;;"}

package/dist/esm/components/focusedHeader/index.mjs

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box, Image } from '@chakra-ui/react';
+import { getStaticImageSource } from '../../utilities/staticImage.mjs';
+import { Brand } from '../../types/brand.mjs';
+import { menuHeightConfig } from '../navigation/header/config/HeaderNavigationConfig.mjs';
+import img$1 from '../../assets/images/logo_ms24.svg.mjs';
+import img from '../../assets/images/logo_as24.svg.mjs';
+
+const FocusedHeader = ({ brand }) => {
+    const logo = brand === Brand.AutoScout24 ? img : img$1;
+    return (jsx(Box, { width: "full", borderBottomColor: "gray.200", borderBottomWidth: "1px", zIndex: "header", position: "relative", backgroundColor: "white", children: jsx(Box, { maxWidth: "container.2xl", height: menuHeightConfig, alignItems: "center", margin: "auto", display: "flex", justifyContent: "space-between", px: { base: 'sm', xs: 'lg', sm: '2xl' }, children: jsx(Image, { width: { sm: '124px', base: '101px' }, height: { sm: '30px', base: 'sm' }, src: getStaticImageSource(logo), alt: "Platform logo" }) }) }));
+};
+
+export { FocusedHeader };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/components/focusedHeader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/components/focusedHeader/index.tsx"],"sourcesContent":[null],"names":["logoAutoScout24","logoMotoScout24","_jsx"],"mappings":";;;;;;;;MAea,aAAa,GAA2B,CAAC,EAAE,KAAK,EAAE,KAAI;AACjE,IAAA,MAAM,IAAI,GAAG,KAAK,KAAK,KAAK,CAAC,WAAW,GAAGA,GAAe,GAAGC,KAAe;IAE5E,QACEC,GAAA,CAAC,GAAG,EAAA,EACF,KAAK,EAAC,MAAM,EACZ,iBAAiB,EAAC,UAAU,EAC5B,iBAAiB,EAAC,KAAK,EACvB,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAC,UAAU,EACnB,eAAe,EAAC,OAAO,YAEvBA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,eAAe,EACxB,MAAM,EAAE,gBAAgB,EACxB,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,YAEvCA,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,EACrC,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAClC,GAAG,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAC/B,GAAG,EAAC,eAAe,EAAA,CACnB,EAAA,CACE,EAAA,CACF;AAEV;;;;"}