mautourco-components 0.2.17 → 0.2.18

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './CardServiceAccom.css';
+export interface CardServiceAccomProps extends React.PropsWithChildren {
+    className?: string;
+    withBorderLeft?: boolean;
+}
+export default function CardServiceAccom(props: CardServiceAccomProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/CardServiceAccom/CardServiceAccom.js

@@ -0,0 +1,29 @@
+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 { cn } from '@/src/lib/utils';
+import './CardServiceAccom.css';
+export default function CardServiceAccom(props) {
+    var className = props.className, withBorderLeft = props.withBorderLeft, rest = __rest(props, ["className", "withBorderLeft"]);
+    return (_jsx("div", __assign({ className: cn('card-service-accom', withBorderLeft && 'card-service-accom--border-left', className) }, rest)));
+}

package/dist/components/atoms/Chip/Chip.css

@@ -2081,7 +2081,9 @@
   justify-content: center;
   gap: var(--chip-spacing-sm-gap, 4px);
   border-radius: var(--chip-border-radius-pill, 9999px);
-  font-family: var(--font-font-family-body, "Satoshi"), "Satoshi", "Inter", "Segoe UI", "system-ui", sans-serif;
+  font-family:
+    var(--font-font-family-body, 'Satoshi'), 'Satoshi', 'Inter', 'Segoe UI', 'system-ui',
+    sans-serif;
   font-weight: var(--font-weight-font-medium, 500);
   line-height: calc(var(--font-leading-leading-base, 16) * 1px);
   white-space: nowrap;
@@ -2214,7 +2216,9 @@
 
 /* Label */
 .chip__label {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  column-gap: 0.25rem;
 }
 
 /* Clickable state */
@@ -2236,3 +2240,6 @@
   outline-offset: 2px;
 }
 
