@tealca/core-components 1.0.8 → 1.0.9

package/dist/index.d.ts

@@ -1,13 +1,1556 @@
+import { AnchorHTMLAttributes } from 'react';
 import { ButtonHTMLAttributes } from 'react';
+import { Context } from 'react';
+import { default as default_2 } from 'react';
 import { FC } from 'react';
+import { FormikHelpers } from 'formik';
+import { FormikProps } from 'formik';
+import { ForwardedRef } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { IconType } from 'react-icons';
+import { InputHTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
 
-declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    children?: ReactNode;
+export declare interface Account {
+    id: string;
+    fullName: string;
+    taxIdentificationType: string;
+    identificationNumber: string;
+    email: string;
+    phone: string;
+}
+
+/**
+ * A comprehensive form for creating or editing an account.
+ * This component wraps the form UI and logic with Formik for state management and validation.
+ * It handles form submission and can be initialized with existing account data.
+ *
+ * @param initialValues - Optional initial values for the form fields.
+ * @param onSubmit - The function to call when the form is successfully submitted.
+ * @param onCancel - The function to call when the form is successfully cancelled.
+ * @returns The rendered account form, powered by Formik.
+ */
+export declare const AccountForm: FC<AccountFormProps>;
+
+declare interface AccountFormProps {
+    initialValues?: AccountFormValue;
+    onSubmit: (values: AccountFormValue, helpers: FormikHelpers<AccountFormValue>) => void;
+    onCancel?: (helpers: FormikHelpers<AccountFormValue>) => void;
+}
+
+/**
+ * Represents the structure for the entire account form's values.
+ *
+ * @param fullName - The full name of the user.
+ * @param email - The user's email address.
+ * @param address - The user's fiscal address.
+ * @param taxIdentificationType - The type of tax identification (e.g., V, E, J, G).
+ * @param identificationNumber - The user's identification number.
+ * @param phone - The primary phone number.
+ * @param phone2 - The optional secondary phone number.
+ */
+declare interface AccountFormValue {
+    fullName: string;
+    email: string;
+    address: string;
+    taxIdentificationType: Option_2<TaxIdentificationType> | null;
+    identificationNumber: string;
+    phone: PhoneFormValue;
+    phone2: PhoneFormValue;
+}
+
+export declare interface AccountSite {
+    accountSiteID: number;
+    accountSiteCode: string;
+    accountSiteName: string;
+}
+
+export declare interface Address {
+    addressName: string;
+    addressLine1: string;
+    addressLine2: string;
+    latitude: number;
+    longitude: number;
+    postalCode: string;
+    countryName: string;
+    countryCode: string;
+    region: string;
+    state: string;
+    locationCode: string;
+    locationName: string;
+}
+
+/**
+ * AnimatedCollapse wraps its children and animates height between 0 and auto.
+ * If active is false, children are hidden (height: 0). If true, children are shown with
+ * animation.
+ *
+ * @param active - Whether the collapse is active (expanded) or not (collapsed).
+ * @param children - The content to be collapsed/expanded.
+ * @param className - Additional CSS classes to apply to the container.
+ *
+ * @returns The rendered AnimatedCollapse component.
+ */
+export declare const AnimatedCollapse: FC<AnimatedCollapseProps>;
+
+declare interface AnimatedCollapseProps {
+    active: boolean;
     className?: string;
+    children: ReactNode;
+    duration?: number;
+}
+
+/**
+ * React context for managing application-wide data.
+ *
+ * This context provides access to the current application's information.
+ * Components that need access to this data can consume this context.
+ */
+export declare const AppContext: Context<Application | null>;
+
+export declare interface Application {
+    applicationId: number;
+    applicationCode: string;
+    applicationName: string;
+    applicationDescription: string;
+    applicationVersion: string;
+}
+
+export declare const AppProvider: FC<{
+    children: ReactNode;
+    applicationId: number;
+}>;
+
+/**
+ * React context for managing authentication state throughout the application.
+ *
+ * This context provides access to the authenticated user's information, tokens,
+ * and authentication status. It also exposes `login` and `logout` functions to
+ * manage the authentication lifecycle. Components that need access to auth state
+ * can consume this context.
+ */
+export declare const AuthContext: Context<AuthContextProps>;
+
+/**
+ * Defines the shape of the authentication context.
+ *
+ * @param user - The currently authenticated user object, or `null` if no user is
+ * logged in.
+ * @param store - The currently selected store for the user, or `null` if no store is
+ * selected.
+ * @param availableStores - An array of stores available to the user.
+ * @param isAuthenticated - A boolean flag indicating whether the user is
+ * authenticated. `true` if a user is logged in, otherwise `false`.
+ * @param login - A function to update the authentication state upon successful
+ * login. It takes the user object, access token, and refresh token as arguments.
+ * @param logout - A function to clear the authentication state and log the user out.
+ */
+export declare interface AuthContextProps {
+    user: User | null;
+    store: Store | null;
+    availableStores: Store[];
+    isAuthenticated: boolean;
+    login: (user: User) => void;
+    logout: () => void;
+}
+
+declare type AutocompletePrediction = google.maps.places.AutocompletePrediction;
+
+declare type AutocompletePrediction_2 = google.maps.places.AutocompletePrediction;
+
+/**
+ * A simple badge component. Renders a colored label for status or info.
+ *
+ * @param className - Additional CSS classes for the badge.
+ * @param wrapperClassName - Additional CSS classes for the wrapper div.
+ * @param color - Color style for the badge.
+ * @param children - Content inside the badge.
+ * @returns The rendered badge component.
+ */
+export declare const Badge: FC<BadgeProps>;
+
+declare interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
+    color?: "primary" | "success" | "warning" | "danger" | "default";
+}
+
+export declare interface BoxAccount {
+    boxAccountID: string;
+    boxAccountCode: string;
+}
+
+/**
+ * A base button component. Should not be used directly.
+ * Inherits all props from the standard HTML button element.
+ */
+export declare const Button: FC<ButtonHTMLAttributes<HTMLButtonElement>>;
+
+export declare interface Category {
+    categoryId: number;
+    categoryTypeId: CategoryTypeID | null;
+    categoryCode: string;
+    categoryName: string;
+    categoryAbbreviation: string | null;
+    categoryDimensionalWeightFactor: number | null;
+    description: string | null;
+}
+
+export declare enum CategoryTypeID {
+    INTERNATIONAL = 1,
+    NATIONAL = 2
+}
+
+/**
+ * Checkbox component with label.
+ */
+export declare const Checkbox: FC<CheckboxProps>;
+
+declare interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    id: string;
+    checked: boolean;
+    onChangeChecked: (checked: boolean) => void;
     disabled?: boolean;
