mautourco-components 0.2.30 → 0.2.32

package/dist/components/molecules/ServiceSelector/ServiceSelector.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 { useEffect, useRef, useState } from 'react';
@@ -83,14 +72,14 @@ var ServiceSelector = function (_a) {
     useEffect(function () {
         setSelectedValue(value);
     }, [value]);
-    return (_jsxs(Popover, __assign({ open: isOpen, onOpenChange: setIsOpen }, { children: [_jsx(PopoverTrigger, __assign({ asChild: true }, { children: _jsxs("button", __assign({ type: "button", className: cn("service-selector__trigger service-selector__trigger--".concat(getDropdownState()), className), onClick: handleToggleDropdown, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox" }, { children: [_jsxs("div", __assign({ className: "service-selector__trigger-content" }, { children: [selectedOption && (_jsx(Icon, { name: selectedOption.icon, size: "md", className: "service-selector__trigger-icon" })), _jsx(Text, __assign({ size: "base", variant: "bold", className: "service-selector__trigger-text" }, { children: displayText }))] })), _jsx(Icon, { name: "chevron-down-new", size: "sm", className: "service-selector__trigger-chevron", style: {
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("service-selector__trigger service-selector__trigger--".concat(getDropdownState()), className), onClick: handleToggleDropdown, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "listbox", children: [_jsxs("div", { className: "service-selector__trigger-content", children: [selectedOption && (_jsx(Icon, { name: selectedOption.icon, size: "md", className: "service-selector__trigger-icon" })), _jsx(Text, { size: "base", variant: "bold", className: "service-selector__trigger-text", children: displayText })] }), _jsx(Icon, { name: "chevron-down-new", size: "sm", className: "service-selector__trigger-chevron", style: {
                                 transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
                                 transition: 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
                                 transformOrigin: 'center',
-                            } })] })) })), _jsx(PopoverContent, __assign({ className: "service-selector__panel", align: "start" }, { children: _jsx("div", __assign({ className: "service-selector__content" }, { children: _jsx("div", __assign({ className: "service-selector__options-wrapper" }, { children: defaultOptions.map(function (option) {
+                            } })] }) }), _jsx(PopoverContent, { className: "service-selector__panel", align: "start", children: _jsx("div", { className: "service-selector__content", children: _jsx("div", { className: "service-selector__options-wrapper", children: defaultOptions.map(function (option) {
                             var isSelected = value === option.value;
                             var isDisabled = option.disabled || disabled;
-                            return (_jsxs("button", __assign({ type: "button", className: "service-selector__option ".concat(isSelected ? 'service-selector__option--selected' : '', " ").concat(isDisabled ? 'service-selector__option--disabled' : ''), onClick: function () { return handleOptionSelect(option); }, disabled: isDisabled, role: "option", "aria-selected": isSelected }, { children: [_jsx(Icon, { name: option.icon, size: "md", className: "service-selector__option-icon ".concat(isSelected ? 'service-selector__option-icon--selected' : '') }), _jsx(Text, __assign({ size: "base", variant: "bold", color: isSelected ? 'inverted' : 'default', className: "service-selector__option-text" }, { children: option.label })), option.badge && (_jsx("span", __assign({ className: "service-selector__option-badge" }, { children: option.badge })))] }), option.value));
-                        }) })) })) }))] })));
+                            return (_jsxs("button", { type: "button", className: "service-selector__option ".concat(isSelected ? 'service-selector__option--selected' : '', " ").concat(isDisabled ? 'service-selector__option--disabled' : ''), onClick: function () { return handleOptionSelect(option); }, disabled: isDisabled, role: "option", "aria-selected": isSelected, children: [_jsx(Icon, { name: option.icon, size: "md", className: "service-selector__option-icon ".concat(isSelected ? 'service-selector__option-icon--selected' : '') }), _jsx(Text, { size: "base", variant: "bold", color: isSelected ? 'inverted' : 'default', className: "service-selector__option-text", children: option.label }), option.badge && (_jsx("span", { className: "service-selector__option-badge", children: option.badge }))] }, option.value));
+                        }) }) }) })] }));
 };
 export default ServiceSelector;

