@admin-layout/tailwind-design-pro 10.0.9-alpha.8 → 10.1.1-alpha.0

package/lib/components/ThemeProvider/types.d.ts

@@ -1,112 +1,112 @@
-export interface ThemeColors {
-    light: {
-        background: string;
-        foreground: string;
-        card: string;
-        cardForeground: string;
-        popover: string;
-        popoverForeground: string;
-        primary: string;
-        primaryForeground: string;
-        secondary: string;
-        secondaryForeground: string;
-        muted: string;
-        mutedForeground: string;
-        accent: string;
-        accentForeground: string;
-        destructive: string;
-        destructiveForeground: string;
-        border: string;
-        input: string;
-        ring: string;
-    };
-    dark: {
-        background: string;
-        foreground: string;
-        card: string;
-        cardForeground: string;
-        popover: string;
-        popoverForeground: string;
-        primary: string;
-        primaryForeground: string;
-        secondary: string;
-        secondaryForeground: string;
-        muted: string;
-        mutedForeground: string;
-        accent: string;
-        accentForeground: string;
-        destructive: string;
-        destructiveForeground: string;
-        border: string;
-        input: string;
-        ring: string;
-    };
-}
-export interface ThemeFontSizes {
-    xs: string;
-    sm: string;
-    base: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    '4xl': string;
-    '5xl': string;
-}
-export interface ThemeSpacing {
-    px: string;
-    0: string;
-    0.5: string;
-    1: string;
-    1.5: string;
-    2: string;
-    2.5: string;
-    3: string;
-    3.5: string;
-    4: string;
-    5: string;
-    6: string;
-    8: string;
-    10: string;
-    12: string;
-    16: string;
-    20: string;
-    24: string;
-    32: string;
-    40: string;
-    48: string;
-    56: string;
-    64: string;
-}
-export interface ThemeBorderRadius {
-    none: string;
-    sm: string;
-    DEFAULT: string;
-    md: string;
-    lg: string;
-    xl: string;
-    '2xl': string;
-    '3xl': string;
-    full: string;
+export interface ThemeContextProps {
+    themeName: ThemeName;
+    theme: DefaultTheme;
+    isDarkMode: boolean;
+    toggleDarkMode: () => void;
 }
-export interface Theme {
+export interface DefaultTheme {
     name: string;
-    colors: ThemeColors;
-    fontSizes: ThemeFontSizes;
-    spacing: ThemeSpacing;
-    borderRadius: ThemeBorderRadius;
+    colors: {
+        primary: ColorRamp;
+        secondary: ColorRamp;
+        accent: ColorRamp;
+        success: ColorRamp;
+        warning: ColorRamp;
+        error: ColorRamp;
+        neutral: ColorRamp;
+        background: {
+            light: string;
+            dark: string;
+        };
+        text: {
+            light: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+            };
+            dark: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+            };
+        };
+    };
+    borderRadius: {
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        full: string;
+    };
+    fontFamily: {
+        sans: string[];
+        serif: string[];
+        mono: string[];
+    };
+    boxShadow: {
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    typography: {
+        headings: {
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        body: {
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    components: {
+        buttons: {
+            primary: ButtonStyle;
+            secondary: ButtonStyle;
+        };
+        cards: {
+            borderRadius: string;
+            padding: string;
+            shadow: string;
+            border: string;
+        };
+        inputs: {
+            borderRadius: string;
+            borderColor: string;
+            focusBorderColor: string;
+            padding: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
 }
-export interface ThemeOptions {
-    isDarkMode: boolean;
-    primaryColor?: string;
-    fontFamily?: string;
+export interface ColorRamp {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
 }
-export interface ThemeSelectorProps {
-    value: string;
-    onChange: (value: string) => void;
-    options: {
-        key: string;
-        title: string;
-    }[];
+export interface ButtonStyle {
+    background: string;
+    text: string;
+    hoverBackground: string;
+    hoverText: string;
+    borderRadius: string;
+    padding: string;
+    fontWeight: string;
+    border?: string;
 }
+export type ThemeName = 'default' | 'airbnb' | 'slack' | 'github' | 'spotify';
 //# sourceMappingURL=types.d.ts.map

package/lib/components/ThemeProvider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { Splide } from '@cdmbase/react-splide';
+import '@splidejs/react-splide/css';
+import React from 'react';
+export interface ICategoryType<TTypename, TCategory, TName> {
+    __typename?: TTypename;
+    id: string;
+    description: string | null;
+    category: TCategory;
+    name: TName;
+    icon?: string | null;
+    imageKey?: string | null;
+    thumbnailUrl?: string | null;
+}
+export interface ICategoriesTypeListProps<TTypename, TCategory, TName> {
+    isExplorerView?: boolean;
+    categories: ICategoryType<TTypename, TCategory, TName>[];
+    initialCategory: ICategoryType<TTypename, TCategory, TName>;
+    boxColor: (categoryId: string) => string;
+    iconColor: (categoryId: string) => string;
+    badgeTitle?: string;
+    extraIcons: string[];
+    aria_label: string;
+    splideRef?: React.RefObject<Splide>;
+    isNewBadge: (categoryId: string) => boolean;
+    handleSearchClick: (cateItem: string, item: any, isExplorerView?: boolean) => void;
+    activeCategory?: string;
+}
+export declare const CategoriesTypeList: <TTypename, TCategory, TName>({ boxColor, iconColor, badgeTitle, extraIcons, categories, initialCategory, aria_label, isExplorerView, splideRef, isNewBadge, handleSearchClick, activeCategory, }: ICategoriesTypeListProps<TTypename, TCategory, TName>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CategoriesTypeList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTypeList.d.ts","sourceRoot":"","sources":["../../../src/components/UI/CategoriesTypeList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,uBAAuB,CAAC;AACxF,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAoD,MAAM,OAAO,CAAC;AAKzE,MAAM,WAAW,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK;IACjE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACzD,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5D,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,cAAc,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAyGD,eAAO,MAAM,kBAAkB,GAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,qKAa7D,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,4CA6DvD,CAAC"}

package/lib/components/UI/CategoriesTypeList.js

@@ -0,0 +1,140 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Splide,SplideSlide}from'@cdmbase/react-splide';import'@splidejs/react-splide/css';import React__default,{useCallback,useMemo,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import {renderDynamicIcon}from'../../helpers/DynamicIcon.js';import useWindowSize from'../../hooks/useWindowSize.js';// Helper function to merge arrays
+const mergeArrays = (arr1, arr2, keyToMapIcons) => {
+  const iconMap = new Map(arr2.map(icon => [icon.split('.').pop(), icon]));
+  return arr1.filter(item => iconMap.has(item[keyToMapIcons])).map(item => ({
+    ...item,
+    icon: iconMap.get(item[keyToMapIcons])
+  }));
+};
+// Create a memoized category item component
+function CategoryItemComponent({
+  category,
+  boxColor,
+  size,
+  t,
+  isNewBadge,
+  badgeTitle,
+  handleSearchClick,
+  isExplorerView,
+  isActive
+}) {
+  // Prevent multiple click propagation
+  const handleClick = useCallback(e => {
+    e.preventDefault();
+    e.stopPropagation();
+    handleSearchClick(category.id, category, isExplorerView);
+  }, [category, handleSearchClick, isExplorerView]);
+  // Compute the current color values
+  const currentBoxColor = isActive ? boxColor(category.id) : '#4A5568';
+  // Determine font size based on screen width
+  const fontSize = useMemo(() => {
+    if (size.width > 1200) return '16px';
+    if (size.width > 768) return '15px';
+    if (size.width > 480) return '14px';
+    return '12px';
+  }, [size.width]);
+  // Determine icon size based on screen width
+  const iconSize = useMemo(() => ({
+    w: size.width > 1200 ? '2vw' : '3vw',
+    h: size.height > 1200 ? '2vw' : '3vw'
+  }), [size.width, size.height]);
+  return jsxs("div", {
+    className: `flex flex-col items-center justify-center cursor-pointer relative font-bold ${isActive ? 'active' : ''}`,
+    style: {
+      color: currentBoxColor,
+      fontSize
+    },
+    onClick: handleClick,
+    children: [renderDynamicIcon({
+      name: category.icon,
+      style: {
+        iconColor: currentBoxColor,
+        ...iconSize
+      }
+    }), jsx("div", {
+      className: "text-center",
+      children: t(category.description)
+    }), isNewBadge(category.id) && jsx("div", {
+      className: "absolute top-0 right-0 bg-blue-500 text-white rounded-md text-xs p-1",
+      children: badgeTitle
+    })]
+  });
+}
+// Use React.memo with a custom comparison function
+const CategoryItem = React__default.memo(CategoryItemComponent, (prevProps, nextProps) => {
+  if (prevProps.category.id !== nextProps.category.id) return false;
+  if (prevProps.isActive !== nextProps.isActive) return false;
+  if (prevProps.boxColor(prevProps.category.id) !== nextProps.boxColor(nextProps.category.id)) return false;
+  return true;
+});
+const CategoriesTypeList = ({
+  boxColor,
+  iconColor,
+  badgeTitle,
+  extraIcons,
+  categories,
+  initialCategory,
+  aria_label,
+  isExplorerView,
+  splideRef,
+  isNewBadge,
+  handleSearchClick,
+  activeCategory
+}) => {
+  const size = useWindowSize();
+  const {
+    t
+  } = useTranslation(['property-types', 'common']);
+  // Track the currently active category ID internally
+  const [activeCategoryId, setActiveCategoryId] = useState(() => activeCategory || initialCategory.id);
+  // Update internal state when activeCategory prop changes
+  useEffect(() => {
+    setActiveCategoryId(activeCategory || initialCategory.id);
+  }, [activeCategory, initialCategory.id]);
+  // Memoize the merged array
+  const mappedArr = useMemo(() => mergeArrays([initialCategory, ...categories], extraIcons, 'icon'), [initialCategory, categories, extraIcons]);
+  // Splide options
+  const splideOptions = useMemo(() => ({
+    type: 'slide',
+    drag: 'free',
+    perPage: 9,
+    perMove: 1,
+    wheel: true,
+    releaseWheel: true,
+    pagination: false,
+    speed: 500,
+    wheelSleep: 300,
+    breakpoints: {
+      1024: {
+        perPage: 9
+      },
+      600: {
+        perPage: 5
+      },
+      480: {
+        perPage: 3
+      }
+    }
+  }), []);
+  return jsx("div", {
+    className: "w-full relative",
+    children: jsx(Splide, {
+      ref: splideRef,
+      "aria-label": aria_label,
+      options: splideOptions,
+      children: mappedArr.map(d => jsx(SplideSlide, {
+        children: jsx(CategoryItem, {
+          category: d,
+          boxColor: boxColor,
+          size: size,
+          t: t,
+          isNewBadge: isNewBadge,
+          badgeTitle: badgeTitle,
+          handleSearchClick: handleSearchClick,
+          isExplorerView: isExplorerView,
+          isActive: d.id === activeCategoryId
+        }, `category_${d.id}`)
+      }, `button_${d.id}`))
+    })
+  });
+};export{CategoriesTypeList};//# sourceMappingURL=CategoriesTypeList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesTypeList.js","sources":["../../../src/components/UI/CategoriesTypeList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","React"],"mappings":"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"}

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

@@ -0,0 +1,83 @@
+import { ReactElement } from 'react';
+export interface IProperty {
+    id: string;
+    title: string;
+    types: string[];
+    name: string;
+    description?: string;
+    introduction?: string;
+    address: any;
+    location: string;
+    images: any;
+    thumbnailUrl?: string;
+    thumbnailAlt?: string;
+    verificationDocuments?: any;
+    info?: any;
+    user: any;
+    status?: any;
+    errors?: any;
+    preferences?: any;
+    orgName?: string;
+    serviceConfiguration?: any;
+    totalReview?: number;
+    totalStar?: number;
+    reviews?: any;
+    comments?: any;
+    userLikes?: any;
+    calendarEvents?: any[];
+    isUserLike?: boolean;
+    formattedPrice?: number;
+    timeZone: string;
+    createdAt: any;
+    updatedAt?: any;
+    stats?: any;
+    guideBookId?: string;
+    guestSharing?: any;
+}
+export interface IAirbnbProperty {
+    id: string;
+    title: string;
+    types: string[];
+    name: string;
+    description?: string;
+    introduction?: string;
+    address: any;
+    location: string;
+    images: any;
+    thumbnailUrl?: string;
+    thumbnailAlt?: string;
+    verificationDocuments?: any;
+    info?: any;
+    user: any;
+    status?: any;
+    errors?: any;
+    preferences?: any;
+    orgName?: string;
+    serviceConfiguration?: any;
+    totalReview?: number;
+    totalStar?: number;
+    reviews?: any;
+    comments?: any;
+    userLikes?: any;
+    calendarEvents?: any[];
+    isUserLike?: boolean;
+    formattedPrice?: number;
+    timeZone: string;
+    createdAt: any;
+    updatedAt?: any;
+    stats?: any;
+    guideBookId?: string;
+    guestSharing?: any;
+}
+interface ILazyLoadingGoogleMarkerProps {
+    property: IProperty | IAirbnbProperty;
+    isHighlighted: boolean;
+    showPrices: boolean;
+    isActiveMarker: boolean;
+    propertyTypes: any;
+    onMarkerClick: () => void;
+    onInfoBoxClose: () => void;
+}
+export declare const LazyLoadingGoogleMarker: (props: ILazyLoadingGoogleMarkerProps) => ReactElement;
+export {};
+//# sourceMappingURL=LazyLoadingGoogleMarker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLoadingGoogleMarker.d.ts","sourceRoot":"","sources":["../../../src/components/UI/LazyLoadingGoogleMarker.tsx"],"names":[],"mappings":"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"}

package/lib/components/UI/LazyLoadingGoogleMarker.js

@@ -0,0 +1,107 @@
+import {jsx,jsxs}from'react/jsx-runtime';import React__default,{useState,useEffect}from'react';import {PropertyCardOnMap}from'./PropertyCardOnMap.js';import ReactDOMServer from'react-dom/server';import*as path from'@pubngo-stack/icons/lib/rifi-maps/index.js';import*as airbnbPath from'@pubngo-stack/icons/lib/airbnb/airbnbIcons-maps/index.js';import {AdvancedMarker}from'@vis.gl/react-google-maps';const getSvgMapIcon = (types, propertyTypes) => {
+  if (!types || types.length === 0) {
+    return 'data:image/svg+xml;charset=UTF-8,';
+  }
+  const icon = propertyTypes.find(item => item.id === types[0])?.icon || '';
+  return types.length > 1 ? `${icon}MultiType` : icon;
+};
+const pricesMarker = (price, isHighlighted) => {
+  const backgroundColor = isHighlighted ? 'rgb(0, 0, 0)' : 'rgb(255,255,255)';
+  const textColor = isHighlighted ? 'rgb(255, 255, 255)' : 'rgb(0, 0, 0)';
+  const borderRadius = isHighlighted ? '20' : '15';
+  const svgString = `<svg width="84" height="55" viewBox="0 0 84 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <g filter="url(#filter0_dd_7163_1572)">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M25 1C13.9543 1 5 9.95431 5 21C5 32.0457 13.9543 41 25 41H39.2222L42 46L44.7778 41H59C70.0457 41 79 32.0457 79 21C79 9.95431 70.0457 1 59 1H25Z" fill="${backgroundColor}"/>
+        </g>
+
+
+        <text x="42" y="26" font-family="Arial" font-size="14" text-anchor="middle" font-weight="bold" fill="${textColor}">${price || ''}</text>
+        <defs>
+            <filter id="filter0_dd_7163_1572" x="0" y="0" width="84" height="55" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                <feMorphology radius="${borderRadius}" operator="erode" in="SourceAlpha" result="effect1_dropShadow_7163_1572"/>
+                <feOffset dy="2"/>
+                <feGaussianBlur stdDeviation="2"/>
+                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/>
+                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7163_1572"/>
+                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+                <feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect2_dropShadow_7163_1572"/>
+                <feOffset dy="4"/>
+                <feGaussianBlur stdDeviation="3"/>
+                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
+                <feBlend mode="normal" in2="effect1_dropShadow_7163_1572" result="effect2_dropShadow_7163_1572"/>
+                <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_7163_1572" result="shape"/>
+            </filter>
+        </defs>
+    </svg>`;
+  return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svgString);
+};
+const svgToMarkerIcon = async (types, isHighlighted, propertyTypes) => {
+  const resultantIcon = getSvgMapIcon(types, propertyTypes);
+  let iconPath = resultantIcon.toLowerCase().startsWith('airbnb') ? isHighlighted ? airbnbPath[`${resultantIcon}Dark`] : airbnbPath[`${resultantIcon}Light`] : isHighlighted ? path[`${resultantIcon}Dark`] : path[`${resultantIcon}Light`];
+  // New logic to handle the case when iconPath is not found
+  if (!iconPath) {
+    iconPath = isHighlighted ? airbnbPath['AirbnbApartmentDark'] : airbnbPath['AirbnbApartmentLight'];
+  }
+  if (typeof iconPath !== 'function') return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(iconPath);
+  const svg = ReactDOMServer.renderToString(iconPath({
+    width: '50px',
+    height: '50px'
+  }));
+  return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svg);
+};
+const getMapMarkerIcons = async (room, showPrices, isHighlighted, propertyTypes) => {
+  return showPrices ? pricesMarker(room?.preferences?.property?.pricing?.price?.price_breakdown?.details?.summary?.totalBeforeDiscount, isHighlighted) : await svgToMarkerIcon(room.types, isHighlighted, propertyTypes);
+};
+const MarkerImage = React__default.memo(({
+  src,
+  showPrices
+}) => jsx("img", {
+  src: src,
+  alt: "Property Marker",
+  className: showPrices ? 'w-[84px] h-[40px]' : 'w-[90px] h-[60px]'
+}));
+const LazyLoadingGoogleMarker = props => {
+  const {
+    property,
+    isHighlighted,
+    showPrices,
+    isActiveMarker,
+    onInfoBoxClose,
+    onMarkerClick,
+    propertyTypes
+  } = props;
+  const [mapIcon, setMapIcon] = useState('');
+  useEffect(() => {
+    (async () => {
+      const icon = await getMapMarkerIcons(property, showPrices, isHighlighted, propertyTypes);
+      setMapIcon(icon);
+    })();
+  }, [isHighlighted, showPrices]);
+  if (!property) {
+    return;
+  }
+  return jsx(AdvancedMarker, {
+    position: {
+      lat: property.address.latitude_around,
+      lng: property.address.longitude_around
+    },
+    title: property.name,
+    onClick: onMarkerClick,
+    zIndex: isHighlighted ? 999 : 1,
+    children: jsxs("div", {
+      className: "relative cursor-pointer transform -translate-x-1/2 -translate-y-1/2",
+      children: [mapIcon && jsx(MarkerImage, {
+        src: mapIcon,
+        showPrices: showPrices
+      }), isActiveMarker && jsx("div", {
+        className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 bg-white p-2.5 rounded-2xl z-[1000] w-[300px] shadow-[0_12px_24px_0_rgba(0,0,0,0.1),_0_2px_8px_0_rgba(0,0,0,0.05)]",
+        children: jsx(PropertyCardOnMap, {
+          room: property,
+          isSaved: false
+        })
+      })]
+    })
+  });
+};export{LazyLoadingGoogleMarker};//# sourceMappingURL=LazyLoadingGoogleMarker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyLoadingGoogleMarker.js","sources":["../../../src/components/UI/LazyLoadingGoogleMarker.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":"8YAwFA,MAAM,aAAa,GAAG,CAAC,KAAe,EAAE,aAAkB,KAAI;MACtD,CAAA,SAAU,KAAA,CAAA,MAAY,KAAA,CAAA,EAAM;AAC5B,IAAA,OAAA;;QAEE,IAAA,GAAO,aAAA,CAAA,IAAc,CAAA,IAAM,IAAM,IAAG,CAAA,EAAA,KAAO,KAAU,CAAA,CAAA,CAAA,CAAA,EAAE,IAAI,IAAI,EAAI;AACzE,EAAA,OAAA,KAAY,CAAA,MAAO,GAAA,CAAA,GAAK,CAAC,EAAC,cAAkB,CAAA,GAAC;AACjD,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,aAAsB,KAAI;QACrD,eAAA,GAAkB,aAAA,GAAc,cAAE,GAAe,kBAAE;QACnD,SAAA,GAAY,aAAA,GAAc,oBAAE,GAAqB,cAAE;QACnD,YAAA,GAAe,aAAA,GAAc,IAAE,GAAK,IAAE;AAG5C,EAAA,MAAA,YAAkB,CAAA;;sNAEgM,eAAe,CAAA;;;;+GAItH,SAAS,CAAA,EAAA,EAChH,KAAK,IAAI,EACb,CAAA;;;;;wCAKoC,YAAY,CAAA;;;;;;;;;;;;;;WAczC;AAEP,EAAA,OAAA,sCAA6C,kBAAA,CAAA,SAAmB,CAAA;AACpE,CAAC;AAED,MAAM,eAAe,GAAG,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,KAAI;QAC5D,aAAA,gBAA6B,CAAA,OAAM,aAAE,CAAA;MACvC,QAAA,GAAW,aAAA,CAAA,WAAc,EAAW,WAAG,CAAA,QAAW,CAAA,GAAS,aAAA,GAAA,UAAA,CAAA,CAAA,EAAA,aAAA,CAAA,IAAA,CAAA,CAAA,GAAA,UAAA,CAAA,CAAA,EAAA,aAAA,CAAA,KAAA,CAAA,CAAA,GAAA,aAAA,GAAA,IAAA,CAAA,CAAA,EAAA,aAAA,CAAA,IAAA,CAAA,CAAA,GAAA,IAAA,CAAA,CAAA,EAAA,aAAA,CAAA,KAAA,CAAA,CAAA;AAC3D;AACI,EAAA,IAAA,CAAA,QAAY,EAAA;AACZ,IAAA,QAAA,GAAY,aAAI,GAAA,UAAa,sBAAQ,CAAA,GAAA,UAAA,CAAA,sBAAA,CAAA;AACzC;AACA,EAAA,IAAA,OAAC,QAAS,KAAA,mBAAoB,mCAAA,GAAA,kBAAA,CAAA,QAAA,CAAA;AAC9B,EAAA,MAAA,GAAA,GAAE,cAAqB,CAAA,cAAQ,CAAC,QAAA,CAAA;IAEpC,KAA0D,EAAA,MAAA;IAC1D,MAAa,EAAA;AACT,GAAA,CAAA,CAAA;SACH,mCAAA,GAAA,kBAAA,CAAA,GAAA,CAAA;;AAEmC,MAAA,6CAA6C,aAAA,EAAA,aAAmB,KAAU;AAC9G,EAAA,OAAA,UAAY,GAAA,YAA6B,CAAA,IAAA,EAAA,aAC7B,QAAC,EAAA,OAAA,EAAA,KAAA,EAAA,eAAA,EAAA,OAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,aAAA,CAAA,GAAA,MAAA,eAAA,CAAA,IAAA,CAAA,KAAA,EAAA,aAAA,EAAA,aAAA,CAAA;AACL,CAAA;AACA,MAAA,WAAc,GAAAA,cAAA,CAAA,IAAA,CAAA,CAAA;AACjB,EAAA,GAAA;AAEL,EAAA;AACJ,CAAC,KAACC,GAAA,CAAA,KAAA,EAAA;AACF,EAAA,GAAA,EAAuB,GAAA;AACnB,EAAA,GAAA,EAAA,iBAAiB;uBAEP,GAAA,mBAA2B,GAAA;AAGjC,CAAA,CAAA,CAAA;AACN,MAAA,uBAAA,GAAA,KAAA,IAAA;AAEF,EAAA;AAIA,IAAA,QAAa;AACT,IAAA,aAAgB;IAChB,UAAc;IAEd,cAAe;kBACD;AACN,IAAA,aAAA;;;AAGR,EAAA,MAAI,CAAA,OAAA,EAAA,UAAyB,CAAA,GAAA,QAAG,CAAA,EAAA,CAAA;WAEnB,CAAA,MAAA;iBACF;MACV,MAAA,IAAA,GAAA,MAAA,iBAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,aAAA,CAAA;AAED,MAAA,UACI,CAAC,IAAc,CAAA;AAEP,KAAA,GAAA;AACA,GAAA,EAAA,CAAA,aAAK,EAAA,UAAS,CAAA,CAAO;AACxB,EAAA,IAAA,CAAA,QACI,EAAA;AAcjB,IAAE;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+export declare const Pagination: ({ currentPage, totalPages, onPageChange }: {
+    currentPage: any;
+    totalPages: any;
+    onPageChange: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/UI/Pagination.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,GAAI;;;;CAAyC,4CA8DnE,CAAC"}