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

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

@@ -1,17 +1,13 @@
-import type { BaseProps } from '../interface';
+import type { BaseProps, ComponentColor } from '../interface';
 type Props = BaseProps & {
     icon: string;
-    theme?: string;
+    color?: ComponentColor;
     size?: string;
-    loading?: boolean;
-    loadingDuration?: number;
     hasCircle?: boolean;
-    circleSize?: string;
-    color?: string;
-    backgroundColor?: string;
     materialStyle?: boolean;
     familyClass?: string;
     familyPrefix?: string;
+    strokeWidth?: number;
 };
-export default function DIconBase({ icon, theme, style, className, size, loading, loadingDuration, hasCircle, circleSize, color, backgroundColor, materialStyle, familyClass, familyPrefix, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DIconBase({ icon, color, style, className, size, hasCircle, materialStyle, familyClass, strokeWidth, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
-import type { BaseProps, ComponentSize, EndIconProps, FamilyIconProps, LabelIconProps, StartIconProps } from '../interface';
-declare const ForwardedDInput: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "size" | "loading" | "label" | "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">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof BaseProps | keyof FamilyIconProps | keyof StartIconProps | keyof EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & BaseProps & FamilyIconProps & StartIconProps & EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

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

@@ -5,7 +5,7 @@ type NonDInputProps = {
     maxValue: number;
     onChange?: (value?: number) => void;
 };
-declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "size" | "loading" | "label" | "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">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -19,5 +19,5 @@ declare const ForwardedDInputCounter: import("react").ForwardRefExoticComponent<
     onChange?: ((value: string) => void) | undefined;
     onIconStartClick?: ((value?: string | undefined) => void) | undefined;
     onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, "value" | "type" | "onChange" | "validIcon" | "invalidIcon">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "onChange" | "value" | "validIcon" | "invalidIcon">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDInputCounter;

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

@@ -6,7 +6,7 @@ type NonDInputProps = {
     currencyCode?: string;
     onChange?: (value?: number) => void;
 };
-declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "size" | "loading" | "label" | "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">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;
@@ -20,5 +20,5 @@ declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticCompo
     onChange?: ((value: string) => void) | undefined;
     onIconStartClick?: ((value?: string | undefined) => void) | undefined;
     onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, "value" | "type" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default ForwardedDInputCurrencyBase;
+} & import("react").RefAttributes<HTMLInputElement>, "ref">, "type" | "onChange" | "value">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default ForwardedDInputCurrency;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { MaskProps } from '@react-input/mask';
-declare const ForwardedDInputMask: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "size" | "loading" | "label" | "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 ForwardedDInputMask: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange" | "value">, "size" | "onChange" | "label" | "invalid" | "value" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "loading" | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
     value?: string | undefined;
     label?: string | undefined;
     loading?: boolean | undefined;

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

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

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

@@ -1,5 +1,5 @@
-import type { BaseProps, FamilyIconProps, LabelIconProps, PinInputMode, PinInputType } from '../interface';
-type Props = BaseProps & LabelIconProps & FamilyIconProps & {
+import type { BaseProps, FamilyIconProps, PinInputMode, PinInputType } from '../interface';
+type Props = BaseProps & FamilyIconProps & {
     id?: string;
     label?: string;
     placeholder?: string;
@@ -15,5 +15,5 @@ type Props = BaseProps & LabelIconProps & FamilyIconProps & {
     valid?: boolean;
     onChange?: (value: string) => void;
 };
-export default function DInputPin({ id: idProp, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, disabled, loading, secret, characters, innerInputMode, hint, invalid, valid, className, style, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DInputPin({ id: idProp, label, placeholder, type, disabled, loading, secret, characters, innerInputMode, hint, invalid, valid, className, style, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { PropsWithChildren } from 'react';
+import DLayoutPane from './components/DLayoutPane';
+import type { BaseProps } from '../interface';
+type Props = PropsWithChildren<BaseProps & {
+    gap?: string | number;
+}>;
+declare function DLayout({ className, style, children, gap, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
+declare const _default: typeof DLayout & {
+    Pane: typeof DLayoutPane;
+};
+export default _default;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/types/components/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/DRadialBarChart/DRadialBarChart.d.ts

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

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

@@ -1,6 +1,7 @@
 export { default as DAlert } from './DAlert';
 export { default as DAvatar } from './DAvatar';
 export { default as DBadge } from './DBadge';
+export { default as DBox } from './DBox';
 export { default as DBoxFile } from './DBoxFile';
 export { default as DButton } from './DButton';
 export { default as DButtonIcon } from './DButtonIcon';
@@ -11,13 +12,12 @@ export { default as DCollapse } from './DCollapse';
 export { default as DCurrencyText } from './DCurrencyText';
 export { default as DDatePicker } from './DDatePicker';
 export { default as DIcon } from './DIcon';
+export { default as DLayout, DLayoutPane, } from './DLayout';
 export { default as DIconBase } from './DIconBase';
 export { default as DInput } from './DInput';
 export { default as DInputMask } from './DInputMask';
 export { default as DInputCounter } from './DInputCounter';
-export { default as DInputCurrencyBase } from './DInputCurrencyBase';
 export { default as DInputCurrency } from './DInputCurrency';
-export { default as DInputSearch } from './DInputSearch';
 export { default as DInputPassword } from './DInputPassword';
 export { default as DInputCheck } from './DInputCheck';
 export { default as DInputPin } from './DInputPin';
@@ -26,25 +26,22 @@ export type { DInputSelectDefaultOption, DInputSelectProps } from './DInputSelec
 export { default as DInputSwitch } from './DInputSwitch';
 export { default as DInputRange } from './DInputRange';
 export { default as DSelect } from './DSelect';
-export { default as DList, DListItem, } from './DList';
 export { default as DListGroup, DListGroupItem, } from './DListGroup';
 export { default as DModal, DModalHeader, DModalBody, DModalFooter, } from './DModal';
 export { default as DOffcanvas, DOffcanvasHeader, DOffcanvasBody, DOffcanvasFooter, } from './DOffcanvas';
 export { default as DPaginator } from './DPaginator';
 export { default as DPopover } from './DPopover';
 export { default as DProgress } from './DProgress';
-export { default as DQuickActionButton } from './DQuickActionButton';
-export { default as DQuickActionCheck } from './DQuickActionCheck';
-export { default as DQuickActionSelect } from './DQuickActionSelect';
-export { default as DQuickActionSwitch } from './DQuickActionSwitch';
-export { default as DSkeleton } from './DSkeleton';
 export { default as DStepper } from './DStepper';
 export { default as DStepperDesktop } from './DStepperDesktop';
 export { default as DStepperMobile } from './DStepperMobile';
 export { default as DTooltip } from './DTooltip';
+export { default as DTimeline } from './DTimeline';
 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';

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

@@ -24,12 +24,6 @@ export type FamilyIconProps = {
     iconFamilyPrefix?: string;
     iconMaterialStyle?: boolean;
 };
-export type LabelIconProps = {
-    labelIcon?: string;
-    labelIconFamilyClass?: string;
-    labelIconFamilyPrefix?: string;
-    labelIconMaterialStyle?: boolean;
-};
 export type StartIconProps = {
     iconStart?: string;
     iconStartDisabled?: boolean;
@@ -48,9 +42,10 @@ export type EndIconProps = {
     iconEndTabIndex?: number;
     iconEndMaterialStyle?: boolean;
 };
-export type AlertTheme = 'success' | 'info' | 'warning' | 'danger' | 'primary' | 'secondary';
+export type ComponentColor = string;
+export type ComponentStateColor = 'success' | 'danger' | 'warning' | 'info';
 export type AlertThemeIconMap = {
-    [state in AlertTheme]: string;
+    [state in ComponentStateColor]: string;
 };
 export type ButtonVariant = 'outline' | 'link';
 export type ButtonType = 'submit' | 'reset' | 'button';

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

@@ -24,8 +24,6 @@ type IconMapProps = {
     calendar: string;
     check: string;
     input: {
-        invalid: string;
-        valid: string;
         search: string;
         show: string;
         hide: string;

package/dist/types/hooks/tests/useDisableBodyScrollEffect.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useDisableInputWheel.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useInputCurrency.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useItemSelection.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useMediaBreakpointUp.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useMediaQuery.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/usePortal.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useProvidedRefOrCreate.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/hooks/tests/useStackState.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -2,7 +2,7 @@ import type { RefObject, ForwardedRef, FocusEvent } from 'react';
 import type { Options } from 'currency.js';
 import type { CustomStyles } from '../components/interface';
 export default function useInputCurrency(currencyOptions: Options, value?: number, onFocus?: (event: FocusEvent<HTMLInputElement>) => void, onChange?: (value?: number) => void, onBlur?: (event: FocusEvent<HTMLInputElement>) => void, ref?: ForwardedRef<HTMLInputElement>): {
-    inputRef: RefObject<HTMLInputElement>;
+    inputRef: RefObject<HTMLInputElement | null>;
     innerValue: string;
     innerType: string;
     handleOnFocus: (event: FocusEvent<HTMLInputElement>) => void;

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

@@ -13,4 +13,4 @@ import React from 'react';
  * @param providedRef The ref to use - if undefined, will use the ref from a call to React.useRef
  * @type TRef The type of the RefObject which should be created.
  */
-export default function useProvidedRefOrCreate<TRef>(providedRef?: React.RefObject<TRef>): React.RefObject<TRef>;
+export default function useProvidedRefOrCreate<TRef>(providedRef?: React.RefObject<TRef | null>): React.RefObject<TRef | null>;

package/dist/types/types/polymorphic.d.ts

@@ -27,11 +27,11 @@ interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends For
      * so that events are typed when using JSX.IntrinsicElements.
      */
     <As = IntrinsicElementString>(props: As extends '' ? {
-        as: keyof JSX.IntrinsicElements;
+        as: keyof React.JSX.IntrinsicElements;
     } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
         as: As;
-    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+    }> : As extends keyof React.JSX.IntrinsicElements ? Merge<React.JSX.IntrinsicElements[As], OwnProps & {
         as: As;
-    }> : never): React.ReactElement | null;
+    }> : never): React.ReactElement<unknown> | null;
 }
 export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };

package/dist/types/utils/tests/attr-accept.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/tests/changeQueryString.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/tests/configureI18n.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/tests/formatCurrency.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/tests/getCssVariable.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/tests/getKeyboardFocusableElements.spec.d.ts

@@ -0,0 +1 @@
+export {};