@dxos/react-ui 0.1.41-next.adfd7c6 → 0.3.3-main.5b114d4

package/dist/types/src/panels/index.d.ts

@@ -1,5 +0,0 @@
-export * from './DevicesPanel';
-export * from './IdentityPanel';
-export * from './JoinPanel';
-export * from './SpacePanel';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/panels/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/panels/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/types/src/playwright/invitations-manager.d.ts

@@ -1,25 +0,0 @@
-import type { Browser } from 'playwright';
-import { ConnectionState, Invitation } from '@dxos/protocols/proto/dxos/client/services';
-import { ShellManager } from '../testing';
-export declare type PanelType = number | 'identity' | 'devices' | 'spaces' | 'join';
-export declare class InvitationsManager extends ShellManager {
-    private readonly _browser;
-    private _initialized;
-    private _invitationCode;
-    private _authCode;
-    constructor(_browser: Browser);
-    init(): Promise<void>;
-    peer(id: number): import("playwright").Locator;
-    getNetworkStatus(id: number): Promise<ConnectionState>;
-    getDisplayName(id: number): Promise<string | null>;
-    getSpaceName(id: number, nth: number): Promise<string | null>;
-    getAuthCode(): Promise<string>;
-    toggleNetworkStatus(id: number): Promise<void>;
-    openPanel(id: number, panel: PanelType): Promise<void>;
-    createIdentity(id: number): Promise<void>;
-    createSpace(id: number): Promise<void>;
-    createInvitation(id: number, type: 'device' | 'space', options?: Partial<Invitation>): Promise<string>;
-    acceptInvitation(id: number, type: 'device' | 'space', invitation: string): Promise<void>;
-    private _onConsoleMessage;
-}
-//# sourceMappingURL=invitations-manager.d.ts.map

package/dist/types/src/playwright/invitations-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"invitations-manager.d.ts","sourceRoot":"","sources":["../../../../src/playwright/invitations-manager.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAkB,MAAM,YAAY,CAAC;AAI1D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAGzF,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAM1C,oBAAY,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E,qBAAa,kBAAmB,SAAQ,YAAY;IAKtC,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAJrC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,SAAS,CAAyB;gBAEb,QAAQ,EAAE,OAAO;IAIxC,IAAI;IAiBV,IAAI,CAAC,EAAE,EAAE,MAAM;IAIT,gBAAgB,CAAC,EAAE,EAAE,MAAM;IAW3B,cAAc,CAAC,EAAE,EAAE,MAAM;IAKzB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;IAKpC,WAAW,IAAI,OAAO,CAAC,MAAM,CAAC;IAO9B,mBAAmB,CAAC,EAAE,EAAE,MAAM;IAI9B,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS;IA2BtC,cAAc,CAAC,EAAE,EAAE,MAAM;IASzB,WAAW,CAAC,EAAE,EAAE,MAAM;IAItB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC;IAsBtG,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM;YAUjE,iBAAiB;CAUhC"}

package/dist/types/src/playwright/invitations.spec.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=invitations.spec.d.ts.map

package/dist/types/src/playwright/invitations.spec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"invitations.spec.d.ts","sourceRoot":"","sources":["../../../../src/playwright/invitations.spec.ts"],"names":[],"mappings":""}

package/dist/types/src/playwright/playwright.config.d.ts

@@ -1,3 +0,0 @@
-import { defaultPlaywrightConfig } from '@dxos/test/playwright';
-export default defaultPlaywrightConfig;
-//# sourceMappingURL=playwright.config.d.ts.map

package/dist/types/src/playwright/playwright.config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"playwright.config.d.ts","sourceRoot":"","sources":["../../../../src/playwright/playwright.config.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAe,uBAAuB,CAAC"}

package/dist/types/src/stories/Invitations.stories.d.ts

