@interopio/home-ui-react 1.1.1 → 1.2.1

package/lib/applications-section/applications-section.d.ts

@@ -1,2 +1,3 @@
-export declare function ApplicationsSection(): import("react/jsx-runtime").JSX.Element;
+import { ApplicationsSectionProps } from './types';
+export declare function ApplicationsSection(props: ApplicationsSectionProps): import("react/jsx-runtime").JSX.Element;
 export default ApplicationsSection;

package/lib/applications-section/helpers.d.ts

@@ -1,5 +1,6 @@
 import { IOConnectBrowser } from '@interopio/browser';
 import { SectionType } from '../section/types';
+import { ApplicationsSectionProps } from './types';
 export declare const getApplicationsSectionConfig: (applications: IOConnectBrowser.AppManager.Application[], runningInstances: {
     [appName: string]: string[];
-}) => SectionType;
+}, settings: ApplicationsSectionProps) => SectionType;

package/lib/applications-section/types.d.ts

@@ -0,0 +1,4 @@
+import { DefaultSectionProps } from '../../common/types';
+export type ApplicationsSectionProps = {
+    isFolderCollapsible?: boolean;
+} & DefaultSectionProps;

package/lib/base-section/base-section-header.d.ts

@@ -3,6 +3,9 @@ interface BaseSectionHeaderProps extends React.HTMLProps<HTMLHeadingElement> {
     iconSrc?: string;
     iconName?: string;
     title: string;
+    isOpen?: boolean;
+    showCollapseIcon?: boolean;
+    showHoverIndicator?: boolean;
 }
 export declare const BaseSectionHeader: (props: BaseSectionHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default BaseSectionHeader;

package/lib/base-section/base-section.d.ts

@@ -1,6 +1,6 @@
 import type { BaseSectionItemType, BaseSectionType } from './types';
 import { ActivationEvent } from '../../helpers/a11y';
-interface BaseSectionProps<Item extends BaseSectionItemType> {
+export interface BaseSectionProps<Item extends BaseSectionItemType> {
     config: BaseSectionType<Item>;
     isFavoritismEnabled?: boolean;
     level?: number;

package/lib/base-section/types.d.ts

@@ -1,4 +1,14 @@
 import { ContextMenuAction } from '../context-menu/types';
+export type PaginationSettings = {
+    showAllItems: boolean;
+    displayCount?: never;
+} | {
+    showAllItems?: never;
+    displayCount: number;
+} | {
+    showAllItems?: never;
+    displayCount?: never;
+};
 export interface BaseSectionItemType {
     description?: string;
     icon?: string;
@@ -9,11 +19,11 @@ export interface BaseSectionItemType {
     title: string;
     type: string;
 }
-export interface BaseSectionType<Item extends BaseSectionItemType> {
+export type BaseSectionType<Item extends BaseSectionItemType> = {
     iconSrc?: string;
     iconName?: string;
     id: string;
     items: (Item | BaseSectionType<Item>)[];
     title: string;
-    displayCount?: number;
-}
+    isCollapsible?: boolean;
+} & PaginationSettings;

package/lib/browser-not-supported/additional-information.d.ts

@@ -0,0 +1,5 @@
+interface AdditionalInformationProps {
+    supportEmail?: string;
+}
+export declare const AdditionalInformation: ({ supportEmail }: AdditionalInformationProps) => import("react/jsx-runtime").JSX.Element;
+export default AdditionalInformation;

package/lib/browser-not-supported/browser-not-supported.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface BrowserNotSupportedProps {
+    components?: {
+        Logo?: React.ComponentType<{
+            className?: string;
+        }>;
+    };
+    supportEmail?: string;
+}
+export declare const BrowserNotSupported: ({ components: { Logo }, supportEmail }: BrowserNotSupportedProps) => import("react/jsx-runtime").JSX.Element;
+export default BrowserNotSupported;

package/lib/browser-not-supported/constants.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const RECOMMENDED_BROWSERS: {
+    name: string;
+    Image: React.ComponentType;
+    url: string;
+}[];

package/lib/favorites-section/favorites-section.d.ts

@@ -1,2 +1,3 @@
-export declare const FavoritesSection: () => import("react/jsx-runtime").JSX.Element | null;
+import { DefaultSectionProps } from '../../common/types';
+export declare const FavoritesSection: (props: DefaultSectionProps) => import("react/jsx-runtime").JSX.Element | null;
 export default FavoritesSection;

package/lib/favorites-section/helpers.d.ts

@@ -1,3 +1,3 @@
-import type { FavoriteEntity } from '../../common/types';
+import type { DefaultSectionProps, FavoriteEntity } from '../../common/types';
 import type { SectionType } from '../section/types';
-export declare const getFavoritesSectionConfig: (favorites: FavoriteEntity[]) => SectionType;
+export declare const getFavoritesSectionConfig: (favorites: FavoriteEntity[], settings: DefaultSectionProps) => SectionType;

package/lib/home-app-workspace/after-tabs.d.ts

@@ -0,0 +1,3 @@
+import { GroupHeaderComponentProps } from '@interopio/workspaces-ui-react/dist/cjs/types/api';
+export declare const AfterTabs: ({ groupId, workspaceId }: GroupHeaderComponentProps) => false | import("react/jsx-runtime").JSX.Element;
+export default AfterTabs;

package/lib/home-app-workspace/group-header-buttons.d.ts

@@ -0,0 +1,3 @@
+import { GroupHeaderButtonsProps } from '@interopio/workspaces-ui-react';
+export declare const HeaderButtons: (props: GroupHeaderButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default HeaderButtons;

package/lib/home-app-workspace/home-app-workspace-logo-area.d.ts

@@ -0,0 +1 @@
+export declare const HomeAppWorkspaceLogoArea: () => import("react/jsx-runtime").JSX.Element;

package/lib/home-app-workspace/home-app-workspace.d.ts

@@ -0,0 +1,9 @@
+import { User, WorkspacesConfig, LaunchpadConfig } from '../io-connect-home/types';
+interface HomeAppWorkspaceProps {
+    onLogout?: () => void;
+    user?: User | null;
+    workspaces?: WorkspacesConfig;
+    launchpad?: LaunchpadConfig;
+}
+export declare const HomeAppWorkspace: ({ onLogout, user, workspaces, launchpad }: HomeAppWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/home-app-workspace/index.d.ts

@@ -0,0 +1,2 @@
+export * from './workspace-logo';
+export * from './home-app-workspace';

package/lib/home-app-workspace/useAddWindowButtonVisible.d.ts

@@ -0,0 +1 @@
+export declare function useAddWindowButtonVisible(workspaceId: string, groupId: string): boolean;

package/lib/home-app-workspace/workspace-components-context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { WorkspaceLogoProps } from '.';
+export declare const WorkspaceComponentsContext: import("react").Context<{
+    workspaceLogoProps: WorkspaceLogoProps;
+    HeaderLogoArea?: import("react").ComponentType<WorkspaceLogoProps> | undefined;
+} | undefined>;
+export declare const useWorkspaceComponentsContext: () => {
+    workspaceLogoProps: WorkspaceLogoProps;
+    HeaderLogoArea?: import("react").ComponentType<WorkspaceLogoProps> | undefined;
+};

package/lib/home-app-workspace/workspace-logo.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { LaunchpadConfig, User } from '../io-connect-home/types';
+export interface WorkspaceLogoProps {
+    onLogout?: () => void;
+    user?: User | null;
+    launchpad?: LaunchpadConfig;
+    icon?: React.ReactElement;
+}
+export declare const WorkspaceLogo: (props: WorkspaceLogoProps) => import("react/jsx-runtime").JSX.Element;
+export default WorkspaceLogo;

package/lib/icon-components/google-chrome-icon.d.ts

@@ -0,0 +1,2 @@
+export declare const GoogleChromeIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default GoogleChromeIcon;

package/lib/icon-components/index.d.ts

@@ -1,4 +1,7 @@
 export * from './browser-notifications-icon';
+export * from './google-chrome-icon';
+export * from './microsoft-edge-icon';
+export * from './opera-icon';
 export * from './reopen-prompt-icon';
 export * from './warning-icon';
 export * from './window-placement-icon';

package/lib/icon-components/microsoft-edge-icon.d.ts

@@ -0,0 +1,2 @@
+export declare const MicrosoftEdgeIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default MicrosoftEdgeIcon;

package/lib/icon-components/opera-icon.d.ts

@@ -0,0 +1,2 @@
+export declare const OperaIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default OperaIcon;

package/lib/info-card/info-card.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface InfoCardProps {
+    children?: React.ReactNode;
+    heading?: string;
+    description: string | React.ReactElement;
+    Image?: React.ComponentType;
+    title?: string;
+}
+export declare const InfoCard: ({ children, description, heading, Image, title }: InfoCardProps) => import("react/jsx-runtime").JSX.Element;
+export default InfoCard;

package/lib/info-page-container/info-page-container.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface InfoPageContainerProps {
+    Logo: React.ComponentType<{
+        className?: string;
+    }>;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const InfoPageContainer: ({ className, children, Logo }: InfoPageContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default InfoPageContainer;

package/lib/io-connect-home/auth0-login-home.d.ts

@@ -0,0 +1,8 @@
+import { Auth0LoginConfig, IOConnectHomeConfig } from './types';
+interface Auth0LoginHomeProps {
+    config: IOConnectHomeConfig & {
+        login: Auth0LoginConfig;
+    };
+}
+export declare const Auth0LoginHome: ({ config }: Auth0LoginHomeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/io-connect-home/helpers.d.ts

@@ -0,0 +1,2 @@
+import { IOConnectInitSettings } from '@interopio/react-hooks';
+export declare const getIOConnectProviderSettings: (ioConnectConfig: IOConnectInitSettings, username: string) => IOConnectInitSettings;

package/lib/io-connect-home/home-app.d.ts

@@ -0,0 +1,2 @@
+import { IOConnectHomeProps } from './types';
+export declare const HomeApp: ({ config }: IOConnectHomeProps) => import("react/jsx-runtime").JSX.Element;

package/lib/io-connect-home/io-connect-home.d.ts

@@ -0,0 +1,2 @@
+import { IOConnectHomeProps } from './types';
+export declare const IOConnectHome: ({ config }: IOConnectHomeProps) => import("react/jsx-runtime").JSX.Element;

package/lib/io-connect-home/no-login-home.d.ts

@@ -0,0 +1,2 @@
+import { IOConnectHomeProps } from './types';
+export declare const NoLoginHome: ({ config }: IOConnectHomeProps) => import("react/jsx-runtime").JSX.Element;

package/lib/io-connect-home/simple-login-home.d.ts

@@ -0,0 +1,8 @@
+import { IOConnectHomeConfig, SimpleLoginConfig } from './types';
+interface SimpleLoginHomeProps {
+    config: IOConnectHomeConfig & {
+        login: SimpleLoginConfig;
+    };
+}
+export declare const SimpleLoginHome: ({ config }: SimpleLoginHomeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/io-connect-home/types.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { IOConnectInitSettings } from '@interopio/react-hooks';
+import { Auth0ProviderOptions } from '@auth0/auth0-react';
+import { WorkspacesProps } from '@interopio/workspaces-ui-react';
+import { LoginPageComponents } from '../login/types';
+import { LaunchpadComponents } from '../launchpad/types';
+import { WorkspaceLogoProps } from '../home-app-workspace';
+export interface User {
+    id: string;
+    username?: string;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+    avatarUrl?: string;
+}
+export interface SetupFlowSettings {
+    edgeNotificationsPermissionTimeout?: number;
+}
+export interface SetupFlowComponents {
+    Logo?: React.ComponentType;
+}
+export interface SetupFlowConfig {
+    enabled?: boolean;
+    components?: SetupFlowComponents;
+    settings?: SetupFlowSettings;
+}
+export interface WorkspacesConfig {
+    components?: WorkspacesProps['components'];
+    HeaderLogoArea?: React.ComponentType<WorkspaceLogoProps>;
+}
+export interface LaunchpadConfig {
+    components?: LaunchpadComponents;
+}
+export interface Auth0LoginConfig {
+    type: 'auth0';
+    providerOptions: Auth0ProviderOptions;
+    components?: LoginPageComponents;
+}
+export interface SimpleLoginConfig {
+    type: 'simple';
+    onLogin: (user: string, password: string) => Promise<User>;
+    onLogout?: () => void;
+    userInputName?: string;
+    components?: LoginPageComponents;
+}
+export type LoginConfig = Auth0LoginConfig | SimpleLoginConfig;
+export interface IOConnectHomeConfig {
+    ioConnectConfig: IOConnectInitSettings;
+    login?: LoginConfig;
+    setupFlow?: SetupFlowConfig;
+    workspaces?: WorkspacesConfig;
+    launchpad?: LaunchpadConfig;
+}
+export interface IOConnectHomeProps {
+    config: IOConnectHomeConfig;
+}

package/lib/launchpad/default-sections.d.ts

@@ -0,0 +1,2 @@
+export declare const DefaultSections: () => import("react/jsx-runtime").JSX.Element;
+export default DefaultSections;

package/lib/launchpad/launchpad.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
+import { User } from '../io-connect-home/types';
+import { LaunchpadComponents } from './types';
 export interface LaunchpadProps extends React.HTMLProps<HTMLDivElement> {
     open: boolean;
     setOpen: React.Dispatch<React.SetStateAction<boolean>>;
     onLogout?: () => void;
-    components?: {
-        sections?: JSX.Element;
-    };
-    user?: {
-        name?: string;
-    };
+    components?: LaunchpadComponents;
+    user?: User | null;
 }
 export declare function Launchpad(props: LaunchpadProps): import("react/jsx-runtime").JSX.Element;
 export default Launchpad;

package/lib/launchpad/types.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface LaunchpadComponentsBasic {
+    NotificationsPanel?: React.ComponentType | null;
+    UserPanel?: React.ComponentType | null;
+}
+export type LaunchpadComponents = (LaunchpadComponentsBasic & {
+    sections?: never;
+    Sections?: never;
+}) | (LaunchpadComponentsBasic & {
+    sections: React.ReactElement;
+    Sections?: never;
+}) | (LaunchpadComponentsBasic & {
+    sections?: never;
+    Sections: React.ComponentType;
+});
+export {};

package/lib/layouts-panel/types.d.ts

@@ -12,6 +12,7 @@ export interface Action {
     label: string;
     disabled?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    testId?: string;
 }
 export interface Notification {
     message: string;

package/lib/loader/index.d.ts

@@ -0,0 +1 @@
+export * from './loader';

package/lib/loader/loader.d.ts

@@ -0,0 +1,2 @@
+export declare const Loader: () => import("react/jsx-runtime").JSX.Element;
+export default Loader;

package/lib/login/auth0/auth0-login-form.d.ts

@@ -0,0 +1,4 @@
+export interface Auth0LoginFormProps {
+    onLogin: () => void;
+}
+export declare const Auth0LoginForm: ({ onLogin }: Auth0LoginFormProps) => import("react/jsx-runtime").JSX.Element;

package/lib/login/auth0/auth0-login-page.d.ts

@@ -0,0 +1,9 @@
+import { LoginPageComponents } from '../types';
+export interface Auth0LoginPageProps {
+    className?: string;
+    onLogin: () => void;
+    isLoading: boolean;
+    components?: LoginPageComponents;
+}
+export declare const Auth0LoginPage: ({ className, onLogin, isLoading, components }: Auth0LoginPageProps) => import("react/jsx-runtime").JSX.Element;
+export default Auth0LoginPage;

package/lib/login/index.d.ts

@@ -1,3 +1,5 @@
-export * from './login';
-export * from './login-loader';
-export * from './login-auth0';
+export * from './logout-page';
+export * from './auth0/auth0-login-form';
+export * from './auth0/auth0-login-page';
+export * from './simple/simple-login-page';
+export * from './simple/simple-login-form';

package/lib/login/login-heading.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
 export interface LoginHeadingProps {
     className?: string;
     text?: string;
 }
-export declare const LoginHeading: FC<LoginHeadingProps>;
+export declare const LoginHeading: ({ className, text }: LoginHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/lib/login/login-logo.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
 export interface LogoProps {
     logoSrc?: string;
     width?: string;
     className?: string;
 }
-export declare const LoginLogo: FC<LogoProps>;
+export declare const LoginLogo: ({ logoSrc, width, className }: LogoProps) => import("react/jsx-runtime").JSX.Element;

package/lib/login/logout-page.d.ts

@@ -0,0 +1,7 @@
+import { LoginPageComponents } from './types';
+interface LogoutPageProps {
+    components?: LoginPageComponents;
+    className?: string;
+}
+export declare const LogoutPage: ({ components, className }: LogoutPageProps) => import("react/jsx-runtime").JSX.Element;
+export default LogoutPage;

package/lib/login/simple/reducers.d.ts

@@ -0,0 +1,2 @@
+import { LoginFormElementReducer } from '../types';
+export declare const inputReducer: LoginFormElementReducer;

package/lib/login/simple/simple-login-form.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SimpleLoginFormProps {
+    onLogin: (user: string, password: string) => Promise<void>;
+    userInputName?: string;
+    setIsLoading: React.Dispatch<React.SetStateAction<boolean>>;
+    loginError: Error | null;
+    setLoginError: React.Dispatch<React.SetStateAction<Error | null>>;
+}
+declare const SimpleLoginForm: ({ onLogin, setIsLoading, loginError, setLoginError, userInputName }: SimpleLoginFormProps) => import("react/jsx-runtime").JSX.Element;
+export default SimpleLoginForm;

package/lib/login/simple/simple-login-page.d.ts

@@ -0,0 +1,8 @@
+import { LoginPageComponents } from '../types';
+export interface SimpleLoginPageProps {
+    className?: string;
+    onLogin: (user: string, password: string) => Promise<void>;
+    userInputName?: string;
+    components?: LoginPageComponents;
+}
+export declare const SimpleLoginPage: ({ className, onLogin, components, userInputName }: SimpleLoginPageProps) => import("react/jsx-runtime").JSX.Element;

package/lib/login/types.d.ts

@@ -1,16 +1,13 @@
 import { Reducer } from 'react';
-export interface LoginDesignProps {
-    components?: {
-        Logo?: React.ComponentType;
-        Heading?: React.ComponentType;
-    };
-}
 export type LoginFormElementReducer = Reducer<LoginFormElementState, LoginFormElementAction>;
 export interface LoginFormElementState {
     value: string;
     isValid: boolean;
-    validationError?: string;
 }
 export interface LoginFormElementAction {
-    value?: string;
+    value: string;
+}
+export interface LoginPageComponents {
+    Logo?: React.ComponentType;
+    Heading?: React.ComponentType;
 }

package/lib/login/verifying-credentials.d.ts

@@ -0,0 +1 @@
+export declare const VerifyingCredentials: () => import("react/jsx-runtime").JSX.Element;

package/lib/panels/launchpad-slide-panel.d.ts

@@ -1,12 +1,10 @@
 /// <reference types="react" />
+import { User } from '../io-connect-home/types';
+import { LaunchpadComponents } from '../launchpad/types';
 export interface LaunchpadSlidePanelProps {
-    icon: JSX.Element;
-    components?: {
-        sections?: JSX.Element;
-    };
+    icon?: React.ReactElement;
+    components?: LaunchpadComponents;
     onLogout?: () => void;
-    user?: {
-        name?: string;
-    };
+    user?: User | null;
 }
 export declare const LaunchpadSlidePanel: (props: LaunchpadSlidePanelProps) => import("react/jsx-runtime").JSX.Element;

package/lib/panels/slide-panel.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export interface SlidePanelRenderPropsProps {
-    icon: JSX.Element;
+    icon: React.ReactElement;
     children: (props: {
         open: boolean;
         setOpen: React.Dispatch<React.SetStateAction<boolean>>;

package/lib/section/section.d.ts

@@ -1,5 +1,5 @@
 import type { SectionItemType, SectionType } from './types';
-interface SectionProps {
+export interface SectionProps {
     config: SectionType;
     onItemClick?: (params: {
         item: SectionItemType;

package/lib/user-panel/support-card.d.ts

@@ -0,0 +1,11 @@
+import { HTMLProps } from 'react';
+import { User } from '../io-connect-home/types';
+export interface SupportCardProps {
+    title?: string;
+    description?: string;
+    links?: HTMLProps<HTMLAnchorElement>[];
+    onLogout?: () => void;
+    user?: User | null;
+}
+export declare const SupportCard: ({ title, description, links, onLogout, user }: SupportCardProps) => import("react/jsx-runtime").JSX.Element;
+export default SupportCard;

package/lib/user-panel/user-details-card.d.ts

@@ -0,0 +1,6 @@
+import { User } from '../io-connect-home/types';
+export interface UserDetailsCardProps {
+    user?: User | null;
+}
+export declare const UserDetailsCard: ({ user }: UserDetailsCardProps) => import("react/jsx-runtime").JSX.Element;
+export default UserDetailsCard;

package/lib/user-panel/user-panel-icon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface UserPanelIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    initials: string;
+}
+export declare const UserPanelIcon: (props: UserPanelIconProps) => import("react/jsx-runtime").JSX.Element;
+export default UserPanelIcon;

package/lib/user-panel/user-panel.d.ts

@@ -0,0 +1,7 @@
+import { User } from '../io-connect-home/types';
+export interface UserPanelProps {
+    onLogout?: () => void;
+    user?: User | null;
+}
+export declare const UserPanel: ({ onLogout, user }: UserPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default UserPanel;

package/lib/workspaces-section/helpers.d.ts

@@ -1,5 +1,6 @@
+import { DefaultSectionProps } from '../../common/types';
 import type { SectionType } from '../section/types';
 import type { Workspace } from './types';
 export declare const getWorkspacesSectionConfig: (workspaces: Workspace[], runningInstances: {
     [appName: string]: string[];
-}) => SectionType;
+}, settings: DefaultSectionProps) => SectionType;

package/lib/workspaces-section/workspaces-section.d.ts

@@ -1,2 +1,3 @@
-export declare const WorkspacesSection: () => import("react/jsx-runtime").JSX.Element;
+import { DefaultSectionProps } from '../../common/types';
+export declare const WorkspacesSection: (props: DefaultSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default WorkspacesSection;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@interopio/home-ui-react",
   "description": "React components for building a Home App for io.Connect Browser.",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -18,11 +18,9 @@
   "peerDependencies": {
     "react": "18",
     "react-dom": "18",
-    "@interopio/desktop": "6",
-    "@interopio/browser": "3",
-    "@interopio/react-hooks": "3",
-    "@interopio/search-api": "2",
-    "@interopio/workspaces-api": "3"
+    "@interopio/react-hooks": ">=3.0.0",
+    "@interopio/workspaces-api": ">=3.0.0",
+    "@interopio/workspaces-ui-react": ">=3.0.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {

package/lib/launchpad/features/profile-settings/profile-icon.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ProfileIconProps extends React.HTMLAttributes<HTMLDivElement> {
-    initials: string;
-}
-export declare const ProfileIcon: (props: ProfileIconProps) => import("react/jsx-runtime").JSX.Element;
-export default ProfileIcon;

package/lib/launchpad/features/profile-settings/profile-settings.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-export interface ProfileSettingsProps {
-    onLogout?: () => void;
-    user?: {
-        name?: string;
-    };
-}
-export declare const ProfileSettings: FC<ProfileSettingsProps>;
-export default ProfileSettings;

package/lib/login/login-auth0.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-import { LoginDesignProps } from './types';
-export interface LoginAuth0Props extends LoginDesignProps {
-    onLogin: () => void;
-}
-export declare const LoginAuth0: FC<LoginAuth0Props>;

package/lib/login/login-form.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-export interface LoginFormProps {
-    email: string;
-    password: string;
-    errorMessage?: string;
-    canSubmit: boolean;
-    onSubmit: () => void;
-    onChange: (element: React.ChangeEvent<HTMLInputElement>) => void;
-}
-declare const LoginForm: FC<LoginFormProps>;
-export default LoginForm;