@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

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

@@ -1,231 +0,0 @@
-import { useSelectItems } from "./useSelectItems.js";
-import { useDebounceCallback } from "../../../../hooks/useDebounceCallback.js";
-import { jsx } from "react/jsx-runtime";
-import { createContext, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
-//#region src/components/inputs/Selection/shared/select.context.tsx
-var 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";
-		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]);
-		const [isOpen, setIsOpen] = useState(false);
-		const [fieldState, setFieldState] = useState({
-			value: props.value ?? (isMultiple ? [] : null),
-			inputValue: "",
-			searchValue: ""
-		});
-		const { callback: onSearchChangeDebounced, isDebouncing } = useDebounceCallback(onSearchChange, { delay: searchDebounceDelay });
-		const [showAll, setShowAll] = useState(false);
-		const [cachedItems, setCachedItems] = useState(items);
-		const valueRef = useRef(initialSelectedItems);
-		useEffect(() => {
-			if (!isLoading) setCachedItems(items);
-		}, [isLoading, items]);
-		const { allItems, allListItems, listItems, selectableListItems } = useSelectItems({
-			initialSelectedItems,
-			selectedItems: valueRef.current,
-			cachedItems,
-			inputValue: fieldState.inputValue,
-			showAll,
-			isMultiple,
-			showSelectAllOption,
-			showNewItemOption,
-			newItemMinLength,
-			isLoading,
-			hasLoadMore,
-			isClientSearchDisabled: ignoreInputValueFiltering ?? isClientSearchDisabled
-		});
-		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);
-			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 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 (changes.inputValue !== fieldState.inputValue) onInputChange?.(changes.inputValue);
-			if (changes.searchValue !== fieldState.searchValue) onSearchChangeDebounced?.(changes.searchValue);
-			return valueChanged;
-		}, [
-			fieldState,
-			isMultiple,
-			props,
-			onInputChange,
-			onSearchChangeDebounced,
-			updateValue
-		]);
-		const syncFieldState = (value_1) => {
-			const newFieldState = {
-				value: value_1,
-				inputValue: isMultiple || Array.isArray(value_1) ? fieldState.inputValue : getItem_0(value_1)?.label ?? "",
-				searchValue: ""
-			};
-			setFieldState(newFieldState);
-			emitStateChanges(newFieldState, true);
-			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]);
-		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);
-		}, [allListItems]);
-		const handleInputChange = useCallback((inputValue) => {
-			const newFieldState_0 = {
-				value: isMultiple || inputValue !== "" ? fieldState.value : null,
-				inputValue,
-				searchValue: inputValue
-			};
-			setFieldState(newFieldState_0);
-			emitStateChanges(newFieldState_0);
-			setShowAll(false);
-			if (!isOpen && inputValue !== "" && props.isSearchable) setIsOpen(true);
-		}, [
-			emitStateChanges,
-			fieldState.value,
-			isMultiple
-		]);
-		const onChange = useCallback((value_3) => {
-			if (value_3 === "new-item-id") onNewItemOption?.(fieldState.inputValue);
-			else {
-				const newFieldState_1 = {
-					value: value_3,
-					inputValue: isMultiple || Array.isArray(value_3) ? "" : getItem_0(value_3)?.label ?? "",
-					searchValue: ""
-				};
-				setFieldState(newFieldState_1);
-				emitStateChanges(newFieldState_1);
-			}
-			if (!isMultiple) {
-				setIsOpen(false);
-				setShowAll(true);
-			}
-		}, [
-			emitStateChanges,
-			onNewItemOption,
-			fieldState.inputValue,
-			getItem_0,
-			isMultiple
-		]);
-		const onClear = useCallback(() => {
-			if (selectedIds.length === 0) {
-				const newFieldState_2 = {
-					...fieldState,
-					inputValue: "",
-					searchValue: ""
-				};
-				setFieldState(newFieldState_2);
-				emitStateChanges(newFieldState_2, true);
-				setShowAll(true);
-				return;
-			}
-			if (isMultiple) onChange([]);
-			else onChange(null);
-		}, [
-			emitStateChanges,
-			fieldState,
-			isMultiple,
-			onChange,
-			selectedIds.length
-		]);
-		const onSelectAll = useCallback(() => {
-			onChange(selectableListItems.map(({ id: id_4 }) => id_4));
-		}, [selectableListItems, onChange]);
-		const onRemove = useCallback((value_4) => {
-			if (isMultiple && Array.isArray(fieldState.value)) onChange(fieldState.value.filter((id_5) => id_5 !== value_4));
-		}, [
-			isMultiple,
-			fieldState.value,
-			onChange
-		]);
-		const onBlur = useCallback(() => {
-			if (props.isSearchable && isMultiple && fieldState.searchValue !== "") {
-				const newFieldState_3 = {
-					...fieldState,
-					inputValue: "",
-					searchValue: ""
-				};
-				setFieldState(newFieldState_3);
-				emitStateChanges(newFieldState_3);
-				setShowAll(true);
-			}
-			fieldOnBlur?.({});
-		}, [
-			props.isSearchable,
-			isMultiple,
-			fieldState,
-			fieldOnBlur
-		]);
-		const value_5 = useMemo(() => ({
-			fieldState,
-			isOpen,
-			setIsOpen,
-			isDebouncing,
-			onInputChange: handleInputChange,
-			onChange,
-			onClear,
-			onSelectAll,
-			onRemove,
-			onBlur,
-			listItems,
-			selectableListItems,
-			selectedItems,
-			selectedIds,
-			isMultiple,
-			multiSelectAutoConfirm,
-			isLoading,
-			hasLoadMore
-		}), [
-			fieldState,
-			isOpen,
-			setIsOpen,
-			isDebouncing,
-			handleInputChange,
-			onChange,
-			onClear,
-			onSelectAll,
-			onRemove,
-			onBlur,
-			listItems,
-			selectableListItems,
-			selectedIds,
-			selectedItems,
-			isMultiple,
-			multiSelectAutoConfirm,
-			isLoading,
-			hasLoadMore
-		]);
-		return /* @__PURE__ */ jsx(Context.Provider, {
-			value: value_5,
-			children
-		});
-	};
-	_SelectContext.useSelect = () => {
-		return use(Context);
-	};
-})(SelectContext || (SelectContext = {}));
-//#endregion
-export { SelectContext };

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

