design-zystem 1.0.309 → 1.0.311

package/dist/index.css

@@ -1,4 +1,4 @@
-/* src/Components/DatePicker/DatePicker.css */
+/* src/ui-legacy/Components/DatePicker/DatePicker.css */
 .date-picker-container {
   position: relative;
   display: inline-flex;
@@ -64,6 +64,7 @@
   border-radius: 10px;
   box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.06), 0 12px 28px -4px rgba(0, 0, 0, 0.1);
   overflow: hidden;
+  min-width: -moz-max-content;
   min-width: max-content;
 }
 .date-picker-content {

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, MouseEventHandler, MouseEvent, ChangeEvent, FocusEvent, KeyboardEvent, ImgHTMLAttributes, RefObject } from 'react';
 
@@ -15,7 +14,7 @@ interface PageContainerProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const PageContainer: ({ justifyContent, alignItems, noPaddingLeft, noPaddingRight, noPaddingBottom, children, ...rest }: PageContainerProps) => react_jsx_runtime.JSX.Element;
+declare const PageContainer: ({ justifyContent, alignItems, noPaddingLeft, noPaddingRight, noPaddingBottom, children, ...rest }: PageContainerProps) => react.JSX.Element;
 
 interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     hasShadow?: boolean;
@@ -54,7 +53,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     inset?: string;
     style?: CSSProperties;
 }
-declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react_jsx_runtime.JSX.Element;
+declare const Box: ({ children, hasShadow, ...rest }: BoxProps) => react.JSX.Element;
 
 interface GridProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -72,7 +71,7 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const Grid: (props: GridProps) => react_jsx_runtime.JSX.Element;