+.chip--outline.chip--black-text {
+  color: var(--chip-color-neutral-outline-text, #262626);
+}

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

@@ -22,6 +22,10 @@ export interface ChipProps {
     className?: string;
     /** Handler de clic (optionnel, rend le chip cliquable) */
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /** Si le texte doit être noir */
+    isBlackText?: boolean;
+    /** Icon externe */
+    externalIcon?: string;
 }
 declare const Chip: React.FC<ChipProps>;
 export default Chip;

package/dist/components/atoms/Chip/Chip.js

@@ -13,18 +13,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Icon from '../Icon/Icon';
 import './Chip.css';
 var Chip = function (_a) {
-    var label = _a.label, children = _a.children, _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.type, type = _c === void 0 ? 'filled' : _c, _d = _a.color, color = _d === void 0 ? 'brand' : _d, leadingIcon = _a.leadingIcon, trailingIcon = _a.trailingIcon, _e = _a.iconSize, iconSize = _e === void 0 ? 'sm' : _e, _f = _a.className, className = _f === void 0 ? '' : _f, onClick = _a.onClick;
+    var label = _a.label, children = _a.children, _b = _a.size, size = _b === void 0 ? 'sm' : _b, _c = _a.type, type = _c === void 0 ? 'filled' : _c, _d = _a.color, color = _d === void 0 ? 'brand' : _d, leadingIcon = _a.leadingIcon, trailingIcon = _a.trailingIcon, _e = _a.iconSize, iconSize = _e === void 0 ? 'sm' : _e, _f = _a.className, className = _f === void 0 ? '' : _f, _g = _a.isBlackText, isBlackText = _g === void 0 ? false : _g, externalIcon = _a.externalIcon, onClick = _a.onClick;
     var baseClasses = 'chip';
     var sizeClass = "chip--".concat(size);
     var typeClass = "chip--".concat(type);
     var colorClass = "chip--".concat(color);
     var clickableClass = onClick ? 'chip--clickable' : '';
+    var blackTextClass = isBlackText ? 'chip--black-text' : '';
     var chipClasses = [
         baseClasses,
         sizeClass,
         typeClass,
         colorClass,
         clickableClass,
+        blackTextClass,
         className,
     ]
         .filter(Boolean)
@@ -32,6 +34,6 @@ var Chip = function (_a) {
     var hasLeadingIcon = Boolean(leadingIcon);
     var hasTrailingIcon = Boolean(trailingIcon);
     var content = label || children;
-    return (_jsxs("div", __assign({ className: chipClasses, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined }, { children: [hasLeadingIcon && (_jsx("span", __assign({ className: "chip__icon chip__icon--leading" }, { children: _jsx(Icon, { name: leadingIcon, size: iconSize }) }))), _jsx("span", __assign({ className: "chip__label" }, { children: content })), hasTrailingIcon && (_jsx("span", __assign({ className: "chip__icon chip__icon--trailing" }, { children: _jsx(Icon, { name: trailingIcon, size: iconSize }) })))] })));
+    return (_jsxs("div", __assign({ className: chipClasses, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined }, { children: [hasLeadingIcon && (_jsx("span", __assign({ className: "chip__icon chip__icon--leading" }, { children: _jsx(Icon, { name: leadingIcon, size: iconSize }) }))), externalIcon && (_jsx("img", { src: externalIcon, alt: "", className: "w-4 h-4 object-contain" })), _jsx("span", __assign({ className: "chip__label" }, { children: content })), hasTrailingIcon && (_jsx("span", __assign({ className: "chip__icon chip__icon--trailing" }, { children: _jsx(Icon, { name: trailingIcon, size: iconSize }) })))] })));
 };
 export default Chip;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconBaseProps } from './registry';
+declare const AirIcon: React.FC<IconBaseProps>;
+export default AirIcon;

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

@@ -0,0 +1,36 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var AirIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
+    var getSizeClasses = function () {
+        switch (size) {
+            case 'xs':
+                return 'w-3 h-3';
+            case 'sm':
+                return 'w-4 h-4';
+            case 'md':
+                return 'w-5 h-5';
+            case 'lg':
+                return 'w-6 h-6';
+            case 'xl':
+                return 'w-8 h-8';
+            default:
+                return 'w-5 h-5';
+        }
+    };
+    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: "M10.6611 1.66512C10.8463 1.29477 11.2966 1.14424 11.667 1.32918C12.0373 1.51436 12.1879 1.96463 12.0029 2.33504L11.5068 3.32625L11.8643 3.2618C12.2718 3.1877 12.6622 3.45876 12.7363 3.86629C12.8102 4.27371 12.5402 4.66429 12.1328 4.73836L10.668 5.00399L10.1699 6.00008L10.7959 7.25008H11.957L12.7324 6.21688C12.981 5.8856 13.4509 5.81799 13.7822 6.06649C14.1136 6.31499 14.1801 6.78493 13.9316 7.11629L13.8311 7.25008H14.665C15.0793 7.25008 15.415 7.58587 15.415 8.00008C15.415 8.4143 15.0793 8.75008 14.665 8.75008H13.8311L13.9316 8.88387C14.1801 9.21524 14.1136 9.68517 13.7822 9.93368C13.4509 10.1822 12.981 10.1146 12.7324 9.78329L11.957 8.75008H10.7959L10.1699 10.0001L10.668 10.9952L12.1328 11.2618C12.5402 11.3359 12.8102 11.7265 12.7363 12.1339C12.6668 12.516 12.3195 12.7781 11.9404 12.7481L11.8643 12.7384L11.5068 12.6729L12.0029 13.6651L12.0332 13.7354C12.1678 14.0908 12.0142 14.4974 11.667 14.671C11.2966 14.8559 10.8463 14.7054 10.6611 14.335L10.165 13.3429L10.0029 13.669L9.33203 13.3331L8.66113 12.9981L9.32617 11.6661L8.86816 10.7501H7.12891L6.66992 11.6661L7.33594 12.9981C7.52114 13.3685 7.37127 13.8187 7.00098 14.004C6.63049 14.1892 6.17938 14.0395 5.99414 13.669L5.83105 13.3429L5.33594 14.335C5.15072 14.7055 4.70054 14.8561 4.33008 14.671C3.95977 14.4858 3.8093 14.0355 3.99414 13.6651L4.48926 12.6729L4.13281 12.7384L3.99902 12.0001L3.86426 11.2618L5.32812 10.9952L5.82617 10.0001L5.20117 8.75008H4.04102L3.26562 9.78329C3.0172 10.1145 2.54717 10.1818 2.21582 9.93368C1.88454 9.68521 1.81713 9.21523 2.06543 8.88387L2.16602 8.75008H1.33203C0.917818 8.75008 0.582031 8.4143 0.582031 8.00008C0.582031 7.58587 0.917818 7.25008 1.33203 7.25008H2.16602L2.06543 7.11629C1.81713 6.78494 1.88454 6.31495 2.21582 6.06649C2.54717 5.81833 3.0172 5.88565 3.26562 6.21688L4.04102 7.25008H5.20117L5.82617 6.00008L5.32812 5.00399L3.86426 4.73836C3.45696 4.6642 3.18689 4.27362 3.26074 3.86629C3.33483 3.4588 3.72532 3.18778 4.13281 3.2618L4.48926 3.32625L3.99414 2.33504C3.8093 1.96466 3.95977 1.51434 4.33008 1.32918C4.70054 1.14404 5.15072 1.29468 5.33594 1.66512L5.83105 2.65633L5.99414 2.33114C6.17938 1.96065 6.63049 1.81093 7.00098 1.99618C7.37127 2.1815 7.52114 2.63164 7.33594 3.00204L6.66992 4.33309L7.12891 5.25008H8.86816L9.32617 4.33309L8.66113 3.00204L9.33203 2.66708L10.0029 2.33114L10.165 2.65633L10.6611 1.66512ZM10.0029 13.669C9.81769 14.0393 9.36746 14.189 8.99707 14.004C8.62663 13.8188 8.47599 13.3686 8.66113 12.9981L10.0029 13.669ZM4.13281 12.7384C3.72532 12.8124 3.33483 12.5414 3.26074 12.1339C3.18689 11.7265 3.45696 11.336 3.86426 11.2618L4.13281 12.7384ZM6.50293 8.00008L7.12891 9.25008H8.86816L9.49316 8.00008L8.86816 6.75008H7.12891L6.50293 8.00008ZM8.99707 1.99618C9.36746 1.81116 9.81769 1.96084 10.0029 2.33114L8.66113 3.00204C8.47599 2.63158 8.62663 2.1814 8.99707 1.99618Z", fill: "currentColor" }) })));
+};
+export default AirIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconBaseProps } from './registry';
+declare const BikeIcon: React.FC<IconBaseProps>;
+export default BikeIcon;

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

