lawgic-dev-kit 0.17.2 → 0.17.4

package/dist/src/components/atoms/SectionButton/SectionButton.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { DesktopSectionButtonTypes } from "./desktop";
-import { MobileSectionButtonTypes } from "./mobile";
-interface DesktopSectionButtonProps extends DesktopSectionButtonTypes {
-    display: "desktop";
-}
-interface MobileSectionButtonProps extends MobileSectionButtonTypes {
-    display: "mobile";
-}
-type SectionButtonProps = DesktopSectionButtonProps | MobileSectionButtonProps;
-declare const SectionButton: React.FC<SectionButtonProps>;
-export default SectionButton;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.d.ts

@@ -1,3 +0,0 @@
-import { SectionButtonProps } from "./SectionButton.types";
-declare const SectionButton: React.FC<SectionButtonProps>;
-export default SectionButton;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.styles.d.ts

@@ -1,2 +0,0 @@
-import { Color } from "../../../../types/styleValues";
-export declare const resolveSectionButtonClasses: (active?: boolean, color?: Color) => string;

package/dist/src/components/atoms/SectionButton/desktop/SectionButton.types.d.ts

@@ -1,37 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { Color } from "../../../../types/styleValues";
-export interface SectionButtonProps {
-    /**
-     * The label text of the button
-     */
-    label: string;
-    /**
-     * URL to navigate to when the button is clicked (renders as an anchor tag)
-     */
-    href?: string;
-    /**
-     * Click event handler
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Whether the button is in active state
-     */
-    active?: boolean;
-    /**
-     * Whether the button is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes to apply
-     */
-    className?: string;
-    /**
-     * Optional icon to display
-     */
-    icon?: IconProp;
-    /**
-     * Color scheme for the button
-     */
-    color?: Color;
-}
-export default SectionButtonProps;

package/dist/src/components/atoms/SectionButton/desktop/index.d.ts

@@ -1,2 +0,0 @@
-export { default as DesktopSectionButton } from "./SectionButton";
-export type { default as DesktopSectionButtonTypes } from "./SectionButton.types";

package/dist/src/components/atoms/SectionButton/index.d.ts

@@ -1 +0,0 @@
-export { default as SectionButton } from "./SectionButton";

package/dist/src/components/atoms/SectionButton/mobile/MobileSectionButton.styles.d.ts

@@ -1,3 +0,0 @@
-import { Color } from "../../../../types/styleValues";
-export declare const resolveSectionButtonIconClasses: (active?: boolean, color?: Color) => string;
-export declare const resolveSectionButtonClasses: (active?: boolean, color?: Color) => string;

package/dist/src/components/atoms/SectionButton/mobile/SectionButton.d.ts

@@ -1,3 +0,0 @@
-import SectionButtonProps from "./SectionButton.types";
-declare const SectionButton: React.FC<SectionButtonProps>;
-export default SectionButton;

package/dist/src/components/atoms/SectionButton/mobile/SectionButton.types.d.ts

@@ -1,37 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { Color } from "../../../../types/styleValues";
-export interface SectionButtonProps {
-    /**
-     * The label text of the button
-     */
-    label: string;
-    /**
-     * URL to navigate to when the button is clicked (renders as an anchor tag)
-     */
-    href?: string;
-    /**
-     * Click event handler
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * Whether the button is in active state
-     */
-    active?: boolean;
-    /**
-     * Whether the button is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Additional CSS classes to apply
-     */
-    className?: string;
-    /**
-     * Optional icon to display
-     */
-    icon?: IconProp;
-    /**
-     * Color scheme for the button
-     */
-    color?: Color;
-}
-export default SectionButtonProps;

package/dist/src/components/atoms/SectionButton/mobile/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MobileSectionButton } from "./SectionButton";
-export type { default as MobileSectionButtonTypes } from "./SectionButton.types";

package/dist/src/components/atoms/SelectInput/SelectInput.d.ts

