@banzamel/mineralui 0.4.0 → 0.5.0

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { AnimationEventHandler } from 'react';
 import { AriaRole } from 'react';
 import { ButtonHTMLAttributes } from 'react';
 import { ChangeEvent } from 'react';
+import { ChangeEventHandler } from 'react';
 import { ClipboardEventHandler } from 'react';
 import { CompositionEventHandler } from 'react';
 import { CSSProperties } from 'react';
@@ -12,11 +13,11 @@ import { DragEventHandler } from 'react';
 import { ElementType } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
-import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { ImgHTMLAttributes } from 'react';
 import { InputEventHandler } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { KeyboardEventHandler } from 'react';
 import { MouseEventHandler } from 'react';
@@ -29,9 +30,11 @@ import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { SetStateAction } from 'react';
+import { SubmitEventHandler } from 'react';
 import { TableHTMLAttributes } from 'react';
 import { TdHTMLAttributes } from 'react';
 import { ThHTMLAttributes } from 'react';
+import { ToggleEventHandler } from 'react';
 import { TouchEventHandler } from 'react';
 import { TransitionEventHandler } from 'react';
 import { UIEventHandler } from 'react';
@@ -43,7 +46,7 @@ export declare function addYears(date: Date, count: number): Date;
 
 export declare function adjustCursorAfterFormat(oldValue: string, newValue: string, oldCursor: number): number;
 
-declare function Alert({ color, fcolor, title, className, children, ...rest }: AlertProps): JSX_2.Element;
+declare function Alert({ color, fcolor, title, className, children, ...rest }: AlertProps): JSX.Element;
 export { Alert }
 export { Alert as MAlert }
 
@@ -56,7 +59,7 @@ declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
 export { AlertProps }
 export { AlertProps as MAlertProps }
 
-declare function Autocomplete<T = string>({ options, value, onChange, getOptionLabel, getOptionValue, filterOptions, multiple, freeSolo, debounceMs, onInputChange, loading, loadingText, noOptionsText, placeholder, disabled, name, id, variant, size, color, fcolor, fullWidth, label, helperText, errorText, error, required, clearable, maxHeight, renderOption, renderTags, className, style, }: AutocompleteProps<T>): JSX_2.Element;
+declare function Autocomplete<T = string>({ options, value, onChange, getOptionLabel, getOptionValue, filterOptions, multiple, freeSolo, debounceMs, onInputChange, loading, loadingText, noOptionsText, placeholder, disabled, name, id, variant, size, color, fcolor, fullWidth, label, helperText, errorText, error, required, clearable, maxHeight, renderOption, renderTags, className, style, }: AutocompleteProps<T>): JSX.Element;
 export { Autocomplete }
 export { Autocomplete as MAutocomplete }
 
@@ -102,7 +105,7 @@ declare type AutocompleteVariant = 'outlined' | 'filled' | 'underlined';
 export { AutocompleteVariant }
 export { AutocompleteVariant as MAutocompleteVariant }
 
-declare function Avatar({ src, alt, name, initials, size, shape, color, fcolor, backgroundColor, clickEffect, rippleColor, className, style, onPointerDown, ...rest }: AvatarProps): JSX_2.Element;
+declare function Avatar({ src, alt, name, initials, size, shape, color, fcolor, backgroundColor, clickEffect, rippleColor, className, style, onPointerDown, ...rest }: AvatarProps): JSX.Element;
 export { Avatar }
 export { Avatar as MAvatar }
 
@@ -131,7 +134,7 @@ declare type AvatarSize = 'sm' | 'md' | 'lg' | number;
 export { AvatarSize }
 export { AvatarSize as MAvatarSize }
 
-declare function Badge({ color, size, fcolor, className, children, ...rest }: BadgeProps): JSX_2.Element;
+declare function Badge({ color, size, fcolor, className, children, ...rest }: BadgeProps): JSX.Element;
 export { Badge }
 export { Badge as MBadge }
 
@@ -144,6 +147,26 @@ declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 export { BadgeProps }
 export { BadgeProps as MBadgeProps }
 
+declare function Banner({ color, variant, icon, action, dismissible, onDismiss, className, children, ...rest }: BannerProps): JSX.Element | null;
+export { Banner }
+export { Banner as MBanner }
+
+declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    color?: MineralColor;
+    variant?: BannerVariant;
+    icon?: ReactNode;
+    action?: ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    children?: ReactNode;
+}
+export { BannerProps }
+export { BannerProps as MBannerProps }
+
+declare type BannerVariant = 'filled' | 'outlined' | 'ghost';
+export { BannerVariant }
+export { BannerVariant as MBannerVariant }
+
 declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 export { Button }
 export { Button as MButton }
@@ -172,7 +195,7 @@ declare type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'ghost' | 'l
 export { ButtonVariant }
 export { ButtonVariant as MButtonVariant }
 
-declare function CalendarBoard({ month, defaultMonth, onMonthChange, events, locale, weekStartsOn, view, defaultView, views, onViewChange, selectedDate, defaultSelectedDate, onDayClick, dayBadge, renderDayCell, renderEventItem, detailsTrigger, detailsMode, showTimeline, timelineStartHour, timelineEndHour, emptyStateText, filters, activeFilters, defaultActiveFilters, onActiveFiltersChange, fullWidth, className, ...rest }: CalendarBoardProps): JSX_2.Element;
+declare function CalendarBoard({ month, defaultMonth, onMonthChange, events, locale, weekStartsOn, view, defaultView, views, onViewChange, selectedDate, defaultSelectedDate, onDayClick, dayBadge, renderDayCell, renderEventItem, detailsTrigger, detailsMode, showTimeline, timelineStartHour, timelineEndHour, emptyStateText, filters, activeFilters, defaultActiveFilters, onActiveFiltersChange, fullWidth, className, ...rest }: CalendarBoardProps): JSX.Element;
 export { CalendarBoard }
 export { CalendarBoard as MCalendarBoard }
 
