mautourco-components 0.1.2 → 0.2.1

package/README.md

@@ -14,11 +14,14 @@ npm install mautourco-components
 ### 1. Importer les styles
 ```tsx
 // Dans votre index.tsx ou App.tsx
-import 'mautourco-components/src/styles/tokens/tokens.css';
-import 'mautourco-components/src/styles/components/forms.css';
-import 'mautourco-components/src/styles/components/typography.css';
-import 'mautourco-components/src/styles/components/organism/topnavigation.css';
-import 'mautourco-components/src/styles/components/organism/footer.css';
+// Utilisez les fichiers CSS compilés depuis dist/styles (recommandé)
+import 'mautourco-components/dist/styles/tokens/tokens.css';
+import 'mautourco-components/dist/styles/components/forms.css';
+import 'mautourco-components/dist/styles/components/typography.css';
+import 'mautourco-components/dist/styles/components/organism/topnavigation.css';
+import 'mautourco-components/dist/styles/components/organism/footer.css';
+
+// Note: Les CSS sont précompilés avec Tailwind v3, donc compatibles avec Tailwind v3 et v4
 ```
 
 ### 2. Utiliser les composants
@@ -176,7 +179,8 @@ npm publish             # Publication sur npm (après login)
 
 ## Notes importantes
 
-- **Styles** : Les composants nécessitent l'import des fichiers CSS correspondants
+- **Styles** : Les composants nécessitent l'import des fichiers CSS correspondants depuis `dist/styles/`
+- **CSS compilés** : Les CSS sont précompilés avec Tailwind v3 lors du build, donc compatibles avec Tailwind v3 et v4
 - **TypeScript** : Tous les composants sont typés
 - **Design tokens** : Générés automatiquement depuis le dossier `tokens/`
 

package/dist/components/atoms/Checkbox/Checkbox.js

@@ -18,6 +18,12 @@ var Checkbox = function (_a) {
             onChange(e.target.checked);
         }
     };
+    var handleLabelClick = function (e) {
+        if (!disabled && onChange) {
+            e.preventDefault();
+            onChange(!checked);
+        }
+    };
     var getStateClasses = function () {
         if (disabled)
             return 'checkbox--disabled';
@@ -28,6 +34,6 @@ var Checkbox = function (_a) {
         return 'checkbox--default';
     };
     var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
-    return (_jsx("div", __assign({ className: "checkbox-container ".concat(getStateClasses(), " ").concat(className) }, { children: _jsxs("div", __assign({ className: "checkbox-wrapper" }, { children: [_jsx("input", { type: "checkbox", id: checkboxId, checked: checked, disabled: disabled, onChange: handleChange, className: "checkbox-input" }), _jsxs("label", __assign({ htmlFor: checkboxId, className: "checkbox-label" }, { children: [_jsx("div", __assign({ className: "checkbox-box" }, { children: checked && (_jsx(Check, { size: "sm", className: "checkbox-icon" })) })), leadingContent && (_jsx("span", __assign({ className: "checkbox-leading" }, { children: leadingContent }))), label && (_jsx("span", __assign({ className: "checkbox-text" }, { children: label })))] }))] })) })));
+    return (_jsx("div", __assign({ className: "checkbox-container ".concat(getStateClasses(), " ").concat(className) }, { children: _jsxs("label", __assign({ htmlFor: checkboxId, className: "checkbox-label", onClick: handleLabelClick }, { children: [_jsx("input", { type: "checkbox", id: checkboxId, checked: checked, disabled: disabled, onChange: handleChange, className: "checkbox-input", readOnly: true }), _jsx("div", __assign({ className: "checkbox-button" }, { children: _jsx("div", __assign({ className: "checkbox-touch-target" }, { children: _jsx("div", __assign({ className: "checkbox-box" }, { children: checked && (_jsx(Check, { size: "sm", className: "checkbox-icon" })) })) })) })), leadingContent && (_jsx("span", __assign({ className: "checkbox-leading" }, { children: leadingContent }))), label && (_jsx("span", __assign({ className: "checkbox-text" }, { children: label })))] })) })));
 };
 export default Checkbox;

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

@@ -1,5 +1,5 @@
 import React from "react";
