@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/inputs/Selection/shared/SelectInputTags.js

@@ -1,105 +1,31 @@
 import { Tag } from "../../../text/Tag/Tag.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectInputTags.tsx
-var SelectInputTags = (t0) => {
-	const $ = c(25);
-	const { selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove } = t0;
-	let t1;
-	bb0: {
-		if (!collapseAfter || selectedItems.length <= collapseAfter) {
-			let t2;
-			if ($[0] !== selectedItems) {
-				t2 = {
-					displayedItems: selectedItems,
-					remainingCount: 0
-				};
-				$[0] = selectedItems;
-				$[1] = t2;
-			} else t2 = $[1];
-			t1 = t2;
-			break bb0;
-		}
-		let t2;
-		if ($[2] !== collapseAfter || $[3] !== selectedItems) {
-			t2 = selectedItems.slice(0, collapseAfter - 1);
-			$[2] = collapseAfter;
-			$[3] = selectedItems;
-			$[4] = t2;
-		} else t2 = $[4];
-		const t3 = selectedItems.length - (collapseAfter - 1);
-		let t4;
-		if ($[5] !== t2 || $[6] !== t3) {
-			t4 = {
-				displayedItems: t2,
-				remainingCount: t3
-			};
-			$[5] = t2;
-			$[6] = t3;
-			$[7] = t4;
-		} else t4 = $[7];
-		t1 = t4;
-	}
-	const { displayedItems, remainingCount } = t1;
-	if (selectedTagsType === "tags") {
-		let t2;
-		if ($[8] !== displayedItems || $[9] !== isDisabled || $[10] !== onRemove) {
-			let t3;
-			if ($[12] !== isDisabled || $[13] !== onRemove) {
-				t3 = (item) => /* @__PURE__ */ jsx(Tag, {
-					dismissable: true,
-					isDisabled,
-					onDismiss: () => onRemove(item.id),
-					excludeFromTabOrder: true,
-					className: "z-raised",
-					children: item.label
-				}, item.id);
-				$[12] = isDisabled;
-				$[13] = onRemove;
-				$[14] = t3;
-			} else t3 = $[14];
-			t2 = displayedItems.map(t3);
-			$[8] = displayedItems;
-			$[9] = isDisabled;
-			$[10] = onRemove;
-			$[11] = t2;
-		} else t2 = $[11];
-		let t3;
-		if ($[15] !== isDisabled || $[16] !== remainingCount) {
-			t3 = remainingCount > 0 && /* @__PURE__ */ jsx(Tag, {
-				isDisabled,
-				excludeFromTabOrder: true,
-				children: `+${remainingCount} more`
-			}, "remaining-count");
-			$[15] = isDisabled;
-			$[16] = remainingCount;
-			$[17] = t3;
-		} else t3 = $[17];
-		let t4;
-		if ($[18] !== t2 || $[19] !== t3) {
-			t4 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t3] });
-			$[18] = t2;
-			$[19] = t3;
-			$[20] = t4;
-		} else t4 = $[20];
-		return t4;
-	}
-	let t2;
-	if ($[21] !== selectedItems) {
-		t2 = selectedItems.map(_temp).join(", ");
-		$[21] = selectedItems;
-		$[22] = t2;
-	} else t2 = $[22];
-	let t3;
-	if ($[23] !== t2) {
-		t3 = /* @__PURE__ */ jsx("p", { children: t2 });
-		$[23] = t2;
-		$[24] = t3;
-	} else t3 = $[24];
-	return t3;
+const SelectInputTags = ({ selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove }) => {
+	const { displayedItems, remainingCount } = useMemo(() => {
+		if (!collapseAfter || selectedItems.length <= collapseAfter) return {
+			displayedItems: selectedItems,
+			remainingCount: 0
+		};
+		return {
+			displayedItems: selectedItems.slice(0, collapseAfter - 1),
+			remainingCount: selectedItems.length - (collapseAfter - 1)
+		};
+	}, [selectedItems, collapseAfter]);
+	if (selectedTagsType === "tags") return /* @__PURE__ */ jsxs(Fragment$1, { children: [displayedItems.map((item) => /* @__PURE__ */ jsx(Tag, {
+		dismissable: true,
+		isDisabled,
+		onDismiss: () => onRemove(item.id),
+		excludeFromTabOrder: true,
+		className: "z-raised",
+		children: item.label
+	}, item.id)), remainingCount > 0 && /* @__PURE__ */ jsx(Tag, {
+		isDisabled,
+		excludeFromTabOrder: true,
+		children: `+${remainingCount} more`
+	}, "remaining-count")] });
+	return /* @__PURE__ */ jsx("p", { children: selectedItems.map((item) => item.label).join(", ") });
 };
