mautourco-components 0.1.2 → 0.2.1

package/dist/components/organisms/TransferLine/TransferLine.js

@@ -0,0 +1,179 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import Icon from "../../atoms/Icon/Icon";
+import { Text } from "../../atoms/Typography/Typography";
+import PaxSelector from "../PaxSelector/PaxSelector";
+import DateTimePicker from "../DateTimePicker/DateTimePicker";
+import LocationDropdown from "../../molecules/LocationDropdown/LocationDropdown";
+import "../../../styles/components/organism/transfer-line.css";
+var TransferLine = function (_a) {
+    var id = _a.id, type = _a.type, paxData = _a.paxData, transferDate = _a.transferDate, pickupPoint = _a.pickupPoint, dropoffPoint = _a.dropoffPoint, _b = _a.locations, locations = _b === void 0 ? { options: [], groups: [] } : _b, onPaxChange = _a.onPaxChange, onDateChange = _a.onDateChange, onPickupChange = _a.onPickupChange, onDropoffChange = _a.onDropoffChange, onDataChange = _a.onDataChange, onDelete = _a.onDelete, _c = _a.showDelete, showDelete = _c === void 0 ? true : _c, _d = _a.showTitle, showTitle = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
+    var _f = useState(paxData), internalPaxData = _f[0], setInternalPaxData = _f[1];
+    var _g = useState(transferDate), internalTransferDate = _g[0], setInternalTransferDate = _g[1];
+    var _h = useState(null), internalPickupPoint = _h[0], setInternalPickupPoint = _h[1];
+    var _j = useState(null), internalDropoffPoint = _j[0], setInternalDropoffPoint = _j[1];
+    // Helper function to get all locations (from options and groups)
+    var getAllLocations = function (options, groups) {
+        var groupOptions = groups.flatMap(function (group) { return group.options; });
+        return __spreadArray(__spreadArray([], options, true), groupOptions, true);
+    };
+    // Filter locations based on transfer type and position (pickup/dropoff)
+    var filterLocations = function (position) {
+        var allOptions = locations.options || [];
+        var allGroups = locations.groups || [];
+        var filterTypes = [];
+        if (type === 'arrival') {
+            filterTypes = position === 'pickup' ? ['airport', 'port'] : ['accommodation'];
+        }
+        else if (type === 'departure') {
+            filterTypes = position === 'pickup' ? ['accommodation'] : ['airport', 'port'];
+        }
+        else if (type === 'inter-hotel') {
+            filterTypes = ['accommodation'];
+        }
+        var filteredOptions = allOptions.filter(function (opt) { return filterTypes.includes(opt.type); });
+        var filteredGroups = allGroups
+            .map(function (group) { return (__assign(__assign({}, group), { options: group.options.filter(function (opt) { return filterTypes.includes(opt.type); }) })); })
+            .filter(function (group) { return group.options.length > 0; });
+        return { options: filteredOptions, groups: filteredGroups };
+    };
+    // Get default location (first airport for arrival/departure)
+    var getDefaultLocation = function (position) {
+        var _a = filterLocations(position), options = _a.options, groups = _a.groups;
+        var allLocations = getAllLocations(options, groups);
+        // For arrival pickup or departure dropoff, default to first airport
+        if ((type === 'arrival' && position === 'pickup') || (type === 'departure' && position === 'dropoff')) {
+            return allLocations.find(function (loc) { return loc.type === 'airport'; }) || allLocations[0] || null;
+        }
+        return null;
+    };
+    // Initialize location data from IDs or set defaults
+    React.useEffect(function () {
+        var _a = filterLocations('pickup'), options = _a.options, groups = _a.groups;
+        var allPickupLocations = getAllLocations(options, groups);
+        if (pickupPoint) {
+            var location_1 = allPickupLocations.find(function (loc) { return loc.id === pickupPoint; });
+            if (location_1) {
+                setInternalPickupPoint({
+                    id: location_1.id,
+                    locationName: location_1.label,
+                });
+            }
+        }
+        else {
+            // Set default location if applicable
+            var defaultLocation = getDefaultLocation('pickup');
+            if (defaultLocation) {
+                var defaultData = {
+                    id: defaultLocation.id,
+                    locationName: defaultLocation.label,
+                };
+                setInternalPickupPoint(defaultData);
+                onPickupChange === null || onPickupChange === void 0 ? void 0 : onPickupChange(defaultData);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [pickupPoint, type, locations]);
+    React.useEffect(function () {
+        var _a = filterLocations('dropoff'), options = _a.options, groups = _a.groups;
+        var allDropoffLocations = getAllLocations(options, groups);
+        if (dropoffPoint) {
+            var location_2 = allDropoffLocations.find(function (loc) { return loc.id === dropoffPoint; });
+            if (location_2) {
+                setInternalDropoffPoint({
+                    id: location_2.id,
+                    locationName: location_2.label,
+                });
+            }
+        }
+        else {
+            // Set default location if applicable
+            var defaultLocation = getDefaultLocation('dropoff');
+            if (defaultLocation) {
+                var defaultData = {
+                    id: defaultLocation.id,
+                    locationName: defaultLocation.label,
+                };
+                setInternalDropoffPoint(defaultData);
+                onDropoffChange === null || onDropoffChange === void 0 ? void 0 : onDropoffChange(defaultData);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dropoffPoint, type, locations]);
+    // Update complete data whenever any field changes
+    React.useEffect(function () {
+        var completeData = {
+            id: id,
+            type: type,
+            paxData: internalPaxData,
+            transferDate: internalTransferDate,
+            pickupPoint: internalPickupPoint || undefined,
+            dropoffPoint: internalDropoffPoint || undefined,
+        };
+        onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(completeData);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id, type, internalPaxData, internalTransferDate, internalPickupPoint, internalDropoffPoint]);
+    var getTypeIcon = function () {
+        switch (type) {
+            case "arrival":
+                return "arrival";
+            case "departure":
+                return "departure";
+            case "inter-hotel":
+                return "building";
+            default:
+                return "arrival";
+        }
+    };
+    var getTypeLabel = function () {
+        switch (type) {
+            case "arrival":
+                return "Arrival";
+            case "departure":
+                return "Departure";
+            case "inter-hotel":
+                return "Inter-Hotel";
+            default:
+                return "Transfer";
+        }
+    };
+    var handlePaxChange = function (newPaxData) {
+        setInternalPaxData(newPaxData);
+        onPaxChange === null || onPaxChange === void 0 ? void 0 : onPaxChange(newPaxData);
+    };
+    var handleDateChange = function (newDate) {
+        var dateValue = Array.isArray(newDate) ? newDate[0] : newDate;
+        setInternalTransferDate(dateValue);
+        onDateChange === null || onDateChange === void 0 ? void 0 : onDateChange(dateValue);
+    };
+    var handlePickupChange = function (location) {
+        setInternalPickupPoint(location);
+        onPickupChange === null || onPickupChange === void 0 ? void 0 : onPickupChange(location);
+    };
+    var handleDropoffChange = function (location) {
+        setInternalDropoffPoint(location);
+        onDropoffChange === null || onDropoffChange === void 0 ? void 0 : onDropoffChange(location);
+    };
+    return (_jsxs("div", __assign({ className: "transfer-line transfer-line--".concat(type, " ").concat(className), "data-transfer-id": id }, { children: [showTitle && (_jsxs("div", __assign({ className: "transfer-line__header" }, { children: [_jsx(Icon, { name: getTypeIcon(), size: "sm", className: "transfer-line__header-icon" }), _jsx(Text, __assign({ size: "sm", variant: "medium", className: "transfer-line__header-label" }, { children: getTypeLabel() }))] }))), _jsxs("div", __assign({ className: "transfer-line__content-container" }, { children: [_jsxs("div", __assign({ className: "transfer-line__content" }, { children: [_jsx("div", __assign({ className: "transfer-line__field transfer-line__field--pax" }, { children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax" }) })), _jsxs("div", __assign({ className: "transfer-line__field transfer-line__field--date" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "transfer-line__field-label" }, { children: "Transfer date" })), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 1, iconBGFull: false, showChevron: true, onValueChange: handleDateChange, selectionMode: "single" })] })), _jsx("div", __assign({ className: "transfer-line__field transfer-line__field--pickup" }, { children: _jsx(LocationDropdown, { label: "Pick-up point", options: filterLocations('pickup').options, groups: filterLocations('pickup').groups, selectedValue: (internalPickupPoint === null || internalPickupPoint === void 0 ? void 0 : internalPickupPoint.id) || null, onSelectionChange: handlePickupChange, placeholder: "Select a pick-up point", direction: "pickup", type: type === 'inter-hotel' ? 'accommodation' : type === 'arrival' ? 'airport-port' : 'accommodation', showGroupTitles: false }) })), _jsx("div", __assign({ className: "transfer-line__field transfer-line__field--dropoff" }, { children: _jsx(LocationDropdown, { label: "Drop-off point", options: filterLocations('dropoff').options, groups: filterLocations('dropoff').groups, selectedValue: (internalDropoffPoint === null || internalDropoffPoint === void 0 ? void 0 : internalDropoffPoint.id) || null, onSelectionChange: handleDropoffChange, placeholder: "Select a drop-off point", direction: "dropoff", type: type === 'inter-hotel' ? 'accommodation' : type === 'departure' ? 'airport-port' : 'accommodation', showGroupTitles: false }) }))] })), showDelete && (_jsx("div", __assign({ className: "transfer-line__delete" }, { children: _jsx("button", __assign({ type: "button", className: "transfer-line__delete-btn", onClick: onDelete, "aria-label": "Delete transfer line" }, { children: _jsx(Icon, { name: "delete", size: "sm", className: "transfer-line__delete-icon" }) })) })))] }))] })));
+};
+export default TransferLine;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "secondary" | "outline" | "default" | "destructive" | "ghost" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,56 @@
+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 } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button(_a) {
+    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
+    var Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, __assign({ "data-slot": "button", className: cn(buttonVariants({ variant: variant, size: size, className: className })) }, props)));
+}
+export { Button, buttonVariants };

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+import { Button } from "./button";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/components/ui/calendar.js

@@ -0,0 +1,87 @@
+"use client";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
+import { DayPicker, getDefaultClassNames, MonthGrid, } from "react-day-picker";
+import { Button, buttonVariants } from "./button";
+import { cn } from "../../lib/utils";
+function Calendar(_a) {
+    var className = _a.className, classNames = _a.classNames, _b = _a.showOutsideDays, showOutsideDays = _b === void 0 ? true : _b, _c = _a.captionLayout, captionLayout = _c === void 0 ? "label" : _c, _d = _a.buttonVariant, buttonVariant = _d === void 0 ? "ghost" : _d, formatters = _a.formatters, components = _a.components, props = __rest(_a, ["className", "classNames", "showOutsideDays", "captionLayout", "buttonVariant", "formatters", "components"]);
+    var defaultClassNames = getDefaultClassNames();
+    return (_jsx(DayPicker, __assign({ showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw(templateObject_1 || (templateObject_1 = __makeTemplateObject(["rtl:**:[.rdp-button_next>svg]:rotate-180"], ["rtl:**:[.rdp-button\\_next>svg]:rotate-180"]))), String.raw(templateObject_2 || (templateObject_2 = __makeTemplateObject(["rtl:**:[.rdp-button_previous>svg]:rotate-180"], ["rtl:**:[.rdp-button\\_previous>svg]:rotate-180"]))), className), captionLayout: captionLayout, formatters: __assign({ formatMonthDropdown: function (date) {
+                return date.toLocaleString("default", { month: "short" });
+            } }, formatters), classNames: __assign({ root: cn("w-fit", defaultClassNames.root), months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months), month: cn("flex w-full flex-col gap-4", defaultClassNames.month), nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav), button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous), button_next: cn(buttonVariants({ variant: buttonVariant }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next), month_caption: cn("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]", defaultClassNames.month_caption), dropdowns: cn("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns), dropdown_root: cn("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", defaultClassNames.dropdown_root), dropdown: cn("absolute inset-0 opacity-0", defaultClassNames.dropdown), caption_label: cn("select-none font-medium", captionLayout === "label"
+                ? "text-sm"
+                : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", defaultClassNames.caption_label, "calendar--caption_label"), table: "w-full border-collapse", weekdays: cn("flex", defaultClassNames.weekdays), weekday: cn("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday, "calendar--weekday"), week: cn("mt-2 flex w-full", defaultClassNames.week), week_number_header: cn("w-[--cell-size] select-none", defaultClassNames.week_number_header), week_number: cn("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number), day: cn("relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", props.showWeekNumber
+                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md"
+                : "[&:first-child[data-selected=true]_button]:rounded-l-md", defaultClassNames.day), range_start: cn("bg-accent rounded-l-md", defaultClassNames.range_start), range_middle: cn("rounded-none", defaultClassNames.range_middle), range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end), today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today), outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside), disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled), hidden: cn("invisible", defaultClassNames.hidden) }, classNames), components: __assign({ Root: function (_a) {
+                var className = _a.className, rootRef = _a.rootRef, props = __rest(_a, ["className", "rootRef"]);
+                return (_jsx("div", __assign({ "data-slot": "calendar", ref: rootRef, className: cn(className) }, props)));
+            }, Chevron: function (_a) {
+                var className = _a.className, orientation = _a.orientation, props = __rest(_a, ["className", "orientation"]);
+                if (orientation === "left") {
+                    return (_jsx(ChevronLeftIcon, __assign({ className: cn("size-4", className) }, props)));
+                }
+                if (orientation === "right") {
+                    return (_jsx(ChevronRightIcon, __assign({ className: cn("size-4", className) }, props)));
+                }
+                return (_jsx(ChevronDownIcon, __assign({ className: cn("size-4", className) }, props)));
+            }, DayButton: CalendarDayButton, WeekNumber: function (_a) {
+                var children = _a.children, props = __rest(_a, ["children"]);
+                return (_jsx("td", __assign({}, props, { children: _jsx("div", __assign({ className: "flex size-[--cell-size] items-center justify-center text-center" }, { children: children })) })));
+            }, MonthGrid: CustomMonthGrid, CaptionLabel: CustomCaptionLabel }, components) }, props)));
+}
+function CalendarDayButton(_a) {
+    var className = _a.className, day = _a.day, modifiers = _a.modifiers, props = __rest(_a, ["className", "day", "modifiers"]);
+    var defaultClassNames = getDefaultClassNames();
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        var _a;
+        if (modifiers.focused)
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [modifiers.focused]);
+    return (_jsx(Button, __assign({ ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn(
+        // "data-[selected-single=true]:bg-[#FFAB63] data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-[#FFAB63] data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-[#FFAB63] data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day, className
+        // 'data-[selected-single=true]:!rounded-full data-[range-start=true]:!rounded-full data-[range-end=true]:!rounded-full data-[range-middle=true]:bg-[#FFEBD4]'
+        ) }, props, { children: _jsx("span", __assign({ className: "relative z-20" }, { children: day.date.getDate() })) })));
+}
+function CustomMonthGrid(props) {
+    return (_jsxs(_Fragment, { children: [_jsx("hr", { className: "calendar--separator" }), _jsx(MonthGrid, __assign({}, props))] }));
+}
+function CustomCaptionLabel(props) {
+    var children = props.children;
+    var _a = String(children).split(" "), month = _a[0], year = _a[1];
+    return (_jsxs("span", __assign({}, props, { children: [month, ", ", year] })));
+}
+export { Calendar, CalendarDayButton };
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/ui/popover.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 } from "react/jsx-runtime";
+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));
+}
+function PopoverTrigger(_a) {
+    var props = __rest(_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)) }));
+}
+function PopoverAnchor(_a) {
+    var props = __rest(_a, []);
+    return _jsx(PopoverPrimitive.Anchor, __assign({ "data-slot": "popover-anchor" }, props));
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/index.d.ts

@@ -6,11 +6,26 @@ 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 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 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 { Illustration } from './components/atoms/Illustration/Illustration';
+export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
+export { default as DateTimePicker } from './components/organisms/DateTimePicker/DateTimePicker';
+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 { 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';
@@ -19,5 +34,16 @@ export { default as CloseIcon } from './components/atoms/Icon/icons/Close';
 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 { 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';

package/dist/index.js

@@ -7,13 +7,28 @@ 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';
 // 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 LocationDropdown } from './components/molecules/LocationDropdown/LocationDropdown';
 // 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 DateTimePicker } from './components/organisms/DateTimePicker/DateTimePicker';
+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';
 // Spinner Variants
 export { default as ButtonSpinner } from './components/atoms/Spinner/variants/ButtonSpinner';
 export { default as LoadingSpinner } from './components/atoms/Spinner/variants/LoadingSpinner';
@@ -24,5 +39,8 @@ export { default as CloseIcon } from './components/atoms/Icon/icons/Close';
 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 { InputProps } from './components/atoms/Inputs/Input/Input';
 // export type { CheckboxProps } from './components/atoms/Checkbox/Checkbox';

package/dist/lib/utils.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue } from "clsx";
+/**
+ * Utility to merge class names.
+ * For notre design system, `clsx` est suffisant
+ * (on n'a pas besoin de la logique spécifique de `tailwind-merge`).
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/utils.js

@@ -0,0 +1,13 @@
+import { clsx } from "clsx";
+/**
+ * Utility to merge class names.
+ * For notre design system, `clsx` est suffisant
+ * (on n'a pas besoin de la logique spécifique de `tailwind-merge`).
+ */
+export function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return clsx(inputs);
+}