-export type IconName = "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "check" | "close" | "search" | "user" | "user-icon" | "calendar" | "arrival" | "departure" | "map-pin" | "delete" | "eye" | "info" | "check-circle" | "stroller" | "chevron-down-new" | "car" | "more" | "settings" | "menu" | "mautourcoLogo" | "youtube" | "facebook" | "linkedin" | "twitter";
+export type IconName = "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "check" | "close" | "search" | "user" | "user-icon" | "calendar" | 'calendar-outline' | "arrival" | "departure" | "map-pin" | "delete" | "eye" | "info" | "check-circle" | "stroller" | "chevron-down-new" | "car" | "more" | "settings" | "menu" | "mautourcoLogo" | "youtube" | "facebook" | "linkedin" | "twitter" | "plus" | "minus" | "home" | "plane" | "ship" | "building";
 interface IconProps {
     name: IconName;
     size?: "xs" | "sm" | "md" | "lg" | "xl";

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

@@ -35,6 +35,13 @@ import YouTubeIcon from "./icons/Youtube";
 import FacebookIcon from "./icons/FacebookIcon";
 import TwitterIcon from "./icons/TwitterIcon";
 import LinkedInIcon from "./icons/LinkedInIcon";
+import CalendarOutlineIcon from "./icons/CalendarOutlineIcon";
+import PlusIcon from "./icons/PlusIcon";
+import MinusIcon from "./icons/MinusIcon";
+import HomeIcon from "./icons/HomeIcon";
+import PlaneIcon from "./icons/PlaneIcon";
+import ShipIcon from "./icons/ShipIcon";
+import BuildingIcon from "./icons/BuildingIcon";
 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;
     var iconProps = { size: size, className: className, color: color };
@@ -59,7 +66,9 @@ var Icon = function (_a) {
             return _jsx(UserIcon, __assign({}, iconProps));
         case "calendar":
             return _jsx(CalendarIcon, __assign({}, iconProps));
-        case "arrival":
+        case 'calendar-outline':
+            return _jsx(CalendarOutlineIcon, __assign({}, iconProps));
+        case 'arrival':
             return _jsx(ArrivalIcon, __assign({}, iconProps));
         case "departure":
             return _jsx(DepartureIcon, __assign({}, iconProps));
@@ -95,6 +104,18 @@ var Icon = function (_a) {
             return _jsx(TwitterIcon, __assign({}, iconProps));
         case "linkedin":
             return _jsx(LinkedInIcon, __assign({}, iconProps));
+        case "plus":
+            return _jsx(PlusIcon, __assign({}, iconProps));
+        case "minus":
+            return _jsx(MinusIcon, __assign({}, iconProps));
+        case "home":
+            return _jsx(HomeIcon, __assign({}, iconProps));
+        case "plane":
+            return _jsx(PlaneIcon, __assign({}, iconProps));
+        case "ship":
+            return _jsx(ShipIcon, __assign({}, iconProps));
+        case "building":
+            return _jsx(BuildingIcon, __assign({}, iconProps));
         default:
             return null;
     }

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface BuildingIconProps {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+    color?: string;
+}
+declare const BuildingIcon: React.FC<BuildingIconProps>;
+export default BuildingIcon;

package/dist/components/atoms/Icon/icons/BuildingIcon.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 BuildingIcon = 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 7.33331C13.916 7.1786 13.8545 7.0306 13.7451 6.9212C13.6357 6.81181 13.4877 6.75031 13.333 6.75031H12.75V13.9163H13.333C13.4877 13.9163 13.6357 13.8548 13.7451 13.7454C13.8545 13.636 13.916 13.488 13.916 13.3333V7.33331ZM9.33301 11.2503L9.41016 11.2542C9.78811 11.2928 10.083 11.6122 10.083 12.0003C10.0828 12.3883 9.78804 12.7078 9.41016 12.7464L9.33301 12.7503H6.66602C6.25206 12.7501 5.91619 12.4143 5.91602 12.0003C5.91602 11.5862 6.25195 11.2505 6.66602 11.2503H9.33301ZM9.33301 8.58331C9.74722 8.58331 10.083 8.9191 10.083 9.33331C10.083 9.74753 9.74722 10.0833 9.33301 10.0833H6.66602C6.25195 10.0831 5.91602 9.74742 5.91602 9.33331C5.91602 8.91921 6.25195 8.58349 6.66602 8.58331H9.33301ZM9.33301 5.91632C9.74711 5.91632 10.0828 6.25226 10.083 6.66632C10.083 7.08053 9.74722 7.41632 9.33301 7.41632H6.66602C6.25195 7.41614 5.91602 7.08043 5.91602 6.66632C5.91619 6.25237 6.25206 5.9165 6.66602 5.91632H9.33301ZM9.33301 3.25031L9.41016 3.25421C9.78811 3.29285 10.083 3.61215 10.083 4.00031C10.0828 4.38834 9.78804 4.7078 9.41016 4.7464L9.33301 4.75031H6.66602C6.25206 4.75013 5.91619 4.41426 5.91602 4.00031C5.91602 3.5862 6.25195 3.25048 6.66602 3.25031H9.33301ZM2.08301 13.3333C2.08301 13.4879 2.14461 13.636 2.25391 13.7454C2.36323 13.8547 2.51142 13.9162 2.66602 13.9163H3.25V8.75031H2.66602C2.51142 8.75039 2.36323 8.81188 2.25391 8.9212C2.14461 9.03058 2.08301 9.17868 2.08301 9.33331V13.3333ZM11.25 2.66632C11.2499 2.51181 11.1883 2.36352 11.0791 2.25421C10.9697 2.14481 10.8207 2.08331 10.666 2.08331H5.33301C5.17837 2.08331 5.03028 2.14492 4.9209 2.25421C4.81158 2.36353 4.75009 2.51173 4.75 2.66632V13.9163H11.25V2.66632ZM12.75 5.25031H13.333C13.8855 5.25031 14.415 5.46996 14.8057 5.86066C15.1964 6.25136 15.416 6.78078 15.416 7.33331V13.3333C15.416 13.8858 15.1964 14.4153 14.8057 14.806C14.4638 15.1478 14.0159 15.3592 13.5391 15.4066L13.333 15.4163H2.66602C2.1136 15.4162 1.58398 15.1966 1.19336 14.806C0.80276 14.4153 0.583008 13.8858 0.583008 13.3333V9.33331C0.583008 8.78086 0.80276 8.25134 1.19336 7.86066C1.58398 7.47003 2.1136 7.25039 2.66602 7.25031H3.25V2.66632C3.25009 2.1139 3.46973 1.58429 3.86035 1.19366C4.25104 0.803066 4.78055 0.583313 5.33301 0.583313H10.666C11.2186 0.583313 11.7489 0.802964 12.1396 1.19366C12.5302 1.58427 12.7499 2.11398 12.75 2.66632V5.25031Z", fill: "currentColor" }) })));
+};
+export default BuildingIcon;

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface CalendarOutlineIconProps {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+    color?: string;
+}
+declare const CalendarOutlineIcon: React.FC<CalendarOutlineIconProps>;
+export default CalendarOutlineIcon;

package/dist/components/atoms/Icon/icons/CalendarOutlineIcon.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 CalendarOutlineIcon = 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 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M20 11H4V20C4 20.5523 4.44771 21 5 21H19C19.5523 21 20 20.5523 20 20V11ZM11 18V15C10.4477 15 10 14.5523 10 14C10 13.4477 10.4477 13 11 13H12C12.5523 13 13 13.4477 13 14V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18ZM15 6V5H9V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V5H5C4.44772 5 4 5.44772 4 6V9H20V6C20 5.44771 19.5523 5 19 5H17V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6ZM22 20C22 21.6569 20.6569 23 19 23H5C3.34315 23 2 21.6569 2 20V6C2 4.34315 3.34315 3 5 3H7V2C7 1.44772 7.44772 1 8 1C8.55228 1 9 1.44772 9 2V3H15V2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2V3H19C20.6569 3 22 4.34315 22 6V20Z", fill: "black" }) })));
+};
+export default CalendarOutlineIcon;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface HomeIconProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    color?: string;
+}
+declare const HomeIcon: React.FC<HomeIconProps>;
+export default HomeIcon;

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