package/dist/components/molecules/ServiceTitle/ServiceTitle.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 Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 import './ServiceTitle.css';
 export var ServiceTitle = function (props) {
     var title = props.title, _a = props.textSize, textSize = _a === void 0 ? 'md' : _a, icon = props.icon, _b = props.iconSize, iconSize = _b === void 0 ? 'sm' : _b, _c = props.textLeading, textLeading = _c === void 0 ? '5' : _c, _d = props.textVariant, textVariant = _d === void 0 ? 'bold' : _d;
-    return (_jsxs(Text, __assign({ className: "service-title", size: textSize, variant: textVariant, leading: textLeading, as: "div", color: "accent" }, { children: [icon && _jsx(Icon, { name: icon, size: iconSize }), _jsx("span", { children: title })] })));
+    return (_jsxs(Text, { className: "service-title", size: textSize, variant: textVariant, leading: textLeading, as: "div", color: "accent", children: [icon && _jsx(Icon, { name: icon, size: iconSize }), _jsx("span", { children: title })] }));
 };

package/dist/components/molecules/Stepper/Stepper.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 './Stepper.css';
@@ -28,6 +17,6 @@ var Stepper = function (_a) {
     var isIncrementDisabled = disabled || value >= max;
     var baseClass = 'stepper';
     var classes = [baseClass, className].filter(Boolean).join(' ');
-    return (_jsxs("div", __assign({ className: classes }, { children: [_jsx("button", __assign({ type: "button", className: "stepper__button stepper__button--decrement", onClick: handleDecrement, disabled: isDecrementDisabled, "aria-label": "Decrease value" }, { children: _jsx(Icon, { name: "minus", size: "sm" }) })), _jsx("div", __assign({ className: "stepper__counter" }, { children: _jsx("span", __assign({ className: "stepper__counter-value" }, { children: value })) })), _jsx("button", __assign({ type: "button", className: "stepper__button stepper__button--increment", onClick: handleIncrement, disabled: isIncrementDisabled, "aria-label": "Increase value" }, { children: _jsx(Icon, { name: "plus", size: "sm" }) }))] })));
+    return (_jsxs("div", { className: classes, children: [_jsx("button", { type: "button", className: "stepper__button stepper__button--decrement", onClick: handleDecrement, disabled: isDecrementDisabled, "aria-label": "Decrease value", children: _jsx(Icon, { name: "minus", size: "sm" }) }), _jsx("div", { className: "stepper__counter", children: _jsx("span", { className: "stepper__counter-value", children: value }) }), _jsx("button", { type: "button", className: "stepper__button stepper__button--increment", onClick: handleIncrement, disabled: isIncrementDisabled, "aria-label": "Increase value", children: _jsx(Icon, { name: "plus", size: "sm" }) })] }));
 };
 export default Stepper;

package/dist/components/molecules/StepperTimeline/StepperTimeline.js

