mautourco-components 0.2.10 → 0.2.12

package/dist/components/atoms/Icon/Icon.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { type IconName } from './icons/registry';
 interface IconProps {
     name: IconName;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
     className?: string;
     color?: string;
     style?: React.CSSProperties;

package/dist/components/atoms/Icon/Icon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ICONS } from './icons/registry';
 var Icon = function (_a) {
-    var name = _a.name, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color, style = _a.style;
+    var name = _a.name, _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, color = _a.color, style = _a.style;
     var IconComponent = ICONS[name];
     return _jsx(IconComponent, { size: size, className: className, color: color, style: style });
 };

package/dist/components/atoms/Icon/icons/ArrowRightOutlineIcon.js

@@ -31,6 +31,6 @@ var ArrowRightOutlineIcon = function (_a) {
     var sizeClasses = getSizeClasses();
     var colorClass = color ? "text-".concat(color) : "text-current";
     var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsx("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M7.46875 2.80358C7.74324 2.52925 8.17716 2.51189 8.47168 2.75182L8.5293 2.80358L13.1953 7.47057C13.4882 7.76346 13.4882 8.23822 13.1953 8.53112L8.5293 13.1971C8.2364 13.49 7.76164 13.49 7.46875 13.1971C7.17586 12.9042 7.17586 12.4295 7.46875 12.1366L10.8545 8.75084H3.33203C2.91793 8.75084 2.58221 8.41491 2.58203 8.00084C2.58203 7.58663 2.91782 7.25084 3.33203 7.25084H10.8545L7.46875 3.86413L7.41699 3.80749C7.17655 3.5129 7.1941 3.07823 7.46875 2.80358Z", fill: "currentColor" }) })));
