@youngonesworks/ui 1.0.3 → 1.0.5

package/dist/index.cjs

@@ -1,7 +1,6 @@
-'use client';
-
-
-//#region rolldown:runtime
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -22,40 +21,39 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-
 //#endregion
-const react = __toESM(require("react"));
-const __tabler_icons_react = __toESM(require("@tabler/icons-react"));
-const clsx = __toESM(require("clsx"));
-const tailwind_merge = __toESM(require("tailwind-merge"));
-const react_jsx_runtime = __toESM(require("react/jsx-runtime"));
-const __floating_ui_react = __toESM(require("@floating-ui/react"));
-const react_day_picker = __toESM(require("react-day-picker"));
-const date_fns = __toESM(require("date-fns"));
-const date_fns_locale = __toESM(require("date-fns/locale"));
-const react_dom = __toESM(require("react-dom"));
-const react_tooltip = __toESM(require("react-tooltip"));
-const phone = __toESM(require("phone"));
-const country_list_with_dial_code_and_flag = __toESM(require("country-list-with-dial-code-and-flag"));
-const __tiptap_extension_placeholder = __toESM(require("@tiptap/extension-placeholder"));
-const __tiptap_extension_underline = __toESM(require("@tiptap/extension-underline"));
-const __tiptap_react = __toESM(require("@tiptap/react"));
-const __tiptap_starter_kit = __toESM(require("@tiptap/starter-kit"));
-
-//#region src/jsx-runtime-shim.ts
-const jsx = react.createElement;
-const jsxs = react.createElement;
-const Fragment$2 = react.Fragment;
-
+let react = require("react");
+react = __toESM(react);
+let _tabler_icons_react = require("@tabler/icons-react");
+let clsx = require("clsx");
+clsx = __toESM(clsx);
+let tailwind_merge = require("tailwind-merge");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _floating_ui_react = require("@floating-ui/react");
+let react_day_picker = require("react-day-picker");
+let date_fns = require("date-fns");
+let date_fns_locale = require("date-fns/locale");
+let react_dom = require("react-dom");
+let react_tooltip = require("react-tooltip");
+let phone = require("phone");
+phone = __toESM(phone);
+let country_list_with_dial_code_and_flag = require("country-list-with-dial-code-and-flag");
+country_list_with_dial_code_and_flag = __toESM(country_list_with_dial_code_and_flag);
+let _tiptap_extension_placeholder = require("@tiptap/extension-placeholder");
+let _tiptap_extension_underline = require("@tiptap/extension-underline");
+let _tiptap_react = require("@tiptap/react");
+let _tiptap_starter_kit = require("@tiptap/starter-kit");
+react.createElement;
+react.createElement;
+react.Fragment;
 //#endregion
 //#region src/utils/cn.ts
 function cn(...inputs) {
 	return (0, tailwind_merge.twMerge)((0, clsx.default)(inputs));
 }
-
 //#endregion
 //#region src/components/unstyledButton/index.tsx
