@hotelcard/ui 0.0.39 → 0.0.40

package/README.md

@@ -112,6 +112,8 @@ The package includes built-in translations for `de`, `en`, `fr`, and `it` locale
 | `DualCalendar` | Calendar component for date range selection |
 | `GuestContent` | Guest selector with adults, children (with ages), and pet toggle |
 | `HotelCard` | Hotel card for search results with image carousel, rating, and pricing |
+| `SearchModal` | Full-screen search modal with destination, dates, and guest selection |
+| `SearchModalContent` | Content-only version for custom modal wrappers (e.g., IonModal) |
 
 ### Icons
 
@@ -288,6 +290,45 @@ const hotel: HotelCardHotel = {
 
 Translations (rating labels, price text, etc.) are handled automatically via `HotelCardUIProvider`.
 
+### SearchModal
+
+Full-screen search modal for destination, date, and guest selection:
+
+```tsx
+import { SearchModal, type SearchModalSearchParams } from '@hotelcard/ui';
+
+<SearchModal
+  isOpen={isSearchOpen}
+  onSearch={(params: SearchModalSearchParams) => {
+    // params: { query, guests, dateRange, monthFilter }
+    console.log('Search:', params);
+    setIsSearchOpen(false);
+  }}
+  onClose={() => setIsSearchOpen(false)}
+  initialQuery=""
+  initialGuests={{ adults: 2, children: 0, childrenAges: [] }}
+/>
+```
+
+#### Using SearchModalContent with custom modal wrapper (e.g., Ionic)
+
+For apps that need custom modal handling (like Ionic's z-index management), use `SearchModalContent`:
+
+```tsx
+import { IonModal } from '@ionic/react';
+import { SearchModalContent, type SearchModalSearchParams } from '@hotelcard/ui';
+
+<IonModal isOpen={isOpen} onDidDismiss={onClose}>
+  <SearchModalContent
+    onSearch={handleSearch}
+    onClose={onClose}
+    initialQuery={query}
+    initialGuests={guests}
+    showHeader={true}  // Shows close button and header
+  />
+</IonModal>
+```
+
 ### Checkbox & RadioButton
 
 ```tsx
@@ -345,6 +386,9 @@ import type {
   HotelCardHotel,
   HotelCardImageProps,
   HotelCardContentProps,
+  SearchModalProps,
+  SearchModalContentProps,
+  SearchModalSearchParams,
 
   // Context Types
   UIContextValue,