mautourco-components 0.2.36 → 0.2.37

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

@@ -1,12 +1,16 @@
+import { DetailsAction } from './DetailsAction';
+import { DetailsAgency } from './DetailsAgency/DetailsAgency';
+import { DetailsClientInfo } from './DetailsClient/DetailsClient';
+import { DetailsFile } from './DetailsFile';
 export interface DetailsInfoProps {
     children: React.ReactNode;
     className?: string;
 }
 declare function DetailsInfo(props: DetailsInfoProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DetailsInfo {
-    var File: import("react").FC<import("./DetailsFile").DetailsFileProps>;
-    var Agency: import("react").FC<import("./DetailsAgency/DetailsAgency").DetailsAgencyProps>;
-    var Action: import("react").FC<import("./DetailsAction").DetailsActionProps>;
-    var Client: import("react").FC<import("./DetailsClient/DetailsClient").DetailsClientInfoProps>;
+    var File: typeof DetailsFile;
+    var Agency: typeof DetailsAgency;
+    var Action: typeof DetailsAction;
+    var Client: typeof DetailsClientInfo;
 }
 export default DetailsInfo;

package/dist/components/molecules/DialogContentPolicy/CancellationLayout/CancellationLayout.d.ts

@@ -10,4 +10,4 @@ export interface CancellationLayoutProps {
     cancellationFee?: number;
     currency?: string;
 }
-export declare const CancellationLayout: React.FC<CancellationLayoutProps>;
+export declare function CancellationLayout(props: CancellationLayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Text } from '../../../atoms/Typography/Typography';
 import { cn } from '../../../../lib/utils';
 import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
 import './CancellationLayout.css';
-export var CancellationLayout = function (props) {
+export function CancellationLayout(props) {
     var title = props.title, icon = props.icon, children = props.children, className = props.className, image = props.image, cancellationFee = props.cancellationFee, currency = props.currency;
     return (_jsxs("div", { className: cn('cancellation-layout', className), children: [_jsx(ServiceTitle, { title: title, icon: icon }), _jsxs("div", { className: "cancellation-layout__content", children: [_jsx("div", { className: "cancellation-layout__content-left", children: children }), _jsx("figure", { className: "cancellation-layout__content-right", children: _jsx("img", { src: image, alt: (title === null || title === void 0 ? void 0 : title.toString()) || '', width: 150, height: 200 }) })] }), cancellationFee && (_jsxs("div", { className: "cancellation-layout__fee", children: [_jsx(Text, { variant: "medium", children: "Cancellation fee (VAT Incl) :" }), _jsxs(Text, { variant: "bold", children: [currency, " ", cancellationFee] })] }))] }));
-};
+}

package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.d.ts

@@ -7,4 +7,4 @@ export interface DialogCancellationAccomProps {
     cancellationFee?: number;
     currency?: string;
 }
-export declare const DialogCancellationAccom: React.FC<DialogCancellationAccomProps>;
+export declare function DialogCancellationAccom(props: DialogCancellationAccomProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,8 +6,8 @@ import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 import { CancellationLayout } from './CancellationLayout/CancellationLayout';
-export var DialogCancellationAccom = function (props) {
+export function DialogCancellationAccom(props) {
     var image = props.image, hotelName = props.hotelName, dates = props.dates, rooms = props.rooms, cancellationFee = props.cancellationFee, currency = props.currency;
     var stay = useStays(dates);
     return (_jsx(CancellationLayout, { title: "Accommodation", icon: "accom", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: hotelName }), _jsx(DateDisplay, { dates: dates }), _jsxs(TextWithIcon, { icon: "night", textLeading: "4", children: [stay, " Nights"] })] }), _jsx("div", { className: "", children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(TextWithIcon, { icon: "accom", textLeading: "4", children: [index + 1, " Room"] }), _jsx(Text, { size: "sm", children: room.RoomName })] }), room.cancellation_policy.map(function (policy, pIndex) { return (_jsxs(Fragment, { children: [_jsxs(Chip, { type: "outline", color: "brand", isBlackText: true, children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] }), _jsxs(Text, { variant: "bold", size: "xs", leading: "4", children: [policy.Value, " % of total price"] }), _jsx(Text, { size: "xs", leading: "4", children: policy.Description })] }, "policy-".concat(pIndex))); })] }, "rm-".concat(index))); }) })] }) }));
