@cryptlex/web-components 3.8.2 → 5.0.0

package/dist/index.es.d.ts

@@ -1,61 +1,96 @@
 import { AccessorKeyColumnDef } from '@tanstack/react-table';
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { AnyFieldApi } from '@tanstack/react-form';
 import { AnyFormApi } from '@tanstack/react-form';
+import { BreadcrumbProps } from 'react-aria-components';
+import { BreadcrumbsProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
+import { CalendarCellProps } from 'react-aria-components';
+import { CalendarGridBodyProps } from 'react-aria-components';
+import { CalendarGridHeaderProps } from 'react-aria-components';
+import { CalendarGridProps } from 'react-aria-components';
+import { CalendarHeaderCellProps } from 'react-aria-components';
+import { CalendarProps as CalendarProps_2 } from 'react-aria-components';
+import { CheckboxGroupProps } from 'react-aria-components';
+import { CheckboxProps as CheckboxProps_2 } from 'react-aria-components';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import { Collection } from 'react-aria-components';
+import { ColumnDef } from '@tanstack/react-table';
 import { components } from '@cryptlex/web-api-types';
 import { ComponentType } from 'react';
 import { Context } from 'react';
-import { DayPicker } from 'react-day-picker';
+import { DateFieldProps as DateFieldProps_2 } from 'react-aria-components';
+import { DateInputProps as DateInputProps_2 } from 'react-aria-components';
+import { DatePickerProps as DatePickerProps_2 } from 'react-aria-components';
+import { DateRangePickerProps as DateRangePickerProps_2 } from 'react-aria-components';
+import { DateSegmentProps } from 'react-aria-components';
+import { DateValue } from 'react-aria-components';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'openapi-fetch';
-import { DialogCloseProps } from '@radix-ui/react-dialog';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { DialogTriggerProps } from '@radix-ui/react-dialog';
-import { Drawer as Drawer_2 } from 'vaul';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DialogProps } from 'react-aria-components';
+import { DialogTrigger as DialogTrigger_2 } from 'react-aria-components';
+import { DisclosureGroupProps as DisclosureGroupProps_2 } from 'react-aria-components';
+import { DisclosurePanelProps as DisclosurePanelProps_2 } from 'react-aria-components';
+import { DisclosureProps as DisclosureProps_2 } from 'react-aria-components';
 import { FieldApi } from '@tanstack/react-form';
 import { FieldComponent } from '@tanstack/react-form';
+import { FilterConfig as FilterConfig_2 } from '../../index';
 import { FormApi } from '@tanstack/react-form';
 import { FormAsyncValidateOrFn } from '@tanstack/react-form';
 import { FormOptions } from '@tanstack/react-form';
 import { FormValidateOrFn } from '@tanstack/react-form';
-import { ForwardRefExoticComponent } from 'react';
+import { GroupProps as GroupProps_2 } from 'react-aria-components';
+import { Header } from 'react-aria-components';
+import { HeadingProps } from 'react-aria-components';
 import { JSX } from 'react/jsx-runtime';
-import * as LabelPrimitive from '@radix-ui/react-label';
+import { Keyboard } from 'react-aria-components';
+import { LabelProps } from 'react-aria-components';
+import { LinkProps } from 'react-aria-components';
+import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxProps } from 'react-aria-components';
 import { LucideIcon } from 'lucide-react';
+import { MenuItemProps } from 'react-aria-components';
+import { MenuProps as MenuProps_2 } from 'react-aria-components';
+import { MenuTrigger as MenuTrigger_2 } from 'react-aria-components';
+import { MenuTriggerProps } from 'react-aria-components';
+import { Modal } from 'react-aria-components';
+import { ModalOverlayProps } from 'react-aria-components';
+import { NumberFieldProps as NumberFieldProps_2 } from 'react-aria-components';
+import { operations } from '@cryptlex/web-api-types';
 import { OTPInput } from 'input-otp';
 import { PaginationState } from '@tanstack/react-table';
-import { ParamsOption } from 'openapi-fetch';
 import { paths } from '@cryptlex/web-api-types';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { PopoverProps } from 'react-aria-components';
+import { PressEvent } from 'react-aria-components';
 import { PropsWithChildren } from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { RangeCalendarProps as RangeCalendarProps_2 } from 'react-aria-components';
 import * as React_2 from 'react';
 import { ReactFormApi } from '@tanstack/react-form';
-import { RefAttributes } from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { SearchFieldProps as SearchFieldProps_2 } from 'react-aria-components';
+import { SelectProps } from 'react-aria-components';
+import { SelectValueProps } from 'react-aria-components';
+import { SeparatorProps } from 'react-aria-components';
 import { SortingState } from '@tanstack/react-table';
-import { TableOptions } from '@tanstack/react-table';
+import { SubmenuTriggerProps } from 'react-aria-components';
+import { Table as Table_2 } from '@tanstack/react-table';
 import { TableState } from '@tanstack/react-table';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { TabListProps } from 'react-aria-components';