@@ -1,14 +0,0 @@
-import '@dxosTheme';
-import { Space } from '@dxos/react-client';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare type PanelType = Space | 'identity' | 'devices' | 'join';
-export declare const Default: {
-    render: ({ id }: {
-        id: number;
-    }) => JSX.Element;
-    decorators: import("@storybook/csf").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, any>[];
-};
-//# sourceMappingURL=Invitations.stories.d.ts.map

package/dist/types/src/stories/Invitations.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Invitations.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Invitations.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAMpB,OAAO,EAAE,KAAK,EAAmE,MAAM,oBAAoB,CAAC;;;;AAO5G,wBAEE;AAEF,oBAAY,SAAS,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAkKhE,eAAO,MAAM,OAAO;;YAtFU,MAAM;;;CAyFnC,CAAC"}

package/dist/types/src/styles/dialogStyles.d.ts

@@ -1,3 +0,0 @@
-export declare const defaultOverlay = "fixed inset-0 backdrop-blur z-50 overflow-auto grid place-items-center p-2 md:p-4 lg:p-8";
-export declare const defaultDialogContent = "is-full min-is-[260px] max-is-[320px] rounded-md shadow-md backdrop-blur-md";
-//# sourceMappingURL=dialogStyles.d.ts.map

package/dist/types/src/styles/dialogStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialogStyles.d.ts","sourceRoot":"","sources":["../../../../src/styles/dialogStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,6FACiE,CAAC;AAE7F,eAAO,MAAM,oBAAoB,gFAAgF,CAAC"}

package/dist/types/src/styles/index.d.ts

@@ -1,4 +0,0 @@
-export * from './dialogStyles';
-export * from './panelStyles';
-export * from './invitationStatusStyles';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/styles/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC"}

package/dist/types/src/styles/invitationStatusStyles.d.ts

@@ -1,20 +0,0 @@
-import { Invitation } from '@dxos/client';
-export declare const inactiveBgColor = "bg-neutral-100 dark:bg-neutral-600";
-export declare const activeBgColor = "bg-primary-500 dark:bg-primary-400";
-export declare const successBgColor = "bg-success-500 dark:bg-success-400";
-export declare const errorBgColor = "bg-error-500 dark:bg-error-400";
-export declare const cancelledBgColor = "bg-warning-500 dark:bg-warning-400";
-export declare const inactiveTextColor = "text-neutral-100 dark:text-neutral-600";
-export declare const activeTextColor = "text-primary-400 dark:text-primary-500";
-export declare const successTextColor = "text-success-400 dark:text-success-500";
-export declare const errorTextColor = "text-error-400 dark:text-error-500";
-export declare const cancelledTextColor = "text-warning-400 dark:text-warning-500";
-export declare const inactiveStrokeColor = "stroke-neutral-100 dark:stroke-neutral-700";
-export declare const activeStrokeColor = "stroke-primary-500 dark:stroke-primary-150";
-export declare const successStrokeColor = "stroke-success-400 dark:stroke-primary-400";
-export declare const errorStrokeColor = "stroke-error-400 dark:stroke-error-500";
-export declare const cancelledStrokeColor = "stroke-warning-400 dark:stroke-warning-500";
-export declare const resolvedStrokeColor: (status: Invitation.State) => "stroke-success-400 dark:stroke-primary-400" | "stroke-error-400 dark:stroke-error-500" | "stroke-warning-400 dark:stroke-warning-500";
-export declare const resolvedBgColor: (status: Invitation.State) => "bg-success-500 dark:bg-success-400" | "bg-error-500 dark:bg-error-400" | "bg-warning-500 dark:bg-warning-400";
-export declare const resolvedTextColor: (status: Invitation.State) => "text-success-400 dark:text-success-500" | "text-error-400 dark:text-error-500" | "text-warning-400 dark:text-warning-500";
-//# sourceMappingURL=invitationStatusStyles.d.ts.map