-};
+}

package/dist/components/molecules/DialogContentPolicy/DialogCancellationExcursion.d.ts

@@ -15,4 +15,4 @@ export interface DialogCancellationExcursionProps {
     cancellationFee?: number;
     currency?: string;
 }
-export declare const DialogCancellationExcursion: React.FC<DialogCancellationExcursionProps>;
+export declare function DialogCancellationExcursion(props: DialogCancellationExcursionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import { ServiceInfo } from '../ServiceInfo/ServiceInfo';
 import { CancellationLayout } from './CancellationLayout/CancellationLayout';
-export var DialogCancellationExcursion = function (props) {
+export function DialogCancellationExcursion(props) {
     var image = props.image, excursionName = props.excursionName, date = props.date, details = props.details, policy = props.policy, cancellationFee = props.cancellationFee, currency = props.currency;
     return (_jsx(CancellationLayout, { title: "Excursion", icon: "map", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: excursionName }), _jsx(DateDisplay, { dates: [date] })] }), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: details.duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: details.meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: details.accessibility }), _jsx(ServiceInfo.Item, { icon: "car", label: "Transfer Type", children: details.transferType })] }), _jsxs("div", { className: "", children: [_jsx(Text, { variant: "bold", size: "xs", leading: "4", children: policy.title }), _jsx(Text, { size: "xs", leading: "4", children: policy.description })] })] }) }));
-};
+}

