@smg-automotive/components 25.11.0-chakra-v3.3 → 25.11.0-migrate-v3-header-full.2

package/dist/esm/components/drawer/DrawerOverlay.js

@@ -0,0 +1,10 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { Drawer } from '@chakra-ui/react';
+
+var DrawerOverlay = function (props) {
+    return React.createElement(Drawer.Backdrop, __assign({}, props));
+};
+
+export { DrawerOverlay };
+//# sourceMappingURL=DrawerOverlay.js.map

package/dist/esm/components/drawer/DrawerOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerOverlay.js","sources":["../../../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;AAIO,IAAM,aAAa,GAA0B,UAAC,KAAK,EAAA;AACxD,IAAA,OAAO,oBAACA,MAAY,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,EAAI;AAC7C;;;;"}

package/dist/esm/components/drawer/index.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from 'react';
+import { DrawerRootProps } from '@chakra-ui/react';
+import { DrawerOverlay } from './DrawerOverlay';
+import { DrawerContent } from './DrawerContent';
+import { DrawerBody } from './DrawerBody';
+interface DrawerProps extends Omit<DrawerRootProps, 'open' | 'onOpenChange'> {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
+export type { DrawerProps };
+export { DrawerOverlay, DrawerContent, DrawerBody };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,eAAe,EAEhB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,UAAU,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,cAAc,CAAC;IAC1E,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAYrD,CAAC;AAEF,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,178 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { Drawer as Drawer$1, Portal } from '@chakra-ui/react';
+import '../icons/AdvancedSearchIcon.js';
+import '../icons/ArrowCircleIcon.js';
+import '../icons/ArrowDiagonalIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/AutoScout24AppLogo.js';
+import '../icons/AvatarIcon.js';
+import '../icons/AvatarWithNotificationIcon.js';
+import '../icons/BatteryIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/CalculatorIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CallIcon.js';
+import '../icons/CamperIcon.js';
+import '../icons/CarConditionIcon.js';
+import '../icons/CarIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/ChartIcon.js';
+import '../icons/CheckmarkIcon.js';
+import '../icons/CheckmarkCircleIcon.js';
+import '../icons/CheckShieldIcon.js';
+import '../icons/ChevronDownLargeIcon.js';
+import '../icons/ChevronDownSmallIcon.js';
+import '../icons/ChevronLeftLargeIcon.js';
+import '../icons/ChevronLeftSmallIcon.js';
+import '../icons/ChevronRightLargeIcon.js';
+import '../icons/ChevronRightSmallIcon.js';
+import '../icons/ChevronRightTinyIcon.js';
+import '../icons/ChevronUpLargeIcon.js';
+import '../icons/ChevronUpSmallIcon.js';
+import '../icons/CloseIcon.js';
+import '../icons/CompareIcon.js';
+import '../icons/ConsumptionIcon.js';
+import '../icons/CreditIcon.js';
+import '../icons/CreditCardIcon.js';
+import '../icons/DaylightIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DocumentCheckIcon.js';
+import '../icons/DocumentIcon.js';
+import '../icons/DragIcon.js';
+import '../icons/DriveSystemIcon.js';
+import '../icons/DriveTypeIcon.js';
+import '../icons/EquipmentIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExchangeIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeCrossedIcon.js';
+import '../icons/FacebookIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlameIcon.js';
+import '../icons/FlashIcon.js';
+import '../icons/GasStationIcon.js';
+import '../icons/HeartIcon.js';
+import '../icons/HistoryClockIcon.js';
+import '../icons/HouseIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/InfoIcon.js';
+import '../icons/InstagramIcon.js';
+import '../icons/InteriorIcon.js';
+import '../icons/LinkedinIcon.js';
+import '../icons/ListIcon.js';
+import '../icons/LocationPinIcon.js';
+import '../icons/MagnifierIcon.js';
+import '../icons/MessageIcon.js';
+import '../icons/MissingImageIcon.js';
+import '../icons/MotorcycleIcon.js';
+import '../icons/MotoScout24AppLogo.js';
+import '../icons/PenIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/ChfCurrencyIcon.js';
+import '../icons/PrintIcon.js';
+import '../icons/RangeIcon.js';
+import '../icons/RoadIcon.js';
+import '../icons/RotateIcon.js';
+import '../icons/SafeNumberIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/StarIcon.js';
+import '../icons/SteeringWheelIcon.js';
+import '../icons/ThreeSixtyIcon.js';
+import '../icons/TimeIcon.js';
+import '../icons/TooltipIcon.js';
+import '../icons/InformationIcon.js';
+import '../icons/TopListingIcon.js';
+import '../icons/TrailerIcon.js';
+import '../icons/TransmissionIcon.js';
+import '../icons/Trash.js';
+import '../icons/TruckIcon.js';
+import '../icons/TwitterIcon.js';
+import '../icons/UtilityVehicleIcon.js';
+import '../icons/VehiclePowerIcon.js';
+import '../icons/VehicleTypesMotorcycleIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoCameraIcon.js';
+import '../icons/ViewCarIcon.js';
+import '../icons/DriveSystemLargeIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WhatsAppIcon.js';
+import '../icons/YoutubeIcon.js';
+import '../icons/SortIcon.js';
+import '../icons/ViewMotorcycleIcon.js';
+import '../icons/GoogleIcon.js';
+import '../icons/SaveSearchIcon.js';
+import '../icons/AutoScout24Icon.js';
+import '../icons/MotoScout24Icon.js';
+import '../icons/MagnifierLargeIcon.js';
+import '../icons/RocketIcon.js';
+import '../icons/CartIcon.js';
+import '../icons/VanIcon.js';
+import '../icons/MiniVanIcon.js';
+import '../icons/SuvIcon.js';
+import '../icons/CoupeIcon.js';
+import '../icons/CabrioletIcon.js';
+import '../icons/SmallCarIcon.js';
+import '../icons/SedanIcon.js';
+import '../icons/WagonIcon.js';
+import '../icons/PickUpIcon.js';
+import '../icons/InformationBubbleIcon.js';
+import '../icons/OverflowVerticalIcon.js';
+import '../icons/PartialClockIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/TiltedRectangleIcon.js';
+import '../icons/PlusCircleIcon.js';
+import '../icons/StarCircleIcon.js';
+import '../icons/InfinityCircleIcon.js';
+import '../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../icons/CategoryAOneIcon.js';
+import '../icons/CategoryAIcon.js';
+import '../icons/CategoryAMinusIcon.js';
+import '../icons/BankNotesIcon.js';
+import '../icons/ChatBubbleIcon.js';
+import '../icons/DigitalContractIcon.js';
+import '../icons/OptimizerIcon.js';
+import '../icons/CheckmarkCircleColorIcon.js';
+import '../icons/ArrowDownCircleIcon.js';
+import '../icons/ArrowUpCircleIcon.js';
+import '../icons/NotAvailableIcon.js';
+import '../icons/LabelIcon.js';
+import '../icons/BulbIcon.js';
+import '../icons/NoPhotoIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/DoubleChevronUpIcon.js';
+import '../icons/DoubleChevronDownIcon.js';
+import '../icons/DoubleLineIcon.js';
+import '../icons/NotAvailableSquareIcon.js';
+import '../icons/WarrantyIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/TriangleIcon.js';
+import '../icons/SwissFlagIcon.js';
+import '../icons/GlobeIcon.js';
+import '../icons/GarageIcon.js';
+import '../icons/HamburgerMenuIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/AndroidIcon.js';
+import '../icons/AppleIcon.js';
+import '../icons/WindowsIcon.js';
+import '../icons/SpeakerIcon.js';
+import '../icons/AddPhotoIcon.js';
+import '../icons/ScreenIcon.js';
+import '../icons/QualitySealIcon.js';
+import '../icons/ExpandIcon.js';
+import '../icons/CollapseIcon.js';
+import '../icons/ForwardIcon.js';
+
+var Drawer = function (props) {
+    var children = props.children, isOpen = props.isOpen, onClose = props.onClose, drawerProps = __rest(props, ["children", "isOpen", "onClose"]);
+    return (React.createElement(Drawer$1.Root, __assign({ open: isOpen, onOpenChange: function (e) { return !e.open && onClose(); } }, drawerProps),
+        React.createElement(Portal, null, children)));
+};
+
+export { Drawer };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/drawer/index.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,MAAM,GAAuC,UAAC,KAAK,EAAA;IACtD,IAAA,QAAQ,GAAsC,KAAK,CAAA,QAA3C,EAAE,MAAM,GAA8B,KAAK,CAAA,MAAnC,EAAE,OAAO,GAAqB,KAAK,QAA1B,EAAK,WAAW,UAAK,KAAK,EAArD,CAAA,UAAA,EAAA,QAAA,EAAA,SAAA,CAA6C,CAAF;IAEjD,QACE,KAAA,CAAA,aAAA,CAACA,QAAY,CAAC,IAAI,EAAA,QAAA,CAAA,EAChB,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,UAAC,CAAC,EAAA,EAAK,OAAA,CAAC,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,CAAA,CAApB,CAAoB,EAAA,EACrC,WAAW,CAAA;AAEf,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,CACT;AAExB;;;;"}

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

@@ -14,6 +14,7 @@ export * from './count';
 export * from './datePicker';
 export * from './devOverlay';
 export * from './dialog';
+export * from './drawer';
 export * from './energyLabel';
 export * from './errorPage';
 export * from './flex';
@@ -31,6 +32,7 @@ export * from './menu';
 export * from './missingImage';
 export * from './mobileOnlyAccordion';
 export * from './navigation/footer';
+export * from './navigation/header';
 export * from './pagination';
 export * from './rating';
 export * from './section';

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}