package/dist/types/src/styles/invitationStatusStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"invitationStatusStyles.d.ts","sourceRoot":"","sources":["../../../../src/styles/invitationStatusStyles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,eAAe,uCAAuC,CAAC;AACpE,eAAO,MAAM,aAAa,uCAAuC,CAAC;AAClE,eAAO,MAAM,cAAc,uCAAuC,CAAC;AACnE,eAAO,MAAM,YAAY,mCAAmC,CAAC;AAC7D,eAAO,MAAM,gBAAgB,uCAAuC,CAAC;AAErE,eAAO,MAAM,iBAAiB,2CAA2C,CAAC;AAC1E,eAAO,MAAM,eAAe,2CAA2C,CAAC;AACxE,eAAO,MAAM,gBAAgB,2CAA2C,CAAC;AACzE,eAAO,MAAM,cAAc,uCAAuC,CAAC;AACnE,eAAO,MAAM,kBAAkB,2CAA2C,CAAC;AAE3E,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAChF,eAAO,MAAM,iBAAiB,+CAA+C,CAAC;AAC9E,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,gBAAgB,2CAA2C,CAAC;AACzE,eAAO,MAAM,oBAAoB,+CAA+C,CAAC;AAEjF,eAAO,MAAM,mBAAmB,WAAY,WAAW,KAAK,2IAKpC,CAAC;AACzB,eAAO,MAAM,eAAe,WAAY,WAAW,KAAK,mHAKpC,CAAC;AACrB,eAAO,MAAM,iBAAiB,WAAY,WAAW,KAAK,+HAKpC,CAAC"}

package/dist/types/src/styles/panelStyles.d.ts

@@ -1,4 +0,0 @@
-export declare const defaultSurface = "bg-neutral-50/[.72] dark:bg-neutral-950/[.72]";
-export declare const subduedSurface = "bg-neutral-100/[.66] dark:bg-neutral-900/[.66]";
-export declare const defaultArrow = "text-neutral-50/[.66] dark:text-neutral-950/[.66]";
-//# sourceMappingURL=panelStyles.d.ts.map

package/dist/types/src/styles/panelStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"panelStyles.d.ts","sourceRoot":"","sources":["../../../../src/styles/panelStyles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,kDAAkD,CAAC;AAC9E,eAAO,MAAM,cAAc,mDAAmD,CAAC;AAC/E,eAAO,MAAM,YAAY,sDAAsD,CAAC"}

package/dist/types/src/testing/index.d.ts

@@ -1,2 +0,0 @@
-export * from './shell-manager';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/testing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/types/src/testing/shell-manager.d.ts

@@ -1,17 +0,0 @@
-import type { Locator, Page, FrameLocator } from 'playwright';
-declare type Scope = Locator | FrameLocator | Page;
-export declare class ShellManager {
-    page: Page;
-    authenticatorIsVisible(type: 'device' | 'space', scope?: Scope): Promise<boolean>;
-    invitationFailed(scope?: Scope, timeout?: number): Promise<boolean>;
-    inputInvitation(type: 'device' | 'space', invitation: string, scope?: Scope): Promise<void>;
-    invitationInputContinue(type: 'device' | 'space', scope?: Scope): Promise<void>;
-    cancelInvitation(type: 'device' | 'space', kind: 'host' | 'guest', scope?: Scope): Promise<void>;
-    readyToAuthenticate(type: 'device' | 'space', scope?: Scope, timeout?: number): Promise<boolean>;
-    authenticateInvitation(type: 'device' | 'space', authCode: string, scope?: Scope): Promise<void>;
-    clearAuthCode(type: 'device' | 'space', scope?: Scope): Promise<void>;
-    resetInvitation(scope?: Scope): Promise<void>;
-    doneInvitation(type: 'device' | 'space', scope?: Scope): Promise<void>;
-}
-export {};
-//# sourceMappingURL=shell-manager.d.ts.map