@@ -0,0 +1,36 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var BikeIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
+    var getSizeClasses = function () {
+        switch (size) {
+            case 'xs':
+                return 'w-3 h-3';
+            case 'sm':
+                return 'w-4 h-4';
+            case 'md':
+                return 'w-5 h-5';
+            case 'lg':
+                return 'w-6 h-6';
+            case 'xl':
+                return 'w-8 h-8';
+            default:
+                return 'w-5 h-5';
+        }
+    };
+    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: "M5.24902 11.666C5.24902 10.7916 4.53949 10.083 3.66504 10.083C2.79074 10.0832 2.08203 10.7917 2.08203 11.666C2.08203 12.5404 2.79074 13.2488 3.66504 13.249C4.53949 13.249 5.24902 12.5405 5.24902 11.666ZM13.915 11.666C13.915 10.7916 13.2065 10.083 12.332 10.083C11.4576 10.083 10.749 10.7916 10.749 11.666C10.749 12.5405 11.4576 13.249 12.332 13.249C13.2065 13.249 13.915 12.5405 13.915 11.666ZM7.24902 11.666V9.64355L5.46875 7.86328C5.31501 7.70954 5.23556 7.49617 5.25098 7.2793C5.26645 7.06252 5.37496 6.86282 5.54883 6.73242L8.21582 4.73242L8.2793 4.68945C8.43242 4.59754 8.61431 4.56331 8.79199 4.59375C8.99515 4.62856 9.17473 4.74549 9.28906 4.91699L10.4004 6.58301H11.332L11.4092 6.58691C11.7871 6.62555 12.082 6.94485 12.082 7.33301C12.0819 7.72104 11.7871 8.04051 11.4092 8.0791L11.332 8.08301H9.99902C9.74841 8.08301 9.51413 7.95745 9.375 7.74902L8.48047 6.4082L7.13965 7.41309L8.5293 8.80273C8.66975 8.94336 8.74902 9.13425 8.74902 9.33301V11.666C8.74902 12.0801 8.41309 12.4158 7.99902 12.416C7.58481 12.416 7.24902 12.0802 7.24902 11.666ZM9.99902 3.24902C9.953 3.24902 9.91504 3.28698 9.91504 3.33301L9.92188 3.36523C9.93455 3.3951 9.96454 3.41602 9.99902 3.41602C10.0333 3.41588 10.0625 3.39494 10.0752 3.36523L10.082 3.33301L10.0752 3.2998C10.0667 3.28012 10.051 3.26424 10.0312 3.25586L9.99902 3.24902ZM6.74902 11.666C6.74902 13.3689 5.36792 14.749 3.66504 14.749C1.96231 14.7488 0.582031 13.3688 0.582031 11.666C0.582031 9.96325 1.96231 8.58318 3.66504 8.58301C5.36792 8.58301 6.74902 9.96314 6.74902 11.666ZM15.415 11.666C15.415 13.3689 14.0349 14.749 12.332 14.749C10.6292 14.749 9.24902 13.3689 9.24902 11.666C9.24902 9.96314 10.6292 8.58301 12.332 8.58301C14.0349 8.58301 15.415 9.96314 15.415 11.666ZM11.415 3.33301C11.4149 4.11515 10.7812 4.74885 9.99902 4.74902C9.26551 4.74902 8.6614 4.19192 8.58887 3.47754L8.58203 3.33301L8.58887 3.1875C8.66155 2.47327 9.26562 1.91602 9.99902 1.91602L10.1436 1.92285C10.8579 1.99538 11.415 2.59949 11.415 3.33301Z", fill: "currentColor" }) })));
+};
+export default BikeIcon;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconBaseProps } from './registry';
+declare const LuggageIcon: React.FC<IconBaseProps>;
+export default LuggageIcon;

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

