mautourco-components 0.2.18 → 0.2.20

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

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

package/dist/components/atoms/Icon/icons/BookingIcon.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 BookingIcon = 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.8745 18.1245L11.1245 18.1245L11.1245 19.0005C11.1245 19.2993 11.0808 19.5932 10.9985 19.875L20 19.875C20.232 19.875 20.4541 19.7826 20.6182 19.6187C20.7821 19.4547 20.8744 19.2324 20.8745 19.0005L20.8745 18.1245ZM15.0005 10.875L15.1148 10.8809C15.6822 10.9383 16.1255 11.4174 16.1255 12C16.1255 12.5826 15.6822 13.0617 15.1148 13.1191L15.0005 13.125L9.99952 13.125C9.37842 13.1247 8.87452 12.6212 8.87452 12C8.87452 11.3788 9.37842 10.8753 9.99952 10.875L15.0005 10.875ZM15.0005 6.87451C15.6214 6.87478 16.1252 7.37858 16.1255 7.99951C16.1255 8.62067 15.6216 9.12425 15.0005 9.12451L9.99952 9.12451C9.37842 9.12425 8.87452 8.62067 8.87452 7.99951C8.87478 7.37858 9.37858 6.87478 9.99952 6.87451L15.0005 6.87451ZM4.8755 4.99951C4.87537 4.76774 4.78297 4.5453 4.61915 4.38135C4.45505 4.21725 4.23158 4.125 3.99952 4.125C3.76763 4.12513 3.54533 4.21737 3.38135 4.38135C3.21738 4.54533 3.12514 4.76762 3.12501 4.99951L3.12501 6.87451L4.8755 6.87451L4.8755 4.99951ZM7.12549 19.0005C7.12562 19.2324 7.21786 19.4547 7.38184 19.6187C7.54591 19.7826 7.76805 19.875 8 19.875C8.23195 19.875 8.4541 19.7826 8.61817 19.6187C8.78215 19.4547 8.87439 19.2324 8.87452 19.0005L8.87452 18C8.87452 17.4364 9.09856 16.8956 9.49708 16.4971C9.89559 16.0986 10.4364 15.8745 11 15.8745L17.8745 15.8745L17.8745 4.99951C17.8744 4.76763 17.7822 4.54533 17.6182 4.38135C17.4541 4.21741 17.232 4.125 17 4.125L6.99805 4.125C7.08031 4.4068 7.12545 4.70068 7.1255 4.99951L7.12549 19.0005ZM20.1245 15.8745L21.0005 15.8745C21.5637 15.8746 22.1036 16.099 22.502 16.4971C22.9005 16.8956 23.1245 17.4364 23.1245 18L23.1245 19.0005C23.1244 19.8291 22.7949 20.6235 22.209 21.2095C21.623 21.7954 20.8287 22.125 20 22.125L8 22.125C7.17132 22.125 6.37705 21.7954 5.79102 21.2095C5.20508 20.6235 4.87562 19.8291 4.87549 19.0005L4.87549 9.12451L3.00049 9.12451C2.43691 9.12451 1.89608 8.90047 1.49757 8.50195C1.14899 8.15326 0.933534 7.69634 0.885261 7.20996L0.875007 7.00049L0.875007 4.99951C0.875137 4.17089 1.2046 3.37646 1.79053 2.79053C2.37647 2.20459 3.17089 1.87513 3.99952 1.875L17 1.875C17.8287 1.875 18.623 2.20463 19.209 2.79053C19.7949 3.37647 20.1244 4.17089 20.1245 4.99952L20.1245 15.8745Z", fill: "black" }) })));
+};
+export default BookingIcon;

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