package/dist/types/src/testing/shell-manager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shell-manager.d.ts","sourceRoot":"","sources":["../../../../src/testing/shell-manager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE9D,aAAK,KAAK,GAAG,OAAO,GAAG,YAAY,GAAG,IAAI,CAAC;AAE3C,qBAAa,YAAY;IACvB,IAAI,EAAG,IAAI,CAAC;IAEZ,sBAAsB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK;IAIxD,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,SAAO;IAU9C,eAAe,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK;IAK3E,uBAAuB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK;IAI/D,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK;IAUhF,mBAAmB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,SAAO;IAY3E,sBAAsB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK;IAOhF,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK;IAMrD,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK;IAI7B,cAAc,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,KAAK;CAK7D"}

package/dist/types/src/translations/index.d.ts

@@ -1,5 +0,0 @@
-import * as enUS from './locales/en-US';
-export declare const osTranslations: {
-    'en-US': typeof enUS;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/translations/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/translations/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AAExC,eAAO,MAAM,cAAc;;CAAoB,CAAC"}

package/dist/types/src/translations/locales/en-US.d.ts

@@ -1,66 +0,0 @@
-export declare const os: {
-    'manage profile label': string;
-    'identity offline description': string;
-    'sidebar label': string;
-    'copy invitation code label': string;
-    'copy invitation code success label': string;
-    'open share panel label': string;
-    'joining space heading': string;
-    'join space heading': string;
-    'halo heading': string;
-    'exit label': string;
-    'identity selector title': string;
-    'identity radio group title': string;
-    'add identity label': string;
-    'continue label': string;
-    'back label': string;
-    'next label': string;
-    'close label': string;
-    'auth choices label': string;
-    'create identity label': string;
-    'create identity description': string;
-    'recover identity label': string;
-    'recover identity description': string;
-    'join identity label': string;
-    'join identity description': string;
-    'deselect identity label': string;
-    'addition method selector title': string;
-    'new identity input label': string;
-    'recover identity input label': string;
-    'failed to create identity message': string;
-    'failed to recover identity message': string;
-    'failed to authenticate message': string;
-    'identity added label': string;
-    'join space as identity heading': string;
-    'error status label': string;
-    'timeout status label': string;
-    'cancelled status label': string;
-    'init status label': string;
-    'connecting status label': string;
-    'connected status label': string;
-    'authenticating status label': string;
-    'success status label': string;
-    'connect label': string;
-    'reconnect label': string;
-    'cancel label': string;
-    'done label': string;
-    'reset label': string;
-    'auth code input label': string;
-    'invitation input label': string;
-    'create device invitation label': string;
-    'create space invitation label': string;
-    'qr label': string;
-    'empty invitations message': string;
-    'show all spaces label': string;
-    'all spaces label': string;
-    'create space label': string;
-    'join space label': string;
-    'show current space label': string;
-    'view space invitations label': string;
-    'toggle sidebar label': string;
-    'open sidebar label': string;
-    'close sidebar label': string;
-    'welcome message': string;
-    'selecting identity heading': string;
-};
-//# sourceMappingURL=en-US.d.ts.map

package/dist/types/src/translations/locales/en-US.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEd,CAAC"}

package/dist/types/src/util/invitationStatusValue.d.ts

@@ -1,8 +0,0 @@
-import { Invitation } from '@dxos/client';
-/**
- * This map assigns a numeric value to invitation states to facilitate
- * more terse code which uses combinations of `>`, `<`, and `=` instead of
- * longer sequences of `===` and `||` predicates.
- */
-export declare const invitationStatusValue: Map<Invitation.State, number>;
-//# sourceMappingURL=invitationStatusValue.d.ts.map

package/dist/types/src/util/invitationStatusValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"invitationStatusValue.d.ts","sourceRoot":"","sources":["../../../../src/util/invitationStatusValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,+BAUhC,CAAC"}

package/dist/types/src/util/toEmoji.d.ts

@@ -1,2 +0,0 @@
-export declare const toEmoji: (keyAsHex: string) => string;
-//# sourceMappingURL=toEmoji.d.ts.map

package/dist/types/src/util/toEmoji.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toEmoji.d.ts","sourceRoot":"","sources":["../../../../src/util/toEmoji.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,OAAO,aAAc,MAAM,WAAiD,CAAC"}

package/src/components/Clipboard/ClipboardProvider.tsx

@@ -1,26 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { createContext, PropsWithChildren, useCallback, useContext, useState } from 'react';
-
-export type ClipboardContextValue = {
-  textValue: string;
-  setTextValue: (nextValue: string) => Promise<void>;
-};
-
-export const ClipboardContext = createContext<ClipboardContextValue>({
-  textValue: '',
-  setTextValue: async (_) => {}
-});
-
-export const useClipboardContext = () => useContext(ClipboardContext);
-
-export const ClipboardProvider = ({ children }: PropsWithChildren<{}>) => {
-  const [textValue, setInternalTextValue] = useState('');
-  const setTextValue = useCallback(async (nextValue: string) => {
-    await navigator.clipboard.writeText(nextValue);
-    return setInternalTextValue(nextValue);
-  }, []);
-  return <ClipboardContext.Provider value={{ textValue, setTextValue }}>{children}</ClipboardContext.Provider>;
-};

package/src/components/Clipboard/CopyButton.tsx

@@ -1,38 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Check, Copy } from '@phosphor-icons/react';
-import React from 'react';
-
-import { Button, getSize, mx, useTranslation } from '@dxos/react-components';
-
-import { useClipboardContext } from './ClipboardProvider';
-
-export type CopyButtonProps = {
-  value: string;
-};
-
-const inactiveLabelStyles = 'invisible bs-px -mbe-px';
-
-export const CopyButton = ({ value }: CopyButtonProps) => {
-  const { t } = useTranslation('os');
-  const { textValue, setTextValue } = useClipboardContext();
-  const isCopied = textValue === value;
-  return (
-    <Button
-      className='inline-flex flex-col justify-center'
-      onClick={() => setTextValue(value)}
-      data-testid='copy-invitation'
-    >
-      <div role='none' className={mx('flex gap-1', isCopied && inactiveLabelStyles)}>
-        <span className='pli-1'>{t('copy invitation code label')}</span>
-        <Copy className={getSize(4)} weight='bold' />
-      </div>
-      <div role='none' className={mx('flex gap-1', !isCopied && inactiveLabelStyles)}>
-        <span className='pli-1'>{t('copy invitation code success label')}</span>
-        <Check className={getSize(4)} weight='bold' />
-      </div>
-    </Button>
-  );
-};

