mautourco-components 0.2.4 → 0.2.7

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

@@ -1,73 +1,73 @@
-import React from 'react';
-
-interface ChevronProps {
-  direction?: 'up' | 'down' | 'left' | 'right';
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const Chevron: React.FC<ChevronProps> = ({
-  direction = 'down',
-  size = 'md',
-  className = '',
-  color
-}) => {
-  const getSizeClasses = () => {
-    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';
-    }
-  };
-
-  const getDirectionStyle = () => {
-    switch (direction) {
-      case 'up': return { transform: 'rotate(0deg)' };
-      case 'down': return { transform: 'rotate(0deg)' };
-      case 'left': return { transform: 'rotate(360deg)' };
-      case 'right': return { transform: 'rotate(360deg)' };
-      default: return { transform: 'rotate(0deg)' };
-    }
-  };
-
-  const getPath = () => {
-    switch (direction) {
-      case 'up':
-        return <path d="M18 15L12 9L6 15" />;
-      case 'down':
-        return <path d="M6 9L12 15L18 9" />;
-      case 'left':
-        return <path d="M15 18L9 12L15 6" />;
-      case 'right':
-        return <path d="M9 18L15 12L9 6" />;
-      default:
-        return <path d="M6 9L12 15L18 9" />;
-    }
-  };
-
-  const sizeClasses = getSizeClasses();
-  const directionStyle = getDirectionStyle();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg 
-      className={classes} 
-      style={directionStyle}
-      viewBox="0 0 24 24" 
-      fill="none" 
-      stroke="currentColor" 
-      strokeWidth="2" 
-      strokeLinecap="round" 
-      strokeLinejoin="round"
-    >
-      {getPath()}
-    </svg>
-  );
-};
-
-export default Chevron;
+import React from 'react';
+
+interface ChevronProps {
+  direction?: 'up' | 'down' | 'left' | 'right';
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const Chevron: React.FC<ChevronProps> = ({
+  direction = 'down',
+  size = 'md',
+  className = '',
+  color
+}) => {
+  const getSizeClasses = () => {
+    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';
+    }
+  };
+
+  const getDirectionStyle = () => {
+    switch (direction) {
+      case 'up': return { transform: 'rotate(0deg)' };
+      case 'down': return { transform: 'rotate(0deg)' };
+      case 'left': return { transform: 'rotate(360deg)' };
+      case 'right': return { transform: 'rotate(360deg)' };
+      default: return { transform: 'rotate(0deg)' };
+    }
+  };
+
+  const getPath = () => {
+    switch (direction) {
+      case 'up':
+        return <path d="M18 15L12 9L6 15" />;
+      case 'down':
+        return <path d="M6 9L12 15L18 9" />;
+      case 'left':
+        return <path d="M15 18L9 12L15 6" />;
+      case 'right':
+        return <path d="M9 18L15 12L9 6" />;
+      default:
+        return <path d="M6 9L12 15L18 9" />;
+    }
+  };
+
+  const sizeClasses = getSizeClasses();
+  const directionStyle = getDirectionStyle();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg 
+      className={classes} 
+      style={directionStyle}
+      viewBox="0 0 24 24" 
+      fill="none" 
+      stroke="currentColor" 
+      strokeWidth="2" 
+      strokeLinecap="round" 
+      strokeLinejoin="round"
+    >
+      {getPath()}
+    </svg>
+  );
+};
+
+export default Chevron;

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

