@uipath/apollo-vertex 0.0.0-stage → 0.1.0

package/dist/registry/filter-dropdown/filter-dropdown-states.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useEffectEvent, useRef } from "react";
+import { Button } from "../button/button.js";
+import { Skeleton } from "../skeleton/skeleton.js";
+import { Spinner } from "../spinner/spinner.js";
+import { cn } from "../../lib/utils.js";
+const FILTER_DROPDOWN_LIST_SLOT = "filter-dropdown-list";
+const SKELETON_LABEL_WIDTHS = [
+    "w-3/4",
+    "w-1/2",
+    "w-2/3",
+    "w-5/6",
+    "w-1/3"
+];
+function FilterDropdownSkeleton({ multiSelect }) {
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "filter-dropdown-skeleton",
+        "aria-hidden": "true",
+        children: SKELETON_LABEL_WIDTHS.map((width)=>/*#__PURE__*/ jsxs("div", {
+                className: "flex items-center gap-2 px-2 py-1.5",
+                children: [
+                    multiSelect && /*#__PURE__*/ jsx(Skeleton, {
+                        className: "size-4 shrink-0 rounded-sm"
+                    }),
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: cn("h-4", width)
+                    })
+                ]
+            }, width))
+    });
+}
+function FilterDropdownError({ message, onRetry, retryLabel, inline = false }) {
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "filter-dropdown-error",
+        role: "alert",
+        className: cn("flex gap-2 text-sm text-muted-foreground", inline ? "items-center justify-between px-2 py-1" : "flex-col items-center px-2 py-3 text-center"),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: cn(inline && "truncate"),
+                children: message
+            }),
+            onRetry && /*#__PURE__*/ jsx(Button, {
+                type: "button",
+                variant: inline ? "ghost" : "outline",
+                size: "sm",
+                className: cn(inline && "h-7 shrink-0 px-2"),
+                onClick: onRetry,
+                children: retryLabel
+            })
+        ]
+    });
+}
+function FilterDropdownLoadingMore({ message }) {
+    return /*#__PURE__*/ jsxs("div", {
+        "data-slot": "filter-dropdown-loading-more",
+        className: "flex items-center justify-center gap-2 px-2 py-2 text-sm text-muted-foreground",
+        children: [
+            /*#__PURE__*/ jsx(Spinner, {}),
+            message
+        ]
+    });
+}
+function FilterDropdownSentinel({ onLoadMore }) {
+    const sentinelRef = useRef(null);
+    const handleIntersect = useEffectEvent(()=>onLoadMore());
+    useEffect(()=>{
+        const node = sentinelRef.current;
+        if (!node) return;
+        const root = node.closest(`[data-slot="${FILTER_DROPDOWN_LIST_SLOT}"]`);
+        const observer = new IntersectionObserver((entries)=>{
+            if (entries.some((entry)=>entry.isIntersecting)) handleIntersect();
+        }, {
+            root,
+            rootMargin: "0px 0px 48px 0px"
+        });
+        observer.observe(node);
+        return ()=>observer.disconnect();
+    }, []);
+    return /*#__PURE__*/ jsx("div", {
+        ref: sentinelRef,
+        "data-slot": "filter-dropdown-sentinel",
+        "aria-hidden": "true",
+        className: "h-px"
+    });
+}
+export { FILTER_DROPDOWN_LIST_SLOT, FilterDropdownError, FilterDropdownLoadingMore, FilterDropdownSentinel, FilterDropdownSkeleton };

package/dist/registry/filter-dropdown/filter-dropdown.d.ts