package/dist/esm/components/input/SearchField.js

@@ -0,0 +1,185 @@
+import React, { useRef, useEffect } from 'react';
+import useMediaQuery from '../../hooks/useMediaQuery/index.js';
+import '../icons/AdvancedSearchIcon.js';
+import '../icons/ArrowCircleIcon.js';
+import '../icons/ArrowDiagonalIcon.js';
+import '../icons/ArrowDownIcon.js';
+import '../icons/ArrowLeftIcon.js';
+import '../icons/ArrowRightIcon.js';
+import '../icons/ArrowUpIcon.js';
+import '../icons/AutoScout24AppLogo.js';
+import '../icons/AvatarIcon.js';
+import '../icons/AvatarWithNotificationIcon.js';
+import '../icons/BatteryIcon.js';
+import '../icons/BookmarkIcon.js';
+import '../icons/CalculatorIcon.js';
+import '../icons/CalendarIcon.js';
+import '../icons/CallIcon.js';
+import '../icons/CamperIcon.js';
+import '../icons/CarConditionIcon.js';
+import '../icons/CarIcon.js';
+import '../icons/CopyIcon.js';
+import '../icons/ChartIcon.js';
+import '../icons/CheckmarkIcon.js';
+import '../icons/CheckmarkCircleIcon.js';
+import '../icons/CheckShieldIcon.js';
+import '../icons/ChevronDownLargeIcon.js';
+import '../icons/ChevronDownSmallIcon.js';
+import '../icons/ChevronLeftLargeIcon.js';
+import '../icons/ChevronLeftSmallIcon.js';
+import '../icons/ChevronRightLargeIcon.js';
+import '../icons/ChevronRightSmallIcon.js';
+import '../icons/ChevronRightTinyIcon.js';
+import '../icons/ChevronUpLargeIcon.js';
+import '../icons/ChevronUpSmallIcon.js';
+import '../icons/CloseIcon.js';
+import '../icons/CompareIcon.js';
+import '../icons/ConsumptionIcon.js';
+import '../icons/CreditIcon.js';
+import '../icons/CreditCardIcon.js';
+import '../icons/DaylightIcon.js';
+import '../icons/DeleteIcon.js';
+import '../icons/DocumentCheckIcon.js';
+import '../icons/DocumentIcon.js';
+import '../icons/DragIcon.js';
+import '../icons/DriveSystemIcon.js';
+import '../icons/DriveTypeIcon.js';
+import '../icons/EquipmentIcon.js';
+import '../icons/ErrorIcon.js';
+import '../icons/ExchangeIcon.js';
+import '../icons/EyeIcon.js';
+import '../icons/EyeCrossedIcon.js';
+import '../icons/FacebookIcon.js';
+import '../icons/FlagIcon.js';
+import '../icons/FlameIcon.js';
+import '../icons/FlashIcon.js';
+import '../icons/GasStationIcon.js';
+import '../icons/HeartIcon.js';
+import '../icons/HistoryClockIcon.js';
+import '../icons/HouseIcon.js';
+import '../icons/ImageIcon.js';
+import '../icons/InfoIcon.js';
+import '../icons/InstagramIcon.js';
+import '../icons/InteriorIcon.js';
+import '../icons/LinkedinIcon.js';
+import '../icons/ListIcon.js';
+import '../icons/LocationPinIcon.js';
+import { MagnifierIcon } from '../icons/MagnifierIcon.js';
+import '../icons/MessageIcon.js';
+import '../icons/MissingImageIcon.js';
+import '../icons/MotorcycleIcon.js';
+import '../icons/MotoScout24AppLogo.js';
+import '../icons/PenIcon.js';
+import '../icons/PlusIcon.js';
+import '../icons/ChfCurrencyIcon.js';
+import '../icons/PrintIcon.js';
+import '../icons/RangeIcon.js';
+import '../icons/RoadIcon.js';
+import '../icons/RotateIcon.js';
+import '../icons/SafeNumberIcon.js';
+import '../icons/ShareIcon.js';
+import '../icons/StarIcon.js';
+import '../icons/SteeringWheelIcon.js';
+import '../icons/ThreeSixtyIcon.js';
+import '../icons/TimeIcon.js';
+import '../icons/TooltipIcon.js';
+import '../icons/InformationIcon.js';
+import '../icons/TopListingIcon.js';
+import '../icons/TrailerIcon.js';
+import '../icons/TransmissionIcon.js';
+import '../icons/Trash.js';
+import '../icons/TruckIcon.js';
+import '../icons/TwitterIcon.js';
+import '../icons/UtilityVehicleIcon.js';
+import '../icons/VehiclePowerIcon.js';
+import '../icons/VehicleTypesMotorcycleIcon.js';
+import '../icons/VideoIcon.js';
+import '../icons/VideoCameraIcon.js';
+import '../icons/ViewCarIcon.js';
+import '../icons/DriveSystemLargeIcon.js';
+import '../icons/WarningIcon.js';
+import '../icons/WhatsAppIcon.js';
+import '../icons/YoutubeIcon.js';
+import '../icons/SortIcon.js';
+import '../icons/ViewMotorcycleIcon.js';
+import '../icons/GoogleIcon.js';
+import '../icons/SaveSearchIcon.js';
+import '../icons/AutoScout24Icon.js';
+import '../icons/MotoScout24Icon.js';
+import '../icons/MagnifierLargeIcon.js';
+import '../icons/RocketIcon.js';
+import '../icons/CartIcon.js';
+import '../icons/VanIcon.js';
+import '../icons/MiniVanIcon.js';
+import '../icons/SuvIcon.js';
+import '../icons/CoupeIcon.js';
+import '../icons/CabrioletIcon.js';
+import '../icons/SmallCarIcon.js';
+import '../icons/SedanIcon.js';
+import '../icons/WagonIcon.js';
+import '../icons/PickUpIcon.js';
+import '../icons/InformationBubbleIcon.js';
+import '../icons/OverflowVerticalIcon.js';
+import '../icons/PartialClockIcon.js';
+import '../icons/LockIcon.js';
+import '../icons/TiltedRectangleIcon.js';
+import '../icons/PlusCircleIcon.js';
+import '../icons/StarCircleIcon.js';
+import '../icons/InfinityCircleIcon.js';
+import '../icons/VehicleTypesMotorcycleStarIcon.js';
+import '../icons/CategoryAOneIcon.js';
+import '../icons/CategoryAIcon.js';
+import '../icons/CategoryAMinusIcon.js';
+import '../icons/BankNotesIcon.js';
+import '../icons/ChatBubbleIcon.js';
+import '../icons/DigitalContractIcon.js';
+import '../icons/OptimizerIcon.js';
+import '../icons/CheckmarkCircleColorIcon.js';
+import '../icons/ArrowDownCircleIcon.js';
+import '../icons/ArrowUpCircleIcon.js';
+import '../icons/NotAvailableIcon.js';
+import '../icons/LabelIcon.js';
+import '../icons/BulbIcon.js';
+import '../icons/NoPhotoIcon.js';
+import '../icons/ThumbsUpIcon.js';
+import '../icons/ThumbsDownIcon.js';
+import '../icons/MinusIcon.js';
+import '../icons/DoubleChevronUpIcon.js';
+import '../icons/DoubleChevronDownIcon.js';
+import '../icons/DoubleLineIcon.js';
+import '../icons/NotAvailableSquareIcon.js';
+import '../icons/WarrantyIcon.js';
+import '../icons/DownloadIcon.js';
+import '../icons/TriangleIcon.js';
+import '../icons/SwissFlagIcon.js';
+import '../icons/GlobeIcon.js';
+import '../icons/GarageIcon.js';
+import '../icons/HamburgerMenuIcon.js';
+import '../icons/LogoutIcon.js';
+import '../icons/AndroidIcon.js';
+import '../icons/AppleIcon.js';
+import '../icons/WindowsIcon.js';
+import '../icons/SpeakerIcon.js';
+import '../icons/AddPhotoIcon.js';
+import '../icons/ScreenIcon.js';
+import '../icons/QualitySealIcon.js';
+import '../icons/ExpandIcon.js';
+import '../icons/CollapseIcon.js';
+import '../icons/ForwardIcon.js';
+import { Input } from './index.js';
+
+var SearchField = function (_a) {
+    var name = _a.name, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, _c = _a.ariaControls, ariaControls = _c === void 0 ? '' : _c, searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery, _d = _a.onFocus, onFocus = _d === void 0 ? function () { return null; } : _d, _e = _a.onBlur, onBlur = _e === void 0 ? function () { return null; } : _e, _f = _a.autofocusOnDesktop, autofocusOnDesktop = _f === void 0 ? true : _f, autoComplete = _a.autoComplete;
+    var isDesktopOnly = useMediaQuery({ above: 'md' });
+    var inputRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (autofocusOnDesktop && isDesktopOnly) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [isDesktopOnly, autofocusOnDesktop]);
+    return (React.createElement(Input, { ref: inputRef, icon: MagnifierIcon, name: name, placeholder: placeholder, value: searchQuery, setInputValue: setSearchQuery, size: "lg", isClearable: true, debounce: true, onFocus: onFocus, onBlur: onBlur, "aria-controls": ariaControls, autoComplete: autoComplete }));
+};
+
+export { SearchField };
+//# sourceMappingURL=SearchField.js.map