-const UnstyledButton = (0, react.forwardRef)(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+const UnstyledButton = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 	type: "button",
 	"data-component": "unstyledButton",
 	className: cn("appearance-none", className),
@@ -63,7 +61,6 @@ const UnstyledButton = (0, react.forwardRef)(({ className,...props }, ref) => /*
 	...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 }) => {
@@ -88,7 +85,7 @@ const AccordionItem = ({ controlContent, panelContent, style = "light", border =
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					onClick: () => setIsActive(!isActive),
 					className: `duration-300${isActive ? "rotate-180" : ""}`,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconChevronDown, {
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronDown, {
 						size: 18,
 						color: style === "dark" ? "white" : "black"
 					})
@@ -109,7 +106,6 @@ const AccordionItem = ({ controlContent, panelContent, style = "light", border =
 		})]
 	}) });
 };
-
 //#endregion
 //#region src/components/accordion/AccordionWrapper.tsx
 const AccordionWrapper = ({ children, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -118,21 +114,16 @@ const AccordionWrapper = ({ children, className }) => /* @__PURE__ */ (0, react_
 	className: cn(className, "flex flex-col gap-2"),
 	children
 });
-
 //#endregion
 //#region src/hooks/useMergeRefs.ts
 function useMergeRefs(...refs) {
 	return (0, react.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 = {
@@ -144,23 +135,23 @@ const sizeClasses = {
 const Tooltip = ({ content, children, passedOpen = false, size = "md", variant = "default" }) => {
 	const [isOpen, setIsOpen] = (0, react.useState)(passedOpen);
 	const arrowRef = (0, react.useRef)(null);
-	const { refs, floatingStyles, context } = (0, __floating_ui_react.useFloating)({
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
 		open: isOpen,
 		onOpenChange: setIsOpen,
 		placement: "top",
 		middleware: [
-			variant === "default" ? (0, __floating_ui_react.offset)(20) : (0, __floating_ui_react.offset)(25),
-			(0, __floating_ui_react.flip)(),
-			(0, __floating_ui_react.shift)(),
-			(0, __floating_ui_react.arrow)({ element: arrowRef })
+			variant === "default" ? (0, _floating_ui_react.offset)(20) : (0, _floating_ui_react.offset)(25),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)(),
+			(0, _floating_ui_react.arrow)({ element: arrowRef })
 		],
-		whileElementsMounted: __floating_ui_react.autoUpdate
+		whileElementsMounted: _floating_ui_react.autoUpdate
 	});
-	const hover = (0, __floating_ui_react.useHover)(context, { move: false });
-	const focus = (0, __floating_ui_react.useFocus)(context);
-	const dismiss = (0, __floating_ui_react.useDismiss)(context);
-	const role = (0, __floating_ui_react.useRole)(context, { role: "tooltip" });
-	const { getReferenceProps, getFloatingProps } = (0, __floating_ui_react.useInteractions)([
+	const hover = (0, _floating_ui_react.useHover)(context, { move: false });
+	const focus = (0, _floating_ui_react.useFocus)(context);
+	const dismiss = (0, _floating_ui_react.useDismiss)(context);
+	const role = (0, _floating_ui_react.useRole)(context, { role: "tooltip" });
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
 		hover,
 		focus,
 		dismiss,
@@ -186,7 +177,7 @@ const Tooltip = ({ content, children, passedOpen = false, size = "md", variant =
 				"data-testid": "tooltip-content",
 				className: `${sizeClasses[size]} px-2 py-1 text-sm font-normal`,
 				children: content
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingArrow, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingArrow, {
 				ref: arrowRef,
 				context,
 				width: 10,
@@ -202,7 +193,7 @@ const Tooltip = ({ content, children, passedOpen = false, size = "md", variant =
 				"data-testid": "tooltip-content",
 				className: `${sizeClasses[size]} overflow-hidden bg-white p-5 px-2 py-1 text-start text-sm font-normal`,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: content })
-			}), size === "md" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingArrow, {
+			}), size === "md" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingArrow, {
 				ref: arrowRef,
 				context,
 				width: 25,
@@ -211,7 +202,7 @@ const Tooltip = ({ content, children, passedOpen = false, size = "md", variant =
 				fill: "white",
 				className: "drop-shadow-xl",
 				"data-testid": "tooltip-arrow"
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingArrow, {
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingArrow, {
 				ref: arrowRef,
 				context,
 				width: 10,
@@ -225,65 +216,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 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 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 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 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 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;
 }({});
-let REGION = /* @__PURE__ */ function(REGION$1) {
-	REGION$1["NETHERLANDS"] = "nl";
-	REGION$1["BELGIUM"] = "nl-BE";
-	REGION$1["UNITED_KINGDOM"] = "gb";
-	return REGION$1;
-}({});
-let TOOLTIP_COLOR = /* @__PURE__ */ function(TOOLTIP_COLOR$1) {
-	TOOLTIP_COLOR$1["DEFAULT"] = "default";
-	TOOLTIP_COLOR$1["WHITE"] = "white";
-	return TOOLTIP_COLOR$1;
-}({});
-
 //#endregion
 //#region src/utils/formatIcon.ts
 const globalDefaultFormatAttributes = {};
@@ -298,13 +276,12 @@ function formatIcon(icon, defaultFormatAttributes) {
 		...globalDefaultFormatAttributes,
 		...defaultFormatAttributes,
 		...icon.props,
-		...{ className: (0, clsx.default)(globalDefaultFormatAttributes.className, defaultFormatAttributes.className, icon.props.className) }
+		className: (0, clsx.default)(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 = (0, clsx.default)({
 		"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,
@@ -334,31 +311,28 @@ 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",
-			Icon: __tabler_icons_react.IconCircleCheck
+			Icon: _tabler_icons_react.IconCircleCheck
 		},
 		warning: {
 			bg: "bg-warning-light",
 			iconColor: "text-warning",
-			Icon: __tabler_icons_react.IconAlertTriangle
+			Icon: _tabler_icons_react.IconAlertTriangle
 		},
 		error: {
 			bg: "bg-red-50",
 			iconColor: "text-red-500",
-			Icon: __tabler_icons_react.IconAlertCircle
+			Icon: _tabler_icons_react.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		role: "alert",
 		"aria-live": "assertive",
@@ -383,7 +357,7 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 						"data-testid": "alert-icon",
 						"aria-hidden": "true"
 					})), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "text-base font-semibold",
+						className: "yo-text-base",
 						children: title
 					})]
 				}),
@@ -404,7 +378,7 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 			onClick: onClose,
 			"aria-label": "Dismiss alert",
 			"data-testid": "alert-close",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, {
 				size: 18,
 				"aria-hidden": "true"
 			})
@@ -412,7 +386,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__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -553,10 +526,9 @@ const AppleAppButtonIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs
 		})
 	}) })]
 });
-
 //#endregion
 //#region src/icons/IconLoading.tsx
-const IconLoading = ({ className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+const IconLoading = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	"data-component": "button",
 	"data-testid": "loading-svg-button",
 	viewBox: "0 0 256 256",
@@ -640,10 +612,9 @@ const IconLoading = ({ className,...props }) => /* @__PURE__ */ (0, react_jsx_ru
 		})
 	]
 });
-
 //#endregion
 //#region src/components/textInput/index.tsx
