lawgic-dev-kit 0.21.6 → 0.22.2

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

@@ -0,0 +1,30 @@
+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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,22 @@
+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

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

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

@@ -0,0 +1,20 @@
+import { ToastContent, ToastType } from "../../../types";
+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" | "notification" | "loading";
+        duration?: number;
+    }>;
+    removeToast: (id: string) => void;
+}
+export declare const ToastManager: React.FC<ToastManagerProps>;

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

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

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

@@ -17,6 +17,7 @@ interface UncontrolledSelectorProps {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
+    size?: 'sm' | 'base';
 }
 declare const UncontrolledSelector: React.FC<UncontrolledSelectorProps>;
 export default UncontrolledSelector;

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

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

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

@@ -0,0 +1,4 @@
+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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,37 @@
+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;
+    direction?: 'row' | 'column';
+    disabled?: boolean;
+    loading?: boolean;
+    loadingDuration?: number;
+    className?: string;
+}

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

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

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

@@ -0,0 +1,42 @@
+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 "./LoadingProgress/index";
+export * from "./ThresholdCircleProgress/index";
+export * from "./ThresholdProgressBar/index";
+export * from "./CircleProgress/index";
+export * from "./Switch/index";
+export * from "./Pill/index";
+export * from "./FilterPill/index";
+export * from "./ClickAwayListener/index";
+export * from "./StepIndicator/index";

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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,9 @@
+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

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

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

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

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

@@ -0,0 +1,28 @@
+export interface AutocompleteInputProps {
+    name: string;
+    error?: string | undefined;
+    value?: string;
+    onChange?: (value: string) => void;
+    onSelect?: (value: unknown) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onOptionClick?: ({ label, value }: {
+        label: string;
+        value: unknown;
+    }) => void;
+    onButtonClick?: () => void;
+    buttonContent?: React.ReactNode;
+    options: {
+        label: string;
+        value: unknown;
+    }[];
+    placeholder?: string;
+    label?: string;
+    disabled?: boolean;
+    className?: string;
+    showOptionsOnClick?: boolean;
+    showChevron?: boolean;
+    showButton?: boolean;
+    setValueOnOptionSelect?: boolean;
+    leftSide?: React.ReactNode;
+    rightSide?: React.ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,36 @@
+export declare const blueVariants: {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    hover: string;
+    hoverLight: string;
+    text: string;
+    textLight: string;
+};
+export declare const aquaVariants: {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    hover: string;
+    hoverLight: string;
+    text: string;
+    textLight: string;
+};
+export type CalendarColor = 'blue' | 'aqua';
+export declare const getColorVariants: (color: CalendarColor) => {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    hover: string;
+    hoverLight: string;
+    text: string;
+    textLight: string;
+} | {
+    primary: string;
+    primaryLight: string;
+    primaryDark: string;
+    hover: string;
+    hoverLight: string;
+    text: string;
+    textLight: string;
+};

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

@@ -0,0 +1,15 @@
+interface PeriodToggleProps {
+    selectedPeriod: string;
+    handlePeriodChange: (period: string) => void;
+    colorVariants?: {
+        primary: string;
+        primaryLight: string;
+        primaryDark: string;
+        hover: string;
+        hoverLight: string;
+        text: string;
+        textLight: string;
+    };
+}
+declare const PeriodToggle: ({ selectedPeriod, handlePeriodChange, colorVariants, }: PeriodToggleProps) => import("react/jsx-runtime").JSX.Element;
+export default PeriodToggle;

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

@@ -0,0 +1,7 @@
+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

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

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

@@ -0,0 +1,14 @@
+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;
+    size?: "sm" | "base";
+};
+declare const DateInput: <T extends FieldValues = FieldValues>({ control, name, showTimeSelector, label, translateKey, placeholder, futureDates, pastDates, size, }: DateInputProps<T>) => React.ReactElement;
+export default DateInput;

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

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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,11 @@
+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;
+}

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

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

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

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

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