package/dist/esm/components/input/SearchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.js","sources":["../../../../../src/components/input/SearchField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,IAAM,WAAW,GAAyB,UAAC,EAUjD,EAAA;QATC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,mBAAG,EAAE,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,mBAAG,EAAE,GAAA,EAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,OAAoB,EAApB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,CAAA,CAAJ,CAAI,GAAA,EAAA,EACpB,cAAmB,EAAnB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAA,EAAM,OAAA,IAAI,EAAJ,CAAI,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,kBAAyB,EAAzB,kBAAkB,mBAAG,IAAI,GAAA,EAAA,EACzB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEZ,IAAM,aAAa,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACpD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,SAAS,CAAC,YAAA;;AACR,QAAA,IAAI,kBAAkB,IAAI,aAAa,EAAE;AACvC,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;QAC3B;AACF,IAAA,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;IAEvC,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,cAAc,EAC7B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,eAAA,EACC,YAAY,EAC3B,YAAY,EAAE,YAAY,EAAA,CAC1B;AAEN;;;;"}

package/dist/esm/components/list/SearchableList.d.ts

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { SearchFieldOptions } from '../input/SearchField';
+import { ListItemType } from './SearchableListItem';
+export type ListItemWithChildren = ListItemType & {
+    children?: ListItemType[];
+};
+export type Props = {
+    listItems: ListItemWithChildren[];
+    NoResults?: FC;
+    EmptyQueryPlaceholder?: FC;
+    listAriaLabel?: string;
+    searchFieldOptions?: SearchFieldOptions;
+    listOptions?: {
+        columns?: number;
+        childrenSpacing?: 'md' | '2xl';
+    };
+    listRef?: React.RefObject<HTMLUListElement | null>;
+};
+export declare const SearchableList: FC<Props>;
+//# sourceMappingURL=SearchableList.d.ts.map

