@povio/ui 3.4.0-rc.15 → 3.4.0-rc.17

package/dist/components/inputs/Selection/Select/QuerySelect.js

@@ -1,172 +0,0 @@
-import { UIConfig } from "../../../../config/uiConfig.context.js";
-import { FieldController } from "../../shared/form.binding.js";
-import { Select } from "./Select.js";
-import { getQueryItems, getSelectionIdsToResolve } from "../shared/querySelect.utils.js";
-import { useQueryAutocomplete } from "../../../../hooks/useQueryAutocomplete.js";
-import { useState } from "react";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { mergeRefs } from "@react-aria/utils";
-//#region src/components/inputs/Selection/Select/QuerySelect.tsx
-var LoadedQuerySelectContent = ({ query, queryParams, queryOptions, queryMap, resolveSelectedItemsWithIds, isQueryEnabledInitially = false, ...props }) => {
-	const ui = UIConfig.useConfig();
-	const [search, setSearch] = useState("");
-	const isSearchable = props.isSearchable ?? ui.select.isSearchable;
-	const value = "value" in props ? props.value : void 0;
-	const selectedIdsToResolve = getSelectionIdsToResolve({
-		initialSelection: props.initialSelection,
-		value,
-		mapInitialToSelectItem: props.mapInitialToSelectItem
-	});
-	const shouldEnableInitialQuery = selectedIdsToResolve.count > 0;
-	const isInitialQueryDisabled = props.isInitialQueryDisabled ?? ui.querySelect?.isInitialQueryDisabled;
-	const shouldDisableInitialQuery = !isQueryEnabledInitially && !shouldEnableInitialQuery && (selectedIdsToResolve.isResolvedByInitialSelection || isInitialQueryDisabled);
-	const { items, totalItems, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete({
-		query,
-		queryParams,
-		queryOptions,
-		mapItems: (data) => getQueryItems(data, queryMap),
-		resolveSelectedItemsWithIds: resolveSelectedItemsWithIds ?? ui.querySelect?.resolveSelectedItemsWithIds,
-		search: isSearchable ? search : void 0,
-		initialQueryState: shouldDisableInitialQuery,
-		selectedIdsToResolve: selectedIdsToResolve.items
-	});
-	const { isInitialQueryDisabled: _, onSearchChange, ...selectProps } = props;
-	const handleSearchChange = (value_0) => {
-		setSearch(value_0);
-		handleEnableQuery();
-		onSearchChange?.(value_0);
-	};
-	return /* @__PURE__ */ jsx(Select, {
-		...selectProps,
-		items,
-		isLoading,
-		totalItems,
-		hasLoadMore: hasNextPage,
-		onLoadMore: fetchNextPage,
-		searchDebounceDelay: props.searchDebounceDelay ?? ui.querySelect?.searchDebounceDelay,
-		onMouseEnter: handleEnableQuery,
-		onFocusCapture: handleEnableQuery,
-		...isSearchable && {
-			isClientSearchDisabled: true,
-			onSearchChange: handleSearchChange
-		}
-	});
-};
-var QuerySelectContent = (props) => {
-	const $ = c(9);
-	const [isQueryMounted, setIsQueryMounted] = useState(false);
-	const value = "value" in props ? props.value : void 0;
-	if (!getSelectionIdsToResolve({
-		initialSelection: props.initialSelection,
-		value,
-		mapInitialToSelectItem: props.mapInitialToSelectItem
-	}).isResolvedByInitialSelection || isQueryMounted) {
-		let t0;
-		if ($[0] !== isQueryMounted || $[1] !== props) {
-			t0 = /* @__PURE__ */ jsx(LoadedQuerySelectContent, {
-				...props,
-				isQueryEnabledInitially: isQueryMounted
-			});
-			$[0] = isQueryMounted;
-			$[1] = props;
-			$[2] = t0;
-		} else t0 = $[2];
-		return t0;
-	}
-	let selectProps;
-	if ($[3] !== props) {
-		const { query: _, queryParams: _queryParams, queryOptions: _queryOptions, queryMap: _queryMap, resolveSelectedItemsWithIds: _resolveSelectedItemsWithIds, isInitialQueryDisabled: _isInitialQueryDisabled, ...t0 } = props;
-		selectProps = t0;
-		$[3] = props;
-		$[4] = selectProps;
-	} else selectProps = $[4];
-	let t0;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = () => setIsQueryMounted(true);
-		$[5] = t0;
-	} else t0 = $[5];
-	const mountQuery = t0;
-	let t1;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== selectProps) {
-		t2 = /* @__PURE__ */ jsx(Select, {
-			...selectProps,
-			items: t1,
-			onMouseEnter: mountQuery,
-			onFocusCapture: mountQuery
-		});
-		$[7] = selectProps;
-		$[8] = t2;
-	} else t2 = $[8];
-	return t2;
-};
-var QuerySelect = (props) => {
-	const $ = c(16);
-	if ("field" in props && props.field) {
-		let field;
-		let innerProps;
-		let ref;
-		if ($[0] !== props) {
-			({field, ref, ...innerProps} = props);
-			$[0] = props;
-			$[1] = field;
-			$[2] = innerProps;
-			$[3] = ref;
-		} else {
-			field = $[1];
-			innerProps = $[2];
-			ref = $[3];
-		}
-		const controlWithOptions = field.form;
-		let t0;
-		if ($[4] !== controlWithOptions || $[5] !== innerProps || $[6] !== props.error || $[7] !== props.isDisabled || $[8] !== ref) {
-			t0 = (t1) => {
-				const { field: field_0, fieldState: t2 } = t1;
-				const { error, isDirty } = t2;
-				return /* @__PURE__ */ jsx(QuerySelectContent, {
-					...innerProps,
-					ref: mergeRefs(ref, field_0.ref),
-					value: field_0.value,
-					onChange: field_0.onChange,
-					onBlur: field_0.onBlur,
-					isDirty,
-					isDisabled: field_0.disabled || props.isDisabled || !!controlWithOptions._options?.disabled,
-					error: props.error ?? error?.message
-				});
-			};
-			$[4] = controlWithOptions;
-			$[5] = innerProps;
-			$[6] = props.error;
-			$[7] = props.isDisabled;
-			$[8] = ref;
-			$[9] = t0;
-		} else t0 = $[9];
-		let t1;
-		if ($[10] !== field.form || $[11] !== field.name || $[12] !== t0) {
-			t1 = /* @__PURE__ */ jsx(FieldController, {
-				control: field.form,
-				name: field.name,
-				render: t0
-			});
-			$[10] = field.form;
-			$[11] = field.name;
-			$[12] = t0;
-			$[13] = t1;
-		} else t1 = $[13];
-		return t1;
-	}
-	let t0;
-	if ($[14] !== props) {
-		t0 = /* @__PURE__ */ jsx(QuerySelectContent, { ...props });
-		$[14] = props;
-		$[15] = t0;
-	} else t0 = $[15];
-	return t0;
-};
-//#endregion
-export { QuerySelect };

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

