mautourco-components 0.2.36 → 0.2.38

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

@@ -25,4 +25,4 @@ export interface ActionDropdownProps {
  * @param ActionDropdownProps
  * @returns
  */
-export declare const ActionDropdown: React.FC<ActionDropdownProps>;
+export declare function ActionDropdown(props: ActionDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/ActionDropdown/ActionDropdown.js

@@ -14,9 +14,9 @@ import './ActionDropdown.css';
  * @param ActionDropdownProps
  * @returns
  */
-export var ActionDropdown = function (_a) {
-    var data = _a.data, children = _a.children, _b = _a.maxWidth, maxWidth = _b === void 0 ? '153px' : _b;
-    var _c = useState(false), open = _c[0], setOpen = _c[1];
+export function ActionDropdown(props) {
+    var data = props.data, children = props.children, _a = props.maxWidth, maxWidth = _a === void 0 ? '153px' : _a;
+    var _b = useState(false), open = _b[0], setOpen = _b[1];
     return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { children: children !== null && children !== void 0 ? children : (_jsx("button", { className: "action-dropdown-trigger", children: _jsx(Icon, { name: "more-vertical" }) })) }), _jsx(PopoverContent, { className: "action-dropdown", style: { '--max-width': maxWidth }, align: "end", side: "bottom", avoidCollisions: false, children: data.map(function (item, index) {
                     var defaultButton = (_jsx("button", { onClick: function () {
                             var _a;
@@ -30,4 +30,4 @@ export var ActionDropdown = function (_a) {
                         }), disabled: item.disabled, children: _jsx(Text, { variant: "medium", size: "sm", as: "span", children: item.label }) }));
                     return (_jsx(Fragment, { children: item.disabled ? (_jsx(TooltipDisplay, { content: item.tooltip, side: "left", maxWidth: "290px", children: defaultButton })) : (defaultButton) }, "ad-".concat(index)));
                 }) })] }));
-};
+}

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

@@ -4,4 +4,4 @@ export interface AddItemButtonProps {
     label: React.ReactNode;
     onClick?: () => void;
 }