@@ -1,46 +1,46 @@
-import React from 'react';
-
-interface ChevronDownIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const ChevronDownIcon: React.FC<ChevronDownIconProps> = ({
-  size = 'md',
-  className = '',
-  color
-}) => {
-  const getSizeClasses = () => {
-    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';
-    }
-  };
-
-  const sizeClasses = getSizeClasses();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg
-      className={classes}
-      viewBox="0 0 15 12"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12.4707 0.571533H2.07621C0.87817 0.571533 0.163582 1.90675 0.828137 2.90358L6.02536 10.6994C6.6191 11.59 7.92778 11.59 8.52151 10.6994L13.7187 2.90358C14.3833 1.90675 13.6687 0.571533 12.4707 0.571533Z"
-        fill="currentColor"
-        stroke="currentColor"
-        strokeWidth="1.14286"
-      />
-    </svg>
-  );
-};
-
-export default ChevronDownIcon;
+import React from 'react';
+
+interface ChevronDownIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const ChevronDownIcon: React.FC<ChevronDownIconProps> = ({
+  size = 'md',
+  className = '',
+  color
+}) => {
+  const getSizeClasses = () => {
+    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';
+    }
+  };
+
+  const sizeClasses = getSizeClasses();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg
+      className={classes}
+      viewBox="0 0 15 12"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12.4707 0.571533H2.07621C0.87817 0.571533 0.163582 1.90675 0.828137 2.90358L6.02536 10.6994C6.6191 11.59 7.92778 11.59 8.52151 10.6994L13.7187 2.90358C14.3833 1.90675 13.6687 0.571533 12.4707 0.571533Z"
+        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth="1.14286"
+      />
+    </svg>
+  );
+};
+
+export default ChevronDownIcon;

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

