@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

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

@@ -1,470 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import "../../../../config/i18n.js";
-import { FormFieldLabel } from "../../FormField/FormFieldLabel.js";
-import { inputBaseDefinition, inputClearClassDefinition, inputSizeDefinition } from "../../shared/input.cva.js";
-import { InputClear } from "../../shared/InputClear.js";
-import { SelectInputTags } from "./SelectInputTags.js";
-import { SelectContext } from "./select.context.js";
-import { selectInputTagsContentWrapperDefinition } from "./selectInput.cva.js";
-import { useKeyInteractions } from "../../../../hooks/useKeyInteractions.js";
-import { ChevronDown } from "lucide-react";
-import { clsx } from "clsx";
-import { use, useRef, useState } from "react";
-import { Button, ComboBoxStateContext, Input } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useFocusVisible, useFocusWithin, useHover } from "react-aria";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/Selection/shared/SelectInput.tsx
-var SelectInput = (t0) => {
-	const $0 = c(137);
-	const { ref, placeholder, variant, as, size, isDisabled, isInvalid, className, hideDropdownIcon, isSearchable, isClearable, isClearableIfDisabled, showSelectionContent, inputClassName, fieldProps, headerProps, selectedTagsType, collapseAfter, isRequired, isDirty, onCloseComboBox, onBlur, leadingContent, trailingContent, onMouseEnter, onFocusCapture, ...props } = t0;
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
-	const inputClearClassCva = UIOverrides.useCva("input.clearClassCva", inputClearClassDefinition);
-	const selectInputTagsContentWrapperCva = UIOverrides.useCva("select.tagsContentWrapperCva", selectInputTagsContentWrapperDefinition);
-	const { t } = useTranslation("ui");
-	const state = use(ComboBoxStateContext);
-	let t1;
-	if ($0[0] !== isDisabled) {
-		t1 = { isDisabled };
-		$0[0] = isDisabled;
-		$0[1] = t1;
-	} else t1 = $0[1];
-	const { hoverProps, isHovered } = useHover(t1);
-	const [isFocused, setIsFocused] = useState(false);
-	let t2;
-	if ($0[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = { onFocusWithinChange: setIsFocused };
-		$0[2] = t2;
-	} else t2 = $0[2];
-	const { focusWithinProps } = useFocusWithin(t2);
-	const { isFocusVisible } = useFocusVisible();
-	const inputRef = useRef(null);
-	const { fieldState, isOpen, setIsOpen, selectableListItems, selectedItems, onChange, onClear, onRemove, isMultiple, multiSelectAutoConfirm, isLoading } = SelectContext.useSelect();
-	const isEmpty = selectedItems.length === 0;
-	const showTags = isMultiple && !isEmpty;
-	const showClearButton = !isDisabled && isClearable && (selectedItems.length > 0 || isSearchable && fieldState.inputValue !== "");
-	let t3;
-	bb0: {
-		let t4;
-		if ($0[3] !== headerProps) {
-			t4 = headerProps ?? {};
-			$0[3] = headerProps;
-			$0[4] = t4;
-		} else t4 = $0[4];
-		const { labelProps: headerLabelProps } = t4;
-		if (!(as && ["filter", "floating"].includes(as)) || isSearchable) {
-			t3 = headerLabelProps;
-			break bb0;
-		}
-		const t5 = headerLabelProps?.className;
-		let t6;
-		if ($0[5] !== t5) {
-			t6 = clsx(t5, "pointer-events-none");
-			$0[5] = t5;
-			$0[6] = t6;
-		} else t6 = $0[6];
-		let t7;
-		if ($0[7] !== headerLabelProps || $0[8] !== t6) {
-			t7 = {
-				...headerLabelProps,
-				className: t6
-			};
-			$0[7] = headerLabelProps;
-			$0[8] = t6;
-			$0[9] = t7;
-		} else t7 = $0[9];
-		t3 = t7;
-	}
-	const labelProps = t3;
-	let exactMatchItem;
-	if (isMultiple && multiSelectAutoConfirm && fieldState.inputValue !== "") {
-		let t4;
-		if ($0[10] !== fieldState.inputValue || $0[11] !== selectableListItems) {
-			let t5;
-			if ($0[13] !== fieldState.inputValue) {
-				t5 = (item) => item.label.toLowerCase() === fieldState.inputValue.toLowerCase();
-				$0[13] = fieldState.inputValue;
-				$0[14] = t5;
-			} else t5 = $0[14];
-			t4 = selectableListItems.find(t5);
-			$0[10] = fieldState.inputValue;
-			$0[11] = selectableListItems;
-			$0[12] = t4;
-		} else t4 = $0[12];
-		exactMatchItem = t4;
-	}
-	let singleRemainingItem;
-	if (!isLoading && selectableListItems.length === 1 && !selectableListItems[0].isDisabled) singleRemainingItem = selectableListItems[0];
-	let autoConfirmItem;
-	if ($0[15] !== exactMatchItem || $0[16] !== isMultiple || $0[17] !== multiSelectAutoConfirm || $0[18] !== singleRemainingItem) {
-		if (isMultiple) {
-			if (multiSelectAutoConfirm) autoConfirmItem = exactMatchItem ?? singleRemainingItem;
-		} else autoConfirmItem = singleRemainingItem;
-		$0[15] = exactMatchItem;
-		$0[16] = isMultiple;
-		$0[17] = multiSelectAutoConfirm;
-		$0[18] = singleRemainingItem;
-		$0[19] = autoConfirmItem;
-	} else autoConfirmItem = $0[19];
-	const t4 = !isLoading && !!autoConfirmItem;
-	let t5;
-	if ($0[20] !== autoConfirmItem || $0[21] !== fieldState.value || $0[22] !== isMultiple || $0[23] !== onChange || $0[24] !== onCloseComboBox || $0[25] !== state) {
-		t5 = () => {
-			if (!autoConfirmItem) return;
-			if (isMultiple) {
-				if (Array.isArray(fieldState.value)) if (fieldState.value.includes(autoConfirmItem.id)) onChange(fieldState.value.filter((id) => id !== autoConfirmItem.id));
-				else onChange(fieldState.value.concat(autoConfirmItem.id));
-				else onChange([autoConfirmItem.id]);
-				return;
-			}
-			onChange(autoConfirmItem.id);
-			onCloseComboBox?.(state);
-		};
-		$0[20] = autoConfirmItem;
-		$0[21] = fieldState.value;
-		$0[22] = isMultiple;
-		$0[23] = onChange;
-		$0[24] = onCloseComboBox;
-		$0[25] = state;
-		$0[26] = t5;
-	} else t5 = $0[26];
-	let t6;
-	if ($0[27] !== t4 || $0[28] !== t5) {
-		t6 = {
-			enabled: t4,
-			preventDefault: true,
-			callback: t5
-		};
-		$0[27] = t4;
-		$0[28] = t5;
-		$0[29] = t6;
-	} else t6 = $0[29];
-	const t7 = isMultiple && fieldState.inputValue === "" && Array.isArray(fieldState.value) && fieldState.value.length > 0;
-	let t8;
-	if ($0[30] !== fieldState.value || $0[31] !== onChange) {
-		t8 = () => {
-			if (!Array.isArray(fieldState.value)) return;
-			onChange(fieldState.value.slice(0, -1));
-		};
-		$0[30] = fieldState.value;
-		$0[31] = onChange;
-		$0[32] = t8;
-	} else t8 = $0[32];
-	let t9;
-	if ($0[33] !== t7 || $0[34] !== t8) {
-		t9 = {
-			enabled: t7,
-			callback: t8
-		};
-		$0[33] = t7;
-		$0[34] = t8;
-		$0[35] = t9;
-	} else t9 = $0[35];
-	let t10;
-	if ($0[36] !== t6 || $0[37] !== t9) {
-		t10 = {
-			enter: t6,
-			backspace: t9
-		};
-		$0[36] = t6;
-		$0[37] = t9;
-		$0[38] = t10;
-	} else t10 = $0[38];
-	const { onKeyDown } = useKeyInteractions(t10);
-	let t11;
-	if ($0[39] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = ["up", "down"];
-		$0[39] = t11;
-	} else t11 = $0[39];
-	const t12 = !isSearchable && !isDisabled && !isOpen;
-	let t13;
-	if ($0[40] !== setIsOpen) {
-		t13 = () => {
-			setIsOpen(true);
-		};
-		$0[40] = setIsOpen;
-		$0[41] = t13;
-	} else t13 = $0[41];
-	let t14;
-	if ($0[42] !== t12 || $0[43] !== t13) {
-		t14 = { interactions: [{
-			actions: t11,
-			enabled: t12,
-			preventDefault: true,
-			callback: t13
-		}] };
-		$0[42] = t12;
-		$0[43] = t13;
-		$0[44] = t14;
-	} else t14 = $0[44];
-	const { onKeyDown: onTriggerKeyDown } = useKeyInteractions(t14);
-	let t15;
-	if ($0[45] !== isDisabled || $0[46] !== isOpen || $0[47] !== isSearchable || $0[48] !== setIsOpen) {
-		t15 = () => {
-			if (isDisabled) return;
-			if (!isSearchable) {
-				setIsOpen(!isOpen);
-				return;
-			}
-			inputRef.current?.focus();
-		};
-		$0[45] = isDisabled;
-		$0[46] = isOpen;
-		$0[47] = isSearchable;
-		$0[48] = setIsOpen;
-		$0[49] = t15;
-	} else t15 = $0[49];
-	const onClick = t15;
-	const t16 = inputBaseCva({
-		variant,
-		as,
-		...props,
-		className: clsx("group/select-content relative flex px-0!", !isDisabled && isSearchable && "cursor-text", className)
-	});
-	const t17 = "";
-	const t18 = isDisabled || void 0;
-	const t19 = isDisabled || void 0;
-	const t20 = isHovered || void 0;
-	const t21 = isOpen || isFocused || void 0;
-	const t22 = isFocused || void 0;
-	const t23 = isFocused && isSearchable || void 0;
-	const t24 = isFocused && isFocusVisible || void 0;
-	const t25 = !isEmpty || void 0;
-	const t26 = fieldState.searchValue !== "" || void 0;
-	const t27 = isInvalid || void 0;
-	const t28 = isEmpty || void 0;
-	const t29 = !isEmpty || void 0;
-	const t30 = isRequired || void 0;
-	const t31 = isDirty || void 0;
-	const t32 = "";
-	const t33 = clsx("relative flex flex-1 items-center gap-input-gap-input-text-to-elements truncate", !isDisabled && isSearchable && "cursor-text", !isDisabled && !isSearchable && "cursor-pointer", inputSizeCva({
-		as,
-		size,
-		...props
-	}));
-	let t34;
-	if ($0[50] !== as || $0[51] !== headerProps || $0[52] !== labelProps) {
-		t34 = as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
-			as,
-			...headerProps,
-			labelProps
-		});
-		$0[50] = as;
-		$0[51] = headerProps;
-		$0[52] = labelProps;
-		$0[53] = t34;
-	} else t34 = $0[53];
-	let t35;
-	if ($0[54] !== leadingContent) {
-		t35 = leadingContent && /* @__PURE__ */ jsx("div", {
-			className: "ml-input-side-default flex shrink-0 items-center",
-			children: leadingContent
-		});
-		$0[54] = leadingContent;
-		$0[55] = t35;
-	} else t35 = $0[55];
-	let t36;
-	if ($0[56] !== as || $0[57] !== collapseAfter || $0[58] !== fieldProps || $0[59] !== inputClassName || $0[60] !== isDisabled || $0[61] !== isSearchable || $0[62] !== onBlur || $0[63] !== onKeyDown || $0[64] !== onRemove || $0[65] !== placeholder || $0[66] !== selectInputTagsContentWrapperCva || $0[67] !== selectedItems || $0[68] !== selectedTagsType || $0[69] !== showTags) {
-		t36 = (showTags || isSearchable) && /* @__PURE__ */ jsxs("div", {
-			className: selectInputTagsContentWrapperCva({ isSearchable }),
-			children: [showTags && /* @__PURE__ */ jsx(SelectInputTags, {
-				selectedItems,
-				isDisabled,
-				collapseAfter,
-				selectedTagsType,
-				onRemove
-			}), isSearchable && /* @__PURE__ */ jsx(Input, {
-				ref: inputRef,
-				placeholder: as === "floating" ? void 0 : placeholder,
-				onBlur,
-				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3", "disabled:text-text-default-3 disabled:placeholder:text-interactive-text-secondary-disabled", inputClassName),
-				onKeyDown,
-				...fieldProps
-			})]
-		});
-		$0[56] = as;
-		$0[57] = collapseAfter;
-		$0[58] = fieldProps;
-		$0[59] = inputClassName;
-		$0[60] = isDisabled;
-		$0[61] = isSearchable;
-		$0[62] = onBlur;
-		$0[63] = onKeyDown;
-		$0[64] = onRemove;
-		$0[65] = placeholder;
-		$0[66] = selectInputTagsContentWrapperCva;
-		$0[67] = selectedItems;
-		$0[68] = selectedTagsType;
-		$0[69] = showTags;
-		$0[70] = t36;
-	} else t36 = $0[70];
-	let t37;
-	if ($0[71] !== as || $0[72] !== fieldProps || $0[73] !== isDisabled || $0[74] !== isEmpty || $0[75] !== isMultiple || $0[76] !== isOpen || $0[77] !== isSearchable || $0[78] !== onBlur || $0[79] !== onTriggerKeyDown || $0[80] !== placeholder || $0[81] !== selectedItems[0] || $0[82] !== setIsOpen || $0[83] !== showSelectionContent || $0[84] !== showTags) {
-		t37 = !isSearchable && /* @__PURE__ */ jsxs(Button, {
-			isDisabled,
-			onPress: () => setIsOpen(!isOpen),
-			onBlur,
-			"data-type": "select-trigger",
-			className: clsx("group/select-trigger w-full truncate text-start outline-none disabled:text-text-default-3", showTags && "absolute inset-0 z-base"),
-			onKeyDown: onTriggerKeyDown,
-			...fieldProps,
-			children: [(as === "floating" && isEmpty || isMultiple && !isEmpty) && /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" }), (isEmpty || !isMultiple) && (as !== "floating" || !isEmpty) && /* @__PURE__ */ jsxs(Typography, {
-				size: "label-1",
-				as: "span",
-				className: clsx("truncate empty:before:inline-block empty:before:content-['']", isEmpty && "text-text-default-3 group-disabled/select-trigger:text-interactive-text-secondary-disabled"),
-				children: [isEmpty && placeholder, !isEmpty && (showSelectionContent ? selectedItems[0].content : selectedItems[0].label)]
-			})]
-		});
-		$0[71] = as;
-		$0[72] = fieldProps;
-		$0[73] = isDisabled;
-		$0[74] = isEmpty;
-		$0[75] = isMultiple;
-		$0[76] = isOpen;
-		$0[77] = isSearchable;
-		$0[78] = onBlur;
-		$0[79] = onTriggerKeyDown;
-		$0[80] = placeholder;
-		$0[81] = selectedItems[0];
-		$0[82] = setIsOpen;
-		$0[83] = showSelectionContent;
-		$0[84] = showTags;
-		$0[85] = t37;
-	} else t37 = $0[85];
-	let t38;
-	if ($0[86] !== onClick || $0[87] !== t33 || $0[88] !== t34 || $0[89] !== t35 || $0[90] !== t36 || $0[91] !== t37) {
-		t38 = /* @__PURE__ */ jsxs("div", {
-			className: t33,
-			onClick,
-			children: [
-				t34,
-				t35,
-				t36,
-				t37
-			]
-		});
-		$0[86] = onClick;
-		$0[87] = t33;
-		$0[88] = t34;
-		$0[89] = t35;
-		$0[90] = t36;
-		$0[91] = t37;
-		$0[92] = t38;
-	} else t38 = $0[92];
-	let t39;
-	if ($0[93] !== as || $0[94] !== inputClearClassCva || $0[95] !== isClearable || $0[96] !== isClearableIfDisabled || $0[97] !== isDisabled || $0[98] !== onClear || $0[99] !== showClearButton) {
-		t39 = isClearable && (!isDisabled || isClearableIfDisabled === true) && /* @__PURE__ */ jsx(InputClear, {
-			onClear: () => {
-				onClear();
-			},
-			className: inputClearClassCva({ as }),
-			show: showClearButton
-		});
-		$0[93] = as;
-		$0[94] = inputClearClassCva;
-		$0[95] = isClearable;
-		$0[96] = isClearableIfDisabled;
-		$0[97] = isDisabled;
-		$0[98] = onClear;
-		$0[99] = showClearButton;
-		$0[100] = t39;
-	} else t39 = $0[100];
-	let t40;
-	if ($0[101] !== trailingContent) {
-		t40 = trailingContent && /* @__PURE__ */ jsx("div", {
-			className: "flex shrink-0 items-center",
-			children: trailingContent
-		});
-		$0[101] = trailingContent;
-		$0[102] = t40;
-	} else t40 = $0[102];
-	let t41;
-	if ($0[103] !== hideDropdownIcon || $0[104] !== inputSizeCva || $0[105] !== isDisabled || $0[106] !== isOpen || $0[107] !== isSearchable || $0[108] !== setIsOpen || $0[109] !== size || $0[110] !== t) {
-		t41 = !hideDropdownIcon && /* @__PURE__ */ jsx(Button, {
-			excludeFromTabOrder: true,
-			"aria-label": t(($) => isOpen ? $.ui.closeAlt : $.ui.openAlt),
-			className: clsx("self-stretch pl-1-5 outline-none", inputSizeCva({ size })),
-			isDisabled,
-			onPress: () => {
-				if (!isSearchable) setIsOpen(!isOpen);
-			},
-			children: /* @__PURE__ */ jsx(ChevronDown, {
-				className: clsx("size-6 shrink-0", isOpen && "rotate-180", isDisabled ? "text-interactive-text-secondary-disabled" : "text-interactive-text-secondary-idle"),
-				"aria-hidden": "true"
-			})
-		});
-		$0[103] = hideDropdownIcon;
-		$0[104] = inputSizeCva;
-		$0[105] = isDisabled;
-		$0[106] = isOpen;
-		$0[107] = isSearchable;
-		$0[108] = setIsOpen;
-		$0[109] = size;
-		$0[110] = t;
-		$0[111] = t41;
-	} else t41 = $0[111];
-	let t42;
-	if ($0[112] !== focusWithinProps || $0[113] !== hoverProps || $0[114] !== onFocusCapture || $0[115] !== onMouseEnter || $0[116] !== ref || $0[117] !== t16 || $0[118] !== t18 || $0[119] !== t19 || $0[120] !== t20 || $0[121] !== t21 || $0[122] !== t22 || $0[123] !== t23 || $0[124] !== t24 || $0[125] !== t25 || $0[126] !== t26 || $0[127] !== t27 || $0[128] !== t28 || $0[129] !== t29 || $0[130] !== t30 || $0[131] !== t31 || $0[132] !== t38 || $0[133] !== t39 || $0[134] !== t40 || $0[135] !== t41) {
-		t42 = /* @__PURE__ */ jsxs("div", {
-			ref,
-			className: t16,
-			"data-rac": t17,
-			"data-disabled": t18,
-			"data-is-disabled": t19,
-			"data-hovered": t20,
-			"data-focused": t21,
-			"data-focus-within": t22,
-			"data-searchable-focus-within": t23,
-			"data-focus-visible": t24,
-			"data-has-selection": t25,
-			"data-has-search": t26,
-			"data-invalid": t27,
-			"data-is-empty": t28,
-			"data-is-filled": t29,
-			"data-is-required": t30,
-			"data-is-dirty": t31,
-			"data-select-input": t32,
-			onMouseEnter,
-			onFocusCapture,
-			...hoverProps,
-			...focusWithinProps,
-			children: [
-				t38,
-				t39,
-				t40,
-				t41
-			]
-		});
-		$0[112] = focusWithinProps;
-		$0[113] = hoverProps;
-		$0[114] = onFocusCapture;
-		$0[115] = onMouseEnter;
-		$0[116] = ref;
-		$0[117] = t16;
-		$0[118] = t18;
-		$0[119] = t19;
-		$0[120] = t20;
-		$0[121] = t21;
-		$0[122] = t22;
-		$0[123] = t23;
-		$0[124] = t24;
-		$0[125] = t25;
-		$0[126] = t26;
-		$0[127] = t27;
-		$0[128] = t28;
-		$0[129] = t29;
-		$0[130] = t30;
-		$0[131] = t31;
-		$0[132] = t38;
-		$0[133] = t39;
-		$0[134] = t40;
-		$0[135] = t41;
-		$0[136] = t42;
-	} else t42 = $0[136];
-	return t42;
-};
-//#endregion
-export { SelectInput };

