@dxos/shell 0.3.11-main.008b7c6

package/dist/lib/browser/testing/index.mjs

@@ -0,0 +1,179 @@
+import "../chunk-ZSTKOCBT.mjs";
+
+// packages/sdk/shell/src/testing/fixtures/identities.ts
+import { PublicKey } from "@dxos/react-client";
+import { SpaceMember } from "@dxos/react-client/echo";
+var alice = {
+  identity: {
+    identityKey: PublicKey.random(),
+    profile: {
+      displayName: "Alice"
+    }
+  },
+  presence: SpaceMember.PresenceState.ONLINE
+};
+
+// packages/sdk/shell/src/testing/fixtures/invitations.ts
+import { PublicKey as PublicKey2 } from "@dxos/react-client";
+import { Invitation, CancellableInvitationObservable } from "@dxos/react-client/invitations";
+var inviteWithState = (state) => new CancellableInvitationObservable({
+  initialInvitation: {
+    state,
+    invitationId: Math.random().toString(16).slice(2),
+    kind: Invitation.Kind.SPACE,
+    authMethod: Invitation.AuthMethod.NONE,
+    swarmKey: PublicKey2.random(),
+    type: Invitation.Type.INTERACTIVE,
+    authCode: [
+      Invitation.State.READY_FOR_AUTHENTICATION,
+      Invitation.State.AUTHENTICATING
+    ].includes(state) ? "123456" : ""
+  },
+  subscriber: () => {
+  },
+  onCancel: async () => {
+  }
+});
+
+// packages/sdk/shell/src/testing/scoped-shell-manager.ts
+var ScopedShellManager = class {
+  authenticatorIsVisible(type, scope) {
+    return (scope || this.page).getByTestId(`${type === "device" ? "halo" : "space"}-auth-code-input`).isVisible();
+  }
+  async invitationFailed(scope, timeout = 3e3) {
+    const peer = scope || this.page;
+    try {
+      await peer.locator("[data-testid=invitation-rescuer-reset]:not([disabled])").waitFor({
+        timeout
+      });
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async inputInvitation(type, invitation, scope) {
+    await (scope || this.page).getByTestId(`${type === "device" ? "halo" : "space"}-invitation-input`).fill(invitation);
+    await this.page.keyboard.press("Enter");
+  }
+  async invitationInputContinue(type, scope) {
+    await (scope || this.page).getByTestId(`${type === "device" ? "halo" : "space"}-invitation-input-continue`).click();
+  }
+  async cancelInvitation(type, kind, scope) {
+    if (kind === "guest") {
+      await (scope || this.page).getByTestId(`${type === "device" ? "halo" : "space"}-invitation-authenticator-cancel`).click();
+    } else {
+      await (scope || this.page).getByTestId("cancel-invitation").nth(0).click();
+    }
+  }
+  async readyToAuthenticate(type, scope, timeout = 3e3) {
+    const peer = scope || this.page;
+    try {
+      await peer.locator(`[data-testid=${type === "device" ? "halo" : "space"}-auth-code-input]:not([disabled])`).waitFor({
+        timeout
+      });
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async authenticateInvitation(type, authCode, scope) {
+    const peer = scope || this.page;
+    await peer.getByTestId(`${type === "device" ? "halo" : "space"}-auth-code-input`).fill(authCode);
+    await peer.getByTestId(`${type === "device" ? "halo" : "space"}-invitation-authenticator-next`).click();
+  }
+  async clearAuthCode(type, scope) {
+    const peer = scope || this.page;
+    await peer.getByTestId(`${type === "device" ? "halo" : "space"}-auth-code-input`).fill("");
+    await peer.getByTestId(`${type === "device" ? "halo" : "space"}-auth-code-input`).focus();
+  }
+  async resetInvitation(scope) {
+    await (scope || this.page).getByTestId("invitation-rescuer-reset").click();
+  }
+  async doneInvitation(type, scope) {
+    await (scope || this.page).getByTestId(type === "device" ? "halo-invitation-accepted-done" : "space-invitation-accepted-done").click();
+  }
+};
+
+// packages/sdk/shell/src/testing/shell-manager.ts
+import { sleep, Trigger } from "@dxos/async";
+var ShellManager = class extends ScopedShellManager {
+  // prettier-ignore
+  constructor(page, inIFrame = true) {
+    super();
+    this.page = page;
+    this.inIFrame = inIFrame;
+    this._invitationCode = new Trigger();
+    this._authCode = new Trigger();
+    this.page.on("console", (message) => this._onConsoleMessage(message));
+  }
+  get shell() {
+    return this.inIFrame ? this.page.frameLocator("data-testid=dxos-shell") : this.page;
+  }
+  // Getters
+  async isCurrentSpaceViewVisible() {
+    return await this.shell.getByTestId("current-space-view").isVisible();
+  }
+  async isSpaceListViewVisible() {
+    return await this.shell.getByTestId("space-list-view").isVisible();
+  }
+  // Actions
+  async createIdentity(name) {
+    await this.shell.getByTestId("create-identity").click();
+    await this.page.keyboard.type(name);
+    await this.shell.getByTestId("create-identity-input-continue").click();
+    await this.shell.getByTestId("halo-invitation-accepted-done").click();
+  }
+  async closeShell() {
+    await this.page.keyboard.press("Escape");
+  }
+  // TODO(wittjosiah): These shortcuts are no longer within the SDK so these commands should live elsewhere.
+  async openCurrentSpace() {
+    await this.page.keyboard.press("Meta+.");
+  }
+  async openSpaceList() {
+    await this.page.keyboard.press("Meta+Shift+>");
+  }
+  async showAllSpaces() {
+    await this.shell.getByTestId("show-all-spaces").click();
+  }
+  async showCurrentSpace() {
+    await this.shell.getByTestId("show-current-space").click();
+  }
+  async createSpaceInvitation() {
+    await this.openCurrentSpace();
+    this._invitationCode = new Trigger();
+    this._authCode = new Trigger();
+    await this.shell.getByTestId("spaces-panel.create-invitation").click();
+    return await this._invitationCode.wait();
+  }
+  async acceptSpaceInvitation(invitationCode) {
+    await this.inputInvitation("space", invitationCode, this.shell);
+  }
+  async getAuthCode() {
+    return await this._authCode.wait();
+  }
+  async authenticate(authCode) {
+    await sleep(1500);
+    await this.authenticateInvitation("space", authCode, this.shell);
+    await this.doneInvitation("space", this.shell);
+  }
+  async _onConsoleMessage(message) {
+    try {
+      const json = JSON.parse(message.text());
+      if (json.invitationCode) {
+        this._invitationCode.wake(json.invitationCode);
+      }
+      if (json.authCode) {
+        this._authCode.wake(json.authCode);
+      }
+    } catch {
+    }
+  }
+};
+export {
+  ScopedShellManager,
+  ShellManager,
+  alice,
+  inviteWithState
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/testing/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/testing/fixtures/identities.ts", "../../../../src/testing/fixtures/invitations.ts", "../../../../src/testing/scoped-shell-manager.ts", "../../../../src/testing/shell-manager.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { PublicKey } from '@dxos/react-client';\nimport { SpaceMember } from '@dxos/react-client/echo';\n\nexport const alice: SpaceMember = {\n  identity: {\n    identityKey: PublicKey.random(),\n    profile: {\n      displayName: 'Alice',\n    },\n  },\n  presence: SpaceMember.PresenceState.ONLINE,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { PublicKey } from '@dxos/react-client';\nimport { Invitation, CancellableInvitationObservable } from '@dxos/react-client/invitations';\n\nexport const inviteWithState = (state: Invitation.State) =>\n  new CancellableInvitationObservable({\n    initialInvitation: {\n      state,\n      invitationId: Math.random().toString(16).slice(2),\n      kind: Invitation.Kind.SPACE,\n      authMethod: Invitation.AuthMethod.NONE,\n      swarmKey: PublicKey.random(),\n      type: Invitation.Type.INTERACTIVE,\n      authCode: [Invitation.State.READY_FOR_AUTHENTICATION, Invitation.State.AUTHENTICATING].includes(state)\n        ? '123456'\n        : '',\n    },\n    subscriber: () => {},\n    onCancel: async () => {},\n  });\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page, FrameLocator } from '@playwright/test';\n\ntype Scope = Locator | FrameLocator | Page;\n\nexport class ScopedShellManager {\n  page!: Page;\n\n  authenticatorIsVisible(type: 'device' | 'space', scope?: Scope) {\n    return (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).isVisible();\n  }\n\n  async invitationFailed(scope?: Scope, timeout = 3000) {\n    const peer = scope || this.page;\n    try {\n      await peer.locator('[data-testid=invitation-rescuer-reset]:not([disabled])').waitFor({ timeout });\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  async inputInvitation(type: 'device' | 'space', invitation: string, scope?: Scope) {\n    await (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-input`).fill(invitation);\n    await this.page.keyboard.press('Enter');\n  }\n\n  async invitationInputContinue(type: 'device' | 'space', scope?: Scope) {\n    await (scope || this.page).getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-input-continue`).click();\n  }\n\n  async cancelInvitation(type: 'device' | 'space', kind: 'host' | 'guest', scope?: Scope) {\n    if (kind === 'guest') {\n      await (scope || this.page)\n        .getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-authenticator-cancel`)\n        .click();\n    } else {\n      await (scope || this.page).getByTestId('cancel-invitation').nth(0).click();\n    }\n  }\n\n  async readyToAuthenticate(type: 'device' | 'space', scope?: Scope, timeout = 3000) {\n    const peer = scope || this.page;\n    try {\n      await peer\n        .locator(`[data-testid=${type === 'device' ? 'halo' : 'space'}-auth-code-input]:not([disabled])`)\n        .waitFor({ timeout });\n      return true;\n    } catch {\n      return false;\n    }\n  }\n\n  async authenticateInvitation(type: 'device' | 'space', authCode: string, scope?: Scope) {\n    const peer = scope || this.page;\n    // TODO(wittjosiah): Update ids.\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).fill(authCode);\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-invitation-authenticator-next`).click();\n  }\n\n  async clearAuthCode(type: 'device' | 'space', scope?: Scope) {\n    const peer = scope || this.page;\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).fill('');\n    await peer.getByTestId(`${type === 'device' ? 'halo' : 'space'}-auth-code-input`).focus();\n  }\n\n  async resetInvitation(scope?: Scope) {\n    await (scope || this.page).getByTestId('invitation-rescuer-reset').click();\n  }\n\n  async doneInvitation(type: 'device' | 'space', scope?: Scope) {\n    await (scope || this.page)\n      .getByTestId(type === 'device' ? 'halo-invitation-accepted-done' : 'space-invitation-accepted-done')\n      .click();\n  }\n}\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type { ConsoleMessage, Page } from '@playwright/test';\n\nimport { sleep, Trigger } from '@dxos/async';\n\nimport { ScopedShellManager } from './scoped-shell-manager';\n\nexport class ShellManager extends ScopedShellManager {\n  private _invitationCode = new Trigger<string>();\n  private _authCode = new Trigger<string>();\n\n  // prettier-ignore\n  constructor(\n    override readonly page: Page,\n    readonly inIFrame = true,\n  ) {\n    super();\n    this.page.on('console', (message) => this._onConsoleMessage(message));\n  }\n\n  get shell() {\n    return this.inIFrame ? this.page.frameLocator('data-testid=dxos-shell') : this.page;\n  }\n\n  // Getters\n\n  async isCurrentSpaceViewVisible(): Promise<boolean> {\n    return await this.shell.getByTestId('current-space-view').isVisible();\n  }\n\n  async isSpaceListViewVisible(): Promise<boolean> {\n    return await this.shell.getByTestId('space-list-view').isVisible();\n  }\n\n  // Actions\n\n  async createIdentity(name: string) {\n    await this.shell.getByTestId('create-identity').click();\n    await this.page.keyboard.type(name);\n    await this.shell.getByTestId('create-identity-input-continue').click();\n    await this.shell.getByTestId('halo-invitation-accepted-done').click();\n  }\n\n  async closeShell() {\n    await this.page.keyboard.press('Escape');\n  }\n\n  // TODO(wittjosiah): These shortcuts are no longer within the SDK so these commands should live elsewhere.\n  async openCurrentSpace() {\n    await this.page.keyboard.press('Meta+.');\n  }\n\n  async openSpaceList() {\n    await this.page.keyboard.press('Meta+Shift+>');\n  }\n\n  async showAllSpaces() {\n    await this.shell.getByTestId('show-all-spaces').click();\n  }\n\n  async showCurrentSpace() {\n    await this.shell.getByTestId('show-current-space').click();\n  }\n\n  async createSpaceInvitation(): Promise<string> {\n    await this.openCurrentSpace();\n    this._invitationCode = new Trigger<string>();\n    this._authCode = new Trigger<string>();\n    await this.shell.getByTestId('spaces-panel.create-invitation').click();\n    return await this._invitationCode.wait();\n  }\n\n  async acceptSpaceInvitation(invitationCode: string) {\n    await this.inputInvitation('space', invitationCode, this.shell);\n  }\n\n  async getAuthCode(): Promise<string> {\n    return await this._authCode.wait();\n  }\n\n  async authenticate(authCode: string) {\n    // Wait for focus to shift before typing.\n    await sleep(1500);\n    await this.authenticateInvitation('space', authCode, this.shell);\n    await this.doneInvitation('space', this.shell);\n  }\n\n  private async _onConsoleMessage(message: ConsoleMessage) {\n    try {\n      const json = JSON.parse(message.text());\n      if (json.invitationCode) {\n        this._invitationCode.wake(json.invitationCode);\n      }\n      if (json.authCode) {\n        this._authCode.wake(json.authCode);\n      }\n    } catch {}\n  }\n}\n"],
+  "mappings": ";;;AAIA,SAASA,iBAAiB;AAC1B,SAASC,mBAAmB;AAErB,IAAMC,QAAqB;EAChCC,UAAU;IACRC,aAAaC,UAAUC,OAAM;IAC7BC,SAAS;MACPC,aAAa;IACf;EACF;EACAC,UAAUC,YAAYC,cAAcC;AACtC;;;ACXA,SAASC,aAAAA,kBAAiB;AAC1B,SAASC,YAAYC,uCAAuC;AAErD,IAAMC,kBAAkB,CAACC,UAC9B,IAAIC,gCAAgC;EAClCC,mBAAmB;IACjBF;IACAG,cAAcC,KAAKC,OAAM,EAAGC,SAAS,EAAA,EAAIC,MAAM,CAAA;IAC/CC,MAAMC,WAAWC,KAAKC;IACtBC,YAAYH,WAAWI,WAAWC;IAClCC,UAAUC,WAAUX,OAAM;IAC1BY,MAAMR,WAAWS,KAAKC;IACtBC,UAAU;MAACX,WAAWY,MAAMC;MAA0Bb,WAAWY,MAAME;MAAgBC,SAASxB,KAAAA,IAC5F,WACA;EACN;EACAyB,YAAY,MAAA;EAAO;EACnBC,UAAU,YAAA;EAAa;AACzB,CAAA;;;ACdK,IAAMC,qBAAN,MAAMA;EAGXC,uBAAuBC,MAA0BC,OAAe;AAC9D,YAAQA,SAAS,KAAKC,MAAMC,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,kBAAyB,EAAEI,UAAS;EAC9G;EAEA,MAAMC,iBAAiBJ,OAAeK,UAAU,KAAM;AACpD,UAAMC,OAAON,SAAS,KAAKC;AAC3B,QAAI;AACF,YAAMK,KAAKC,QAAQ,wDAAA,EAA0DC,QAAQ;QAAEH;MAAQ,CAAA;AAC/F,aAAO;IACT,QAAQ;AACN,aAAO;IACT;EACF;EAEA,MAAMI,gBAAgBV,MAA0BW,YAAoBV,OAAe;AACjF,WAAOA,SAAS,KAAKC,MAAMC,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,mBAA0B,EAAEY,KAAKD,UAAAA;AACxG,UAAM,KAAKT,KAAKW,SAASC,MAAM,OAAA;EACjC;EAEA,MAAMC,wBAAwBf,MAA0BC,OAAe;AACrE,WAAOA,SAAS,KAAKC,MAAMC,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,4BAAmC,EAAEgB,MAAK;EACnH;EAEA,MAAMC,iBAAiBjB,MAA0BkB,MAAwBjB,OAAe;AACtF,QAAIiB,SAAS,SAAS;AACpB,aAAOjB,SAAS,KAAKC,MAClBC,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,kCAAyC,EACrFgB,MAAK;IACV,OAAO;AACL,aAAOf,SAAS,KAAKC,MAAMC,YAAY,mBAAA,EAAqBgB,IAAI,CAAA,EAAGH,MAAK;IAC1E;EACF;EAEA,MAAMI,oBAAoBpB,MAA0BC,OAAeK,UAAU,KAAM;AACjF,UAAMC,OAAON,SAAS,KAAKC;AAC3B,QAAI;AACF,YAAMK,KACHC,QAAQ,gBAAgBR,SAAS,WAAW,SAAS,OAAA,mCAA0C,EAC/FS,QAAQ;QAAEH;MAAQ,CAAA;AACrB,aAAO;IACT,QAAQ;AACN,aAAO;IACT;EACF;EAEA,MAAMe,uBAAuBrB,MAA0BsB,UAAkBrB,OAAe;AACtF,UAAMM,OAAON,SAAS,KAAKC;AAE3B,UAAMK,KAAKJ,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,kBAAyB,EAAEY,KAAKU,QAAAA;AACvF,UAAMf,KAAKJ,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,gCAAuC,EAAEgB,MAAK;EACvG;EAEA,MAAMO,cAAcvB,MAA0BC,OAAe;AAC3D,UAAMM,OAAON,SAAS,KAAKC;AAC3B,UAAMK,KAAKJ,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,kBAAyB,EAAEY,KAAK,EAAA;AACvF,UAAML,KAAKJ,YAAY,GAAGH,SAAS,WAAW,SAAS,OAAA,kBAAyB,EAAEwB,MAAK;EACzF;EAEA,MAAMC,gBAAgBxB,OAAe;AACnC,WAAOA,SAAS,KAAKC,MAAMC,YAAY,0BAAA,EAA4Ba,MAAK;EAC1E;EAEA,MAAMU,eAAe1B,MAA0BC,OAAe;AAC5D,WAAOA,SAAS,KAAKC,MAClBC,YAAYH,SAAS,WAAW,kCAAkC,gCAAA,EAClEgB,MAAK;EACV;AACF;;;ACxEA,SAASW,OAAOC,eAAe;AAIxB,IAAMC,eAAN,cAA2BC,mBAAAA;;EAKhCC,YACoBC,MACTC,WAAW,MACpB;AACA,UAAK;gBAHaD;oBACTC;SANHC,kBAAkB,IAAIC,QAAAA;SACtBC,YAAY,IAAID,QAAAA;AAQtB,SAAKH,KAAKK,GAAG,WAAW,CAACC,YAAY,KAAKC,kBAAkBD,OAAAA,CAAAA;EAC9D;EAEA,IAAIE,QAAQ;AACV,WAAO,KAAKP,WAAW,KAAKD,KAAKS,aAAa,wBAAA,IAA4B,KAAKT;EACjF;;EAIA,MAAMU,4BAA8C;AAClD,WAAO,MAAM,KAAKF,MAAMG,YAAY,oBAAA,EAAsBC,UAAS;EACrE;EAEA,MAAMC,yBAA2C;AAC/C,WAAO,MAAM,KAAKL,MAAMG,YAAY,iBAAA,EAAmBC,UAAS;EAClE;;EAIA,MAAME,eAAeC,MAAc;AACjC,UAAM,KAAKP,MAAMG,YAAY,iBAAA,EAAmBK,MAAK;AACrD,UAAM,KAAKhB,KAAKiB,SAASC,KAAKH,IAAAA;AAC9B,UAAM,KAAKP,MAAMG,YAAY,gCAAA,EAAkCK,MAAK;AACpE,UAAM,KAAKR,MAAMG,YAAY,+BAAA,EAAiCK,MAAK;EACrE;EAEA,MAAMG,aAAa;AACjB,UAAM,KAAKnB,KAAKiB,SAASG,MAAM,QAAA;EACjC;;EAGA,MAAMC,mBAAmB;AACvB,UAAM,KAAKrB,KAAKiB,SAASG,MAAM,QAAA;EACjC;EAEA,MAAME,gBAAgB;AACpB,UAAM,KAAKtB,KAAKiB,SAASG,MAAM,cAAA;EACjC;EAEA,MAAMG,gBAAgB;AACpB,UAAM,KAAKf,MAAMG,YAAY,iBAAA,EAAmBK,MAAK;EACvD;EAEA,MAAMQ,mBAAmB;AACvB,UAAM,KAAKhB,MAAMG,YAAY,oBAAA,EAAsBK,MAAK;EAC1D;EAEA,MAAMS,wBAAyC;AAC7C,UAAM,KAAKJ,iBAAgB;AAC3B,SAAKnB,kBAAkB,IAAIC,QAAAA;AAC3B,SAAKC,YAAY,IAAID,QAAAA;AACrB,UAAM,KAAKK,MAAMG,YAAY,gCAAA,EAAkCK,MAAK;AACpE,WAAO,MAAM,KAAKd,gBAAgBwB,KAAI;EACxC;EAEA,MAAMC,sBAAsBC,gBAAwB;AAClD,UAAM,KAAKC,gBAAgB,SAASD,gBAAgB,KAAKpB,KAAK;EAChE;EAEA,MAAMsB,cAA+B;AACnC,WAAO,MAAM,KAAK1B,UAAUsB,KAAI;EAClC;EAEA,MAAMK,aAAaC,UAAkB;AAEnC,UAAMC,MAAM,IAAA;AACZ,UAAM,KAAKC,uBAAuB,SAASF,UAAU,KAAKxB,KAAK;AAC/D,UAAM,KAAK2B,eAAe,SAAS,KAAK3B,KAAK;EAC/C;EAEA,MAAcD,kBAAkBD,SAAyB;AACvD,QAAI;AACF,YAAM8B,OAAOC,KAAKC,MAAMhC,QAAQiC,KAAI,CAAA;AACpC,UAAIH,KAAKR,gBAAgB;AACvB,aAAK1B,gBAAgBsC,KAAKJ,KAAKR,cAAc;MAC/C;AACA,UAAIQ,KAAKJ,UAAU;AACjB,aAAK5B,UAAUoC,KAAKJ,KAAKJ,QAAQ;MACnC;IACF,QAAQ;IAAC;EACX;AACF;",
+  "names": ["PublicKey", "SpaceMember", "alice", "identity", "identityKey", "PublicKey", "random", "profile", "displayName", "presence", "SpaceMember", "PresenceState", "ONLINE", "PublicKey", "Invitation", "CancellableInvitationObservable", "inviteWithState", "state", "CancellableInvitationObservable", "initialInvitation", "invitationId", "Math", "random", "toString", "slice", "kind", "Invitation", "Kind", "SPACE", "authMethod", "AuthMethod", "NONE", "swarmKey", "PublicKey", "type", "Type", "INTERACTIVE", "authCode", "State", "READY_FOR_AUTHENTICATION", "AUTHENTICATING", "includes", "subscriber", "onCancel", "ScopedShellManager", "authenticatorIsVisible", "type", "scope", "page", "getByTestId", "isVisible", "invitationFailed", "timeout", "peer", "locator", "waitFor", "inputInvitation", "invitation", "fill", "keyboard", "press", "invitationInputContinue", "click", "cancelInvitation", "kind", "nth", "readyToAuthenticate", "authenticateInvitation", "authCode", "clearAuthCode", "focus", "resetInvitation", "doneInvitation", "sleep", "Trigger", "ShellManager", "ScopedShellManager", "constructor", "page", "inIFrame", "_invitationCode", "Trigger", "_authCode", "on", "message", "_onConsoleMessage", "shell", "frameLocator", "isCurrentSpaceViewVisible", "getByTestId", "isVisible", "isSpaceListViewVisible", "createIdentity", "name", "click", "keyboard", "type", "closeShell", "press", "openCurrentSpace", "openSpaceList", "showAllSpaces", "showCurrentSpace", "createSpaceInvitation", "wait", "acceptSpaceInvitation", "invitationCode", "inputInvitation", "getAuthCode", "authenticate", "authCode", "sleep", "authenticateInvitation", "doneInvitation", "json", "JSON", "parse", "text", "wake"]
+}

package/dist/types/src/components/AuthCode.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type PropsWithChildren } from 'react';
+import { type ThemedClassName } from '@dxos/react-ui';
+export type AuthCodeProps = ThemedClassName<ComponentPropsWithoutRef<'span'>> & {
+    code?: string;
+    large?: boolean;
+};
+export declare const AuthCode: (props: PropsWithChildren<AuthCodeProps>) => JSX.Element;
+//# sourceMappingURL=AuthCode.d.ts.map

package/dist/types/src/components/AuthCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthCode.d.ts","sourceRoot":"","sources":["../../../../src/components/AuthCode.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,wBAAwB,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,aAAa,GAAG,eAAe,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,GAAG;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,kBAAkB,aAAa,CAAC,gBAqB/D,CAAC"}

package/dist/types/src/components/AuthCode.js

@@ -0,0 +1,26 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthCode = void 0;
+const react_1 = __importDefault(require("react"));
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const AuthCode = (props) => {
+    var _a;
+    const { code, large, classNames } = props;
+    const l = (_a = code === null || code === void 0 ? void 0 : code.length) !== null && _a !== void 0 ? _a : 0;
+    const left = code === null || code === void 0 ? void 0 : code.slice(0, l / 2);
+    const right = code === null || code === void 0 ? void 0 : code.slice(l / 2);
+    const handleCopy = () => {
+        void navigator.clipboard.writeText(code !== null && code !== void 0 ? code : '');
+    };
+    return (react_1.default.createElement("span", { className: (0, react_ui_theme_1.mx)(large ? 'text-6xl' : 'text-2xl', 'font-mono pli-2.5 flex gap-1.5 rounded cursor-pointer', classNames), onClick: handleCopy },
+        react_1.default.createElement("span", null, left),
+        react_1.default.createElement("span", null, right)));
+};
+exports.AuthCode = AuthCode;
+//# sourceMappingURL=AuthCode.js.map

package/dist/types/src/components/AuthCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthCode.js","sourceRoot":"","sources":["../../../../src/components/AuthCode.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAAqF;AAGrF,yDAA0C;AAOnC,MAAM,QAAQ,GAAG,CAAC,KAAuC,EAAE,EAAE;;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,OAAO,CACL,wCACE,SAAS,EAAE,IAAA,mBAAE,EACX,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAC/B,uDAAuD,EACvD,UAAU,CACX,EACD,OAAO,EAAE,UAAU;QAEnB,4CAAO,IAAI,CAAQ;QACnB,4CAAO,KAAK,CAAQ,CACf,CACR,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,QAAQ,YAqBnB"}

package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts

@@ -0,0 +1,9 @@
+import React, { type PropsWithChildren } from 'react';
+export type ClipboardContextValue = {
+    textValue: string;
+    setTextValue: (nextValue: string) => Promise<void>;
+};
+export declare const ClipboardContext: React.Context<ClipboardContextValue>;
+export declare const useClipboardContext: () => ClipboardContextValue;
+export declare const ClipboardProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
+//# sourceMappingURL=ClipboardProvider.d.ts.map

package/dist/types/src/components/Clipboard/ClipboardProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAiB,KAAK,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAExG,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,gBAAgB,sCAG3B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6BAAqC,CAAC;AAEtE,eAAO,MAAM,iBAAiB,iBAAkB,kBAAkB,EAAE,CAAC,gBAOpE,CAAC"}

package/dist/types/src/components/Clipboard/ClipboardProvider.js

@@ -0,0 +1,46 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClipboardProvider = exports.useClipboardContext = exports.ClipboardContext = void 0;
+const react_1 = __importStar(require("react"));
+exports.ClipboardContext = (0, react_1.createContext)({
+    textValue: '',
+    setTextValue: async (_) => { },
+});
+const useClipboardContext = () => (0, react_1.useContext)(exports.ClipboardContext);
+exports.useClipboardContext = useClipboardContext;
+const ClipboardProvider = ({ children }) => {
+    const [textValue, setInternalTextValue] = (0, react_1.useState)('');
+    const setTextValue = (0, react_1.useCallback)(async (nextValue) => {
+        await navigator.clipboard.writeText(nextValue);
+        return setInternalTextValue(nextValue);
+    }, []);
+    return react_1.default.createElement(exports.ClipboardContext.Provider, { value: { textValue, setTextValue } }, children);
+};
+exports.ClipboardProvider = ClipboardProvider;
+//# sourceMappingURL=ClipboardProvider.js.map

package/dist/types/src/components/Clipboard/ClipboardProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardProvider.js","sourceRoot":"","sources":["../../../../../src/components/Clipboard/ClipboardProvider.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAwG;AAO3F,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAwB;IACnE,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAC;AAEI,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;AAAzD,QAAA,mBAAmB,uBAAsC;AAE/D,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE;IACvE,MAAM,CAAC,SAAS,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,EAAE,SAAiB,EAAE,EAAE;QAC3D,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC/C,OAAO,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,8BAAC,wBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,IAAG,QAAQ,CAA6B,CAAC;AAC/G,CAAC,CAAC;AAPW,QAAA,iBAAiB,qBAO5B"}

package/dist/types/src/components/Clipboard/CopyButton.d.ts

@@ -0,0 +1,9 @@
+import { type IconProps } from '@phosphor-icons/react';
+import { type ButtonProps } from '@dxos/react-ui';
+export type CopyButtonProps = ButtonProps & {
+    value: string;
+    iconProps?: IconProps;
+};
+export declare const CopyButton: ({ value, classNames, iconProps, ...props }: CopyButtonProps) => JSX.Element;
+export declare const CopyButtonIconOnly: ({ value, classNames, iconProps, variant, ...props }: CopyButtonProps) => JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/types/src/components/Clipboard/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAU,KAAK,WAAW,EAA2B,MAAM,gBAAgB,CAAC;AAKnF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,UAAU,+CAAgD,eAAe,gBAqBrF,CAAC;AAEF,eAAO,MAAM,kBAAkB,wDAAyD,eAAe,gBA2BtG,CAAC"}

package/dist/types/src/components/Clipboard/CopyButton.js

@@ -0,0 +1,65 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButtonIconOnly = exports.CopyButton = void 0;
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importStar(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const ClipboardProvider_1 = require("./ClipboardProvider");
+const inactiveLabelStyles = 'invisible bs-px -mbe-px overflow-hidden';
+const CopyButton = ({ value, classNames, iconProps, ...props }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const { textValue, setTextValue } = (0, ClipboardProvider_1.useClipboardContext)();
+    const isCopied = textValue === value;
+    return (react_2.default.createElement(react_ui_1.Button, { ...props, classNames: ['inline-flex flex-col justify-center', classNames], onClick: () => setTextValue(value), "data-testid": 'copy-invitation' },
+        react_2.default.createElement("div", { role: 'none', className: (0, react_ui_theme_1.mx)('flex gap-1 items-center', isCopied && inactiveLabelStyles) },
+            react_2.default.createElement("span", { className: 'pli-1' }, t('copy invitation code label')),
+            react_2.default.createElement(react_1.Copy, { className: (0, react_ui_theme_1.getSize)(4), weight: 'bold', ...iconProps })),
+        react_2.default.createElement("div", { role: 'none', className: (0, react_ui_theme_1.mx)('flex gap-1 items-center', !isCopied && inactiveLabelStyles) },
+            react_2.default.createElement("span", { className: 'pli-1' }, t('copy invitation code success label')),
+            react_2.default.createElement(react_1.Check, { className: (0, react_ui_theme_1.getSize)(4), weight: 'bold', ...iconProps }))));
+};
+exports.CopyButton = CopyButton;
+const CopyButtonIconOnly = ({ value, classNames, iconProps, variant, ...props }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const { textValue, setTextValue } = (0, ClipboardProvider_1.useClipboardContext)();
+    const isCopied = textValue === value;
+    const label = isCopied ? t('copy invitation code success label') : t('copy invitation code label');
+    const [open, setOpen] = (0, react_2.useState)(false);
+    return (react_2.default.createElement(react_ui_1.Tooltip.Root, { delayDuration: 1500, open: open, onOpenChange: setOpen },
+        react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
+            react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', sideOffset: 12, classNames: 'z-30' },
+                react_2.default.createElement("span", null, label),
+                react_2.default.createElement(react_ui_1.Tooltip.Arrow, null))),
+        react_2.default.createElement(react_ui_1.Tooltip.Trigger, { "aria-label": label, ...props, onClick: () => setTextValue(value).then(() => setOpen(true)), "data-testid": 'copy-invitation', asChild: true },
+            react_2.default.createElement(react_ui_1.Button, { variant: variant, classNames: ['inline-flex flex-col justify-center', classNames] },
+                react_2.default.createElement(react_1.Copy, { className: (0, react_ui_theme_1.getSize)(5), weight: 'bold', ...iconProps })))));
+};
+exports.CopyButtonIconOnly = CopyButtonIconOnly;
+//# sourceMappingURL=CopyButton.js.map

package/dist/types/src/components/Clipboard/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../../src/components/Clipboard/CopyButton.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/components/Clipboard/index.d.ts

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

package/dist/types/src/components/Clipboard/index.d.ts.map

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

package/dist/types/src/components/Clipboard/index.js

@@ -0,0 +1,22 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CopyButton"), exports);
+__exportStar(require("./ClipboardProvider"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/src/components/Clipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Clipboard/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,+CAA6B;AAC7B,sDAAoC"}

package/dist/types/src/components/CompoundButton/CompoundButton.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type ButtonProps } from '@dxos/react-ui';
+export interface CompoundButtonSlots {
+    root: ComponentPropsWithoutRef<'button'>;
+    middle: ComponentPropsWithoutRef<'div'>;
+    label: ComponentPropsWithoutRef<'p'>;
+    description: ComponentPropsWithoutRef<'p'>;
+}
+export interface CompoundButtonProps extends ButtonProps {
+    children?: ReactNode;
+    description?: ReactNode;
+    before?: ReactNode;
+    after?: ReactNode;
+    slots?: Partial<CompoundButtonSlots>;
+}
+export declare const CompoundButton: ({ children, description, before, after, variant, elevation: propsElevation, slots, ...buttonProps }: Omit<CompoundButtonProps, 'density'>) => JSX.Element;
+//# sourceMappingURL=CompoundButton.d.ts.map

package/dist/types/src/components/CompoundButton/CompoundButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,wBAAwB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,EAA0B,KAAK,WAAW,EAAuB,MAAM,gBAAgB,CAAC;AAG/F,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACxC,KAAK,EAAE,wBAAwB,CAAC,GAAG,CAAC,CAAC;IACrC,WAAW,EAAE,wBAAwB,CAAC,GAAG,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;CACtC;AAED,eAAO,MAAM,cAAc,wGASxB,KAAK,mBAAmB,EAAE,SAAS,CAAC,gBAuDtC,CAAC"}

package/dist/types/src/components/CompoundButton/CompoundButton.js

@@ -0,0 +1,29 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompoundButton = void 0;
+const react_1 = __importDefault(require("react"));
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const CompoundButton = ({ children, description, before, after, variant = 'default', elevation: propsElevation, slots = {}, ...buttonProps }) => {
+    var _a, _b, _c, _d;
+    const labelId = (0, react_ui_1.useId)('compoundButton-label');
+    const descriptionId = (0, react_ui_1.useId)('compoundButton-description');
+    const { tx } = (0, react_ui_1.useThemeContext)();
+    const elevation = (0, react_ui_1.useElevationContext)(propsElevation);
+    const styleProps = { ...buttonProps, variant, elevation, textWrap: true };
+    const buttonClassName = tx('button.root', 'button button--compound', styleProps, 'flex items-center gap-4 plb-2.5', (_a = slots.root) === null || _a === void 0 ? void 0 : _a.className);
+    return (react_1.default.createElement("button", { ...buttonProps, ...slots.root, className: buttonClassName, "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }) },
+        before && (react_1.default.createElement("div", { role: 'none', className: 'grow-0' }, before)),
+        react_1.default.createElement("div", { role: 'none', ...slots.middle, className: (0, react_ui_theme_1.mx)('grow whitespace-normal flex flex-col gap-1 text-left', (_b = slots.middle) === null || _b === void 0 ? void 0 : _b.className) },
+            react_1.default.createElement("p", { ...slots.label, id: labelId, className: (0, react_ui_theme_1.mx)((_c = slots.label) === null || _c === void 0 ? void 0 : _c.className) }, children),
+            description && (react_1.default.createElement("p", { id: descriptionId, ...slots.description, className: (0, react_ui_theme_1.mx)('text-xs mbe-1 font-normal', variant === 'primary' ? react_ui_theme_1.descriptionTextPrimary : react_ui_theme_1.descriptionText, (_d = slots.description) === null || _d === void 0 ? void 0 : _d.className) }, description))),
+        after && (react_1.default.createElement("div", { role: 'none', className: 'grow-0' }, after))));
+};
+exports.CompoundButton = CompoundButton;
+//# sourceMappingURL=CompoundButton.js.map

package/dist/types/src/components/CompoundButton/CompoundButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAA6E;AAE7E,6CAA+F;AAC/F,yDAAmF;AAiB5E,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,GAAG,EAAE,EACV,GAAG,WAAW,EACuB,EAAE,EAAE;;IACzC,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,sBAAsB,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,gBAAK,EAAC,4BAA4B,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,0BAAe,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,8BAAmB,EAAC,cAAc,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,MAAM,eAAe,GAAG,EAAE,CACxB,aAAa,EACb,yBAAyB,EACzB,UAAU,EACV,iCAAiC,EACjC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CACtB,CAAC;IACF,OAAO,CACL,6CACM,WAAW,KACX,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,eAAe,qBACT,OAAO,KACpB,CAAC,WAAW,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC;QAEzD,MAAM,IAAI,CACT,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,MAAM,CACH,CACP;QACD,uCACE,IAAI,EAAC,MAAM,KACP,KAAK,CAAC,MAAM,EAChB,SAAS,EAAE,IAAA,mBAAE,EAAC,sDAAsD,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,SAAS,CAAC;YAE9F,wCAAO,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,mBAAE,EAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,CAAC,IACnE,QAAQ,CACP;YACH,WAAW,IAAI,CACd,qCACE,EAAE,EAAE,aAAa,KACb,KAAK,CAAC,WAAW,EACrB,SAAS,EAAE,IAAA,mBAAE,EACX,2BAA2B,EAC3B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,uCAAsB,CAAC,CAAC,CAAC,gCAAe,EAChE,MAAA,KAAK,CAAC,WAAW,0CAAE,SAAS,CAC7B,IAEA,WAAW,CACV,CACL,CACG;QACL,KAAK,IAAI,CACR,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,KAAK,CACF,CACP,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,cAAc,kBAgEzB"}

package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts

@@ -0,0 +1,35 @@
+import '@dxosTheme';
+import { type CompoundButtonProps } from './CompoundButton';
+declare const _default: {
+    title: string;
+    component: ({ children, description, before, after, variant, elevation: propsElevation, slots, ...buttonProps }: Omit<CompoundButtonProps, "density">) => JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: Omit<CompoundButtonProps, 'ref'>) => JSX.Element;
+    args: {
+        children: string;
+        description: string;
+        before: JSX.Element;
+        after: JSX.Element;
+        disabled: boolean;
+    };
+};
+export declare const Primary: {
+    args: {
+        children: string;
+        description: string;
+        before: JSX.Element;
+        after: JSX.Element;
+        disabled: boolean;
+        variant: string;
+    };
+    render: (args: Omit<CompoundButtonProps, 'ref'>) => JSX.Element;
+};
+//# sourceMappingURL=CompoundButton.stories.d.ts.map

package/dist/types/src/components/CompoundButton/CompoundButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAOpB,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;;;;;;;;;;;AAE5E,wBAKE;AAIF,eAAO,MAAM,OAAO;mBACH,KAAK,mBAAmB,EAAE,KAAK,CAAC;;;;;;;;CAahD,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;mBAfH,KAAK,mBAAmB,EAAE,KAAK,CAAC;CAyBhD,CAAC"}

package/dist/types/src/components/CompoundButton/CompoundButton.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = exports.Default = void 0;
+require("@dxosTheme");
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importDefault(require("react"));
+const storybook_utils_1 = require("@dxos/storybook-utils");
+const CompoundButton_1 = require("./CompoundButton");
+exports.default = {
+    title: 'react-shell/CompoundButton',
+    component: CompoundButton_1.CompoundButton,
+    decorators: [storybook_utils_1.withTheme],
+    parameters: { chromatic: { disableSnapshot: false } },
+};
+const Container = ({ children }) => react_2.default.createElement("div", { className: 'flex gap-4' }, children);
+exports.Default = {
+    render: (args) => (react_2.default.createElement(Container, null,
+        react_2.default.createElement(CompoundButton_1.CompoundButton, { ...args }),
+        react_2.default.createElement(CompoundButton_1.CompoundButton, { ...args, disabled: true }))),
+    args: {
+        children: 'Hello',
+        description: 'This is a compound button',
+        before: react_2.default.createElement(react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: react_2.default.createElement(react_1.ArrowRight, { className: 'w-5 h-5' }),
+        disabled: false,
+    },
+};
+exports.Primary = {
+    ...exports.Default,
+    args: {
+        children: 'Hello',
+        description: 'This is a compound button',
+        before: react_2.default.createElement(react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: react_2.default.createElement(react_1.ArrowRight, { className: 'w-5 h-5' }),
+        disabled: false,
+        variant: 'primary',
+    },
+};
+//# sourceMappingURL=CompoundButton.stories.js.map

package/dist/types/src/components/CompoundButton/CompoundButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompoundButton.stories.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AAEpB,iDAA0E;AAC1E,kDAAsD;AAEtD,2DAAkD;AAElD,qDAA4E;AAE5E,kBAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,+BAAc;IACzB,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,uCAAK,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAO,CAAC;AAE3F,QAAA,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAsC,EAAE,EAAE,CAAC,CAClD,8BAAC,SAAS;QACR,8BAAC,+BAAc,OAAK,IAAI,GAAI;QAC5B,8BAAC,+BAAc,OAAK,IAAI,EAAE,QAAQ,SAAG,CAC3B,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,8BAAC,6BAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,8BAAC,kBAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEW,QAAA,OAAO,GAAG;IACrB,GAAG,eAAO;IACV,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,8BAAC,6BAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,8BAAC,kBAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

package/dist/types/src/components/CompoundButton/index.d.ts

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

package/dist/types/src/components/CompoundButton/index.d.ts.map

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