@@ -0,0 +1,36 @@
+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);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var LuggageIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
+    var getSizeClasses = function () {
+        switch (size) {
+            case 'xs':
+                return 'w-3 h-3';
+            case 'sm':
+                return 'w-4 h-4';
+            case 'md':
+                return 'w-5 h-5';
+            case 'lg':
+                return 'w-6 h-6';
+            case 'xl':
+                return 'w-8 h-8';
+            default:
+                return 'w-5 h-5';
+        }
+    };
+    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: "M13.916 5.33331C13.916 5.01115 13.6552 4.75031 13.333 4.75031H11.416V12.5833H13.333C13.6551 12.5833 13.9158 12.3223 13.916 12.0003V5.33331ZM6.08301 12.5833H9.91602V4.75031H6.08301V12.5833ZM2.08301 12.0003C2.08318 12.3222 2.34411 12.5831 2.66602 12.5833H4.58301V4.75031H2.66602C2.344 4.75048 2.08301 5.01126 2.08301 5.33331V12.0003ZM9.91602 2.66632C9.91593 2.51173 9.85444 2.36353 9.74512 2.25421C9.6631 2.17226 9.55932 2.11743 9.44727 2.09503L9.33301 2.08331H6.66602C6.51142 2.0834 6.36323 2.14489 6.25391 2.25421C6.14459 2.36353 6.08309 2.51173 6.08301 2.66632V3.25031H9.91602V2.66632ZM11.416 3.25031H13.333C14.4836 3.25031 15.416 4.18272 15.416 5.33331V12.0003C15.4158 13.1507 14.4835 14.0833 13.333 14.0833H2.66602C1.51568 14.0831 0.583184 13.1506 0.583008 12.0003V5.33331C0.583008 4.18283 1.51557 3.25048 2.66602 3.25031H4.58301V2.66632C4.58309 2.1139 4.80274 1.58429 5.19336 1.19366C5.58398 0.803041 6.1136 0.583399 6.66602 0.583313H9.33301C9.88547 0.583313 10.415 0.803065 10.8057 1.19366C11.1963 1.58429 11.4159 2.1139 11.416 2.66632V3.25031Z", fill: "currentColor" }) })));
+};
+export default LuggageIcon;

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

