@youngonesworks/ui 1.0.3 → 1.0.5

package/dist/index.js

@@ -1,6 +1,4 @@
-'use client';
-
-
+"use client";
 import * as React$1 from "react";
 import React, { Fragment, cloneElement, createRef, forwardRef, isValidElement, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { IconAlertCircle, IconAlertTriangle, IconArrowNarrowLeft, IconBold, IconCalendar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCircleCheck, IconClearFormatting, IconDotsVertical, IconEyeCheck, IconEyeOff, IconFilter, IconHeart, IconHeartFilled, IconItalic, IconList, IconListNumbers, IconMessageDots, IconSearch, IconSelector, IconUnderline, IconX } from "@tabler/icons-react";
@@ -14,26 +12,22 @@ import { enGB, fr, nl, nlBE } from "date-fns/locale";
 import { createPortal } from "react-dom";
 import { Tooltip as Tooltip$1 } from "react-tooltip";
 import phone from "phone";
-import CountryList from "country-list-with-dial-code-and-flag";
+import CountryListImport from "country-list-with-dial-code-and-flag";
 import { Placeholder } from "@tiptap/extension-placeholder";
 import { Underline } from "@tiptap/extension-underline";
 import { EditorContent, useEditor } from "@tiptap/react";
 import { StarterKit } from "@tiptap/starter-kit";
-
-//#region src/jsx-runtime-shim.ts
-const jsx$1 = React$1.createElement;
-const jsxs$1 = React$1.createElement;
-const Fragment$2 = React$1.Fragment;
-
+React$1.createElement;
+React$1.createElement;
+React$1.Fragment;
 //#endregion
 //#region src/utils/cn.ts
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
-
 //#endregion
 //#region src/components/unstyledButton/index.tsx
-const UnstyledButton = forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("button", {
+const UnstyledButton = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("button", {
 	type: "button",
 	"data-component": "unstyledButton",
 	className: cn("appearance-none", className),
@@ -41,7 +35,6 @@ const UnstyledButton = forwardRef(({ className,...props }, ref) => /* @__PURE__
 	...props
 }));
 UnstyledButton.displayName = "UnstyledButton";
-
 //#endregion
 //#region src/components/accordion/AccordionItem.tsx
 const AccordionItem = ({ controlContent, panelContent, style = "light", border = false, chevronPosition = "left", disabled = false, active = false, endContent, className }) => {
@@ -87,7 +80,6 @@ const AccordionItem = ({ controlContent, panelContent, style = "light", border =
 		})]
 	}) });
 };
-
 //#endregion
 //#region src/components/accordion/AccordionWrapper.tsx
 const AccordionWrapper = ({ children, className }) => /* @__PURE__ */ jsx("div", {
@@ -96,21 +88,16 @@ const AccordionWrapper = ({ children, className }) => /* @__PURE__ */ jsx("div",
 	className: cn(className, "flex flex-col gap-2"),
 	children
 });
-
 //#endregion
 //#region src/hooks/useMergeRefs.ts
 function useMergeRefs(...refs) {
 	return useCallback((value) => {
 		refs.forEach((ref) => {
-			if (typeof ref === "function") {
-				ref(value);
-			} else if (ref) {
-				ref.current = value;
-			}
+			if (typeof ref === "function") ref(value);
+			else if (ref) ref.current = value;
 		});
 	}, [refs]);
 }
-
 //#endregion
 //#region src/components/tooltip/index.tsx
 const sizeClasses = {
@@ -134,15 +121,11 @@ const Tooltip = ({ content, children, passedOpen = false, size = "md", variant =
 		],
 		whileElementsMounted: autoUpdate
 	});
-	const hover = useHover(context, { move: false });
-	const focus = useFocus(context);
-	const dismiss = useDismiss(context);
-	const role = useRole(context, { role: "tooltip" });
 	const { getReferenceProps, getFloatingProps } = useInteractions([
-		hover,
-		focus,
-		dismiss,
-		role
+		useHover(context, { move: false }),
+		useFocus(context),
+		useDismiss(context),
+		useRole(context, { role: "tooltip" })
 	]);
 	const childRef = children.ref;
 	const mergedRef = useMergeRefs(refs.setReference, childRef);
@@ -203,65 +186,52 @@ const Tooltip = ({ content, children, passedOpen = false, size = "md", variant =
 	})] });
 };
 Tooltip.displayName = "Tooltip";
-
 //#endregion
 //#region src/utils/enums.ts
-let ACTION_ICON_STYLE_VARIANT = /* @__PURE__ */ function(ACTION_ICON_STYLE_VARIANT$1) {
-	ACTION_ICON_STYLE_VARIANT$1["DEFAULT"] = "default";
-	ACTION_ICON_STYLE_VARIANT$1["TRANSPARENT"] = "transparent";
-	ACTION_ICON_STYLE_VARIANT$1["SMALL"] = "small";
-	ACTION_ICON_STYLE_VARIANT$1["ROUND"] = "round";
-	return ACTION_ICON_STYLE_VARIANT$1;
-}({});
-let THEME_ICON_STYLE_VARIANT = /* @__PURE__ */ function(THEME_ICON_STYLE_VARIANT$1) {
-	THEME_ICON_STYLE_VARIANT$1["SECONDARY_WITH_BACKGROUND"] = "secondary-with-background";
-	return THEME_ICON_STYLE_VARIANT$1;
-}({});
-let COLOR = /* @__PURE__ */ function(COLOR$1) {
-	COLOR$1["PRIMARY"] = "primary";
-	COLOR$1["BLACK"] = "black";
-	COLOR$1["NAVY_BLUE"] = "navy-blue";
-	COLOR$1["LIGHT_BLUE"] = "light-blue";
-	COLOR$1["LIGHT_BLUE_DISABLED"] = "light-blue-disabled";
-	COLOR$1["GREEN"] = "green";
-	COLOR$1["GREEN_LIGHT"] = "green-light";
-	COLOR$1["SECONDARY"] = "secondary";
-	COLOR$1["SECONDARY_LIGHT"] = "secondary-light";
-	COLOR$1["ORANGE"] = "orange";
-	COLOR$1["ORANGE_LIGHT"] = "orange-light";
-	COLOR$1["ACCENT_BLUE"] = "accent-blue";
-	COLOR$1["ACCENT_BLUE_LIGHT"] = "accent-blue-light";
-	COLOR$1["YELLOW"] = "yellow";
-	COLOR$1["CHECK"] = "check";
-	COLOR$1["WARNING"] = "warning";
-	COLOR$1["ERROR"] = "error";
-	COLOR$1["SUCCESS"] = "success";
-	COLOR$1["WARNING_LIGHT"] = "warning-light";
-	COLOR$1["ULTRA_LIGHT_BLUE"] = "ultra-light-blue";
-	COLOR$1["ULTRA_LIGHT_GRAY"] = "ultra-light-gray";
-	COLOR$1["ULTRA_LIGHT_BLUE_GRAY"] = "ultra-light-blue-gray";
-	COLOR$1["TURQUOISE"] = "turquoise";
-	COLOR$1["RED"] = "red";
-	COLOR$1["DARK_GRAY"] = "dark-gray";
-	COLOR$1["GRAY"] = "gray";
-	COLOR$1["WHITE"] = "white";
-	COLOR$1["PURPLE"] = "purple";
-	COLOR$1["PURPLE_LIGHT"] = "purple-light";
-	COLOR$1["NAVY_BLUE_SHADES"] = "navy-blue-shades";
-	return COLOR$1;
+let ACTION_ICON_STYLE_VARIANT = /* @__PURE__ */ function(ACTION_ICON_STYLE_VARIANT) {
+	ACTION_ICON_STYLE_VARIANT["DEFAULT"] = "default";
+	ACTION_ICON_STYLE_VARIANT["TRANSPARENT"] = "transparent";
+	ACTION_ICON_STYLE_VARIANT["SMALL"] = "small";
+	ACTION_ICON_STYLE_VARIANT["ROUND"] = "round";
+	return ACTION_ICON_STYLE_VARIANT;
 }({});
-let REGION = /* @__PURE__ */ function(REGION$1) {
-	REGION$1["NETHERLANDS"] = "nl";
-	REGION$1["BELGIUM"] = "nl-BE";
-	REGION$1["UNITED_KINGDOM"] = "gb";
-	return REGION$1;
+let THEME_ICON_STYLE_VARIANT = /* @__PURE__ */ function(THEME_ICON_STYLE_VARIANT) {
+	THEME_ICON_STYLE_VARIANT["SECONDARY_WITH_BACKGROUND"] = "secondary-with-background";
+	return THEME_ICON_STYLE_VARIANT;
 }({});
-let TOOLTIP_COLOR = /* @__PURE__ */ function(TOOLTIP_COLOR$1) {
-	TOOLTIP_COLOR$1["DEFAULT"] = "default";
-	TOOLTIP_COLOR$1["WHITE"] = "white";
-	return TOOLTIP_COLOR$1;
+let COLOR = /* @__PURE__ */ function(COLOR) {
+	COLOR["PRIMARY"] = "primary";
+	COLOR["BLACK"] = "black";
+	COLOR["NAVY_BLUE"] = "navy-blue";
+	COLOR["LIGHT_BLUE"] = "light-blue";
+	COLOR["LIGHT_BLUE_DISABLED"] = "light-blue-disabled";
+	COLOR["GREEN"] = "green";
+	COLOR["GREEN_LIGHT"] = "green-light";
+	COLOR["SECONDARY"] = "secondary";
+	COLOR["SECONDARY_LIGHT"] = "secondary-light";
+	COLOR["ORANGE"] = "orange";
+	COLOR["ORANGE_LIGHT"] = "orange-light";
+	COLOR["ACCENT_BLUE"] = "accent-blue";
+	COLOR["ACCENT_BLUE_LIGHT"] = "accent-blue-light";
+	COLOR["YELLOW"] = "yellow";
+	COLOR["CHECK"] = "check";
+	COLOR["WARNING"] = "warning";
+	COLOR["ERROR"] = "error";
+	COLOR["SUCCESS"] = "success";
+	COLOR["WARNING_LIGHT"] = "warning-light";
+	COLOR["ULTRA_LIGHT_BLUE"] = "ultra-light-blue";
+	COLOR["ULTRA_LIGHT_GRAY"] = "ultra-light-gray";
+	COLOR["ULTRA_LIGHT_BLUE_GRAY"] = "ultra-light-blue-gray";
+	COLOR["TURQUOISE"] = "turquoise";
+	COLOR["RED"] = "red";
+	COLOR["DARK_GRAY"] = "dark-gray";
+	COLOR["GRAY"] = "gray";
+	COLOR["WHITE"] = "white";
+	COLOR["PURPLE"] = "purple";
+	COLOR["PURPLE_LIGHT"] = "purple-light";
+	COLOR["NAVY_BLUE_SHADES"] = "navy-blue-shades";
+	return COLOR;
 }({});
-
 //#endregion
 //#region src/utils/formatIcon.ts
 const globalDefaultFormatAttributes = {};
@@ -276,13 +246,12 @@ function formatIcon(icon, defaultFormatAttributes) {
 		...globalDefaultFormatAttributes,
 		...defaultFormatAttributes,
 		...icon.props,
-		...{ className: clsx(globalDefaultFormatAttributes.className, defaultFormatAttributes.className, icon.props.className) }
+		className: clsx(globalDefaultFormatAttributes.className, defaultFormatAttributes.className, icon.props.className)
 	});
 }
-
 //#endregion
 //#region src/components/actionIcon/index.tsx
-const ActionIcon = ({ ref, title, disabled = false, styleVariant = "default", icon, type = "button", "data-testid": testId, iconSize = 20, strokeWidth = 1, onClick, className,...props }) => {
+const ActionIcon = ({ ref, title, disabled = false, styleVariant = "default", icon, type = "button", "data-testid": testId, iconSize = 20, strokeWidth = 1, onClick, className, ...props }) => {
 	const variantClassNames = clsx({
 		"active:translate-y-[1px] content-center flex items-center justify-center rounded-[4px] border border-gray-200 hover:border-black text-black child:p-10 w-[36px] h-[36px] disabled:text-gray-500": styleVariant === ACTION_ICON_STYLE_VARIANT.DEFAULT,
 		"active:translate-y-[1px] border-none content-center flex items-center justify-center rounded-[4px] border text-black child:p-10 w-[36px] h-[36px] disabled:text-gray-500": styleVariant === ACTION_ICON_STYLE_VARIANT.TRANSPARENT,
@@ -312,12 +281,11 @@ const ActionIcon = ({ ref, title, disabled = false, styleVariant = "default", ic
 	}) });
 };
 ActionIcon.displayName = "ActionIcon";
-
 //#endregion
 //#region src/components/alert/index.tsx
-const Alert = ({ show, title, description, type = "warning", button, plain = false, closable = false, className, icon, onClose,...props }) => {
+const Alert = ({ show, title, description, type = "warning", button, plain = false, closable = false, className, icon, onClose, ...props }) => {
 	if (!show || !title) return null;
-	const typeConfig = {
+	const { bg, iconColor, Icon } = {
 		success: {
 			bg: "bg-green-light",
 			iconColor: "text-green",
@@ -333,10 +301,8 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 			iconColor: "text-red-500",
 			Icon: IconAlertCircle
 		}
-	};
-	const config = typeConfig[type];
-	const { bg, iconColor, Icon } = config;
-	const descriptionId = description ? "alert-desc" : undefined;
+	}[type];
+	const descriptionId = description ? "alert-desc" : void 0;
 	return /* @__PURE__ */ jsxs("div", {
 		role: "alert",
 		"aria-live": "assertive",
@@ -361,7 +327,7 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 						"data-testid": "alert-icon",
 						"aria-hidden": "true"
 					})), /* @__PURE__ */ jsx("span", {
-						className: "text-base font-semibold",
+						className: "yo-text-base",
 						children: title
 					})]
 				}),
@@ -390,7 +356,6 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 	});
 };
 Alert.displayName = "Alert";
