@noxickon/onyx 1.0.5 → 1.2.0

package/dist/index.d.ts

@@ -1,34 +1,25 @@
-import { AnchorHTMLAttributes } from 'react';
 import { AnimationEventHandler } from 'react';
-import { ButtonHTMLAttributes } from 'react';
 import { ClipboardEventHandler } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { CompositionEventHandler } from 'react';
+import { Context } from 'react';
 import { CSSProperties } from 'react';
 import { DetailedReactHTMLElement } from 'react';
-import { DialogHTMLAttributes } from 'react';
 import { DragEventHandler } from 'react';
 import { FocusEventHandler } from 'react';
 import { FormEventHandler } from 'react';
-import { FormHTMLAttributes } from 'react';
 import { HTMLAttributes } from 'react';
 import { IconProps } from '@mdi/react/dist/IconProps';
 import { InputEventHandler } from 'react';
-import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { KeyboardEventHandler } from 'react';
-import { LabelHTMLAttributes } from 'react';
-import { LiHTMLAttributes } from 'react';
 import { MouseEventHandler } from 'react';
-import { OlHTMLAttributes } from 'react';
 import { PointerEventHandler } from 'react';
 import { ReactEventHandler } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
-import { Ref } from 'react';
-import { TableHTMLAttributes } from 'react';
-import { TdHTMLAttributes } from 'react';
-import { TextareaHTMLAttributes } from 'react';
-import { ThHTMLAttributes } from 'react';
+import { RefObject } from 'react';
 import { ToggleEventHandler } from 'react';
 import { TouchEventHandler } from 'react';
 import { TransitionEventHandler } from 'react';
@@ -37,20 +28,18 @@ import { WheelEventHandler } from 'react';
 
 export declare type AccordionType = 'single' | 'multiple';
 
-declare interface BaseInputButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'> {
-    children?: React.ReactNode;
+declare interface BaseInputButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'type'> {
     path?: string;
 }
 
-declare interface BaseInputCounterProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+declare interface BaseInputCounterProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     currentLength?: number;
     disabled?: boolean;
     maxLength: number;
     size?: 'sm' | 'md';
 }
 
-declare interface BaseInputIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'type' | 'children'> {
-    children?: React.ReactNode;
+declare interface BaseInputIconProps extends ComponentPropsWithRef<'span'> {
     path?: string;
 }
 
@@ -198,24 +187,28 @@ declare type ColorStyleName = keyof typeof COLOR_STYLES;
 
 export declare type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
 
-declare const FormField: ({ children, className, ...domProps }: FormFieldProps) => JSX.Element;
+declare const FormDescription: (props: OxDescriptionProps) => JSX.Element;
 
-export declare interface FormFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    children: ReactNode;
-}
+declare const FormError: (props: OxErrorProps) => JSX.Element;
 
-declare const FormFields: ({ children, className, ...domProps }: FormFieldsProps) => JSX.Element;
+declare const FormField: ({ children, className, orientation, ...domProps }: FormFieldProps) => JSX.Element;
 
-export declare interface FormFieldsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface FormFieldProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
+    orientation?: 'vertical' | 'horizontal';
 }
 
-declare const FormGroup: ({ children, className, ...domProps }: FormGroupProps) => JSX.Element;
+declare const FormGroup: ({ children, className, layout, ...domProps }: FormGroupProps) => JSX.Element;
 
-export declare interface FormGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface FormGroupProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
+    layout?: 'grid';
 }
 
+declare const FormGroupTitle: (props: OxHeadingProps) => JSX.Element;
+
+declare const FormLabel: (props: OxLabelProps) => JSX.Element;
+
 declare type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
 
 declare type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | 7;