@@ -1,23 +1,12 @@
-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 { Text } from '../../atoms/Typography/Typography';
 import './StepperTimeline.css';
 var StepperTimelineItem = function (props) {
     var label = props.label, current = props.current, index = props.index, _a = props.textAlign, textAlign = _a === void 0 ? 'center' : _a, onChange = props.onChange;
-    return (_jsx("div", __assign({ className: "stepper-timeline-item" }, { children: _jsxs("div", __assign({ className: cn('stepper-timeline-item__content', "stepper-timeline-item__content--".concat(textAlign)) }, { children: [_jsx("div", __assign({ className: cn('stepper-timeline-item__index', {
+    return (_jsx("div", { className: "stepper-timeline-item", children: _jsxs("div", { className: cn('stepper-timeline-item__content', "stepper-timeline-item__content--".concat(textAlign)), children: [_jsx("div", { className: cn('stepper-timeline-item__index', {
                         'stepper-timeline-item__index--current': current,
-                    }), onClick: onChange }, { children: index })), _jsx(Text, __assign({ variant: current ? 'bold' : 'regular', className: "flex items-center text-nowrap" }, { children: label }))] })) })));
+                    }), onClick: onChange, children: index }), _jsx(Text, { variant: current ? 'bold' : 'regular', className: "flex items-center text-nowrap", children: label })] }) }));
 };
 export function StepperTimeline(props) {
     var steps = props.steps, className = props.className, _a = props.currentIndex, currentIndex = _a === void 0 ? 0 : _a, onChange = props.onChange;
@@ -31,15 +20,15 @@ export function StepperTimeline(props) {
         var progress = (currentIndex / (steps.length - 1)) * 100;
         return "".concat(progress, "%");
     };
-    return (_jsxs("div", __assign({ className: cn('stepper-timeline', className) }, { children: [_jsx("div", __assign({ className: "stepper-timeline__items", style: {
+    return (_jsxs("div", { className: cn('stepper-timeline', className), children: [_jsx("div", { className: "stepper-timeline__items", style: {
                     '--grid-cols': steps.length,
-                } }, { children: steps.map(function (step, index) {
+                }, children: steps.map(function (step, index) {
                     var isCurrent = index <= currentIndex;
                     return (_jsx(StepperTimelineItem, { label: step.label, current: isCurrent, textAlign: index === 0 ? 'left' : index === steps.length - 1 ? 'right' : 'center', index: index + 1, onChange: function () {
                             isCurrent && (onChange === null || onChange === void 0 ? void 0 : onChange(step, index));
                         } }, step.value));
-                }) })), _jsx("div", { className: "stepper-timeline__line", style: {
+                }) }), _jsx("div", { className: "stepper-timeline__line", style: {
                     '--progress-width': calculateProgress(),
-                } })] })));
+                } })] }));
 }
 StepperTimeline.Item = StepperTimelineItem;

package/dist/components/molecules/TabGroup/TabGroup.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 } from "react/jsx-runtime";
 import React from 'react';
 import Tab from '../../atoms/Tab/Tab';
@@ -25,6 +14,6 @@ export function TabGroup(_a) {
             setInternalActive(item.value);
         onChange === null || onChange === void 0 ? void 0 : onChange(item.value);
     };
-    return (_jsx("div", __assign({ className: "tab-group flex ".concat(className), role: "tablist" }, { children: items.map(function (it) { return (_jsx(Tab, __assign({ isActive: current === it.value, size: size, variant: variant, disabled: it.disabled, onClick: function () { return handleClick(it); } }, { children: it.label }), String(it.value))); }) })));
+    return (_jsx("div", { className: "tab-group flex ".concat(className), role: "tablist", children: items.map(function (it) { return (_jsx(Tab, { isActive: current === it.value, size: size, variant: variant, disabled: it.disabled, onClick: function () { return handleClick(it); }, children: it.label }, String(it.value))); }) }));
 }
 export default TabGroup;

package/dist/components/molecules/TableServiceItem/DetailsCol.js

@@ -1,18 +1,7 @@
-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 } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 export var DetailsCol = function (props) {
     var data = props.data, className = props.className;
-    return (_jsx("div", __assign({ className: cn('grid gap-y-1', className) }, { children: data.map(function (item, index) { return (_jsx(TextWithIcon, __assign({ icon: item.icon }, { children: item.value }), "dc-".concat(index))); }) })));
+    return (_jsx("div", { className: cn('grid gap-y-1', className), children: data.map(function (item, index) { return (_jsx(TextWithIcon, { icon: item.icon, children: item.value }, "dc-".concat(index))); }) }));
 };

