@banzamel/mineralui 0.5.0 → 0.7.0

package/dist/index.d.ts

@@ -31,15 +31,40 @@ 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';
 import { WheelEventHandler } from 'react';
 
+declare function Accordion({ multiple, defaultOpen, onChange, bordered, className, children, ...rest }: AccordionProps): JSX.Element;
+export { Accordion }
+export { Accordion as MAccordion }
+
+declare function AccordionItem(_props: AccordionItemProps): null;
+export { AccordionItem }
+export { AccordionItem as MAccordionItem }
+
+declare interface AccordionItemProps {
+    id: string;
+    title: ReactNode;
+    children?: ReactNode;
+    disabled?: boolean;
+    fcolor?: MineralFontColor;
+}
+export { AccordionItemProps }
+export { AccordionItemProps as MAccordionItemProps }
+
+declare interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    multiple?: boolean;
+    defaultOpen?: string | string[];
+    onChange?: (openIds: string[]) => void;
+    bordered?: boolean;
+    children: ReactNode;
+}
+export { AccordionProps }
+export { AccordionProps as MAccordionProps }
+
 export declare function addMonths(date: Date, count: number): Date;
 
 export declare function addYears(date: Date, count: number): Date;
@@ -59,6 +84,17 @@ declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title
 export { AlertProps }
 export { AlertProps as MAlertProps }
 
+declare const AppShell: ForwardRefExoticComponent<AppShellProps & RefAttributes<HTMLDivElement>>;
+export { AppShell }
+export { AppShell as MAppShell }
+
+declare interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
+    sidebar?: ReactNode;
+    children?: ReactNode;
+}
+export { AppShellProps }
+export { AppShellProps as MAppShellProps }
+
 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 }
@@ -167,6 +203,16 @@ declare type BannerVariant = 'filled' | 'outlined' | 'ghost';
 export { BannerVariant }
 export { BannerVariant as MBannerVariant }
 
+declare const Body_2: ForwardRefExoticComponent<BodyProps & RefAttributes<HTMLDivElement>>;
+export { Body_2 as Body }
+export { Body_2 as MBody }
+
+declare interface BodyProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export { BodyProps }
+export { BodyProps as MBodyProps }
+
 declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 export { Button }
 export { Button as MButton }
@@ -191,7 +237,7 @@ declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElemen
 export { ButtonProps }
 export { ButtonProps as MButtonProps }
 
-declare type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'ghost' | 'link';
+declare type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'ghost' | 'link' | 'icon';
 export { ButtonVariant }
 export { ButtonVariant as MButtonVariant }
 
@@ -401,6 +447,27 @@ declare function CardHeader({ className, children, ...rest }: CardSectionProps):
 export { CardHeader }
 export { CardHeader as MCardHeader }
 
+declare function CardPayment({ holder, number, expiry, brand, brandIcon, balance, balanceLabel, color, className, ...rest }: CardPaymentProps): JSX.Element;
+export { CardPayment }
+export { CardPayment as MCardPayment }
+
+declare type CardPaymentBrand = 'visa' | 'mastercard' | 'amex' | 'discover' | 'maestro' | 'unknown';
+export { CardPaymentBrand }
+export { CardPaymentBrand as MCardPaymentBrand }
+
+declare interface CardPaymentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    holder: string;
+    number: string;
+    expiry: string;
+    brand?: CardPaymentBrand;
+    brandIcon?: ReactNode;
+    balance?: string;
+    balanceLabel?: string;
+    color?: MineralColor;
+}
+export { CardPaymentProps }
+export { CardPaymentProps as MCardPaymentProps }
+
 declare interface CardProps extends Omit<SurfaceProps, 'children'> {
     interactive?: boolean;
     stretch?: boolean;
@@ -497,6 +564,26 @@ declare interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>,
 export { CollapsibleProps }
 export { CollapsibleProps as MCollapsibleProps }
 
+declare function ColorPicker({ value, onChange, swatches, format, size, label, disabled, className, ...rest }: ColorPickerProps): JSX.Element;
+export { ColorPicker }
+export { ColorPicker as MColorPicker }
+
+declare type ColorPickerFormat = 'hex' | 'rgb' | 'hsl';
+export { ColorPickerFormat }
+export { ColorPickerFormat as MColorPickerFormat }
+
+declare interface ColorPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    onChange?: (color: string) => void;
+    swatches?: string[];
+    format?: ColorPickerFormat;
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+    disabled?: boolean;
+}
+export { ColorPickerProps }
+export { ColorPickerProps as MColorPickerProps }
+
 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.Element;