@@ -230,25 +223,25 @@ declare const OxAccordion_2: ({ children, className, defaultValue, onValueChange
 
 declare const OxAccordionContent: ({ children, className, ...domProps }: OxAccordionContentProps) => JSX.Element;
 
-export declare interface OxAccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare interface OxAccordionContentProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxAccordionHeader: ({ children, className, ...domProps }: OxAccordionHeaderProps) => JSX.Element;
 
-export declare interface OxAccordionHeaderProps extends React.HTMLAttributes<HTMLButtonElement> {
+export declare interface OxAccordionHeaderProps extends ComponentPropsWithRef<'button'> {
     children: ReactNode;
 }
 
 declare const OxAccordionItem: ({ children, className, disabled, value, ...domProps }: OxAccordionItemProps) => JSX.Element;
 
-export declare interface OxAccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare interface OxAccordionItemProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     disabled?: boolean;
     value: string;
 }
 
-export declare interface OxAccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare interface OxAccordionProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     defaultValue?: string | string[];
     onValueChange?: (value: string | string[]) => void;
@@ -270,7 +263,7 @@ export declare interface OxAlertIconProps extends Omit<OxIconProps, 'path'> {
     path?: string;
 }
 
-export declare interface OxAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxAlertProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     icon?: string;
     iconClass?: string;
@@ -288,11 +281,11 @@ declare const OxAvatar_2: ({ alt, className, fallback, isLoading: externalIsLoad
 
 declare const OxAvatarField: ({ children, className, ...domProps }: OxAvatarFieldProps) => JSX.Element;
 
-export declare interface OxAvatarFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxAvatarFieldProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
-export declare interface OxAvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxAvatarProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     alt: string;
     fallback?: string | ReactNode;
     isLoading?: boolean;
@@ -308,7 +301,7 @@ export declare type OxAvatarSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 
 export declare const OxBadge: ({ bgColor, children, className, color, size, style: styleProp, textColor, ...domProps }: OxBadgeProps) => JSX.Element;
 
-export declare interface OxBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+export declare interface OxBadgeProps extends ComponentPropsWithRef<'span'> {
     bgColor?: string;
     children: ReactNode;
     color?: ColorStyleName;
@@ -326,25 +319,25 @@ declare const OxBreadcrumb_2: ({ children, className, ...domProps }: OxBreadcrum
 
 declare const OxBreadcrumbItem: ({ children, className, current, ...domProps }: OxBreadcrumbItemProps) => JSX.Element;
 
-export declare interface OxBreadcrumbItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'children'> {
+export declare interface OxBreadcrumbItemProps extends ComponentPropsWithRef<'li'> {
     children: ReactNode;
     current?: boolean;
 }
 
 declare const OxBreadcrumbLink: ({ children, className, href, ...domProps }: OxBreadcrumbLinkProps) => JSX.Element;
 
-export declare interface OxBreadcrumbLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+export declare interface OxBreadcrumbLinkProps extends ComponentPropsWithRef<'a'> {
     children: ReactNode;
     href: string;
 }
 
-export declare interface OxBreadcrumbProps extends Omit<HTMLAttributes<HTMLOListElement>, 'children'> {
+export declare interface OxBreadcrumbProps extends ComponentPropsWithRef<'ol'> {
     children: ReactNode;
 }
 
 declare const OxBreadcrumbSeparator: ({ children, className, ...domProps }: OxBreadcrumbSeparatorProps) => JSX.Element;
 
-export declare type OxBreadcrumbSeparatorProps = HTMLAttributes<HTMLLIElement>;
+export declare type OxBreadcrumbSeparatorProps = ComponentPropsWithRef<'li'>;
 
 export declare const OxButton: typeof OxButton_2 & {
     Icon: typeof OxButtonIcon;
@@ -356,18 +349,16 @@ declare const OxButtonIcon: ({ path, size: propSize, ...props }: OxButtonIconPro
 
 export declare type OxButtonIconProps = OxIconProps;
 
-export declare interface OxButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+export declare interface OxButtonProps extends ComponentPropsWithRef<'button'> {
     fullWidth?: boolean;
     isLoading?: boolean;
-    ref?: Ref<HTMLButtonElement>;
     size?: 'sm' | 'md';
-    type?: 'button' | 'submit' | 'reset';
     variant?: 'primary' | 'secondary' | 'ghost' | 'link' | 'danger';
 }
 
 export declare const OxCalendar: ({ className, onChange, value, ...domProps }: OxCalendarProps) => JSX.Element;
 
-export declare interface OxCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export declare interface OxCalendarProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
     onChange?: (value: string) => void;
     value?: string;
 }
@@ -378,24 +369,24 @@ export declare const OxCard: typeof OxCard_2 & {
     Header: typeof OxCardHeader;
 };
 
-declare const OxCard_2: ({ children, className, color, equalHeight, hoverVariant, hoverable, padding, ...domProps }: OxCardProps) => JSX.Element;
+declare const OxCard_2: ({ children, className, color, equalHeight, hoverVariant, hoverable, isLoading, padding, ...domProps }: OxCardProps) => JSX.Element;
 
 declare const OxCardBody: ({ children, className, flexGrow, ...domProps }: OxCardBodyProps) => JSX.Element;
 
-export declare interface OxCardBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxCardBodyProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     flexGrow?: boolean;
 }
 
 declare const OxCardFooter: ({ children, className, ...domProps }: OxCardFooterProps) => JSX.Element;
 
-export declare interface OxCardFooterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxCardFooterProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxCardHeader: ({ action, children, className, icon, iconColor, subtitle, title, ...domProps }: OxCardHeaderProps) => JSX.Element;
 
-export declare interface OxCardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+export declare interface OxCardHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
     action?: ReactNode;
     icon?: string;
     iconColor?: ColorStyleName;
@@ -403,31 +394,25 @@ export declare interface OxCardHeaderProps extends Omit<HTMLAttributes<HTMLDivEl
     title?: ReactNode;
 }
 
-export declare interface OxCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxCardProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     color?: ColorStyleName;
     equalHeight?: boolean;
     hoverable?: boolean;
     hoverVariant?: 'none' | 'lift' | 'glow' | 'border';
+    isLoading?: boolean;
     padding?: 'none' | 'sm' | 'md';
 }
 
 export declare const OxCheckbox: typeof OxCheckbox_2 & {
-    Field: typeof OxCheckboxField;
     Group: typeof OxCheckboxGroup;
 };
 
 declare const OxCheckbox_2: ({ checked, className, defaultChecked, disabled, error, id: propId, indeterminate, name, onChange, onCheckedChange, required, size, value, ...domProps }: OxCheckboxProps) => JSX.Element;
 
-declare const OxCheckboxField: ({ children, className, ...domProps }: OxCheckboxFieldProps) => JSX.Element;
-
-export declare interface OxCheckboxFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    children: ReactNode;
-}
-
 declare const OxCheckboxGroup: ({ children, className, disabled, name, onChange, size, value, ...domProps }: OxCheckboxGroupProps) => JSX.Element;
 
-export declare interface OxCheckboxGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {
+export declare interface OxCheckboxGroupProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'children'> {
     children: ReactNode;
     disabled?: boolean;
     name: string;
@@ -436,7 +421,8 @@ export declare interface OxCheckboxGroupProps extends Omit<HTMLAttributes<HTMLDi
     value?: (string | number)[];
 }
 
-export declare interface OxCheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'value' | 'children'> {
+export declare interface OxCheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'size' | 'value' | 'children' | 'checked'> {
+    checked?: boolean | null;
     error?: boolean;
     indeterminate?: boolean;
     onCheckedChange?: (checked: boolean) => void;
@@ -446,7 +432,7 @@ export declare interface OxCheckboxProps extends Omit<InputHTMLAttributes<HTMLIn
 
 declare const OxDateButton: (props: BaseInputButtonProps) => JSX.Element;
 
-declare const OxDateContainer: ({ children, className, customValidationMessage, defaultValue, disabled, error, onChange, pickOnly, readOnly, required, showValidation, showValidationTooltip, size, value, ...domProps }: OxDateInputContainerProps) => JSX.Element;
+declare const OxDateContainer: ({ children, className, customValidationMessage, defaultOpen, defaultValue, disabled, error, onChange, onOpenChange, open, pickOnly, readOnly, required, showValidation, showValidationTooltip, size, value, ...domProps }: OxDateInputContainerProps) => JSX.Element;
 
 declare const OxDateIcon: (props: BaseInputIconProps) => JSX.Element;
 
@@ -461,12 +447,15 @@ declare const OxDateInput_2: () => JSX.Element;
 
 declare type OxDateInputButton = BaseInputButtonProps;
 
-declare interface OxDateInputContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+declare interface OxDateInputContainerProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
     customValidationMessage?: string;
+    defaultOpen?: boolean;
     defaultValue?: string;
     disabled?: boolean;
     error?: boolean;
     onChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
     pickOnly?: boolean;
     readOnly?: boolean;
     required?: boolean;
@@ -487,23 +476,23 @@ export declare const OxDescriptionList: typeof OxDescriptionList_2 & {
 
 declare const OxDescriptionList_2: ({ children, className, ...domProps }: OxDescriptionListProps) => JSX.Element;
 
-declare interface OxDescriptionListProps extends Omit<HTMLAttributes<HTMLDListElement>, 'children'> {
+declare interface OxDescriptionListProps extends ComponentPropsWithRef<'dl'> {
     children: ReactNode;
 }
 
 declare const OxDescriptionListTerm: ({ children, className, ...domProps }: OxDescriptionListTermProps) => JSX.Element;
 
-declare interface OxDescriptionListTermProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+declare interface OxDescriptionListTermProps extends ComponentPropsWithRef<'dt'> {
     children: ReactNode;
 }
 
 declare const OxDescriptionListValue: ({ children, className, ...domProps }: OxDescriptionListValueProps) => JSX.Element;
 
-declare interface OxDescriptionListValueProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+declare interface OxDescriptionListValueProps extends ComponentPropsWithRef<'dd'> {
     children?: ReactNode;
 }
 
-declare interface OxDescriptionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+declare interface OxDescriptionProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     disabled?: boolean;
 }
@@ -518,23 +507,23 @@ declare const OxDialog_2: ({ children, className, closeOnOutsideClick, isOpen, o
 
 declare const OxDialogBody: ({ children, className, ...domProps }: OxDialogBodyProps) => JSX.Element;
 
-export declare interface OxDialogBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDialogBodyProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxDialogFooter: ({ children, className, ...domProps }: OxDialogFooterProps) => JSX.Element;
 
-export declare interface OxDialogFooterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDialogFooterProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxDialogHeader: ({ children, className, ...domProps }: OxDialogHeaderProps) => JSX.Element;
 
-export declare interface OxDialogHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDialogHeaderProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
-export declare interface OxDialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'children' | 'onClose'> {
+export declare interface OxDialogProps extends ComponentPropsWithoutRef<'dialog'> {
     children: ReactNode;
     closeOnOutsideClick?: boolean;
     isOpen: boolean;
@@ -558,13 +547,13 @@ declare const OxDrawer_2: ({ children, defaultOpen, onOpenChange, open: controll
 
 declare const OxDrawerBody: ({ children, className, ...domProps }: OxDrawerBodyProps) => JSX.Element;
 
-export declare interface OxDrawerBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDrawerBodyProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxDrawerContent: ({ children, className, closeOnOutsideClick, side, ...domProps }: OxDrawerContentProps) => ReactPortal | null;
 
-export declare interface OxDrawerContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDrawerContentProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     closeOnOutsideClick?: boolean;
     side?: DrawerSide;
@@ -572,13 +561,13 @@ export declare interface OxDrawerContentProps extends Omit<HTMLAttributes<HTMLDi
 
 declare const OxDrawerFooter: ({ children, className, ...domProps }: OxDrawerFooterProps) => JSX.Element;
 
-export declare interface OxDrawerFooterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDrawerFooterProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxDrawerHeader: ({ children, className, ...domProps }: OxDrawerHeaderProps) => JSX.Element;
 
-export declare interface OxDrawerHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDrawerHeaderProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
@@ -591,47 +580,48 @@ export declare interface OxDrawerProps {
 
 declare const OxDrawerTrigger: ({ children, className, disabled, onClick, ...domProps }: OxDrawerTriggerProps) => JSX.Element;
 
-export declare interface OxDrawerTriggerProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
+export declare interface OxDrawerTriggerProps extends ComponentPropsWithRef<'button'> {
     children: ReactNode;
     disabled?: boolean;
 }
 
 export declare const OxDropdown: typeof OxDropdown_2 & {
     Body: typeof OxDropdownBody;
-    Button: typeof OxDropdownButton;
+    Content: typeof OxDropdownContent;
     Footer: typeof OxDropdownFooter;
     Header: typeof OxDropdownHeader;
     Icon: typeof OxDropdownIcon;
+    Item: typeof OxDropdownItem;
     Label: typeof OxDropdownLabel;
-    Link: typeof OxDropdownLink;
     Separator: typeof OxDropdownSeparator;
     Shortcut: typeof OxDropdownShortcut;
     Trigger: typeof OxDropdownTrigger;
 };
 
-declare const OxDropdown_2: ({ align, children, className, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, size, ...domProps }: OxDropdownProps) => JSX.Element;
+declare const OxDropdown_2: ({ align, children, defaultOpen, disabled, onOpenChange, open, side, size, }: OxDropdownProps) => JSX.Element;
 
-export declare interface OxDropdownActionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+declare const OxDropdownBody: ({ children, className, ...domProps }: OxDropdownBodyProps) => JSX.Element;
+
+export declare interface OxDropdownBodyProps extends ComponentPropsWithRef<'ul'> {
     children: ReactNode;
 }
 
-declare const OxDropdownBody: ({ children, className, ...domProps }: OxDropdownBodyProps) => JSX.Element;
+declare const OxDropdownContent: ({ children, className, ...domProps }: OxDropdownContentProps) => JSX.Element;
 
-export declare interface OxDropdownBodyProps extends Omit<HTMLAttributes<HTMLUListElement>, 'children'> {
+export declare interface OxDropdownContentProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
+    className?: string;
 }
 
-declare const OxDropdownButton: ({ children, className, disabled, onClick, ...domProps }: OxDropdownActionProps) => JSX.Element;
-
 declare const OxDropdownFooter: ({ children, className, ...domProps }: OxDropdownFooterProps) => JSX.Element;
 
-export declare interface OxDropdownFooterProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDropdownFooterProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxDropdownHeader: ({ children, className, ...domProps }: OxDropdownHeaderProps) => JSX.Element;
 
-export declare interface OxDropdownHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDropdownHeaderProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
@@ -639,20 +629,26 @@ declare const OxDropdownIcon: ({ path, size: propSize, ...props }: OxDropdownIco
 
 export declare type OxDropdownIconProps = OxIconProps;
 
-declare const OxDropdownLabel: ({ children, className, ...domProps }: OxDropdownLabelProps) => JSX.Element;
+declare const OxDropdownItem: (props: OxDropdownItemProps) => JSX.Element;
 
-export declare interface OxDropdownLabelProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
-    children: ReactNode;
-}
+export declare type OxDropdownItemButtonProps = Omit<ComponentPropsWithRef<'button'>, 'type'> & {
+    href?: never;
+};
+
+export declare type OxDropdownItemLinkProps = ComponentPropsWithRef<'a'> & {
+    disabled?: boolean;
+    href: string;
+};
 
-declare const OxDropdownLink: ({ children, className, disabled, href, ...domProps }: OxDropdownLinkProps) => JSX.Element;
+export declare type OxDropdownItemProps = OxDropdownItemButtonProps | OxDropdownItemLinkProps;
 
-export declare interface OxDropdownLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+declare const OxDropdownLabel: ({ children, className, ...domProps }: OxDropdownLabelProps) => JSX.Element;
+
+export declare interface OxDropdownLabelProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
-    disabled?: boolean;
 }
 
-export declare interface OxDropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxDropdownProps {
     align?: OxFloatingAlign;
     children: ReactNode;
     defaultOpen?: boolean;
@@ -669,13 +665,13 @@ export declare type OxDropdownSeparatorProps = Omit<OxSeparatorProps, 'orientati
 
 declare const OxDropdownShortcut: ({ children, className, ...domProps }: OxDropdownShortcutProps) => JSX.Element;
 
-export declare interface OxDropdownShortcutProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+export declare interface OxDropdownShortcutProps extends ComponentPropsWithRef<'span'> {
     children: ReactNode;
 }
 
 declare const OxDropdownTrigger: ({ animateIcon, asChild, children, className, disabled: propsDisabled, hideIcon, icon, outline, ...domProps }: OxDropdownTriggerProps) => JSX.Element;
 
-export declare interface OxDropdownTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export declare interface OxDropdownTriggerProps extends ComponentPropsWithRef<'button'> {
     animateIcon?: boolean;
     asChild?: boolean;
     children: ReactNode;
@@ -686,7 +682,7 @@ export declare interface OxDropdownTriggerProps extends Omit<ButtonHTMLAttribute
 
 export declare const OxError: ({ children, className, icon, ...domProps }: OxErrorProps) => JSX.Element | null;
 
-declare interface OxErrorProps extends HTMLAttributes<HTMLDivElement> {
+declare interface OxErrorProps extends ComponentPropsWithRef<'div'> {
     icon?: string;
 }
 
@@ -700,25 +696,25 @@ declare const OxFileUpload_2: ({ accept, children, className, disabled, maxFiles
 
 declare const OxFileUploadArea: ({ children, className, ...domProps }: OxFileUploadAreaProps) => JSX.Element;
 
-export declare interface OxFileUploadAreaProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
+export declare interface OxFileUploadAreaProps extends ComponentPropsWithRef<'div'> {
+    children: ReactNode;
 }
 
 declare const OxFileUploadButton: ({ children, className, size, variant, ...domProps }: OxFileUploadButtonProps) => JSX.Element;
 
-export declare interface OxFileUploadButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onClick'> {
-    children?: ReactNode;
+export declare interface OxFileUploadButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick'> {
+    children: ReactNode;
     size?: 'sm' | 'md';
     variant?: 'primary' | 'secondary' | 'ghost' | 'link' | 'danger';
 }
 
 declare const OxFileUploadOverlay: ({ children, className, ...domProps }: OxFileUploadOverlayProps) => JSX.Element;
 
-export declare interface OxFileUploadOverlayProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface OxFileUploadOverlayProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
-export declare interface OxFileUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onError'> {
+export declare interface OxFileUploadProps extends Omit<ComponentPropsWithRef<'div'>, 'onError'> {
     accept?: string[];
     children: ReactNode;
     disabled?: boolean;
@@ -730,46 +726,82 @@ export declare interface OxFileUploadProps extends Omit<HTMLAttributes<HTMLDivEl
     onFileSelect?: (files: File[]) => void;
 }
 
-export declare const OxFloating: ({ align, animationDuration, ariaHaspopup, asChild, children, className, content, contentClassName, contentRole, contentStyle, disabled, hoverDelay, id: propId, offset, onOpenChange, open: controlledOpen, portal, position, trigger, useAriaControls, }: OxFloatingProps) => JSX.Element;
+export declare const OxFloating: typeof OxFloating_2 & {
+    Content: typeof OxFloatingContent;
+    Trigger: typeof OxFloatingTrigger;
+};
+
+declare const OxFloating_2: ({ align, animationDuration, ariaHaspopup, children, defaultOpen, disabled, hoverDelay, id: propId, offset, onOpenChange, open: controlledOpen, position, trigger, useAriaControls, }: OxFloatingProps) => JSX.Element;
 
 export declare type OxFloatingAlign = 'start' | 'center' | 'end';
 
+export declare type OxFloatingAriaHaspopupTypes = 'menu' | 'dialog' | 'listbox' | 'tree' | 'grid' | true;
+
+declare const OxFloatingContent: ({ children, className, portal, style, ...domProps }: OxFloatingContentProps) => JSX.Element | null;
+
+export declare interface OxFloatingContentProps extends ComponentPropsWithoutRef<'div'> {
+    children: ReactNode;
+    portal?: boolean;
+}
+
+export declare const OxFloatingContext: Context<OxFloatingContextValue | undefined>;
+
+export declare interface OxFloatingContextValue {
+    ariaHaspopup?: OxFloatingAriaHaspopupTypes;
+    closing: boolean;
+    contentRef: RefObject<HTMLDivElement | null>;
+    disabled: boolean;
+    hoverDelay: number;
+    hoverTimeoutRef: RefObject<number | null>;
+    id: string;
+    isPositioned: boolean;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    trigger: OxFloatingTriggerTypes;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    useAriaControls: boolean;
+}
+
 export declare type OxFloatingPosition = 'top' | 'bottom' | 'left' | 'right';
 
 export declare interface OxFloatingProps {
     align?: OxFloatingAlign;
     animationDuration?: number;
-    ariaHaspopup?: 'menu' | 'dialog' | 'listbox' | 'tree' | 'grid' | true;
-    asChild?: boolean;
+    ariaHaspopup?: OxFloatingAriaHaspopupTypes;
     children: ReactNode;
-    className?: string;
-    content: ReactNode;
-    contentClassName?: string;
-    contentRole?: 'tooltip' | 'menu' | 'dialog' | 'listbox' | undefined;
-    contentStyle?: CSSProperties;
+    defaultOpen?: boolean;
     disabled?: boolean;
     hoverDelay?: number;
     id?: string;
     offset?: number;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-    portal?: boolean;
     position?: OxFloatingPosition;
-    trigger?: OxFloatingTrigger;
+    trigger?: OxFloatingTriggerTypes;
     useAriaControls?: boolean;
 }
 
-export declare type OxFloatingTrigger = 'hover' | 'click' | 'manual' | 'focus';
+declare const OxFloatingTrigger: ({ asChild, children, className, ...domProps }: OxFloatingTriggerProps) => JSX.Element;
+
+export declare interface OxFloatingTriggerProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+    children: ReactNode;
+}
+
+export declare type OxFloatingTriggerTypes = 'hover' | 'click' | 'manual' | 'focus';
 
 export declare const OxForm: typeof OxForm_2 & {
+    Description: typeof FormDescription;
+    Error: typeof FormError;
     Field: typeof FormField;
-    Fields: typeof FormFields;
     Group: typeof FormGroup;
+    GroupTitle: typeof FormGroupTitle;
+    Label: typeof FormLabel;
 };
 
 declare const OxForm_2: ({ children, className, fullWidth, noValidate, ...domProps }: OxFormProps) => JSX.Element;
 
-export declare interface OxFormProps extends Omit<FormHTMLAttributes<HTMLFormElement>, 'children'> {
+export declare interface OxFormProps extends ComponentPropsWithRef<'form'> {
     children: ReactNode;
     fullWidth?: boolean;
 }
@@ -1076,7 +1108,7 @@ export declare const OxJsonField: typeof OxJsonField_2 & {
 
 declare const OxJsonField_2: ({ className, value, ...domProps }: OxJsonFieldProps) => JSX.Element;
 
-export declare interface OxJsonFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxJsonFieldProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     value: string | OxJsonValue;
 }
 
@@ -1093,7 +1125,7 @@ export declare type OxJsonValue = string | number | boolean | null | undefined |
 
 export declare const OxLabel: ({ children, className, disabled, htmlFor, required, ...domProps }: OxLabelProps) => JSX.Element;
 
-declare interface OxLabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'> {
+declare interface OxLabelProps extends ComponentPropsWithRef<'label'> {
     children: ReactNode;
     disabled?: boolean;
     required?: boolean;
@@ -1101,7 +1133,7 @@ declare interface OxLabelProps extends Omit<LabelHTMLAttributes<HTMLLabelElement
 
 export declare const OxLegend: ({ children, className, disabled, required, ...domProps }: OxLegendProps) => JSX.Element;
 
-declare interface OxLegendProps extends Omit<HTMLAttributes<HTMLLegendElement>, 'children'> {
+declare interface OxLegendProps extends ComponentPropsWithRef<'legend'> {
     children: ReactNode;
     disabled?: boolean;
     required?: boolean;
@@ -1109,7 +1141,7 @@ declare interface OxLegendProps extends Omit<HTMLAttributes<HTMLLegendElement>,
 
 export declare const OxLink: ({ children, className, disabled, href, size, variant, ...domProps }: OxLinkProps) => JSX.Element;
 
-export declare interface OxLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+export declare interface OxLinkProps extends ComponentPropsWithRef<'a'> {
     disabled?: boolean;
     size?: 'sm' | 'md';
     variant?: 'primary' | 'secondary' | 'ghost' | 'link' | 'danger';
@@ -1137,24 +1169,24 @@ declare const OxNotifications_2: ({ children, disabled, emptyMessage, items, onI
 
 declare const OxNotificationsBody: ({ children, className, ...domProps }: OxNotificationsBodyProps) => JSX.Element;
 
-export declare interface OxNotificationsBodyProps extends Omit<HTMLAttributes<HTMLUListElement>, 'children'> {
+export declare interface OxNotificationsBodyProps extends ComponentPropsWithRef<'ul'> {
     children?: ReactNode;
 }
 
 declare const OxNotificationsButton: ({ children, className, icon, img, message, timestamp, title, type, unread, ...domProps }: OxNotificationsButtonProps) => JSX.Element;
 
-export declare interface OxNotificationsButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type' | 'onClick'>, BaseNotificationItemProps {
+export declare interface OxNotificationsButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'type' | 'onClick'>, BaseNotificationItemProps {
 }
 
 export declare type OxNotificationsIconProps = OxIconProps;
 
 declare const OxNotificationsLink: ({ children, className, href, icon, img, message, timestamp, title, type, unread, ...domProps }: OxNotificationsLinkProps) => JSX.Element;
 
-export declare interface OxNotificationsLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'type' | 'onClick'>, BaseNotificationItemProps {
+export declare interface OxNotificationsLinkProps extends Omit<ComponentPropsWithRef<'a'>, 'children' | 'type' | 'onClick'>, BaseNotificationItemProps {
     href: string;
 }
 
-export declare interface OxNotificationsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxNotificationsProps extends ComponentPropsWithRef<'div'> {
     children?: ReactNode;
     disabled?: boolean;
     emptyMessage?: string;
@@ -1166,7 +1198,7 @@ export declare interface OxNotificationsProps extends Omit<HTMLAttributes<HTMLDi
 
 declare const OxNotificationsTrigger: ({ children, className, customIcon, unreadCount: propUnreadCount, ...domProps }: OxNotificationsTriggerProps) => JSX.Element;
 
-export declare interface OxNotificationsTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export declare interface OxNotificationsTriggerProps extends ComponentPropsWithRef<'button'> {
     children?: ReactNode;
     customIcon?: string;
     unreadCount?: number;
@@ -1176,7 +1208,7 @@ declare const OxNumberButton: (props: OxNumberInputButton) => JSX.Element;
 
 declare const OxNumberContainer: ({ children, defaultValue, disabled, error, locale, max, maximumFractionDigits, min, minimumFractionDigits, onChange, required, showValidationTooltip, size, steps, useGrouping, value, ...domProps }: OxNumberContainerProps) => JSX.Element;
 
-export declare interface OxNumberContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export declare interface OxNumberContainerProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
     customValidationMessage?: string;
     defaultValue?: number;
     disabled?: boolean;
@@ -1244,7 +1276,7 @@ export declare type OxOtpInputType = 'numeric' | 'alphanumeric' | 'text';
 
 export declare const OxPagination: typeof OxPagination_2 & {
     Ellipsis: typeof OxPaginationEllipsis;
-    Link: typeof OxPaginationLink;
+    Item: typeof OxPaginationItem;
     Next: typeof OxPaginationNext;
     Previous: typeof OxPaginationPrevious;
 };
@@ -1253,26 +1285,28 @@ declare const OxPagination_2: ({ children, className, ...domProps }: OxPaginatio
 
 declare const OxPaginationEllipsis: ({ className, size, ...domProps }: OxPaginationEllipsisProps) => JSX.Element;
 
-export declare interface OxPaginationEllipsisProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+export declare interface OxPaginationEllipsisProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {
     size?: OxPaginationSize;
 }
 
-export declare interface OxPaginationItemProps extends Omit<HTMLAttributes<HTMLLIElement>, 'children'> {
-    children: ReactNode;
-}
+declare const OxPaginationItem: (props: OxPaginationItemProps) => JSX.Element;
 
-declare const OxPaginationLink: ({ className, disabled, isActive, onClick, page, size, ...domProps }: OxPaginationLinkProps) => JSX.Element;
+export declare type OxPaginationItemButtonProps = PaginationItemBaseProps & Omit<ComponentPropsWithRef<'button'>, keyof PaginationItemBaseProps | 'onClick' | 'type'> & {
+    href?: never;
+    onClick?: (page: number) => void;
+    type?: 'button';
+};
 
-export declare interface OxPaginationLinkProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'> {
-    isActive?: boolean;
-    onClick: (page: number) => void;
-    page: number;
-    size?: OxPaginationSize;
-}
+export declare type OxPaginationItemLinkProps = PaginationItemBaseProps & Omit<ComponentPropsWithRef<'a'>, keyof PaginationItemBaseProps | 'href'> & {
+    disabled?: boolean;
+    href: string;
+};
+
+export declare type OxPaginationItemProps = OxPaginationItemLinkProps | OxPaginationItemButtonProps;
 
 declare const OxPaginationNext: ({ className, disabled, onClick, short, size, ...domProps }: OxPaginationNextProps) => JSX.Element;
 
-export declare interface OxPaginationNextProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'> {
+export declare interface OxPaginationNextProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'children'> {
     onClick: () => void;
     short?: boolean;
     size?: OxPaginationSize;
@@ -1280,13 +1314,13 @@ export declare interface OxPaginationNextProps extends Omit<ButtonHTMLAttributes
 
 declare const OxPaginationPrevious: ({ className, disabled, onClick, short, size, ...domProps }: OxPaginationPreviousProps) => JSX.Element;
 
-export declare interface OxPaginationPreviousProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'children'> {
+export declare interface OxPaginationPreviousProps extends Omit<ComponentPropsWithRef<'button'>, 'onClick' | 'children'> {
     onClick: () => void;
     short?: boolean;
     size?: OxPaginationSize;
 }
 
-export declare interface OxPaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
+export declare interface OxPaginationProps extends ComponentPropsWithRef<'nav'> {
     children: ReactNode;
 }
 
@@ -1297,16 +1331,16 @@ export declare const OxPopover: typeof OxPopover_2 & {
     Trigger: typeof OxPopoverTrigger;
 };
 
-declare const OxPopover_2: ({ align, children, defaultOpen, disabled, onOpenChange, open: controlledOpen, side, ...domProps }: OxPopoverProps) => JSX.Element;
+declare const OxPopover_2: ({ align, children, defaultOpen, disabled, onOpenChange, open, side, ...domProps }: OxPopoverProps) => JSX.Element;
 
 declare const OxPopoverContent: ({ children, className, showCloseButton, ...domProps }: OxPopoverContentProps) => JSX.Element;
 
-export declare interface OxPopoverContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxPopoverContentProps extends ComponentPropsWithRef<'div'> {
     children: React.ReactNode;
     showCloseButton?: boolean;
 }
 
-export declare interface OxPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxPopoverProps extends ComponentPropsWithRef<'div'> {
     align?: OxFloatingAlign;
     children: React.ReactNode;
     defaultOpen?: boolean;
@@ -1316,9 +1350,10 @@ export declare interface OxPopoverProps extends Omit<HTMLAttributes<HTMLDivEleme
     side?: OxFloatingPosition;
 }
 
-declare const OxPopoverTrigger: ({ children, ...domProps }: OxPopoverTriggerProps) => JSX.Element;
+declare const OxPopoverTrigger: ({ asChild, children, className, ...domProps }: OxPopoverTriggerProps) => JSX.Element;
 
-export declare interface OxPopoverTriggerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxPopoverTriggerProps extends ComponentPropsWithRef<'button'> {
+    asChild?: boolean;
     children: React.ReactNode;
 }
 
@@ -1330,7 +1365,7 @@ declare const OxProgress_2: ({ buffer, className, max, value, variant, ...domPro
 
 declare const OxProgressCircular: ({ className, max, showPercentage, size, value, variant, ...domProps }: OxProgressCircularProps) => JSX.Element;
 
-export declare interface OxProgressCircularProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxProgressCircularProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     max?: number;
     showPercentage?: boolean;
     size?: 'sm' | 'md';
@@ -1338,7 +1373,7 @@ export declare interface OxProgressCircularProps extends Omit<HTMLAttributes<HTM
     variant?: ColorStyleName;
 }
 
-export declare interface OxProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxProgressProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     buffer?: number;
     max?: number;
     value?: number;
@@ -1346,21 +1381,14 @@ export declare interface OxProgressProps extends Omit<HTMLAttributes<HTMLDivElem
 }
 
 export declare const OxRadio: typeof OxRadio_2 & {
-    Field: typeof OxRadioField;
     Group: typeof OxRadioGroup;
 };
 
 declare const OxRadio_2: ({ checked, className, defaultChecked, disabled, error, id: propId, name, onChange, onCheckedChange, required, size, value, ...domProps }: OxRadioProps) => JSX.Element;
 
-declare const OxRadioField: ({ children, className, ...domProps }: OxRadioFieldProps) => JSX.Element;
-
-export declare interface OxRadioFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    children: ReactNode;
-}
-
 declare const OxRadioGroup: ({ children, className, disabled, name, onChange, size, value, ...domProps }: OxRadioGroupProps) => JSX.Element;
 
-export declare interface OxRadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {
+export declare interface OxRadioGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
     children: ReactNode;
     disabled?: boolean;
     name: string;
@@ -1369,7 +1397,7 @@ export declare interface OxRadioGroupProps extends Omit<HTMLAttributes<HTMLDivEl
     value?: string | number;
 }
 
-export declare interface OxRadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+export declare interface OxRadioProps extends Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'size'> {
     error?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     size?: 'sm' | 'md';
@@ -1385,23 +1413,21 @@ export declare const OxSelect: typeof OxSelect_2 & {
     Trigger: typeof OxSelectTrigger;
 };
 
-declare const OxSelect_2: ({ children, className, defaultValue, disabled, error, id: propId, isLoading, multiple, onChange, required, size, value, wrapperClassName, }: OxSelectProps) => JSX.Element;
+declare const OxSelect_2: ({ children, className, defaultOpen, defaultValue, disabled, error, id: propId, isLoading, multiple, onChange, onOpenChange, open, required, size, value, }: OxSelectProps) => JSX.Element;
 
 declare const OxSelectContent: ({ children, className, ...domProps }: OxSelectContentProps) => JSX.Element;
 
-export declare interface OxSelectContentProps extends Omit<HTMLAttributes<HTMLUListElement>, 'children'> {
+export declare interface OxSelectContentProps extends ComponentPropsWithRef<'ul'> {
     children: ReactNode;
 }
 
 declare const OxSelectIcon: ({ className, path, ...domProps }: OxSelectIconProps) => JSX.Element;
 
-export declare interface OxSelectIconProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    path: string;
-}
+export declare type OxSelectIconProps = OxIconProps;
 
 declare const OxSelectLabel: ({ children, className, ...domProps }: OxSelectLabelProps) => JSX.Element;
 
-export declare interface OxSelectLabelProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+export declare interface OxSelectLabelProps extends ComponentPropsWithRef<'span'> {
     children: ReactNode;
 }
 
@@ -1409,33 +1435,36 @@ declare const OxSelectOption: ({ children, className, disabled, value, ...domPro
 
 declare const OxSelectOptionGroup: ({ children, className, label, ...domProps }: OxSelectOptionGroupProps) => JSX.Element;
 
-export declare interface OxSelectOptionGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxSelectOptionGroupProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     label: string;
 }
 
-export declare interface OxSelectOptionProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'children'> {
+export declare interface OxSelectOptionProps extends Omit<ComponentPropsWithRef<'button'>, 'value'> {
     children: ReactNode;
     value: string | number | null;
 }
 
-export declare interface OxSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children' | 'defaultValue'> {
+export declare interface OxSelectProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'> {
     children: ReactNode;
+    defaultOpen?: boolean;
     defaultValue?: string | string[] | number | number[] | null;
     disabled?: boolean;
     error?: boolean;
     isLoading?: boolean;
     multiple?: boolean;
     onChange?: (value: string | number | null | (string | number | null)[], name?: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
     required?: boolean;
     size?: 'sm' | 'md';
     value?: string | string[] | number | number[] | null;
     wrapperClassName?: string;
 }
 
-declare const OxSelectTrigger: ({ badgeColor, className, displayAsBadges, placeholder, size: propSize, ...domProps }: OxSelectTriggerProps) => JSX.Element;
+declare const OxSelectTrigger: ({ badgeColor, className, disabled: propDisabled, displayAsBadges, placeholder, size: propSize, ...domProps }: OxSelectTriggerProps) => JSX.Element;
 
-export declare interface OxSelectTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'size' | 'disabled' | 'required'> {
+export declare interface OxSelectTriggerProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'size' | 'required'> {
     badgeColor?: ColorStyleName;
     displayAsBadges?: boolean;
     placeholder?: string;
@@ -1444,14 +1473,14 @@ export declare interface OxSelectTriggerProps extends Omit<ButtonHTMLAttributes<
 
 export declare const OxSeparator: ({ className, decorative, orientation, ...domProps }: OxSeparatorProps) => JSX.Element;
 
-export declare interface OxSeparatorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxSeparatorProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     decorative?: boolean;
     orientation?: 'horizontal' | 'vertical';
 }
 
 export declare const OxSkeleton: ({ animate, className, color, fullWidth, height, shape, width, ...domProps }: OxSkeletonProps) => JSX.Element;
 
-export declare interface OxSkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxSkeletonProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     animate?: boolean;
     color?: ColorStyleName;
     fullWidth?: boolean;
@@ -1469,7 +1498,7 @@ export declare interface OxSkeletonTextProps extends Omit<OxSkeletonProps, 'shap
 
 export declare const OxSlider: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, className, defaultValue, disabled, max, min, onChange, onChangeCommitted, orientation, showValue, size, step, value: controlledValue, ...domProps }: OxSliderProps) => JSX.Element;
 
-export declare interface OxSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'children'> {
+export declare interface OxSliderProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue' | 'children'> {
     defaultValue?: number | [number, number];
     disabled?: boolean;
     marks?: boolean | number[];
@@ -1486,7 +1515,7 @@ export declare interface OxSliderProps extends Omit<React.HTMLAttributes<HTMLDiv
 
 export declare const OxSpinner: ({ className, size, variant, ...domProps }: OxSpinnerProps) => JSX.Element;
 
-export declare interface OxSpinnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxSpinnerProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
     size?: 'sm' | 'md' | number;
     variant?: ColorStyleName;
 }
@@ -1500,7 +1529,7 @@ export declare type OxStatusContent = {
 
 export declare const OxStatusDisplay: ({ action, children, className, inline, message, onBack, size, title, type, ...domProps }: OxStatusDisplayProps) => JSX.Element;
 
-export declare interface OxStatusDisplayProps extends HTMLAttributes<HTMLDivElement> {
+export declare interface OxStatusDisplayProps extends ComponentPropsWithRef<'div'> {
     action?: ReactNode;
     inline?: boolean;
     message?: string;
@@ -1521,18 +1550,18 @@ declare const OxStepper_2: ({ children, className, color, currentStep, onStepCha
 
 declare const OxStepperActions: ({ children, className, ...domProps }: OxStepperActionsProps) => JSX.Element;
 
-export declare interface OxStepperActionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxStepperActionsProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
-export declare interface OxStepperConnectorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxStepperConnectorProps extends ComponentPropsWithRef<'div'> {
     state?: StepState;
     stepIndex: number;
 }
 
 declare const OxStepperItem: ({ children, className, description, icon, state: propState, stepIndex, title, ...domProps }: OxStepperItemProps) => JSX.Element;
 
-export declare interface OxStepperItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxStepperItemProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     description?: string;
     icon?: string;
@@ -1541,7 +1570,7 @@ export declare interface OxStepperItemProps extends Omit<HTMLAttributes<HTMLDivE
     title: string;
 }
 
-export declare interface OxStepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxStepperProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     color?: ColorStyleName;
     currentStep?: number;
@@ -1550,19 +1579,9 @@ export declare interface OxStepperProps extends Omit<HTMLAttributes<HTMLDivEleme
     type?: StepperType;
 }
 
-export declare const OxSwitch: typeof OxSwitch_2 & {
-    Field: typeof OxSwitchField;
-};
-
-declare const OxSwitch_2: ({ checked, className, disabled, error, id: propId, onChange, required, size, ...domProps }: OxSwitchProps) => JSX.Element;
-
-declare const OxSwitchField: ({ children, className, ...domProps }: OxSwitchFieldProps) => JSX.Element;
-
-export declare interface OxSwitchFieldProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    children: ReactNode;
-}
+export declare const OxSwitch: ({ checked, className, disabled, error, id: propId, onChange, required, size, ...domProps }: OxSwitchProps) => JSX.Element;
 
-export declare interface OxSwitchProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size' | 'onChange' | 'children'> {
+export declare interface OxSwitchProps extends Omit<ComponentPropsWithRef<'button'>, 'type' | 'size' | 'onChange' | 'children'> {
     checked?: boolean;
     error?: boolean;
     onChange?: (checked: boolean) => void;
@@ -1578,31 +1597,32 @@ export declare const OxTable: typeof OxTable_2 & {
     Head: typeof OxTableHead;
     Header: typeof OxTableHeader;
     Row: typeof OxTableRow;
+    SkeletonRow: typeof OxTableSkeletonRow;
 };
 
-declare const OxTable_2: ({ allRowIds, children, className, onSelectionChange, selectable, selectedRows, ...domProps }: OxTableProps) => JSX.Element;
+declare const OxTable_2: ({ allRowIds, children, className, hoverable, isLoading, onSelectionChange, selectable, selectedRows, skeletonColumns, skeletonRows, striped, ...domProps }: OxTableProps) => JSX.Element;
 
 declare const OxTableBody: ({ children, className, ...domProps }: OxTableBodyProps) => JSX.Element;
 
-export declare interface OxTableBodyProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> {
+export declare interface OxTableBodyProps extends ComponentPropsWithRef<'tbody'> {
     children: ReactNode;
 }
 
 declare const OxTableCell: ({ children, className, ...domProps }: OxTableCellProps) => JSX.Element;
 
-export declare interface OxTableCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'children'> {
+export declare interface OxTableCellProps extends ComponentPropsWithoutRef<'td'> {
     children?: ReactNode;
 }
 
 declare const OxTableControls: ({ children, className, ...domProps }: OxTableControlsProps) => JSX.Element;
 
-export declare interface OxTableControlsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxTableControlsProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
 declare const OxTableFooter: ({ children, className, ...domProps }: OxTableFooterProps) => JSX.Element;
 
-export declare interface OxTableFooterProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> {
+export declare interface OxTableFooterProps extends ComponentPropsWithRef<'tfoot'> {
     children: ReactNode;
 }
 
@@ -1610,29 +1630,36 @@ declare const OxTableHead: ({ children, className, ...domProps }: OxTableHeadPro
 
 declare const OxTableHeader: ({ children, className, ...domProps }: OxTableHeaderProps) => JSX.Element;
 
-export declare interface OxTableHeaderProps extends Omit<HTMLAttributes<HTMLTableSectionElement>, 'children'> {
+export declare interface OxTableHeaderProps extends ComponentPropsWithRef<'thead'> {
     children: ReactNode;
 }
 
-export declare interface OxTableHeadProps extends Omit<ThHTMLAttributes<HTMLTableCellElement>, 'children'> {
+export declare interface OxTableHeadProps extends ComponentPropsWithRef<'th'> {
     children?: ReactNode;
 }
 
-export declare interface OxTableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'children'> {
+export declare interface OxTableProps extends ComponentPropsWithRef<'table'> {
     allRowIds?: string[];
     children: ReactNode;
+    hoverable?: boolean;
+    isLoading?: boolean;
     onSelectionChange?: (selectedRows: string[]) => void;
     selectable?: boolean;
     selectedRows?: string[];
+    skeletonColumns?: number;
+    skeletonRows?: number;
+    striped?: boolean;
 }
 
 declare const OxTableRow: ({ children, className, rowId, ...domProps }: OxTableRowProps) => JSX.Element;
 
-export declare interface OxTableRowProps extends Omit<HTMLAttributes<HTMLTableRowElement>, 'children'> {
+export declare interface OxTableRowProps extends ComponentPropsWithRef<'tr'> {
     children: ReactNode;
     rowId?: string;
 }
 
+declare const OxTableSkeletonRow: ({ columns }: TableSkeletonRowProps) => JSX.Element;
+
 export declare const OxTabs: typeof OxTabs_2 & {
     Content: typeof OxTabsContent;
     List: typeof OxTabsList;
@@ -1643,18 +1670,18 @@ declare const OxTabs_2: ({ children, className, defaultValue, onValueChange, val
 
 declare const OxTabsContent: ({ children, className, value, ...domProps }: OxTabsContentProps) => JSX.Element | null;
 
-export declare interface OxTabsContentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxTabsContentProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     value: string;
 }
 
 declare const OxTabsList: ({ children, className, ...domProps }: OxTabsListProps) => JSX.Element;
 
-export declare interface OxTabsListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxTabsListProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
 }
 
-export declare interface OxTabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+export declare interface OxTabsProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
@@ -1663,14 +1690,14 @@ export declare interface OxTabsProps extends Omit<HTMLAttributes<HTMLDivElement>
 
 declare const OxTabsTrigger: ({ children, className, disabled, value, ...domProps }: OxTabsTriggerProps) => JSX.Element;
 
-export declare interface OxTabsTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+export declare interface OxTabsTriggerProps extends ComponentPropsWithRef<'button'> {
     children: ReactNode;
     value: string;
 }
 
 export declare const OxTextarea: ({ className, disabled, error, id: propId, name, onChange, placeholder, required, rows, showMaxLength, size, value, ...domProps }: OxTextareaProps) => JSX.Element;
 
-export declare interface OxTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'children'> {
+export declare interface OxTextareaProps extends Omit<ComponentPropsWithRef<'textarea'>, 'children'> {
     error?: boolean;
     showMaxLength?: boolean;
     size?: 'sm' | 'md';
@@ -1699,7 +1726,7 @@ declare const OxTextInput_2: ({ autoComplete, className, id, maxLength, placehol
 
 declare type OxTextInputButton = BaseInputButtonProps;
 
-declare interface OxTextInputContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+declare interface OxTextInputContainerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
     customValidationMessage?: string;
     defaultValue?: string;
     disabled?: boolean;
@@ -1752,7 +1779,7 @@ export declare const OxTimeInput: typeof OxTimeInput_2 & {
 
 declare const OxTimeInput_2: () => JSX.Element;
 
-declare interface OxTimeInputContainerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+declare interface OxTimeInputContainerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
     customValidationMessage?: string;
     defaultValue?: string;
     disabled?: boolean;
@@ -1775,7 +1802,7 @@ export declare type OxTimelineAlign = 'left' | 'right';
 
 declare const OxTimelineItem: ({ align, children, className, color, description, icon, label, showSeparator, timestamp, ...domProps }: OxTimelineItemProps) => JSX.Element;
 
-export declare interface OxTimelineItemProps extends LiHTMLAttributes<HTMLLIElement> {
+export declare interface OxTimelineItemProps extends ComponentPropsWithRef<'li'> {
     align?: OxTimelineAlign;
     color?: ColorStyleName;
     description?: string;
@@ -1785,7 +1812,7 @@ export declare interface OxTimelineItemProps extends LiHTMLAttributes<HTMLLIElem
     timestamp?: string;
 }
 
-export declare interface OxTimelineProps extends Omit<OlHTMLAttributes<HTMLOListElement>, 'children'> {
+export declare interface OxTimelineProps extends ComponentPropsWithRef<'ol'> {
     children: ReactNode;
 }
 
@@ -1859,8 +1886,8 @@ declare const OxToggle_2: ({ children, className, disabled, id: propId, onPresse
 
 declare const OxToggleGroup: ({ children, className, disabled, name, onValueChange, size, type, value, ...domProps }: OxToggleGroupProps) => JSX.Element;
 
-export declare interface OxToggleGroupMultipleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {
-    children: React.ReactNode;
+export declare interface OxToggleGroupMultipleProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+    children: ReactNode;
     disabled?: boolean;
     name?: string;
     onValueChange?: (value: string[]) => void;
@@ -1871,8 +1898,8 @@ export declare interface OxToggleGroupMultipleProps extends Omit<HTMLAttributes<
 
 export declare type OxToggleGroupProps = OxToggleGroupSingleProps | OxToggleGroupMultipleProps;
 
-export declare interface OxToggleGroupSingleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children'> {
-    children: React.ReactNode;
+export declare interface OxToggleGroupSingleProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange'> {
+    children: ReactNode;
     disabled?: boolean;
     name?: string;
     onValueChange?: (value: string) => void;
@@ -1881,8 +1908,8 @@ export declare interface OxToggleGroupSingleProps extends Omit<HTMLAttributes<HT
     value?: string;
 }
 
-export declare interface OxToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'children'> {
-    children?: React.ReactNode;
+export declare interface OxToggleProps extends Omit<ComponentPropsWithRef<'button'>, 'onChange'> {
+    children?: ReactNode;
     onPressedChange?: (pressed: boolean) => void;
     pressed?: boolean;
     size?: 'sm' | 'md';
@@ -1897,17 +1924,23 @@ export declare interface OxTooltipProps {
     align?: OxFloatingAlign;
     children: ReactNode;
     className?: string;
-    content: string;
+    content: ReactNode;
     disabled?: boolean;
     hoverDelay?: number;
     id?: string;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
     position?: OxFloatingPosition;
-    trigger?: OxFloatingTrigger;
+    trigger?: OxFloatingTriggerTypes;
     variant?: 'default' | 'error' | 'warning' | 'success' | 'info';
 }
 
+declare type PaginationItemBaseProps = {
+    isActive?: boolean;
+    page: number;
+    size?: OxPaginationSize;
+};
+
 export declare type SliderValue = number | [number, number];
 
 export declare type StepperOrientation = 'horizontal' | 'vertical';
@@ -1916,6 +1949,12 @@ export declare type StepperType = 'linear' | 'non-linear';
 
 export declare type StepState = 'completed' | 'current' | 'upcoming' | 'error' | 'warning';
 
+declare interface TableSkeletonRowProps {
+    columns: number;
+}
+
+export declare function useOxFloatingContext(): OxFloatingContextValue;
+
 export declare const useOxToast: () => OxToastContextApi;
 
 export { }