package/dist/components/molecules/TableServiceItem/ItemCol.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from '../../atoms/Icon/Icon';
 export interface ItemColProps {
     serviceType: 'Accommodation' | 'Excursion' | 'Transfer' | 'Other Services';

package/dist/components/molecules/TableServiceItem/ItemCol.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 { Text } from '../../atoms/Typography/Typography';
 import { cn } from '../../../lib/utils';
@@ -17,8 +6,8 @@ import TextWithIcon from '../TextWithIcon/TextWithIcon';
 export var ItemCol = function (props) {
     var serviceType = props.serviceType, serviceName = props.serviceName, offers = props.offers, status = props.status, _a = props.iconName, iconName = _a === void 0 ? 'accom' : _a, _b = props.showName, showName = _b === void 0 ? true : _b, extraTitle = props.extraTitle, children = props.children;
     var isOnRequest = (status === null || status === void 0 ? void 0 : status.toLowerCase()) === 'on request';
-    return (_jsxs("div", __assign({ className: cn('grid', (offers === null || offers === void 0 ? void 0 : offers.length) && 'gap-y-3') }, { children: [_jsxs("div", { children: [serviceName && (_jsxs("div", __assign({ className: "grid gap-y-1" }, { children: [_jsxs("div", __assign({ className: "flex items-center gap-x-2" }, { children: [_jsx(TextWithIcon, __assign({ icon: iconName, color: isOnRequest ? 'yellow' : 'accent' }, { children: serviceType })), isOnRequest && _jsx(Chip, __assign({ color: "yellow" }, { children: status })), extraTitle] })), _jsx(Text, __assign({ variant: "bold", size: "sm" }, { children: showName && serviceName }))] }))), children] }), offers && offers.length > 0 && (_jsxs("div", { children: [_jsx(Text, __assign({ variant: "bold", size: "sm", leading: "5" }, { children: "Applicable offers:" })), _jsx(Text, __assign({ variant: "regular", size: "sm", leading: "5" }, { children: offers.map(function (o) {
+    return (_jsxs("div", { className: cn('grid', (offers === null || offers === void 0 ? void 0 : offers.length) && 'gap-y-3'), children: [_jsxs("div", { children: [serviceName && (_jsxs("div", { className: "grid gap-y-1", children: [_jsxs("div", { className: "flex items-center gap-x-2", children: [_jsx(TextWithIcon, { icon: iconName, color: isOnRequest ? 'yellow' : 'accent', children: serviceType }), isOnRequest && _jsx(Chip, { color: "yellow", children: status }), extraTitle] }), _jsx(Text, { variant: "bold", size: "sm", children: showName && serviceName })] })), children] }), offers && offers.length > 0 && (_jsxs("div", { children: [_jsx(Text, { variant: "bold", size: "sm", leading: "5", children: "Applicable offers:" }), _jsx(Text, { variant: "regular", size: "sm", leading: "5", children: offers.map(function (o) {
                             var offerValue = o.OfferType === 'GIFT' ? o.OfferName : "".concat(o.OfferValue, "%  offers applied");
                             return _jsx("span", { children: offerValue });
-                        }) }))] }))] })));
+                        }) })] }))] }));
 };

package/dist/components/molecules/TableServiceItem/RowOtherServices.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 { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
@@ -22,7 +11,7 @@ export var DetailsCol = function () {
     return (_jsx(DetailsColComponent, { data: [
             {
                 icon: 'wallet',
-                value: (_jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "5", as: "div", className: "flex items-center gap-x-2" }, { children: ["Handling Fee", _jsx(TooltipDisplay, __assign({ content: "Handling fee varies and is determined by the final number of people during booking.\u00A0" }, { children: _jsx("span", { children: _jsx(Icon, { name: "info", size: "sm", color: "var(--color-icon-branded)" }) }) }))] }))),
+                value: (_jsxs(Text, { variant: "medium", size: "sm", leading: "5", as: "div", className: "flex items-center gap-x-2", children: ["Handling Fee", _jsx(TooltipDisplay, { content: "Handling fee varies and is determined by the final number of people during booking.\u00A0", children: _jsx("span", { children: _jsx(Icon, { name: "info", size: "sm", color: "var(--color-icon-branded)" }) }) })] })),
             },
         ] }));
 };

package/dist/components/molecules/TableServiceItem/RowTransfer.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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
 import FromTo from '../FromTo/FromTo';
@@ -31,7 +20,7 @@ export var DetailsCol = function (props) {
 };
 var FirstCol = function (props) {
     var serviceName = props.serviceName, offers = props.offers, transferType = props.transferType, from = props.from, to = props.to;
-    return (_jsx(ItemCol, __assign({ serviceType: "Transfer", serviceName: serviceName, offers: offers, iconName: "car", showName: false, extraTitle: _jsx(Text, __assign({ variant: "bold", size: "sm", className: "italic" }, { children: transferTypeMap[transferType] })) }, { children: _jsx(FromTo, { from: from, to: to }) })));
+    return (_jsx(ItemCol, { serviceType: "Transfer", serviceName: serviceName, offers: offers, iconName: "car", showName: false, extraTitle: _jsx(Text, { variant: "bold", size: "sm", className: "italic", children: transferTypeMap[transferType] }), children: _jsx(FromTo, { from: from, to: to }) }));
 };
 RowTransfer.FirstCol = FirstCol;
 RowTransfer.DetailsCol = DetailsCol;

