@structyl/styled 1.0.0 → 1.1.0

package/dist/index.d.cts

@@ -3,7 +3,7 @@ import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as React from 'react';
 import * as _structyl_primitives from '@structyl/primitives';
-import { SwitchProps as SwitchProps$1, ToggleProps as ToggleProps$1, CheckboxProps as CheckboxProps$1, LabelProps as LabelProps$1, SeparatorProps as SeparatorProps$1, Avatar, Progress as Progress$1, RadioGroup as RadioGroup$3, Slider as Slider$1, Accordion, Tabs, Dialog, Tooltip as Tooltip$2, Toast, SelectOption, MultiSelectOption, MultiSelectSelectedOption, Structyl, PopperProps, StructylSnackbarProps, StructylRatingProps, StructylTransferListProps, StructylTransitionProps, Calendar as Calendar$1, DatePicker as DatePicker$1, TimePicker as TimePicker$1, TimePickerView, DateRangePicker as DateRangePicker$1, DateTimePicker as DateTimePicker$1, Carousel, BoxplotEntry, ChartAreaProps, ChartBarProps, ChartBoxplotProps, ChartBubbleProps, ChartCandlestickProps, ChartChordProps, ChartFunnelProps, ChartGanttProps, ChartGaugeContainerProps, ChartGaugePointerProps, ChartGaugeProps, ChartGaugeReferenceArcProps, ChartGaugeValueArcProps, ChartGridProps, ChartHeatmapProps, ChartHistogramProps, ChartLegendProps, ChartLineProps, ChartLinearGaugeProps, ChartPieCenterLabelProps, ChartPieProps, ChartPieRootProps, ChartPolarAngleAxisProps, ChartPolarGridProps, ChartPyramidProps, ChartRadarProps, ChartRadarRootProps, ChartRadialBarProps, ChartRadialBarRootProps, ChartRadialLineProps, ChartRadialLineRootProps, ChartRangeAreaProps, ChartRangeBarProps, ChartReferenceAreaProps, ChartReferenceLineProps, ChartRootProps, ChartSankeyProps, ChartScatterProps, ChartSparkLineProps, ChartSunburstProps, ChartTooltipProps, ChartTreemapProps, ChartWaterfallProps, ChartXAxisProps, ChartYAxisProps, GanttTask, GaugeContextValue, HighlightScope, MarkShape, SankeyLink, SankeyNode, ScatterMarkerShape, SunburstNode, TooltipState, WaterfallEntry } from '@structyl/primitives';
+import { SwitchProps as SwitchProps$1, ToggleProps as ToggleProps$1, CheckboxProps as CheckboxProps$1, LabelProps as LabelProps$1, SeparatorProps as SeparatorProps$1, Avatar, Progress as Progress$1, RadioGroup as RadioGroup$3, Slider as Slider$1, Accordion, Tabs, Dialog, Tooltip as Tooltip$2, Toast, SelectOption, MultiSelectOption, MultiSelectSelectedOption, Structyl, PopperProps, StructylSnackbarProps, StructylRatingProps, StructylTransferListProps, StructylTransitionProps, Calendar as Calendar$1, DatePicker as DatePicker$1, TimePicker as TimePicker$1, TimePickerView, DateRangePicker as DateRangePicker$1, DateTimePicker as DateTimePicker$1, Carousel, TagsInput, Mentions, BoxplotEntry, ChartAreaProps, ChartBarProps, ChartBoxplotProps, ChartBubbleProps, ChartCandlestickProps, ChartChordProps, ChartFunnelProps, ChartGanttProps, ChartGaugeContainerProps, ChartGaugePointerProps, ChartGaugeProps, ChartGaugeReferenceArcProps, ChartGaugeValueArcProps, ChartGridProps, ChartHeatmapProps, ChartHistogramProps, ChartLegendProps, ChartLineProps, ChartLinearGaugeProps, ChartPieCenterLabelProps, ChartPieProps, ChartPieRootProps, ChartPolarAngleAxisProps, ChartPolarGridProps, ChartPyramidProps, ChartRadarProps, ChartRadarRootProps, ChartRadialBarProps, ChartRadialBarRootProps, ChartRadialLineProps, ChartRadialLineRootProps, ChartRangeAreaProps, ChartRangeBarProps, ChartReferenceAreaProps, ChartReferenceLineProps, ChartRootProps, ChartSankeyProps, ChartScatterProps, ChartSparkLineProps, ChartSunburstProps, ChartTooltipProps, ChartTreemapProps, ChartWaterfallProps, ChartXAxisProps, ChartYAxisProps, GanttTask, GaugeContextValue, HighlightScope, MarkShape, SankeyLink, SankeyNode, ScatterMarkerShape, SunburstNode, TooltipState, WaterfallEntry, Popover } from '@structyl/primitives';
 export { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionMultipleProps, AccordionRootProps, AccordionSingleProps, AccordionTriggerProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps, AvatarFallbackProps, AvatarImageProps, AvatarRootProps, BreadcrumbProps, CardRootProps, CardSectionProps, CarouselRootProps, CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps, ColorPickerRootProps, ComboboxContentProps, ComboboxInputProps, ComboboxItemProps, ComboboxPortalProps, ComboboxRootProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandRootProps, MenuCheckboxItemProps as ContextMenuCheckboxItemProps, MenuContentProps as ContextMenuContentProps, MenuGroupProps as ContextMenuGroupProps, MenuItemProps as ContextMenuItemProps, MenuLabelProps as ContextMenuLabelProps, MenuRadioGroupProps as ContextMenuRadioGroupProps, MenuRadioItemProps as ContextMenuRadioItemProps, ContextMenuRootProps, MenuSeparatorProps as ContextMenuSeparatorProps, ContextMenuTriggerProps, CustomMatcher, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogOverlayProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogCloseProps as DrawerCloseProps, DialogContentProps as DrawerContentProps, DialogDescriptionProps as DrawerDescriptionProps, DialogOverlayProps as DrawerOverlayProps, DialogPortalProps as DrawerPortalProps, DialogRootProps as DrawerRootProps, DialogTitleProps as DrawerTitleProps, DialogTriggerProps as DrawerTriggerProps, MenuCheckboxItemProps as DropdownMenuCheckboxItemProps, MenuContentProps as DropdownMenuContentProps, MenuGroupProps as DropdownMenuGroupProps, MenuItemIndicatorProps as DropdownMenuItemIndicatorProps, MenuItemProps as DropdownMenuItemProps, MenuLabelProps as DropdownMenuLabelProps, MenuRadioGroupProps as DropdownMenuRadioGroupProps, MenuRadioItemProps as DropdownMenuRadioItemProps, DropdownMenuRootProps, MenuSeparatorProps as DropdownMenuSeparatorProps, DropdownMenuTriggerProps, EditableRootProps, FileUploadRootProps, FormControlProps, FormFieldProps, FormLabelProps, FormMessageProps, FormProps, FormSubmitProps, FormValidityStateProps, HoverCardArrowProps, HoverCardContentProps, HoverCardPortalProps, HoverCardRootProps, HoverCardTriggerProps, HsvaColor, ImageLoadingStatus, Matcher, MentionSuggestion, MentionsRootProps, MentionsSuggestionsProps, MenuContentProps as MenubarContentProps, MenuItemProps as MenubarItemProps, MenubarRootProps, MenuSeparatorProps as MenubarSeparatorProps, MenubarTriggerProps, MultiSelectContentProps, MultiSelectCreateItemProps, MultiSelectFilterOption, MultiSelectItemProps, MultiSelectItemTextProps, MultiSelectOption, MultiSelectOptionsProps, MultiSelectPortalProps, MultiSelectRootProps, MultiSelectSearchInputProps, MultiSelectSelectedOption, MultiSelectTriggerProps, MultiSelectValueProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuRootProps, NumberFieldRootProps, OtpInputProps, OtpRootProps, PasswordToggleFieldRootProps, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverContentProps, PopoverPortalProps, PopoverRootProps, PopoverTriggerProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupRootProps, ResizableGroupProps, ResizableHandleProps, ResizablePanelProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, SelectContentProps, SelectCreateItemProps, SelectFilterOption, SelectItemProps, SelectItemTextProps, SelectOption, SelectOptionsProps, SelectPortalProps, SelectRootProps, SelectSearchInputProps, SelectTriggerProps, SelectValueProps, DialogCloseProps as SheetCloseProps, DialogDescriptionProps as SheetDescriptionProps, DialogOverlayProps as SheetOverlayProps, DialogPortalProps as SheetPortalProps, DialogRootProps as SheetRootProps, DialogTitleProps as SheetTitleProps, DialogTriggerProps as SheetTriggerProps, StepperButtonProps, StepperProps, SwipeDirection, TabsContentProps, TabsListProps, TabsRootProps, TabsTriggerProps, TagsInputRootProps, ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastProviderProps, ToastRootProps, ToastTitleProps, ToastViewportProps, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupRootProps, ToggleGroupSingleProps, ToolbarRootProps, TooltipArrowProps, TooltipContentProps, TooltipPortalProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TreeItemProps, TreeRootProps, ValidityMatcher } from '@structyl/primitives';
 import * as _structyl_icons from '@structyl/icons';
 import * as _structyl_core from '@structyl/core';
