@dynamic-framework/ui-react 1.6.0 → 1.7.1

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

@@ -0,0 +1,16 @@
+import type { CSSProperties, PropsWithChildren } from 'react';
+import type { AlertType } from './interface';
+type Props = PropsWithChildren<{
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    type?: AlertType;
+    icon?: string;
+    iconFamilyClass?: string;
+    iconFamilyPrefix?: string;
+    showIcon?: boolean;
+    showClose?: boolean;
+    onClose?: () => void;
+}>;
+export default function DAlert({ type, icon, iconFamilyClass, iconFamilyPrefix, showIcon, showClose, onClose, children, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import type { CSSProperties } from 'react';
+type Props = {
+    text?: string;
+    isDot?: boolean;
+    theme?: string;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+};
+export default function DBadge({ text, isDot, theme, id, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,9 +1,8 @@
-import { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 import type { DropzoneOptions } from 'react-dropzone';
-declare type Props = PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen'> & {
+import type { FamilyIcon } from './interface';
+type Props = FamilyIcon & PropsWithChildren<Pick<DropzoneOptions, 'accept' | 'minSize' | 'maxSize' | 'maxFiles' | 'onDrop' | 'onDropAccepted' | 'onDropRejected' | 'onFileDialogCancel' | 'onFileDialogOpen'> & {
     icon?: string;
-    iconFamilyClass?: string;
-    iconFamilyPrefix?: string;
     isDisabled: DropzoneOptions['disabled'];
 }>;
 export default function DBoxFile({ icon, iconFamilyClass, iconFamilyPrefix, isDisabled, children, ...dropzoneOptions }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+import type { MouseEvent, CSSProperties } from 'react';
+import type { ButtonType, ButtonVariant, ComponentSize, EndIcon, InputState, StartIcon } from './interface';
+type Props = StartIcon & EndIcon & {
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    theme?: string;
+    size?: ComponentSize;
+    variant?: ButtonVariant;
+    state?: InputState;
+    text?: string;
+    value?: string;
+    type?: ButtonType;
+    isPill?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isStopPropagationEnabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export default function DButton({ theme, size, variant, state, text, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, value, type, isPill, isLoading, isDisabled, isStopPropagationEnabled, className, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,5 +1,5 @@
-import { CSSProperties, PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { CSSProperties, PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
     className?: string;
     style?: CSSProperties;
 }>;

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     className?: string;
     icon: string;
     theme: string;
@@ -6,8 +6,8 @@ declare type Props = {
     number: string;
     balance: string;
     balanceText: string;
-    onEventClick: () => void;
+    onClick: () => void;
     actionText: string;
 };
-export default function DCardAccount({ className, icon, theme, name, number, balance, balanceText, onEventClick, actionText, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCardAccount({ className, icon, theme, name, number, balance, balanceText, onClick, actionText, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
     className?: string;
 }>;
 export default function DCardBody({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
     className?: string;
 }>;
 export default function DCardFooter({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
     className?: string;
 }>;
 export default function DCardHeader({ className, children, }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
-import { SplideProps } from '@splidejs/react-splide';
-import { PropsWithChildren } from 'react';
-declare type Props = SplideProps & PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+import type { SplideProps } from '@splidejs/react-splide';
+type Props = SplideProps & PropsWithChildren<{
     className?: string;
 }>;
 export default function DCarousel({ children, className, options, ...props }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SplideSlide } from '@splidejs/react-splide';
-declare type Props = React.ComponentProps<typeof SplideSlide>;
+type Props = React.ComponentProps<typeof SplideSlide>;
 export default function DCarouselSlide({ className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+import type { FamilyIcon } from './interface';
+type Props = FamilyIcon & {
+    theme?: string;
+    text?: string;
+    icon?: string;
+    showClose?: boolean;
+    onClose?: () => void;
+};
+export default function DChip({ theme, text, icon, iconFamilyClass, iconFamilyPrefix, showClose, onClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,11 +1,11 @@
-import { PropsWithChildren, ReactNode, ReactElement } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren, ReactNode, ReactElement } from 'react';
+type Props = PropsWithChildren<{
     id?: string;
     className?: string;
     Component: ReactElement | ReactNode;
     hasSeparator?: boolean;
     defaultCollapsed?: boolean;
-    onEventChange?: (value: boolean) => void;
+    onChange?: (value: boolean) => void;
 }>;
-export default function DCollapse({ id, className, Component, hasSeparator, defaultCollapsed, onEventChange, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DCollapse({ id, className, Component, hasSeparator, defaultCollapsed, onChange, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
-import { PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+import type { FamilyIcon } from './interface';
+type Props = FamilyIcon & PropsWithChildren<{
     /**
      * Icon name
      */
@@ -16,8 +17,6 @@ declare type Props = PropsWithChildren<{
      * Title
      */
     title: string;
-    iconFamilyClass?: string;
-    iconFamilyPrefix?: string;
 }>;
 export default function DCollapseIconText({ children, icon, iconSize, iconTheme, title, iconFamilyClass, iconFamilyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-declare type Props = {
+type Props = {
     value: number;
     className?: string;
 };

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

@@ -1,8 +1,8 @@
-import { ReactDatePickerProps } from 'react-datepicker';
-import { ButtonVariant, ComponentSize } from '@dynamic-framework/ui';
-declare type Props = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
+import type { ReactDatePickerProps } from 'react-datepicker';
+import type { ButtonVariant, ComponentSize } from './interface';
+type Props = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
     date: string;
-    onEventChangeDate: (value: Date | [Date | null, Date | null] | null) => void;
+    onChangeDate: (value: Date | [Date | null, Date | null] | null) => void;
     selectsRange?: boolean;
     withMonthSelector?: boolean;
     inputLabel?: string;
@@ -16,5 +16,5 @@ declare type Props = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
     headerButtonVariant?: ButtonVariant;
     headerButtonTheme?: string;
 };
-export default function DDatePicker({ onEventChangeDate, date, selectsRange, withMonthSelector, inputLabel, inputIcon, inputId, timeId, timeLabel, headerDecreaseMonthIcon, headerIncreaseMonthIcon, headerIconSize, headerButtonVariant, headerButtonTheme, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker({ onChangeDate, date, selectsRange, withMonthSelector, inputLabel, inputIcon, inputId, timeId, timeLabel, headerDecreaseMonthIcon, headerIncreaseMonthIcon, headerIconSize, headerButtonVariant, headerButtonTheme, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
-import { ComponentProps } from 'react';
-import { ButtonVariant, ComponentSize } from '@dynamic-framework/ui';
-import { DButton } from './proxies';
-declare type Props = {
+import type { ComponentProps } from 'react';
+import DButton from './DButton';
+import type { ButtonVariant, ComponentSize } from './interface';
+type Props = {
     monthDate: Date;
     decreaseMonth: () => void;
     increaseMonth: () => void;

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

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react';
-import { DInput } from './proxies';
-declare type Props = {
+import type { ComponentProps } from 'react';
+import DInput from './DInput';
+type Props = {
     value?: string;
-    onEventClick?: () => void;
-} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onEventIconEndClick' | 'value'>;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<unknown>>;
-export default _default;
+    onClick?: () => void;
+} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onIconEndClick' | 'value'>;
+declare const ForwardedDDatePickerInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<unknown>>;
+export default ForwardedDDatePickerInput;

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

@@ -1,8 +1,8 @@
-import { ComponentProps, FormEventHandler } from 'react';
-import { DInput } from './proxies';
-declare type Props = {
+import type { ComponentProps, FormEventHandler } from 'react';
+import DInput from './DInput';
+type Props = {
     value?: string | number;
-    onEventChange?: ((value: string) => void) & FormEventHandler<HTMLDInputElement>;
-} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onEventChange' | 'value'>;
-export default function DDatePickerTime({ value, onEventChange, innerId, label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    onChange?: ((value: string) => void) & FormEventHandler<HTMLInputElement>;
+} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onChange' | 'value'>;
+export default function DDatePickerTime({ value, onChange, id, label, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
-import { DInput } from './proxies';
-declare type Props = Omit<ComponentProps<typeof DInput>, 'name' | 'value'> & {
+import DInput from './DInput';
+type Props = Omit<ComponentProps<typeof DInput>, 'name' | 'value'> & {
     name: string;
 };
 export default function DFormikInput({ name, hint, ...props }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
 import DInputCurrency from './DInputCurrency';
-declare type Props = Omit<ComponentProps<typeof DInputCurrency>, 'name' | 'value'> & {
+type Props = Omit<ComponentProps<typeof DInputCurrency>, 'name' | 'value'> & {
     name: string;
 };
 export default function DFormikInputCurrency({ name, hint, ...props }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,6 @@
-import type { ComponentProps } from 'react';
-import { DInputSelect } from './proxies';
-declare type Props = Omit<ComponentProps<typeof DInputSelect>, 'name' | 'labelExtractor' | 'valueExtractor' | 'selectedOption'> & {
+import type { DefaultOption, Props as DInputSelectProps } from './DInputSelect';
+type Props<T> = Omit<DInputSelectProps<T>, 'name'> & {
     name: string;
-    labelExtractor?: (item: any) => string;
-    valueExtractor?: (item: any) => string | number;
 };
-export default function DFormikInputSelect({ name, labelExtractor, valueExtractor, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DFormikInputSelect<T extends object = DefaultOption>({ name, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,16 @@
+type Props = {
+    icon: string;
+    theme?: string;
+    className?: string;
+    size?: string;
+    isLoading?: boolean;
+    loadingDuration?: number;
+    hasCircle?: boolean;
+    circleSize?: string;
+    color?: string;
+    backgroundColor?: string;
+    familyClass?: string;
+    familyPrefix?: string;
+};
+export default function DIcon({ icon, theme, className, size, isLoading, loadingDuration, hasCircle, circleSize, color, backgroundColor, familyClass, familyPrefix, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,32 @@
+import type { CSSProperties, ChangeEvent, FocusEvent, MouseEvent, ReactNode, WheelEvent } from 'react';
+import type { EndIcon, FamilyIcon, LabelIcon, StartIcon } from './interface';
+type Ref = {
+    blur: () => void;
+    focus: () => void;
+};
+declare const ForwardedDInput: import("react").ForwardRefExoticComponent<FamilyIcon & LabelIcon & StartIcon & EndIcon & {
+    id: string;
+    className?: string | undefined;
+    style?: CSSProperties | undefined;
+    name?: string | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    type?: string | undefined;
+    value?: string | number | undefined;
+    innerInputMode?: 'text' | 'search' | 'email' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal' | undefined;
+    pattern?: string | undefined;
+    isDisabled?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    hint?: string | undefined;
+    isInvalid?: boolean | undefined;
+    isValid?: boolean | undefined;
+    inputStart?: ReactNode;
+    onChange?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | undefined;
+    onFocus?: ((event: FocusEvent) => void) | undefined;
+    onWheel?: ((event: WheelEvent) => void) | undefined;
+    onIconStartClick?: ((event: MouseEvent) => void) | undefined;
+    onIconEndClick?: ((event: MouseEvent) => void) | undefined;
+} & import("react").RefAttributes<Ref>>;
+export default ForwardedDInput;

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

@@ -0,0 +1,15 @@
+import type { ChangeEvent } from 'react';
+import type { InputCheckType } from './interface';
+type Props = {
+    type: InputCheckType;
+    name?: string;
+    label?: string;
+    isChecked?: boolean;
+    id: string;
+    isDisabled?: boolean;
+    isIndeterminate?: boolean;
+    value?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+};
+export default function DInputCheck({ type, name, label, isChecked, id, isDisabled, isIndeterminate, value, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import type { CSSProperties } from 'react';
+import type { LabelIcon, StartIcon } from './interface';
+type Props = LabelIcon & StartIcon & {
+    id: string;
+    name?: string;
+    label?: string;
+    value: number;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isLoading?: boolean;
+    iconEnd?: string;
+    hint?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    minValue: number;
+    maxValue: number;
+    style?: CSSProperties;
+    className?: string;
+    onChange?: (newNumber: number) => void;
+};
+export default function DInputCounter({ id, name, label, value, isDisabled, isReadOnly, isLoading, iconStart, iconEnd, hint, isInvalid, isValid, minValue, maxValue, style, className, onChange, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,9 +1,5 @@
-import { ComponentProps } from 'react';
-import { DInputCurrencyBase } from './proxies';
-declare type Props = {
-    onEventChange: (value: number) => void;
-    onEventBlur?: (value: number) => void;
-    onEventFocus?: (value: number) => void;
-} & Omit<ComponentProps<typeof DInputCurrencyBase>, 'currencyOptions' | 'onChange' | 'onEventChange'>;
-export default function DInputCurrency({ onEventChange, onEventBlur, onEventFocus, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+import type { ComponentProps } from 'react';
+import DInputCurrencyBase from './DInputCurrencyBase';
+type Props = Omit<ComponentProps<typeof DInputCurrencyBase>, 'currencyOptions'>;
+export default function DInputCurrency(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,24 @@
+import type { Options } from 'currency.js';
+import type { EndIcon, LabelIcon, StartIcon } from './interface';
+type Props = LabelIcon & StartIcon & EndIcon & {
+    id: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    value?: number;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isLoading?: boolean;
+    hint?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    minValue?: number;
+    maxValue?: number;
+    currencyOptions: Options;
+    currencyCode?: string;
+    onChange?: (value?: number) => void;
+    onBlur?: (value?: number) => void;
+    onFocus?: (value?: number) => void;
+};
+export default function DInputCurrencyBase({ id, name, label, placeholder, value, isDisabled, isReadOnly, isLoading, hint, isInvalid, isValid, minValue, maxValue, currencyOptions, currencyCode, onChange, onBlur, onFocus, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import type { LabelIcon } from './interface';
+type Props = LabelIcon & {
+    id: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isLoading?: boolean;
+    hint?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    onChange?: (value: string) => void;
+};
+export default function DInputPassword({ id, name, label, placeholder, value, isDisabled, isReadOnly, isLoading, hint, isInvalid, isValid, onChange, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import type { FamilyIcon, LabelIcon, PinInputMode, PinInputType } from './interface';
+type Props = LabelIcon & FamilyIcon & {
+    id: string;
+    label?: string;
+    placeholder?: string;
+    type?: PinInputType;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isLoading?: boolean;
+    isSecret?: boolean;
+    characters?: number;
+    innerInputMode?: PinInputMode;
+    hint?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    onChange?: (value: string) => void;
+};
+export default function DInputPin({ id, label, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, placeholder, type, isDisabled, isLoading, isSecret, iconFamilyClass, iconFamilyPrefix, characters, innerInputMode, hint, isInvalid, isValid, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import type { ChangeEvent } from 'react';
+import type { LabelIcon } from './interface';
+type Props = LabelIcon & {
+    id: string;
+    name?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isLoading?: boolean;
+    hint?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    onChange?: (event: ChangeEvent) => void;
+    onClick?: (newValue: string | undefined) => void;
+};
+export default function DInputSearch({ id, name, label, placeholder, value, isDisabled, isReadOnly, isLoading, hint, isInvalid, isValid, onChange, onClick, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,24 @@
+import type { FocusEvent, MouseEvent } from 'react';
+import type { EndIcon, LabelIcon, StartIcon } from './interface';
+export type DefaultOption = {
+    value: string | number;
+    label: string;
+};
+export type Props<T> = LabelIcon & StartIcon & EndIcon & {
+    id: string;
+    name?: string;
+    label?: string;
+    className?: string;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    hint?: string;
+    onBlur?: (event: FocusEvent) => void;
+    onIconStartClick?: (event: MouseEvent) => void;
+    onIconEndClick?: (event: MouseEvent) => void;
+    options: Array<T>;
+    selectedOption?: T;
+    onChange?: (selectedItem: T | undefined) => void;
+    valueExtractor?: (item: T) => string | number;
+    labelExtractor?: (item: T) => string;
+};
+export default function DInputSelect<T extends object = DefaultOption>({ id, name, label, className, options, labelIcon, labelIconFamilyClass, labelIconFamilyPrefix, isDisabled, isLoading, iconStart, iconStartFamilyClass, iconStartFamilyPrefix, iconEnd, iconEndFamilyClass, iconEndFamilyPrefix, hint, selectedOption, valueExtractor, labelExtractor, onChange, onBlur, onIconStartClick, onIconEndClick, }: Props<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+interface Props {
+    label?: string;
+    id: string;
+    name?: string;
+    isChecked?: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+    onChange?: (isChecked: boolean) => void;
+}
+export default function DInputSwitch({ label, id, name, isChecked, isDisabled, isReadonly, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,10 +1,11 @@
-import { PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+import type { BreakpointSize } from './interface';
+type Props = PropsWithChildren<{
     className?: string;
     isFlush?: boolean;
     isNumbered?: boolean;
     isHorizontal?: boolean;
-    horizontalBreakpoint?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    horizontalBreakpoint?: BreakpointSize;
 }>;
 export default function DList({ children, className, isFlush, isNumbered, isHorizontal, horizontalBreakpoint, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,10 +1,10 @@
-import { PropsWithChildren } from 'react';
-declare type Props = PropsWithChildren<{
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
     className?: string;
     isActive?: boolean;
     isDisabled?: boolean;
     theme?: string;
-    onEventClick?: () => void;
+    onClick?: () => void;
 }>;
-export default function DListItem({ children, className, isActive, isDisabled, theme, onEventClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function DListItem({ children, className, isActive, isDisabled, theme, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 import DListItem from './DListItem';
-declare type Props = Omit<ComponentProps<typeof DListItem>, 'children'> & {
+type Props = Omit<ComponentProps<typeof DListItem>, 'children'> & {
     description: string;
     date: string;
     amount: number;

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

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react';
+import type { ModalFullScreenFrom, ModalSize } from './interface';
+type Props = PropsWithChildren<{
+    name: string;
+    className?: string;
+    isStatic?: boolean;
+    isScrollable?: boolean;
+    isCentered?: boolean;
+    isFullScreen?: boolean;
+    fullScreenFrom?: ModalFullScreenFrom;
+    modalSize?: ModalSize;
+}>;
+export default function DModal({ name, className, isStatic, isScrollable, isCentered, isFullScreen, fullScreenFrom, modalSize, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+};
+export default function DModalBody({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    actionPlacement?: 'start' | 'end' | 'fill' | 'center';
+}>;
+export default function DModalFooter({ actionPlacement, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    showCloseButton?: boolean;
+    onClose?: () => void;
+}>;
+export default function DModalHeader({ showCloseButton, onClose, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,7 +1,7 @@
-import { ReactDatePickerProps } from 'react-datepicker';
-declare type CalendarProps = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
+import type { ReactDatePickerProps } from 'react-datepicker';
+type Props = Omit<ReactDatePickerProps, 'onChange' | 'selectsRange'> & {
     date: string;
-    onEventChangeDate: (value: Date | null) => void;
+    onChangeDate: (value: Date | null) => void;
 };
-export default function DMonthPicker({ onEventChangeDate, date, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+export default function DMonthPicker({ onChangeDate, date, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};