@tui-cruises/mein-schiff-web-react-component-library 2.2.0 → 2.2.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.2.1](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.2.0...v2.2.1) (2025-07-18)
+
+
+### Bug Fixes
+
+* set IconButton as 'use client' to fix import problems ([6a1c421](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/6a1c42100b9f38fd3b6ed7c9b8d931afe4774b7c))
+
 ## [2.2.0](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.1.0...v2.2.0) (2025-07-15)
 
 
@@ -12,7 +19,7 @@ All notable changes to this project will be documented in this file. See [standa
 
 ### Bug Fixes
 
-* **OM-2207:** form label with error style for data-invalid attribute ([285587c](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/285587cee026b4dc5c9d9ca5efa8fc87080244c8))
+* form label with error style for data-invalid attribute ([285587c](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/commit/285587cee026b4dc5c9d9ca5efa8fc87080244c8))
 
 ### [2.1.0](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.0.5...v2.1.0) (2025-06-19)
 
@@ -56,4 +63,4 @@ All notable changes to this project will be documented in this file. See [standa
 
 ### [2.0.0-rc.1](https://bitbucket.org/yours_truly/tuic-mein-schiff-web-react-component-library/compare/v2.0.0...v2.0.0-rc.1) (2025-04-29)
 
-* **Release:** initial release candidate
+* **Release:** initial release candidate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tui-cruises/mein-schiff-web-react-component-library",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "main": "./index.tsx",
   "types": "./index.tsx",
   "type": "module",

package/src/components/core/Calendar/Calendar.tsx

@@ -2,19 +2,23 @@
 
 import * as React from 'react';
 import { useEffect, useState } from 'react';
-import { DayPicker, Matcher } from 'react-day-picker';
+import {
+  DayPicker,
+  DayPickerBase,
+  DayPickerMultipleProps,
+  DayPickerRangeProps,
+  DayPickerSingleProps,
+  Matcher,
+} from 'react-day-picker';
 import { de, enGB } from 'date-fns/locale';
 
 import { twJoin } from 'tailwind-merge';
-import { Icon } from '../../core/Icon';
+import { Icon } from '../Icon';
 import { Locale as I18nLocale } from '@tuic/i18n';
-import { TextButton } from '../../core/TextButton';
+import { TextButton } from '../TextButton';
 import { differenceInMonths } from 'date-fns';
 
-export type CalendarProps = Omit<
-  React.ComponentProps<typeof DayPicker>,
-  'locale' | 'fromDate'
-> & {
+type BaseProps = Omit<DayPickerBase, 'locale' | 'fromDate'> & {
   localeCode?: I18nLocale;
   useShowMoreButtonOnMobile?: boolean;
   showPrevMonthsButtonLabel?: string;
@@ -23,6 +27,11 @@ export type CalendarProps = Omit<
   pastIsPickable?: boolean;
 };
 
+export type CalendarProps =
+  | (BaseProps & DayPickerSingleProps)
+  | (BaseProps & DayPickerMultipleProps)
+  | (BaseProps & DayPickerRangeProps);
+
 const DEFAULT_LOCALE: I18nLocale = 'de';
 
 /**
@@ -243,7 +252,7 @@ function Calendar({
           cell: twJoin(
             'relative w-1/7 p-0 text-center text-xs focus-within:relative focus-within:z-20' +
               '[&:has([aria-selected].day-range-end)]:rounded-r-lg [&:has([aria-selected])]:bg-surface-secondary-7 [&:has([aria-selected].day-outside)]:bg-surface-secondary-7',
-            props.mode === 'range'
+            (props.mode as string) === 'range'
               ? '[&:has(>.day-range-end)]:rounded-r-lg [&:has(>.day-range-start)]:rounded-l-lg first:[&:has([aria-selected])]:rounded-l-lg last:[&:has([aria-selected])]:rounded-r-lg'
               : '[&:has([aria-selected])]:rounded-sm',
           ),

package/src/components/core/IconButton/IconButton.tsx

@@ -1,4 +1,6 @@
-import { Icon, IconName } from '../../core/Icon';
+'use client'
+
+import { Icon, IconName } from '../Icon';
 import {
   ButtonHTMLAttributes,
   forwardRef,