@dynamic-framework/ui-react 1.36.2 → 2.0.0-dev.10

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" | "value" | "invalid" | "onChange" | keyof BaseProps | keyof FamilyIconProps | keyof LabelIconProps | keyof StartIconProps | keyof EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & LabelIconProps & StartIconProps & EndIconProps & {
+import type { BaseProps, 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" | "value" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "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" | "value" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
+declare const 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" | "value" | "invalid" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
-    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" | "onWheel" | "inputMode">, "size" | "loading" | "label" | "value" | "invalid" | "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;

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

@@ -0,0 +1,23 @@
+import type { BaseProps } from '../interface';
+export type ValidationMessages = {
+    number: string;
+    lowercaseLetter: string;
+    uppercaseLetter: string;
+    especialChar: string;
+    notMatch?: string;
+};
+export type ValidationCheck = 'uppercase' | 'lowercase' | 'number' | 'specialChar';
+type Props = BaseProps & {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    validationMessages?: ValidationMessages;
+    enabledChecks?: ValidationCheck[];
+    onChange?: (value: string) => void;
+};
+export default function DPasswordStrengthMeter({ id, label, placeholder, value, name, disabled, invalid, validationMessages, enabledChecks, className, style, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DPasswordStrengthMeter/PasswordCheckItem.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    password: string;
+    regex: RegExp;
+    text: string;
+};
+export default function PasswordCheckItem({ password, regex, text, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DPasswordStrengthMeter/PasswordCheckList.d.ts

@@ -0,0 +1,14 @@
+import type { ValidationMessages, ValidationCheck } from './DPasswordStrengthMeter';
+type Props = {
+    password: string;
+    validationMessages: ValidationMessages;
+    enabledChecks: ValidationCheck[];
+};
+export declare const CHECK_REGEX: {
+    uppercase: RegExp;
+    lowercase: RegExp;
+    number: RegExp;
+    specialChar: RegExp;
+};
+export default function PasswordChecksList({ password, validationMessages, enabledChecks, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DPasswordStrengthMeter/PasswordStrength.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    strength: number;
+    total: number;
+};
+export default function PasswordStrengthBar({ strength, total }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import DPasswordStrengthMeter from './DPasswordStrengthMeter';
+export type { ValidationMessages, ValidationCheck } from './DPasswordStrengthMeter';
+export default DPasswordStrengthMeter;

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

@@ -6,7 +6,7 @@ type Props = BaseProps & PropsWithChildren<{
      * @param {boolean} open
      * @returns {React.ReactElement}
      */
-    renderComponent: (open: boolean) => ReactElement;
+    renderComponent: (open: boolean) => ReactElement<unknown>;
     open: boolean;
     setOpen?: (open: boolean) => void;
     adjustContentToRender?: boolean;

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

@@ -10,8 +10,8 @@ import DSelectOptionEmoji from './components/DSelectOptionEmoji';
 import DSelectSingleValueEmoji from './components/DSelectSingleValueEmoji';
 import DSelectSingleValueEmojiText from './components/DSelectSingleValueEmojiText';
 import DSelectPlaceholder from './components/DSelectPlaceholder';
-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, StartIconProps } from '../interface';
+type Props<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseProps & FamilyIconProps & StartIconProps & EndIconProps & Omit<SelectProps<Option, IsMulti, Group>, 'isDisabled' | 'isClearable' | 'isLoading' | 'isRtl' | 'isSearchable' | 'isMulti'> & {
     label?: string;
     hint?: string;
     invalid?: boolean;
@@ -27,7 +27,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: idProp, 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, floatingLabel, rtl, searchable, multi, components, defaultValue, placeholder, onIconStartClick, onIconEndClick, dataAttributes, ...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: idProp, className, style, label, hint, iconFamilyClass, iconFamilyPrefix, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconStartAriaLabel, iconStartTabIndex, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, iconEndAriaLabel, iconEndTabIndex, invalid, valid, menuWithMaxContent, disabled, clearable, loading, floatingLabel, rtl, searchable, multi, components, defaultValue, placeholder, onIconStartClick, onIconEndClick, dataAttributes, ...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/DTabs/DTabs.d.ts

@@ -2,11 +2,11 @@ import type { PropsWithChildren } from 'react';
 import DTabContent from './components/DTabContent';
 import type { BaseProps } from '../interface';
 export type DTabOption = {
-    label: string;
+    label: string | React.ReactNode;
     tab: string;
     disabled?: boolean;
 };
-export type TabVariant = 'tabs' | 'pills' | 'underline';
+export type TabVariant = 'tabs' | 'pills' | 'underline' | 'toggle-button-group';
 type Props = BaseProps & PropsWithChildren<{
     classNameTab?: string;
     onChange?: (option: DTabOption) => void;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { BaseProps } from '../interface';
+export type DTimelineItem = {
+    title: string;
+    description?: string;
+    time?: string;
+    icon?: string;
+    status?: 'success' | 'warning' | 'danger' | 'info';
+    children?: React.ReactNode;
+};
+type Props = BaseProps & {
+    items: DTimelineItem[];
+};
+export default function DTimeline({ className, style, dataAttributes, items, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,12 +1,12 @@
 import { Renderable, Toast, ValueFunction } from 'react-hot-toast';
+import { ComponentStateColor } from '../interface';
 type ToastData = {
     title: string;
     description?: string;
     timestamp?: string;
     icon?: string;
     closeIcon?: string;
-    theme?: string;
-    soft?: boolean;
+    color?: ComponentStateColor;
 };
 type Props = Partial<Pick<Toast, 'id' | 'duration' | 'position'>>;
 export default function useDToast(): {

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

@@ -9,9 +9,8 @@ export type Props = BaseProps & PropsWithChildren<{
     withFocus?: boolean;
     withClick?: boolean;
     open?: boolean;
-    theme?: string;
     size?: ComponentSize;
     placement?: Placement;
     Component: ReactNode;
 }>;
-export default function DTooltip({ className, childrenClassName, style, offSet, padding, withFocus, withClick, withHover, open, theme, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DTooltip({ className, childrenClassName, style, offSet, padding, withFocus, withClick, withHover, open, placement, size, Component, children, }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { PropsWithChildren, ReactNode } from 'react';
+type Props = PropsWithChildren<{
+    amount?: string;
+    amountDetails?: ReactNode;
+    icon?: string;
+    color?: string;
+    message: string;
+    title: string;
+    downloadText?: string;
+    shareText?: string;
+    onError?: (err: Error) => Promise<void> | void;
+}>;
+export default function DVoucher({ amount, amountDetails, icon, color, title, onError, message, downloadText, shareText, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/DVoucher/hooks/useScreenshot.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useScreenshot(): {
+    clipRef: import("react").RefObject<HTMLDivElement | null>;
+    takeBlob: (type?: string) => Promise<Blob>;
+};

package/dist/types/components/DVoucher/hooks/useScreenshotDownload.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useScreenshotDownload(): {
+    download: () => Promise<void>;
+    downloadRef: import("react").RefObject<HTMLDivElement | null>;
+};

package/dist/types/components/DVoucher/hooks/useScreenshotWebShare.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function useScreenshotWebShare(): {
+    share: () => Promise<void>;
+    shareRef: import("react").RefObject<HTMLDivElement | null>;
+};

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

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

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

@@ -1,3 +1 @@
 export declare const PREFIX_BS = "bs-";
-export declare const ICON_FAMILY_CLASS = "bi";
-export declare const ICON_FAMILY_PREFIX = "bi-";