-
 //#endregion
 //#region src/components/appleAppButtonIcon/index.tsx
 const AppleAppButtonIcon = (props) => /* @__PURE__ */ jsxs("svg", {
@@ -531,10 +496,9 @@ const AppleAppButtonIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		})
 	}) })]
 });
-
 //#endregion
 //#region src/icons/IconLoading.tsx
-const IconLoading = ({ className,...props }) => /* @__PURE__ */ jsxs("svg", {
+const IconLoading = ({ className, ...props }) => /* @__PURE__ */ jsxs("svg", {
 	"data-component": "button",
 	"data-testid": "loading-svg-button",
 	viewBox: "0 0 256 256",
@@ -618,10 +582,9 @@ const IconLoading = ({ className,...props }) => /* @__PURE__ */ jsxs("svg", {
 		})
 	]
 });
-
 //#endregion
 //#region src/components/textInput/index.tsx
-const TextInput = React.forwardRef(({ rightSection, leftSection, className, error, autoFocus, label, maxLength, enablePasswordManagerAutofill = false, onBlur, disabled, loadingState, onKeyDown, min = "0", max, autoComplete, showRightSection = true, step, wrapperClassName, password = false,...props }, ref) => {
+const TextInput = React.forwardRef(({ rightSection, leftSection, className, error, autoFocus, label, maxLength, enablePasswordManagerAutofill = false, onBlur, disabled, loadingState, onKeyDown, min = "0", max, autoComplete, showRightSection = true, step, wrapperClassName, password = false, ...props }, ref) => {
 	const [showPassword, setShowPassword] = React.useState(false);
 	return /* @__PURE__ */ jsxs("div", {
 		"data-component": "TextInput",
@@ -651,9 +614,9 @@ const TextInput = React.forwardRef(({ rightSection, leftSection, className, erro
 						step,
 						maxLength,
 						className: clsx(`${loadingState ? "cursor-not-allowed" : ""}`, `${disabled ? "text-gray-500" : "text-gray-900"} selection:bg-turquoise-200 focus:border-turquoise-500 focus:ring-turquoise-500 active:border-turquoise-500 active:ring-turquoise-500 h-10 w-full rounded-[4px] border border-gray-200 bg-ultra-light-gray px-3 text-sm font-normal outline-hidden ${rightSection && "pr-12"} ${leftSection && "pl-12"} ${error && "border-red-500 text-red-500 selection:bg-red-200 focus:border-red-500 focus:ring-red-500 focus:placeholder:text-red-500 active:border-red-500 active:ring-red-500"}`, className),
-						"aria-busy": loadingState || undefined,
-						"data-lpignore": enablePasswordManagerAutofill ? undefined : "true",
-						"data-1p-ignore": enablePasswordManagerAutofill ? undefined : "true",
+						"aria-busy": loadingState || void 0,
+						"data-lpignore": enablePasswordManagerAutofill ? void 0 : "true",
+						"data-1p-ignore": enablePasswordManagerAutofill ? void 0 : "true",
 						ref,
 						...props,
 						type: password ? showPassword ? "text" : "password" : "text"
@@ -691,7 +654,6 @@ const TextInput = React.forwardRef(({ rightSection, leftSection, className, erro
 		]
 	});
 });
-
 //#endregion
 //#region src/components/autoCompleteInput/index.tsx
 const AutoCompleteInput = ({ label, onChange, onFocus, inputValue, showSuggestions, handleOnKeyDown, children, error, rightSection, inputRef }) => /* @__PURE__ */ jsxs("div", {
@@ -712,7 +674,6 @@ const AutoCompleteInput = ({ label, onChange, onFocus, inputValue, showSuggestio
 		"aria-controls": "suggestions-googlemaps-location-list"
 	}), showSuggestions && inputValue && children]
 });
-
 //#endregion
 //#region src/components/avatar/index.tsx
 const radiusFormatter = {
@@ -738,10 +699,9 @@ const Avatar = ({ src, alt = "", size = 50, radius = 100, "data-testid": dataTes
 	})
 });
 Avatar.displayName = "Avatar";
-
 //#endregion
 //#region src/components/avatarIndicator/index.tsx
-const AvatarIndicator = ({ indicatorCount, className,...props }) => /* @__PURE__ */ jsx("div", {
+const AvatarIndicator = ({ indicatorCount, className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("grid h-5 min-w-5 w-fit flex-col place-content-center items-center justify-center rounded-full bg-white px-0.5", className),
 	"data-component": "AvatarIndicator",
 	"data-testid": "AvatarIndicator",
@@ -751,10 +711,9 @@ const AvatarIndicator = ({ indicatorCount, className,...props }) => /* @__PURE__
 		children: `+${indicatorCount}`
 	})
 });
-
 //#endregion
 //#region src/components/badge/index.tsx
-const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children,...props }) => {
+const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children, ...props }) => {
 	if (!children) return null;
 	return /* @__PURE__ */ jsx("span", {
 		"data-testid": "badge",
@@ -781,10 +740,9 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children
 	});
 };
 Badge.displayName = "Badge";
-
 //#endregion
 //#region src/components/bigBadge/index.tsx
-const BigBadge = ({ styleVariant = COLOR.GREEN, className, children,...props }) => /* @__PURE__ */ jsx("div", {
+const BigBadge = ({ styleVariant = COLOR.GREEN, className, children, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-component": "BigBadge",
 	"data-testid": "big-badge",
 	className: cn("grid h-9 max-w-full min-w-[140px] place-content-center rounded-full border border-solid px-6 py-1 text-sm font-medium whitespace-nowrap lowercase", {
@@ -800,7 +758,6 @@ const BigBadge = ({ styleVariant = COLOR.GREEN, className, children,...props })
 	...props,
 	children
 });
-
 //#endregion
 //#region src/components/breadCrumb/index.tsx
 const BreadCrumb = ({ children, LinkText }) => /* @__PURE__ */ jsx(LinkText, {
@@ -812,7 +769,6 @@ const BreadCrumb = ({ children, LinkText }) => /* @__PURE__ */ jsx(LinkText, {
 	})] })
 });
 BreadCrumb.displayName = "BreadCrumb";
-
 //#endregion
 //#region src/components/button/buttonVariants.ts
 const defaultButtonStyling = "justify-center group relative flex items-center gap-2 cursor-pointer border rounded py-2 px-5  text-sx md:text-sm md:font-medium font-medium hover:outline-hidden focus:outline-hidden disabled:cursor-not-allowed transition-colors duration-100 ease-in-out";
@@ -827,10 +783,9 @@ const buttonVariants = {
 	icon__danger: clsx(defaultButtonStyling, "flex! items-center justify-center"),
 	action: clsx(defaultButtonStyling, "w-full bg-transparent border border-gray-200 whitespace-nowrap", "lg:w-[36px] lg:h-[36px]", "lg:p-0 lg:gap-0", "lg:hover:bg-transparent lg:hover:border-black", "lg:[&_svg]:-ml-2 lg:[&_svg]:-mr-2")
 };
-
 //#endregion
 //#region src/components/button/index.tsx
-function Button({ type = "button", variant = "primary", ariaLabel, block = false, isLoading = false, icon: iconFromProps = null, iconRight = false, onClick, className, children, dataTestId,...props }) {
+function Button({ type = "button", variant = "primary", ariaLabel, block = false, isLoading = false, icon: iconFromProps = null, iconRight = false, onClick, className, children, dataTestId, ...props }) {
 	const loadingIcon = /* @__PURE__ */ jsx(IconLoading, { className: "animate-spin-slow mr-2 stroke-current" });
 	const icon = isLoading ? loadingIcon : iconFromProps;
 	const formattedIcon = icon ? formatIcon(icon, { className: clsx({
@@ -855,10 +810,9 @@ function Button({ type = "button", variant = "primary", ariaLabel, block = false
 	});
 }
 Button.displayName = "Button";
-
 //#endregion
 //#region src/components/checkbox/index.tsx
-const CheckboxComponent = ({ size = "md", className, error, mediumBoldText, label, labelClassName, indeterminate = false, disabled = false,...props }, ref) => /* @__PURE__ */ jsxs("div", {
+const CheckboxComponent = ({ size = "md", className, error, mediumBoldText, label, labelClassName, indeterminate = false, disabled = false, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
 	"data-testid": "checkbox-wrapper",
 	className: cn("relative grid gap-2", className),
 	children: [/* @__PURE__ */ jsxs("label", {
@@ -916,7 +870,6 @@ const CheckboxComponent = ({ size = "md", className, error, mediumBoldText, labe
 	})]
 });
 const Checkbox = forwardRef(CheckboxComponent);
-
 //#endregion
 //#region src/components/popover/index.tsx
 const Popover = forwardRef(({ content, children, hoverEnabled = false, passedOpen = false, placement = "right", style = "card", isMobile = false, className }, ref) => {
@@ -942,16 +895,13 @@ const Popover = forwardRef(({ content, children, hoverEnabled = false, passedOpe
 	});
 	const focus = useFocus(context);
 	const hover = useHover(context, { enabled: hoverEnabled });
-	const dismiss = useDismiss(context);
-	const role = useRole(context, { role: "tooltip" });
-	const interactions = [
+	const { getReferenceProps, getFloatingProps } = useInteractions([
 		click,
 		focus,
-		dismiss,
-		role,
+		useDismiss(context),
+		useRole(context, { role: "tooltip" }),
 		hover
-	];
-	const { getReferenceProps, getFloatingProps } = useInteractions(interactions);
+	]);
 	useImperativeHandle(ref, () => ({
 		closePopover: () => setIsOpen(false),
 		openPopover: () => setIsOpen(true),
@@ -992,12 +942,11 @@ const Popover = forwardRef(({ content, children, hoverEnabled = false, passedOpe
 		})]
 	});
 });
-
 //#endregion
 //#region src/components/datePickerInput/index.tsx
 const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil, className, error, onChange, placeholder, label, disabled, minimalDropdownYears = 4 }) => {
 	const [selected, setSelected] = useState(value);
-	const today = new Date();
+	const today = /* @__PURE__ */ new Date();
 	const [newMonth, setNewMonth] = useState(selected || today);
 	const [dropdownOpened, setDropdownOpened] = useState({
 		month: false,
@@ -1076,9 +1025,9 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			fixedWeeks: true,
 			endMonth: addMonths(today, 13),
 			captionLayout: "dropdown",
-			onMonthChange: (newMonth$1) => setNewMonth(newMonth$1),
+			onMonthChange: (newMonth) => setNewMonth(newMonth),
 			showOutsideDays: true,
-			disabled: disabledFrom ? { before: disabledFrom } : disabledUntil ? { after: disabledUntil } : undefined,
+			disabled: disabledFrom ? { before: disabledFrom } : disabledUntil ? { after: disabledUntil } : void 0,
 			className,
 			classNames: {
 				month_grid: "mt-3 max-w-[400px] border-t border-gray-100",
@@ -1101,7 +1050,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			},
 			components: {
 				DayButton: (props) => {
-					const { day,...buttonProps } = props;
+					const { day, ...buttonProps } = props;
 					const { goToMonth } = useDayPicker();
 					return /* @__PURE__ */ jsx("button", {
 						type: "button",
@@ -1116,7 +1065,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 				Dropdown: (props) => {
 					const { goToMonth, months } = useDayPicker();
 					const { className: dropdownClassName } = props;
-					const today$1 = new Date();
+					const today = /* @__PURE__ */ new Date();
 					/* istanbul ignore next - react-day-picker may not pass this className in our test env */
 					if (dropdownClassName === "rdp-months_dropdown") {
 						const selectedYear = newMonth.getFullYear();
@@ -1142,8 +1091,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 								className: "shadow-dropdown absolute z-70 rounded-md border border-gray-50 bg-white",
 								children: selectItems.map((item) => /* @__PURE__ */ jsx("div", {
 									onClick: () => {
-										const newDate = new Date(selectedYear, parseInt(item.value));
-										goToMonth(newDate);
+										goToMonth(new Date(selectedYear, parseInt(item.value)));
 										setDropdownOpened({
 											month: false,
 											year: false
@@ -1158,14 +1106,14 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 							type: "button",
 							className: "absolute top-4 right-4 z-10 h-8 px-3 text-xs font-normal",
 							onClick: () => {
-								goToMonth(today$1);
-								handleDayClick(today$1);
+								goToMonth(today);
+								handleDayClick(today);
 							},
 							children: todayText
 						})] });
 					} else if (dropdownClassName === "rdp-years_dropdown") {
-						const earliestYear = new Date().getFullYear() - minimalDropdownYears;
-						const latestYear = new Date().getFullYear() + 1;
+						const earliestYear = (/* @__PURE__ */ new Date()).getFullYear() - minimalDropdownYears;
+						const latestYear = (/* @__PURE__ */ new Date()).getFullYear() + 1;
 						/* istanbul ignore else - defensive guard will always be truthy */
 						if (earliestYear && latestYear) {
 							const years = Array.from({ length: latestYear - earliestYear + 1 }, (_, i) => earliestYear + i).reverse();
@@ -1184,7 +1132,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__ */ jsx("div", {
 										onClick: () => {
-											const newDate = months?.[0].date || new Date();
+											const newDate = months?.[0].date || /* @__PURE__ */ new Date();
 											newDate.setFullYear(year);
 											goToMonth(newDate);
 											setDropdownOpened({
@@ -1229,20 +1177,20 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 							className: "text-sm font-normal text-nowrap text-black",
 							children: selected ? selected.toLocaleDateString() : placeholder
 						}),
-						selected !== undefined && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
+						selected !== void 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", {
 							className: "cursor-pointer text-sm font-normal text-gray-800",
 							role: "button",
 							"aria-label": "Clear date",
 							tabIndex: 0,
 							onClick: () => {
-								setSelected(undefined);
-								onChange?.(undefined);
+								setSelected(void 0);
+								onChange?.(void 0);
 							},
 							onKeyDown: (e) => {
 								if (e.key === "Enter" || e.key === " ") {
 									e.preventDefault();
-									setSelected(undefined);
-									onChange?.(undefined);
+									setSelected(void 0);
+									onChange?.(void 0);
 								}
 							},
 							children: /* @__PURE__ */ jsx(IconX, { size: 15 })
@@ -1257,19 +1205,17 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 		})
 	});
 };
-
 //#endregion
 //#region src/components/divider/index.tsx
-const Divider = ({ className,...props }) => /* @__PURE__ */ jsx("div", {
+const Divider = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-component": "divider",
 	className: clsx("block h-px w-full bg-gray-200", className),
 	...props
 });
-
 //#endregion
 //#region src/components/favouriteButton/index.tsx
 const FavouriteButton = forwardRef((props, ref) => {
-	const { onClick, favourite, iconFilled, iconOutline, favouriteTitle, iconColorSelected = "text-secondary", iconColor = "text-gray-800", iconSize, className = "", styleVariant = "transparent", children,...rest } = props;
+	const { onClick, favourite, iconFilled, iconOutline, favouriteTitle, iconColorSelected = "text-secondary", iconColor = "text-gray-800", iconSize, className = "", styleVariant = "transparent", children, ...rest } = props;
 	return /* @__PURE__ */ jsx(ActionIcon, {
 		onClick,
 		"data-component": "favouriteButton",
@@ -1283,7 +1229,6 @@ const FavouriteButton = forwardRef((props, ref) => {
 		children
 	});
 });
-
 //#endregion
 //#region src/components/filters/FilterButton.tsx
 const FilterButton = ({ onClick, hasFilters, reset, filtersText, resetText }) => /* @__PURE__ */ jsxs("div", {
@@ -1302,7 +1247,6 @@ const FilterButton = ({ onClick, hasFilters, reset, filtersText, resetText }) =>
 		children: resetText
 	})]
 });
-
 //#endregion
 //#region src/components/filters/FilterItem.tsx
 const FilterItem = ({ title, isActive = false, onClick }) => /* @__PURE__ */ jsxs("label", {
@@ -1314,7 +1258,6 @@ const FilterItem = ({ title, isActive = false, onClick }) => /* @__PURE__ */ jsx
 		checked: isActive
 	}), title]
 });
-
 //#endregion
 //#region src/components/filters/index.tsx
 const Filters = ({ filters, setFilters, selectedFilters, selectedFiltersText, filtersText, resetText }) => {
@@ -1360,7 +1303,6 @@ const Filters = ({ filters, setFilters, selectedFilters, selectedFiltersText, fi
 		})]
 	});
 };
-
 //#endregion
 //#region src/components/googleAppButtonIcon/index.tsx
 const GoogleAppButtonIcon = (props) => /* @__PURE__ */ jsxs("svg", {
@@ -1552,7 +1494,6 @@ const GoogleAppButtonIcon = (props) => /* @__PURE__ */ jsxs("svg", {
 		]
 	})]
 });
-
 //#endregion
 //#region src/components/hamburgerMenuButton/index.tsx
 const HamburgerMenuButton = forwardRef(({ menuState, setMenuState }, ref) => {
@@ -1581,7 +1522,6 @@ const HamburgerMenuButton = forwardRef(({ menuState, setMenuState }, ref) => {
 	});
 });
 HamburgerMenuButton.displayName = "HamburgerMenuButton";
-
 //#endregion
 //#region src/components/hr/index.tsx
 const HR = ({ className }) => /* @__PURE__ */ jsx("hr", {
@@ -1589,10 +1529,9 @@ const HR = ({ className }) => /* @__PURE__ */ jsx("hr", {
 	className: `h-px w-full border-none bg-gray-200 ${className}`
 });
 HR.displayName = "HR";
-
 //#endregion
 //#region src/components/island/index.tsx
-const Island = ({ children, className, noShadow = false, noPadding = false,...props }) => /* @__PURE__ */ jsx("div", {
+const Island = ({ children, className, noShadow = false, noPadding = false, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-testid": "island",
 	"data-component": "island",
 	className: cn("relative bg-white px-5 py-5 md:px-10 md:py-9", {
@@ -1604,7 +1543,6 @@ const Island = ({ children, className, noShadow = false, noPadding = false,...pr
 	children
 });
 Island.displayName = "Island";
-
 //#endregion
 //#region src/components/kebabMenu/index.tsx
 const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "default" }) => {
@@ -1667,7 +1605,7 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
 			children: /* @__PURE__ */ jsx("div", {
 				className: "absolute right-0 z-10 mt-2 w-auto min-w-[200px] rounded-md border-[0.0625rem] border-gray-200 bg-white p-1 shadow-md",
 				children: content.map((c, index) => {
-					const button$1 = /* @__PURE__ */ jsx(UnstyledButton, {
+					const button = /* @__PURE__ */ jsx(UnstyledButton, {
 						onClick: () => handleItemClick(c.onClick),
 						className: "w-full rounded-md px-4 py-2 text-left text-sm font-normal whitespace-nowrap hover:bg-gray-50",
 						"aria-label": "Options Menu Item",
@@ -1678,25 +1616,23 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
 						passedOpen: false,
 						size: "sm",
 						content: c.tooltip,
-						children: button$1
-					}, index) : /* @__PURE__ */ jsx(Fragment, { children: button$1 }, index);
+						children: button
+					}, index) : /* @__PURE__ */ jsx(Fragment, { children: button }, index);
 				})
 			})
 		})]
 	}) });
 };
 KebabMenu.displayName = "KebabMenu";
-
 //#endregion
 //#region src/components/label/index.tsx
-const Label = ({ children, className,...props }) => /* @__PURE__ */ jsx("label", {
+const Label = ({ children, className, ...props }) => /* @__PURE__ */ jsx("label", {
 	"data-component": "label",
 	"data-testid": "label",
 	className: cn("flex items-center gap-1 text-xs font-medium text-black", className),
 	...props,
 	children
 });
-
 //#endregion
 //#region src/components/loader/index.tsx
 const Loader = () => /* @__PURE__ */ jsx("div", {
@@ -1708,7 +1644,6 @@ const Loader = () => /* @__PURE__ */ jsx("div", {
 	})
 });
 Loader.displayName = "Loader";
-
 //#endregion
 //#region src/components/logo/index.tsx
 const LogoBlack = (props) => /* @__PURE__ */ jsxs("svg", {
@@ -1778,7 +1713,6 @@ const LogoBlack = (props) => /* @__PURE__ */ jsxs("svg", {
 		})
 	}) })]
 });
-
 //#endregion
 //#region src/components/modal/index.tsx
 const Modal = ({ title, children, withCloseButton = true, opened, additionalClassNames, closeModalWithConfirmation = false, gradient = true, uncloseAble = false, confirmText = "Are you sure you want to close this modal?", dataTestId, onClose, size }) => {
@@ -1879,7 +1813,6 @@ const Modal = ({ title, children, withCloseButton = true, opened, additionalClas
 	}), document.body);
 };
 Modal.displayName = "Modal";
-
 //#endregion
 //#region src/components/navButtons/index.tsx
 const NavButtons = ({ onNext, onPrev }) => /* @__PURE__ */ jsxs("div", {
@@ -1906,7 +1839,6 @@ const NavButtons = ({ onNext, onPrev }) => /* @__PURE__ */ jsxs("div", {
 		})
 	]
 });
-
 //#endregion
 //#region src/components/numberField/index.tsx
 const NumberField = ({ name, value = 0, max, min = 0, isDisabled, id, className = "", label, error, onChange }) => {
@@ -1966,7 +1898,6 @@ const NumberField = ({ name, value = 0, max, min = 0, isDisabled, id, className
 		]
 	});
 };
-
 //#endregion
 //#region src/components/pageUnavailable/index.tsx
 const PageUnavailable = ({ notAvailableButton, notAvailableDescription, notAvailableHeaderText }) => /* @__PURE__ */ jsx(Island, { children: /* @__PURE__ */ jsxs("div", {
@@ -1980,7 +1911,6 @@ const PageUnavailable = ({ notAvailableButton, notAvailableDescription, notAvail
 		/* @__PURE__ */ jsx("div", { children: notAvailableButton })
 	]
 }) });
-
 //#endregion
 //#region src/components/passwordInput/index.tsx
 const PasswordInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextInput, {
@@ -1991,7 +1921,6 @@ const PasswordInput = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(TextI
 	ref
 }));
 PasswordInput.displayName = "PasswordInput";
-
 //#endregion
 //#region src/components/progressBar/index.tsx
 const ProgressBar = ({ value, maxValue = 100, className }) => {
@@ -2015,10 +1944,9 @@ const ProgressBar = ({ value, maxValue = 100, className }) => {
 		})
 	});
 };
-
 //#endregion
 //#region src/components/radioButton/index.tsx
-const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, className, containerClassName, labelClassName,...props }) => /* @__PURE__ */ jsxs("div", {
+const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, className, containerClassName, labelClassName, ...props }) => /* @__PURE__ */ jsxs("div", {
 	"data-testid": "radio-button-container",
 	className: `${containerClassName || "radio-button-container"} relative flex items-start`,
 	children: [/* @__PURE__ */ jsxs("div", {
@@ -2028,7 +1956,7 @@ const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, cl
 			id,
 			name,
 			value,
-			onChange: props.disabled ? undefined : onChange,
+			onChange: props.disabled ? void 0 : onChange,
 			checked,
 			"data-testid": dataTestId,
 			className: `${clsx(className, "ease checked:border-navyBlue checked:bg-navy-blue relative m-0 flex size-5 cursor-pointer appearance-none items-center justify-center rounded-full border border-gray-400 bg-white transition-colors duration-100 focus:ring-0 focus:outline-hidden focus-visible:ring-0", { "cursor-not-allowed opacity-50": props.disabled })}`,
@@ -2051,7 +1979,6 @@ const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, cl
 	})]
 });
 RadioButton.displayName = "RadioButton";
-
 //#endregion
 //#region src/icons/IconStarEmpty.tsx
 const IconStarEmpty = (props) => /* @__PURE__ */ jsx("svg", {
@@ -2068,7 +1995,6 @@ const IconStarEmpty = (props) => /* @__PURE__ */ jsx("svg", {
 		fill: "#E0E0E0"
 	})
 });
-
 //#endregion
 //#region src/icons/IconStarFilled.tsx
 const IconStarFilled = (props) => /* @__PURE__ */ jsx("svg", {
@@ -2085,7 +2011,6 @@ const IconStarFilled = (props) => /* @__PURE__ */ jsx("svg", {
 		fill: "currentColor"
 	})
 });
-
 //#endregion
 //#region src/icons/IconStarHalfFilled.tsx
 const IconStarHalfFilled = (props) => /* @__PURE__ */ jsxs("svg", {
@@ -2105,7 +2030,6 @@ const IconStarHalfFilled = (props) => /* @__PURE__ */ jsxs("svg", {
 		fill: "currentColor"
 	})]
 });
-
 //#endregion
 //#region src/components/rating/index.tsx
 const Rating = ({ rating, ratings, size = "normal", setReview, className, setReviewError, error }) => {
@@ -2114,7 +2038,7 @@ const Rating = ({ rating, ratings, size = "normal", setReview, className, setRev
 	const [reviewIsSet, setReviewIsSet] = useState(false);
 	const currentRating = hoveredStars || Math.round(rating * 2) / 2;
 	const currentSmallRating = hoveredSmallStars;
-	const sizeClasses$1 = {
+	const sizeClasses = {
 		small: "h-4 w-4",
 		normal: "h-[22px] w-[22px]",
 		large: "h-[32px] w-[32px]"
@@ -2128,29 +2052,26 @@ const Rating = ({ rating, ratings, size = "normal", setReview, className, setRev
 	const handleHover = (value) => setReview && setHoveredStars(value);
 	const StarIcon = ({ index }) => {
 		if (!setReview) {
-			const roundedRating$1 = Math.round(rating * 2) / 2;
-			const hasHalf$1 = roundedRating$1 % 1 === .5;
-			const effectiveRating$1 = roundedRating$1;
-			const fullStars$1 = Math.floor(effectiveRating$1);
-			if (index <= fullStars$1) return /* @__PURE__ */ jsx(IconStarFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-			if (hasHalf$1 && index === Math.ceil(effectiveRating$1)) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-			return /* @__PURE__ */ jsx(IconStarEmpty, { className: `text-yellow ${sizeClasses$1[size]}` });
+			const roundedRating = Math.round(rating * 2) / 2;
+			const hasHalf = roundedRating % 1 === .5;
+			const effectiveRating = roundedRating;
+			if (index <= Math.floor(effectiveRating)) return /* @__PURE__ */ jsx(IconStarFilled, { className: `text-yellow ${sizeClasses[size]}` });
+			if (hasHalf && index === Math.ceil(effectiveRating)) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: `text-yellow ${sizeClasses[size]}` });
+			return /* @__PURE__ */ jsx(IconStarEmpty, { className: `text-yellow ${sizeClasses[size]}` });
 		}
 		const displayRating = reviewIsSet ? Number(reviewIsSet) : currentRating;
 		const roundedRating = Math.round(displayRating * 2) / 2;
 		const hasHalf = roundedRating % 1 === .5;
 		const effectiveRating = roundedRating;
-		const fullStars = Math.floor(effectiveRating);
-		if (index <= fullStars) return /* @__PURE__ */ jsx(IconStarFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-		if (hasHalf && index === Math.ceil(effectiveRating)) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-		return /* @__PURE__ */ jsx(IconStarEmpty, { className: `text-yellow ${sizeClasses$1[size]} ` });
+		if (index <= Math.floor(effectiveRating)) return /* @__PURE__ */ jsx(IconStarFilled, { className: `text-yellow ${sizeClasses[size]}` });
+		if (hasHalf && index === Math.ceil(effectiveRating)) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: `text-yellow ${sizeClasses[size]}` });
+		return /* @__PURE__ */ jsx(IconStarEmpty, { className: `text-yellow ${sizeClasses[size]} ` });
 	};
-	const StarSmallIcon = ({ index, className: className$1 }) => {
-		const displayRating = currentSmallRating;
-		const roundedRating = Math.round(displayRating * 2) / 2;
-		if (index === roundedRating) return /* @__PURE__ */ jsx(IconStarFilled, { className: cn(className$1, "text-yellow") });
-		if (index - roundedRating === .5) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: cn(className$1, "text-yellow") });
-		return /* @__PURE__ */ jsx(IconStarEmpty, { className: cn(className$1, "text-yellow") });
+	const StarSmallIcon = ({ index, className }) => {
+		const roundedRating = Math.round(currentSmallRating * 2) / 2;
+		if (index === roundedRating) return /* @__PURE__ */ jsx(IconStarFilled, { className: cn(className, "text-yellow") });
+		if (index - roundedRating === .5) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: cn(className, "text-yellow") });
+		return /* @__PURE__ */ jsx(IconStarEmpty, { className: cn(className, "text-yellow") });
 	};
 	return /* @__PURE__ */ jsxs("span", {
 		className: cn("flex flex-col", className),
@@ -2193,10 +2114,9 @@ const Rating = ({ rating, ratings, size = "normal", setReview, className, setRev
 		]
 	});
 };
-
 //#endregion
 //#region src/components/regionSelector/index.tsx
-const RegionSelector = ({ title, regions,...props }) => {
+const RegionSelector = ({ title, regions, ...props }) => {
 	if (regions?.length === 0) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-component": "regionSelector",
@@ -2213,7 +2133,6 @@ const RegionSelector = ({ title, regions,...props }) => {
 	});
 };
 RegionSelector.displayName = "RegionSelector";
-
 //#endregion
 //#region src/components/reviews/index.tsx
 const ReviewsLine = ({ maxValue, amount, countStarsText }) => /* @__PURE__ */ jsxs("div", {
@@ -2275,7 +2194,6 @@ const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, count
 		})
 	})]
 });
-
 //#endregion
 //#region src/components/scrollToTop/index.tsx
 const ScrollToTop = ({ scrollToTopTitle }) => {
@@ -2315,10 +2233,9 @@ const ScrollToTop = ({ scrollToTopTitle }) => {
 		className: "z-[99]"
 	})] });
 };