@@ -247,9 +247,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         'icon-xl': string;
     };
 }>, unknown, unknown, undefined>>;
-declare const ButtonSpinner: ({ className }: {
-    className?: string;
-}) => React.JSX.Element;
+declare const ButtonSpinner: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 interface ButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     /** Shows a spinner and disables the button */
@@ -1910,7 +1908,7 @@ declare namespace index$w {
   export { index$w_Ellipsis as Ellipsis, Item$d as Item, Link$3 as Link, List$4 as List, index$w_Page as Page, Root$v as Root, Separator$9 as Separator };
 }
 
-interface PaginationProps {
+interface PaginationProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Current page number (1-based) */
     page: number;
     /** Total number of pages */
@@ -1927,7 +1925,6 @@ interface PaginationProps {
     pageSizeOptions?: number[];
     /** Show the "X total rows" label (only visible when totalRows is provided) */
     showTotalRows?: boolean;
-    className?: string;
 }
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -2163,9 +2160,8 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
     arrow?: boolean;
 }
 declare const Content$a: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-interface TooltipProps {
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof Trigger$9> {
     label: React.ReactNode;
-    children: React.ReactNode;
     side?: React.ComponentPropsWithoutRef<typeof Tooltip$2.Content>['side'];
     align?: React.ComponentPropsWithoutRef<typeof Tooltip$2.Content>['align'];
     delayDuration?: number;
@@ -2176,7 +2172,7 @@ interface TooltipProps {
     disabled?: boolean;
 }
 declare const Tooltip$1: {
-    ({ children, label, side, align, delayDuration, skipDelayDuration, variant, maxWidth, arrow, disabled, }: TooltipProps): React.JSX.Element;
+    ({ children, label, side, align, delayDuration, skipDelayDuration, variant, maxWidth, arrow, disabled, ...triggerProps }: TooltipProps): React.JSX.Element;
     displayName: string;
 };
 
@@ -2377,7 +2373,7 @@ declare function useToast(): {
     remove: (id: string) => void;
 };
 
-interface ToasterProps {
+interface ToasterProps extends Omit<React.ComponentPropsWithoutRef<typeof Toast.Viewport>, 'children'> {
     /**
      * Horizontal alignment of toasts.
      * @default 'right'
@@ -2414,7 +2410,7 @@ interface ToasterProps {
  * toast.success('Saved!');
  * toast.error('Failed', { retry: () => save(), horizontal: 'right', vertical: 'top' });
  */
-declare function Toaster({ horizontal: defaultH, vertical: defaultV, maxToasts, className, }: ToasterProps): React.JSX.Element;
+declare function Toaster({ horizontal: defaultH, vertical: defaultV, maxToasts, className, ...props }: ToasterProps): React.JSX.Element;
 declare namespace Toaster {
     var displayName: string;
 }
@@ -3019,6 +3015,12 @@ interface DatePickerProps extends Omit<React.ComponentPropsWithoutRef<typeof Dat
     required?: boolean;
     error?: boolean;
     showOutsideDays?: boolean;
+    /**
+     * Native HTML attributes forwarded to the root wrapper `<div>`
+     * (e.g. `onClick`, `style`, `role`, `tabIndex`, `data-*`, `aria-*`).
+     * The forwarded `ref` already points at this element.
+     */
+    rootProps?: React.ComponentPropsWithoutRef<'div'>;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.FC<DatePicker$1.DatePickerRootProps>;
@@ -3055,6 +3057,12 @@ interface TimePickerProps extends Omit<PrimitiveRootProps, 'children'> {
     name?: string;
     required?: boolean;
     error?: boolean;
+    /**
+     * Native HTML attributes forwarded to the root wrapper `<div>`
+     * (e.g. `onClick`, `style`, `role`, `tabIndex`, `data-*`, `aria-*`).
+     * The forwarded `ref` already points at this element.
+     */
+    rootProps?: React.ComponentPropsWithoutRef<'div'>;
 }
 interface TimePickerPanelProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'title'> {
     value?: Date | null;
@@ -3079,9 +3087,7 @@ declare const TimePickerPanel: React.ForwardRefExoticComponent<TimePickerPanelPr
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<Omit<TimePicker$1.TimePickerRootProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Segment: React.ForwardRefExoticComponent<Omit<TimePicker$1.SegmentProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Separator: React.FC<{
-        children?: React.ReactNode;
-    }>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Value: React.FC<{
         format?: TimePicker$1.TimePickerFormat;
         locale?: string;
@@ -3119,6 +3125,8 @@ interface DateRangePickerProps extends Omit<React.ComponentPropsWithoutRef<typeo
     shortcuts?: DateRangePicker$1.DateRangePickerShortcut[] | false;
     shortcutsClassName?: string;
     showOutsideDays?: boolean;
+    /** Native HTML attributes (onClick, onMouseEnter, style, id, data-*, aria-*, …) forwarded to the root wrapper element. */
+    rootProps?: React.ComponentPropsWithoutRef<'div'>;
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.FC<DateRangePicker$1.DateRangePickerRootProps>;
@@ -3152,7 +3160,14 @@ interface CalendarProps extends React.ComponentPropsWithoutRef<typeof DateTimePi
     showOutsideDays?: boolean;
     showDaysOutsideCurrentMonth?: boolean;
 }
-interface DateTimePickerProps extends Omit<React.ComponentPropsWithoutRef<typeof DateTimePicker$1.Root>, 'children'> {
+type DateTimePickerRootConfig = Omit<React.ComponentPropsWithoutRef<typeof DateTimePicker$1.Root>, 'children'>;
+/**
+ * Native HTML attributes for the root wrapper `<div>`, excluding any keys that
+ * collide with the picker's configuration props (picker semantics win for
+ * shared names). These reach the DOM element the forwarded `ref` points at.
+ */
+type DateTimePickerNativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, keyof DateTimePickerRootConfig | 'className'>;
+interface DateTimePickerOwnProps {
     className?: string;
     triggerClassName?: string;
     contentClassName?: string;
@@ -3166,6 +3181,8 @@ interface DateTimePickerProps extends Omit<React.ComponentPropsWithoutRef<typeof
     error?: boolean;
     showOutsideDays?: boolean;
 }
+interface DateTimePickerProps extends DateTimePickerRootConfig, DateTimePickerNativeProps, DateTimePickerOwnProps {
+}
 declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.FC<DateTimePicker$1.DateTimePickerRootProps>;
     Trigger: React.ForwardRefExoticComponent<Omit<_structyl_primitives.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -3194,9 +3211,7 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProp
     TimePanel: React.ForwardRefExoticComponent<DateTimePicker$1.TimePanelProps & React.RefAttributes<HTMLDivElement>>;
     DateButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Segment: React.ForwardRefExoticComponent<Omit<DateTimePicker$1.SegmentProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Separator: React.FC<{
-        children?: React.ReactNode;
-    }>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Loading: React.FC<{}>;
     StyledCalendar: React.ForwardRefExoticComponent<CalendarProps$3 & React.RefAttributes<HTMLDivElement>>;
 };
@@ -3220,9 +3235,9 @@ declare const Input$2: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLPr
 declare const Trigger$1: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const Clear: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const List: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const Item$4: React.FC<{
+declare const Item$4: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     file: File;
-}>;
+} & React.RefAttributes<HTMLLIElement>>;
 
 declare const index$b_Clear: typeof Clear;
 declare const index$b_Dropzone: typeof Dropzone;
@@ -3342,7 +3357,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTM
 declare const Tag: React.FC<{
     index: number;
     tag: string;
-}>;
+} & React.ComponentPropsWithoutRef<typeof TagsInput.Tag>>;
 declare const Items$1: React.FC<{
     children: (tag: string, index: number) => React.ReactNode;
 }>;
@@ -3355,23 +3370,19 @@ declare namespace index$4 {
 
 declare const Root$3: React.ForwardRefExoticComponent<Omit<_structyl_primitives.MentionsRootProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const Textarea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-declare const Suggestions: React.ForwardRefExoticComponent<_structyl_primitives.MentionsSuggestionsProps & {
-    className?: string;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const Suggestions: React.ForwardRefExoticComponent<Pick<_structyl_primitives.MentionsSuggestionsProps, "container" | "items"> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type MentionsItemProps = React.ComponentPropsWithoutRef<typeof Mentions.Item>;
 declare const Items: React.FC<{
     children: (item: _structyl_primitives.MentionSuggestion, index: number, highlighted: boolean) => React.ReactNode;
 }>;
-declare const Item$1: React.FC<{
-    suggestion: _structyl_primitives.MentionSuggestion;
-    index: number;
-    children?: React.ReactNode;
-}>;
+declare const Item$1: React.FC<MentionsItemProps>;
 
 declare const index$3_Items: typeof Items;
+type index$3_MentionsItemProps = MentionsItemProps;
 declare const index$3_Suggestions: typeof Suggestions;
 declare const index$3_Textarea: typeof Textarea;
 declare namespace index$3 {
-  export { Item$1 as Item, index$3_Items as Items, Root$3 as Root, index$3_Suggestions as Suggestions, index$3_Textarea as Textarea };
+  export { Item$1 as Item, index$3_Items as Items, type index$3_MentionsItemProps as MentionsItemProps, Root$3 as Root, index$3_Suggestions as Suggestions, index$3_Textarea as Textarea };
 }
 
 interface CopyButtonProps extends Omit<ButtonProps, 'value'> {
@@ -3758,10 +3769,9 @@ interface KeyComboProps extends React.HTMLAttributes<HTMLSpanElement> {
 declare const KeyCombo: React.FC<KeyComboProps>;
 
 type TrendDirection = 'up' | 'down' | 'neutral';
-interface TrendBadgeProps {
+interface TrendBadgeProps extends React.ComponentPropsWithoutRef<'span'> {
     value: string | number;
     direction?: TrendDirection;
-    className?: string;
 }
 declare const TrendBadge: React.FC<TrendBadgeProps>;
 type StatColor = 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
@@ -3840,7 +3850,7 @@ interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
 }
 declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
 
-interface PopconfirmProps {
+interface PopconfirmProps extends Omit<React.ComponentPropsWithoutRef<typeof Popover.Content>, 'title' | 'children' | 'side' | 'align'> {
     children: React.ReactNode;
     title: React.ReactNode;
     description?: React.ReactNode;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import * as React from 'react';
 import * as _structyl_primitives from '@structyl/primitives';
-import { SwitchProps as SwitchProps$1, ToggleProps as ToggleProps$1, CheckboxProps as CheckboxProps$1, LabelProps as LabelProps$1, SeparatorProps as SeparatorProps$1, Avatar, Progress as Progress$1, RadioGroup as RadioGroup$3, Slider as Slider$1, Accordion, Tabs, Dialog, Tooltip as Tooltip$2, Toast, SelectOption, MultiSelectOption, MultiSelectSelectedOption, Structyl, PopperProps, StructylSnackbarProps, StructylRatingProps, StructylTransferListProps, StructylTransitionProps, Calendar as Calendar$1, DatePicker as DatePicker$1, TimePicker as TimePicker$1, TimePickerView, DateRangePicker as DateRangePicker$1, DateTimePicker as DateTimePicker$1, Carousel, BoxplotEntry, ChartAreaProps, ChartBarProps, ChartBoxplotProps, ChartBubbleProps, ChartCandlestickProps, ChartChordProps, ChartFunnelProps, ChartGanttProps, ChartGaugeContainerProps, ChartGaugePointerProps, ChartGaugeProps, ChartGaugeReferenceArcProps, ChartGaugeValueArcProps, ChartGridProps, ChartHeatmapProps, ChartHistogramProps, ChartLegendProps, ChartLineProps, ChartLinearGaugeProps, ChartPieCenterLabelProps, ChartPieProps, ChartPieRootProps, ChartPolarAngleAxisProps, ChartPolarGridProps, ChartPyramidProps, ChartRadarProps, ChartRadarRootProps, ChartRadialBarProps, ChartRadialBarRootProps, ChartRadialLineProps, ChartRadialLineRootProps, ChartRangeAreaProps, ChartRangeBarProps, ChartReferenceAreaProps, ChartReferenceLineProps, ChartRootProps, ChartSankeyProps, ChartScatterProps, ChartSparkLineProps, ChartSunburstProps, ChartTooltipProps, ChartTreemapProps, ChartWaterfallProps, ChartXAxisProps, ChartYAxisProps, GanttTask, GaugeContextValue, HighlightScope, MarkShape, SankeyLink, SankeyNode, ScatterMarkerShape, SunburstNode, TooltipState, WaterfallEntry } from '@structyl/primitives';
+import { SwitchProps as SwitchProps$1, ToggleProps as ToggleProps$1, CheckboxProps as CheckboxProps$1, LabelProps as LabelProps$1, SeparatorProps as SeparatorProps$1, Avatar, Progress as Progress$1, RadioGroup as RadioGroup$3, Slider as Slider$1, Accordion, Tabs, Dialog, Tooltip as Tooltip$2, Toast, SelectOption, MultiSelectOption, MultiSelectSelectedOption, Structyl, PopperProps, StructylSnackbarProps, StructylRatingProps, StructylTransferListProps, StructylTransitionProps, Calendar as Calendar$1, DatePicker as DatePicker$1, TimePicker as TimePicker$1, TimePickerView, DateRangePicker as DateRangePicker$1, DateTimePicker as DateTimePicker$1, Carousel, TagsInput, Mentions, BoxplotEntry, ChartAreaProps, ChartBarProps, ChartBoxplotProps, ChartBubbleProps, ChartCandlestickProps, ChartChordProps, ChartFunnelProps, ChartGanttProps, ChartGaugeContainerProps, ChartGaugePointerProps, ChartGaugeProps, ChartGaugeReferenceArcProps, ChartGaugeValueArcProps, ChartGridProps, ChartHeatmapProps, ChartHistogramProps, ChartLegendProps, ChartLineProps, ChartLinearGaugeProps, ChartPieCenterLabelProps, ChartPieProps, ChartPieRootProps, ChartPolarAngleAxisProps, ChartPolarGridProps, ChartPyramidProps, ChartRadarProps, ChartRadarRootProps, ChartRadialBarProps, ChartRadialBarRootProps, ChartRadialLineProps, ChartRadialLineRootProps, ChartRangeAreaProps, ChartRangeBarProps, ChartReferenceAreaProps, ChartReferenceLineProps, ChartRootProps, ChartSankeyProps, ChartScatterProps, ChartSparkLineProps, ChartSunburstProps, ChartTooltipProps, ChartTreemapProps, ChartWaterfallProps, ChartXAxisProps, ChartYAxisProps, GanttTask, GaugeContextValue, HighlightScope, MarkShape, SankeyLink, SankeyNode, ScatterMarkerShape, SunburstNode, TooltipState, WaterfallEntry, Popover } from '@structyl/primitives';
 export { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionMultipleProps, AccordionRootProps, AccordionSingleProps, AccordionTriggerProps, AlertDialogActionProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogOverlayProps, AlertDialogPortalProps, AlertDialogRootProps, AlertDialogTitleProps, AlertDialogTriggerProps, AvatarFallbackProps, AvatarImageProps, AvatarRootProps, BreadcrumbProps, CardRootProps, CardSectionProps, CarouselRootProps, CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps, ColorPickerRootProps, ComboboxContentProps, ComboboxInputProps, ComboboxItemProps, ComboboxPortalProps, ComboboxRootProps, CommandGroupProps, CommandInputProps, CommandItemProps, CommandRootProps, MenuCheckboxItemProps as ContextMenuCheckboxItemProps, MenuContentProps as ContextMenuContentProps, MenuGroupProps as ContextMenuGroupProps, MenuItemProps as ContextMenuItemProps, MenuLabelProps as ContextMenuLabelProps, MenuRadioGroupProps as ContextMenuRadioGroupProps, MenuRadioItemProps as ContextMenuRadioItemProps, ContextMenuRootProps, MenuSeparatorProps as ContextMenuSeparatorProps, ContextMenuTriggerProps, CustomMatcher, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogOverlayProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogCloseProps as DrawerCloseProps, DialogContentProps as DrawerContentProps, DialogDescriptionProps as DrawerDescriptionProps, DialogOverlayProps as DrawerOverlayProps, DialogPortalProps as DrawerPortalProps, DialogRootProps as DrawerRootProps, DialogTitleProps as DrawerTitleProps, DialogTriggerProps as DrawerTriggerProps, MenuCheckboxItemProps as DropdownMenuCheckboxItemProps, MenuContentProps as DropdownMenuContentProps, MenuGroupProps as DropdownMenuGroupProps, MenuItemIndicatorProps as DropdownMenuItemIndicatorProps, MenuItemProps as DropdownMenuItemProps, MenuLabelProps as DropdownMenuLabelProps, MenuRadioGroupProps as DropdownMenuRadioGroupProps, MenuRadioItemProps as DropdownMenuRadioItemProps, DropdownMenuRootProps, MenuSeparatorProps as DropdownMenuSeparatorProps, DropdownMenuTriggerProps, EditableRootProps, FileUploadRootProps, FormControlProps, FormFieldProps, FormLabelProps, FormMessageProps, FormProps, FormSubmitProps, FormValidityStateProps, HoverCardArrowProps, HoverCardContentProps, HoverCardPortalProps, HoverCardRootProps, HoverCardTriggerProps, HsvaColor, ImageLoadingStatus, Matcher, MentionSuggestion, MentionsRootProps, MentionsSuggestionsProps, MenuContentProps as MenubarContentProps, MenuItemProps as MenubarItemProps, MenubarRootProps, MenuSeparatorProps as MenubarSeparatorProps, MenubarTriggerProps, MultiSelectContentProps, MultiSelectCreateItemProps, MultiSelectFilterOption, MultiSelectItemProps, MultiSelectItemTextProps, MultiSelectOption, MultiSelectOptionsProps, MultiSelectPortalProps, MultiSelectRootProps, MultiSelectSearchInputProps, MultiSelectSelectedOption, MultiSelectTriggerProps, MultiSelectValueProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuRootProps, NumberFieldRootProps, OtpInputProps, OtpRootProps, PasswordToggleFieldRootProps, PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverContentProps, PopoverPortalProps, PopoverRootProps, PopoverTriggerProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupRootProps, ResizableGroupProps, ResizableHandleProps, ResizablePanelProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, SelectContentProps, SelectCreateItemProps, SelectFilterOption, SelectItemProps, SelectItemTextProps, SelectOption, SelectOptionsProps, SelectPortalProps, SelectRootProps, SelectSearchInputProps, SelectTriggerProps, SelectValueProps, DialogCloseProps as SheetCloseProps, DialogDescriptionProps as SheetDescriptionProps, DialogOverlayProps as SheetOverlayProps, DialogPortalProps as SheetPortalProps, DialogRootProps as SheetRootProps, DialogTitleProps as SheetTitleProps, DialogTriggerProps as SheetTriggerProps, StepperButtonProps, StepperProps, SwipeDirection, TabsContentProps, TabsListProps, TabsRootProps, TabsTriggerProps, TagsInputRootProps, ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastProviderProps, ToastRootProps, ToastTitleProps, ToastViewportProps, ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupRootProps, ToggleGroupSingleProps, ToolbarRootProps, TooltipArrowProps, TooltipContentProps, TooltipPortalProps, TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TreeItemProps, TreeRootProps, ValidityMatcher } from '@structyl/primitives';
 import * as _structyl_icons from '@structyl/icons';
 import * as _structyl_core from '@structyl/core';
@@ -247,9 +247,7 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         'icon-xl': string;
     };
 }>, unknown, unknown, undefined>>;
-declare const ButtonSpinner: ({ className }: {
-    className?: string;
-}) => React.JSX.Element;
+declare const ButtonSpinner: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 interface ButtonProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'color'>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
     /** Shows a spinner and disables the button */
@@ -1910,7 +1908,7 @@ declare namespace index$w {
   export { index$w_Ellipsis as Ellipsis, Item$d as Item, Link$3 as Link, List$4 as List, index$w_Page as Page, Root$v as Root, Separator$9 as Separator };
 }
 
-interface PaginationProps {
+interface PaginationProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Current page number (1-based) */
     page: number;
     /** Total number of pages */
@@ -1927,7 +1925,6 @@ interface PaginationProps {
     pageSizeOptions?: number[];
     /** Show the "X total rows" label (only visible when totalRows is provided) */
     showTotalRows?: boolean;
-    className?: string;
 }
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -2163,9 +2160,8 @@ interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof Tool
     arrow?: boolean;
 }
 declare const Content$a: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
-interface TooltipProps {
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof Trigger$9> {
     label: React.ReactNode;
-    children: React.ReactNode;
     side?: React.ComponentPropsWithoutRef<typeof Tooltip$2.Content>['side'];
     align?: React.ComponentPropsWithoutRef<typeof Tooltip$2.Content>['align'];
     delayDuration?: number;
@@ -2176,7 +2172,7 @@ interface TooltipProps {
     disabled?: boolean;
 }
 declare const Tooltip$1: {
-    ({ children, label, side, align, delayDuration, skipDelayDuration, variant, maxWidth, arrow, disabled, }: TooltipProps): React.JSX.Element;
+    ({ children, label, side, align, delayDuration, skipDelayDuration, variant, maxWidth, arrow, disabled, ...triggerProps }: TooltipProps): React.JSX.Element;
     displayName: string;
 };
 
@@ -2377,7 +2373,7 @@ declare function useToast(): {
     remove: (id: string) => void;
 };
 
-interface ToasterProps {
+interface ToasterProps extends Omit<React.ComponentPropsWithoutRef<typeof Toast.Viewport>, 'children'> {
     /**
      * Horizontal alignment of toasts.
      * @default 'right'
@@ -2414,7 +2410,7 @@ interface ToasterProps {
  * toast.success('Saved!');
  * toast.error('Failed', { retry: () => save(), horizontal: 'right', vertical: 'top' });
  */
-declare function Toaster({ horizontal: defaultH, vertical: defaultV, maxToasts, className, }: ToasterProps): React.JSX.Element;
+declare function Toaster({ horizontal: defaultH, vertical: defaultV, maxToasts, className, ...props }: ToasterProps): React.JSX.Element;
 declare namespace Toaster {
     var displayName: string;
 }
@@ -3019,6 +3015,12 @@ interface DatePickerProps extends Omit<React.ComponentPropsWithoutRef<typeof Dat
     required?: boolean;
     error?: boolean;
     showOutsideDays?: boolean;
+    /**
+     * Native HTML attributes forwarded to the root wrapper `<div>`
+     * (e.g. `onClick`, `style`, `role`, `tabIndex`, `data-*`, `aria-*`).
+     * The forwarded `ref` already points at this element.
+     */
+    rootProps?: React.ComponentPropsWithoutRef<'div'>;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.FC<DatePicker$1.DatePickerRootProps>;
@@ -3055,6 +3057,12 @@ interface TimePickerProps extends Omit<PrimitiveRootProps, 'children'> {
     name?: string;
     required?: boolean;
     error?: boolean;
+    /**
+     * Native HTML attributes forwarded to the root wrapper `<div>`
+     * (e.g. `onClick`, `style`, `role`, `tabIndex`, `data-*`, `aria-*`).
+     * The forwarded `ref` already points at this element.
+     */
+    rootProps?: React.ComponentPropsWithoutRef<'div'>;
 }
 interface TimePickerPanelProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'title'> {
     value?: Date | null;
@@ -3079,9 +3087,7 @@ declare const TimePickerPanel: React.ForwardRefExoticComponent<TimePickerPanelPr
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<Omit<TimePicker$1.TimePickerRootProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Segment: React.ForwardRefExoticComponent<Omit<TimePicker$1.SegmentProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Separator: React.FC<{
-        children?: React.ReactNode;
-    }>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Value: React.FC<{
         format?: TimePicker$1.TimePickerFormat;
         locale?: string;
@@ -3119,6 +3125,8 @@ interface DateRangePickerProps extends Omit<React.ComponentPropsWithoutRef<typeo
     shortcuts?: DateRangePicker$1.DateRangePickerShortcut[] | false;
     shortcutsClassName?: string;
     showOutsideDays?: boolean;
+    /** Native HTML attributes (onClick, onMouseEnter, style, id, data-*, aria-*, …) forwarded to the root wrapper element. */
+    rootProps?: React.ComponentPropsWithoutRef<'div'>;
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.FC<DateRangePicker$1.DateRangePickerRootProps>;
@@ -3152,7 +3160,14 @@ interface CalendarProps extends React.ComponentPropsWithoutRef<typeof DateTimePi
     showOutsideDays?: boolean;
     showDaysOutsideCurrentMonth?: boolean;
 }
-interface DateTimePickerProps extends Omit<React.ComponentPropsWithoutRef<typeof DateTimePicker$1.Root>, 'children'> {
+type DateTimePickerRootConfig = Omit<React.ComponentPropsWithoutRef<typeof DateTimePicker$1.Root>, 'children'>;
+/**
+ * Native HTML attributes for the root wrapper `<div>`, excluding any keys that
+ * collide with the picker's configuration props (picker semantics win for
+ * shared names). These reach the DOM element the forwarded `ref` points at.
+ */
+type DateTimePickerNativeProps = Omit<React.ComponentPropsWithoutRef<'div'>, keyof DateTimePickerRootConfig | 'className'>;
+interface DateTimePickerOwnProps {
     className?: string;
     triggerClassName?: string;
     contentClassName?: string;
@@ -3166,6 +3181,8 @@ interface DateTimePickerProps extends Omit<React.ComponentPropsWithoutRef<typeof
     error?: boolean;
     showOutsideDays?: boolean;
 }
+interface DateTimePickerProps extends DateTimePickerRootConfig, DateTimePickerNativeProps, DateTimePickerOwnProps {
+}
 declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.FC<DateTimePicker$1.DateTimePickerRootProps>;
     Trigger: React.ForwardRefExoticComponent<Omit<_structyl_primitives.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -3194,9 +3211,7 @@ declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProp
     TimePanel: React.ForwardRefExoticComponent<DateTimePicker$1.TimePanelProps & React.RefAttributes<HTMLDivElement>>;
     DateButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     Segment: React.ForwardRefExoticComponent<Omit<DateTimePicker$1.SegmentProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Separator: React.FC<{
-        children?: React.ReactNode;
-    }>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
     Loading: React.FC<{}>;
     StyledCalendar: React.ForwardRefExoticComponent<CalendarProps$3 & React.RefAttributes<HTMLDivElement>>;
 };
@@ -3220,9 +3235,9 @@ declare const Input$2: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLPr
 declare const Trigger$1: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const Clear: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const List: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const Item$4: React.FC<{
+declare const Item$4: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     file: File;
-}>;
+} & React.RefAttributes<HTMLLIElement>>;
 
 declare const index$b_Clear: typeof Clear;
 declare const index$b_Dropzone: typeof Dropzone;
@@ -3342,7 +3357,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTM
 declare const Tag: React.FC<{
     index: number;
     tag: string;
-}>;
+} & React.ComponentPropsWithoutRef<typeof TagsInput.Tag>>;
 declare const Items$1: React.FC<{
     children: (tag: string, index: number) => React.ReactNode;
 }>;
@@ -3355,23 +3370,19 @@ declare namespace index$4 {
 
 declare const Root$3: React.ForwardRefExoticComponent<Omit<_structyl_primitives.MentionsRootProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const Textarea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-declare const Suggestions: React.ForwardRefExoticComponent<_structyl_primitives.MentionsSuggestionsProps & {
-    className?: string;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const Suggestions: React.ForwardRefExoticComponent<Pick<_structyl_primitives.MentionsSuggestionsProps, "container" | "items"> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type MentionsItemProps = React.ComponentPropsWithoutRef<typeof Mentions.Item>;
 declare const Items: React.FC<{
     children: (item: _structyl_primitives.MentionSuggestion, index: number, highlighted: boolean) => React.ReactNode;
 }>;
-declare const Item$1: React.FC<{
-    suggestion: _structyl_primitives.MentionSuggestion;
-    index: number;
-    children?: React.ReactNode;
-}>;
+declare const Item$1: React.FC<MentionsItemProps>;
 
 declare const index$3_Items: typeof Items;
+type index$3_MentionsItemProps = MentionsItemProps;
 declare const index$3_Suggestions: typeof Suggestions;
 declare const index$3_Textarea: typeof Textarea;
 declare namespace index$3 {
-  export { Item$1 as Item, index$3_Items as Items, Root$3 as Root, index$3_Suggestions as Suggestions, index$3_Textarea as Textarea };
+  export { Item$1 as Item, index$3_Items as Items, type index$3_MentionsItemProps as MentionsItemProps, Root$3 as Root, index$3_Suggestions as Suggestions, index$3_Textarea as Textarea };
 }
 
 interface CopyButtonProps extends Omit<ButtonProps, 'value'> {
@@ -3758,10 +3769,9 @@ interface KeyComboProps extends React.HTMLAttributes<HTMLSpanElement> {
 declare const KeyCombo: React.FC<KeyComboProps>;
 
 type TrendDirection = 'up' | 'down' | 'neutral';
-interface TrendBadgeProps {
+interface TrendBadgeProps extends React.ComponentPropsWithoutRef<'span'> {
     value: string | number;
     direction?: TrendDirection;
-    className?: string;
 }
 declare const TrendBadge: React.FC<TrendBadgeProps>;
 type StatColor = 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';
@@ -3840,7 +3850,7 @@ interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChan
 }
 declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
 
-interface PopconfirmProps {
+interface PopconfirmProps extends Omit<React.ComponentPropsWithoutRef<typeof Popover.Content>, 'title' | 'children' | 'side' | 'align'> {
     children: React.ReactNode;
     title: React.ReactNode;
     description?: React.ReactNode;