@@ -1,4 +0,0 @@
-import { FieldValues } from "react-hook-form";
-import type { SelectInputProps } from "./SelectInput.types";
-declare const SelectInput: <T extends FieldValues>({ options, name, control, label, placeholder, className, input, }: SelectInputProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default SelectInput;

package/dist/src/components/atoms/SelectInput/SelectInput.types.d.ts

@@ -1,24 +0,0 @@
-import type { Control, FieldValues, Path } from "react-hook-form";
-export interface Option {
-    key: string;
-    label: string;
-}
-export interface SelectInputProps<T extends FieldValues> {
-    options: Option[];
-    name: Path<T>;
-    control: Control<T>;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    input?: boolean;
-}
-export interface SelectInputFieldProps {
-    options: Option[];
-    value: Option | null;
-    onChange: (option: Option | null) => void;
-    label?: string;
-    placeholder?: string;
-    error?: string;
-    className?: string;
-    input?: boolean;
-}

package/dist/src/components/atoms/SelectInput/index.d.ts

@@ -1 +0,0 @@
-export { default as SelectInput } from "./SelectInput";

package/dist/src/components/atoms/SidebarButton/SidebarButton.d.ts

@@ -1,13 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-import { Color } from "../../../types/styleValues";
-interface SidebarButtonProps {
-    active: boolean;
-    icon: IconProp;
-    label: string;
-    onClick: () => void;
-    expanded: boolean;
-    disabled?: boolean;
-    color?: Color;
-}
-declare const SidebarButton: React.FC<SidebarButtonProps>;
-export default SidebarButton;

package/dist/src/components/atoms/SidebarButton/SidebarButton.styles.d.ts

@@ -1,9 +0,0 @@
-import { Color } from "../../../types/styleValues";
-interface SidebarButtonColorConfig {
-    activeTextColor: string;
-    activeBgColor: string;
-    hoverBgColor: string;
-    activeIconColor: string;
-}
-export declare const resolveSidebarButtonColors: (color: Color) => SidebarButtonColorConfig;
-export {};

package/dist/src/components/atoms/SidebarButton/index.d.ts

@@ -1 +0,0 @@
-export { default as SidebarButton } from './SidebarButton';

package/dist/src/components/atoms/Switch/Switch.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export type SwitchProps = {
-    active: boolean;
-    onClick?: () => void;
-};
-declare const Switch: React.FC<SwitchProps>;
-export default Switch;

package/dist/src/components/atoms/Switch/index.d.ts

@@ -1 +0,0 @@
-export { default as Switch } from "./Switch";

package/dist/src/components/atoms/Tab/Tab.d.ts

@@ -1,3 +0,0 @@
-import TabProps from "./Tab.types";
-declare const Tab: ({ label, icon, isSelected, onClick, variant, direction, }: TabProps) => import("react/jsx-runtime").JSX.Element;
-export default Tab;

package/dist/src/components/atoms/Tab/Tab.styles.d.ts

@@ -1,6 +0,0 @@
-declare const tabVariantClasses: {
-    default: string;
-    underline: string;
-};
-export declare const resolveTabClasses: (variant?: keyof typeof tabVariantClasses, isSelected?: boolean) => string;
-export {};

package/dist/src/components/atoms/Tab/Tab.types.d.ts

@@ -1,10 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-export default interface TabProps {
-    href?: string;
-    label: string;
-    icon?: IconProp;
-    isSelected?: boolean;
-    direction?: 'row' | 'col';
-    onClick?: () => void;
-    variant?: 'default' | 'underline';
-}

package/dist/src/components/atoms/Tab/index.d.ts

@@ -1 +0,0 @@
-export { default as Tab } from "./Tab";

package/dist/src/components/atoms/TextButton/TextButton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { TextButtonProps } from "./TextButton.types";
-declare const TextButton: React.FC<TextButtonProps>;
-export default TextButton;

package/dist/src/components/atoms/TextButton/TextButton.styles.d.ts

@@ -1,2 +0,0 @@
-import { Color } from "../../../types/styleValues";
-export declare const resolveTextButtonClasses: (color?: Color) => string;

package/dist/src/components/atoms/TextButton/TextButton.types.d.ts

@@ -1,6 +0,0 @@
-import React, { ButtonHTMLAttributes } from "react";
-import { Color } from "../../../types/styleValues";
-export interface TextButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    children: React.ReactNode;
-    color?: Color;
-}