+import { TabPanelProps } from 'react-aria-components';
+import { TabProps } from 'react-aria-components';
+import { TabsProps } from 'react-aria-components';
+import { TextFieldProps as TextFieldProps_2 } from 'react-aria-components';
+import { TextProps } from 'react-aria-components';
+import { TimeFieldProps } from 'react-aria-components';
+import { TimeValue } from 'react-aria-components';
 import { Toaster as Toaster_2 } from 'sonner';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { TooltipProps } from 'react-aria-components';
+import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
+import { UseQueryResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
 import { VisibilityState as VisibilityState_2 } from '@tanstack/react-table';
 
-export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
-
-export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
-
-export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
-
 /** Reserved name for actions column */
-export declare const ACTIONS_COLUMN_ID = "Actions";
+export declare const ACTIONS_COLUMN_ID = "tableActions";
 
 export declare function Alert({ children, className, variant, icon: Icon, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & {
     icon?: LucideIcon;
@@ -69,6 +104,21 @@ export declare const ALL_OS: {
     [key: string]: string;
 };
 
+export declare type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>;
+
+export declare type ApiFilters<T extends keyof operations> = NonNullable<Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>>;
+
+export declare type ApiGetAllParameters = {
+    page: number;
+    limit: number;
+    search?: string;
+    sort?: string;
+};
+
+export declare type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;
+
+export declare type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];
+
 export declare function Avatar({ className, initials, ...props }: AvatarProps): JSX.Element;
 
 export declare interface AvatarProps extends Omit<React_2.ComponentProps<"div">, "children">, InitialString {
@@ -76,43 +126,50 @@ export declare interface AvatarProps extends Omit<React_2.ComponentProps<"div">,
 
 export declare function Badge({ className, children, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-declare interface BaseFormFieldProps {
-    label: string;
-    caption?: () => string | undefined;
-}
-
-export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+export declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): JSX.Element;
 
-export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare function BreadcrumbItem({ className, ...props }: BreadcrumbProps): JSX.Element;
 
-export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare function BreadcrumbLink({ className, ...props }: LinkProps): JSX.Element;
 
-export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
-    asChild?: boolean;
-}): JSX.Element;
+export declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
 
-export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
+declare interface BreadcrumbPageProps extends Omit<LinkProps, "href"> {
+}
 
-export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare function Breadcrumbs<T extends object>({ className, ...props }: BreadcrumbsProps<T>): JSX.Element;
 
-export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"span">): JSX.Element;
 
-export declare function Button({ className, variant, size, loading, disabled, icon, trailingIcon, children, ...props }: ButtonProps): JSX.Element;
+export declare function Button({ className: additionalClasses, variant, size, children, isPending, active, ...props }: ButtonProps): JSX.Element;
 
-export declare interface ButtonProps extends React_2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
-    loading?: boolean;
-    icon?: () => LucideIcon;
-    trailingIcon?: () => LucideIcon;
-}
+export declare type ButtonProps = ButtonProps_2 & VariantProps<typeof buttonVariants> & {
+    ref?: React.Ref<HTMLButtonElement>;
+    active?: boolean;
+};
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | null | undefined;
-    size?: "default" | "xs" | "sm" | "icon" | "lg" | null | undefined;
+    variant?: "link" | "ghost" | "destructive" | "primary" | "secondary" | "neutral" | null | undefined;
+    size?: "default" | "none" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): JSX.Element;
+export declare function Calendar<T extends DateValue>({ errorMessage, className, ...props }: CalendarProps<T>): JSX.Element;
+
+export declare function CalendarCell({ className, ...props }: CalendarCellProps): JSX.Element;
+
+export declare function CalendarGrid({ className, ...props }: CalendarGridProps): JSX.Element;
+
+export declare function CalendarGridBody({ className, ...props }: CalendarGridBodyProps): JSX.Element;
+
+export declare const CalendarGridHeader: (props: CalendarGridHeaderProps & React_2.RefAttributes<HTMLTableSectionElement>) => React_2.ReactElement | null;
+
+export declare function CalendarHeaderCell({ className, ...props }: CalendarHeaderCellProps): JSX.Element;
 
-export declare type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
+export declare function CalendarHeading(props: React_2.HTMLAttributes<HTMLElement>): JSX.Element;
+
+declare interface CalendarProps<T extends DateValue> extends CalendarProps_2<T> {
+    errorMessage?: string;
+}
 
 export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -126,23 +183,17 @@ export declare function CardHeader({ className, ...props }: React_2.ComponentPro
 
 export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"h3">): JSX.Element;
 
-export declare function Checkbox({ className, checked, indeterminate, ...props }: CheckboxProps): JSX.Element;
+export declare function Checkbox({ className, label, description, errorMessage, ...props }: Omit<CheckboxProps, 'children'>): JSX.Element;
 
-export declare interface CheckboxProps extends Omit<React_2.ComponentProps<"input">, "type" | "value"> {
-    indeterminate?: boolean;
-}
+export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+
+declare type CheckboxProps = CheckboxProps_2 & FormFieldProps;
 
 declare type Client = ReturnType<typeof default_3<paths>>;
 
 /** Classnames */
 export declare function cn(...inputs: ClassValue[]): string;
 