@@ -1,40 +1,40 @@
-import React from 'react';
-
-interface CloseProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const Close: React.FC<CloseProps> = ({ size = 'md', className = '', color }) => {
-  const getSizeClasses = () => {
-    switch (size) {
-      case 'xs': return 'w-2.5 h-2.5'; // 10px
-      case 'sm': return 'w-3 h-3';     // 12px
-      case 'md': return 'w-4 h-4';     // 16px
-      case 'lg': return 'w-5 h-5';     // 20px
-      case 'xl': return 'w-6 h-6';     // 24px
-      default: return 'w-4 h-4';
-    }
-  };
-
-  const sizeClasses = getSizeClasses();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg
-      className={classes}
-      viewBox="0 0 10 10"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M7.76886 1.17002C8.06167 0.877211 8.5365 0.877384 8.82941 1.17002C9.1223 1.46291 9.1223 1.93767 8.82941 2.23056L6.05988 5.0001L8.82941 7.76963L8.88117 7.82627C9.12153 8.12085 9.10403 8.55555 8.82941 8.83017C8.55479 9.1048 8.12009 9.12229 7.8255 8.88193L7.76886 8.83017L4.99933 6.06064L2.2298 8.83017C1.93691 9.12305 1.46214 9.12306 1.16925 8.83017C0.876626 8.53726 0.876463 8.06244 1.16925 7.76963L3.93879 5.0001L1.16925 2.23056C0.876362 1.93767 0.876362 1.46291 1.16925 1.17002C1.46215 0.877125 1.93691 0.877125 2.2298 1.17002L4.99933 3.93955L7.76886 1.17002Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
+import React from 'react';
+
+interface CloseProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const Close: React.FC<CloseProps> = ({ size = 'md', className = '', color }) => {
+  const getSizeClasses = () => {
+    switch (size) {
+      case 'xs': return 'w-2.5 h-2.5'; // 10px
+      case 'sm': return 'w-3 h-3';     // 12px
+      case 'md': return 'w-4 h-4';     // 16px
+      case 'lg': return 'w-5 h-5';     // 20px
+      case 'xl': return 'w-6 h-6';     // 24px
+      default: return 'w-4 h-4';
+    }
+  };
+
+  const sizeClasses = getSizeClasses();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg
+      className={classes}
+      viewBox="0 0 10 10"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.76886 1.17002C8.06167 0.877211 8.5365 0.877384 8.82941 1.17002C9.1223 1.46291 9.1223 1.93767 8.82941 2.23056L6.05988 5.0001L8.82941 7.76963L8.88117 7.82627C9.12153 8.12085 9.10403 8.55555 8.82941 8.83017C8.55479 9.1048 8.12009 9.12229 7.8255 8.88193L7.76886 8.83017L4.99933 6.06064L2.2298 8.83017C1.93691 9.12305 1.46214 9.12306 1.16925 8.83017C0.876626 8.53726 0.876463 8.06244 1.16925 7.76963L3.93879 5.0001L1.16925 2.23056C0.876362 1.93767 0.876362 1.46291 1.16925 1.17002C1.46215 0.877125 1.93691 0.877125 2.2298 1.17002L4.99933 3.93955L7.76886 1.17002Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
 export default Close;

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

@@ -1,44 +1,44 @@
-import React from 'react';
-
-interface DeleteIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const DeleteIcon: React.FC<DeleteIconProps> = ({
-  size = 'md',
-  className = '',
-  color
-}) => {
-  const getSizeClasses = () => {
-    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';
-    }
-  };
-
-  const sizeClasses = getSizeClasses();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg
-      className={classes}
-      viewBox="0 0 14 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10.667 4.16699H2.83301V12.75C2.83301 12.8394 2.88553 12.992 3.03027 13.1367C3.17497 13.2813 3.32762 13.333 3.41699 13.333H10.083C10.1724 13.333 10.325 13.2813 10.4697 13.1367C10.6145 12.992 10.667 12.8394 10.667 12.75V4.16699ZM4.66699 10.75V6.75C4.66699 6.33579 5.00278 6 5.41699 6C5.83106 6.00018 6.16699 6.3359 6.16699 6.75V10.75C6.16699 11.1641 5.83106 11.4998 5.41699 11.5C5.00278 11.5 4.66699 11.1642 4.66699 10.75ZM7.33301 10.75V6.75C7.33301 6.3359 7.66894 6.00018 8.08301 6C8.49722 6 8.83301 6.33579 8.83301 6.75V10.75C8.83301 11.1642 8.49722 11.5 8.08301 11.5C7.66894 11.4998 7.33301 11.1641 7.33301 10.75ZM8.66699 2.08301C8.66687 1.99359 8.61417 1.84178 8.46973 1.69727C8.32499 1.55253 8.17242 1.5 8.08301 1.5H5.41699C5.32758 1.5 5.17501 1.55253 5.03027 1.69727C4.88583 1.84178 4.83313 1.99359 4.83301 2.08301V2.66699H8.66699V2.08301ZM10.167 2.66699H12.75L12.8271 2.6709C13.2051 2.70954 13.5 3.02884 13.5 3.41699C13.4998 3.80502 13.205 4.12449 12.8271 4.16309L12.75 4.16699H12.167V12.75C12.167 13.3273 11.8855 13.842 11.5303 14.1973C11.175 14.5524 10.6602 14.833 10.083 14.833H3.41699C2.83982 14.833 2.32498 14.5524 1.96973 14.1973C1.61447 13.842 1.33301 13.3273 1.33301 12.75V4.16699H0.75C0.335895 4.16699 0.000175955 3.83106 0 3.41699C0 3.00278 0.335786 2.66699 0.75 2.66699H3.33301V2.08301C3.33311 1.50597 3.61461 0.991906 3.96973 0.636719C4.32499 0.281459 4.83974 0 5.41699 0H8.08301C8.66026 0 9.17501 0.281459 9.53027 0.636719C9.88539 0.991906 10.1669 1.50597 10.167 2.08301V2.66699Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default DeleteIcon;
+import React from 'react';
+
+interface DeleteIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const DeleteIcon: React.FC<DeleteIconProps> = ({
+  size = 'md',
+  className = '',
+  color
+}) => {
+  const getSizeClasses = () => {
+    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';
+    }
+  };
+
+  const sizeClasses = getSizeClasses();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg
+      className={classes}
+      viewBox="0 0 14 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.667 4.16699H2.83301V12.75C2.83301 12.8394 2.88553 12.992 3.03027 13.1367C3.17497 13.2813 3.32762 13.333 3.41699 13.333H10.083C10.1724 13.333 10.325 13.2813 10.4697 13.1367C10.6145 12.992 10.667 12.8394 10.667 12.75V4.16699ZM4.66699 10.75V6.75C4.66699 6.33579 5.00278 6 5.41699 6C5.83106 6.00018 6.16699 6.3359 6.16699 6.75V10.75C6.16699 11.1641 5.83106 11.4998 5.41699 11.5C5.00278 11.5 4.66699 11.1642 4.66699 10.75ZM7.33301 10.75V6.75C7.33301 6.3359 7.66894 6.00018 8.08301 6C8.49722 6 8.83301 6.33579 8.83301 6.75V10.75C8.83301 11.1642 8.49722 11.5 8.08301 11.5C7.66894 11.4998 7.33301 11.1641 7.33301 10.75ZM8.66699 2.08301C8.66687 1.99359 8.61417 1.84178 8.46973 1.69727C8.32499 1.55253 8.17242 1.5 8.08301 1.5H5.41699C5.32758 1.5 5.17501 1.55253 5.03027 1.69727C4.88583 1.84178 4.83313 1.99359 4.83301 2.08301V2.66699H8.66699V2.08301ZM10.167 2.66699H12.75L12.8271 2.6709C13.2051 2.70954 13.5 3.02884 13.5 3.41699C13.4998 3.80502 13.205 4.12449 12.8271 4.16309L12.75 4.16699H12.167V12.75C12.167 13.3273 11.8855 13.842 11.5303 14.1973C11.175 14.5524 10.6602 14.833 10.083 14.833H3.41699C2.83982 14.833 2.32498 14.5524 1.96973 14.1973C1.61447 13.842 1.33301 13.3273 1.33301 12.75V4.16699H0.75C0.335895 4.16699 0.000175955 3.83106 0 3.41699C0 3.00278 0.335786 2.66699 0.75 2.66699H3.33301V2.08301C3.33311 1.50597 3.61461 0.991906 3.96973 0.636719C4.32499 0.281459 4.83974 0 5.41699 0H8.08301C8.66026 0 9.17501 0.281459 9.53027 0.636719C9.88539 0.991906 10.1669 1.50597 10.167 2.08301V2.66699Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default DeleteIcon;

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

@@ -1,50 +1,50 @@
-import React from 'react';
-
-interface DepartureIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const DepartureIcon: React.FC<DepartureIconProps> = ({
-  size = 'md',
-  className = '',
-  color
-}) => {
-  const getSizeClasses = () => {
-    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';
-    }
-  };
-
-  const sizeClasses = getSizeClasses();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg
-      className={classes}
-      viewBox="0 0 15 13"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      {/* Baseline */}
-      <path
-        d="M14.0831 11.1032C14.4973 11.1032 14.8331 11.4391 14.8331 11.8532C14.8331 12.2674 14.4974 12.6032 14.0831 12.6032H0.750135C0.335921 12.6032 0.000134688 12.2674 0.000134688 11.8532C0.000179524 11.4391 0.335949 11.1032 0.750135 11.1032H14.0831Z"
-        fill="currentColor"
-      />
-      {/* Plane */}
-      <path
-        d="M4.13685 0.00948145C4.51966 0.0461139 4.88541 0.187311 5.19252 0.418661L7.8722 2.41866L7.87806 2.42354C7.96448 2.48916 8.06789 2.52947 8.17592 2.53975C8.28402 2.54998 8.39309 2.52943 8.49037 2.48116L8.49232 2.48018L11.2794 1.11007L11.4787 1.0212C11.8851 0.861562 12.3282 0.817771 12.7579 0.895224L12.9708 0.944052L12.9777 0.946005L13.6251 1.13253C13.8636 1.1998 14.0835 1.31875 14.2706 1.48116C14.4593 1.64495 14.609 1.84893 14.7091 2.07784C14.8093 2.30699 14.8577 2.55638 14.8497 2.80636C14.8419 3.05314 14.778 3.29431 14.6662 3.51436L14.6681 3.51534L14.4142 4.02218C14.1905 4.46947 13.8296 4.84085 13.3712 5.07491L13.3634 5.07882L4.80385 9.32491C4.4631 9.49369 4.08295 9.56515 3.70619 9.5339C3.64831 9.53772 3.58966 9.53596 3.53138 9.52608L1.95814 9.25948C1.72228 9.2195 1.51923 9.06915 1.41224 8.85518L0.0792362 6.18917C-0.106006 5.81869 0.04469 5.36758 0.415174 5.18233L1.1476 4.81612C1.43787 4.67017 1.75823 4.59449 2.08314 4.59444C2.3275 4.59444 2.56962 4.63704 2.79799 4.72042L3.02064 4.8171L3.06361 4.84054L3.14564 4.88839C3.22405 4.92584 3.30962 4.94598 3.39662 4.946C3.48779 4.946 3.57789 4.92453 3.65931 4.8835L3.6681 4.87862L3.73939 4.84347L2.07924 1.52218C1.99036 1.34442 1.97552 1.13848 2.03822 0.949911C2.10112 0.761206 2.23726 0.604297 2.41517 0.515341L3.01869 0.213583C3.36515 0.0431474 3.7525 -0.0272494 4.13685 0.00948145ZM3.99428 1.50265C3.91461 1.49502 3.8345 1.50356 3.75892 1.52804L5.42103 4.85128C5.51057 5.0304 5.52442 5.23781 5.4601 5.42745C5.39574 5.61713 5.25836 5.77338 5.07826 5.86104L4.33314 6.22237L4.33412 6.22335C4.04339 6.3698 3.72215 6.446 3.39662 6.446C3.07106 6.44598 2.74986 6.36985 2.45912 6.22335C2.44463 6.21605 2.43014 6.20814 2.41615 6.19991L2.32924 6.14815C2.25233 6.11244 2.16809 6.09444 2.08314 6.09444C1.99228 6.09449 1.9026 6.11517 1.82142 6.15597L1.81849 6.15792L1.75599 6.18819L2.58412 7.84444L3.64369 8.02413C3.68946 8.02333 3.73551 8.02617 3.78138 8.0339C3.90246 8.0543 4.0268 8.03559 4.13685 7.98116L12.6886 3.738C12.8568 3.6521 12.9894 3.5172 13.0724 3.35128L13.3302 2.83663C13.3427 2.81244 13.3498 2.7857 13.3507 2.7585C13.3516 2.73136 13.3459 2.70431 13.3351 2.6794C13.3242 2.65445 13.3078 2.63183 13.2872 2.61397C13.2667 2.59616 13.2422 2.58317 13.216 2.57589L13.2091 2.57393L12.5665 2.38839C12.362 2.33231 12.1437 2.35441 11.9542 2.44991L11.9474 2.45284L9.15443 3.82589C8.80717 3.99767 8.41905 4.06965 8.03334 4.03292C7.64682 3.99611 7.27787 3.85202 6.96888 3.6169L4.29506 1.62081L4.29115 1.61788C4.20494 1.55262 4.1019 1.51295 3.99428 1.50265Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default DepartureIcon;
+import React from 'react';
+
+interface DepartureIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const DepartureIcon: React.FC<DepartureIconProps> = ({
+  size = 'md',
+  className = '',
+  color
+}) => {
+  const getSizeClasses = () => {
+    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';
+    }
+  };
+
+  const sizeClasses = getSizeClasses();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg
+      className={classes}
+      viewBox="0 0 15 13"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      {/* Baseline */}
+      <path
+        d="M14.0831 11.1032C14.4973 11.1032 14.8331 11.4391 14.8331 11.8532C14.8331 12.2674 14.4974 12.6032 14.0831 12.6032H0.750135C0.335921 12.6032 0.000134688 12.2674 0.000134688 11.8532C0.000179524 11.4391 0.335949 11.1032 0.750135 11.1032H14.0831Z"
+        fill="currentColor"
+      />
+      {/* Plane */}
+      <path
+        d="M4.13685 0.00948145C4.51966 0.0461139 4.88541 0.187311 5.19252 0.418661L7.8722 2.41866L7.87806 2.42354C7.96448 2.48916 8.06789 2.52947 8.17592 2.53975C8.28402 2.54998 8.39309 2.52943 8.49037 2.48116L8.49232 2.48018L11.2794 1.11007L11.4787 1.0212C11.8851 0.861562 12.3282 0.817771 12.7579 0.895224L12.9708 0.944052L12.9777 0.946005L13.6251 1.13253C13.8636 1.1998 14.0835 1.31875 14.2706 1.48116C14.4593 1.64495 14.609 1.84893 14.7091 2.07784C14.8093 2.30699 14.8577 2.55638 14.8497 2.80636C14.8419 3.05314 14.778 3.29431 14.6662 3.51436L14.6681 3.51534L14.4142 4.02218C14.1905 4.46947 13.8296 4.84085 13.3712 5.07491L13.3634 5.07882L4.80385 9.32491C4.4631 9.49369 4.08295 9.56515 3.70619 9.5339C3.64831 9.53772 3.58966 9.53596 3.53138 9.52608L1.95814 9.25948C1.72228 9.2195 1.51923 9.06915 1.41224 8.85518L0.0792362 6.18917C-0.106006 5.81869 0.04469 5.36758 0.415174 5.18233L1.1476 4.81612C1.43787 4.67017 1.75823 4.59449 2.08314 4.59444C2.3275 4.59444 2.56962 4.63704 2.79799 4.72042L3.02064 4.8171L3.06361 4.84054L3.14564 4.88839C3.22405 4.92584 3.30962 4.94598 3.39662 4.946C3.48779 4.946 3.57789 4.92453 3.65931 4.8835L3.6681 4.87862L3.73939 4.84347L2.07924 1.52218C1.99036 1.34442 1.97552 1.13848 2.03822 0.949911C2.10112 0.761206 2.23726 0.604297 2.41517 0.515341L3.01869 0.213583C3.36515 0.0431474 3.7525 -0.0272494 4.13685 0.00948145ZM3.99428 1.50265C3.91461 1.49502 3.8345 1.50356 3.75892 1.52804L5.42103 4.85128C5.51057 5.0304 5.52442 5.23781 5.4601 5.42745C5.39574 5.61713 5.25836 5.77338 5.07826 5.86104L4.33314 6.22237L4.33412 6.22335C4.04339 6.3698 3.72215 6.446 3.39662 6.446C3.07106 6.44598 2.74986 6.36985 2.45912 6.22335C2.44463 6.21605 2.43014 6.20814 2.41615 6.19991L2.32924 6.14815C2.25233 6.11244 2.16809 6.09444 2.08314 6.09444C1.99228 6.09449 1.9026 6.11517 1.82142 6.15597L1.81849 6.15792L1.75599 6.18819L2.58412 7.84444L3.64369 8.02413C3.68946 8.02333 3.73551 8.02617 3.78138 8.0339C3.90246 8.0543 4.0268 8.03559 4.13685 7.98116L12.6886 3.738C12.8568 3.6521 12.9894 3.5172 13.0724 3.35128L13.3302 2.83663C13.3427 2.81244 13.3498 2.7857 13.3507 2.7585C13.3516 2.73136 13.3459 2.70431 13.3351 2.6794C13.3242 2.65445 13.3078 2.63183 13.2872 2.61397C13.2667 2.59616 13.2422 2.58317 13.216 2.57589L13.2091 2.57393L12.5665 2.38839C12.362 2.33231 12.1437 2.35441 11.9542 2.44991L11.9474 2.45284L9.15443 3.82589C8.80717 3.99767 8.41905 4.06965 8.03334 4.03292C7.64682 3.99611 7.27787 3.85202 6.96888 3.6169L4.29506 1.62081L4.29115 1.61788C4.20494 1.55262 4.1019 1.51295 3.99428 1.50265Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default DepartureIcon;

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

@@ -1,44 +1,44 @@
-import React from 'react';
-
-interface EyeIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const EyeIcon: React.FC<EyeIconProps> = ({
-  size = 'md',
-  className = '',
-  color
-}) => {
-  const getSizeClasses = () => {
-    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';
-    }
-  };
-
-  const sizeClasses = getSizeClasses();
-  const colorClass = color ? `text-${color}` : 'text-current';
-  const classes = `${sizeClasses} ${colorClass} ${className}`;
-
-  return (
-    <svg
-      className={classes}
-      viewBox="0 0 15 11"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M7.41667 0C8.98451 0 10.5171 0.465849 11.82 1.33789C13.0414 2.15543 14.0101 3.29532 14.6188 4.62891L14.735 4.89844L14.7448 4.92285C14.8629 5.24092 14.8629 5.59112 14.7448 5.90918C14.7417 5.91754 14.7384 5.92633 14.735 5.93457C14.1372 7.3838 13.1228 8.62316 11.82 9.49512C10.5171 10.3671 8.98448 10.832 7.41667 10.832C5.84887 10.832 4.31628 10.3671 3.01335 9.49512C1.71054 8.62316 0.696101 7.3838 0.098315 5.93457C0.0949144 5.92632 0.0916538 5.91754 0.0885494 5.90918C-0.0295165 5.59112 -0.0295165 5.24092 0.0885494 4.92285C0.0916061 4.91463 0.094972 4.90654 0.098315 4.89844C0.696054 3.44909 1.71049 2.20993 3.01335 1.33789C4.31629 0.465851 5.84884 2.26536e-06 7.41667 0ZM7.41667 1.5C6.14591 1.5 4.9034 1.87717 3.84734 2.58398C2.80764 3.27989 1.99474 4.26462 1.50749 5.41602C1.99468 6.5675 2.80763 7.55207 3.84734 8.24805C4.9034 8.95486 6.14591 9.33203 7.41667 9.33203C8.68745 9.33203 9.92994 8.95486 10.986 8.24805C12.0256 7.55214 12.8377 6.56736 13.3249 5.41602C12.8376 4.26477 12.0256 3.27982 10.986 2.58398C9.92994 1.87717 8.68745 1.5 7.41667 1.5ZM8.66667 5.41602C8.66654 4.72577 8.10695 4.16602 7.41667 4.16602C6.7264 4.16602 6.1668 4.72577 6.16667 5.41602C6.16667 6.10637 6.72632 6.66601 7.41667 6.66602C8.10703 6.66602 8.66667 6.10637 8.66667 5.41602ZM10.1667 5.41602C10.1667 6.9348 8.93546 8.16602 7.41667 8.16602C5.8979 8.16601 4.66667 6.9348 4.66667 5.41602C4.6668 3.89735 5.89798 2.66602 7.41667 2.66602C8.93538 2.66602 10.1665 3.89734 10.1667 5.41602Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default EyeIcon;
+import React from 'react';
+
+interface EyeIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const EyeIcon: React.FC<EyeIconProps> = ({
+  size = 'md',
+  className = '',
+  color
+}) => {
+  const getSizeClasses = () => {
+    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';
+    }
+  };
+
+  const sizeClasses = getSizeClasses();
+  const colorClass = color ? `text-${color}` : 'text-current';
+  const classes = `${sizeClasses} ${colorClass} ${className}`;
+
+  return (
+    <svg
+      className={classes}
+      viewBox="0 0 15 11"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.41667 0C8.98451 0 10.5171 0.465849 11.82 1.33789C13.0414 2.15543 14.0101 3.29532 14.6188 4.62891L14.735 4.89844L14.7448 4.92285C14.8629 5.24092 14.8629 5.59112 14.7448 5.90918C14.7417 5.91754 14.7384 5.92633 14.735 5.93457C14.1372 7.3838 13.1228 8.62316 11.82 9.49512C10.5171 10.3671 8.98448 10.832 7.41667 10.832C5.84887 10.832 4.31628 10.3671 3.01335 9.49512C1.71054 8.62316 0.696101 7.3838 0.098315 5.93457C0.0949144 5.92632 0.0916538 5.91754 0.0885494 5.90918C-0.0295165 5.59112 -0.0295165 5.24092 0.0885494 4.92285C0.0916061 4.91463 0.094972 4.90654 0.098315 4.89844C0.696054 3.44909 1.71049 2.20993 3.01335 1.33789C4.31629 0.465851 5.84884 2.26536e-06 7.41667 0ZM7.41667 1.5C6.14591 1.5 4.9034 1.87717 3.84734 2.58398C2.80764 3.27989 1.99474 4.26462 1.50749 5.41602C1.99468 6.5675 2.80763 7.55207 3.84734 8.24805C4.9034 8.95486 6.14591 9.33203 7.41667 9.33203C8.68745 9.33203 9.92994 8.95486 10.986 8.24805C12.0256 7.55214 12.8377 6.56736 13.3249 5.41602C12.8376 4.26477 12.0256 3.27982 10.986 2.58398C9.92994 1.87717 8.68745 1.5 7.41667 1.5ZM8.66667 5.41602C8.66654 4.72577 8.10695 4.16602 7.41667 4.16602C6.7264 4.16602 6.1668 4.72577 6.16667 5.41602C6.16667 6.10637 6.72632 6.66601 7.41667 6.66602C8.10703 6.66602 8.66667 6.10637 8.66667 5.41602ZM10.1667 5.41602C10.1667 6.9348 8.93546 8.16602 7.41667 8.16602C5.8979 8.16601 4.66667 6.9348 4.66667 5.41602C4.6668 3.89735 5.89798 2.66602 7.41667 2.66602C8.93538 2.66602 10.1665 3.89734 10.1667 5.41602Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default EyeIcon;