@dynamic-framework/ui-react 2.0.0-dev.1 → 2.0.0-dev.3

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

@@ -1,8 +1,8 @@
 import type { PropsWithChildren } from 'react';
-import type { AlertTheme, BaseProps } from '../interface';
+import type { BaseProps, ComponentStateColor } from '../interface';
 type Props = BaseProps & PropsWithChildren<{
     id?: string;
-    theme?: AlertTheme;
+    color?: ComponentStateColor;
     icon?: string;
     iconFamilyClass?: string;
     iconFamilyPrefix?: string;
@@ -14,5 +14,5 @@ type Props = BaseProps & PropsWithChildren<{
     iconCloseMaterialStyle?: boolean;
     onClose?: () => void;
 }>;
-export default function DAlert({ theme, icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, onClose, children, id, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DAlert({ color, icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, onClose, children, id, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -5,8 +5,6 @@ type Props = BaseProps & {
     image?: string;
     name?: string;
     useNameAsInitials?: boolean;
-    theme?: string;
-    variant?: 'light' | 'dark';
 };
-export default function DAvatar({ id, size, image, name: nameProp, useNameAsInitials, theme, variant, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DAvatar({ id, size, image, name: nameProp, useNameAsInitials, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,10 @@
-import type { BaseProps } from '../interface';
+import type { BaseProps, ComponentColor } from '../interface';
 type Props = BaseProps & {
     text?: string;
     soft?: boolean;
+    size?: 'sm' | 'lg';
     rounded?: boolean;
-    theme?: string;
+    color?: ComponentColor;
     id?: string;
     iconStart?: string;
     iconEnd?: string;
@@ -11,5 +12,5 @@ type Props = BaseProps & {
     iconFamilyClass?: string;
     iconFamilyPrefix?: string;
 };
-export default function DBadge({ text, soft, theme, id, rounded, className, style, iconStart, iconEnd, iconMaterialStyle, iconFamilyClass, iconFamilyPrefix, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DBadge({ text, soft, color, id, rounded, className, size, style, iconStart, iconEnd, iconMaterialStyle, iconFamilyClass, iconFamilyPrefix, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+type DBarChartProps = {
+    data: {
+        name: string;
+        value: number;
+    }[];
+    barColor?: string;
+};
+export default function DBarChart({ data, barColor, }: DBarChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

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

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

@@ -1,16 +1,17 @@
-import type { MouseEvent } from 'react';
-import type { BaseProps, ButtonType, ButtonVariant, ComponentSize, EndIconProps, InputState, StartIconProps } from '../interface';
+import type { MouseEvent, ReactNode } from 'react';
+import type { BaseProps, ButtonType, ButtonVariant, ComponentColor, ComponentSize, EndIconProps, InputState, StartIconProps } from '../interface';
 type Props = BaseProps & StartIconProps & EndIconProps & {
     id?: string;
-    theme?: string;
+    color?: ComponentColor;
     size?: ComponentSize;
     variant?: ButtonVariant;
     state?: InputState;
     text?: string;
+    children?: ReactNode;
     ariaLabel?: string;
     value?: string;
     type?: ButtonType;
-    pill?: boolean;
+    loadingText?: string;
     loading?: boolean;
     loadingAriaLabel?: string;
     disabled?: boolean;
@@ -18,5 +19,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, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, value, type, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, style, form, dataAttributes, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DButton({ color, size, variant, state, text, children, ariaLabel, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, loadingText, value, type, loading, loadingAriaLabel, disabled, stopPropagationEnabled, className, style, form, dataAttributes, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,11 @@
 import type { MouseEvent } from 'react';
-import type { BaseProps, ButtonType, ButtonVariant, ComponentSize, FamilyIconProps, InputState } from '../interface';
+import type { BaseProps, ButtonType, ButtonVariant, ComponentColor, ComponentSize, FamilyIconProps, InputState } from '../interface';
 type Props = BaseProps & FamilyIconProps & {
     id?: string;
     icon: string;
     size?: ComponentSize;
     variant?: ButtonVariant;
-    theme?: string;
+    color?: ComponentColor;
     state?: InputState;
     type?: ButtonType;
     loading?: boolean;
@@ -15,5 +15,5 @@ type Props = BaseProps & FamilyIconProps & {
     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, dataAttributes, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DButtonIcon({ id, icon, size, className, variant, state, loadingAriaLabel, iconMaterialStyle, ariaLabel, color, type, loading, disabled, stopPropagationEnabled, style, iconFamilyClass, iconFamilyPrefix, dataAttributes, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-import type { BaseProps, FamilyIconProps } from '../interface';
+import type { BaseProps, ComponentColor, FamilyIconProps } from '../interface';
 type Props = BaseProps & FamilyIconProps & {
-    theme?: string;
+    color?: ComponentColor;
     text?: string;
     icon?: string;
     iconClose?: string;
@@ -11,5 +11,5 @@ type Props = BaseProps & FamilyIconProps & {
     closeAriaLabel?: string;
     onClose?: () => void;
 };
-export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, closeAriaLabel, className, style, dataAttributes, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DChip({ color, text, icon, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, iconClose: iconCloseProp, iconCloseFamilyClass, iconCloseFamilyPrefix, iconCloseMaterialStyle, showClose, closeAriaLabel, className, style, dataAttributes, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import type { PropsWithChildren, ReactNode, ReactElement } from 'react';
+import type { PropsWithChildren, ReactElement, ReactNode } from 'react';
 import type { BaseProps, FamilyIconProps } from '../interface';
 type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     id?: string;

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

@@ -0,0 +1,12 @@
+type Props = {
+    className?: string;
+    brand?: string;
+    isChipVisible?: boolean;
+    name?: string;
+    number?: string;
+    holderText?: string;
+    isVertical?: boolean;
+    logoImage?: string;
+};
+export default function DCreditCard({ brand, name, number, holderText, logoImage, isChipVisible, className, isVertical, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,6 +1,6 @@
 import type { DatePickerProps } from 'react-datepicker';
 import { Locale } from 'date-fns';
-import type { BaseProps, ButtonVariant, ComponentSize, FamilyIconProps } from '../interface';
+import type { BaseProps, ButtonVariant, ComponentColor, ComponentSize, FamilyIconProps } from '../interface';
 type Props = BaseProps & FamilyIconProps & Omit<DatePickerProps, 'showMonthDropdown' | 'showMonthYearDropdown' | 'showYearDropdown' | 'useShortMonthInDropdown' | 'yearDropdownItemNumber' | 'scrollableYearDropdown' | 'dropdownMode' | 'yearItemNumber' | 'portalId' | 'withPortal' | 'onPortalKeyDown' | 'portalHost' | 'locale'> & {
     inputLabel?: string;
     inputHint?: string;
@@ -15,7 +15,7 @@ type Props = BaseProps & FamilyIconProps & Omit<DatePickerProps, 'showMonthDropd
     headerPrevMonthAriaLabel?: string;
     headerNextMonthAriaLabel?: string;
     headerButtonVariant?: ButtonVariant;
-    headerButtonTheme?: string;
+    headerButtonColor?: ComponentColor;
     minYearSelect?: number;
     maxYearSelect?: number;
     invalid?: boolean;
@@ -24,5 +24,5 @@ type Props = BaseProps & FamilyIconProps & Omit<DatePickerProps, 'showMonthDropd
     showHeaderSelectors?: boolean;
     locale?: Locale;
 };
-export default function DDatePicker({ inputLabel, inputHint, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeInputLabel, iconInput, iconHeaderPrev, iconHeaderNext, iconMaterialStyle, iconFamilyClass, iconFamilyPrefix, minYearSelect, maxYearSelect, iconHeaderSize, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, headerButtonVariant, headerButtonTheme, invalid, valid, renderCustomHeader: renderCustomHeaderProp, className, dateFormatCalendar, style, dataAttributes, placeholder, showHeaderSelectors, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker({ inputLabel, inputHint, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeInputLabel, minYearSelect, maxYearSelect, iconHeaderSize, iconMaterialStyle, iconInput, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, invalid, valid, renderCustomHeader: renderCustomHeaderProp, className, dateFormatCalendar, style, dataAttributes, placeholder, showHeaderSelectors, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import { Locale } from 'date-fns';
 import type { ComponentProps } from 'react';
 import type { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 import DButton from '../../DButton';
-import type { BaseProps, ButtonVariant, ComponentSize, FamilyIconProps } from '../../interface';
+import type { BaseProps, ComponentSize, FamilyIconProps } from '../../interface';
 export declare enum PickerType {
     Default = "default",
     Quarter = "quarter",
@@ -28,13 +28,11 @@ type Props = BaseProps & FamilyIconProps & ReactDatePickerCustomHeaderProps & {
     prevYearAriaLabel?: string;
     nextYearAriaLabel?: string;
     iconSize?: ComponentSize;
-    buttonVariant?: ButtonVariant;
-    buttonTheme?: string;
     minYearSelect?: number;
     maxYearSelect?: number;
     showHeaderSelectors?: boolean;
     monthsShown?: number;
     locale?: Locale;
 } & Omit<ComponentProps<typeof DButton>, 'iconStart' | 'onClick' | 'disabled'>;
-export default function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, decreaseYear, increaseYear, monthDate, pickerType, prevMonthButtonDisabled, nextMonthButtonDisabled, monthsShown, iconPrev, iconNext, prevYearButtonDisabled, nextYearButtonDisabled, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, buttonVariant, buttonTheme, style, className, minYearSelect, maxYearSelect, showHeaderSelectors, customHeaderCount, locale, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePickerHeaderSelector({ date, changeYear, changeMonth, decreaseMonth, increaseMonth, decreaseYear, increaseYear, monthDate, pickerType, prevMonthButtonDisabled, nextMonthButtonDisabled, monthsShown, iconPrev, iconNext, prevYearButtonDisabled, nextYearButtonDisabled, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, style, className, minYearSelect, maxYearSelect, showHeaderSelectors, customHeaderCount, locale, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export type DropdownAction = {
+    onClick?: () => void;
+    href?: string;
+    disabled?: boolean;
+    icon?: string;
+    color?: 'default' | 'danger' | 'success' | 'warning' | 'info';
+    isDivider?: boolean;
+    label: string;
+};
+type Props = {
+    actions: DropdownAction[];
+    dropdownToggle?: ((props: {
+        open: boolean;
+        toggle: () => void;
+    }) => React.ReactNode);
+    className?: string;
+};
+export default function DDropdown({ actions, dropdownToggle, className, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,17 +1,13 @@
-import type { BaseProps } from '../interface';
+import type { BaseProps, ComponentColor } from '../interface';
 type Props = BaseProps & {
     icon: string;
-    theme?: string;
+    color?: ComponentColor;
     size?: string;
-    loading?: boolean;
-    loadingDuration?: number;
     hasCircle?: boolean;
-    circleSize?: string;
-    color?: string;
-    backgroundColor?: string;
     materialStyle?: boolean;
     familyClass?: string;
     familyPrefix?: string;
+    strokeWidth?: number;
 };
-export default function DIconBase({ icon, theme, style, className, size, loading, loadingDuration, hasCircle, circleSize, color, backgroundColor, materialStyle, familyClass, familyPrefix, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DIconBase({ icon, color, style, className, size, hasCircle, materialStyle, familyClass, strokeWidth, dataAttributes, }: 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, ComponentSize, 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">, "size" | "loading" | "label" | "invalid" | "value" | "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, ComponentSize, EndIconProps, FamilyIconProps, StartIconProps } from '../interface';
+declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof BaseProps | keyof FamilyIconProps | keyof StartIconProps | keyof EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & StartIconProps & EndIconProps & {
     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">, "size" | "loading" | "label" | "invalid" | "value" | "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">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -19,5 +19,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">, "value" | "type" | "onChange" | "validIcon" | "invalidIcon">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "onChange" | "value" | "validIcon" | "invalidIcon">, 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">, "size" | "loading" | "label" | "invalid" | "value" | "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 ForwardedDInputCurrency: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -20,5 +20,5 @@ declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticCompo
     onChange?: ((value: string) => void) | undefined;
     onIconStartClick?: ((value?: string | undefined) => void) | undefined;
     onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, "value" | "type" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default ForwardedDInputCurrencyBase;
+} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "onChange" | "value">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default ForwardedDInputCurrency;

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">, "size" | "loading" | "label" | "invalid" | "value" | "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">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

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

@@ -1,13 +1,13 @@
 import type { ReactNode } from 'react';
 import { CountryIso2, CountrySelectorProps, ParsedCountry } from 'react-international-phone';
-import type { BaseProps, ComponentSize, EndIconProps, FamilyIconProps, LabelIconProps } from '../interface';
+import type { BaseProps, ComponentSize, EndIconProps, FamilyIconProps } from '../interface';
 type OnChangeType = {
     phone: string;
     inputValue: string;
     country: ParsedCountry;
     isValid: boolean;
 };
-declare const ForwardedDInputPhone: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "pattern" | "value" | "type" | "onChange" | "inputMode" | "onWheel">, "size" | "loading" | "label" | "invalid" | "value" | "onChange" | keyof BaseProps | keyof FamilyIconProps | keyof LabelIconProps | keyof EndIconProps | "hint" | "valid" | "floatingLabel" | "inputEnd" | "onIconEndClick" | "countrySelectorProps" | "filteredCountries" | "defaultCountry"> & BaseProps & FamilyIconProps & LabelIconProps & EndIconProps & {
+declare const ForwardedDInputPhone: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "onChange" | "onWheel" | "pattern" | "value" | "inputMode">, "size" | "onChange" | "label" | "invalid" | "value" | keyof BaseProps | keyof FamilyIconProps | keyof EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputEnd" | "onIconEndClick" | "countrySelectorProps" | "filteredCountries" | "defaultCountry"> & BaseProps & FamilyIconProps & EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

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, PinInputMode, PinInputType } from '../interface';
+type Props = BaseProps & FamilyIconProps & {
     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: idProp, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, disabled, loading, secret, characters, innerInputMode, hint, invalid, valid, className, style, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputPin({ id: idProp, label, placeholder, type, disabled, loading, secret, characters, innerInputMode, hint, invalid, valid, className, style, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 /// <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" | keyof BaseProps | keyof LabelIconProps | "ariaLabel" | "filledValue"> & BaseProps & LabelIconProps & {
+import type { BaseProps } from '../interface';
+declare const ForwardedDInputRange: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type">, "label" | keyof BaseProps | "ariaLabel" | "filledValue"> & BaseProps & {
     label?: string | undefined;
     ariaLabel?: string | undefined;
     filledValue?: boolean | undefined;

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

@@ -1,10 +1,10 @@
 import type { FocusEvent, MouseEvent } from 'react';
-import type { BaseProps, ComponentSize, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps } from '../interface';
+import type { BaseProps, ComponentSize, EndIconProps, FamilyIconProps, StartIconProps } from '../interface';
 export type DefaultOption = {
     value: string | number;
     label: string;
 };
-export type Props<T> = BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & {
+export type Props<T> = BaseProps & FamilyIconProps & StartIconProps & EndIconProps & {
     id?: string;
     name?: string;
     label?: string;
@@ -24,4 +24,4 @@ export type Props<T> = BaseProps & FamilyIconProps & LabelIconProps & StartIconP
     valueExtractor?: (item: T) => string | number;
     labelExtractor?: (item: T) => string;
 };
-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, hint, value, size, floatingLabel, invalid, valid, dataAttributes, 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, disabled, loading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, hint, value, size, floatingLabel, invalid, valid, dataAttributes, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import type { PropsWithChildren } from 'react';
+import DLayoutPane from './components/DLayoutPane';
+import type { BaseProps } from '../interface';
+/**
+ * Define the spacing (gap) on a scale from 0 to 30.
+ * @type {number}
+ */
+type Gap = number;
+type Props = PropsWithChildren<BaseProps & {
+    gap?: Gap;
+    gapSm?: Gap;
+    gapMd?: Gap;
+    gapLg?: Gap;
+    gapXl?: Gap;
+    gapXxl?: Gap;
+}>;
+declare function DLayout({ className, style, children, gap, gapSm, gapMd, gapLg, gapXl, gapXxl, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof DLayout & {
+    Pane: typeof DLayoutPane;
+};
+export default _default;

package/dist/types/components/DLayout/components/DLayoutPane.d.ts

@@ -0,0 +1,13 @@
+import type { PropsWithChildren } from 'react';
+import type { BaseProps } from '../../interface';
+type Props = PropsWithChildren<BaseProps & {
+    cols?: string | number;
+    colsXs?: string | number;
+    colsSm?: string | number;
+    colsMd?: string | number;
+    colsLg?: string | number;
+    colsXl?: string | number;
+    colsXxl?: string | number;
+}>;
+export default function DLayoutPane({ className, style, children, cols, colsXs, colsSm, colsMd, colsLg, colsXl, colsXxl, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import DLayout from './DLayout';
+export { default as DLayoutPane } from './components/DLayoutPane';
+export default DLayout;

package/dist/types/components/DListGroup/components/DListGroupItem.d.ts

@@ -1,13 +1,13 @@
 import type { PropsWithChildren } from 'react';
-import type { BaseProps } from '../../interface';
-type Props = BaseProps & PropsWithChildren<{
+import type { BaseProps, ComponentColor, EndIconProps, StartIconProps } from '../../interface';
+type Props = BaseProps & StartIconProps & EndIconProps & PropsWithChildren<{
     as?: 'li' | 'a' | 'button';
     action?: boolean;
     active?: boolean;
     disabled?: boolean;
     href?: string;
     onClick?: () => void;
-    theme?: string;
+    color?: ComponentColor;
 }>;
-export default function DListGroupItem({ as, action: actionProp, active, disabled, href, onClick, theme, children, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DListGroupItem({ as, action: actionProp, active, disabled, href, onClick, color, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartMaterialStyle, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndMaterialStyle, children, className, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+type DMinimalLineChartProps = {
+    data: {
+        time: string;
+        value: number;
+    }[];
+    lineColor?: string;
+};
+export default function DMinimalLineChart({ data, lineColor, }: DMinimalLineChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+type DMultiLineChartProps = {
+    data: unknown[];
+    lineConfigs: {
+        dataKey: string;
+        color: string;
+    }[];
+};
+export default function DMultiLineChart({ data, lineConfigs, }: DMultiLineChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+export type PropsOtp = PropsWithChildren<{
+    action: () => Promise<void> | void;
+    isLoading?: boolean;
+    className?: string;
+    otpSize?: number;
+    seconds?: number;
+    texts?: {
+        submit?: string;
+        resend?: string;
+        title?: string;
+        contact?: string | React.ReactNode;
+        resendText?: string;
+    };
+}>;
+export default function DOtp({ className, action, isLoading, otpSize, texts, seconds, }: PropsOtp): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DOtp/components/OtpCountdown.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    seconds: number;
+    resendText?: string;
+    message?: (secondsLeft: number) => string;
+};
+export default function OtpCountdown({ seconds, resendText, message, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DOtp/hooks/useCountdown.d.ts

@@ -0,0 +1,4 @@
+export default function useCountdown(seconds: number): {
+    secondsLeft: number;
+    restartCountdown: () => void;
+};

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

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

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

@@ -1,31 +1,6 @@
 import type { ResponsivePaginationProps } from 'react-responsive-pagination';
 import { DataAttributes } from '../interface';
-export type Props = Omit<ResponsivePaginationProps, 'current'> & {
-    current?: ResponsivePaginationProps['current'];
-    /**
-     * @deprecated its use is changing, use extraClassName instead, originally
-     *  we set className prop to extraClassName from react-responsive-pagination API.
-     *
-     *  now we are trying to expose the entire API of react-responsive-pagination and
-     *  to ensure backward compatibility we are setting the className prop to
-     *  extraClassName from react-responsive-pagination only if extraClassName is not present.
-     */
-    className?: ResponsivePaginationProps['extraClassName'];
-    /**
-     * @deprecated use current instead, react-responsive-pagination API.
-     */
-    page?: ResponsivePaginationProps['current'];
-    /**
-     * @deprecated use renderNav instead, react-responsive-pagination API.
-     */
-    showArrows?: ResponsivePaginationProps['renderNav'];
+export type Props = ResponsivePaginationProps & {
     dataAttributes?: DataAttributes;
 };
-export type ConditionalProps = Props | (Props & {
-    current: number;
-    page?: undefined;
-}) | (Props & {
-    page: number;
-    current?: undefined;
-});
-export default function DPaginator({ className, page, current, showArrows, navClassName, ...props }: ConditionalProps): import("react/jsx-runtime").JSX.Element;
+export default function DPaginator({ navClassName, ...props }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+type DPieChartProps = {
+    data: {
+        name: string;
+        value: number;
+        color: string;
+    }[];
+};
+export default function DPieChart({ data, }: DPieChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -5,6 +5,7 @@ type Props = BaseProps & {
     maxValue?: number;
     hideCurrentValue?: boolean;
     enableStripedAnimation?: boolean;
+    height?: string | number;
 };
-export default function DProgress({ className, style, currentValue, minValue, maxValue, hideCurrentValue, enableStripedAnimation, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DProgress({ className, style, currentValue, minValue, maxValue, hideCurrentValue, enableStripedAnimation, height, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,6 @@
+type DRadialBarChartProps = {
+    value: number;
+    color?: string;
+};
+export default function DRadialBarChart({ value, color, }: DRadialBarChartProps): import("react/jsx-runtime").JSX.Element;
+export {};