@prijsvrijtechsupport/ui 0.0.41 → 0.0.43

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

@@ -4120,23 +4120,52 @@ Logo.displayName = "Logo";
 //#region src/components/pageRating/index.tsx
 const RATING_COLORS = [
 	"#FB3C00",
+	"#FB3C00",
+	"#FB7800",
 	"#FB7800",
 	"#FBD300",
+	"#FBD300",
 	"#73CF11",
+	"#00B845",
 	"#00B845"
 ];
 const PageRating = ({ rating, ratingsCount, text, className }) => {
 	const RatingBox = ({ rating: boxRating, ratingsCount: ratingsCount$1 }) => {
-		const ratingColor = boxRating > 0 ? RATING_COLORS[Math.min(Math.floor(boxRating) - 1, RATING_COLORS.length - 1)] : "rgba(0,0,0,0.25)";
+		const roundedRating = Math.round(boxRating * 2) / 2;
+		let ratingColor = "rgba(0,0,0,0.25)";
+		if (boxRating > 0) {
+			if (roundedRating % 1 !== 0) {
+				const halfColorIndex = Math.floor(roundedRating) * 2 - 1;
+				ratingColor = RATING_COLORS[Math.min(halfColorIndex, RATING_COLORS.length - 1)] || "#FB3C00";
+			} else {
+				const fullColorIndex = Math.floor(boxRating) * 2 - 2;
+				ratingColor = RATING_COLORS[Math.min(fullColorIndex, RATING_COLORS.length - 1)] || "#FB3C00";
+			}
+		}
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex gap-1",
 			children: Array.from({ length: ratingsCount$1 }, (_, i) => {
-				const isActive = i < Math.floor(boxRating);
-				const color = isActive ? ratingColor : "rgba(0,0,0,0.25)";
+				const starIndex = i + 1;
+				const isFullyFilled = starIndex <= Math.floor(roundedRating);
+				const isHalfFilled = starIndex === Math.ceil(roundedRating) && roundedRating % 1 !== 0;
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "w-6 h-6 rounded flex items-center justify-center",
-					style: { backgroundColor: color },
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					className: "w-6 h-6 rounded flex items-center justify-center relative overflow-hidden",
+					style: { backgroundColor: isFullyFilled ? ratingColor : "rgba(0,0,0,0.25)" },
+					children: isHalfFilled ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "relative w-6 h-6 flex items-center justify-center",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "absolute inset-0 z-0",
+							style: {
+								backgroundColor: ratingColor,
+								clipPath: "inset(0 50% 0 0)"
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							viewBox: "0 0 24 24",
+							fill: "white",
+							className: "w-5 h-5 absolute top-[2px] left-[2px] inset-0 z-10",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 16.1748L15.65 15.2498L17.175 19.9498L12 16.1748ZM20.4 10.0998H13.975L12 4.0498L10.025 10.0998H3.59998L8.79998 13.8498L6.82498 19.8998L12.025 16.1498L15.225 13.8498L20.4 10.0998Z" })
+						})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
 						viewBox: "0 0 24 24",
 						fill: "white",
 						className: "w-5 h-5",
@@ -4180,7 +4209,7 @@ const PriceCheck = ({ className, price, text, disabled = false, "data-testid": t
 			children: text
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-			className: "price-check-price-padding text-start price-check-color-price price-check-fontFamily-price font-bold text-3xl whitespace-nowrap price-check-price-margin-top",
+			className: "price-check-price-padding text-start price-check-color-price price-check-fontFamily-price font-bold text-2xl whitespace-nowrap price-check-price-margin-top",
 			children: [
 				price,
 				",",
@@ -5028,7 +5057,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 +7112,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 +7137,6 @@ const Alert = ({ show, message, type, plain = false, className }) => {
 				"data-testid": "check-circle-icon"
 			});
 		}
-		return null;
 	};
 	(0, react.useEffect)(() => {
 		setShowAlert(show);
@@ -7146,7 +7174,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 +7522,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 +7533,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 +7637,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 +8137,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 +8165,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 +8609,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 +8617,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 +9080,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 +9358,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 +10435,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 +11123,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 +11226,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 +11246,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 +11281,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);