@dragunio/fe-libs 0.1.3 → 0.1.5

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, SVGProps, TableHTMLAttributes, HTMLAttributes, InputHTMLAttributes, KeyboardEventHandler, TextareaHTMLAttributes, ReactElement } from 'react';
+import { ButtonHTMLAttributes, ReactNode, TableHTMLAttributes, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, KeyboardEventHandler, ReactElement } from 'react';
+export { ChevronDownIcon, CloseIcon, IconProps, PlusIcon, SearchIcon, arrow_left, check_square_fill, chevron_down, chevron_left, chevron_right, chevron_up, copy, key, lock, lock_unlocked, log_out, minus_square, plus, plus_square, search, trash, x_close } from './icons.mjs';
 
 type ButtonHierarchy = 'primary' | 'secondary-gray' | 'secondary-color' | 'tertiary-gray' | 'tertiary-color';
 type ButtonSize = '24' | '32' | '40';
@@ -43,14 +44,6 @@ declare const Button: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<
     variant?: ButtonVariant;
 } & react.RefAttributes<HTMLButtonElement>>;
 
-type IconProps = SVGProps<SVGSVGElement> & {
-    size?: number | string;
-};
-declare function PlusIcon(props: IconProps): react.JSX.Element;
-declare function ChevronDownIcon(props: IconProps): react.JSX.Element;
-declare function CloseIcon(props: IconProps): react.JSX.Element;
-declare function SearchIcon(props: IconProps): react.JSX.Element;
-
 type TableData = readonly (readonly ReactNode[])[];
 type ColumnResizeHandler = (columnSizes: number[], columnIndex: number) => void;
 type TablePaginationPosition = 'top-right' | 'bottom-right' | 'bottom-center' | 'middle-bottom';
@@ -125,35 +118,72 @@ type DrawerProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
 declare function Drawer({ open, onClose, title, footer, side, width, fullScreen, children, closeOnBackdropClick, className, style, ...props }: DrawerProps): react.ReactPortal | null;
 
 type FieldError = boolean | ReactNode;
-type TextFieldBaseProps = {
+type DescriptionDisplay = 'inline' | 'tooltip';
+type FieldBaseProps = {
     label?: ReactNode;
+    /** Marks the field as required and displays a red asterisk. */
+    isRequired?: boolean;
+    /** Supporting text below the field. Takes precedence over helperText. */
+    description?: ReactNode;
+    /** Displays description below the field or from the label's information icon. */
+    descriptionDisplay?: DescriptionDisplay;
+    /** @deprecated Use description instead. Kept for backwards compatibility. */
     helperText?: ReactNode;
-    /** A string/node is displayed beneath the control; `true` uses a default message. */
+    /** A string/node is displayed beneath the control; true uses a default message. */
     error?: FieldError;
     errorMessage?: ReactNode;
+};
+type TextFieldBaseProps = FieldBaseProps & {
     clearable?: boolean;
     onClear?: () => void;
     onValueChange?: (value: string) => void;
     clearLabel?: string;
 };
-type TextInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue'> & TextFieldBaseProps & {
+
+/** A text field with helper/error text and a Button-powered clear action. */
+declare const TextInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "value" | "defaultValue"> & FieldBaseProps & {
+    clearable?: boolean;
+    onClear?: () => void;
+    onValueChange?: (value: string) => void;
+    clearLabel?: string;
+} & {
     value?: string;
     defaultValue?: string;
-};
-type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'> & TextFieldBaseProps & {
+    prefix?: react.ReactNode;
+    suffix?: react.ReactNode;
+    Prefix?: react.ReactNode;
+    Suffix?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type TextInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'prefix'> & TextFieldBaseProps & {
     value?: string;
     defaultValue?: string;
+    /** Content rendered inside the control before the input value. */
+    prefix?: ReactNode;
+    /** Content rendered inside the control after the input value. */
+    suffix?: ReactNode;
+    /** Alias for prefix. */
+    Prefix?: ReactNode;
+    /** Alias for suffix. */
+    Suffix?: ReactNode;
 };
-/** A text field with helper/error text and a Button-powered clear action. */
-declare const TextInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue"> & TextFieldBaseProps & {
-    value?: string;
-    defaultValue?: string;
-} & react.RefAttributes<HTMLInputElement>>;
+
 /** A multi-line text field with helper/error text and a Button-powered clear action. */
