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

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/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/DBoxFile/DBoxFile.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import type { BaseProps, FamilyIconProps } from '../interface';
 import { DBoxFileProps } from './useDBoxFile';
 type Props = BaseProps & FamilyIconProps & DBoxFileProps & {
-    icon?: string;
+    icon?: string | false;
     children?: ReactNode | ((openFileDialog: () => void) => ReactNode);
 };
 export default function DBoxFile({ icon: iconProp, iconFamilyClass, iconFamilyPrefix, iconMaterialStyle, children, className, style, dataAttributes, ...props }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,22 +1,13 @@
-import type { MouseEvent } from 'react';
-import type { BaseProps, ButtonType, ButtonVariant, ComponentSize, EndIconProps, InputState, StartIconProps } from '../interface';
-type Props = BaseProps & StartIconProps & EndIconProps & {
-    id?: string;
-    theme?: string;
+import { type ButtonHTMLAttributes } from 'react';
+import type { BaseProps, ButtonVariant, ComponentColor, ComponentSize, EndIconProps, StartIconProps } from '../interface';
+interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, BaseProps, StartIconProps, EndIconProps {
+    color?: ComponentColor;
     size?: ComponentSize;
     variant?: ButtonVariant;
-    state?: InputState;
     text?: string;
-    ariaLabel?: string;
-    value?: string;
-    type?: ButtonType;
-    pill?: boolean;
     loading?: boolean;
+    loadingText?: string;
     loadingAriaLabel?: string;
-    disabled?: boolean;
-    stopPropagationEnabled?: boolean;
-    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 {};
+}
+declare const DButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
+export default DButton;

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,21 @@
-import type { BaseProps } from '../interface';
+import type { BaseProps, ComponentColor } from '../interface';
+import { ResponsiveProp } from '../../hooks/useResponsiveProp';
 type Props = BaseProps & {
     icon: string;
-    theme?: string;
-    size?: string;
-    loading?: boolean;
-    loadingDuration?: number;
+    color?: ComponentColor;
+    size?: string | ResponsiveProp;
+    /**
+     * Enables real-time breakpoint listeners for responsive size changes.
+     * When set to true, the component will listen for size changes and update responsively.
+     * Note: Enabling this feature may have performance implications, especially
+     * in complex or frequently updated components.
+     */
+    useListenerSize?: boolean;
     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, useListenerSize, hasCircle, materialStyle, familyClass, familyPrefix, 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">, "value" | "onChange">, "label" | "invalid" | "value" | "onChange" | "size" | keyof BaseProps | keyof FamilyIconProps | keyof StartIconProps | keyof EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "readonly" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & StartIconProps & EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -11,6 +11,7 @@ declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Om
     floatingLabel?: boolean | undefined;
     inputStart?: ReactNode;
     inputEnd?: ReactNode;
+    readonly?: boolean | undefined;
     onChange?: ((value: string) => void) | undefined;
     onIconStartClick?: ((value?: string) => void) | undefined;
     onIconEndClick?: ((value?: string) => void) | undefined;

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

@@ -7,6 +7,7 @@ type Props = ComponentPropsWithoutRef<'input'> & BaseProps & {
     label?: string;
     ariaLabel?: string;
     checked?: boolean;
+    inputClassName?: string;
     disabled?: boolean;
     invalid?: boolean;
     valid?: boolean;
@@ -15,5 +16,5 @@ type Props = ComponentPropsWithoutRef<'input'> & BaseProps & {
     value?: string;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 };
-export default function DInputCheck({ id: idProp, type, name, label, ariaLabel, checked, disabled, invalid, valid, indeterminate, value, hint, onChange, className, style, dataAttributes, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputCheck({ id: idProp, type, name, label, ariaLabel, checked, disabled, invalid, valid, indeterminate, inputClassName, value, hint, onChange, className, style, dataAttributes, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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">, "value" | "onChange">, "label" | "invalid" | "value" | "onChange" | "size" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "readonly" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -16,8 +16,9 @@ declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<
     floatingLabel?: boolean | undefined;
     inputStart?: import("react").ReactNode;
     inputEnd?: import("react").ReactNode;
+    readonly?: boolean | undefined;
     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">, "value" | "onChange" | "type" | "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">, "value" | "onChange">, "label" | "invalid" | "value" | "onChange" | "size" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "readonly" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -17,8 +17,9 @@ declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticCompo
     floatingLabel?: boolean | undefined;
     inputStart?: import("react").ReactNode;
     inputEnd?: import("react").ReactNode;
+    readonly?: boolean | undefined;
     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">, "value" | "onChange" | "type">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default ForwardedDInputCurrency;

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

@@ -1,18 +1,8 @@
-/// <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 & {
-    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;
-    inputStart?: import("react").ReactNode;
-    inputEnd?: import("react").ReactNode;
-    onChange?: ((value: string) => void) | undefined;
-    onIconStartClick?: ((value?: string | undefined) => void) | undefined;
-    onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, keyof MaskProps> & MaskProps & import("react").RefAttributes<HTMLInputElement>>;
+import { type InputMaskProps } from '@react-input/mask';
+import type { ComponentPropsWithoutRef } from 'react';
+import DInput from '../DInput';
+import type { Merge } from '../../types';
+type NonDInputProps = InputMaskProps<typeof DInput>;
+type Props = Merge<ComponentPropsWithoutRef<typeof DInput>, NonDInputProps>;
+declare const ForwardedDInputMask: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDInputMask;

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">, "pattern" | "value" | "inputMode" | "onChange" | "onWheel" | "type">, "label" | "invalid" | "value" | "onChange" | "size" | 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/DInputSwitch/DInputSwitch.d.ts

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

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

@@ -0,0 +1,22 @@
+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;
+    columns?: number;
+}>;
+declare function DLayout({ className, style, children, gap, columns, 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/DModal/DModal.d.ts

@@ -1,3 +1,4 @@
+import { type Transition } from 'framer-motion';
 import type { PropsWithChildren } from 'react';
 import DModalHeader from './components/DModalHeader';
 import DModalBody from './components/DModalBody';
@@ -11,8 +12,9 @@ type Props = BaseProps & PropsWithChildren<{
     fullScreen?: boolean;
     fullScreenFrom?: ModalFullScreenFrom;
     size?: ModalSize;
+    transition?: Transition;
 }>;
-declare function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DModal({ name, className, style, staticBackdrop, scrollable, centered, fullScreen, fullScreenFrom, size, transition, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DModal & {
     Header: typeof DModalHeader;
     Body: typeof DModalBody;

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

@@ -1,3 +1,4 @@
+import { type Transition } from 'framer-motion';
 import type { PropsWithChildren } from 'react';
 import DOffcanvasHeader from './components/DOffcanvasHeader';
 import DOffcanvasBody from './components/DOffcanvasBody';
@@ -8,8 +9,9 @@ type Props = BaseProps & PropsWithChildren<{
     staticBackdrop?: boolean;
     scrollable?: boolean;
     openFrom?: OffcanvasPositionToggleFrom;
+    transition?: Transition;
 }>;
-declare function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function DOffcanvas({ name, className, style, staticBackdrop, scrollable, openFrom, transition, children, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 declare const _default: typeof DOffcanvas & {
     Header: typeof DOffcanvasHeader;
     Body: typeof DOffcanvasBody;

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;