package/dist/src/components/atoms/TextButton/index.d.ts

@@ -1 +0,0 @@
-export { default as TextButton } from './TextButton';

package/dist/src/components/atoms/TextInput/TextInput.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { TextInputProps } from "./TextInput.types";
-import { FieldValues } from "react-hook-form";
-declare const TextInput: <T extends FieldValues = FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, rightSide, translateKey, ...props }: TextInputProps<T>) => React.ReactElement;
-export default TextInput;

package/dist/src/components/atoms/TextInput/TextInput.types.d.ts

@@ -1,12 +0,0 @@
-import { Control, FieldValues, Path } from "react-hook-form";
-export type TextInputProps<T extends FieldValues = FieldValues> = {
-    label: string;
-    placeholder?: string;
-    className?: string;
-    disabled?: boolean;
-    translateKey?: string;
-    control: Control<T>;
-    name: Path<T>;
-    leftSide?: React.ReactNode;
-    rightSide?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement>;

package/dist/src/components/atoms/TextInput/index.d.ts

@@ -1 +0,0 @@
-export { default as TextInput } from './TextInput';

package/dist/src/components/atoms/TextStaticInput/TextStaticInput.d.ts

@@ -1,3 +0,0 @@
-import { TextStaticInputProps } from "./TextStaticInput.types";
-declare const TextStaticInput: React.FC<TextStaticInputProps>;
-export default TextStaticInput;

package/dist/src/components/atoms/TextStaticInput/TextStaticInput.types.d.ts

@@ -1,5 +0,0 @@
-export interface TextStaticInputProps {
-    label: string;
-    value: string;
-    className?: string;
-}

package/dist/src/components/atoms/TextStaticInput/index.d.ts

@@ -1 +0,0 @@
-export { default as TextStaticInput } from "./TextStaticInput";

package/dist/src/components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ThresholdCircleProgressProps } from "./ThresholdCircleProgress.types";
-declare const ThresholdCircleProgress: React.FC<ThresholdCircleProgressProps>;
-export default ThresholdCircleProgress;

package/dist/src/components/atoms/ThresholdCircleProgress/ThresholdCircleProgress.types.d.ts

@@ -1,30 +0,0 @@
-export interface ColorThreshold {
-    threshold: number;
-    color: string;
-    label?: string;
-}
-export interface ThresholdCircleProgressProps {
-    progress?: number;
-    showPercentage?: boolean;
-    showPercentageLabel?: boolean;
-    percentageClassName?: string;
-    percentageLabelClassName?: string;
-    percentageLabel?: string;
-    label?: string;
-    labelClassName?: string;
-    className?: string;
-    size?: number;
-    strokeWidth?: number;
-    backgroundColor?: string;
-    animated?: boolean;
-    animationDuration?: string;
-    colorThresholds?: ColorThreshold[];
-    lowThreshold?: number;
-    mediumThreshold?: number;
-    lowColor?: string;
-    mediumColor?: string;
-    highColor?: string;
-    singleColor?: string;
-    clockwise?: boolean;
-    startAngle?: number;
-}

package/dist/src/components/atoms/ThresholdCircleProgress/index.d.ts

@@ -1 +0,0 @@
-export { default as ThresholdCircleProgress } from "./ThresholdCircleProgress";