-declare const TextArea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue"> & TextFieldBaseProps & {
+declare const TextArea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue"> & FieldBaseProps & {
+    clearable?: boolean;
+    onClear?: () => void;
+    onValueChange?: (value: string) => void;
+    clearLabel?: string;
+} & {
     value?: string;
     defaultValue?: string;
 } & react.RefAttributes<HTMLTextAreaElement>>;
+
+type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'> & TextFieldBaseProps & {
+    value?: string;
+    defaultValue?: string;
+};
+
 type SelectionOption = {
     label: ReactNode;
     value: string | number;
@@ -163,8 +193,13 @@ type SelectionOption = {
 type SelectionValue = string | number | Array<string | number>;
 type SelectionProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'value' | 'onKeyDown'> & {
     label?: ReactNode;
+    /** Marks the field as required and displays a red asterisk. */
+    isRequired?: boolean;
+    description?: ReactNode;
+    descriptionDisplay?: DescriptionDisplay;
     helperText?: ReactNode;
-    error?: boolean;
+    error?: FieldError;
+    errorMessage?: ReactNode;
     options: SelectionOption[];
     placeholder?: string;
     size?: 'small' | 'medium';
@@ -179,11 +214,16 @@ type SelectionProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'default
     name?: string;
     onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
 };
+
 /** A rounded, searchable custom dropdown with single, multiple, and tag modes. */
-declare const Selection: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange" | "onKeyDown"> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: boolean;
+declare const Selection: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange" | "onKeyDown"> & {
+    label?: react.ReactNode;
+    isRequired?: boolean;
+    description?: react.ReactNode;
+    descriptionDisplay?: DescriptionDisplay;
+    helperText?: react.ReactNode;
+    error?: FieldError;
+    errorMessage?: react.ReactNode;
     options: SelectionOption[];
     placeholder?: string;
     size?: "small" | "medium";
@@ -196,30 +236,25 @@ declare const Selection: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTM
     clearable?: boolean;
     disabled?: boolean;
     name?: string;
-    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    onKeyDown?: react.KeyboardEventHandler<HTMLButtonElement>;
 } & react.RefAttributes<HTMLDivElement>>;
-type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max'> & {
+
+declare function formatNumber(value: number, decimals?: number, thousandSeparator?: string, decimalSeparator?: string): string;
+/** A text input that displays numbers as 1,000.05 by default. */
+declare const NumberInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange" | "max" | "min"> & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
-    /** Allows the decimal separator and fractional digits. Defaults to true. */
     allowDecimal?: boolean;
-    /** Maximum number of fractional digits when allowDecimal is enabled. Defaults to 2. */
     decimals?: number;
-    /** Numeric limits applied immediately as the value changes. */
     min?: number;
     max?: number;
     decimalSeparator?: string;
     thousandSeparator?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    /** A string/node is displayed beneath the control; `true` uses a default message. */
-    error?: FieldError;
-    errorMessage?: ReactNode;
-};
-declare function formatNumber(value: number, decimals?: number, thousandSeparator?: string, decimalSeparator?: string): string;
-/** A text input that displays numbers as 1,000.05 by default. */
-declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange" | "max" | "min"> & {
+    endAdornment?: react.ReactNode;
+} & FieldBaseProps & react.RefAttributes<HTMLInputElement>>;
+
+type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max'> & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -232,29 +267,28 @@ declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttribu
     max?: number;
     decimalSeparator?: string;
     thousandSeparator?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    /** A string/node is displayed beneath the control; `true` uses a default message. */
-    error?: FieldError;
-    errorMessage?: ReactNode;
-} & react.RefAttributes<HTMLInputElement>>;
+    /** Content rendered inside the control after the numeric value. */
+    endAdornment?: ReactNode;
+} & FieldBaseProps;
+
 type Currency = {
     code: string;
     label?: string;
     suffix?: string;
 };