@@ -31,6 +31,6 @@ var UtensilsIcon = 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: "M3.91699 14.667V8.08398H3.33301C2.18572 8.08381 1.25018 7.14827 1.25 6.00098V1.33398C1.25 0.919771 1.58579 0.583984 2 0.583984C2.41421 0.583984 2.75 0.919771 2.75 1.33398V6.00098C2.75018 6.31984 3.01414 6.5838 3.33301 6.58398H3.91699V1.33398C3.91699 0.919771 4.25278 0.583984 4.66699 0.583984C5.08106 0.58416 5.41699 0.919879 5.41699 1.33398V6.58398H6C6.15463 6.58398 6.30273 6.52238 6.41211 6.41309C6.52143 6.30377 6.58292 6.15557 6.58301 6.00098V1.33398C6.58301 0.919879 6.91894 0.58416 7.33301 0.583984C7.74722 0.583984 8.08301 0.919771 8.08301 1.33398V6.00098C8.08292 6.55339 7.86328 7.08301 7.47266 7.47363C7.08197 7.86423 6.55246 8.08398 6 8.08398H5.41699V14.667C5.41699 15.0811 5.08106 15.4168 4.66699 15.417C4.25278 15.417 3.91699 15.0812 3.91699 14.667ZM13.25 14.667V10.751H12C10.8525 10.751 9.91699 9.81454 9.91699 8.66699V4.66699C9.91708 3.5843 10.3468 2.54594 11.1123 1.78027C11.8781 1.0145 12.917 0.583984 14 0.583984L14.1475 0.598633C14.2914 0.627508 14.4249 0.698334 14.5303 0.803711C14.6709 0.944363 14.75 1.13507 14.75 1.33398V14.667C14.75 15.0812 14.4142 15.417 14 15.417C13.5858 15.417 13.25 15.0812 13.25 14.667ZM11.417 8.66699C11.417 8.98611 11.6809 9.25098 12 9.25098H13.25V2.19434C12.847 2.31656 12.476 2.53763 12.1729 2.84082C11.6887 3.32518 11.4171 3.98212 11.417 4.66699V8.66699Z", fill: "#303642" }) })));
+    return (_jsx("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M3.91699 14.667V8.08398H3.33301C2.18572 8.08381 1.25018 7.14827 1.25 6.00098V1.33398C1.25 0.919771 1.58579 0.583984 2 0.583984C2.41421 0.583984 2.75 0.919771 2.75 1.33398V6.00098C2.75018 6.31984 3.01414 6.5838 3.33301 6.58398H3.91699V1.33398C3.91699 0.919771 4.25278 0.583984 4.66699 0.583984C5.08106 0.58416 5.41699 0.919879 5.41699 1.33398V6.58398H6C6.15463 6.58398 6.30273 6.52238 6.41211 6.41309C6.52143 6.30377 6.58292 6.15557 6.58301 6.00098V1.33398C6.58301 0.919879 6.91894 0.58416 7.33301 0.583984C7.74722 0.583984 8.08301 0.919771 8.08301 1.33398V6.00098C8.08292 6.55339 7.86328 7.08301 7.47266 7.47363C7.08197 7.86423 6.55246 8.08398 6 8.08398H5.41699V14.667C5.41699 15.0811 5.08106 15.4168 4.66699 15.417C4.25278 15.417 3.91699 15.0812 3.91699 14.667ZM13.25 14.667V10.751H12C10.8525 10.751 9.91699 9.81454 9.91699 8.66699V4.66699C9.91708 3.5843 10.3468 2.54594 11.1123 1.78027C11.8781 1.0145 12.917 0.583984 14 0.583984L14.1475 0.598633C14.2914 0.627508 14.4249 0.698334 14.5303 0.803711C14.6709 0.944363 14.75 1.13507 14.75 1.33398V14.667C14.75 15.0812 14.4142 15.417 14 15.417C13.5858 15.417 13.25 15.0812 13.25 14.667ZM11.417 8.66699C11.417 8.98611 11.6809 9.25098 12 9.25098H13.25V2.19434C12.847 2.31656 12.476 2.53763 12.1729 2.84082C11.6887 3.32518 11.4171 3.98212 11.417 4.66699V8.66699Z", fill: "currentColor" }) })));
 };
 export default UtensilsIcon;

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

@@ -64,5 +64,8 @@ export declare const ICONS: {
     readonly map: IconComponent;
     readonly wallet: IconComponent;
     readonly 'plus-circle': IconComponent;
+    readonly bike: IconComponent;
+    readonly air: IconComponent;
+    readonly luggage: IconComponent;
 };
 export type IconName = keyof typeof ICONS;

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