-
 //#endregion
 //#region src/components/searchInput/index.tsx
-const SearchInput = ({ placeholder, value, onChange, className, rightSection,...props }) => /* @__PURE__ */ jsx(TextInput, {
+const SearchInput = ({ placeholder, value, onChange, className, rightSection, ...props }) => /* @__PURE__ */ jsx(TextInput, {
 	placeholder,
 	className: className || "w-full lg:w-auto lg:min-w-[23.75rem]",
 	rightSection: rightSection || /* @__PURE__ */ jsx(Fragment$1, {}),
@@ -2326,7 +2243,6 @@ const SearchInput = ({ placeholder, value, onChange, className, rightSection,...
 	onChange,
 	...props
 });
-
 //#endregion
 //#region src/hooks/useDebouncedValue.ts
 function useDebouncedValue(value, delay = 200) {
@@ -2337,10 +2253,9 @@ function useDebouncedValue(value, delay = 200) {
 	}, [value, delay]);
 	return debouncedValue;
 }
-
 //#endregion
 //#region src/components/select/index.tsx
-function Select({ id, options, placeholder, label, errorText, hideError = false, isClearable = false, disabled = false, multiSelect = false, searchable = false, value, defaultValue, onValueChange, className, searchPlaceholder, noResultsText,...props }) {
+function Select({ id, options, placeholder, label, errorText, hideError = false, isClearable = false, disabled = false, multiSelect = false, searchable = false, value, defaultValue, onValueChange, className, searchPlaceholder, noResultsText, ...props }) {
 	const innerRef = useRef(null);
 	const buttonRef = useRef(null);
 	const optionRefs = useRef([]);
@@ -2350,12 +2265,10 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 	const [searchTerm, setSearchTerm] = useState("");
 	const [focusedIndex, setFocusedIndex] = useState(-1);
 	const debouncedSearch = useDebouncedValue(searchTerm);
-	const isControlled = value !== undefined;
+	const isControlled = value !== void 0;
 	const currentValue = isControlled ? value : internalValue;
 	const selectedLabels = useMemo(() => {
-		if (Array.isArray(currentValue)) {
-			return options.filter((o) => currentValue.includes(o.value)).map((o) => o.label).join(", ");
-		}
+		if (Array.isArray(currentValue)) return options.filter((o) => currentValue.includes(o.value)).map((o) => o.label).join(", ");
 		return options.find((o) => o.value === currentValue)?.label;
 	}, [currentValue, options]);
 	const { refs, floatingStyles, context } = useFloating({
@@ -2369,13 +2282,10 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 		whileElementsMounted: autoUpdate,
 		placement: "bottom-start"
 	});
-	const click = useClick(context);
-	const dismiss = useDismiss(context);
-	const role = useRole(context, { role: "combobox" });
 	const { getReferenceProps, getFloatingProps } = useInteractions([
-		click,
-		dismiss,
-		role
+		useClick(context),
+		useDismiss(context),
+		useRole(context, { role: "combobox" })
 	]);
 	const handleSelect = useCallback((val) => {
 		if (multiSelect) {
@@ -2398,8 +2308,8 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 	const handleClear = useCallback((e) => {
 		e.preventDefault();
 		e.stopPropagation();
-		if (!isControlled) setInternalValue(undefined);
-		onValueChange?.(undefined);
+		if (!isControlled) setInternalValue(void 0);
+		onValueChange?.(void 0);
 		setSearchTerm("");
 	}, [isControlled, onValueChange]);
 	const showPlaceholder = !currentValue || Array.isArray(currentValue) && currentValue.length === 0;
@@ -2570,7 +2480,9 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 							children: filteredOptions.length ? filteredOptions.map((opt, index) => {
 								const isSelected = Array.isArray(currentValue) ? currentValue.includes(opt.value) : currentValue === opt.value;
 								return /* @__PURE__ */ jsxs("button", {
-									ref: (el) => optionRefs.current[index] = el,
+									ref: (el) => {
+										optionRefs.current[index] = el;
+									},
 									type: "button",
 									onClick: () => handleSelect(opt.value),
 									role: "option",
@@ -2609,7 +2521,6 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 	});
 }
 Select.displayName = "Select";
-
 //#endregion
 //#region src/components/settingsCard/index.tsx
 const SettingsCard = ({ icon, title, link, ManageText, LinkComponent }) => /* @__PURE__ */ jsxs("div", {
@@ -2628,7 +2539,6 @@ const SettingsCard = ({ icon, title, link, ManageText, LinkComponent }) => /* @_
 		children: ManageText
 	})]
 });
-
 //#endregion
 //#region src/components/skeleton/index.tsx
 const Skeleton = ({ className, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("span", {
@@ -2636,7 +2546,6 @@ const Skeleton = ({ className, "data-testid": dataTestId }) => /* @__PURE__ */ j
 	"data-testid": dataTestId || "skeleton",
 	className: cn("inline-block rounded-md", "animate-pulse bg-gray-100/50", className)
 });
-
 //#endregion
 //#region src/components/skillPill/index.tsx
 const SkillPill = ({ name, number }) => /* @__PURE__ */ jsxs("div", {
@@ -2651,7 +2560,6 @@ const SkillPill = ({ name, number }) => /* @__PURE__ */ jsxs("div", {
 		children: number
 	})]
 });
-
 //#endregion
 //#region src/components/stepper/NumberedStepper.tsx
 const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLabel, onStepClick }) => /* @__PURE__ */ jsx("div", {
@@ -2691,7 +2599,6 @@ const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLa
 		})
 	}), index < steps.length - 1 && /* @__PURE__ */ jsx("div", { className: `my-2 ml-6 flex h-[24px] w-px align-middle md:ml-0 md:h-px md:w-auto md:flex-1 ${active === 1 ? "bg-light-blue" : "bg-[#CCCCCC]"}` })] }, index))
 });