@@ -550,6 +637,55 @@ export declare interface CurrencyFormatOptions {
     precision?: number;
 }
 
+declare function DataTable<T = any>({ columns, data, rowKey, sortable, filterable, selectable, pagination, pageSize, striped, compact, stickyHeader, sort: controlledSort, onSortChange, selectedKeys: controlledSelected, onSelectionChange, emptyText, filterPlaceholder, className, ...rest }: DataTableProps<T>): JSX.Element;
+export { DataTable }
+export { DataTable as MDataTable }
+
+declare interface DataTableColumn<T = any> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    render?: (value: any, row: T, index: number) => ReactNode;
+    width?: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+export { DataTableColumn }
+export { DataTableColumn as MDataTableColumn }
+
+declare interface DataTableProps<T = any> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    rowKey?: string | ((row: T, index: number) => string);
+    sortable?: boolean;
+    filterable?: boolean;
+    selectable?: boolean;
+    pagination?: boolean;
+    pageSize?: number;
+    striped?: boolean;
+    compact?: boolean;
+    stickyHeader?: boolean;
+    sort?: DataTableSort | null;
+    onSortChange?: (sort: DataTableSort | null) => void;
+    selectedKeys?: string[];
+    onSelectionChange?: (keys: string[]) => void;
+    emptyText?: string;
+    filterPlaceholder?: string;
+}
+export { DataTableProps }
+export { DataTableProps as MDataTableProps }
+
+declare interface DataTableSort {
+    key: string;
+    dir: DataTableSortDir;
+}
+export { DataTableSort }
+export { DataTableSort as MDataTableSort }
+
+declare type DataTableSortDir = 'asc' | 'desc';
+export { DataTableSortDir }
+export { DataTableSortDir as MDataTableSortDir }
+
 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 }
