@cryptlex/web-components 4.1.0 → 5.1.0

package/dist/index.es.d.ts

@@ -1,22 +1,37 @@
 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';
@@ -24,38 +39,56 @@ 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 { 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 { 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 as TimeFieldProps_2 } 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;
+import { ZonedDateTime } from '@internationalized/date';
 
 /** Reserved name for actions column */
 export declare const ACTIONS_COLUMN_ID = "tableActions";
@@ -94,44 +127,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 BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): JSX.Element;
 
-export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+export declare function BreadcrumbItem({ className, ...props }: BreadcrumbProps): JSX.Element;
 
-export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare function BreadcrumbLink({ className, ...props }: LinkProps): JSX.Element;
 
-export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
 
-export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
-    asChild?: boolean;
-}): 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, active, 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" | "secondary" | "destructive" | "neutral" | "ghost" | 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 type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
+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 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;
 
@@ -145,30 +184,24 @@ 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>;
 
 /**
  * Converts a string from 'camelCase' to 'Title Case'
- * @param string String to convert to `Title Case`
+ * @param input String to convert to `Title Case`
  */
-export declare function convertCamelCaseToTitleCase(string: string): string;
+export declare function convertCamelCaseToTitleCase(input: string): string;
 
 /**
  *
@@ -177,34 +210,24 @@ 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 {
-    value: string;
-    tooltipMessage?: string;
-    onCopy?: () => void;
-}
-
-export declare function CountrySelect({ ...props }: Omit<MultiSelectProps, "options">): JSX.Element;
+/** Options for MultiSelect component */
+export declare const COUNTRY_OPTIONS: SelectOption[];
 
 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({ tableActions, className, ...props }: DataTableProps): JSX.Element;
 
 export declare const DataTableContext: default_2.Context<{
-    tableState: DataTableState;
+    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>[];
@@ -220,7 +243,7 @@ declare type DataTableFactory<TData extends Schemas> = {
     filterConfig: FiltersConfig<OperationKeys>;
 };
 
-export declare function DataTableFilter({ className, ...props }: TableFilterProps): JSX.Element;
+export declare function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>): JSX.Element;
 
 export declare type DataTableProps = default_2.ComponentProps<'section'> & {
     tableActions: TableActions;
@@ -230,119 +253,118 @@ export declare function DataTableProvider({ children, ...props }: {
     children: default_2.ReactNode;
 } & ReturnType<typeof useDataTableState>): JSX.Element;
 
-declare type DataTableState = Pick<TableState, 'sorting' | 'columnVisibility' | 'rowSelection' | 'pagination' | 'columnOrder'> & {
-    search: string;
-};
+declare type DataTableState = Pick<TableState, 'sorting' | 'rowSelection' | 'pagination'> & {};
 
-/*** 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 const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
+export declare function DateField<T extends DateValue>({ label, description, className, errorMessage, ...props }: DateFieldProps<T>): JSX.Element;
 
-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;
+declare interface DateFieldProps<T extends DateValue> extends DateFieldProps_2<T>, FormFieldProps {
+}
 
-export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+export declare function DateInput({ className, variant, ...props }: Omit<DateInputProps, "children">): JSX.Element;
 
-export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+declare interface DateInputProps extends DateInputProps_2, VariantProps<typeof fieldGroupVariants> {
+}
 
-export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function DatePicker<T extends DateValue>({ label, description, errorMessage, className, ...props }: DatePickerProps<T>): JSX.Element;
 
-export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
+declare interface DatePickerProps<T extends DateValue> extends DatePickerProps_2<T>, FormFieldProps {
+}
 
-export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+export declare function DateRangePicker<T extends DateValue>({ label, description, errorMessage, className, ...props }: DateRangePickerProps<T>): JSX.Element;
 
-export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+declare interface DateRangePickerProps<T extends DateValue> extends DateRangePickerProps_2<T>, FormFieldProps {
+}
 
-export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function DateSegment({ className, ...props }: DateSegmentProps): 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;
+/*** 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 Drawer({ shouldScaleBackground, ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
-
-export declare const DrawerClose: React_2.ForwardRefExoticComponent<DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function DialogContent({ className, children, side, role, closeButton, ...props }: DialogContentProps): JSX.Element;
 
-export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
+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 DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
+export declare function DialogDescription({ className, ...props }: React_2.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
 
-export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function DialogFooter({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function DialogHeader({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
 
-export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
+export declare const DialogOverlay: ({ className, isDismissable, ...props }: ModalOverlayProps) => JSX.Element;
 
-export declare const DrawerPortal: React_2.FC<React_2.ComponentProps<typeof Drawer_2.Portal>>;
+export declare function DialogTitle({ className, ...props }: HeadingProps): JSX.Element;
 
-export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
+export declare const DialogTrigger: typeof DialogTrigger_2;
 
-export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function Disclosure({ children, className, ...props }: DisclosureProps): JSX.Element;
 
-export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare function DisclosureGroup({ children, className, ...props }: DisclosureGroupProps): JSX.Element;
 
-export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
+export declare interface DisclosureGroupProps extends DisclosureGroupProps_2 {
+    children: default_2.ReactNode;
+}
 
-export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.CustomComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>): JSX.Element;
+export declare function DisclosureHeader({ children, className }: DisclosureHeaderProps): JSX.Element;
 
-export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare interface DisclosureHeaderProps {
+    children: default_2.ReactNode;
+    className?: ButtonProps_2["className"];
+}
 
-/** TODO, is this  */
-export declare function DropdownMenuItem({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item>): JSX.Element;
+export declare function DisclosurePanel({ children, className, ...props }: DisclosurePanelProps): JSX.Element;
 
-export declare function DropdownMenuLabel({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label>): JSX.Element;
+export declare interface DisclosurePanelProps extends DisclosurePanelProps_2 {
+    children: default_2.ReactNode;
+}
 
-export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare interface DisclosureProps extends DisclosureProps_2 {
+    children: default_2.ReactNode;
+}
 
-export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+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 function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
+export declare function EasyMenu<T extends object>({ label, children, variant, isDisabled, size, ...props }: MenuProps<T>): JSX.Element;
 
-export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const fieldContext: Context<AnyFieldApi>;
 
-export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+export declare function FieldDescription({ className, children, ...props }: TextProps): JSX.Element;
 
-/**
- * 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 function FieldError({ className, children, ...props }: default_2.ComponentPropsWithRef<'div'>): JSX.Element;
 
-export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function FieldGroup({ className, variant, ...props }: GroupProps): JSX.Element;
 
-export declare enum DYNAMIC_INPUT_TARGET {
-    USER = 0,
-    ORGANIZATION = 1,
-    RESELLER = 2
-}
+export declare const fieldGroupVariants: (props?: ({
+    variant?: "default" | "ghost" | null | undefined;
+} & ClassProp) | undefined) => string;
 
-export declare const fieldContext: Context<AnyFieldApi>;
+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 type FilterComp<T> = ComponentType<{
-    value: T;
-    onChange: (value: T) => void;
-}>;
-
 export declare type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];
 
 export declare type FilterConfig = {
     type: 'enum';
-    component: React.FC<MultiSelectProps>;
+    options: MultiSelectProps['items'];
+} | {
+    type: 'id-search';
+    search: () => Promise<{
+        id: string;
+        name: string;
+    }[]>;
 } | {
     type: 'id';
 } | {
@@ -351,12 +373,6 @@ export declare type FilterConfig = {
     type: 'string';
 } | {
     type: 'date';
-} | {
-    type: 'id-search';
-    search: UseQueryResult<{
-        id: string;
-        name: string;
-    }, Error>;
 };
 
 export declare type FiltersConfig<TOperation extends OperationKeys> = Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;
@@ -367,16 +383,17 @@ export declare function formatDate(date: string | null | undefined): string | nu
 
 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
@@ -389,8 +406,6 @@ declare type GetPaths = {
     } ? P : never;
 }[keyof paths];
 
-export declare function getResourceDisplayName(resourceName: string, portal: CtxProjectName): string;
-
 /**
  *
  * @returns
@@ -401,12 +416,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;
@@ -417,11 +438,6 @@ 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;
-};
-
 export declare type JwtDecode = {
     aud: string;
     email: string;
@@ -448,7 +464,17 @@ 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: SelectOption[];
+
+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;
 
@@ -458,52 +484,76 @@ declare interface LoaderProps {
 
 export declare function logout(): void;
 
-export declare function MultiSelect({ options, value, setValue, buttonLabel, className, ...props }: MultiSelectProps): JSX.Element;
+export declare function Menu<T extends object>({ className, ...props }: MenuProps_2<T>): JSX.Element;
+
+export declare const MenuCollection: Collection;
 
-export declare interface MultiSelectProps extends SelectionProps<string[]> {
+export declare function MenuHeader({ className, inset, separator, ...props }: MenuHeaderProps): JSX.Element;
+
+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 type OperationKeys = keyof operations;
+export declare function MenuKeyboard({ className, ...props }: React_2.ComponentProps<typeof Keyboard>): JSX.Element;
 
-export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+export declare function MenuPopover({ className, ...props }: PopoverProps): JSX.Element;
 
-export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+declare interface MenuProps<T> extends MenuProps_2<T>, VariantProps<typeof buttonVariants>, Omit<MenuTriggerProps, "children"> {
+    label?: React_2.ReactNode;
+    isDisabled?: boolean;
+}
 
-export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare function MenuSeparator({ className, ...props }: SeparatorProps): JSX.Element;
 
-export declare function PaginationItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare const MenuSubTrigger: (props: SubmenuTriggerProps & React_2.RefAttributes<HTMLDivElement>) => React_2.ReactElement | null;
 
-export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+export declare const MenuTrigger: typeof MenuTrigger_2;
 
-declare type PaginationLinkProps = {
-    isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React_2.ComponentProps<"a">;
+declare interface MultipleSelectionProps {
+    value: Set<string | number>;
+    onChange: (v: Set<string | number>) => void;
+    buttonLabel?: default_2.ReactNode;
+    items: SelectOption[];
+}
+
+export declare function MultiSelect({ items, value, onChange: setValue, label, errorMessage, description, ...props }: MultiSelectProps): JSX.Element;
+
+export declare interface MultiSelectProps extends MultipleSelectionProps, FormFieldProps, Omit<default_2.ComponentProps<typeof EasyMenu>, 'label' | 'items'> {
+}
 
-export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+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 PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
+declare function NumberField({ label, description, errorMessage, className, ...props }: NumberFieldProps): JSX.Element;
 
-export declare function PasswordInput({ ...props }: InputProps): JSX.Element;
+declare type NumberFieldProps = NumberFieldProps_2 & FormFieldProps;
 
-export declare function pluralizeTimes(resourceName: string, count: number): string;
+export declare type OperationKeys = keyof operations;
 
-export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
+export declare function pluralizeTimes(resourceName: string, count: number): string;
 
-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 ProjectProvider({ projectName, children }: {
+    projectName: CtxPortals;
+    children: React.ReactNode;
+}): JSX.Element;
 
-export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
+export declare function RangeCalendar<T extends DateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>): JSX.Element;
 
-export declare function replaceAt<T>(array: readonly T[], index: number, updater: (item: T) => T): T[];
+declare interface RangeCalendarProps<T extends DateValue> extends RangeCalendarProps_2<T> {
+    errorMessage?: string;
+}
 
 export declare const RESOURCE_DEFINITIONS: Record<ResourceName, string>;
 
@@ -514,60 +564,49 @@ export declare type ResourceName = (typeof RESOURCE_NAMES)[number];
 
 export declare type Schemas = ApiSchema<keyof components['schemas']>;
 
-export declare function SearchInput({ onChange, ...props }: SearchInputProps): JSX.Element;
+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 {
 }
 
-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"> {
-    value: V;
-    setValue: (v: V) => void;
-    buttonLabel?: default_2.ReactNode;
-    options: {
-        value: string;
-        label: default_2.ReactElement;
-        disabled?: boolean;
-    }[];
-}
-
-/** 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;
-
-/**
- * @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>;
+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 const SheetClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function secondsToDuration(seconds: number): string;
 
-export declare function SheetContent({ side, className, children, ...props }: SheetContentProps): JSX.Element;
+export declare const SelectCollection: Collection;
 
-declare interface SheetContentProps extends React_2.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
-}
+export declare const SelectHeader: typeof ListBoxHeader;
 
-export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
+export declare const SelectItem: typeof ListBoxItem;
 
-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 type SelectOption = {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+};
 
-export declare function SheetOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
+export declare function SelectPopover({ className, ...props }: PopoverProps): JSX.Element;
 
-export declare const SheetPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+export declare type SelectState = Set<number | string>;
 
-export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
+export declare const SelectValue: <T extends object>({ className, ...props }: SelectValueProps<T>) => JSX.Element;
 
-export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+/**
+ * @param hue the hue value to set in the document style
+ */
+export declare function setThemeHue(hue: number): void;
 
 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"> & {
@@ -594,15 +633,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;
 
@@ -610,17 +645,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;
@@ -631,8 +664,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;
 
@@ -648,20 +680,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 SelectOption>({ label, description, errorMessage, children, className, items, ...props }: SingleSelectProps<T>): JSX.Element;
 
-export declare interface SingleSelectProps extends SelectionProps<string> {
+export declare interface SingleSelectProps<T extends SelectOption> 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;
 
@@ -672,7 +700,7 @@ export declare const TABLE_DEFAULT_DATE_COLUMNS: AccessorKeyColumnDef<any, any>[
 export declare const TABLE_ID_COLUMN: AccessorKeyColumnDef<any, any>[];
 
 export declare type TableActions = ({
-    onClick: (e: React.MouseEvent<HTMLButtonElement>, t: Table_2<any>) => void;
+    onClick: (e: PressEvent, t: Table_2<any>) => void;
     bulk: boolean;
     icon: LucideIcon;
     tooltip?: string;
@@ -689,8 +717,6 @@ export declare type TableFetchFn<TData, TOperation extends keyof operations> = (
     data: TData[] | undefined;
 }>;
 
-declare type TableFilterProps = React.ComponentProps<'section'>;
-
 export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
 
 export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
@@ -699,40 +725,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 TfDatePicker({ ...props }: Omit<DatePickerProps<ZonedDateTime>, 'value' | 'onChange' | 'onBlur' | 'isInvalid' | 'errorMessage'>): JSX.Element;
 
-export declare function TfInput({ disabled, ...props }: Omit<InputProps, "value" | "id" | "name" | "onBlur" | "onChange">): JSX.Element;
-
-export declare function TfLicenseTypeSelect({ ...props }: Omit<TfSingleSelectProps, "options">): JSX.Element;
+export declare function TfIdSearchInput<T extends {
+    id: string;
+    name: string;
+}>({ disabled, ...props }: Omit<SearchInputProps<T>, 'value' | 'onChange'>): JSX.Element;
 
 export declare function TfMultiSelect({ ...props }: TfMultiSelectProps): JSX.Element;
 
-export declare interface TfMultiSelectProps extends Omit<MultiSelectProps, "value" | "setValue"> {
+export declare interface TfMultiSelectProps extends Omit<MultiSelectProps, "value" | "onChange"> {
 }
 
-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 SelectOption>({ ...props }: TfSingleSelectProps<T>): JSX.Element;
+
+declare type TfSingleSelectProps<T extends SelectOption> = Omit<SingleSelectProps<T>, "value" | "setValue" | 'children'>;
 
-export declare function TfTextarea({ disabled, ...props }: TfTextareaProps): JSX.Element;
+export declare function TfTextField({ isDisabled, ...props }: React.ComponentProps<typeof TextField>): JSX.Element;
 
-export declare interface TfTextareaProps extends Omit<React_2.ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur"> {
+export declare function TimeField<T extends TimeValue>({ label, description, errorMessage, className, ...props }: TimeFieldProps<T>): JSX.Element;
+
+declare interface TimeFieldProps<T extends TimeValue> extends TimeFieldProps_2<T>, FormFieldProps {
 }
 
 export declare function Timeline({ className, ...props }: React.ComponentProps<'ol'>): JSX.Element;
@@ -758,13 +789,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
@@ -773,23 +800,24 @@ 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 TfCountrySelect: typeof TfCountrySelect;
-    readonly TfLicenseTypeSelect: typeof TfLicenseTypeSelect;
-    readonly TfCheckbox: typeof TfCheckbox;
+    readonly TfTextField: typeof TfTextField;
+    readonly TfNumberField: typeof TfNumberField;
     readonly TfMultiSelect: typeof TfMultiSelect;
-    readonly TfTextarea: typeof TfTextarea;
+    readonly TfSingleSelect: typeof TfSingleSelect;
+    readonly TfCheckbox: typeof TfCheckbox;
     }>>;
     AppForm: ComponentType<PropsWithChildren>;
 };
 
 export declare const useDataTable: () => {
-    tableState: DataTableState;
+    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>[];
@@ -801,12 +829,14 @@ export declare const useDataTable: () => {
  * 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: DataTableState;
+    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>[];
@@ -818,6 +848,10 @@ export declare const useFieldContext: <TData>() => FieldApi<any, string, TData,
 
 export declare function useIsMobile(): boolean;
 
+export declare function useProjectName(): CtxPortals;
+
+export declare function useResourceFormatter(): (resourceName: string) => string;
+
 export declare function useSidebar(): SidebarContextProps;
 
 export declare type VisibilityState<T> = {