@@ -1,64 +0,0 @@
-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"];
-} & ControlProps<MultiSelectProps<TKey, TInitialSelectItem>, TFieldValues>) | ({
-    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;
-    };
-}

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

@@ -1,6 +0,0 @@
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const selectPopoverDefinition: {
-    base: string[];
-    config?: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<Record<never, never>>;
-};
-export type SelectPopoverCva = UIOverrides.VariantProps<NonNullable<typeof selectPopoverDefinition.config>>;

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

@@ -1,5 +0,0 @@
-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"] });
-//#endregion
-export { selectPopoverDefinition };

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

@@ -1,12 +0,0 @@
-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";
-        };
-    }>;
-};
-export type SelectInputTagsContentWrapperConfig = NonNullable<typeof selectInputTagsContentWrapperDefinition.config>;
-export interface SelectInputTagsContentWrapperVariantProps extends UIOverrides.VariantProps<SelectInputTagsContentWrapperConfig> {
-}

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

@@ -1,8 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/Selection/shared/selectInput.cva.ts
-var 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" } } }
-});
-//#endregion
-export { selectInputTagsContentWrapperDefinition };

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

@@ -1,16 +0,0 @@
-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";
-        };
-    }>;
-};
-export type SelectListBoxItemConfig = NonNullable<typeof selectListBoxItemDefinition.config>;
-export interface SelectListBoxItemCva extends UIOverrides.VariantProps<SelectListBoxItemConfig> {
-}

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