@@ -11,9 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import AccomIcon from './AccomIcon';
+import AirIcon from './AirIcon';
 import ArrivalIcon from './ArrivalIcon';
 import ArrowDownOutlineIcon from './ArrowDownOutlineIcon';
 import ArrowRightOutlineIcon from './ArrowRightOutlineIcon';
+import BikeIcon from './BikeIcon';
 import Building2OutlineIcon from './Building2OutlineIcon';
 import BuildingIcon from './BuildingIcon';
 import BusIcon from './BusIcon';
@@ -33,6 +35,7 @@ import FacebookIcon from './FacebookIcon';
 import HomeIcon from './HomeIcon';
 import InfoIcon from './InfoIcon';
 import LinkedInIcon from './LinkedInIcon';
+import LuggageIcon from './LuggageIcon';
 import MapIcon from './MapIcon';
 import MapPinIcon from './MapPinIcon';
 import MautourcoLogo from './MautoucoLogo';
@@ -122,4 +125,7 @@ export var ICONS = {
     map: MapIcon,
     wallet: WalletIcon,
     'plus-circle': PlusCircleIcon,
+    bike: BikeIcon,
+    air: AirIcon,
+    luggage: LuggageIcon,
 };

package/dist/components/molecules/ActionDropdown/ActionDropdown.css