package/dist/src/components/atoms/ThresholdProgressBar/ThresholdProgressBar.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { ThresholdProgressBarProps } from "./ThresholdProgressBar.types";
-declare const ThresholdProgressBar: React.FC<ThresholdProgressBarProps>;
-export default ThresholdProgressBar;

package/dist/src/components/atoms/ThresholdProgressBar/ThresholdProgressBar.types.d.ts

@@ -1,22 +0,0 @@
-export interface ColorThreshold {
-    threshold: number;
-    color: string;
-    label?: string;
-}
-export interface ThresholdProgressBarProps {
-    progress: number;
-    showPercentage?: boolean;
-    percentageLabel?: string;
-    className?: string;
-    height?: string;
-    backgroundColor?: string;
-    animated?: boolean;
-    animationDuration?: string;
-    colorThresholds?: ColorThreshold[];
-    lowThreshold?: number;
-    mediumThreshold?: number;
-    lowColor?: string;
-    mediumColor?: string;
-    highColor?: string;
-    singleColor?: string;
-}

package/dist/src/components/atoms/ThresholdProgressBar/index.d.ts

@@ -1 +0,0 @@
-export { default as ThresholdProgressBar } from "./ThresholdProgressBar";

package/dist/src/components/atoms/Toast/Toast.d.ts

@@ -1,21 +0,0 @@
-import { ToastType } from "../../../types";
-type ToastContent = string | React.ReactNode;
-interface ToastProps {
-    id?: string;
-    content: ToastContent;
-    type?: ToastType;
-    duration?: number;
-    onClose: () => void;
-}
-declare const Toast: React.FC<ToastProps>;
-export default Toast;
-interface ToastManagerProps {
-    toasts: Array<{
-        id: string;
-        content: ToastContent;
-        type: "success" | "error" | "warning" | "info" | "loading";
-        duration?: number;
-    }>;
-    removeToast: (id: string) => void;
-}
-export declare const ToastManager: React.FC<ToastManagerProps>;

package/dist/src/components/atoms/Toast/index.d.ts

@@ -1 +0,0 @@
-export { default as Toast } from './Toast';

package/dist/src/components/atoms/Tooltip/Tooltip.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import type { TooltipProps } from "./Tooltip.types";
-declare const Tooltip: React.FC<TooltipProps>;
-export default Tooltip;

package/dist/src/components/atoms/Tooltip/Tooltip.types.d.ts

@@ -1,9 +0,0 @@
-import type { Placement } from "@floating-ui/dom";
-export interface TooltipProps {
-    message: React.ReactNode;
-    children: React.ReactElement;
-    className?: string;
-    placement?: Placement;
-    offset?: number;
-    delay?: number;
-}

package/dist/src/components/atoms/Tooltip/index.d.ts

@@ -1 +0,0 @@
-export { default as Tooltip } from "./Tooltip";

package/dist/src/components/atoms/UncontrolledSelector/UncontrolledSelector.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-interface Option {
-    label: string | React.ReactNode;
-    value: number | string;
-}
-interface UncontrolledSelectorProps {
-    value: number | string;
-    onChange: (value: number | string) => void;
-    options: Option[];
-    placeholder?: string;
-    label?: string;
-    error?: string;
-    disabled?: boolean;
-    className?: string;
-    allowSearch?: boolean;
-}
-declare const UncontrolledSelector: React.FC<UncontrolledSelectorProps>;
-export default UncontrolledSelector;

package/dist/src/components/atoms/UncontrolledSelector/index.d.ts

@@ -1 +0,0 @@
-export { default as UncontrolledSelector } from './UncontrolledSelector';

package/dist/src/components/atoms/UncontrolledTextInput/UncontrolledTextInput.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { UncontrolledTextInputProps } from "./UncontrolledTextInput.types";
-declare const UncontrolledTextInput: React.FC<UncontrolledTextInputProps>;
-export default UncontrolledTextInput;

package/dist/src/components/atoms/UncontrolledTextInput/UncontrolledTextInput.types.d.ts

