@smg-automotive/components 25.10.0-migrate-range-slider-to-chakra-v3.1 → 25.10.0-page-layout-make-header-optional-1d59d5e3e3eadd2e18978a114f52ef5fd37d72eb.1

package/dist/esm/components/navigation/header/navigationTenantMenu/index.js

@@ -0,0 +1,204 @@
+import React, { useRef, useMemo } from 'react';
+import { useI18n } from '@smg-automotive/i18n-pkg';
+import { useDisclosure, Popover, PopoverTrigger, Button, Text, Portal, Box, PopoverContent } 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 { ChevronDownSmallIcon } from '../../../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 { GarageIcon } from '../../../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 '../../../icons/BalanceIcon.js';
+import '../../../icons/ParagraphIcon.js';
+import Hide from '../../../hide/index.js';
+import NavigationTenantMenuContent from './Content.js';
+
+var NavigationTenantMenu = function (_a) {
+    var user = _a.user, selectTenant = _a.selectTenant;
+    var initialFocusRef = useRef(null);
+    var _b = useDisclosure(), onClose = _b.onClose, isOpen = _b.isOpen, onToggle = _b.onToggle;
+    var t = useI18n().t;
+    var selectedTenant = useMemo(function () {
+        var _a;
+        return (_a = user === null || user === void 0 ? void 0 : user.managedSellers) === null || _a === void 0 ? void 0 : _a.find(function (seller) { return seller.id === Number(user.sellerId); });
+    }, [user === null || user === void 0 ? void 0 : user.managedSellers, user === null || user === void 0 ? void 0 : user.sellerId]);
+    if (!user || !user.isMultiTenantUser || !selectedTenant)
+        return null;
+    var selectedTenantInfo = "".concat(selectedTenant.billingName || '', " ").concat(selectedTenant.billingCity || '').trim() ||
+        selectedTenant.id.toString();
+    return (React.createElement(Hide, { below: "sm" },
+        React.createElement(Popover, { placement: "bottom-end", returnFocusOnClose: true, onClose: onClose, isOpen: isOpen, initialFocusRef: initialFocusRef, isLazy: true, lazyBehavior: "unmount" },
+            React.createElement(PopoverTrigger, null,
+                React.createElement(Button, { p: "0", color: isOpen ? 'blue.700' : 'gray.900', _hover: { color: 'blue.700' }, leftIcon: React.createElement(GarageIcon, null), rightIcon: React.createElement(ChevronDownSmallIcon, { transition: "0.2s", transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)' }), iconSpacing: "xs", onClick: onToggle },
+                    React.createElement(Hide, { below: "md" },
+                        React.createElement(Text, { as: "span", fontWeight: "bold", noOfLines: 1, maxW: { base: 'xl', md: '2xl' }, textAlign: "left", title: selectedTenantInfo }, selectedTenantInfo)))),
+            React.createElement(Portal, null,
+                React.createElement(Box, { zIndex: "popover", w: "full", h: "full", position: "relative" },
+                    React.createElement(PopoverContent, { bg: "white", boxShadow: "sm", color: "gray.900", width: {
+                            base: 'full',
+                            md: '6xl',
+                        }, maxH: "auth0-height", p: "2xl", borderRadius: "sm", borderWidth: "1px", borderColor: "gray.200", marginTop: "10px", alignItems: "center", flexDirection: "column", gridGap: "2xl", overflow: "auto" },
+                        React.createElement(NavigationTenantMenuContent, { user: user, selectTenant: selectTenant, onClose: onClose, selectedTenantId: selectedTenant.id, title: t('auth.tenantSelection.selectionTitle'), ref: initialFocusRef })))))));
+};
+
+export { NavigationTenantMenu as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/navigation/header/navigationTenantMenu/index.js.map

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

package/dist/esm/components/navigation/header/replaceLanguage.d.ts

@@ -0,0 +1,6 @@
+import { Language } from '@smg-automotive/i18n-pkg';
+export declare const replaceLanguage: ({ activeLanguage, newLanguage, }: {
+    activeLanguage: Language;
+    newLanguage: Language;
+}) => void;
+//# sourceMappingURL=replaceLanguage.d.ts.map

package/dist/esm/components/navigation/header/replaceLanguage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replaceLanguage.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/header/replaceLanguage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,eAAO,MAAM,eAAe,GAAI,kCAG7B;IACD,cAAc,EAAE,QAAQ,CAAC;IACzB,WAAW,EAAE,QAAQ,CAAC;CACvB,SAOA,CAAC"}

package/dist/esm/components/navigation/header/replaceLanguage.js

@@ -0,0 +1,8 @@
+var replaceLanguage = function (_a) {
+    var activeLanguage = _a.activeLanguage, newLanguage = _a.newLanguage;
+    var updatedUrl = window.location.href.replace("/".concat(activeLanguage), "/".concat(newLanguage));
+    window.location.replace(updatedUrl);
+};
+
+export { replaceLanguage };
+//# sourceMappingURL=replaceLanguage.js.map

package/dist/esm/components/navigation/header/replaceLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"replaceLanguage.js","sources":["../../../../../../src/components/navigation/header/replaceLanguage.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEO,IAAM,eAAe,GAAG,UAAC,EAM/B,EAAA;QALC,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,WAAW,GAAA,EAAA,CAAA,WAAA;AAKX,IAAA,IAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAC7C,GAAA,CAAA,MAAA,CAAI,cAAc,CAAE,EACpB,WAAI,WAAW,CAAE,CAClB;AAED,IAAA,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;AACrC;;;;"}

package/dist/esm/components/navigation/header/types.js

@@ -0,0 +1,7 @@
+var UserTypeExternal;
+(function (UserTypeExternal) {
+    UserTypeExternal["Guest"] = "guest";
+})(UserTypeExternal || (UserTypeExternal = {}));
+
+export { UserTypeExternal };
+//# sourceMappingURL=types.js.map

package/dist/esm/components/navigation/header/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../../src/components/navigation/header/types.ts"],"sourcesContent":[null],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAFW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/esm/components/pagination/PaginationButton.d.ts

@@ -0,0 +1,10 @@
+import { FC, MouseEvent, PropsWithChildren } from 'react';
+interface Props {
+    isDisabled?: boolean;
+    isActive?: boolean;
+    ariaLabel: string;
+    onClick: (e: MouseEvent) => void;
+}
+declare const PaginationButton: FC<PropsWithChildren<Props>>;
+export default PaginationButton;
+//# sourceMappingURL=PaginationButton.d.ts.map

package/dist/esm/components/pagination/PaginationButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/PaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGjE,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgBlD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/pagination/PaginationButton.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useMultiStyleConfig, chakra } from '@chakra-ui/react';
+
+var PaginationButton = function (props) {
+    var children = props.children, isDisabled = props.isDisabled, isActive = props.isActive, ariaLabel = props.ariaLabel, onClick = props.onClick;
+    var paginationButton = useMultiStyleConfig('Pagination', {
+        variant: isActive ? 'active' : 'default',
+    }).paginationButton;
+    return (React.createElement(chakra.button, { __css: paginationButton, disabled: isDisabled, "aria-current": isActive, "aria-label": ariaLabel, onClick: onClick }, children));
+};
+
+export { PaginationButton as default };
+//# sourceMappingURL=PaginationButton.js.map

package/dist/esm/components/pagination/PaginationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButton.js","sources":["../../../../../src/components/pagination/PaginationButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAUA,IAAM,gBAAgB,GAAiC,UAAC,KAAK,EAAA;IACnD,IAAA,QAAQ,GAA+C,KAAK,CAAA,QAApD,EAAE,UAAU,GAAmC,KAAK,CAAA,UAAxC,EAAE,QAAQ,GAAyB,KAAK,CAAA,QAA9B,EAAE,SAAS,GAAc,KAAK,CAAA,SAAnB,EAAE,OAAO,GAAK,KAAK,CAAA,OAAV;AAClD,IAAA,IAAA,gBAAgB,GAAK,mBAAmB,CAAC,YAAY,EAAE;QAC7D,OAAO,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS;AACzC,KAAA,CAAC,iBAFsB;IAGxB,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,MAAM,IACZ,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAU,EAAA,cAAA,EACN,QAAQ,EAAA,YAAA,EACV,SAAS,EACrB,OAAO,EAAE,OAAO,EAAA,EAEf,QAAQ,CACK;AAEpB;;;;"}

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

@@ -1,15 +1,10 @@
-import { FC } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { BoxProps } from '@chakra-ui/react';
-export type PaginationProps = {
+export type Props = {
     totalPages: number;
-    /**
-     * index of the current page, zero-based
-     */
     currentPage: number;
-    /**
-     * @param page zero-based page index
-     */
     onChange: (page: number) => void;
 } & Pick<BoxProps, 'marginTop' | 'marginBottom'>;
-export declare const Pagination: FC<PaginationProps>;
+declare const Pagination: FC<PropsWithChildren<Props>>;
+export default Pagination;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAEL,QAAQ,EAIT,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,GAAG,IAAI,CAAC,QAAQ,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAEjD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyE1C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAA6B,MAAM,kBAAkB,CAAC;AAavE,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,GAAG,IAAI,CAAC,QAAQ,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAEjD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAqI5C,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,6 +1,6 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
-import React from 'react';
-import { useSlotRecipe, Pagination as Pagination$1, Box, IconButton } from '@chakra-ui/react';
+import { __spreadArray } from '../../node_modules/tslib/tslib.es6.js';
+import React, { useMemo } from 'react';
+import { useMultiStyleConfig, Box, Show } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -167,29 +167,87 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
+import '../icons/BalanceIcon.js';
+import '../icons/ParagraphIcon.js';
+import PaginationButton from './PaginationButton.js';
 
-var Pagination = function (_a) {
-    var totalPages = _a.totalPages, _b = _a.currentPage, currentPage = _b === void 0 ? 0 : _b, onChange = _a.onChange, marginBottom = _a.marginBottom, marginTop = _a.marginTop;
-    var recipe = useSlotRecipe({ key: 'pagination' });
-    var styles = recipe();
-    if (totalPages <= 1) {
+var Dots = '...';
+var siblingCount = 1;
+var range = function (start, end) {
+    var length = end - start + 1;
+    return Array.from({ length: length }, function (_, idx) { return idx + start; });
+};
+var Pagination = function (props) {
+    var onChange = props.onChange, totalPages = props.totalPages, _a = props.currentPage, currentPage = _a === void 0 ? 0 : _a, marginTop = props.marginTop, marginBottom = props.marginBottom;
+    var _b = useMultiStyleConfig('Pagination'), paginationContainer = _b.paginationContainer, dots = _b.dots;
+    var paginationRange = useMemo(function () {
+        // Default number of page buttons: firstPage + lastPage + currentPage + left side dots + right side dots
+        var pageButtonsCount = 5;
+        var totalPageButtonsCount = siblingCount * 2 + pageButtonsCount;
+        if (totalPageButtonsCount >= totalPages) {
+            return range(0, totalPages - 1);
+        }
+        var leftSiblingIndex = Math.max(currentPage - siblingCount, 0);
+        var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages - 1);
+        var shouldShowLeftDots = leftSiblingIndex > 2;
+        var shouldShowRightDots = rightSiblingIndex < totalPages - 3;
+        var firstPageNumber = 0;
+        var lastPageNumber = totalPages - 1;
+        // Show dots on right side
+        if (!shouldShowLeftDots && shouldShowRightDots) {
+            var leftItemCount = 3 + 2 * siblingCount;
+            var leftRange = range(0, leftItemCount - 1);
+            return __spreadArray(__spreadArray([], leftRange, true), [Dots, lastPageNumber], false);
+        }
+        // Show dots on left side
+        if (shouldShowLeftDots && !shouldShowRightDots) {
+            var rightItemCount = 3 + 2 * siblingCount;
+            var rightRange = range(totalPages - rightItemCount, totalPages - 1);
+            return __spreadArray([firstPageNumber, Dots], rightRange, true);
+        }
+        // Show dots on both sides
+        if (shouldShowLeftDots && shouldShowRightDots) {
+            var middleRange = range(leftSiblingIndex, rightSiblingIndex);
+            return __spreadArray(__spreadArray([firstPageNumber, Dots], middleRange, true), [Dots, lastPageNumber], false);
+        }
+        return [];
+    }, [totalPages, currentPage]);
+    if (paginationRange.length < 2) {
         return null;
     }
-    return (React.createElement(Pagination$1.Root, { count: totalPages, pageSize: 1, page: currentPage + 1, onPageChange: function (e) { return onChange(e.page - 1); } },
-        React.createElement(Box, { marginTop: marginTop, marginBottom: marginBottom, css: styles.paginationContainer },
-            React.createElement(Pagination$1.PrevTrigger, { asChild: true, css: styles.paginationButton, display: { base: 'none', xs: 'inline-flex' } },
-                React.createElement(IconButton, null,
-                    React.createElement(ChevronLeftSmallIcon, null))),
-            React.createElement(Pagination$1.Context, null, function (_a) {
-                var pages = _a.pages;
-                return pages.map(function (page, index) {
-                    return page.type === 'page' ? (React.createElement(Pagination$1.Item, __assign({ key: index }, page, { css: styles.paginationButton }), page.value)) : (React.createElement(Pagination$1.Ellipsis, { css: styles.dots, key: index, index: index }, "\u2026"));
-                });
-            }),
-            React.createElement(Pagination$1.NextTrigger, { asChild: true, css: styles.paginationButton, display: { base: 'none', xs: 'inline-flex' } },
-                React.createElement(IconButton, null,
-                    React.createElement(ChevronRightSmallIcon, null))))));
+    var onNext = function (e) {
+        e.preventDefault();
+        onChange(currentPage + 1);
+    };
+    var onPrevious = function (e) {
+        e.preventDefault();
+        onChange(currentPage - 1);
+    };
+    var isFirstPage = currentPage === 0;
+    var isLastPage = currentPage === paginationRange[paginationRange.length - 1];
+    var pageNumberToDispaly = function (pageNumber) {
+        if (pageNumber === totalPages) {
+            return pageNumber;
+        }
+        return pageNumber + 1;
+    };
+    return (React.createElement(Box, { marginTop: marginTop, marginBottom: marginBottom, __css: paginationContainer },
+        React.createElement(Show, { above: "xs" },
+            React.createElement(PaginationButton, { isDisabled: isFirstPage, onClick: onPrevious, ariaLabel: "previous page" },
+                React.createElement(ChevronLeftSmallIcon, { color: isFirstPage ? 'gray.300' : 'gray.900' }))),
+        paginationRange.map(function (pageNumber, index) {
+            if (pageNumber === Dots) {
+                return (React.createElement(Box, { __css: dots, key: "paginationDots-".concat(index), "aria-label": index === 1 ? 'left side dots' : 'right side dots' }, "\u2026"));
+            }
+            return (React.createElement(PaginationButton, { key: "paginationButton-".concat(index), isActive: pageNumber === currentPage, ariaLabel: "go to page ".concat(pageNumberToDispaly(Number(pageNumber)), " of ").concat(totalPages), onClick: function (e) {
+                    e.preventDefault();
+                    onChange(Number(pageNumber));
+                } }, pageNumberToDispaly(Number(pageNumber))));
+        }),
+        React.createElement(Show, { above: "xs" },
+            React.createElement(PaginationButton, { isDisabled: isLastPage, onClick: onNext, ariaLabel: "next page" },
+                React.createElement(ChevronRightSmallIcon, { color: isLastPage ? 'gray.300' : 'gray.900' })))));
 };
 
-export { Pagination };
+export { Pagination as default };
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { PopoverProps as ChakraPopoverProps } from '@chakra-ui/react';
+type ContentPadding = '2xl' | 0;
+type MaxWidth = '6xl' | '8xl';
+export type PopoverProps = PropsWithChildren<{
+    content: ReactNode;
+    showArrow?: boolean;
+    contentPadding?: ContentPadding;
+    maxWidth?: MaxWidth;
+    contentPosition?: 'relative' | 'absolute';
+} & Pick<ChakraPopoverProps, 'placement' | 'closeOnBlur' | 'gutter' | 'size' | 'trigger' | 'onClose' | 'onOpen' | 'isOpen'>>;
+declare const Popover: FC<PopoverProps>;
+export default Popover;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAGL,YAAY,IAAI,kBAAkB,EAMnC,MAAM,kBAAkB,CAAC;AAE1B,KAAK,cAAc,GAAG,KAAK,GAAG,CAAC,CAAC;AAEhC,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9B,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAC1C;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAC3C,GAAG,IAAI,CACN,kBAAkB,EAChB,WAAW,GACX,aAAa,GACb,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CACX,CACF,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgD7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Popover as Popover$1, PopoverTrigger, Portal, Box, PopoverContent, PopoverArrow, PopoverBody } from '@chakra-ui/react';
+
+var Popover = function (_a) {
+    var content = _a.content, children = _a.children, placement = _a.placement, _b = _a.trigger, trigger = _b === void 0 ? 'hover' : _b, _c = _a.showArrow, showArrow = _c === void 0 ? true : _c, _d = _a.closeOnBlur, closeOnBlur = _d === void 0 ? false : _d, _e = _a.gutter, gutter = _e === void 0 ? 12 : _e, _f = _a.size, size = _f === void 0 ? 'md' : _f, onClose = _a.onClose, onOpen = _a.onOpen, isOpen = _a.isOpen, _g = _a.contentPadding, contentPadding = _g === void 0 ? '2xl' : _g, _h = _a.maxWidth, maxWidth = _h === void 0 ? '6xl' : _h, contentPosition = _a.contentPosition;
+    return (React.createElement(Popover$1, { placement: placement, closeOnBlur: closeOnBlur, trigger: trigger, arrowSize: 12, gutter: gutter, size: size, onClose: onClose, onOpen: onOpen, isOpen: isOpen, isLazy: true },
+        React.createElement(PopoverTrigger, null, children),
+        React.createElement(Portal, null,
+            React.createElement(Box, { zIndex: "popover", position: contentPosition, top: "0", left: "0" },
+                React.createElement(PopoverContent, { borderRadius: "sm", boxShadow: "md", maxW: maxWidth, 
+                    // required for arrow to popup above shadow
+                    zIndex: "0", backgroundColor: "white", padding: contentPadding },
+                    showArrow ? React.createElement(PopoverArrow, { backgroundColor: "white" }) : null,
+                    React.createElement(PopoverBody, null, content))))));
+};
+
+export { Popover as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/popover/index.tsx"],"sourcesContent":[null],"names":["ChakraPopover"],"mappings":";;;AAoCA,IAAM,OAAO,GAAqB,UAAC,EAelC,EAAA;AAdC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,OAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACX,EAAA,GAAA,EAAA,CAAA,IAAW,EAAX,IAAI,mBAAG,IAAI,GAAA,EAAA,EACX,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAA,GAAA,EAAA,CAAA,cAAsB,EAAtB,cAAc,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,eAAe,GAAA,EAAA,CAAA,eAAA;AAEf,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,SAAa,IACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,IAAI,EAAA;QAEZ,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,EAAE,QAAQ,CAAkB;AAC3C,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,EAAA;AAC/D,gBAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,IAAI,EACd,IAAI,EAAE,QAAQ;;oBAEd,MAAM,EAAC,GAAG,EACV,eAAe,EAAC,OAAO,EACvB,OAAO,EAAE,cAAc,EAAA;AAEtB,oBAAA,SAAS,GAAG,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,eAAe,EAAC,OAAO,EAAA,CAAG,GAAG,IAAI;oBAC5D,KAAA,CAAA,aAAA,CAAC,WAAW,QAAE,OAAO,CAAe,CACrB,CACb,CACC,CACK;AAEpB;;;;"}

package/dist/esm/components/radio/QuestionWithFollowUp.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export type FollowUpProps = {
+    id: string;
+    name: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    groupLabel: string;
+    tooltip?: string;
+    hint?: string;
+};
+export type Option = {
+    label: string;
+    value: string;
+};
+export type Props<TOptions extends readonly Option[] = Option[]> = {
+    id: string;
+    name: string;
+    values: Record<string, string>;
+    onChange: (values: Record<string, string>) => void;
+    options: TOptions;
+    groupLabel: string;
+    tooltip?: string;
+    errorMessage?: string;
+    hint?: string;
+    followUps?: Partial<Record<TOptions[number]['value'], FollowUpProps>>;
+    recurring?: boolean;
+};
+declare const QuestionWithFollowUp: React.ForwardRefExoticComponent<Props<Option[]> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export default QuestionWithFollowUp;
+//# sourceMappingURL=QuestionWithFollowUp.d.ts.map

package/dist/esm/components/radio/QuestionWithFollowUp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionWithFollowUp.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/QuestionWithFollowUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAS7D,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,MAAM,MAAM,KAAK,CAAC,QAAQ,SAAS,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,IAAI;IACjE,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACnD,OAAO,EAAE,QAAQ,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,oBAAoB;;0CA+EzB,CAAC;AAGF,eAAe,oBAAoB,CAAC"}

package/dist/esm/components/radio/QuestionWithFollowUp.js

@@ -0,0 +1,40 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import FormControlSection from '../formControlSection/index.js';
+import Flex from '../flex/index.js';
+import { RadioGroup, Divider } from '@chakra-ui/react';
+import Radio from './index.js';
+
+var QuestionWithFollowUp = forwardRef(function (_a, ref) {
+    var name = _a.name, values = _a.values, onChange = _a.onChange, options = _a.options, groupLabel = _a.groupLabel, tooltip = _a.tooltip, id = _a.id, errorMessage = _a.errorMessage, hint = _a.hint, followUps = _a.followUps, recurring = _a.recurring;
+    var currentValue = values[id];
+    var handleChange = function (groupId, value) {
+        var _a;
+        var newValues = __assign(__assign({}, values), (_a = {}, _a[groupId] = value, _a));
+        if (followUps) {
+            for (var _i = 0, _b = Object.entries(followUps); _i < _b.length; _i++) {
+                var _c = _b[_i], key = _c[0], followUp = _c[1];
+                if (!followUp)
+                    continue;
+                if (key !== value && followUp.id in newValues) {
+                    delete newValues[followUp.id];
+                }
+            }
+        }
+        onChange(newValues);
+    };
+    return (React.createElement(FormControlSection, { id: id, errorMessage: errorMessage, label: groupLabel, hint: hint, tooltip: tooltip, recurring: recurring },
+        React.createElement(RadioGroup, { value: currentValue || '', onChange: function (value) { return handleChange(id, value); } },
+            React.createElement(Flex, { flexDirection: "column" },
+                options.map(function (_a) {
+                    var label = _a.label, value = _a.value;
+                    return (React.createElement(Radio, { key: value, name: name, value: value, isChecked: value === currentValue, ref: ref, label: label, isInvalid: false }));
+                }),
+                (followUps === null || followUps === void 0 ? void 0 : followUps[currentValue]) ? (React.createElement(React.Fragment, null,
+                    React.createElement(Divider, { marginY: "xl" }),
+                    React.createElement(QuestionWithFollowUp, __assign({}, followUps[currentValue], { values: values, onChange: onChange, recurring: true })))) : null))));
+});
+Radio.displayName = 'QuestionWithFollowUp';
+
+export { QuestionWithFollowUp as default };
+//# sourceMappingURL=QuestionWithFollowUp.js.map

package/dist/esm/components/radio/QuestionWithFollowUp.js.map

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

package/dist/esm/components/radio/RadioList.d.ts

@@ -1,10 +1,8 @@
-import React, { FC } from 'react';
+import { FC, JSX } from 'react';
+import { UseRadioGroupProps } from '@chakra-ui/react';
 type RadioListProps = {
-    options: React.ReactElement[];
-    name?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-};
-export declare const RadioList: FC<RadioListProps>;
-export {};
+    options: JSX.Element[];
+} & Pick<UseRadioGroupProps, 'name' | 'defaultValue' | 'onChange'>;
+declare const RadioList: FC<RadioListProps>;
+export default RadioList;
 //# sourceMappingURL=RadioList.d.ts.map