@@ -2077,7 +2077,7 @@
 
 .action-dropdown {
   position: relative;
-  width: 153px;
+  width: var(--max-width, 153px);
   background-color: #fff;
   padding: var(--spacing-padding-px-4);
   border-radius: var(--border-radius-rounded-xl);

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

@@ -5,6 +5,8 @@ export interface ActionDropdownItem {
     label: string;
     /** Disable the action dropdown item */
     disabled?: boolean;
+    /** Tooltip for the action dropdown item when disabled */
+    tooltip?: string;
     /** Callback function to be called when the action dropdown item is clicked */
     onClick?: () => void;
 }
@@ -13,6 +15,8 @@ export interface ActionDropdownProps {
     data: ActionDropdownItem[];
     /** Trigger element */
     children?: React.ReactNode;
+    /** Maximum width for the action dropdown */
+    maxWidth?: string;
 }
 /**
  * A dropdown component that displays a list of actions triggered by a more icon button. Uses a Popover for the dropdown menu.

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

@@ -10,10 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { cn } from '@/src/lib/utils';
+import { Fragment, useState } from 'react';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
 import { Popover, PopoverContent, PopoverTrigger } from '../../ui/popover';
+import { TooltipDisplay } from '../TooltipDisplay/TooltipDisplay';
 import './ActionDropdown.css';
 /**
  * A dropdown component that displays a list of actions triggered by a more icon button. Uses a Popover for the dropdown menu.
@@ -24,11 +26,19 @@ import './ActionDropdown.css';
  * @returns
  */
 export var ActionDropdown = function (_a) {
-    var data = _a.data, children = _a.children;
-    var _b = useState(false), open = _b[0], setOpen = _b[1];
-    return (_jsxs(Popover, __assign({ open: open, onOpenChange: setOpen }, { children: [_jsx(PopoverTrigger, { children: children !== null && children !== void 0 ? children : (_jsx("button", __assign({ className: "action-dropdown-trigger" }, { children: _jsx(Icon, { name: "more-vertical" }) }))) }), _jsx(PopoverContent, __assign({ className: "action-dropdown", align: "end", side: "bottom", avoidCollisions: false }, { children: data.map(function (item, index) { return (_jsx("button", __assign({ onClick: function () {
-                        var _a;
-                        setOpen(false);
-                        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
-                    } }, { children: _jsx(Text, __assign({ variant: "medium", size: "sm", as: "span" }, { children: item.label })) }), "ad-".concat(index))); }) }))] })));
+    var data = _a.data, children = _a.children, _b = _a.maxWidth, maxWidth = _b === void 0 ? '153px' : _b;
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    return (_jsxs(Popover, __assign({ open: open, onOpenChange: setOpen }, { children: [_jsx(PopoverTrigger, { children: children !== null && children !== void 0 ? children : (_jsx("button", __assign({ className: "action-dropdown-trigger" }, { children: _jsx(Icon, { name: "more-vertical" }) }))) }), _jsx(PopoverContent, __assign({ className: "action-dropdown", style: { '--max-width': maxWidth }, align: "end", side: "bottom", avoidCollisions: false }, { children: data.map(function (item, index) {
+                    var defaultButton = (_jsx("button", __assign({ onClick: function () {
+                            var _a;
+                            if (item.disabled) {
+                                return;
+                            }
+                            setOpen(false);
+                            (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+                        }, className: cn({
+                            'cursor-not-allowed opacity-60': item.disabled,
+                        }), disabled: item.disabled }, { children: _jsx(Text, __assign({ variant: "medium", size: "sm", as: "span" }, { children: item.label })) })));
+                    return (_jsx(Fragment, { children: item.disabled ? (_jsx(TooltipDisplay, __assign({ content: item.tooltip, side: "left", maxWidth: "290px" }, { children: defaultButton }))) : (defaultButton) }, "ad-".concat(index)));
+                }) }))] })));
 };

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

@@ -1,9 +1,14 @@
 import { ActionDropdownType } from '@/src/types/table';
 import React from 'react';
+import { ButtonProps } from '../../atoms/Button/Button';
 import { ActionDropdownItem } from '../ActionDropdown/ActionDropdown';
 export interface DetailsActionProps {
     /** Data for the action dropdown */
     data?: ActionDropdownItem[];
     onAction?: (action: ActionDropdownType) => void;
+    buttonVariant?: ButtonProps['variant'];
+    buttonClassName?: string;
+    buttonLabel?: string;
+    dropdownMaxWidth?: string;
 }
 export declare const DetailsAction: React.FC<DetailsActionProps>;

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

@@ -10,12 +10,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@/src/lib/utils';
 import { ActionDropdownType } from '@/src/types/table';
 import Button from '../../atoms/Button/Button';
 import { ActionDropdown } from '../ActionDropdown/ActionDropdown';
 export var DetailsAction = function (props) {
-    var _a = props.data, data = _a === void 0 ? [] : _a, onAction = props.onAction;
-    return (_jsx(ActionDropdown, __assign({ data: data.length > 0
+    var _a = props.data, data = _a === void 0 ? [] : _a, onAction = props.onAction, _b = props.buttonVariant, buttonVariant = _b === void 0 ? 'outline-secondary' : _b, _c = props.buttonClassName, buttonClassName = _c === void 0 ? '' : _c, _d = props.buttonLabel, buttonLabel = _d === void 0 ? 'More options' : _d, dropdownMaxWidth = props.dropdownMaxWidth;
+    return (_jsx(ActionDropdown, __assign({ maxWidth: dropdownMaxWidth, data: data
             ? data
             : [
                 {
@@ -42,5 +43,5 @@ export var DetailsAction = function (props) {
                         onAction === null || onAction === void 0 ? void 0 : onAction(ActionDropdownType.DELETE_QUOTE);
                     },
                 },
-            ] }, { children: _jsx(Button, __assign({ variant: "outline-secondary", trailingIcon: "chevron-down", size: "sm", className: "w-[144px] !justify-between !px-[14px]" }, { children: "More options" })) })));
+            ] }, { children: _jsx(Button, __assign({ variant: buttonVariant, trailingIcon: "chevron-down", size: "sm", className: cn('w-[144px] !justify-between !px-[14px]', buttonClassName) }, { children: buttonLabel })) })));
 };

package/dist/components/molecules/DetailsInfo/{DetailsAgency.d.ts → DetailsAgency/DetailsAgency.d.ts}

@@ -1,9 +1,13 @@
 import React from 'react';
 import './DetailsAgency.css';
 export interface DetailsAgencyProps {
+    /** Name of the agency */
     name: string;
+    /** Client type of the agency */
     clientType: string;
+    /** Show the waiting for confirmation chip */
     isOnRequest: boolean;
+    /** Children of the agency */
     children?: React.ReactNode;
 }
 export declare const DetailsAgency: React.FC<DetailsAgencyProps>;

package/dist/components/molecules/DetailsInfo/{DetailsAgency.js → DetailsAgency/DetailsAgency.js}

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Chip from '../../atoms/Chip/Chip';
-import { Text } from '../../atoms/Typography/Typography';
+import Chip from '@/src/components/atoms/Chip/Chip';
+import { Text } from '@/src/components/atoms/Typography/Typography';
 import './DetailsAgency.css';
 export var DetailsAgency = function (props) {
     var name = props.name, clientType = props.clientType, isOnRequest = props.isOnRequest, children = props.children;