@@ -1,13 +0,0 @@
-export type UncontrolledTextInputProps = {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    className?: string;
-    onChange: (value: string) => void;
-    value: string;
-    error?: string | undefined;
-    disabled?: boolean;
-    disabledInput?: boolean;
-    leftSide?: React.ReactNode;
-    rightSide?: React.ReactNode;
-} & React.InputHTMLAttributes<HTMLInputElement>;

package/dist/src/components/atoms/UncontrolledTextInput/index.d.ts

@@ -1 +0,0 @@
-export { default as UncontrolledTextInput } from "./UncontrolledTextInput";

package/dist/src/components/atoms/UploadContainer/UploadContainer.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { UploadContainerProps } from "./UploadContainer.types";
-declare const UploadContainer: React.FC<UploadContainerProps>;
-export default UploadContainer;

package/dist/src/components/atoms/UploadContainer/UploadContainer.types.d.ts

@@ -1,35 +0,0 @@
-export interface UploadContainerProps {
-    /**
-     * Título que se muestra en el área de carga
-     * @default 'drag_and_drop_your_files_here'
-     */
-    title?: string;
-    /**
-     * Subtítulo opcional para mostrar información adicional
-     * @default null
-     */
-    subtitle?: string | null;
-    /**
-     * Texto del botón de selección de archivos
-     * @default 'choose_files'
-     */
-    buttonTitle?: string;
-    /**
-     * Función que se ejecuta cuando se cargan archivos válidos
-     * @param files Array de objetos File seleccionados
-     */
-    onUpload?: (files: File[]) => void;
-    /**
-     * Lista de extensiones de archivo permitidas
-     * @default ['pdf', 'png', 'jpg', 'jpeg', 'svg', 'docx', 'doc', 'xls', 'xlsx']
-     */
-    acceptedExtensions?: string[];
-    /**
-     * Tamaño máximo de archivo en KB
-     * @default 1024
-     */
-    maxSize?: number;
-    loading?: boolean;
-    loadingDuration?: number;
-    className?: string;
-}

package/dist/src/components/atoms/UploadContainer/index.d.ts

@@ -1 +0,0 @@
-export { default as UploadContainer } from "./UploadContainer";

package/dist/src/components/atoms/index.d.ts

@@ -1,39 +0,0 @@
-export * from "./ActionButton/index";
-export * from "./ActionButton/index";
-export * from "./AsyncToast/index";
-export * from "./Avatar/index";
-export * from "./BoxContainer/index";
-export * from "./Button/index";
-export * from "./CenterModal/index";
-export * from "./Checkbox/index";
-export * from "./CountryInput/index";
-export * from "./CountryLabel/index";
-export * from "./CountrySelectInput/index";
-export * from "./Divider/index";
-export * from "./IconButton/index";
-export * from "./ImageProfileInput/index";
-export * from "./IndexedStep/index";
-export * from "./InfoCard/index";
-export * from "./InformationDisclaimer/index";
-export * from "./LoadingSpinner/index";
-export * from "./PasswordInput/index";
-export * from "./PhoneInput/index";
-export * from "./ProgressBar/index";
-export * from "./SearchBar/index";
-export * from "./SectionButton/index";
-export * from "./SelectInput/index";
-export * from "./SidebarButton/index";
-export * from "./Tab/index";
-export * from "./TextButton/index";
-export * from "./TextInput/index";
-export * from "./TextStaticInput/index";
-export * from "./Toast/index";
-export * from "./UncontrolledSelector/index";
-export * from "./UncontrolledTextInput/index";
-export * from "./UploadContainer/index";
-export * from "./Tooltip/index";
-export * from "./LoadingProgress/index";
-export * from "./ThresholdCircleProgress/index";
-export * from "./ThresholdProgressBar/index";
-export * from "./CircleProgress/index";
-export * from "./Switch/index";

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

@@ -1,3 +0,0 @@
-export * from "./atoms/index";
-export * from "./molecules/index";
-export * from "./organisms/index";

