@prijsvrijtechsupport/ui 0.0.40 → 0.0.42

package/dist/{src/components → components}/colorScheme/index.d.ts

@@ -2,7 +2,7 @@ import { type ButtonHTMLAttributes } from "react";
 export interface ColorSchemeProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     children?: React.ReactNode;
 }
-export declare function ColorScheme({ children, ...props }: ColorSchemeProps): import("react").ReactNode;
+export declare function ColorScheme({ children, }: ColorSchemeProps): import("react").ReactNode;
 export declare namespace ColorScheme {
     var displayName: string;
 }

package/dist/{src/components → components}/dropdown/index.d.ts

@@ -7,7 +7,7 @@ interface DropdownProps {
     className?: string;
     loading?: boolean;
     dropdownItems?: DropdownItem[];
-    selectedItem?: DropdownItem;
+    selectedItem?: DropdownItem | undefined;
     onClick: (item: DropdownItem) => void;
     dropdownIcon?: React.ReactNode;
 }

package/dist/{src/components → components}/footer/FooterBar.d.ts

@@ -15,7 +15,7 @@ export type FooterBarData = {
 interface FooterBarProps {
     "data-testid"?: string;
     className?: string;
-    data?: FooterBarData;
+    data?: FooterBarData | undefined;
 }
 export declare const FooterBar: ({ className, data, "data-testid": dataTestId, ...props }: FooterBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{src/components → components}/footer/FooterNavigation.d.ts

@@ -9,8 +9,8 @@ export type FooterNavigationColumn = {
 interface FooterNavigationProps {
     "data-testid"?: string;
     className?: string;
-    showIcon?: boolean;
-    columns?: FooterNavigationColumn[];
+    showIcon?: boolean | undefined;
+    columns?: FooterNavigationColumn[] | undefined;
 }
 export declare const FooterNavigation: ({ className, showIcon, columns, "data-testid": dataTestId, ...props }: FooterNavigationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{src/components → components}/footer/index.d.ts

@@ -4,9 +4,9 @@ import { type FooterBarData } from "./FooterBar";
 interface FooterProps extends HTMLAttributes<HTMLElement> {
     "data-testid"?: string;
     className?: string;
-    showIcon?: boolean;
-    navigationColumns?: FooterNavigationColumn[];
-    footerBarData?: FooterBarData;
+    showIcon?: boolean | undefined;
+    navigationColumns?: FooterNavigationColumn[] | undefined;
+    footerBarData?: FooterBarData | undefined;
 }
 export declare const Footer: ({ className, showIcon, navigationColumns, footerBarData, "data-testid": dataTestId, ...props }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{src/components → components}/header/index.d.ts

@@ -3,7 +3,7 @@ interface DividerProps {
     "data-testid"?: string;
     className?: string;
     middleNavigation: React.ReactElement;
-    menuItems?: MenuItemType[];
+    menuItems?: MenuItemType[] | undefined;
 }
 export declare const Header: ({ className, middleNavigation, menuItems, "data-testid": dataTestId }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export { Divider } from "@components/divider";

package/dist/{src/components → components}/hotelAccomodationResults/index.d.ts

@@ -2,7 +2,7 @@ interface HotelAccomodationResultsProps {
     "data-testid"?: string;
     className?: string;
     hotel: HotelData;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
 }
 export interface HotelData {
     Id: string;

package/dist/{src/components → components}/menu/index.d.ts

@@ -1,7 +1,7 @@
 interface MenuProps {
     "data-testid"?: string;
     className?: string;
-    items?: MenuItemType[];
+    items?: MenuItemType[] | undefined;
 }
 export interface MenuItemType {
     name: string;

package/dist/{src/components → components}/priceBox/index.d.ts

@@ -15,6 +15,6 @@ export interface PriceBoxProps {
     noBorder?: boolean;
     noHover?: boolean;
     hidePrice?: boolean;
-    onClick?: () => void;
+    onClick?: (() => void) | undefined;
 }
 export declare const PriceBox: ({ className, hotel, brand, noBorder, noHover, hidePrice, onClick, "data-testid": dataTestId, }: PriceBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{src/components → components}/radioButton/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export interface IRadioButton extends React.InputHTMLAttributes<HTMLInputElement> {
     id?: string;
     name?: string;

package/dist/{src/components → components}/reviews/index.d.ts

@@ -13,5 +13,5 @@ interface IReviewsProps {
     countStarsText: string[];
     numberOfReviewsText: string;
 }
-export declare const Reviews: ({ totalRatings, ratings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText, }: IReviewsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Reviews: ({ totalRatings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText, }: IReviewsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{src/components → components}/searchBoxResults/index.d.ts

@@ -10,7 +10,7 @@ interface SearchBoxItem {
 }
 interface SearchBoxResultsProps {
     className?: string;
-    searchBoxItems?: SearchBoxItem[];
+    searchBoxItems?: SearchBoxItem[] | undefined;
     onClick: (value: string) => void;
     style?: React.CSSProperties;
 }

package/dist/{src/components → components}/slider/index.d.ts

@@ -1,16 +1,16 @@
 import { type HTMLAttributes, type ReactNode } from "react";
 import type { EmblaOptionsType, EmblaPluginType } from "embla-carousel";
 export interface SliderProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
+    className?: string | undefined;
     slides: ReactNode[];
-    options?: EmblaOptionsType;
-    plugins?: EmblaPluginType[];
-    lazyLoad?: boolean;
-    showArrows?: boolean;
-    showDots?: boolean;
-    dotsPlacement?: "inside" | "outside";
+    options?: EmblaOptionsType | undefined;
+    plugins?: EmblaPluginType[] | undefined;
+    lazyLoad?: boolean | undefined;
+    showArrows?: boolean | undefined;
+    showDots?: boolean | undefined;
+    dotsPlacement?: "inside" | "outside" | undefined;
     overlay?: ReactNode;
-    overlayClassName?: string;
+    overlayClassName?: string | undefined;
     viewportClassName?: string;
     containerClassName?: string;
     slideClassName?: string;

package/dist/components/temp/index.d.ts

@@ -0,0 +1 @@
+export declare const Temp: () => import("react/jsx-runtime").JSX.Element;

package/dist/{src/components → components}/textInput/index.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent } from "react";
+import React, { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent } from "react";
 export type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightSection?: React.ReactNode;
     leftSection?: React.ReactNode;

package/dist/{src/components → components}/toggle/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 interface TransportOption {
     id: string;
     label: string;
@@ -7,7 +6,7 @@ interface TransportOption {
 }
 interface TransportToggleProps {
     options: TransportOption[];
-    selectedValue: string;
+    selectedValue?: string | undefined;
     onSelect: (value: string) => void;
     disabled?: boolean;
     disabledSingle?: "FL" | "HO";
@@ -17,6 +16,6 @@ interface TransportToggleProps {
     orientation?: "vertical" | "horizontal";
 }
 export declare const TransportToggle: React.FC<TransportToggleProps>;
-export declare const Toggle: React.FC<TransportToggleProps>;
+export declare const Toggle: import("react").FC<TransportToggleProps>;
 export type { TransportOption, TransportToggleProps };
 export type ToggleProps = TransportToggleProps;

package/dist/index.cjs

@@ -5028,7 +5028,7 @@ const ResultPageFilterBox = ({ className, filters, clickFunction,...props }) =>
 		},
 		{
 			name: arrivalDateData?.Name,
-			value: arrivalDateData?.Items.length === 1 ? arrivalDateData.Items[0].Name : arrivalDateData?.Items?.find((item) => item.Active)?.Name || "Geen voorkeur",
+			value: arrivalDateData?.Items?.length === 1 ? arrivalDateData?.Items[0]?.Name : arrivalDateData?.Items?.find((item) => item.Active)?.Name || "Geen voorkeur",
 			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconArrival, { className: "size-5" }),
 			disabled: Boolean(arrivalDateData?.Items && arrivalDateData?.Items.length <= 1)
 		},
@@ -7083,7 +7083,7 @@ const ActionIcon = (0, react.forwardRef)(({ title, disabled = false, styleVarian
 		children: icon ? formatIcon(icon, {
 			stroke: strokeWidth,
 			size: iconSize
-		}) : props.children
+		}) : props["children"]
 	}) });
 });
 ActionIcon.displayName = "ActionIcon";
@@ -7108,7 +7108,6 @@ const Alert = ({ show, message, type, plain = false, className }) => {
 				"data-testid": "check-circle-icon"
 			});
 		}
-		return null;
 	};
 	(0, react.useEffect)(() => {
 		setShowAlert(show);
@@ -7146,7 +7145,7 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 		className: (0, clsx.default)("relative", wrapperClassName),
 		children: [
 			typeof label === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				htmlFor: props.id,
+				htmlFor: props["id"],
 				className: "mb-2 flex items-center gap-1 text-xs font-medium text-black",
 				children: label
 			}) : label,
@@ -7494,6 +7493,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 		className: "w-full",
 		ref: popoverRef,
 		content: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_day_picker.DayPicker, {
+			...className && { className },
 			mode: "single",
 			selected,
 			onSelect: handleDayClick,
@@ -7504,7 +7504,6 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			onMonthChange: (newMonth$1) => setNewMonth(newMonth$1),
 			showOutsideDays: true,
 			disabled: disabledFrom ? { before: disabledFrom } : disabledUntil ? { after: disabledUntil } : undefined,
-			className,
 			classNames: {
 				month_grid: "mt-3 max-w-[400px] border-t border-gray-100",
 				month_caption: "text-sm font-bold",
@@ -7609,7 +7608,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 									className: "shadow-dropdown absolute z-70 rounded-md border border-gray-50 bg-white max-h-64 overflow-y-auto",
 									children: years.map((year) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										onClick: () => {
-											const newDate = months?.[0].date || new Date();
+											const newDate = months?.[0]?.date || new Date();
 											newDate.setFullYear(year);
 											goToMonth(newDate);
 											setDropdownOpened({
@@ -8109,7 +8108,7 @@ const ReviewsLine = ({ maxValue, amount, countStarsText }) => /* @__PURE__ */ (0
 function formatRating(rating) {
 	return rating === 0 ? 0 : rating.toFixed(1);
 }
-const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+const Reviews = ({ totalRatings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	className: "bg-ultra-light-gray flex w-full flex-col p-6 md:flex-row",
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "mb-5 flex flex-1 flex-row items-start justify-start gap-5 md:mb-0 md:flex-col md:justify-center md:gap-0",
@@ -8137,7 +8136,7 @@ const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, count
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReviewsLine, {
 				amount: rating.amount,
 				maxValue: totalRatings,
-				countStarsText: countStarsText[arrayIndex - 1]
+				countStarsText: countStarsText[arrayIndex - 1] || ""
 			}, i);
 		})
 	})]
@@ -8581,7 +8580,7 @@ const Textarea = (0, react.forwardRef)(({ className, label, error, rows = 8,...p
 //#region src/components/timeInput/index.tsx
 const TimeInput = (0, react.forwardRef)(({ label, error, withSeconds, className = "",...props }, ref) => {
 	const handleTimeChange = (e) => {
-		if (props.onChange) props.onChange(e);
+		if (props["onChange"]) props["onChange"](e);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "leading-none",
@@ -8589,7 +8588,7 @@ const TimeInput = (0, react.forwardRef)(({ label, error, withSeconds, className
 		children: [
 			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 				className: "mb-2 block text-xs font-medium",
-				htmlFor: props.id,
+				htmlFor: props["id"],
 				children: label
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -9052,14 +9051,6 @@ const Calendar = ({ className, month, year = 2026,...props }) => {
 		const total = mondayIndex + daysInMonth;
 		return (7 - total % 7) % 7;
 	}, [mondayIndex, daysInMonth]);
-	const selectedDate = (0, react.useMemo)(() => {
-		if (!selectedDay) return null;
-		return new Date(year, month, selectedDay);
-	}, [
-		selectedDay,
-		year,
-		month
-	]);
 	const defaultSelectableDay = (0, react.useMemo)(() => {
 		const isSameMonthAsToday = today.getFullYear() === year && today.getMonth() === month;
 		if (isSameMonthAsToday) {
@@ -9338,7 +9329,7 @@ const MatrixTable = ({ className, startDuration, endDuration, startDate, endDate
 								itemsGroupedByDurationEntries.map(([durationInDays, groupedItems]) => {
 									const cheapestItem = groupedItems.reduce((acc, curr) => {
 										return curr.Price.Value < acc.Price.Value ? curr : acc;
-									}, groupedItems[0]);
+									});
 									const itemsByDate = groupedItems.reduce((acc, item) => {
 										const dateOnly = item.DepartureDate.slice(0, 10);
 										const existing = acc[dateOnly];
@@ -10415,7 +10406,6 @@ const FlightSwitch = ({ className, leg, direction, onClassSelect,...props }) =>
 	const [stopOversOpen, setStopOversOpen] = (0, react.useState)(false);
 	const [selectedClassId, setSelectedClassId] = (0, react.useState)(null);
 	const hasStopOvers = leg.StopOvers && leg.StopOvers.length > 1;
-	const isDirectFlight = !hasStopOvers;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-component": "flight-switch",
 		className: (0, clsx.default)(className, "border border-primary-light-50 bg-white flex flex-col divide-y divide-primary-light-50 rounded-sm"),
@@ -11104,24 +11094,24 @@ const Collection = ({ className, images, collectionTitle, collectionDescription,
 				className: "col-span-2 row-span-2",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 					className: "h-full w-full object-cover",
-					src: images[0].src,
-					alt: images[0].alt
+					src: images[0]?.src,
+					alt: images[0]?.alt
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "col-span-1 row-span-1",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 					className: "h-full w-full object-cover",
-					src: images[1].src,
-					alt: images[1].alt
+					src: images[1]?.src,
+					alt: images[1]?.alt
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "col-span-1 row-span-1",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 					className: "h-full w-full object-cover",
-					src: images[2].src,
-					alt: images[2].alt
+					src: images[2]?.src,
+					alt: images[2]?.alt
 				})
 			})
 		]
@@ -11207,9 +11197,8 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange, onPagesCh
 	const isLast = sortedPages.length === 0 || derivedIndex >= sortedPages.length - 1;
 	const previousPage = !isFirst ? sortedPages[derivedIndex - 1] : undefined;
 	const nextPage = !isLast ? sortedPages[derivedIndex + 1] : undefined;
-	const currentGroupStart = isGrouped ? sortedPages[0] : undefined;
-	const canGoGroupPrev = isGrouped ? sortedPages[0] > 1 : !isFirst;
-	const canGoGroupNext = isGrouped ? sortedPages[0] + groupSize <= totalPages : !isLast;
+	const canGoGroupPrev = isGrouped ? sortedPages[0] !== undefined && sortedPages[0] > 1 : !isFirst;
+	const canGoGroupNext = isGrouped ? sortedPages[0] !== undefined && sortedPages[0] + groupSize <= totalPages : !isLast;
 	const buildGroup = (start) => {
 		const safeStart = Math.max(1, start);
 		const max = totalPages;
@@ -11228,10 +11217,12 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange, onPagesCh
 				onClick: () => {
 					if (isGrouped) {
 						const groupStart = sortedPages[0];
-						const prevStart = groupStart - groupSize;
-						const newPages = buildGroup(prevStart);
-						onPagesChange?.(newPages);
-						if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						if (groupStart !== undefined) {
+							const prevStart = groupStart - groupSize;
+							const newPages = buildGroup(prevStart);
+							onPagesChange?.(newPages);
+							if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						}
 						return;
 					}
 					if (previousPage !== undefined) onPageChange?.(previousPage);
@@ -11261,10 +11252,12 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange, onPagesCh
 				onClick: () => {
 					if (isGrouped) {
 						const groupStart = sortedPages[0];
-						const nextStart = groupStart + groupSize;
-						const newPages = buildGroup(nextStart);
-						onPagesChange?.(newPages);
-						if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						if (groupStart !== undefined) {
+							const nextStart = groupStart + groupSize;
+							const newPages = buildGroup(nextStart);
+							onPagesChange?.(newPages);
+							if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						}
 						return;
 					}
 					if (nextPage !== undefined) onPageChange?.(nextPage);