mautourco-components 0.2.30 → 0.2.32

package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.js

@@ -19,7 +19,7 @@ var isAccommodation = function (data) {
 var isExcursion = function (data) {
     return 'excursionName' in data;
 };
-export var DialogCancellations = function (props) {
+export var CancellationsList = function (props) {
     var cancellations = props.cancellations;
     return (_jsx(_Fragment, { children: cancellations.map(function (c, index) {
             if (c.type === 'accommodation' && isAccommodation(c.data)) {
@@ -43,5 +43,5 @@ export var DialogCancellations = function (props) {
  * @returns The DialogCancellationList component.
  */
 export var DialogCancellationList = function (props) {
-    return (_jsx(DialogContentPolicy, { children: _jsx(DialogCancellations, __assign({}, props)) }));
+    return (_jsx(DialogContentPolicy, { children: _jsx(CancellationsList, __assign({}, props)) }));
 };

package/dist/components/molecules/DialogContentPolicy/DialogContentPolicy.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import Button from '../../atoms/Button/Button';
@@ -31,7 +20,7 @@ import { DialogCancellationList } from './DialogCancellationList';
 export var DialogContentPolicy = function (props) {
     var children = props.children, onSubmit = props.onSubmit;
     var _a = useState(false), accepted = _a[0], setAccepted = _a[1];
-    return (_jsxs("div", __assign({ className: "cancellation-policy" }, { children: [children, _jsxs("div", __assign({ className: "flex justify-end gap-x-5 py-9" }, { children: [_jsx("div", __assign({ className: "flex gap-x-2.5 items-center" }, { children: _jsx(Checkbox, { checked: accepted, onChange: setAccepted, label: "I've read and accept the cancellation policy.", labelPosition: "leading" }) })), _jsx(Button, __assign({ className: "w-[250px]", variant: "secondary", disabled: !accepted, onClick: onSubmit }, { children: "Next" }))] }))] })));
+    return (_jsxs("div", { className: "cancellation-policy", children: [children, _jsxs("div", { className: "flex justify-end gap-x-5 pt-9 pb-2", children: [_jsx("div", { className: "flex gap-x-2.5 items-center", children: _jsx(Checkbox, { checked: accepted, onChange: setAccepted, label: "I've read and accept the cancellation policy.", labelPosition: "leading" }) }), _jsx(Button, { className: "w-[250px]", variant: "secondary", disabled: !accepted, onClick: onSubmit, children: "Next" })] })] }));
 };
 DialogContentPolicy.Accommodation = DialogCancellationAccom;
 DialogContentPolicy.Excursion = DialogCancellationExcursion;

package/dist/components/molecules/DocketPrices/DocketPrices.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '../../../styles/components/molecule/docket-prices.css';
 import { Text } from '../../atoms/Typography/Typography';
@@ -26,6 +15,6 @@ export var DocketPrices = function (_a) {
     if (!prices || prices.length === 0) {
         return null;
     }
-    return (_jsxs("div", __assign({ className: "docket-prices ".concat(className) }, { children: [_jsx(Text, __assign({ variant: "bold", size: "sm", color: "default", className: "docket-prices__label" }, { children: label })), _jsx("div", __assign({ className: "docket-prices__price-list" }, { children: prices.map(function (price, index) { return (_jsxs(Text, __assign({ variant: "bold", size: "sm", color: "default" }, { children: [price.currency, " ", formatAmount(price.amount)] }), index)); }) }))] })));
+    return (_jsxs("div", { className: "docket-prices ".concat(className), children: [_jsx(Text, { variant: "bold", size: "sm", color: "default", className: "docket-prices__label", children: label }), _jsx("div", { className: "docket-prices__price-list", children: prices.map(function (price, index) { return (_jsxs(Text, { variant: "bold", size: "sm", color: "default", children: [price.currency, " ", formatAmount(price.amount)] }, index)); }) })] }));
 };
 export default DocketPrices;

package/dist/components/molecules/ExcursionDocket/ExcursionDocket.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '../../../styles/components/molecule/excursion-docket.css';
 import Button from '../../atoms/Button/Button';
@@ -26,6 +15,6 @@ export var ExcursionDocket = function (_a) {
         var price = typeof TotalPrice === 'string' ? TotalPrice : TotalPrice.toString();
         return "".concat(Currency, " ").concat(price);
     };
-    return (_jsxs("div", __assign({ className: "excursion-docket" }, { children: [_jsxs("div", __assign({ className: "excursion-docket__header" }, { children: [_jsxs("div", __assign({ className: "excursion-docket__title-section" }, { children: [_jsx("div", { className: "excursion-docket__title-bar" }), _jsx(Icon, { name: "map-pin", size: "sm" }), _jsx(Text, __assign({ variant: "bold", size: "sm", color: "accent" }, { children: "Excursion" }))] })), removeMode ? (_jsx(Button, __assign({ variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "excursion-docket__remove-button" }, { children: "Remove" }))) : (TotalPrice && Currency && (_jsx(Chip, __assign({ type: "filled", color: "accent", size: "sm" }, { children: formatPrice() }))))] })), ExcursionName && (_jsx("div", __assign({ className: "excursion-docket__excursion-name" }, { children: _jsx(Text, __assign({ variant: "bold", size: "base", color: "default" }, { children: ExcursionName })) }))), _jsxs("div", __assign({ className: "excursion-docket__details" }, { children: [ServiceDate && (_jsx(DateDisplay, { date: ServiceDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), SelectedHotel && (_jsxs("div", __assign({ className: "excursion-docket__pickup" }, { children: [_jsxs(Text, __assign({ variant: "bold", size: "sm", color: "subtle" }, { children: ["Pickup:", ' '] })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle" }, { children: SelectedHotel }))] }))), AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", color: "subtle" }, { children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] }))), _jsxs("div", __assign({ className: "excursion-docket__details-list" }, { children: [Duration && (_jsxs("div", __assign({ className: "excursion-docket__detail-item" }, { children: [_jsx("div", __assign({ className: "excursion-docket__detail-label" }, { children: _jsx(TextWithIcon, __assign({ icon: "clock", textSize: "sm", color: "subtle", textLeading: "none" }, { children: "Duration" })) })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: "|" })), _jsx(Text, __assign({ variant: "regular", size: "sm", color: "subtle", leading: "none" }, { children: Duration }))] }))), (MealIncluded !== undefined || Meal) && (_jsxs("div", __assign({ className: "excursion-docket__detail-item" }, { children: [_jsx("div", __assign({ className: "excursion-docket__detail-label" }, { children: _jsx(TextWithIcon, __assign({ icon: "utensils", textSize: "sm", color: "subtle", textLeading: "none" }, { children: "Meal" })) })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: "|" })), _jsx(Text, __assign({ variant: "regular", size: "sm", color: "subtle", leading: "none" }, { children: Meal || (MealIncluded ? 'Included' : 'Not included') }))] }))), Accessibility && (_jsxs("div", __assign({ className: "excursion-docket__detail-item" }, { children: [_jsx("div", __assign({ className: "excursion-docket__detail-label" }, { children: _jsx(TextWithIcon, __assign({ icon: "stroller", textSize: "sm", color: "subtle", textLeading: "none" }, { children: "Accessibility" })) })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: "|" })), _jsx(Text, __assign({ variant: "regular", size: "sm", color: "subtle", leading: "none" }, { children: Accessibility }))] }))), (VehicleType || VehicleTypeName) && (_jsxs("div", __assign({ className: "excursion-docket__detail-item" }, { children: [_jsx("div", __assign({ className: "excursion-docket__detail-label" }, { children: _jsx(TextWithIcon, __assign({ icon: "car", textSize: "sm", color: "subtle", textLeading: "none" }, { children: "Vehicle" })) })), _jsx(Text, __assign({ variant: "medium", size: "sm", color: "subtle", leading: "none" }, { children: "|" })), _jsx(Text, __assign({ variant: "regular", size: "sm", color: "subtle", leading: "none" }, { children: VehicleTypeName || VehicleType }))] })))] }))] }))] })));
+    return (_jsxs("div", { className: "excursion-docket", children: [_jsxs("div", { className: "excursion-docket__header", children: [_jsxs("div", { className: "excursion-docket__title-section", children: [_jsx("div", { className: "excursion-docket__title-bar" }), _jsx(Icon, { name: "map-pin", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Excursion" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "excursion-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && (_jsx(Chip, { type: "filled", color: "accent", size: "sm", children: formatPrice() })))] }), ExcursionName && (_jsx("div", { className: "excursion-docket__excursion-name", children: _jsx(Text, { variant: "bold", size: "base", color: "default", children: ExcursionName }) })), _jsxs("div", { className: "excursion-docket__details", children: [ServiceDate && (_jsx(DateDisplay, { date: ServiceDate, calendarSize: "sm", textSize: "sm", colorMode: "green" })), SelectedHotel && (_jsxs("div", { className: "excursion-docket__pickup", children: [_jsxs(Text, { variant: "bold", size: "sm", color: "subtle", children: ["Pickup:", ' '] }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", children: SelectedHotel })] })), AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })), _jsxs("div", { className: "excursion-docket__details-list", children: [Duration && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "clock", textSize: "sm", color: "subtle", textLeading: "none", children: "Duration" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: Duration })] })), (MealIncluded !== undefined || Meal) && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "utensils", textSize: "sm", color: "subtle", textLeading: "none", children: "Meal" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: Meal || (MealIncluded ? 'Included' : 'Not included') })] })), Accessibility && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "stroller", textSize: "sm", color: "subtle", textLeading: "none", children: "Accessibility" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: Accessibility })] })), (VehicleType || VehicleTypeName) && (_jsxs("div", { className: "excursion-docket__detail-item", children: [_jsx("div", { className: "excursion-docket__detail-label", children: _jsx(TextWithIcon, { icon: "car", textSize: "sm", color: "subtle", textLeading: "none", children: "Vehicle" }) }), _jsx(Text, { variant: "medium", size: "sm", color: "subtle", leading: "none", children: "|" }), _jsx(Text, { variant: "regular", size: "sm", color: "subtle", leading: "none", children: VehicleTypeName || VehicleType })] }))] })] })] }));
 };
 export default ExcursionDocket;

package/dist/components/molecules/FeatureRow/FeatureRow.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from '../../atoms/Icon/Icon';
 import Divider from '../../atoms/Divider/Divider';
@@ -17,6 +6,6 @@ var FeatureRow = function (_a) {
     var label = _a.label, value = _a.value, icon = _a.icon, _b = _a.iconSize, iconSize = _b === void 0 ? 'sm' : _b, _c = _a.className, className = _c === void 0 ? '' : _c;
     var baseClass = 'feature-row';
     var classes = [baseClass, className].filter(Boolean).join(' ');
-    return (_jsxs("div", __assign({ className: classes }, { children: [_jsx("div", __assign({ className: "feature-row__label" }, { children: _jsx("span", __assign({ className: "feature-row__label-text" }, { children: label })) })), _jsx(Divider, { orientation: "vertical", className: "feature-row__divider" }), _jsxs("div", __assign({ className: "feature-row__value" }, { children: [icon && (_jsx(Icon, { name: icon, size: iconSize, className: "feature-row__value-icon" })), _jsx("span", __assign({ className: "feature-row__value-text" }, { children: value }))] }))] })));
+    return (_jsxs("div", { className: classes, children: [_jsx("div", { className: "feature-row__label", children: _jsx("span", { className: "feature-row__label-text", children: label }) }), _jsx(Divider, { orientation: "vertical", className: "feature-row__divider" }), _jsxs("div", { className: "feature-row__value", children: [icon && (_jsx(Icon, { name: icon, size: iconSize, className: "feature-row__value-icon" })), _jsx("span", { className: "feature-row__value-text", children: value })] })] }));
 };
 export default FeatureRow;

package/dist/components/molecules/FromTo/FromTo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FromToProps {
     from?: string;
     to?: string;

package/dist/components/molecules/FromTo/FromTo.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
@@ -19,6 +8,6 @@ var FromTo = function (props) {
             return '';
         return location.toLowerCase() === 'airport' ? 'Plaisance Airport' : location;
     };
-    return (_jsxs("div", __assign({ className: "grid gap-y-1" }, { children: [_jsx(Text, __assign({ variant: "regular", size: "sm", leading: "5" }, { children: getTransferLocationName(from) })), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, __assign({ variant: "regular", size: "sm", leading: "5" }, { children: getTransferLocationName(to) }))] })));
+    return (_jsxs("div", { className: "grid gap-y-1", children: [_jsx(Text, { variant: "regular", size: "sm", leading: "5", children: getTransferLocationName(from) }), _jsx(Icon, { name: "arrow-down-outline", size: "sm" }), _jsx(Text, { variant: "regular", size: "sm", leading: "5", children: getTransferLocationName(to) })] }));
 };
 export default FromTo;

package/dist/components/molecules/GlobalAmenities/GlobalAmenities.js

@@ -1,19 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CardServiceAccom from '../../atoms/CardServiceAccom/CardServiceAccom';
 import Chip from '../../atoms/Chip/Chip';
 import { Text } from '../../atoms/Typography/Typography';
 export var GlobalAmenities = function (props) {
     var amenities = props.amenities;
-    return (_jsxs(CardServiceAccom, __assign({ className: "space-y-4", withBorderLeft: true }, { children: [_jsx(Text, __assign({ variant: "medium", size: "lg", leading: "4" }, { children: "Global Amenities" })), _jsx("div", __assign({ className: "flex flex-wrap gap-4" }, { children: amenities.map(function (amenity, index) { return (_jsx(Chip, __assign({ type: "outline", color: "accent", externalIcon: amenity.AmenityIcon }, { children: amenity.AmenityName }), "ga-".concat(index))); }) }))] })));
+    return (_jsxs(CardServiceAccom, { className: "space-y-4", withBorderLeft: true, children: [_jsx(Text, { variant: "medium", size: "lg", leading: "4", children: "Global Amenities" }), _jsx("div", { className: "flex flex-wrap gap-4", children: amenities.map(function (amenity, index) { return (_jsx(Chip, { type: "outline", color: "accent", externalIcon: amenity.AmenityIcon, children: amenity.AmenityName }, "ga-".concat(index))); }) })] }));
 };

package/dist/components/molecules/LocationDropdown/LocationDropdown.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -123,14 +112,14 @@ var LocationDropdown = function (_a) {
     // Prepare all options (flat or grouped)
     var allOptions = groups.length > 0 ? groups : [{ id: 'default', label: '', options: options }];
     // Skeleton loader component
-    var SkeletonOption = function () { return (_jsxs("div", __assign({ className: "location-dropdown__option location-dropdown__option--skeleton" }, { children: [_jsx("div", { className: "location-dropdown__skeleton-icon" }), _jsx("div", { className: "location-dropdown__skeleton-text" })] }))); };
+    var SkeletonOption = function () { return (_jsxs("div", { className: "location-dropdown__option location-dropdown__option--skeleton", children: [_jsx("div", { className: "location-dropdown__skeleton-icon" }), _jsx("div", { className: "location-dropdown__skeleton-text" })] })); };
     // Render skeleton loading state
-    var renderSkeletonLoading = function () { return (_jsx("div", __assign({ className: "location-dropdown__panel" }, { children: _jsx("div", __assign({ className: "location-dropdown__content", style: { maxHeight: "".concat(maxHeight, "px") } }, { children: _jsx("div", __assign({ className: "location-dropdown__options-wrapper" }, { children: _jsx("div", __assign({ className: "location-dropdown__group" }, { children: _jsx("div", __assign({ className: "location-dropdown__group-options" }, { children: __spreadArray([], Array(5), true).map(function (_, index) { return (_jsx(SkeletonOption, {}, "skeleton-".concat(index))); }) })) })) })) })) }))); };
-    return (_jsxs("div", __assign({ ref: dropdownRef, className: "location-dropdown location-dropdown--".concat(type, " ").concat(className) }, { children: [label && (_jsx("div", __assign({ className: "location-dropdown__label" }, { children: _jsx(Text, __assign({ size: "sm", variant: "medium" }, { children: label })) }))), _jsxs("div", __assign({ ref: inputRef, className: "location-dropdown__input location-dropdown__input--".concat(getDropdownState()), onClick: handleToggleDropdown }, { children: [_jsxs("div", __assign({ className: "location-dropdown__input-content" }, { children: [_jsx(Icon, { name: getInputIcon(), size: "sm", className: "location-dropdown__input-icon ".concat(!selectedOption ? 'location-dropdown__input-icon--placeholder' : '') }), _jsx("span", __assign({ className: "location-dropdown__input-text ".concat(!selectedOption ? 'location-dropdown__input-text--placeholder' : '') }, { children: displayText }))] })), _jsx(Icon, { name: "chevron-down", size: "sm", className: "location-dropdown__input-chevron" })] })), isOpen &&
-                (loading ? (renderSkeletonLoading()) : (_jsx("div", __assign({ className: "location-dropdown__panel" }, { children: _jsx("div", __assign({ className: "location-dropdown__content", style: { maxHeight: "".concat(maxHeight, "px") } }, { children: _jsx("div", __assign({ className: "location-dropdown__options-wrapper" }, { children: allOptions.map(function (group, groupIndex) { return (_jsxs("div", __assign({ className: "location-dropdown__group" }, { children: [showGroupTitles && group.label && groups.length > 0 && (_jsxs(_Fragment, { children: [groupIndex > 0 && _jsx("div", { className: "location-dropdown__divider" }), _jsx("div", __assign({ className: "location-dropdown__group-header" }, { children: _jsx(Text, __assign({ size: "xs", variant: "bold" }, { children: group.label })) }))] })), _jsx("div", __assign({ className: "location-dropdown__group-options" }, { children: group.options.map(function (option) {
+    var renderSkeletonLoading = function () { return (_jsx("div", { className: "location-dropdown__panel", children: _jsx("div", { className: "location-dropdown__content", style: { maxHeight: "".concat(maxHeight, "px") }, children: _jsx("div", { className: "location-dropdown__options-wrapper", children: _jsx("div", { className: "location-dropdown__group", children: _jsx("div", { className: "location-dropdown__group-options", children: __spreadArray([], Array(5), true).map(function (_, index) { return (_jsx(SkeletonOption, {}, "skeleton-".concat(index))); }) }) }) }) }) })); };
+    return (_jsxs("div", { ref: dropdownRef, className: "location-dropdown location-dropdown--".concat(type, " ").concat(className), children: [label && (_jsx("div", { className: "location-dropdown__label", children: _jsx(Text, { size: "sm", variant: "medium", children: label }) })), _jsxs("div", { ref: inputRef, className: "location-dropdown__input location-dropdown__input--".concat(getDropdownState()), onClick: handleToggleDropdown, children: [_jsxs("div", { className: "location-dropdown__input-content", children: [_jsx(Icon, { name: getInputIcon(), size: "sm", className: "location-dropdown__input-icon ".concat(!selectedOption ? 'location-dropdown__input-icon--placeholder' : '') }), _jsx("span", { className: "location-dropdown__input-text ".concat(!selectedOption ? 'location-dropdown__input-text--placeholder' : ''), children: displayText })] }), _jsx(Icon, { name: "chevron-down", size: "sm", className: "location-dropdown__input-chevron" })] }), isOpen &&
+                (loading ? (renderSkeletonLoading()) : (_jsx("div", { className: "location-dropdown__panel", children: _jsx("div", { className: "location-dropdown__content", style: { maxHeight: "".concat(maxHeight, "px") }, children: _jsx("div", { className: "location-dropdown__options-wrapper", children: allOptions.map(function (group, groupIndex) { return (_jsxs("div", { className: "location-dropdown__group", children: [showGroupTitles && group.label && groups.length > 0 && (_jsxs(_Fragment, { children: [groupIndex > 0 && _jsx("div", { className: "location-dropdown__divider" }), _jsx("div", { className: "location-dropdown__group-header", children: _jsx(Text, { size: "xs", variant: "bold", children: group.label }) })] })), _jsx("div", { className: "location-dropdown__group-options", children: group.options.map(function (option) {
                                             var isSelected = selectedValue === option.id;
                                             var isDisabled = option.disabled || disabled;
-                                            return (_jsxs("div", __assign({ className: "location-dropdown__option ".concat(isSelected ? 'location-dropdown__option--selected' : '', " ").concat(isDisabled ? 'location-dropdown__option--disabled' : ''), onClick: function () { return !isDisabled && handleOptionSelect(option); } }, { children: [_jsx(Icon, { name: getOptionIcon(option, isSelected), size: "sm", className: "location-dropdown__option-icon" }), _jsx("span", __assign({ className: "location-dropdown__option-text" }, { children: option.label }))] }), option.id));
-                                        }) }))] }), group.id)); }) })) })) }))))] })));
+                                            return (_jsxs("div", { className: "location-dropdown__option ".concat(isSelected ? 'location-dropdown__option--selected' : '', " ").concat(isDisabled ? 'location-dropdown__option--disabled' : ''), onClick: function () { return !isDisabled && handleOptionSelect(option); }, children: [_jsx(Icon, { name: getOptionIcon(option, isSelected), size: "sm", className: "location-dropdown__option-icon" }), _jsx("span", { className: "location-dropdown__option-text", children: option.label })] }, option.id));
+                                        }) })] }, group.id)); }) }) }) })))] }));
 };
 export default LocationDropdown;

package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.d.ts

@@ -20,6 +20,7 @@ export interface MultiSelectDropdownProps {
     error?: boolean;
     className?: string;
     maxDisplayedChips?: number;
+    useTextForMaxDisplayedChips?: boolean;
     selectedValueVariant?: 'filled' | 'text';
     searchable?: boolean;
     searchPlaceholder?: string;

package/dist/components/molecules/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -18,17 +7,17 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import Checkbox from '../../atoms/Checkbox/Checkbox';
 import DropdownInput from '../../atoms/Inputs/DropdownInput/DropdownInput';
 import Input from '../../atoms/Inputs/Input/Input';
-import Checkbox from '../../atoms/Checkbox/Checkbox';
 import SelectedValue from '../../atoms/SelectedValue/SelectedValue';
 import { Text } from '../../atoms/Typography/Typography';
 var MultiSelectDropdown = function (_a) {
-    var options = _a.options, selectedValues = _a.selectedValues, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select items' : _b, onSelectionChange = _a.onSelectionChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.maxDisplayedChips, maxDisplayedChips = _f === void 0 ? 3 : _f, _g = _a.selectedValueVariant, selectedValueVariant = _g === void 0 ? 'filled' : _g, _h = _a.searchable, searchable = _h === void 0 ? false : _h, _j = _a.searchPlaceholder, searchPlaceholder = _j === void 0 ? 'Search' : _j, groups = _a.groups;
-    var _k = useState(false), isOpen = _k[0], setIsOpen = _k[1];
-    var _l = useState(''), query = _l[0], setQuery = _l[1];
+    var options = _a.options, selectedValues = _a.selectedValues, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select items' : _b, onSelectionChange = _a.onSelectionChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.error, error = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.maxDisplayedChips, maxDisplayedChips = _f === void 0 ? 3 : _f, _g = _a.selectedValueVariant, selectedValueVariant = _g === void 0 ? 'filled' : _g, _h = _a.searchable, searchable = _h === void 0 ? false : _h, _j = _a.searchPlaceholder, searchPlaceholder = _j === void 0 ? 'Search' : _j, _k = _a.useTextForMaxDisplayedChips, useTextForMaxDisplayedChips = _k === void 0 ? false : _k, groups = _a.groups;
+    var _l = useState(false), isOpen = _l[0], setIsOpen = _l[1];
+    var _m = useState(''), query = _m[0], setQuery = _m[1];
     var dropdownRef = useRef(null);
     // Close dropdown when clicking outside
     useEffect(function () {
@@ -91,16 +80,22 @@ var MultiSelectDropdown = function (_a) {
             return 'selected';
         return 'default';
     };
-    return (_jsxs("div", __assign({ ref: dropdownRef, className: "multiselect-dropdown ".concat(className) }, { children: [_jsxs("div", __assign({ className: "multiselect-dropdown__input-container" }, { children: [_jsx(DropdownInput, { placeholder: selectedValues.length === 0 ? placeholder : '', state: getDropdownState(), onClick: handleToggleDropdown, className: "multiselect-dropdown__input" }), selectedValues.length > 0 && (_jsxs("div", __assign({ className: "multiselect-dropdown__chips" }, { children: [getDisplayedChips().map(function (option) { return (_jsx(SelectedValue, { value: option.label, onRemove: function () { return handleRemoveChip(option.id); }, className: "multiselect-dropdown__chip", size: "xs", iconSize: "xs", variant: selectedValueVariant }, option.id)); }), getHiddenCount() > 0 && (_jsxs("div", __assign({ className: "multiselect-dropdown__hidden-count" }, { children: ["+", getHiddenCount()] })))] })))] })), isOpen && (_jsxs("div", __assign({ className: "multiselect-dropdown__panel" }, { children: [_jsxs("div", __assign({ className: "multiselect-dropdown__menu" }, { children: [searchable && (_jsx("div", __assign({ className: "multiselect-dropdown__search" }, { children: _jsx(Input, { placeholder: searchPlaceholder, value: query, onChange: function (e) { return setQuery(e.target.value); }, icon: "search", iconPosition: "trailing" }) }))), _jsx("div", __assign({ className: "multiselect-dropdown__options" }, { children: groups && groups.length > 0 ? (groups.map(function (group) { return (_jsxs("div", __assign({ className: "multiselect-dropdown__group" }, { children: [_jsxs("div", __assign({ className: "multiselect-dropdown__group-header" }, { children: [group.imageUrl && (_jsx("span", __assign({ className: "multiselect-dropdown__group-icon", "aria-hidden": "true" }, { children: _jsx("img", { src: group.imageUrl, alt: "" }) }))), _jsx(Text, __assign({ size: "sm", variant: "medium" }, { children: group.label }))] })), _jsx("div", __assign({ className: "multiselect-dropdown__group-options" }, { children: getFilteredOptions()
-                                                .filter(function (o) { return group.options.some(function (go) { return go.id === o.id; }); })
-                                                .map(function (option) { return (_jsx("div", __assign({ className: "multiselect-dropdown__option" }, { children: _jsx(Checkbox, { checked: selectedValues.includes(option.id), disabled: option.disabled || disabled, label: option.label, leadingContent: option.imageUrl ? (_jsx("span", __assign({ className: "multiselect-dropdown__option-icon", "aria-hidden": "true" }, { children: _jsx("img", { src: option.imageUrl, alt: "" }) }))) : undefined, onChange: function (checked) {
-                                                        if (checked !== selectedValues.includes(option.id)) {
-                                                            handleOptionToggle(option.id);
-                                                        }
-                                                    } }) }), option.id)); }) }))] }), group.id)); })) : (getFilteredOptions().map(function (option) { return (_jsx("div", __assign({ className: "multiselect-dropdown__option" }, { children: _jsx(Checkbox, { checked: selectedValues.includes(option.id), disabled: option.disabled || disabled, label: option.label, leadingContent: option.imageUrl ? (_jsx("span", __assign({ className: "multiselect-dropdown__option-icon", "aria-hidden": "true" }, { children: _jsx("img", { src: option.imageUrl, alt: "" }) }))) : undefined, onChange: function (checked) {
-                                            if (checked !== selectedValues.includes(option.id)) {
-                                                handleOptionToggle(option.id);
-                                            }
-                                        } }) }), option.id)); })) }))] })), _jsx("div", __assign({ className: "multiselect-dropdown__footer" }, { children: _jsxs(Text, __assign({ size: "sm", variant: "regular", leading: "5", className: "multiselect-dropdown__footer-text" }, { children: [selectedValues.length, " item selected"] })) }))] })))] })));
+    var displayChips = function () {
+        return getDisplayedChips().map(function (option) { return (_jsx(SelectedValue, { value: option.label, onRemove: function () { return handleRemoveChip(option.id); }, className: "multiselect-dropdown__chip", size: "xs", iconSize: "xs", variant: selectedValueVariant }, option.id)); });
+    };
+    return (_jsxs("div", { ref: dropdownRef, className: "multiselect-dropdown ".concat(className), children: [_jsxs("div", { className: "multiselect-dropdown__input-container", children: [_jsx(DropdownInput, { placeholder: selectedValues.length === 0 ? placeholder : '', state: getDropdownState(), onClick: handleToggleDropdown, className: "multiselect-dropdown__input" }), selectedValues.length > 0 && (_jsxs("div", { className: "multiselect-dropdown__chips", children: [!useTextForMaxDisplayedChips && (_jsxs(_Fragment, { children: [displayChips(), getHiddenCount() > 0 && (_jsxs("div", { className: "multiselect-dropdown__hidden-count", children: ["+", getHiddenCount()] }))] })), useTextForMaxDisplayedChips &&
+                                (getHiddenCount() > 0 ? (_jsx(_Fragment, { children: _jsxs(Text, { size: "sm", variant: "regular", leading: "5", className: "multiselect-dropdown__footer-text", children: [selectedValues.length, " item selected"] }) })) : (displayChips()))] }))] }), isOpen && (_jsxs("div", { className: "multiselect-dropdown__panel", children: [_jsxs("div", { className: "multiselect-dropdown__menu", children: [searchable && (_jsx("div", { className: "multiselect-dropdown__search", children: _jsx(Input, { placeholder: searchPlaceholder, value: query, onChange: function (e) { return setQuery(e.target.value); }, icon: "search", iconPosition: "trailing" }) })), _jsx("div", { className: "multiselect-dropdown__options", children: groups && groups.length > 0
+                                    ? groups.map(function (group) { return (_jsxs("div", { className: "multiselect-dropdown__group", children: [_jsxs("div", { className: "multiselect-dropdown__group-header", children: [group.imageUrl && (_jsx("span", { className: "multiselect-dropdown__group-icon", "aria-hidden": "true", children: _jsx("img", { src: group.imageUrl, alt: "" }) })), _jsx(Text, { size: "sm", variant: "medium", children: group.label })] }), _jsx("div", { className: "multiselect-dropdown__group-options", children: getFilteredOptions()
+                                                    .filter(function (o) { return group.options.some(function (go) { return go.id === o.id; }); })
+                                                    .map(function (option) { return (_jsx("div", { className: "multiselect-dropdown__option", children: _jsx(Checkbox, { checked: selectedValues.includes(option.id), disabled: option.disabled || disabled, label: option.label, leadingContent: option.imageUrl ? (_jsx("span", { className: "multiselect-dropdown__option-icon", "aria-hidden": "true", children: _jsx("img", { src: option.imageUrl, alt: "" }) })) : undefined, onChange: function (checked) {
+                                                            if (checked !== selectedValues.includes(option.id)) {
+                                                                handleOptionToggle(option.id);
+                                                            }
+                                                        } }) }, option.id)); }) })] }, group.id)); })
+                                    : getFilteredOptions().map(function (option) { return (_jsx("div", { className: "multiselect-dropdown__option", children: _jsx(Checkbox, { checked: selectedValues.includes(option.id), disabled: option.disabled || disabled, label: option.label, leadingContent: option.imageUrl ? (_jsx("span", { className: "multiselect-dropdown__option-icon", "aria-hidden": "true", children: _jsx("img", { src: option.imageUrl, alt: "" }) })) : undefined, onChange: function (checked) {
+                                                if (checked !== selectedValues.includes(option.id)) {
+                                                    handleOptionToggle(option.id);
+                                                }
+                                            } }) }, option.id)); }) })] }), _jsx("div", { className: "multiselect-dropdown__footer", children: _jsxs(Text, { size: "sm", variant: "regular", leading: "5", className: "multiselect-dropdown__footer-text", children: [selectedValues.length, " item selected"] }) })] }))] }));
 };
 export default MultiSelectDropdown;

package/dist/components/molecules/OtherServiceDocket/OtherServiceDocket.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '../../../styles/components/molecule/other-service-docket.css';
 import Button from '../../atoms/Button/Button';
@@ -25,6 +14,6 @@ export var OtherServiceDocket = function (_a) {
         var price = typeof TotalPrice === 'string' ? TotalPrice : TotalPrice.toString();
         return "".concat(Currency, " ").concat(price);
     };
-    return (_jsxs("div", __assign({ className: "other-service-docket" }, { children: [_jsxs("div", __assign({ className: "other-service-docket__header" }, { children: [_jsxs("div", __assign({ className: "other-service-docket__title-section" }, { children: [_jsx("div", { className: "other-service-docket__title-bar" }), _jsx(Icon, { name: "more", size: "sm" }), _jsx(Text, __assign({ variant: "bold", size: "sm", color: "accent" }, { children: "Other services" }))] })), removeMode ? (_jsx(Button, __assign({ variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "other-service-docket__remove-button" }, { children: "Remove" }))) : (TotalPrice && Currency && (_jsx(Chip, __assign({ type: "filled", color: "accent", size: "sm" }, { children: formatPrice() }))))] })), _jsxs("div", __assign({ className: "other-service-docket__details" }, { children: [_jsx("div", __assign({ className: "other-service-docket__service-info" }, { children: service_for && (_jsx(TextWithIcon, __assign({ icon: "wallet", textSize: "sm", color: "subtle" }, { children: service_for }))) })), AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", color: "subtle" }, { children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] })))] }))] })));
+    return (_jsxs("div", { className: "other-service-docket", children: [_jsxs("div", { className: "other-service-docket__header", children: [_jsxs("div", { className: "other-service-docket__title-section", children: [_jsx("div", { className: "other-service-docket__title-bar" }), _jsx(Icon, { name: "more", size: "sm" }), _jsx(Text, { variant: "bold", size: "sm", color: "accent", children: "Other services" })] }), removeMode ? (_jsx(Button, { variant: "destructive", size: "sm", leadingIcon: "close", onClick: onRemove, className: "other-service-docket__remove-button", children: "Remove" })) : (TotalPrice && Currency && (_jsx(Chip, { type: "filled", color: "accent", size: "sm", children: formatPrice() })))] }), _jsxs("div", { className: "other-service-docket__details", children: [_jsx("div", { className: "other-service-docket__service-info", children: service_for && (_jsx(TextWithIcon, { icon: "wallet", textSize: "sm", color: "subtle", children: service_for })) }), AdultCount !== undefined && AdultCount > 0 && (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", color: "subtle", children: [AdultCount, " Adult", AdultCount > 1 ? 's' : ''] }))] })] }));
 };
 export default OtherServiceDocket;

package/dist/components/molecules/Pagination/Pagination.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from '../../atoms/Icon/Icon';
 import './Pagination.css';
@@ -79,12 +68,12 @@ var Pagination = function (_a) {
     var pageNumbers = getPageNumbers();
     var isPreviousDisabled = currentPage <= 1;
     var isNextDisabled = currentPage >= totalPages;
-    return (_jsxs("div", __assign({ className: "pagination ".concat(className) }, { children: [_jsx("button", __assign({ type: "button", className: "pagination__button pagination__button--prev", onClick: handlePrevious, disabled: isPreviousDisabled, "aria-label": "Previous page" }, { children: _jsx(Icon, { name: "chevron-left", size: "sm" }) })), _jsx("div", __assign({ className: "pagination__numbers" }, { children: pageNumbers.map(function (page, index) {
+    return (_jsxs("div", { className: "pagination ".concat(className), children: [_jsx("button", { type: "button", className: "pagination__button pagination__button--prev", onClick: handlePrevious, disabled: isPreviousDisabled, "aria-label": "Previous page", children: _jsx(Icon, { name: "chevron-left", size: "sm" }) }), _jsx("div", { className: "pagination__numbers", children: pageNumbers.map(function (page, index) {
                     if (page === 'ellipsis') {
-                        return (_jsx("span", __assign({ className: "pagination__ellipsis" }, { children: "..." }), "ellipsis-".concat(index)));
+                        return (_jsx("span", { className: "pagination__ellipsis", children: "..." }, "ellipsis-".concat(index)));
                     }
                     var isSelected = page === currentPage;
-                    return (_jsx("button", __assign({ type: "button", className: "pagination__number ".concat(isSelected ? 'pagination__number--selected' : ''), onClick: function () { return handlePageClick(page); }, "aria-label": "Page ".concat(page), "aria-current": isSelected ? 'page' : undefined }, { children: page }), page));
-                }) })), _jsx("button", __assign({ type: "button", className: "pagination__button pagination__button--next", onClick: handleNext, disabled: isNextDisabled, "aria-label": "Next page" }, { children: _jsx(Icon, { name: "chevron-right", size: "sm" }) }))] })));
+                    return (_jsx("button", { type: "button", className: "pagination__number ".concat(isSelected ? 'pagination__number--selected' : ''), onClick: function () { return handlePageClick(page); }, "aria-label": "Page ".concat(page), "aria-current": isSelected ? 'page' : undefined, children: page }, page));
+                }) }), _jsx("button", { type: "button", className: "pagination__button pagination__button--next", onClick: handleNext, disabled: isNextDisabled, "aria-label": "Next page", children: _jsx(Icon, { name: "chevron-right", size: "sm" }) })] }));
 };
 export default Pagination;

package/dist/components/molecules/PaxChips/PaxChips.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PaxCount {
+    adult: number;
+    teen: number;
+    child: number;
+    infant: number;
+}
+export interface PaxChipsProps {
+    pax: PaxCount;
+}
+export declare const PaxChips: React.FC<PaxChipsProps>;

package/dist/components/molecules/PaxChips/PaxChips.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Chip from '../../atoms/Chip/Chip';
+export var PaxChips = function (props) {
+    var pax = props.pax;
+    return (_jsx("div", { className: "flex flex-wrap gap-2", children: Object.entries(pax).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return (_jsx(Chip, { label: "".concat(key, " ").concat(value), size: "sm", color: "accent", type: value > 0 ? 'filled' : 'outline' }, key));
+        }) }));
+};

package/dist/components/molecules/PaxDisplay/PaxDisplay.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BookingPax } from '@/src/types/table/booking.types';
 import './PaxDisplay.css';
 export interface PaxDisplayProps {

package/dist/components/molecules/PaxDisplay/PaxDisplay.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import groupBy from 'lodash/groupBy';
 import { Text } from '../../atoms/Typography/Typography';
@@ -22,11 +11,11 @@ var paxLabel = {
 };
 export var PaxDisplay = function (props) {
     var pax = props.pax;
-    return (_jsx("div", __assign({ className: "pax-display" }, { children: Object.entries(pax).map(function (_a) {
+    return (_jsx("div", { className: "pax-display", children: Object.entries(pax).map(function (_a) {
             var key = _a[0], value = _a[1];
-            return (_jsx("div", { children: key === 'adult' && (value === null || value === void 0 ? void 0 : value.length) > 0 ? (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", textVariant: "medium" }, { children: [value.length, " ", paxLabel[key]] }))) : (value.length > 0 && (_jsx("div", __assign({ className: "flex flex-wrap" }, { children: _jsx(TextWithIcon, __assign({ icon: "user", textSize: "sm", textVariant: "medium", textLeading: "4" }, { children: _jsx("div", __assign({ className: "flex items-center gap-x-2" }, { children: Object.entries(groupBy(value, 'age')).map(function (_a) {
+            return (_jsx("div", { children: key === 'adult' && (value === null || value === void 0 ? void 0 : value.length) > 0 ? (_jsxs(TextWithIcon, { icon: "user", textSize: "sm", textVariant: "medium", children: [value.length, " ", paxLabel[key]] })) : (value.length > 0 && (_jsx("div", { className: "flex flex-wrap", children: _jsx(TextWithIcon, { icon: "user", textSize: "sm", textVariant: "medium", textLeading: "4", children: _jsx("div", { className: "flex items-center gap-x-2", children: Object.entries(groupBy(value, 'age')).map(function (_a) {
                                 var age = _a[0], items = _a[1];
-                                return (_jsxs("div", __assign({ className: "pax-display__item" }, { children: [items.length, " ", paxLabel[key], ' ', _jsxs(Text, __assign({ variant: "regular", size: "sm", leading: "4", as: "span", color: "light" }, { children: ["(", age, " y.o)"] }))] }), age));
-                            }) })) })) })))) }, key));
-        }) })));
+                                return (_jsxs("div", { className: "pax-display__item", children: [items.length, " ", paxLabel[key], ' ', _jsxs(Text, { variant: "regular", size: "sm", leading: "4", as: "span", color: "light", children: ["(", age, " y.o)"] })] }, age));
+                            }) }) }) }))) }, key));
+        }) }));
 };

package/dist/components/molecules/PriceDisplay/PriceDisplay.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import './PriceDisplay.css';
@@ -127,6 +116,6 @@ export var PriceDisplay = function (_a) {
         }
         return String(price);
     }, [price, thousandSeparator, decimalSeparator]);
-    return (_jsx("div", __assign({ className: "price-display ".concat(className) }, { children: _jsxs("span", __assign({ className: "price-display__text" }, { children: [currency, " ", formattedPrice] })) })));
+    return (_jsx("div", { className: "price-display ".concat(className), children: _jsxs("span", { className: "price-display__text", children: [currency, " ", formattedPrice] }) }));
 };
 export default PriceDisplay;

package/dist/components/molecules/RatingTab/RatingTab.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Check from '../../atoms/Icon/icons/Check';
 import { Text } from '../../atoms/Typography/Typography';
@@ -36,6 +25,6 @@ var RatingTab = function (_a) {
     };
     var stateClass = disabled ? 'rating-tab--disabled' : checked ? 'rating-tab--active' : 'rating-tab--default';
     var containerClasses = ['rating-tab', stateClass, className].filter(Boolean).join(' ');
-    return (_jsxs("div", __assign({ className: containerClasses, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onClick: handleToggle, onKeyDown: handleKeyDown }, { children: [_jsxs("div", __assign({ className: "rating-tab__left" }, { children: [_jsx("div", __assign({ className: "rating-tab__checkbox" }, { children: checked && _jsx(Check, { size: "sm", className: "rating-tab__checkbox-icon" }) })), _jsx(Text, __assign({ size: "sm", color: "default", className: "rating-tab__label" }, { children: label }))] })), _jsx(RatingStar, { value: ratingValue, max: maxStars })] })));
+    return (_jsxs("div", { className: containerClasses, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, onClick: handleToggle, onKeyDown: handleKeyDown, children: [_jsxs("div", { className: "rating-tab__left", children: [_jsx("div", { className: "rating-tab__checkbox", children: checked && _jsx(Check, { size: "sm", className: "rating-tab__checkbox-icon" }) }), _jsx(Text, { size: "sm", color: "default", className: "rating-tab__label", children: label })] }), _jsx(RatingStar, { value: ratingValue, max: maxStars })] }));
 };
 export default RatingTab;

package/dist/components/molecules/SectionTitle/SectionTitle.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Heading } from '../../atoms/Typography/Typography';
 import './SectionTitle.css';
@@ -16,6 +5,6 @@ var SectionTitle = function (_a) {
     var title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'accent' : _b, _c = _a.showMarker, showMarker = _c === void 0 ? true : _c, trailing = _a.trailing, _d = _a.className, className = _d === void 0 ? '' : _d;
     var baseClass = 'section-title';
     var classes = [baseClass, "".concat(baseClass, "--").concat(variant), className].filter(Boolean).join(' ');
-    return (_jsxs("div", __assign({ className: classes }, { children: [_jsxs("div", __assign({ className: "section-title__left" }, { children: [showMarker && _jsx("span", { className: "section-title__marker", "aria-hidden": "true" }), _jsx(Heading, __assign({ level: 3, variant: "bold", color: variant === 'accent' ? 'accent' : 'default', className: "section-title__text" }, { children: title }))] })), trailing && _jsx("div", __assign({ className: "section-title__trailing" }, { children: trailing }))] })));
+    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: "section-title__left", children: [showMarker && _jsx("span", { className: "section-title__marker", "aria-hidden": "true" }), _jsx(Heading, { level: 3, variant: "bold", color: variant === 'accent' ? 'accent' : 'default', className: "section-title__text", children: title })] }), trailing && _jsx("div", { className: "section-title__trailing", children: trailing })] }));
 };
 export default SectionTitle;

package/dist/components/molecules/ServiceInfo/ServiceInfo.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils';
 import React from 'react';
@@ -29,10 +18,10 @@ export var ServiceInfo = function (props) {
         }
         return child;
     });
-    return (_jsx("div", __assign({ className: cn('service-info space-y-2', className) }, { children: childrenWithProps })));
+    return (_jsx("div", { className: cn('service-info space-y-2', className), children: childrenWithProps }));
 };
 var ServiceInfoItem = function (props) {
     var icon = props.icon, label = props.label, children = props.children, textSize = props.textSize, textLeading = props.textLeading, textVariant = props.textVariant, iconSize = props.iconSize, contentTextVariant = props.contentTextVariant;
-    return (_jsxs("div", __assign({ className: "service-info__item" }, { children: [_jsxs("div", __assign({ className: cn('service-info__item-label', !children && 'label-full') }, { children: [_jsx(Icon, { name: icon, size: iconSize }), _jsx(Text, __assign({ variant: textVariant, size: textSize, leading: textLeading }, { children: label }))] })), children && (_jsx(Text, __assign({ variant: contentTextVariant !== null && contentTextVariant !== void 0 ? contentTextVariant : textVariant, size: textSize, leading: textLeading, className: "service-info__item-content" }, { children: children })))] })));
+    return (_jsxs("div", { className: "service-info__item", children: [_jsxs("div", { className: cn('service-info__item-label', !children && 'label-full'), children: [_jsx(Icon, { name: icon, size: iconSize }), _jsx(Text, { variant: textVariant, size: textSize, leading: textLeading, children: label })] }), children && (_jsx(Text, { variant: contentTextVariant !== null && contentTextVariant !== void 0 ? contentTextVariant : textVariant, size: textSize, leading: textLeading, className: "service-info__item-content", children: children }))] }));
 };
 ServiceInfo.Item = ServiceInfoItem;

package/dist/components/molecules/ServiceLanguages/ServiceLanguages.js

@@ -1,19 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import 'flag-icons/css/flag-icons.min.css';
 import { Text } from '../../atoms/Typography/Typography';
 import { languagesMap } from './constant';
 export var ServiceLanguages = function (props) {
     var languages = props.languages, _a = props.showLabel, showLabel = _a === void 0 ? true : _a, _b = props.labelSize, labelSize = _b === void 0 ? 'sm' : _b, _c = props.labelVariant, labelVariant = _c === void 0 ? 'medium' : _c, _d = props.labelLeading, labelLeading = _d === void 0 ? '4' : _d;
-    return (_jsx("div", __assign({ className: "flex gap-x-2.5 items-center" }, { children: languages.map(function (l, index) { return (_jsxs("div", __assign({ className: "flex gap-x-1 items-center" }, { children: [_jsx("i", { className: "fi fi-".concat(languagesMap[l.toLowerCase()]) }), _jsx(Text, __assign({ size: labelSize, variant: labelVariant, leading: labelLeading }, { children: l }))] }), "l-".concat(index))); }) })));
+    return (_jsx("div", { className: "flex gap-x-2.5 items-center", children: languages.map(function (l, index) { return (_jsxs("div", { className: "flex gap-x-1 items-center", children: [_jsx("i", { className: "fi fi-".concat(languagesMap[l.toLowerCase()]) }), _jsx(Text, { size: labelSize, variant: labelVariant, leading: labelLeading, children: l })] }, "l-".concat(index))); }) }));
 };