-function _temp(item_0) {
-	return item_0.label;
-}
 //#endregion
 export { SelectInputTags };

package/dist/components/inputs/Selection/shared/SelectListBox.js

@@ -7,7 +7,7 @@ import { clsx } from "clsx";
 import { ListBox, ListLayout, Virtualizer } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectListBox.tsx
-var SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }) => {
+const SelectListBox = ({ label, selectionMode, isSearchable, isScrollable = true, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }) => {
 	const { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll, hasLoadMore } = SelectContext.useSelect();
 	const onSelectionChange = (value) => {
 		const ids = Array.from(value);

package/dist/components/inputs/Selection/shared/SelectListBoxItem.js

@@ -3,102 +3,52 @@ import "../../../../config/i18n.js";
 import { CheckboxCheckmark } from "../../Checkbox/CheckboxCheckmark.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
-import { useRef } from "react";
+import { useMemo, useRef } from "react";
 import { ListBoxItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxItem.tsx
-var SelectListBoxItem = (t0) => {
-	const $ = c(24);
-	const { isSearchable, isNewItem, newItemRender, id, label, content, isDisabled } = t0;
+const SelectListBoxItem = ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled }) => {
 	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
 	const ref = useRef(null);
 	const { t } = useTranslation("ui");
 	const { selectedIds, isMultiple } = SelectContext.useSelect();
-	let t1;
-	bb0: {
-		if (isNewItem) {
-			let t2;
-			if ($[0] !== label || $[1] !== newItemRender || $[2] !== t) {
-				t2 = newItemRender?.(label) ?? `${t(_temp)} '${label}'`;
-				$[0] = label;
-				$[1] = newItemRender;
-				$[2] = t;
-				$[3] = t2;
-			} else t2 = $[3];
-			t1 = t2;
-			break bb0;
-		}
-		t1 = content ?? label;
-	}
-	const itemContent = t1;
-	const t2 = !isMultiple;
-	let t3;
-	if ($[4] !== isNewItem || $[5] !== selectListItemCva || $[6] !== t2) {
-		t3 = selectListItemCva({
-			isSingle: t2,
+	const itemContent = useMemo(() => {
+		if (isNewItem) return newItemRender?.(label) ?? `${t(($) => $.ui.autocomplete.createNewBtn)} '${label}'`;
+		return content ?? label;
+	}, [
+		isNewItem,
+		newItemRender,
+		label,
+		content,
+		t
+	]);
+	return /* @__PURE__ */ jsxs(ListBoxItem, {
+		ref,
+		id,
+		textValue: label,
+		isDisabled,
+		className: selectListItemCva({
+			isSingle: !isMultiple,
 			isNewItem
-		});
-		$[4] = isNewItem;
-		$[5] = selectListItemCva;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== isMultiple || $[9] !== isSearchable) {
-		t4 = isMultiple && !isSearchable && /* @__PURE__ */ jsx(CheckboxCheckmark, {
-			variant: "default",
-			className: "group-focus-visible:outline-none!"
-		});
-		$[8] = isMultiple;
-		$[9] = isSearchable;
-		$[10] = t4;
-	} else t4 = $[10];
-	let t5;
-	if ($[11] !== id || $[12] !== isMultiple || $[13] !== isSearchable || $[14] !== selectedIds) {
-		t5 = isMultiple && isSearchable && /* @__PURE__ */ jsx("div", {
-			className: "group",
-			"data-rac": "",
-			"data-selected": selectedIds.includes(id) || void 0,
-			children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+		}),
+		children: [
+			isMultiple && !isSearchable && /* @__PURE__ */ jsx(CheckboxCheckmark, {
 				variant: "default",
 				className: "group-focus-visible:outline-none!"
-			})
-		});
-		$[11] = id;
-		$[12] = isMultiple;
-		$[13] = isSearchable;
-		$[14] = selectedIds;
-		$[15] = t5;
-	} else t5 = $[15];
-	let t6;
-	if ($[16] !== id || $[17] !== isDisabled || $[18] !== itemContent || $[19] !== label || $[20] !== t3 || $[21] !== t4 || $[22] !== t5) {
-		t6 = /* @__PURE__ */ jsxs(ListBoxItem, {
-			ref,
-			id,
-			textValue: label,
-			isDisabled,
-			className: t3,
-			children: [
-				t4,
-				t5,
-				itemContent
-			]
-		});
-		$[16] = id;
-		$[17] = isDisabled;
-		$[18] = itemContent;
-		$[19] = label;
-		$[20] = t3;
-		$[21] = t4;
-		$[22] = t5;
-		$[23] = t6;
-	} else t6 = $[23];
-	return t6;
+			}),
+			isMultiple && isSearchable && /* @__PURE__ */ jsx("div", {
+				className: "group",
+				"data-rac": "",
+				"data-selected": selectedIds.includes(id) || void 0,
+				children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+					variant: "default",
+					className: "group-focus-visible:outline-none!"
+				})
+			}),
+			itemContent
+		]
+	});
 };