-type CurrencyInputProps = Omit<NumberInputProps, 'suffix'> & {
+type CurrencyInputProps = Omit<NumberInputProps, 'suffix' | 'endAdornment'> & {
     suffix?: ReactNode;
     currencies?: Currency[];
     currency?: string;
     defaultCurrency?: string;
     onCurrencyChange?: (currency: Currency) => void;
 };
+
 /** NumberInput with an optional currency suffix or currency list dropdown. */
-declare function CurrencyInput({ suffix, currencies, currency, defaultCurrency, onCurrencyChange, className, ...props }: CurrencyInputProps): react.JSX.Element;
+declare function CurrencyInput({ suffix, currencies, currency, defaultCurrency, onCurrencyChange, className, disabled, ...props }: CurrencyInputProps): react.JSX.Element;
+
 type DateRange = [Date | null, Date | null];
-type DateTimeBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
-    label?: ReactNode;
+type DateTimeBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & FieldBaseProps & {
     format?: string;
     disabled?: boolean;
     placeholder?: string;
@@ -273,6 +307,7 @@ type DateTimePickerRangeProps = DateTimeBaseProps & {
     onChange?: (value: DateRange) => void;
 };
 type DateTimePickerProps = DateTimePickerSingleProps | DateTimePickerRangeProps;
+
 /** Calendar and time picker. Supports a single Date or [start, end] range. */
 declare function DateTimePicker(props: DateTimePickerProps): react.JSX.Element;
 
@@ -478,4 +513,4 @@ type SnackbarProps = Omit<HTMLAttributes<HTMLDivElement>, 'onClose'> & {
 /** A controlled, temporary notification surface. */
 declare function Snackbar({ open, message, autoHideDuration, onClose, action, anchorOrigin, closeLabel, className, ...props }: SnackbarProps): react.JSX.Element | null;
 
-export { Button, type ButtonColor, type ButtonHierarchy, type ButtonProps, type ButtonSize, type ButtonVariant, ChevronDownIcon, Chip, type ChipProps, type ChipStatus, type ChipVariant, CloseIcon, type ColumnResizeHandler, type Currency, CurrencyInput, type CurrencyInputProps, type DateRange, DateTimePicker, type DateTimePickerProps, type DateTimePickerRangeProps, type DateTimePickerSingleProps, Drawer, type DrawerProps, ExpandableSection, type ExpandableSectionProps, type FieldError, type IconProps, Loading, type LoadingProps, type LoadingSize, Message, type MessageOptions, type MessageProps, type MessageSeverity, Modal, type ModalAction, type ModalProps, type ModalSize, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, SearchIcon, Selection, type SelectionOption, type SelectionProps, type SelectionValue, Skeleton, SkeletonBox, type SkeletonBoxProps, SkeletonCircle, SkeletonLine, type SkeletonProps, type SkeletonSizeProps, SkeletonSquare, type SkeletonVariant, Snackbar, type SnackbarAnchorOrigin, type SnackbarProps, Table, TableBody, TableCaption, TableCell, type TableData, TableHead, TableHeader, type TablePaginationPosition, type TableProps, TableRow, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, formatNumber, getIconSize, message };
+export { Button, type ButtonColor, type ButtonHierarchy, type ButtonProps, type ButtonSize, type ButtonVariant, Chip, type ChipProps, type ChipStatus, type ChipVariant, type ColumnResizeHandler, type Currency, CurrencyInput, type CurrencyInputProps, type DateRange, DateTimePicker, type DateTimePickerProps, type DateTimePickerRangeProps, type DateTimePickerSingleProps, type DescriptionDisplay, Drawer, type DrawerProps, ExpandableSection, type ExpandableSectionProps, type FieldError, Loading, type LoadingProps, type LoadingSize, Message, type MessageOptions, type MessageProps, type MessageSeverity, Modal, type ModalAction, type ModalProps, type ModalSize, NumberInput, type NumberInputProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, Selection, type SelectionOption, type SelectionProps, type SelectionValue, Skeleton, SkeletonBox, type SkeletonBoxProps, SkeletonCircle, SkeletonLine, type SkeletonProps, type SkeletonSizeProps, SkeletonSquare, type SkeletonVariant, Snackbar, type SnackbarAnchorOrigin, type SnackbarProps, Table, TableBody, TableCaption, TableCell, type TableData, TableHead, TableHeader, type TablePaginationPosition, type TableProps, TableRow, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, formatNumber, getIconSize, message };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { ButtonHTMLAttributes, ReactNode, SVGProps, TableHTMLAttributes, HTMLAttributes, InputHTMLAttributes, KeyboardEventHandler, TextareaHTMLAttributes, ReactElement } from 'react';
+import { ButtonHTMLAttributes, ReactNode, TableHTMLAttributes, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, KeyboardEventHandler, ReactElement } from 'react';
+export { ChevronDownIcon, CloseIcon, IconProps, PlusIcon, SearchIcon, arrow_left, check_square_fill, chevron_down, chevron_left, chevron_right, chevron_up, copy, key, lock, lock_unlocked, log_out, minus_square, plus, plus_square, search, trash, x_close } from './icons.js';
 
 type ButtonHierarchy = 'primary' | 'secondary-gray' | 'secondary-color' | 'tertiary-gray' | 'tertiary-color';
 type ButtonSize = '24' | '32' | '40';
@@ -43,14 +44,6 @@ declare const Button: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<
     variant?: ButtonVariant;
 } & react.RefAttributes<HTMLButtonElement>>;
 
-type IconProps = SVGProps<SVGSVGElement> & {
-    size?: number | string;
-};
-declare function PlusIcon(props: IconProps): react.JSX.Element;
-declare function ChevronDownIcon(props: IconProps): react.JSX.Element;
-declare function CloseIcon(props: IconProps): react.JSX.Element;
-declare function SearchIcon(props: IconProps): react.JSX.Element;
-
 type TableData = readonly (readonly ReactNode[])[];
 type ColumnResizeHandler = (columnSizes: number[], columnIndex: number) => void;
 type TablePaginationPosition = 'top-right' | 'bottom-right' | 'bottom-center' | 'middle-bottom';
@@ -125,35 +118,72 @@ type DrawerProps = Omit<HTMLAttributes<HTMLElement>, 'title'> & {
 declare function Drawer({ open, onClose, title, footer, side, width, fullScreen, children, closeOnBackdropClick, className, style, ...props }: DrawerProps): react.ReactPortal | null;
 
 type FieldError = boolean | ReactNode;
-type TextFieldBaseProps = {
+type DescriptionDisplay = 'inline' | 'tooltip';
+type FieldBaseProps = {
     label?: ReactNode;
+    /** Marks the field as required and displays a red asterisk. */
+    isRequired?: boolean;
+    /** Supporting text below the field. Takes precedence over helperText. */
+    description?: ReactNode;
+    /** Displays description below the field or from the label's information icon. */
+    descriptionDisplay?: DescriptionDisplay;
+    /** @deprecated Use description instead. Kept for backwards compatibility. */
     helperText?: ReactNode;
-    /** A string/node is displayed beneath the control; `true` uses a default message. */
+    /** A string/node is displayed beneath the control; true uses a default message. */
     error?: FieldError;
     errorMessage?: ReactNode;
+};
+type TextFieldBaseProps = FieldBaseProps & {
     clearable?: boolean;
     onClear?: () => void;
     onValueChange?: (value: string) => void;
     clearLabel?: string;
 };
-type TextInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue'> & TextFieldBaseProps & {
+
+/** A text field with helper/error text and a Button-powered clear action. */
+declare const TextInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "value" | "defaultValue"> & FieldBaseProps & {
+    clearable?: boolean;
+    onClear?: () => void;
+    onValueChange?: (value: string) => void;
+    clearLabel?: string;
+} & {
     value?: string;
     defaultValue?: string;
-};
-type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'> & TextFieldBaseProps & {
+    prefix?: react.ReactNode;
+    suffix?: react.ReactNode;
+    Prefix?: react.ReactNode;
+    Suffix?: react.ReactNode;
+} & react.RefAttributes<HTMLInputElement>>;
+
+type TextInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'prefix'> & TextFieldBaseProps & {
     value?: string;
     defaultValue?: string;
+    /** Content rendered inside the control before the input value. */
+    prefix?: ReactNode;
+    /** Content rendered inside the control after the input value. */
+    suffix?: ReactNode;
+    /** Alias for prefix. */
+    Prefix?: ReactNode;
+    /** Alias for suffix. */
+    Suffix?: ReactNode;
 };
-/** A text field with helper/error text and a Button-powered clear action. */
-declare const TextInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "defaultValue"> & TextFieldBaseProps & {
-    value?: string;
-    defaultValue?: string;
-} & react.RefAttributes<HTMLInputElement>>;
+
 /** A multi-line text field with helper/error text and a Button-powered clear action. */
-declare const TextArea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue"> & TextFieldBaseProps & {
+declare const TextArea: react.ForwardRefExoticComponent<Omit<react.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue"> & FieldBaseProps & {
+    clearable?: boolean;
+    onClear?: () => void;
+    onValueChange?: (value: string) => void;
+    clearLabel?: string;
+} & {
     value?: string;
     defaultValue?: string;
 } & react.RefAttributes<HTMLTextAreaElement>>;
+
+type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'> & TextFieldBaseProps & {
+    value?: string;
+    defaultValue?: string;
+};
+
 type SelectionOption = {
     label: ReactNode;
     value: string | number;
@@ -163,8 +193,13 @@ type SelectionOption = {
 type SelectionValue = string | number | Array<string | number>;
 type SelectionProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'value' | 'onKeyDown'> & {
     label?: ReactNode;
+    /** Marks the field as required and displays a red asterisk. */
+    isRequired?: boolean;
+    description?: ReactNode;
+    descriptionDisplay?: DescriptionDisplay;
     helperText?: ReactNode;
-    error?: boolean;
+    error?: FieldError;
+    errorMessage?: ReactNode;
     options: SelectionOption[];
     placeholder?: string;
     size?: 'small' | 'medium';
@@ -179,11 +214,16 @@ type SelectionProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'default
     name?: string;
     onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
 };
+
 /** A rounded, searchable custom dropdown with single, multiple, and tag modes. */
-declare const Selection: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange" | "onKeyDown"> & {
-    label?: ReactNode;
-    helperText?: ReactNode;
-    error?: boolean;
+declare const Selection: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue" | "onChange" | "onKeyDown"> & {
+    label?: react.ReactNode;
+    isRequired?: boolean;
+    description?: react.ReactNode;
+    descriptionDisplay?: DescriptionDisplay;
+    helperText?: react.ReactNode;
+    error?: FieldError;
+    errorMessage?: react.ReactNode;
     options: SelectionOption[];
     placeholder?: string;
     size?: "small" | "medium";
@@ -196,30 +236,25 @@ declare const Selection: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTM
     clearable?: boolean;
     disabled?: boolean;
     name?: string;
-    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    onKeyDown?: react.KeyboardEventHandler<HTMLButtonElement>;
 } & react.RefAttributes<HTMLDivElement>>;
-type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max'> & {
+
+declare function formatNumber(value: number, decimals?: number, thousandSeparator?: string, decimalSeparator?: string): string;
+/** A text input that displays numbers as 1,000.05 by default. */
+declare const NumberInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange" | "max" | "min"> & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
-    /** Allows the decimal separator and fractional digits. Defaults to true. */
     allowDecimal?: boolean;
-    /** Maximum number of fractional digits when allowDecimal is enabled. Defaults to 2. */
     decimals?: number;
-    /** Numeric limits applied immediately as the value changes. */
     min?: number;
     max?: number;
     decimalSeparator?: string;
     thousandSeparator?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    /** A string/node is displayed beneath the control; `true` uses a default message. */
-    error?: FieldError;
-    errorMessage?: ReactNode;
-};
-declare function formatNumber(value: number, decimals?: number, thousandSeparator?: string, decimalSeparator?: string): string;
-/** A text input that displays numbers as 1,000.05 by default. */
-declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "defaultValue" | "onChange" | "max" | "min"> & {
+    endAdornment?: react.ReactNode;
+} & FieldBaseProps & react.RefAttributes<HTMLInputElement>>;
+
+type NumberInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue' | 'onChange' | 'min' | 'max'> & {
     value?: number | null;
     defaultValue?: number | null;
     onValueChange?: (value: number | null) => void;
@@ -232,29 +267,28 @@ declare const NumberInput: react.ForwardRefExoticComponent<Omit<InputHTMLAttribu
     max?: number;
     decimalSeparator?: string;
     thousandSeparator?: string;
-    label?: ReactNode;
-    helperText?: ReactNode;
-    /** A string/node is displayed beneath the control; `true` uses a default message. */
-    error?: FieldError;
-    errorMessage?: ReactNode;
-} & react.RefAttributes<HTMLInputElement>>;
+    /** Content rendered inside the control after the numeric value. */
+    endAdornment?: ReactNode;
+} & FieldBaseProps;
+
 type Currency = {
     code: string;
     label?: string;
     suffix?: string;
 };