+    return (_jsx("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })));
 };
 export default ArrowRightOutlineIcon;

package/dist/components/atoms/Icon/icons/registry.d.ts

@@ -25,7 +25,6 @@ export declare const ICONS: {
     readonly 'calendar-outline': IconComponent;
     readonly 'calendar-range-outline': IconComponent;
     readonly 'arrow-right-outline': IconComponent;
-    readonly 'arrow-down-outline': IconComponent;
     readonly 'plane-takeoff-outline': IconComponent;
     readonly 'plane-landing-outline': IconComponent;
     readonly 'building-2-outline': IconComponent;
@@ -52,15 +51,5 @@ export declare const ICONS: {
     readonly plane: IconComponent;
     readonly ship: IconComponent;
     readonly building: IconComponent;
-    readonly calendar2: IconComponent;
-    readonly 'more-vertical': IconComponent;
-    readonly accom: IconComponent;
-    readonly night: IconComponent;
-    readonly utensils: IconComponent;
-    readonly micro: IconComponent;
-    readonly stopwatch: IconComponent;
-    readonly bus: IconComponent;
-    readonly map: IconComponent;
-    readonly wallet: IconComponent;
 };
 export type IconName = keyof typeof ICONS;

package/dist/components/atoms/Icon/icons/registry.js

@@ -10,53 +10,42 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import AccomIcon from './AccomIcon';
-import ArrivalIcon from './ArrivalIcon';
-import ArrowDownOutlineIcon from './ArrowDownOutlineIcon';
-import ArrowRightOutlineIcon from './ArrowRightOutlineIcon';
-import Building2OutlineIcon from './Building2OutlineIcon';
-import BuildingIcon from './BuildingIcon';
-import BusIcon from './BusIcon';
-import Calendar2Icon from './Calendar2Icon';
-import CalendarIcon from './CalendarIcon';
-import CalendarOutlineIcon from './CalendarOutlineIcon';
-import CalendarRangeOutlineIcon from './CalendarRangeOutlineIcon';
-import CarIcon from './CarIcon';
-import Check from './Check';
-import CheckCircleIcon from './CheckCircleIcon';
 import Chevron from './Chevron';
+import Check from './Check';
 import Close from './Close';
-import DeleteIcon from './DeleteIcon';
+import Search from './Search';
+import User from './User';
+import UserIcon from './UserIcon';
+import CalendarIcon from './CalendarIcon';
+import ArrivalIcon from './ArrivalIcon';
 import DepartureIcon from './DepartureIcon';
+import MapPinIcon from './MapPinIcon';
+import DeleteIcon from './DeleteIcon';
 import EyeIcon from './EyeIcon';
-import FacebookIcon from './FacebookIcon';
-import HomeIcon from './HomeIcon';
 import InfoIcon from './InfoIcon';
-import LinkedInIcon from './LinkedInIcon';
-import MapIcon from './MapIcon';
-import MapPinIcon from './MapPinIcon';
-import MautourcoLogo from './MautoucoLogo';
-import MenuIcon from './MenuIcon';
-import MicroIcon from './MicroIcon';
-import MinusIcon from './MinusIcon';
+import CheckCircleIcon from './CheckCircleIcon';
+import StrollerIcon from './StrollerIcon';
+import CarIcon from './CarIcon';
 import MoreIcon from './MoreIcon';
-import MoreVerticalIcon from './MoreVerticalIcon';
-import NightIcon from './NightIcon';
-import PlaneIcon from './PlaneIcon';
-import PlaneLandingOutlineIcon from './PlaneLandingOutlineIcon';
+import Settings from './Settings';
+import MenuIcon from './MenuIcon';
+import MautourcoLogo from './MautoucoLogo';
+import YouTubeIcon from './Youtube';
+import FacebookIcon from './FacebookIcon';
+import TwitterIcon from './TwitterIcon';
+import LinkedInIcon from './LinkedInIcon';
+import CalendarOutlineIcon from './CalendarOutlineIcon';
+import CalendarRangeOutlineIcon from './CalendarRangeOutlineIcon';
+import ArrowRightOutlineIcon from './ArrowRightOutlineIcon';
 import PlaneTakeoffOutlineIcon from './PlaneTakeoffOutlineIcon';
+import PlaneLandingOutlineIcon from './PlaneLandingOutlineIcon';
+import Building2OutlineIcon from './Building2OutlineIcon';
 import PlusIcon from './PlusIcon';
-import Search from './Search';
-import Settings from './Settings';
+import MinusIcon from './MinusIcon';
+import HomeIcon from './HomeIcon';
+import PlaneIcon from './PlaneIcon';
 import ShipIcon from './ShipIcon';
-import StopWatchIcon from './StopWatchIcon';
-import StrollerIcon from './StrollerIcon';
-import TwitterIcon from './TwitterIcon';
-import User from './User';
-import UserIcon from './UserIcon';
-import UtensilsIcon from './Utensils';
-import WalletIcon from './WalletIcon';
-import YouTubeIcon from './Youtube';
+import BuildingIcon from './BuildingIcon';
 var ChevronDown = function (props) { return _jsx(Chevron, __assign({ direction: "down" }, props)); };
 var ChevronUp = function (props) { return _jsx(Chevron, __assign({ direction: "up" }, props)); };
 var ChevronLeft = function (props) { return _jsx(Chevron, __assign({ direction: "left" }, props)); };
@@ -81,7 +70,6 @@ export var ICONS = {
     'calendar-outline': CalendarOutlineIcon,
     'calendar-range-outline': CalendarRangeOutlineIcon,
     'arrow-right-outline': ArrowRightOutlineIcon,
-    'arrow-down-outline': ArrowDownOutlineIcon,
     'plane-takeoff-outline': PlaneTakeoffOutlineIcon,
     'plane-landing-outline': PlaneLandingOutlineIcon,
     'building-2-outline': Building2OutlineIcon,
@@ -108,14 +96,4 @@ export var ICONS = {
     plane: PlaneIcon,
     ship: ShipIcon,
     building: BuildingIcon,
-    calendar2: Calendar2Icon,
-    'more-vertical': MoreVerticalIcon,
-    accom: AccomIcon,
-    night: NightIcon,
-    utensils: UtensilsIcon,
-    micro: MicroIcon,
-    stopwatch: StopWatchIcon,
-    bus: BusIcon,
-    map: MapIcon,
-    wallet: WalletIcon,
 };

package/dist/components/atoms/Typography/Typography.d.ts

@@ -4,9 +4,7 @@ type BodySizeInput = BodyTokenSize | 'base' | 'xl';
 type Variant = 'light' | 'regular' | 'medium' | 'bold' | 'black';
 type Leading = 'none' | '4' | '5' | '6' | '7';
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-export type TextColor = 'default' | 'accent' | 'subtle' | 'light' | 'brand' | 'inverted' | 'state-default' | 'state-hover' | 'state-filled' | 'state-disabled' | 'state-error' | 'state-success' | 'yellow';
-export type TextVariant = Variant;
-export type TextLeading = Leading;
+type TextColor = 'default' | 'accent' | 'subtle' | 'light' | 'brand' | 'inverted' | 'state-default' | 'state-hover' | 'state-filled' | 'state-disabled' | 'state-error' | 'state-success';
 interface BaseProps {
     variant?: Variant;
     leading?: Leading;

package/dist/components/atoms/Typography/Typography.js

@@ -53,7 +53,9 @@ var mapLeadingToToken = function (leading) {
 var getBodyClass = function (size, leading) {
     var availableLeadings = tokenBodyLeadings[size];
     var desiredLeading = leading ? mapLeadingToToken(leading) : mapLeadingToToken(defaultBodyLeading[size]);
-    var resolvedLeading = availableLeadings.includes(desiredLeading) ? desiredLeading : availableLeadings[0];
+    var resolvedLeading = availableLeadings.includes(desiredLeading)
+        ? desiredLeading
+        : availableLeadings[0];
     return {
         className: "body-".concat(size, "-").concat(resolvedLeading),
         lineHeightHandled: desiredLeading === resolvedLeading,
@@ -77,7 +79,12 @@ export var Heading = function (_a) {
     var Tag = as || "h".concat(level);
     var baseClass = (_b = headingTokenClass[level]) !== null && _b !== void 0 ? _b : headingTokenClass[2];
     var variantClass = buildVariantClass(baseClass, variant);
-    var classes = [baseClass, variantClass, leading ? leadingFallback[leading] : '', className]
+    var classes = [
+        baseClass,
+        variantClass,
+        leading ? leadingFallback[leading] : '',
+        className,
+    ]
         .filter(Boolean)
         .join(' ');
     var colorStyle = getColorStyle(color);
@@ -89,7 +96,12 @@ export var Text = function (_a) {
     var normalizedSize = bodySizeAlias[size];
     var _e = getBodyClass(normalizedSize, leading), baseClass = _e.className, lineHeightHandled = _e.lineHeightHandled;
     var variantClass = buildVariantClass(baseClass, variant);
-    var classes = [baseClass, variantClass, leading && !lineHeightHandled ? leadingFallback[leading] : '', className]
+    var classes = [
+        baseClass,
+        variantClass,
+        leading && !lineHeightHandled ? leadingFallback[leading] : '',
+        className,
+    ]
         .filter(Boolean)
         .join(' ');
     var colorStyle = getColorStyle(color);

package/dist/components/organisms/DateTimePicker/DateTimePicker.d.ts

@@ -4,6 +4,8 @@ export interface DateTimePickerProps extends Partial<DateTimeProps> {
     placeholder?: string;
     disabled?: boolean;
     onValueChange?: (value: string | string[]) => void;
+    /** Default value for the date picker (format: "yyyy-MM-dd" for single, ["yyyy-MM-dd", "yyyy-MM-dd"] for range) */
+    defaultValue?: string | string[];
     /** Whether the calendar icon has full bg*/
     iconBGFull?: boolean;
     /** Position of the calendar icon: left or right */

package/dist/components/organisms/DateTimePicker/DateTimePicker.js

@@ -26,9 +26,37 @@ var formatDateRange = function (dateRange) {
     return "".concat(format(from, "dd/MM/yyyy"), " - ").concat(format(to, "dd/MM/yyyy"));
 };
 var DateTimePicker = function (_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Select date" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? "both" : _d, _e = _a.selectionMode, selectionMode = _e === void 0 ? "range" : _e, _f = _a.numberOfMonths, numberOfMonths = _f === void 0 ? 2 : _f, _g = _a.disableBeforeToday, disableBeforeToday = _g === void 0 ? true : _g, _h = _a.disableToday, disableToday = _h === void 0 ? false : _h, onValueChange = _a.onValueChange, _j = _a.iconBGFull, iconBGFull = _j === void 0 ? true : _j, _k = _a.iconPosition, iconPosition = _k === void 0 ? "right" : _k, _l = _a.showChevron, showChevron = _l === void 0 ? false : _l;
-    var _m = useState(""), value = _m[0], setValue = _m[1];
-    var _o = useState(undefined), selectedDateRange = _o[0], setSelectedDateRange = _o[1];
+    var _b = _a.placeholder, placeholder = _b === void 0 ? "Select date" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.mode, mode = _d === void 0 ? "both" : _d, _e = _a.selectionMode, selectionMode = _e === void 0 ? "range" : _e, _f = _a.numberOfMonths, numberOfMonths = _f === void 0 ? 2 : _f, _g = _a.disableBeforeToday, disableBeforeToday = _g === void 0 ? true : _g, _h = _a.disableToday, disableToday = _h === void 0 ? false : _h, onValueChange = _a.onValueChange, defaultValue = _a.defaultValue, _j = _a.iconBGFull, iconBGFull = _j === void 0 ? true : _j, _k = _a.iconPosition, iconPosition = _k === void 0 ? "right" : _k, _l = _a.showChevron, showChevron = _l === void 0 ? false : _l;
+    // Parse default value and set initial state
+    var parseDefaultValue = function () {
+        if (!defaultValue)
+            return { value: "", dateRange: undefined };
+        try {
+            if (selectionMode === "range" && Array.isArray(defaultValue)) {
+                // Handle range: ["yyyy-MM-dd", "yyyy-MM-dd"]
+                var fromStr = defaultValue[0], toStr = defaultValue[1];
+                var from = new Date(fromStr);
+                var to = toStr ? new Date(toStr) : from;
+                var dateRange = { from: from, to: to };
+                var displayValue = formatDateRange(dateRange);
+                return { value: displayValue, dateRange: dateRange };
+            }
+            else if (selectionMode === "single" && typeof defaultValue === "string") {
+                // Handle single: "yyyy-MM-dd"
+                var date = new Date(defaultValue);
+                var dateRange = { from: date, to: date };
+                var displayValue = format(date, "dd/MM/yyyy");
+                return { value: displayValue, dateRange: dateRange };
+            }
+        }
+        catch (error) {
+            console.error("Error parsing default date value:", error);
+        }
+        return { value: "", dateRange: undefined };
+    };
+    var initialState = parseDefaultValue();
+    var _m = useState(initialState.value), value = _m[0], setValue = _m[1];
+    var _o = useState(initialState.dateRange), selectedDateRange = _o[0], setSelectedDateRange = _o[1];
     var _p = useState(undefined), selectedTime = _p[0], setSelectedTime = _p[1];
     var _q = useState(false), isOpen = _q[0], setIsOpen = _q[1];
     var handleDtChange = React.useCallback(function (payload) {

package/dist/components/organisms/RoundTrip/RoundTrip.js

@@ -174,6 +174,6 @@ var RoundTrip = function (_a) {
     };
     var pickupDropoffOptions = getPickupDropoffOptions();
     var accommodationOptions = getAccommodationOptions();
-    return (_jsx("div", __assign({ className: "round-trip ".concat(className), "data-round-trip-id": id }, { children: _jsxs("div", __assign({ className: "round-trip__content" }, { children: [_jsx("div", __assign({ className: "round-trip__field round-trip__field--pax" }, { children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax" }) })), _jsxs("div", __assign({ className: "round-trip__field round-trip__field--dates" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "round-trip__field-label" }, { children: "Arrival date - Departure date" })), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY - DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 2, iconBGFull: false, showChevron: true, onValueChange: handleDateRangeChange, selectionMode: "range" })] })), _jsx("div", __assign({ className: "round-trip__field round-trip__field--pickup-dropoff" }, { children: _jsx(LocationDropdown, { label: "Pick up / Drop-off point", options: pickupDropoffOptions.options, groups: pickupDropoffOptions.groups, selectedValue: (internalPickupDropoffPoint === null || internalPickupDropoffPoint === void 0 ? void 0 : internalPickupDropoffPoint.id) || null, onSelectionChange: handlePickupDropoffChange, placeholder: "Select pick-up / drop-off point", direction: undefined, type: "airport-port", showGroupTitles: true }) })), _jsx("div", __assign({ className: "round-trip__field round-trip__field--accommodation" }, { children: _jsx(LocationDropdown, { label: "Accommodation", options: accommodationOptions.options, groups: accommodationOptions.groups, selectedValue: (internalAccommodation === null || internalAccommodation === void 0 ? void 0 : internalAccommodation.id) || null, onSelectionChange: handleAccommodationChange, placeholder: "Select accommodation", direction: "dropoff", type: "accommodation", showGroupTitles: false }) }))] })) })));
+    return (_jsx("div", __assign({ className: "round-trip ".concat(className), "data-round-trip-id": id }, { children: _jsxs("div", __assign({ className: "round-trip__content" }, { children: [_jsx("div", __assign({ className: "round-trip__field round-trip__field--pax" }, { children: _jsx(PaxSelector, { label: "Number of pax", value: internalPaxData, onChange: handlePaxChange, placeholder: "2 pax" }) })), _jsxs("div", __assign({ className: "round-trip__field round-trip__field--dates" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "regular", className: "round-trip__field-label" }, { children: "Arrival date - Departure date" })), _jsx(DateTimePicker, { placeholder: "DD/MM/YYYY - DD/MM/YYYY", mode: "calendar", iconPosition: "left", numberOfMonths: 2, iconBGFull: false, showChevron: true, onValueChange: handleDateRangeChange, selectionMode: "range", defaultValue: arrivalDate && departureDate ? [arrivalDate, departureDate] : undefined })] })), _jsx("div", __assign({ className: "round-trip__field round-trip__field--pickup-dropoff" }, { children: _jsx(LocationDropdown, { label: "Pick up / Drop-off point", options: pickupDropoffOptions.options, groups: pickupDropoffOptions.groups, selectedValue: (internalPickupDropoffPoint === null || internalPickupDropoffPoint === void 0 ? void 0 : internalPickupDropoffPoint.id) || null, onSelectionChange: handlePickupDropoffChange, placeholder: "Select pick-up / drop-off point", direction: undefined, type: "airport-port", showGroupTitles: true }) })), _jsx("div", __assign({ className: "round-trip__field round-trip__field--accommodation" }, { children: _jsx(LocationDropdown, { label: "Accommodation", options: accommodationOptions.options, groups: accommodationOptions.groups, selectedValue: (internalAccommodation === null || internalAccommodation === void 0 ? void 0 : internalAccommodation.id) || null, onSelectionChange: handleAccommodationChange, placeholder: "Select accommodation", direction: "dropoff", type: "accommodation", showGroupTitles: false }) }))] })) })));
 };
 export default RoundTrip;

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

@@ -174,6 +174,6 @@ var TransferLine = function (_a) {
         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" }) })) })))] }))] })));
+    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", defaultValue: transferDate })] })), _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/popover.d.ts

@@ -1,7 +1,7 @@
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as React from 'react';
+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, PopoverAnchor, PopoverContent, PopoverTrigger };
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

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 border-[var(--color-elevation-state-hover-subtle)]', 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", className) }, props)) }));
 }
 function PopoverAnchor(_a) {
     var props = __rest(_a, []);
     return _jsx(PopoverPrimitive.Anchor, __assign({ "data-slot": "popover-anchor" }, props));
 }
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/index.d.ts

@@ -6,66 +6,58 @@ 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 RatingStar } from './components/atoms/RatingStar/RatingStar';
-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, type ActionDropdownItem, } from './components/molecules/ActionDropdown/ActionDropdown';
-export { DateDisplay } from './components/molecules/DateDisplay/DateDisplay';
+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 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 LocationDropdown } from './components/molecules/LocationDropdown/LocationDropdown';
 export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
+export { default as Pagination } from './components/molecules/Pagination/Pagination';
 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 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 { default as FeatureRow } from './components/molecules/FeatureRow/FeatureRow';
+export { default as SectionTitle } from './components/molecules/SectionTitle/SectionTitle';
+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 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 SearchBarTransfer } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export { default as CarBookingCard } from './components/organisms/CarBookingCard/CarBookingCard';
 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 { ServiceSelectorProps, ServiceType, ServiceOption } from './components/molecules/ServiceSelector/ServiceSelector';
+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 { CarBookingCardProps, CarBookingCardPriceRow, CarBookingCardSize, CarBookingCardState, CarBookingCardType, } from './components/organisms/CarBookingCard/CarBookingCard';
 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 { 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 { FeatureRowProps } from './components/molecules/FeatureRow/FeatureRow';
 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

@@ -7,41 +7,36 @@ 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 RatingStar } from './components/atoms/RatingStar/RatingStar';
-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';
+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 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 LocationDropdown } from './components/molecules/LocationDropdown/LocationDropdown';
 export { default as ServiceSelector } from './components/molecules/ServiceSelector/ServiceSelector';
+export { default as Pagination } from './components/molecules/Pagination/Pagination';
 export { default as Stepper } from './components/molecules/Stepper/Stepper';
-export { default as TextWithIcon } from './components/molecules/TextWithIcon/TextWithIcon';
+export { default as FeatureRow } from './components/molecules/FeatureRow/FeatureRow';
+export { default as SectionTitle } from './components/molecules/SectionTitle/SectionTitle';
 // Organisms - Complex components
-export { Illustration } from './components/atoms/Illustration/Illustration';
-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 { 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 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 SearchBarTransfer } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export { default as CarBookingCard } from './components/organisms/CarBookingCard/CarBookingCard';
 // Spinner Variants
 export { default as ButtonSpinner } from './components/atoms/Spinner/variants/ButtonSpinner';
 export { default as LoadingSpinner } from './components/atoms/Spinner/variants/LoadingSpinner';
@@ -49,12 +44,11 @@ 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 * from './types/table';
+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/styles/components/typography.css

@@ -2072,7 +2072,6 @@
   --mobile-global-spacing-section-gap-md: 24px;
   --mobile-global-spacing-section-gap-lg: 32px;
   --mobile-global-spacing-section-gap-xl: 40px;
-  --color-text-yellow: var(--color-yellow-600);
 }
 
 .heading-3xl {

package/package.json

@@ -1,13 +1,10 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "private": false,
   "description": "Bibliothèque de composants Motorco pour le redesign",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "engines": {
-    "node": ">=23.0.0"
-  },
   "files": [
     "dist",
     "src/components",
@@ -27,7 +24,6 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tooltip": "^1.2.8",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
@@ -40,7 +36,6 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.554.0",
-    "motion": "^12.23.26",
     "react": "^19.1.1",
     "react-day-picker": "^9.11.2",
     "react-dom": "^19.1.1",

package/src/components/atoms/Icon/Icon.tsx

@@ -3,13 +3,19 @@ import { ICONS, type IconName } from './icons/registry';
 
 interface IconProps {
   name: IconName;
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
   className?: string;
   color?: string;
   style?: React.CSSProperties;
 }
 
-const Icon: React.FC<IconProps> = ({ name, size = 'md', className = '', color, style }) => {
+const Icon: React.FC<IconProps> = ({
+  name,
+  size = "md",
+  className = "",
+  color,
+  style,
+}) => {
   const IconComponent = ICONS[name];
   return <IconComponent size={size} className={className} color={color} style={style} />;
 };

package/src/components/atoms/Icon/icons/ArrowRightOutlineIcon.tsx

@@ -40,11 +40,16 @@ const ArrowRightOutlineIcon: React.FC<ArrowRightOutlineIconProps> = ({
       xmlns="http://www.w3.org/2000/svg"
     >
       <path
-        d="M7.46875 2.80358C7.74324 2.52925 8.17716 2.51189 8.47168 2.75182L8.5293 2.80358L13.1953 7.47057C13.4882 7.76346 13.4882 8.23822 13.1953 8.53112L8.5293 13.1971C8.2364 13.49 7.76164 13.49 7.46875 13.1971C7.17586 12.9042 7.17586 12.4295 7.46875 12.1366L10.8545 8.75084H3.33203C2.91793 8.75084 2.58221 8.41491 2.58203 8.00084C2.58203 7.58663 2.91782 7.25084 3.33203 7.25084H10.8545L7.46875 3.86413L7.41699 3.80749C7.17655 3.5129 7.1941 3.07823 7.46875 2.80358Z"
-        fill="currentColor"
+        d="M6 12L10 8L6 4"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        fill="none"
       />
     </svg>
   );
 };
 
 export default ArrowRightOutlineIcon;
+