@@ -216,7 +239,7 @@ declare type CalendarBoardView = 'month' | 'week';
 export { CalendarBoardView }
 export { CalendarBoardView as MCalendarBoardView }
 
-declare function CalendarDayCell({ date, events, badge, markers, isToday, isSelected, isOutsideMonth, className, children, ...rest }: CalendarDayCellProps): JSX_2.Element;
+declare function CalendarDayCell({ date, events, badge, markers, isToday, isSelected, isOutsideMonth, className, children, ...rest }: CalendarDayCellProps): JSX.Element;
 export { CalendarDayCell }
 export { CalendarDayCell as MCalendarDayCell }
 
@@ -269,7 +292,7 @@ declare interface CalendarEvent {
 export { CalendarEvent }
 export { CalendarEvent as MCalendarEvent }
 
-declare function CalendarEventItem({ event, locale, className, currentDate, ...rest }: CalendarEventItemProps): JSX_2.Element;
+declare function CalendarEventItem({ event, locale, className, currentDate, ...rest }: CalendarEventItemProps): JSX.Element;
 export { CalendarEventItem }
 export { CalendarEventItem as MCalendarEventItem }
 
@@ -281,7 +304,7 @@ declare interface CalendarEventItemProps extends Omit<HTMLAttributes<HTMLDivElem
 export { CalendarEventItemProps }
 export { CalendarEventItemProps as MCalendarEventItemProps }
 
-declare function CalendarEventList({ events, locale, currentDate, emptyStateText, renderEventItem, className, ...rest }: CalendarEventListProps): JSX_2.Element;
+declare function CalendarEventList({ events, locale, currentDate, emptyStateText, renderEventItem, className, ...rest }: CalendarEventListProps): JSX.Element;
 export { CalendarEventList }
 export { CalendarEventList as MCalendarEventList }
 
@@ -295,7 +318,7 @@ declare interface CalendarEventListProps extends Omit<HTMLAttributes<HTMLDivElem
 export { CalendarEventListProps }
 export { CalendarEventListProps as MCalendarEventListProps }
 
-declare function CalendarEventPopover({ open, anchorRef, onClose, onPointerEnter, onPointerLeave, date, events, locale, timelineStartHour, timelineEndHour, showTimeline, emptyStateText, renderEventItem, className, style, }: CalendarEventPopoverProps): JSX_2.Element;
+declare function CalendarEventPopover({ open, anchorRef, onClose, onPointerEnter, onPointerLeave, date, events, locale, timelineStartHour, timelineEndHour, showTimeline, emptyStateText, renderEventItem, className, style, }: CalendarEventPopoverProps): JSX.Element;
 export { CalendarEventPopover }
 export { CalendarEventPopover as MCalendarEventPopover }
 
@@ -341,7 +364,7 @@ declare interface CalendarFilterOption {
 export { CalendarFilterOption }
 export { CalendarFilterOption as MCalendarFilterOption }
 
-declare function CalendarTimeline({ date, events, locale, startHour, endHour, emptyStateText, className, ...rest }: CalendarTimelineProps): JSX_2.Element;
+declare function CalendarTimeline({ date, events, locale, startHour, endHour, emptyStateText, className, ...rest }: CalendarTimelineProps): JSX.Element;
 export { CalendarTimeline }
 export { CalendarTimeline as MCalendarTimeline }
 
@@ -362,24 +385,25 @@ export { CalendarTimelineSlotState as MCalendarTimelineSlotState }
 
 export declare function capitalizeWords(value: string): string;
 
-declare function Card({ interactive, tone, padded, color, fcolor, clickEffect, rippleColor, className, children, onPointerDown, ...rest }: CardProps): JSX_2.Element;
+declare function Card({ interactive, stretch, tone, padded, color, fcolor, clickEffect, rippleColor, className, children, onPointerDown, ...rest }: CardProps): JSX.Element;
 export { Card }
 export { Card as MCard }
 
-declare function CardBody({ className, children, ...rest }: CardSectionProps): JSX_2.Element;
+declare function CardBody({ className, children, ...rest }: CardSectionProps): JSX.Element;
 export { CardBody }
 export { CardBody as MCardBody }
 
-declare function CardFooter({ className, children, ...rest }: CardSectionProps): JSX_2.Element;
+declare function CardFooter({ className, children, ...rest }: CardSectionProps): JSX.Element;
 export { CardFooter }
 export { CardFooter as MCardFooter }
 
-declare function CardHeader({ className, children, ...rest }: CardSectionProps): JSX_2.Element;
+declare function CardHeader({ className, children, ...rest }: CardSectionProps): JSX.Element;
 export { CardHeader }
 export { CardHeader as MCardHeader }
 
 declare interface CardProps extends Omit<SurfaceProps, 'children'> {
     interactive?: boolean;
+    stretch?: boolean;
     color?: MineralColor;
     fcolor?: MineralFontColor;
     clickEffect?: MineralClickEffect;
@@ -393,6 +417,27 @@ declare interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
 
+declare function Carousel({ autoPlay, interval, showDots, showArrows, loop, draggable, transition, className, children, ...rest }: CarouselProps): JSX.Element | null;
+export { Carousel }
+export { Carousel as MCarousel }
+
+declare interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
+    autoPlay?: boolean;
+    interval?: number;
+    showDots?: boolean;
+    showArrows?: boolean;
+    loop?: boolean;
+    draggable?: boolean;
+    transition?: CarouselTransition;
+    children?: ReactNode;
+}
+export { CarouselProps }
+export { CarouselProps as MCarouselProps }
+
+declare type CarouselTransition = 'slide' | 'fade';
+export { CarouselTransition }
+export { CarouselTransition as MCarouselTransition }
+
 declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
 export { Checkbox }
 export { Checkbox as MCheckbox }
@@ -425,7 +470,7 @@ declare function cn(...classes: (string | undefined | null | false)[]): string;
 export { cn }
 export { cn as mergeClasses }
 
-declare function Code({ color, fcolor, className, children, ...rest }: CodeProps): JSX_2.Element;
+declare function Code({ color, fcolor, className, children, ...rest }: CodeProps): JSX.Element;
 export { Code }
 export { Code as MCode }
 
@@ -437,11 +482,11 @@ declare interface CodeProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
 export { CodeProps }
 export { CodeProps as MCodeProps }
 
-declare function Collapsible({ title, defaultOpen, open: controlledOpen, onToggle, fcolor, className, children, ...rest }: CollapsibleProps): JSX_2.Element;
+declare function Collapsible({ title, defaultOpen, open: controlledOpen, onToggle, fcolor, className, children, ...rest }: CollapsibleProps): JSX.Element;
 export { Collapsible }
 export { Collapsible as MCollapsible }
 
-declare interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+declare interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'onToggle'> {
     title: ReactNode;
     defaultOpen?: boolean;
     open?: boolean;
@@ -454,7 +499,7 @@ export { CollapsibleProps as MCollapsibleProps }
 
 export declare function composeValidators(...validators: ValidatorFn[]): ValidatorFn;
 
-declare function Container({ size, padded, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: ContainerProps): JSX_2.Element;
+declare function Container({ size, padded, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: ContainerProps): JSX.Element;
 export { Container }
 export { Container as MContainer }
 
@@ -470,6 +515,22 @@ export { ContainerProps as MContainerProps }
 
 export declare type ContainerSize = 'content' | 'wide' | 'full';
 
+declare function CountUp({ value, from, duration, decimals, prefix, suffix, separator, className, ...rest }: CountUpProps): JSX.Element;
+export { CountUp }
+export { CountUp as MCountUp }
+
+declare interface CountUpProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    value: number;
+    from?: number;
+    duration?: number;
+    decimals?: number;
+    prefix?: string;
+    suffix?: string;
+    separator?: string;
+}
+export { CountUpProps }
+export { CountUpProps as MCountUpProps }
+
 export declare type CreditCardBrand = 'visa' | 'mastercard' | 'amex' | 'discover' | 'maestro' | 'unknown';
 
 export declare interface CreditCardBrandDetails {
@@ -489,7 +550,7 @@ export declare interface CurrencyFormatOptions {
     precision?: number;
 }
 
-declare function DatePicker({ value, defaultValue, onChange, format, locale, min, max, disabledDates, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, inline, showTodayButton, firstDayOfWeek, fullWidth, className, style, }: DatePickerProps): JSX_2.Element;
+declare function DatePicker({ value, defaultValue, onChange, format, locale, min, max, disabledDates, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, inline, showTodayButton, firstDayOfWeek, fullWidth, className, style, }: DatePickerProps): JSX.Element;
 export { DatePicker }
 export { DatePicker as MDatePicker }
 
@@ -530,7 +591,7 @@ declare type DatePickerVariant = 'outlined' | 'filled' | 'underlined';
 export { DatePickerVariant }
 export { DatePickerVariant as MDatePickerVariant }
 
-declare function DateRangePicker({ value, defaultValue, onChange, format, locale, min, max, disabledDates, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, inline, showTodayButton, presets, firstDayOfWeek, fullWidth, allowSameDay, className, style, }: DateRangePickerProps): JSX_2.Element;
+declare function DateRangePicker({ value, defaultValue, onChange, format, locale, min, max, disabledDates, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, inline, showTodayButton, presets, presetsSidebar, firstDayOfWeek, fullWidth, allowSameDay, className, style, }: DateRangePickerProps): JSX.Element;
 export { DateRangePicker }
 export { DateRangePicker as MDateRangePicker }
 
@@ -563,6 +624,7 @@ declare interface DateRangePickerProps {
     inline?: boolean;
     showTodayButton?: boolean;
     presets?: boolean | DateRangePreset[];
+    presetsSidebar?: boolean;
     firstDayOfWeek?: 0 | 1;
     fullWidth?: boolean;
     allowSameDay?: boolean;
@@ -597,7 +659,9 @@ export declare function daysInMonth(year: number, month: number): number;
 
 export declare function detectCardBrand(value: string): CreditCardBrandDetails;
 
-declare function Divider({ className, style, ...rest }: DividerProps): JSX_2.Element;
+declare type Dict = Record<string, unknown>;
+
+declare function Divider({ className, style, ...rest }: DividerProps): JSX.Element;
 export { Divider }
 export { Divider as MDivider }
 
@@ -618,7 +682,7 @@ export { FieldRegistration as MFieldRegistration }
 
 export declare function firstDayOfMonth(year: number, month: number): number;
 
-declare function Form({ initialValues, onSubmit, onChange, validationMode, children, className, style, noValidate, }: FormProps): JSX_2.Element;
+declare function Form({ initialValues, onSubmit, onChange, validationMode, children, className, style, noValidate, }: FormProps): JSX.Element;
 export { Form }
 export { Form as MForm }
 
@@ -685,13 +749,38 @@ declare interface FormProps {
 export { FormProps }
 export { FormProps as MFormProps }
 
+declare function Gallery({ items, columns, gap, rounded, className, ...rest }: GalleryProps): JSX.Element;
+export { Gallery }
+export { Gallery as MGallery }
+
+declare type GalleryColumns = 2 | 3 | 4 | 5 | 6;
+export { GalleryColumns }
+export { GalleryColumns as MGalleryColumns }
+
+declare interface GalleryItem {
+    src: string;
+    alt?: string;
+    caption?: string;
+}
+export { GalleryItem }
+export { GalleryItem as MGalleryItem }
+
+declare interface GalleryProps extends HTMLAttributes<HTMLDivElement> {
+    items: GalleryItem[];
+    columns?: GalleryColumns;
+    gap?: 'sm' | 'md' | 'lg';
+    rounded?: boolean;
+}
+export { GalleryProps }
+export { GalleryProps as MGalleryProps }
+
 export declare function getDayNames(locale?: 'pl' | 'en'): string[];
 
 export declare function getMonthNames(locale?: 'pl' | 'en'): string[];
 
 export declare function getPostCodeRule(countryCode?: string): PostCodeRule;
 
-export declare function Grid({ columns, gap, minItemWidth, className, style, children, ...rest }: GridProps): JSX_2.Element;
+export declare function Grid({ columns, gap, minItemWidth, className, style, children, ...rest }: GridProps): JSX.Element;
 
 export declare type GridColumns = (typeof gridColumnValues)[number];
 
@@ -711,6 +800,7 @@ onSelect?: ReactEventHandler<HTMLHeadingElement> | undefined;
 slot?: string | undefined | undefined;
 style?: CSSProperties | undefined;
 title?: string | undefined | undefined;
+popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
 hidden?: boolean | undefined | undefined;
 content?: string | undefined | undefined;
 role?: AriaRole | undefined;
@@ -753,6 +843,9 @@ itemRef?: string | undefined | undefined;
 results?: number | undefined | undefined;
 security?: string | undefined | undefined;
 unselectable?: "on" | "off" | undefined | undefined;
+popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+popoverTarget?: string | undefined | undefined;
+inert?: boolean | undefined | undefined;
 inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
 is?: string | undefined | undefined;
 exportparts?: string | undefined | undefined;
@@ -829,18 +922,18 @@ onFocus?: FocusEventHandler<HTMLHeadingElement> | undefined;
 onFocusCapture?: FocusEventHandler<HTMLHeadingElement> | undefined;
 onBlur?: FocusEventHandler<HTMLHeadingElement> | undefined;
 onBlurCapture?: FocusEventHandler<HTMLHeadingElement> | undefined;
-onChange?: FormEventHandler<HTMLHeadingElement> | undefined;
-onChangeCapture?: FormEventHandler<HTMLHeadingElement> | undefined;
+onChange?: ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+onChangeCapture?: ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
 onBeforeInput?: InputEventHandler<HTMLHeadingElement> | undefined;
-onBeforeInputCapture?: FormEventHandler<HTMLHeadingElement> | undefined;
-onInput?: FormEventHandler<HTMLHeadingElement> | undefined;
-onInputCapture?: FormEventHandler<HTMLHeadingElement> | undefined;
-onReset?: FormEventHandler<HTMLHeadingElement> | undefined;
-onResetCapture?: FormEventHandler<HTMLHeadingElement> | undefined;
-onSubmit?: FormEventHandler<HTMLHeadingElement> | undefined;
-onSubmitCapture?: FormEventHandler<HTMLHeadingElement> | undefined;
-onInvalid?: FormEventHandler<HTMLHeadingElement> | undefined;
-onInvalidCapture?: FormEventHandler<HTMLHeadingElement> | undefined;
+onBeforeInputCapture?: InputEventHandler<HTMLHeadingElement> | undefined;
+onInput?: InputEventHandler<HTMLHeadingElement> | undefined;
+onInputCapture?: InputEventHandler<HTMLHeadingElement> | undefined;
+onReset?: ReactEventHandler<HTMLHeadingElement> | undefined;
+onResetCapture?: ReactEventHandler<HTMLHeadingElement> | undefined;
+onSubmit?: SubmitEventHandler<HTMLHeadingElement> | undefined;
+onSubmitCapture?: SubmitEventHandler<HTMLHeadingElement> | undefined;
+onInvalid?: ReactEventHandler<HTMLHeadingElement> | undefined;
+onInvalidCapture?: ReactEventHandler<HTMLHeadingElement> | undefined;
 onLoad?: ReactEventHandler<HTMLHeadingElement> | undefined;
 onLoadCapture?: ReactEventHandler<HTMLHeadingElement> | undefined;
 onError?: ReactEventHandler<HTMLHeadingElement> | undefined;
@@ -960,6 +1053,8 @@ onLostPointerCapture?: PointerEventHandler<HTMLHeadingElement> | undefined;
 onLostPointerCaptureCapture?: PointerEventHandler<HTMLHeadingElement> | undefined;
 onScroll?: UIEventHandler<HTMLHeadingElement> | undefined;
 onScrollCapture?: UIEventHandler<HTMLHeadingElement> | undefined;
+onScrollEnd?: UIEventHandler<HTMLHeadingElement> | undefined;
+onScrollEndCapture?: UIEventHandler<HTMLHeadingElement> | undefined;
 onWheel?: WheelEventHandler<HTMLHeadingElement> | undefined;
 onWheelCapture?: WheelEventHandler<HTMLHeadingElement> | undefined;
 onAnimationStart?: AnimationEventHandler<HTMLHeadingElement> | undefined;
@@ -968,8 +1063,16 @@ onAnimationEnd?: AnimationEventHandler<HTMLHeadingElement> | undefined;
 onAnimationEndCapture?: AnimationEventHandler<HTMLHeadingElement> | undefined;
 onAnimationIteration?: AnimationEventHandler<HTMLHeadingElement> | undefined;
 onAnimationIterationCapture?: AnimationEventHandler<HTMLHeadingElement> | undefined;
+onToggle?: ToggleEventHandler<HTMLHeadingElement> | undefined;
+onBeforeToggle?: ToggleEventHandler<HTMLHeadingElement> | undefined;
+onTransitionCancel?: TransitionEventHandler<HTMLHeadingElement> | undefined;
+onTransitionCancelCapture?: TransitionEventHandler<HTMLHeadingElement> | undefined;
 onTransitionEnd?: TransitionEventHandler<HTMLHeadingElement> | undefined;
 onTransitionEndCapture?: TransitionEventHandler<HTMLHeadingElement> | undefined;
+onTransitionRun?: TransitionEventHandler<HTMLHeadingElement> | undefined;
+onTransitionRunCapture?: TransitionEventHandler<HTMLHeadingElement> | undefined;
+onTransitionStart?: TransitionEventHandler<HTMLHeadingElement> | undefined;
+onTransitionStartCapture?: TransitionEventHandler<HTMLHeadingElement> | undefined;
 className: string;
 }, HTMLElement>;
 export { Heading }
@@ -986,7 +1089,30 @@ declare interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>,
 export { HeadingProps }
 export { HeadingProps as MHeadingProps }
 
-declare function Inline({ gap, align, justify, wrap, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: InlineProps): JSX_2.Element;
+declare function Image_2({ fit, ratio, rounded, bordered, shadow, fallback, className, style, onError, ...rest }: ImageProps): JSX.Element;
+export { Image_2 as Image }
+export { Image_2 as MImage }
+
+declare type ImageFit = 'cover' | 'contain' | 'fill' | 'none';
+export { ImageFit }
+export { ImageFit as MImageFit }
+
+declare interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    fit?: ImageFit;
+    ratio?: ImageRatio;
+    rounded?: boolean;
+    bordered?: boolean;
+    shadow?: boolean;
+    fallback?: string;
+}
+export { ImageProps }
+export { ImageProps as MImageProps }
+
+declare type ImageRatio = '1:1' | '4:3' | '16:9' | '21:9' | 'auto';
+export { ImageRatio }
+export { ImageRatio as MImageRatio }
+
+declare function Inline({ gap, align, justify, wrap, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: InlineProps): JSX.Element;
 export { Inline }
 export { Inline as MInline }
 
@@ -1274,11 +1400,11 @@ declare interface LayoutUtilityProps {
     fullWidth?: boolean;
 }
 
-declare function List({ ordered, color, fcolor, className, children, ...rest }: ListProps): JSX_2.Element;
+declare function List({ ordered, color, fcolor, className, children, ...rest }: ListProps): JSX.Element;
 export { List }
 export { List as MList }
 
-declare function ListItem({ className, children, ...rest }: HTMLAttributes<HTMLLIElement>): JSX_2.Element;
+declare function ListItem({ className, children, ...rest }: HTMLAttributes<HTMLLIElement>): JSX.Element;
 export { ListItem }
 export { ListItem as MListItem }
 
@@ -1291,7 +1417,7 @@ declare interface ListProps extends Omit<HTMLAttributes<HTMLUListElement>, 'colo
 export { ListProps }
 export { ListProps as MListProps }
 
-declare function Loader({ color, size, label, center, minHeight, className, style, ...rest }: LoaderProps): JSX_2.Element;
+declare function Loader({ color, size, label, center, minHeight, className, style, ...rest }: LoaderProps): JSX.Element;
 export { Loader }
 export { Loader as MLoader }
 
@@ -1305,7 +1431,51 @@ declare interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'colo
 export { LoaderProps }
 export { LoaderProps as MLoaderProps }
 
-export declare function MFooter({ container, padded, bordered, tone, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MFooterProps): JSX_2.Element;
+export declare function MDropdownDivider({ className }: MDropdownDividerProps): JSX.Element;
+
+export declare interface MDropdownDividerProps {
+    className?: string;
+}
+
+export declare function MDropdownGroup({ label, children }: MDropdownGroupProps): JSX.Element;
+
+export declare interface MDropdownGroupProps {
+    label: string;
+    children: ReactNode;
+}
+
+export declare function MDropdownItem({ icon, label, href, to, onClick, color, disabled, active, component, className, _active, _onHover, _onClick, }: MDropdownItemProps & {
+    _active?: boolean;
+    _onHover?: () => void;
+    _onClick?: () => void;
+}): JSX.Element;
+
+export declare interface MDropdownItemProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    href?: string;
+    to?: string;
+    onClick?: () => void;
+    color?: MineralColor;
+    disabled?: boolean;
+    active?: boolean;
+    component?: ElementType;
+    className?: string;
+}
+
+export declare function MDropdownMenu({ trigger, placement, size, closeOnSelect, className, style, children, }: MDropdownMenuProps): JSX.Element;
+
+export declare interface MDropdownMenuProps {
+    trigger: ReactNode;
+    placement?: PopoverPlacement;
+    size?: MineralSize;
+    closeOnSelect?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+
+export declare function MFooter({ container, padded, bordered, tone, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MFooterProps): JSX.Element;
 
 export declare interface MFooterProps extends HTMLAttributes<HTMLElement>, LayoutUtilityProps {
     container?: ContainerSize;
@@ -1315,13 +1485,13 @@ export declare interface MFooterProps extends HTMLAttributes<HTMLElement>, Layou
     children?: ReactNode;
 }
 
-export declare function MGrid({ type, gap, span, sm, md, lg, xl, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MGridProps): JSX_2.Element;
+export declare function MGrid({ type, gap, span, sm, md, lg, xl, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: MGridProps): JSX.Element;
 
 export declare type MGridColumns = (typeof mGridColumnValues)[number];
 
 declare const mGridColumnValues: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 
-export declare function MGridItem({ span, sm, md, lg, xl, ...rest }: MGridItemProps): JSX_2.Element;
+export declare function MGridItem({ span, sm, md, lg, xl, ...rest }: MGridItemProps): JSX.Element;
 
 export declare interface MGridItemProps extends Omit<MGridProps, 'type' | 'gap'>, Pick<MGridProps, 'span' | 'sm' | 'md' | 'lg' | 'xl'> {
     children?: ReactNode;
@@ -1344,7 +1514,7 @@ export declare interface MGridProps extends HTMLAttributes<HTMLDivElement>, Layo
 
 export declare type MGridType = 'row' | 'col';
 
-export declare function MHeader({ container, padded, bordered, sticky, tone, fcolor, className, children, ...rest }: MHeaderProps): JSX_2.Element;
+export declare function MHeader({ container, padded, bordered, sticky, tone, fcolor, className, children, ...rest }: MHeaderProps): JSX.Element;
 
 export declare interface MHeaderProps extends HTMLAttributes<HTMLElement> {
     container?: ContainerSize;
@@ -1358,14 +1528,33 @@ export declare interface MHeaderProps extends HTMLAttributes<HTMLElement> {
 
 export declare type MHeaderTone = 'default' | 'surface' | 'subtle';
 
+export declare interface MI18nContextValue<T extends Dict = Dict> {
+    locale: string;
+    setLocale: (next: string) => void;
+    toggleLocale: () => void;
+    dict: T;
+    t: (key: string, fallback?: string) => string;
+}
+
+export declare function MI18nProvider<T extends Dict = Dict>({ locales, defaultLocale, persist, children, }: MI18nProviderProps<T>): JSX.Element;
+
+export declare interface MI18nProviderProps<T extends Dict = Dict> {
+    locales: Record<string, T>;
+    defaultLocale?: string;
+    persist?: boolean;
+    children: ReactNode;
+}
+
 export declare type MineralClickEffect = 'none' | 'ripple';
 
-export declare type MineralColor = 'primary' | 'neutral' | 'success' | 'error' | 'warning' | 'info';
+export declare type MineralColor = 'primary' | 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'danger';
 
-export declare type MineralFontColor = 'default' | 'muted' | 'heading' | 'inverted' | 'inherit' | 'primary' | 'neutral' | 'success' | 'error' | 'warning' | 'info';
+export declare type MineralFontColor = 'default' | 'muted' | 'heading' | 'inverted' | 'inherit' | 'primary' | 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'danger';
 
 export declare type MineralMode = 'dark' | 'light';
 
+export declare type MineralModePreference = MineralMode | 'system';
+
 export declare type MineralSize = 'sm' | 'md' | 'lg';
 
 export declare interface MineralTheme {
@@ -1414,13 +1603,14 @@ export declare interface MineralTheme {
     radiusLg?: string;
 }
 
-declare function MineralThemeProvider({ theme, mode, scope, children }: MineralThemeProviderProps): JSX_2.Element;
+declare function MineralThemeProvider({ theme, mode: modeProp, persist, scope, children, }: MineralThemeProviderProps): JSX.Element;
 export { MineralThemeProvider as MThemeProvider }
 export { MineralThemeProvider }
 
 declare interface MineralThemeProviderProps {
     theme?: MineralTheme;
-    mode?: MineralMode;
+    mode?: MineralModePreference;
+    persist?: boolean;
     scope?: MineralThemeScope;
     children: ReactNode;
 }
@@ -1449,7 +1639,7 @@ export declare type MLinkTone = 'default' | 'muted' | 'accent' | 'inherit';
 
 export declare type MLinkUnderline = 'always' | 'hover' | 'none';
 
-export declare function MNavbar({ container, padded, bordered, sticky, tone, fcolor, justify, align, wrap, className, children, ...rest }: MNavbarProps): JSX_2.Element;
+export declare function MNavbar({ container, padded, bordered, sticky, tone, fcolor, justify, align, wrap, className, children, ...rest }: MNavbarProps): JSX.Element;
 
 export declare type MNavbarAlign = 'start' | 'center' | 'end' | 'stretch';
 
@@ -1470,7 +1660,7 @@ export declare interface MNavbarProps extends HTMLAttributes<HTMLElement> {
 
 export declare type MNavbarTone = 'default' | 'surface' | 'subtle';
 
-export declare function MNavs({ items, orientation, gap, fcolor, wrap, className, children, ...rest }: MNavsProps): JSX_2.Element;
+export declare function MNavs({ items, orientation, gap, fcolor, wrap, className, children, ...rest }: MNavsProps): JSX.Element;
 
 export declare type MNavsGap = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 
@@ -1494,7 +1684,7 @@ export declare interface MNavsProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
 }
 
-declare function Modal({ open, onClose, title, description, footer, size, closeOnBackdrop, closeOnEscape, className, children, ...rest }: ModalProps): JSX_2.Element | null;
+declare function Modal({ open, onClose, title, description, footer, size, closeOnBackdrop, closeOnEscape, className, children, ...rest }: ModalProps): JSX.Element | null;
 export { Modal as MModal }
 export { Modal }
 
@@ -1515,7 +1705,97 @@ declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
 export { ModalSize as MModalSize }
 export { ModalSize }
 
-export declare function MTabs({ items, value, defaultValue, onValueChange, variant, orientation, size, fullWidth, fcolor, showPanels, panelClassName, clickEffect, rippleColor, className, ...rest }: MTabsProps): JSX_2.Element;
+export declare function MSidebar({ mode: modeProp, defaultMode, onModeChange, persist, side, tone, bordered, mobileBreakpoint, className, style, children, }: MSidebarProps): JSX.Element;
+
+export declare function MSidebarDivider({ className, spacing }: MSidebarDividerProps): JSX.Element;
+
+export declare interface MSidebarDividerProps {
+    className?: string;
+    spacing?: 'sm' | 'md' | 'lg';
+}
+
+export declare function MSidebarFooter({ className, children }: MSidebarFooterProps): JSX.Element;
+
+export declare interface MSidebarFooterProps {
+    className?: string;
+    children: ReactNode;
+}
+
+export declare function MSidebarGroup({ label, icon, defaultOpen, collapsible, children, className, }: MSidebarGroupProps): JSX.Element;
+
+export declare interface MSidebarGroupProps {
+    label: string;
+    icon?: ReactNode;
+    defaultOpen?: boolean;
+    collapsible?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+
+export declare function MSidebarHeader({ className, children }: MSidebarHeaderProps): JSX.Element;
+
+export declare interface MSidebarHeaderProps {
+    className?: string;
+    children: ReactNode;
+}
+
+export declare function MSidebarItem({ icon, label, href, to, onClick, active, disabled, badge, color, component, className, }: MSidebarItemProps): JSX.Element;
+
+export declare interface MSidebarItemProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    href?: string;
+    to?: string;
+    onClick?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    badge?: ReactNode;
+    color?: MineralColor;
+    component?: ElementType;
+    className?: string;
+}
+
+export declare type MSidebarMode = 'expanded' | 'collapsed';
+
+export declare function MSidebarNav({ className, children }: MSidebarNavProps): JSX.Element;
+
+export declare interface MSidebarNavProps {
+    className?: string;
+    children: ReactNode;
+}
+
+export declare interface MSidebarProps {
+    mode?: 'expanded' | 'collapsed' | 'auto';
+    defaultMode?: MSidebarMode;
+    onModeChange?: (mode: MSidebarMode) => void;
+    persist?: boolean;
+    side?: 'left' | 'right';
+    tone?: 'default' | 'subtle' | 'surface' | 'inverse';
+    bordered?: boolean;
+    mobileBreakpoint?: number;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+
+export declare function MSubNav({ items, active, onChange, component, className, ...rest }: MSubNavProps): JSX.Element;
+
+export declare interface MSubNavItem {
+    label: ReactNode;
+    value: string;
+    icon?: ReactNode;
+    href?: string;
+    disabled?: boolean;
+}
+
+export declare interface MSubNavProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    items: MSubNavItem[];
+    active?: string;
+    onChange?: (value: string) => void;
+    component?: ElementType;
+}
+
+export declare function MTabs({ items, value, defaultValue, onValueChange, variant, orientation, size, fullWidth, fcolor, showPanels, panelClassName, clickEffect, rippleColor, className, ...rest }: MTabsProps): JSX.Element;
 
 export declare interface MTabsItem {
     value: string;
@@ -1566,7 +1846,7 @@ export declare interface PhoneFormatOptions {
     groupPattern?: number[];
 }
 
-declare function Popover({ open, anchorRef, onClose, placement, matchWidth, offset, children, className, style, }: PopoverProps): JSX_2.Element | null;
+declare function Popover({ open, anchorRef, onClose, placement, matchWidth, offset, children, className, style, }: PopoverProps): JSX.Element | null;
 export { Popover as MPopover }
 export { Popover }
 
@@ -1619,11 +1899,28 @@ export declare interface PostCodeRule {
 
 export declare const postCodeRules: Record<string, PostCodeRule>;
 
+declare function ProgressBar({ value, max, color, size, label, showValue, animated, striped, className, ...rest }: ProgressBarProps): JSX.Element;
+export { ProgressBar as MProgressBar }
+export { ProgressBar }
+
+declare interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    value: number;
+    max?: number;
+    color?: MineralColor;
+    size?: MineralSize;
+    label?: string;
+    showValue?: boolean;
+    animated?: boolean;
+    striped?: boolean;
+}
+export { ProgressBarProps as MProgressBarProps }
+export { ProgressBarProps }
+
 declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;
 export { Radio as MRadio }
 export { Radio }
 
-declare function RadioGroup({ name, value, defaultValue, onChange, direction, children, disabled, size, color, fcolor, error, errorText, label, className, style, }: RadioGroupProps): JSX_2.Element;
+declare function RadioGroup({ name, value, defaultValue, onChange, direction, children, disabled, size, color, fcolor, error, errorText, label, className, style, }: RadioGroupProps): JSX.Element;
 export { RadioGroup as MRadioGroup }
 export { RadioGroup }
 
@@ -1668,7 +1965,22 @@ declare interface RadioProps {
 export { RadioProps as MRadioProps }
 export { RadioProps }
 
-declare function Section({ as, spacing, tone, className, style, children, ...rest }: SectionProps): JSX_2.Element;
+declare function Rating({ value, max, color, size, readOnly, onChange, className, ...rest }: RatingProps): JSX.Element;
+export { Rating as MRating }
+export { Rating }
+
+declare interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: number;
+    max?: number;
+    color?: MineralColor;
+    size?: MineralSize;
+    readOnly?: boolean;
+    onChange?: (value: number) => void;
+}
+export { RatingProps as MRatingProps }
+export { RatingProps }
+
+declare function Section({ as, spacing, tone, className, style, children, ...rest }: SectionProps): JSX.Element;
 export { Section as MSection }
 export { Section }
 
@@ -1687,7 +1999,7 @@ export declare type SectionSpacing = 'sm' | 'md' | 'lg' | 'xl';
 
 export declare type SectionTone = 'default' | 'subtle' | 'surface' | 'inverse';
 
-declare function Select({ options, value, defaultValue, onChange, multiple, searchable, placeholder, disabled, name, id, variant, size, color, fcolor, fullWidth, label, helperText, errorText, error, required, loading, clearable, maxHeight, noOptionsText, renderOption, renderValue, className, style, }: SelectProps): JSX_2.Element;
+declare function Select({ options, value, defaultValue, onChange, multiple, searchable, placeholder, disabled, name, id, variant, size, color, fcolor, fullWidth, label, helperText, errorText, error, required, loading, clearable, maxHeight, noOptionsText, renderOption, renderValue, className, style, }: SelectProps): JSX.Element;
 export { Select as MSelect }
 export { Select }
 
@@ -1737,7 +2049,7 @@ declare type SelectVariant = 'outlined' | 'filled' | 'underlined';
 export { SelectVariant as MSelectVariant }
 export { SelectVariant }
 
-declare function Spinner({ color, size, label, className, style, ...rest }: SpinnerProps): JSX_2.Element;
+declare function Spinner({ color, size, label, className, style, ...rest }: SpinnerProps): JSX.Element;
 export { Spinner as MSpinner }
 export { Spinner }
 
@@ -1749,7 +2061,7 @@ declare interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'co
 export { SpinnerProps as MSpinnerProps }
 export { SpinnerProps }
 
-declare function Stack({ gap, align, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: StackProps): JSX_2.Element;
+declare function Stack({ gap, align, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: StackProps): JSX.Element;
 export { Stack as MStack }
 export { Stack }
 
@@ -1775,7 +2087,24 @@ export declare function stripNonDigits(value: string): string;
 
 export declare function stripTime(date: Date): Date;
 
-declare function Surface({ tone, outlined, padded, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: SurfaceProps): JSX_2.Element;
+declare function SubText({ as, size, fcolor, className, children, ...rest }: SubTextProps): JSX.Element;
+export { SubText as MSubText }
+export { SubText }
+
+declare interface SubTextProps extends HTMLAttributes<HTMLElement> {
+    as?: 'span' | 'p' | 'div' | 'small';
+    size?: SubTextSize;
+    fcolor?: MineralFontColor;
+    children?: ReactNode;
+}
+export { SubTextProps as MSubTextProps }
+export { SubTextProps }
+
+declare type SubTextSize = 'xs' | 'sm' | 'md';
+export { SubTextSize as MSubTextSize }
+export { SubTextSize }
+
+declare function Surface({ tone, outlined, padded, spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, style, children, ...rest }: SurfaceProps): JSX.Element;
 export { Surface as MSurface }
 export { Surface }
 
@@ -1792,15 +2121,15 @@ export { SurfaceProps }
 
 export declare type SurfaceTone = 'default' | 'subtle' | 'raised' | 'inverse';
 
-declare function Table({ className, children, ...rest }: TableProps): JSX_2.Element;
+declare function Table({ className, children, ...rest }: TableProps): JSX.Element;
 export { Table as MTable }
 export { Table }
 
-declare function TableBody({ className, children, ...rest }: HTMLAttributes<HTMLTableSectionElement>): JSX_2.Element;
+declare function TableBody({ className, children, ...rest }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
 export { TableBody as MTableBody }
 export { TableBody }
 
-declare function TableCell({ className, children, ...rest }: TableCellProps): JSX_2.Element;
+declare function TableCell({ className, children, ...rest }: TableCellProps): JSX.Element;
 export { TableCell as MTableCell }
 export { TableCell }
 
@@ -1810,11 +2139,11 @@ declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement>
 export { TableCellProps as MTableCellProps }
 export { TableCellProps }
 
-declare function TableHead({ className, children, ...rest }: HTMLAttributes<HTMLTableSectionElement>): JSX_2.Element;
+declare function TableHead({ className, children, ...rest }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
 export { TableHead as MTableHead }
 export { TableHead }
 
-declare function TableHeadCell({ className, children, ...rest }: TableHeadCellProps): JSX_2.Element;
+declare function TableHeadCell({ className, children, ...rest }: TableHeadCellProps): JSX.Element;
 export { TableHeadCell as MTableHeadCell }
 export { TableHeadCell }
 
@@ -1830,7 +2159,7 @@ declare interface TableProps extends HTMLAttributes<HTMLDivElement> {
 export { TableProps as MTableProps }
 export { TableProps }
 
-declare function TableRoot({ className, children, ...rest }: TableRootProps): JSX_2.Element;
+declare function TableRoot({ className, children, ...rest }: TableRootProps): JSX.Element;
 export { TableRoot as MTableRoot }
 export { TableRoot }
 
@@ -1840,15 +2169,37 @@ declare interface TableRootProps extends TableHTMLAttributes<HTMLTableElement> {
 export { TableRootProps as MTableRootProps }
 export { TableRootProps }
 
-declare function TableRow({ className, children, ...rest }: HTMLAttributes<HTMLTableRowElement>): JSX_2.Element;
+declare function TableRow({ className, children, ...rest }: HTMLAttributes<HTMLTableRowElement>): JSX.Element;
 export { TableRow as MTableRow }
 export { TableRow }
 
+declare interface TaskItem {
+    id: string;
+    label: ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+}
+export { TaskItem as MTaskItem }
+export { TaskItem }
+
+declare function TaskList({ items, color, strikethrough, onChange, className, ...rest }: TaskListProps): JSX.Element;
+export { TaskList as MTaskList }
+export { TaskList }
+
+declare interface TaskListProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    items: TaskItem[];
+    color?: MineralColor;
+    strikethrough?: boolean;
+    onChange?: (id: string, checked: boolean) => void;
+}
+export { TaskListProps as MTaskListProps }
+export { TaskListProps }
+
 declare type TaxIdType = 'NIP' | 'PESEL' | 'REGON';
 export { TaxIdType as MTaxIdType }
 export { TaxIdType }
 
-declare function Text_2({ as, tone, size, align, color, fcolor, weight, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, children, ...rest }: TextProps): JSX_2.Element;
+declare function Text_2({ as, tone, size, align, color, fcolor, weight, spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, className, children, ...rest }: TextProps): JSX.Element;
 export { Text_2 as MText }
 export { Text_2 as Text }
 
@@ -1921,10 +2272,13 @@ export declare type TextTone = 'default' | 'muted' | 'accent' | 'success' | 'dan
 
 declare interface ThemeContextValue {
     theme: MineralTheme;
-    mode: MineralMode;
+    mode: MineralModePreference;
+    resolvedMode: MineralMode;
+    setMode: (next: MineralModePreference) => void;
+    toggleMode: () => void;
 }
 
-declare function TimePicker({ value, defaultValue, onChange, format, showSeconds, minuteStep, min, max, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, fullWidth, className, style, }: TimePickerProps): JSX_2.Element;
+declare function TimePicker({ value, defaultValue, onChange, format, showSeconds, minuteStep, min, max, placeholder, disabled, readOnly, name, id, variant, size, fcolor, label, helperText, errorText, error, required, clearable, fullWidth, className, style, }: TimePickerProps): JSX.Element;
 export { TimePicker as MTimePicker }
 export { TimePicker }
 
@@ -2054,6 +2408,8 @@ declare interface UseKeyboardNavOptions {
 export { UseKeyboardNavOptions as UseKeyNavigationOptions }
 export { UseKeyboardNavOptions }
 
+export declare function useMI18n<T extends Dict = Dict>(): MI18nContextValue<T>;
+
 declare function useTheme(): ThemeContextValue;
 export { useTheme as useMTheme }
 export { useTheme }