@@ -672,6 +808,32 @@ declare interface DividerProps extends HTMLAttributes<HTMLHRElement> {
 export { DividerProps }
 export { DividerProps as MDividerProps }
 
+declare function Drawer({ open, onClose, side, size, title, overlay, closeOnBackdrop, closeOnEscape, className, children, ...rest }: DrawerProps): JSX.Element | null;
+export { Drawer }
+export { Drawer as MDrawer }
+
+declare interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    open: boolean;
+    onClose: () => void;
+    side?: DrawerSide;
+    size?: DrawerSize;
+    title?: ReactNode;
+    overlay?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+    children?: ReactNode;
+}
+export { DrawerProps }
+export { DrawerProps as MDrawerProps }
+
+declare type DrawerSide = 'left' | 'right' | 'bottom';
+export { DrawerSide }
+export { DrawerSide as MDrawerSide }
+
+declare type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
+export { DrawerSize }
+export { DrawerSize as MDrawerSize }
+
 declare interface FieldRegistration {
     name: string;
     validate?: ValidatorFn[];
@@ -780,6 +942,34 @@ export declare function getMonthNames(locale?: 'pl' | 'en'): string[];
 
 export declare function getPostCodeRule(countryCode?: string): PostCodeRule;
 
+export declare interface GhostTextOptions<T = string> {
+    options: T[];
+    value: string;
+    minChars?: number;
+    getLabel?: (option: T) => string;
+    filter?: (options: T[], input: string) => T[];
+}
+
+export declare interface GhostTextReturn<T = string> {
+    /** The ghost suffix to render after the typed text. */
+    hint: string;
+    /** Accept the current hint and return the full value. */
+    accept: () => {
+        value: string;
+        option: T | null;
+    };
+    /** Cycle to the next matching option. */
+    next: () => void;
+    /** Cycle to the previous matching option. */
+    prev: () => void;
+    /** Reset the hint index (call on value change). */
+    reset: () => void;
+    /** Number of matching options. */
+    matchCount: number;
+    /** Handle keyboard events — Tab/Enter accept, arrows cycle, Escape resets. */
+    onKeyDown: (e: React.KeyboardEvent) => boolean;
+}
+
 export declare function Grid({ columns, gap, minItemWidth, className, style, children, ...rest }: GridProps): JSX.Element;
 
 export declare type GridColumns = (typeof gridColumnValues)[number];
@@ -1112,7 +1302,7 @@ 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;
+declare function Inline({ gap, align, justify, wrap, reveal, 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 }
 
@@ -1125,6 +1315,7 @@ declare interface InlineProps extends HTMLAttributes<HTMLDivElement>, LayoutUtil
     align?: InlineAlign;
     justify?: InlineJustify;
     wrap?: InlineWrap;
+    reveal?: RevealProp;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
@@ -1186,6 +1377,46 @@ declare interface InputEmailProps extends Omit<InputProps, 'type'> {
 export { InputEmailProps }
 export { InputEmailProps as MInputEmailProps }
 
+declare const InputFile: ForwardRefExoticComponent<InputFileProps & RefAttributes<HTMLDivElement>>;
+export { InputFile }
+export { InputFile as MInputFile }
+
+declare interface InputFileCropOptions {
+    shape?: InputFileCropShape;
+    outputSize?: number;
+    quality?: number;
+}
+export { InputFileCropOptions }
+export { InputFileCropOptions as MInputFileCropOptions }
+
+declare type InputFileCropShape = 'square' | 'circle';
+export { InputFileCropShape }
+export { InputFileCropShape as MInputFileCropShape }
+
+declare interface InputFileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    onChange?: (files: File[]) => void;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    color?: MineralColor;
+    size?: MineralSize;
+    preview?: boolean;
+    icon?: ReactNode;
+    placeholder?: string;
+    dropText?: string;
+    fullWidth?: boolean;
+    crop?: InputFileCropOptions | boolean;
+    style?: CSSProperties;
+}
+export { InputFileProps }
+export { InputFileProps as MInputFileProps }
+
 declare const InputGroup: ForwardRefExoticComponent<InputGroupProps & RefAttributes<HTMLInputElement>>;
 export { InputGroup }
 export { InputGroup as MInputGroup }
@@ -1257,6 +1488,26 @@ declare interface InputNumberProps extends Omit<InputProps, 'type'> {
 export { InputNumberProps }
 export { InputNumberProps as MInputNumberProps }
 
+declare const InputOTP: ForwardRefExoticComponent<InputOTPProps & RefAttributes<HTMLDivElement>>;
+export { InputOTP }
+export { InputOTP as MInputOTP }
+
+declare interface InputOTPProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    color?: MineralColor;
+    size?: MineralSize;
+    error?: boolean;
+    errorText?: string;
+    label?: string;
+    style?: CSSProperties;
+}
+export { InputOTPProps }
+export { InputOTPProps as MInputOTPProps }
+
 declare const InputPassword: ForwardRefExoticComponent<InputPasswordProps & RefAttributes<HTMLInputElement>>;
 export { InputPassword }
 export { InputPassword as MInputPassword }
@@ -1335,6 +1586,9 @@ declare interface InputProps {
     onBlur?: (e: FocusEvent_2<HTMLInputElement>) => void;
     onKeyDown?: (e: KeyboardEvent_2<HTMLInputElement>) => void;
     onClear?: () => void;
+    ghostOptions?: string[];
+    ghostMinChars?: number;
+    onGhostAccept?: (value: string) => void;
     loading?: boolean;
     clickEffect?: MineralClickEffect;
     rippleColor?: string;
@@ -1357,6 +1611,23 @@ declare interface InputSearchProps extends Omit<InputProps, 'type' | 'startIcon'
 export { InputSearchProps }
 export { InputSearchProps as MInputSearchProps }
 
+declare const InputSlider: ForwardRefExoticComponent<InputSliderProps & RefAttributes<HTMLDivElement>>;
+export { InputSlider }
+export { InputSlider as MInputSlider }
+
+declare interface InputSliderProps extends Omit<InputProps, 'type' | 'onChange' | 'value'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    onChange?: (value: number) => void;
+    precision?: number;
+    marks?: SliderMark[];
+    showInput?: boolean;
+}
+export { InputSliderProps }
+export { InputSliderProps as MInputSliderProps }
+
 declare const InputTaxId: ForwardRefExoticComponent<InputTaxIdProps & RefAttributes<HTMLInputElement>>;
 export { InputTaxId }
 export { InputTaxId as MInputTaxId }
@@ -1380,6 +1651,17 @@ export declare function isDateInRange(date: Date, min?: Date | null, max?: Date
 
 export declare function isSameDay(a: Date, b: Date): boolean;
 
+declare function Kbd({ size, className, children, ...rest }: KbdProps): JSX.Element;
+export { Kbd }
+export { Kbd as MKbd }
+
+declare interface KbdProps extends HTMLAttributes<HTMLElement> {
+    size?: MineralSize;
+    children?: ReactNode;
+}
+export { KbdProps }
+export { KbdProps as MKbdProps }
+
 declare interface LayoutUtilityProps {
     spacing?: MineralUtilityScale;
     padding?: MineralUtilityScale;
@@ -1431,6 +1713,20 @@ declare interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'colo
 export { LoaderProps }
 export { LoaderProps as MLoaderProps }
 
+export declare function MBreadcrumb({ items, separator, maxItems, className, ...rest }: MBreadcrumbProps): JSX.Element;
+
+export declare interface MBreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+
+export declare interface MBreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    items: MBreadcrumbItem[];
+    separator?: ReactNode;
+    maxItems?: number;
+}
+
 export declare function MDropdownDivider({ className }: MDropdownDividerProps): JSX.Element;
 
 export declare interface MDropdownDividerProps {
@@ -1463,13 +1759,14 @@ export declare interface MDropdownItemProps {
     className?: string;
 }
 
-export declare function MDropdownMenu({ trigger, placement, size, closeOnSelect, className, style, children, }: MDropdownMenuProps): JSX.Element;
+export declare function MDropdownMenu({ trigger, placement, size, closeOnSelect, openOn, className, style, children, }: MDropdownMenuProps): JSX.Element;
 
 export declare interface MDropdownMenuProps {
     trigger: ReactNode;
     placement?: PopoverPlacement;
     size?: MineralSize;
     closeOnSelect?: boolean;
+    openOn?: 'click' | 'hover';
     className?: string;
     style?: CSSProperties;
     children: ReactNode;
@@ -1705,6 +2002,18 @@ declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
 export { ModalSize as MModalSize }
 export { ModalSize }
 
+export declare function MPagination({ total, page, pageSize, onChange, siblings, boundaries, variant, className, ...rest }: MPaginationProps): JSX.Element;
+
+export declare interface MPaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    total: number;
+    page: number;
+    pageSize?: number;
+    onChange: (page: number) => void;
+    siblings?: number;
+    boundaries?: number;
+    variant?: 'numbered' | 'simple';
+}
+
 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;
@@ -1721,11 +2030,12 @@ export declare interface MSidebarFooterProps {
     children: ReactNode;
 }
 
-export declare function MSidebarGroup({ label, icon, defaultOpen, collapsible, children, className, }: MSidebarGroupProps): JSX.Element;
+export declare function MSidebarGroup({ label, icon, active, defaultOpen, collapsible, children, className, }: MSidebarGroupProps): JSX.Element;
 
 export declare interface MSidebarGroupProps {
     label: string;
     icon?: ReactNode;
+    active?: boolean;
     defaultOpen?: boolean;
     collapsible?: boolean;
     children: ReactNode;
@@ -1846,11 +2156,33 @@ export declare interface PhoneFormatOptions {
     groupPattern?: number[];
 }
 
+declare function Popconfirm({ title, description, onConfirm, onCancel, confirmText, cancelText, color, icon, placement, open, onOpenChange, anchorRef, className, }: PopconfirmProps): JSX.Element;
+export { Popconfirm as MPopconfirm }
+export { Popconfirm }
+
+declare interface PopconfirmProps {
+    title: ReactNode;
+    description?: ReactNode;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    color?: MineralColor;
+    icon?: ReactNode;
+    placement?: PopoverPlacement;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    anchorRef: RefObject<HTMLElement | null>;
+    className?: string;
+}
+export { PopconfirmProps as MPopconfirmProps }
+export { PopconfirmProps }
+
 declare function Popover({ open, anchorRef, onClose, placement, matchWidth, offset, children, className, style, }: PopoverProps): JSX.Element | null;
 export { Popover as MPopover }
 export { Popover }
 
-declare type PopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+declare type PopoverPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
 export { PopoverPlacement as MPopoverPlacement }
 export { PopoverPlacement }
 
@@ -1980,7 +2312,9 @@ declare interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCh
 export { RatingProps as MRatingProps }
 export { RatingProps }
 
-declare function Section({ as, spacing, tone, className, style, children, ...rest }: SectionProps): JSX.Element;
+export declare type RevealProp = boolean | number;
+
+declare function Section({ as, spacing, tone, reveal, className, style, children, ...rest }: SectionProps): JSX.Element;
 export { Section as MSection }
 export { Section }
 
@@ -1988,6 +2322,7 @@ declare interface SectionProps extends HTMLAttributes<HTMLElement> {
     as?: 'section' | 'div' | 'main' | 'header' | 'footer';
     spacing?: SectionSpacing;
     tone?: SectionTone;
+    reveal?: RevealProp;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
@@ -2049,6 +2384,31 @@ declare type SelectVariant = 'outlined' | 'filled' | 'underlined';
 export { SelectVariant as MSelectVariant }
 export { SelectVariant }
 
+declare function Slider({ min, max, step, value, onChange, marks, label, color, disabled, className, ...rest }: SliderProps): JSX.Element;
+export { Slider as MSlider }
+export { Slider }
+
+declare interface SliderMark {
+    value: number;
+    label?: string;
+}
+export { SliderMark as MSliderMark }
+export { SliderMark }
+
+declare interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    min?: number;
+    max?: number;
+    step?: number;
+    value: number;
+    onChange: (value: number) => void;
+    marks?: SliderMark[];
+    label?: string;
+    color?: MineralColor;
+    disabled?: boolean;
+}
+export { SliderProps as MSliderProps }
+export { SliderProps }
+
 declare function Spinner({ color, size, label, className, style, ...rest }: SpinnerProps): JSX.Element;
 export { Spinner as MSpinner }
 export { Spinner }
@@ -2061,7 +2421,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.Element;
+declare function Stack({ gap, align, reveal, 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 }
 
@@ -2072,6 +2432,7 @@ export declare type StackGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 declare interface StackProps extends HTMLAttributes<HTMLDivElement>, LayoutUtilityProps {
     gap?: StackGap;
     align?: StackAlign;
+    reveal?: RevealProp;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
@@ -2104,7 +2465,7 @@ 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;
+declare function Surface({ tone, outlined, padded, reveal, 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 }
 
@@ -2112,6 +2473,7 @@ declare interface SurfaceProps extends HTMLAttributes<HTMLDivElement>, LayoutUti
     tone?: SurfaceTone;
     outlined?: boolean;
     padded?: boolean;
+    reveal?: RevealProp;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
@@ -2121,57 +2483,25 @@ export { SurfaceProps }
 
 export declare type SurfaceTone = 'default' | 'subtle' | 'raised' | 'inverse';
 
-declare function Table({ className, children, ...rest }: TableProps): JSX.Element;
-export { Table as MTable }
-export { Table }
-
-declare function TableBody({ className, children, ...rest }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
-export { TableBody as MTableBody }
-export { TableBody }
-
-declare function TableCell({ className, children, ...rest }: TableCellProps): JSX.Element;
-export { TableCell as MTableCell }
-export { TableCell }
-
-declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
-    children?: ReactNode;
-}
-export { TableCellProps as MTableCellProps }
-export { TableCellProps }
-
-declare function TableHead({ className, children, ...rest }: HTMLAttributes<HTMLTableSectionElement>): JSX.Element;
-export { TableHead as MTableHead }
-export { TableHead }
-
-declare function TableHeadCell({ className, children, ...rest }: TableHeadCellProps): JSX.Element;
-export { TableHeadCell as MTableHeadCell }
-export { TableHeadCell }
-
-declare interface TableHeadCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
-    children?: ReactNode;
-}
-export { TableHeadCellProps as MTableHeadCellProps }
-export { TableHeadCellProps }
+declare function Tag({ label, color, variant, closable, onClose, icon, fcolor, className, ...rest }: TagProps): JSX.Element;
+export { Tag as MTag }
+export { Tag }
 
-declare interface TableProps extends HTMLAttributes<HTMLDivElement> {
-    children?: ReactNode;
-}
-export { TableProps as MTableProps }
-export { TableProps }
-
-declare function TableRoot({ className, children, ...rest }: TableRootProps): JSX.Element;
-export { TableRoot as MTableRoot }
-export { TableRoot }
-
-declare interface TableRootProps extends TableHTMLAttributes<HTMLTableElement> {
-    children?: ReactNode;
+declare interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    label: ReactNode;
+    color?: MineralColor;
+    variant?: TagVariant;
+    closable?: boolean;
+    onClose?: () => void;
+    icon?: ReactNode;
+    fcolor?: MineralFontColor;
 }
-export { TableRootProps as MTableRootProps }
-export { TableRootProps }
+export { TagProps as MTagProps }
+export { TagProps }
 
-declare function TableRow({ className, children, ...rest }: HTMLAttributes<HTMLTableRowElement>): JSX.Element;
-export { TableRow as MTableRow }
-export { TableRow }
+declare type TagVariant = 'solid' | 'outlined';
+export { TagVariant as MTagVariant }
+export { TagVariant }
 
 declare interface TaskItem {
     id: string;
@@ -2237,6 +2567,9 @@ declare interface TextareaProps {
     success?: boolean;
     maxLength?: number;
     showCharCount?: boolean;
+    ghostOptions?: string[];
+    ghostMinChars?: number;
+    onGhostAccept?: (value: string) => void;
     loading?: boolean;
     onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus?: (e: FocusEvent_2<HTMLTextAreaElement>) => void;
@@ -2316,6 +2649,48 @@ declare type TimePickerVariant = 'outlined' | 'filled' | 'underlined';
 export { TimePickerVariant as MTimePickerVariant }
 export { TimePickerVariant }
 
+declare interface ToastContext {
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+export { ToastContext as MToastContext }
+export { ToastContext }
+
+declare interface ToastEntry {
+    id: string;
+    title?: ReactNode;
+    message: ReactNode;
+    color?: MineralColor;
+    duration?: number;
+}
+export { ToastEntry as MToastEntry }
+export { ToastEntry }
+
+declare interface ToastOptions {
+    title?: ReactNode;
+    message: ReactNode;
+    color?: MineralColor;
+    duration?: number;
+}
+export { ToastOptions as MToastOptions }
+export { ToastOptions }
+
+declare type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export { ToastPosition as MToastPosition }
+export { ToastPosition }
+
+declare function ToastProvider({ position, duration, children }: ToastProviderProps): JSX.Element;
+export { ToastProvider as MToastProvider }
+export { ToastProvider }
+
+declare interface ToastProviderProps {
+    position?: ToastPosition;
+    duration?: number;
+    children: ReactNode;
+}
+export { ToastProviderProps as MToastProviderProps }
+export { ToastProviderProps }
+
 declare const Toggle: ForwardRefExoticComponent<ToggleProps & RefAttributes<HTMLInputElement>>;
 export { Toggle as MToggle }
 export { Toggle }
@@ -2340,6 +2715,52 @@ declare interface ToggleProps {
 export { ToggleProps as MToggleProps }
 export { ToggleProps }
 
+declare function Tooltip({ content, placement, delay, className, children, ...rest }: TooltipProps): JSX.Element;
+export { Tooltip as MTooltip }
+export { Tooltip }
+
+declare type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export { TooltipPlacement as MTooltipPlacement }
+export { TooltipPlacement }
+
+declare interface TooltipProps {
+    content: ReactNode;
+    placement?: TooltipPlacement;
+    delay?: number;
+    className?: string;
+    children: ReactNode;
+}
+export { TooltipProps as MTooltipProps }
+export { TooltipProps }
+
+declare interface TreeNode {
+    id: string;
+    label: string;
+    children?: TreeNode[];
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export { TreeNode as MTreeNode }
+export { TreeNode }
+
+declare function TreeView({ items, expandable, selectable, defaultExpanded, expanded: controlledExpanded, onExpandChange, selected: controlledSelected, onSelect, indent, className, ...rest }: TreeViewProps): JSX.Element;
+export { TreeView as MTreeView }
+export { TreeView }
+
+declare interface TreeViewProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    items: TreeNode[];
+    expandable?: boolean;
+    selectable?: boolean;
+    defaultExpanded?: string[];
+    expanded?: string[];
+    onExpandChange?: (ids: string[]) => void;
+    selected?: string | null;
+    onSelect?: (id: string, node: TreeNode) => void;
+    indent?: number;
+}
+export { TreeViewProps as MTreeViewProps }
+export { TreeViewProps }
+
 export declare function unformatIBAN(value: string): string;
 
 declare function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void;
@@ -2371,6 +2792,8 @@ declare interface UseFormFieldReturn {
 export { UseFormFieldReturn as MUseFormFieldReturn }
 export { UseFormFieldReturn }
 
+export declare function useGhostText<T = string>({ options, value, minChars, getLabel, filter, }: GhostTextOptions<T>): GhostTextReturn<T>;
+
 declare function useInteractionEffect<T extends HTMLElement = HTMLElement>({ effect, disabled, centered, color, }?: UseInteractionEffectOptions): UseInteractionEffectResult<T>;
 export { useInteractionEffect as useClickEffect }
 export { useInteractionEffect }
@@ -2410,10 +2833,16 @@ export { UseKeyboardNavOptions }
 
 export declare function useMI18n<T extends Dict = Dict>(): MI18nContextValue<T>;
 
+export declare function useReveal<T extends HTMLElement = HTMLElement>(reveal: RevealProp | undefined): RefObject<T | null>;
+
 declare function useTheme(): ThemeContextValue;
 export { useTheme as useMTheme }
 export { useTheme }
 
+declare function useToast(): ToastContext;
+export { useToast as useMToast }
+export { useToast }
+
 export declare function validateCardNumber(value: string): ValidationResult;
 
 export declare function validateEmail(value: string): ValidationResult;