package/dist/esm/components/list/SearchableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableList.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAe,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAsB,MAAM,sBAAsB,CAAC;AAIxE,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,EAAE,CAAC;IACf,qBAAqB,CAAC,EAAE,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,WAAW,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,eAAe,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;KAAE,CAAC;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACpD,CAAC;AAyEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CA8HpC,CAAC"}

package/dist/esm/components/list/SearchableList.js

@@ -0,0 +1,117 @@
+import { __spreadArray, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useState, useEffect, useCallback } from 'react';
+import Fuse from 'fuse.js';
+import { SearchField } from '../input/SearchField.js';
+import { Flex } from '../flex/index.js';
+import { SearchableListItem } from './SearchableListItem.js';
+import { List } from './index.js';
+
+var fuseOptions = {
+    keys: ['label', 'children.label'],
+    includeMatches: true,
+    threshold: 0,
+    ignoreLocation: true,
+    minMatchCharLength: 1,
+    shouldSort: false,
+};
+var mapItemsFromSearchResult = function (searchResults) {
+    return searchResults.map(function (_a) {
+        var _b = _a.matches, matches = _b === void 0 ? [] : _b, item = _a.item;
+        var parentMatch = matches.find(function (match) { return match.key === 'label'; });
+        var parentHighlightIndices = parentMatch ? parentMatch.indices : [];
+        var childMatches = item.children
+            ? matches.filter(function (match) { return match.key === 'children.label'; })
+            : [];
+        if (!item.children ||
+            item.children.length === 0 ||
+            childMatches.length === 0) {
+            return __assign(__assign({}, item), { highlightIndices: parentHighlightIndices });
+        }
+        var itemChildren = item.children || [];
+        var children = childMatches.reduce(function (accumulator, childMatch) {
+            if (childMatch.refIndex === undefined) {
+                return accumulator;
+            }
+            var child = itemChildren[childMatch.refIndex];
+            accumulator.push(__assign(__assign({}, child), { highlightIndices: childMatch.indices }));
+            return accumulator;
+        }, []);
+        return __assign(__assign(__assign({}, item), (children ? { children: children } : {})), { highlightIndices: parentMatch ? parentMatch.indices : [] });
+    });
+};
+var empty = function () { return null; };
+var search = function (_a) {
+    var query = _a.query, fuse = _a.fuse;
+    fuse.options.minMatchCharLength = query.length || 1;
+    return fuse.search(query);
+};
+var getFuseInstance = function (listItems) {
+    // Not casting the instance will result in the options not being typed
+    return new Fuse(listItems, fuseOptions);
+};
+var SearchableList = function (_a) {
+    var listItems = _a.listItems, _b = _a.NoResults, NoResults = _b === void 0 ? empty : _b, _c = _a.EmptyQueryPlaceholder, EmptyQueryPlaceholder = _c === void 0 ? empty : _c, _d = _a.listAriaLabel, listAriaLabel = _d === void 0 ? 'searchable list' : _d, _e = _a.searchFieldOptions, searchFieldOptions = _e === void 0 ? {} : _e, _f = _a.listOptions, listOptions = _f === void 0 ? { columns: 1, childrenSpacing: 'md' } : _f, listRef = _a.listRef;
+    var _g = useState({
+        query: '',
+        listItems: listItems,
+        fullListItems: __spreadArray([], listItems, true),
+        fuse: getFuseInstance(listItems),
+    }), searchState = _g[0], setSearchState = _g[1];
+    var _h = searchFieldOptions.placeholder, placeholder = _h === void 0 ? '' : _h, _j = searchFieldOptions.autofocusOnDesktop, autofocusOnDesktop = _j === void 0 ? true : _j, autoComplete = searchFieldOptions.autoComplete;
+    var _k = listOptions.columns, columns = _k === void 0 ? 1 : _k, _l = listOptions.childrenSpacing, childrenSpacing = _l === void 0 ? 'md' : _l;
+    var areaId = 'searchableList';
+    var query = searchState.query;
+    useEffect(function () {
+        setSearchState(function (currentState) {
+            var fuse = getFuseInstance(listItems);
+            if (currentState.query === '') {
+                return {
+                    listItems: listItems,
+                    fullListItems: __spreadArray([], listItems, true),
+                    fuse: fuse,
+                    query: currentState.query,
+                };
+            }
+            var searchResults = search({ fuse: fuse, query: currentState.query });
+            var filteredListItems = mapItemsFromSearchResult(searchResults);
+            return {
+                listItems: filteredListItems,
+                fuse: fuse,
+                query: currentState.query,
+                fullListItems: __spreadArray([], listItems, true),
+            };
+        });
+    }, [listItems]);
+    var setSearchQuery = useCallback(function (newQuery) {
+        setSearchState(function (currentState) {
+            var trimmedQuery = newQuery.trim();
+            if (!trimmedQuery) {
+                return __assign(__assign({}, currentState), { listItems: currentState.fullListItems, query: trimmedQuery });
+            }
+            var searchResults = search({
+                fuse: currentState.fuse,
+                query: trimmedQuery,
+            });
+            var filteredListItems = mapItemsFromSearchResult(searchResults);
+            return __assign(__assign({}, currentState), { listItems: filteredListItems, query: trimmedQuery });
+        });
+    }, []);
+    return (React.createElement(Flex, { gridGap: "md", direction: "column", width: "full" },
+        React.createElement(SearchField, { name: "searchableListSearchFiled", searchQuery: query, setSearchQuery: setSearchQuery, ariaControls: areaId, placeholder: placeholder, autofocusOnDesktop: autofocusOnDesktop, autoComplete: autoComplete }),
+        searchState.query.length === 0 ? React.createElement(EmptyQueryPlaceholder, null) : null,
+        searchState.listItems.length > 0 ? (React.createElement(List.Root, { ref: listRef, width: "full", height: "full", id: areaId, "aria-live": "polite", css: {
+                columns: { base: 1, md: columns },
+                columnGap: 'var(--chakra-space-4xl)',
+                columnRule: '1px solid var(--chakra-colors-gray-100)',
+            }, "aria-label": listAriaLabel }, searchState.listItems.map(function (item, itemIndex) {
+            var parentKey = "".concat(itemIndex, "-").concat(item.value);
+            var children = item.children || [];
+            return (React.createElement(SearchableListItem, __assign({}, item, { key: parentKey }), children.length > 0 ? (React.createElement(List.Root, { width: "full", paddingLeft: childrenSpacing }, children.map(function (child, childIndex) {
+                var childKey = "".concat(childIndex, "-").concat(child.value);
+                return React.createElement(SearchableListItem, __assign({}, child, { key: childKey }));
+            }))) : null));
+        }))) : (React.createElement(NoResults, null))));
+};
+
+export { SearchableList };
+//# sourceMappingURL=SearchableList.js.map