@@ -0,0 +1,61 @@
+import type { Column } from "@tanstack/react-table";
+import { type ReactNode } from "react";
+interface FilterDropdownOption {
+    label: string;
+    value: string;
+    icon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+interface FilterDropdownProps<TData = unknown, TValue = unknown> {
+    title: string;
+    options: FilterDropdownOption[];
+    className?: string;
+    /** Multi-select (default) or single-select mode */
+    multiSelect?: boolean;
+    /** TanStack Table column integration (optional) */
+    column?: Column<TData, TValue>;
+    /** Standalone value — used when no column is provided */
+    value?: string[] | string;
+    /** Standalone onChange — used when no column is provided */
+    onChange?: (value: string[] | string) => void;
+    /** Show search input: true = always, false = never, "auto" = when options exceed searchThreshold (default: "auto") */
+    enableSearch?: boolean | "auto";
+    /** Number of options before search auto-appears (default: 8) */
+    searchThreshold?: number;
+    /** Placeholder for search input */
+    searchPlaceholder?: string;
+    /** Shown when options array is empty */
+    noOptionsMessage?: ReactNode;
+    /** Shown when search yields no results */
+    noResultsMessage?: ReactNode;
+    /** PopoverContent alignment */
+    align?: "start" | "center" | "end";
+    /** PopoverContent width class */
+    popoverWidth?: string;
+    /** Options are being fetched: skeleton rows when empty, spinner row below loaded options otherwise */
+    isLoading?: boolean;
+    /** More options can be fetched; enables infinite scroll via onLoadMore */
+    hasMore?: boolean;
+    /** Called when the end of the list scrolls into view and hasMore is true */
+    onLoadMore?: () => void;
+    /** Optional text next to the load-more spinner */
+    loadingMessage?: ReactNode;
+    /** Server-side search: when set, options are not filtered locally and this receives the debounced query */
+    onSearchChange?: (query: string) => void;
+    /** Debounce for onSearchChange in ms (default: 300) */
+    searchDebounceMs?: number;
+    /** Fetch failed: true shows errorMessage, any other truthy node is rendered as-is */
+    error?: ReactNode;
+    /** Default error copy used when error is true */
+    errorMessage?: ReactNode;
+    /** Renders a retry button in the error state */
+    onRetry?: () => void;
+    /** Label for the retry button */
+    retryLabel?: ReactNode;
+    /** Known options for selected values that may not be loaded yet (used for the trigger label) */
+    selectedOptions?: FilterDropdownOption[];
+}
+declare function FilterDropdown<TData, TValue>({ title, options, className, multiSelect, column, value: valueProp, onChange: onChangeProp, enableSearch, searchThreshold, searchPlaceholder, noOptionsMessage, noResultsMessage, align, popoverWidth, isLoading, hasMore, onLoadMore, loadingMessage, onSearchChange, searchDebounceMs, error, errorMessage, onRetry, retryLabel, selectedOptions, }: FilterDropdownProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export { FilterDropdown };
+export type { FilterDropdownOption, FilterDropdownProps };

package/dist/registry/filter-dropdown/filter-dropdown.js

@@ -0,0 +1,223 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, SearchIcon, XIcon } from "lucide-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Button } from "../button/button.js";
+import { Input } from "../input/input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../popover/popover.js";
+import { Separator } from "../separator/separator.js";
+import { cn } from "../../lib/utils.js";
+import { FilterDropdownOptionRow } from "./filter-dropdown-option.js";
+import { FILTER_DROPDOWN_LIST_SLOT, FilterDropdownError, FilterDropdownLoadingMore, FilterDropdownSentinel, FilterDropdownSkeleton } from "./filter-dropdown-states.js";
+import { useFilterDropdownSearch } from "./use-filter-dropdown-search.js";
+function FilterDropdown({ title, options, className, multiSelect = true, column, value: valueProp, onChange: onChangeProp, enableSearch = "auto", searchThreshold = 8, searchPlaceholder = "Search...", noOptionsMessage, noResultsMessage = "No results found", align = "start", popoverWidth = "w-[220px]", isLoading = false, hasMore = false, onLoadMore, loadingMessage, onSearchChange, searchDebounceMs = 300, error, errorMessage, onRetry, retryLabel, selectedOptions }) {
+    "use no memo";
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const { searchQuery, updateSearch, resetSearch } = useFilterDropdownSearch({
+        onSearchChange,
+        debounceMs: searchDebounceMs
+    });
+    const isServerSearch = null != onSearchChange;
+    const hasError = Boolean(error);
+    const showSearch = true === enableSearch || "auto" === enableSearch && (isServerSearch || hasMore || options.length >= searchThreshold || "" !== searchQuery);
+    const handleOpenChange = (nextOpen)=>{
+        setOpen(nextOpen);
+        if (!nextOpen) resetSearch();
+    };
+    const [pickedLabels, setPickedLabels] = useState({});
+    const rememberLabel = (option)=>setPickedLabels((prev)=>({
+                ...prev,
+                [option.value]: option.label
+            }));
+    const getOptionLabel = (optionValue)=>selectedOptions?.find((o)=>o.value === optionValue)?.label ?? options.find((o)=>o.value === optionValue)?.label ?? pickedLabels[optionValue] ?? optionValue;
+    const getSelectedValues = ()=>{
+        if (column) {
+            const filterValue = column.getFilterValue();
+            if (multiSelect) return Array.isArray(filterValue) ? filterValue.filter((v)=>"string" == typeof v) : [];
+            if (Array.isArray(filterValue) && "string" == typeof filterValue[0]) return [
+                filterValue[0]
+            ];
+            if ("string" == typeof filterValue) return [
+                filterValue
+            ];
+            if ("number" == typeof filterValue) return [
+                String(filterValue)
+            ];
+            return [];
+        }
+        if (null != valueProp) {
+            if (multiSelect) return Array.isArray(valueProp) ? valueProp : [];
+            return [
+                String(valueProp)
+            ];
+        }
+        return [];
+    };
+    const selectedValues = getSelectedValues();
+    const setSelectedValues = (next)=>{
+        if (column) if (multiSelect) column.setFilterValue(next.length > 0 ? next : []);
+        else column.setFilterValue(next.length > 0 ? [
+            next[0]
+        ] : []);
+        else if (onChangeProp) multiSelect ? onChangeProp(next) : onChangeProp(next[0] ?? "");
+    };
+    const handleMultiToggle = (option)=>{
+        rememberLabel(option);
+        const next = selectedValues.includes(option.value) ? selectedValues.filter((v)=>v !== option.value) : [
+            ...selectedValues,
+            option.value
+        ];
+        setSelectedValues(next);
+    };
+    const handleSingleSelect = (option)=>{
+        rememberLabel(option);
+        setSelectedValues([
+            option.value
+        ]);
+        handleOpenChange(false);
+    };
+    const handleClearAll = ()=>{
+        setSelectedValues([]);
+    };
+    const filteredOptions = showSearch && searchQuery && !isServerSearch ? options.filter((o)=>o.label.toLowerCase().includes(searchQuery.toLowerCase())) : options;
+    const getTriggerLabel = ()=>{
+        if (multiSelect) {
+            if (0 === selectedValues.length) return `${title}: All`;
+            if (1 === selectedValues.length) return `${title}: ${getOptionLabel(selectedValues[0])}`;
+            return `${title}: ${selectedValues.length} selected`;
+        }
+        if (selectedValues.length > 0) return getOptionLabel(selectedValues[0]);
+        return title;
+    };
+    const errorContent = true === error ? errorMessage ?? t("failed_to_load_options", {
+        defaultValue: "Failed to load options"
+    }) : error;
+    const retryContent = retryLabel ?? t("retry", {
+        defaultValue: "Retry"
+    });
+    const noResults = /*#__PURE__*/ jsx("div", {
+        className: "px-2 py-3 text-center text-sm text-muted-foreground",
+        children: noResultsMessage
+    });
+    const renderFooter = ()=>{
+        if (isLoading) return /*#__PURE__*/ jsx(FilterDropdownLoadingMore, {
+            message: loadingMessage
+        });
+        if (hasError) return /*#__PURE__*/ jsx(FilterDropdownError, {
+            inline: true,
+            message: errorContent,
+            onRetry: onRetry,
+            retryLabel: retryContent
+        });
+        if (hasMore && onLoadMore) return /*#__PURE__*/ jsx(FilterDropdownSentinel, {
+            onLoadMore: onLoadMore
+        });
+        return null;
+    };
+    const renderBody = ()=>{
+        if (0 === options.length) {
+            if (isLoading) return /*#__PURE__*/ jsx(FilterDropdownSkeleton, {
+                multiSelect: multiSelect
+            });
+            if (hasError) return /*#__PURE__*/ jsx(FilterDropdownError, {
+                message: errorContent,
+                onRetry: onRetry,
+                retryLabel: retryContent
+            });
+            return searchQuery ? noResults : noOptionsMessage;
+        }
+        return /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                multiSelect && !searchQuery && /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(FilterDropdownOptionRow, {
+                            selected: 0 === selectedValues.length,
+                            multiSelect: true,
+                            onSelect: handleClearAll,
+                            children: "All"
+                        }),
+                        /*#__PURE__*/ jsx(Separator, {
+                            className: "my-1"
+                        })
+                    ]
+                }),
+                filteredOptions.map((option)=>/*#__PURE__*/ jsx(FilterDropdownOptionRow, {
+                        selected: selectedValues.includes(option.value),
+                        multiSelect: multiSelect,
+                        icon: option.icon,
+                        onSelect: ()=>multiSelect ? handleMultiToggle(option) : handleSingleSelect(option),
+                        children: option.label
+                    }, option.value)),
+                searchQuery && 0 === filteredOptions.length && noResults,
+                renderFooter()
+            ]
+        });
+    };
+    return /*#__PURE__*/ jsx("div", {
+        "data-slot": "filter-dropdown",
+        className: className,
+        children: /*#__PURE__*/ jsxs(Popover, {
+            open: open,
+            onOpenChange: handleOpenChange,
+            children: [
+                /*#__PURE__*/ jsx(PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ jsxs(Button, {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "h-9 justify-between gap-2 font-normal",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "shrink-0 text-sm font-medium",
+                                children: getTriggerLabel()
+                            }),
+                            /*#__PURE__*/ jsx(ChevronDownIcon, {
+                                className: "h-4 w-4 shrink-0 opacity-50"
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxs(PopoverContent, {
+                    align: align,
+                    className: cn(popoverWidth, "overflow-hidden p-0"),
+                    children: [
+                        showSearch && /*#__PURE__*/ jsx("div", {
+                            className: "p-2 pb-1",
+                            children: /*#__PURE__*/ jsxs("div", {
+                                className: "relative",
+                                children: [
+                                    /*#__PURE__*/ jsx(SearchIcon, {
+                                        className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground"
+                                    }),
+                                    /*#__PURE__*/ jsx(Input, {
+                                        placeholder: searchPlaceholder,
+                                        value: searchQuery,
+                                        onChange: (e)=>updateSearch(e.target.value),
+                                        className: "h-8 pl-7 pr-7 text-sm"
+                                    }),
+                                    searchQuery && /*#__PURE__*/ jsx("button", {
+                                        type: "button",
+                                        onClick: resetSearch,
+                                        className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+                                        children: /*#__PURE__*/ jsx(XIcon, {
+                                            className: "h-3.5 w-3.5"
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            "data-slot": FILTER_DROPDOWN_LIST_SLOT,
+                            "aria-busy": isLoading,
+                            className: "max-h-64 overflow-y-auto p-1",
+                            children: renderBody()
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { FilterDropdown };

package/dist/registry/filter-dropdown/index.d.ts

@@ -0,0 +1 @@
+export { FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, } from "./filter-dropdown";

package/dist/registry/filter-dropdown/index.js

@@ -0,0 +1,2 @@
+import { FilterDropdown } from "./filter-dropdown.js";
+export { FilterDropdown };

package/dist/registry/filter-dropdown/use-filter-dropdown-search.d.ts

@@ -0,0 +1,16 @@
+interface UseFilterDropdownSearchOptions {
+    /** Server-side search handler; when omitted, only the local query is tracked */
+    onSearchChange?: (query: string) => void;
+    debounceMs: number;
+}
+/**
+ * Tracks the search input value and, for server-side search, forwards it to
+ * `onSearchChange` debounced. Clearing emits immediately, and a query is never
+ * emitted twice in a row.
+ */
+declare function useFilterDropdownSearch({ onSearchChange, debounceMs, }: UseFilterDropdownSearchOptions): {
+    searchQuery: string;
+    updateSearch: (query: string) => void;
+    resetSearch: () => void;
+};
+export { useFilterDropdownSearch };

package/dist/registry/filter-dropdown/use-filter-dropdown-search.js

@@ -0,0 +1,40 @@
+import { useEffect, useRef, useState } from "react";
+function useFilterDropdownSearch({ onSearchChange, debounceMs }) {
+    const [searchQuery, setSearchQuery] = useState("");
+    const timerRef = useRef(null);
+    const emittedQueryRef = useRef("");
+    const cancelPending = ()=>{
+        if (null != timerRef.current) {
+            clearTimeout(timerRef.current);
+            timerRef.current = null;
+        }
+    };
+    useEffect(()=>()=>{
+            if (null != timerRef.current) clearTimeout(timerRef.current);
+        }, []);
+    const emit = (query)=>{
+        if (!onSearchChange || emittedQueryRef.current === query) return;
+        emittedQueryRef.current = query;
+        onSearchChange(query);
+    };
+    const updateSearch = (query)=>{
+        setSearchQuery(query);
+        if (!onSearchChange) return;
+        cancelPending();
+        timerRef.current = setTimeout(()=>{
+            timerRef.current = null;
+            emit(query);
+        }, debounceMs);
+    };
+    const resetSearch = ()=>{
+        setSearchQuery("");
+        cancelPending();
+        emit("");
+    };
+    return {
+        searchQuery,
+        updateSearch,
+        resetSearch
+    };
+}
+export { useFilterDropdownSearch };

package/dist/registry/form/checkbox-field.d.ts

@@ -0,0 +1,8 @@
+import type * as React from "react";
+interface CheckboxFieldProps {
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare function CheckboxField({ label, description }: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+export { CheckboxField };
+export type { CheckboxFieldProps };

package/dist/registry/form/checkbox-field.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox } from "../checkbox/checkbox.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../field/field.js";
+import { descriptionId, errorId, fieldDescribedBy } from "./field-utils.js";
+import { useFieldContext } from "./form-context.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function CheckboxField({ label, description }) {
+    const field = useFieldContext();
+    const errors = useTranslatedErrors(field.state.meta.errors);
+    const invalid = errors.length > 0;
+    const describedBy = fieldDescribedBy(field.name, Boolean(description), invalid);
+    return /*#__PURE__*/ jsxs(Field, {
+        orientation: "horizontal",
+        "data-invalid": invalid,
+        children: [
+            /*#__PURE__*/ jsx(Checkbox, {
+                id: field.name,
+                name: field.name,
+                checked: field.state.value ?? false,
+                onCheckedChange: (checked)=>field.handleChange(true === checked),
+                onBlur: field.handleBlur,
+                "aria-invalid": invalid,
+                ...describedBy ? {
+                    "aria-describedby": describedBy
+                } : {}
+            }),
+            /*#__PURE__*/ jsxs(FieldContent, {
+                children: [
+                    label ? /*#__PURE__*/ jsx(FieldLabel, {
+                        htmlFor: field.name,
+                        children: label
+                    }) : null,
+                    description ? /*#__PURE__*/ jsx(FieldDescription, {
+                        id: descriptionId(field.name),
+                        children: description
+                    }) : null,
+                    /*#__PURE__*/ jsx(FieldError, {
+                        id: errorId(field.name),
+                        errors: errors
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { CheckboxField };

package/dist/registry/form/field-error.d.ts

@@ -0,0 +1,8 @@
+import type * as React from "react";
+import { FieldError as FieldErrorPrimitive } from "../field/field";
+interface FieldErrorProps extends Omit<React.ComponentProps<typeof FieldErrorPrimitive>, "errors"> {
+    errors: ReadonlyArray<unknown>;
+}
+declare function FieldError({ errors, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+export { FieldError };
+export type { FieldErrorProps };

package/dist/registry/form/field-error.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { FieldError } from "../field/field.js";
+import { useTranslatedErrors } from "./use-translated-errors.js";
+function field_error_FieldError({ errors, ...props }) {
+    const translated = useTranslatedErrors(errors);
+    return /*#__PURE__*/ jsx(FieldError, {
+        errors: translated,
+        ...props
+    });
+}
+export { field_error_FieldError as FieldError };

package/dist/registry/form/field-utils.d.ts

@@ -0,0 +1,11 @@
+import type * as React from "react";
+export interface FieldOption {
+    label: React.ReactNode;
+    value: string;
+}
+export declare const descriptionId: (name: string) => string;
+export declare const errorId: (name: string) => string;
+export declare function fieldDescribedBy(name: string, hasDescription: boolean, hasError: boolean): string;
+export declare function normalizeErrors(errors: ReadonlyArray<unknown>): Array<{
+    message: string;
+}>;

package/dist/registry/form/field-utils.js

@@ -0,0 +1,24 @@
+const descriptionId = (name)=>`${name}-description`;
+const errorId = (name)=>`${name}-error`;
+function fieldDescribedBy(name, hasDescription, hasError) {
+    return [
+        hasDescription ? descriptionId(name) : null,
+        hasError ? errorId(name) : null
+    ].filter(Boolean).join(" ");
+}
+function normalizeErrors(errors) {
+    return errors.flatMap((error)=>{
+        if ("string" == typeof error) return [
+            {
+                message: error
+            }
+        ];
+        if ("object" == typeof error && null !== error && "message" in error && "string" == typeof error.message) return [
+            {
+                message: error.message
+            }
+        ];
+        return [];
+    });
+}
+export { descriptionId, errorId, fieldDescribedBy, normalizeErrors };

package/dist/registry/form/form-context.d.ts

@@ -0,0 +1 @@
+export declare const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;

package/dist/registry/form/form-context.js

@@ -0,0 +1,4 @@
+"use client";
+import { createFormHookContexts } from "@tanstack/react-form";
+const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts();
+export { fieldContext, formContext, useFieldContext, useFormContext };

package/dist/registry/form/form.d.ts

@@ -0,0 +1,57 @@
+import { CheckboxField } from "./checkbox-field";
+import { RadioGroupField } from "./radio-group-field";
+import { SelectField } from "./select-field";
+import { SubmitButton } from "./submit-button";
+import { SwitchField } from "./switch-field";
+import { TextField } from "./text-field";
+import { TextareaField } from "./textarea-field";
+declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+    readonly TextareaField: typeof TextareaField;
+    readonly SelectField: typeof SelectField;
+    readonly CheckboxField: typeof CheckboxField;
+    readonly SwitchField: typeof SwitchField;
+    readonly RadioGroupField: typeof RadioGroupField;
+}, {
+    readonly SubmitButton: typeof SubmitButton;
+}>, withForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly TextField: typeof TextField;
+    readonly TextareaField: typeof TextareaField;
+    readonly SelectField: typeof SelectField;
+    readonly CheckboxField: typeof CheckboxField;
+    readonly SwitchField: typeof SwitchField;
+    readonly RadioGroupField: typeof RadioGroupField;
+}, {
+    readonly SubmitButton: typeof SubmitButton;
+}, TRenderProps>) => import("react").FunctionComponent<import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly TextField: typeof TextField;
+        readonly TextareaField: typeof TextareaField;
+        readonly SelectField: typeof SelectField;
+        readonly CheckboxField: typeof CheckboxField;
+        readonly SwitchField: typeof SwitchField;
+        readonly RadioGroupField: typeof RadioGroupField;
+    }, {
+        readonly SubmitButton: typeof SubmitButton;
+    }>;
+}>>;
+export { useAppForm, withForm };
+export { useFieldContext, useFormContext } from "./form-context";
+export { useTranslatedErrors } from "./use-translated-errors";
+export type { FieldOption } from "./field-utils";
+export { FieldError } from "./field-error";
+export type { FieldErrorProps } from "./field-error";
+export { CheckboxField } from "./checkbox-field";
+export type { CheckboxFieldProps } from "./checkbox-field";
+export { RadioGroupField } from "./radio-group-field";
+export type { RadioGroupFieldProps } from "./radio-group-field";
+export { SelectField } from "./select-field";
+export type { SelectFieldProps } from "./select-field";
+export { SubmitButton } from "./submit-button";
+export type { SubmitButtonProps } from "./submit-button";
+export { SwitchField } from "./switch-field";
+export type { SwitchFieldProps } from "./switch-field";
+export { TextField } from "./text-field";
+export type { TextFieldProps } from "./text-field";
+export { TextareaField } from "./textarea-field";
+export type { TextareaFieldProps } from "./textarea-field";