-type CurrencyInputProps = Omit<NumberInputProps, 'suffix'> & {
+type CurrencyInputProps = Omit<NumberInputProps, 'suffix' | 'endAdornment'> & {
     suffix?: ReactNode;
     currencies?: Currency[];
     currency?: string;
     defaultCurrency?: string;
     onCurrencyChange?: (currency: Currency) => void;
 };
+
 /** NumberInput with an optional currency suffix or currency list dropdown. */
-declare function CurrencyInput({ suffix, currencies, currency, defaultCurrency, onCurrencyChange, className, ...props }: CurrencyInputProps): react.JSX.Element;
+declare function CurrencyInput({ suffix, currencies, currency, defaultCurrency, onCurrencyChange, className, disabled, ...props }: CurrencyInputProps): react.JSX.Element;
+
 type DateRange = [Date | null, Date | null];
-type DateTimeBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & {
-    label?: ReactNode;
+type DateTimeBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> & FieldBaseProps & {
     format?: string;
     disabled?: boolean;
     placeholder?: string;
@@ -273,6 +307,7 @@ type DateTimePickerRangeProps = DateTimeBaseProps & {
     onChange?: (value: DateRange) => void;
 };
 type DateTimePickerProps = DateTimePickerSingleProps | DateTimePickerRangeProps;
+
 /** Calendar and time picker. Supports a single Date or [start, end] range. */
 declare function DateTimePicker(props: DateTimePickerProps): react.JSX.Element;
 
@@ -478,4 +513,4 @@ type SnackbarProps = Omit<HTMLAttributes<HTMLDivElement>, 'onClose'> & {
 /** A controlled, temporary notification surface. */
 declare function Snackbar({ open, message, autoHideDuration, onClose, action, anchorOrigin, closeLabel, className, ...props }: SnackbarProps): react.JSX.Element | null;
 
-export { Button, type ButtonColor, type ButtonHierarchy, type ButtonProps, type ButtonSize, type ButtonVariant, ChevronDownIcon, Chip, type ChipProps, type ChipStatus, type ChipVariant, CloseIcon, type ColumnResizeHandler, type Currency, CurrencyInput, type CurrencyInputProps, type DateRange, DateTimePicker, type DateTimePickerProps, type DateTimePickerRangeProps, type DateTimePickerSingleProps, Drawer, type DrawerProps, ExpandableSection, type ExpandableSectionProps, type FieldError, type IconProps, Loading, type LoadingProps, type LoadingSize, Message, type MessageOptions, type MessageProps, type MessageSeverity, Modal, type ModalAction, type ModalProps, type ModalSize, NumberInput, type NumberInputProps, Pagination, type PaginationProps, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, SearchIcon, Selection, type SelectionOption, type SelectionProps, type SelectionValue, Skeleton, SkeletonBox, type SkeletonBoxProps, SkeletonCircle, SkeletonLine, type SkeletonProps, type SkeletonSizeProps, SkeletonSquare, type SkeletonVariant, Snackbar, type SnackbarAnchorOrigin, type SnackbarProps, Table, TableBody, TableCaption, TableCell, type TableData, TableHead, TableHeader, type TablePaginationPosition, type TableProps, TableRow, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, formatNumber, getIconSize, message };
+export { Button, type ButtonColor, type ButtonHierarchy, type ButtonProps, type ButtonSize, type ButtonVariant, Chip, type ChipProps, type ChipStatus, type ChipVariant, type ColumnResizeHandler, type Currency, CurrencyInput, type CurrencyInputProps, type DateRange, DateTimePicker, type DateTimePickerProps, type DateTimePickerRangeProps, type DateTimePickerSingleProps, type DescriptionDisplay, Drawer, type DrawerProps, ExpandableSection, type ExpandableSectionProps, type FieldError, Loading, type LoadingProps, type LoadingSize, Message, type MessageOptions, type MessageProps, type MessageSeverity, Modal, type ModalAction, type ModalProps, type ModalSize, NumberInput, type NumberInputProps, Pagination, type PaginationProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, Selection, type SelectionOption, type SelectionProps, type SelectionValue, Skeleton, SkeletonBox, type SkeletonBoxProps, SkeletonCircle, SkeletonLine, type SkeletonProps, type SkeletonSizeProps, SkeletonSquare, type SkeletonVariant, Snackbar, type SnackbarAnchorOrigin, type SnackbarProps, Table, TableBody, TableCaption, TableCell, type TableData, TableHead, TableHeader, type TablePaginationPosition, type TableProps, TableRow, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, type TooltipProps, formatNumber, getIconSize, message };