package/src/components/Clipboard/index.ts

@@ -1,6 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './CopyButton';
-export * from './ClipboardProvider';

package/src/components/IdentityList/DeviceList.tsx

@@ -1,31 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { Device } from '@dxos/protocols/proto/dxos/client/services';
-
-import { IdentityListItem } from './IdentityListItem';
-
-export interface DeviceListProps {
-  devices: Device[];
-  onSelect?: (device: Device) => void;
-}
-
-export const DeviceList = ({ devices, onSelect }: DeviceListProps) => {
-  return (
-    <ul className='flex flex-col gap-2'>
-      {devices.map((device) => {
-        const identity = { identityKey: device.deviceKey, profile: { displayName: device.profile?.displayName } };
-        return (
-          <IdentityListItem
-            key={device.deviceKey.toHex()}
-            identity={identity}
-            onClick={onSelect && (() => onSelect(device))}
-          />
-        );
-      })}
-    </ul>
-  );
-};

package/src/components/IdentityList/IdentityListItem.stories.tsx

@@ -1,23 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import '@dxosTheme';
-
-import { IdentityListItem } from './IdentityListItem';
-
-export default {
-  component: IdentityListItem
-};
-
-export const Default = {
-  args: {
-    identity: {
-      identityKey: {
-        toHex: () => '888',
-        truncate: () => '888..888'
-      }
-    },
-    presence: 0
-  }
-};