+    className?: string;
+}
+
+export declare enum ConsigneeType {
+    PERSON = 0,
+    BOX_ACCOUNT = 1
+}
+
+declare interface Coordinates {
+    lat: number;
+    lng: number;
+    name?: string;
+}
+
+export declare interface Country {
+    countryId: number;
+    currencyId?: number;
+    currencyBaseId?: number;
+    countryName: string;
+    countryNationality: string;
+    countryCodeIso: string;
+    countryCodeIsoAlpha2?: string;
+    countryCodeIsoNumeric?: number;
+    countryPhoneAccessCode?: string;
+}
+
+export declare interface DeliveryType {
+    deliveryTypeID: DeliveryTypeID;
+    deliveryTypeName: string;
+}
+
+export declare enum DeliveryTypeID {
+    OFFICE = 10,
+    HOME = 20,
+    INTERNATIONAL = 21
+}
+
+export declare interface Department {
+    departmentId: number;
+    departmentCode: string;
+    departmentName: string;
+}
+
+/**
+ * A component to display an error message with a title and description.
+ * It includes an error icon and is styled with a red background to indicate an error.
+ *
+ * @param title - The title of the error message.
+ * @param description - The detailed description of the error.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @returns The rendered error card component.
+ */
+export declare const ErrorCard: FC<ErrorCardProps>;
+
+declare interface ErrorCardProps {
+    title?: string;
+    description?: string;
+    wrapperClassName?: string;
+}
+
+/**
+ * A forgot password form component that includes an email field, a submit button, and
+ * a link to go back to the login page. It also displays a message when the reset email
+ * has been sent.
+ *
+ * @param appName - The name of the application to display in the header.
+ * @param appDescription - A brief description of the application.
+ * @param appVersion - The current version of the application.
+ * @param wrapperClassName - Additional CSS classes to apply to the main wrapper div.
+ * @param onSubmit - A callback function that is called when the form is submitted. It
+ * receives the email as an argument.
+ * @param onBack - A callback function that is called when the "Back" link is clicked.
+ *
+ * @returns The rendered forgot password form component.
+ */
+export declare const ForgotPassword: FC<ForgotPasswordProps>;
+
+declare interface ForgotPasswordProps {
+    appName: string;
+    appDescription: string;
+    appVersion: string;
+    wrapperClassName?: string;
+    onSubmit: (email: string) => void;
+    onBack: () => void;
+    sent?: boolean;
+}
+
+export declare function getApplication(applicationId: number): Promise<Response_2<Application>>;
+
+export declare function getCategories(categoryTypeId: CategoryTypeID): Promise<Response_2<Category[]>>;
+
+export declare function getCountries(): Promise<Response_2<Country[]>>;
+
+export declare function getTaxIdentificationTypes(countryId?: number, statusId?: number): Promise<Response_2<TaxIdentificationType[]>>;
+
+/**
+ * GoogleMap component to display a static map with markers and place names.
+ *
+ * @param coordinates - Array of coordinates to display (each can have a name).
+ * @param wrapperClassName - Optional className for the wrapper.
+ *
+ * @returns The rendered GoogleMaps component.
+ */
+export declare const GoogleMap: React.FC<GoogleMapProps>;
+
+declare interface GoogleMapProps {
+    coordinates: Array<Coordinates>;
+    wrapperClassName?: string;
+}
+
+/**
+ * A grouped option interface for use in select components with grouped options.
+ *
+ * @template _TOptionValue - The type of the value associated with the options.
+ *
+ * @property title - The title of the group.
+ * @property loading - Optional loading state for the group.
+ * @property options - The list of options within the group.
+ */
+export declare interface GroupedOption<_TOptionValue> {
+    title: string;
+    loading?: boolean;
+    options: Option_2<_TOptionValue>[];
+}
+
+/**
+ * A checkbox group component for selecting multiple options.
+ *
+ * @param id - The id for the checkbox group, used to associate the label with the inputs.
+ * @param label - The text for the checkbox group label.
+ * @param options - The list of options to display.
+ * @param selected - An array of the currently selected options.
+ * @param onSelectOption - A callback function that is called when an option is selected or deselected.
+ * @param wrapperClassName - Additional CSS classes for the wrapper div.
+ * @param required - Whether the checkbox group is required.
+ * @param disabled - Whether the checkbox group is disabled.
+ * @param props - Additional props to pass to the input elements. It inherits all standard
+ * HTML input element props.
+ *
+ * @returns The rendered InputCheckboxSelect component.
+ */
+export declare function InputCheckboxSelect<_TOptionValue>(props: InputCheckboxSelectProps<_TOptionValue>): JSX_2.Element;
+
+declare interface InputCheckboxSelectProps<_TOptionValue> extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    options: Option_2<_TOptionValue>[];
+    selected: Option_2<_TOptionValue>[];
+    onSelectOption: (options: Option_2<_TOptionValue>[]) => void;
+    wrapperClassName?: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+
+/**
+ * A date input component with a label and error message.
+ *
+ * @param label - The text for the input label.
+ * @param id - The id for the input element, used to associate the label with the input.
+ * @param required - Whether the input is required. If true, an asterisk (*) will be displayed next to the label.
+ * @param error - An optional error message to display below the input.
+ * @param className - Additional CSS classes to apply to the input element.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param disabled - Whether the input is disabled.
+ * @param props - Additional props to pass to the input element. It inherits all standard HTML input element props.
+ *
+ * @returns The rendered date input component.
+ */
+export declare const InputDate: FC<InputDateProps>;
+
+declare interface InputDateProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+}
+
+/**
+ * A file input component with a label and error message.
+ *
+ * @param label - The text for the input label.
+ * @param id - The id for the input element, used to associate the label with the input.
+ * @param required - Whether the input is required. If true, an asterisk (*) will be displayed next to the label.
+ * @param error - An optional error message to display below the input.
+ * @param className - Additional CSS classes to apply to the input element.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param disabled - Whether the input is disabled.
+ * @param onChange - A callback function triggered when the file input changes.
+ * @param props - Additional props to pass to the input element. It inherits all standard HTML input element props.
+ *
+ * @returns The rendered file input component.
+ */
+export declare const InputFile: FC<InputFileProps>;
+
+/**
+ * A file input component with drag-and-drop and click-to-select functionality.
+ *
+ * @param label - The text for the input label.
+ * @param id - The id for the input element, used to associate the label with the input.
+ * @param required - Whether the input is required. If true, an asterisk (*) will be displayed next to the label.
+ * @param error - An optional error message to display below the input.
+ * @param className - Additional CSS classes to apply to the input element.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param disabled - Whether the input is disabled.
+ * @param onChange - A callback function triggered when the file input changes.
+ * @param props - Additional props to pass to the input element. It inherits all standard HTML input element props.
+ *
+ * @returns The rendered file input component with drag-and-drop.
+ */
+export declare const InputFileDrop: FC<InputFileDropProps>;
+
+declare interface InputFileDropProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+}
+
+declare interface InputFileProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+}
+
+/**
+ * Google Map Selector component for selecting a location on a map.
+ *
+ * @param label - The text for the select input label.
+ * @param error - An optional error message to display below the select input.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param onSelectLocation - A callback function that is called when a location is
+ * selected.
+ * @param disabled - Whether the select input is disabled.
+ * @param initialCoordinates - Initial coordinates to center the map.
+ * @param renderOption - A function to customize the rendering of each option in the dropdown.
+ * @param filterFn - A function to filter the options based on the search text.
+ * @param emptyMessage - Message to display when no options are found.
+ * @param footerOption - An optional footer option to display at the bottom of the dropdown.
+ * @param props - Additional props to pass to the input element. It inherits all
+ * standard HTML input element props.
+ *
+ * @returns The rendered Google Map Selector component.
+ */
+export declare const InputGoogleMap: FC<InputGoogleMapProps>;
+
+declare interface InputGoogleMapProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    disabled?: boolean;
+    error?: string | boolean;
+    wrapperClassName?: string;
+    onSelectLocation?: (location: PlaceResult) => void;
+    renderOption?: (option: Option_2<AutocompletePrediction>) => ReactNode;
+    filterFn?: (option: Option_2<AutocompletePrediction>, searchText: string) => boolean;
+    emptyMessage?: string;
+    footerOption?: Option_2<AutocompletePrediction>;
+    initialCoordinates?: {
+        lat: number;
+        lng: number;
+    };
+}
+
+/**
+ * A integer input component with a label and error message.
+ *
+ * @param label - The text for the input label.
+ * @param id - The id for the input element, used to associate the label with the input.
+ * @param required - Whether the input is required. If true, an asterisk (*) will be
+ * displayed next to the label.
+ * @param error - An optional error message to display below the input.
+ * @param className - Additional CSS classes to apply to the input element.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param disabled - Whether the input is disabled.
+ * @param ref - A ref to the input element.
+ * @param props - Additional props to pass to the input element. It inherits all standard
+ * HTML input element props.
+ *
+ * @returns The rendered input component.
+ */
+export declare const InputInteger: ForwardRefExoticComponent<InputIntegerProps & RefAttributes<HTMLInputElement>>;
+
+declare interface InputIntegerProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+}
+
+/**
+ * InputLocationSelect component for selecting a location.
+ *
+ * @param label - The text for the select input label.
+ * @param error - An optional error message to display below the select input.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param onSelectLocation - A callback function that is called when a location is
+ * selected.
+ * @param disabled - Whether the select input is disabled.
+ * @param placeholder - Placeholder text for the input field.
+ * @param props - Additional props to pass to the input element. It inherits all
+ * standard HTML input element props.
+ *
+ * @returns The rendered InputLocationSelect component.
+ */
+export declare const InputLocationSelect: ({ label, onSelectLocation, disabled, ...props }: InputLocationSelectProps) => JSX_2.Element;
+
+declare interface InputLocationSelectProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+    onSelectLocation: (location: PlaceResult_2) => void;
+    renderOption?: (option: Option_2<AutocompletePrediction_2>) => ReactNode;
+    filterFn?: (option: Option_2<AutocompletePrediction_2>, searchText: string) => boolean;
+    emptyMessage?: string;
+    footerOption?: Option_2<AutocompletePrediction_2>;
+    loading?: boolean;
+    disabled?: boolean;
+}
+
+/**
+ * A radio button group component for selecting a single option.
+ *
+ * @param id - The id for the radio group, used to associate the label with the inputs.
+ * @param label - The text for the radio group label.
+ * @param options - The list of options to display.
+ * @param selected - The currently selected option.
+ * @param onSelectOption - A callback function that is called when an option is selected.
+ * @param wrapperClassName - Additional CSS classes for the wrapper div.
+ * @param required - Whether the radio group is required.
+ * @param disabled - Whether the radio group is disabled.
+ * @param props - Additional props to pass to the input elements. It inherits all standard
+ * HTML input element props.
+ *
+ * @returns The rendered InputRadioSelect component.
+ */
+export declare function InputRadioSelect<_TOptionValue>(props: InputRadioSelectProps<_TOptionValue>): JSX_2.Element;
+
+declare interface InputRadioSelectProps<_TOptionValue> extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    options: Option_2<_TOptionValue>[];
+    selected: Option_2<_TOptionValue> | null;
+    onSelectOption: (option: Option_2<_TOptionValue>) => void;
+    wrapperClassName?: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+
+export declare const InputSelect: <_TOptionValue>(props: InputSelectProps<_TOptionValue> & {
+    ref?: ForwardedRef<HTMLInputElement>;
+}) => React.ReactElement;
+
+/**
+ * A select input component with grouped options, a label, error message, and dropdown options.
+ *
+ * @param label - The text for the select input label.
+ * @param id - The id for the select input element.
+ * @param required - Whether the select input is required.
+ * @param error - An optional error message to display.
+ * @param className - Additional CSS classes for the input.
+ * @param wrapperClassName - Additional CSS classes for the wrapper div.
+ * @param groupedOptions - The list of options grouped by titles.
+ * @param selected - The currently selected option.
+ * @param onSelectOption - A callback function when an option is selected.
+ * @param renderOption - An optional function to customize the rendering of each option.
+ * @param filterFn - An optional function to customize the filtering.
+ * @param emptyMessage - The message to display when no options match.
+ * @param disabled - Whether the select input is disabled.
+ * @param footerOption - An option to be displayed always at the end.
+ * @param props - Additional props to pass to the input element.
+ *
+ * @returns The rendered select input component.
+ */
+export declare function InputSelectGrouped<_TOptionValue>(props: InputSelectGroupedProps<_TOptionValue>): JSX_2.Element;
+
+declare interface InputSelectGroupedProps<_TOptionValue> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "options"> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+    groupedOptions: GroupedOption<_TOptionValue>[];
+    selected: Option_2<_TOptionValue> | null;
+    onSelectOption: (option: Option_2<_TOptionValue>) => void;
+    renderOption?: (option: Option_2<_TOptionValue>) => ReactNode;
+    filterFn?: (option: Option_2<_TOptionValue>, searchText: string) => boolean;
+    emptyMessage?: string;
+    footerOption?: Option_2<_TOptionValue>;
+    loading?: boolean;
+}
+
+declare interface InputSelectProps<_TOptionValue> extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+    options: Option_2<_TOptionValue>[];
+    selected: Option_2<_TOptionValue> | null;
+    onSelectOption: (option: Option_2<_TOptionValue>) => void;
+    renderOption?: (option: Option_2<_TOptionValue>) => ReactNode;
+    filterFn?: (option: Option_2<_TOptionValue>, searchText: string) => boolean;
+    emptyMessage?: string;
+    footerOption?: Option_2<_TOptionValue>;
+    icon?: ReactNode;
+    loading?: boolean;
+    searchText?: string;
+    setSearchText?: (text: string) => void;
+}
+
+/**
+ * A text input component with a label and error message.
+ *
+ * @param label - The text for the input label.
+ * @param id - The id for the input element, used to associate the label with the input.
+ * @param type - The type of the input element (e.g., "text", "password", "email").
+ * @param required - Whether the input is required. If true, an asterisk (*) will be
+ * displayed next to the label.
+ * @param error - An optional error message to display below the input.
+ * @param className - Additional CSS classes to apply to the input element.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param disabled - Whether the input is disabled.
+ * @param ref - A ref to the input element.
+ * @param props - Additional props to pass to the input element. It inherits all standard
+ * HTML input element props.
+ *
+ * @returns The rendered input component.
+ */
+export declare const InputText: ForwardRefExoticComponent<InputTextProps & RefAttributes<HTMLInputElement>>;
+
+/**
+ * A text area component with a label and error message.
+ *
+ * @param label - The text for the text area label.
+ * @param id - The id for the text area element, used to associate the label with the
+ * input.
+ * @param required - Whether the text area is required. If true, an asterisk (*) will be
+ * displayed next to the label.
+ * @param error - An optional error message to display below the text area.
+ * @param className - Additional CSS classes to apply to the text area element.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @param disabled - Whether the text area is disabled.
+ * @param props - Additional props to pass to the text area element. It inherits all
+ * standard HTML text area element props.
+ *
+ * @returns The rendered text area component.
+ */
+export declare const InputTextArea: FC<InputTextAreaProps>;
+
+declare interface InputTextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+}
+
+declare interface InputTextProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string | boolean;
+    wrapperClassName?: string;
+}
+
+export declare enum InvoiceStatus {
+    ANULLED = 6,
+    PAID = 10,
+    PENDING = 11,
+    PARTIAL_PAID = 20,
+    TO_ISSUE = 59,
+    ISSUED = 60
+}
+
+/**
+ * Invoice summary component.
+ *
+ * @param invoice - The invoice data to display.
+ * @param onClick - Optional click handler for the invoice summary.
+ *
+ * @returns The rendered invoice summary component.
+ */
+export declare const InvoiceSummary: FC<InvoiceSummaryProps>;
+
+/**
+ * InvoiceSummaryList component to display a list of invoice summaries.
+ *
+ * @param invoices - The list of invoices to display.
+ * @param onInvoiceClick - Optional callback when an invoice is clicked.
+ * @param wrapperClassName - Optional className for the wrapper.
+ *
+ * @returns The rendered InvoiceSummaryList component.
+ */
+export declare const InvoiceSummaryList: FC<InvoiceSummaryListProps>;
+
+declare interface InvoiceSummaryListProps {
+    invoices: ShortInvoice[];
+    onInvoiceClick?: (invoice: ShortInvoice) => void;
+    wrapperClassName?: string;
+}
+
+declare interface InvoiceSummaryProps {
+    invoice: ShortInvoice;
+    onClick?: () => void;
+}
+
+export declare enum InvoiceType {
+    INVOICE = 2,
+    CREDIT_NOTE = 4,
+    ORDER = 6
+}
+
+/**
+ * A link component with predefined styles.
+ * Inherits all props from the standard HTML anchor element.
+ * Recommended for primary navigation or actions that redirect the user.
+ *
+ * @param children - Content to display inside the link.
+ * @param className - Additional CSS classes for custom styling.
+ * @param props - All standard anchor element props (href, target, etc).
+ * @returns The rendered anchor element styled as a primary action.
+ */
+export declare const Link: FC<AnchorHTMLAttributes<HTMLAnchorElement>>;
+
+declare interface LoaderSpinnerProps {
+    className?: string;
+    wrapperClassName?: string;
+}
+
+/**
+ * A simple loading spinner component. It displays a spinning icon to indicate loading
+ * state.
+ *
+ * @param className - Additional CSS classes to apply to the spinner icon.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ *
+ * @returns The rendered loading spinner component.
+ */
+export declare const LoadingSpinner: FC<LoaderSpinnerProps>;
+
+/**
+ * A login form component that includes email and password fields, a submit button, and
+ * a link to the forgot password page.
+ *
+ * @param wrapperClassName - Additional CSS classes to apply to the main wrapper div.
+ * @param onSubmit - A callback function that is called when the form is submitted.
+ * @param onForgotPassword - A callback function that is called when the "Forgot Password"
+ * link is clicked.
+ *
+ * @returns The rendered login form component.
+ */
+export declare const Login: FC<LoginProps>;
+
+declare interface LoginProps {
+    wrapperClassName?: string;
+    onSubmit: (email: string, password: string) => void;
+    onForgotPassword: () => void;
+}
+
+declare interface MenuItem {
+    id: string;
+    label: string;
+    icon: IconType;
+    href: string;
+}
+
+/**
+ * Modal renders its children in a centered floating container with a dark backdrop.
+ * It closes when clicking outside the modal content or pressing Escape.
+ *
+ * @param open - Whether the modal is visible.
+ * @param onClose - Callback when modal should close.
+ * @param className - Additional CSS classes for the modal.
+ * @param children - Modal content.
+ */
+export declare const Modal: FC<ModalProps>;
+
+declare interface ModalProps {
+    open: boolean;
+    onClose?: () => void;
+    className?: string;
+    children: ReactNode;
+}
+
+export declare type Nullable<T> = {
+    [K in keyof T]: T[K] extends object ? Nullable<T[K]> | null : T[K] | null;
+};
+
+/**
+ * A generic option interface for use in select components and similar.
+ *
+ * @template _TOptionValue - The type of the value associated with the option.
+ *
+ * @property label - The display label for the option.
+ * @property id - A unique identifier for the option.
+ * @property value - The value associated with the option.
+ */
+declare interface Option_2<_TOptionValue> {
+    label: string;
+    id: string;
+    value: _TOptionValue;
+}
+export { Option_2 as Option }
+
+export declare interface Parcel {
+    pieceNumber: number;
+    height: number;
+    width: number;
+    length: number;
+    weight: number;
+    contentCategory: number;
+    contentDescription: string;
+}
+
+/**
+ * A form for adding parcel details to a shipment.
+ *
+ * This component wraps the form UI and logic with Formik for state management and validation.
+ * It dynamically generates a validation schema based on the provided `validationConfig`
+ * and `serviceId`, ensuring that parcels meet weight, dimension, and density constraints.
+ * It also displays warnings and errors related to total weight and other validation rules.
+ *
+ * @param serviceId - The ID of the shipping service, used to apply service-specific
+ * validation (e.g., for documents).
+ * @param categoryTypeId - The type of category to fetch (e.g., for national or
+ * international shipping).
+ * @param totalWeight - The current total weight of all parcels already added to the
+ * shipment. Used to validate against `maxTotalWeight`.
+ * @param validationConfig - Configuration for validation rules (e.g., min/max weight,
+ * volume, density).
+ * @param onSubmit - The function to call when the form is successfully submitted with
+ * valid parcel details.
+ * @returns The rendered parcel form, powered by Formik.
+ */
+export declare const ParcelForm: FC<ParcelFormProps>;
+
+declare interface ParcelFormProps {
+    serviceId: ServiceID;
+    categoryTypeId: CategoryTypeID;
+    totalWeight?: number;
+    validationConfig?: ParcelFormValidationConfig;
+    onSubmit: (values: ParcelFormValue, helpers: FormikHelpers<ParcelFormValue>) => void;
+}
+
+/**
+ * Configuration for parcel form validation rules.
+ *
+ * @param minWeight - The minimum allowed weight for a single parcel.
+ * @param maxWeight - The maximum allowed weight for a single parcel.
+ * @param maxDocumentWeight - The maximum allowed weight for a single document parcel.
+ * @param minVolume - The minimum allowed volume for a single parcel (cm³).
+ * @param maxVolume - The maximum allowed volume for a single parcel (cm³).
+ * @param minDensity - The minimum allowed density for a single parcel (kg/cm³).
+ * @param maxDensity - The maximum allowed density for a single parcel (kg/cm³).
+ * @param maxTotalWeight - The maximum allowed total weight for all parcels combined.
+ * @param maxTotalWeightWarn - The recommended maximum total weight for all parcels,
+ * which triggers a warning if exceeded.
+ */
+declare interface ParcelFormValidationConfig {
+    minWeight?: number;
+    maxWeight?: number;
+    maxDocumentWeight?: number;
+    minVolume?: number;
+    maxVolume?: number;
+    minDensity?: number;
+    maxDensity?: number;
+    maxTotalWeight?: number;
+    maxTotalWeightWarn?: number;
+}
+
+/**
+ * Represents the structure for the parcel form's values.
+ *
+ * @param category - The selected category for the parcel.
+ * @param weight - The weight of the parcel in kilograms.
+ * @param height - The height of the parcel in centimeters.
+ * @param width - The width of the parcel in centimeters.
+ * @param length - The length of the parcel in centimeters.
+ * @param quantity - The number of parcels with the same characteristics.
+ */
+declare interface ParcelFormValue {
+    category: Option_2<Category> | null;
+    weight: number | null;
+    height: number | null;
+    width: number | null;
+    length: number | null;
+    quantity: number;
+}
+
+/**
+ * ParcelRow component to display a single parcel row in the parcel table.
+ *
+ * @param parcel - The parcel object to display.
+ * @param index - The index of the parcel in the table.
+ * @param checked - Whether the parcel is selected (checked).
+ * @param editable - Whether the row is editable (shows checkboxes and actions).
+ * @param editing - Whether the row is currently being edited.
+ * @param disabledActions - Whether the action buttons are disabled.
+ * @param onChangeChecked - Callback when the checkbox is toggled.
+ * @param onPrintParcel - Callback to print the parcel.
+ * @param onDuplicate - Callback to duplicate the parcel.
+ * @param onEdit - Callback to edit the parcel.
+ *
+ * @returns The rendered ParcelRow component.
+ */
+export declare const ParcelRow: FC<ParcelRowProps>;
+
+declare interface ParcelRowProps {
+    parcel: Parcel;
+    index: number;
+    checked: boolean;
+    editable?: boolean;
+    editing?: boolean;
+    disabledActions?: boolean;
+    onChangeChecked: (checked: boolean) => void;
+    onPrintParcel?: () => void;
+    onDuplicate?: () => void;
+    onEdit?: () => void;
+}
+
+/**
+ * ParcelTable component to display a table of parcels with summary and actions.
+ *
+ * @param parcels - The list of parcels to display.
+ * @param totalPhysicalWeight - The total physical weight of all parcels.
+ * @param totalDimensionalWeight - The total dimensional (volumetric) weight of all
+ * parcels.
+ * @param totalChargedWeight - The total charged weight (used for billing).
+ * @param totalVolume - The total volume of all parcels.
+ * @param dimensionalFactor - The dimensional factor used for volumetric weight
+ * calculation.
+ * @param editingParcel - The parcel currently being edited (if any).
+ * @param editable - Whether the table is editable (shows checkboxes and actions).
+ * @param onPrintParcel - Callback to print a parcel.
+ * @param onDelete - Callback to delete selected parcels.
+ * @param onDuplicate - Callback to duplicate a parcel.
+ * @param onSelectEdit - Callback to select a parcel for editing.
+ * @param onCancelEdit - Callback to cancel editing mode.
+ * @param onPrintShipment - Callback to print the entire shipment.
+ * @param wrapperClassName - Optional className for the table wrapper.
+ *
+ * @returns The rendered ParcelTable component.
+ */
+export declare const ParcelTable: FC<ParcelTableProps>;
+
+declare interface ParcelTableProps {
+    parcels: Parcel[];
+    totalPhysicalWeight: number;
+    totalDimensionalWeight: number;
+    totalChargedWeight: number;
+    totalVolume: number;
+    dimensionalFactor: number;
+    editingParcel?: Parcel | null;
+    editable?: boolean;
+    onPrintParcel?: (parcel: Parcel) => void;
+    onDelete?: (parcels: Parcel[]) => void;
+    onDuplicate?: (parcel: Parcel) => void;
+    onSelectEdit?: (parcel: Parcel) => void;
+    onCancelEdit?: () => void;
+    onPrintShipment?: () => void;
+    wrapperClassName?: string;
+}
+
+export declare interface PaymentMode {
+    paymentModeID: PaymentModeID;
+    paymentModeName: string;
+}
+
+export declare enum PaymentModeID {
+    CASH = 1,
+    COD = 2,
+    CREDIT = 3,
+    BOXOFFICE_CREDIT = 4,
+    DEST_BOXOFFICE_CREDIT = 5,
+    EXEMPT = 6
+}
+
+/**
+ * Represents the structure for a phone number form value.
+ *
+ * @param country - The selected country for the phone number.
+ * @param phonePrefix - The selected phone prefix.
+ * @param phoneNumber - The main part of the phone number.
+ */
+declare interface PhoneFormValue {
+    country: Option_2<Country> | null;
+    phonePrefix: Option_2<string> | null;
+    phoneNumber: string;
+}
+
+declare type PlaceResult = google.maps.places.PlaceResult;
+
+declare type PlaceResult_2 = google.maps.places.PlaceResult;
+
+/**
+ * Popover renders its children in a floating container anchored to an element.
+ * It supports basic placement and closes when clicking outside.
+ *
+ * @param open - Whether the popover is visible.
+ * @param anchorEl - The element to anchor the popover to.
+ * @param onClose - Callback when popover should close.
+ * @param className - Additional CSS classes for the popover.
+ * @param placement - Where to position the popover relative to anchor.
+ * @param children - Popover content.
+ */
+export declare const Popover: FC<PopoverProps>;
+
+/**
+ * PopoverMenu renders a selectable menu inside a Popover.
+ *
+ * @param options - Array of menu options.
+ * @param selected - Currently selected option.
+ * @param onSelect - Callback when an option is selected.
+ * @param anchorEl - Element to anchor the popover.
+ * @param open - Whether the popover is open.
+ * @param onClose - Callback to close the popover.
+ * @param className - Additional CSS classes.
+ * @param renderOption - Custom render function for options.
+ */
+export declare const PopoverMenu: FC<PopoverMenuProps>;
+
+declare interface PopoverMenuOption {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
+
+declare interface PopoverMenuProps {
+    options: PopoverMenuOption[];
+    selected?: PopoverMenuOption | null;
+    onSelect: (option: PopoverMenuOption) => void;
+    anchorEl: HTMLElement | null;
+    open: boolean;
+    onClose: () => void;
+    className?: string;
+    renderOption?: (option: PopoverMenuOption) => ReactNode;
+}
+
+declare interface PopoverProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    onClose?: () => void;
+    className?: string;
+    children: ReactNode;
+    placement?: "top" | "bottom" | "left" | "right";
+}
+
+/**
+ * A primary button component with predefined styles.
+ * Inherits all props from the standard HTML button element.
+ * It is recommended to use this button for primary actions in your application.
+ */
+export declare const PrimaryButton: FC<ButtonHTMLAttributes<HTMLButtonElement>>;
+
+declare interface Response_2<_TModelType> {
+    code: string;
+    error: boolean;
+    message: string;
+    data: _TModelType | null;
+    error_data: Record<string, string>;
+}
+export { Response_2 as Response }
+
+/**
+ * A secondary button component with predefined styles.
+ * Inherits all props from the standard HTML button element.
+ * It is recommended to use this button for secondary actions in your application.
+ */
+export declare const SecondaryButton: FC<ButtonHTMLAttributes<HTMLButtonElement>>;
+
+/**
+ * A simple separator component. Renders a horizontal or vertical line to separate content.
+ *
+ * @param className - Additional CSS classes for the separator line.
+ * @param wrapperClassName - Additional CSS classes for the wrapper div.
+ * @param vertical - If true, renders a vertical separator.
+ * @returns The rendered separator component.
+ */
+export declare const Separator: FC<SeparatorProps>;
+
+declare interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    wrapperClassName?: string;
+    vertical?: boolean;
 }
 