-export declare const Collapsible: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & RefAttributes<HTMLDivElement>>;
-
-export declare const CollapsibleContent: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & RefAttributes<HTMLDivElement>>;
-
-export declare const CollapsibleTrigger: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>>;
-
 export declare const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string>;
 
 /**
@@ -158,127 +209,139 @@ export declare function convertCamelCaseToTitleCase(string: string): string;
  */
 export declare function convertToTitleCase(input: string): string;
 
-export declare const COPY_BUTTON_STATE_TIMEOUT = 5000;
-
-export declare function CopyButton({ value, tooltipMessage, onCopy, }: CopyProps): JSX.Element | undefined;
-
-declare interface CopyProps {
+/** Options for MultiSelect component */
+export declare const COUNTRY_OPTIONS: {
+    label: JSX.Element;
     value: string;
-    tooltipMessage?: string;
-    onCopy?: () => void;
-}
+}[];
 
 export declare function CountrySelect({ ...props }: Omit<MultiSelectProps, "options">): JSX.Element;
 
-export declare function createTableFetchFn<_any, Return>(ctxclient: Client, path: GetPaths, params?: ParamsOption<any>): TableFetchFn<Return>;
+export declare function createTableFetchFn<Return, Operation extends keyof operations>(ctxclient: Client, path: GetPaths): TableFetchFn<Return, Operation>;
 
 export declare type CtxPortals = "customer-portal" | "system-portal" | "reseller-portal" | "admin-portal";
 
 /** Application Names */
 export declare type CtxProjectName = "admin-portal" | "customer-portal" | "internal-portal" | "reseller-portal";
 
-export declare function DataTable<TData extends object>({ columns, fetchFn, tableActions, columnsToHideByDefault, allowSelection, className, ...props }: DataTableProps<TData>): JSX.Element;
+export declare function DataTable({ tableActions, className, ...props }: DataTableProps): JSX.Element;
 
-export declare interface DataTableProps<TData> extends Pick<TableOptions<TData>, 'columns'>, default_2.ComponentProps<'section'> {
-    fetchFn: TableFetchFn<TData>;
-    tableActions: TableActions;
+export declare const DataTableContext: default_2.Context<{
+    tableState: Pick<TableState, "sorting" | "rowSelection" | "pagination">;
+    updateTableState: (updates: Partial<DataTableState>) => void;
+    query: UseQueryResult<    {
+    total: number;
+    data: Schemas[] | undefined;
+    }, Error>;
+    setSearchQuery: default_2.Dispatch<default_2.SetStateAction<string>>;
+    searchQuery: string;
+    tanTable: Table_2<any>;
+    mergedFilters: ApiFilters<keyof operations>;
+    filters: ApiFilters<keyof operations>[];
+    setFilters: default_2.Dispatch<default_2.SetStateAction<ApiFilters<keyof operations>[]>>;
+    filterConfig: Required<Record<never, FilterConfig_2>>;
+} | null>;
+
+declare type DataTableFactory<TData extends Schemas> = {
+    fetchFn: TableFetchFn<TData, OperationKeys>;
+    columns: ColumnDef<TData, any>[];
     allowSelection?: boolean;
     columnsToHideByDefault?: VisibilityState_2;
-}
-
-export declare type DataTableState = Pick<TableState, 'sorting' | 'columnFilters' | 'columnVisibility' | 'rowSelection' | 'pagination'> & {
-    search: string;
+    filterConfig: FiltersConfig<OperationKeys>;
 };
 
-export declare const DEFAULT_FILTERABLE_FIELDS: FilterableProperties<any>;
+export declare function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>): JSX.Element;
 