@@ -31,6 +31,6 @@ var BusIcon = function (_a) {
     var sizeClasses = getSizeClasses();
     var colorClass = color ? "text-".concat(color) : 'text-current';
     var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ "clip-path": "url(#clip0_7033_40084)" }, { children: _jsx("path", { d: "M12.5821 8.08301H3.41512V11.333C3.41512 11.6552 3.67694 11.917 3.99911 11.917H11.9991C12.3211 11.9168 12.5821 11.6551 12.5821 11.333V8.08301ZM5.33895 9.25L5.41512 9.25391C5.79348 9.29216 6.08895 9.61156 6.08895 10C6.08895 10.3884 5.79348 10.7078 5.41512 10.7461L5.33895 10.75H5.33211C4.9179 10.75 4.58211 10.4142 4.58211 10C4.58211 9.58579 4.9179 9.25 5.33211 9.25H5.33895ZM10.672 9.25C11.0862 9.25 11.422 9.58579 11.422 10C11.422 10.4142 11.0862 10.75 10.672 10.75H10.6651C10.2511 10.7498 9.91512 10.4141 9.91512 10C9.91512 9.5859 10.2511 9.25018 10.6651 9.25H10.672ZM3.99911 2.75C3.67705 2.75 3.4153 3.01099 3.41512 3.33301V6.58301H12.5821V3.33301C12.5819 3.0111 12.321 2.75018 11.9991 2.75H3.99911ZM9.33211 3.25C9.74633 3.25 10.0821 3.58579 10.0821 4C10.0821 4.41421 9.74633 4.75 9.33211 4.75H6.66512C6.25106 4.74982 5.91512 4.41411 5.91512 4C5.91512 3.58589 6.25106 3.25018 6.66512 3.25H9.33211ZM14.0821 11.333C14.0821 12.2187 13.5284 12.973 12.7491 13.2744V14C12.7491 14.4141 12.4132 14.7498 11.9991 14.75C11.5849 14.75 11.2491 14.4142 11.2491 14V13.417H4.74911V14C4.74911 14.4141 4.41317 14.7498 3.99911 14.75C3.58489 14.75 3.24911 14.4142 3.24911 14V13.2754C2.46934 12.9742 1.91512 12.219 1.91512 11.333V5.21387L1.66708 5.33789C1.29669 5.52273 0.846371 5.37226 0.661216 5.00195C0.476074 4.63149 0.626713 4.18131 0.997153 3.99609L1.91512 3.53613V3.33301C1.9153 2.18256 2.84862 1.25 3.99911 1.25H11.9991C13.1494 1.25018 14.0819 2.18267 14.0821 3.33301V3.53613L15.0011 3.99609C15.3714 4.18142 15.5212 4.63156 15.336 5.00195C15.1508 5.37235 14.7006 5.52293 14.3302 5.33789L14.0821 5.21289V11.333Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40084" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7033_40084)" }, { children: _jsx("path", { d: "M12.5821 8.08301H3.41512V11.333C3.41512 11.6552 3.67694 11.917 3.99911 11.917H11.9991C12.3211 11.9168 12.5821 11.6551 12.5821 11.333V8.08301ZM5.33895 9.25L5.41512 9.25391C5.79348 9.29216 6.08895 9.61156 6.08895 10C6.08895 10.3884 5.79348 10.7078 5.41512 10.7461L5.33895 10.75H5.33211C4.9179 10.75 4.58211 10.4142 4.58211 10C4.58211 9.58579 4.9179 9.25 5.33211 9.25H5.33895ZM10.672 9.25C11.0862 9.25 11.422 9.58579 11.422 10C11.422 10.4142 11.0862 10.75 10.672 10.75H10.6651C10.2511 10.7498 9.91512 10.4141 9.91512 10C9.91512 9.5859 10.2511 9.25018 10.6651 9.25H10.672ZM3.99911 2.75C3.67705 2.75 3.4153 3.01099 3.41512 3.33301V6.58301H12.5821V3.33301C12.5819 3.0111 12.321 2.75018 11.9991 2.75H3.99911ZM9.33211 3.25C9.74633 3.25 10.0821 3.58579 10.0821 4C10.0821 4.41421 9.74633 4.75 9.33211 4.75H6.66512C6.25106 4.74982 5.91512 4.41411 5.91512 4C5.91512 3.58589 6.25106 3.25018 6.66512 3.25H9.33211ZM14.0821 11.333C14.0821 12.2187 13.5284 12.973 12.7491 13.2744V14C12.7491 14.4141 12.4132 14.7498 11.9991 14.75C11.5849 14.75 11.2491 14.4142 11.2491 14V13.417H4.74911V14C4.74911 14.4141 4.41317 14.7498 3.99911 14.75C3.58489 14.75 3.24911 14.4142 3.24911 14V13.2754C2.46934 12.9742 1.91512 12.219 1.91512 11.333V5.21387L1.66708 5.33789C1.29669 5.52273 0.846371 5.37226 0.661216 5.00195C0.476074 4.63149 0.626713 4.18131 0.997153 3.99609L1.91512 3.53613V3.33301C1.9153 2.18256 2.84862 1.25 3.99911 1.25H11.9991C13.1494 1.25018 14.0819 2.18267 14.0821 3.33301V3.53613L15.0011 3.99609C15.3714 4.18142 15.5212 4.63156 15.336 5.00195C15.1508 5.37235 14.7006 5.52293 14.3302 5.33789L14.0821 5.21289V11.333Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40084" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
 };
 export default BusIcon;

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

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

package/dist/components/atoms/Icon/icons/CarFront.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 CarFrontIcon = 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.2031 7.99961C13.203 7.70518 12.964 7.4668 12.6695 7.4668H3.33672C3.04225 7.4668 2.80327 7.70518 2.80313 7.99961V10.6668C2.80327 10.9612 3.04225 11.1996 3.33672 11.1996H12.6695C12.964 11.1996 13.203 10.9612 13.2031 10.6668V7.99961ZM4.67578 8.5332C5.11761 8.5332 5.47578 8.89138 5.47578 9.3332C5.47578 9.77503 5.11761 10.1332 4.67578 10.1332H4.66953C4.22782 10.1331 3.86953 9.77494 3.86953 9.3332C3.86953 8.89146 4.22782 8.53334 4.66953 8.5332H4.67578ZM11.3422 8.5332C11.784 8.5332 12.1422 8.89138 12.1422 9.3332C12.1422 9.77503 11.784 10.1332 11.3422 10.1332H11.3367C10.8949 10.1332 10.5367 9.77503 10.5367 9.3332C10.5367 8.89138 10.8949 8.5332 11.3367 8.5332H11.3422ZM5.58437 4.1332C5.47588 4.13079 5.36948 4.16169 5.27891 4.22148C5.18821 4.28139 5.1177 4.36743 5.07734 4.46836L4.51797 5.8668H11.482L10.9281 4.50039C10.9254 4.49367 10.9229 4.48687 10.9203 4.48008C10.8826 4.37925 10.8154 4.29195 10.7273 4.23008C10.6612 4.18371 10.5853 4.15307 10.5063 4.14023L10.4258 4.1332H5.58437ZM9.33672 0.533203C9.77843 0.533344 10.1367 0.891462 10.1367 1.3332C10.1367 1.77494 9.77843 2.13306 9.33672 2.1332H6.66953C6.22782 2.13306 5.86953 1.77494 5.86953 1.3332C5.86953 0.891462 6.22782 0.533344 6.66953 0.533203H9.33672ZM14.8031 10.6668C14.803 11.5619 14.2511 12.3268 13.4695 12.6434V13.3332C13.4695 13.775 13.1114 14.1332 12.6695 14.1332C12.2278 14.1331 11.8695 13.7749 11.8695 13.3332V12.7996H4.13672V13.3332C4.13672 13.7749 3.77843 14.1331 3.33672 14.1332C2.89489 14.1332 2.53672 13.775 2.53672 13.3332V12.6434C1.75512 12.3268 1.20323 11.5619 1.20312 10.6668V7.99961C1.2032 7.35893 1.48717 6.78592 1.93437 6.39492L1.4375 5.89883C1.12508 5.58641 1.12508 5.08 1.4375 4.76758C1.74992 4.45516 2.25633 4.45516 2.56875 4.76758L3.04375 5.24258L3.59141 3.87383C3.75283 3.47023 4.03417 3.12591 4.39688 2.88633C4.75454 2.65008 5.17481 2.52705 5.60313 2.5332H10.4414C10.8725 2.53741 11.2923 2.67241 11.6453 2.91992C11.9924 3.16327 12.2587 3.5044 12.4109 3.89961L12.957 5.24727L13.4375 4.76758C13.7499 4.45516 14.2563 4.45516 14.5688 4.76758C14.8812 5.08 14.8812 5.58641 14.5688 5.89883L14.0719 6.39492C14.5191 6.78592 14.803 7.35893 14.8031 7.99961V10.6668Z", fill: "currentColor" }) })));
+};
+export default CarFrontIcon;

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

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

