@cryptlex/web-components 2.0.1 → 3.0.0

package/dist/index.es.d.ts

@@ -3,37 +3,41 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { AllowInDimension } from 'recharts/types/util/types';
 import { AnimationDuration } from 'recharts/types/util/types';
 import { AnimationTiming } from 'recharts/types/util/types';
+import { AnyFieldApi } from '@tanstack/react-form';
+import { AnyFormApi } from '@tanstack/react-form';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { ButtonProps as ButtonProps_2 } from './button';
+import { ButtonProps as ButtonProps_3 } from '../components/ui';
 import { CartesianViewBox } from 'recharts/types/util/types';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { ColumnDef } from '@tanstack/react-table';
 import { components } from '@cryptlex/web-api-types';
+import { ComponentType } from 'react';
 import { ContentType } from 'recharts/types/component/Tooltip';
-import { ControllerProps } from 'react-hook-form';
+import { Context } from 'react';
 import { Coordinate } from 'recharts/types/util/types';
 import { DayPicker } from 'react-day-picker';
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'openapi-fetch';
+import { default as default_2 } from 'openapi-fetch';
+import { default as default_3 } from 'react';
 import { DialogCloseProps } from '@radix-ui/react-dialog';
 import { DialogContentProps } from '@radix-ui/react-dialog';
 import { DialogDescriptionProps } from '@radix-ui/react-dialog';
 import { DialogOverlayProps } from '@radix-ui/react-dialog';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { DialogProps } from '@radix-ui/react-dialog';
 import { DialogTitleProps } 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 { FieldError } from 'react-hook-form';
-import { FieldPath } from 'react-hook-form';
-import { FieldValues } from 'react-hook-form';
-import { FormProviderProps } from 'react-hook-form';
+import { FieldApi } from '@tanstack/react-form';
+import { FieldComponent } from '@tanstack/react-form';
+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 { InputProps as InputProps_2 } from './input';
+import { InputProps as InputProps_2 } from '../components/inputs';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { LucideIcon } from 'lucide-react';
@@ -44,17 +48,21 @@ import { ParamsOption } from 'openapi-fetch';
 import { paths } from '@cryptlex/web-api-types';
 import { Payload } from 'recharts/types/component/DefaultTooltipContent';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { PropsWithChildren } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
+import { ReactFormApi } from '@tanstack/react-form';
 import * as RechartsPrimitive from 'recharts';
 import { RefAttributes } from 'react';
 import { RenderProps } from 'input-otp';
-import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { SeparatorProps } from '@radix-ui/react-separator';
-import { SlotProps } from '@radix-ui/react-slot';
 import { SortingState } from '@tanstack/react-table';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { TfCheckboxProps as TfCheckboxProps_2 } from '../components/inputs';
+import { TfMultiSelectProps as TfMultiSelectProps_2 } from '../components/inputs';
+import { TfSingleSelectProps as TfSingleSelectProps_2 } from '../components/inputs/select';
+import { TfTextareaProps as TfTextareaProps_2 } from '../components/inputs';
 import { Toaster as Toaster_2 } from 'sonner';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { UniqueOption } from 'recharts/types/util/payload/getUniqPayload';
@@ -71,7 +79,7 @@ export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<Accor
 export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 /** Reserved name for actions column */
-export declare const ACTIONS_COLUMN_ID = "actions_button";
+export declare const ACTIONS_COLUMN_ID = "Actions";
 
 export declare const ALL_OS: {
     [key: string]: string;
@@ -99,6 +107,11 @@ export declare function Badge({ className, ...props }: BadgeProps): JSX_2.Elemen
 export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement> {
 }
 
+declare interface BaseFormFieldProps {
+    label: string;
+    caption?: () => string | undefined;
+}
+
 export declare const Breadcrumb: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     separator?: React_2.ReactNode;
 } & React_2.RefAttributes<HTMLElement>>;
@@ -125,14 +138,20 @@ export declare const BreadcrumbSeparator: {
 
 export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const ButtonLink: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | null | undefined;
+    size?: "default" | "xs" | "sm" | "icon" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string> & React_2.RefAttributes<HTMLAnchorElement>>;
+
 export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     loading?: boolean;
     icon?: (() => LucideIcon);
+    trailingIcon?: (() => LucideIcon);
 }
 
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | null | undefined;
     size?: "default" | "xs" | "sm" | "icon" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -201,10 +220,14 @@ export declare const ChartTooltipContent: React_2.ForwardRefExoticComponent<Omit
     labelKey?: string;
 }, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface CheckboxProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