-/*** Type for hide some of the columns based on the dto of the particular page
- ** `id`, `updatedAt` are by default hidden
- */
-export declare type DefaultVisibilityState<T> = {
-    [K in keyof T]?: boolean;
+export declare type DataTableProps = default_2.ComponentProps<'section'> & {
+    tableActions: TableActions;
 };
 
-export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
-
-export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare function DialogContent({ className, children, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content>): JSX.Element;
-
-export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
-
-export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function DataTableProvider({ children, ...props }: {
+    children: default_2.ReactNode;
+} & ReturnType<typeof useDataTableState>): JSX.Element;
 
-export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
+declare type DataTableState = Pick<TableState, 'sorting' | 'rowSelection' | 'pagination'> & {};
 
-export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+export declare function DateField<T extends DateValue>({ label, description, className, errorMessage, ...props }: DateFieldProps<T>): JSX.Element;
 
-export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+declare interface DateFieldProps<T extends DateValue> extends DateFieldProps_2<T>, FormFieldProps {
+}
 
-export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function DateInput({ className, variant, ...props }: Omit<DateInputProps, "children">): JSX.Element;
 
-export declare type DisplayField<T> = {
-    display: string;
-    accessor: NestedKeyOf<T>;
-    type?: "text" | "badge" | "boolean" | "date" | "yesno" | "copyButton" | "link";
-    transform?: (value: any) => React.ReactNode;
-};
+declare interface DateInputProps extends DateInputProps_2, VariantProps<typeof fieldGroupVariants> {
+}
 
-export declare function Drawer({ shouldScaleBackground, ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
+export declare function DatePicker<T extends DateValue>({ label, description, errorMessage, className, ...props }: DatePickerProps<T>): JSX.Element;
 
-export declare const DrawerClose: React_2.ForwardRefExoticComponent<DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+declare interface DatePickerProps<T extends DateValue> extends DatePickerProps_2<T>, FormFieldProps {
+}
 
-export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
+export declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, className, ...props }: DateRangePickerProps<T>): JSX.Element;
 
-export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
+declare interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps_2<T>, FormFieldProps {
+}
 
-export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function DateSegment({ className, ...props }: DateSegmentProps): JSX.Element;
 
-export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+/*** Type for hide some of the columns based on the dto of the particular page
+ ** `id`, `updatedAt` are by default hidden
+ */
+export declare type DefaultVisibilityState<T> = {
+    [K in keyof T]?: boolean;
+};
 
-export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
+export declare function DialogContent({ className, children, side, role, closeButton, ...props }: DialogContentProps): JSX.Element;
 
-export declare const DrawerPortal: React_2.FC<React_2.ComponentProps<typeof Drawer_2.Portal>>;
+export declare interface DialogContentProps extends Omit<React_2.ComponentProps<typeof Modal>, "children">, VariantProps<typeof sheetVariants> {
+    children?: DialogProps["children"];
+    role?: DialogProps["role"];
+    closeButton?: boolean;
+}
 
-export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
+export declare function DialogDescription({ className, ...props }: React_2.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
 
-export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function DialogFooter({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare function DialogHeader({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
+export declare const DialogOverlay: ({ className, isDismissable, ...props }: ModalOverlayProps) => JSX.Element;
 
-export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.CustomComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>): JSX.Element;
+export declare function DialogTitle({ className, ...props }: HeadingProps): JSX.Element;
 
-export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const DialogTrigger: typeof DialogTrigger_2;
 
-export declare function DropdownMenuItem({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item>): JSX.Element;
+export declare function Disclosure({ children, className, ...props }: DisclosureProps): JSX.Element;
 
-export declare function DropdownMenuLabel({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label>): JSX.Element;
+export declare function DisclosureGroup({ children, className, ...props }: DisclosureGroupProps): JSX.Element;
 
-export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare interface DisclosureGroupProps extends DisclosureGroupProps_2 {
+    children: default_2.ReactNode;
+}
 
-export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DisclosureHeader({ children, className }: DisclosureHeaderProps): JSX.Element;
 
-export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
+export declare interface DisclosureHeaderProps {
+    children: default_2.ReactNode;
+    className?: ButtonProps_2["className"];
+}
 
-export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare function DisclosurePanel({ children, className, ...props }: DisclosurePanelProps): JSX.Element;
 
-export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+export declare interface DisclosurePanelProps extends DisclosurePanelProps_2 {
+    children: default_2.ReactNode;
+}
 
-/**
- * TODO (mudasirpandith)
- * Focus on trigger.
- * Focus on content after trigger is pressed?
- * List keyboard navigation in buttons within DropdownItems
- */
-export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): JSX.Element;
+export declare interface DisclosureProps extends DisclosureProps_2 {
+    children: default_2.ReactNode;
+}
 
-export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare type DisplayField<T> = {
+    display: string;
+    accessor: NestedKeyOf<T>;
+    type?: "text" | "badge" | "boolean" | "date" | "yesno" | "copyButton" | "link";
+    transform?: (value: any) => React.ReactNode;
+};
 
 export declare enum DYNAMIC_INPUT_TARGET {
     USER = 0,
@@ -286,39 +349,64 @@ export declare enum DYNAMIC_INPUT_TARGET {
     RESELLER = 2
 }
 
+export declare function EasyMenu<T extends object>({ label, children, variant, size, ...props }: MenuProps<T>): JSX.Element;
+
 export declare const fieldContext: Context<AnyFieldApi>;
 
-export declare type fieldsToDisplay = {
-    display: string;
-    accessor: string;
-};
+export declare function FieldDescription({ className, children, ...props }: TextProps): JSX.Element;
+
+export declare function FieldError({ className, children, ...props }: default_2.ComponentPropsWithRef<'div'>): JSX.Element;
+
+export declare function FieldGroup({ className, variant, ...props }: GroupProps): JSX.Element;
+
+export declare const fieldGroupVariants: (props?: ({
+    variant?: "default" | "ghost" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function FieldLabel({ className, ...props }: LabelProps): JSX.Element;
 
 export declare const FILTER_COMPARISON_OPERATORS: readonly ["eq", "ne", "cn", "nc", "sw", "ew", "in", "nin", "gt", "gte", "lt", "lte"];
 
-export declare const FILTERABLE_PROPERTY_TYPES: readonly ["objectString", "string", "number", "objectNumber", "boolean", "objectDate", "licenseType", "product", "product-version", "user", "webhook", "automated-email", "organization", "country", "tag", "resource", "resourceId", "reseller", "role", "note", "os", "action"];
+export declare type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];
 
-export declare type FilterableProperties<T> = {
-    [K in keyof T]?: FilterablePropertyType;
+export declare type FilterConfig = {
+    type: 'enum';
+    options: MultiSelectProps['options'];
+} | {
+    type: 'id-search';
+    search: () => Promise<{
+        id: string;
+        name: string;
+    }[]>;
+} | {
+    type: 'id';
+} | {
+    type: 'bool';
+} | {
+    type: 'string';
+} | {
+    type: 'date';
 };
 
-export declare type FilterablePropertyType = (typeof FILTERABLE_PROPERTY_TYPES)[number];
+export declare type FiltersConfig<TOperation extends OperationKeys> = Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;
 
-export declare type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];
+export declare type FilterType = FilterConfig['type'];
 
-export declare function FormatDate(date: string | null | undefined): string | null;
+export declare function formatDate(date: string | null | undefined): string | null;
 
 export declare const formContext: Context<AnyFormApi>;
 
-/**
- * Wrapper around form fields. Only to be used within the web-components project.
- */
-export declare function FormField({ field, label, caption, children, className, }: FormFieldProps): JSX.Element;
-
-declare interface FormFieldProps extends BaseFormFieldProps {
-    field?: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
+export declare function FormField({ label, description, errorMessage, children }: FormFieldProps & {
     children: default_2.ReactNode;
-    className?: string;
-}
+}): JSX.Element;
+
+export declare type FormFieldProps = {
+    label?: string;
+    description?: default_2.ReactNode;
+    errorMessage?: string;
+};
+
+export declare function getFieldErrorMessage(field: FieldApi<any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>): string;
 
 /**
  * Format multiple license parameters (expired, suspended, revoked) into a single status
@@ -343,12 +431,18 @@ export declare function getValidityDisplay(validity: number | undefined): string
 
 export declare function getValueFromData(data: any, accessor: string | number | symbol): any;
 
+export declare interface GroupProps extends GroupProps_2, VariantProps<typeof fieldGroupVariants> {
+}
+
+export declare function IdSearchInput<T extends {
+    id: string;
+    name: string;
+}>({ value, disabled, searchFn, multiple, onChange, onBlur, accessor, idLookup }: SearchInputProps<T>): JSX.Element;
+
 declare interface InitialString {
     initials: string[2];
 }
 
-export declare function Input({ className, type, icon: Icon, buttonProps, ...props }: InputProps): JSX.Element;
-
 export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput>): JSX.Element;
 
 export declare function InputOTPGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
@@ -359,10 +453,8 @@ export declare function InputOTPSlot({ index, className, ...props }: React_2.Com
     index: number;
 }): JSX.Element;
 
-export declare type InputProps = default_2.ComponentProps<"input"> & {
-    icon?: LucideIcon;
-    buttonProps?: ButtonProps;
-};
+declare interface JollyTimeFieldProps<T extends TimeValue> extends TimeFieldProps<T>, FormFieldProps {
+}
 
 export declare type JwtDecode = {
     aud: string;
@@ -390,7 +482,20 @@ export declare interface KeyValueCardProps<T> {
     className?: string;
 }
 
-export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
+export declare const labelVariants: (props?: ClassProp | undefined) => string;
+
+export declare const LICENSE_TYPE_OPTIONS: {
+    label: JSX.Element;
+    id: string;
+}[];
+
+export declare function ListBox<T extends object>({ className, ...props }: ListBoxProps<T>): JSX.Element;
+
+export declare const ListBoxCollection: typeof Collection;
+
+export declare function ListBoxHeader({ className, ...props }: React.ComponentProps<typeof Header>): JSX.Element;
+
+export declare function ListBoxItem<T extends object>({ className, children, ...props }: ListBoxItemProps<T>): JSX.Element;
 
 export declare function Loader({ className }: LoaderProps): JSX.Element;
 
@@ -400,54 +505,63 @@ declare interface LoaderProps {
 
 export declare function logout(): void;
 
-export declare type MetadataDto = components["schemas"]["MetadataDto"];
+export declare function Menu<T extends object>({ className, ...props }: MenuProps_2<T>): JSX.Element;
+
+export declare const MenuCollection: Collection;
 
-export declare function MultiSelect({ options, value, setValue, buttonLabel, className, ...props }: MultiSelectProps): JSX.Element;
+export declare function MenuHeader({ className, inset, separator, ...props }: MenuHeaderProps): JSX.Element;
 
-export declare interface MultiSelectProps extends SelectionProps<string[]> {
+declare interface MenuHeaderProps extends React_2.ComponentProps<typeof Header> {
+    inset?: boolean;
+    separator?: boolean;
 }
 
-declare type NestedKeyOf<T> = T extends object ? {
-    [K in keyof T]: K extends string | number ? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}` : never;
-}[keyof T] : never;
+export declare function MenuItem({ children, className, ...props }: MenuItemProps & {
+    ref?: React_2.Ref<HTMLDivElement>;
+}): JSX.Element;
 
-export declare const OPERATORS_FOR_FILTER_TYPE: OperatorsForFilterType;
+export declare function MenuKeyboard({ className, ...props }: React_2.ComponentProps<typeof Keyboard>): JSX.Element;
 
-export declare type OperatorsForFilterType = Record<FilterablePropertyType, FilterComparisonOperator[]>;
+export declare function MenuPopover({ className, ...props }: PopoverProps): JSX.Element;
 
-export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+declare interface MenuProps<T> extends MenuProps_2<T>, VariantProps<typeof buttonVariants>, Omit<MenuTriggerProps, "children"> {
+    label?: React_2.ReactNode;
+}
 
-export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+export declare function MenuSeparator({ className, ...props }: SeparatorProps): JSX.Element;
 
-export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare const MenuSubTrigger: (props: SubmenuTriggerProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactElement | null;
 
-export declare function PaginationItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare const MenuTrigger: typeof MenuTrigger_2;
 
-export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+export declare function MultiSelect({ options, value, setValue, label, errorMessage, description, ...props }: MultiSelectProps): JSX.Element;
 
-declare type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React_2.ComponentProps<"a">;
+export declare interface MultiSelectProps extends SelectionProps<Set<string | number>>, FormFieldProps, Omit<default_2.ComponentProps<typeof EasyMenu>, 'label'> {
+}
+
+declare type NestedKeyOf<T> = T extends object ? {
+    [K in keyof T]: K extends string | number ? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}` : never;
+}[keyof T] : never;
 
-export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+declare function NumberField({ label, description, errorMessage, className, ...props }: NumberFieldProps): JSX.Element;
 
-export declare function PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+declare type NumberFieldProps = NumberFieldProps_2 & FormFieldProps;
 
-export declare function PasswordInput({ ...props }: InputProps): JSX.Element;
+export declare type OperationKeys = keyof operations;
 
 export declare function pluralizeTimes(resourceName: string, count: number): string;
 
-export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
-
-export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const Popover: ({ className, offset, ...props }: PopoverProps) => JSX.Element;
 
-export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
+export declare function PopoverDialog({ className, ...props }: DialogProps): JSX.Element;
 
-export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverTrigger: typeof DialogTrigger_2;
 
-export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element;
+export declare function RangeCalendar<T extends DateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>): JSX.Element;
 
-export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
+declare interface RangeCalendarProps<T extends DateValue> extends RangeCalendarProps_2<T> {
+    errorMessage?: string;
+}
 
 export declare const RESOURCE_DEFINITIONS: Record<ResourceName, string>;
 
@@ -456,15 +570,31 @@ export declare const RESOURCE_NAMES: readonly ["access-token", "account", "activ
 
 export declare type ResourceName = (typeof RESOURCE_NAMES)[number];
 
-export declare function SearchInput({ onChange, ...props }: SearchInputProps): JSX.Element;
+export declare type Schemas = ApiSchema<keyof components['schemas']>;
+
+export declare function SearchField({ label, description, className, errorMessage, ...props }: SearchFieldProps): JSX.Element;
 
-declare interface SearchInputProps extends Omit<InputProps, "onChange"> {
-    onChange?: (value: string) => void;
+export declare interface SearchFieldProps extends SearchFieldProps_2, FormFieldProps {
 }
 
+declare type SearchInputProps<T> = {
+    value: SelectState;
+    onChange: (v: SelectState) => void;
+    onBlur?: (v: SelectState) => void;
+    multiple: boolean;
+    disabled?: boolean;
+    idLookup?: (ids: string[]) => Promise<string[] | undefined>;
+    searchFn: (q: string) => Promise<T[] | undefined>;
+    accessor: 'id' | 'name';
+};
+
 export declare function secondsToDuration(seconds: number): string;
 
-export declare interface SelectionProps<V extends number | string | string[]> extends Omit<default_2.ComponentProps<"button">, "value" | "values" | "defaultValue"> {
+export declare const SelectCollection: Collection;
+
+export declare const SelectHeader: typeof ListBoxHeader;
+
+export declare interface SelectionProps<V extends number | string | Set<string | number>> {
     value: V;
     setValue: (v: V) => void;
     buttonLabel?: default_2.ReactNode;
@@ -475,41 +605,21 @@ export declare interface SelectionProps<V extends number | string | string[]> ex
     }[];
 }
 
-/** WHY WE HAVE THIS IS BEYOND ME
- * TODO, remove this in favour of borders or <hr>, unless there is good reason to keep this.
- */
-export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
+export declare const SelectItem: typeof ListBoxItem;
+
+export declare function SelectPopover({ className, ...props }: PopoverProps): JSX.Element;
+
+export declare type SelectState = Set<number | string>;
+
+export declare const SelectValue: <T extends object>({ className, ...props }: SelectValueProps<T>) => JSX.Element;
 
 /**
  * @param hue the hue value to set in the document style
  */
 export declare function setThemeHue(hue: number): void;
 
-export declare const Sheet: React_2.FC<DialogPrimitive.DialogProps>;
-
-export declare const SheetClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare function SheetContent({ side, className, children, ...props }: SheetContentProps): JSX.Element;
-
-declare interface SheetContentProps extends React_2.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
-}
-
-export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
-
-export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function SheetOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
-
-export declare const SheetPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
-
-export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
-
-export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
@@ -536,15 +646,11 @@ export declare function SidebarFooter({ className, ...props }: React_2.Component
 
 export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
-    asChild?: boolean;
-}): JSX.Element;
+export declare function SidebarGroupAction({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
 
 export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarGroupLabel({ className, asChild, ...props }: React_2.ComponentProps<"div"> & {
-    asChild?: boolean;
-}): JSX.Element;
+export declare function SidebarGroupLabel({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
@@ -552,17 +658,15 @@ export declare function SidebarInset({ className, ...props }: React_2.ComponentP
 
 export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
 
-export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
-    asChild?: boolean;
+export declare function SidebarMenuAction({ className, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
     showOnHover?: boolean;
 }): JSX.Element;
 
 export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarMenuButton({ asChild, isActive, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
-    asChild?: boolean;
+export declare function SidebarMenuButton({ isActive, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
     isActive?: boolean;
-    tooltip?: React_2.ComponentProps<typeof TooltipContent>;
+    tooltip?: React_2.ComponentProps<typeof Tooltip>;
 }): JSX.Element;
 
 export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
@@ -573,8 +677,7 @@ export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: R
 
 export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
 
-export declare function SidebarMenuSubButton({ asChild, isActive, className, ...props }: React_2.ComponentProps<'a'> & {
-    asChild?: boolean;
+export declare function SidebarMenuSubButton({ isActive, className, ...props }: React_2.ComponentProps<'a'> & {
     isActive?: boolean;
 }): JSX.Element;
 
@@ -590,20 +693,16 @@ export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2
 
 export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
 
-export declare function SingleSelect({ value, setValue, options, className, buttonLabel, ...props }: SingleSelectProps): JSX.Element;
+export declare function SingleSelect<T extends object>({ label, description, errorMessage, children, className, items, ...props }: SingleSelectProps<T>): JSX.Element;
 
-export declare interface SingleSelectProps extends SelectionProps<string> {
+export declare interface SingleSelectProps<T extends object> extends Omit<SelectProps<T>, "children">, FormFieldProps {
+    items: Iterable<T>;
+    children: React.ReactNode | ((item: T) => React.ReactNode);
 }
 
 export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
-export declare function StaticDataTable<T>({ accessors, data, affectedData, }: StaticDataTableProps<T>): JSX.Element;
-
-export declare interface StaticDataTableProps<T> {
-    accessors: (keyof T)[];
-    data: T[];
-    affectedData?: T[];
-}
+export declare function Tab({ className, ...props }: TabProps): JSX.Element;
 
 export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
 
@@ -613,7 +712,12 @@ export declare const TABLE_DEFAULT_DATE_COLUMNS: AccessorKeyColumnDef<any, any>[
 
 export declare const TABLE_ID_COLUMN: AccessorKeyColumnDef<any, any>[];
 
-export declare type TableActions = Required<Pick<React.ComponentProps<typeof Button>, 'onClick' | 'children' | 'variant' | 'id' | 'icon'>>[];
+export declare type TableActions = ({
+    onClick: (e: PressEvent, t: Table_2<any>) => void;
+    bulk: boolean;
+    icon: LucideIcon;
+    tooltip?: string;
+})[];
 
 export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
 
@@ -621,7 +725,7 @@ export declare function TableCaption({ className, ...props }: React_2.ComponentP
 
 export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
 
-export declare type TableFetchFn<TData> = (p: PaginationState, s: SortingState, q: string) => Promise<{
+export declare type TableFetchFn<TData, TOperation extends keyof operations> = (p: PaginationState, s: SortingState, q: string, f: ApiFilters<TOperation>) => Promise<{
     total: number;
     data: TData[] | undefined;
 }>;
@@ -634,41 +738,45 @@ export declare function TableHeader({ className, ...props }: React_2.ComponentPr
 
 export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
 
-export declare const Tabs: React_2.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare function TabList<T extends object>({ className, ...props }: TabListProps<T>): JSX.Element;
 
-export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
+export declare function TabPanel({ className, ...props }: TabPanelProps): JSX.Element;
 
-export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
+export declare function Tabs({ className, ...props }: TabsProps): JSX.Element;
 
-export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
+export declare function TextField({ label, description, errorMessage, textArea, className, ...props }: TextFieldProps): JSX.Element;
 
-export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+export declare interface TextFieldProps extends TextFieldProps_2, FormFieldProps {
+    textArea?: boolean;
+}
 
 export declare function TfCheckbox({ ...props }: TfCheckboxProps): JSX.Element;
 
-export declare interface TfCheckboxProps extends Omit<React_2.ComponentProps<typeof Checkbox>, "onChange" | "onBlur" | "checked"> {
-}
+export declare type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, "onChange" | "onBlur" | "isChecked">;
 
 export declare function TfCountrySelect({ ...props }: Omit<TfMultiSelectProps, "options">): JSX.Element;
 
-export declare function TfInput({ disabled, ...props }: Omit<InputProps, "value" | "id" | "name" | "onBlur" | "onChange">): JSX.Element;
+export declare function TfIdSearchInput<T extends {
+    id: string;
+    name: string;
+}>({ disabled, ...props }: Omit<SearchInputProps<T>, 'value' | 'onChange'>): JSX.Element;
 
-export declare function TfLicenseTypeSelect({ ...props }: Omit<TfSingleSelectProps, "options">): JSX.Element;
+export declare function TfLicenseTypeSelect({ ...props }: Omit<React.ComponentProps<typeof TfSingleSelect>, 'items' | 'children'>): JSX.Element;
 
 export declare function TfMultiSelect({ ...props }: TfMultiSelectProps): JSX.Element;
 
 export declare interface TfMultiSelectProps extends Omit<MultiSelectProps, "value" | "setValue"> {
 }
 
-export declare function TfSingleSelect({ ...props }: TfSingleSelectProps): JSX.Element;
+declare function TfNumberField({ isDisabled, ...props }: Omit<default_2.ComponentProps<typeof NumberField>, 'value' | 'id' | 'onChange' | 'onBlur'>): JSX.Element;
 
-export declare interface TfSingleSelectProps extends Omit<SingleSelectProps, "value" | "setValue"> {
-}
+export declare function TfSingleSelect<T extends object>({ ...props }: TfSingleSelectProps<T>): JSX.Element;
 
-export declare function TfTextarea({ disabled, ...props }: TfTextareaProps): JSX.Element;
+declare type TfSingleSelectProps<T extends object> = Omit<SingleSelectProps<T>, "value" | "setValue">;
 
-export declare interface TfTextareaProps extends Omit<React_2.ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur"> {
-}
+export declare function TfTextField({ isDisabled, ...props }: React.ComponentProps<typeof TextField>): JSX.Element;
+
+export declare function TimeField<T extends TimeValue>({ label, description, errorMessage, className, ...props }: JollyTimeFieldProps<T>): JSX.Element;
 
 export declare function Timeline({ className, ...props }: React.ComponentProps<'ol'>): JSX.Element;
 
@@ -693,13 +801,9 @@ export declare function Toaster({ ...props }: ToasterProps): JSX.Element;
 
 declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;
 
-export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
-
-export declare function TooltipContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
+export declare const Tooltip: ({ className, offset, ...props }: TooltipProps) => JSX.Element;
 
-export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;
-
-export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipTrigger: typeof TooltipTrigger_2;
 
 /**
  * Builder for form logic and user interfaces
@@ -708,16 +812,52 @@ export declare const useAppForm: <TFormData, TOnMount extends FormValidateOrFn<T
     readonly Button: typeof Button;
 }> & {
     AppField: FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
-    readonly TfInput: typeof TfInput;
+    readonly TfTextField: typeof TfTextField;
+    readonly TfNumberField: typeof TfNumberField;
     readonly TfCountrySelect: typeof TfCountrySelect;
     readonly TfLicenseTypeSelect: typeof TfLicenseTypeSelect;
-    readonly TfCheckbox: typeof TfCheckbox;
     readonly TfMultiSelect: typeof TfMultiSelect;
-    readonly TfTextarea: typeof TfTextarea;
+    readonly TfCheckbox: typeof TfCheckbox;
+    readonly TfSingleSelect: typeof TfSingleSelect;
     }>>;
     AppForm: ComponentType<PropsWithChildren>;
 };
 
+export declare const useDataTable: () => {
+    tableState: Pick<TableState, "sorting" | "rowSelection" | "pagination">;
+    updateTableState: (updates: Partial<DataTableState>) => void;
+    query: UseQueryResult<    {
+    total: number;
+    data: Schemas[] | undefined;
+    }, Error>;
+    setSearchQuery: default_2.Dispatch<default_2.SetStateAction<string>>;
+    searchQuery: string;
+    tanTable: Table_2<any>;
+    mergedFilters: ApiFilters<keyof operations>;
+    filters: ApiFilters<keyof operations>[];
+    setFilters: default_2.Dispatch<default_2.SetStateAction<ApiFilters<keyof operations>[]>>;
+    filterConfig: Required<Record<never, FilterConfig_2>>;
+};
+
+/**
+ * Hook for handling all data-table state. Used in DataTableContext
+ */
+export declare function useDataTableState<TData extends Schemas>({ columns, fetchFn, columnsToHideByDefault, allowSelection, filterConfig }: DataTableFactory<TData>): {
+    tableState: Pick<TableState, "sorting" | "rowSelection" | "pagination">;
+    updateTableState: (updates: Partial<DataTableState>) => void;
+    query: UseQueryResult<    {
+    total: number;
+    data: TData[] | undefined;
+    }, Error>;
+    setSearchQuery: default_2.Dispatch<default_2.SetStateAction<string>>;
+    searchQuery: string;
+    tanTable: Table_2<any>;
+    mergedFilters: ApiFilters<keyof operations>;
+    filters: ApiFilters<keyof operations>[];
+    setFilters: default_2.Dispatch<default_2.SetStateAction<ApiFilters<keyof operations>[]>>;
+    filterConfig: Required<Record<never, FilterConfig_2>>;
+};
+
 export declare const useFieldContext: <TData>() => FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
 
 export declare function useIsMobile(): boolean;