package/dist/esm/components/list/SearchableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableList.js","sources":["../../../../../src/components/list/SearchableList.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/list/SearchableListItem.d.ts

@@ -0,0 +1,25 @@
+import React, { FC, PropsWithChildren } from 'react';
+import { RangeTuple } from 'fuse.js';
+import { CheckboxCheckedChangeDetails } from '@chakra-ui/react';
+type CommonListItem = {
+    label: string;
+    value: string;
+    facet?: string;
+    isSelected: boolean;
+    showChevron?: boolean;
+    highlightIndices?: readonly RangeTuple[];
+    isCheckbox?: boolean;
+};
+type CheckboxListItem = {
+    onClick: (details: CheckboxCheckedChangeDetails) => void;
+    isCheckbox: true;
+    isIndeterminate?: boolean;
+} & CommonListItem;
+type RadioButtonListItem = {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    isCheckbox?: false;
+} & CommonListItem;
+export type ListItemType = CheckboxListItem | RadioButtonListItem;
+export declare const SearchableListItem: FC<PropsWithChildren<ListItemType>>;
+export {};
+//# sourceMappingURL=SearchableListItem.d.ts.map

package/dist/esm/components/list/SearchableListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/list/SearchableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAU,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAQxE,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AASF,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,IAAI,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,GAAG,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAQlE,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAgElE,CAAC"}