@dxos/shell 0.7.5-main.2567c87 → 0.7.5-main.5ae2ba8

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

@@ -1,36 +1,29 @@
-"use strict";
+import { jsx as _jsx } from "react/jsx-runtime";
 //
 // 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.Default = void 0;
-require("@dxos-theme");
-const react_1 = __importDefault(require("react"));
-const invitations_1 = require("@dxos/react-client/invitations");
-const storybook_utils_1 = require("@dxos/storybook-utils");
-const InvitationList_1 = require("./InvitationList");
-const fixtures_1 = require("../../testing/fixtures");
-exports.default = {
+import '@dxos-theme';
+import { Invitation } from '@dxos/react-client/invitations';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
+import { InvitationList } from './InvitationList';
+import { inviteWithState } from '../../testing/fixtures';
+export default {
     title: 'sdk/shell/InvitationList',
-    component: InvitationList_1.InvitationList,
-    decorators: [storybook_utils_1.withTheme, (0, storybook_utils_1.withLayout)({ tooltips: true })],
+    component: InvitationList,
+    decorators: [withTheme, withLayout({ tooltips: true })],
     parameters: { chromatic: { disableSnapshot: false } },
 };
-const Default = () => {
-    return (react_1.default.createElement(InvitationList_1.InvitationList, { invitations: [
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.INIT),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.CONNECTING),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.CONNECTED),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.READY_FOR_AUTHENTICATION),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.AUTHENTICATING),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.SUCCESS),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.TIMEOUT),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.ERROR),
-            (0, fixtures_1.inviteWithState)(invitations_1.Invitation.State.CANCELLED),
+export const Default = () => {
+    return (_jsx(InvitationList, { invitations: [
+            inviteWithState(Invitation.State.INIT),
+            inviteWithState(Invitation.State.CONNECTING),
+            inviteWithState(Invitation.State.CONNECTED),
+            inviteWithState(Invitation.State.READY_FOR_AUTHENTICATION),
+            inviteWithState(Invitation.State.AUTHENTICATING),
+            inviteWithState(Invitation.State.SUCCESS),
+            inviteWithState(Invitation.State.TIMEOUT),
+            inviteWithState(Invitation.State.ERROR),
+            inviteWithState(Invitation.State.CANCELLED),
         ], send: () => { }, createInvitationUrl: (invite) => invite }));
 };
-exports.Default = Default;
 //# sourceMappingURL=InvitationList.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationList.stories.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,uBAAqB;AAErB,kDAA0B;AAE1B,gEAA4D;AAC5D,2DAA8D;AAE9D,qDAAkD;AAClD,qDAAyD;AAEzD,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,+BAAc;IACzB,UAAU,EAAE,CAAC,2BAAS,EAAE,IAAA,4BAAU,EAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,8BAAC,+BAAc,IACb,WAAW,EAAE;YACX,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,IAAI,CAAC;YACtC,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,UAAU,CAAC;YAC5C,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,SAAS,CAAC;YAC3C,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,wBAAwB,CAAC;YAC1D,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,cAAc,CAAC;YAChD,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,KAAK,CAAC;YACvC,IAAA,0BAAe,EAAC,wBAAU,CAAC,KAAK,CAAC,SAAS,CAAC;SAC5C,EACD,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,EACd,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,GACvC,CACH,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,OAAO,WAkBlB"}