package/dist/components/atoms/Icon/icons/CatamaranIcon.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, jsxs as _jsxs } from "react/jsx-runtime";
+var CatamaranIcon = 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 (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_238_4188)" }, { 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" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_238_4188" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+};
+export default CatamaranIcon;

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

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

package/dist/components/atoms/Icon/icons/ClockIcon.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, jsxs as _jsxs } from "react/jsx-runtime";
+var ClockIcon = 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 (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M7.63187 4.00006C7.98111 4.00006 8.26373 4.2723 8.26373 4.60873V8.51808L10.6838 9.86382C10.9861 10.032 11.0898 10.4041 10.9152 10.6954C10.7405 10.9867 10.3543 11.0865 10.0519 10.9183L7.31593 9.39661C7.12032 9.28783 7 9.08691 7 8.86937V4.60867C7 4.27224 7.28262 4.00006 7.63187 4.00006Z", fill: "white" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 2C11.3136 2 14 4.6864 14 8C14 11.3136 11.3136 14 8 14C4.6864 14 2 11.3136 2 8C2 4.6864 4.6864 2 8 2ZM8 3.06667C5.27547 3.06667 3.06667 5.27547 3.06667 8C3.06667 10.7245 5.27547 12.9333 8 12.9333C10.7245 12.9333 12.9333 10.7245 12.9333 8C12.9333 5.27547 10.7245 3.06667 8 3.06667Z", fill: "white" })] })));
+};
+export default ClockIcon;

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

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

package/dist/components/atoms/Icon/icons/CloseCircleIcon.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, jsxs as _jsxs } from "react/jsx-runtime";
+var CloseCircleIcon = 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 (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_5114_5257)" }, { children: [_jsx("path", { d: "M8.37604 14.0331L10.4083 12.0009L8.375 9.96758C7.93578 9.52835 7.93601 8.81595 8.375 8.37659C8.81434 7.93725 9.52665 7.93725 9.96599 8.37659L11.9993 10.4099L14.0325 8.37659C14.4719 7.93725 15.1842 7.93725 15.6235 8.37659C16.0625 8.81596 16.0628 9.52835 15.6235 9.96758L13.5903 12.0009L15.6225 14.0331L15.7002 14.1191C16.0604 14.5609 16.0343 15.2123 15.6225 15.6241C15.2106 16.0356 14.5592 16.062 14.1175 15.7018L14.0315 15.6241L11.9993 13.5918L9.96703 15.6241C9.5278 16.0633 8.81541 16.0631 8.37604 15.6241C7.9367 15.1847 7.9367 14.4724 8.37604 14.0331Z", fill: "black" }), _jsx("path", { d: "M12 0.874514C18.1438 0.874779 23.1237 5.85625 23.124 12C23.1238 18.1438 18.1438 23.1238 12 23.124C5.856 23.124 0.874777 18.1439 0.874514 12C0.874812 5.85609 5.85602 0.874513 12 0.874514ZM12 3.12451C7.09866 3.12451 3.12481 7.09873 3.12451 12C3.12478 16.9013 7.09864 20.874 12 20.874C16.9011 20.8738 20.8738 16.9011 20.874 12C20.8737 7.09889 16.9011 3.12478 12 3.12451Z", fill: "black" })] })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_5114_5257" }, { children: _jsx("rect", { width: "24", height: "24", fill: "white" }) })) })] })));
+};
+export default CloseCircleIcon;

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

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

package/dist/components/atoms/Icon/icons/Land.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 LandIcon = 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.28056 1.25198C5.58299 1.23066 5.8686 1.39388 6.00419 1.66507L8.20537 6.06644L10.803 3.46976L10.8753 3.40628C11.0527 3.26937 11.2838 3.21837 11.5052 3.27054C11.7582 3.33026 11.963 3.51613 12.0452 3.76273L15.3782 13.7627C15.4545 13.9914 15.4157 14.2429 15.2747 14.4385C15.1337 14.634 14.9073 14.75 14.6663 14.75H1.3333C1.09221 14.75 0.86586 14.6341 0.724897 14.4385C0.583946 14.2429 0.545147 13.9914 0.621381 13.7627L4.62138 1.76273L4.66533 1.65921C4.78346 1.42754 5.01581 1.2708 5.28056 1.25198ZM5.34013 10.0869C4.66902 10.0511 3.97444 10.2227 3.24345 10.6407L2.37431 13.25H13.6263L13.0618 11.5596C12.3043 11.919 11.524 12.1022 10.7259 12.084C9.63177 12.059 8.57554 11.6588 7.56767 10.9453V10.9463C6.78406 10.393 6.04385 10.1246 5.34013 10.0869ZM3.8704 8.75882C4.37922 8.61969 4.89661 8.5619 5.42021 8.58988C6.33277 8.63869 7.21752 8.94744 8.06962 9.47952L8.4329 9.72073V9.72171C9.25127 10.3011 10.0246 10.5672 10.7601 10.584C11.345 10.5973 11.9498 10.4512 12.5823 10.1211L11.0052 5.38773L8.53056 7.86331C8.36016 8.03372 8.11805 8.11179 7.88017 8.07327C7.6423 8.03467 7.43724 7.88447 7.32939 7.66898L5.47197 3.95511L3.8704 8.75882Z", fill: "currentColor" }) })));
+};
+export default LandIcon;

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

