@cryptlex/web-components 3.0.0 → 3.1.1

package/dist/index.es.d.ts

@@ -1,32 +1,19 @@
 import { AccessorKeyColumnDef } from '@tanstack/react-table';
 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 { 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 { Context } from 'react';
-import { Coordinate } from 'recharts/types/util/types';
 import { DayPicker } from 'react-day-picker';
 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 { 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';
@@ -37,46 +24,34 @@ 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 '../components/inputs';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { LucideIcon } from 'lucide-react';
-import { NameType } from 'recharts/types/component/DefaultTooltipContent';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { OTPInput } from 'input-otp';
 import { PaginationState } from '@tanstack/react-table';
 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 SeparatorPrimitive from '@radix-ui/react-separator';
-import { SeparatorProps } from '@radix-ui/react-separator';
 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';
-import { ValueType } from 'recharts/types/component/DefaultTooltipContent';
 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 const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
 
-export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
 
-export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+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";
@@ -85,69 +60,40 @@ export declare const ALL_OS: {
     [key: string]: string;
 };
 
-export declare function AppLayout({ data, user }: AppLayoutProps): JSX_2.Element;
+export declare function Avatar({ className, initials, ...props }: AvatarProps): JSX.Element;
 
-export declare interface AppLayoutProps {
-    data: NavItem[];
-    user?: {
-        firstName?: string;
-        lastName?: string;
-        logoUrl?: string;
-    };
+export declare interface AvatarProps extends Omit<React_2.ComponentProps<"div">, "children">, InitialString {
 }
 
-export declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare const AvatarFallback: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
-
-export declare const AvatarImage: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React_2.RefAttributes<HTMLImageElement>, "ref"> & React_2.RefAttributes<HTMLImageElement>>;
-
-export declare function Badge({ className, ...props }: BadgeProps): JSX_2.Element;
-
-export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement> {
-}
+export declare function Badge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 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>>;
+export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
 
-export declare const BreadcrumbEllipsis: {
-    ({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
-    displayName: string;
-};
+export declare function BreadcrumbEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-export declare const BreadcrumbItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
+export declare function BreadcrumbItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare const BreadcrumbLink: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+export declare function BreadcrumbLink({ asChild, className, ...props }: React_2.ComponentProps<"a"> & {
     asChild?: boolean;
-} & React_2.RefAttributes<HTMLAnchorElement>>;
+}): JSX.Element;
 
-export declare const BreadcrumbList: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React_2.RefAttributes<HTMLOListElement>>;
+export declare function BreadcrumbList({ className, ...props }: React_2.ComponentProps<"ol">): JSX.Element;
 
-export declare const BreadcrumbPage: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
+export declare function BreadcrumbPage({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-export declare const BreadcrumbSeparator: {
-    ({ children, className, ...props }: React_2.ComponentProps<"li">): JSX_2.Element;
-    displayName: string;
-};
+export declare function BreadcrumbSeparator({ children, className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function Button({ className, variant, size, loading, disabled, icon, trailingIcon, children, ...props }: ButtonProps): JSX.Element;
 
-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;
+export declare interface ButtonProps extends React_2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
     loading?: boolean;
-    icon?: (() => LucideIcon);
-    trailingIcon?: (() => LucideIcon);
+    icon?: () => LucideIcon;
+    trailingIcon?: () => LucideIcon;
 }
 
 export declare const buttonVariants: (props?: ({
@@ -155,74 +101,25 @@ export declare const buttonVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "icon" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const Calendar: React_2.FC<CalendarProps>;
+export declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): JSX.Element;
 
 export declare type CalendarProps = React_2.ComponentProps<typeof DayPicker>;
 
-export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element;
 
-export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLParagraphElement>>;
+export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"h3">): JSX.Element;
 
-export declare type ChartConfig = Record<string, {
-    label?: React_2.ReactNode;
-    icon?: React_2.ComponentType;
-}>;
+export declare function Checkbox({ className, checked, ...props }: CheckboxProps): JSX.Element;
 
-export declare const ChartContainer: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
-    config: ChartConfig;
-    children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const ChartLegend: typeof RechartsPrimitive.Legend;
-
-export declare const ChartLegendContent: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-
-export declare const ChartTooltipContent: React_2.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<ValueType, NameType> & {
-    accessibilityLayer?: boolean;
-    active?: boolean | undefined;
-    includeHidden?: boolean | undefined;
-    allowEscapeViewBox?: AllowInDimension;
-    animationDuration?: AnimationDuration;
-    animationEasing?: AnimationTiming;
-    content?: ContentType<ValueType, NameType> | undefined;
-    coordinate?: Partial<Coordinate>;
-    cursor?: boolean | React_2.ReactElement | React_2.SVGProps<SVGElement>;
-    filterNull?: boolean;
-    defaultIndex?: number;
-    isAnimationActive?: boolean;
-    offset?: number;
-    payloadUniqBy?: UniqueOption<Payload<ValueType, NameType>> | undefined;
-    position?: Partial<Coordinate>;
-    reverseDirection?: AllowInDimension;
-    shared?: boolean;
-    trigger?: "hover" | "click";
-    useTranslate3d?: boolean;
-    viewBox?: CartesianViewBox;
-    wrapperStyle?: React_2.CSSProperties;
-} & React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLInputElement>>;
-
-export declare interface CheckboxProps extends Omit<React_2.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value'> {
+export declare interface CheckboxProps extends Omit<React_2.ComponentProps<"input">, "type" | "value"> {
 }
 
 declare type Client = ReturnType<typeof default_2<paths>>;
@@ -253,7 +150,7 @@ export declare function convertToTitleCase(input: string): string;
 
 export declare const COPY_BUTTON_STATE_TIMEOUT = 5000;
 
-export declare function CopyButton({ value, tooltipMessage, onCopy, }: CopyProps): JSX_2.Element | undefined;
+export declare function CopyButton({ value, tooltipMessage, onCopy, }: CopyProps): JSX.Element | undefined;
 
 declare interface CopyProps {
     value: string;
@@ -261,16 +158,16 @@ declare interface CopyProps {
     onCopy?: () => void;
 }
 
-export declare const CountrySelect: ({ ...props }: Omit<MultiSelectProps, "options">) => JSX_2.Element;
+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 type CtxPortals = 'customer-portal' | 'system-portal' | 'reseller-portal' | 'admin-portal';
+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 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, }: 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.Element;
 
 export declare interface DataTableProps<TData, TValue = any> {
     columns: ColumnDef<TData, TValue>[];
@@ -293,93 +190,80 @@ export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DialogContent({ className, children, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content>): JSX.Element;
 
-export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
 
-export declare const DialogFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-    displayName: string;
-};
+export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const DialogHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-    displayName: string;
-};
+export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
 
 export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
 
-export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare type DisplayField<T> = {
     display: string;
     accessor: NestedKeyOf<T>;
-    type?: 'text' | 'badge' | 'boolean' | 'date' | 'yesno' | 'copyButton' | 'link';
+    type?: "text" | "badge" | "boolean" | "date" | "yesno" | "copyButton" | "link";
     transform?: (value: any) => React.ReactNode;
 };
 
-export declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX_2.Element;
-    displayName: string;
-};
+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 const DrawerContent: React_2.ForwardRefExoticComponent<Omit<Omit<DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
 
-export declare const DrawerDescription: React_2.ForwardRefExoticComponent<Omit<DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
 
-export declare const DrawerFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-    displayName: string;
-};
+export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const DrawerHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-    displayName: string;
-};
+export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const DrawerOverlay: React_2.ForwardRefExoticComponent<Omit<Omit<DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
 
 export declare const DrawerPortal: React_2.FC<React_2.ComponentProps<typeof Drawer_2.Portal>>;
 
-export declare const DrawerTitle: React_2.ForwardRefExoticComponent<Omit<DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
 
 export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
-export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
 
-export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.CustomComponentPropsWithRef<typeof DropdownMenuPrimitive.Content>): JSX.Element;
 
 export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuItem({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item>): JSX.Element;
 
-export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuLabel({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label>): JSX.Element;
 
 export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
 
 export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
 
 export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
 
+export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
+
 /**
  * TODO (mudasirpandith)
  * Focus on trigger.
  * Focus on content after trigger is pressed?
  * List keyboard navigation in buttons within DropdownItems
  */
-export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
-} & React_2.RefAttributes<HTMLDivElement>>;
+}): JSX.Element;
 
 export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
@@ -415,7 +299,7 @@ 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_2.Element;
+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>;
@@ -446,48 +330,26 @@ export declare function getValidityDisplay(validity: number | undefined): string
 
 export declare function getValueFromData(data: any, accessor: string | number | symbol): any;
 
-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>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string;
-    onChange?: (newValue: string) => unknown;
-    maxLength: number;
-    textAlign?: "left" | "center" | "right";
-    onComplete?: (...args: any[]) => unknown;
-    pushPasswordManagerStrategy?: "increase-width" | "none";
-    pasteTransformer?: (pasted: string) => string;
-    containerClassName?: string;
-    noScriptCSSFallback?: string | null;
-} & {
-    render: (props: RenderProps) => React_2.ReactNode;
-    children?: never;
-} & 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;
-    textAlign?: "left" | "center" | "right";
-    onComplete?: (...args: any[]) => unknown;
-    pushPasswordManagerStrategy?: "increase-width" | "none";
-    pasteTransformer?: (pasted: string) => string;
-    containerClassName?: string;
-    noScriptCSSFallback?: string | null;
-} & {
-    render?: never;
-    children: React_2.ReactNode;
-} & React_2.RefAttributes<HTMLInputElement>, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
-
-export declare const InputOTPGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const InputOTPSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const InputOTPSlot: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+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;
+
+export declare function InputOTPSeparator({ ...props }: React_2.ComponentProps<"div">): JSX.Element;
+
+export declare function InputOTPSlot({ index, className, ...props }: React_2.ComponentProps<"div"> & {
     index: number;
-} & React_2.RefAttributes<HTMLDivElement>>;
+}): JSX.Element;
 