+{"version":3,"file":"InvitationList.stories.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAIrB,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,CACL,KAAC,cAAc,IACb,WAAW,EAAE;YACX,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;YACtC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;YAC5C,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;YAC3C,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,wBAAwB,CAAC;YAC1D,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;YAChD,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;YACzC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;YACvC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;SAC5C,EACD,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC,EACd,mBAAmB,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,GACvC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/types/src/components/InvitationList/InvitationListContainer.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { type PublicKey } from '@dxos/react-client';
 import { type SharedInvitationListProps } from './InvitationListProps';
 export interface InvitationListContainerProps extends SharedInvitationListProps {
     spaceKey: PublicKey;
 }
-export declare const InvitationListContainer: ({ spaceKey, createInvitationUrl, send }: InvitationListContainerProps) => React.JSX.Element;
+export declare const InvitationListContainer: ({ spaceKey, createInvitationUrl, send }: InvitationListContainerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InvitationListContainer.d.ts.map

package/dist/types/src/components/InvitationList/InvitationListContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationListContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,4BAA6B,SAAQ,yBAAyB;IAC7E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,4CAA6C,4BAA4B,sBAa5G,CAAC"}
+{"version":3,"file":"InvitationListContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,4BAA6B,SAAQ,yBAAyB;IAC7E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,4CAA6C,4BAA4B,4CAa5G,CAAC"}

package/dist/types/src/components/InvitationList/InvitationListContainer.js

@@ -1,52 +1,16 @@
-"use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitationListContainer = void 0;
+import { jsx as _jsx } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = __importStar(require("react"));
-const echo_1 = require("@dxos/react-client/echo");
-const InvitationList_1 = require("./InvitationList");
-const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
-    const space = (0, echo_1.useSpace)(spaceKey);
-    const invitations = (0, echo_1.useSpaceInvitations)(spaceKey);
-    const handleClickRemove = (0, react_1.useCallback)((invitation) => {
+import { useCallback } from 'react';
+import { useSpace, useSpaceInvitations } from '@dxos/react-client/echo';
+import { InvitationList } from './InvitationList';
+export const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
+    const space = useSpace(spaceKey);
+    const invitations = useSpaceInvitations(spaceKey);
+    const handleClickRemove = useCallback((invitation) => {
         void invitation.cancel();
     }, [space]);
-    return (react_1.default.createElement(InvitationList_1.InvitationList, { invitations: invitations, onClickRemove: handleClickRemove, createInvitationUrl, send }));
+    return (_jsx(InvitationList, { invitations: invitations, onClickRemove: handleClickRemove, createInvitationUrl, send }));
 };
-exports.InvitationListContainer = InvitationListContainer;
 //# sourceMappingURL=InvitationListContainer.js.map

package/dist/types/src/components/InvitationList/InvitationListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationListContainer.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,+CAA2C;AAG3C,kDAAwE;AAGxE,qDAAkD;AAO3C,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,EAAgC,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG,IAAA,eAAQ,EAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,IAAA,0BAAmB,EAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,UAA2C,EAAE,EAAE;QAC9C,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,8BAAC,+BAAc,IAAC,WAAW,EAAE,WAAW,EAAQ,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,IAAI,GAAM,CAClH,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,uBAAuB,2BAalC"}
+{"version":3,"file":"InvitationListContainer.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListContainer.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOlD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAE,mBAAmB,EAAE,IAAI,EAAgC,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,UAA2C,EAAE,EAAE;QAC9C,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IAAC,WAAW,EAAE,WAAW,EAAQ,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,IAAI,GAAM,CAClH,CAAC;AACJ,CAAC,CAAC"}

package/dist/types/src/components/InvitationList/InvitationListItem.d.ts

@@ -1,4 +1,4 @@
-import React, { type ComponentPropsWithoutRef } from 'react';
+import { type ComponentPropsWithoutRef } from 'react';
 import { type CancellableInvitationObservable, type InvitationStatus } from '@dxos/react-client/invitations';
 import { type ThemedClassName } from '@dxos/react-ui';
 import { type SharedInvitationListProps } from './InvitationListProps';
@@ -10,6 +10,6 @@ export type InvitationListItemProps = SharedInvitationListProps & {
 export type InvitationListItemImplProps = InvitationListItemProps & {
     invitationStatus: InvitationStatus;
 };
-export declare const InvitationListItem: (props: InvitationListItemProps) => React.JSX.Element;
-export declare const InvitationListItemImpl: ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }: InvitationListItemImplProps) => React.JSX.Element;
+export declare const InvitationListItem: (props: InvitationListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InvitationListItemImpl: ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }: InvitationListItemImplProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InvitationListItem.d.ts.map

package/dist/types/src/components/InvitationList/InvitationListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAe,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,KAAK,+BAA+B,EAEpC,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EASL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG;IAChE,UAAU,EAAE,+BAA+B,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEpD,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,GAAG;IAClE,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,sBAIhE,CAAC;AA4CF,eAAO,MAAM,sBAAsB,gIAQhC,2BAA2B,sBAkI7B,CAAC"}
+{"version":3,"file":"InvitationListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationListItem.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,KAAK,wBAAwB,EAAe,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,KAAK,+BAA+B,EAEpC,KAAK,gBAAgB,EAEtB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EASL,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG;IAChE,UAAU,EAAE,+BAA+B,CAAC;IAC5C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,+BAA+B,KAAK,IAAI,CAAC;IACtE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,eAAe,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,CAAC;AAEpD,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,GAAG;IAClE,gBAAgB,EAAE,gBAAgB,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,uBAAuB,4CAIhE,CAAC;AA4CF,eAAO,MAAM,sBAAsB,gIAQhC,2BAA2B,4CAkI7B,CAAC"}

package/dist/types/src/components/InvitationList/InvitationListItem.js

@@ -1,124 +1,57 @@
-"use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvitationListItemImpl = exports.InvitationListItem = void 0;
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = require("@phosphor-icons/react");
-const date_fns_1 = require("date-fns");
-const react_2 = __importStar(require("react"));
-const invitations_1 = require("@dxos/react-client/invitations");
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const util_1 = require("@dxos/util");
-const AuthCode_1 = require("../AuthCode");
-const InvitationListItem = (props) => {
+import { X } from '@phosphor-icons/react';
+import { formatDistanceToNow } from 'date-fns';
+import { useCallback } from 'react';
+import { Invitation, useInvitationStatus, } from '@dxos/react-client/invitations';
+import { Button, Clipboard, ListItem, useTranslation, Avatar, useThemeContext, Tooltip, } from '@dxos/react-ui';
+import { focusRing, getSize, mx } from '@dxos/react-ui-theme';
+import { hexToEmoji } from '@dxos/util';
+import { AuthCode } from '../AuthCode';
+export const InvitationListItem = (props) => {
     const { invitation } = props;
-    const invitationStatus = (0, invitations_1.useInvitationStatus)(invitation);
-    return react_2.default.createElement(exports.InvitationListItemImpl, { ...props, invitationStatus: invitationStatus });
+    const invitationStatus = useInvitationStatus(invitation);
+    return _jsx(InvitationListItemImpl, { ...props, invitationStatus: invitationStatus });
 };
-exports.InvitationListItem = InvitationListItem;
 const avatarProps = { size: 10, variant: 'circle' };
 const AvatarStackEffect = ({ animation, status, reverseEffects, }) => {
-    const { tx } = (0, react_ui_1.useThemeContext)();
-    return (react_2.default.createElement(react_2.default.Fragment, null,
-        react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-end-auto opacity-20', reverseEffects ? 'inline-start-3' : 'inline-start-1', (0, react_ui_theme_1.getSize)(avatarProps.size)) },
-            react_2.default.createElement("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '400ms' } })),
-        react_2.default.createElement("span", { role: 'none', className: (0, react_ui_theme_1.mx)('absolute inline-end-auto opacity-50', reverseEffects ? 'inline-start-2' : 'inline-start-2', (0, react_ui_theme_1.getSize)(avatarProps.size)) },
-            react_2.default.createElement("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '200ms' } }))));
+    const { tx } = useThemeContext();
+    return (_jsxs(_Fragment, { children: [_jsx("span", { role: 'none', className: mx('absolute inline-end-auto opacity-20', reverseEffects ? 'inline-start-3' : 'inline-start-1', getSize(avatarProps.size)), children: _jsx("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '400ms' } }) }), _jsx("span", { role: 'none', className: mx('absolute inline-end-auto opacity-50', reverseEffects ? 'inline-start-2' : 'inline-start-2', getSize(avatarProps.size)), children: _jsx("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '200ms' } }) })] }));
 };
-const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
+export const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
+    const { t } = useTranslation('os');
     const { cancel, status: invitationStatus, invitationCode, authCode, multiUse, shareable } = propsInvitationStatus;
-    const isCancellable = !([invitations_1.Invitation.State.ERROR, invitations_1.Invitation.State.TIMEOUT, invitations_1.Invitation.State.CANCELLED].indexOf(invitationStatus) >= 0);
+    const isCancellable = !([Invitation.State.ERROR, Invitation.State.TIMEOUT, Invitation.State.CANCELLED].indexOf(invitationStatus) >= 0);
     const showShare = shareable &&
         (multiUse ||
-            [invitations_1.Invitation.State.INIT, invitations_1.Invitation.State.CONNECTING, invitations_1.Invitation.State.CONNECTED].indexOf(invitationStatus) >= 0);
-    const showAuthCode = invitationStatus === invitations_1.Invitation.State.READY_FOR_AUTHENTICATION;
-    const handleClickRemove = (0, react_2.useCallback)(() => onClickRemove === null || onClickRemove === void 0 ? void 0 : onClickRemove(invitation), [invitation, onClickRemove]);
+            [Invitation.State.INIT, Invitation.State.CONNECTING, Invitation.State.CONNECTED].indexOf(invitationStatus) >= 0);
+    const showAuthCode = invitationStatus === Invitation.State.READY_FOR_AUTHENTICATION;
+    const handleClickRemove = useCallback(() => onClickRemove === null || onClickRemove === void 0 ? void 0 : onClickRemove(invitation), [invitation, onClickRemove]);
     const invitationUrl = invitationCode && createInvitationUrl(invitationCode);
     const invitationId = invitation === null || invitation === void 0 ? void 0 : invitation.get().invitationId;
     const invitationHasLifetime = invitation === null || invitation === void 0 ? void 0 : invitation.get().lifetime;
     const invitationTimeLeft = (invitation === null || invitation === void 0 ? void 0 : invitation.expiry)
-        ? (0, date_fns_1.formatDistanceToNow)(invitation === null || invitation === void 0 ? void 0 : invitation.expiry, { addSuffix: true })
+        ? formatDistanceToNow(invitation === null || invitation === void 0 ? void 0 : invitation.expiry, { addSuffix: true })
         : undefined;
     const avatarAnimation = [
-        invitations_1.Invitation.State.INIT,
-        invitations_1.Invitation.State.CONNECTING,
-        invitations_1.Invitation.State.CONNECTED,
-        invitations_1.Invitation.State.READY_FOR_AUTHENTICATION,
-        invitations_1.Invitation.State.AUTHENTICATING,
+        Invitation.State.INIT,
+        Invitation.State.CONNECTING,
+        Invitation.State.CONNECTED,
+        Invitation.State.READY_FOR_AUTHENTICATION,
+        Invitation.State.AUTHENTICATING,
     ].includes(invitationStatus)
         ? 'pulse'
         : 'none';
-    const avatarError = [invitations_1.Invitation.State.ERROR, invitations_1.Invitation.State.TIMEOUT, invitations_1.Invitation.State.CANCELLED].includes(invitationStatus);
+    const avatarError = [Invitation.State.ERROR, Invitation.State.TIMEOUT, Invitation.State.CANCELLED].includes(invitationStatus);
     const avatarGreen = [
-        invitations_1.Invitation.State.CONNECTED,
-        invitations_1.Invitation.State.READY_FOR_AUTHENTICATION,
-        invitations_1.Invitation.State.AUTHENTICATING,
-        invitations_1.Invitation.State.SUCCESS,
+        Invitation.State.CONNECTED,
+        Invitation.State.READY_FOR_AUTHENTICATION,
+        Invitation.State.AUTHENTICATING,
+        Invitation.State.SUCCESS,
     ].includes(invitationStatus);
     const avatarStatus = avatarError ? 'error' : avatarGreen ? 'active' : 'inactive';
-    return (react_2.default.createElement(react_ui_1.ListItem.Root, { id: invitationCode, ...props, classNames: ['flex gap-2 pis-3 pie-1 items-center relative', props.classNames] },
-        react_2.default.createElement(react_ui_1.ListItem.Heading, { classNames: 'sr-only' }, t(multiUse ? 'invite many list item label' : 'invite one list item label')),
-        multiUse && (react_2.default.createElement(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation, reverseEffects: reverseEffects })),
-        react_2.default.createElement(react_ui_1.Tooltip.Root, null,
-            react_2.default.createElement(react_ui_1.Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus },
-                react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                    react_2.default.createElement(react_ui_1.Avatar.Frame, { tabIndex: 0, classNames: [react_ui_theme_1.focusRing, 'relative rounded-full place-self-center'] },
-                        react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: (0, util_1.hexToEmoji)(invitationId) })))),
-            react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
-                react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'left' },
-                    t(multiUse ? 'invite many qr label' : 'invite one qr label'),
-                    react_2.default.createElement(react_ui_1.Tooltip.Arrow, null)))),
-        showShare && invitationUrl ? (react_2.default.createElement(react_ui_1.Tooltip.Root, null,
-            react_2.default.createElement(react_2.default.Fragment, null,
-                react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                    react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'grow justify-start font-medium', onClick: () => send({ type: 'selectInvitation', invitation }), "data-testid": 'show-qrcode' },
-                        react_2.default.createElement("span", null, t('open share panel label')))),
-                react_2.default.createElement(react_ui_1.Clipboard.IconButton, { variant: 'ghost', value: invitationUrl })),
-            react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
-                react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'left' }, invitationHasLifetime && react_2.default.createElement("span", null,
-                    "Expires ",
-                    invitationTimeLeft))))) : showAuthCode ? (react_2.default.createElement(AuthCode_1.AuthCode, { code: authCode, classNames: 'grow' })) : invitationStatus === invitations_1.Invitation.State.CONNECTING ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Connecting...")) : invitationStatus === invitations_1.Invitation.State.AUTHENTICATING ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Authenticating...")) : invitationStatus === invitations_1.Invitation.State.ERROR || invitationStatus === invitations_1.Invitation.State.TIMEOUT ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Failed")) : invitationStatus === invitations_1.Invitation.State.CANCELLED ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Cancelled")) : invitationStatus === invitations_1.Invitation.State.SUCCESS ? (react_2.default.createElement("span", { className: 'pli-2 grow truncate' }, "User joined")) : !shareable ? (react_2.default.createElement("span", { className: 'pli-2 grow text-neutral-500' }, "Pending Invitation")) : (react_2.default.createElement("span", { className: 'grow' }, " ")),
-        isCancellable ? (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: cancel, "data-testid": 'cancel-invitation' },
-            react_2.default.createElement("span", { className: 'sr-only' }, t('cancel invitation label')),
-            react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(4) }))) : (react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: handleClickRemove, "data-testid": 'remove-invitation' },
-            react_2.default.createElement("span", { className: 'sr-only' }, t('remove invitation label')),
-            react_2.default.createElement(react_1.X, { className: (0, react_ui_theme_1.getSize)(4) })))));
+    return (_jsxs(ListItem.Root, { id: invitationCode, ...props, classNames: ['flex gap-2 pis-3 pie-1 items-center relative', props.classNames], children: [_jsx(ListItem.Heading, { classNames: 'sr-only', children: t(multiUse ? 'invite many list item label' : 'invite one list item label') }), multiUse && (_jsx(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation, reverseEffects: reverseEffects })), _jsxs(Tooltip.Root, { children: [_jsx(Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus, children: _jsx(Tooltip.Trigger, { asChild: true, children: _jsx(Avatar.Frame, { tabIndex: 0, classNames: [focusRing, 'relative rounded-full place-self-center'], children: _jsx(Avatar.Fallback, { text: hexToEmoji(invitationId) }) }) }) }), _jsx(Tooltip.Portal, { children: _jsxs(Tooltip.Content, { side: 'left', children: [t(multiUse ? 'invite many qr label' : 'invite one qr label'), _jsx(Tooltip.Arrow, {})] }) })] }), showShare && invitationUrl ? (_jsxs(Tooltip.Root, { children: [_jsxs(_Fragment, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsx(Button, { variant: 'ghost', classNames: 'grow justify-start font-medium', onClick: () => send({ type: 'selectInvitation', invitation }), "data-testid": 'show-qrcode', children: _jsx("span", { children: t('open share panel label') }) }) }), _jsx(Clipboard.IconButton, { variant: 'ghost', value: invitationUrl })] }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Content, { side: 'left', children: invitationHasLifetime && _jsxs("span", { children: ["Expires ", invitationTimeLeft] }) }) })] })) : showAuthCode ? (_jsx(AuthCode, { code: authCode, classNames: 'grow' })) : invitationStatus === Invitation.State.CONNECTING ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Connecting..." })) : invitationStatus === Invitation.State.AUTHENTICATING ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Authenticating..." })) : invitationStatus === Invitation.State.ERROR || invitationStatus === Invitation.State.TIMEOUT ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Failed" })) : invitationStatus === Invitation.State.CANCELLED ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Cancelled" })) : invitationStatus === Invitation.State.SUCCESS ? (_jsx("span", { className: 'pli-2 grow truncate', children: "User joined" })) : !shareable ? (_jsx("span", { className: 'pli-2 grow text-neutral-500', children: "Pending Invitation" })) : (_jsx("span", { className: 'grow', children: " " })), isCancellable ? (_jsxs(Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: cancel, "data-testid": 'cancel-invitation', children: [_jsx("span", { className: 'sr-only', children: t('cancel invitation label') }), _jsx(X, { className: getSize(4) })] })) : (_jsxs(Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: handleClickRemove, "data-testid": 'remove-invitation', children: [_jsx("span", { className: 'sr-only', children: t('remove invitation label') }), _jsx(X, { className: getSize(4) })] }))] }));
 };
