@dynamic-framework/ui-react 1.25.0 → 1.27.0

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

@@ -0,0 +1,19 @@
+import type { MouseEvent } from 'react';
+import type { BaseProps, ButtonType, ButtonVariant, ComponentSize, FamilyIconProps, InputState } from '../interface';
+type Props = BaseProps & FamilyIconProps & {
+    id?: string;
+    icon: string;
+    size?: ComponentSize;
+    variant?: ButtonVariant;
+    theme?: string;
+    state?: InputState;
+    type?: ButtonType;
+    loading?: boolean;
+    loadingAriaLabel?: string;
+    ariaLabel?: string;
+    stopPropagationEnabled?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export default function DButtonIcon({ id, icon, size, className, variant, state, loadingAriaLabel, iconMaterialStyle, ariaLabel, theme, type, loading, disabled, stopPropagationEnabled, style, iconFamilyClass, iconFamilyPrefix, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import DButtonIcon from './DButtonIcon';
+export default DButtonIcon;

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

@@ -1,10 +1,11 @@
 import type { ReactNode } from 'react';
-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 & {
+import type { BaseProps, ComponentSize, 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" | "size" | "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;
     hint?: string | undefined;
+    size?: ComponentSize | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     floatingLabel?: boolean | undefined;

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

@@ -1,16 +1,18 @@
 import type { ChangeEvent } from 'react';
 import type { BaseProps, InputCheckType } from '../interface';
 type Props = BaseProps & {
+    id?: string;
     type: InputCheckType;
     name?: string;
     label?: string;
     ariaLabel?: string;
     checked?: boolean;
-    id: string;
     disabled?: boolean;
+    invalid?: boolean;
+    valid?: boolean;
     indeterminate?: boolean;
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DInputCheck({ type, name, label, ariaLabel, checked, id, disabled, indeterminate, value, onChange, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputCheck({ id: idProp, type, name, label, ariaLabel, checked, disabled, invalid, valid, indeterminate, value, onChange, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,11 +5,12 @@ 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 | 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 & {
+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" | "size" | "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;
     hint?: string | undefined;
+    size?: import("../interface").ComponentSize | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     floatingLabel?: boolean | undefined;

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

@@ -6,11 +6,12 @@ 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 | 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 & {
+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" | "size" | "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;
     hint?: string | undefined;
+    size?: import("../interface").ComponentSize | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     floatingLabel?: boolean | undefined;

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

@@ -8,11 +8,12 @@ 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 | 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 & {
+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" | "size" | "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;
     hint?: string | undefined;
+    size?: import("../interface").ComponentSize | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     floatingLabel?: boolean | undefined;

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

@@ -1,10 +1,11 @@
 /// <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 | 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 & {
+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" | "size" | "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;
     hint?: string | undefined;
+    size?: import("../interface").ComponentSize | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     floatingLabel?: boolean | undefined;

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

@@ -1,6 +1,6 @@
 import type { BaseProps, FamilyIconProps, LabelIconProps, PinInputMode, PinInputType, StateIcons } from '../interface';
 type Props = BaseProps & LabelIconProps & FamilyIconProps & StateIcons & {
-    id: string;
+    id?: string;
     label?: string;
     placeholder?: string;
     type?: PinInputType;
@@ -15,5 +15,5 @@ type Props = BaseProps & LabelIconProps & FamilyIconProps & StateIcons & {
     valid?: boolean;
     onChange?: (value: string) => void;
 };
-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 default function DInputPin({ id: idProp, 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/DInputRange/DInputRange.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { BaseProps, LabelIconProps } from '../interface';
+declare const ForwardedDInputRange: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type">, "label" | "ariaLabel" | keyof BaseProps | keyof LabelIconProps | "filledValue"> & BaseProps & LabelIconProps & {
+    label?: string | undefined;
+    ariaLabel?: string | undefined;
+    filledValue?: boolean | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export default ForwardedDInputRange;

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

@@ -0,0 +1,2 @@
+import DInputRange from './DInputRange';
+export default DInputRange;

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-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 & {
+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" | "size" | "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;
     hint?: string | undefined;
+    size?: import("../interface").ComponentSize | undefined;
     invalid?: boolean | undefined;
     valid?: boolean | undefined;
     floatingLabel?: boolean | undefined;

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

@@ -1,15 +1,17 @@
 import type { FocusEvent, MouseEvent } from 'react';
-import type { BaseProps, EndIconProps, LabelIconProps, StartIconProps } from '../interface';
+import type { BaseProps, ComponentSize, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps, StateIcons } from '../interface';
 export type DefaultOption = {
     value: string | number;
     label: string;
 };
-export type Props<T> = BaseProps & LabelIconProps & StartIconProps & EndIconProps & {
+export type Props<T> = BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & StateIcons & {
     id?: string;
     name?: string;
     label?: string;
     disabled?: boolean;
     loading?: boolean;
+    invalid?: boolean;
+    valid?: boolean;
     hint?: string;
     floatingLabel?: boolean;
     onBlur?: (event: FocusEvent) => void;
@@ -17,8 +19,9 @@ export type Props<T> = BaseProps & LabelIconProps & StartIconProps & EndIconProp
     onIconEndClick?: (event: MouseEvent) => void;
     options: Array<T>;
     value?: string | number;
+    size?: ComponentSize;
     onChange?: (selectedOption: T) => void;
     valueExtractor?: (item: T) => string | number;
     labelExtractor?: (item: T) => string;
 };
-export default function DInputSelect<T extends object = DefaultOption>({ id, name, label, className, style, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, floatingLabel, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default function DInputSelect<T extends object = DefaultOption>({ id: idProp, name, label, className, style, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, invalidIcon: invalidIconProp, validIcon: validIconProp, hint, value, size, floatingLabel, invalid, valid, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,15 @@
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
+    id?: string;
     label?: string;
     ariaLabel?: string;
-    id: string;
     name?: string;
     checked?: boolean;
     disabled?: boolean;
+    invalid?: boolean;
+    valid?: boolean;
     readonly?: boolean;
     onChange?: (isChecked: boolean) => void;
 };
-export default function DInputSwitch({ label, ariaLabel, id, name, checked, disabled, readonly, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputSwitch({ id: idProp, label, ariaLabel, name, checked, disabled, invalid, valid, readonly, className, style, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import type { ChangeEvent } from 'react';
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
-    id: string;
+    id?: string;
     name: string;
     value: string;
     line1: string;
@@ -10,5 +10,5 @@ type Props = BaseProps & {
     checked?: boolean;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DQuickActionCheck({ id, name, value, line1, line2, line3, className, style, checked, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionCheck({ id: idProp, name, value, line1, line2, line3, className, style, checked, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import type { ChangeEvent } from 'react';
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
-    id: string;
+    id?: string;
     name: string;
     value: string;
     line1: string;
@@ -9,5 +9,5 @@ type Props = BaseProps & {
     selected?: boolean;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DQuickActionSelect({ id, name, value, line1, line2, className, style, selected, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionSelect({ id: idProp, name, value, line1, line2, className, style, selected, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import type { BaseProps } from '../interface';
 type Props = BaseProps & {
-    id: string;
+    id?: string;
     name?: string;
     label: string;
     hint: string;
@@ -8,5 +8,5 @@ type Props = BaseProps & {
     disabled?: boolean;
     onClick?: (isChecked: boolean | undefined) => void;
 };
-export default function DQuickActionSwitch({ id, name, label, hint, checked, disabled, className, style, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DQuickActionSwitch({ id: idProp, name, label, hint, checked, disabled, className, style, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,8 +9,8 @@ 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'> & {
+import type { BaseProps, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps, StateIcons } from '../interface';
+type Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & StateIcons & Omit<SelectProps<Option, IsMulti, Group>, 'isDisabled' | 'isClearable' | 'isLoading' | 'isRtl' | 'isSearchable' | 'isMulti'> & {
     label?: string;
     hint?: string;
     invalid?: boolean;
@@ -25,7 +25,7 @@ type Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = B
     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 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, invalidIcon: invalidIconProp, validIcon: validIconProp, 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;

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { BaseProps } from '../interface';
+type Props = BaseProps & {
+    field: string;
+    label: string;
+    value?: string;
+    onChange: (value: string) => void;
+};
+export default function DTableHead({ className, style, field, label, value, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import DTableHead from './DTableHead';
+export default DTableHead;

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

@@ -8,13 +8,14 @@ export type DTabOption = {
 };
 export type TabVariant = 'tabs' | 'pills' | 'underline';
 type Props = BaseProps & PropsWithChildren<{
+    classNameTab?: string;
     onChange: (option: DTabOption) => void;
     options: Array<DTabOption>;
     defaultSelected: string;
     vertical?: boolean;
     variant?: TabVariant;
 }>;
-declare function DTabs({ children, defaultSelected, onChange, options, className, style, vertical, variant, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DTabs({ children, defaultSelected, onChange, options, className, classNameTab, style, vertical, variant, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DTabs & {
     Tab: typeof DTabContent;
 };

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

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import DToastHeader from './components/DToastHeader';
+import DToastBody from './components/DToastBody';
+import { BaseProps } from '../interface';
+type Props = PropsWithChildren<BaseProps>;
+declare function DToast({ children, className, style }: Props): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof DToast & {
+    Header: typeof DToastHeader;
+    Body: typeof DToastBody;
+};
+export default _default;

package/dist/types/components/DToast/components/DToastBody.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { BaseProps } from '../../interface';
+type Props = PropsWithChildren<BaseProps>;
+export default function DToastBody({ children, className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DToast/components/DToastHeader.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { BaseProps } from '../../interface';
+type Props = PropsWithChildren<BaseProps>;
+export default function DToastHeader({ children, className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import DToast from './DToast';
+export { default as DToastHeader } from './components/DToastHeader';
+export { default as DToastBody } from './components/DToastBody';
+export default DToast;

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

@@ -1,14 +1,2 @@
-import type { CSSProperties } from 'react';
-import type { ToastContainerProps } from 'react-toastify';
-import { BaseProps } from '../interface';
-type Props = BaseProps & Pick<ToastContainerProps, 'autoClose' | 'closeOnClick' | 'position'> & {
-    containerId?: string;
-    stacked?: boolean;
-    style?: CSSProperties & {
-        '--toastify-toast-width': string | number;
-        [index: string]: string | number;
-    };
-    transition?: 'slide' | 'flip' | 'bounce' | 'zoom';
-};
-export default function DToastContainer({ style, className, closeOnClick, position, autoClose, stacked, transition, containerId, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import { ToasterProps } from 'react-hot-toast';
+export default function DToastContainer({ containerClassName, position, reverseOrder, containerStyle, toastOptions, gutter, }: ToasterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,15 @@
-import type { ToastPosition } from 'react-toastify';
-import type { AlertType } from '../interface';
-export type ToastConfig = {
-    type?: AlertType;
+import { Renderable, Toast, ValueFunction } from 'react-hot-toast';
+type ToastData = {
+    title: string;
+    description?: string;
+    timestamp?: string;
     icon?: string;
-    iconClose?: string;
-    showClose?: boolean;
-    position?: ToastPosition;
-    autoClose?: number | false;
-    stacked?: boolean;
-    containerId?: string;
-    transition?: 'slide' | 'flip' | 'bounce' | 'zoom';
+    closeIcon?: string;
+    theme?: string;
+    soft?: boolean;
 };
+type Props = Partial<Pick<Toast, 'id' | 'duration' | 'position'>>;
 export default function useDToast(): {
-    toast: (message: string, { icon, iconClose, type, showClose, transition, ...rest }: ToastConfig) => void;
+    toast: (data: ToastData | ValueFunction<Renderable, Toast>, toastProps: Props) => string;
 };
+export {};

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

@@ -2,6 +2,7 @@ export { default as DAlert } from './DAlert';
 export { default as DBadge } from './DBadge';
 export { default as DBoxFile } from './DBoxFile';
 export { default as DButton } from './DButton';
+export { default as DButtonIcon } from './DButtonIcon';
 export { default as DCard, DCardHeader, DCardBody, DCardFooter, } from './DCard';
 export { default as DCarousel, DCarouselSlide, } from './DCarousel';
 export { default as DChip } from './DChip';
@@ -21,6 +22,7 @@ export { default as DInputCheck } from './DInputCheck';
 export { default as DInputPin } from './DInputPin';
 export { default as DInputSelect, DInputSelectDefaultOption, DInputSelectProps } from './DInputSelect';
 export { default as DInputSwitch } from './DInputSwitch';
+export { default as DInputRange } from './DInputRange';
 export { default as DSelect } from './DSelect';
 export { default as DList, DListItem, } from './DList';
 export { default as DModal, DModalHeader, DModalBody, DModalFooter, } from './DModal';
@@ -38,4 +40,6 @@ export { default as DStepperDesktop } from './DStepperDesktop';
 export { default as DStepperMobile } from './DStepperMobile';
 export { default as DTooltip } from './DTooltip';
 export { default as DTabs, useTabContext, DTabOption, DTabContent, } from './DTabs';
+export { default as DToast } from './DToast';
 export { default as DToastContainer, useDToast, } from './DToastContainer';
+export { default as DTableHead } from './DTableHead';

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

@@ -1,7 +1,7 @@
 import type { PropsWithChildren } from 'react';
 import { PortalContextProps } from './DPortalContext';
 import type { AlertTypeIconMap } from '../components/interface';
-type CurrencyProps = {
+export type CurrencyProps = {
     symbol: string;
     precision: number;
     separator: string;

package/dist/types/hooks/useFormatCurrency.d.ts

@@ -1,4 +1,5 @@
+import { CurrencyProps } from '../contexts';
 export default function useFormatCurrency(...args: Array<number>): {
-    format: (value: number) => string;
+    format: (value: number, currencyOptions?: CurrencyProps) => string;
     values: string[];
 };

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.25.0",
+  "version": "1.27.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {
@@ -81,9 +81,9 @@
     "react-content-loader": "^6.2.1",
     "react-datepicker": "^4.21.0",
     "react-dropzone": "^14.2.3",
+    "react-hot-toast": "^2.4.1",
     "react-responsive-pagination": "^2.4.1",
-    "react-select": "^5.8.0",
-    "react-toastify": "^10.0.0"
+    "react-select": "^5.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.2",
@@ -116,7 +116,6 @@
     "autoprefixer": "^10.4.16",
     "axe-playwright": "^1.2.3",
     "babel-loader": "^9.1.3",
-    "bootstrap": "^5.3.2",
     "eslint": "^8.52.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.1.0",
@@ -156,5 +155,5 @@
       "optional": true
     }
   },
-  "gitHead": "5c64e230f1ab4af2c4aa670f26f4932619b24788"
+  "gitHead": "6d8d838d164ddfddbb407e5bac99965970656a64"
 }