-
 //#endregion
 //#region src/components/stepper/Stepper.tsx
 const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableSteps, completedSteps, activeStep, isMobile, className }) => /* @__PURE__ */ jsx("div", {
@@ -2742,7 +2649,6 @@ const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableStep
 		}, index);
 	})
 });
-
 //#endregion
 //#region src/components/stickyMobileButton/index.tsx
 const StickyMobileButtonWrapper = ({ children }) => /* @__PURE__ */ jsx("div", {
@@ -2754,17 +2660,15 @@ const StickyMobileButtonWrapper = ({ children }) => /* @__PURE__ */ jsx("div", {
 		children
 	})
 });
-
 //#endregion
 //#region src/components/table/index.tsx
-const Table = ({ children, className,...props }) => /* @__PURE__ */ jsx("div", {
+const Table = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-testid": "table",
 	"data-component": "table",
 	className: cn("table w-full table-fixed border-collapse overflow-auto", className),
 	...props,
 	children
 });
-
 //#endregion
 //#region src/components/table/tableCell/index.tsx
 const TableCell = ({ children, smallPadding, className }) => /* @__PURE__ */ jsx("div", {
@@ -2773,7 +2677,6 @@ const TableCell = ({ children, smallPadding, className }) => /* @__PURE__ */ jsx
 	className: `${cn("table-cell py-2 align-middle text-sm font-normal first:pl-2 last:pr-2 md:py-0 md:xl:first:pl-10 md:xl:last:pr-10", { "md:xl:first:pl-5 md:xl:last:pr-5": smallPadding }, className)}`,
 	children
 });