+}
 
-declare type Client = ReturnType<typeof default_3<paths>>;
+declare type Client = ReturnType<typeof default_2<paths>>;
 
+/** Classnames */
 export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const Collapsible: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & RefAttributes<HTMLDivElement>>;
@@ -213,95 +236,6 @@ export declare const CollapsibleContent: ForwardRefExoticComponent<CollapsiblePr
 
 export declare const CollapsibleTrigger: ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & RefAttributes<HTMLButtonElement>>;
 
-export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
-    children?: React_2.ReactNode;
-} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React_2.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-    shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
-    vimBindings?: boolean;
-} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => JSX_2.Element;
-
-declare interface CommandDialogProps extends DialogProps {
-}
-
-export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
-    children?: React_2.ReactNode;
-} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React_2.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
-    children?: React_2.ReactNode;
-} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React_2.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
-    heading?: React_2.ReactNode;
-    value?: string;
-    forceMount?: boolean;
-} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React_2.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React_2.Ref<HTMLInputElement>;
-} & {
-    asChild?: boolean;
-}, "key" | "asChild" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
-    value?: string;
-    onValueChange?: (search: string) => void;
-} & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
-
-export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
-    children?: React_2.ReactNode;
-} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React_2.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
-    forceMount?: boolean;
-} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
-    children?: React_2.ReactNode;
-} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React_2.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    label?: string;
-} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React_2.Ref<HTMLDivElement>;
-} & {
-    asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
-    alwaysRender?: boolean;
-} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const CommandShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
-    displayName: string;
-};
-
 export declare const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string>;
 
 /**
@@ -327,6 +261,8 @@ declare interface CopyProps {
     onCopy?: () => void;
 }
 
+export declare const CountrySelect: ({ ...props }: Omit<MultiSelectProps, "options">) => JSX_2.Element;
+
 export declare function createTableFetchFn<_any, Return>(ctxclient: Client, path: GetPaths, params?: ParamsOption<any>): TableFetchFn<Return>;
 
 export declare type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
@@ -334,14 +270,13 @@ export declare type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller
 /** Application Names */
 export declare type CtxProjectName = 'admin-portal' | 'customer-portal' | 'internal-portal' | 'reseller-portal';
 
-export declare function DataTable<TData extends Record<string, any>, TValue = any>({ columns, fetchFn, tableName, tableActions, columnsToHideByDefault, filterableFields, }: DataTableProps<TData, TValue>): JSX_2.Element;
+export declare function DataTable<TData extends Record<string, any>, TValue = any>({ columns, fetchFn, tableName, tableActions, columnsToHideByDefault, }: DataTableProps<TData, TValue>): JSX_2.Element;
 
 export declare interface DataTableProps<TData, TValue = any> {
     columns: ColumnDef<TData, TValue>[];
     tableName: string;
     fetchFn: TableFetchFn<TData>;
     tableActions: TableActions;
-    filterableFields: FilterableProperties<TData>;
     columnsToHideByDefault: VisibilityState_2;
 }
 
@@ -424,7 +359,7 @@ export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit
 
 export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -434,15 +369,8 @@ export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<D
 
 export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
-    displayName: string;
-};
-
 export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
 
-export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
 /**
  * TODO (mudasirpandith)
  * Focus on trigger.
@@ -461,6 +389,8 @@ export declare enum DYNAMIC_INPUT_TARGET {
     RESELLER = 2
 }
 
+export declare const fieldContext: Context<AnyFieldApi>;
+
 export declare type fieldsToDisplay = {
     display: string;
     accessor: string;
@@ -478,36 +408,26 @@ export declare type FilterablePropertyType = (typeof FILTERABLE_PROPERTY_TYPES)[
 
 export declare type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];
 
-export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
-
 export declare function FormatDate(date: string | null | undefined): string | null;
 
-export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
-
-export declare const FormDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX_2.Element;
+export declare const formContext: Context<AnyFormApi>;
 
-export declare const FormItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
+/**
+ * Wrapper around form fields. Only to be used within the web-components project.
+ */
+export declare function FormField({ field, label, caption, children, className }: FormFieldProps): JSX_2.Element;
 