-exports.InvitationListItemImpl = InvitationListItemImpl;
 //# sourceMappingURL=InvitationListItem.js.map

package/dist/types/src/components/InvitationList/InvitationListItem.js.map

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

package/dist/types/src/components/InvitationList/InvitationListProps.js

@@ -1,3 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=InvitationListProps.js.map

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

@@ -1,23 +1,7 @@
-"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("./InvitationListItem"), exports);
-__exportStar(require("./InvitationListContainer"), exports);
-__exportStar(require("./InvitationList"), exports);
+export * from './InvitationListItem';
+export * from './InvitationListContainer';
+export * from './InvitationList';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}

package/dist/types/src/components/Panel/Action.js

@@ -1,90 +1,37 @@
-"use strict";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // 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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Action = exports.BifurcatedAction = void 0;
-const react_1 = require("@phosphor-icons/react");
-const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable-state");
-const react_2 = __importStar(require("react"));
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
+import { CaretDown, Check, Placeholder } from '@phosphor-icons/react';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { forwardRef } from 'react';
+import { Button, DropdownMenu, useTranslation } from '@dxos/react-ui';
+import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
 const defaultActions = {
     noopAction: {
         label: 'No-op',
         description: '',
-        icon: react_1.Placeholder,
+        icon: Placeholder,
         onClick: () => { },
     },
 };
