@dynamic-framework/ui-react 1.14.1 → 1.15.0

package/dist/types/components/DAlert/DAlert.d.ts

@@ -6,12 +6,15 @@ type Props = BaseProps & PropsWithChildren<{
     icon?: string;
     iconFamilyClass?: string;
     iconFamilyPrefix?: string;
+    iconMaterialStyle?: boolean;
     showIcon?: boolean;
     showClose?: boolean;
-    closeIcon?: string;
-    materialStyle?: boolean;
+    iconClose?: string;
+    iconCloseFamilyClass?: string;
+    iconCloseFamilyPrefix?: string;
+    iconCloseMaterialStyle?: boolean;
     soft?: boolean;
     onClose?: () => void;
 }>;
-export default function DAlert({ type, icon, closeIcon, iconFamilyClass, iconFamilyPrefix, materialStyle, showIcon, soft, showClose, onClose, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DAlert({ type, icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showIcon, soft, showClose, onClose, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DBoxFile/DBoxFile.d.ts

@@ -1,8 +1,8 @@
-import type { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import type { DropzoneOptions } from 'react-dropzone';
 import type { BaseProps, FamilyIconProps } from '../interface';
 type Props = BaseProps & FamilyIconProps & PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen' | 'disabled'> & {
     icon?: string;
 }>;
-export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, disabled, children, className, style, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBoxFile({ icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, disabled, children, className, style, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DButton/DButton.d.ts

@@ -18,5 +18,5 @@ type Props = BaseProps & StartIconProps & EndIconProps & {
     form?: string;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, value, type, pill, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, form, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DButton({ theme, size, variant, state, text, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, value, type, pill, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, form, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DChip/DChip.d.ts

@@ -3,9 +3,13 @@ type Props = BaseProps & FamilyIconProps & {
     theme?: string;
     text?: string;
     icon?: string;
+    iconClose?: string;
+    iconCloseFamilyClass?: string;
+    iconCloseFamilyPrefix?: string;
+    iconCloseMaterialStyle?: boolean;
     showClose?: boolean;
     closeAriaLabel?: string;
     onClose?: () => void;
 };
-export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, closeAriaLabel, className, style, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, closeAriaLabel, className, style, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DCollapse/DCollapse.d.ts

@@ -1,11 +1,13 @@
 import type { PropsWithChildren, ReactNode, ReactElement } from 'react';
-import type { BaseProps } from '../interface';
-type Props = BaseProps & PropsWithChildren<{
+import type { BaseProps, FamilyIconProps } from '../interface';
+type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     id?: string;
     Component: ReactElement | ReactNode;
     hasSeparator?: boolean;
     defaultCollapsed?: boolean;
     onChange?: (value: boolean) => void;
+    iconOpen?: string;
+    iconClose?: string;
 }>;
-export default function DCollapse({ id, className, style, Component, hasSeparator, defaultCollapsed, onChange, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCollapse({ id, className, style, Component, hasSeparator, defaultCollapsed, onChange, children, iconOpen: iconOpenProp, iconClose: iconCloseProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePicker/DDatePicker.d.ts

@@ -1,19 +1,19 @@
 import type { Locale } from 'date-fns';
 import type { ReactDatePickerProps } from 'react-datepicker';
-import type { BaseProps, ButtonVariant, ComponentSize } from '../interface';
-type Props = BaseProps & Omit<ReactDatePickerProps, 'selected' | 'selectsRange' | 'locale'> & {
+import type { BaseProps, ButtonVariant, ComponentSize, FamilyIconProps } from '../interface';
+type Props<CustomModifierNames extends string = never, WithRange extends boolean | undefined = undefined> = BaseProps & FamilyIconProps & Omit<ReactDatePickerProps<CustomModifierNames, WithRange>, 'selected' | 'selectsRange' | 'locale'> & {
     date?: string | null;
     withMonthSelector?: boolean;
     selectsRange?: boolean;
     inputLabel?: string;
     inputAriaLabel?: string;
     inputActionAriaLabel?: string;
-    inputIcon?: string;
+    iconInput?: string;
     inputId?: string;
     timeId?: string;
     timeLabel?: string;
-    headerPrevMonthIcon?: string;
-    headerNextMonthIcon?: string;
+    iconHeaderPrevMonth?: string;
+    iconHeaderNextMonth?: string;
     headerPrevMonthAriaLabel?: string;
     headerNextMonthAriaLabel?: string;
     headerIconSize?: ComponentSize;
@@ -21,5 +21,5 @@ type Props = BaseProps & Omit<ReactDatePickerProps, 'selected' | 'selectsRange'
     headerButtonTheme?: string;
     locale?: Locale;
 };
-export default function DDatePicker({ date, selectsRange, withMonthSelector, inputLabel, inputAriaLabel, inputActionAriaLabel, inputIcon, inputId, timeId, timeLabel, headerPrevMonthIcon, headerPrevMonthAriaLabel, headerNextMonthIcon, headerNextMonthAriaLabel, headerIconSize, headerButtonVariant, headerButtonTheme, locale, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker<CustomModifierNames extends string = never, WithRange extends boolean | undefined = undefined>({ date, selectsRange, withMonthSelector, inputLabel, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeLabel, iconInput: iconInputProp, iconHeaderPrevMonth: iconHeaderPrevMonthProp, iconHeaderNextMonth: iconHeaderNextMonthProp, iconMaterialStyle: iconMaterialStyleProp, iconFamilyClass, iconFamilyPrefix, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, headerIconSize, headerButtonVariant, headerButtonTheme, locale, className, style, ...props }: Props<CustomModifierNames, WithRange>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePickerHeader/DDatePickerHeader.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'react';
 import DButton from '../DButton';
-import type { BaseProps, ButtonVariant, ComponentSize } from '../interface';
-type Props = BaseProps & {
+import type { BaseProps, ButtonVariant, ComponentSize, FamilyIconProps } from '../interface';
+type Props = BaseProps & FamilyIconProps & {
     locale?: Locale;
     monthDate: Date;
     decreaseMonth: () => void;
@@ -11,13 +11,13 @@ type Props = BaseProps & {
     prevMonthButtonDisabled: boolean;
     nextMonthButtonDisabled: boolean;
     withMonthSelector: boolean;
-    prevMonthIcon: string;
-    nextMonthIcon: string;
+    iconPrevMonth: string;
+    iconNextMonth: string;
     prevMonthAriaLabel?: string;
     nextMonthAriaLabel?: string;
     iconSize: ComponentSize;
     buttonVariant: ButtonVariant;
     buttonTheme: string;
 } & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onMClick' | 'isDisabled'>;
-export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector, prevMonthIcon, nextMonthIcon, prevMonthAriaLabel, nextMonthAriaLabel, iconSize, buttonVariant, buttonTheme, locale, style, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePickerHeader({ monthDate, changeMonth, changeYear, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, withMonthSelector, iconPrevMonth, iconNextMonth, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, prevMonthAriaLabel, nextMonthAriaLabel, iconSize, buttonVariant, buttonTheme, locale, style, className, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DInput/DInput.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { BaseProps, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps } from '../interface';
-declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof BaseProps | keyof FamilyIconProps | keyof LabelIconProps | keyof StartIconProps | keyof EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & {
+import type { BaseProps, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps, StateIcons } from '../interface';
+declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof BaseProps | keyof FamilyIconProps | keyof LabelIconProps | keyof StartIconProps | keyof EndIconProps | keyof StateIcons | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & StateIcons & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

package/dist/types/components/DInputCounter/DInputCounter.d.ts

@@ -5,7 +5,7 @@ type NonDInputProps = {
     maxValue: number;
     onChange?: (value?: number) => void;
 };
-declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | keyof import("../interface").StateIcons | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & import("../interface").StateIcons & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -18,5 +18,5 @@ declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<
     onChange?: ((value: string) => void) | undefined;
     onIconStartClick?: ((value?: string | undefined) => void) | undefined;
     onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "value" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "value" | "onChange" | "invalidIcon" | "validIcon">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDInputCounter;

package/dist/types/components/DInputCurrency/DInputCurrency.d.ts

@@ -6,7 +6,7 @@ type NonDInputProps = {
     currencyCode?: string;
     onChange?: (value?: number) => void;
 };
-declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | keyof import("../interface").StateIcons | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & import("../interface").StateIcons & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

package/dist/types/components/DInputCurrencyBase/DInputCurrencyBase.d.ts

@@ -8,7 +8,7 @@ type NonDInputProps = {
     currencyCode?: string;
     onChange?: (value?: number) => void;
 };
-declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | keyof import("../interface").StateIcons | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & import("../interface").StateIcons & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

package/dist/types/components/DInputMask/DInputMask.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { MaskProps } from '@react-input/mask';
-declare const ForwardedDInputMask: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const ForwardedDInputMask: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | keyof import("../interface").StateIcons | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & import("../interface").StateIcons & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

package/dist/types/components/DInputPassword/DInputPassword.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from 'react';
 import DInput from '../DInput';
-type Props = Omit<ComponentPropsWithoutRef<typeof DInput>, 'iconEnd' | 'type'>;
+type Props = Omit<ComponentPropsWithoutRef<typeof DInput>, 'type'>;
 declare const ForwardedDInputPassword: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDInputPassword;

package/dist/types/components/DInputPin/DInputPin.d.ts

@@ -1,5 +1,5 @@
-import type { BaseProps, FamilyIconProps, LabelIconProps, PinInputMode, PinInputType } from '../interface';
-type Props = BaseProps & LabelIconProps & FamilyIconProps & {
+import type { BaseProps, FamilyIconProps, LabelIconProps, PinInputMode, PinInputType, StateIcons } from '../interface';
+type Props = BaseProps & LabelIconProps & FamilyIconProps & StateIcons & {
     id: string;
     label?: string;
     placeholder?: string;
@@ -15,5 +15,5 @@ type Props = BaseProps & LabelIconProps & FamilyIconProps & {
     valid?: boolean;
     onChange?: (value: string) => void;
 };
-export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, disabled, loading, secret, iconFamilyClass, iconFamilyPrefix, characters, innerInputMode, hint, invalid, valid, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, disabled, loading, secret, iconFamilyClass, iconFamilyPrefix, characters, invalidIcon: invalidIconProp, validIcon: validIconProp, innerInputMode, hint, invalid, valid, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DInputSearch/DInputSearch.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
-type NonDInputProps = {
-    onClick?: (value: string | undefined) => void;
-};
-declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "value" | "loading" | "label" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | keyof import("../interface").StateIcons | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & import("../interface").StateIcons & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -15,5 +12,5 @@ declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<O
     onChange?: ((value: string) => void) | undefined;
     onIconStartClick?: ((value?: string | undefined) => void) | undefined;
     onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, "iconEnd" | "onIconEndClick">, "onClick"> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDInputSearch;

package/dist/types/components/DInputSelect/index.d.ts

@@ -1,3 +1,3 @@
 import DInputSelect from './DInputSelect';
-export { Props as DInputSelectProps } from './DInputSelect';
+export type { Props as DInputSelectProps, DefaultOption as DInputSelectDefaultOption, } from './DInputSelect';
 export default DInputSelect;

package/dist/types/components/DModal/components/DModalHeader.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import type { BaseProps, FamilyIconProps } from '../../interface';
 type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     showCloseButton?: boolean;
@@ -6,5 +6,5 @@ type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     materialStyle?: boolean;
     onClose?: () => void;
 }>;
-export default function DModalHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon, materialStyle, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DModalHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, materialStyle, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DMonthPicker/DMonthPicker.d.ts

@@ -1,11 +1,12 @@
 import type { ReactDatePickerProps } from 'react-datepicker';
-import type { BaseProps } from '../interface';
-type Props = BaseProps & Omit<ReactDatePickerProps, 'onChange' | 'selectsRange' | 'locale'> & {
+import type { BaseProps, FamilyIconProps } from '../interface';
+type Props<CustomModifierNames extends string = never, WithRange extends boolean | undefined = undefined> = BaseProps & FamilyIconProps & Omit<ReactDatePickerProps<CustomModifierNames, WithRange>, 'selectsRange' | 'locale'> & {
     date: string;
-    onChangeDate: (value: Date | null) => void;
     locale?: Locale;
     headerPrevYearAriaLabel?: string;
     headerNextYearAriaLabel?: string;
+    iconPrevMonth?: string;
+    iconNextMonth?: string;
 };
-export default function DMonthPicker({ onChangeDate, date, locale, className, calendarClassName, headerPrevYearAriaLabel, headerNextYearAriaLabel, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DMonthPicker<CustomModifierNames extends string = never, WithRange extends boolean | undefined = undefined>({ onChange, date, locale, className, calendarClassName, headerPrevYearAriaLabel, headerNextYearAriaLabel, iconFamilyClass, iconFamilyPrefix, iconPrevMonth: iconPrevMonthProp, iconNextMonth: iconNextMonthProp, ...props }: Props<CustomModifierNames, WithRange>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DOffcanvas/components/DOffcanvasHeader.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from 'react';
 import type { BaseProps, FamilyIconProps } from '../../interface';
 type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     showCloseButton?: boolean;
@@ -6,5 +6,5 @@ type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     materialStyle?: boolean;
     onClose?: () => void;
 }>;
-export default function DOffcanvasHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon, materialStyle, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DOffcanvasHeader({ showCloseButton, onClose, children, className, style, iconFamilyClass, iconFamilyPrefix, icon: iconProp, materialStyle, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DPopover/DPopover.d.ts

@@ -1,6 +1,11 @@
 import type { PropsWithChildren, ReactElement } from 'react';
 import type { BaseProps } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
+    /**
+     * Component to render in call to action
+     * @param {boolean} open
+     * @returns {React.ReactElement}
+     */
     renderComponent: (open: boolean) => ReactElement;
     open: boolean;
     setOpen?: (open: boolean) => void;

package/dist/types/components/DSelect/DSelect.d.ts

@@ -0,0 +1,41 @@
+import type { Props as SelectProps, GroupBase } from 'react-select';
+import DSelectOptionCheck from './components/DSelectOptionCheck';
+import DSelectOptionIcon from './components/DSelectOptionIcon';
+import DSelectSingleValueIconText from './components/DSelectSingleValueIconText';
+import DSelectDropdownIndicator from './components/DSelectDropdownIndicator';
+import DSelectClearIndicator from './components/DSelectClearIndicator';
+import DSelectMultiValueRemove from './components/DSelectMultiValueRemove';
+import DSelectLoadingIndicator from './components/DSelectLoadingIndicator';
+import DSelectOptionEmoji from './components/DSelectOptionEmoji';
+import DSelectSingleValueEmoji from './components/DSelectSingleValueEmoji';
+import DSelectSingleValueEmojiText from './components/DSelectSingleValueEmojiText';
+import type { BaseProps, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps } from '../interface';
+type Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & Omit<SelectProps<Option, IsMulti, Group>, 'isDisabled' | 'isClearable' | 'isLoading' | 'isRtl' | 'isSearchable' | 'isMulti'> & {
+    label?: string;
+    hint?: string;
+    invalid?: boolean;
+    valid?: boolean;
+    menuWithMaxContent?: boolean;
+    onIconStartClick?: (value?: SelectProps<Option, IsMulti, Group>['defaultValue']) => void;
+    onIconEndClick?: (value?: SelectProps<Option, IsMulti, Group>['defaultValue']) => void;
+    disabled?: SelectProps<Option, IsMulti, Group>['isDisabled'];
+    clearable?: SelectProps<Option, IsMulti, Group>['isClearable'];
+    loading?: SelectProps<Option, IsMulti, Group>['isLoading'];
+    rtl?: SelectProps<Option, IsMulti, Group>['isRtl'];
+    searchable?: SelectProps<Option, IsMulti, Group>['isSearchable'];
+    multi?: SelectProps<Option, IsMulti, Group>['isMulti'];
+};
+declare function DSelect<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ id, className, style, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, hint, iconFamilyClass, iconFamilyPrefix, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, invalid, valid, menuWithMaxContent, disabled, clearable, loading, rtl, searchable, multi, components, defaultValue, onIconStartClick, onIconEndClick, ...props }: Props<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof DSelect & {
+    OptionCheck: typeof DSelectOptionCheck;
+    OptionIcon: typeof DSelectOptionIcon;
+    SingleValueIconText: typeof DSelectSingleValueIconText;
+    DropdownIndicator: typeof DSelectDropdownIndicator;
+    ClearIndicator: typeof DSelectClearIndicator;
+    MultiValueRemove: typeof DSelectMultiValueRemove;
+    LoadingIndicator: typeof DSelectLoadingIndicator;
+    OptionEmoji: typeof DSelectOptionEmoji;
+    SingleValueEmoji: typeof DSelectSingleValueEmoji;
+    SingleValueEmojiText: typeof DSelectSingleValueEmojiText;
+};
+export default _default;

package/dist/types/components/DSelect/components/DSelectClearIndicator.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, ClearIndicatorProps } from 'react-select';
+export default function DSelectClearIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectDropdownIndicator.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, DropdownIndicatorProps } from 'react-select';
+export default function DSelectDropdownIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectLoadingIndicator.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, LoadingIndicatorProps } from 'react-select';
+export default function DSelectLoadingIndicator<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ innerProps, }: LoadingIndicatorProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectMultiValueRemove.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, MultiValueRemoveProps } from 'react-select';
+export default function DSelectMultiValueRemove<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: MultiValueRemoveProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectOptionCheck.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, OptionProps } from 'react-select';
+export default function DSelectOptionCheck<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ innerProps, children, isSelected, ...props }: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectOptionEmoji.d.ts

@@ -0,0 +1,7 @@
+import type { GroupBase, OptionProps } from 'react-select';
+export type OptionEmoji = {
+    label: string;
+    value: string;
+    emoji: string;
+};
+export default function DSelectOptionEmoji<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, data, ...props }: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectOptionIcon.d.ts

@@ -0,0 +1,7 @@
+import type { GroupBase, OptionProps } from 'react-select';
+export type OptionIcon = {
+    label: string;
+    value: string;
+    icon: string;
+};
+export default function DSelectOptionIcon<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, data, ...props }: OptionProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectSingleValueEmoji.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, SingleValueProps } from 'react-select';
+export default function DSelectSingleValueEmoji<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectSingleValueEmojiText.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, SingleValueProps } from 'react-select';
+export default function DSelectSingleValueEmojiText<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/components/DSelectSingleValueIconText.d.ts

@@ -0,0 +1,2 @@
+import type { GroupBase, SingleValueProps } from 'react-select';
+export default function DSelectSingleValueIconText<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ children, getValue, ...props }: SingleValueProps<Option, IsMulti, Group>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSelect/index.d.ts

@@ -0,0 +1,4 @@
+import DSelect from './DSelect';
+export type { OptionIcon } from './components/DSelectOptionIcon';
+export type { OptionEmoji } from './components/DSelectOptionEmoji';
+export default DSelect;

package/dist/types/components/DStepper/DStepper.d.ts

@@ -7,9 +7,12 @@ export type Step = {
 type Props = BaseProps & {
     options: Array<Step>;
     currentStep: number;
-    successIcon?: string;
+    iconSuccess?: string;
+    iconSuccessFamilyClass?: string;
+    iconSuccessFamilyPrefix?: string;
+    iconSuccessMaterialStyle?: boolean;
     vertical?: boolean;
     breakpoint?: BreakpointSize;
 };
-export default function DStepper({ options, currentStep, successIcon, vertical, breakpoint, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, iconSuccess, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical, breakpoint, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DStepperDesktop/DStepperDesktop.d.ts

@@ -6,8 +6,11 @@ type Step = {
 type Props = BaseProps & {
     options: Array<Step>;
     currentStep: number;
-    successIcon?: string;
+    iconSuccess?: string;
+    iconSuccessFamilyClass?: string;
+    iconSuccessFamilyPrefix?: string;
+    iconSuccessMaterialStyle?: boolean;
     vertical?: boolean;
 };
-export default function DStepper({ options, currentStep, successIcon, vertical, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DStepper({ options, currentStep, iconSuccess: iconSuccessProp, iconSuccessFamilyClass, iconSuccessFamilyPrefix, iconSuccessMaterialStyle, vertical, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DTabs/index.d.ts

@@ -1,5 +1,5 @@
 import DTabs from './DTabs';
-export { DTabOption } from './DTabs';
+export type { DTabOption } from './DTabs';
 export { default as DTabContent } from './components/DTabContent';
 export { useTabContext } from './TabContext';
 export default DTabs;

package/dist/types/components/DToastContainer/useToast.d.ts

@@ -5,7 +5,9 @@ export type ToastConfig = {
     showClose?: boolean;
     position?: ToastPosition;
     autoClose?: number | false;
+    icon?: string;
+    iconClose?: string;
 };
 export default function useToast(): {
-    toast: (message: string, { position, type, showClose, autoClose, }?: ToastConfig) => void;
+    toast: (message: string, { position, type, showClose, autoClose, icon, iconClose, }?: ToastConfig) => void;
 };

package/dist/types/components/config.d.ts

@@ -1,5 +1,3 @@
-import { AlertTypeIconMap } from './interface';
 export declare const PREFIX_BS = "bs-";
 export declare const ICON_FAMILY_CLASS = "bi";
 export declare const ICON_FAMILY_PREFIX = "bi-";
-export declare const ALERT_TYPE_ICON: AlertTypeIconMap;

package/dist/types/components/index.d.ts

@@ -4,11 +4,9 @@ export { default as DBadge } from './DBadge';
 export { default as DBoxFile } from './DBoxFile';
 export { default as DButton } from './DButton';
 export { default as DCard, DCardHeader, DCardBody, DCardFooter, } from './DCard';
-export { default as DCardAccount } from './DCardAccount';
 export { default as DCarousel, DCarouselSlide, } from './DCarousel';
 export { default as DChip } from './DChip';
 export { default as DCollapse } from './DCollapse';
-export { default as DCollapseIconText } from './DCollapseIconText';
 export { default as DCurrencyText } from './DCurrencyText';
 export { default as DDatePicker } from './DDatePicker';
 export { default as DIcon } from './DIcon';
@@ -22,8 +20,9 @@ export { default as DInputSearch } from './DInputSearch';
 export { default as DInputPassword } from './DInputPassword';
 export { default as DInputCheck } from './DInputCheck';
 export { default as DInputPin } from './DInputPin';
-export { default as DInputSelect, DInputSelectProps } from './DInputSelect';
+export { default as DInputSelect, DInputSelectDefaultOption, DInputSelectProps } from './DInputSelect';
 export { default as DInputSwitch } from './DInputSwitch';
+export { default as DSelect } from './DSelect';
 export { default as DList, DListItem, } from './DList';
 export { default as DModal, DModalHeader, DModalBody, DModalFooter, } from './DModal';
 export { default as DOffcanvas, DOffcanvasHeader, DOffcanvasBody, DOffcanvasFooter, } from './DOffcanvas';

package/dist/types/components/interface.d.ts

@@ -19,11 +19,13 @@ export type BaseProps = {
 export type FamilyIconProps = {
     iconFamilyClass?: string;
     iconFamilyPrefix?: string;
+    iconMaterialStyle?: boolean;
 };
 export type LabelIconProps = {
     labelIcon?: string;
     labelIconFamilyClass?: string;
     labelIconFamilyPrefix?: string;
+    labelIconMaterialStyle?: boolean;
 };
 export type StartIconProps = {
     iconStart?: string;
@@ -32,6 +34,7 @@ export type StartIconProps = {
     iconStartFamilyPrefix?: string;
     iconStartAriaLabel?: string;
     iconStartTabIndex?: number;
+    iconStartMaterialStyle?: boolean;
 };
 export type EndIconProps = {
     iconEnd?: string;
@@ -40,6 +43,11 @@ export type EndIconProps = {
     iconEndFamilyPrefix?: string;
     iconEndAriaLabel?: string;
     iconEndTabIndex?: number;
+    iconEndMaterialStyle?: boolean;
+};
+export type StateIcons = {
+    invalidIcon?: string;
+    validIcon?: string;
 };
 export type AlertType = 'success' | 'info' | 'warning' | 'danger' | 'light' | 'dark' | 'primary' | 'secondary';
 export type AlertTypeIconMap = {

package/dist/types/contexts/DContext.d.ts

@@ -1,22 +1,47 @@
 import type { PropsWithChildren } from 'react';
+import type { AlertTypeIconMap } from '../components/interface';
+type CurrencyProps = {
+    symbol: string;
+    precision: number;
+    separator: string;
+    decimal: string;
+};
+type IconProps = {
+    familyClass: string;
+    familyPrefix: string;
+    materialStyle: boolean;
+};
+type IconMapProps = {
+    x: string;
+    xLg: string;
+    chevronDown: string;
+    chevronUp: string;
+    chevronLeft: string;
+    chevronRight: string;
+    alert: AlertTypeIconMap;
+    upload: string;
+    calendar: string;
+    check: string;
+    input: {
+        invalid: string;
+        valid: string;
+        search: string;
+        show: string;
+        hide: string;
+        decrease: string;
+        increase: string;
+    };
+};
 type Props = {
     language: string;
-    currency: {
-        symbol: string;
-        precision: number;
-        separator: string;
-        decimal: string;
-    };
-    icon: {
-        familyClass?: string;
-        familyPrefix?: string;
-        materialStyle?: boolean;
-    };
+    currency: CurrencyProps;
+    icon: IconProps;
+    iconMap: IconMapProps;
 };
 type Context = Props & {
     setContext: (value: Props) => void;
 };
 export declare const DContext: import("react").Context<Context>;
-export declare function DContextProvider({ language, currency, icon, children, }: PropsWithChildren<Partial<Props>>): import("react/jsx-runtime").JSX.Element;
+export declare function DContextProvider({ language, currency, icon, iconMap, children, }: PropsWithChildren<Partial<Props>>): import("react/jsx-runtime").JSX.Element;
 export declare function useDContext(): Context;
 export {};