package/src/components/IdentityList/IdentityListItem.tsx

@@ -1,48 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-import React from 'react';
-
-import { Identity, SpaceMember } from '@dxos/client';
-import { Avatar, mx, useTranslation } from '@dxos/react-components';
-
-export const IdentityListItem = ({
-  identity,
-  presence,
-  onClick
-}: {
-  identity: Identity;
-  presence?: SpaceMember['presence'];
-  onClick?: () => void;
-}) => {
-  const { t } = useTranslation('os');
-  return (
-    <li
-      className={mx('flex gap-2 items-center', onClick && 'cursor-pointer')}
-      onClick={() => onClick?.()}
-      data-testid='identity-list-item'
-    >
-      <Avatar
-        {...{
-          variant: 'circle',
-          size: 9,
-          fallbackValue: identity.identityKey.toHex(),
-          label: <p className='text-sm truncate'>{identity.profile?.displayName ?? identity.identityKey.truncate()}</p>,
-          ...(presence === SpaceMember.PresenceState.OFFLINE && {
-            status: 'inactive',
-            description: (
-              <p
-                className='font-system-normal text-xs text-neutral-700 dark:text-neutral-300'
-                data-testid='identity-list-item.description'
-              >
-                {t('identity offline description')}
-              </p>
-            )
-          }),
-          ...(presence === SpaceMember.PresenceState.ONLINE && { status: 'active' }),
-          slots: { labels: { className: 'block shrink overflow-hidden' }, root: { className: 'shrink-0' } }
-        }}
-      />
-    </li>
-  );
-};

package/src/components/IdentityList/SpaceMemberList.tsx

@@ -1,33 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import type { SpaceMember } from '@dxos/client';
-
-import { IdentityListItem } from './IdentityListItem';
-
-export interface SpaceMemberListProps {
-  members: SpaceMember[];
-  onSelect?: (member: SpaceMember) => void;
-}
-
-export const SpaceMemberList = ({ members, onSelect }: SpaceMemberListProps) => {
-  return (
-    <ul className='flex flex-col gap-2'>
-      {members
-        .filter((member) => member.identity)
-        .map((member) => {
-          return (
-            <IdentityListItem
-              key={member.identity.identityKey.toHex()}
-              identity={member.identity}
-              presence={member.presence}
-              onClick={onSelect && (() => onSelect(member))}
-            />
-          );
-        })}
-    </ul>
-  );
-};

package/src/components/IdentityList/SpaceMemberListContainer.tsx

@@ -1,32 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-import React, { useMemo } from 'react';
-
-import { PublicKey } from '@dxos/keys';
-import { SpaceMember, useClient, useMembers } from '@dxos/react-client';
-
-import { SpaceMemberList } from './SpaceMemberList';
-
-export interface SpaceMemberListContainerProps {
-  spaceKey: PublicKey;
-  includeSelf?: boolean;
-  onSelect?: (member: SpaceMember) => void;
-}
-
-export const SpaceMemberListContainer = ({ spaceKey, includeSelf, onSelect }: SpaceMemberListContainerProps) => {
-  const client = useClient();
-  const allUnsortedMembers = useMembers(spaceKey);
-  const members = useMemo(
-    () =>
-      includeSelf
-        ? allUnsortedMembers.sort((a) =>
-            a.identity.identityKey.equals(client.halo.identity.get()!.identityKey) ? -1 : 1
-          )
-        : allUnsortedMembers.filter(
-            (member) => !member.identity.identityKey.equals(client.halo.identity.get()!.identityKey)
-          ),
-    [allUnsortedMembers]
-  );
-  return <SpaceMemberList members={members} onSelect={onSelect} />;
-};