-function _temp($) {
-	return $.ui.autocomplete.createNewBtn;
-}
 //#endregion
 export { SelectListBoxItem };

package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js

@@ -5,84 +5,31 @@ import { SelectContext } from "./select.context.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
 import { useRef } from "react";
 import { ListBoxItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxItemSelectAll.tsx
-var SelectListBoxItemSelectAll = (t0) => {
-	const $ = c(18);
-	const { id, label, isDisabled } = t0;
+const SelectListBoxItemSelectAll = ({ id, label, isDisabled }) => {
 	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
 	const ref = useRef(null);
 	const { t } = useTranslation("ui");
 	const { selectableListItems, selectedIds } = SelectContext.useSelect();
-	let t1;
-	if ($[0] !== label || $[1] !== t) {
-		t1 = label || t(_temp);
-		$[0] = label;
-		$[1] = t;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== selectListItemCva) {
-		t2 = selectListItemCva({});
-		$[3] = selectListItemCva;
-		$[4] = t2;
-	} else t2 = $[4];
-	const t3 = selectedIds.length === selectableListItems.length || void 0;
-	const t4 = selectedIds.length > 0 && selectedIds.length < selectableListItems.length || void 0;
-	let t5;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(CheckboxCheckmark, {
-			variant: "default",
-			className: "group-focus-visible:outline-none!"
-		});
-		$[5] = t5;
-	} else t5 = $[5];
-	let t6;
-	if ($[6] !== t3 || $[7] !== t4) {
-		t6 = /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs(ListBoxItem, {
+		ref,
+		id,
+		textValue: label || t(($) => $.ui.select.allOption),
+		isDisabled,
+		className: selectListItemCva({}),
+		children: [/* @__PURE__ */ jsx("div", {
 			className: "group",
 			"data-rac": "",
-			"data-selected": t3,
-			"data-indeterminate": t4,
-			children: t5
-		});
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== t) {
-		t7 = t(_temp2);
-		$[9] = t;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== id || $[12] !== isDisabled || $[13] !== t1 || $[14] !== t2 || $[15] !== t6 || $[16] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(ListBoxItem, {
-			ref,
-			id,
-			textValue: t1,
-			isDisabled,
-			className: t2,
-			children: [t6, t7]
-		});
-		$[11] = id;
-		$[12] = isDisabled;
-		$[13] = t1;
-		$[14] = t2;
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t8;
-	} else t8 = $[17];
-	return t8;
+			"data-selected": selectedIds.length === selectableListItems.length || void 0,
+			"data-indeterminate": selectedIds.length > 0 && selectedIds.length < selectableListItems.length || void 0,
+			children: /* @__PURE__ */ jsx(CheckboxCheckmark, {
+				variant: "default",
+				className: "group-focus-visible:outline-none!"
+			})
+		}), t(($) => $.ui.select.allOption)]
+	});
 };
-function _temp($) {
-	return $.ui.select.allOption;
-}
-function _temp2($_0) {
-	return $_0.ui.select.allOption;
-}
 //#endregion
 export { SelectListBoxItemSelectAll };

package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js

@@ -4,86 +4,38 @@ import "../../../../config/i18n.js";
 import { SelectContext } from "./select.context.js";
 import { selectListBoxItemDefinition } from "./selectItem.cva.js";
 import { useIntersectionObserver } from "../../../../hooks/useIntersectionObserver.js";