@@ -1,24 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/Selection/shared/selectItem.cva.ts
-var 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",
-		"font-labels-default text-label-2",
-		"hover:text-interactive-text-secondary-hover",
-		"focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted",
-		"disabled:cursor-default disabled:text-interactive-text-secondary-disabled"
-	],
-	config: {
-		variants: {
-			isSingle: { true: "selected:bg-interactive-contained-primary-idle selected:text-interactive-contained-primary-on-idle" },
-			isNewItem: {
-				true: "text-interactive-text-primary-idle",
-				false: "text-interactive-text-secondary-idle"
-			}
-		},
-		defaultVariants: { isNewItem: false }
-	}
-});
-//#endregion
-export { selectListBoxItemDefinition };

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

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-import { DefaultInitialSelectItem, SelectItem } from './select.types';
-interface GetStaticSelectValueOptions<TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>> {
-    items: SelectItem<TKey>[];
-    value: TKey | TKey[] | null | undefined;
-    selectionMode: SelectBaseProps<TKey>["selectionMode"];
-    initialSelection?: TInitialSelectItem | TInitialSelectItem[] | null;
-    mapInitialToSelectItem?: (item: TInitialSelectItem) => SelectItem<TKey>;
-    showSelectionContent?: boolean;
-    isDisabled?: boolean;
-    collapseAfter?: SelectBaseProps<TKey>["collapseAfter"];
-    selectedTagsType?: SelectBaseProps<TKey>["selectedTagsType"];
-}
-interface StaticSelectValueResult<TKey extends Key = Key> {
-    selectedItem: SelectItem<TKey> | null;
-    selectedItems: SelectItem<TKey>[];
-    displayValue: ReactNode;
-    isEmpty: boolean;
-}
-export declare const getStaticSelectValue: <TKey extends Key = Key, TInitialSelectItem = DefaultInitialSelectItem<TKey>>({ items, value, selectionMode, initialSelection, mapInitialToSelectItem, showSelectionContent, isDisabled, collapseAfter, selectedTagsType, }: GetStaticSelectValueOptions<TKey, TInitialSelectItem>) => StaticSelectValueResult<TKey>;
-export {};

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

@@ -1,54 +0,0 @@
-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 }) => {
-	if (selectedItems.length === 0) return "";
-	return /* @__PURE__ */ jsx(SelectInputTags, {
-		selectedItems,
-		isDisabled,
-		collapseAfter,
-		selectedTagsType,
-		onRemove: () => void 0
-	});
-};
-var getStaticSingleDisplayValue = ({ selectedItem, showSelectionContent }) => {
-	if (!selectedItem) return "";
-	if (showSelectionContent && selectedItem.content) return selectedItem.content;
-	return /* @__PURE__ */ jsx("div", {
-		className: "min-w-0 flex-1 truncate",
-		children: selectedItem.label
-	});
-};
-var getStaticSelectValue = ({ items, value, selectionMode, initialSelection, mapInitialToSelectItem = ((item) => ({
-	id: item.id,
-	label: item.label ?? item.name ?? ""
-})), showSelectionContent, isDisabled, collapseAfter, selectedTagsType }) => {
-	const initialSelectedItems = initialSelection ? (Array.isArray(initialSelection) ? initialSelection : [initialSelection]).map((item) => mapInitialToSelectItem(item)) : [];
-	const allItemsMap = /* @__PURE__ */ new Map();
-	[...initialSelectedItems, ...items].forEach((item) => allItemsMap.set(item.id, item));
-	const getItem = (id) => allItemsMap.get(id) ?? null;
-	const selectedItems = Array.isArray(value) ? value.map((id) => getItem(id)).filter((item) => item != null) : [];
-	const selectedItem = !Array.isArray(value) && value != null ? getItem(value) : null;
-	if (selectionMode === "multiple") return {
-		selectedItem,
-		selectedItems,
-		displayValue: getStaticMultipleDisplayValue({
-			selectedItems,
-			isDisabled,
-			collapseAfter,
-			selectedTagsType
-		}),
-		isEmpty: selectedItems.length === 0
-	};
-	return {
-		selectedItem,
-		selectedItems,
-		displayValue: getStaticSingleDisplayValue({
-			selectedItem,
-			showSelectionContent
-		}),
-		isEmpty: selectedItem == null
-	};
-};
-//#endregion
-export { getStaticSelectValue };