-const TextInput = react.default.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.default.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.default.useState(false);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-component": "TextInput",
@@ -673,9 +644,9 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 						step,
 						maxLength,
 						className: (0, clsx.default)(`${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"
@@ -692,12 +663,12 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 					}),
 					password && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "absolute inset-y-0 right-4 flex content-center items-center justify-center align-middle text-sm font-medium text-black",
-						children: showPassword ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconEyeCheck, {
+						children: showPassword ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconEyeCheck, {
 							"data-testid": "password-visibility-toggle",
 							className: "cursor-pointer text-gray-500",
 							size: 15,
 							onClick: () => setShowPassword(false)
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconEyeOff, {
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconEyeOff, {
 							"data-testid": "password-visibility-toggle",
 							className: "cursor-pointer text-gray-500",
 							size: 15,
@@ -713,7 +684,6 @@ const TextInput = react.default.forwardRef(({ rightSection, leftSection, classNa
 		]
 	});
 });
-
 //#endregion
 //#region src/components/autoCompleteInput/index.tsx
 const AutoCompleteInput = ({ label, onChange, onFocus, inputValue, showSuggestions, handleOnKeyDown, children, error, rightSection, inputRef }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -734,7 +704,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 = {
@@ -760,10 +729,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__ */ (0, react_jsx_runtime.jsx)("div", {
+const AvatarIndicator = ({ indicatorCount, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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",
@@ -773,10 +741,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__ */ (0, react_jsx_runtime.jsx)("span", {
 		"data-testid": "badge",
@@ -803,10 +770,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__ */ (0, react_jsx_runtime.jsx)("div", {
+const BigBadge = ({ styleVariant = COLOR.GREEN, className, children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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", {
@@ -822,19 +788,17 @@ const BigBadge = ({ styleVariant = COLOR.GREEN, className, children,...props })
 	...props,
 	children
 });
-
 //#endregion
 //#region src/components/breadCrumb/index.tsx
 const BreadCrumb = ({ children, LinkText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkText, {
 	"data-component": "BreadCrumb",
 	classNames: "flex items-center",
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconArrowNarrowLeft, { size: 20 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconArrowNarrowLeft, { size: 20 }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: "flex items-center gap-5",
 		children
 	})] })
 });
 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";
@@ -849,10 +813,9 @@ const buttonVariants = {
 	icon__danger: (0, clsx.default)(defaultButtonStyling, "flex! items-center justify-center"),
 	action: (0, clsx.default)(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__ */ (0, react_jsx_runtime.jsx)(IconLoading, { className: "animate-spin-slow mr-2 stroke-current" });
 	const icon = isLoading ? loadingIcon : iconFromProps;
 	const formattedIcon = icon ? formatIcon(icon, { className: (0, clsx.default)({
@@ -877,10 +840,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__ */ (0, react_jsx_runtime.jsxs)("div", {
+const CheckboxComponent = ({ size = "md", className, error, mediumBoldText, label, labelClassName, indeterminate = false, disabled = false, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	"data-testid": "checkbox-wrapper",
 	className: cn("relative grid gap-2", className),
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -938,42 +900,39 @@ const CheckboxComponent = ({ size = "md", className, error, mediumBoldText, labe
 	})]
 });
 const Checkbox = (0, react.forwardRef)(CheckboxComponent);
-
 //#endregion
 //#region src/components/popover/index.tsx
 const Popover = (0, react.forwardRef)(({ content, children, hoverEnabled = false, passedOpen = false, placement = "right", style = "card", isMobile = false, className }, ref) => {
 	const [isOpen, setIsOpen] = (0, react.useState)(passedOpen);
 	const mobileStyles = { width: `${style === "card" && "100%"}` };
-	const { refs, floatingStyles, context } = (0, __floating_ui_react.useFloating)({
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
 		open: isOpen,
 		onOpenChange: setIsOpen,
 		placement: !isMobile ? placement : "bottom-start",
 		middleware: [
-			!isMobile && (0, __floating_ui_react.flip)(),
-			!isMobile && (0, __floating_ui_react.shift)(),
-			(0, __floating_ui_react.offset)(() => ({
+			!isMobile && (0, _floating_ui_react.flip)(),
+			!isMobile && (0, _floating_ui_react.shift)(),
+			(0, _floating_ui_react.offset)(() => ({
 				mainAxis: 15,
 				crossAxis: !isMobile ? 0 : 78
 			}))
 		],
-		whileElementsMounted: __floating_ui_react.autoUpdate
+		whileElementsMounted: _floating_ui_react.autoUpdate
 	});
-	const click = (0, __floating_ui_react.useClick)(context, {
+	const click = (0, _floating_ui_react.useClick)(context, {
 		event: "click",
 		keyboardHandlers: true
 	});
-	const focus = (0, __floating_ui_react.useFocus)(context);
-	const hover = (0, __floating_ui_react.useHover)(context, { enabled: hoverEnabled });
-	const dismiss = (0, __floating_ui_react.useDismiss)(context);
-	const role = (0, __floating_ui_react.useRole)(context, { role: "tooltip" });
+	const focus = (0, _floating_ui_react.useFocus)(context);
+	const hover = (0, _floating_ui_react.useHover)(context, { enabled: hoverEnabled });
 	const interactions = [
 		click,
 		focus,
-		dismiss,
-		role,
+		(0, _floating_ui_react.useDismiss)(context),
+		(0, _floating_ui_react.useRole)(context, { role: "tooltip" }),
 		hover
 	];
-	const { getReferenceProps, getFloatingProps } = (0, __floating_ui_react.useInteractions)(interactions);
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)(interactions);
 	(0, react.useImperativeHandle)(ref, () => ({
 		closePopover: () => setIsOpen(false),
 		openPopover: () => setIsOpen(true),
@@ -1005,7 +964,7 @@ const Popover = (0, react.forwardRef)(({ content, children, hoverEnabled = false
 					children: [!hoverEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ActionIcon, {
 						onClick: () => setIsOpen(false),
 						title: "",
-						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, {}),
+						icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, {}),
 						styleVariant: "small",
 						className: "absolute top-5 right-5"
 					}), content]
@@ -1014,12 +973,11 @@ const Popover = (0, react.forwardRef)(({ content, children, hoverEnabled = false
 		})]
 	});
 });
-
 //#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] = (0, react.useState)(value);
-	const today = new Date();
+	const today = /* @__PURE__ */ new Date();
 	const [newMonth, setNewMonth] = (0, react.useState)(selected || today);
 	const [dropdownOpened, setDropdownOpened] = (0, react.useState)({
 		month: false,
@@ -1098,9 +1056,9 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			fixedWeeks: true,
 			endMonth: (0, date_fns.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",
@@ -1123,7 +1081,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			},
 			components: {
 				DayButton: (props) => {
-					const { day,...buttonProps } = props;
+					const { day, ...buttonProps } = props;
 					const { goToMonth } = (0, react_day_picker.useDayPicker)();
 					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
@@ -1138,7 +1096,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 				Dropdown: (props) => {
 					const { goToMonth, months } = (0, react_day_picker.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();
@@ -1164,8 +1122,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__ */ (0, react_jsx_runtime.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
@@ -1180,14 +1137,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();
@@ -1206,7 +1163,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 || /* @__PURE__ */ new Date();
 											newDate.setFullYear(year);
 											goToMonth(newDate);
 											setDropdownOpened({
@@ -1246,28 +1203,28 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 					),
 					onClick: () => setNewMonth(today),
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCalendar, {}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCalendar, {}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-sm font-normal text-nowrap text-black",
 							children: selected ? selected.toLocaleDateString() : placeholder
 						}),
-						selected !== undefined && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						selected !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, { size: 15 })
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, { size: 15 })
 						}) })
 					]
 				}),
@@ -1279,19 +1236,17 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 		})
 	});
 };
-
 //#endregion
 //#region src/components/divider/index.tsx
-const Divider = ({ className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+const Divider = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 	"data-component": "divider",
 	className: (0, clsx.default)("block h-px w-full bg-gray-200", className),
 	...props
 });
-
 //#endregion
 //#region src/components/favouriteButton/index.tsx
 const FavouriteButton = (0, react.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__ */ (0, react_jsx_runtime.jsx)(ActionIcon, {
 		onClick,
 		"data-component": "favouriteButton",
@@ -1300,12 +1255,11 @@ const FavouriteButton = (0, react.forwardRef)((props, ref) => {
 		className: `${favourite ? iconColorSelected : iconColor} ${className}`.trim(),
 		iconSize,
 		ref,
-		icon: favourite ? iconFilled ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconHeartFilled, {}) : iconOutline ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconHeart, {}),
+		icon: favourite ? iconFilled ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconHeartFilled, {}) : iconOutline ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconHeart, {}),
 		...rest,
 		children
 	});
 });
-
 //#endregion
 //#region src/components/filters/FilterButton.tsx
 const FilterButton = ({ onClick, hasFilters, reset, filtersText, resetText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1315,7 +1269,7 @@ const FilterButton = ({ onClick, hasFilters, reset, filtersText, resetText }) =>
 		onClick,
 		variant: "secondary",
 		className: "font-normal md:font-normal",
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconFilter, { stroke: 1 }),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconFilter, { stroke: 1 }),
 		children: filtersText
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnstyledButton, {
 		className: "text-sm font-normal disabled:text-gray-500",
@@ -1324,7 +1278,6 @@ const FilterButton = ({ onClick, hasFilters, reset, filtersText, resetText }) =>
 		children: resetText
 	})]
 });
-
 //#endregion
 //#region src/components/filters/FilterItem.tsx
 const FilterItem = ({ title, isActive = false, onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
@@ -1336,7 +1289,6 @@ const FilterItem = ({ title, isActive = false, onClick }) => /* @__PURE__ */ (0,
 		checked: isActive
 	}), title]
 });
-
 //#endregion
 //#region src/components/filters/index.tsx
 const Filters = ({ filters, setFilters, selectedFilters, selectedFiltersText, filtersText, resetText }) => {
@@ -1382,7 +1334,6 @@ const Filters = ({ filters, setFilters, selectedFilters, selectedFiltersText, fi
 		})]
 	});
 };
-
 //#endregion
 //#region src/components/googleAppButtonIcon/index.tsx
 const GoogleAppButtonIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -1574,7 +1525,6 @@ const GoogleAppButtonIcon = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx
 		]
 	})]
 });
-
 //#endregion
 //#region src/components/hamburgerMenuButton/index.tsx
 const HamburgerMenuButton = (0, react.forwardRef)(({ menuState, setMenuState }, ref) => {
@@ -1603,7 +1553,6 @@ const HamburgerMenuButton = (0, react.forwardRef)(({ menuState, setMenuState },
 	});
 });
 HamburgerMenuButton.displayName = "HamburgerMenuButton";
-
 //#endregion
 //#region src/components/hr/index.tsx
 const HR = ({ className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
@@ -1611,10 +1560,9 @@ const HR = ({ className }) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+const Island = ({ children, className, noShadow = false, noPadding = false, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 	"data-testid": "island",
 	"data-component": "island",
 	className: cn("relative bg-white px-5 py-5 md:px-10 md:py-9", {
@@ -1626,7 +1574,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" }) => {
@@ -1662,7 +1609,7 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
 		children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "yo-text-small hidden md:block",
 			children: title
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconDotsVertical, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconDotsVertical, {
 			size: 20,
 			stroke: 1,
 			fill: "black"
@@ -1689,7 +1636,7 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
 			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(UnstyledButton, {
+					const button = /* @__PURE__ */ (0, react_jsx_runtime.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",
@@ -1700,25 +1647,23 @@ const KebabMenu = ({ title, tooltip, content, disabled = false, styleVariant = "
 						passedOpen: false,
 						size: "sm",
 						content: c.tooltip,
-						children: button$1
-					}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: button$1 }, index);
+						children: button
+					}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: button }, index);
 				})
 			})
 		})]
 	}) });
 };
 KebabMenu.displayName = "KebabMenu";
-
 //#endregion
 //#region src/components/label/index.tsx
-const Label = ({ children, className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+const Label = ({ children, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1730,7 +1675,6 @@ const Loader = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 	})
 });
 Loader.displayName = "Loader";
-
 //#endregion
 //#region src/components/logo/index.tsx
 const LogoBlack = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -1800,7 +1744,6 @@ const LogoBlack = (props) => /* @__PURE__ */ (0, react_jsx_runtime.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 }) => {
@@ -1878,7 +1821,7 @@ const Modal = ({ title, children, withCloseButton = true, opened, additionalClas
 							"aria-label": "close modal",
 							className: "absolute top-0 right-0",
 							"data-testid": "close-modal",
-							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, {}),
+							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, {}),
 							title: "Close modal"
 						})
 					}),
@@ -1901,7 +1844,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__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1911,7 +1853,7 @@ const NavButtons = ({ onNext, onPrev }) => /* @__PURE__ */ (0, react_jsx_runtime
 			"data-testid": "chevron-left",
 			className: `flex ${onPrev ? "cursor-pointer hover:bg-gray-50" : "cursor-not-allowed"} h-full items-center px-2`,
 			onClick: onPrev,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconChevronLeft, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronLeft, {
 				size: 20,
 				className: onPrev ? "text-gray-500" : "text-gray-200"
 			})
@@ -1921,14 +1863,13 @@ const NavButtons = ({ onNext, onPrev }) => /* @__PURE__ */ (0, react_jsx_runtime
 			"data-testid": "chevron-right",
 			className: `flex ${onNext ? "cursor-pointer hover:bg-gray-50" : "cursor-not-allowed"} h-full items-center px-2 hover:bg-gray-50`,
 			onClick: onNext,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconChevronRight, {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronRight, {
 				size: 20,
 				className: onNext ? "text-gray-500" : "text-gray-200"
 			})
 		})
 	]
 });
-
 //#endregion
 //#region src/components/numberField/index.tsx
 const NumberField = ({ name, value = 0, max, min = 0, isDisabled, id, className = "", label, error, onChange }) => {
@@ -1988,7 +1929,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__ */ (0, react_jsx_runtime.jsx)(Island, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2002,7 +1942,6 @@ const PageUnavailable = ({ notAvailableButton, notAvailableDescription, notAvail
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: notAvailableButton })
 	]
 }) });
-
 //#endregion
 //#region src/components/passwordInput/index.tsx
 const PasswordInput = react.default.forwardRef((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
@@ -2013,7 +1952,6 @@ const PasswordInput = react.default.forwardRef((props, ref) => /* @__PURE__ */ (
 	ref
 }));
 PasswordInput.displayName = "PasswordInput";
-
 //#endregion
 //#region src/components/progressBar/index.tsx
 const ProgressBar = ({ value, maxValue = 100, className }) => {
@@ -2037,10 +1975,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__ */ (0, react_jsx_runtime.jsxs)("div", {
+const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, className, containerClassName, labelClassName, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	"data-testid": "radio-button-container",
 	className: `${containerClassName || "radio-button-container"} relative flex items-start`,
 	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2050,7 +1987,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: `${(0, clsx.default)(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 })}`,
@@ -2073,7 +2010,6 @@ const RadioButton = ({ id, name, value, label, onChange, checked, dataTestId, cl
 	})]
 });
 RadioButton.displayName = "RadioButton";
-
 //#endregion
 //#region src/icons/IconStarEmpty.tsx
 const IconStarEmpty = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
@@ -2090,7 +2026,6 @@ const IconStarEmpty = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg
 		fill: "#E0E0E0"
 	})
 });
-
 //#endregion
 //#region src/icons/IconStarFilled.tsx
 const IconStarFilled = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
@@ -2107,7 +2042,6 @@ const IconStarFilled = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("sv
 		fill: "currentColor"
 	})
 });
-
 //#endregion
 //#region src/icons/IconStarHalfFilled.tsx
 const IconStarHalfFilled = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -2127,7 +2061,6 @@ const IconStarHalfFilled = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs
 		fill: "currentColor"
 	})]
 });
-
 //#endregion
 //#region src/components/rating/index.tsx
 const Rating = ({ rating, ratings, size = "normal", setReview, className, setReviewError, error }) => {
@@ -2136,7 +2069,7 @@ const Rating = ({ rating, ratings, size = "normal", setReview, className, setRev
 	const [reviewIsSet, setReviewIsSet] = (0, react.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]"
@@ -2150,29 +2083,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__ */ (0, react_jsx_runtime.jsx)(IconStarFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-			if (hasHalf$1 && index === Math.ceil(effectiveRating$1)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarHalfFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-			return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(IconStarFilled, { className: `text-yellow ${sizeClasses[size]}` });
+			if (hasHalf && index === Math.ceil(effectiveRating)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarHalfFilled, { className: `text-yellow ${sizeClasses[size]}` });
+			return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(IconStarFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-		if (hasHalf && index === Math.ceil(effectiveRating)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarHalfFilled, { className: `text-yellow ${sizeClasses$1[size]}` });
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarEmpty, { className: `text-yellow ${sizeClasses$1[size]} ` });
+		if (index <= Math.floor(effectiveRating)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarFilled, { className: `text-yellow ${sizeClasses[size]}` });
+		if (hasHalf && index === Math.ceil(effectiveRating)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarHalfFilled, { className: `text-yellow ${sizeClasses[size]}` });
+		return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(IconStarFilled, { className: cn(className$1, "text-yellow") });
-		if (index - roundedRating === .5) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarHalfFilled, { className: cn(className$1, "text-yellow") });
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarEmpty, { className: cn(className$1, "text-yellow") });
+	const StarSmallIcon = ({ index, className }) => {
+		const roundedRating = Math.round(currentSmallRating * 2) / 2;
+		if (index === roundedRating) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarFilled, { className: cn(className, "text-yellow") });
+		if (index - roundedRating === .5) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarHalfFilled, { className: cn(className, "text-yellow") });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconStarEmpty, { className: cn(className, "text-yellow") });
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		className: cn("flex flex-col", className),
@@ -2215,10 +2145,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-component": "regionSelector",
@@ -2235,7 +2164,6 @@ const RegionSelector = ({ title, regions,...props }) => {
 	});
 };
 RegionSelector.displayName = "RegionSelector";
-
 //#endregion
 //#region src/components/reviews/index.tsx
 const ReviewsLine = ({ maxValue, amount, countStarsText }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2297,7 +2225,6 @@ const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, count
 		})
 	})]
 });
-
 //#endregion
 //#region src/components/scrollToTop/index.tsx
 const ScrollToTop = ({ scrollToTopTitle }) => {
@@ -2331,16 +2258,15 @@ const ScrollToTop = ({ scrollToTopTitle }) => {
 		onClick: scrollToTop,
 		"data-tooltip-id": scrollToTopTitle,
 		"data-tooltip-content": scrollToTopTitle,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconChevronUp, {})
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconChevronUp, {})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_tooltip.Tooltip, {
 		id: scrollToTopTitle,
 		className: "z-[99]"
 	})] });
 };
-
 //#endregion
 //#region src/components/searchInput/index.tsx
-const SearchInput = ({ placeholder, value, onChange, className, rightSection,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
+const SearchInput = ({ placeholder, value, onChange, className, rightSection, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
 	placeholder,
 	className: className || "w-full lg:w-auto lg:min-w-[23.75rem]",
 	rightSection: rightSection || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {}),
@@ -2348,7 +2274,6 @@ const SearchInput = ({ placeholder, value, onChange, className, rightSection,...
 	onChange,
 	...props
 });
-
 //#endregion
 //#region src/hooks/useDebouncedValue.ts
 function useDebouncedValue(value, delay = 200) {
@@ -2359,10 +2284,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 = (0, react.useRef)(null);
 	const buttonRef = (0, react.useRef)(null);
 	const optionRefs = (0, react.useRef)([]);
@@ -2372,29 +2296,27 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 	const [searchTerm, setSearchTerm] = (0, react.useState)("");
 	const [focusedIndex, setFocusedIndex] = (0, react.useState)(-1);
 	const debouncedSearch = useDebouncedValue(searchTerm);
-	const isControlled = value !== undefined;
+	const isControlled = value !== void 0;
 	const currentValue = isControlled ? value : internalValue;
 	const selectedLabels = (0, react.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 } = (0, __floating_ui_react.useFloating)({
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
 		open,
 		onOpenChange: setOpen,
 		middleware: [
-			(0, __floating_ui_react.offset)(4),
-			(0, __floating_ui_react.flip)(),
-			(0, __floating_ui_react.shift)()
+			(0, _floating_ui_react.offset)(4),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)()
 		],
-		whileElementsMounted: __floating_ui_react.autoUpdate,
+		whileElementsMounted: _floating_ui_react.autoUpdate,
 		placement: "bottom-start"
 	});
-	const click = (0, __floating_ui_react.useClick)(context);
-	const dismiss = (0, __floating_ui_react.useDismiss)(context);
-	const role = (0, __floating_ui_react.useRole)(context, { role: "combobox" });
-	const { getReferenceProps, getFloatingProps } = (0, __floating_ui_react.useInteractions)([
+	const click = (0, _floating_ui_react.useClick)(context);
+	const dismiss = (0, _floating_ui_react.useDismiss)(context);
+	const role = (0, _floating_ui_react.useRole)(context, { role: "combobox" });
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
 		click,
 		dismiss,
 		role
@@ -2420,8 +2342,8 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 	const handleClear = (0, react.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;
@@ -2541,7 +2463,7 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 						className: "truncate",
 						children: selectedLabels
 					})
-				}), isClearable && !showPlaceholder ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, {
+				}), isClearable && !showPlaceholder ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconX, {
 					size: 16,
 					color: "black",
 					className: "cursor-pointer",
@@ -2549,13 +2471,13 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 					onPointerDown: handleClear,
 					role: "button",
 					"aria-label": "Clear selection"
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconSelector, {
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconSelector, {
 					size: 16,
 					color: "black",
 					"aria-hidden": "true"
 				})]
 			}),
-			open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingFocusManager, {
+			open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingFocusManager, {
 				context,
 				modal: false,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2574,7 +2496,7 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 						children: [searchable && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex items-center gap-2 px-2 py-1 border-b border-gray-100 sticky top-0 bg-white",
 							role: "search",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconSearch, {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconSearch, {
 								size: 14,
 								className: "text-gray-400",
 								"aria-hidden": "true"
@@ -2592,7 +2514,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__ */ (0, react_jsx_runtime.jsxs)("button", {
-									ref: (el) => optionRefs.current[index] = el,
+									ref: (el) => {
+										optionRefs.current[index] = el;
+									},
 									type: "button",
 									onClick: () => handleSelect(opt.value),
 									role: "option",
@@ -2602,7 +2526,7 @@ function Select({ id, options, placeholder, label, errorText, hideError = false,
 									children: [multiSelect && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: cn("flex h-4 w-4 items-center justify-center rounded-sm border", isSelected ? "border-light-blue bg-light-blue" : "border-gray-400 bg-white"),
 										"aria-hidden": "true",
-										children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCheck, {
+										children: isSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, {
 											size: 12,
 											color: "white",
 											stroke: 2,
@@ -2631,7 +2555,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__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2650,7 +2573,6 @@ const SettingsCard = ({ icon, title, link, ManageText, LinkComponent }) => /* @_
 		children: ManageText
 	})]
 });
-
 //#endregion
 //#region src/components/skeleton/index.tsx
 const Skeleton = ({ className, "data-testid": dataTestId }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2658,7 +2580,6 @@ const Skeleton = ({ className, "data-testid": dataTestId }) => /* @__PURE__ */ (
 	"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__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2673,7 +2594,6 @@ const SkillPill = ({ name, number }) => /* @__PURE__ */ (0, react_jsx_runtime.js
 		children: number
 	})]
 });
-
 //#endregion
 //#region src/components/stepper/NumberedStepper.tsx
 const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLabel, onStepClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2703,7 +2623,7 @@ const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLa
 					children: [
 						completedLabel,
 						" ",
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCheck, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, {
 							className: "align-middle",
 							size: 12
 						})
@@ -2713,7 +2633,6 @@ const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLa
 		})
 	}), index < steps.length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2744,7 +2663,7 @@ const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableStep
 							}),
 							children: [(index < activeStep || isCompleted) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "flex items-center justify-center text-white",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCheck, { size: variant === "small" || isMobile ? 7 : 12 })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconCheck, { size: variant === "small" || isMobile ? 7 : 12 })
 							}), index === activeStep && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								"data-testid": "active-step-indicator",
 								className: `${variant === "small" || isMobile ? "size-1" : "size-2"} bg-light-blue rounded-full`
@@ -2764,7 +2683,6 @@ const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableStep
 		}, index);
 	})
 });
-
 //#endregion
 //#region src/components/stickyMobileButton/index.tsx
 const StickyMobileButtonWrapper = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2776,17 +2694,15 @@ const StickyMobileButtonWrapper = ({ children }) => /* @__PURE__ */ (0, react_js
 		children
 	})
 });
-
 //#endregion
 //#region src/components/table/index.tsx
-const Table = ({ children, className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+const Table = ({ children, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2795,7 +2711,6 @@ const TableCell = ({ children, smallPadding, className }) => /* @__PURE__ */ (0,
 	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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2804,30 +2719,27 @@ const TableHeader = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)
 	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__ */ (0, react_jsx_runtime.jsx)("div", {
+const TableHeaderItem = ({ children, smallPadding, className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+const TableHeaderRow = ({ children, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-testid": "tableRow",
 		"data-component": "tableRow",
@@ -2836,7 +2748,6 @@ function TableRow({ children, className, header,...props }) {
 		children
 	});
 }
-
 //#endregion
 //#region src/components/tabs/Tab.tsx
 const Tab = (0, react.forwardRef)(({ tabId, activeTab, tabContent, clickFnc, rightSection }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -2849,7 +2760,6 @@ const Tab = (0, react.forwardRef)(({ tabId, activeTab, tabContent, clickFnc, rig
 		children: rightSection
 	})]
 }));
-
 //#endregion
 //#region src/components/tabs/TabsBadge.tsx
 const TabsBadge = ({ children }) => {
@@ -2864,7 +2774,6 @@ const TabsBadge = ({ children }) => {
 	});
 };
 TabsBadge.displayName = "TabsBadge";
-
 //#endregion
 //#region src/components/tabs/TabsWrapper.tsx
 const TabsWrapper = ({ setActiveTab, activeTab, tabs }) => {
@@ -2922,17 +2831,16 @@ const TabContent = (0, react.forwardRef)(({ tab, setActiveTab, activeTab }, ref)
 	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 = (0, react.forwardRef)(({ className, label, error, rows = 8,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+const Textarea = (0, react.forwardRef)(({ className, label, error, rows = 8, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	className: "relative grid gap-2",
 	children: [
 		label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
@@ -2952,10 +2860,9 @@ const Textarea = (0, react.forwardRef)(({ className, label, error, rows = 8,...p
 		})
 	]
 }));
-
 //#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,
@@ -2980,10 +2887,9 @@ function ThemeIcon({ styleVariant = "black", className, icon, adjustedSize, titl
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_tooltip.Tooltip, { id: title })] });
 }
-
 //#endregion
 //#region src/components/timeInput/index.tsx
-const TimeInput = (0, react.forwardRef)(({ label, error, withSeconds, className = "",...props }, ref) => {
+const TimeInput = (0, react.forwardRef)(({ label, error, withSeconds, className = "", ...props }, ref) => {
 	const handleTimeChange = (e) => {
 		if (props.onChange) props.onChange(e);
 	};
@@ -3011,7 +2917,6 @@ const TimeInput = (0, react.forwardRef)(({ label, error, withSeconds, className
 		]
 	});
 });
-
 //#endregion
 //#region src/components/toggle/index.tsx
 const Toggle = ({ onClick, value, disabled = false }) => {
@@ -3033,7 +2938,6 @@ const Toggle = ({ onClick, value, disabled = false }) => {
 		})
 	});
 };
-
 //#endregion
 //#region src/components/truncatedText/index.tsx
 const TruncatedText = ({ text, limit = 20 }) => {
@@ -3052,15 +2956,14 @@ const TruncatedText = ({ text, limit = 20 }) => {
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "text-secondary",
 				"data-testid": "truncated-text-icon",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconMessageDots, { stroke: 1 })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconMessageDots, { stroke: 1 })
 			})
 		})]
 	});
 };
-
 //#endregion
 //#region src/components/unorderedList/index.tsx
-const UnorderedList = ({ children, className, actionItem,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+const UnorderedList = ({ children, className, actionItem, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
 	className: cn("m-0 last:border-none", className),
 	"data-component": "unorderedList",
 	"data-testid": "unorderedList",
@@ -3070,10 +2973,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__ */ (0, react_jsx_runtime.jsxs)("li", {
+const UnorderedListItem = ({ children, actionItem, className, header = false, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.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),
@@ -3082,60 +2984,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 = (0, react.useCallback)((phoneNumber, options) => (0, phone.default)(phoneNumber, options), []);
-	/**
-	* Strips the country code from a phone number
-	* Example: +85265698900 -> 65698900
-	*/
-	const stripCountryCode = (0, react.useCallback)((phoneNumber) => {
-		const result = (0, phone.default)(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 = (0, react.useCallback)((phoneNumber) => {
-		const result = (0, phone.default)(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 = (0, react.useCallback)((phoneNumber, options) => {
-		const result = (0, phone.default)(phoneNumber, options);
-		if (!result.isValid) return phoneNumber;
-		return result.phoneNumber;
-	}, []);
 	return {
-		validatePhone,
-		stripCountryCode,
-		getCountryCode,
-		formatToInternational
+		validatePhone: (0, react.useCallback)((phoneNumber, options) => (0, phone.default)(phoneNumber, options), []),
+		stripCountryCode: (0, react.useCallback)((phoneNumber) => {
+			const result = (0, phone.default)(phoneNumber);
+			if (!result.isValid) return phoneNumber;
+			return result.phoneNumber.replace(result.countryCode, "");
+		}, []),
+		getCountryCode: (0, react.useCallback)((phoneNumber) => {
+			const result = (0, phone.default)(phoneNumber);
+			if (!result.isValid) return phoneNumber;
+			return result.countryCode;
+		}, []),
+		formatToInternational: (0, react.useCallback)((phoneNumber, options) => {
+			const result = (0, phone.default)(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 = country_list_with_dial_code_and_flag.default;
+	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 = country_list_with_dial_code_and_flag.default.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 }) => {
@@ -3146,24 +3032,24 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 	const [filteredCountries, setFilteredCountries] = (0, react.useState)(phoneNumberPrefixes);
 	const [highlightedIndex, setHighlightedIndex] = (0, react.useState)(-1);
 	const optionRefs = (0, react.useRef)([]);
-	const { refs, floatingStyles, context } = (0, __floating_ui_react.useFloating)({
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
 		open: openDropdown,
 		onOpenChange: (isOpen) => {
 			setOpenDropdown(isOpen);
 			if (isOpen) setHighlightedIndex(-1);
 		},
 		middleware: [
-			(0, __floating_ui_react.offset)(4),
-			(0, __floating_ui_react.flip)(),
-			(0, __floating_ui_react.shift)()
+			(0, _floating_ui_react.offset)(4),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)()
 		],
-		whileElementsMounted: __floating_ui_react.autoUpdate,
+		whileElementsMounted: _floating_ui_react.autoUpdate,
 		placement: "bottom-start"
 	});
-	const click = (0, __floating_ui_react.useClick)(context);
-	const dismiss = (0, __floating_ui_react.useDismiss)(context);
-	const role = (0, __floating_ui_react.useRole)(context, { role: "combobox" });
-	const { getReferenceProps, getFloatingProps } = (0, __floating_ui_react.useInteractions)([
+	const click = (0, _floating_ui_react.useClick)(context);
+	const dismiss = (0, _floating_ui_react.useDismiss)(context);
+	const role = (0, _floating_ui_react.useRole)(context, { role: "combobox" });
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
 		click,
 		dismiss,
 		role
@@ -3174,20 +3060,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]);
 	(0, react.useEffect)(() => {
-		const results = performSearch(searchQuery);
-		setFilteredCountries(results);
+		setFilteredCountries(performSearch(searchQuery));
 		setHighlightedIndex(-1);
 	}, [searchQuery]);
 	(0, react.useEffect)(() => {
 		optionRefs.current = optionRefs.current.slice(0, filteredCountries.length);
 	}, [filteredCountries]);
 	(0, react.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);
@@ -3204,11 +3087,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);
@@ -3239,7 +3121,7 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 					children: selectedCountry?.dial_code
 				})
 			})
-		}), openDropdown && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__floating_ui_react.FloatingFocusManager, {
+		}), openDropdown && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingFocusManager, {
 			context,
 			modal: false,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3266,7 +3148,9 @@ const CountrySelector = ({ searchPlaceholder, defaultCountry, ref }) => {
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "max-h-[200px] overflow-auto p-1",
 					children: filteredCountries.length > 0 ? filteredCountries.map((country, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						ref: (el) => optionRefs.current[index] = el,
+						ref: (el) => {
+							optionRefs.current[index] = el;
+						},
 						type: "button",
 						role: "option",
 						"aria-selected": selectedCountry?.code === country.code,
@@ -3295,7 +3179,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 = (0, react.useRef)(null);
 	const [phoneNumber, setPhoneNumber] = (0, react.useState)(defaultValue || "");
 	const { validatePhone, stripCountryCode, getCountryCode, formatToInternational } = usePhoneNumber();
@@ -3308,18 +3192,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);
@@ -3345,7 +3226,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 }) => {
@@ -3360,26 +3240,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) => {
@@ -3461,7 +3338,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,
@@ -3492,50 +3369,48 @@ 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__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconBold, {
+const BoldIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconBold, {
 	size: 18,
 	stroke: 1.5
 });
-const ItalicIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconItalic, {
+const ItalicIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconItalic, {
 	size: 18,
 	stroke: 1.5
 });
-const UnderlineIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconUnderline, {
+const UnderlineIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconUnderline, {
 	size: 18,
 	stroke: 1.5
 });
-const ClearFormattingIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconClearFormatting, {
+const ClearFormattingIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconClearFormatting, {
 	size: 18,
 	stroke: 1.5
 });
-const ListIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconList, {
+const ListIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconList, {
 	size: 18,
 	stroke: 1.5
 });
-const ListNumbersIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconListNumbers, {
+const ListNumbersIcon = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconListNumbers, {
 	size: 18,
 	stroke: 1.5
 });
 const WysiwygEditor = (0, react.forwardRef)(({ id, content, className, placeholder, onChange, readOnly, error }, ref) => {
-	const editor = (0, __tiptap_react.useEditor)({
+	const editor = (0, _tiptap_react.useEditor)({
 		extensions: [
-			__tiptap_starter_kit.StarterKit,
-			__tiptap_extension_underline.Underline,
-			__tiptap_extension_placeholder.Placeholder.configure({ placeholder })
+			_tiptap_starter_kit.StarterKit,
+			_tiptap_extension_underline.Underline,
+			_tiptap_extension_placeholder.Placeholder.configure({ placeholder })
 		],
 		editorProps: { attributes: { class: "min-h-[190px] md:min-h-[150px] bg-ultra-light-gray text-sm font-normal p-4 prose prose-sm sm:prose-base lg:prose-lg xl:prose-2xl focus:outline-hidden" } },
 		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, "");
@@ -3608,7 +3483,7 @@ const WysiwygEditor = (0, react.forwardRef)(({ id, content, className, placehold
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListNumbersIcon, {})
 				})]
 			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tiptap_react.EditorContent, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tiptap_react.EditorContent, {
 			editor,
 			"data-component": "wysiwygEditor",
 			"data-testid": id,
@@ -3620,7 +3495,6 @@ const WysiwygEditor = (0, react.forwardRef)(({ id, content, className, placehold
 		children: error
 	})] });
 });
-
 //#endregion
 exports.AccordionItem = AccordionItem;
 exports.AccordionWrapper = AccordionWrapper;
@@ -3689,4 +3563,5 @@ exports.UnorderedListItem = UnorderedListItem;
 exports.UnstyledButton = UnstyledButton;
 exports.WysiwygEditor = WysiwygEditor;
 exports.buttonVariants = buttonVariants;
+
 //# sourceMappingURL=index.cjs.map