@dynamic-framework/ui-react 2.0.0-dev.2 → 2.0.0-dev.20

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,23 +1,13 @@
-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;
+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;
-    children?: ReactNode;
-    ariaLabel?: string;
-    value?: string;
-    type?: ButtonType;
-    loadingText?: string;
     loading?: boolean;
+    loadingText?: string;
     loadingAriaLabel?: string;
-    disabled?: boolean;
-    stopPropagationEnabled?: boolean;
-    form?: string;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-};
-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 {};
+}
+declare const DButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
+export default DButton;

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

@@ -4,6 +4,12 @@ type Props = BaseProps & FamilyIconProps & PropsWithChildren<{
     id?: string;
     Component: ReactElement<unknown> | ReactNode;
     hasSeparator?: boolean;
+    /**
+     * Reactive prop for controlled and uncontrolled mode.
+     *
+     * @param true show the component closed (collapsed)
+     * @param false show the component open (expanded)
+     */
     defaultCollapsed?: boolean;
     onChange?: (value: boolean) => void;
     iconOpen?: string;

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

@@ -22,7 +22,8 @@ type Props = BaseProps & FamilyIconProps & Omit<DatePickerProps, 'showMonthDropd
     valid?: boolean;
     placeholder?: string;
     showHeaderSelectors?: boolean;
+    formatHeaderDate?: string;
     locale?: Locale;
 };
-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 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, formatHeaderDate, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -21,6 +21,7 @@ type Props = BaseProps & FamilyIconProps & ReactDatePickerCustomHeaderProps & {
     nextMonthButtonDisabled: boolean;
     prevYearButtonDisabled: boolean;
     nextYearButtonDisabled: boolean;
+    formatHeaderDate?: string;
     iconPrev?: string;
     iconNext?: string;
     prevMonthAriaLabel?: string;
@@ -34,5 +35,5 @@ type Props = BaseProps & FamilyIconProps & ReactDatePickerCustomHeaderProps & {
     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, prevMonthAriaLabel, nextMonthAriaLabel, prevYearAriaLabel, nextYearAriaLabel, iconSize, 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, formatHeaderDate, 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/DIconBase/DIconBase.d.ts

@@ -1,13 +1,21 @@
 import type { BaseProps, ComponentColor } from '../interface';
+import { ResponsiveProp } from '../../hooks/useResponsiveProp';
 type Props = BaseProps & {
     icon: string;
     color?: ComponentColor;
-    size?: string;
+    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;
     materialStyle?: boolean;
     familyClass?: string;
     familyPrefix?: string;
     strokeWidth?: number;
 };
-export default function DIconBase({ icon, color, style, className, size, hasCircle, materialStyle, familyClass, strokeWidth, 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, 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 & {
+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">, "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 & {
+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">, "type" | "onChange" | "value" | "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 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 & {
+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 ForwardedDInputCurrency: 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">, "type" | "onChange" | "value">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+} & 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">, "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;
-    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

@@ -7,7 +7,7 @@ type OnChangeType = {
     country: ParsedCountry;
     isValid: boolean;
 };
-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 & {
+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/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

@@ -1,10 +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?: string | number;
+    gap?: Gap;
+    gapSm?: Gap;
+    gapMd?: Gap;
+    gapLg?: Gap;
+    gapXl?: Gap;
+    gapXxl?: Gap;
+    columns?: number;
 }>;
-declare function DLayout({ className, style, children, gap, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+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;
 };

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/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/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-";

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

@@ -19,6 +19,8 @@ export { default as DInputMask } from './DInputMask';
 export { default as DInputCounter } from './DInputCounter';
 export { default as DInputCurrency } from './DInputCurrency';
 export { default as DInputPassword } from './DInputPassword';
+export { default as DPasswordStrengthMeter } from './DPasswordStrengthMeter';
+export type { ValidationMessages, ValidationCheck } from './DPasswordStrengthMeter';
 export { default as DInputCheck } from './DInputCheck';
 export { default as DInputPin } from './DInputPin';
 export { default as DInputSelect } from './DInputSelect';
@@ -41,7 +43,7 @@ export { default as DTabs, useTabContext, DTabContent, } from './DTabs';
 export type { DTabOption } from './DTabs';
 export { default as DToast } from './DToast';
 export { default as DToastContainer, useDToast, } from './DToastContainer';
-export { default as DTableHead } from './DTableHead';
 export { default as DInputPhone } from './DInputPhone';
 export { default as DCreditCard } from './DCreditCard';
 export { default as DDropdown } from './DDropdown';
+export { default as DVoucher } from './DVoucher';

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

@@ -0,0 +1,35 @@
+/**
+ * A mapping of breakpoint names to values for responsive properties.
+ *
+ * This type allows you to specify a value for one or more
+ * breakpoints ('xs', 'sm', 'md', 'lg', 'xl', 'xxl').
+ * When used with `useResponsiveProp`, the value for
+ * the highest matching breakpoint will be selected.
+ *
+ * Usage example:
+ * ```ts
+ * const prop: ResponsiveProp = { xs: "small", md: "medium", xl: "large" };
+ * ```
+ */
+export type ResponsiveProp = Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', string>>;
+/**
+ * React hook to resolve a responsive property value based on the current viewport breakpoint.
+ *
+ * Given a `ResponsiveProp` object, this hook returns the value for the highest matching breakpoint.
+ * If multiple breakpoints match, the value for the largest (highest) breakpoint is used.
+ * If no breakpoints match, `undefined` is returned.
+ *
+ * @param useListener - Whether to listen for breakpoint changes (default: false).
+ * @returns An object with a `responsivePropValue` function that takes a
+ * `ResponsiveProp` and returns the resolved value.
+ *
+ * Usage example:
+ * ```ts
+ * const { responsivePropValue } = useResponsiveProp();
+ * const value = responsivePropValue({ xs: "A", md: "B", xl: "C" });
+ * // value will be "C" if xl breakpoint is active, "B" if md is active, etc.
+ * ```
+ */
+export declare function useResponsiveProp(useListener?: boolean): {
+    responsivePropValue: (prop: ResponsiveProp) => string | undefined;
+};

package/jest/setup.js

@@ -1,8 +1,6 @@
 /* eslint-disable react/prop-types */
 const React = require('react');
 
-jest.mock('react-content-loader', () => jest.fn());
-
 jest.mock('react-responsive-pagination', () => {
   function MockPagination(props) {
     const {