+declare const Grid: (props: GridProps) => react.JSX.Element;
 
 interface RowProps extends HTMLAttributes<HTMLDivElement> {
     gap?: number | string;
@@ -161,7 +160,7 @@ interface BulkProps {
     textColor?: string;
     hoverColor?: string;
 }
-declare const Bulk: ({ onClose, leftTitle, sections, variant, textColor, hoverColor, }: BulkProps) => react_jsx_runtime.JSX.Element;
+declare const Bulk: ({ onClose, leftTitle, sections, variant, textColor, hoverColor, }: BulkProps) => react.JSX.Element;
 
 interface DividerProps {
     orientation?: 'vertical' | 'horizontal';
@@ -173,14 +172,14 @@ interface DividerProps {
     className?: string;
     style?: CSSProperties;
 }
-declare const Divider: ({ orientation, color, thickness, ySpacing, flexShrink, className, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
+declare const Divider: ({ orientation, color, thickness, ySpacing, flexShrink, className, ...rest }: DividerProps) => react.JSX.Element;
 
 interface CollapseProps {
     open: boolean;
     children: ReactNode;
     maxHeight?: number;
 }
-declare const Collapse: ({ open, children, maxHeight }: CollapseProps) => react_jsx_runtime.JSX.Element;
+declare const Collapse: ({ open, children, maxHeight }: CollapseProps) => react.JSX.Element;
 
 interface ModalConfirmationProps {
     isOpen?: boolean;
@@ -190,7 +189,7 @@ interface ModalConfirmationProps {
     width?: string;
     children?: ReactNode;
 }
-declare const ModalConfirmation: (props: ModalConfirmationProps) => react_jsx_runtime.JSX.Element | null;
+declare const ModalConfirmation: (props: ModalConfirmationProps) => react.JSX.Element | null;
 
 interface ModalProps {
     children?: ReactNode;
@@ -204,7 +203,7 @@ interface ModalProps {
     title?: string;
     style?: CSSProperties;
 }
-declare const Modal: (props: ModalProps) => false | react_jsx_runtime.JSX.Element | undefined;
+declare const Modal: (props: ModalProps) => false | react.JSX.Element | undefined;
 
 interface TagProps {
     label?: string;
@@ -237,7 +236,7 @@ interface NewModalProps {
     isDraggable?: boolean;
     style?: CSSProperties;
 }
-declare const NewModal: ({ showModal, closeModal, title, subTitle, icon, width, children, tag, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, rightButtonDisabledTooltip, isLoading, isOutline, variant, titleColor, showCloseButton, confirmDisabled, showHeaderIcon, headerIConSize, isDraggable, }: NewModalProps) => react_jsx_runtime.JSX.Element | null;
+declare const NewModal: ({ showModal, closeModal, title, subTitle, icon, width, children, tag, leftButtonLabel, leftButtonAction, rightButtonLabel, rightButtonAction, rightButtonDisabledTooltip, isLoading, isOutline, variant, titleColor, showCloseButton, confirmDisabled, showHeaderIcon, headerIConSize, isDraggable, }: NewModalProps) => react.JSX.Element | null;
 
 interface DrawerProps {
     showDrawer?: boolean;
@@ -260,7 +259,7 @@ interface DrawerProps {
     /** Stretches the content wrapper to the full height of the scrollable area. Off by default: the wrapper is `fit-content`, so a panel that must pin something to its bottom needs this. */
     stretchContent?: boolean;
 }
-declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, leftButtonDisabled, rightButtonLabel, rightButtonAction, rightButtonDisabled, isLoading, leftVariant, variant, leftOutline, rightOutline, footer, stretchContent, }: DrawerProps) => react_jsx_runtime.JSX.Element | null;
+declare const Drawer: ({ showDrawer, closeDrawer, title, width, children, leftButtonLabel, leftButtonAction, leftButtonDisabled, rightButtonLabel, rightButtonAction, rightButtonDisabled, isLoading, leftVariant, variant, leftOutline, rightOutline, footer, stretchContent, }: DrawerProps) => react.JSX.Element | null;
 
 declare const Toaster: () => react.ReactPortal | null;
 
@@ -301,7 +300,7 @@ interface TagBubbleProps extends HTMLAttributes<HTMLDivElement> {
     borderColor?: string;
     hasShadow?: boolean;
 }
-declare const TagBubble: ({ label, hideCircle, isActive, circleSize, circleColorActive, circleColorInactive, count, hideCount, countBg, countText, countSize, labelSize, labelWeight, labelColor, gap, padding, radius, background, borderColor, hasShadow, onClick, ...rest }: TagBubbleProps) => react_jsx_runtime.JSX.Element;
+declare const TagBubble: ({ label, hideCircle, isActive, circleSize, circleColorActive, circleColorInactive, count, hideCount, countBg, countText, countSize, labelSize, labelWeight, labelColor, gap, padding, radius, background, borderColor, hasShadow, onClick, ...rest }: TagBubbleProps) => react.JSX.Element;
 
 interface BubbleProps {
     children?: ReactNode;
@@ -321,7 +320,7 @@ interface BubbleProps {
     style?: CSSProperties;
     onClick?: () => void;
 }
-declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react_jsx_runtime.JSX.Element;
+declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react.JSX.Element;
 
 interface IconProps {
     name?: string;
@@ -342,7 +341,7 @@ interface IconProps {
     style?: CSSProperties;
     title?: string;
 }
-declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element;
+declare const Icon: (props: IconProps) => react.JSX.Element;
 
 interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     children?: ReactNode;
@@ -367,7 +366,7 @@ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
     style?: CSSProperties;
     className?: string;
 }
-declare const Text: (props: TextProps) => react_jsx_runtime.JSX.Element;
+declare const Text: (props: TextProps) => react.JSX.Element;
 
 interface LinkProps {
     children?: ReactNode;
@@ -386,7 +385,7 @@ interface LinkProps {
     className?: string;
     onClick?: () => void;
 }
-declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
+declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react.JSX.Element;
 
 interface AvatarBadge {
     name: string;
@@ -420,7 +419,7 @@ interface AvatarProps {
     badge?: AvatarBadge | null;
     avatarBadge?: AvatarPhotoBadge | null;
 }
-declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, objectFit, icon, badge, avatarBadge, }: AvatarProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, objectFit, icon, badge, avatarBadge, }: AvatarProps) => react.JSX.Element;
 
 interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     label?: string;
@@ -442,7 +441,7 @@ interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, noHover, iconOnlySize, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ label, children, iconLeft, iconRight, iconColor, variant, outline, size, width, isLoading, fontWeight, onClick, disabled, noHover, iconOnlySize, ...rest }: ButtonProps) => react.JSX.Element;
 
 interface SelectOption<T> {
     value: T;
@@ -463,7 +462,7 @@ interface SelectProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'color' |
     hideSearchBar?: boolean;
     noFlex?: boolean;
 }
-declare const Select: <T = unknown>({ label, value, onChange, options, placeholder, width, height, required, disabled, color, backgroundColor, hideSearchBar, noFlex, }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Select: <T = unknown>({ label, value, onChange, options, placeholder, width, height, required, disabled, color, backgroundColor, hideSearchBar, noFlex, }: SelectProps<T>) => react.JSX.Element;
 
 interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onKeyDown'> {
     label?: string;
@@ -515,7 +514,7 @@ interface CheckboxProps {
     size?: string;
     variant?: string;
 }
-declare const Checkbox: ({ children, value, onChange, disabled, label, size, variant, }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+declare const Checkbox: ({ children, value, onChange, disabled, label, size, variant, }: CheckboxProps) => react.JSX.Element;
 
 interface RadioProps {
     children?: ReactNode;
@@ -528,7 +527,7 @@ interface RadioProps {
     name?: string;
     value?: string | number;
 }
-declare const Radio: ({ children, checked, onChange, disabled, label, size, variant, name, value, }: RadioProps) => react_jsx_runtime.JSX.Element;
+declare const Radio: ({ children, checked, onChange, disabled, label, size, variant, name, value, }: RadioProps) => react.JSX.Element;
 
 declare const colors: {
     readonly primary: "#52bdc4";
@@ -666,7 +665,7 @@ interface AccordionProps {
     maxHeight?: number;
     backgroundHeader?: keyof typeof colors | string;
 }
-declare const Accordion: ({ items, title, titleEnd, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
+declare const Accordion: ({ items, title, titleEnd, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react.JSX.Element;
 
 interface ColorPickerProps {
     label?: string;
@@ -705,7 +704,7 @@ interface ListProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const List: (props: ListProps) => react_jsx_runtime.JSX.Element;
+declare const List: (props: ListProps) => react.JSX.Element;
 
 interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     children?: ReactNode;
@@ -721,7 +720,7 @@ interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     style?: CSSProperties;
     className?: string;
 }
-declare const ListItem: (props: ListItemProps) => react_jsx_runtime.JSX.Element;
+declare const ListItem: (props: ListItemProps) => react.JSX.Element;
 
 interface TableProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -739,7 +738,7 @@ interface TableHeaderProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableHeader: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const TableHeader: (props: TableHeaderProps) => react.JSX.Element;
 
 interface TableBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
     children?: ReactNode;
@@ -762,7 +761,7 @@ interface TableRowProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableRow: (props: TableRowProps) => react_jsx_runtime.JSX.Element;
+declare const TableRow: (props: TableRowProps) => react.JSX.Element;
 
 interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -776,7 +775,7 @@ interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableCell: (props: TableCellProps) => react_jsx_runtime.JSX.Element;
+declare const TableCell: (props: TableCellProps) => react.JSX.Element;
 
 type SortOrder = 'asc' | 'desc' | null;
 interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
@@ -791,7 +790,7 @@ interface TableHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableHeaderCell: (props: TableHeaderCellProps) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderCell: (props: TableHeaderCellProps) => react.JSX.Element;
 
 interface TableHeaderRowProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -799,7 +798,7 @@ interface TableHeaderRowProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableHeaderRow: (props: TableHeaderRowProps) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderRow: (props: TableHeaderRowProps) => react.JSX.Element;
 
 interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -807,7 +806,7 @@ interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableFooter: (props: TableFooterProps) => react_jsx_runtime.JSX.Element;
+declare const TableFooter: (props: TableFooterProps) => react.JSX.Element;
 
 interface TableFooterRowProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -815,7 +814,7 @@ interface TableFooterRowProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableFooterRow: (props: TableFooterRowProps) => react_jsx_runtime.JSX.Element;
+declare const TableFooterRow: (props: TableFooterRowProps) => react.JSX.Element;
 
 interface TableFooterCellProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
@@ -826,12 +825,12 @@ interface TableFooterCellProps extends HTMLAttributes<HTMLDivElement> {
     style?: CSSProperties;
     className?: string;
 }
-declare const TableFooterCell: (props: TableFooterCellProps) => react_jsx_runtime.JSX.Element;
+declare const TableFooterCell: (props: TableFooterCellProps) => react.JSX.Element;
 
 interface SkeletonRowProps {
     columns?: number;
 }
-declare const SkeletonRow: ({ columns }: SkeletonRowProps) => react_jsx_runtime.JSX.Element;
+declare const SkeletonRow: ({ columns }: SkeletonRowProps) => react.JSX.Element;
 
 interface SwitchProps {
     checked?: boolean;
@@ -843,7 +842,7 @@ interface SwitchProps {
 }
 declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
 
-declare const CardSkeleton: () => react_jsx_runtime.JSX.Element;
+declare const CardSkeleton: () => react.JSX.Element;
 
 interface OptionItem {
     id?: string | number;
@@ -858,7 +857,7 @@ interface OptionsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>
     onChange?: (option: OptionItem) => void;
     disabled?: boolean;
 }
-declare const Options: ({ icon, options, value, defaultId, onChange, disabled, }: OptionsProps) => react_jsx_runtime.JSX.Element;
+declare const Options: ({ icon, options, value, defaultId, onChange, disabled, }: OptionsProps) => react.JSX.Element;
 
 interface StepperProps extends HTMLAttributes<HTMLElement> {
     numberOfSteps: number;
@@ -866,7 +865,7 @@ interface StepperProps extends HTMLAttributes<HTMLElement> {
     size?: number;
     className?: string;
 }
-declare const Stepper: ({ numberOfSteps, current, size, className, }: StepperProps) => react_jsx_runtime.JSX.Element;
+declare const Stepper: ({ numberOfSteps, current, size, className, }: StepperProps) => react.JSX.Element;
 
 interface TabItem {
     id: string | number;
@@ -890,7 +889,7 @@ interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     size?: 'xs' | 'm';
     activeColor?: string;
 }
-declare const Tabs: ({ value, onChange, items, variant, align, showBaseline, baselineColor, children, size, activeColor, ...rest }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const Tabs: ({ value, onChange, items, variant, align, showBaseline, baselineColor, children, size, activeColor, ...rest }: TabsProps) => react.JSX.Element;
 
 interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     src?: string;
@@ -902,7 +901,7 @@ interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
     alignSelf?: string;
     style?: CSSProperties;
 }
-declare const Image: ({ src, alt, width, height, borderRadius, objectFit, alignSelf, style, ...rest }: ImageProps) => react_jsx_runtime.JSX.Element;
+declare const Image: ({ src, alt, width, height, borderRadius, objectFit, alignSelf, style, ...rest }: ImageProps) => react.JSX.Element;
 
 interface MultiSelectOption {
     value: unknown;
@@ -919,7 +918,7 @@ interface MultiSelectProps {
     width?: string;
     align?: 'left' | 'right';
 }
-declare const MultiSelect: ({ label, options, selectedValues, onChange, size, optional, disabled, width, align, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ label, options, selectedValues, onChange, size, optional, disabled, width, align, }: MultiSelectProps) => react.JSX.Element;
 
 interface DatePreset {
     label: string;
@@ -956,7 +955,7 @@ type DatePickerRangeProps = DatePickerBaseProps & {
     presets?: DatePreset[];
 };
 type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
-declare const DatePicker: (props: DatePickerProps) => react_jsx_runtime.JSX.Element;
+declare const DatePicker: (props: DatePickerProps) => react.JSX.Element;
 
 interface IconTabItem {
     icon?: string;
@@ -970,7 +969,7 @@ interface IconTabsProps extends HTMLAttributes<HTMLDivElement> {
     disabledTabs?: number[];
     defaultTabIndex?: number;
 }
-declare const IconTabs: ({ items, selectedColor, selectedIconColor, onTabChange, disabledTabs, defaultTabIndex, }: IconTabsProps) => react_jsx_runtime.JSX.Element;
+declare const IconTabs: ({ items, selectedColor, selectedIconColor, onTabChange, disabledTabs, defaultTabIndex, }: IconTabsProps) => react.JSX.Element;
 
 interface PopoverItem {
     label: string | ReactNode;
@@ -982,9 +981,10 @@ interface PopoverProps {
     anchorRef?: RefObject<HTMLElement>;
     offsetY?: number;
     align?: 'left' | 'right';
+    direction?: 'vertical' | 'horizontal';
     fullWidth?: boolean;
 }
-declare const Popover: ({ items, children, anchorRef, offsetY, align, fullWidth, }: PopoverProps) => react_jsx_runtime.JSX.Element;
+declare const Popover: ({ items, children, anchorRef, offsetY, align, direction, fullWidth, }: PopoverProps) => react.JSX.Element;
 
 interface MetricCardProps {
     icon: string;
@@ -1005,7 +1005,7 @@ interface MetricCardProps {
     /** Contenu libre à droite de l'icône. Remplace title/value quand fourni. */
     children?: ReactNode;
 }
-declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, alignSelf, onClick, checked, children, }: MetricCardProps) => react_jsx_runtime.JSX.Element;
+declare const MetricCard: ({ icon, title, value, valueColor, subtitle, iconBackgroundColor, iconColor, contentLayout, alignSelf, onClick, checked, children, }: MetricCardProps) => react.JSX.Element;
 
 interface CardProps {
     children?: ReactNode;
@@ -1018,7 +1018,7 @@ interface CardProps {
     /** `flex-shrink` when the card is a flex child — `0` keeps its natural height inside a scrolling column instead of being squashed. */
     flexShrink?: string | number;
 }
-declare const Card: ({ children, onClick, accentColor, backgroundColor, padding, borderRadius, flexShrink, }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: ({ children, onClick, accentColor, backgroundColor, padding, borderRadius, flexShrink, }: CardProps) => react.JSX.Element;
 
 interface BannerAction {
     label: string;
@@ -1042,7 +1042,7 @@ interface BannerProps {
     toggle?: BannerToggle;
     children?: ReactNode;
 }
-declare const Banner: ({ variant, filled, shimmer, badge, title, subtitle, message, action, toggle, children, }: BannerProps) => react_jsx_runtime.JSX.Element;
+declare const Banner: ({ variant, filled, shimmer, badge, title, subtitle, message, action, toggle, children, }: BannerProps) => react.JSX.Element;
 
 interface TooltipProps {
     children?: ReactNode;
@@ -1052,7 +1052,7 @@ interface TooltipProps {
     height?: string;
     direction?: 'top' | 'bottom' | 'left' | 'right';
 }
-declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ backgroundColor, data, width, height, direction, children, }: TooltipProps) => react.JSX.Element;
 
 interface PaginationProps {
     currentPage: number;
@@ -1062,7 +1062,7 @@ interface PaginationProps {
     showSummary?: boolean;
     summaryLabel?: string;
 }
-declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChange, showSummary, summaryLabel, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+declare const Pagination: ({ currentPage, totalItems, itemsPerPage, onPageChange, showSummary, summaryLabel, }: PaginationProps) => react.JSX.Element;
 
 interface FileUploadZoneProps {
     /** Called with the validated File when the user drops/selects a file */
@@ -1105,13 +1105,13 @@ interface FileUploadZoneProps {
     /** Shows the selected file name below the drop zone after upload */
     showFileName?: boolean;
 }
-declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react_jsx_runtime.JSX.Element;
+declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, icon, showFileName, }: FileUploadZoneProps) => react.JSX.Element;
 
 interface SpinnerProps {
     size?: 's' | 'm' | 'l';
     color?: string;
 }
-declare const Spinner: ({ size, color }: SpinnerProps) => react_jsx_runtime.JSX.Element;
+declare const Spinner: ({ size, color }: SpinnerProps) => react.JSX.Element;
 
 interface EmptyStateProps {
     icon?: string;
@@ -1120,7 +1120,7 @@ interface EmptyStateProps {
     actionLabel?: string;
     onAction?: () => void;
 }
-declare const EmptyState: ({ icon, title, description, actionLabel, onAction, }: EmptyStateProps) => react_jsx_runtime.JSX.Element;
+declare const EmptyState: ({ icon, title, description, actionLabel, onAction, }: EmptyStateProps) => react.JSX.Element;
 
 interface FloatingAction {
     id: string;
@@ -1139,7 +1139,7 @@ interface FloatingButtonProps {
     openIcon?: string;
     variant?: keyof typeof colors;
 }
-declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, label, icon, openIcon, variant, }: FloatingButtonProps) => react_jsx_runtime.JSX.Element;
+declare const FloatingButton: ({ isOpen, onToggle, actions, mainBadge, label, icon, openIcon, variant, }: FloatingButtonProps) => react.JSX.Element;
 
 interface ProgressBarSegment {
     /** Share of the track, 0–100. */
@@ -1167,7 +1167,7 @@ interface ProgressBarProps {
  * Horizontal coverage/progress bar. Track + fill, optional right-aligned label.
  * Pass `segments` instead of `value` to stack the parts of a single total.
  */
-declare const ProgressBar: ({ value, segments, color, trackColor, height, showLabel, }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+declare const ProgressBar: ({ value, segments, color, trackColor, height, showLabel, }: ProgressBarProps) => react.JSX.Element;
 
 interface TimelineItem {
     /** Stable key for the row. */
@@ -1194,7 +1194,7 @@ interface TimelineProps {
  * Vertical timeline. Used for event logs (feedback history) and chronological
  * lists (recovery simulation). Each point has a colored dot + title/subtitle.
  */
-declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => react_jsx_runtime.JSX.Element;
+declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => react.JSX.Element;
 
 interface GanttDay {
     key: string | number;
@@ -1233,14 +1233,14 @@ interface GanttProps<T = unknown> {
     rowHeight?: number;
     maxHeight?: number;
 }
-declare const Gantt: <T>({ days, rows, bands, labelHeader, renderLabel, onRowClick, labelWidth, rowHeight, maxHeight, }: GanttProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Gantt: <T>({ days, rows, bands, labelHeader, renderLabel, onRowClick, labelWidth, rowHeight, maxHeight, }: GanttProps<T>) => react.JSX.Element;
 declare const GanttDot: ({ color }: {
     color: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => react.JSX.Element;
 declare const GanttSwatch: ({ color, filled, }: {
     color: string;
     filled?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+}) => react.JSX.Element;
 
 /**
  * formatDate(date, type?, language?)