+import { useCallback } from "react";
 import { ListBoxItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxLoadingItem.tsx
-var SelectListBoxLoadingItem = (t0) => {
-	const $ = c(20);
-	const { id, label, onLoadMore } = t0;
+const SelectListBoxLoadingItem = ({ id, label, onLoadMore }) => {
 	const selectListItemCva = UIOverrides.useCva("select.listBoxItemCva", selectListBoxItemDefinition);
 	const { t } = useTranslation("ui");
 	const { isDebouncing, isLoading, hasLoadMore } = SelectContext.useSelect();
-	let t1;
-	if ($[0] !== hasLoadMore || $[1] !== isDebouncing || $[2] !== isLoading || $[3] !== onLoadMore) {
-		t1 = () => {
-			if (!isDebouncing && !isLoading && hasLoadMore) onLoadMore?.();
-		};
-		$[0] = hasLoadMore;
-		$[1] = isDebouncing;
-		$[2] = isLoading;
-		$[3] = onLoadMore;
-		$[4] = t1;
-	} else t1 = $[4];
-	const onIntersection = t1;
-	let t2;
-	if ($[5] !== onIntersection) {
-		t2 = {
-			onIntersection,
-			rootMargin: "40px"
-		};
-		$[5] = onIntersection;
-		$[6] = t2;
-	} else t2 = $[6];
-	const { ref } = useIntersectionObserver(t2);
-	let t3;
-	if ($[7] !== label || $[8] !== t) {
-		t3 = label || t(_temp);
-		$[7] = label;
-		$[8] = t;
-		$[9] = t3;
-	} else t3 = $[9];
-	let t4;
-	if ($[10] !== selectListItemCva) {
-		t4 = selectListItemCva({});
-		$[10] = selectListItemCva;
-		$[11] = t4;
-	} else t4 = $[11];
-	let t5;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Loader, {});
-		$[12] = t5;
-	} else t5 = $[12];
-	let t6;
-	if ($[13] !== ref) {
-		t6 = /* @__PURE__ */ jsx("div", {
+	const onIntersection = useCallback(() => {
+		if (!isDebouncing && !isLoading && hasLoadMore) onLoadMore?.();
+	}, [
+		isDebouncing,
+		isLoading,
+		hasLoadMore,
+		onLoadMore
+	]);
+	const { ref } = useIntersectionObserver({
+		onIntersection,
+		rootMargin: "40px"
+	});
+	return /* @__PURE__ */ jsx(ListBoxItem, {
+		id,
+		textValue: label || t(($) => $.ui.loadingState.text),
+		isDisabled: true,
+		className: selectListItemCva({}),
+		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex flex-1 justify-center text-interactive-text-primary-idle",
-			children: t5
-		});
-		$[13] = ref;
-		$[14] = t6;
-	} else t6 = $[14];
-	let t7;
-	if ($[15] !== id || $[16] !== t3 || $[17] !== t4 || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsx(ListBoxItem, {
-			id,
-			textValue: t3,
-			isDisabled: true,
-			className: t4,
-			children: t6
-		});
-		$[15] = id;
-		$[16] = t3;
-		$[17] = t4;
-		$[18] = t6;
-		$[19] = t7;
-	} else t7 = $[19];
-	return t7;
+			children: /* @__PURE__ */ jsx(Loader, {})
+		})
+	});
 };
-function _temp($) {
-	return $.ui.loadingState.text;
-}
 //#endregion
 export { SelectListBoxLoadingItem };

package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js

@@ -2,75 +2,26 @@ import "../../../../config/i18n.js";
 import { TextButton } from "../../../buttons/TextButton/TextButton.js";
 import { SelectContext } from "./select.context.js";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/inputs/Selection/shared/SelectListBoxSelectionBar.tsx