@@ -1,5 +0,0 @@
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-type SelectDesktopProps<TKey extends Key = Key> = SelectBaseProps<TKey>;
-export declare const SelectDesktop: <TKey extends Key = Key>({ ref, error, ignoreTriggerWidth, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, ...props }: SelectDesktopProps<TKey>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,15 +0,0 @@
-import { AriaFieldProps } from 'react-aria';
-import { ComboBoxState } from 'react-stately';
-import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
-import { SelectBaseProps } from './SelectBase';
-import { SelectItem } from './select.types';
-import { InputVariantProps } from '../../shared/input.cva';
-interface SelectInputProps extends InputVariantProps, Pick<SelectBaseProps, "ref" | "placeholder" | "isDisabled" | "hideDropdownIcon" | "isSearchable" | "isClearable" | "isClearableIfDisabled" | "onBlur" | "showSelectionContent" | "inputClassName" | "selectedTagsType" | "collapseAfter" | "isRequired" | "isDirty" | "leadingContent" | "trailingContent" | "onMouseEnter" | "onFocusCapture"> {
-    isInvalid?: boolean;
-    className?: string;
-    fieldProps?: AriaFieldProps;
-    headerProps?: FormFieldHeaderProps;
-    onCloseComboBox?: (state: ComboBoxState<SelectItem> | null) => void;
-}
-export declare const SelectInput: ({ 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 }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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/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/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 {};

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

@@ -1,4 +0,0 @@
-import { SelectItem } from './select.types';
-type SelectListBoxItemSelectAllProps = SelectItem;
-export declare const SelectListBoxItemSelectAll: ({ id, label, isDisabled }: SelectListBoxItemSelectAllProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,6 +0,0 @@
-import { SelectItem } from './select.types';
-interface SelectListBoxLoadingItemProps extends Omit<SelectItem, "isDisabled"> {
-    onLoadMore?: () => void;
-}
-export declare const SelectListBoxLoadingItem: ({ id, label, onLoadMore }: SelectListBoxLoadingItemProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-interface SelectListBoxSelectionBarProps {
-    className?: string;
-}
-export declare const SelectListBoxSelectionBar: ({ className }: SelectListBoxSelectionBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-type SelectMobileProps<TKey extends Key = Key> = SelectBaseProps<TKey>;
-export declare const SelectMobile: <TKey extends Key = Key>({ ref, error, showSelectionContent, inputClassName, containerClassName, leadingContent, trailingContent, customTrigger, onBlur, onMouseEnter, onFocusCapture, bottomSheetProps, ...props }: SelectMobileProps<TKey>) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { InputVariantProps } from '../../shared/input.cva';
-interface StaticSelectTrailingContentProps extends Pick<InputVariantProps, "size"> {
-    trailingContent?: ReactNode;
-    hideDropdownIcon?: boolean;
-    isDisabled?: boolean;
-}
-export declare const StaticSelectTrailingContent: ({ trailingContent, hideDropdownIcon, isDisabled, size, }: StaticSelectTrailingContentProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -1,32 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Key } from 'react-aria-components';
-import { SelectBaseProps } from './SelectBase';
-import { ExtendedSelectItem, GroupedSelectProps, SelectItem } from './select.types';
-export declare namespace SelectContext {
-    interface FieldState {
-        value: Key | Key[] | null;
-        inputValue: string;
-        searchValue: string;
-    }
-    export type Type = {
-        fieldState: FieldState;
-        isOpen: boolean;
-        setIsOpen: (isOpen: boolean) => void;
-        isDebouncing: boolean;
-        onChange: (val: Key | Key[]) => void;
-        onClear: () => void;
-        onSelectAll: () => void;
-        onRemove: (val: Key) => void;
-        onBlur: () => void;
-        listItems: ExtendedSelectItem[];
-        selectableListItems: SelectItem[];
-        selectedItems: SelectItem[];
-        selectedIds: Key[];
-        isMultiple: boolean;
-        multiSelectAutoConfirm: boolean;
-    } & Pick<SelectBaseProps, "onInputChange" | "isLoading" | "hasLoadMore">;
-    export type ProviderProps = GroupedSelectProps & Pick<SelectBaseProps, "items" | "onInputChange" | "onSearchChange" | "showSelectAllOption" | "showNewItemOption" | "newItemMinLength" | "onNewItemOption" | "isLoading" | "hasLoadMore" | "mapInitialToSelectItem" | "isSearchable" | "isClientSearchDisabled" | "ignoreInputValueFiltering" | "searchDebounceDelay" | "multiSelectAutoConfirm" | "onBlur">;
-    export const Provider: ({ items, onInputChange, onSearchChange, showSelectAllOption, showNewItemOption, newItemMinLength, onNewItemOption, isLoading, hasLoadMore, isClientSearchDisabled, ignoreInputValueFiltering, searchDebounceDelay, multiSelectAutoConfirm, onBlur: fieldOnBlur, children, mapInitialToSelectItem, ...props }: PropsWithChildren<ProviderProps>) => import("react/jsx-runtime").JSX.Element;
-    export const useSelect: () => Type;
-    export {};
-}

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.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/Skeleton/InputFrame.d.ts

@@ -1,84 +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;
-    isClearableIfDisabled?: 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 {};

package/dist/components/inputs/Slider/Slider.d.ts

@@ -1,19 +0,0 @@
-import { FocusEvent, Ref } from 'react';
-import { SliderProps as AriaSliderProps } from 'react-aria-components';
-import { FieldValues } from '../shared/form.binding';
-import { FormFieldProps } from '../FormField/FormField';
-import { ControlProps } from '../shared/form.types';
-type SliderValue<IsRange extends boolean = false> = IsRange extends false ? number : number[];
-interface SliderBaseProps<IsRange extends boolean = false> extends FormFieldProps, Omit<AriaSliderProps, "value" | "defaultValue" | "onChange" | "className"> {
-    ref?: Ref<HTMLDivElement>;
-    unit?: string;
-    isRange?: IsRange;
-    defaultValue?: SliderValue<IsRange>;
-    value?: SliderValue<IsRange>;
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    onChange?: (value: SliderValue<IsRange>) => void;
-}
-export type SliderProps<IsRange extends boolean = false> = SliderBaseProps<IsRange>;
-export type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps<IsRange>, TFieldValues>;
-export declare const Slider: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react/jsx-runtime").JSX.Element;
-export {};