@dxos/shell 0.7.5-main.e9bb01b → 0.7.5-staging.2ff1350

package/dist/types/src/components/IdentityList/IdentityListItem.js

@@ -1,43 +1,11 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdentityListItem = void 0;
+const jsx_runtime_1 = require("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.IdentityListItem = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const display_name_1 = require("@dxos/display-name");
 const echo_1 = require("@dxos/react-client/echo");
 const react_ui_1 = require("@dxos/react-ui");
@@ -48,10 +16,6 @@ exports.IdentityListItem = (0, react_1.forwardRef)(({ identity, presence, onClic
     const fallbackValue = (0, util_1.keyToFallback)(identity.identityKey);
     const labelId = (0, react_ui_1.useId)('identityListItem__label');
     const displayName = (_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : (0, display_name_1.generateName)(identity.identityKey.toHex());
-    return (react_1.default.createElement(react_ui_1.ListItem.Root, { ...props, classNames: (0, react_ui_theme_1.mx)('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer', classNames), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-testid": 'identity-list-item', labelId: labelId, ref: forwardedRef },
-        react_1.default.createElement(react_ui_1.Avatar.Root, { status: presence === echo_1.SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId, hue: ((_d = (_c = identity.profile) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.hue) || fallbackValue.hue },
-            react_1.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'place-self-center' },
-                react_1.default.createElement(react_ui_1.Avatar.Fallback, { text: ((_f = (_e = identity.profile) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.emoji) || fallbackValue.emoji })),
-            react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'text-sm truncate pli-2' }, displayName))));
+    return ((0, jsx_runtime_1.jsx)(react_ui_1.ListItem.Root, { ...props, classNames: (0, react_ui_theme_1.mx)('flex gap-2 pis-3 pie-1 items-center', onClick && 'cursor-pointer', classNames), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(), "data-testid": 'identity-list-item', labelId: labelId, ref: forwardedRef, children: (0, jsx_runtime_1.jsxs)(react_ui_1.Avatar.Root, { status: presence === echo_1.SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', labelId: labelId, hue: ((_d = (_c = identity.profile) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.hue) || fallbackValue.hue, children: [(0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Frame, { classNames: 'place-self-center', children: (0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Fallback, { text: ((_f = (_e = identity.profile) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.emoji) || fallbackValue.emoji }) }), (0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Label, { classNames: 'text-sm truncate pli-2', children: displayName })] }) }));
 });
 //# sourceMappingURL=IdentityListItem.js.map

package/dist/types/src/components/IdentityList/IdentityListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAyE;AAEzE,qDAAkD;AAClD,kDAAsD;AAEtD,6CAA+E;AAC/E,yDAA0C;AAC1C,qCAA2C;AAQ9B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;;IACxE,MAAM,aAAa,GAAG,IAAA,oBAAa,EAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,mCAAI,IAAA,2BAAY,EAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAChG,OAAO,CACL,8BAAC,mBAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,IAAA,mBAAE,EAAC,qCAAqC,EAAE,OAAO,IAAI,gBAAgB,EAAE,UAAU,CAAC,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,iBACd,oBAAoB,EAChC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY;QAEjB,8BAAC,iBAAM,CAAC,IAAI,IACV,MAAM,EAAE,QAAQ,KAAK,kBAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAC7E,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,GAAG,KAAI,aAAa,CAAC,GAAG;YAErD,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB;gBAC1C,8BAAC,iBAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,KAAK,KAAI,aAAa,CAAC,KAAK,GAAI,CAClE;YACf,8BAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,IAAE,WAAW,CAAgB,CAClE,CACA,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"IdentityListItem.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":";;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,iCAAyE;AAEzE,qDAAkD;AAClD,kDAAsD;AAEtD,6CAA+E;AAC/E,yDAA0C;AAC1C,qCAA2C;AAQ9B,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;;IACxE,MAAM,aAAa,GAAG,IAAA,oBAAa,EAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,mCAAI,IAAA,2BAAY,EAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAChG,OAAO,CACL,uBAAC,mBAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,IAAA,mBAAE,EAAC,qCAAqC,EAAE,OAAO,IAAI,gBAAgB,EAAE,UAAU,CAAC,EAC9F,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,iBACd,oBAAoB,EAChC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,YAEjB,wBAAC,iBAAM,CAAC,IAAI,IACV,MAAM,EAAE,QAAQ,KAAK,kBAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAC7E,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,GAAG,KAAI,aAAa,CAAC,GAAG,aAErD,uBAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB,YAC1C,uBAAC,iBAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,KAAK,KAAI,aAAa,CAAC,KAAK,GAAI,GAClE,EACf,uBAAC,iBAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,YAAE,WAAW,GAAgB,IAClE,GACA,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/types/src/components/IdentityList/SpaceMemberList.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type PublicKey } from '@dxos/react-client';
 import type { SpaceMember } from '@dxos/react-client/echo';
 export interface SpaceMemberListImplProps {
@@ -9,6 +8,6 @@ export interface SpaceMemberListProps extends Partial<SpaceMemberListImplProps>
     spaceKey: PublicKey;
     includeSelf?: boolean;
 }
-export declare const SpaceMemberList: ({ spaceKey, includeSelf, onSelect }: SpaceMemberListProps) => React.JSX.Element;
-export declare const SpaceMemberListImpl: ({ members, onSelect }: SpaceMemberListImplProps) => React.JSX.Element;
+export declare const SpaceMemberList: ({ spaceKey, includeSelf, onSelect }: SpaceMemberListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpaceMemberListImpl: ({ members, onSelect }: SpaceMemberListImplProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SpaceMemberList.d.ts.map

package/dist/types/src/components/IdentityList/SpaceMemberList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpaceMemberList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAS3D,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,wBAAwB,CAAC;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,sBAexF,CAAC;AAEF,eAAO,MAAM,mBAAmB,0BAA2B,wBAAwB,sBAqBlF,CAAC"}
+{"version":3,"file":"SpaceMemberList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAS3D,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,wBAAwB,CAAC;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,wCAAyC,oBAAoB,4CAexF,CAAC;AAEF,eAAO,MAAM,mBAAmB,0BAA2B,wBAAwB,4CAqBlF,CAAC"}

package/dist/types/src/components/IdentityList/SpaceMemberList.js

@@ -1,43 +1,11 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpaceMemberListImpl = exports.SpaceMemberList = void 0;
+const jsx_runtime_1 = require("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.SpaceMemberListImpl = exports.SpaceMemberList = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const react_client_1 = require("@dxos/react-client");
 const echo_1 = require("@dxos/react-client/echo");
 const react_ui_1 = require("@dxos/react-ui");
@@ -49,16 +17,15 @@ const SpaceMemberList = ({ spaceKey, includeSelf, onSelect }) => {
     const members = (0, react_1.useMemo)(() => includeSelf
         ? allUnsortedMembers.sort((member) => member.identity.identityKey.equals(client.halo.identity.get().identityKey) ? -1 : 1)
         : allUnsortedMembers.filter((member) => !member.identity.identityKey.equals(client.halo.identity.get().identityKey)), [allUnsortedMembers]);
-    return react_1.default.createElement(exports.SpaceMemberListImpl, { members: members, onSelect: onSelect });
+    return (0, jsx_runtime_1.jsx)(exports.SpaceMemberListImpl, { members: members, onSelect: onSelect });
 };
 exports.SpaceMemberList = SpaceMemberList;
 const SpaceMemberListImpl = ({ members, onSelect }) => {
     const { t } = (0, react_ui_1.useTranslation)('os');
     const visibleMembers = members.filter((member) => member.identity);
-    return visibleMembers.length > 0 ? (react_1.default.createElement(react_ui_1.List, { classNames: 'flex flex-col gap-2', "data-testid": 'space-members-list' }, visibleMembers.map((member) => {
-        return (react_1.default.createElement(IdentityListItem_1.IdentityListItem, { key: member.identity.identityKey.toHex(), identity: member.identity, presence: member.presence, onClick: onSelect && (() => onSelect(member)) }));
-    }))) : (react_1.default.createElement("div", { role: 'none', className: 'grow flex items-center p-2' },
-        react_1.default.createElement("p", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center is-full mlb-2') }, t('empty space members message'))));
+    return visibleMembers.length > 0 ? ((0, jsx_runtime_1.jsx)(react_ui_1.List, { classNames: 'flex flex-col gap-2', "data-testid": 'space-members-list', children: visibleMembers.map((member) => {
+            return ((0, jsx_runtime_1.jsx)(IdentityListItem_1.IdentityListItem, { identity: member.identity, presence: member.presence, onClick: onSelect && (() => onSelect(member)) }, member.identity.identityKey.toHex()));
+        }) })) : ((0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow flex items-center p-2', children: (0, jsx_runtime_1.jsx)("p", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center is-full mlb-2'), children: t('empty space members message') }) }));
 };
 exports.SpaceMemberListImpl = SpaceMemberListImpl;
 //# sourceMappingURL=SpaceMemberList.js.map

package/dist/types/src/components/IdentityList/SpaceMemberList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpaceMemberList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAuC;AAEvC,qDAA+D;AAE/D,kDAAqD;AACrD,6CAAsD;AACtD,yDAA2D;AAE3D,yDAAsD;AAc/C,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,IAAA,wBAAS,GAAE,CAAC;IAC3B,MAAM,kBAAkB,GAAG,IAAA,iBAAU,EAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,WAAW;QACT,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACrF;QACH,CAAC,CAAC,kBAAkB,CAAC,MAAM,CACvB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CACzF,EACP,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,8BAAC,2BAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B;AAEK,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACrF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnE,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,8BAAC,eAAI,IAAC,UAAU,EAAC,qBAAqB,iBAAa,oBAAoB,IACpE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,OAAO,CACL,8BAAC,mCAAgB,IACf,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,EACxC,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC7C,CACH,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B;QACrD,qCAAG,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,2BAA2B,CAAC,IAAG,CAAC,CAAC,6BAA6B,CAAC,CAAK,CAClG,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B"}
+{"version":3,"file":"SpaceMemberList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.tsx"],"names":[],"mappings":";;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,iCAAuC;AAEvC,qDAA+D;AAE/D,kDAAqD;AACrD,6CAAsD;AACtD,yDAA2D;AAE3D,yDAAsD;AAc/C,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAwB,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,IAAA,wBAAS,GAAE,CAAC;IAC3B,MAAM,kBAAkB,GAAG,IAAA,iBAAU,EAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,WAAW;QACT,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACrF;QACH,CAAC,CAAC,kBAAkB,CAAC,MAAM,CACvB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAG,CAAC,WAAW,CAAC,CACzF,EACP,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,OAAO,uBAAC,2BAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AACvE,CAAC,CAAC;AAfW,QAAA,eAAe,mBAe1B;AAEK,MAAM,mBAAmB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACrF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACnE,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,uBAAC,eAAI,IAAC,UAAU,EAAC,qBAAqB,iBAAa,oBAAoB,YACpE,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC7B,OAAO,CACL,uBAAC,mCAAgB,IAEf,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAHxC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAIxC,CACH,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B,YACrD,8BAAG,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,2BAA2B,CAAC,YAAG,CAAC,CAAC,6BAA6B,CAAC,GAAK,GAClG,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,mBAAmB,uBAqB9B"}

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts

@@ -1,8 +1,7 @@
 import '@dxos-theme';
-import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ members, onSelect }: import("./SpaceMemberList").SpaceMemberListImplProps) => React.JSX.Element;
+    component: ({ members, onSelect }: import("./SpaceMemberList").SpaceMemberListImplProps) => import("react/jsx-runtime").JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {
@@ -11,5 +10,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: (props: any) => React.JSX.Element;
+export declare const Default: (props: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SpaceMemberList.stories.d.ts.map

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpaceMemberList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAO1B,wBAKE;AAEF,eAAO,MAAM,OAAO,UAAW,GAAG,sBAEjC,CAAC"}
+{"version":3,"file":"SpaceMemberList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;;;;;;;;;;;AASrB,wBAKE;AAEF,eAAO,MAAM,OAAO,UAAW,GAAG,4CAEjC,CAAC"}

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js

@@ -1,14 +1,11 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("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 storybook_utils_1 = require("@dxos/storybook-utils");
 const SpaceMemberList_1 = require("./SpaceMemberList");
 const fixtures_1 = require("../../testing/fixtures");
@@ -19,7 +16,7 @@ exports.default = {
     parameters: { chromatic: { disableSnapshot: false } },
 };
 const Default = (props) => {
-    return react_1.default.createElement(SpaceMemberList_1.SpaceMemberListImpl, { ...props, members: [fixtures_1.alice] });
+    return (0, jsx_runtime_1.jsx)(SpaceMemberList_1.SpaceMemberListImpl, { ...props, members: [fixtures_1.alice] });
 };
 exports.Default = Default;
 //# sourceMappingURL=SpaceMemberList.stories.js.map

package/dist/types/src/components/IdentityList/SpaceMemberList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpaceMemberList.stories.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,uBAAqB;AAErB,kDAA0B;AAE1B,2DAAkD;AAElD,uDAAwD;AACxD,qDAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qCAAmB;IAC9B,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,8BAAC,qCAAmB,OAAK,KAAK,EAAE,OAAO,EAAE,CAAC,gBAAK,CAAC,GAAI,CAAC;AAC9D,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB"}
+{"version":3,"file":"SpaceMemberList.stories.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/SpaceMemberList.stories.tsx"],"names":[],"mappings":";;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,uBAAqB;AAIrB,2DAAkD;AAElD,uDAAwD;AACxD,qDAA+C;AAE/C,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,qCAAmB;IAC9B,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE;IACpC,OAAO,uBAAC,qCAAmB,OAAK,KAAK,EAAE,OAAO,EAAE,CAAC,gBAAK,CAAC,GAAI,CAAC;AAC9D,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB"}

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

@@ -1,4 +1,4 @@
-import React, { type ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { CancellableInvitationObservable } from '@dxos/react-client/invitations';
 import { type InvitationListItemProps } from './InvitationListItem';
 import { type SharedInvitationListProps } from './InvitationListProps';
@@ -7,5 +7,5 @@ export interface InvitationListProps extends Omit<InvitationListItemProps, 'invi
     InvitationListItem?: ComponentType<InvitationListItemProps>;
     className?: string;
 }
-export declare const InvitationList: ({ invitations, send, ...invitationProps }: InvitationListProps) => React.JSX.Element;
+export declare const InvitationList: ({ invitations, send, ...invitationProps }: InvitationListProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InvitationList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAItF,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,OAAO,CAAC,EAC3D,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC;IACzC,WAAW,EAAE,+BAA+B,EAAE,CAAC;IAC/C,kBAAkB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,sBAU5F,CAAC"}
+{"version":3,"file":"InvitationList.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAItF,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,OAAO,CAAC,EAC3D,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC;IACzC,WAAW,EAAE,+BAA+B,EAAE,CAAC;IAC/C,kBAAkB,CAAC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,8CAA+C,mBAAmB,4CAU5F,CAAC"}

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

@@ -1,22 +1,16 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InvitationList = void 0;
-//
-// Copyright 2023 DXOS.org
-//
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_ui_1 = require("@dxos/react-ui");
 const react_ui_theme_1 = require("@dxos/react-ui-theme");
 const InvitationListItem_1 = require("./InvitationListItem");
 const InvitationList = ({ invitations, send, ...invitationProps }) => {
     const { className, InvitationListItem: Item = InvitationListItem_1.InvitationListItem } = invitationProps;
-    return (react_1.default.createElement(react_ui_1.List, { classNames: (0, react_ui_theme_1.mx)('flex flex-col gap-2', className) }, invitations.map((invitation) => {
-        const value = invitation.get().invitationId;
-        return react_1.default.createElement(Item, { key: value, send: send, invitation: invitation, ...invitationProps });
-    })));
+    return ((0, jsx_runtime_1.jsx)(react_ui_1.List, { classNames: (0, react_ui_theme_1.mx)('flex flex-col gap-2', className), children: invitations.map((invitation) => {
+            const value = invitation.get().invitationId;
+            return (0, jsx_runtime_1.jsx)(Item, { send: send, invitation: invitation, ...invitationProps }, value);
+        }) }));
 };
 exports.InvitationList = InvitationList;
 //# sourceMappingURL=InvitationList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationList.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":";;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,kDAAkD;AAGlD,6CAAsC;AACtC,yDAA0C;AAE1C,6DAAwF;AAWjF,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,eAAe,EAAuB,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,uCAAkB,EAAE,GAAG,eAAe,CAAC;IACrF,OAAO,CACL,8BAAC,eAAI,IAAC,UAAU,EAAE,IAAA,mBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,IACnD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;QAC5C,OAAO,8BAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,eAAe,GAAI,CAAC;IACvF,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}
+{"version":3,"file":"InvitationList.js","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.tsx"],"names":[],"mappings":";;;;AAMA,6CAAsC;AACtC,yDAA0C;AAE1C,6DAAwF;AAWjF,MAAM,cAAc,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,eAAe,EAAuB,EAAE,EAAE;IAC/F,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,uCAAkB,EAAE,GAAG,eAAe,CAAC;IACrF,OAAO,CACL,uBAAC,eAAI,IAAC,UAAU,EAAE,IAAA,mBAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC,YACnD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC;YAC5C,OAAO,uBAAC,IAAI,IAAa,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,KAAM,eAAe,IAA9D,KAAK,CAA6D,CAAC;QACvF,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}

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

@@ -1,8 +1,7 @@
 import '@dxos-theme';
-import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ invitations, send, ...invitationProps }: import("./InvitationList").InvitationListProps) => React.JSX.Element;
+    component: ({ invitations, send, ...invitationProps }: import("./InvitationList").InvitationListProps) => import("react/jsx-runtime").JSX.Element;
     decorators: import("@storybook/react/*").Decorator[];
     parameters: {
         chromatic: {
@@ -11,5 +10,5 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InvitationList.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InvitationList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;AAQ1B,wBAKE;AAEF,eAAO,MAAM,OAAO,yBAkBnB,CAAC"}
+{"version":3,"file":"InvitationList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/InvitationList/InvitationList.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;;;;;;;;;;;AAUrB,wBAKE;AAEF,eAAO,MAAM,OAAO,+CAkBnB,CAAC"}

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

@@ -1,14 +1,11 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const jsx_runtime_1 = require("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");
@@ -20,7 +17,7 @@ exports.default = {
     parameters: { chromatic: { disableSnapshot: false } },
 };
 const Default = () => {
-    return (react_1.default.createElement(InvitationList_1.InvitationList, { invitations: [
+    return ((0, jsx_runtime_1.jsx)(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),

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,uBAAqB;AAIrB,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,uBAAC,+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"}

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,43 +1,11 @@
 "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;
+const jsx_runtime_1 = require("react/jsx-runtime");
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const echo_1 = require("@dxos/react-client/echo");
 const InvitationList_1 = require("./InvitationList");
 const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
@@ -46,7 +14,7 @@ const InvitationListContainer = ({ spaceKey, createInvitationUrl, send }) => {
     const handleClickRemove = (0, react_1.useCallback)((invitation) => {
         void invitation.cancel();
     }, [space]);
-    return (react_1.default.createElement(InvitationList_1.InvitationList, { invitations: invitations, onClickRemove: handleClickRemove, createInvitationUrl, send }));
+    return ((0, jsx_runtime_1.jsx)(InvitationList_1.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,iCAA2C;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,uBAAC,+BAAc,IAAC,WAAW,EAAE,WAAW,EAAQ,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,IAAI,GAAM,CAClH,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,uBAAuB,2BAalC"}

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,45 +1,13 @@
 "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;
+const jsx_runtime_1 = require("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 react_2 = 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");
@@ -48,17 +16,13 @@ const AuthCode_1 = require("../AuthCode");
 const InvitationListItem = (props) => {
     const { invitation } = props;
     const invitationStatus = (0, invitations_1.useInvitationStatus)(invitation);
-    return react_2.default.createElement(exports.InvitationListItemImpl, { ...props, invitationStatus: invitationStatus });
+    return (0, jsx_runtime_1.jsx)(exports.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' } }))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("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)), children: (0, jsx_runtime_1.jsx)("span", { role: 'none', className: tx('avatar.ring', 'avatar__ring', { ...avatarProps, status, animation }), style: { animationDelay: '400ms' } }) }), (0, jsx_runtime_1.jsx)("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)), children: (0, jsx_runtime_1.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');
@@ -92,33 +56,7 @@ const InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationS
         invitations_1.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 ((0, jsx_runtime_1.jsxs)(react_ui_1.ListItem.Root, { id: invitationCode, ...props, classNames: ['flex gap-2 pis-3 pie-1 items-center relative', props.classNames], children: [(0, jsx_runtime_1.jsx)(react_ui_1.ListItem.Heading, { classNames: 'sr-only', children: t(multiUse ? 'invite many list item label' : 'invite one list item label') }), multiUse && ((0, jsx_runtime_1.jsx)(AvatarStackEffect, { status: avatarStatus, animation: avatarAnimation, reverseEffects: reverseEffects })), (0, jsx_runtime_1.jsxs)(react_ui_1.Tooltip.Root, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Root, { ...avatarProps, animation: avatarAnimation, status: avatarStatus, children: (0, jsx_runtime_1.jsx)(react_ui_1.Tooltip.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Frame, { tabIndex: 0, classNames: [react_ui_theme_1.focusRing, 'relative rounded-full place-self-center'], children: (0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Fallback, { text: (0, util_1.hexToEmoji)(invitationId) }) }) }) }), (0, jsx_runtime_1.jsx)(react_ui_1.Tooltip.Portal, { children: (0, jsx_runtime_1.jsxs)(react_ui_1.Tooltip.Content, { side: 'left', children: [t(multiUse ? 'invite many qr label' : 'invite one qr label'), (0, jsx_runtime_1.jsx)(react_ui_1.Tooltip.Arrow, {})] }) })] }), showShare && invitationUrl ? ((0, jsx_runtime_1.jsxs)(react_ui_1.Tooltip.Root, { children: [(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.Tooltip.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(react_ui_1.Button, { variant: 'ghost', classNames: 'grow justify-start font-medium', onClick: () => send({ type: 'selectInvitation', invitation }), "data-testid": 'show-qrcode', children: (0, jsx_runtime_1.jsx)("span", { children: t('open share panel label') }) }) }), (0, jsx_runtime_1.jsx)(react_ui_1.Clipboard.IconButton, { variant: 'ghost', value: invitationUrl })] }), (0, jsx_runtime_1.jsx)(react_ui_1.Tooltip.Portal, { children: (0, jsx_runtime_1.jsx)(react_ui_1.Tooltip.Content, { side: 'left', children: invitationHasLifetime && (0, jsx_runtime_1.jsxs)("span", { children: ["Expires ", invitationTimeLeft] }) }) })] })) : showAuthCode ? ((0, jsx_runtime_1.jsx)(AuthCode_1.AuthCode, { code: authCode, classNames: 'grow' })) : invitationStatus === invitations_1.Invitation.State.CONNECTING ? ((0, jsx_runtime_1.jsx)("span", { className: 'pli-2 grow text-neutral-500', children: "Connecting..." })) : invitationStatus === invitations_1.Invitation.State.AUTHENTICATING ? ((0, jsx_runtime_1.jsx)("span", { className: 'pli-2 grow text-neutral-500', children: "Authenticating..." })) : invitationStatus === invitations_1.Invitation.State.ERROR || invitationStatus === invitations_1.Invitation.State.TIMEOUT ? ((0, jsx_runtime_1.jsx)("span", { className: 'pli-2 grow text-neutral-500', children: "Failed" })) : invitationStatus === invitations_1.Invitation.State.CANCELLED ? ((0, jsx_runtime_1.jsx)("span", { className: 'pli-2 grow text-neutral-500', children: "Cancelled" })) : invitationStatus === invitations_1.Invitation.State.SUCCESS ? ((0, jsx_runtime_1.jsx)("span", { className: 'pli-2 grow truncate', children: "User joined" })) : !shareable ? ((0, jsx_runtime_1.jsx)("span", { className: 'pli-2 grow text-neutral-500', children: "Pending Invitation" })) : ((0, jsx_runtime_1.jsx)("span", { className: 'grow', children: " " })), isCancellable ? ((0, jsx_runtime_1.jsxs)(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: cancel, "data-testid": 'cancel-invitation', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: t('cancel invitation label') }), (0, jsx_runtime_1.jsx)(react_1.X, { className: (0, react_ui_theme_1.getSize)(4) })] })) : ((0, jsx_runtime_1.jsxs)(react_ui_1.Button, { variant: 'ghost', classNames: 'flex gap-1 pli-0', onClick: handleClickRemove, "data-testid": 'remove-invitation', children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: t('remove invitation label') }), (0, jsx_runtime_1.jsx)(react_1.X, { className: (0, react_ui_theme_1.getSize)(4) })] }))] }));
 };
 exports.InvitationListItemImpl = InvitationListItemImpl;
 //# sourceMappingURL=InvitationListItem.js.map