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

package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts

@@ -1,15 +1,8 @@
-import { UseInfiniteQueryResult, UseQueryResult } from '@tanstack/react-query';
-import { Key } from 'react-aria-components';
-import { SelectItem } from './select.types';
-export type QueryFn<TData = any> = (...args: any[]) => UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
-export type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
-export declare const getSelectionIdsToResolve: <TInitialSelectItem, TKey extends Key = Key>({ initialSelection, value, mapInitialToSelectItem, }: {
-    initialSelection: TInitialSelectItem | TInitialSelectItem[] | null | undefined;
-    value: TKey | TKey[] | null | undefined;
-    mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;
-}) => {
-    count: number;
-    isResolvedByInitialSelection: boolean;
-    items: TKey[];
-};
-export declare const getQueryItems: <TQueryFn extends QueryFn, TKey extends Key = Key>(data: QueryDataType<TQueryFn> | undefined, queryMap?: (data: QueryDataType<TQueryFn>) => SelectItem<TKey>[]) => SelectItem<TKey>[];
+import "./select.types.js";
+import { Key } from "react-aria-components";
+import { UseInfiniteQueryResult, UseQueryResult } from "@tanstack/react-query";
+//#region src/components/inputs/Selection/shared/querySelect.utils.d.ts
+type QueryFn<TData = any> = (...args: any[]) => UseQueryResult<TData> | UseInfiniteQueryResult<TData>;
+type QueryDataType<TQueryFn extends QueryFn> = Exclude<ReturnType<TQueryFn>["data"], undefined>;
+//#endregion
+export { QueryDataType, QueryFn };

package/dist/components/inputs/Selection/shared/querySelect.utils.js

@@ -1,15 +1,15 @@
 //#region src/components/inputs/Selection/shared/querySelect.utils.ts
