@admin-layout/tailwind-design-pro 10.1.1-alpha.4 → 10.1.1-alpha.5

package/lib/components/UI/PropertyCard.js

@@ -145,7 +145,7 @@ const PropertyCard = ({
   WithAuthentication(LikeButton);
   return jsx(Fragment, {
     children: jsxs("div", {
-      className: "flex flex-row p-2 relative",
+      className: "flex flex-row p-2 relative max-w-[370px]",
       onMouseEnter: () => setFocus(item.id),
       onMouseLeave: () => setBlur(item.id),
       ...props,

package/lib/components/UI/VehicleCard/PricePopover.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CarPricing } from './types';
+interface PricePopoverProps {
+    pricing: CarPricing;
+}
+declare const PricePopover: React.FC<PricePopoverProps>;
+export default PricePopover;
+//# sourceMappingURL=PricePopover.d.ts.map

package/lib/components/UI/VehicleCard/PricePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricePopover.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleCard/PricePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,UAAU,iBAAiB;IACvB,OAAO,EAAE,UAAU,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/UI/VehicleCard/PricePopover.js

@@ -0,0 +1,98 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {BiTag}from'react-icons/bi';const PricePopover = ({
+  pricing
+}) => {
+  const [position, setPosition] = useState({
+    top: 0,
+    left: 0
+  });
+  const popoverRef = useRef(null);
+  const triggerRef = useRef(null);
+  useEffect(() => {
+    const updatePosition = () => {
+      if (!popoverRef.current || !triggerRef.current) return;
+      const trigger = triggerRef.current.getBoundingClientRect();
+      const popover = popoverRef.current.getBoundingClientRect();
+      const viewport = {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+      let top = trigger.bottom + 8;
+      let left = trigger.left;
+      if (top + popover.height > viewport.height) {
+        top = trigger.top - popover.height - 8;
+      }
+      if (left + popover.width > viewport.width) {
+        left = viewport.width - popover.width - 16;
+      }
+      left = Math.max(16, left);
+      setPosition({
+        top,
+        left
+      });
+    };
+    updatePosition();
+    window.addEventListener('scroll', updatePosition);
+    window.addEventListener('resize', updatePosition);
+    return () => {
+      window.removeEventListener('scroll', updatePosition);
+      window.removeEventListener('resize', updatePosition);
+    };
+  }, []);
+  return jsxs(Fragment, {
+    children: [jsx("div", {
+      ref: triggerRef,
+      className: "absolute inset-0"
+    }), jsx("div", {
+      ref: popoverRef,
+      style: {
+        top: position.top,
+        left: position.left,
+        position: 'fixed'
+      },
+      className: "invisible group-hover:visible opacity-0 group-hover:opacity-100 transition-all duration-200 bg-white rounded-lg shadow-xl border border-gray-100 p-4 min-w-[280px] z-50",
+      children: jsxs("div", {
+        className: "flex flex-col gap-3",
+        children: [jsxs("div", {
+          className: "flex items-center justify-between text-[15px]",
+          children: [jsx("span", {
+            className: "text-gray-600",
+            children: "Base rate"
+          }), jsxs("span", {
+            className: "font-medium",
+            children: [pricing.currency, " ", pricing.amount]
+          })]
+        }), pricing.discount && jsxs("div", {
+          className: "flex items-center justify-between text-green-600",
+          children: [jsxs("div", {
+            className: "flex items-center",
+            children: [jsx(BiTag, {
+              className: "h-4 w-4 mr-1"
+            }), jsx("span", {
+              children: "Discount"
+            })]
+          }), jsxs("span", {
+            children: ["-", pricing.discount]
+          })]
+        }), jsx("div", {
+          className: "border-t border-gray-200 mt-1 pt-3",
+          children: jsxs("div", {
+            className: "flex items-center justify-between",
+            children: [jsxs("span", {
+              className: "font-medium text-[15px]",
+              children: ["Total ", pricing.period && `(${pricing.period})`]
+            }), jsxs("div", {
+              className: "text-right",
+              children: [jsxs("span", {
+                className: "text-xl font-semibold",
+                children: [pricing.currency, " ", pricing.amount]
+              }), pricing.beforeTaxes && jsx("div", {
+                className: "text-sm text-gray-500",
+                children: "before taxes"
+              })]
+            })]
+          })
+        })]
+      })
+    })]
+  });
+};export{PricePopover as default};//# sourceMappingURL=PricePopover.js.map

package/lib/components/UI/VehicleCard/PricePopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricePopover.js","sources":["../../../../src/components/UI/VehicleCard/PricePopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"mIAQA,MAAM,YAAY,GAAgC,CAAC;AAC/C,EAAA;AACA,CAAA,KAAA;AACA,EAAA,MAAA,CAAA,qBAA0C,CAAA,GAAI,QAAE,CAAA;IAEhD,GAAS,EAAA,CAAA;QACL,EAAM;;kBACqD,GAAA,MAAA,CAAA,IAAA,CAAA;kBAEjD,GAAA,OAAU,IAAU,CAAA;YAC1B,MAAM;AACN,IAAA,MAAA,iBAAiB,MAAA;qBACR,CAAA,OAAQ,IAAW,CAAA,UAAA,CAAA,OAAA,EAAA;mBAClB,GAAA,UAAoB,CAAA,OAAA,CAAA,qBAAA,EAAA;mBAC5B,GAAA,UAAA,CAAA,OAAA,CAAA,qBAAA,EAAA;AAEF,MAAA,MAAA,QAAU,GAAA;AACV,QAAA,KAAA,EAAA,MAAQ,CAAA;cAEJ,EAAA,MAAM,CAAA;;aAET,GAAA,OAAA,CAAA,MAAA,GAAA,CAAA;cAEG,GAAA,OAAO,CAAA,IAAA;gBACP,OAAO,CAAQ,MAAA,GAAM,eAAW,EAAA;cACnC,OAAA,CAAA,GAAA,GAAA,OAAA,CAAA,MAAA,GAAA,CAAA;;AAID,MAAA,IAAA,IAAA,GAAA,OAAY,CAAE,QAAS,QAAI,CAAA,KAAA,EAAA;AAC/B,QAAA,IAAE,GAAA,QAAA,CAAA,KAAA,GAAA,OAAA,CAAA,KAAA,GAAA,EAAA;AAEF;AACA,MAAA,IAAA,GAAA,IAAuB,CAAA,GAAA,CAAA,EAAA,EAAA,IAAA,CAAA;AACvB,MAAA,WAAuB,CAAA;AAEvB,QAAA,GAAA;AACI,QAAA;AACA,OAAA,CAAA;AACJ,KAAA;IACJ,cAAO,EAAA;AAEP,IAAA,MAAA,CAAO,gBAEC,CAAA,QAAA,EAAA,cAAA,CAAA;2BAIqB,CAAA,QAAI,EAAA,cAAA,CAAA;;AAEjB,MAAA,MAAA,CAAA,mBAAiB,CAAA,QAAA,EAAA,cAAA,CAAA;AACpB,MAAA,MAAA,CAAA,mBACkL,CAAA,QAAA,EAAA,cAAA,CAAA;AAqCnM,KAAE;AAEF,GAAA,EAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleCard/VehicleBadge.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface CardBadgeProps {
+    label: string;
+}
+declare const VehicleBadge: React.FC<CardBadgeProps>;
+export default VehicleBadge;
+//# sourceMappingURL=VehicleBadge.d.ts.map

package/lib/components/UI/VehicleCard/VehicleBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleCard/VehicleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAY1C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/UI/VehicleCard/VehicleFeature.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+interface CardFeatureProps {
+    icon: ReactNode;
+    label: string;
+    iconColor?: string;
+}
+declare const VehicleFeature: React.FC<CardFeatureProps>;
+export default VehicleFeature;
+//# sourceMappingURL=VehicleFeature.d.ts.map

package/lib/components/UI/VehicleCard/VehicleFeature.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleFeature.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleCard/VehicleFeature.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,gBAAgB;IACtB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiB9C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/UI/VehicleCard/VehicleFeature.js

@@ -0,0 +1,23 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';const VehicleFeature = ({
+  icon,
+  label,
+  iconColor = '#6B7280'
+}) => {
+  // gray-500
+  return jsxs("div", {
+    className: "flex items-center bg-gray-50 px-1.5 py-0.5 rounded text-[11px] text-gray-700",
+    children: [jsx("div", {
+      className: "text-gray-500 mr-0.5",
+      children: renderDynamicIcon({
+        name: icon,
+        style: {
+          iconColor: iconColor,
+          w: '20px',
+          h: '20px'
+        }
+      })
+    }), jsx("span", {
+      children: label
+    })]
+  });
+};export{VehicleFeature as default};//# sourceMappingURL=VehicleFeature.js.map

package/lib/components/UI/VehicleCard/VehicleFeature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VehicleFeature.js","sources":["../../../../src/components/UI/VehicleCard/VehicleFeature.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"yGASA,MAAM,cAAc,GAA+B,CAAC;MACrC;AACX,EAAA,KAAA;AAIgB,EAAA,SAAA,GAAA;AACA,CAAA,KAAA;AACI;AACA,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;AACA,IAAA,SAAA,EAAA,8EAAS;AACZ,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACJ,MAAA,SAAA,EAAA,sBAEL;AAGZ,MAAE,QAAA,EAAA,iBAAA,CAAA;AAEF,QAAA,IAAA,EAAA;;;;;;;;;;;"}

package/lib/components/UI/VehicleCard/types.d.ts

@@ -0,0 +1,59 @@
+export interface CarBags {
+    count: number;
+    size?: string;
+}
+export interface RentalCompany {
+    name: string;
+    logo?: string;
+    rating?: number;
+    reviewCount?: string;
+}
+export interface PickupInfo {
+    location: string;
+    description?: string;
+    freePickup?: boolean;
+}
+export interface CarPricing {
+    currency: string;
+    amount: number | string;
+    originalPrice?: string;
+    discount?: string;
+    period?: string;
+    beforeTaxes?: boolean;
+    freeCancel?: boolean;
+    deals?: number;
+}
+export interface CarActions {
+    showInfo?: boolean;
+    showEmail?: boolean;
+}
+export interface Car {
+    id: string;
+    make: string;
+    model: string;
+    image?: string;
+    subtitle?: string;
+    tags?: string[];
+    isNewListing?: boolean;
+    isFavorite?: boolean;
+    rating?: number;
+    reviews?: string;
+    hostStatus?: string;
+    location?: string;
+    hasAC?: boolean;
+    transmission?: string;
+    seats?: number;
+    bags?: CarBags;
+    mileage?: string;
+    rentalCompany?: RentalCompany;
+    pickupInfo?: PickupInfo;
+    pricing?: CarPricing;
+    actions?: CarActions;
+    source?: string;
+}
+export interface CarCardProps {
+    car: Car;
+    onFavorite?: (id: string) => void;
+    onViewDeal?: (id: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/UI/VehicleCard/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleCard/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IACzB,GAAG,EAAE,GAAG,CAAC;IACT,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC"}

package/lib/components/UI/VehicleCard.d.ts

@@ -10,6 +10,6 @@ type VehicleCardProps = {
     authenticated?: boolean;
     extraIcons?: any[];
 };
-export declare const VehicleCard: ({ item: car, isSaved, setFocus, setBlur, handleLike, likeBtnLoading, categoryTypes, authenticated, extraIcons, ...props }: VehicleCardProps & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const VehicleCard: React.FC<VehicleCardProps>;
+export default VehicleCard;
 //# sourceMappingURL=VehicleCard.d.ts.map

package/lib/components/UI/VehicleCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VehicleCard.d.ts","sourceRoot":"","sources":["../../../src/components/UI/VehicleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,gBAAgB,GAAG;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2HAWzB,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CA+BzD,CAAC"}
+{"version":3,"file":"VehicleCard.d.ts","sourceRoot":"","sources":["../../../src/components/UI/VehicleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,KAAK,gBAAgB,GAAG;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuK3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/UI/VehicleCard.js

@@ -1,5 +1,23 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {CarCardFooter}from'./VehicleComponents/CarCardFooter.js';import {CarCardInfo}from'./VehicleComponents/CarCardInfo.js';import {CarCardImage}from'./VehicleComponents/CarCardImage.js';const VehicleCard = ({
-  item: car,
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {AiFillHeart,AiOutlineHeart,AiFillStar}from'react-icons/ai';import {FiMapPin}from'react-icons/fi';import {FaAward,FaShieldAlt}from'react-icons/fa';import VehicleFeature from'./VehicleCard/VehicleFeature.js';import PricePopover from'./VehicleCard/PricePopover.js';import {useMemo}from'react';const startCase = str => {
+  return str.toLowerCase().split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
+};
+const seatWordToNumber = word => {
+  const map = {
+    ONE: 1,
+    TWO: 2,
+    THREE: 3,
+    FOUR: 4,
+    FIVE: 5,
+    SIX: 6,
+    SEVEN: 7,
+    EIGHT: 8,
+    NINE: 9,
+    TEN: 10
+  };
+  return map[word.toUpperCase()] || word;
+};
+const VehicleCard = ({
+  item,
   isSaved,
   setFocus,
   setBlur,
@@ -7,38 +25,142 @@ import {jsx,jsxs}from'react/jsx-runtime';import {CarCardFooter}from'./VehicleCom
   likeBtnLoading,
   categoryTypes,
   authenticated,
-  extraIcons = [],
-  ...props
+  extraIcons = []
 }) => {
+  useMemo(() => categoryTypes?.filter(type => item?.types?.includes(type.id)), [item, categoryTypes]);
   return jsx("div", {
-    className: "overflow-hidden bg-white rounded-lg border border-[#E7E7E8] shadow-sm transition-all duration-300 hover:shadow-md w-full max-w-4xl relative",
+    className: "bg-white rounded-lg overflow-hidden border border-gray-200 sm:h-[250px]",
+    onMouseEnter: () => setFocus(item.id),
+    onMouseLeave: () => setBlur(item.id),
     children: jsxs("div", {
-      className: "flex flex-col md:flex-row md:max-h-[191px] pb-2 md:pb-4",
-      children: [jsx(CarCardImage, {
-        imageUrl: car.thumbnail?.url,
-        alt: car.title || car.name,
-        isFavorite: car.isUserLike
+      className: "flex flex-col sm:flex-row sm:h-full",
+      children: [jsxs("div", {
+        className: "relative w-full sm:w-[240px] h-[200px] sm:h-full flex-shrink-0",
+        children: [item.thumbnail?.url && jsx("img", {
+          src: item.thumbnail.url,
+          alt: item.title,
+          className: "w-full h-full object-contain bg-gray-50 p-2"
+        }), jsx("button", {
+          onClick: () => handleLike?.(item.id),
+          className: "absolute top-2 right-2 p-1.5 bg-white/90 backdrop-blur-sm rounded-full hover:bg-white transition-colors duration-200",
+          children: item.isUserLike ? jsx(AiFillHeart, {
+            className: "h-4 w-4 text-red-500"
+          }) : jsx(AiOutlineHeart, {
+            className: "h-4 w-4 text-gray-500"
+          })
+        })]
       }), jsxs("div", {
-        className: "flex flex-col flex-grow p-4",
-        children: [jsx(CarCardInfo, {
-          make: car.name.split(' ')[0],
-          model: car.name.split(' ').slice(1).join(' '),
-          year: car.year ? new Date(car.year * 1000).getFullYear() : undefined,
-          rating: car.stats?.averageRating || 0,
-          trips: car.stats?.totalReviews || 0,
-          isAllStarHost: car.preferences?.details?.aircon || false,
-          location: car.address?.description || car.supplier?.address
+        className: "flex-1 p-4 flex flex-col",
+        children: [jsxs("div", {
+          children: [jsxs("div", {
+            className: "flex items-start justify-between gap-2 mb-2",
+            children: [jsx("h2", {
+              className: "text-base font-semibold text-gray-900 truncate",
+              children: item.title
+            }), item.stats?.averageRating && jsxs("div", {
+              className: "flex items-center shrink-0",
+              children: [jsx("span", {
+                className: "font-semibold text-black-700",
+                children: item.stats.averageRating
+              }), jsx(AiFillStar, {
+                className: "h-3.5 w-3.5 text-yellow-500 ml-0.5"
+              }), item.stats?.totalReviews && jsxs("span", {
+                className: "text-xs text-gray-600 ml-1",
+                children: ["(", item.stats.totalReviews, ")"]
+              })]
+            })]
+          }), jsxs("div", {
+            className: "flex flex-wrap items-center gap-2 text-xs mb-2",
+            children: [item.orgName && jsxs("span", {
+              className: "text-purple-600 flex items-center",
+              children: [jsx(FaAward, {
+                className: "h-3.5 w-3.5 mr-0.5"
+              }), item.orgName]
+            }), item.preferences?.details?.freeCancellation && jsxs("span", {
+              className: "text-green-600 flex items-center",
+              children: [jsx(FaShieldAlt, {
+                className: "h-3.5 w-3.5 mr-0.5"
+              }), "Free cancellation"]
+            })]
+          }), item.address?.description && jsxs("div", {
+            className: "flex items-center text-xs text-gray-400 mb-3",
+            children: [jsx(FiMapPin, {
+              className: "h-3.5 w-3.5 mr-0.5 flex-shrink-0"
+            }), jsx("span", {
+              className: "truncate",
+              children: item.address.description
+            })]
+          })]
         }), jsx("div", {
-          className: "mt-auto",
-          children: jsx(CarCardFooter, {
-            price: {
-              amount: car.pricingInfo?.price,
-              currency: car.pricingInfo?.currency,
-              formattedPrice: car.formattedPrice
+          className: "flex flex-wrap gap-1.5 mb-4",
+          children: Object.entries(item.preferences?.details?.metadata || {}).map(([key, value]) => {
+            // Skip non-feature metadata
+            if (key === '__typename' || key === 'suitcases') return null;
+            const feature = value;
+            if (!feature.enable) return null;
+            let label = '';
+            switch (key) {
+              case 'aircon':
+                label = 'AC';
+                break;
+              case 'seats':
+                label = `${seatWordToNumber(item.preferences.details.seats.replace('_SEATER', ''))} Seats`;
+                break;
+              case 'suitcases':
+                const small = value.small?.value || 0;
+                const big = value.big?.value || 0;
+                label = `${small + big} Bags`;
+                break;
+              case 'unlimitedMileage':
+                label = startCase(item.mileage);
+                break;
+              default:
+                label = startCase(key);
             }
+            return jsx(VehicleFeature, {
+              icon: feature.icon,
+              label: label
+            }, key);
+          })
+        }), jsx("div", {
+          className: "mt-auto",
+          children: jsxs("div", {
+            className: "flex items-end justify-between",
+            children: [jsxs("div", {
+              className: "relative group",
+              children: [item.pricingInfo && jsxs(Fragment, {
+                children: [jsx("div", {
+                  className: "space-y-0.5",
+                  children: jsxs("div", {
+                    className: "flex items-baseline",
+                    children: [jsxs("span", {
+                      className: "text-lg font-bold",
+                      children: [item.pricingInfo.currency, item.pricingInfo.basePrice]
+                    }), jsx("span", {
+                      className: "text-gray-500 text-xs ml-1",
+                      children: "total"
+                    })]
+                  })
+                }), jsx(PricePopover, {
+                  pricing: {
+                    freeCancel: item.preferences?.details?.freeCancellation,
+                    currency: item.pricingInfo.currency,
+                    amount: item.pricingInfo.basePrice,
+                    period: 'total'
+                  }
+                })]
+              }), item.__typename && jsxs("span", {
+                className: "text-xs text-gray-400 block mt-1",
+                children: ["via ", item.__typename.replace('Vehicle', '')]
+              })]
+            }), jsx("button", {
+              onClick: () => {},
+              className: "bg-blue-600 text-white px-4 py-2 text-sm rounded-lg font-medium hover:bg-blue-700 transition-colors duration-200",
+              children: "View deal"
+            })]
           })
         })]
       })]
     })
-  }, car.id);
-};export{VehicleCard};//# sourceMappingURL=VehicleCard.js.map
+  });
+};export{VehicleCard as default};//# sourceMappingURL=VehicleCard.js.map

package/lib/components/UI/VehicleCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"VehicleCard.js","sources":["../../../src/components/UI/VehicleCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"sOAiBO,MAAM,WAAW,GAAG,CAAC;AAYxB,EAAA,IAAA,EAAA,GAAO;AAoBqB,EAAA,OAAA;AACA,EAAA,QAAA;;;AAShC,EAAE,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"VehicleCard.js","sources":["../../../src/components/UI/VehicleCard.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"4VAYA,MAAM,SAAS,GAAG,GAAC,IAAe;AAC9B,EAAA,OAAA,GAAU,CAAA,WAAA,EAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,IAAA,IAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,WAAA,EAAA,GAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AACL,CAAA;sBACU,GAAA,IAAA,IAAA;WACP,GAAE;SACL,CAAI;AACb,IAAE,GAAA,EAAA,CAAA;AAEF,IAAA,KAAsB,EAAA,CAAA;AAClB,IAAA,IAAA,EAAM;AACF,IAAA,IAAA,EAAA,CAAG;AACH,IAAA,GAAA,EAAA,CAAA;AACA,IAAA,KAAA,EAAA,CAAA;AACA,IAAA,KAAA,EAAA,CAAI;AACJ,IAAA,IAAA,EAAA,CAAA;AACA,IAAA,GAAA,EAAA;AACA,GAAA;AACA,EAAA,OAAA,GAAA,CAAK,IAAG,CAAA,WAAA,EAAA,CAAA,IAAA,IAAA;AACR,CAAA;AACA,MAAA,WAAO,GAAA,CAAA;MACT;SACK;AACX,EAAE,QAAA;AAcF,EAAM,OAAA;AAWF,EAAA,UAAW;AAEX,EAAA,cACI;;AA8EoB,EAAA,aAAA;AAAiD,EAAA,UAAA,GAAA;;6BAGrC,EAAC,MAAM,CAAA,IAAA,IAAA,IAAA,EAAA,KAAA,EAAA,QAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,IAAA,EAAA,aAAA,CAAA;AAAE,EAAA,OAAAA,GAAA,CAAA,KAAA,EAAA;wFAEN;gCACf,CAAQ,IAAA,CAAA,EAAA,CAAA;AACJ,IAAA,YAAA,EAAA,MAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA;;sDAEU;AACV,MAAA,QAAA,EAAA,CAAAC,IAAA,CAAA,KAAA,EAAA;mFAEa;0CAEHD,GAAA,CAAA,KAAA,EAAA;AACV,UAAA,GAAA,EAAA,IAAA,CAAA,SAAA,CAAA,GAAA;;;AAGI,SAAA,CAAA,EAAAA,GAAA,CAAA,QAAA,EAAA;0CACM,CAAA,EAAA,CAAA;AACV,UAAA,SAAA,EAAA,sHAAuB;AACnB,UAAA,QAAA,EAAA,IAAA,CAAA,UAAA,GAAAA,GAAA,CAAA,WAAiB,EAAA;;AAErB,WAAA,CAAA,GAAAA,GAAA,CAAA,cAAA,EAAA;AACI,YAAA,SAAA,EAAA;;AAGR,SAAA,CAAA;AACJ,OAAA,CAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AAoBwB,QAAA,SAAA,EAAA,0BAAA;AACA,QAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACA,UAAA,QAAA,EAAA,CAAAA,IAAA,CAAA,KAAA,EAAA;AACA,YAAA,SAAA,EAAA,6CAAQ;;AAwBxD,cAAE,SAAA,EAAA,gDAAA;AAEF,cAAA,cAA2B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleCardList.js

@@ -1,4 +1,4 @@
-import {jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {isEmpty}from'lodash-es';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {VehicleCard}from'./VehicleCard.js';const VehicleCardList = props => {
+import {jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {isEmpty}from'lodash-es';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import VehicleCard from'./VehicleCard.js';const VehicleCardList = props => {
   const {
     setBlur,
     setFocus,

package/lib/components/UI/VehicleCardList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VehicleCardList.js","sources":["../../../src/components/UI/VehicleCardList.tsx"],"sourcesContent":[null],"names":[],"mappings":"8NAiBa,MAAA,eAAe,GAAmC,KAAC,IAAS;QAC/D;AACN,IAAA;AACA,IAAA,QAAQ;AAER,IAAA,IAAI;cACO;IACX,cAAC;AACD,IAAA,YACI;AAiBR,IAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"VehicleCardList.js","sources":["../../../src/components/UI/VehicleCardList.tsx"],"sourcesContent":[null],"names":[],"mappings":"6NAiBa,MAAA,eAAe,GAAmC,KAAC,IAAS;QAC/D;AACN,IAAA;AACA,IAAA,QAAQ;AAER,IAAA,IAAI;cACO;IACX,cAAC;AACD,IAAA,YACI;AAiBR,IAAE,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/index.d.ts

@@ -5,7 +5,6 @@ export * from './ParamSearchResultContainer';
 export * from './CardList';
 export * from './PropertyCard';
 export * from './Pagination';
-export * from './VehicleComponents';
 export * from './VehicleCard';
 export * from './VehicleCardList';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/UI/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UI/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UI/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/lib/components/index.js

@@ -1 +1 @@
-export{CategoriesTypeList}from'./UI/CategoriesTypeList.js';export{PropertyCardOnMap}from'./UI/PropertyCardOnMap.js';export{LazyLoadingGoogleMarker}from'./UI/LazyLoadingGoogleMarker.js';export{ParamSearchResultContainer}from'./UI/ParamSearchResultContainer.js';export{CardList}from'./UI/CardList.js';export{PropertyCard}from'./UI/PropertyCard.js';export{Pagination}from'./UI/Pagination.js';export{CarCardFooter}from'./UI/VehicleComponents/CarCardFooter.js';export{CarCardInfo}from'./UI/VehicleComponents/CarCardInfo.js';export{CarCardImage}from'./UI/VehicleComponents/CarCardImage.js';export{VehicleCard}from'./UI/VehicleCard.js';export{VehicleCardList}from'./UI/VehicleCardList.js';export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle}from'./Layout/GlobalHeader/MainHeader.js';export{Logo}from'./Layout/GlobalHeader/Logo.js';export{RightMenu}from'./Layout/GlobalHeader/RightMenu.js';export{ThemeProviderTailwind,useTheme}from'./ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./ThemeProvider/ThemeToggle.js';//# sourceMappingURL=index.js.map
+export{CategoriesTypeList}from'./UI/CategoriesTypeList.js';export{PropertyCardOnMap}from'./UI/PropertyCardOnMap.js';export{LazyLoadingGoogleMarker}from'./UI/LazyLoadingGoogleMarker.js';export{ParamSearchResultContainer}from'./UI/ParamSearchResultContainer.js';export{CardList}from'./UI/CardList.js';export{PropertyCard}from'./UI/PropertyCard.js';export{Pagination}from'./UI/Pagination.js';import'react/jsx-runtime';import'react-icons/ai';import'react-icons/fi';import'react-icons/fa';import'../helpers/DynamicIcon.js';import'react';import'react-icons/bi';export{VehicleCardList}from'./UI/VehicleCardList.js';export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle}from'./Layout/GlobalHeader/MainHeader.js';export{Logo}from'./Layout/GlobalHeader/Logo.js';export{RightMenu}from'./Layout/GlobalHeader/RightMenu.js';export{ThemeProviderTailwind,useTheme}from'./ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./ThemeProvider/ThemeToggle.js';//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-design-pro",
-    "version": "10.1.1-alpha.4",
+    "version": "10.1.1-alpha.5",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -61,5 +61,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "e15f4e1dba6b32f2bfdcab68b53d1b6cbe740fa4"
+    "gitHead": "f103c1d67260b17f7182c4baf59cb06dbaee27de"
 }

package/lib/components/UI/VehicleComponents/CarCardFooter.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface CarCardFooterProps {
-    price?: any;
-}
-export declare const CarCardFooter: React.FC<CarCardFooterProps>;
-export {};
-//# sourceMappingURL=CarCardFooter.d.ts.map

package/lib/components/UI/VehicleComponents/CarCardFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarCardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleComponents/CarCardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,kBAAkB;IACxB,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4DtD,CAAC"}

package/lib/components/UI/VehicleComponents/CarCardFooter.js

@@ -1,61 +0,0 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';const CarCardFooter = ({
-  price
-}) => {
-  const [showPopover, setShowPopover] = useState(false);
-  if (!price) return null;
-  return jsxs("div", {
-    className: "flex flex-col sm:flex-row sm:justify-between items-start sm:items-end mt-4 pt-4 border-t border-gray-100",
-    children: [price.discount > 0 && jsxs("div", {
-      className: "px-3 py-1 text-sm font-medium text-green-600 bg-[#F1FFF9] rounded-md",
-      children: ["Save ", price.currency, " ", price.discount]
-    }), jsxs("div", {
-      className: "flex flex-col items-end",
-      children: [jsxs("div", {
-        className: "relative",
-        children: [price.originalAmount > price.amount && jsxs("span", {
-          className: "line-through text-gray-500 text-lg mr-2",
-          children: [price.currency, price.originalAmount]
-        }), jsxs("span", {
-          className: "text-xl font-semibold text-gray-900 cursor-pointer",
-          onMouseEnter: () => setShowPopover(true),
-          onMouseLeave: () => setShowPopover(false),
-          children: [price.currency, " ", price.amount, " total"]
-        }), showPopover && jsx("div", {
-          className: "absolute bottom-full right-0 mb-2 p-3 bg-white shadow-lg rounded-lg border border-gray-200 z-10 w-48",
-          children: jsxs("div", {
-            className: "flex flex-col gap-2 text-sm",
-            children: [jsxs("div", {
-              className: "flex justify-between",
-              children: [jsx("span", {
-                className: "text-gray-600",
-                children: "Original price:"
-              }), jsxs("span", {
-                className: "line-through text-gray-500",
-                children: [price.currency, " ", price.originalAmount]
-              })]
-            }), price.discount > 0 && jsxs("div", {
-              className: "flex justify-between",
-              children: [jsx("span", {
-                className: "text-gray-600",
-                children: "Discount:"
-              }), jsxs("span", {
-                className: "text-green-600",
-                children: ["-", price.currency, " ", price.discount]
-              })]
-            }), jsxs("div", {
-              className: "flex justify-between font-medium pt-1 border-t border-gray-100",
-              children: [jsx("span", {
-                children: "Final price:"
-              }), jsxs("span", {
-                children: [price.currency, " ", price.amount]
-              })]
-            })]
-          })
-        })]
-      }), jsx("span", {
-        className: "text-sm text-gray-600",
-        children: "Before taxes"
-      })]
-    })]
-  });
-};export{CarCardFooter};//# sourceMappingURL=CarCardFooter.js.map

package/lib/components/UI/VehicleComponents/CarCardFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarCardFooter.js","sources":["../../../../src/components/UI/VehicleComponents/CarCardFooter.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"4EAMa,aAAa,GAAiC,CAAC;;AAGxD,CAAA,KAAA;AAAY,EAAA,MAAA,CAAA,WAAY,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;MAEjB,CAAA,KACH;AAsDR,EAAE,OAAAA,IAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleComponents/CarCardImage.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface CarCardImageProps {
-    imageUrl?: string;
-    alt?: string;
-    isFavorite?: boolean;
-}
-export declare const CarCardImage: React.FC<CarCardImageProps>;
-export {};
-//# sourceMappingURL=CarCardImage.d.ts.map

package/lib/components/UI/VehicleComponents/CarCardImage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarCardImage.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleComponents/CarCardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,iBAAiB;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8BpD,CAAC"}

package/lib/components/UI/VehicleComponents/CarCardImage.js

@@ -1,32 +0,0 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {FaHeart}from'@react-icons/all-files/fa/FaHeart.js';import {FaRegHeart}from'@react-icons/all-files/fa/FaRegHeart.js';const CarCardImage = ({
-  imageUrl,
-  alt,
-  isFavorite: initialFavorite = false
-}) => {
-  const [isFavorite, setIsFavorite] = useState(initialFavorite);
-  const [isHovering, setIsHovering] = useState(false);
-  const toggleFavorite = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    setIsFavorite(!isFavorite);
-  };
-  return jsxs("div", {
-    className: "w-full md:w-[291px] h-[191px] md:h-[191px] bg-gray-200 flex-shrink-0",
-    children: [imageUrl && jsx("img", {
-      src: imageUrl,
-      alt: alt || 'Car image',
-      className: "w-full h-full object-cover"
-    }), jsx("button", {
-      "aria-label": isFavorite ? 'Remove from favorites' : 'Add to favorites',
-      className: "absolute top-4 right-4 w-10 h-10 rounded-full bg-white bg-opacity-70 hover:bg-opacity-90 \n                  flex items-center justify-center transition-all duration-200 \n                  shadow-sm hover:shadow focus:outline-none",
-      onClick: toggleFavorite,
-      onMouseEnter: () => setIsHovering(true),
-      onMouseLeave: () => setIsHovering(false),
-      children: isFavorite ? jsx(FaHeart, {
-        className: "text-2xl text-red-500"
-      }) : jsx(FaRegHeart, {
-        className: `text-2xl ${isHovering ? 'text-red-500' : 'text-gray-600'}`
-      })
-    })]
-  });
-};export{CarCardImage};//# sourceMappingURL=CarCardImage.js.map

package/lib/components/UI/VehicleComponents/CarCardImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarCardImage.js","sources":["../../../../src/components/UI/VehicleComponents/CarCardImage.tsx"],"sourcesContent":[null],"names":[],"mappings":"kMAUa,MAAA,YAAY,GAAgC,CAAC;UAChD;KACA;AAEN,EAAA,UAAoB,EAAA,eAAuB,GAAI;;QAE3C,CAAC,UAAgB,EAAA,aAAG,CAAA,GAAA,QAAA,CAAA,eAAA,CAAA;AACpB,EAAA,MAAA,CAAA,UAAA,EAAa,aAAa,CAAC,GAAA,QAAA,CAAA,KAAA,CAAA;AAC/B,EAAA,MAAE,cAAA,GAAA,CAAA,IAAA;IAEF,CAAO,CAAA;AAoBX,IAAE,CAAA,CAAA,eAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleComponents/CarCardInfo.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-interface CarCardInfoProps {
-    make?: string;
-    model?: string;
-    year?: number;
-    rating?: number;
-    trips?: number;
-    isAllStarHost?: boolean;
-    location?: string;
-}
-export declare const CarCardInfo: React.FC<CarCardInfoProps>;
-export {};
-//# sourceMappingURL=CarCardInfo.d.ts.map

package/lib/components/UI/VehicleComponents/CarCardInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarCardInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleComponents/CarCardInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,gBAAgB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ClD,CAAC"}

package/lib/components/UI/VehicleComponents/CarCardInfo.js

@@ -1,49 +0,0 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {FaStar}from'@react-icons/all-files/fa/FaStar.js';import {FaTrophy}from'@react-icons/all-files/fa/FaTrophy.js';import {FaMapMarkerAlt}from'@react-icons/all-files/fa/FaMapMarkerAlt.js';const CarCardInfo = ({
-  make,
-  model,
-  year,
-  rating,
-  trips,
-  isAllStarHost,
-  location
-}) => {
-  return jsxs("div", {
-    className: "flex flex-col gap-2",
-    children: [jsxs("div", {
-      className: "flex flex-col gap-2",
-      children: [(make || model || year) && jsxs("h2", {
-        className: "text-2xl font-semibold text-gray-900",
-        children: [make, " ", model, " ", year]
-      }), (rating || trips || isAllStarHost) && jsxs("div", {
-        className: "flex items-center gap-2",
-        children: [rating && jsxs(Fragment, {
-          children: [jsx("span", {
-            className: "font-semibold text-gray-900",
-            children: rating.toFixed(2)
-          }), jsx(FaStar, {
-            className: "text-indigo-500 mb-0.5"
-          })]
-        }), trips && jsxs("span", {
-          className: "text-gray-600 text-sm",
-          children: ["(", trips, " trips)"]
-        }), isAllStarHost && jsxs("div", {
-          className: "flex items-center ml-2",
-          children: [jsx(FaTrophy, {
-            className: "text-indigo-500 mr-1"
-          }), jsx("span", {
-            className: "text-gray-800 text-sm font-medium",
-            children: "All-Star Host"
-          })]
-        })]
-      })]
-    }), location && jsx("div", {
-      className: "flex flex-col gap-2",
-      children: jsxs("span", {
-        className: "flex items-center gap-2",
-        children: [jsx(FaMapMarkerAlt, {
-          className: "text-gray-500"
-        }), location]
-      })
-    })]
-  });
-};export{CarCardInfo};//# sourceMappingURL=CarCardInfo.js.map

package/lib/components/UI/VehicleComponents/CarCardInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarCardInfo.js","sources":["../../../../src/components/UI/VehicleComponents/CarCardInfo.tsx"],"sourcesContent":[null],"names":[],"mappings":"uPAea,WAAW,GAA+B,CAAC;AASpD,EAAA,IAAA;AAsCJ,EAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UI/VehicleComponents/index.d.ts

@@ -1,4 +0,0 @@
-export * from './CarCardFooter';
-export * from './CarCardInfo';
-export * from './CarCardImage';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/UI/VehicleComponents/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/UI/VehicleComponents/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}