-export declare const PrimaryButton: FC<ButtonProps>;
+export declare interface Service {
+    serviceID: ServiceID;
+    serviceShortName: string;
+}
+
+export declare enum ServiceID {
+    STANDARD = 60,
+    DOCUMENT = 61,
+    INTERNATIONAL_DOCUMENT = 62,
+    INTERNATIONAL_STANDARD = 63,
+    ECONOMIC = 64,
+    SAVER = 70,
+    NATIONAL_LOCKER = 81,
+    INTERNAL_MAIL = 99
+}
+
+/**
+ * ShipmentAccountSummary component to display account and store information.
+ *
+ * @param isShipper - Whether this summary is for the shipper (true) or consignee (false).
+ * @param account - The account information to display.
+ * @param store - The store information to display.
+ * @param deliveryType - The delivery type (HOME or STORE).
+ * @param isAccountBillTo - Whether the account is the billing account.
+ * @param address - An optional address to display (only shown for HOME delivery).
+ *
+ * @returns The rendered ShipmentAccountSummary component.
+ */
+export declare const ShipmentAccountSummary: FC<ShipmentAccountSummaryProps>;
+
+declare interface ShipmentAccountSummaryProps {
+    isShipper?: boolean;
+    account: Account;
+    store: ShortStore;
+    deliveryType: DeliveryTypeID;
+    isAccountBillTo?: boolean;
+    address?: Address;
+}
+
+/**
+ * ShipmentAddresses component to display the addresses on a map.
+ *
+ * @param shipment - Shipment data
+ * @param wrapperClassName - Optional className for the wrapper.
+ *
+ * @returns The rendered ShipmentAddresses component.
+ */
+export declare const ShipmentAddresses: FC<ShipmentAddressesProps>;
+
+export declare const ShipmentAddressesForm: FC<ShipmentAddresssFormProps>;
+
+declare interface ShipmentAddressesProps {
+    shipment: ShipmentHeader;
+    wrapperClassName?: string;
+}
+
+declare interface ShipmentAddresssFormProps {
+    formik: FormikProps<ShipmentFormValue>;
+}
+
+/**
+ * ShipmentDeliveryData component to display delivery information for a shipment.
+ *
+ * @param user - The user who delivered the shipment.
+ * @param date - The date and time of delivery.
+ * @param observation - Any observations or notes about the delivery.
+ * @param wrapperClassName - Optional className for the table wrapper.
+ *
+ * @returns The rendered ShipmentDeliveryData component.
+ */
+export declare const ShipmentDeliveryData: FC<ShipmentDeliveryDataProps>;
+
+declare interface ShipmentDeliveryDataProps {
+    user: string;
+    date: string;
+    observation?: string;
+    wrapperClassName?: string;
+}
+
+/**
+ * `ShipmentDetails` is a comprehensive component that displays all information related
+ * to a shipment.
+ *
+ * It includes a summary, collapsible details section, and action buttons. The details
+ * section contains information about invoices, parcels, items, tracking history,
+ * delivery data, associated documents, and addresses.
+ *
+ * @param shipment - The main shipment header data.
+ * @param trackings - An array of tracking events associated with the shipment.
+ * @param showLiabilityWaiver - Flag to determine if the liability waiver section should be shown.
+ * @param showPOD - Optional flag to show the Proof of Delivery (POD) document section.
+ * @param showInvoice - Optional flag to show the invoice document section.
+ * @param isPhysicalLiability - Optional flag indicating if the liability waiver is a physical document.
+ * @param isPhysicalPOD - Optional flag indicating if the POD is a physical document.
+ * @param invoiceNumber - Optional invoice number to display.
+ * @param onSubstituteForClick - Optional handler for when the "substitute for" link is clicked.
+ * @param onSubstitutedByClick - Optional handler for when the "substituted by" link is clicked.
+ * @param onInvoiceClick - Optional handler for when an invoice is clicked.
+ * @param onPublicAppClick - Optional handler for clicks on public tracking app links.
+ * @param onShowLiabilityWaiver - Optional handler to show the liability waiver.
+ * @param onDownloadLiabilityWaiver - Optional handler to download the liability waiver.
+ * @param onShowPOD - Optional handler to show the POD.
+ * @param onDownloadPOD - Optional handler to download the POD.
+ * @param onShowInvoiceAttachments - Optional handler to show invoice attachments.
+ * @param onPrintParcel - Optional handler to print a specific parcel's label.
+ * @param onPrintShipment - Optional handler to print the entire shipment's documentation.
+ * @param onEdit - Optional handler for the edit action.
+ * @param onCancel - Optional handler for the cancel action.
+ * @param onDeliver - Optional handler for the deliver action.
+ * @returns A detailed view of a shipment with actions.
+ */
+export declare const ShipmentDetails: FC<ShipmentDetailsProps>;
+
+declare interface ShipmentDetailsProps {
+    shipment: ShipmentHeader;
+    trackings: Tracking[];
+    showLiabilityWaiver: boolean;
+    showPOD?: boolean;
+    showInvoice?: boolean;
+    isPhysicalLiability?: boolean;
+    isPhysicalPOD?: boolean;
+    invoiceNumber?: string;
+    onSubstituteForClick?: () => void;
+    onSubstitutedByClick?: () => void;
+    onInvoiceClick?: (invoice: ShortInvoice) => void;
+    onPublicAppClick?: () => void;
+    onShowLiabilityWaiver?: () => void;
+    onDownloadLiabilityWaiver?: () => void;
+    onShowPOD?: () => void;
+    onDownloadPOD?: () => void;
+    onShowInvoiceAttachments?: () => void;
+    onPrintParcel?: (parcel: Parcel) => void;
+    onPrintShipment?: () => void;
+    onEdit?: () => void;
+    onCancel?: () => void;
+    onDeliver?: () => void;
+}
+
+/**
+ * ShipmentDocument component to display digital document actions for a shipment
+ * (Liability Waiver, POD, and Invoice).
+ *
+ * @param showPOD - Whether to show the POD section.
+ * @param showInvoice - Whether to show the Invoice section.
+ * @param isPhysicalLiability - Whether the liability waiver was filled physically.
+ * @param isPhysicalPOD - Whether the POD was filled physically.
+ * @param invoiceNumber - The invoice number to display (if any).
+ * @param onShowLiabilityWaiver - Callback to show the liability waiver document.
+ * @param onDownloadLiabilityWaiver - Callback to download the liability waiver document.
+ * @param onShowPOD - Callback to show the POD document.
+ * @param onDownloadPOD - Callback to download the POD document.
+ * @param onShowInvoiceAttachments - Callback to show the invoice attachments.
+ * @param wrapperClassName - Optional className for the wrapper.
+ *
+ * @returns The rendered ShipmentDocument component.
+ */
+export declare const ShipmentDocument: FC<ShipmentDocumentProps>;
+
+declare interface ShipmentDocumentProps {
+    showPOD?: boolean;
+    showInvoice?: boolean;
+    isPhysicalLiability?: boolean;
+    isPhysicalPOD?: boolean;
+    invoiceNumber?: string;
+    onShowLiabilityWaiver?: () => void;
+    onDownloadLiabilityWaiver?: () => void;
+    onShowPOD?: () => void;
+    onDownloadPOD?: () => void;
+    onShowInvoiceAttachments?: () => void;
+    wrapperClassName?: string;
+}
+
+export declare const ShipmentForm: FC<ShipmentFormProps>;
+
+declare interface ShipmentFormProps {
+    index: number;
+    shipment?: ShipmentHeader;
+}
+
+export declare interface ShipmentFormValue {
+    shipper: Option_2<Account> | null;
+    consigneeType: Option_2<ConsigneeType> | null;
+    consignee: Option_2<Account> | null;
+    boxAccount: BoxAccount | null;
+    pickupType: Option_2<DeliveryType> | null;
+    originStore: Option_2<Store> | null;
+    originAddress: Option_2<Address> | null;
+    deliveryType: Option_2<DeliveryType> | null;
+    destinationStore: Option_2<Store> | null;
+    destinationAddress: Option_2<Address> | null;
+}
+
+export declare interface ShipmentHeader {
+    shipmentHeaderId: string;
+    shipmentNumber: string;
+    shipmentHeaderDate: string;
+    service: Service;
+    paymentMode: PaymentMode;
+    pickupType: DeliveryType;
+    deliveryType: DeliveryType;
+    totalPieces: number;
+    totalDimensionalWeight: number;
+    totalPhysicalWeight: number;
+    totalChargedWeight: number;
+    totalVolume: number;
+    dimensionalFactor: number;
+    parcels: Parcel[];
+    subTotalAmount: number;
+    vatAmount: number;
+    postalTaxAmount: number;
+    totalAmount: number;
+    items: ShipmentItem[];
+    invoices: ShortInvoice[];
+    originStore: ShortStore;
+    originAddress: Address;
+    destinationStore: ShortStore;
+    destinationAddress: Address;
+    lastKnowStoreLocation: ShortStore;
+    accountSite: AccountSite | null;
+    boxAccount: BoxAccount | null;
+    shipper: Account;
+    consignee: Account;
+    billTo: Account;
+    status: Status;
+    deliveryUser?: string;
+    deliveryDate?: string;
+    deliveryObservation?: string;
+    substituteFor?: string;
+    substitutedBy?: string;
+}
+
+export declare const shipmentInitialValues: ShipmentFormValue;
+
+export declare interface ShipmentItem {
+    itemID: number;
+    itemDescription: string;
+    itemDetails: string;
+    subTotalAmount: number;
+    vatPercentage: number;
+    vatAmount: number;
+    postalTaxPercentage: number;
+    postalTaxAmount: number;
+    totalAmount: number;
+}
+
+/**
+ * ShipmentItemRow component to display a single shipment item row in the shipment item table.
+ *
+ * @param item - The shipment item object to display.
+ * @param index - The index of the item in the table.
+ *
+ * @returns The rendered ShipmentItemRow component.
+ */
+export declare const ShipmentItemRow: FC<ShipmentItemRowProps>;
+
+declare interface ShipmentItemRowProps {
+    item: ShipmentItem;
+    index: number;
+}
+
+/**
+ * ShipmentItemTable component to display a table of shipment items with summary and totals.
+ *
+ * @param items - The list of shipment items to display.
+ * @param subTotalAmount - The subtotal amount of all items.
+ * @param vatAmount - The total VAT amount.
+ * @param postalTaxAmount - The total postal tax amount.
+ * @param totalAmount - The total amount (including taxes).
+ * @param wrapperClassName - Optional className for the table wrapper.
+ *
+ * @returns The rendered ShipmentItemTable component.
+ */
+export declare const ShipmentItemTable: FC<ShipmentItemTableProps>;
+
+declare interface ShipmentItemTableProps {
+    items: ShipmentItem[];
+    subTotalAmount: number;
+    vatAmount: number;
+    postalTaxAmount: number;
+    totalAmount: number;
+    wrapperClassName?: string;
+}
+
+/**
+ * A form component for selecting the shipper (sender) and consignee (recipient)
+ * for a shipment.
+ *
+ * @param formik - The Formik instance from the parent form, used to manage field
+ * values, errors, and touched states for shipper and consignee.
+ * @returns The rendered form for selecting shipment parties.
+ */
+export declare const ShipmentPartiesForm: FC<ShipmentPartiesFormProps>;
+
+declare interface ShipmentPartiesFormProps {
+    formik: FormikProps<ShipmentFormValue>;
+}
+
+export declare enum ShipmentStatusID {
+    ACTIVE = 1,
+    ANNULLED = 3,
+    DRAFT = 5,
+    REPLACED = 55,
+    DELIVERED = 30
+}
+
+/**
+ * A component that displays a comprehensive summary of a shipment.
+ *
+ * This component renders a detailed view of a shipment's header information,
+ * including the shipment number, creation date, status, and any substitution links.
+ * It is structured to show sender (shipper) and receiver (consignee) details,
+ * along with a financial and logistical summary (service type, payment mode, total amount,
+ * number of pieces, and chargeable weight). It utilizes sub-components like
+ * `ShipmentAccountSummary` to display party details and `Badge` for status visualization.
+ *
+ * @param shipment - The full `ShipmentHeader` object containing all the data to be
+ * displayed in the summary.
+ * @param onSubstituteForClick - An optional function to handle clicks on the "Sustituto de"
+ * (Replaces) link, allowing for actions like navigating to the related shipment.
+ * @param onSubstitutedByClick - An optional function to handle clicks on the "Sustituido por"
+ * (Replaced by) link.
+ * @returns The rendered shipment summary component.
+ */
+export declare const ShipmentSummary: FC<ShipmentSummaryProps>;
+
+declare interface ShipmentSummaryProps {
+    shipment: ShipmentHeader;
+    onSubstituteForClick?: () => void;
+    onSubstitutedByClick?: () => void;
+}
+
+export declare interface ShortInvoice {
+    invoiceID: string;
+    invoiceNumber: string;
+    invoiceDate: string;
+    accountFullName: string;
+    totalAmount: number;
+    balanceAmount: number;
+    type: InvoiceType;
+    status: InvoiceStatus;
+    statusName: string;
+}
+
+export declare interface ShortStore {
+    code: string;
+    commercialName: string;
+}
+
+export declare const SideMenu: default_2.FC<SideMenuProps>;
+
+declare interface SideMenuProps {
+    menuItems: MenuItem[];
+    activeItemId?: string;
+    className?: string;
+    onSelectStore?: (store: Store) => void;
+}
+
+export declare interface Status {
+    id: number;
+    name: string;
+}
+
+export declare interface Store {
+    code: string;
+    legalName: string;
+    commercialName: string;
+    businessHours: string;
+    coverageArea: string;
+    storeTypeName: string;
+    pickupAvailable: boolean;
+    dropoffAvailable: boolean;
+    retrievalAvailable: boolean;
+    deliveryAvailable: boolean;
+    address: Address;
+}
+
+/**
+ * A base switch (toggle) component.
+ * Inherits all props from the standard HTML input[type="checkbox"] element.
+ */
+export declare const Switch: FC<InputHTMLAttributes<HTMLInputElement>>;
+
+export declare const Table: FC<TableProps>;
+
+declare interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    wrapperClassName?: string;
+}
+
+export declare interface TaxIdentificationType {
+    taxIdentificationTypeId: number;
+    taxIdentificationTypeName: string;
+    taxIdentificationTypeCode: string;
+    taxIdentificationTypeRegExp: string;
+    countryId: number;
+    isJuridic: boolean;
+    abbreviationName: string;
+}
+
+export declare interface Tracking {
+    trackingID: number;
+    date: string;
+    shipmentNumber: string;
+    description: string;
+    type: string;
+    details: string;
+}
+
+/**
+ * TrackingRow component to display a single tracking event row in the tracking table.
+ *
+ * @param tracking - The tracking event object to display.
+ * @param index - The index of the tracking event in the table.
+ *
+ * @returns The rendered TrackingRow component.
+ */
+export declare const TrackingRow: FC<TrackingRowProps>;
+
+declare interface TrackingRowProps {
+    tracking: Tracking;
+    index: number;
+}
+
+/**
+ * TrackingTable component to display a table of tracking events for a shipment.
+ *
+ * @param trackings - The list of tracking events to display.
+ * @param onPublicAppClick - Optional callback for when the public app link is clicked.
+ * @param wrapperClassName - Optional className for the table wrapper.
+ *
+ * @returns The rendered TrackingTable component.
+ */
+export declare const TrackingTable: FC<TrackingTableProps>;
+
+declare interface TrackingTableProps {
+    trackings: Tracking[];
+    onPublicAppClick?: () => void;
+    wrapperClassName?: string;
+}
+
+export declare interface User {
+    userId: string;
+    department?: Department;
+    userIdentificationType?: TaxIdentificationType;
+    userIdentificationNumber?: string;
+    userActiveDirectory: boolean;
+    userLogin: string;
+    userName: string;
+    userLastName: string;
+    userPhone: string;
+    email: string;
+}
+
+/**
+ * A component to display an warning message with a title and description.
+ * It includes an warning icon and is styled with a yellow background to indicate an warning.
+ *
+ * @param title - The title of the warning message.
+ * @param description - The detailed description of the warning.
+ * @param wrapperClassName - Additional CSS classes to apply to the wrapper div.
+ * @returns The rendered warning card component.
+ */
+export declare const WarningCard: FC<WarningCardProps>;
+
+declare interface WarningCardProps {
+    title?: string;
+    description?: string;
+    wrapperClassName?: string;
+}
 
 export { }