-export declare const AddItemButton: React.FC<AddItemButtonProps>;
+export declare function AddItemButton(props: AddItemButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/AddItemButton/AddItemButton.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 './AddItemButton.css';
-export var AddItemButton = function (_a) {
-    var label = _a.label, onClick = _a.onClick;
+export function AddItemButton(props) {
+    var label = props.label, onClick = props.onClick;
     return (_jsxs("button", { className: "add-item-button", onClick: onClick, children: [_jsx(Icon, { name: "plus-circle", size: "lg" }), _jsx(Text, { variant: "medium", children: label })] }));
-};
+}

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

@@ -1,4 +1,7 @@
 import React from 'react';
+import { BookingPaxAccom } from './BookingPaxAccom';
+import { BookingPaxExcursion } from './BookingPaxExcursion';
+import { BookingPaxTransfer } from './BookingPaxTransfer';
 /**
  * BookingPax is a component that allows the user to display the booking pax.
  *
@@ -42,9 +45,9 @@ import React from 'react';
  * @param props - The props for the BookingPax component.
  * @returns The BookingPax component.
  */
-export declare const BookingPax: {
-    (props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Accom: React.FC<import("./BookingPaxAccom").BookingPaxAccomProps>;
-    Excursion: React.FC<import("./BookingPaxExcursion").BookingPaxExcursionProps>;
-    Transfer: React.FC<import("./BookingPaxTransfer").BookingPaxTransferProps>;
-};
+export declare function BookingPax(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare namespace BookingPax {
+    var Accom: typeof BookingPaxAccom;
+    var Excursion: typeof BookingPaxExcursion;
+    var Transfer: typeof BookingPaxTransfer;
+}

package/dist/components/molecules/BookingPax/BookingPax.js

@@ -56,9 +56,9 @@ import { BookingPaxTransfer } from './BookingPaxTransfer';
  * @param props - The props for the BookingPax component.
  * @returns The BookingPax component.
  */
-export var BookingPax = function (props) {
+export function BookingPax(props) {
     return _jsx("div", __assign({ className: "booking-pax space-y-6" }, props));
-};
+}
 BookingPax.Accom = BookingPaxAccom;
 BookingPax.Excursion = BookingPaxExcursion;
 BookingPax.Transfer = BookingPaxTransfer;

package/dist/components/molecules/BookingPax/BookingPaxAccom.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BookingPaxClientInfo, BookingPaxClientProps } from './BookingPaxClient/BookingPaxClient';
 export interface BookingPaxAccomRoom {
     /**
@@ -53,4 +52,4 @@ export interface BookingPaxAccomProps extends Pick<BookingPaxClientProps, 'selec
     onRemarkChange?: (value: string) => void;
     onError?: (roomIndex: number, hasError: boolean) => void;
 }
-export declare const BookingPaxAccom: React.FC<BookingPaxAccomProps>;
+export declare function BookingPaxAccom(props: BookingPaxAccomProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingPax/BookingPaxAccom.js

@@ -6,7 +6,7 @@ import { BookingPaxClient, } from './BookingPaxClient/BookingPaxClient';
 import { BookingPaxHeader } from './BookingPaxHeader';
 import { BookingPaxLayout } from './BookingPaxLayout/BookingPaxLayout';
 import { BookingPaxRemarks } from './BookingPaxRemarks';
-export var BookingPaxAccom = function (props) {
+export function BookingPaxAccom(props) {
     var rooms = props.rooms, _a = props.clientsInfo, clientsInfo = _a === void 0 ? [] : _a, hotelName = props.hotelName, roomName = props.roomName, selectedClientsInfoIds = props.selectedClientsInfoIds, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError;
     var _b = useBookingPax(selectedClientsInfoIds), changeOptions = _b.changeOptions, isSelectedClient = _b.isSelectedClient, onPaxOptionsChange = _b.onPaxOptionsChange, onSelectedClients = _b.onSelectedClients;
     // Calculate selected pax count for each room
@@ -47,4 +47,4 @@ export var BookingPaxAccom = function (props) {
                 var room = _a.room, roomIndex = _a.roomIndex;
                 return (_jsxs("div", { className: "space-y-2", children: [_jsxs(TextWithIcon, { icon: "accom", children: ["Room ", roomIndex + 1] }), _jsx(BookingPaxClient, { id: "accommodation-".concat(roomIndex), clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: roomIndex, paxCount: room.paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted })] }, "rm-".concat(roomIndex)));
             }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
-};
+}

package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.d.ts

@@ -115,4 +115,4 @@ export interface BookingPaxClientProps {
  * @param props.onPaxChange - The callback function to call when the pax changes.
  * @returns The BookingPaxClient component.
  */
-export declare const BookingPaxClient: React.FC<BookingPaxClientProps>;
+export declare function BookingPaxClient(props: BookingPaxClientProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingPax/BookingPaxClient/BookingPaxClient.js

@@ -50,7 +50,7 @@ import './BookingPaxClient.css';
  * @param props.onPaxChange - The callback function to call when the pax changes.
  * @returns The BookingPaxClient component.
  */
-export var BookingPaxClient = function (props) {
+export function BookingPaxClient(props) {
     var clients = props.clients, id = props.id, defaultSelectedClientsInfoIds = props.selectedClientsInfoIds, selectedIndex = props.selectedIndex, _a = props.paxCount, paxCount = _a === void 0 ? 0 : _a, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onError = props.onError;
     var _b = useState({}), selectedClientsInfoIds = _b[0], setSelectedClientsInfoIds = _b[1];
     var isSelectedClient = useBookingPax(selectedClientsInfoIds).isSelectedClient;
@@ -116,4 +116,4 @@ export var BookingPaxClient = function (props) {
                                     });
                                 } }) }) }, client.clientId));
                 }) })] }));
-};
+}