-exports.BifurcatedAction = (0, react_2.forwardRef)((props, forwardedRef) => {
+export const BifurcatedAction = forwardRef((props, forwardedRef) => {
     var _a;
     const { classNames, variant, isFull = true, actions = defaultActions, activeAction: propsActiveAction, onChangeActiveAction, defaultActiveAction, 'data-testid': testId, ...rest } = props;
     const dropdownTestId = testId && `${testId}.more`;
-    const [activeActionKey = Object.keys(actions)[0], setActiveAction] = (0, react_use_controllable_state_1.useControllableState)({
+    const [activeActionKey = Object.keys(actions)[0], setActiveAction] = useControllableState({
         prop: propsActiveAction,
         onChange: onChangeActiveAction,
         defaultProp: defaultActiveAction,
     });
     const activeAction = (_a = actions[activeActionKey]) !== null && _a !== void 0 ? _a : {};
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    return (react_2.default.createElement("div", { role: 'none', className: (0, react_ui_theme_1.mx)('mbs-2 flex gap-px items-center', isFull && 'is-full') },
-        react_2.default.createElement(react_ui_1.Button, { ...rest, classNames: ['bs-11 flex-1 min-is-0 flex gap-2 rounded-ie-none', classNames], ref: forwardedRef, variant: variant, "data-testid": testId, onClick: activeAction.onClick },
-            activeAction.icon && react_2.default.createElement(activeAction.icon, { className: (0, react_ui_theme_1.getSize)(5) }),
-            react_2.default.createElement("span", null, activeAction.label)),
-        react_2.default.createElement(react_ui_1.DropdownMenu.Root, null,
-            react_2.default.createElement(react_ui_1.DropdownMenu.Trigger, { asChild: true },
-                react_2.default.createElement(react_ui_1.Button, { classNames: ['bs-11 flex-none rounded-is-none', classNames], "data-testid": dropdownTestId },
-                    react_2.default.createElement("span", { className: 'sr-only' }, t('invite options label')),
-                    react_2.default.createElement(react_1.CaretDown, { className: (0, react_ui_theme_1.getSize)(4) }))),
-            react_2.default.createElement(react_ui_1.DropdownMenu.Portal, null,
-                react_2.default.createElement(react_ui_1.DropdownMenu.Content, null,
-                    react_2.default.createElement(react_ui_1.DropdownMenu.Viewport, null, Object.entries(actions).map(([id, action]) => {
-                        return (react_2.default.createElement(react_ui_1.DropdownMenu.CheckboxItem, { key: id, "aria-labelledby": `${id}__label`, "aria-describedby": `${id}__description`, checked: activeActionKey === id, onCheckedChange: (checked) => checked && setActiveAction(id), classNames: 'gap-2', "data-testid": action.testId },
-                            action.icon && react_2.default.createElement(action.icon, { className: (0, react_ui_theme_1.getSize)(5) }),
-                            react_2.default.createElement("div", { role: 'none', className: 'flex-1 min-is-0 space-b-1' },
-                                react_2.default.createElement("p", { id: `${id}__label` }, action.label),
-                                action.description && (react_2.default.createElement("p", { id: `${id}__description`, className: react_ui_theme_1.descriptionText }, action.description))),
-                            react_2.default.createElement(react_ui_1.DropdownMenu.ItemIndicator, { asChild: true },
-                                react_2.default.createElement(react_1.Check, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) }))));
-                    })),
-                    react_2.default.createElement(react_ui_1.DropdownMenu.Arrow, null))))));
+    const { t } = useTranslation('os');
+    return (_jsxs("div", { role: 'none', className: mx('mbs-2 flex gap-px items-center', isFull && 'is-full'), children: [_jsxs(Button, { ...rest, classNames: ['bs-11 flex-1 min-is-0 flex gap-2 rounded-ie-none', classNames], ref: forwardedRef, variant: variant, "data-testid": testId, onClick: activeAction.onClick, children: [activeAction.icon && _jsx(activeAction.icon, { className: getSize(5) }), _jsx("span", { children: activeAction.label })] }), _jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsxs(Button, { classNames: ['bs-11 flex-none rounded-is-none', classNames], "data-testid": dropdownTestId, children: [_jsx("span", { className: 'sr-only', children: t('invite options label') }), _jsx(CaretDown, { className: getSize(4) })] }) }), _jsx(DropdownMenu.Portal, { children: _jsxs(DropdownMenu.Content, { children: [_jsx(DropdownMenu.Viewport, { children: Object.entries(actions).map(([id, action]) => {
+                                        return (_jsxs(DropdownMenu.CheckboxItem, { "aria-labelledby": `${id}__label`, "aria-describedby": `${id}__description`, checked: activeActionKey === id, onCheckedChange: (checked) => checked && setActiveAction(id), classNames: 'gap-2', "data-testid": action.testId, children: [action.icon && _jsx(action.icon, { className: getSize(5) }), _jsxs("div", { role: 'none', className: 'flex-1 min-is-0 space-b-1', children: [_jsx("p", { id: `${id}__label`, children: action.label }), action.description && (_jsx("p", { id: `${id}__description`, className: descriptionText, children: action.description }))] }), _jsx(DropdownMenu.ItemIndicator, { asChild: true, children: _jsx(Check, { weight: 'bold', className: getSize(4) }) })] }, id));
+                                    }) }), _jsx(DropdownMenu.Arrow, {})] }) })] })] }));
 });
-exports.Action = (0, react_2.forwardRef)((props, forwardedRef) => {
+export const Action = forwardRef((props, forwardedRef) => {
     const { children, classNames, variant, isFull = true, ...rest } = props;
-    return (react_2.default.createElement(react_ui_1.Button, { ...rest, classNames: [isFull && 'is-full', 'bs-11 flex gap-2 mbs-2', classNames], ref: forwardedRef, variant: variant }, children));
+    return (_jsx(Button, { ...rest, classNames: [isFull && 'is-full', 'bs-11 flex gap-2 mbs-2', classNames], ref: forwardedRef, variant: variant, children: children }));
 });
 //# sourceMappingURL=Action.js.map

package/dist/types/src/components/Panel/Action.js.map

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