-var getDefaultInitialSelectionLabel = (initialSelection) => {
+const getDefaultInitialSelectionLabel = (initialSelection) => {
 	if (typeof initialSelection !== "object" || initialSelection === null) return "";
 	if ("label" in initialSelection && typeof initialSelection.label === "string") return initialSelection.label;
 	if ("name" in initialSelection && typeof initialSelection.name === "string") return initialSelection.name;
 	return "";
 };
-var getInitialSelectionItems = (initialSelection) => {
+const getInitialSelectionItems = (initialSelection) => {
 	return Array.isArray(initialSelection) ? initialSelection : initialSelection != null ? [initialSelection] : [];
 };
-var getInitialSelectionLabel = (initialSelection, mapInitialToSelectItem) => mapInitialToSelectItem?.(initialSelection).label ?? getDefaultInitialSelectionLabel(initialSelection);
-var getSelectionIdsToResolve = ({ initialSelection, value, mapInitialToSelectItem }) => {
+const getInitialSelectionLabel = (initialSelection, mapInitialToSelectItem) => mapInitialToSelectItem?.(initialSelection).label ?? getDefaultInitialSelectionLabel(initialSelection);
+const getSelectionIdsToResolve = ({ initialSelection, value, mapInitialToSelectItem }) => {
 	const values = Array.isArray(value) ? value : value != null ? [value] : [];
 	const initialSelections = getInitialSelectionItems(initialSelection);
 	const labeledInitialSelectionIds = /* @__PURE__ */ new Set();
@@ -23,14 +23,14 @@ var getSelectionIdsToResolve = ({ initialSelection, value, mapInitialToSelectIte
 		}
 		labeledInitialSelectionIds.add(id);
 	});
-	const items = Array.from(new Set([...missingLabelInitialSelectionIds, ...values.filter((id) => !labeledInitialSelectionIds.has(id))]));
+	const items = Array.from(/* @__PURE__ */ new Set([...missingLabelInitialSelectionIds, ...values.filter((id) => !labeledInitialSelectionIds.has(id))]));
 	return {
 		count: items.length,
 		isResolvedByInitialSelection: values.length > 0 && values.every((id) => labeledInitialSelectionIds.has(id)),
 		items
 	};
 };
-var getQueryItems = (data, queryMap) => {
+const getQueryItems = (data, queryMap) => {
 	if (!data) return [];
 	if (queryMap) return queryMap(data);
 	if (Array.isArray(data)) return data;

package/dist/components/inputs/Selection/shared/select.context.js

@@ -3,23 +3,23 @@ import { useDebounceCallback } from "../../../../hooks/useDebounceCallback.js";
 import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/select.context.tsx
-var SelectContext;
+let SelectContext;
 (function(_SelectContext) {
 	const Context = createContext({});
 	const defaultMapInitialToSelectItem = (item) => ({
 		id: item.id,
 		label: item.label ?? item.name ?? ""
 	});
-	_SelectContext.Provider = ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, searchDebounceDelay, multiSelectAutoConfirm = false, onBlur: fieldOnBlur, children, mapInitialToSelectItem = defaultMapInitialToSelectItem, ...props }) => {
-		const isMultiple = props.selectionMode === "multiple";
+	_SelectContext.Provider = ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, searchDebounceDelay, multiSelectAutoConfirm = false, onBlur: fieldOnBlur, onChange: fieldOnChange, initialSelection, isSearchable, selectionMode, value: controlledValue, children, mapInitialToSelectItem = defaultMapInitialToSelectItem }) => {
+		const isMultiple = selectionMode === "multiple";
 		const initialSelectedItems = useMemo(() => {
-			if (!props.initialSelection) return null;
-			if (Array.isArray(props.initialSelection)) return props.initialSelection.map(mapInitialToSelectItem);
-			return mapInitialToSelectItem(props.initialSelection);
-		}, [props.initialSelection, mapInitialToSelectItem]);
+			if (!initialSelection) return null;
+			if (Array.isArray(initialSelection)) return initialSelection.map(mapInitialToSelectItem);
+			return mapInitialToSelectItem(initialSelection);
+		}, [initialSelection, mapInitialToSelectItem]);
 		const [isOpen, setIsOpen] = useState(false);
 		const [fieldState, setFieldState] = useState({
-			value: props.value ?? (isMultiple ? [] : null),
+			value: controlledValue ?? (isMultiple ? [] : null),
 			inputValue: "",
 			searchValue: ""
 		});
@@ -46,23 +46,23 @@ var SelectContext;
 		});
 		const selectedItems = useMemo(() => {
 			const getItem = (id) => allItems.find((item) => item.id === id) ?? null;
-			if (Array.isArray(fieldState.value)) return fieldState.value.map((id_0) => getItem(id_0)).filter((item_0) => item_0 !== null);
+			if (Array.isArray(fieldState.value)) return fieldState.value.map((id) => getItem(id)).filter((item) => item !== null);
 			const selectedItem = fieldState.value != null ? getItem(fieldState.value) : null;
 			return selectedItem ? [selectedItem] : [];
 		}, [allItems, fieldState.value]);
-		const selectedIds = useMemo(() => selectedItems.map(({ id: id_1 }) => id_1), [selectedItems]);
-		const getItem_0 = useCallback((value) => allItems.find((item_1) => item_1 && item_1.id === value) ?? null, [allItems]);
-		const updateValue = useCallback((value_0) => {
-			if (Array.isArray(value_0)) valueRef.current = value_0.map((id_2) => getItem_0(id_2)).filter((item_2) => item_2 !== null);
-			else valueRef.current = getItem_0(value_0);
-		}, [getItem_0]);
-		const getValueIds = () => Array.isArray(valueRef.current) ? valueRef.current.map(({ id: id_3 }) => id_3) : valueRef.current?.id ?? null;
+		const selectedIds = useMemo(() => selectedItems.map(({ id }) => id), [selectedItems]);
+		const getItem = useCallback((value) => allItems.find((item) => item && item.id === value) ?? null, [allItems]);
+		const updateValue = useCallback((value) => {
+			if (Array.isArray(value)) valueRef.current = value.map((id) => getItem(id)).filter((item) => item !== null);
+			else valueRef.current = getItem(value);
+		}, [getItem]);
+		const getValueIds = () => Array.isArray(valueRef.current) ? valueRef.current.map(({ id }) => id) : valueRef.current?.id ?? null;
 		const emitStateChanges = useCallback((changes, skipSelectionChange) => {
 			const valueChanged = JSON.stringify(changes.value) !== JSON.stringify(getValueIds());
 			if (valueChanged) {
 				updateValue(changes.value);
-				if (!skipSelectionChange) if (isMultiple) props.onChange?.(changes.value);
-				else props.onChange?.(changes.value);
+				if (!skipSelectionChange) if (isMultiple) fieldOnChange?.(changes.value);
+				else fieldOnChange?.(changes.value);
 			}
 			if (changes.inputValue !== fieldState.inputValue) onInputChange?.(changes.inputValue);
 			if (changes.searchValue !== fieldState.searchValue) onSearchChangeDebounced?.(changes.searchValue);
@@ -70,15 +70,15 @@ var SelectContext;
 		}, [
 			fieldState,
 			isMultiple,
-			props,
+			fieldOnChange,
 			onInputChange,
 			onSearchChangeDebounced,
 			updateValue
 		]);