package/dist/components/molecules/TableServiceItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DetailsColProps } from './DetailsCol';
 import { type ItemColProps } from './ItemCol';
 import { RowAccommodation, type RowAccommodationProps } from './RowAccommodation';

package/dist/components/molecules/TextWithBorderBottom/TextWithBorderBottom.js

@@ -25,5 +25,5 @@ import { Text } from '../../atoms/Typography/Typography';
 import './TextWithBorderBottom.css';
 export var TextWithBorderBottom = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
-    return (_jsx("div", __assign({ className: "text-border-bottom" }, { children: _jsx(Text, __assign({}, rest, { children: children })) })));
+    return (_jsx("div", { className: "text-border-bottom", children: _jsx(Text, __assign({}, rest, { children: children })) }));
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconName } from '../../atoms/Icon/Icon';
 import { TextColor, TextLeading, TextProps, TextVariant } from '../../atoms/Typography/Typography';
 export interface TextWithIconProps {

package/dist/components/molecules/TextWithIcon/TextWithIcon.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 Icon from '../../atoms/Icon/Icon';
@@ -26,6 +15,6 @@ import { Text, } from '../../atoms/Typography/Typography';
  */
 var TextWithIcon = function (props) {
     var icon = props.icon, children = props.children, _a = props.iconSize, iconSize = _a === void 0 ? 'sm' : _a, _b = props.textSize, textSize = _b === void 0 ? 'sm' : _b, _c = props.color, color = _c === void 0 ? 'default' : _c, _d = props.textLeading, textLeading = _d === void 0 ? '5' : _d, _e = props.textVariant, textVariant = _e === void 0 ? 'medium' : _e;
-    return (_jsxs("div", __assign({ className: cn('flex items-center gap-x-2', color === 'yellow' && 'text-[var(--color-yellow-600)]', color === 'accent' && 'text-[var(--color-text-accent)]') }, { children: [icon && (_jsx("span", { children: _jsx(Icon, { name: icon, size: iconSize }) })), _jsx(Text, __assign({ variant: textVariant, size: textSize, className: "flex items-center gap-x-2", color: color, leading: textLeading, as: "div" }, { children: children }))] })));
+    return (_jsxs("div", { className: cn('flex gap-x-2', color === 'yellow' && 'text-[var(--color-yellow-600)]', color === 'accent' && 'text-[var(--color-text-accent)]'), children: [icon && (_jsx("span", { className: "relative top-[2px]", children: _jsx(Icon, { name: icon, size: iconSize }) })), _jsx(Text, { variant: textVariant, size: textSize, className: "flex items-center gap-x-2", color: color, leading: textLeading, as: "div", children: children })] }));
 };
 export default TextWithIcon;

package/dist/components/molecules/TimelineItem/ServiceAccommodation.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 { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
@@ -16,5 +5,5 @@ import { DetailsCol } from '../TableServiceItem/DetailsCol';
 import { TimelineHeader } from './TimelineHeader';
 export var ServiceAccommodation = function (props) {
     var hotelName = props.hotelName, details = props.details, dates = props.dates, isOnRequest = props.isOnRequest;
-    return (_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(TimelineHeader, { icon: "accom", title: "Accomodation", isOnRequest: isOnRequest }), _jsx(Text, __assign({ variant: "bold", size: "sm", leading: "5" }, { children: hotelName })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(DateDisplay, { dates: dates }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] }))] })));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(TimelineHeader, { icon: "accom", title: "Accomodation", isOnRequest: isOnRequest }), _jsx(Text, { variant: "bold", size: "sm", leading: "5", children: hotelName }), _jsxs("div", { className: "space-y-2", children: [_jsx(DateDisplay, { dates: dates }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] })] }));
 };