@@ -31,6 +31,6 @@ var MapIcon = function (_a) {
     var sizeClasses = getSizeClasses();
     var colorClass = color ? "text-".concat(color) : 'text-current';
     var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ "clip-path": "url(#clip0_7033_40039)" }, { children: _jsx("path", { d: "M11.2483 5.33398C11.2483 4.47217 10.9064 3.6456 10.2971 3.03613C9.6876 2.42664 8.86022 2.08398 7.99827 2.08398C7.13645 2.08408 6.30982 2.42673 5.70042 3.03613C5.09104 3.64561 4.74827 4.47212 4.74827 5.33398C4.74827 6.29385 5.27536 7.37034 6.01975 8.38379C6.70202 9.31263 7.49819 10.0927 7.99827 10.5488C8.49845 10.0929 9.29531 9.31298 9.97776 8.38379C10.722 7.37039 11.2483 6.2939 11.2483 5.33398ZM2.11545 13.917H13.8821L12.6047 10.084H10.5403C9.9137 10.8175 9.29437 11.4056 8.90354 11.7559C8.88906 11.7688 8.87406 11.7812 8.85862 11.793C8.61164 11.9816 8.30904 12.084 7.99827 12.084C7.68762 12.0839 7.38578 11.9815 7.13889 11.793C7.12325 11.781 7.10764 11.769 7.09299 11.7559C6.70253 11.4056 6.08382 10.8175 5.45725 10.084H3.39573L2.11545 13.917ZM8.58225 5.33398C8.58225 5.01182 8.32043 4.75098 7.99827 4.75098C7.67627 4.75117 7.41526 5.01194 7.41526 5.33398C7.41526 5.65603 7.67627 5.91679 7.99827 5.91699C8.32043 5.91699 8.58225 5.65615 8.58225 5.33398ZM10.0823 5.33398C10.0823 6.48458 9.14886 7.41699 7.99827 7.41699C6.84784 7.41679 5.91526 6.48446 5.91526 5.33398C5.91526 4.18351 6.84784 3.25117 7.99827 3.25098C9.14886 3.25098 10.0823 4.18339 10.0823 5.33398ZM12.7395 5.60547C12.6711 6.66975 12.2087 7.6965 11.6506 8.58398H12.6643C12.9246 8.58392 13.1794 8.65556 13.4006 8.79004L13.4934 8.85156L13.5803 8.91992C13.7498 9.06348 13.8835 9.24462 13.9699 9.44922L14.009 9.55273L15.342 13.5527C15.4129 13.7655 15.4324 13.9922 15.3987 14.2139C15.3648 14.4357 15.2788 14.6471 15.1477 14.8291C15.0166 15.011 14.8442 15.1594 14.6448 15.2617C14.4451 15.364 14.2236 15.4168 13.9992 15.417H1.99827C1.77384 15.4169 1.5525 15.3641 1.35276 15.2617C1.15295 15.1593 0.980017 15.0103 0.848853 14.8281C0.717783 14.646 0.631562 14.4348 0.597876 14.2129C0.564278 13.9911 0.584401 13.7645 0.655493 13.5518L1.99143 9.55176L2.03049 9.44727C2.1314 9.20941 2.29628 9.00342 2.50706 8.85156L2.59983 8.79004C2.82065 8.65595 3.07444 8.58412 3.3342 8.58398H4.34592C3.78785 7.6966 3.32547 6.66961 3.25706 5.60547L3.24827 5.33398C3.24827 4.07429 3.74919 2.86637 4.63987 1.97559C5.53058 1.08487 6.73862 0.584082 7.99827 0.583984C9.25805 0.583984 10.4668 1.08479 11.3576 1.97559C12.2483 2.86635 12.7483 4.07435 12.7483 5.33398L12.7395 5.60547Z", fill: "#0F7173" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40039" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7033_40039)" }, { children: _jsx("path", { d: "M11.2483 5.33398C11.2483 4.47217 10.9064 3.6456 10.2971 3.03613C9.6876 2.42664 8.86022 2.08398 7.99827 2.08398C7.13645 2.08408 6.30982 2.42673 5.70042 3.03613C5.09104 3.64561 4.74827 4.47212 4.74827 5.33398C4.74827 6.29385 5.27536 7.37034 6.01975 8.38379C6.70202 9.31263 7.49819 10.0927 7.99827 10.5488C8.49845 10.0929 9.29531 9.31298 9.97776 8.38379C10.722 7.37039 11.2483 6.2939 11.2483 5.33398ZM2.11545 13.917H13.8821L12.6047 10.084H10.5403C9.9137 10.8175 9.29437 11.4056 8.90354 11.7559C8.88906 11.7688 8.87406 11.7812 8.85862 11.793C8.61164 11.9816 8.30904 12.084 7.99827 12.084C7.68762 12.0839 7.38578 11.9815 7.13889 11.793C7.12325 11.781 7.10764 11.769 7.09299 11.7559C6.70253 11.4056 6.08382 10.8175 5.45725 10.084H3.39573L2.11545 13.917ZM8.58225 5.33398C8.58225 5.01182 8.32043 4.75098 7.99827 4.75098C7.67627 4.75117 7.41526 5.01194 7.41526 5.33398C7.41526 5.65603 7.67627 5.91679 7.99827 5.91699C8.32043 5.91699 8.58225 5.65615 8.58225 5.33398ZM10.0823 5.33398C10.0823 6.48458 9.14886 7.41699 7.99827 7.41699C6.84784 7.41679 5.91526 6.48446 5.91526 5.33398C5.91526 4.18351 6.84784 3.25117 7.99827 3.25098C9.14886 3.25098 10.0823 4.18339 10.0823 5.33398ZM12.7395 5.60547C12.6711 6.66975 12.2087 7.6965 11.6506 8.58398H12.6643C12.9246 8.58392 13.1794 8.65556 13.4006 8.79004L13.4934 8.85156L13.5803 8.91992C13.7498 9.06348 13.8835 9.24462 13.9699 9.44922L14.009 9.55273L15.342 13.5527C15.4129 13.7655 15.4324 13.9922 15.3987 14.2139C15.3648 14.4357 15.2788 14.6471 15.1477 14.8291C15.0166 15.011 14.8442 15.1594 14.6448 15.2617C14.4451 15.364 14.2236 15.4168 13.9992 15.417H1.99827C1.77384 15.4169 1.5525 15.3641 1.35276 15.2617C1.15295 15.1593 0.980017 15.0103 0.848853 14.8281C0.717783 14.646 0.631562 14.4348 0.597876 14.2129C0.564278 13.9911 0.584401 13.7645 0.655493 13.5518L1.99143 9.55176L2.03049 9.44727C2.1314 9.20941 2.29628 9.00342 2.50706 8.85156L2.59983 8.79004C2.82065 8.65595 3.07444 8.58412 3.3342 8.58398H4.34592C3.78785 7.6966 3.32547 6.66961 3.25706 5.60547L3.24827 5.33398C3.24827 4.07429 3.74919 2.86637 4.63987 1.97559C5.53058 1.08487 6.73862 0.584082 7.99827 0.583984C9.25805 0.583984 10.4668 1.08479 11.3576 1.97559C12.2483 2.86635 12.7483 4.07435 12.7483 5.33398L12.7395 5.60547Z", fill: "#0F7173" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7033_40039" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
 };
 export default MapIcon;

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

@@ -31,6 +31,6 @@ var PlusCircleIcon = function (_a) {
     var sizeClasses = getSizeClasses();
     var colorClass = color ? "text-".concat(color) : 'text-current';
     var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ "clip-path": "url(#clip0_7074_66340)" }, { children: _jsx("path", { d: "M13.915 8.00098C13.915 4.7334 11.2666 2.08416 7.99902 2.08398C4.73134 2.08398 2.08203 4.73329 2.08203 8.00098C2.08221 11.2685 4.73145 13.917 7.99902 13.917C11.2664 13.9168 13.9149 11.2684 13.915 8.00098ZM7.24902 10.667V8.75098H5.33203C4.91793 8.75098 4.58221 8.41504 4.58203 8.00098C4.58203 7.58676 4.91782 7.25098 5.33203 7.25098H7.24902V5.33398C7.24902 4.91977 7.58481 4.58398 7.99902 4.58398C8.41309 4.58416 8.74902 4.91988 8.74902 5.33398V7.25098H10.665L10.7422 7.25488C11.1203 7.29337 11.415 7.61271 11.415 8.00098C11.4149 8.38912 11.1202 8.70862 10.7422 8.74707L10.665 8.75098H8.74902V10.667C8.74902 11.0811 8.41309 11.4168 7.99902 11.417C7.58481 11.417 7.24902 11.0812 7.24902 10.667ZM15.415 8.00098C15.4149 12.0968 12.0949 15.4168 7.99902 15.417C3.90302 15.417 0.582208 12.0969 0.582031 8.00098C0.582031 3.90487 3.90291 0.583984 7.99902 0.583984C12.095 0.584161 15.415 3.90497 15.415 8.00098Z", fill: "white" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7074_66340" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+    return (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_7074_66340)" }, { children: _jsx("path", { d: "M13.915 8.00098C13.915 4.7334 11.2666 2.08416 7.99902 2.08398C4.73134 2.08398 2.08203 4.73329 2.08203 8.00098C2.08221 11.2685 4.73145 13.917 7.99902 13.917C11.2664 13.9168 13.9149 11.2684 13.915 8.00098ZM7.24902 10.667V8.75098H5.33203C4.91793 8.75098 4.58221 8.41504 4.58203 8.00098C4.58203 7.58676 4.91782 7.25098 5.33203 7.25098H7.24902V5.33398C7.24902 4.91977 7.58481 4.58398 7.99902 4.58398C8.41309 4.58416 8.74902 4.91988 8.74902 5.33398V7.25098H10.665L10.7422 7.25488C11.1203 7.29337 11.415 7.61271 11.415 8.00098C11.4149 8.38912 11.1202 8.70862 10.7422 8.74707L10.665 8.75098H8.74902V10.667C8.74902 11.0811 8.41309 11.4168 7.99902 11.417C7.58481 11.417 7.24902 11.0812 7.24902 10.667ZM15.415 8.00098C15.4149 12.0968 12.0949 15.4168 7.99902 15.417C3.90302 15.417 0.582208 12.0969 0.582031 8.00098C0.582031 3.90487 3.90291 0.583984 7.99902 0.583984C12.095 0.584161 15.415 3.90497 15.415 8.00098Z", fill: "white" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_7074_66340" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
 };
 export default PlusCircleIcon;

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

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

package/dist/components/atoms/Icon/icons/SeaIcon.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, jsxs as _jsxs } from "react/jsx-runtime";
+var SeaIcon = 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 (_jsxs("svg", __assign({ className: classes, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", __assign({ clipPath: "url(#clip0_238_4210)" }, { children: _jsx("path", { d: "M13.916 10.6664V7.41638H12.75V10.6664C12.75 11.2189 12.5303 11.7493 12.1396 12.14C11.7489 12.5307 11.2186 12.7504 10.666 12.7504C10.2521 12.7502 9.91619 12.4143 9.91602 12.0004C9.91602 11.5863 10.252 11.2505 10.666 11.2504C10.8207 11.2504 10.9697 11.1889 11.0791 11.0795C11.1885 10.9701 11.25 10.8211 11.25 10.6664V9.49353C10.6882 9.87454 10.0216 10.0834 9.33301 10.0834H8.98926C8.43974 10.0755 7.91492 9.8509 7.53027 9.45837C7.52045 9.44835 7.5112 9.43769 7.50195 9.42712L7.05957 8.92126C6.8232 8.6932 6.50876 8.69298 6.27246 8.92126L5.83105 9.42712C5.82176 9.43774 5.81163 9.4483 5.80176 9.45837C5.41714 9.85078 4.89317 10.0755 4.34375 10.0834H4C3.09384 10.0834 2.22473 9.72315 1.58398 9.0824C0.943235 8.44165 0.583008 7.57254 0.583008 6.66638C0.583094 5.76034 0.943312 4.89104 1.58398 4.25037C2.2247 3.60982 3.094 3.25037 4 3.25037H9.33301C10.0213 3.25037 10.6883 3.45758 11.25 3.83826V1.33337C11.25 0.91916 11.5858 0.583374 12 0.583374H14.666C15.0802 0.583374 15.416 0.91916 15.416 1.33337V10.6664C15.416 13.2806 13.2802 15.4164 10.666 15.4164H8C7.44747 15.4164 6.91707 15.1967 6.52637 14.806C6.29243 14.572 6.12124 14.2877 6.02051 13.9789C5.71169 13.8781 5.42736 13.707 5.19336 13.473C4.80274 13.0824 4.58309 12.5528 4.58301 12.0004C4.58301 11.5862 4.91879 11.2504 5.33301 11.2504C5.74722 11.2504 6.08301 11.5862 6.08301 12.0004C6.08309 12.155 6.14459 12.3032 6.25391 12.4125C6.36323 12.5218 6.51142 12.5833 6.66602 12.5834C6.82072 12.5834 6.9697 12.5219 7.0791 12.4125C7.18832 12.3032 7.24991 12.1549 7.25 12.0004C7.25 11.5862 7.58579 11.2504 8 11.2504C8.41406 11.2505 8.75 11.5863 8.75 12.0004C8.74991 12.5527 8.53017 13.0824 8.13965 13.473C8.00163 13.611 7.84535 13.7265 7.67773 13.8197C7.77252 13.8824 7.88463 13.9164 8 13.9164H10.666C12.4518 13.9164 13.916 12.4522 13.916 10.6664ZM3.41602 14.3334C3.41602 14.1321 3.27369 13.9641 3.08398 13.9252L3 13.9164C2.76988 13.9164 2.58301 14.1033 2.58301 14.3334C2.58301 14.5635 2.76988 14.7504 3 14.7504C3.22997 14.7502 3.41602 14.5634 3.41602 14.3334ZM2.00586 10.9164C2.41996 10.9164 2.75568 11.2523 2.75586 11.6664C2.75586 12.0806 2.42007 12.4164 2.00586 12.4164H2C1.58579 12.4164 1.25 12.0806 1.25 11.6664C1.25018 11.2523 1.5859 10.9164 2 10.9164H2.00586ZM12.75 5.91638H13.916V2.08337H12.75V5.91638ZM4.08301 14.3334C4.08301 14.9316 3.59816 15.4162 3 15.4164C2.40169 15.4164 1.91602 14.9317 1.91602 14.3334C1.91602 13.7351 2.40169 13.2504 3 13.2504L3.11035 13.2552C3.65669 13.3107 4.08301 13.7724 4.08301 14.3334ZM2.08301 6.66638C2.08301 7.17471 2.28509 7.66241 2.64453 8.02185C3.00398 8.3813 3.49167 8.58337 4 8.58337H4.32227C4.47445 8.58121 4.6192 8.51918 4.72656 8.4115L5.16895 7.90662L5.20312 7.86951C6.02931 7.04366 7.30376 7.04355 8.12988 7.86951C8.14165 7.88128 8.1531 7.89409 8.16406 7.90662L8.6084 8.41443C8.7155 8.5205 8.85979 8.58122 9.01074 8.58337H9.33301L9.52246 8.57361C9.96121 8.53003 10.374 8.33635 10.6885 8.02185C11.003 7.70728 11.1967 7.29464 11.2402 6.85583L11.25 6.66638L11.2402 6.47693C11.1966 6.03844 11.0027 5.62628 10.6885 5.31189C10.374 4.99737 9.96124 4.80272 9.52246 4.75916L9.33301 4.75037H4C3.49167 4.75037 3.00398 4.95245 2.64453 5.31189C2.28527 5.67124 2.08309 6.15824 2.08301 6.66638Z", fill: "currentColor" }) })), _jsx("defs", { children: _jsx("clipPath", __assign({ id: "clip0_238_4210" }, { children: _jsx("rect", { width: "16", height: "16", fill: "white" }) })) })] })));
+};
+export default SeaIcon;

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

@@ -67,5 +67,12 @@ export declare const ICONS: {
     readonly bike: IconComponent;
     readonly air: IconComponent;
     readonly luggage: IconComponent;
+    readonly 'car-front': IconComponent;
+    readonly sea: IconComponent;
+    readonly catamaran: IconComponent;
+    readonly land: IconComponent;
+    readonly booking: IconComponent;
+    readonly 'close-circle': IconComponent;
+    readonly clock: IconComponent;
 };
 export type IconName = keyof typeof ICONS;

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

@@ -16,6 +16,7 @@ import ArrivalIcon from './ArrivalIcon';
 import ArrowDownOutlineIcon from './ArrowDownOutlineIcon';
 import ArrowRightOutlineIcon from './ArrowRightOutlineIcon';
 import BikeIcon from './BikeIcon';
+import BookingIcon from './BookingIcon';
 import Building2OutlineIcon from './Building2OutlineIcon';
 import BuildingIcon from './BuildingIcon';
 import BusIcon from './BusIcon';
@@ -23,17 +24,22 @@ import Calendar2Icon from './Calendar2Icon';
 import CalendarIcon from './CalendarIcon';
 import CalendarOutlineIcon from './CalendarOutlineIcon';
 import CalendarRangeOutlineIcon from './CalendarRangeOutlineIcon';
+import CarFrontIcon from './CarFront';
 import CarIcon from './CarIcon';
+import CatamaranIcon from './CatamaranIcon';
 import Check from './Check';
 import CheckCircleIcon from './CheckCircleIcon';
 import Chevron from './Chevron';
+import ClockIcon from './ClockIcon';
 import Close from './Close';
+import CloseCircleIcon from './CloseCircleIcon';
 import DeleteIcon from './DeleteIcon';
 import DepartureIcon from './DepartureIcon';
 import EyeIcon from './EyeIcon';
 import FacebookIcon from './FacebookIcon';
 import HomeIcon from './HomeIcon';
 import InfoIcon from './InfoIcon';
+import LandIcon from './Land';
 import LinkedInIcon from './LinkedInIcon';
 import LuggageIcon from './LuggageIcon';
 import MapIcon from './MapIcon';
@@ -51,6 +57,7 @@ import PlaneTakeoffOutlineIcon from './PlaneTakeoffOutlineIcon';
 import PlusCircleIcon from './PlusCircleIcon';
 import PlusIcon from './PlusIcon';
 import QuotationIcon from './QuotationIcon';
+import SeaIcon from './SeaIcon';
 import Search from './Search';
 import Settings from './Settings';
 import ShipIcon from './ShipIcon';
@@ -128,4 +135,11 @@ export var ICONS = {
     bike: BikeIcon,
     air: AirIcon,
     luggage: LuggageIcon,
+    'car-front': CarFrontIcon,
+    sea: SeaIcon,
+    catamaran: CatamaranIcon,
+    land: LandIcon,
+    booking: BookingIcon,
+    'close-circle': CloseCircleIcon,
+    clock: ClockIcon,
 };

package/dist/components/atoms/Inputs/Input/Input.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IconName } from '../../Icon/Icon';
 interface InputProps {
     variant?: 'default' | 'focus' | 'success' | 'error' | 'disabled';
     placeholder?: string;
@@ -8,7 +9,7 @@ interface InputProps {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    icon?: 'search' | 'close' | 'settings' | 'user';
+    icon?: IconName;
     iconPosition?: 'leading' | 'trailing';
 }
 declare const Input: React.FC<InputProps>;

package/dist/components/atoms/Inputs/Input/Input.js

@@ -19,7 +19,7 @@ var Input = function (_a) {
         focus: 'input-field--focus',
         success: 'input-field--success',
         error: 'input-field--error',
-        disabled: 'input-field--disabled'
+        disabled: 'input-field--disabled',
     };
     var inputClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(icon ? "input-field--with-icon input-field--icon-".concat(iconPosition) : '', " ").concat(className).trim();
     return (_jsxs("div", __assign({ className: "input-wrapper ".concat(icon ? 'input-wrapper--with-icon' : '').trim() }, { children: [icon && iconPosition === 'leading' && (_jsx("span", __assign({ className: "input-icon input-icon--leading" }, { children: _jsx(Icon, { name: icon, size: "sm" }) }))), _jsx("input", { type: "text", className: inputClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', onChange: onChange, onFocus: onFocus, onBlur: onBlur }), icon && iconPosition === 'trailing' && (_jsx("span", __assign({ className: "input-icon input-icon--trailing" }, { children: _jsx(Icon, { name: icon, size: "sm" }) })))] })));

package/dist/components/atoms/Inputs/Textarea/Textarea.d.ts

@@ -6,9 +6,11 @@ interface TextareaProps {
     disabled?: boolean;
     rows?: number;
     className?: string;
+    style?: React.CSSProperties;
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onInput?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
 }
-declare const Textarea: React.FC<TextareaProps>;
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

package/dist/components/atoms/Inputs/Textarea/Textarea.js

@@ -1,15 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-var Textarea = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Enter your text...' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.rows, rows = _e === void 0 ? 4 : _e, _f = _a.className, className = _f === void 0 ? '' : _f, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur;
+import React from 'react';
+var Textarea = React.forwardRef(function (_a, ref) {
+    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? 'Enter your text...' : _c, value = _a.value, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.rows, rows = _e === void 0 ? 4 : _e, _f = _a.className, className = _f === void 0 ? '' : _f, style = _a.style, onChange = _a.onChange, onInput = _a.onInput, onFocus = _a.onFocus, onBlur = _a.onBlur;
     var baseClasses = 'input-field';
     var variantClasses = {
         default: 'input-field--default',
         focus: 'input-field--focus',
         success: 'input-field--success',
         error: 'input-field--error',
-        disabled: 'input-field--disabled'
+        disabled: 'input-field--disabled',
     };
     var textareaClasses = "".concat(baseClasses, " ").concat(variantClasses[variant], " ").concat(className);
-    return (_jsx("textarea", { className: textareaClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', rows: rows, onChange: onChange, onFocus: onFocus, onBlur: onBlur }));
-};
+    return (_jsx("textarea", { ref: ref, className: textareaClasses, placeholder: placeholder, value: value, disabled: disabled || variant === 'disabled', rows: rows, style: style, onChange: onChange, onInput: onInput, onFocus: onFocus, onBlur: onBlur }));
+});
+Textarea.displayName = 'Textarea';
 export default Textarea;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const BookingPax: {
+    (props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+    Accom: React.FC<import("./BookingPaxAccom").BookingPaxAccomProps>;
+    Excursion: React.FC<import("./BookingPaxExcursion").BookingPaxExcursionProps>;
+    Transfer: React.FC<import("./BookingPaxTransfer").BookingPaxTransferProps>;
+};

package/dist/components/molecules/BookingPax/BookingPax.js

@@ -0,0 +1,21 @@
+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";
+import { BookingPaxAccom } from './BookingPaxAccom';
+import { BookingPaxExcursion } from './BookingPaxExcursion';
+import { BookingPaxTransfer } from './BookingPaxTransfer';
+export var BookingPax = function (props) {
+    return _jsx("div", __assign({ className: "booking-pax space-y-6" }, props));
+};
+BookingPax.Accom = BookingPaxAccom;
+BookingPax.Excursion = BookingPaxExcursion;
+BookingPax.Transfer = BookingPaxTransfer;

package/dist/components/molecules/BookingPax/BookingPaxAccom.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BookingPaxClientInfo, BookingPaxClientProps } from './BookingPaxClient/BookingPaxClient';
+export interface BookingPaxAccomRoom {
+    paxCount: number;
+}
+export interface RoomData {
+    room: BookingPaxAccomRoom;
+    roomIndex: number;
+    selectedCount: number;
+    isPaxCountError: boolean;
+}
+export interface BookingPaxAccomProps extends Pick<BookingPaxClientProps, 'selectedClientsInfoIds' | 'onPaxChange'> {
+    rooms: BookingPaxAccomRoom[];
+    clientsInfo: BookingPaxClientInfo[];
+    hotelName: string;
+    roomName: string;
+    isSubmitted?: boolean;
+    maxPaxCount?: number;
+    onRemarkChange?: (value: string) => void;
+    onError?: (roomIndex: number, hasError: boolean) => void;
+}
+export declare const BookingPaxAccom: React.FC<BookingPaxAccomProps>;

package/dist/components/molecules/BookingPax/BookingPaxAccom.js

@@ -0,0 +1,61 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import useBookingPax from '@/src/hooks/useBookingPax';
+import { useEffect, useMemo, useRef } from 'react';
+import TextWithIcon from '../TextWithIcon/TextWithIcon';
+import { BookingPaxClient, } from './BookingPaxClient/BookingPaxClient';
+import { BookingPaxHeader } from './BookingPaxHeader';
+import { BookingPaxLayout } from './BookingPaxLayout/BookingPaxLayout';
+import { BookingPaxRemarks } from './BookingPaxRemarks';
+export var BookingPaxAccom = function (props) {
+    var rooms = props.rooms, _a = props.clientsInfo, clientsInfo = _a === void 0 ? [] : _a, hotelName = props.hotelName, roomName = props.roomName, selectedClientsInfoIds = props.selectedClientsInfoIds, isSubmitted = props.isSubmitted, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError;
+    var _b = useBookingPax(selectedClientsInfoIds), changeOptions = _b.changeOptions, isSelectedClient = _b.isSelectedClient, onPaxOptionsChange = _b.onPaxOptionsChange, onSelectedClients = _b.onSelectedClients;
+    // Calculate selected pax count for each room
+    var roomData = useMemo(function () {
+        return rooms.map(function (room, roomIndex) {
+            var selectedClients = clientsInfo.filter(function (client) {
+                return isSelectedClient(roomIndex, client.clientId);
+            });
+            var selectedCount = selectedClients.length;
+            var isPaxCountError = selectedCount < room.paxCount;
+            return {
+                room: room,
+                roomIndex: roomIndex,
+                selectedCount: selectedCount,
+                isPaxCountError: isPaxCountError,
+            };
+        });
+    }, [rooms, selectedClientsInfoIds, isSubmitted, isSelectedClient]);
+    // Track previous error states to only call onError when it changes
+    var previousErrorsRef = useRef({});
+    // Call onError only when error state changes
+    useEffect(function () {
+        if (!onError)
+            return;
+        roomData.forEach(function (_a) {
+            var roomIndex = _a.roomIndex, isPaxCountError = _a.isPaxCountError;
+            var previousError = previousErrorsRef.current[roomIndex];
+            if (previousError !== isPaxCountError) {
+                onError(roomIndex, isPaxCountError);
+                previousErrorsRef.current[roomIndex] = isPaxCountError;
+            }
+        });
+    }, [roomData, onError]);
+    useEffect(function () {
+        onSelectedClients(clientsInfo, onPaxChange);
+    }, [changeOptions, onPaxChange]);
+    return (_jsxs(BookingPaxLayout, __assign({ title: "Accommodation", icon: "accom", className: "booking-pax-accom", header: _jsx(BookingPaxHeader, { children: _jsx(BookingPaxHeader.Name, { name: hotelName, icon: "accom", location: roomName }) }) }, { children: [roomData.map(function (_a) {
+                var room = _a.room, roomIndex = _a.roomIndex;
+                return (_jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsxs(TextWithIcon, __assign({ icon: "accom" }, { children: ["Room ", roomIndex + 1] })), _jsx(BookingPaxClient, { id: "accommodation-".concat(roomIndex), clients: clientsInfo, selectedClientsInfoIds: selectedClientsInfoIds, selectedIndex: roomIndex, paxCount: room.paxCount, onPaxChange: onPaxOptionsChange, isSubmitted: isSubmitted })] }), "rm-".concat(roomIndex)));
+            }), _jsx(BookingPaxRemarks, { onChange: onRemarkChange })] })));
+};