@dxos/react-ui 0.1.24 → 0.1.25-next.3c6b542

package/dist/types/src/layouts/PanelDialog/PanelDialog.d.ts

@@ -0,0 +1,14 @@
+import * as Dialog from '@radix-ui/react-dialog';
+import { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
+export interface PanelDialogSlots {
+    root: ComponentPropsWithoutRef<typeof Dialog.Root>;
+    overlay: ComponentPropsWithoutRef<typeof Dialog.Overlay>;
+    content: ComponentPropsWithoutRef<typeof Dialog.Content>;
+    trigger: ComponentPropsWithoutRef<typeof Dialog.Trigger>;
+}
+export declare type PanelDialogProps = PropsWithChildren<{
+    titleId: string;
+    slots?: Partial<PanelDialogSlots>;
+}>;
+export declare const PanelDialog: ({ titleId, slots, children }: PanelDialogProps) => JSX.Element;
+//# sourceMappingURL=PanelDialog.d.ts.map

package/dist/types/src/layouts/PanelDialog/PanelDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelDialog.d.ts","sourceRoot":"","sources":["../../../../../src/layouts/PanelDialog/PanelDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAc,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,OAAO,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;IACzD,OAAO,EAAE,wBAAwB,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;CAC1D;AAED,oBAAY,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,iCAAuC,gBAAgB,gBAe9E,CAAC"}

package/dist/types/src/layouts/PanelDialog/index.d.ts

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

package/dist/types/src/layouts/PanelDialog/index.d.ts.map

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

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

@@ -1,4 +1,5 @@
 export * from './PanelPopover';
 export * from './PanelSidebar';
 export * from './PanelAlertDialog';
+export * from './PanelDialog';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,10 @@
+import { cloneElement } from 'react';
+export declare type DevicesPanelProps = {
+    titleId?: string;
+    createInvitationUrl: (invitationCode: string) => string;
+    doneActionParent?: Parameters<typeof cloneElement>[0];
+    onDone?: () => void;
+};
+export declare type DevicesView = 'device list';
+export declare const DevicesPanel: (props: DevicesPanelProps) => JSX.Element;
+//# sourceMappingURL=DevicesPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DevicesPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/DevicesPanel/DevicesPanel.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAQxD,oBAAY,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG,aAAa,CAAC;AA8DxC,eAAO,MAAM,YAAY,UAAW,iBAAiB,gBAepD,CAAC"}

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

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

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

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

package/dist/types/src/panels/JoinPanel/JoinHeading.d.ts

@@ -1,10 +1,13 @@
 import React, { cloneElement } from 'react';
 import { AuthenticatingInvitationObservable } from '@dxos/client';
+import { JoinPanelMode } from './JoinPanelProps';
 export interface JoinSpaceHeadingProps {
+    mode?: JoinPanelMode;
     titleId: string;
     invitation?: AuthenticatingInvitationObservable;
     onExit?: () => void;
     exitActionParent?: Parameters<typeof cloneElement>[0];
+    preventExit?: boolean;
 }
 export declare const JoinHeading: React.ForwardRefExoticComponent<JoinSpaceHeadingProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=JoinHeading.d.ts.map

package/dist/types/src/panels/JoinPanel/JoinHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JoinHeading.d.ts","sourceRoot":"","sources":["../../../../../src/panels/JoinPanel/JoinHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,YAAY,EAA4B,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,cAAc,CAAC;AAMlE,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,kCAAkC,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,WAAW,8FAqCvB,CAAC"}
+{"version":3,"file":"JoinHeading.d.ts","sourceRoot":"","sources":["../../../../../src/panels/JoinPanel/JoinHeading.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,YAAY,EAA4B,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,cAAc,CAAC;AAKlE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,kCAAkC,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,8FA8DvB,CAAC"}

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

@@ -1,3 +1,3 @@
 import { JoinPanelProps } from './JoinPanelProps';
-export declare const JoinPanel: ({ initialInvitationCode, titleId: propsTitleId, exitActionParent, onExit, doneActionParent, onDone }: JoinPanelProps) => JSX.Element;
+export declare const JoinPanel: ({ mode, initialInvitationCode, titleId: propsTitleId, exitActionParent, onExit, doneActionParent, onDone, preventExit }: JoinPanelProps) => JSX.Element;
 //# sourceMappingURL=JoinPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"JoinPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/JoinPanel/JoinPanel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAc,cAAc,EAAa,MAAM,kBAAkB,CAAC;AAYzE,eAAO,MAAM,SAAS,yGAOnB,cAAc,gBAgRhB,CAAC"}
+{"version":3,"file":"JoinPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/JoinPanel/JoinPanel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAc,cAAc,EAAa,MAAM,kBAAkB,CAAC;AAYzE,eAAO,MAAM,SAAS,4HASnB,cAAc,gBAmShB,CAAC"}

package/dist/types/src/panels/JoinPanel/JoinPanelProps.d.ts

@@ -1,13 +1,14 @@
 import { cloneElement, Dispatch } from 'react';
-import type { AuthenticatingInvitationObservable, Profile as NaturalProfile, Space as NaturalSpace } from '@dxos/client';
+import type { AuthenticatingInvitationObservable, Profile } from '@dxos/client';
 import { InvitationResult } from '@dxos/react-client';
-export declare type Space = Pick<NaturalSpace, 'properties'>;
-export declare type Profile = Pick<NaturalProfile, 'displayName' | 'identityKey'>;
+export declare type JoinPanelMode = 'default' | 'halo-only';
 export interface JoinPanelProps {
+    mode?: JoinPanelMode;
     initialInvitationCode?: string;
     titleId?: string;
     exitActionParent?: Parameters<typeof cloneElement>[0];
     onExit?: () => void;
+    preventExit?: boolean;
     doneActionParent?: Parameters<typeof cloneElement>[0];
     onDone?: (result: InvitationResult | null) => void;
     parseInvitationCodeInput?: (invitationCodeInput: string) => string;

package/dist/types/src/panels/JoinPanel/JoinPanelProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JoinPanelProps.d.ts","sourceRoot":"","sources":["../../../../../src/panels/JoinPanel/JoinPanelProps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"JoinPanelProps.d.ts","sourceRoot":"","sources":["../../../../../src/panels/JoinPanel/JoinPanelProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,kCAAkC,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,oBAAY,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,wBAAwB,CAAC,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,MAAM,CAAC;CACpE;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;IAC3C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,mBAAmB,GAAG,iBAAiB,GAAG,cAAc,CAAC;CAChE;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EACA,2BAA2B,GAC3B,yBAAyB,GACzB,mBAAmB,GACnB,sBAAsB,GACtB,oBAAoB,GACpB,iBAAiB,GACjB,qBAAqB,GACrB,oBAAoB,GACpB,kBAAkB,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,UAAU,EAAE,kCAAkC,CAAC;CAChD;AAED,oBAAY,gBAAgB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE5E,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,wBAAwB,CAAC;IAC/B,MAAM,EAAE,kBAAkB,GAAG,0BAA0B,GAAG,iBAAiB,CAAC;CAC7E;AAED,oBAAY,UAAU,GAAG,cAAc,GAAG,eAAe,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AAEpG,oBAAY,YAAY,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;AAEhD,oBAAY,cAAc,GACtB,kBAAkB,GAClB,oBAAoB,GACpB,0BAA0B,GAC1B,qBAAqB,CAAC;AAE1B,oBAAY,QAAQ,GAChB,mBAAmB,GACnB,0BAA0B,GAC1B,gBAAgB,GAChB,gBAAgB,GAChB,2BAA2B,GAC3B,0BAA0B,CAAC;AAE/B,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,QAAQ,CAAC;IACrB,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,eAAe,CAAC,EAAE,kCAAkC,CAAC;IACrD,cAAc,EAAE,cAAc,CAAC;IAC/B,yBAAyB,CAAC,EAAE,gBAAgB,GAAG,uBAAuB,CAAC;IACvE,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,cAAc,CAAC,EAAE,kCAAkC,CAAC;IACpD,aAAa,EAAE,cAAc,CAAC;IAC9B,wBAAwB,CAAC,EAAE,gBAAgB,GAAG,uBAAuB,CAAC;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;CACjD"}

package/dist/types/src/panels/JoinPanel/view-states/AdditionMethodSelector.d.ts

@@ -1,4 +1,4 @@
-import { Profile } from '../JoinPanelProps';
+import type { Profile } from '@dxos/client';
 import { ViewStateProps } from './ViewState';
 export interface AdditionMethodSelectorProps extends ViewStateProps {
     availableIdentities: Profile[];

package/dist/types/src/panels/JoinPanel/view-states/AdditionMethodSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionMethodSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/AdditionMethodSelector.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IACjE,mBAAmB,EAAE,OAAO,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,+CAAgD,2BAA2B,gBAoD7G,CAAC"}
+{"version":3,"file":"AdditionMethodSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/AdditionMethodSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IACjE,mBAAmB,EAAE,OAAO,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,sBAAsB,+CAAgD,2BAA2B,gBAwD7G,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/IdentityAdded.d.ts

@@ -1,7 +1,15 @@
+import { cloneElement } from 'react';
 import type { Profile } from '@dxos/client';
+import { InvitationResult } from '@dxos/react-client';
+import { JoinPanelMode } from '../JoinPanelProps';
 import { ViewStateProps } from './ViewState';
-export interface IdentityAddedProps extends ViewStateProps {
+export interface IdentityAddedProps extends ViewStateProps, DoneProps {
+    mode?: JoinPanelMode;
     addedIdentity?: Profile;
 }
-export declare const IdentityAdded: ({ addedIdentity, ...viewStateProps }: IdentityAddedProps) => JSX.Element;
+export interface DoneProps extends ViewStateProps {
+    doneActionParent?: Parameters<typeof cloneElement>[0];
+    onDone?: (result: InvitationResult | null) => void;
+}
+export declare const IdentityAdded: ({ mode, addedIdentity, onDone, doneActionParent, ...viewStateProps }: IdentityAddedProps) => JSX.Element;
 //# sourceMappingURL=IdentityAdded.d.ts.map

package/dist/types/src/panels/JoinPanel/view-states/IdentityAdded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityAdded.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/IdentityAdded.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,yCAA0C,kBAAkB,gBA2CrF,CAAC"}
+{"version":3,"file":"IdentityAdded.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/IdentityAdded.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,kBAAmB,SAAQ,cAAc,EAAE,SAAS;IACnE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAuBD,eAAO,MAAM,aAAa,yEAMvB,kBAAkB,gBA+CpB,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/IdentityInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/IdentityInput.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,MAAM,EAAE,kBAAkB,GAAG,iBAAiB,CAAC;CAChD;AAED,eAAO,MAAM,aAAa,kCAAmC,oBAAoB,gBAuDhF,CAAC"}
+{"version":3,"file":"IdentityInput.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/IdentityInput.tsx"],"names":[],"mappings":"AAUA,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,MAAM,EAAE,kBAAkB,GAAG,iBAAiB,CAAC;CAChD;AAED,eAAO,MAAM,aAAa,kCAAmC,oBAAoB,gBA8DhF,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/IdentitySelector.d.ts

@@ -1,4 +1,4 @@
-import { Profile } from '../JoinPanelProps';
+import type { Profile } from '@dxos/client';
 import { ViewStateProps } from './ViewState';
 export interface IdentitySelectorProps extends ViewStateProps {
     availableIdentities: Profile[];

package/dist/types/src/panels/JoinPanel/view-states/IdentitySelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdentitySelector.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/IdentitySelector.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,mBAAmB,EAAE,OAAO,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,+CAAgD,qBAAqB,gBAgFjG,CAAC"}
+{"version":3,"file":"IdentitySelector.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/IdentitySelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,mBAAmB,EAAE,OAAO,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,+CAAgD,qBAAqB,gBAmFjG,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/InvitationAccepted.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationAccepted.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationAccepted.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,gBAAgB,EAAuB,MAAM,oBAAoB,CAAC;AAG3E,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAiCD,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAkBhE,CAAC"}
+{"version":3,"file":"InvitationAccepted.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationAccepted.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,gBAAgB,EAAuB,MAAM,oBAAoB,CAAC;AAG3E,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC7D,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAkCD,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,gBAkBhE,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/InvitationAuthenticator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationAuthenticator.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationAuthenticator.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAClE,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAoGD,eAAO,MAAM,uBAAuB,kDAIjC,4BAA4B,gBAgB9B,CAAC"}
+{"version":3,"file":"InvitationAuthenticator.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationAuthenticator.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAIxD,MAAM,WAAW,4BAA6B,SAAQ,cAAc;IAClE,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAuGD,eAAO,MAAM,uBAAuB,kDAIjC,4BAA4B,gBAgB9B,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/InvitationInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationInput.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationInput.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,0CAA2C,oBAAoB,gBAkD1F,CAAC"}
+{"version":3,"file":"InvitationInput.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationInput.tsx"],"names":[],"mappings":"AAWA,OAAO,EAA+B,cAAc,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,eAAe,0CAA2C,oBAAoB,gBAyD1F,CAAC"}

package/dist/types/src/panels/JoinPanel/view-states/InvitationRescuer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationRescuer.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationRescuer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AA0DD,eAAO,MAAM,iBAAiB,0CAA2C,wBAAwB,gBAqBhG,CAAC"}
+{"version":3,"file":"InvitationRescuer.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/view-states/InvitationRescuer.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,cAAc,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC;AA4DD,eAAO,MAAM,iBAAiB,0CAA2C,wBAAwB,gBAsBhG,CAAC"}

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

@@ -0,0 +1,18 @@
+import { cloneElement } from 'react';
+import { Space, SpaceMember } from '@dxos/client';
+export declare type SpacePanelProps = {
+    titleId?: string;
+    space?: Space;
+    initialState?: SpaceView;
+    createInvitationUrl: (invitationCode: string) => string;
+    onClickJoinSpace?: () => void;
+    onClickMember?: (member: SpaceMember) => void;
+    doneActionParent?: Parameters<typeof cloneElement>[0];
+    onDone?: (result: Space | null) => void;
+};
+export declare type SpaceView = 'current space' | 'space list';
+export declare type SpaceState = {
+    activeView: SpaceView;
+};
+export declare const SpacePanel: (props: SpacePanelProps) => JSX.Element;
+//# sourceMappingURL=SpacePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpacePanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,YAAY,EAAc,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAOlD,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,oBAAY,SAAS,GAAG,eAAe,GAAG,YAAY,CAAC;AAEvD,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,SAAS,CAAC;CACvB,CAAC;AAoHF,eAAO,MAAM,UAAU,UAAW,eAAe,gBA4BhD,CAAC"}

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryContext, StoryFn } from '@storybook/react';
+declare const _default: {
+    component: (props: import("./SpacePanel").SpacePanelProps) => JSX.Element;
+};
+export default _default;
+export declare const Default: {
+    decorators: ((Story: StoryFn, { args }: StoryContext) => JSX.Element)[];
+};
+//# sourceMappingURL=SpacePanel.stories.d.ts.map

package/dist/types/src/panels/SpacePanel/SpacePanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpacePanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/SpacePanel/SpacePanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;;;;AAUzD,wBAEE;AAkCF,eAAO,MAAM,OAAO;yBAhCW,OAAO,YAAY,YAAY;CAkC7D,CAAC"}

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

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

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

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

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

@@ -1,3 +1,5 @@
+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 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/panels/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}
+{"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/styles/dialogStyles.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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,3 +1,4 @@
+export * from './dialogStyles';
 export * from './panelStyles';
 export * from './invitationStatusStyles';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/styles/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC"}
+{"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/translations/locales/en-US.d.ts

@@ -4,7 +4,9 @@ export declare const os: {
     'sidebar label': string;
     'copy invitation code label': string;
     'open share panel label': string;
+    'joining heading': string;
     'join space heading': string;
+    'halo heading': string;
     'exit label': string;
     'identity selector title': string;
     'identity radio group title': string;
@@ -12,6 +14,7 @@ export declare const os: {
     'continue label': string;
     'back label': string;
     'next label': string;
+    'close label': string;
     'auth choices label': string;
     'create identity label': string;
     'create identity description': string;
@@ -41,7 +44,15 @@ export declare const os: {
     'cancel label': string;
     'done label': string;
     'reset label': string;
-    'pin input label': string;
+    'auth code input label': string;
     'invitation input 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;
 };
 //# sourceMappingURL=en-US.d.ts.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.1.24",
+  "version": "0.1.25-next.3c6b542",
   "description": "A React component library for DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -22,13 +22,14 @@
     "debug": "^4.3.3",
     "qrcode.react": "^3.1.0",
     "url-join": "^5.0.0",
-    "@dxos/client": "0.1.24",
-    "@dxos/config": "0.1.24",
-    "@dxos/debug": "0.1.24",
-    "@dxos/keys": "0.1.24",
-    "@dxos/react-client": "0.1.24",
-    "@dxos/react-components": "0.1.24",
-    "@dxos/util": "0.1.24"
+    "@dxos/client": "0.1.25-next.3c6b542",
+    "@dxos/config": "0.1.25-next.3c6b542",
+    "@dxos/debug": "0.1.25-next.3c6b542",
+    "@dxos/keys": "0.1.25-next.3c6b542",
+    "@dxos/protocols": "0.1.25-next.3c6b542",
+    "@dxos/react-client": "0.1.25-next.3c6b542",
+    "@dxos/react-components": "0.1.25-next.3c6b542",
+    "@dxos/util": "0.1.25-next.3c6b542"
   },
   "devDependencies": {
     "@types/debug": "^4.1.7",
@@ -39,9 +40,9 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "vite": "4.0.4",
-    "@dxos/async": "0.1.24",
-    "@dxos/log": "0.1.24",
-    "@dxos/react-async": "0.1.24"
+    "@dxos/async": "0.1.25-next.3c6b542",
+    "@dxos/log": "0.1.25-next.3c6b542",
+    "@dxos/react-async": "0.1.25-next.3c6b542"
   },
   "peerDependencies": {
     "phosphor-react": "^1.4.1",

package/src/components/IdentityList/DeviceList.tsx

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

package/src/components/IdentityList/IdentityListItem.tsx

@@ -4,12 +4,24 @@
 import React from 'react';
 
 import { Profile, SpaceMember } from '@dxos/client';
-import { Avatar, useTranslation } from '@dxos/react-components';
+import { Avatar, mx, useTranslation } from '@dxos/react-components';
 
-export const IdentityListItem = ({ identity, presence }: { identity: Profile; presence?: SpaceMember['presence'] }) => {
+export const IdentityListItem = ({
+  identity,
+  presence,
+  onClick
+}: {
+  identity: Profile;
+  presence?: SpaceMember['presence'];
+  onClick?: () => void;
+}) => {
   const { t } = useTranslation('os');
   return (
-    <li className='flex gap-2 items-center'>
+    <li
+      className={mx('flex gap-2 items-center', onClick && 'cursor-pointer')}
+      onClick={() => onClick?.()}
+      data-testid='identity-list-item'
+    >
       <Avatar
         {...{
           variant: 'circle',

package/src/components/IdentityList/SpaceMemberList.tsx

@@ -9,20 +9,22 @@ import type { SpaceMember } from '@dxos/client';
 import { IdentityListItem } from './IdentityListItem';
 
 export interface SpaceMemberListProps {
-  spaceMembers: SpaceMember[];
+  members: SpaceMember[];
+  onSelect?: (member: SpaceMember) => void;
 }
 
-export const SpaceMemberList = ({ spaceMembers }: SpaceMemberListProps) => {
+export const SpaceMemberList = ({ members, onSelect }: SpaceMemberListProps) => {
   return (
     <ul className='flex flex-col gap-2'>
-      {spaceMembers
-        .filter((spaceMember) => spaceMember.profile)
-        .map((spaceMember) => {
+      {members
+        .filter((member) => member.profile)
+        .map((member) => {
           return (
             <IdentityListItem
-              key={spaceMember.identityKey.toHex()}
-              identity={spaceMember.profile!}
-              presence={spaceMember.presence}
+              key={member.identityKey.toHex()}
+              identity={member.profile!}
+              presence={member.presence}
+              onClick={onSelect && (() => onSelect(member))}
             />
           );
         })}

package/src/components/IdentityList/SpaceMemberListContainer.tsx

@@ -4,24 +4,25 @@
 import React, { useMemo } from 'react';
 
 import { PublicKey } from '@dxos/keys';
-import { useClient, useMembers } from '@dxos/react-client';
+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 }: SpaceMemberListContainerProps) => {
+export const SpaceMemberListContainer = ({ spaceKey, includeSelf, onSelect }: SpaceMemberListContainerProps) => {
   const client = useClient();
   const allUnsortedMembers = useMembers(spaceKey);
-  const spaceMembers = useMemo(
+  const members = useMemo(
     () =>
       includeSelf
         ? allUnsortedMembers.sort((a) => (a.identityKey.equals(client.halo.profile!.identityKey) ? -1 : 1))
         : allUnsortedMembers.filter((member) => !member.identityKey.equals(client.halo.profile!.identityKey)),
     [allUnsortedMembers]
   );
-  return <SpaceMemberList spaceMembers={spaceMembers} />;
+  return <SpaceMemberList members={members} onSelect={onSelect} />;
 };

package/src/components/IdentityList/index.ts

@@ -2,6 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
+export * from './DeviceList';
 export * from './IdentityListItem';
 export * from './SpaceMemberList';
 export * from './SpaceMemberListContainer';

package/src/components/InvitationList/InvitationList.tsx

@@ -5,6 +5,7 @@ import { Root as AccordionRoot } from '@radix-ui/react-accordion';
 import React from 'react';
 
 import type { CancellableInvitationObservable } from '@dxos/client';
+import { defaultDescription, mx, useTranslation } from '@dxos/react-components';
 
 import { InvitationListItem, InvitationListItemProps } from './InvitationListItem';
 
@@ -13,12 +14,15 @@ export interface InvitationListProps extends Omit<InvitationListItemProps, 'invi
 }
 
 export const InvitationList = ({ invitations, ...invitationProps }: InvitationListProps) => {
-  return (
-    <AccordionRoot type='single' collapsible>
+  const { t } = useTranslation('os');
+  return invitations.length ? (
+    <AccordionRoot type='single' collapsible className='flex flex-col gap-1'>
       {invitations.map((invitation, index) => {
         const value = invitation.invitation?.invitationId ?? `inv_${index}`;
         return <InvitationListItem key={value} value={value} invitation={invitation} {...invitationProps} />;
       })}
     </AccordionRoot>
+  ) : (
+    <p className={mx(defaultDescription, 'text-center p-2')}>{t('empty invitations message')}</p>
   );
 };