-export declare interface InputProps extends default_3.InputHTMLAttributes<HTMLInputElement> {
+export declare type InputProps = default_3.ComponentProps<"input"> & {
     icon?: LucideIcon;
     buttonProps?: ButtonProps;
-}
+};
 
 export declare type JwtDecode = {
     aud: string;
@@ -506,7 +368,7 @@ export declare type JwtDecode = {
     sadmin?: string;
 };
 
-export declare const KeyValueCard: <T extends {}>({ data, label, fields }: KeyValueCardProps<T>) => JSX_2.Element;
+export declare const KeyValueCard: <T extends {}>({ data, label, fields, }: KeyValueCardProps<T>) => JSX.Element;
 
 export declare interface KeyValueCardProps<T> {
     data: T;
@@ -515,9 +377,9 @@ export declare interface KeyValueCardProps<T> {
     className?: string;
 }
 
-export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
+export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
 
-export declare function Loader({ className }: LoaderProps): JSX_2.Element;
+export declare function Loader({ className }: LoaderProps): JSX.Element;
 
 declare interface LoaderProps {
     className?: string;
@@ -525,46 +387,13 @@ declare interface LoaderProps {
 
 export declare function logout(): void;
 
-export declare type MetadataDto = components['schemas']['MetadataDto'];
+export declare type MetadataDto = components["schemas"]["MetadataDto"];
 
-export declare const MultiSelect: default_3.ForwardRefExoticComponent<MultiSelectProps & default_3.RefAttributes<HTMLButtonElement>>;
+export declare function MultiSelect({ options, value, setValue, buttonLabel, className, ...props }: MultiSelectProps): JSX.Element;
 
 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>>;
-
-export declare const NavigationMenuIndicator: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare const NavigationMenuItem: React_2.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React_2.RefAttributes<HTMLLIElement>>;
-
-export declare const NavigationMenuLink: React_2.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React_2.RefAttributes<HTMLAnchorElement>>;
-
-export declare const NavigationMenuList: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React_2.RefAttributes<HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
-
-export declare const NavigationMenuListItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
-
-export declare const NavigationMenuTrigger: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
-
-export declare const NavigationMenuViewport: React_2.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare type NavItem = {
-    path: string;
-    label: string;
-    display: boolean;
-    icon: LucideIcon;
-    children?: {
-        path: string;
-        label: string;
-        icon: LucideIcon;
-        display: 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;
@@ -573,40 +402,25 @@ export declare const OPERATORS_FOR_FILTER_TYPE: OperatorsForFilterType;
 
 export declare type OperatorsForFilterType = Record<FilterablePropertyType, FilterComparisonOperator[]>;
 
-export declare const Pagination: {
-    ({ className, ...props }: React_2.ComponentProps<"nav">): JSX_2.Element;
-    displayName: string;
-};
+export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
 
-export declare const PaginationContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
+export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
 
-export declare const PaginationEllipsis: {
-    ({ className, ...props }: React_2.ComponentProps<"span">): JSX_2.Element;
-    displayName: string;
-};
+export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
-export declare const PaginationItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
+export declare function PaginationItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): JSX_2.Element;
-    displayName: string;
-};
+export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
 
 declare type PaginationLinkProps = {
     isActive?: boolean;
 } & Pick<ButtonProps, "size"> & React_2.ComponentProps<"a">;
 
-export declare const PaginationNext: {
-    ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX_2.Element;
-    displayName: string;
-};
+export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
 
-export declare const PaginationPrevious: {
-    ({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX_2.Element;
-    displayName: string;
-};
+export declare function PaginationPrevious({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
 
-export declare const PasswordInput: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+export declare function PasswordInput({ ...props }: InputProps): JSX.Element;
 
 export declare function pluralizeTimes(resourceName: string, count: number): string;
 
@@ -614,13 +428,13 @@ 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 PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Root>): JSX.Element;
 
-export declare const RadioGroupItem: React_2.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroupPrimitive.Item>): JSX.Element;
 
 export declare const RESOURCE_DEFINITIONS: Record<ResourceName, string>;
 
@@ -629,15 +443,15 @@ export declare const RESOURCE_NAMES: readonly ["access-token", "account", "activ
 
 export declare type ResourceName = (typeof RESOURCE_NAMES)[number];
 
-export declare const SearchInput: default_3.FC<SearchInputProps>;
+export declare function SearchInput({ onChange, ...props }: SearchInputProps): JSX.Element;
 
-declare interface SearchInputProps extends Omit<InputProps, 'onChange'> {
+declare interface SearchInputProps extends Omit<InputProps, "onChange"> {
     onChange?: (value: string) => void;
 }
 
 export declare function secondsToDuration(seconds: number): string;
 
-export declare interface SelectionProps<V extends number | string | string[]> extends Omit<default_3.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'values' | 'defaultValue'> {
+export declare interface SelectionProps<V extends number | string | string[]> extends Omit<default_3.ComponentProps<"button">, "value" | "values" | "defaultValue"> {
     value: V;
     setValue: (v: V) => void;
     buttonLabel?: default_3.ReactNode;
@@ -648,7 +462,10 @@ export declare interface SelectionProps<V extends number | string | string[]> ex
     }[];
 }
 
-export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+/** 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
@@ -659,47 +476,39 @@ export declare const Sheet: React_2.FC<DialogPrimitive.DialogProps>;
 
 export declare const SheetClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const SheetContent: React_2.ForwardRefExoticComponent<SheetContentProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SheetContent({ side, className, children, ...props }: SheetContentProps): JSX.Element;
 
-declare interface SheetContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+declare interface SheetContentProps extends React_2.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }
 
-export declare const SheetDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
 
-export declare const SheetFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-    displayName: string;
-};
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SheetHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
-    displayName: string;
-};
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SheetOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+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 const SheetTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+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?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-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> & {
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
     side?: "left" | "right";
     variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offcanvas" | "icon" | "none";
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+    collapsible?: "offcanvas" | "none";
+}): JSX.Element;
 
-export declare const SidebarContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 declare type SidebarContext = {
-    state: 'expanded' | 'collapsed';
+    state: "expanded" | "collapsed";
     open: boolean;
     setOpen: (open: boolean) => void;
     openMobile: boolean;
@@ -710,79 +519,71 @@ declare type SidebarContext = {
 
 declare const SidebarContext: React_2.Context<SidebarContext | null>;
 
-export declare const SidebarFooter: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SidebarGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SidebarGroupAction: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare function SidebarGroupAction({ className, asChild, ...props }: React_2.ComponentProps<"button"> & {
     asChild?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+}): JSX.Element;
 
-export declare const SidebarGroupContent: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SidebarGroupLabel: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
-    asChild?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarGroupLabel({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SidebarHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SidebarInset: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
 
-export declare const SidebarMenu: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
+export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
 
-export declare const SidebarMenuAction: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React_2.ComponentProps<"button"> & {
     asChild?: boolean;
     showOnHover?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+}): JSX.Element;
 
-export declare const SidebarMenuBadge: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare const SidebarMenuButton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLButtonElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
+export declare function SidebarMenuButton({ asChild, isActive, tooltip, className, ...props }: React_2.ComponentProps<"button"> & {
     isActive?: boolean;
+    asChild?: boolean;
     tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
-} & VariantProps<(props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+}): JSX.Element;
 
-export declare const SidebarMenuItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
+export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-export declare const SidebarMenuSkeleton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
     showIcon?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+}): JSX.Element;
 
-export declare const SidebarMenuSub: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React_2.RefAttributes<HTMLUListElement>>;
+export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
 
-export declare const SidebarMenuSubButton: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLAnchorElement> & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & {
+export declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React_2.ComponentProps<"a"> & {
     asChild?: boolean;
-    size?: "sm" | "md";
-    isActive?: boolean;
-}, "ref"> & React_2.RefAttributes<HTMLAnchorElement>>;
+    size: "sm" | "md";
+    isActive: boolean;
+}): JSX.Element;
 
-export declare const SidebarMenuSubItem: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React_2.RefAttributes<HTMLLIElement>>;
+export declare function SidebarMenuSubItem({ ...props }: React_2.ComponentProps<"li">): JSX.Element;
 
-declare interface SidebarProps extends React_2.ComponentProps<typeof Sidebar> {
-}
-
-export declare const SidebarProvider: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & {
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
     defaultOpen?: boolean;
     open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+    onOpenChange?: (o: boolean) => void;
+}): JSX.Element;
 
-export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
 
-export declare const SidebarSeparator: React_2.ForwardRefExoticComponent<Omit<Omit<SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
 
-export declare const SidebarTrigger: React_2.ForwardRefExoticComponent<Omit<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
 
 declare interface SingleSelectProps extends SelectionProps<string> {
 }
 
-export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
 
-export declare function StaticDataTable<T>({ accessors, data, affectedData }: StaticDataTableProps<T>): JSX_2.Element;
+export declare function StaticDataTable<T>({ accessors, data, affectedData, }: StaticDataTableProps<T>): JSX.Element;
 
 export declare interface StaticDataTableProps<T> {
     accessors: (keyof T)[];
@@ -790,7 +591,7 @@ export declare interface StaticDataTableProps<T> {
     affectedData?: T[];
 }
 
-export declare const Table: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;
+export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
 
 export declare const TABLE_CHECK_BOX_COLUMN: AccessorKeyColumnDef<any, any>[];
 
@@ -819,77 +620,71 @@ export declare type TableActions = {
     segments: boolean;
 };
 
-export declare const TableBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
 
-export declare const TableCaption: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableCaptionElement> & React_2.RefAttributes<HTMLTableCaptionElement>>;
+export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
 
-export declare const TableCell: React_2.ForwardRefExoticComponent<React_2.TdHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;
+export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
 
 export declare type TableFetchFn<TData> = (p: PaginationState, s: SortingState, q: string) => Promise<{
     total: number;
     data: TData[] | undefined;
 }>;
 
-export declare const TableFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
 
-export declare const TableHead: React_2.ForwardRefExoticComponent<React_2.ThHTMLAttributes<HTMLTableCellElement> & React_2.RefAttributes<HTMLTableCellElement>>;
+export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
 
-export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
+export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
 
 export declare function TablePageLayout({ resourceName, children, }: {
     resourceName: string;
     children?: React.ReactNode;
-}): JSX_2.Element;
+}): JSX.Element;
 
-export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
+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 const TabsContent: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
 
-export declare const TabsList: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
 
-export declare const TabsTrigger: React_2.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
 
-export declare const Textarea: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
 
-export declare const TfCheckbox: ({ ...props }: TfCheckboxProps) => JSX_2.Element;
+export declare function TfCheckbox({ ...props }: TfCheckboxProps): JSX.Element;
 
-export declare interface TfCheckboxProps extends Omit<React_2.ComponentPropsWithoutRef<typeof Checkbox>, 'onChange' | 'onBlur' | 'checked'> {
+export declare interface TfCheckboxProps extends Omit<React_2.ComponentProps<typeof Checkbox>, "onChange" | "onBlur" | "checked"> {
 }
 
-export declare const TfCountrySelect: ({ ...props }: Omit<TfMultiSelectProps, "options">) => JSX_2.Element;
+export declare function TfCountrySelect({ ...props }: Omit<TfMultiSelectProps, "options">): JSX.Element;
 
-export declare const TfInput: default_3.ForwardRefExoticComponent<Omit<InputProps, "name" | "value" | "id" | "onBlur" | "onChange"> & default_3.RefAttributes<HTMLInputElement>>;
+export declare function TfInput({ disabled, ...props }: Omit<InputProps, "value" | "id" | "name" | "onBlur" | "onChange">): JSX.Element;
 
-export declare const TfLicenseTypeSelect: ({ ...props }: Omit<TfSingleSelectProps, "options">) => JSX_2.Element;
+export declare function TfLicenseTypeSelect({ ...props }: Omit<TfSingleSelectProps, "options">): JSX.Element;
 
-export declare const TfMultiSelect: {
-    ({ ...props }: TfMultiSelectProps): JSX_2.Element;
-    displayName: string;
-};
+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" | "setValue"> {
 }
 
-declare interface TfSingleSelectProps extends Omit<SingleSelectProps, 'value' | 'setValue'> {
+declare interface TfSingleSelectProps extends Omit<SingleSelectProps, "value" | "setValue"> {
 }
 
-export declare const TfTextarea: {
-    ({ disabled, ...props }: TfTextareaProps): JSX_2.Element;
-    displayName: string;
-};
+export declare function TfTextarea({ disabled, ...props }: TfTextareaProps): JSX.Element;
 
-export declare interface TfTextareaProps extends Omit<React_2.ComponentPropsWithoutRef<typeof Textarea>, 'value' | 'onChange' | 'onBlur'> {
+export declare interface TfTextareaProps extends Omit<React_2.ComponentProps<typeof Textarea>, "value" | "onChange" | "onBlur"> {
 }
 
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX_2.Element;
+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 const TooltipContent: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare function TooltipContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
 
 export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;
 
@@ -899,21 +694,15 @@ export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPr
  * 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>>;
+    readonly Button: typeof Button;
 }> & {
     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;
-    };
+    readonly TfInput: typeof TfInput;
+    readonly TfCountrySelect: typeof TfCountrySelect;
+    readonly TfLicenseTypeSelect: typeof TfLicenseTypeSelect;
+    readonly TfCheckbox: typeof TfCheckbox;
+    readonly TfMultiSelect: typeof TfMultiSelect;
+    readonly TfTextarea: typeof TfTextarea;
     }>>;
     AppForm: ComponentType<PropsWithChildren>;
 };