mautourco-components 0.2.8 → 0.2.10

package/dist/components/ui/popover.js

@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../lib/utils";
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../../lib/utils';
 function Popover(_a) {
     var props = __rest(_a, []);
     return _jsx(PopoverPrimitive.Root, __assign({ "data-slot": "popover" }, props));
@@ -32,11 +32,11 @@ function PopoverTrigger(_a) {
     return _jsx(PopoverPrimitive.Trigger, __assign({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
-    var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, __assign({ "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className) }, props)) }));
+    var className = _a.className, _b = _a.align, align = _b === void 0 ? 'center' : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, __assign({ "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden border-[var(--color-elevation-state-hover-subtle)]', className) }, props)) }));
 }
 function PopoverAnchor(_a) {
     var props = __rest(_a, []);
     return _jsx(PopoverPrimitive.Anchor, __assign({ "data-slot": "popover-anchor" }, props));
 }
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/ui/tooltip.js

@@ -0,0 +1,42 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '@/src/lib/utils';
+function TooltipProvider(_a) {
+    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
+    return _jsx(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props));
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, __assign({ "data-slot": "tooltip" }, props)) }));
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return _jsx(TooltipPrimitive.Trigger, __assign({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('bg-foreground bg-[var(--tooltip-color-background-default)] text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-[var(--tooltip-color-background-default)] fill-[var(--tooltip-color-background-default)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] })) }));
+}
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/index.d.ts

@@ -1,49 +1,71 @@
 export { default as Button } from './components/atoms/Button/Button';
 export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as Chip } from './components/atoms/Chip/Chip';
+export { default as Divider } from './components/atoms/Divider/Divider';
 export { default as Icon } from './components/atoms/Icon/Icon';
 export { default as DropdownInput } from './components/atoms/Inputs/DropdownInput/DropdownInput';
 export { default as Input } from './components/atoms/Inputs/Input/Input';
 export { default as Textarea } from './components/atoms/Inputs/Textarea/Textarea';
-export { default as SelectedValue } from './components/atoms/SelectedValue/SelectedValue';
-export { default as Spinner } from './components/atoms/Spinner/Spinner';
-export { default as Slider } from './components/atoms/Slider/Slider';
 export { default as RatingStar } from './components/atoms/RatingStar/RatingStar';
-export { Heading } from './components/atoms/Typography/Typography';
-export { Text } from './components/atoms/Typography/Typography';
 export { default as SegmentedButton } from './components/atoms/SegmentedButton/SegmentedButton';
-export { default as MultiSelectDropdown } from './components/molecules/MultiSelectDropdown/MultiSelectDropdown';
+export { default as SelectedValue } from './components/atoms/SelectedValue/SelectedValue';
+export { default as Slider } from './components/atoms/Slider/Slider';
+export { default as Spinner } from './components/atoms/Spinner/Spinner';
+export { Heading, Text } from './components/atoms/Typography/Typography';
+export { ActionDropdown, type ActionDropdownItem, } from './components/molecules/ActionDropdown/ActionDropdown';
+export { DateDisplay } from './components/molecules/DateDisplay/DateDisplay';
 export { default as CalendarInput } from './components/molecules/Calendar/CalendarInput';
 export { default as TimePicker } from './components/molecules/Calendar/TimePicker';
-export { default as RatingTab } from './components/molecules/RatingTab/RatingTab';
+export { default as FeatureRow } from './components/molecules/FeatureRow/FeatureRow';
+export { default as FromTo } from './components/molecules/FromTo/FromTo';
 export { default as LocationDropdown } from './components/molecules/LocationDropdown/LocationDropdown';
-export { TopNavigation } from './components/organisms/TopNavigation/TopNavigation';
-export { Footer } from './components/organisms/Footer/Footer';
-export { Dialog } from './components/organisms/Dialog/Dialog';
-export { CardContainer } from './components/organisms/CardContainer/CardContainer';
+export { default as MultiSelectDropdown } from './components/molecules/MultiSelectDropdown/MultiSelectDropdown';
+export { default as Pagination } from './components/molecules/Pagination/Pagination';
+export { default as RatingTab } from './components/molecules/RatingTab/RatingTab';
+export { default as SectionTitle } from './components/molecules/SectionTitle/SectionTitle';
+export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
+export { default as Stepper } from './components/molecules/Stepper/Stepper';
+export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
 export { Illustration } from './components/atoms/Illustration/Illustration';
-export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
+export { default as TableServiceItem } from './components/molecules/TableServiceItem';
+export { default as CarBookingCard } from './components/organisms/CarBookingCard/CarBookingCard';
+export { CardContainer } from './components/organisms/CardContainer/CardContainer';
 export { default as DateTimePicker } from './components/organisms/DateTimePicker/DateTimePicker';
+export { Dialog } from './components/organisms/Dialog/Dialog';
+export { Footer } from './components/organisms/Footer/Footer';
+export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
 export { default as RoundTrip } from './components/organisms/RoundTrip/RoundTrip';
-export { default as TransferLine } from './components/organisms/TransferLine/TransferLine';
 export { default as SearchBarTransfer } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export * from './components/organisms/Table';
+export { TopNavigation } from './components/organisms/TopNavigation/TopNavigation';
+export { default as TransferLine } from './components/organisms/TransferLine/TransferLine';
 export { default as ButtonSpinner } from './components/atoms/Spinner/variants/ButtonSpinner';
 export { default as LoadingSpinner } from './components/atoms/Spinner/variants/LoadingSpinner';
 export { default as CheckIcon } from './components/atoms/Icon/icons/Check';
 export { default as ChevronIcon } from './components/atoms/Icon/icons/Chevron';
 export { default as CloseIcon } from './components/atoms/Icon/icons/Close';
+export { default as HomeIcon } from './components/atoms/Icon/icons/HomeIcon';
+export { default as MinusIcon } from './components/atoms/Icon/icons/MinusIcon';
+export { default as PlusIcon } from './components/atoms/Icon/icons/PlusIcon';
 export { default as SearchIcon } from './components/atoms/Icon/icons/Search';
 export { default as SettingsIcon } from './components/atoms/Icon/icons/Settings';
 export { default as UserIcon } from './components/atoms/Icon/icons/User';
-export { default as PlusIcon } from './components/atoms/Icon/icons/PlusIcon';
-export { default as MinusIcon } from './components/atoms/Icon/icons/MinusIcon';
-export { default as HomeIcon } from './components/atoms/Icon/icons/HomeIcon';
-export type { TopNavigationProps } from './components/organisms/TopNavigation/TopNavigation';
-export type { FooterProps } from './components/organisms/Footer/Footer';
-export type { DialogProps, DialogSize } from './components/organisms/Dialog/Dialog';
-export type { CardContainerProps, CardContainerSpacing } from './components/organisms/CardContainer/CardContainer';
-export type { PaxSelectorProps, PaxData, ClientType } from './components/organisms/PaxSelector/PaxSelector';
-export type { LocationDropdownProps, LocationOption, LocationGroup, LocationData } from './components/molecules/LocationDropdown/LocationDropdown';
+export type { DividerProps } from './components/atoms/Divider/Divider';
+export type { FeatureRowProps } from './components/molecules/FeatureRow/FeatureRow';
+export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption, } from './components/molecules/LocationDropdown/LocationDropdown';
+export type { ServiceOption, ServiceSelectorProps, ServiceType, } from './components/molecules/ServiceSelector/ServiceSelector';
+export type { StepperProps } from './components/molecules/Stepper/Stepper';
+export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType, } from './components/organisms/CarBookingCard/CarBookingCard';
+export type { CardContainerProps, CardContainerSpacing, } from './components/organisms/CardContainer/CardContainer';
 export type { DateTimePickerProps } from './components/organisms/DateTimePicker/DateTimePicker';
-export type { RoundTripProps, RoundTripData, RoundTripTransfer } from './components/organisms/RoundTrip/RoundTrip';
-export type { TransferLineProps, TransferLineData, TransferType } from './components/organisms/TransferLine/TransferLine';
-export type { SearchBarTransferProps, SearchBarTransferData, TransferMode } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export type { DialogProps, DialogSize } from './components/organisms/Dialog/Dialog';
+export type { FooterProps } from './components/organisms/Footer/Footer';
+export type { ClientType, PaxData, PaxSelectorProps, } from './components/organisms/PaxSelector/PaxSelector';
+export type { RoundTripData, RoundTripProps, RoundTripTransfer, } from './components/organisms/RoundTrip/RoundTrip';
+export type { SearchBarTransferData, SearchBarTransferProps, TransferMode, } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export type { TopNavigationProps } from './components/organisms/TopNavigation/TopNavigation';
+export type { TransferLineData, TransferLineProps, TransferType, } from './components/organisms/TransferLine/TransferLine';
+export type { FromToProps } from './components/molecules/FromTo/FromTo';
+export type { SectionTitleProps } from './components/molecules/SectionTitle/SectionTitle';
+export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps, } from './components/molecules/TableServiceItem';
+export * from './types/table';

package/dist/index.js

@@ -1,34 +1,47 @@
 // Atoms - Base components
 export { default as Button } from './components/atoms/Button/Button';
 export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as Chip } from './components/atoms/Chip/Chip';
+export { default as Divider } from './components/atoms/Divider/Divider';
 export { default as Icon } from './components/atoms/Icon/Icon';
 export { default as DropdownInput } from './components/atoms/Inputs/DropdownInput/DropdownInput';
 export { default as Input } from './components/atoms/Inputs/Input/Input';
 export { default as Textarea } from './components/atoms/Inputs/Textarea/Textarea';
-export { default as SelectedValue } from './components/atoms/SelectedValue/SelectedValue';
-export { default as Spinner } from './components/atoms/Spinner/Spinner';
-export { default as Slider } from './components/atoms/Slider/Slider';
 export { default as RatingStar } from './components/atoms/RatingStar/RatingStar';
-export { Heading } from './components/atoms/Typography/Typography';
-export { Text } from './components/atoms/Typography/Typography';
 export { default as SegmentedButton } from './components/atoms/SegmentedButton/SegmentedButton';
+export { default as SelectedValue } from './components/atoms/SelectedValue/SelectedValue';
+export { default as Slider } from './components/atoms/Slider/Slider';
+export { default as Spinner } from './components/atoms/Spinner/Spinner';
+export { Heading, Text } from './components/atoms/Typography/Typography';
+export { ActionDropdown, } from './components/molecules/ActionDropdown/ActionDropdown';
+export { DateDisplay } from './components/molecules/DateDisplay/DateDisplay';
 // Molecules - Composed components
-export { default as MultiSelectDropdown } from './components/molecules/MultiSelectDropdown/MultiSelectDropdown';
 export { default as CalendarInput } from './components/molecules/Calendar/CalendarInput';
 export { default as TimePicker } from './components/molecules/Calendar/TimePicker';
-export { default as RatingTab } from './components/molecules/RatingTab/RatingTab';
+export { default as FeatureRow } from './components/molecules/FeatureRow/FeatureRow';
+export { default as FromTo } from './components/molecules/FromTo/FromTo';
 export { default as LocationDropdown } from './components/molecules/LocationDropdown/LocationDropdown';
+export { default as MultiSelectDropdown } from './components/molecules/MultiSelectDropdown/MultiSelectDropdown';
+export { default as Pagination } from './components/molecules/Pagination/Pagination';
+export { default as RatingTab } from './components/molecules/RatingTab/RatingTab';
+export { default as SectionTitle } from './components/molecules/SectionTitle/SectionTitle';
+export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
+export { default as Stepper } from './components/molecules/Stepper/Stepper';
+export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
 // Organisms - Complex components
-export { TopNavigation } from './components/organisms/TopNavigation/TopNavigation';
-export { Footer } from './components/organisms/Footer/Footer';
-export { Dialog } from './components/organisms/Dialog/Dialog';
-export { CardContainer } from './components/organisms/CardContainer/CardContainer';
 export { Illustration } from './components/atoms/Illustration/Illustration';
-export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
+export { default as TableServiceItem } from './components/molecules/TableServiceItem';
+export { default as CarBookingCard } from './components/organisms/CarBookingCard/CarBookingCard';
+export { CardContainer } from './components/organisms/CardContainer/CardContainer';
 export { default as DateTimePicker } from './components/organisms/DateTimePicker/DateTimePicker';
+export { Dialog } from './components/organisms/Dialog/Dialog';
+export { Footer } from './components/organisms/Footer/Footer';
+export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
 export { default as RoundTrip } from './components/organisms/RoundTrip/RoundTrip';
-export { default as TransferLine } from './components/organisms/TransferLine/TransferLine';
 export { default as SearchBarTransfer } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export * from './components/organisms/Table';
+export { TopNavigation } from './components/organisms/TopNavigation/TopNavigation';
+export { default as TransferLine } from './components/organisms/TransferLine/TransferLine';
 // Spinner Variants
 export { default as ButtonSpinner } from './components/atoms/Spinner/variants/ButtonSpinner';
 export { default as LoadingSpinner } from './components/atoms/Spinner/variants/LoadingSpinner';
@@ -36,11 +49,12 @@ export { default as LoadingSpinner } from './components/atoms/Spinner/variants/L
 export { default as CheckIcon } from './components/atoms/Icon/icons/Check';
 export { default as ChevronIcon } from './components/atoms/Icon/icons/Chevron';
 export { default as CloseIcon } from './components/atoms/Icon/icons/Close';
+export { default as HomeIcon } from './components/atoms/Icon/icons/HomeIcon';
+export { default as MinusIcon } from './components/atoms/Icon/icons/MinusIcon';
+export { default as PlusIcon } from './components/atoms/Icon/icons/PlusIcon';
 export { default as SearchIcon } from './components/atoms/Icon/icons/Search';
 export { default as SettingsIcon } from './components/atoms/Icon/icons/Settings';
 export { default as UserIcon } from './components/atoms/Icon/icons/User';
-export { default as PlusIcon } from './components/atoms/Icon/icons/PlusIcon';
-export { default as MinusIcon } from './components/atoms/Icon/icons/MinusIcon';
-export { default as HomeIcon } from './components/atoms/Icon/icons/HomeIcon';
+export * from './types/table';
 // export type { InputProps } from './components/atoms/Inputs/Input/Input';
 // export type { CheckboxProps } from './components/atoms/Checkbox/Checkbox';

package/dist/styles/components/molecule/location-dropdown.css

@@ -2362,6 +2362,44 @@
   color: var(--color-atoll-green-800);
 }
 
+/* Skeleton Loading States */
+
+.location-dropdown__option--skeleton {
+  pointer-events: none;
+  cursor: default;
+}
+
+.location-dropdown__option--skeleton:hover {
+  background-color: #ffffff00;
+}
+
+.location-dropdown__skeleton-icon {
+  height: 1rem;
+  width: 1rem;
+  flex-shrink: 0;
+  border-radius: 0.25rem;
+  background-color: var(--color-neutral-200);
+  animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.location-dropdown__skeleton-text {
+  height: 1rem;
+  flex: 1 1 0%;
+  border-radius: 0.25rem;
+  background-color: var(--color-neutral-200);
+  animation: skeleton-pulse 1.5s ease-in-out infinite;
+  animation-delay: 0.15s;
+}
+
+@keyframes skeleton-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+}
+
 /* Type-specific adjustments */
 
 .location-dropdown--airport-port .location-dropdown__content {