-var SelectListBoxSelectionBar = (t0) => {
-	const $ = c(16);
-	const { className } = t0;
+const SelectListBoxSelectionBar = ({ className }) => {
 	const { t } = useTranslation("ui");
 	const { onClear, onSelectAll } = SelectContext.useSelect();
-	let t1;
-	if ($[0] !== className) {
-		t1 = clsx("flex items-center justify-between border-elevation-outline-default-1 border-b px-4 py-3", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== t) {
-		t2 = t(_temp);
-		$[2] = t;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== onSelectAll || $[5] !== t2) {
-		t3 = /* @__PURE__ */ jsx(TextButton, {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex items-center justify-between border-elevation-outline-default-1 border-b px-4 py-3", className),
+		children: [/* @__PURE__ */ jsx(TextButton, {
 			type: "button",
 			color: "primary",
 			onPress: onSelectAll,
-			children: t2
-		});
-		$[4] = onSelectAll;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== t) {
-		t4 = t(_temp2);
-		$[7] = t;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== onClear || $[10] !== t4) {
-		t5 = /* @__PURE__ */ jsx(TextButton, {
+			children: t(($) => $.ui.select.selectAll)
+		}), /* @__PURE__ */ jsx(TextButton, {
 			type: "button",
 			color: "secondary",
 			onPress: onClear,
-			children: t4
-		});
-		$[9] = onClear;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== t1 || $[13] !== t3 || $[14] !== t5) {
-		t6 = /* @__PURE__ */ jsxs("div", {
-			className: t1,
-			children: [t3, t5]
-		});
-		$[12] = t1;
-		$[13] = t3;
-		$[14] = t5;
-		$[15] = t6;
-	} else t6 = $[15];
-	return t6;
+			children: t(($) => $.ui.select.clearSelection)
+		})]
+	});
 };
-function _temp($) {
-	return $.ui.select.selectAll;
-}
-function _temp2($_0) {
-	return $_0.ui.select.clearSelection;
-}
 //#endregion
 export { SelectListBoxSelectionBar };

package/dist/components/inputs/Selection/shared/SelectMobile.js

@@ -13,7 +13,7 @@ import { DialogTrigger } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "react-aria";
 //#region src/components/inputs/Selection/shared/SelectMobile.tsx
-var SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, bottomSheetProps, ...props }) => {
+const SelectMobile = ({ ref, error, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, bottomSheetProps, ...props }) => {
 	const { label, tooltipText, helperText, isDirty, isRequired, rightContent, isHeaderHidden, headerClassName, errorClassName, placeholder, variant, isDisabled, className, hideLabel, hideDropdownIcon, hideSearchIcon, isSearchable, isClearable, isClearableIfDisabled, as, size, collapseAfter, selectedTagsType } = props;
 	const formFieldProps = {
 		error,

package/dist/components/inputs/Selection/shared/StaticSelectTrailingContent.js

@@ -2,49 +2,24 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { inputSizeDefinition } from "../../shared/input.cva.js";
 import { Triangle } from "lucide-react";
 import { clsx } from "clsx";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/StaticSelectTrailingContent.tsx
-var StaticSelectTrailingContent = (t0) => {
-	const $ = c(10);
-	const { trailingContent, hideDropdownIcon, isDisabled, size } = t0;
+const StaticSelectTrailingContent = ({ trailingContent, hideDropdownIcon, isDisabled, size }) => {
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
 	if (!trailingContent && hideDropdownIcon) return null;
-	let t1;
-	if ($[0] !== trailingContent) {
-		t1 = trailingContent && /* @__PURE__ */ jsx("div", {
-			className: "flex shrink-0 items-center",
-			children: trailingContent
-		});
-		$[0] = trailingContent;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== hideDropdownIcon || $[3] !== inputSizeCva || $[4] !== isDisabled || $[5] !== size) {
-		t2 = !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
-			type: "button",
-			tabIndex: -1,
-			className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
-			"aria-hidden": "true",
-			children: /* @__PURE__ */ jsx("span", {
-				className: clsx("flex size-6 shrink-0 items-center justify-center", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
-				children: /* @__PURE__ */ jsx(Triangle, { className: "h-2 w-3 rotate-180 fill-current stroke-0" })
-			})
-		}) : void 0;
-		$[2] = hideDropdownIcon;
-		$[3] = inputSizeCva;
-		$[4] = isDisabled;
-		$[5] = size;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== t1 || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t1, t2] });
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [trailingContent && /* @__PURE__ */ jsx("div", {
+		className: "flex shrink-0 items-center",
+		children: trailingContent
+	}), !hideDropdownIcon ? /* @__PURE__ */ jsx("button", {
+		type: "button",
+		tabIndex: -1,
+		className: clsx("self-stretch border-0! pl-1-5 outline-none", inputSizeCva({ size })),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("span", {
+			className: clsx("flex size-6 shrink-0 items-center justify-center", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
+			children: /* @__PURE__ */ jsx(Triangle, { className: "h-2 w-3 rotate-180 fill-current stroke-0" })
+		})
+	}) : void 0] });
 };
 //#endregion
 export { StaticSelectTrailingContent };