package/dist/components/molecules/TimelineItem/ServiceExcursion.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 { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
@@ -16,5 +5,5 @@ import { DetailsCol } from '../TableServiceItem/DetailsCol';
 import { TimelineHeader } from './TimelineHeader';
 export var ServiceExcursion = function (props) {
     var name = props.name, details = props.details, date = props.date;
-    return (_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(TimelineHeader, { icon: "map", title: "Excursion" }), _jsx(Text, __assign({ variant: "bold", size: "sm", leading: "5" }, { children: name })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(DateDisplay, { dates: [date] }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] }))] })));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(TimelineHeader, { icon: "map", title: "Excursion" }), _jsx(Text, { variant: "bold", size: "sm", leading: "5", children: name }), _jsxs("div", { className: "space-y-2", children: [_jsx(DateDisplay, { dates: [date] }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] })] }));
 };

package/dist/components/molecules/TimelineItem/ServiceTransfer.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 FromTo from '../FromTo/FromTo';
 import { DetailsCol } from '../TableServiceItem/DetailsCol';
 import { TimelineHeader } from './TimelineHeader';
 export var ServiceTransfer = function (props) {
     var transferType = props.transferType, location = props.location, details = props.details;
-    return (_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(TimelineHeader, { icon: "car", title: "Transfer", extraText: transferType }), _jsx(FromTo, { from: location.from, to: location.to }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] })));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsx(TimelineHeader, { icon: "car", title: "Transfer", extraText: transferType }), _jsx(FromTo, { from: location.from, to: location.to }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] }));
 };

package/dist/components/molecules/TimelineItem/TimelineHeader.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 Chip from '../../atoms/Chip/Chip';
@@ -17,5 +6,5 @@ import { Text } from '../../atoms/Typography/Typography';
 import './TimelineHeader.css';
 export var TimelineHeader = function (props) {
     var _a = props.icon, icon = _a === void 0 ? 'car' : _a, title = props.title, extraText = props.extraText, _b = props.isOnRequest, isOnRequest = _b === void 0 ? false : _b;
-    return (_jsxs("div", __assign({ className: cn('timeline-header', isOnRequest && 'timeline-header--request') }, { children: [_jsx("div", __assign({ className: "timeline-header__icon-container" }, { children: _jsx("div", __assign({ className: "timeline-header__icon" }, { children: _jsx(Icon, { name: icon }) })) })), _jsxs("div", __assign({ className: "flex gap-x-2 items-center" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "md", color: isOnRequest ? 'yellow' : 'accent', leading: "5" }, { children: title })), extraText && (_jsx(Text, __assign({ variant: "medium", size: "md", color: "accent", className: "italic", leading: "5" }, { children: extraText }))), isOnRequest && _jsx(Chip, __assign({ color: "yellow" }, { children: "On request" }))] }))] })));
+    return (_jsxs("div", { className: cn('timeline-header', isOnRequest && 'timeline-header--request'), children: [_jsx("div", { className: "timeline-header__icon-container", children: _jsx("div", { className: "timeline-header__icon", children: _jsx(Icon, { name: icon }) }) }), _jsxs("div", { className: "flex gap-x-2 items-center", children: [_jsx(Text, { variant: "bold", size: "md", color: isOnRequest ? 'yellow' : 'accent', leading: "5", children: title }), extraText && (_jsx(Text, { variant: "medium", size: "md", color: "accent", className: "italic", leading: "5", children: extraText })), isOnRequest && _jsx(Chip, { color: "yellow", children: "On request" })] })] }));
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './TimelineItem.css';
 export interface TimelineItemProps {
     children: React.ReactNode;

package/dist/components/molecules/TimelineItem/TimelineItem.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 } from "react/jsx-runtime";
 import { ServiceAccommodation } from './ServiceAccommodation';
 import { ServiceExcursion } from './ServiceExcursion';
@@ -16,7 +5,7 @@ import { ServiceTransfer } from './ServiceTransfer';
 import './TimelineItem.css';
 export default function TimelineItem(props) {
     var children = props.children;
-    return _jsx("div", __assign({ className: "timeline-item" }, { children: children }));
+    return _jsx("div", { className: "timeline-item", children: children });
 }
 TimelineItem.Transfer = ServiceTransfer;
 TimelineItem.Accommodation = ServiceAccommodation;