-
 //#endregion
 //#region src/components/table/tableHeader/index.tsx
 const TableHeader = ({ children }) => /* @__PURE__ */ jsx("div", {
@@ -2782,30 +2685,27 @@ const TableHeader = ({ children }) => /* @__PURE__ */ jsx("div", {
 	className: "table-header-group border-b border-gray-200",
 	children
 });
-
 //#endregion
 //#region src/components/table/tableHeaderItem/index.tsx
-const TableHeaderItem = ({ children, smallPadding, className,...props }) => /* @__PURE__ */ jsx("div", {
+const TableHeaderItem = ({ children, smallPadding, className, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-testid": "tableHeaderItem",
 	"data-component": "tableHeaderItem",
 	className: cn("hidden h-10 align-middle text-xs font-medium first:pl-10 last:pr-10 xl:table-cell", { "xl:first:pl-5 xl:last:pr-5": smallPadding }, className),
 	...props,
 	children
 });
-
 //#endregion
 //#region src/components/table/tableHeaderRow/index.tsx
-const TableHeaderRow = ({ children,...props }) => /* @__PURE__ */ jsx("div", {
+const TableHeaderRow = ({ children, ...props }) => /* @__PURE__ */ jsx("div", {
 	"data-testid": "tableHeaderRow",
 	"data-component": "tableHeaderRow",
 	className: "table-row xl:border-0 xl:border-b xl:border-solid xl:border-gray-200",
 	...props,
 	children
 });
-
 //#endregion
 //#region src/components/table/tableRow/index.tsx
-function TableRow({ children, className, header,...props }) {
+function TableRow({ children, className, header, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "tableRow",
 		"data-component": "tableRow",
@@ -2814,7 +2714,6 @@ function TableRow({ children, className, header,...props }) {
 		children
 	});
 }
-
 //#endregion
 //#region src/components/tabs/Tab.tsx
 const Tab = forwardRef(({ tabId, activeTab, tabContent, clickFnc, rightSection }, ref) => /* @__PURE__ */ jsxs("button", {
@@ -2827,7 +2726,6 @@ const Tab = forwardRef(({ tabId, activeTab, tabContent, clickFnc, rightSection }
 		children: rightSection
 	})]
 }));
-
 //#endregion
 //#region src/components/tabs/TabsBadge.tsx
 const TabsBadge = ({ children }) => {
@@ -2842,7 +2740,6 @@ const TabsBadge = ({ children }) => {
 	});
 };
 TabsBadge.displayName = "TabsBadge";
-
 //#endregion
 //#region src/components/tabs/TabsWrapper.tsx
 const TabsWrapper = ({ setActiveTab, activeTab, tabs }) => {
@@ -2900,17 +2797,16 @@ const TabContent = forwardRef(({ tab, setActiveTab, activeTab }, ref) => /* @__P
 	setActiveTab,
 	activeTab: activeTab === tab.value,
 	tabContent: tab.name,
-	rightSection: tab?.rightSection || undefined,
+	rightSection: tab?.rightSection || void 0,
 	clickFnc: () => {
 		tab.clickFnc && tab.clickFnc(tab.value);
 		setActiveTab(tab.value);
 	}
 }));
 TabContent.displayName = "TabContent";
-
 //#endregion
 //#region src/components/textArea/index.tsx
-const Textarea = forwardRef(({ className, label, error, rows = 8,...props }, ref) => /* @__PURE__ */ jsxs("div", {
+const Textarea = forwardRef(({ className, label, error, rows = 8, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
 	className: "relative grid gap-2",
 	children: [
 		label && /* @__PURE__ */ jsx("label", {
@@ -2930,10 +2826,9 @@ const Textarea = forwardRef(({ className, label, error, rows = 8,...props }, ref
 		})
 	]
 }));
-
 //#endregion
 //#region src/components/themeIcon/index.tsx
-function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, title,...props }) {
+function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, title, ...props }) {
 	const classNames = cn("bg-transparent h-9 w-9 rounded-[5px] grid place-content-center", {
 		"text-black": styleVariant === COLOR.BLACK,
 		"text-gray-500": styleVariant === COLOR.GRAY,
@@ -2958,10 +2853,9 @@ function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, titl
 		})
 	}), /* @__PURE__ */ jsx(Tooltip$1, { id: title })] });
 }
-
 //#endregion
 //#region src/components/timeInput/index.tsx
-const TimeInput = forwardRef(({ label, error, withSeconds, className = "",...props }, ref) => {
+const TimeInput = forwardRef(({ label, error, withSeconds, className = "", ...props }, ref) => {
 	const handleTimeChange = (e) => {
 		if (props.onChange) props.onChange(e);
 	};
@@ -2989,7 +2883,6 @@ const TimeInput = forwardRef(({ label, error, withSeconds, className = "",...pro
 		]
 	});
 });
-
 //#endregion
 //#region src/components/toggle/index.tsx
 const Toggle = ({ onClick, value, disabled = false }) => {
@@ -3011,7 +2904,6 @@ const Toggle = ({ onClick, value, disabled = false }) => {
 		})
 	});
 };
-
 //#endregion
 //#region src/components/truncatedText/index.tsx
 const TruncatedText = ({ text, limit = 20 }) => {
@@ -3035,10 +2927,9 @@ const TruncatedText = ({ text, limit = 20 }) => {
 		})]
 	});
 };
