utopia-ui 3.0.0-alpha.5 → 3.0.0-alpha.51

package/README.md

@@ -1,11 +1,25 @@
 # Utopia UI [![npm version](https://img.shields.io/npm/v/utopia-ui.svg)](https://www.npmjs.com/package/utopia-ui)
-is a UI Library to build mapping apps with focus of real life action, local connection and positiv impact.
+**UI Framework for Real-Life-Networking-Apps**
 
-Check [utopia-os.org](https://utopia-os.org) for more information
+*Real change happens in real life when we meet in person and connect as local communities manifesting their ideas with the earth. When we help each other to step out of capitalism and individualism and start building common infrastructure to meet human needs in harmony with Mother Earth.*
 
-*In early 2021, we developed a Django-based Proof of Concept, which can be found @ [new.docutopia.de](https://new.docutopia.de). This map can be edited freely you can register to create an account and place them on the map.*
+*That is why Utopia UI exists. It is a UI kit for minimalist, fast, intuitive and mobile-first map apps, as a tool for local connection and decentralised networking. It can work with any backend or p2p database and any kind of data structure.*
 
-Utopia UI is the approach to create a Open Source Library of JavaScript Components which should bring useful maps and apps to all kind of projects and communities.
+## Mission 
+Utopia UIs mission is to provide open source building blocks to create beautiful applications with a focus on real life impact, local communities and gamification. 
+
+The building blocks are designed to allow different networks and communities to assemble their map and app for their specific needs and purpose.
+
+Utopia Game is the first app made with Utopia UI. It is an attempt to use gamification to get users to take action and make the map even more alive. Check it out at [utopia-game.org](https://utopia-game.org/) or see the code in the [repository](https://github.com/utopia-os/utopia-game)
+
+## Features
+
+* Interactive Component Map with customizable Layers (like Projects, Event, People)
+* Flexible API-Interface to make it work with every backend or p2p database
+* Create, Update, Delete Items
+* User Authentification API-Interface
+* User Profiles
+* App Shell 
 
 ## Getting Started
 
@@ -67,4 +81,4 @@ You can find some Sample Data (places, events, tags) for test in the `SamleData/
 
 *We are looking for Web Developer, UX Designer, Community Manager, Visionaries, Artists, etc. who like to support this Vision.*
 
-[https://t.me/utopiaOS](https://t.me/utopiaOS)
+[https://t.me/utopiaOS](https://t.me/utopiaOS)

package/dist/Components/AppShell/AppShell.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-export declare function AppShell({ appName, useAuth, children }: {
-    appName: any;
-    useAuth: any;
-    children: any;
+import * as React from 'react';
+import { AssetsApi } from '../../types';
+export declare function AppShell({ appName, nameWidth, children, assetsApi }: {
+    appName: string;
+    nameWidth?: number;
+    children: React.ReactNode;
+    assetsApi: AssetsApi;
 }): JSX.Element;

package/dist/Components/AppShell/NavBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export default function NavBar({ appName, useAuth }: {
+export default function NavBar({ appName, nameWidth }: {
     appName: string;
-    useAuth: any;
+    nameWidth?: number;
 }): JSX.Element;

package/dist/Components/AppShell/SetAssetsApi.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AssetsApi } from '../../types';
+export declare const SetAssetsApi: ({ assetsApi }: {
+    assetsApi: AssetsApi;
+}) => JSX.Element;

package/dist/Components/AppShell/SideBar.d.ts

@@ -4,8 +4,10 @@ declare type route = {
     icon: JSX.Element;
     name: string;
     submenu?: route;
+    blank?: boolean;
 };
-export declare function SideBar({ routes }: {
+export declare function SideBar({ routes, bottomRoutes }: {
     routes: route[];
+    bottomRoutes?: route[];
 }): JSX.Element;
 export {};

package/dist/Components/AppShell/hooks/useAssets.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { AssetsApi } from '../../../types';
+declare type UseAssetManagerResult = ReturnType<typeof useAssetsManager>;
+declare function useAssetsManager(): {
+    api: AssetsApi;
+    setAssetsApi: (api: AssetsApi) => void;
+};
+export declare const AssetsProvider: React.FunctionComponent<{
+    children?: React.ReactNode;
+}>;
+export declare const useAssetApi: () => AssetsApi;
+export declare const useSetAssetApi: () => UseAssetManagerResult["setAssetsApi"];
+export {};

package/dist/Components/Auth/LoginPage copy.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function LoginPage(): JSX.Element;

package/dist/Components/Auth/RequestPasswordPage.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function RequestPasswordPage({ reset_url }: {
+    reset_url: any;
+}): JSX.Element;

package/dist/Components/Auth/ResetPasswordPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ResetPasswordPage(reset_url: any): JSX.Element;

package/dist/Components/Auth/SetNewPasswordPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SetNewPasswordPage(): JSX.Element;

package/dist/Components/Auth/Signuppage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SignupPage(): JSX.Element;

package/dist/Components/Auth/index.d.ts

@@ -1,3 +1,5 @@
 export { AuthProvider, useAuth } from "./useAuth";
 export { LoginPage } from "./LoginPage";
-export { SignupPage } from "./SignupPage";
+export { SignupPage } from './SignupPage';
+export { RequestPasswordPage } from './RequestPasswordPage';
+export { SetNewPasswordPage } from './SetNewPasswordPage';

package/dist/Components/Auth/useAuth.d.ts

@@ -10,14 +10,16 @@ declare type AuthCredentials = {
     otp?: string | undefined;
 };
 declare type AuthContextProps = {
-    isAuthenticated: Boolean;
+    isAuthenticated: boolean;
     user: UserItem | null;
     login: (credentials: AuthCredentials) => Promise<UserItem | undefined>;
     register: (credentials: AuthCredentials, userName: string) => Promise<UserItem | undefined>;
     loading: Boolean;
-    logout: () => void;
+    logout: () => Promise<any>;
     updateUser: (user: UserItem) => any;
     token: String | null;
+    requestPasswordReset: (email: string, reset_url: string) => Promise<any>;
+    passwordReset: (token: string, new_password: string) => Promise<any>;
 };
 export declare const AuthProvider: ({ userApi, children }: AuthProviderProps) => JSX.Element;
 export declare const useAuth: () => AuthContextProps;

package/dist/Components/Gaming/Modal.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-declare type ChapterProps = {
-    clickAction?: () => void;
-};
-export declare function Welcome1({ clickAction }: ChapterProps): JSX.Element;
-export declare function Welcome2({ clickAction }: ChapterProps): JSX.Element;
-export declare function Welcome3({ clickAction }: ChapterProps): JSX.Element;
-export declare function Modal(): JSX.Element;
-export {};
+export declare function Modal({ children }: {
+    children: any;
+}): JSX.Element;

package/dist/Components/Gaming/hooks/useQuests.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare type UseQuestManagerResult = ReturnType<typeof useQuestsManager>;
+declare function useQuestsManager(initialOpen: boolean): {
+    open: boolean;
+    setQuestsOpen: (open: boolean) => void;
+};
+export declare const QuestsProvider: React.FunctionComponent<{
+    initialOpen: boolean;
+    children?: React.ReactNode;
+}>;
+export declare const useQuestsOpen: () => boolean;
+export declare const useSetQuestOpen: () => UseQuestManagerResult["setQuestsOpen"];
+export {};

package/dist/Components/Input/SelectBox.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare type SelectBoxProps = {
+    labelTitle?: string;
+    labelStyle?: string;
+    type?: string;
+    containerStyle?: string;
+    defaultValue: string;
+    placeholder?: string;
+    updateFormValue: (value: string) => void;
+    options: {
+        name: string;
+        value: string;
+    }[];
+    labelDescription?: string;
+};
+export declare function SelectBox(props: SelectBoxProps): JSX.Element;
+export {};

package/dist/Components/Input/TextInput.d.ts

@@ -8,7 +8,8 @@ declare type InputTextProps = {
     inputStyle?: string;
     defaultValue?: string;
     placeholder?: string;
+    autocomplete?: string;
     updateFormValue?: (value: string) => void;
 };
-export declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, inputStyle, defaultValue, placeholder, updateFormValue }: InputTextProps): JSX.Element;
+export declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, inputStyle, defaultValue, placeholder, autocomplete, updateFormValue }: InputTextProps): JSX.Element;
 export {};

package/dist/Components/Input/index.d.ts

@@ -1,2 +1,3 @@
 export { TextAreaInput } from "./TextAreaInput";
 export { TextInput } from "./TextInput";
+export { SelectBox } from "./SelectBox";

package/dist/Components/Map/Layer.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { LayerProps } from '../../types';
-export declare const Layer: (props: LayerProps) => JSX.Element;
+export declare const Layer: ({ data, children, name, menuIcon, menuText, menuColor, markerIcon, markerShape, markerDefaultColor, api, itemNameField, itemTextField, itemAvatarField, itemColorField, itemOwnerField, itemLatitudeField, itemLongitudeField, setItemFormPopup, itemFormPopup, clusterRef }: LayerProps) => JSX.Element;

package/dist/Components/Map/Permissions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ItemsApi, Permission } from '../../types';
+export declare function Permissions({ data, api, adminRole }: {
+    data?: Permission[];
+    api?: ItemsApi<Permission>;
+    adminRole?: string;
+}): JSX.Element;

package/dist/Components/Map/Subcomponents/AddButton.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export default function AddButton({ setSelectMode }: {
-    setSelectMode: React.Dispatch<React.SetStateAction<any>>;
+export default function AddButton({ setSelectNewItemPosition }: {
+    setSelectNewItemPosition: React.Dispatch<React.SetStateAction<any>>;
 }): JSX.Element;

package/dist/Components/Map/Subcomponents/Control.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const Control: ({ position, children }: {
+    position: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+    children: React.ReactNode;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/Control.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const Control: ({ position, children, zIndex }: {
+    position: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+    children: React.ReactNode;
+    zIndex: string;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/FilterControl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const FilterControl: () => JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/LayerControl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function LayerControl(): JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/LocateControl.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import 'leaflet.locatecontrol';
+import 'leaflet.locatecontrol/dist/L.Control.Locate.css';
+export declare const LocateControl: () => JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/QuestControl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function QuestControl(): JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/SearchControl.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SearchControl: ({ clusterRef }: {
+    clusterRef: any;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/TagsControl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const TagsControl: () => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemFormPopup.d.ts

@@ -6,6 +6,6 @@ export interface ItemFormPopupProps {
     layer: LayerProps;
     item?: Item;
     children?: React.ReactNode;
-    setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
+    setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
 }
 export declare function ItemFormPopup(props: ItemFormPopupProps): JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/PopupButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Item } from '../../../../types';
+export declare const PopupButton: ({ url, parameterField, text, colorField, item }: {
+    url: string;
+    parameterField?: string | undefined;
+    text: string;
+    colorField?: string | undefined;
+    item?: Item | undefined;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.d.ts

@@ -1,2 +1,8 @@
 /// <reference types="react" />
-export declare const PopupTextInput: () => JSX.Element;
+import { Item } from '../../../../types';
+export declare const PopupTextInput: ({ dataField, placeholder, style, item }: {
+    dataField: string;
+    placeholder: string;
+    style?: string | undefined;
+    item?: Item | undefined;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemViewPopup.d.ts

@@ -6,4 +6,4 @@ export interface ItemViewPopupProps {
     children?: React.ReactNode;
     setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
 }
-export declare const ItemViewPopup: (props: ItemViewPopupProps) => JSX.Element;
+export declare const ItemViewPopup: React.ForwardRefExoticComponent<ItemViewPopupProps & React.RefAttributes<unknown>>;

package/dist/Components/Map/Subcomponents/LayerControl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function LayerControl(): JSX.Element;

package/dist/Components/Map/Subcomponents/QuestControl.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function QuestControl(): JSX.Element;

package/dist/Components/Map/UtopiaMap.d.ts

@@ -3,8 +3,8 @@ import * as React from "react";
 import { LayerProps, UtopiaMapProps } from "../../types";
 import "./UtopiaMap.css";
 export interface MapEventListenerProps {
-    selectMode: LayerProps | null;
-    setSelectMode: React.Dispatch<any>;
+    selectNewItemPosition: LayerProps | null;
+    setSelectNewItemPosition: React.Dispatch<any>;
     setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
 }
 declare function UtopiaMap({ height, width, center, zoom, children }: UtopiaMapProps): JSX.Element;

package/dist/Components/Map/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: (callback: any, delay: any, deps: any) => void;

package/dist/Components/Map/hooks/useFilter.d.ts

@@ -1,13 +1,18 @@
 import * as React from "react";
-import { Tag } from "../../../types";
+import { LayerProps, Tag } from "../../../types";
 declare type UseFilterManagerResult = ReturnType<typeof useFilterManager>;
 declare function useFilterManager(initialTags: Tag[]): {
     filterTags: Tag[];
     searchPhrase: string;
+    visibleLayers: LayerProps[];
     addFilterTag: (tag: Tag) => void;
     removeFilterTag: (id: string) => void;
     resetFilterTags: () => void;
     setSearchPhrase: (phrase: string) => void;
+    addVisibleLayer: (layer: LayerProps) => void;
+    toggleVisibleLayer: (layer: LayerProps) => void;
+    resetVisibleLayers: () => void;
+    isLayerVisible: (layer: LayerProps) => boolean;
 };
 export declare const FilterProvider: React.FunctionComponent<{
     initialTags: Tag[];
@@ -19,4 +24,9 @@ export declare const useRemoveFilterTag: () => UseFilterManagerResult["removeFil
 export declare const useResetFilterTags: () => UseFilterManagerResult["resetFilterTags"];
 export declare const useSearchPhrase: () => UseFilterManagerResult["searchPhrase"];
 export declare const useSetSearchPhrase: () => UseFilterManagerResult["setSearchPhrase"];
+export declare const useVisibleLayer: () => UseFilterManagerResult["visibleLayers"];
+export declare const useAddVisibleLayer: () => UseFilterManagerResult["addVisibleLayer"];
+export declare const useToggleVisibleLayer: () => UseFilterManagerResult["toggleVisibleLayer"];
+export declare const useResetVisibleLayers: () => UseFilterManagerResult["resetVisibleLayers"];
+export declare const useIsLayerVisible: () => UseFilterManagerResult["isLayerVisible"];
 export {};

package/dist/Components/Map/hooks/useLeafletRefs.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Item } from "../../../types";
+import { Marker, Popup } from "leaflet";
+declare type LeafletRef = {
+    item: Item;
+    marker: Marker;
+    popup: Popup;
+};
+declare type UseLeafletRefsManagerResult = ReturnType<typeof useLeafletRefsManager>;
+declare function useLeafletRefsManager(initialLeafletRefs: {}): {
+    leafletRefs: Record<string, LeafletRef>;
+    addMarker: (item: Item, marker: Marker) => void;
+    addPopup: (item: Item, popup: Popup) => void;
+};
+export declare const LeafletRefsProvider: React.FunctionComponent<{
+    initialLeafletRefs: {};
+    children?: React.ReactNode;
+}>;
+export declare const useLeafletRefs: () => Record<string, LeafletRef>;
+export declare const useAddMarker: () => UseLeafletRefsManagerResult["addMarker"];
+export declare const useAddPopup: () => UseLeafletRefsManagerResult["addPopup"];
+export {};

package/dist/Components/Map/hooks/usePermissions.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ItemsApi, Permission, PermissionAction } from "../../../types";
+declare type UsePermissionManagerResult = ReturnType<typeof usePermissionsManager>;
+declare function usePermissionsManager(initialPermissions: Permission[]): {
+    permissions: Permission[];
+    setPermissionApi: (api: ItemsApi<any>) => void;
+    setPermissionData: (data: Permission[]) => void;
+    setAdminRole: (adminRole: string) => void;
+    hasUserPermission: (collectionName: string, action: PermissionAction) => boolean;
+};
+export declare const PermissionsProvider: React.FunctionComponent<{
+    initialPermissions: Permission[];
+    children?: React.ReactNode;
+}>;
+export declare const usePermissions: () => Permission[];
+export declare const useSetPermissionApi: () => UsePermissionManagerResult["setPermissionApi"];
+export declare const useSetPermissionData: () => UsePermissionManagerResult["setPermissionData"];
+export declare const useHasUserPermission: () => UsePermissionManagerResult["hasUserPermission"];
+export declare const useSetAdminRole: () => UsePermissionManagerResult["setAdminRole"];
+export {};

package/dist/Components/Map/hooks/useTags.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ItemsApi, Tag } from "../../../types";
+import { Item, ItemsApi, Tag } from "../../../types";
 declare type UseTagManagerResult = ReturnType<typeof useTagsManager>;
 declare function useTagsManager(initialTags: Tag[]): {
     tags: Tag[];
@@ -7,6 +7,8 @@ declare function useTagsManager(initialTags: Tag[]): {
     removeTag: (id: string) => void;
     setTagApi: (api: ItemsApi<Tag>) => void;
     setTagData: (data: Tag[]) => void;
+    getItemTags: (item: Item) => Tag[];
+    allTagsLoaded: boolean;
 };
 export declare const TagsProvider: React.FunctionComponent<{
     initialTags: Tag[];
@@ -17,4 +19,6 @@ export declare const useAddTag: () => UseTagManagerResult["addTag"];
 export declare const useRemoveTag: () => UseTagManagerResult["removeTag"];
 export declare const useSetTagApi: () => UseTagManagerResult["setTagApi"];
 export declare const useSetTagData: () => UseTagManagerResult["setTagData"];
+export declare const useGetItemTags: () => UseTagManagerResult["getItemTags"];
+export declare const useAllTagsLoaded: () => UseTagManagerResult["allTagsLoaded"];
 export {};

package/dist/Components/Map/hooks/useTimeout.d.ts

@@ -0,0 +1,4 @@
+export declare const useTimeout: (callback: any, delay: any) => {
+    reset: () => void;
+    clear: () => void;
+};

package/dist/Components/Map/hooks/useWindowDimension.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(): {
+    width: number;
+    height: number;
+};

package/dist/Components/Map/index.d.ts

@@ -1,9 +1,12 @@
 export { UtopiaMap } from './UtopiaMap';
 export { Layer } from './Layer';
 export { Tags } from "./Tags";
+export { Permissions } from "./Permissions";
 export { ItemForm } from './ItemForm';
 export { ItemView } from './ItemView';
 export { PopupTextAreaInput } from './Subcomponents/ItemPopupComponents/PopupTextAreaInput';
 export { PopupStartEndInput } from './Subcomponents/ItemPopupComponents/PopupStartEndInput';
+export { PopupTextInput } from './Subcomponents/ItemPopupComponents/PopupTextInput';
 export { TextView } from './Subcomponents/ItemPopupComponents/TextView';
 export { StartEndView } from './Subcomponents/ItemPopupComponents/StartEndView';
+export { PopupButton } from './Subcomponents/ItemPopupComponents/PopupButton';

package/dist/Components/Profile/ColorPicker.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./ColorPicker.css";
+export declare const ColorPicker: ({ color, onChange, className }: {
+    color: any;
+    onChange: any;
+    className: any;
+}) => JSX.Element;

package/dist/Components/Profile/ProfileSettings.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import 'react-image-crop/dist/ReactCrop.css';
+import 'react-toastify/dist/ReactToastify.css';
+export declare function ProfileSettings(): JSX.Element;

package/dist/Components/Profile/Settings.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
+import 'react-image-crop/dist/ReactCrop.css';
 import 'react-toastify/dist/ReactToastify.css';
-export declare function Settings({ useAuth }: {
-    useAuth: any;
-}): JSX.Element;
+export declare function Settings(): JSX.Element;

package/dist/Components/Profile/UserSettings.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import 'react-image-crop/dist/ReactCrop.css';
+import 'react-toastify/dist/ReactToastify.css';
+export declare function UserSettings(): JSX.Element;

package/dist/Components/Profile/index.d.ts

@@ -1 +1,2 @@
-export { Settings } from './Settings';
+export { UserSettings } from './UserSettings';
+export { ProfileSettings } from './ProfileSettings';

package/dist/Components/Profile/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (ref: any, handler: any) => void;
+export default useClickOutside;

package/dist/Components/Templates/CardPage.d.ts

@@ -1,5 +1,10 @@
 import * as React from "react";
-export declare function CardPage({ title, children }: {
+export declare function CardPage({ title, hideTitle, children, parent }: {
     title: string;
+    hideTitle?: boolean;
     children?: React.ReactNode;
+    parent?: {
+        name: string;
+        url: string;
+    };
 }): JSX.Element;

package/dist/Components/Templates/MapOverlayPage.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare function MapOverlayPage({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/Components/Templates/MapOverlayScreen.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare function MapOverlayScreen({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/Components/Templates/TitleCard.d.ts

@@ -1,9 +1,11 @@
 import * as React from "react";
 interface TitleCardProps {
-    title: string;
-    children: React.ReactNode;
-    topMargin: string;
+    title?: string;
+    hideTitle?: boolean;
+    children?: React.ReactNode;
+    topMargin?: string;
+    className?: string;
     TopSideButtons?: any;
 }
-export declare function TitleCard({ title, children, topMargin, TopSideButtons }: TitleCardProps): JSX.Element;
+export declare function TitleCard({ title, hideTitle, children, topMargin, TopSideButtons, className }: TitleCardProps): JSX.Element;
 export {};

package/dist/Components/Templates/index.d.ts

@@ -1,2 +1,3 @@
 export { CardPage } from './CardPage';
 export { TitleCard } from './TitleCard';
+export { MapOverlayPage } from './MapOverlayPage';

package/dist/Utils/DynamicHeroIcon.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 declare const DynamicHeroIcon: FC<{
     icon: string;
+    type?: "solid" | "outline";
+    className?: string;
 }>;
 export default DynamicHeroIcon;

package/dist/Utils/GetValue.d.ts

@@ -0,0 +1 @@
+export declare function getValue(obj: any, path: any): any;

package/dist/Utils/TimeAgo.d.ts

@@ -0,0 +1 @@
+export declare const timeAgo: (date: string | number | Date) => string;

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-export { UtopiaMap, Layer, Tags, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, TextView, StartEndView } from './Components/Map/index';
+export { UtopiaMap, Layer, Tags, Permissions, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, PopupTextInput, PopupButton, TextView, StartEndView } from './Components/Map';
 export { AppShell, Content, SideBar } from "./Components/AppShell";
-export { AuthProvider, useAuth, LoginPage, SignupPage } from "./Components/Auth";
-export { Settings } from './Components/Profile';
+export { AuthProvider, useAuth, LoginPage, SignupPage, RequestPasswordPage, SetNewPasswordPage } from "./Components/Auth";
+export { UserSettings, ProfileSettings } from './Components/Profile';
 export { Quests, Modal } from './Components/Gaming';
 export { TitleCard, CardPage } from './Components/Templates';
-export { TextInput, TextAreaInput } from './Components/Input';
+export { TextInput, TextAreaInput, SelectBox } from './Components/Input';
 import "./index.css";
 declare global {
     interface Window {