package/dist/components/inputs/Selection/shared/staticSelect.utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,23 +0,0 @@
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-import { ExtendedSelectItem, SelectItem } from './select.types';
-export declare const SelectAllItemId = "all-item-id";
-export declare const NewItemId = "new-item-id";
-export declare const LoadingItemId = "loading-item-id";
-export declare const ReservedItemIds: string[];
-interface UseSelectItemsProps extends Pick<SelectBaseProps, "showSelectAllOption" | "showNewItemOption" | "newItemMinLength" | "isLoading" | "hasLoadMore" | "isClientSearchDisabled"> {
-    initialSelectedItems?: SelectItem[] | SelectItem | null;
-    selectedItems?: SelectItem[] | SelectItem | null;
-    cachedItems: SelectItem[];
-    inputValue: string;
-    showAll: boolean;
-    isMultiple: boolean;
-}
-export declare function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inputValue, showAll, isMultiple, showSelectAllOption, showNewItemOption, newItemMinLength, isLoading, hasLoadMore, isClientSearchDisabled, }: UseSelectItemsProps): {
-    allItems: SelectItem<Key>[];
-    allListItems: ExtendedSelectItem<Key>[];
-    filteredListItems: ExtendedSelectItem<Key>[];
-    listItems: ExtendedSelectItem<Key>[];
-    selectableListItems: ExtendedSelectItem<Key>[];
-};
-export {};

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

@@ -1,84 +0,0 @@
-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) => ({
-	id: SelectAllItemId,
-	label: inputValue,
-	isSelectAllItem: true
-});
-var NewItemId = "new-item-id";
-var NewItem = (inputValue) => ({
-	id: NewItemId,
-	label: inputValue,
-	isNewItem: true
-});
-var LoadingItemId = "loading-item-id";
-var LoadingItem = (inputValue) => ({
-	id: LoadingItemId,
-	label: inputValue,
-	isLoadingItem: true
-});
-var ReservedItemIds = [
-	SelectAllItemId,
-	NewItemId,
-	LoadingItemId
-];
-function useSelectItems({ initialSelectedItems, selectedItems, cachedItems, inputValue, showAll, isMultiple, showSelectAllOption, showNewItemOption, newItemMinLength = 3, isLoading, hasLoadMore, isClientSearchDisabled }) {
-	const { contains } = useFilter({ sensitivity: "base" });
-	const allListItems = useMemo(() => {
-		const showSelectAllItem = isMultiple && showSelectAllOption && inputValue.length === 0 && !hasLoadMore;
-		const showNewItem = showNewItemOption && inputValue.length >= newItemMinLength && !cachedItems.find((item) => contains(item.label, inputValue));
-		const showLoadingItem = isLoading || hasLoadMore;
-		return [
-			...showSelectAllItem ? [SelectAllItem(inputValue)] : [],
-			...cachedItems,
-			...showNewItem ? [NewItem(inputValue)] : [],
-			...showLoadingItem ? [LoadingItem(inputValue)] : []
-		];
-	}, [
-		isMultiple,
-		showNewItemOption,
-		inputValue,
-		newItemMinLength,
-		cachedItems,
-		contains,
-		isLoading,
-		hasLoadMore,
-		showSelectAllOption
-	]);
-	const allItems = useMemo(() => {
-		const items = [
-			...Array.isArray(initialSelectedItems) ? initialSelectedItems : [initialSelectedItems],
-			...Array.isArray(selectedItems) ? selectedItems : [selectedItems],
-			...allListItems
-		].filter((item_0) => !!item_0);
-		const allItemsMap = /* @__PURE__ */ new Map();
-		items.forEach((item_1) => allItemsMap.set(item_1.id, item_1));
-		return Array.from(allItemsMap.values());
-	}, [
-		allListItems,
-		initialSelectedItems,
-		selectedItems
-	]);
-	const filteredListItems = useMemo(() => allListItems.filter((item_2) => contains(item_2.label, inputValue)), [
-		allListItems,
-		contains,
-		inputValue
-	]);
-	const listItems = useMemo(() => showAll || isClientSearchDisabled ? allListItems : filteredListItems, [
-		showAll,
-		isClientSearchDisabled,
-		allListItems,
-		filteredListItems
-	]);
-	return {
-		allItems,
-		allListItems,
-		filteredListItems,
-		listItems,
-		selectableListItems: useMemo(() => listItems.filter((item_3) => !item_3.isDisabled && !ReservedItemIds.includes(String(item_3.id))), [listItems])
-	};
-}
-//#endregion
-export { NewItemId, SelectAllItemId, useSelectItems };

