mautourco-components 0.2.4 → 0.2.7

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

@@ -1,50 +1,50 @@
-import React from "react";
-
-interface FacebookIconProps {
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
-  className?: string;
-  color?: string;
-}
-
-const FacebookIcon: React.FC<FacebookIconProps> = ({
-  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
-      viewBox="0 0 24 24"
-      fill="none"
-      className={classes}
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M20.25 1.5H3.75C3.15326 1.5 2.58097 1.73705 2.15901 2.15901C1.73705 2.58097 1.5 3.15326 1.5 3.75L1.5 20.25C1.5 20.8467 1.73705 21.419 2.15901 21.841C2.58097 22.2629 3.15326 22.5 3.75 22.5H10.1836V15.3605H7.23047V12H10.1836V9.43875C10.1836 6.52547 11.918 4.91625 14.5744 4.91625C15.8466 4.91625 17.1769 5.14313 17.1769 5.14313V8.0025H15.7111C14.2669 8.0025 13.8164 8.89875 13.8164 9.81797V12H17.0405L16.5248 15.3605H13.8164V22.5H20.25C20.8467 22.5 21.419 22.2629 21.841 21.841C22.2629 21.419 22.5 20.8467 22.5 20.25V3.75C22.5 3.15326 22.2629 2.58097 21.841 2.15901C21.419 1.73705 20.8467 1.5 20.25 1.5Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default FacebookIcon;
+import React from "react";
+
+interface FacebookIconProps {
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  className?: string;
+  color?: string;
+}
+
+const FacebookIcon: React.FC<FacebookIconProps> = ({
+  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
+      viewBox="0 0 24 24"
+      fill="none"
+      className={classes}
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20.25 1.5H3.75C3.15326 1.5 2.58097 1.73705 2.15901 2.15901C1.73705 2.58097 1.5 3.15326 1.5 3.75L1.5 20.25C1.5 20.8467 1.73705 21.419 2.15901 21.841C2.58097 22.2629 3.15326 22.5 3.75 22.5H10.1836V15.3605H7.23047V12H10.1836V9.43875C10.1836 6.52547 11.918 4.91625 14.5744 4.91625C15.8466 4.91625 17.1769 5.14313 17.1769 5.14313V8.0025H15.7111C14.2669 8.0025 13.8164 8.89875 13.8164 9.81797V12H17.0405L16.5248 15.3605H13.8164V22.5H20.25C20.8467 22.5 21.419 22.2629 21.841 21.841C22.2629 21.419 22.5 20.8467 22.5 20.25V3.75C22.5 3.15326 22.2629 2.58097 21.841 2.15901C21.419 1.73705 20.8467 1.5 20.25 1.5Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default FacebookIcon;

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

@@ -1,52 +1,52 @@
-import React from 'react';
-
-interface HomeIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const sizeMap = {
-  xs: 12,
-  sm: 16,
-  md: 20,
-  lg: 24,
-  xl: 32,
-};
-
-const HomeIcon: React.FC<HomeIconProps> = ({ 
-  size = 'md', 
-  className = '',
-  color = 'currentColor'
-}) => {
-  const pixelSize = sizeMap[size];
-  
-  return (
-    <svg
-      width={pixelSize}
-      height={pixelSize}
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className={className}
-    >
-      <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"
-      />
-      <path
-        d="M6 14.5V8H10V14.5"
-        stroke={color}
-        strokeWidth="1.5"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-};
-
-export default HomeIcon;
-
+import React from 'react';
+
+interface HomeIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const sizeMap = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 32,
+};
+
+const HomeIcon: React.FC<HomeIconProps> = ({ 
+  size = 'md', 
+  className = '',
+  color = 'currentColor'
+}) => {
+  const pixelSize = sizeMap[size];
+  
+  return (
+    <svg
+      width={pixelSize}
+      height={pixelSize}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+    >
+      <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"
+      />
+      <path
+        d="M6 14.5V8H10V14.5"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+
+export default HomeIcon;
+

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

@@ -1,44 +1,44 @@
-import React from 'react';
-
-interface InfoIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const InfoIcon: React.FC<InfoIconProps> = ({
-  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 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M13.333 7.41699C13.333 4.14942 10.6845 1.50018 7.41699 1.5C4.14931 1.5 1.5 4.14931 1.5 7.41699C1.50018 10.6845 4.14942 13.333 7.41699 13.333C10.6844 13.3328 13.3328 10.6844 13.333 7.41699ZM6.66699 10.083V7.41699C6.66699 7.00278 7.00278 6.66699 7.41699 6.66699C7.83106 6.66717 8.16699 7.00289 8.16699 7.41699V10.083C8.16699 10.4971 7.83106 10.8328 7.41699 10.833C7.00278 10.833 6.66699 10.4972 6.66699 10.083ZM7.42285 4C7.83707 4 8.17285 4.33579 8.17285 4.75C8.17285 5.16421 7.83707 5.5 7.42285 5.5H7.41699C7.00278 5.5 6.66699 5.16421 6.66699 4.75C6.66699 4.33579 7.00278 4 7.41699 4H7.42285ZM14.833 7.41699C14.8328 11.5128 11.5128 14.8328 7.41699 14.833C3.32099 14.833 0.000176263 11.513 0 7.41699C0 3.32088 3.32088 0 7.41699 0C11.513 0.000176266 14.833 3.32099 14.833 7.41699Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default InfoIcon;
+import React from 'react';
+
+interface InfoIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const InfoIcon: React.FC<InfoIconProps> = ({
+  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 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M13.333 7.41699C13.333 4.14942 10.6845 1.50018 7.41699 1.5C4.14931 1.5 1.5 4.14931 1.5 7.41699C1.50018 10.6845 4.14942 13.333 7.41699 13.333C10.6844 13.3328 13.3328 10.6844 13.333 7.41699ZM6.66699 10.083V7.41699C6.66699 7.00278 7.00278 6.66699 7.41699 6.66699C7.83106 6.66717 8.16699 7.00289 8.16699 7.41699V10.083C8.16699 10.4971 7.83106 10.8328 7.41699 10.833C7.00278 10.833 6.66699 10.4972 6.66699 10.083ZM7.42285 4C7.83707 4 8.17285 4.33579 8.17285 4.75C8.17285 5.16421 7.83707 5.5 7.42285 5.5H7.41699C7.00278 5.5 6.66699 5.16421 6.66699 4.75C6.66699 4.33579 7.00278 4 7.41699 4H7.42285ZM14.833 7.41699C14.8328 11.5128 11.5128 14.8328 7.41699 14.833C3.32099 14.833 0.000176263 11.513 0 7.41699C0 3.32088 3.32088 0 7.41699 0C11.513 0.000176266 14.833 3.32099 14.833 7.41699Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default InfoIcon;

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

@@ -1,50 +1,50 @@
-import React from "react";
-
-interface LinkedInIconProps {
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
-  className?: string;
-  color?: string;
-}
-
-const LinkedInIcon: React.FC<LinkedInIconProps> = ({
-  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 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M6.20062 21H1.84688V6.97971H6.20062V21ZM4.02141 5.06721C2.62922 5.06721 1.5 3.91408 1.5 2.52189C1.5 1.85318 1.76565 1.21185 2.2385 0.738991C2.71136 0.266136 3.35269 0.000488281 4.02141 0.000488281C4.69012 0.000488281 5.33145 0.266136 5.80431 0.738991C6.27716 1.21185 6.54281 1.85318 6.54281 2.52189C6.54281 3.91408 5.41313 5.06721 4.02141 5.06721ZM22.4953 21H18.1509V14.175C18.1509 12.5485 18.1181 10.4625 15.8873 10.4625C13.6237 10.4625 13.2769 12.2297 13.2769 14.0578V21H8.92781V6.97971H13.1034V8.89221H13.1644C13.7456 7.79064 15.1655 6.62814 17.2838 6.62814C21.69 6.62814 22.5 9.52971 22.5 13.2985V21H22.4953Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default LinkedInIcon;
+import React from "react";
+
+interface LinkedInIconProps {
+  size?: "xs" | "sm" | "md" | "lg" | "xl";
+  className?: string;
+  color?: string;
+}
+
+const LinkedInIcon: React.FC<LinkedInIconProps> = ({
+  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 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M6.20062 21H1.84688V6.97971H6.20062V21ZM4.02141 5.06721C2.62922 5.06721 1.5 3.91408 1.5 2.52189C1.5 1.85318 1.76565 1.21185 2.2385 0.738991C2.71136 0.266136 3.35269 0.000488281 4.02141 0.000488281C4.69012 0.000488281 5.33145 0.266136 5.80431 0.738991C6.27716 1.21185 6.54281 1.85318 6.54281 2.52189C6.54281 3.91408 5.41313 5.06721 4.02141 5.06721ZM22.4953 21H18.1509V14.175C18.1509 12.5485 18.1181 10.4625 15.8873 10.4625C13.6237 10.4625 13.2769 12.2297 13.2769 14.0578V21H8.92781V6.97971H13.1034V8.89221H13.1644C13.7456 7.79064 15.1655 6.62814 17.2838 6.62814C21.69 6.62814 22.5 9.52971 22.5 13.2985V21H22.4953Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default LinkedInIcon;

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

@@ -1,44 +1,44 @@
-import React from 'react';
-
-interface MapPinIconProps {
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-  className?: string;
-  color?: string;
-}
-
-const MapPinIcon: React.FC<MapPinIconProps> = ({
-  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 13 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10.667 6.08301C10.6669 4.86763 10.1836 3.70222 9.32422 2.84277C8.46468 1.98323 7.29858 1.5 6.08301 1.5C4.86755 1.50009 3.70224 1.98331 2.84277 2.84277C1.98331 3.70224 1.50009 4.86755 1.5 6.08301C1.5 7.49445 2.29664 9.02826 3.34766 10.4092C4.33159 11.702 5.45853 12.7556 6.08301 13.3018C6.70736 12.7557 7.83428 11.7021 8.81836 10.4092C9.86939 9.02826 10.667 7.49445 10.667 6.08301ZM7.33301 6.08301C7.33283 5.3928 6.77326 4.83301 6.08301 4.83301C5.39291 4.83318 4.83318 5.39291 4.83301 6.08301C4.83301 6.77326 5.3928 7.33283 6.08301 7.33301C6.77336 7.33301 7.33301 6.77336 7.33301 6.08301ZM8.83301 6.08301C8.83301 7.60179 7.60179 8.83301 6.08301 8.83301C4.56437 8.83283 3.33301 7.60168 3.33301 6.08301C3.33318 4.56448 4.56448 3.33318 6.08301 3.33301C7.60168 3.33301 8.83283 4.56437 8.83301 6.08301ZM12.167 6.08301C12.167 8.00023 11.117 9.86514 10.0117 11.3174C8.88935 12.792 7.61362 13.9648 6.97461 14.5166C6.96184 14.5276 6.94806 14.5387 6.93457 14.5488C6.68912 14.7333 6.39008 14.833 6.08301 14.833C5.77599 14.8329 5.47683 14.7333 5.23145 14.5488C5.21805 14.5387 5.20507 14.5276 5.19238 14.5166C4.5534 13.9649 3.27682 12.7922 2.1543 11.3174C1.04901 9.86515 0 8.0002 0 6.08301C8.62444e-05 4.46972 0.641457 2.923 1.78223 1.78223C2.923 0.641457 4.46972 8.62443e-05 6.08301 0C7.69641 0 9.24392 0.64138 10.3848 1.78223C11.5254 2.92298 12.1669 4.4698 12.167 6.08301Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
-
-export default MapPinIcon;
+import React from 'react';
+
+interface MapPinIconProps {
+  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  className?: string;
+  color?: string;
+}
+
+const MapPinIcon: React.FC<MapPinIconProps> = ({
+  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 13 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.667 6.08301C10.6669 4.86763 10.1836 3.70222 9.32422 2.84277C8.46468 1.98323 7.29858 1.5 6.08301 1.5C4.86755 1.50009 3.70224 1.98331 2.84277 2.84277C1.98331 3.70224 1.50009 4.86755 1.5 6.08301C1.5 7.49445 2.29664 9.02826 3.34766 10.4092C4.33159 11.702 5.45853 12.7556 6.08301 13.3018C6.70736 12.7557 7.83428 11.7021 8.81836 10.4092C9.86939 9.02826 10.667 7.49445 10.667 6.08301ZM7.33301 6.08301C7.33283 5.3928 6.77326 4.83301 6.08301 4.83301C5.39291 4.83318 4.83318 5.39291 4.83301 6.08301C4.83301 6.77326 5.3928 7.33283 6.08301 7.33301C6.77336 7.33301 7.33301 6.77336 7.33301 6.08301ZM8.83301 6.08301C8.83301 7.60179 7.60179 8.83301 6.08301 8.83301C4.56437 8.83283 3.33301 7.60168 3.33301 6.08301C3.33318 4.56448 4.56448 3.33318 6.08301 3.33301C7.60168 3.33301 8.83283 4.56437 8.83301 6.08301ZM12.167 6.08301C12.167 8.00023 11.117 9.86514 10.0117 11.3174C8.88935 12.792 7.61362 13.9648 6.97461 14.5166C6.96184 14.5276 6.94806 14.5387 6.93457 14.5488C6.68912 14.7333 6.39008 14.833 6.08301 14.833C5.77599 14.8329 5.47683 14.7333 5.23145 14.5488C5.21805 14.5387 5.20507 14.5276 5.19238 14.5166C4.5534 13.9649 3.27682 12.7922 2.1543 11.3174C1.04901 9.86515 0 8.0002 0 6.08301C8.62444e-05 4.46972 0.641457 2.923 1.78223 1.78223C2.923 0.641457 4.46972 8.62443e-05 6.08301 0C7.69641 0 9.24392 0.64138 10.3848 1.78223C11.5254 2.92298 12.1669 4.4698 12.167 6.08301Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};
+
+export default MapPinIcon;