package/src/components/IdentityList/index.ts

@@ -1,8 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './DeviceList';
-export * from './IdentityListItem';
-export * from './SpaceMemberList';
-export * from './SpaceMemberListContainer';

package/src/components/InvitationEmoji/InvitationEmoji.tsx

@@ -1,32 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { ComponentPropsWithoutRef } from 'react';
-
-import { getSize, mx } from '@dxos/react-components';
-
-import { toEmoji } from '../../util';
-
-export type InvitationEmojiProps = {
-  invitationId?: string;
-  size?: 'lg' | 'sm';
-} & ComponentPropsWithoutRef<'div'>;
-
-export const InvitationEmoji = ({ invitationId, size = 'lg', ...rootProps }: InvitationEmojiProps) => {
-  const invitationEmoji = invitationId && toEmoji(invitationId);
-  return (
-    <div
-      role='none'
-      {...rootProps}
-      className={mx(
-        getSize(size === 'sm' ? 8 : 12),
-        'inline-flex items-center justify-center leading-none',
-        size === 'sm' ? 'text-2xl' : 'text-5xl bg-neutral-300 dark:bg-neutral-700 rounded-full',
-        rootProps.className
-      )}
-    >
-      <span role='none'>{invitationEmoji}</span>
-    </div>
-  );
-};

package/src/components/InvitationEmoji/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './InvitationEmoji';

package/src/components/InvitationList/InvitationList.stories.tsx

@@ -1,65 +0,0 @@
-//
-// Copyright 2022 DXOS.org
-//
-
-import '@dxosTheme';
-
-import { StoryFn } from '@storybook/react';
-import React, { useMemo, useState } from 'react';
-
-import { CancellableInvitationObservable, Client, Invitation } from '@dxos/client';
-import { TestBuilder } from '@dxos/client-services/testing';
-import { log } from '@dxos/log';
-import { useAsyncEffect } from '@dxos/react-async';
-import { ClientProvider } from '@dxos/react-client';
-import { Loading, mx, ThemeContext } from '@dxos/react-components';
-
-import { defaultSurface } from '../../styles';
-import { InvitationList } from './InvitationList';
-
-export default {
-  component: InvitationList
-};
-
-export const Default = {
-  decorators: [
-    (Story: StoryFn) => {
-      const testBuilder = new TestBuilder();
-      const clients = useMemo(() => {
-        return [...Array(1)].map(() => new Client({ services: testBuilder.createLocal() }));
-      }, []);
-
-      const [invitations, setInvitations] = useState<CancellableInvitationObservable[]>([]);
-
-      useAsyncEffect(async () => {
-        await Promise.all(clients.map((client) => client.initialize()));
-        log.info('[initialized]');
-
-        await clients[0].halo.createIdentity({ displayName: 'Os Mutantes' });
-
-        const space = await clients[0].createSpace();
-        log.info('[space created]', space);
-        space.properties.name = 'Q3 2022 Planning';
-        log.info('[space title set]', space?.properties.name);
-
-        setInvitations([...Array(4)].map(() => space.createInvitation({ type: Invitation.Type.INTERACTIVE })));
-
-        log.info('[invitations created]');
-
-        return () => {
-          void Promise.all(clients.map((client) => client.destroy()));
-        };
-      }, clients);
-
-      return (
-        <ClientProvider client={clients[0]} fallback={() => <Loading label='Loading client…' />}>
-          <ThemeContext.Provider value={{ themeVariant: 'os' }}>
-            <div className={mx(defaultSurface, 'max-is-xs mli-auto rounded-md p-2 backdrop-blur-md')}>
-              <Story args={{ invitations, createInvitationUrl: (code: string) => code }} />
-            </div>
-          </ThemeContext.Provider>
-        </ClientProvider>
-      );
-    }
-  ]
-};