package/dist/components/molecules/DialogContentPolicy/DialogCancellationList.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DialogCancellationAccomProps } from './DialogCancellationAccom';
 import { DialogCancellationExcursionProps } from './DialogCancellationExcursion';
 export interface CancellationPolicyItem {
@@ -17,7 +16,7 @@ export interface DialogCancellationListProps {
      */
     cancellations: CancellationPolicyItem[];
 }
-export declare const CancellationsList: (props: DialogCancellationListProps) => import("react/jsx-runtime").JSX.Element;
+export declare function CancellationsList(props: DialogCancellationListProps): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogCancellationList is a component that allows the user to display the cancellations.
  *
@@ -29,4 +28,4 @@ export declare const CancellationsList: (props: DialogCancellationListProps) =>
  * @param props - The props for the DialogCancellationList component.
  * @returns The DialogCancellationList component.
  */
-export declare const DialogCancellationList: React.FC<DialogCancellationListProps>;
+export declare function DialogCancellationList(props: DialogCancellationListProps): import("react/jsx-runtime").JSX.Element;

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 CancellationsList = function (props) {
+export function CancellationsList(props) {
     var cancellations = props.cancellations;
     return (_jsx(_Fragment, { children: cancellations.map(function (c, index) {
             if (c.type === 'accommodation' && isAccommodation(c.data)) {
@@ -30,7 +30,7 @@ export var CancellationsList = function (props) {
             }
             return null;
         }) }));
-};
+}
 /**
  * DialogCancellationList is a component that allows the user to display the cancellations.
  *
@@ -42,6 +42,6 @@ export var CancellationsList = function (props) {
  * @param props - The props for the DialogCancellationList component.
  * @returns The DialogCancellationList component.
  */
-export var DialogCancellationList = function (props) {
+export function DialogCancellationList(props) {
     return (_jsx(DialogContentPolicy, { children: _jsx(CancellationsList, __assign({}, props)) }));
-};
+}

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

@@ -1,4 +1,7 @@
 import React from 'react';
+import { DialogCancellationAccom } from './DialogCancellationAccom';
+import { DialogCancellationExcursion } from './DialogCancellationExcursion';
+import { DialogCancellationList } from './DialogCancellationList';
 export interface DialogContentPolicyProps {
     /**
      * The children to display.
@@ -21,9 +24,9 @@ export interface DialogContentPolicyProps {
  * @param props - The props for the DialogContentPolicy component.
  * @returns The DialogContentPolicy component.
  */
-export declare const DialogContentPolicy: {
-    (props: DialogContentPolicyProps): import("react/jsx-runtime").JSX.Element;
-    Accommodation: React.FC<import("./DialogCancellationAccom").DialogCancellationAccomProps>;
-    Excursion: React.FC<import("./DialogCancellationExcursion").DialogCancellationExcursionProps>;
-    List: React.FC<import("./DialogCancellationList").DialogCancellationListProps>;
-};
+export declare function DialogContentPolicy(props: DialogContentPolicyProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogContentPolicy {
+    var Accommodation: typeof DialogCancellationAccom;
+    var Excursion: typeof DialogCancellationExcursion;
+    var List: typeof DialogCancellationList;
+}

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

@@ -17,11 +17,11 @@ import { DialogCancellationList } from './DialogCancellationList';
  * @param props - The props for the DialogContentPolicy component.
  * @returns The DialogContentPolicy component.
  */
-export var DialogContentPolicy = function (props) {
+export function DialogContentPolicy(props) {
     var children = props.children, onSubmit = props.onSubmit;
     var _a = useState(false), accepted = _a[0], setAccepted = _a[1];
     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;
 DialogContentPolicy.List = DialogCancellationList;

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

@@ -3,5 +3,5 @@ export interface FromToProps {
     to?: string;
     transferType?: string;
 }
-declare const FromTo: React.FC<Omit<FromToProps, 'transferType'>>;
+declare function FromTo(props: Omit<FromToProps, 'transferType'>): import("react/jsx-runtime").JSX.Element;
 export default FromTo;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
-var FromTo = function (props) {
+function FromTo(props) {
     var from = props.from, to = props.to;
     var getTransferLocationName = function (location) {
         if (!location)
@@ -9,5 +9,5 @@ var FromTo = function (props) {
         return location.toLowerCase() === 'airport' ? 'Plaisance Airport' : location;
     };
     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.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface GlobalAmenity {
     AmenityIcon: string;
     AmenityName: string;
@@ -6,4 +5,4 @@ export interface GlobalAmenity {
 export interface GlobalAmenitiesProps {
     amenities: GlobalAmenity[];
 }
-export declare const GlobalAmenities: React.FC<GlobalAmenitiesProps>;
+export declare function GlobalAmenities(props: GlobalAmenitiesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ 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) {
+export function GlobalAmenities(props) {
     var amenities = props.amenities;
     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/PaxChips/PaxChips.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface PaxCount {
     adult: number;
     teen: number;
@@ -8,4 +7,4 @@ export interface PaxCount {
 export interface PaxChipsProps {
     pax: PaxCount;
 }
-export declare const PaxChips: React.FC<PaxChipsProps>;
+export declare function PaxChips(props: PaxChipsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Chip from '../../atoms/Chip/Chip';
-export var PaxChips = function (props) {
+export function PaxChips(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

@@ -3,4 +3,4 @@ import './PaxDisplay.css';
 export interface PaxDisplayProps {
     pax: BookingPax;
 }
-export declare const PaxDisplay: React.FC<PaxDisplayProps>;
+export declare function PaxDisplay(props: PaxDisplayProps): import("react/jsx-runtime").JSX.Element;

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

@@ -9,7 +9,7 @@ var paxLabel = {
     child: 'Child',
     infant: 'Infant',
 };
-export var PaxDisplay = function (props) {
+export function PaxDisplay(props) {
     var pax = props.pax;
     return (_jsx("div", { className: "pax-display", children: Object.entries(pax).map(function (_a) {
             var key = _a[0], value = _a[1];
@@ -18,4 +18,4 @@ export var PaxDisplay = function (props) {
                                 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/ServiceTitle/ServiceTitle.d.ts

@@ -11,4 +11,4 @@ export interface ServiceTitleProps {
     icon?: IconName;
     iconSize?: IconBaseProps['size'];
 }
-export declare const ServiceTitle: React.FC<ServiceTitleProps>;
+export declare function ServiceTitle(props: ServiceTitleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/ServiceTitle/ServiceTitle.js

@@ -2,7 +2,7 @@ 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) {
+export function ServiceTitle(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, { 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/StepperTimeline/StepperTimeline.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './StepperTimeline.css';
 export interface StepperTimelineItemProps {
     label: string;
@@ -17,7 +16,9 @@ export interface StepperTimelineProps {
     currentIndex?: number;
     onChange?: (step: StepperTimelineItem, index: number) => void;
 }
+declare function StepperTimelineItem(props: StepperTimelineItemProps): import("react/jsx-runtime").JSX.Element;
 export declare function StepperTimeline(props: StepperTimelineProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StepperTimeline {
-    var Item: React.FC<StepperTimelineItemProps>;
+    var Item: typeof StepperTimelineItem;
 }
+export {};

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

@@ -2,12 +2,12 @@ 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) {
+function StepperTimelineItem(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", { 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, { 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;
     // Calculate progress width based on current step

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

@@ -9,4 +9,4 @@ export interface DetailsColProps {
     index?: number;
     className?: string;
 }
-export declare const DetailsCol: React.FC<DetailsColProps>;
+export declare function DetailsCol(props: DetailsColProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../../lib/utils';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
-export var DetailsCol = function (props) {
+export function DetailsCol(props) {
     var data = props.data, className = props.className;
     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

@@ -9,4 +9,4 @@ export interface ItemColProps {
     showName?: boolean;
     children?: React.ReactNode;
 }
-export declare const ItemCol: React.FC<ItemColProps>;
+export declare function ItemCol(props: ItemColProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,11 +3,11 @@ import { Text } from '../../atoms/Typography/Typography';
 import { cn } from '../../../lib/utils';
 import Chip from '../../atoms/Chip/Chip';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
-export var ItemCol = function (props) {
+export function ItemCol(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", { 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/RowAccommodation.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ItemColProps } from './ItemCol';
 export interface RowAccommodationProps {
     data: {
@@ -11,6 +10,6 @@ export interface RowAccommodationProps {
 }
 export declare function RowAccommodation(): import("react/jsx-runtime").JSX.Element;
 export declare namespace RowAccommodation {
-    var FirstCol: React.FC<Omit<ItemColProps, "serviceType">>;
-    var DetailsCol: React.FC<RowAccommodationProps>;
+    var FirstCol: (props: Omit<ItemColProps, "serviceType">) => import("react/jsx-runtime").JSX.Element;
+    var DetailsCol: (props: RowAccommodationProps) => import("react/jsx-runtime").JSX.Element;
 }

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

@@ -12,7 +12,7 @@ var clientType = {
 export function RowAccommodation() {
     return _jsx(_Fragment, {});
 }
-var DetailsCol = function (props) {
+function DetailsCol(props) {
     var _a;
     var data = props.data, _b = props.index, index = _b === void 0 ? 0 : _b;
     var stay = useMemo(function () {
@@ -25,13 +25,16 @@ var DetailsCol = function (props) {
     return (_jsx(DetailsColComponent, { data: [
             { icon: 'calendar2', value: "Room ".concat(index + 1, " : ").concat(data.RoomName) },
             { icon: 'night', value: "".concat(stay, " Nights") },
-            { icon: 'user', value: "Client type : ".concat(clientType[(_a = data.ClientCategory) === null || _a === void 0 ? void 0 : _a.toLowerCase()]) },
+            {
+                icon: 'user',
+                value: "Client type : ".concat(clientType[(_a = data.ClientCategory) === null || _a === void 0 ? void 0 : _a.toLowerCase()]),
+            },
             { icon: 'utensils', value: "Meal plan : ".concat(data.MealPlan) },
         ] }));
-};
-var FirstCol = function (props) {
+}
+function FirstCol(props) {
     var serviceName = props.serviceName, offers = props.offers, status = props.status;
-    return _jsx(ItemCol, { serviceType: "Accommodation", serviceName: serviceName, offers: offers, status: status });
-};
+    return (_jsx(ItemCol, { serviceType: "Accommodation", serviceName: serviceName, offers: offers, status: status }));
+}
 RowAccommodation.FirstCol = FirstCol;
 RowAccommodation.DetailsCol = DetailsCol;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ItemColProps } from './ItemCol';
 export interface RowExcursionProps {
     data: {
@@ -10,7 +9,7 @@ export interface RowExcursionProps {
 }
 export declare function RowExcursion(): import("react/jsx-runtime").JSX.Element;
 export declare namespace RowExcursion {
-    var FirstCol: React.FC<Omit<ItemColProps, "status" | "serviceType">>;
-    var DetailsCol: React.FC<RowExcursionProps>;
+    var FirstCol: (props: Omit<ItemColProps, "serviceType" | "status">) => import("react/jsx-runtime").JSX.Element;
+    var DetailsCol: typeof import("./RowExcursion").DetailsCol;
 }
-export declare const DetailsCol: React.FC<RowExcursionProps>;
+export declare function DetailsCol(props: RowExcursionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,7 @@ import { ItemCol } from './ItemCol';
 export function RowExcursion() {
     return _jsx(_Fragment, {});
 }
-export var DetailsCol = function (props) {
+export function DetailsCol(props) {
     var _a;
     var data = props.data;
     return (_jsx(DetailsColComponent, { data: [
@@ -13,10 +13,10 @@ export var DetailsCol = function (props) {
             { icon: 'user', value: "Difficulty: ".concat(data.accessibility) },
             { icon: 'bus', value: "Type: ".concat(data.transferType) },
         ] }));
-};
-var FirstCol = function (props) {
+}
+function FirstCol(props) {
     var serviceName = props.serviceName, offers = props.offers;
-    return _jsx(ItemCol, { serviceType: "Excursion", serviceName: serviceName, offers: offers, iconName: "map" });
-};
+    return (_jsx(ItemCol, { serviceType: "Excursion", serviceName: serviceName, offers: offers, iconName: "map" }));
+}
 RowExcursion.FirstCol = FirstCol;
 RowExcursion.DetailsCol = DetailsCol;

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

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ItemColProps } from './ItemCol';
 export declare function RowOtherServices(): import("react/jsx-runtime").JSX.Element;
 export declare namespace RowOtherServices {
-    var FirstCol: React.FC<Omit<ItemColProps, "status" | "serviceType">>;
-    var DetailsCol: () => import("react/jsx-runtime").JSX.Element;
+    var FirstCol: (props: Omit<ItemColProps, "serviceType" | "status">) => import("react/jsx-runtime").JSX.Element;
+    var DetailsCol: typeof import("./RowOtherServices").DetailsCol;
 }
-export declare const DetailsCol: () => import("react/jsx-runtime").JSX.Element;
+export declare function DetailsCol(): import("react/jsx-runtime").JSX.Element;

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

@@ -7,16 +7,16 @@ import { ItemCol } from './ItemCol';
 export function RowOtherServices() {
     return _jsx(_Fragment, {});
 }
-export var DetailsCol = function () {
+export function DetailsCol() {
     return (_jsx(DetailsColComponent, { data: [
             {
                 icon: 'wallet',
                 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)" }) }) })] })),
             },
         ] }));
-};
-var FirstCol = function (props) {
+}
+function FirstCol(props) {
     return (_jsx(ItemCol, { serviceType: "Other Services", iconName: "more", serviceName: "Handling Fee", showName: false }));
-};
+}
 RowOtherServices.FirstCol = FirstCol;
 RowOtherServices.DetailsCol = DetailsCol;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FromToProps } from '../FromTo/FromTo';
 import { ItemColProps } from './ItemCol';
 export interface RowTransferProps {
@@ -9,7 +8,7 @@ export interface RowTransferProps {
 }
 export declare function RowTransfer(): import("react/jsx-runtime").JSX.Element;
 export declare namespace RowTransfer {
-    var FirstCol: React.FC<Omit<ItemColProps, "status" | "serviceType"> & FromToProps>;
-    var DetailsCol: React.FC<RowTransferProps>;
+    var FirstCol: (props: Omit<ItemColProps, "serviceType" | "status"> & FromToProps) => import("react/jsx-runtime").JSX.Element;
+    var DetailsCol: typeof import("./RowTransfer").DetailsCol;
 }
-export declare const DetailsCol: React.FC<RowTransferProps>;
+export declare function DetailsCol(props: RowTransferProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,16 +11,16 @@ var transferTypeMap = {
 export function RowTransfer() {
     return _jsx(_Fragment, {});
 }
-export var DetailsCol = function (props) {
+export function DetailsCol(props) {
     var data = props.data;
     return (_jsx(DetailsColComponent, { data: [
             { icon: 'car', value: data.carType },
             { icon: 'user', value: "Client type: ".concat(data.clientType) },
         ] }));
-};
-var FirstCol = function (props) {
+}
+function FirstCol(props) {
     var serviceName = props.serviceName, offers = props.offers, transferType = props.transferType, from = props.from, to = props.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,12 +1,12 @@
-import { type DetailsColProps } from './DetailsCol';
-import { type ItemColProps } from './ItemCol';
+import { DetailsCol, type DetailsColProps } from './DetailsCol';
+import { ItemCol, type ItemColProps } from './ItemCol';
 import { RowAccommodation, type RowAccommodationProps } from './RowAccommodation';
 import { RowExcursion, type RowExcursionProps } from './RowExcursion';
 import { RowOtherServices } from './RowOtherServices';
 import { RowTransfer, type RowTransferProps } from './RowTransfer';
 declare const TableServiceItem: {
-    DetailsCol: import("react").FC<DetailsColProps>;
-    ItemCol: import("react").FC<ItemColProps>;
+    DetailsCol: typeof DetailsCol;
+    ItemCol: typeof ItemCol;
     RowAccommodation: typeof RowAccommodation;
     RowExcursion: typeof RowExcursion;
     RowOtherServices: typeof RowOtherServices;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TextProps } from '../../atoms/Typography/Typography';
 import './TextWithBorderBottom.css';
-export declare const TextWithBorderBottom: React.FC<TextProps>;
+export declare function TextWithBorderBottom(props: TextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
 import './TextWithBorderBottom.css';
-export var TextWithBorderBottom = function (props) {
+export function TextWithBorderBottom(props) {
     var children = props.children, rest = __rest(props, ["children"]);
     return (_jsx("div", { className: "text-border-bottom", children: _jsx(Text, __assign({}, rest, { children: children })) }));
-};
+}

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

@@ -27,5 +27,5 @@ export interface TextWithIconProps {
  * @param TextWithIconProps
  * @returns
  */
-declare const TextWithIcon: React.FC<TextWithIconProps>;
+declare function TextWithIcon(props: TextWithIconProps): import("react/jsx-runtime").JSX.Element;
 export default TextWithIcon;

package/dist/components/molecules/TextWithIcon/TextWithIcon.js

@@ -13,8 +13,8 @@ import { Text, } from '../../atoms/Typography/Typography';
  * @param TextWithIconProps
  * @returns
  */
-var TextWithIcon = function (props) {
+function TextWithIcon(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", { 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.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DetailsColData } from '../TableServiceItem/DetailsCol';
 export interface ServiceAccommodationProps {
     hotelName: string;
@@ -6,4 +5,4 @@ export interface ServiceAccommodationProps {
     dates: string[] | Date[];
     isOnRequest?: boolean;
 }
-export declare const ServiceAccommodation: React.FC<ServiceAccommodationProps>;
+export declare function ServiceAccommodation(props: ServiceAccommodationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/TimelineItem/ServiceAccommodation.js

@@ -3,7 +3,7 @@ import { Text } from '../../atoms/Typography/Typography';
 import { DateDisplay } from '../DateDisplay/DateDisplay';
 import { DetailsCol } from '../TableServiceItem/DetailsCol';
 import { TimelineHeader } from './TimelineHeader';
-export var ServiceAccommodation = function (props) {
+export function ServiceAccommodation(props) {
     var hotelName = props.hotelName, details = props.details, dates = props.dates, isOnRequest = props.isOnRequest;
     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" })] })] }));
-};
+}