package/dist/components/inputs/Skeleton/InputFrame.d.ts

@@ -1,83 +0,0 @@
-import { FC, FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref, SVGProps } from 'react';
-import { InlineIconButtonProps } from '../../buttons/InlineIconButton/InlineIconButton';
-import { FormFieldProps } from '../FormField/FormField';
-import { FormFieldHeaderProps } from '../FormField/FormFieldHeader';
-import { InputVariantProps } from '../shared/input.cva';
-import { TypographyVariantProps } from '../../text/Typography/typography.cva';
-type InputFrameIcon = FC<SVGProps<SVGSVGElement>> | ReactElement;
-interface InputFrameAction {
-    icon: InlineIconButtonProps["icon"];
-    onClick: () => void;
-    altText: string;
-    className?: string;
-}
-interface InputFrameDataAttributes {
-    dataDisabled?: boolean;
-    dataHasSearch?: boolean;
-    dataHasSelection?: boolean;
-    dataInvalid?: boolean;
-    dataIsDirty?: boolean;
-    dataIsDisabled?: boolean;
-    dataIsEmpty?: boolean;
-    dataIsFilled?: boolean;
-    dataIsRequired?: boolean;
-}
-type InputFrameDataAttributeProps = {
-    "data-disabled"?: boolean;
-    "data-has-search"?: boolean;
-    "data-has-selection"?: boolean;
-    "data-invalid"?: boolean;
-    "data-is-dirty"?: boolean;
-    "data-is-disabled"?: boolean;
-    "data-is-empty"?: boolean;
-    "data-is-filled"?: boolean;
-    "data-is-required"?: boolean;
-};
-type InputFrameChildProps = InputFrameDataAttributeProps & {
-    id: string;
-};
-type InputFrameChildren = ReactNode | ((childProps: InputFrameChildProps) => ReactNode);
-type InputFrameLabelPlacement = "content-wrapper" | "content-row";
-type InputFrameActionContentPlacement = "content-wrapper" | "content-row";
-type InputFrameContentGroup = "date-picker" | "input" | "select";
-export interface InputFrameProps extends InputVariantProps, Partial<FormFieldProps> {
-    ref?: Ref<HTMLDivElement>;
-    children: InputFrameChildren;
-    formFieldRef?: Ref<HTMLDivElement>;
-    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
-    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
-    labelProps?: FormFieldHeaderProps["labelProps"];
-    headerProps?: FormFieldHeaderProps;
-    leadingContent?: ReactNode;
-    leadingIcon?: InputFrameIcon;
-    actionContent?: ReactNode;
-    actionContentPlacement?: InputFrameActionContentPlacement;
-    trailingContent?: ReactNode;
-    trailingIcon?: InputFrameIcon;
-    trailingAction?: ReactNode;
-    unit?: string;
-    isLoading?: boolean;
-    action?: InputFrameAction;
-    isClearable?: boolean;
-    showClear?: boolean;
-    onStaticInteract?: (shouldFocus: boolean, target?: EventTarget | null) => void;
-    onStaticPress?: () => void;
-    staticPressTarget?: "frame" | "action";
-    clearClassName?: string;
-    onClear?: () => void;
-    dataAttributes?: InputFrameDataAttributes;
-    typographySize?: TypographyVariantProps["size"];
-    id?: string;
-    inputClassName?: string;
-    contentClassName?: string;
-    contentWrapperClassName?: string;
-    contentGroup?: InputFrameContentGroup;
-    contentAndTrailingClassName?: string;
-    wrapContentAndTrailing?: boolean;
-    wrapTrailingContent?: boolean;
-    reserveTrailingContent?: boolean;
-    labelPlacement?: InputFrameLabelPlacement;
-    trailingClassName?: string;
-}
-export declare const InputFrame: (props: InputFrameProps) => import("react/jsx-runtime").JSX.Element;
-export {};