@@ -0,0 +1,9 @@
+export interface DropdownMenuProps {
+    label: string;
+    className?: string;
+    labelClassName?: string;
+    children: React.ReactNode;
+    subtitle?: string;
+    open?: boolean;
+    onClick?: () => void;
+}

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface EmptyStateProps {
+    image?: string;
+    title: string;
+    subtitle: string;
+    className?: string;
+}
+declare const EmptyState: React.FC<EmptyStateProps>;
+export default EmptyState;

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { FileInfo } from "../../../types";
+export declare const FileStatus: {
+    LOADING: string;
+    COMPLETE: string;
+    ERROR: string;
+};
+export interface UploadingFile extends FileInfo {
+    loading?: boolean;
+    error?: boolean;
+    analyzing?: boolean;
+}
+export interface FileUploadProps {
+    file: UploadingFile;
+    onDelete?: () => void;
+    onRetry?: () => void;
+    uploadDuration?: number;
+}

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

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

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

@@ -0,0 +1,13 @@
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+import { FilterControl } from "../../../types/filters";
+import { Cycle } from "motion/react";
+interface FiltersMenuProps {
+    filters: {
+        icon: IconProp;
+        label: string;
+        onClick: () => void;
+    }[];
+    filterControl: FilterControl<Cycle>;
+}
+declare const FiltersMenu: React.FC<FiltersMenuProps>;
+export default FiltersMenu;

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

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

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

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

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

@@ -0,0 +1,13 @@
+export interface FloatingMenuProps {
+    open?: boolean;
+    onClose?: () => void;
+    component: React.ReactNode | (() => React.ReactNode);
+    children: React.ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+    className?: string;
+    strategy?: "fixed" | "absolute";
+    styles?: React.CSSProperties;
+    offset?: number;
+    padding?: number;
+    handleClickAway?: boolean;
+}

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export type IndexedStepperProps = {
+    currentStep: number;
+    steps: string[];
+};
+declare const IndexedStepper: React.FC<IndexedStepperProps>;
+export default IndexedStepper;

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

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

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

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+type InformationContainerProps = {
+    title: string;
+    children: ReactNode;
+    className?: string;
+};
+type InformationContainerComponent = React.FC<InformationContainerProps> & {
+    Entry: React.FC<{
+        label: string;
+        value: string | ReactNode | Element;
+    }>;
+};
+declare const InformationContainer: InformationContainerComponent;
+export default InformationContainer;

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export type Option = {
+    label: string;
+    value: string | number;
+    colors?: {
+        dot?: string;
+        background?: string;
+        text?: string;
+    };
+};
+interface MultiSelectDropdownProps {
+    label?: string;
+    options: Option[];
+    selectedValues: string[];
+    onUpdate: (newSelectedValues: string[]) => void;
+    placeholder?: string;
+    allowSearch?: boolean;
+    className?: string;
+    disabled?: boolean;
+    size?: 'sm' | 'base';
+}
+declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
+export default MultiSelectDropdown;

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

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

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

@@ -0,0 +1,9 @@
+interface PillsContainerProps {
+    values: {
+        label: string;
+        value: string;
+    }[];
+    onPillRemove: (id: string) => void;
+}
+declare const PillsContainer: ({ values, onPillRemove, }: PillsContainerProps) => React.ReactElement;
+export default PillsContainer;

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

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

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

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

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

@@ -0,0 +1,5 @@
+export interface SearchModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSearch?: (searchTerm: string) => void;
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+export interface SideModalProps {
+    open: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
+    side?: 'left' | 'right';
+    className?: string;
+    backdropClassName?: string;
+    width?: string | number;
+    zIndex?: number;
+    usePortal?: boolean;
+}

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

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

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

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

package/dist/src/components/molecules/Stepper/Stepper.styles.d.ts

@@ -0,0 +1,15 @@
+import { Color } from "../../../types/styleValues";
+interface StepperColorConfig {
+    focusIconColor: string;
+    completedIconColor: string;
+    pendingIconColor: string;
+    labelColor: string;
+    focusBgColor: string;
+    completedBgColor: string;
+    pendingBgColor: string;
+    lineActiveColor: string;
+    lineGradientFrom: string;
+    lineGradientTo: string;
+}
+export declare const resolveStepperColors: (color: Color) => StepperColorConfig;
+export {};