@nextelco/common-ui 1.7.171 → 1.7.174

package/dist/bundle.js.LICENSE.txt

@@ -1,9 +1,37 @@
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
 /*!
  * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
 /*! js-cookie v3.0.5 | MIT */
 
 /**

package/dist/types/components/atoms/Acronym/Acronym.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { AcronymTheme } from '../../../types/themes/AcronymThemes';
 import './Acronym.scss';
 type Props = {
     name: string;
+    acronymOnly?: boolean;
+    theme: AcronymTheme;
 };
-declare const Acronym: ({ name }: Props) => React.JSX.Element;
+declare const Acronym: ({ name, acronymOnly, theme }: Props) => React.JSX.Element;
 export default Acronym;

package/dist/types/components/atoms/Button/variants/ActionButton.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { PropsWithChildren } from 'react';
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { ButtonTheme } from '../../../../types/ButtonTheme';
+import { ActionButtonTheme } from '../../../../types/themes/ButtonThemes';
 import './ActionButton.scss';
 type Props = PropsWithChildren<{
-    icon: IconProp;
+    icon?: React.ReactNode;
     title: string;
-    theme: ButtonTheme;
+    theme: ActionButtonTheme;
     onClick: () => void;
+    disabled?: boolean;
 }>;
-declare const ActionButton: ({ icon, title, theme, onClick }: Props) => React.JSX.Element;
+declare const ActionButton: ({ icon, title, theme, onClick, disabled, }: Props) => React.JSX.Element;
 export default ActionButton;

package/dist/types/components/atoms/Button/variants/FilterButton.d.ts

@@ -5,6 +5,7 @@ type Props = PropsWithChildren<{
     title: string;
     selected: boolean;
     onClick: () => void;
+    disabled?: boolean;
 }>;
-declare const FilterButton: ({ title, selected, onClick }: Props) => React.JSX.Element;
+declare const FilterButton: ({ title, selected, onClick, disabled, }: Props) => React.JSX.Element;
 export default FilterButton;

package/dist/types/components/atoms/Button/variants/IconButton.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 import { PropsWithChildren } from 'react';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { IconButtonTheme } from '../../../../types/themes/ButtonThemes';
 import './IconButton.scss';
 type Props = PropsWithChildren<{
     icon: IconProp;
     onClick: () => void;
+    theme: IconButtonTheme;
+    disabled?: boolean;
 }>;
-declare const IconButton: ({ icon, onClick }: Props) => React.JSX.Element;
+declare const IconButton: ({ icon, onClick, theme, disabled }: Props) => React.JSX.Element;
 export default IconButton;

package/dist/types/components/atoms/Button/variants/MainButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { PropsWithChildren } from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { MainButtonTheme } from '../../../../types/themes/ButtonThemes';
+import './MainButton.scss';
+type Props = PropsWithChildren<{
+    icon: IconProp;
+    title: string;
+    description?: string;
+    theme: MainButtonTheme;
+    onClick: () => void;
+    disabled?: boolean;
+}>;
+declare const MainButton: ({ icon, title, description, theme, onClick, disabled, }: Props) => React.JSX.Element;
+export default MainButton;

package/dist/types/components/atoms/Button/variants/TabButton.d.ts

@@ -7,6 +7,7 @@ type Props = PropsWithChildren<{
     title: string;
     selected: boolean;
     onClick: () => void;
+    disabled?: boolean;
 }>;
-declare const TabButton: ({ icon, title, selected, onClick }: Props) => React.JSX.Element;
+declare const TabButton: ({ icon, title, selected, onClick, disabled }: Props) => React.JSX.Element;
 export default TabButton;

package/dist/types/components/atoms/IconText/IconText.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import './IconText.scss';
+import { IconTextTheme } from '../../../types/themes/IconTextThemes';
+interface IconTextProps {
+    icon: IconProp;
+    text: string;
+    theme: IconTextTheme;
+}
+declare const IconText: React.FC<IconTextProps>;
+export default IconText;

package/dist/types/components/atoms/Input/Input.d.ts

@@ -0,0 +1,12 @@
+import React, { ChangeEvent } from 'react';
+import './Input.scss';
+type Props = {
+    placeholder?: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: ChangeEvent<HTMLInputElement>) => void;
+    type?: 'number' | 'text';
+    value?: string | number | null;
+    disabled?: boolean;
+};
+declare const Input: ({ placeholder, onChange, onBlur, type, value, disabled, }: Props) => React.JSX.Element;
+export default Input;

package/dist/types/components/atoms/MultiTagPickerTag/MultiTagPickerTag.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './MultiTagPickerTag.scss';
+interface TagProps {
+    id: string;
+    label: string;
+    selected: boolean;
+    handleTagChange: (changedTo: boolean) => void;
+}
+declare const Select: React.FC<TagProps>;
+export default Select;

package/dist/types/components/atoms/SearchSelect/SearchSelect.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './SearchSelect.scss';
+interface Option {
+    value: string;
+    label: string;
+}
+type Props = {
+    placeholder: string;
+    options: Option[];
+    option: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+};
+declare function SearchSelect({ placeholder, options, option, disabled, onChange, }: Props): React.JSX.Element;
+export default SearchSelect;

package/dist/types/components/atoms/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 type Props = PropsWithChildren<{
-    spacing: number;
+    spacing?: number;
     direction: 'row' | 'column';
     wrap: boolean;
 }>;

package/dist/types/components/atoms/Switch/CustomSwitch.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import { CustomSwitchTheme } from '../../../types/themes/CustomSwitchThemes';
 import './CustomSwitch.scss';
 type CustomSwitchProps = {
     label: string;
     activated: boolean;
     onChange: () => void;
+    theme: CustomSwitchTheme;
 };
 declare const CustomSwitch: React.FC<CustomSwitchProps>;
 export default CustomSwitch;

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

@@ -3,9 +3,9 @@ import 'react-tooltip/dist/react-tooltip.css';
 import './Tooltip.scss';
 interface TooltipWrapperProps {
     id?: string;
-    tip: string;
     interactive?: boolean;
     disabled?: boolean;
+    tip: ReactNode;
     children: ReactNode;
 }
 declare const TooltipWrapper: React.FC<TooltipWrapperProps>;

package/dist/types/components/layout/Footer/Footer.d.ts

@@ -1,8 +1,4 @@
 import React from 'react';
-import { PropsWithChildren } from 'react';
 import './Footer.scss';
-type Props = PropsWithChildren<{
-    footerImg: string;
-}>;
-declare const Footer: ({ footerImg }: Props) => React.JSX.Element;
+declare const Footer: () => React.JSX.Element;
 export default Footer;

package/dist/types/components/layout/Header/Header.d.ts

@@ -1,15 +1,14 @@
-import React from 'react';
-import { PropsWithChildren } from 'react';
-import { LoggedUser } from '../../../types/LoggedUser';
+import React, { ReactNode } from 'react';
 import './Header.scss';
-type Props = PropsWithChildren<{
-    user: LoggedUser;
-    returnToHome: () => void;
-    returnLogout: () => void;
-    homeImg?: string;
-    homeTextImg?: string;
-    logoImg?: string;
-    title?: string;
-}>;
-declare const Header: ({ returnToHome, returnLogout, homeImg, homeTextImg, logoImg, title, user, }: Props) => React.JSX.Element;
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+type Props = {
+    title: string;
+    subTitle?: string;
+    icon?: IconProp;
+    sideBar: boolean;
+    handleSideBar: () => void;
+    profile: ReactNode;
+    handleHome: () => void;
+};
+declare const Header: ({ title, subTitle, icon, sideBar, handleSideBar, profile, handleHome, }: Props) => React.JSX.Element;
 export default Header;

package/dist/types/components/molecules/ConfirmModal/ConfirmModal.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+import './ConfirmModal.scss';
+interface ConfirmModal {
+    title: string;
+    children: ReactNode;
+    handleCancel: () => void;
+    handleConfirm: () => void;
+    working: boolean;
+}
+declare function ConfirmModal({ title, children, handleCancel, handleConfirm, working, }: ConfirmModal): React.JSX.Element;
+export default ConfirmModal;

package/dist/types/components/molecules/Modal/Modal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './Modal.scss';
+declare const Modal: React.ForwardRefExoticComponent<{
+    title: string;
+    modalOnly?: boolean;
+    onClose: () => void;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Modal;

package/dist/types/components/molecules/MultiTagPicker/MultiTagPicker.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import './MultiTagPicker.scss';
+export interface Option {
+    id: string;
+    label: string;
+}
+export interface MultiTagPickerProps {
+    placeholder?: string;
+    noOptionsLabel?: string;
+    searchInput: string;
+    editable: boolean;
+    loading: boolean;
+    optionsSelected: Option[];
+    options: Option[];
+    hasMoreItems: boolean;
+    handleInputKeyDown?: () => void;
+    handleInputChange?: (input: string) => void;
+    handleRemoveItem: (itemId: string) => void;
+    handleAddItem: (item: Option) => void;
+    loadMore?: () => void;
+}
+declare const MultiTagPicker: React.FC<MultiTagPickerProps>;
+export default MultiTagPicker;

package/dist/types/components/molecules/Search/Search.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './Search.scss';
+type Props = {
+    handleSearch: (searchTerm: string) => void;
+};
+export declare const Search: ({ handleSearch }: Props) => React.JSX.Element;
+export default Search;

package/dist/types/components/molecules/Sidebar/Sidebar.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+import './Sidebar.scss';
+interface SidebarProps {
+    title: string;
+    isHome: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    children: ReactNode;
+}
+declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;

package/dist/types/components/organisms/LazyLoader/LazyLoader.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+interface LazyLoaderProps<T> {
+    endpoint: string;
+    params?: Record<string, unknown>;
+    children: (items: T[], loading: boolean, error: ReactNode | null) => ReactNode;
+    scrollableTarget?: string;
+    className?: string;
+    height?: number | string;
+    scrollThreshold?: number | string;
+    limit?: number;
+}
+export declare const LazyLoader: <T extends {
+    id: string | number;
+}>({ endpoint, params, children, scrollableTarget, className, height, scrollThreshold, limit, }: LazyLoaderProps<T>) => React.JSX.Element;
+export {};

package/dist/types/components/organisms/Profile/Profile.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { LoggedUser } from '../../../types/LoggedUser';
 import './Profile.scss';
 type Props = {
     user: LoggedUser;
     handleLogout: () => void;
+    notifications?: ReactNode;
 };
-declare const Profile: ({ user, handleLogout }: Props) => React.JSX.Element;
+declare const Profile: ({ user, handleLogout, notifications }: Props) => React.JSX.Element;
 export default Profile;

package/dist/types/components/organisms/Selector/Selector.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { Fetcher } from '../../../types/Fetcher';
+import './Selector.scss';
+import { SelectableElement } from '../../../types/SelectableElement';
+type SelectorProps<T extends SelectableElement> = {
+    title: string;
+    onClose: () => void;
+    onConfirm: (selected: T[]) => void;
+    onDisabled?: (disabled: T) => ReactNode;
+    initiallySelected: T[];
+    blocked?: string[];
+    single?: boolean;
+    icon: IconProp;
+    fetcher: Fetcher;
+    working?: boolean;
+};
+export declare const Selector: <T extends SelectableElement>({ title, icon, onClose, onConfirm, initiallySelected, blocked, fetcher, single, working, onDisabled, }: SelectorProps<T>) => React.JSX.Element;
+export {};

package/dist/types/constants/Colors.d.ts

@@ -0,0 +1,28 @@
+export declare enum Color {
+    BRIGHT_BLUE = "#006fff",
+    BRIGHT_GREEN = "#17daa4",
+    DARK_BLUE = "#010060",
+    LIGHT_GRAY_01 = "#dddddd",
+    ALMOST_WHITE = "#f8f8f8",
+    ALMOST_BLACK = "#1f1f1f",
+    MEDIUM_BLUE = "#87a9ff",
+    MEDIUM_GREEN = "#b0ebdb",
+    MEDIUM_DARK_BLUE = "#7d7dab",
+    MEDIUM_GRAY_01 = "#c2c2c2",
+    LIGHT_GRAY_02 = "#ededed",
+    LIGHT_BLUE = "#cedcff",
+    DARK_GRAY = "#6c6c6c",
+    WARM_YELLOW = "#ebc25a",
+    WARM_ORANGE = "#eb745a",
+    LIGHT_YELLOW = "#ffedbf",
+    BRIGHT_PURPLE = "#801de2",
+    REJECTED = "#de4321",
+    APPROVED = "#1dc88a",
+    STAND_BY = "#ffcc4a",
+    BG_LIGHT_YELLOW = "#ffedbf",
+    DARK_YELLOW = "#856404",
+    BG_LIGHT_RED = "#ffbdae",
+    DARK_RED = "#842029",
+    BG_SUCCESS = "#8ef8d2",
+    DARK_green = "#0f5132"
+}

package/dist/types/constants/FontWeight.d.ts

@@ -0,0 +1,8 @@
+export declare enum FontWeight {
+    LIGHT = "light",
+    MEDIUM = "medium",
+    REGULAR = "regular",
+    SEMIBOLD = "semibold",
+    BOLD = "bold"
+}
+export declare const WeightValue: Record<FontWeight, number>;

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

@@ -4,5 +4,6 @@ export declare const ApiProvider: React.FC<{
     children: React.ReactNode;
     baseURL: string;
     token?: string;
+    withCredentials?: boolean;
 }>;
 export declare const useAxiosInstance: () => AxiosInstance;

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

@@ -1,25 +1,29 @@
-import React, { ReactNode } from 'react';
-import { KeycloakConfig, KeycloakInstance } from 'keycloak-js';
-import { LoggedUser } from '../types/LoggedUser';
+import React from 'react';
+import Keycloak from 'keycloak-js';
+export interface LoggedUser {
+    id: string;
+    name: string;
+    email: string;
+    roles: string[];
+}
 interface AuthContextProps {
-    keycloak: KeycloakInstance | null;
+    keycloak: Keycloak | null;
     user: LoggedUser | null;
     authenticated: boolean;
     loading: boolean;
     login: () => void;
     logout: () => void;
+    hasRole: (role: string) => boolean;
 }
-interface AuthProviderConfig {
-    keycloakConfig: KeycloakConfig;
-    cookieName?: string;
-    tokenRefreshInterval?: number;
-    minTokenValidity?: number;
-    onInitError?: (error: Error) => void;
-    onTokenRefreshError?: (error: Error) => void;
+export interface AuthProviderProps {
+    children: React.ReactNode;
+    keycloakConfig: {
+        url: string;
+        realm: string;
+        clientId: string;
+    };
+    allowedRoles: string[];
 }
-export declare const AuthProvider: React.FC<{
-    children: ReactNode;
-    config: AuthProviderConfig;
-}>;
+export declare const AuthProvider: React.FC<AuthProviderProps>;
 export declare const useAuth: () => AuthContextProps;
 export {};

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

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { Socket } from 'socket.io-client';
+interface SocketProviderProps {
+    children: ReactNode;
+    config: {
+        serverUrl: string;
+        path?: string;
+        transports?: string[];
+        query?: Record<string, string>;
+    };
+}
+export declare const SocketProvider: React.FC<SocketProviderProps>;
+export declare const useSocket: () => Socket | null;
+export {};

package/dist/types/exports/atoms.d.ts

@@ -0,0 +1,15 @@
+export { default as CustomSwitch } from '../components/atoms/Switch/CustomSwitch';
+export { default as BreadCrumb } from '../components/atoms/BreadCrumb/BreadCrumb';
+export { default as IconText } from '../components/atoms/IconText/IconText';
+export { default as Acronym } from '../components/atoms/Acronym/Acronym';
+export { default as Label } from '../components/atoms/Label/Label';
+export { default as Field } from '../components/atoms/Field/Field';
+export { default as Select } from '../components/atoms/Select/Select';
+export { default as ActionButton } from '../components/atoms/Button/variants/ActionButton';
+export { default as FilterButton } from '../components/atoms/Button/variants/FilterButton';
+export { default as IconButton } from '../components/atoms/Button/variants/IconButton';
+export { default as TabButton } from '../components/atoms/Button/variants/TabButton';
+export { default as MainButton } from '../components/atoms/Button/variants/MainButton';
+export { default as Stack } from '../components/atoms/Stack/Stack';
+export { default as Tooltip } from '../components/atoms/Tooltip/Tooltip';
+export { default as Input } from '../components/atoms/Input/Input';

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

@@ -0,0 +1,3 @@
+export { useAuth, AuthProvider } from '../contexts/authContext';
+export { ApiProvider } from '../contexts/apiContext';
+export { useSocket, SocketProvider } from '../contexts/socketContext';

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

@@ -0,0 +1,2 @@
+export { useApi } from '../hooks/useApi';
+export { RequestOptions } from '../hooks/useApi';

package/dist/types/exports/layout.d.ts

@@ -0,0 +1,4 @@
+export { default as Header } from '../components/layout/Header/Header';
+export { default as Footer } from '../components/layout/Footer/Footer';
+export { default as Error } from '../components/layout/Error/Error';
+export { default as Spinner } from '../components/layout/Spinner/Spinner';

package/dist/types/exports/molecules.d.ts

@@ -0,0 +1,4 @@
+export { default as Modal } from '../components/molecules/Modal/Modal';
+export { default as Sidebar } from '../components/molecules/Sidebar/Sidebar';
+export { default as MultiTagPicker, Option, } from '../components/molecules/MultiTagPicker/MultiTagPicker';
+export { default as ConfirmModal } from '../components/molecules/ConfirmModal/ConfirmModal';

package/dist/types/exports/organisms.d.ts

@@ -0,0 +1,3 @@
+export { default as Profile } from '../components/organisms/Profile/Profile';
+export { LazyLoader } from '../components/organisms/LazyLoader/LazyLoader';
+export { Selector } from '../components/organisms/Selector/Selector';

package/dist/types/exports/pages.d.ts

@@ -0,0 +1,3 @@
+export { default as LoadingPage } from '../pages/Loading/Loading';
+export { default as ErrorPage } from '../pages/Error/ErrorPage';
+export { default as NotFoundPage } from '../pages/NotFound/NotFound';

package/dist/types/exports/styles.d.ts

@@ -0,0 +1,2 @@
+export { getCSSVariable } from '../styles/utils/utils';
+export { FontWeight } from '../constants/FontWeight';

package/dist/types/exports/types.d.ts

@@ -0,0 +1,7 @@
+export { LoggedUser } from '../types/LoggedUser';
+export { Menu, Submenu } from '../types/SidebarMenu';
+export { Fetcher } from '../types/Fetcher';
+export { IconTextTheme } from '../types/themes/IconTextThemes';
+export { ActionButtonTheme, IconButtonTheme, MainButtonTheme, } from '../types/themes/ButtonThemes';
+export { AcronymTheme } from '../types/themes/AcronymThemes';
+export { CustomSwitchTheme } from '../types/themes/CustomSwitchThemes';

package/dist/types/exports/utils.d.ts

@@ -0,0 +1 @@
+export { getAcronym, getFirstAndLastName, partialMatchWithUsername, } from '../utils/stringUtils';

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

@@ -1,11 +1,13 @@
 import React from 'react';
 type AllowedMethods = 'get' | 'post' | 'put' | 'delete' | 'patch';
-interface RequestOptions {
+export interface RequestOptions {
     method: AllowedMethods;
     url: string;
     body?: object | FormData;
     params?: object;
     responseType?: 'blob';
+    timeout?: number;
+    signal?: AbortSignal;
 }
 export declare const useApi: () => {
     request: (options: RequestOptions) => Promise<any | null>;

package/dist/types/index.d.ts

@@ -1,32 +1,10 @@
-export { default as Label } from './components/atoms/Label/Label';
-export { default as BreadCrumb } from './components/atoms/BreadCrumb/BreadCrumb';
-export { default as CustomSwitch } from './components/atoms/Switch/CustomSwitch';
-export { default as Operators } from './components/moleculas/Operators/Operators';
-export { default as Field } from './components/atoms/Field/Field';
-export { default as Card1 } from './components/atoms/Card/Card1';
-export { default as Card2 } from './components/atoms/Card/Card2';
-export { default as Card3 } from './components/atoms/Card/Card3';
-export { default as Card4 } from './components/atoms/Card/Card4';
-export { default as Card5 } from './components/atoms/Card/Card5';
-export { default as Card6 } from './components/atoms/Card/Card6';
-export { default as Select } from './components/atoms/Select/Select';
-export { default as ActionButton } from './components/atoms/Button/variants/ActionButton';
-export { default as FilterButton } from './components/atoms/Button/variants/FilterButton';
-export { default as IconButton } from './components/atoms/Button/variants/IconButton';
-export { default as NavButton } from './components/atoms/Button/variants/NavButton';
-export { default as TabButton } from './components/atoms/Button/variants/TabButton';
-export { default as Stack } from './components/atoms/Stack/Stack';
-export { default as Modal } from './components/moleculas/Modal/Modal';
-export { default as FormItem } from './components/moleculas/FormItem/FormItem';
-export { default as Profile } from './components/organisms/Profile/Profile';
-export { default as Header } from './components/layout/Header/Header';
-export { default as Footer } from './components/layout/Footer/Footer';
-export { default as Error } from './components/layout/Error/Error';
-export { default as Spinner } from './components/layout/Spinner/Spinner';
-export { default as LoadingPage } from './pages/Loading/Loading';
-export { default as ErrorPage } from './pages/Error/ErrorPage';
-export { useAuth, AuthProvider } from './contexts/authContext';
-export { ApiProvider } from './contexts/apiContext';
-export { useApi } from './hooks/useApi';
-export { LoggedUser } from './types/LoggedUser';
-export { ButtonTheme } from './types/ButtonTheme';
+export * from './exports/atoms';
+export * from './exports/molecules';
+export * from './exports/organisms';
+export * from './exports/layout';
+export * from './exports/pages';
+export * from './exports/contexts';
+export * from './exports/hooks';
+export * from './exports/types';
+export * from './exports/styles';
+export * from './exports/utils';

package/dist/types/pages/Error/ErrorPage.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import './ErrorPage.scss';
 interface ErrorProps {
+    title?: string;
     messages: string[];
 }
 declare const ErrorPage: React.FC<ErrorProps>;

package/dist/types/styles/themes/ButtonThemes.d.ts

@@ -0,0 +1,6 @@
+import { IconTextTheme } from '../../exports/types';
+import { ActionButtonTheme, IconButtonTheme } from '../../types/themes/ButtonThemes';
+export declare const ActionButtonThemeStyled: ActionButtonTheme;
+export declare const IconButtonThemeStyled: IconButtonTheme;
+export declare const IconTextDarkThemeStyled: IconTextTheme;
+export declare const IconTextLightThemeStyled: IconTextTheme;

package/dist/types/styles/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare const getCSSVariable: (variable: string) => string;