-export declare const FormMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+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>;
+    children: default_3.ReactNode;
+    className?: string;
+}
 
 /**
  * Format multiple license parameters (expired, suspended, revoked) into a single status
  */
 export declare function getLicenseStatus(license: any): string;
 
-/**
- * This helps in passing the state data from one page to another, showing different text for a link
- * @param display String that needs to be displayed
- * @param url actual url for the a tag
- * @param stateData data to be passed to the next page
- * @returns
- */
-export declare function getLinkDisplay(display: string, url: string, stateData?: any): JSX_2.Element;
-
 declare type GetPaths = {
     [P in keyof paths]: paths[P] extends {
         get: any;
@@ -526,9 +446,9 @@ export declare function getValidityDisplay(validity: number | undefined): string
 
 export declare function getValueFromData(data: any, accessor: string | number | symbol): any;
 
-export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+export declare const Input: default_3.ForwardRefExoticComponent<InputProps & default_3.RefAttributes<HTMLInputElement>>;
 
-export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -541,7 +461,7 @@ export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<Reac
 } & {
     render: (props: RenderProps) => React_2.ReactNode;
     children?: never;
-} & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -564,7 +484,7 @@ export declare const InputOTPSlot: React_2.ForwardRefExoticComponent<Omit<React_
     index: number;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
+export declare interface InputProps extends default_3.InputHTMLAttributes<HTMLInputElement> {
     icon?: LucideIcon;
     buttonProps?: ButtonProps;
 }
@@ -595,18 +515,7 @@ export declare interface KeyValueCardProps<T> {
     className?: string;
 }
 
-export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLabelElement>>;
-
-/**
- * TODO, this should be in the host project?
- * @param props buttonVariants
- * @returns Button as Tanstack Link
- */
-export declare function LinkButton(props: VariantProps<typeof buttonVariants> & {
-    icon?: LucideIcon;
-    to: string;
-    children: React.ReactNode;
-}): JSX_2.Element;
+export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
 
 export declare function Loader({ className }: LoaderProps): JSX_2.Element;
 
@@ -618,6 +527,11 @@ export declare function logout(): void;
 
 export declare type MetadataDto = components['schemas']['MetadataDto'];
 
+export declare const MultiSelect: default_3.ForwardRefExoticComponent<MultiSelectProps & default_3.RefAttributes<HTMLButtonElement>>;
+
+export declare interface MultiSelectProps extends SelectionProps<string[]> {
+}
+
 export declare const NavigationMenu: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
 
 export declare const NavigationMenuContent: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -651,10 +565,6 @@ export declare type NavItem = {
     }[];
 };
 