@@ -0,0 +1,25 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+var sizeMap = {
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+};
+var HomeIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.color, color = _d === void 0 ? 'currentColor' : _d;
+    var pixelSize = sizeMap[size];
+    return (_jsxs("svg", __assign({ width: pixelSize, height: pixelSize, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [_jsx("path", { d: "M2 6L8 1.5L14 6V13.5C14 13.7652 13.8946 14.0196 13.7071 14.2071C13.5196 14.3946 13.2652 14.5 13 14.5H3C2.73478 14.5 2.48043 14.3946 2.29289 14.2071C2.10536 14.0196 2 13.7652 2 13.5V6Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M6 14.5V8H10V14.5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })));
+};
+export default HomeIcon;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface MinusIconProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    color?: string;
+}
+declare const MinusIcon: React.FC<MinusIconProps>;
+export default MinusIcon;

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

@@ -0,0 +1,25 @@
+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 sizeMap = {
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+};
+var MinusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.color, color = _d === void 0 ? 'currentColor' : _d;
+    var pixelSize = sizeMap[size];
+    return (_jsx("svg", __assign({ width: pixelSize, height: pixelSize, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: _jsx("path", { d: "M2.5 8H13.5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+export default MinusIcon;

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface PlaneIconProps {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+    color?: string;
+}
+declare const PlaneIcon: React.FC<PlaneIconProps>;
+export default PlaneIcon;

package/dist/components/atoms/Icon/icons/PlaneIcon.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 PlaneIcon = 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: "M12.404 1.28316C12.9969 1.10074 13.6682 1.04741 14.2253 1.27925L14.3347 1.32906L14.4382 1.39156C14.5361 1.46211 14.6161 1.55601 14.6706 1.665C14.959 2.24206 14.911 2.96347 14.7165 3.59566C14.5135 4.25542 14.1155 4.94468 13.53 5.53023L11.487 7.57222L12.5993 12.6396L12.6023 12.6533C12.7359 13.3225 12.4342 13.8619 11.9831 14.2002C11.9305 14.2396 11.8724 14.2714 11.8112 14.2959L11.4782 14.4296C10.8963 14.6624 10.1765 14.5744 9.73312 13.9834C9.72414 13.9714 9.715 13.9587 9.70675 13.9462L7.78878 11.041L6.74972 11.7343V13.333C6.74972 13.5318 6.67054 13.7226 6.52999 13.8632L5.863 14.5302C5.7042 14.6889 5.48291 14.7681 5.25949 14.7461C5.03588 14.7239 4.83334 14.6029 4.7087 14.416L3.4587 12.54L1.5837 11.291C1.39675 11.1663 1.27577 10.9638 1.25363 10.7402C1.2316 10.5168 1.31074 10.2955 1.46945 10.1367L2.13644 9.46968L2.2507 9.37593C2.37295 9.2945 2.51765 9.24996 2.66671 9.24996H4.26534L4.95773 8.20992L2.05343 6.29293C2.04094 6.28468 2.0283 6.27554 2.01632 6.26656C1.42527 5.82322 1.33728 5.10334 1.57003 4.52144L1.62374 4.41402L1.82296 4.08101C2.12686 3.52684 2.72307 3.27294 3.3464 3.39742L3.36007 3.40035L8.42648 4.51168L10.4694 2.46968C11.055 1.88413 11.7443 1.48619 12.404 1.28316ZM13.3737 2.62496C13.2386 2.62651 13.0619 2.65016 12.8454 2.71675C12.4219 2.84707 11.9444 3.11582 11.53 3.53023L9.19699 5.86324C9.01615 6.04407 8.75537 6.12022 8.50558 6.06539L3.09347 4.87789L2.96261 5.09566L6.41281 7.37398C6.57926 7.48391 6.69552 7.656 6.73507 7.85152C6.77452 8.04695 6.73434 8.25008 6.62374 8.41597L5.29074 10.416C5.1517 10.6245 4.91735 10.7498 4.66671 10.75H3.47628L4.41574 11.3759L4.52999 11.4697C4.56483 11.5045 4.59628 11.5427 4.62374 11.5839L5.24972 12.5224V11.333C5.24983 11.0823 5.37515 10.848 5.5837 10.7089L7.5837 9.37593L7.71456 9.3066C7.85082 9.25056 8.00161 9.23502 8.14816 9.26461C8.34368 9.30415 8.51577 9.42041 8.6257 9.58687L10.906 13.041C10.9104 13.0395 10.9162 13.0392 10.9216 13.0371L11.1306 12.9521C11.1303 12.9506 11.1309 12.9489 11.1306 12.9472H11.1296L9.93429 7.4941C9.87946 7.24431 9.95561 6.98353 10.1364 6.80269L12.4694 4.46968C12.8839 4.05528 13.1526 3.57778 13.2829 3.15425C13.3497 2.93728 13.3723 2.76023 13.3737 2.62496Z", fill: "currentColor" }) })));
+};
+export default PlaneIcon;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PlusIconProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    color?: string;
+}
+declare const PlusIcon: React.FC<PlusIconProps>;
+export default PlusIcon;

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

@@ -0,0 +1,25 @@
+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 sizeMap = {
+    xs: 12,
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+};
+var PlusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.color, color = _d === void 0 ? 'currentColor' : _d;
+    var pixelSize = sizeMap[size];
+    return (_jsx("svg", __assign({ width: pixelSize, height: pixelSize, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: _jsx("path", { d: "M8 2.5V13.5M2.5 8H13.5", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+export default PlusIcon;

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

@@ -0,0 +1,8 @@
+import React from "react";
+interface ShipIconProps {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    className?: string;
+    color?: string;
+}
+declare const ShipIcon: React.FC<ShipIconProps>;
+export default ShipIcon;

package/dist/components/atoms/Icon/icons/ShipIcon.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 ShipIcon = 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: "M11.9159 4.66638C11.9158 4.51179 11.8543 4.36359 11.745 4.25427C11.6356 4.14498 11.4875 4.08337 11.3329 4.08337H4.66586C4.51127 4.08346 4.36307 4.14495 4.25375 4.25427C4.14443 4.36359 4.08294 4.51179 4.08285 4.66638V7.5863L7.15316 6.22205H7.15414C7.42075 6.10366 7.70904 6.04236 7.99984 6.04236C8.29067 6.0424 8.57894 6.1036 8.84555 6.22205L11.9159 7.5863V4.66638ZM7.24984 9.33337V7.82068L2.75961 9.8158C2.82788 11.1514 3.27724 12.4381 4.05453 13.5238C4.09858 13.4896 4.14754 13.4549 4.19809 13.4144C4.39883 13.2538 4.66983 13.033 5.0184 12.8656C5.38322 12.6905 5.80735 12.5834 6.33285 12.5834C6.87026 12.5834 7.29979 12.6885 7.66781 12.8666C8.02062 13.0373 8.28638 13.2634 8.47934 13.4242C8.68632 13.5967 8.82043 13.7043 8.98422 13.7836C9.13281 13.8555 9.33681 13.9163 9.66586 13.9164C9.97342 13.9164 10.1749 13.8574 10.3309 13.7826C10.5028 13.7001 10.6483 13.587 10.8641 13.4144C11.0649 13.2538 11.3366 13.033 11.6854 12.8656C11.915 12.7554 12.1679 12.6719 12.4549 12.6254C12.9105 11.7536 13.1766 10.7959 13.2362 9.81482L8.74984 7.82068V9.33337C8.74984 9.74748 8.41391 10.0832 7.99984 10.0834C7.58563 10.0834 7.24984 9.74759 7.24984 9.33337ZM13.4159 8.25232L14.3045 8.64783L14.4002 8.69958C14.6138 8.83453 14.7478 9.07003 14.7498 9.32751C14.7587 10.5081 14.5199 11.6734 14.0555 12.7504C14.1526 12.7845 14.2456 12.8234 14.3348 12.8666C14.6875 13.0373 14.9534 13.2634 15.1463 13.4242C15.4644 13.6894 15.5071 14.1617 15.242 14.4799C14.977 14.7979 14.5046 14.8414 14.1864 14.5765C13.9795 14.4041 13.8452 14.2964 13.6815 14.2172C13.5329 14.1453 13.3289 14.0834 12.9998 14.0834C12.6921 14.0834 12.4908 14.1433 12.3348 14.2181C12.1629 14.3007 12.0173 14.4128 11.8016 14.5853C11.6008 14.746 11.3291 14.9667 10.9803 15.1342C10.6155 15.3093 10.1914 15.4164 9.66586 15.4164C9.12859 15.4163 8.69885 15.3112 8.3309 15.1332C7.97834 14.9625 7.71226 14.7373 7.51938 14.5765C7.31239 14.404 7.17828 14.2964 7.01449 14.2172C6.86585 14.1452 6.66209 14.0834 6.33285 14.0834C6.02502 14.0834 5.82383 14.1433 5.66781 14.2181C5.4959 14.3007 5.35034 14.4127 5.13461 14.5853C4.93379 14.746 4.66216 14.9667 4.31332 15.1342C3.9486 15.3092 3.52514 15.4163 2.99984 15.4164C2.4625 15.4164 2.03287 15.3112 1.66488 15.1332C1.4004 15.0052 1.18428 14.8467 1.01156 14.7074L0.852383 14.5765L0.796719 14.5238C0.530729 14.2522 0.508067 13.8182 0.75668 13.5199C1.00526 13.2216 1.43668 13.1648 1.7518 13.3773L1.81332 13.4242L2.08188 13.6381C2.16176 13.6965 2.23626 13.7439 2.3182 13.7836C2.36307 13.8053 2.4137 13.8238 2.47055 13.8422C1.65272 12.4872 1.22378 10.922 1.24984 9.32068C1.25478 9.02894 1.4285 8.76634 1.69516 8.64783L2.58285 8.2533V4.66638C2.58294 4.11396 2.80258 3.58435 3.1932 3.19373C3.58383 2.8031 4.11344 2.58346 4.66586 2.58337H7.24984V1.33337C7.24984 0.91916 7.58563 0.583374 7.99984 0.583374C8.41391 0.58355 8.74984 0.919269 8.74984 1.33337V2.58337H11.3329C11.8853 2.58337 12.4148 2.80313 12.8055 3.19373C13.1961 3.58435 13.4158 4.11396 13.4159 4.66638V8.25232Z", fill: "currentColor" }) })));
+};
+export default ShipIcon;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IllustrationProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * Source of the illustration.
+     * This will typically be an imported SVG/PNG from the assets directory.
+     */
+    src: string;
+}
+/**
+ * Generic Illustration atom.
+ * It focuses on consistent rendering (responsive, block-level) while
+ * letting the caller control which asset is used.
+ */
+export declare const Illustration: React.FC<IllustrationProps>;

package/dist/components/atoms/Illustration/Illustration.js

@@ -0,0 +1,33 @@
+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";
+/**
+ * Generic Illustration atom.
+ * It focuses on consistent rendering (responsive, block-level) while
+ * letting the caller control which asset is used.
+ */
+export var Illustration = function (_a) {
+    var src = _a.src, _b = _a.className, className = _b === void 0 ? '' : _b, rest = __rest(_a, ["src", "className"]);
+    var classes = ['illustration', className].filter(Boolean).join(' ');
+    return _jsx("img", __assign({ src: src, className: classes }, rest));
+};

package/dist/components/atoms/Illustration/illustrations.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Illustrations disponibles depuis Figma
+ * Les images sont servies depuis le serveur MCP Figma (localhost:3845)
+ *
+ * Note: Ces URLs sont temporaires et servies par le serveur MCP Figma local.
+ * En production, ces images devront être exportées et hébergées séparément.
+ */
+export interface IllustrationInfo {
+    /** Nom de l'illustration */
+    name: string;
+    /** URL de l'image depuis le serveur MCP Figma */
+    url: string;
+    /** Catégorie de l'illustration */
+    category: 'success' | 'background' | 'error' | 'alert';
+    /** Description de l'illustration */
+    description?: string;
+    /** Dimensions (largeur x hauteur) */
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Illustrations de succès (Quotation Success)
+ */
+export declare const SUCCESS_ILLUSTRATIONS: Record<string, IllustrationInfo>;
+/**
+ * Illustrations de fond (Background)
+ */
+export declare const BACKGROUND_ILLUSTRATIONS: Record<string, IllustrationInfo>;
+/**
+ * Illustrations d'erreur
+ */
+export declare const ERROR_ILLUSTRATIONS: Record<string, IllustrationInfo>;
+/**
+ * Illustrations d'alerte
+ */
+export declare const ALERT_ILLUSTRATIONS: Record<string, IllustrationInfo>;
+/**
+ * Toutes les illustrations regroupées par catégorie
+ */
+export declare const ALL_ILLUSTRATIONS: {
+    success: Record<string, IllustrationInfo>;
+    background: Record<string, IllustrationInfo>;
+    error: Record<string, IllustrationInfo>;
+    alert: Record<string, IllustrationInfo>;
+};
+/**
+ * Helper pour obtenir une illustration par son nom
+ */
+export declare function getIllustration(name: string): IllustrationInfo | undefined;

package/dist/components/atoms/Illustration/illustrations.js

@@ -0,0 +1,97 @@
+/**
+ * Illustrations disponibles depuis Figma
+ * Les images sont servies depuis le serveur MCP Figma (localhost:3845)
+ *
+ * Note: Ces URLs sont temporaires et servies par le serveur MCP Figma local.
+ * En production, ces images devront être exportées et hébergées séparément.
+ */
+/**
+ * Illustrations de succès (Quotation Success)
+ */
+export var SUCCESS_ILLUSTRATIONS = {
+    quotationSuccessOption1: {
+        name: 'Quotation Success - Option 1',
+        url: 'http://localhost:3845/assets/undraw_graduation_re_gthn_1',
+        category: 'success',
+        description: 'Illustration de succès pour l\'ajout d\'une voiture à une quotation',
+        dimensions: { width: 426, height: 212 },
+    },
+};
+/**
+ * Illustrations de fond (Background)
+ */
+export var BACKGROUND_ILLUSTRATIONS = {
+    bgSun: {
+        name: 'BG_Sun',
+        url: 'http://localhost:3845/assets/8b482904d4764abeaaa5276f661a8bbabd874df2.png',
+        category: 'background',
+        description: 'Illustration de fond - Soleil',
+        dimensions: { width: 316, height: 314 },
+    },
+    bgCocktail: {
+        name: 'BG_Cocktail',
+        url: 'http://localhost:3845/assets/51130ed9197c5d6b4323a7e134aae153aa7cec61.png',
+        category: 'background',
+        description: 'Illustration de fond - Cocktail',
+        dimensions: { width: 624, height: 624 },
+    },
+    bgCoconut: {
+        name: 'BG_Coconut',
+        url: 'http://localhost:3845/assets/40b9073c72d20eed316693d7435c1199b3dbcf0a.png',
+        category: 'background',
+        description: 'Illustration de fond - Coco',
+        dimensions: { width: 624, height: 624 },
+    },
+};
+/**
+ * Illustrations d'erreur
+ */
+export var ERROR_ILLUSTRATIONS = {
+    illustrationError: {
+        name: 'Illustration_Error',
+        url: 'http://localhost:3845/assets/group_46',
+        category: 'error',
+        description: 'Illustration d\'erreur - Aucun résultat trouvé',
+        dimensions: { width: 840, height: 463 },
+    },
+    error: {
+        name: 'Error',
+        url: 'http://localhost:3845/assets/undraw_cancel_7zdh_1',
+        category: 'error',
+        description: 'Illustration d\'erreur - Action bloquée',
+        dimensions: { width: 350, height: 350 },
+    },
+};
+/**
+ * Illustrations d'alerte
+ */
+export var ALERT_ILLUSTRATIONS = {
+    illustrationAlert: {
+        name: 'Illustration_Alert',
+        url: 'http://localhost:3845/assets/group_47',
+        category: 'alert',
+        description: 'Illustration d\'alerte - Capacité dépassée',
+        dimensions: { width: 426, height: 358 },
+    },
+};
+/**
+ * Toutes les illustrations regroupées par catégorie
+ */
+export var ALL_ILLUSTRATIONS = {
+    success: SUCCESS_ILLUSTRATIONS,
+    background: BACKGROUND_ILLUSTRATIONS,
+    error: ERROR_ILLUSTRATIONS,
+    alert: ALERT_ILLUSTRATIONS,
+};
+/**
+ * Helper pour obtenir une illustration par son nom
+ */
+export function getIllustration(name) {
+    for (var _i = 0, _a = Object.values(ALL_ILLUSTRATIONS); _i < _a.length; _i++) {
+        var category = _a[_i];
+        if (category[name]) {
+            return category[name];
+        }
+    }
+    return undefined;
+}