-
 //#endregion
 //#region src/components/unorderedList/index.tsx
-const UnorderedList = ({ children, className, actionItem,...props }) => /* @__PURE__ */ jsxs("ul", {
+const UnorderedList = ({ children, className, actionItem, ...props }) => /* @__PURE__ */ jsxs("ul", {
 	className: cn("m-0 last:border-none", className),
 	"data-component": "unorderedList",
 	"data-testid": "unorderedList",
@@ -3048,10 +2939,9 @@ const UnorderedList = ({ children, className, actionItem,...props }) => /* @__PU
 		children: actionItem
 	})]
 });
-
 //#endregion
 //#region src/components/unorderedListItem/index.tsx
-const UnorderedListItem = ({ children, actionItem, className, header = false,...props }) => /* @__PURE__ */ jsxs("li", {
+const UnorderedListItem = ({ children, actionItem, className, header = false, ...props }) => /* @__PURE__ */ jsxs("li", {
 	...props,
 	"data-component": "unorderedListItem",
 	className: cn("grid min-h-[74px] list-none items-center border-b border-solid border-b-gray-200 py-5 text-sm font-normal last:border-none md:flex md:py-4 md:pr-10 md:pl-10", header ? "md:items-end" : "hover:bg-ultra-light-blue-gray", { "grid-cols-2": actionItem }, className),
@@ -3060,60 +2950,44 @@ const UnorderedListItem = ({ children, actionItem, className, header = false,...
 		children: actionItem
 	})]
 });
-
 //#endregion
 //#region src/hooks/phone/usePhoneNumber.ts
 function usePhoneNumber() {
-	/**
-	* Validates a phone number and returns parsing results
-	*/
-	const validatePhone = useCallback((phoneNumber, options) => phone(phoneNumber, options), []);
-	/**
-	* Strips the country code from a phone number
-	* Example: +85265698900 -> 65698900
-	*/
-	const stripCountryCode = useCallback((phoneNumber) => {
-		const result = phone(phoneNumber);
-		if (!result.isValid) return phoneNumber;
-		return result.phoneNumber.replace(result.countryCode, "");
-	}, []);
-	/**
-	* Returns the country code from a phone number
-	* Example: +85265698900 -> +852
-	*/
-	const getCountryCode = useCallback((phoneNumber) => {
-		const result = phone(phoneNumber);
-		if (!result.isValid) return phoneNumber;
-		return result.countryCode;
-	}, []);
-	/**
-	* Formats a phone number to international format with country code
-	* Example: 0648711212 (with country: 'NL') -> +31648711212
-	*/
-	const formatToInternational = useCallback((phoneNumber, options) => {
-		const result = phone(phoneNumber, options);
-		if (!result.isValid) return phoneNumber;
-		return result.phoneNumber;
-	}, []);
 	return {
-		validatePhone,
-		stripCountryCode,
-		getCountryCode,
-		formatToInternational
+		validatePhone: useCallback((phoneNumber, options) => phone(phoneNumber, options), []),
+		stripCountryCode: useCallback((phoneNumber) => {
+			const result = phone(phoneNumber);
+			if (!result.isValid) return phoneNumber;
+			return result.phoneNumber.replace(result.countryCode, "");
+		}, []),
+		getCountryCode: useCallback((phoneNumber) => {
+			const result = phone(phoneNumber);
+			if (!result.isValid) return phoneNumber;
+			return result.countryCode;
+		}, []),
+		formatToInternational: useCallback((phoneNumber, options) => {
+			const result = phone(phoneNumber, options);
+			if (!result.isValid) return phoneNumber;
+			return result.phoneNumber;
+		}, [])
 	};
 }
-
 //#endregion
 //#region src/hooks/phone/usePhoneNumberPrefix.ts
+/** CJS package often exposes `{ Country, default: api }`; Vite/Node ESM may not unwrap `.default`. */
+const countryListApi = (() => {
+	const mod = CountryListImport;
+	if (typeof mod.getAll === "function") return mod;
+	if (mod.default && typeof mod.default.getAll === "function") return mod.default;
+	throw new Error("country-list-with-dial-code-and-flag: expected getAll()");
+})();
 const usePhoneNumberPrefix = (defaultCountry) => {
-	const countryList = CountryList.getAll();
-	return countryList.filter((country) => country.dial_code).sort((a, b) => {
+	return countryListApi.getAll().filter((country) => country.dial_code).sort((a, b) => {
 		if (a?.code === defaultCountry) return -1;
 		if (b?.code === defaultCountry) return 1;
 		return a.name.localeCompare(b.name);
 	});
 };
-
 //#endregion
 //#region src/components/phoneInput/index.tsx
 const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
@@ -3138,13 +3012,10 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 		whileElementsMounted: autoUpdate,
 		placement: "bottom-start"
 	});
-	const click = useClick(context);
-	const dismiss = useDismiss(context);
-	const role = useRole(context, { role: "combobox" });
 	const { getReferenceProps, getFloatingProps } = useInteractions([
-		click,
-		dismiss,
-		role
+		useClick(context),
+		useDismiss(context),
+		useRole(context, { role: "combobox" })
 	]);
 	const performSearch = useCallback((query) => {
 		if (!query) return phoneNumberPrefixes;
@@ -3152,20 +3023,17 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 		return phoneNumberPrefixes.filter((country) => country.name.toLowerCase().includes(lowerQuery) || country.dial_code.toLowerCase().includes(lowerQuery) || country.code.toLowerCase().includes(lowerQuery));
 	}, [phoneNumberPrefixes]);
 	useEffect(() => {
-		const results = performSearch(searchQuery);
-		setFilteredCountries(results);
+		setFilteredCountries(performSearch(searchQuery));
 		setHighlightedIndex(-1);
 	}, [searchQuery]);
 	useEffect(() => {
 		optionRefs.current = optionRefs.current.slice(0, filteredCountries.length);
 	}, [filteredCountries]);
 	useEffect(() => {
-		if (highlightedIndex >= 0 && optionRefs.current[highlightedIndex]) {
-			optionRefs.current[highlightedIndex]?.scrollIntoView({
-				behavior: "auto",
-				block: "nearest"
-			});
-		}
+		if (highlightedIndex >= 0 && optionRefs.current[highlightedIndex]) optionRefs.current[highlightedIndex]?.scrollIntoView({
+			behavior: "auto",
+			block: "nearest"
+		});
 	}, [highlightedIndex]);
 	const handleSelect = (country) => {
 		setSelectedCountry(country);
@@ -3182,11 +3050,10 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 				e.preventDefault();
 				setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredCountries.length - 1);
 				break;
-			case "Enter": {
+			case "Enter":
 				e.preventDefault();
 				if (highlightedIndex >= 0) handleSelect(filteredCountries[highlightedIndex]);
 				break;
-			}
 			case "Escape":
 				e.preventDefault();
 				setOpenDropdown(false);
@@ -3244,7 +3111,9 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 				}), /* @__PURE__ */ jsx("div", {
 					className: "max-h-[200px] overflow-auto p-1",
 					children: filteredCountries.length > 0 ? filteredCountries.map((country, index) => /* @__PURE__ */ jsxs("button", {
-						ref: (el) => optionRefs.current[index] = el,
+						ref: (el) => {
+							optionRefs.current[index] = el;
+						},
 						type: "button",
 						role: "option",
 						"aria-selected": selectedCountry?.code === country.code,
@@ -3273,7 +3142,7 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 		}) })]
 	});
 };