-export declare function NavMain({ items }: {
-    items: NavItem[];
-}): JSX_2.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;
@@ -719,7 +629,7 @@ export declare const RESOURCE_NAMES: readonly ["access-token", "account", "activ
 
 export declare type ResourceName = (typeof RESOURCE_NAMES)[number];
 
-export declare const SearchInput: default_2.FC<SearchInputProps>;
+export declare const SearchInput: default_3.FC<SearchInputProps>;
 
 declare interface SearchInputProps extends Omit<InputProps, 'onChange'> {
     onChange?: (value: string) => void;
@@ -727,21 +637,16 @@ declare interface SearchInputProps extends Omit<InputProps, 'onChange'> {
 
 export declare function secondsToDuration(seconds: number): string;
 
-export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
-
-export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const SelectGroup: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const SelectScrollDownButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const SelectScrollUpButton: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const SelectTrigger: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
+export declare interface SelectionProps<V extends number | string | string[]> extends Omit<default_3.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'values' | 'defaultValue'> {
+    value: V;
+    setValue: (v: V) => void;
+    buttonLabel?: default_3.ReactNode;
+    options: {
+        value: string;
+        label: default_3.ReactElement;
+        disabled?: boolean;
+    }[];
+}
 
 export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -780,10 +685,10 @@ export declare const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPr
 export declare const SheetTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function SideBar({ data, ...props }: SidebarProps): JSX_2.Element;
+export declare function SideBar({ ...props }: SidebarProps): JSX_2.Element;
 
 export declare const Sidebar: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
     side?: "left" | "right";
@@ -821,8 +726,6 @@ export declare const SidebarGroupLabel: React_2.ForwardRefExoticComponent<Omit<R
 
 export declare const SidebarHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const SidebarInput: React_2.ForwardRefExoticComponent<Omit<InputProps_2 & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
-
 export declare const SidebarInset: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const SidebarMenu: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
@@ -860,7 +763,6 @@ export declare const SidebarMenuSubButton: React_2.ForwardRefExoticComponent<Omi
 export declare const SidebarMenuSubItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
 
 declare interface SidebarProps extends React_2.ComponentProps<typeof Sidebar> {
-    data: NavItem[];
 }
 
 export declare const SidebarProvider: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
@@ -875,6 +777,9 @@ export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Om
 
 export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+declare interface SingleSelectProps extends SelectionProps<string> {
+}
+
 export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
 
 export declare function StaticDataTable<T>({ accessors, data, affectedData }: StaticDataTableProps<T>): JSX_2.Element;
@@ -920,7 +825,7 @@ export declare const TableCaption: React_2.ForwardRefExoticComponent<React_2.HTM
 
 export declare const TableCell: React_2.ForwardRefExoticComponent<React_2.TdHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;
 
-export declare type TableFetchFn<TData> = (p: PaginationState, s: SortingState, q: string, f: any) => Promise<{
+export declare type TableFetchFn<TData> = (p: PaginationState, s: SortingState, q: string) => Promise<{
     total: number;
     data: TData[] | undefined;
 }>;
@@ -948,6 +853,36 @@ export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPri
 
 export declare const Textarea: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>>;
 
+export declare const TfCheckbox: ({ ...props }: TfCheckboxProps) => JSX_2.Element;
+
+export declare interface TfCheckboxProps extends Omit<React_2.ComponentPropsWithoutRef<typeof Checkbox>, 'onChange' | 'onBlur' | 'checked'> {
+}
+
+export declare const TfCountrySelect: ({ ...props }: Omit<TfMultiSelectProps, "options">) => JSX_2.Element;
+
+export declare const TfInput: default_3.ForwardRefExoticComponent<Omit<InputProps, "name" | "value" | "id" | "onBlur" | "onChange"> & default_3.RefAttributes<HTMLInputElement>>;
+
+export declare const TfLicenseTypeSelect: ({ ...props }: Omit<TfSingleSelectProps, "options">) => JSX_2.Element;
+
+export declare const TfMultiSelect: {
+    ({ ...props }: TfMultiSelectProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface TfMultiSelectProps extends Omit<MultiSelectProps, 'value' | 'setValue'> {
+}
+
+declare interface TfSingleSelectProps extends Omit<SingleSelectProps, 'value' | 'setValue'> {
+}
+
+export declare const TfTextarea: {
+    ({ disabled, ...props }: TfTextareaProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface TfTextareaProps extends Omit<React_2.ComponentPropsWithoutRef<typeof Textarea>, 'value' | 'onChange' | 'onBlur'> {
+}
+
 export declare const Toaster: ({ ...props }: ToasterProps) => JSX_2.Element;
 
 declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;
@@ -960,19 +895,31 @@ export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProvide
 
 export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
+/**
+ * Builder for form logic and user interfaces
+ */
+export declare const useAppForm: <TFormData, TOnMount extends FormValidateOrFn<TFormData> | undefined, TOnChange extends FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
+    readonly Button: ForwardRefExoticComponent<ButtonProps_3 & RefAttributes<HTMLButtonElement>>;
+}> & {
+    AppField: FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
+    readonly TfInput: ForwardRefExoticComponent<Omit<InputProps_2, "name" | "value" | "id" | "onBlur" | "onChange"> & RefAttributes<HTMLInputElement>>;
+    readonly TfCountrySelect: ({ ...props }: Omit<TfMultiSelectProps_2, "options">) => JSX_2.Element;
+    readonly TfLicenseTypeSelect: ({ ...props }: Omit<TfSingleSelectProps_2, "options">) => JSX_2.Element;
+    readonly TfCheckbox: ({ ...props }: TfCheckboxProps_2) => JSX_2.Element;
+    readonly TfMultiSelect: {
+    ({ ...props }: TfMultiSelectProps_2): JSX_2.Element;
+    displayName: string;
+    };
+    readonly TfTextarea: {
+    ({ disabled, ...props }: TfTextareaProps_2): JSX_2.Element;
+    displayName: string;
+    };
+    }>>;
+    AppForm: ComponentType<PropsWithChildren>;
 };
 
+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;
 
 export declare function useSidebar(): SidebarContext;