package/dist/src/components/molecules/AlertModal/AlertModal.d.ts

@@ -1,3 +0,0 @@
-import { AlertModalProps } from "./AlertModal.types";
-declare const AlertModal: ({ title, description, open, onClose, onConfirm, onCancel, showCloseButton, }: AlertModalProps) => import("react/jsx-runtime").JSX.Element;
-export default AlertModal;

package/dist/src/components/molecules/AlertModal/AlertModal.types.d.ts

@@ -1,9 +0,0 @@
-export interface AlertModalProps {
-    title: string;
-    description: string;
-    open: boolean;
-    onClose: () => void;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    showCloseButton?: boolean;
-}

package/dist/src/components/molecules/AlertModal/index.d.ts

@@ -1,2 +0,0 @@
-export { default as AlertModal } from "./AlertModal";
-export * from "./AlertModal.types";

package/dist/src/components/molecules/CalendarSelector/CalendarSelector.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export type CalendarSelectorProps = {
-    date: Date;
-    onDateChange: (date: Date) => void;
-    showTimeSelector?: boolean;
-    maxDate?: Date;
-    futureDates?: boolean;
-    pastDates?: boolean;
-};
-declare const CalendarSelector: React.FC<CalendarSelectorProps>;
-export default CalendarSelector;

package/dist/src/components/molecules/CalendarSelector/PeriodToggle.d.ts

@@ -1,6 +0,0 @@
-interface PeriodToggleProps {
-    selectedPeriod: string;
-    handlePeriodChange: (period: string) => void;
-}
-declare const PeriodToggle: ({ selectedPeriod, handlePeriodChange, }: PeriodToggleProps) => import("react/jsx-runtime").JSX.Element;
-export default PeriodToggle;

package/dist/src/components/molecules/CalendarSelector/TimeDisplay.d.ts

@@ -1,7 +0,0 @@
-interface TimeDisplayProps {
-    setHourMenuOpen: (value: boolean) => void;
-    hourMenuOpen: boolean;
-    selectedHour: number;
-}
-declare const TimeDisplay: ({ setHourMenuOpen, hourMenuOpen, selectedHour, }: TimeDisplayProps) => import("react/jsx-runtime").JSX.Element;
-export default TimeDisplay;

package/dist/src/components/molecules/CalendarSelector/index.d.ts

@@ -1 +0,0 @@
-export { default as CalendarSelector } from './CalendarSelector';

package/dist/src/components/molecules/DateInput/DateInput.d.ts

@@ -1,13 +0,0 @@
-import { Control, FieldValues, Path } from 'react-hook-form';
-export type DateInputProps<T extends FieldValues = FieldValues> = {
-    control: Control<T>;
-    name: Path<T>;
-    label?: string;
-    placeholder?: string;
-    showTimeSelector?: boolean;
-    translateKey?: string;
-    futureDates?: boolean;
-    pastDates?: boolean;
-};
-declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates }: DateInputProps<T>) => React.ReactElement;
-export default DateInput;

package/dist/src/components/molecules/DateInput/index.d.ts

@@ -1 +0,0 @@
-export { default as DateInput } from './DateInput';

package/dist/src/components/molecules/DialogModal/DialogModal.d.ts

@@ -1,3 +0,0 @@
-import { DialogModalProps } from "./DialogModal.types";
-declare const DialogModal: ({ title, description, open, onClose, onConfirm, onCancel, icon, showCloseButton, }: DialogModalProps) => import("react/jsx-runtime").JSX.Element;
-export default DialogModal;

package/dist/src/components/molecules/DialogModal/DialogModal.types.d.ts

@@ -1,11 +0,0 @@
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
-export interface DialogModalProps {
-    title: string;
-    description?: string;
-    open: boolean;
-    icon?: IconProp;
-    onClose: () => void;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    showCloseButton?: boolean;
-}