-const PhoneInput = ({ placeholder, searchPlaceHolder, defaultCountry = "NL", invalidMessage, defaultValue, onChange, ref,...rest }) => {
+const PhoneInput = ({ placeholder, searchPlaceHolder, defaultCountry = "NL", invalidMessage, defaultValue, onChange, ref, ...rest }) => {
 	const inputRef = useRef(null);
 	const [phoneNumber, setPhoneNumber] = useState(defaultValue || "");
 	const { validatePhone, stripCountryCode, getCountryCode, formatToInternational } = usePhoneNumber();
@@ -3286,18 +3155,15 @@ const PhoneInput = ({ placeholder, searchPlaceHolder, defaultCountry = "NL", inv
 		if (filteredValue.startsWith("+") && filteredValue.length > 1) {
 			const countryCode = getCountryCode(filteredValue);
 			if (countryCode) countrySelectorRef.current?.updateCountry(countryCode);
-			const strippedNumber = stripCountryCode(filteredValue);
-			setPhoneNumber(strippedNumber);
+			setPhoneNumber(stripCountryCode(filteredValue));
 			return;
 		} else setPhoneNumber(filteredValue);
 	};
 	const handleBlur = () => {
 		if (phoneNumber.trim()) {
 			const selectedCountry = countrySelectorRef.current?.getSelectedCountry();
-			const validationResult = validatePhone(phoneNumber, { country: selectedCountry?.code });
-			if (validationResult.isValid) {
-				const formattedNumber = formatToInternational(phoneNumber, { country: selectedCountry?.code });
-				const displayNumber = stripCountryCode(formattedNumber);
+			if (validatePhone(phoneNumber, { country: selectedCountry?.code }).isValid) {
+				const displayNumber = stripCountryCode(formatToInternational(phoneNumber, { country: selectedCountry?.code }));
 				const fullNumber = selectedCountry?.dial_code + displayNumber;
 				setPhoneNumber(displayNumber);
 				onChange(fullNumber);
@@ -3323,7 +3189,6 @@ const PhoneInput = ({ placeholder, searchPlaceHolder, defaultCountry = "NL", inv
 	});
 };
 PhoneInput.displayName = "PhoneInput";
-
 //#endregion
 //#region src/components/profileMenu/index.tsx
 const ProfileMenu = ({ title, metaTitle, icon, content, disabled = false, classNames }) => {
@@ -3338,26 +3203,23 @@ const ProfileMenu = ({ title, metaTitle, icon, content, disabled = false, classN
 	const buttonId = `${menuId}-button`;
 	const defaultStyling = "text-black flex items-center gap-1 bg-transparent py-1 px-2.5 h-9 min-w-9 cursor-pointer border-gray-200 focus:bg-gray-50 focus:ring focus:ring-primary focus:outline-none focus:border-0 focus:ring-inset";
 	const handleToggle = () => {
-		if (!disabled) {
-			setIsOpen((prev) => {
-				const newIsOpen = !prev;
-				/* istanbul ignore next - branch depends on async DOM focus */
-				if (newIsOpen) {
-					setTimeout(() => {
-						/* istanbul ignore next - async focus behavior depends on DOM/timing */
-						setFocusedIndex(0);
-						/* istanbul ignore next - async focus behavior depends on DOM/timing */
-						menuItemRefs.current[0]?.focus();
-					}, 0);
-				} else {
-					/* istanbul ignore next - focus reset depends on DOM/timing */
-					setFocusedIndex(-1);
-					/* istanbul ignore next - focus reset depends on DOM/timing */
-					buttonRef.current?.focus();
-				}
-				return newIsOpen;
-			});
-		}
+		if (!disabled) setIsOpen((prev) => {
+			const newIsOpen = !prev;
+			/* istanbul ignore next - branch depends on async DOM focus */
+			if (newIsOpen) setTimeout(() => {
+				/* istanbul ignore next - async focus behavior depends on DOM/timing */
+				setFocusedIndex(0);
+				/* istanbul ignore next - async focus behavior depends on DOM/timing */
+				menuItemRefs.current[0]?.focus();
+			}, 0);
+			else {
+				/* istanbul ignore next - focus reset depends on DOM/timing */
+				setFocusedIndex(-1);
+				/* istanbul ignore next - focus reset depends on DOM/timing */
+				buttonRef.current?.focus();
+			}
+			return newIsOpen;
+		});
 	};
 	/* istanbul ignore next - click handler behavior covered via integration; unit env flaky */
 	const handleItemClick = (onClick) => {
@@ -3439,7 +3301,7 @@ const ProfileMenu = ({ title, metaTitle, icon, content, disabled = false, classN
 			"aria-label": "Toggle profile menu",
 			"aria-expanded": isOpen,
 			"aria-haspopup": "menu",
-			"aria-controls": isOpen ? menuId : undefined,
+			"aria-controls": isOpen ? menuId : void 0,
 			className: cn(buttonVariants["secondary"], defaultStyling, classNames?.button),
 			disabled,
 			onClick: handleToggle,
@@ -3470,11 +3332,9 @@ const ProfileMenu = ({ title, metaTitle, icon, content, disabled = false, classN
 		})]
 	}) });
 };
-
 //#endregion
 //#region src/utils/ssr.ts
 const isSSR = () => typeof window === "undefined" || typeof document === "undefined";
-
 //#endregion
 //#region src/components/wysiwygEditor/index.tsx
 const BoldIcon = () => /* @__PURE__ */ jsx(IconBold, {
@@ -3512,8 +3372,8 @@ const WysiwygEditor = forwardRef(({ id, content, className, placeholder, onChang
 		content,
 		immediatelyRender: false,
 		editable: !readOnly,
-		onUpdate({ editor: editor$1 }) {
-			let sanitizedOutput = editor$1.getHTML().replaceAll(/<li><p>(.*?)<\/p><(\/?)(ol|li|ul)>/gi, "<li>$1<$2$3>");
+		onUpdate({ editor }) {
+			let sanitizedOutput = editor.getHTML().replaceAll(/<li><p>(.*?)<\/p><(\/?)(ol|li|ul)>/gi, "<li>$1<$2$3>");
 			sanitizedOutput = sanitizedOutput.replace(/(<p><\/p>\s*)+/gi, "<p></p>");
 			sanitizedOutput = sanitizedOutput.replace(/^(<p><\/p>\s*)+/gi, "");
 			sanitizedOutput = sanitizedOutput.replace(/(<p><\/p>\s*)+$/gi, "");
@@ -3598,7 +3458,7 @@ const WysiwygEditor = forwardRef(({ id, content, className, placeholder, onChang
 		children: error
 	})] });
 });
-
 //#endregion
 export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, Checkbox, DatePickerInput, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, KebabMenu, Label, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, PhoneInput, Popover, ProfileMenu, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TabsBadge, TabsWrapper, TextInput, Textarea, ThemeIcon, TimeInput, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants };
+
 //# sourceMappingURL=index.js.map