package/dist/components/inputs/Selection/shared/SelectInputTags.d.ts

@@ -1,12 +0,0 @@
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-import { SelectItem } from './select.types';
-interface SelectInputTagsProps {
-    selectedItems: SelectItem[];
-    isDisabled: SelectBaseProps["isDisabled"];
-    selectedTagsType: SelectBaseProps["selectedTagsType"];
-    collapseAfter?: SelectBaseProps["collapseAfter"];
-    onRemove: (id: Key) => void;
-}
-export declare const SelectInputTags: ({ selectedItems, isDisabled, selectedTagsType, collapseAfter, onRemove, }: SelectInputTagsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,105 +0,0 @@
-import { Tag } from "../../../text/Tag/Tag.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, 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;
-};
-function _temp(item_0) {
-	return item_0.label;
-}
-//#endregion
-export { SelectInputTags };

package/dist/components/inputs/Selection/shared/SelectListBox.d.ts

@@ -1,9 +0,0 @@
-import { AriaListBoxProps } from 'react-aria';
-import { SelectBaseProps } from './SelectBase';
-import { SelectItem } from './select.types';
-export interface SelectListBoxProps extends Pick<SelectBaseProps, "label" | "newItemRender" | "onLoadMore" | "selectionMode" | "isSearchable" | "virtualizerOptions" | "totalItems" | "hasLoadMore">, Omit<AriaListBoxProps<SelectItem>, "children" | "aria-label" | "selectionMode" | "items" | "selectedKeys" | "onSelectionChange" | "escapeKeyBehavior" | "shouldSelectOnPressUp" | "label"> {
-    className?: string;
-    isScrollable?: boolean;
-    onClose?: () => void;
-}
-export declare const SelectListBox: ({ label, selectionMode, isSearchable, isScrollable, virtualizerOptions, totalItems, newItemRender, onLoadMore, className, onClose, ...props }: SelectListBoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,75 +0,0 @@
-import "./useSelectItems.js";
-import { SelectContext } from "./select.context.js";
-import { SelectListBoxItem } from "./SelectListBoxItem.js";
-import { SelectListBoxItemSelectAll } from "./SelectListBoxItemSelectAll.js";
-import { SelectListBoxLoadingItem } from "./SelectListBoxLoadingItem.js";
-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 { fieldState, onChange, listItems, selectableListItems, selectedIds, isMultiple, onClear, onSelectAll, hasLoadMore } = SelectContext.useSelect();
-	const onSelectionChange = (value) => {
-		const ids = Array.from(value);
-		if (!isMultiple && ids.length === 0) {
-			if (fieldState.value) {
-				onClose?.();
-				onChange(fieldState.value);
-			}
-			return;
-		}
-		if (isMultiple && ids.includes("all-item-id")) {
-			if (ids.length > selectableListItems.length) onClear();
-			else onSelectAll();
-			return;
-		}
-		if (isMultiple) onChange(ids);
-		else {
-			onClose?.();
-			onChange(ids[0]);
-		}
-	};
-	const renderItem = (item) => {
-		if (item.isSelectAllItem) return /* @__PURE__ */ jsx(SelectListBoxItemSelectAll, { ...item }, item.id);
-		if (item.isLoadingItem) return /* @__PURE__ */ jsx(SelectListBoxLoadingItem, {
-			...item,
-			onLoadMore
-		}, item.id);
-		return /* @__PURE__ */ jsx(SelectListBoxItem, {
-			...item,
-			isSearchable,
-			isNewItem: item.isNewItem,
-			newItemRender
-		}, item.id);
-	};
-	if (virtualizerOptions || (totalItems ?? listItems.length) > 100 || hasLoadMore) return /* @__PURE__ */ jsx(Virtualizer, {
-		layout: ListLayout,
-		layoutOptions: virtualizerOptions,
-		children: /* @__PURE__ */ jsx(ListBox, {
-			...props,
-			"aria-label": label,
-			selectionMode,
-			className: clsx("flex-1 outline-none [&>div:last-child>*]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
-			items: listItems,
-			selectedKeys: selectedIds,
-			onSelectionChange,
-			escapeKeyBehavior: "none",
-			shouldSelectOnPressUp: true,
-			children: renderItem
-		})
-	});
-	return /* @__PURE__ */ jsx(ListBox, {
-		...props,
-		"aria-label": label,
-		selectionMode,
-		className: clsx("flex-1 outline-none [&>div:last-child]:border-b-0", isScrollable ? "max-h-full overflow-y-auto overflow-x-hidden" : "overflow-hidden", className),
-		items: listItems,
-		selectedKeys: selectedIds,
-		onSelectionChange,
-		escapeKeyBehavior: "none",
-		shouldSelectOnPressUp: true,
-		children: renderItem
-	});
-};
-//#endregion
-export { SelectListBox };

package/dist/components/inputs/Selection/shared/SelectListBoxItem.d.ts

@@ -1,7 +0,0 @@
-import { SelectBaseProps } from './SelectBase';
-import { SelectItem } from './select.types';
-interface SelectListBoxItemProps extends Pick<SelectBaseProps, "isSearchable" | "newItemRender">, SelectItem {
-    isNewItem?: boolean;
-}
-export declare const SelectListBoxItem: ({ isSearchable, isNewItem, newItemRender, id, label, content, isDisabled, }: SelectListBoxItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};