-		const syncFieldState = (value_1) => {
+		const syncFieldState = (value) => {
 			const newFieldState = {
-				value: value_1,
-				inputValue: isMultiple || Array.isArray(value_1) ? fieldState.inputValue : getItem_0(value_1)?.label ?? "",
+				value,
+				inputValue: isMultiple || Array.isArray(value) ? fieldState.inputValue : getItem(value)?.label ?? "",
 				searchValue: ""
 			};
 			setFieldState(newFieldState);
@@ -86,38 +86,38 @@ var SelectContext;
 			if (!isMultiple) setShowAll(true);
 		};
 		useEffect(() => {
-			const value_2 = props.value ?? null;
-			if (JSON.stringify(value_2) !== JSON.stringify(fieldState.value)) syncFieldState(value_2);
-			else updateValue(value_2);
-		}, [props.value]);
+			const value = controlledValue ?? null;
+			if (JSON.stringify(value) !== JSON.stringify(fieldState.value)) syncFieldState(value);
+			else updateValue(value);
+		}, [controlledValue]);
 		useEffect(() => {
-			if (!isMultiple && props.value !== null && props.value !== void 0 && fieldState.value !== null && fieldState.value !== void 0 && fieldState.inputValue === "" && getItem_0(fieldState.value)?.label) syncFieldState(fieldState.value);
+			if (!isMultiple && controlledValue !== null && controlledValue !== void 0 && fieldState.value !== null && fieldState.value !== void 0 && fieldState.inputValue === "" && getItem(fieldState.value)?.label) syncFieldState(fieldState.value);
 		}, [allListItems]);
 		const handleInputChange = useCallback((inputValue) => {
-			const newFieldState_0 = {
+			const newFieldState = {
 				value: isMultiple || inputValue !== "" ? fieldState.value : null,
 				inputValue,
 				searchValue: inputValue
 			};
-			setFieldState(newFieldState_0);
-			emitStateChanges(newFieldState_0);
+			setFieldState(newFieldState);
+			emitStateChanges(newFieldState);
 			setShowAll(false);
-			if (!isOpen && inputValue !== "" && props.isSearchable) setIsOpen(true);
+			if (!isOpen && inputValue !== "" && isSearchable) setIsOpen(true);
 		}, [
 			emitStateChanges,
 			fieldState.value,
 			isMultiple
 		]);
-		const onChange = useCallback((value_3) => {
-			if (value_3 === "new-item-id") onNewItemOption?.(fieldState.inputValue);
+		const onChange = useCallback((value) => {
+			if (value === "new-item-id") onNewItemOption?.(fieldState.inputValue);
 			else {
-				const newFieldState_1 = {
-					value: value_3,
-					inputValue: isMultiple || Array.isArray(value_3) ? "" : getItem_0(value_3)?.label ?? "",
+				const newFieldState = {
+					value,
+					inputValue: isMultiple || Array.isArray(value) ? "" : getItem(value)?.label ?? "",
 					searchValue: ""
 				};
-				setFieldState(newFieldState_1);
-				emitStateChanges(newFieldState_1);
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState);
 			}
 			if (!isMultiple) {
 				setIsOpen(false);
@@ -127,18 +127,18 @@ var SelectContext;
 			emitStateChanges,
 			onNewItemOption,
 			fieldState.inputValue,
-			getItem_0,
+			getItem,
 			isMultiple
 		]);
 		const onClear = useCallback(() => {
 			if (selectedIds.length === 0) {
-				const newFieldState_2 = {
+				const newFieldState = {
 					...fieldState,
 					inputValue: "",
 					searchValue: ""
 				};
-				setFieldState(newFieldState_2);
-				emitStateChanges(newFieldState_2, true);
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState, true);
 				setShowAll(true);
 				return;
 			}
@@ -152,34 +152,34 @@ var SelectContext;
 			selectedIds.length
 		]);
 		const onSelectAll = useCallback(() => {
-			onChange(selectableListItems.map(({ id: id_4 }) => id_4));
+			onChange(selectableListItems.map(({ id }) => id));
 		}, [selectableListItems, onChange]);
-		const onRemove = useCallback((value_4) => {
-			if (isMultiple && Array.isArray(fieldState.value)) onChange(fieldState.value.filter((id_5) => id_5 !== value_4));
+		const onRemove = useCallback((value) => {
+			if (isMultiple && Array.isArray(fieldState.value)) onChange(fieldState.value.filter((id) => id !== value));
 		}, [
 			isMultiple,
 			fieldState.value,
 			onChange
 		]);
 		const onBlur = useCallback(() => {
-			if (props.isSearchable && isMultiple && fieldState.searchValue !== "") {
-				const newFieldState_3 = {
+			if (isSearchable && isMultiple && fieldState.searchValue !== "") {
+				const newFieldState = {
 					...fieldState,
 					inputValue: "",
 					searchValue: ""
 				};
-				setFieldState(newFieldState_3);
-				emitStateChanges(newFieldState_3);
+				setFieldState(newFieldState);
+				emitStateChanges(newFieldState);
 				setShowAll(true);
 			}
 			fieldOnBlur?.({});
 		}, [
-			props.isSearchable,
+			isSearchable,
 			isMultiple,
 			fieldState,
 			fieldOnBlur
 		]);
-		const value_5 = useMemo(() => ({
+		const value = useMemo(() => ({
 			fieldState,
 			isOpen,
 			setIsOpen,
@@ -219,7 +219,7 @@ var SelectContext;
 			hasLoadMore
 		]);
 		return /* @__PURE__ */ jsx(Context.Provider, {
-			value: value_5,
+			value,
 			children
 		});
 	};

package/dist/components/inputs/Selection/shared/select.types.d.ts

@@ -1,64 +1,62 @@
-import { ReactElement, ReactNode } from 'react';
-import { Key } from 'react-aria-components';
-import { FieldValues } from '../../shared/form.binding';
-import { ControlProps } from '../../shared/form.types';
-export interface SelectItem<TKey extends Key = Key> {
-    id: TKey;
-    label: string;
-    content?: string | ReactNode;
-    isDisabled?: boolean;
-}
-export interface ExtendedSelectItem<TKey extends Key = Key> extends SelectItem<TKey> {
-    isNewItem?: boolean;
-    isSelectAllItem?: boolean;
-    isLoadingItem?: boolean;
-}
-export interface DefaultInitialSelectItem<TKey extends Key = Key> {
-    id: TKey;
-    label?: string;
-    name?: string;
-}
-export interface SingleSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
-    selectionMode?: "single";
-    value?: TKey | undefined | null;
-    onChange?: (value: TKey | null) => void;
-    showSelectionBar?: never;
-    showSelectAllOption?: never;
-    initialSelection?: TInitialSelectItem | null;
-    showSelectionContent?: boolean;
-}
-export interface MultiSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
-    selectionMode: "multiple";
-    value?: TKey[];
-    onChange?: (value: TKey[]) => void;
-    showSelectionBar?: boolean;
-    showSelectAllOption?: boolean;
-    initialSelection?: TInitialSelectItem[] | null;
-    showSelectionContent?: never;
-}
-export type GroupedSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = MultiSelectProps<TKey, TInitialSelectItem> | SingleSelectProps<TKey, TInitialSelectItem>;
-export type GroupedSelectControlProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ({
-    selectionMode: MultiSelectProps["selectionMode"];
+import { FieldValues } from "../../shared/form.binding.js";
+import { ControlProps } from "../../shared/form.types.js";
+import { ReactElement, ReactNode } from "react";
+import { Key } from "react-aria-components";
+//#region src/components/inputs/Selection/shared/select.types.d.ts
+interface SelectItem<TKey extends Key = Key> {
+  id: TKey;
+  label: string;
+  content?: string | ReactNode;
+  isDisabled?: boolean;
+}
+interface DefaultInitialSelectItem<TKey extends Key = Key> {
+  id: TKey;
+  label?: string;
+  name?: string;
+}
+interface SingleSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
+  selectionMode?: "single";
+  value?: TKey | undefined | null;
+  onChange?: (value: TKey | null) => void;
+  showSelectionBar?: never;
+  showSelectAllOption?: never;
+  initialSelection?: TInitialSelectItem | null;
+  showSelectionContent?: boolean;
+}
+interface MultiSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
+  selectionMode: "multiple";
+  value?: TKey[];
+  onChange?: (value: TKey[]) => void;
+  showSelectionBar?: boolean;
+  showSelectAllOption?: boolean;
+  initialSelection?: TInitialSelectItem[] | null;
+  showSelectionContent?: never;
+}
+type GroupedSelectProps<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = MultiSelectProps<TKey, TInitialSelectItem> | SingleSelectProps<TKey, TInitialSelectItem>;
+type GroupedSelectControlProps<TFieldValues extends FieldValues, TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> = ({
+  selectionMode: MultiSelectProps["selectionMode"];
 } & ControlProps<MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
-    selectionMode?: SingleSelectProps["selectionMode"];
+  selectionMode?: SingleSelectProps["selectionMode"];
 } & ControlProps<SingleSelectProps<TKey, TInitialSelectItem>, TFieldValues>);
-export interface SelectNewItemProps {
-    showNewItemOption?: boolean;
-    newItemMinLength?: number;
-    onNewItemOption?: (value: string) => void;
-    newItemRender?: (label: string) => ReactElement;
-}
-export interface SelectAsyncProps {
-    isLoading?: boolean;
-    hasLoadMore?: boolean;
-    onLoadMore?: () => void;
-}
-export interface SelectVirtualizationProps {
-    totalItems?: number;
-    virtualizerOptions?: {
-        rowHeight?: number;
-        estimatedRowHeight?: number;
-        padding?: number;
-        gap?: number;
-    };
-}
+interface SelectNewItemProps {
+  showNewItemOption?: boolean;
+  newItemMinLength?: number;
+  onNewItemOption?: (value: string) => void;
+  newItemRender?: (label: string) => ReactElement;
+}
+interface SelectAsyncProps {
+  isLoading?: boolean;
+  hasLoadMore?: boolean;
+  onLoadMore?: () => void;
+}
+interface SelectVirtualizationProps {
+  totalItems?: number;
+  virtualizerOptions?: {
+    rowHeight?: number;
+    estimatedRowHeight?: number;
+    padding?: number;
+    gap?: number;
+  };
+}
+//#endregion
+export { DefaultInitialSelectItem, GroupedSelectControlProps, GroupedSelectProps, MultiSelectProps, SelectAsyncProps, SelectItem, SelectNewItemProps, SelectVirtualizationProps, SingleSelectProps };

package/dist/components/inputs/Selection/shared/selectDesktop.cva.d.ts

@@ -1,6 +1,9 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const selectPopoverDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import "../../../../config/uiOverrides.context.js";
+//#region src/components/inputs/Selection/shared/selectDesktop.cva.d.ts
+declare const selectPopoverDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
 };
-export type SelectPopoverCva = UIOverrides.VariantProps<NonNullable<typeof selectPopoverDefinition.config>>;
+//#endregion
+export { selectPopoverDefinition };

package/dist/components/inputs/Selection/shared/selectDesktop.cva.js

@@ -1,5 +1,5 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/Selection/shared/selectDesktop.cva.ts
-var selectPopoverDefinition = UIOverrides.defineConfig({ base: ["my-4 outline-none"] });
+const selectPopoverDefinition = UIOverrides.defineConfig({ base: ["my-4 outline-none"] });
 //#endregion
 export { selectPopoverDefinition };

package/dist/components/inputs/Selection/shared/selectInput.cva.d.ts

@@ -1,12 +1,13 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const selectInputTagsContentWrapperDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isSearchable: {
-            readonly false: "pointer-events-none z-raised";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import "../../../../config/uiOverrides.context.js";
+//#region src/components/inputs/Selection/shared/selectInput.cva.d.ts
+declare const selectInputTagsContentWrapperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isSearchable: {
+      readonly false: "pointer-events-none z-raised";
+    };
+  }>;
 };
-export type SelectInputTagsContentWrapperConfig = NonNullable<typeof selectInputTagsContentWrapperDefinition.config>;
-export interface SelectInputTagsContentWrapperVariantProps extends UIOverrides.VariantProps<SelectInputTagsContentWrapperConfig> {
-}
+//#endregion
+export { selectInputTagsContentWrapperDefinition };

package/dist/components/inputs/Selection/shared/selectInput.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/Selection/shared/selectInput.cva.ts
-var selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
+const selectInputTagsContentWrapperDefinition = UIOverrides.defineConfig({
 	base: ["flex flex-1 flex-wrap gap-input-gap-input-text-to-elements truncate"],
 	config: { variants: { isSearchable: { false: "pointer-events-none z-raised" } } }
 });

package/dist/components/inputs/Selection/shared/selectItem.cva.d.ts

@@ -1,16 +1,17 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const selectListBoxItemDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly isSingle: {
-            readonly true: "selected:bg-interactive-contained-primary-idle selected:text-interactive-contained-primary-on-idle";
-        };
-        readonly isNewItem: {
-            readonly true: "text-interactive-text-primary-idle";
-            readonly false: "text-interactive-text-secondary-idle";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../../utils/style-merge.util.js";
+import "../../../../config/uiOverrides.context.js";
+//#region src/components/inputs/Selection/shared/selectItem.cva.d.ts
+declare const selectListBoxItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly isSingle: {
+      readonly true: "selected:bg-interactive-contained-primary-idle selected:text-interactive-contained-primary-on-idle";
+    };
+    readonly isNewItem: {
+      readonly true: "text-interactive-text-primary-idle";
+      readonly false: "text-interactive-text-secondary-idle";
+    };
+  }>;
 };
-export type SelectListBoxItemConfig = NonNullable<typeof selectListBoxItemDefinition.config>;
-export interface SelectListBoxItemCva extends UIOverrides.VariantProps<SelectListBoxItemConfig> {
-}
+//#endregion
+export { selectListBoxItemDefinition };

package/dist/components/inputs/Selection/shared/selectItem.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 //#region src/components/inputs/Selection/shared/selectItem.cva.ts
-var selectListBoxItemDefinition = UIOverrides.defineConfig({
+const selectListBoxItemDefinition = UIOverrides.defineConfig({
 	base: [
 		"group flex cursor-pointer items-center gap-2 px-list-side-item-left py-list-height-item",
 		"border-b border-b-elevation-outline-default-1 outline-none",

package/dist/components/inputs/Selection/shared/staticSelect.utils.js

@@ -1,7 +1,7 @@
 import { SelectInputTags } from "./SelectInputTags.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/staticSelect.utils.tsx
-var getStaticMultipleDisplayValue = ({ selectedItems, isDisabled, collapseAfter, selectedTagsType }) => {
+const getStaticMultipleDisplayValue = ({ selectedItems, isDisabled, collapseAfter, selectedTagsType }) => {
 	if (selectedItems.length === 0) return "";
 	return /* @__PURE__ */ jsx(SelectInputTags, {
 		selectedItems,
@@ -11,7 +11,7 @@ var getStaticMultipleDisplayValue = ({ selectedItems, isDisabled, collapseAfter,
 		onRemove: () => void 0
 	});
 };
-var getStaticSingleDisplayValue = ({ selectedItem, showSelectionContent }) => {
+const getStaticSingleDisplayValue = ({ selectedItem, showSelectionContent }) => {
 	if (!selectedItem) return "";
 	if (showSelectionContent && selectedItem.content) return selectedItem.content;
 	return /* @__PURE__ */ jsx("div", {
@@ -19,7 +19,7 @@ var getStaticSingleDisplayValue = ({ selectedItem, showSelectionContent }) => {
 		children: selectedItem.label
 	});
 };
-var getStaticSelectValue = ({ items, value, selectionMode, initialSelection, mapInitialToSelectItem = ((item) => ({
+const getStaticSelectValue = ({ items, value, selectionMode, initialSelection, mapInitialToSelectItem = ((item) => ({
 	id: item.id,
 	label: item.label ?? item.name ?? ""
 })), showSelectionContent, isDisabled, collapseAfter, selectedTagsType }) => {

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

@@ -1,25 +1,25 @@
 import { useMemo } from "react";
 import { useFilter } from "react-aria-components";
 //#region src/components/inputs/Selection/shared/useSelectItems.tsx
-var SelectAllItemId = "all-item-id";
-var SelectAllItem = (inputValue) => ({
+const SelectAllItemId = "all-item-id";
+const SelectAllItem = (inputValue) => ({
 	id: SelectAllItemId,
 	label: inputValue,
 	isSelectAllItem: true
 });
-var NewItemId = "new-item-id";
-var NewItem = (inputValue) => ({
+const NewItemId = "new-item-id";
+const NewItem = (inputValue) => ({
 	id: NewItemId,
 	label: inputValue,
 	isNewItem: true
 });
-var LoadingItemId = "loading-item-id";
-var LoadingItem = (inputValue) => ({
+const LoadingItemId = "loading-item-id";
+const LoadingItem = (inputValue) => ({
 	id: LoadingItemId,
 	label: inputValue,
 	isLoadingItem: true
 });
-var ReservedItemIds = [
+const ReservedItemIds = [
 	SelectAllItemId,
 	NewItemId,
 	LoadingItemId
@@ -52,16 +52,16 @@ function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inpu
 			...Array.isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems],
 			...Array.isArray(selectedItems) ? selectedItems : [selectedItems],
 			...allListItems
-		].filter((item_0) => !!item_0);
+		].filter((item) => !!item);
 		const allItemsMap = /* @__PURE__ */ new Map();
-		items.forEach((item_1) => allItemsMap.set(item_1.id, item_1));
+		items.forEach((item) => allItemsMap.set(item.id, item));
 		return Array.from(allItemsMap.values());
 	}, [
 		allListItems,
 		initialSelectedItems,
 		selectedItems
 	]);
-	const filteredListItems = useMemo(() => allListItems.filter((item_2) => contains(item_2.label, inputValue)), [
+	const filteredListItems = useMemo(() => allListItems.filter((item) => contains(item.label, inputValue)), [
 		allListItems,
 		contains,
 		inputValue
@@ -77,8 +77,8 @@ function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inpu
 		allListItems,
 		filteredListItems,
 		listItems,
-		selectableListItems: useMemo(() => listItems.filter((item_3) => !item_3.isDisabled && !ReservedItemIds.includes(String(item_3.id))), [listItems])
+		selectableListItems: useMemo(() => listItems.filter((item) => !item.isDisabled && !ReservedItemIds.includes(String(item.id))), [listItems])
 	};
 }
 //#endregion
-export { NewItemId, SelectAllItemId, useSelectItems };
+export { LoadingItemId, NewItemId, ReservedItemIds, SelectAllItemId, useSelectItems };