package/dist/components/molecules/BookingPax/BookingPaxExcursion.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BookingPaxClientInfo, BookingPaxClientProps } from './BookingPaxClient/BookingPaxClient';
 export type ExcursionType = 'sea' | 'land' | 'catamaran';
 export interface BookingPaxExcursionProps extends Pick<BookingPaxClientProps, 'selectedClientsInfoIds' | 'onPaxChange'> {
@@ -54,4 +53,4 @@ export interface BookingPaxExcursionProps extends Pick<BookingPaxClientProps, 's
  * @param props - The props for the BookingPaxExcursion component.
  * @returns The BookingPaxExcursion component.
  */
-export declare const BookingPaxExcursion: React.FC<BookingPaxExcursionProps>;
+export declare function BookingPaxExcursion(props: BookingPaxExcursionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingPax/BookingPaxExcursion.js

@@ -29,11 +29,11 @@ var mapType = {
  * @param props - The props for the BookingPaxExcursion component.
  * @returns The BookingPaxExcursion component.
  */
-export var BookingPaxExcursion = function (props) {
+export function BookingPaxExcursion(props) {
     var name = props.name, type = props.type, clientsInfo = props.clientsInfo, paxCount = props.paxCount, selectedClientsInfoIds = props.selectedClientsInfoIds, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError;
     var _a = useBookingPax(selectedClientsInfoIds), changeOptions = _a.changeOptions, onPaxOptionsChange = _a.onPaxOptionsChange, onSelectedClients = _a.onSelectedClients;
     useEffect(function () {
         onSelectedClients(clientsInfo, onPaxChange);
     }, [changeOptions, onPaxChange]);
     return (_jsxs(BookingPaxLayout, { title: "Excursion", icon: "map", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Name, { name: name, icon: type, location: mapType[type] }) }), children: [_jsx(BookingPaxClient, { id: "excursion", clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
-};
+}

package/dist/components/molecules/BookingPax/BookingPaxHeader.d.ts

@@ -24,8 +24,8 @@ export interface BookingPaxWithLocationProps {
      */
     to: string;
 }
-export declare const BookingPaxHeader: {
-    (props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Name: React.FC<BookingPaxWithNameProps>;
-    Location: React.FC<BookingPaxWithLocationProps>;
-};
+export declare function BookingPaxHeader(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare namespace BookingPaxHeader {
+    var Name: React.FC<BookingPaxWithNameProps>;
+    var Location: React.FC<BookingPaxWithLocationProps>;
+}

package/dist/components/molecules/BookingPax/BookingPaxHeader.js

@@ -34,8 +34,8 @@ var BookingPaxWithLocation = function (props) {
     var from = props.from, to = props.to;
     return (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(Text, { size: "sm", children: from }), _jsx(Icon, { name: "arrow-right-outline", size: "sm" }), _jsx(Text, { size: "sm", children: to })] }));
 };
-export var BookingPaxHeader = function (props) {
+export function BookingPaxHeader(props) {
     return _jsx("div", __assign({ className: "booking-pax-header" }, props));
-};
+}
 BookingPaxHeader.Name = BookingPaxWithName;
 BookingPaxHeader.Location = BookingPaxWithLocation;

package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.d.ts

@@ -37,4 +37,4 @@ export interface BookingPaxLayoutProps {
  * @param props - The props for the BookingPaxLayout component.
  * @returns The BookingPaxLayout component.
  */
-export declare const BookingPaxLayout: React.FC<BookingPaxLayoutProps>;
+export declare function BookingPaxLayout(props: BookingPaxLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingPax/BookingPaxLayout/BookingPaxLayout.js

@@ -17,7 +17,7 @@ import './BookingPaxLayout.css';
  * @param props - The props for the BookingPaxLayout component.
  * @returns The BookingPaxLayout component.
  */
-export var BookingPaxLayout = function (props) {
+export function BookingPaxLayout(props) {
     var title = props.title, icon = props.icon, header = props.header, children = props.children, className = props.className;
     return (_jsxs("div", { className: cn('booking-pax-layout', className), children: [_jsxs("div", { className: "booking-pax-layout__header", children: [_jsx(ServiceTitle, { title: title, icon: icon }), header] }), _jsx("div", { className: "booking-pax-layout__content", children: children })] }));
-};
+}

package/dist/components/molecules/BookingPax/BookingPaxRemarks.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface BookingPaxRemarksProps {
     /**
      * The callback function to call when the remarks changes.
@@ -16,4 +15,4 @@ export interface BookingPaxRemarksProps {
  * @param props - The props for the BookingPaxRemarks component.
  * @returns The BookingPaxRemarks component.
  */
-export declare const BookingPaxRemarks: React.FC<BookingPaxRemarksProps>;
+export declare function BookingPaxRemarks(props: BookingPaxRemarksProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingPax/BookingPaxRemarks.js

@@ -13,9 +13,9 @@ import { Text } from '../../atoms/Typography/Typography';
  * @param props - The props for the BookingPaxRemarks component.
  * @returns The BookingPaxRemarks component.
  */
-export var BookingPaxRemarks = function (_a) {
-    var onChange = _a.onChange;
-    var _b = useState(''), remarks = _b[0], setRemarks = _b[1];
+export function BookingPaxRemarks(props) {
+    var onChange = props.onChange;
+    var _a = useState(''), remarks = _a[0], setRemarks = _a[1];
     var textareaRef = useRef(null);
     var adjustHeight = function () {
         var textarea = textareaRef.current;
@@ -34,4 +34,4 @@ export var BookingPaxRemarks = function (_a) {
         adjustHeight();
     };
     return (_jsxs("div", { className: "space-y-2", children: [_jsx(Text, { size: "sm", children: "Remarks" }), _jsx(Textarea, { ref: textareaRef, placeholder: "Do you have any remarks?", onInput: handleChange, className: "resize-none overflow-hidden", rows: 1, style: { minHeight: '44px', height: '44px', lineHeight: '1.5' } })] }));
-};
+}

package/dist/components/molecules/BookingPax/BookingPaxTransfer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DateTimePickerProps } from '../../organisms/DateTimePicker/DateTimePicker';
 import { BookingPaxClientInfo, BookingPaxClientProps } from './BookingPaxClient/BookingPaxClient';
 export type ExcursionType = 'sea' | 'land' | 'catamaran';
@@ -66,4 +65,4 @@ export declare const mapTransferType: Record<BookingPaxTransferProps['type'], st
  * @param props - The props for the BookingPaxTransfer component.
  * @returns The BookingPaxTransfer component.
  */
-export declare const BookingPaxTransfer: React.FC<BookingPaxTransferProps>;
+export declare function BookingPaxTransfer(props: BookingPaxTransferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingPax/BookingPaxTransfer.js

@@ -30,7 +30,7 @@ export var mapTransferType = {
  * @param props - The props for the BookingPaxTransfer component.
  * @returns The BookingPaxTransfer component.
  */
-export var BookingPaxTransfer = function (props) {
+export function BookingPaxTransfer(props) {
     var from = props.from, to = props.to, type = props.type, clientsInfo = props.clientsInfo, paxCount = props.paxCount, selectedClientsInfoIds = props.selectedClientsInfoIds, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onTimeChange = props.onTimeChange, onError = props.onError, onFlightNumberChange = props.onFlightNumberChange;
     var _a = useBookingPax(selectedClientsInfoIds), changeOptions = _a.changeOptions, onPaxOptionsChange = _a.onPaxOptionsChange, onSelectedClients = _a.onSelectedClients;
     var handleFlightNumberChange = useCallback(function (e) {
@@ -43,4 +43,4 @@ export var BookingPaxTransfer = function (props) {
         onSelectedClients(clientsInfo, onPaxChange);
     }, [changeOptions, onPaxChange]);
     return (_jsxs(BookingPaxLayout, { title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsxs(Text, { as: "span", color: "accent", variant: "bold", size: "xl", className: "italic", children: ["(", mapTransferType[type], ")"] })] }), icon: "car", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Location, { from: from, to: to }) }), children: [type === 'INH' ? (_jsx(DateTimePicker, { icon: "clock", mode: "time", onValueChange: onTimeChange, placeholder: "Time of Transfer" })) : (_jsx(Input, { icon: "arrival", iconPosition: "leading", placeholder: "Flight number", onChange: handleFlightNumberChange })), _jsx(BookingPaxClient, { id: id, clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: 0, paxCount: paxCount, isSubmitted: isSubmitted, onPaxChange: onPaxOptionsChange, onError: onError }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] }));
-};
+}

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

@@ -1,9 +1,14 @@
 import React from 'react';
-export declare const BookingResume: {
-    (props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-    Layout: React.FC<import("./BookingResumeLayout/BookingResumeLayout").BookingResumeLayoutProps>;
-    Accommodation: React.FC<import("./ResumeAccom/ResumeAccom").ResumeAccomProps>;
-    Transfer: React.FC<import("./ResumeTransfer").ResumeTransferProps>;
-    Excursion: React.FC<import("./ResumeExcursion/ResumeExcursion").ResumeExcursionProps>;
-    OtherService: React.FC<import("./ResumeOtherService").ResumeOtherServiceProps>;
-};
+import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
+import { ResumeAccom } from './ResumeAccom/ResumeAccom';
+import { ResumeExcursion } from './ResumeExcursion/ResumeExcursion';
+import { ResumeOtherService } from './ResumeOtherService';
+import { ResumeTransfer } from './ResumeTransfer';
+export declare function BookingResume(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare namespace BookingResume {
+    var Layout: typeof BookingResumeLayout;
+    var Accommodation: typeof ResumeAccom;
+    var Transfer: typeof ResumeTransfer;
+    var Excursion: typeof ResumeExcursion;
+    var OtherService: typeof ResumeOtherService;
+}

package/dist/components/molecules/BookingResume/BookingResume.js

@@ -15,9 +15,9 @@ import { ResumeAccom } from './ResumeAccom/ResumeAccom';
 import { ResumeExcursion } from './ResumeExcursion/ResumeExcursion';
 import { ResumeOtherService } from './ResumeOtherService';
 import { ResumeTransfer } from './ResumeTransfer';
-export var BookingResume = function (props) {
+export function BookingResume(props) {
     return _jsx("div", __assign({ className: "booking-resume space-y-8" }, props));
-};
+}
 BookingResume.Layout = BookingResumeLayout;
 BookingResume.Accommodation = ResumeAccom;
 BookingResume.Transfer = ResumeTransfer;

package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.d.ts

@@ -8,4 +8,4 @@ export interface BookingResumeLayoutProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare const BookingResumeLayout: React.FC<BookingResumeLayoutProps>;
+export declare function BookingResumeLayout(props: BookingResumeLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingResume/BookingResumeLayout/BookingResumeLayout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../../lib/utils';
 import TextWithIcon from '../../TextWithIcon/TextWithIcon';
 import './BookingResumeLayout.css';
-export var BookingResumeLayout = function (props) {
+export function BookingResumeLayout(props) {
     var title = props.title, icon = props.icon, image = props.image, children = props.children, className = props.className;
     return (_jsxs("div", { className: cn('booking-resume-layout', className), children: [_jsx(TextWithIcon, { icon: icon, color: "accent", textSize: "lg", textVariant: "bold", textLeading: "4", children: title }), _jsxs("div", { className: "booking-resume-layout__flex", children: [image && (_jsx("figure", { className: "booking-resume-layout__image", children: _jsx("img", { src: image, alt: "Service image accom", width: 250, height: 200 }) })), _jsx("div", { className: "booking-resume-layout__content", children: children })] })] }));
-};
+}

package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.d.ts

@@ -1,6 +1,5 @@
 import { RoomItem } from '@/src/types/table';
 import { BookingPax } from '@/src/types/table/booking.types';
-import React from 'react';
 import './ResumeAccom.css';
 export interface ResumeAccomProps {
     image: string;
@@ -10,4 +9,4 @@ export interface ResumeAccomProps {
     hotelName: string;
     rooms: Partial<RoomItem>[];
 }
-export declare const ResumeAccom: React.FC<ResumeAccomProps>;
+export declare function ResumeAccom(props: ResumeAccomProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.js

@@ -8,8 +8,8 @@ import { ServiceTitle } from '../../ServiceTitle/ServiceTitle';
 import TextWithIcon from '../../TextWithIcon/TextWithIcon';
 import { BookingResumeLayout } from '../BookingResumeLayout/BookingResumeLayout';
 import './ResumeAccom.css';
-export var ResumeAccom = function (props) {
+export function ResumeAccom(props) {
     var image = props.image, dates = props.dates, clientType = props.clientType, pax = props.pax, rooms = props.rooms, hotelName = props.hotelName;
     var stay = useStays(dates);
     return (_jsxs(BookingResumeLayout, { title: "Accommodation", icon: "accom", image: image, className: "resume-accom", children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", { className: "space-y-2 mt-4", children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Client types:" }), " ", clientType] }), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "accom", textSize: "sm", textVariant: "medium", children: room.RoomName }), _jsx(ServiceInfo.Item, { icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan", children: room.MealPlan })] }, "rm-".concat(index))); }) })] })] }));
-};
+}

package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.d.ts

@@ -1,5 +1,4 @@
 import { BookingPax } from '@/src/types/table/booking.types';
-import React from 'react';
 import './ResumeExcursion.css';
 export interface ResumeExcursionProps {
     image: string;
@@ -12,4 +11,4 @@ export interface ResumeExcursionProps {
     transferType: string;
     type: 'sea' | 'land' | 'catamaran';
 }
-export declare const ResumeExcursion: React.FC<ResumeExcursionProps>;
+export declare function ResumeExcursion(props: ResumeExcursionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingResume/ResumeExcursion/ResumeExcursion.js

@@ -11,7 +11,7 @@ var mapType = {
     land: 'Land excursion',
     catamaran: 'Cruise excursion',
 };
-export var ResumeExcursion = function (props) {
+export function ResumeExcursion(props) {
     var image = props.image, date = props.date, pax = props.pax, pickUpPoint = props.pickUpPoint, duration = props.duration, meal = props.meal, accessibility = props.accessibility, transferType = props.transferType, type = props.type;
     return (_jsx(BookingResumeLayout, { title: "Excursion", icon: "map", image: image, className: "resume-excursion", children: _jsxs("div", { className: "space-y-3", children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: type, textSize: "sm", textVariant: "medium", children: mapType[type] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Pickup: " }), " ", pickUpPoint] })] }), _jsx(PaxDisplay, { pax: pax }), _jsxs(ServiceInfo, { className: "space-y-1", contentTextVariant: "regular", children: [_jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: accessibility }), _jsx(ServiceInfo.Item, { icon: "car", label: "Vehicle", children: transferType })] })] }) }));
-};
+}

package/dist/components/molecules/BookingResume/ResumeOtherService.d.ts

@@ -1,6 +1,5 @@
 import { BookingPax } from '@/src/types/table/booking.types';
-import React from 'react';
 export interface ResumeOtherServiceProps {
     pax: BookingPax;
 }
-export declare const ResumeOtherService: React.FC<ResumeOtherServiceProps>;
+export declare function ResumeOtherService(props: ResumeOtherServiceProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingResume/ResumeOtherService.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PaxDisplay } from '../PaxDisplay/PaxDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
-export var ResumeOtherService = function (props) {
+export function ResumeOtherService(props) {
     var pax = props.pax;
     return (_jsx(BookingResumeLayout, { title: "Other Services", icon: "more", children: _jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "wallet", children: "Handling Fee" }), _jsx(PaxDisplay, { pax: pax })] }) }));
-};
+}

package/dist/components/molecules/BookingResume/ResumeTransfer.d.ts

@@ -1,5 +1,4 @@
 import { BookingPax } from '@/src/types/table/booking.types';
-import React from 'react';
 import { FromToProps } from '../FromTo/FromTo';
 export interface ResumeTransferProps {
     type: 'ARV' | 'DEP' | 'INH';
@@ -9,4 +8,4 @@ export interface ResumeTransferProps {
     carName: string;
     image: string;
 }
-export declare const ResumeTransfer: React.FC<ResumeTransferProps>;
+export declare function ResumeTransfer(props: ResumeTransferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/BookingResume/ResumeTransfer.js

@@ -5,8 +5,8 @@ import FromTo from '../FromTo/FromTo';
 import { PaxDisplay } from '../PaxDisplay/PaxDisplay';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 import { BookingResumeLayout } from './BookingResumeLayout/BookingResumeLayout';
-export var ResumeTransfer = function (props) {
+export function ResumeTransfer(props) {
     var type = props.type, pax = props.pax, date = props.date, location = props.location, carName = props.carName, image = props.image;
     var transferType = type === 'ARV' ? 'Arrival' : type === 'DEP' ? 'Departure' : 'Inter-Hotel';
     return (_jsx(BookingResumeLayout, { title: _jsxs(_Fragment, { children: ["Transfer", ' ', _jsx(Text, { color: "accent", as: "span", size: "lg", children: transferType })] }), icon: "car-front", image: image, children: _jsxs("div", { className: "space-y-3", children: [_jsx(DateDisplay, { dates: [date], colorMode: "green" }), _jsx(FromTo, { from: location.from, to: location.to }), _jsxs("div", { className: "space-y-1", children: [_jsx(PaxDisplay, { pax: pax }), _jsx(TextWithIcon, { icon: "car", textSize: "sm", textVariant: "medium", children: carName })] })] }) }));
-};
+}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import './Breadcrumbs.css';
 export interface BreadcrumbsItem {
     label: string;
@@ -8,4 +7,4 @@ export interface BreadcrumbsProps {
     items: BreadcrumbsItem[];
     onBack?: () => void;
 }
-export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -3,7 +3,7 @@ import { cn } from '../../../lib/utils';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 import './Breadcrumbs.css';
-export var Breadcrumbs = function (props) {
+export function Breadcrumbs(props) {
     var items = props.items, onBack = props.onBack;
     return (_jsxs("ol", { className: "breadcrumbs", children: [_jsxs(Text, { variant: "medium", size: "sm", leading: "4", as: "li", className: "cursor-pointer", onClick: onBack, children: [_jsx(Icon, { name: "chevron-left", size: "sm" }), "Back"] }), items.map(function (item, index) { return (_jsx(Text, { as: "li", variant: "medium", size: "sm", onClick: item.onClick, color: index === items.length - 1 ? 'accent' : 'default', leading: "4", className: cn(index < items.length - 1 && 'cursor-pointer'), children: item.label }, "bc-".concat(index))); })] }));
-};
+}

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

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

package/dist/components/molecules/DateDisplay/DateDisplay.js

@@ -14,8 +14,8 @@ import './DateDisplay.css';
  * @param DateDisplayProps
  * @returns
  */
-export var DateDisplay = function (_a) {
-    var _b = _a.dates, dates = _b === void 0 ? [] : _b, _c = _a.arrowSize, arrowSize = _c === void 0 ? 'sm' : _c, _d = _a.calendarSize, calendarSize = _d === void 0 ? 'sm' : _d, _e = _a.textSize, textSize = _e === void 0 ? 'sm' : _e, _f = _a.colorMode, colorMode = _f === void 0 ? 'black' : _f, _g = _a.className, className = _g === void 0 ? '' : _g;
+export function DateDisplay(props) {
+    var _a = props.dates, dates = _a === void 0 ? [] : _a, _b = props.arrowSize, arrowSize = _b === void 0 ? 'sm' : _b, _c = props.calendarSize, calendarSize = _c === void 0 ? 'sm' : _c, _d = props.textSize, textSize = _d === void 0 ? 'sm' : _d, _e = props.colorMode, colorMode = _e === void 0 ? 'black' : _e, _f = props.className, className = _f === void 0 ? '' : _f;
     var formattedDates = useMemo(function () {
         return dates.map(function (d) {
             var dateObj = typeof d === 'string' ? new Date(d) : d;
@@ -37,4 +37,4 @@ export var DateDisplay = function (_a) {
     }
     // Multiple dates display (backward compatibility)
     return (_jsx("div", { className: "date-display date-display--range date-display--".concat(colorMode, " ").concat(className), children: formattedDates.map(function (formattedDate, index) { return (_jsxs(Fragment, { children: [_jsxs("span", { className: "date-display__item", children: [_jsx(Icon, { name: "calendar", size: calendarSize, color: iconColor }), _jsx(Text, { variant: "medium", size: textSize, color: textColor, children: formattedDate })] }), formattedDates.length > 1 && index === 0 && (_jsx(Icon, { name: "arrow-right-outline", size: arrowSize }))] }, "dd-".concat(index))); }) }));
-};
+}

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

@@ -1,5 +1,4 @@
 import { ActionDropdownType } from '@/src/types/table';
-import React from 'react';
 import { ButtonProps } from '../../atoms/Button/Button';
 import { ActionDropdownItem } from '../ActionDropdown/ActionDropdown';
 export interface DetailsActionProps {
@@ -11,4 +10,4 @@ export interface DetailsActionProps {
     buttonLabel?: string;
     dropdownMaxWidth?: string;
 }
-export declare const DetailsAction: React.FC<DetailsActionProps>;
+export declare function DetailsAction(props: DetailsActionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DetailsInfo/DetailsAction.js

@@ -3,7 +3,7 @@ import { cn } from '../../../lib/utils';
 import { ActionDropdownType } from '../../../types/table/index';
 import Button from '../../atoms/Button/Button';
 import { ActionDropdown } from '../ActionDropdown/ActionDropdown';
-export var DetailsAction = function (props) {
+export function DetailsAction(props) {
     var _a = props.data, data = _a === void 0 ? [] : _a, onAction = props.onAction, _b = props.buttonVariant, buttonVariant = _b === void 0 ? 'outline-secondary' : _b, _c = props.buttonClassName, buttonClassName = _c === void 0 ? '' : _c, _d = props.buttonLabel, buttonLabel = _d === void 0 ? 'More options' : _d, dropdownMaxWidth = props.dropdownMaxWidth;
     return (_jsx(ActionDropdown, { maxWidth: dropdownMaxWidth, data: data
             ? data
@@ -33,4 +33,4 @@ export var DetailsAction = function (props) {
                     },
                 },
             ], children: _jsx(Button, { variant: buttonVariant, trailingIcon: "chevron-down", size: "sm", className: cn('w-[144px] !justify-between !px-[14px]', buttonClassName), children: buttonLabel }) }));
-};
+}

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

@@ -10,4 +10,4 @@ export interface DetailsAgencyProps {
     /** Children of the agency */
     children?: React.ReactNode;
 }
-export declare const DetailsAgency: React.FC<DetailsAgencyProps>;
+export declare function DetailsAgency(props: DetailsAgencyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DetailsInfo/DetailsAgency/DetailsAgency.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
 import './DetailsAgency.css';
-export var DetailsAgency = function (props) {
+export function DetailsAgency(props) {
     var name = props.name, clientType = props.clientType, isOnRequest = props.isOnRequest, children = props.children;
     return (_jsxs("div", { className: "flex flex-col gap-y-6 items-end", children: [_jsx("img", { src: "/images/mautourco-logo.png", alt: "Mautourco Logo", width: 220 }), _jsxs("div", { className: "details-agency", children: [_jsx(Text, { variant: "bold", color: "accent", children: "Documents details:" }), _jsxs("div", { className: "details-agency__content", children: [_jsxs("div", { className: "details-agency__content-item", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name", children: "Agency" }), _jsx(Text, { size: "sm", leading: "4", children: name })] }), ' ', _jsxs("div", { className: "details-agency__content-item", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", className: "details-agency__content-item-name", children: "Client type" }), _jsx(Text, { size: "sm", leading: "4", children: clientType })] })] })] }), isOnRequest && _jsx(Chip, { color: "yellow", children: "Waiting for confirmation" }), children] }));
-};
+}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import './DetailsClient.css';
 export interface DetailsClientInfoItem {
     firstName: string;
@@ -10,4 +9,4 @@ export interface DetailsClientInfoProps {
     language: string;
     clients: DetailsClientInfoItem[];
 }
-export declare const DetailsClientInfo: React.FC<DetailsClientInfoProps>;
+export declare function DetailsClientInfo(props: DetailsClientInfoProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DetailsInfo/DetailsClient/DetailsClient.js

@@ -3,7 +3,7 @@ import Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
 import { languagesMap } from '../../ServiceLanguages/constant';
 import './DetailsClient.css';
-export var DetailsClientInfo = function (props) {
+export function DetailsClientInfo(props) {
     var language = props.language, clients = props.clients;
     return (_jsxs("div", { className: "details-client", children: [_jsx(Text, { variant: "bold", children: "1. Client's information" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { variant: "medium", size: "lg", children: "Language:" }), _jsxs(Chip, { color: "neutral", size: "md", className: "!px-4", children: [_jsx("i", { className: "fi fi-".concat(languagesMap[language.toLowerCase()]) }), _jsx(Text, { variant: "medium", as: "span", children: language })] })] }), _jsx("div", { className: "flex gap-x-8 flex-wrap", children: clients.map(function (client, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Text, { variant: "medium", size: "lg", children: [client.type, " No ", index + 1, ' ', client.age > 0 ? (_jsxs(Text, { variant: "regular", size: "lg", as: "span", children: ["(", client.age, " yo)"] })) : ('')] }), _jsxs(Chip, { color: "neutral", size: "md", className: "!px-4", children: [client.firstName, " ", client.lastName] })] }, "cl-".concat(index))); }) })] }));
-};
+}

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

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface DetailsFileProps {
     /** Number of the file */
     number: string;
@@ -11,4 +10,4 @@ export interface DetailsFileProps {
     /** Show the regular info of the file */
     showRegularInfo?: boolean;
 }
-export declare const DetailsFile: React.FC<DetailsFileProps>;
+export declare function DetailsFile(props: DetailsFileProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/DetailsInfo/DetailsFile.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
-export var DetailsFile = function (props) {
+export function DetailsFile(props) {
     var number = props.number, name = props.name, _a = props.label, label = _a === void 0 ? 'File number:' : _a, _b = props.withTitle, withTitle = _b === void 0 ? false : _b, _c = props.showRegularInfo, showRegularInfo = _c === void 0 ? true : _c;
     return (_jsxs("div", { className: "grid gap-y-2", children: [withTitle && (_jsx(Text, { variant: "bold", className: "text-2xl", color: "brand", children: label })), showRegularInfo && (_jsxs(Text, { variant: "regular", color: "default", children: [label, " ", number] })), _jsx(Text, { variant: "medium", color: "accent", children: name })] }));
-};
+}