@dxos/shell 0.8.1-main.ae460ac → 0.8.1-staging.31c3ee1

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type AgentFormProps } from './DeviceList';
-export declare const AgentConfig: ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh, }: Omit<AgentFormProps, "agentHostingEnabled">) => import("react/jsx-runtime").JSX.Element;
+export declare const AgentConfig: ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh, }: Omit<AgentFormProps, "agentHostingEnabled">) => React.JSX.Element;
 //# sourceMappingURL=AgentConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgentConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/AgentConfig.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,WAAW,uFAMrB,IAAI,CAAC,cAAc,EAAE,qBAAqB,CAAC,4CA4G7C,CAAC"}
+{"version":3,"file":"AgentConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/AgentConfig.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,WAAW,uFAMrB,IAAI,CAAC,cAAc,EAAE,qBAAqB,CAAC,sBAwG7C,CAAC"}

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

@@ -1,25 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 //
 // Copyright 2024 DXOS.org
 //
-import { ArrowsClockwise, Database, Plus, Power } from '@phosphor-icons/react';
+import { ArrowsClockwise, Plus, Power } from '@phosphor-icons/react';
+import React from 'react';
 import { Avatar, Button, Link, Tooltip, Trans, useTranslation } from '@dxos/react-ui';
 import { descriptionText, getSize, mx, valenceColorText } from '@dxos/react-ui-theme';
 export const AgentConfig = ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh, }) => {
     const { t } = useTranslation('os');
-    return (_jsxs("div", { role: 'none', className: 'p-1', children: [_jsx("h2", { className: mx(descriptionText, 'text-center mbs-2'), children: t('agent heading') }), validationMessage && (_jsx("p", { role: 'alert', className: mx(valenceColorText('error'), 'mlb-2'), children: validationMessage })), agentStatus === 'created' ||
-                agentStatus === 'creating' ||
-                agentStatus === 'getting' ||
-                agentStatus === 'destroying' ? (_jsxs(_Fragment, { children: [_jsxs("div", { role: 'group', className: 'mlb-2 flex gap-2 items-center', "aria-describedby": 'devices-panel.create-agent.description', children: [_jsxs(Avatar.Root, { status: agentStatus === 'created' ? 'warning' : 'inactive', variant: 'square', children: [_jsx(Avatar.Frame, { classNames: 'place-self-center', children: _jsx(Database, { weight: 'duotone', width: 24, height: 24, x: 8, y: 8, ...(agentStatus !== 'created' && { className: 'opacity-50' }) }) }), _jsx(Avatar.Label, { classNames: 'flex-1 text-sm truncate', children: t(agentStatus === 'created'
-                                            ? 'agent requested label'
-                                            : agentStatus === 'creating'
-                                                ? 'creating agent label'
-                                                : agentStatus === 'destroying'
-                                                    ? 'destroying agent label'
-                                                    : 'getting agent label') })] }), agentStatus === 'created' && (_jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: _jsxs(Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": 'agent.destroy', onClick: onAgentDestroy, children: [_jsx("span", { className: 'sr-only', children: t('destroy agent label') }), _jsx(Power, { className: getSize(5) })] }) }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Content, { side: 'bottom', children: t('destroy agent label') }) })] }))] }), agentStatus === 'created' && (_jsx("p", { id: 'devices-panel.create-agent.description', className: mx(descriptionText, 'mlb-2'), children: t('agent requested description') }))] })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: 'ghost', classNames: 'mlb-2 is-full justify-start gap-2 pis-0 pie-3', "data-testid": agentStatus === 'creatable' ? 'devices-panel.create-agent' : 'devices-panel.agent-error', onClick: agentStatus === 'creatable' ? onAgentCreate : onAgentRefresh, "aria-describedby": 'devices-panel.create-agent.description', children: [_jsx("div", { role: 'img', className: mx(getSize(8), 'm-1 rounded-sm bg-input grid place-items-center'), children: agentStatus === 'creatable' ? (_jsx(Plus, { weight: 'light', className: getSize(6) })) : (_jsx(ArrowsClockwise, { weight: 'light', className: getSize(6) })) }), _jsx("span", { className: 'grow font-medium text-start', children: t(agentStatus === 'creatable' ? 'create agent label' : '') })] }), agentStatus === 'creatable' && (_jsxs("div", { role: 'none', className: 'space-y-2', id: 'devices-panel.create-agent.description', children: [_jsx("p", { className: descriptionText, children: _jsx(Trans, { t,
-                                    i18nKey: 'create agent clickwrap',
-                                    components: {
-                                        tosLink: _jsx(Link, { target: '_blank', rel: 'noreferrer' }),
-                                    } }) }), _jsx("p", { className: descriptionText, children: t('create agent description') })] }))] }))] }));
+    return (React.createElement("div", { role: 'none', className: 'p-1' },
+        React.createElement("h2", { className: mx(descriptionText, 'text-center mbs-2') }, t('agent heading')),
+        validationMessage && (React.createElement("p", { role: 'alert', className: mx(valenceColorText('error'), 'mlb-2') }, validationMessage)),
+        agentStatus === 'created' ||
+            agentStatus === 'creating' ||
+            agentStatus === 'getting' ||
+            agentStatus === 'destroying' ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { role: 'group', className: 'mlb-2 flex gap-2 items-center', "aria-describedby": 'devices-panel.create-agent.description' },
+                React.createElement(Avatar.Root, null,
+                    React.createElement(Avatar.Content, { status: agentStatus === 'created' ? 'warning' : 'inactive', variant: 'square', classNames: ['place-self-center', agentStatus !== 'created' && 'opactiy-50'], icon: 'ph--database--duotone' }),
+                    React.createElement(Avatar.Label, { classNames: 'flex-1 text-sm truncate' }, t(agentStatus === 'created'
+                        ? 'agent requested label'
+                        : agentStatus === 'creating'
+                            ? 'creating agent label'
+                            : agentStatus === 'destroying'
+                                ? 'destroying agent label'
+                                : 'getting agent label'))),
+                agentStatus === 'created' && (React.createElement(Tooltip.Root, null,
+                    React.createElement(Tooltip.Trigger, { asChild: true },
+                        React.createElement(Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": 'agent.destroy', onClick: onAgentDestroy },
+                            React.createElement("span", { className: 'sr-only' }, t('destroy agent label')),
+                            React.createElement(Power, { className: getSize(5) }))),
+                    React.createElement(Tooltip.Portal, null,
+                        React.createElement(Tooltip.Content, { side: 'bottom' }, t('destroy agent label')))))),
+            agentStatus === 'created' && (React.createElement("p", { id: 'devices-panel.create-agent.description', className: mx(descriptionText, 'mlb-2') }, t('agent requested description'))))) : (React.createElement(React.Fragment, null,
+            React.createElement(Button, { variant: 'ghost', classNames: 'mlb-2 is-full justify-start gap-2 pis-0 pie-3', "data-testid": agentStatus === 'creatable' ? 'devices-panel.create-agent' : 'devices-panel.agent-error', onClick: agentStatus === 'creatable' ? onAgentCreate : onAgentRefresh, "aria-describedby": 'devices-panel.create-agent.description' },
+                React.createElement("div", { role: 'img', className: mx(getSize(8), 'm-1 rounded-sm bg-input grid place-items-center') }, agentStatus === 'creatable' ? (React.createElement(Plus, { weight: 'light', className: getSize(6) })) : (React.createElement(ArrowsClockwise, { weight: 'light', className: getSize(6) }))),
+                React.createElement("span", { className: 'grow font-medium text-start' }, t(agentStatus === 'creatable' ? 'create agent label' : ''))),
+            agentStatus === 'creatable' && (React.createElement("div", { role: 'none', className: 'space-y-2', id: 'devices-panel.create-agent.description' },
+                React.createElement("p", { className: descriptionText },
+                    React.createElement(Trans, { t,
+                        i18nKey: 'create agent clickwrap',
+                        components: {
+                            tosLink: React.createElement(Link, { target: '_blank', rel: 'noreferrer' }),
+                        } })),
+                React.createElement("p", { className: descriptionText }, t('create agent description'))))))));
 };
 //# sourceMappingURL=AgentConfig.js.map

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

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

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

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

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

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

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

@@ -1,9 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
 //
-import { useRef } from 'react';
+import React, { useRef } from 'react';
 import { mx } from '@dxos/react-ui-theme';
 export const AuthCode = (props) => {
     var _a;
@@ -22,6 +21,8 @@ export const AuthCode = (props) => {
         }
         void navigator.clipboard.writeText(code !== null && code !== void 0 ? code : '');
     };
-    return (_jsxs("span", { className: mx(large ? 'text-6xl' : 'text-2xl', 'font-mono pli-2.5 rounded cursor-pointer', classNames), onClick: handleClick, ref: codeRef, children: [_jsx("span", { className: 'mie-[0.4em]', children: left }), _jsx("span", { children: right })] }));
+    return (React.createElement("span", { className: mx(large ? 'text-6xl' : 'text-2xl', 'font-mono pli-2.5 rounded cursor-pointer', classNames), onClick: handleClick, ref: codeRef },
+        React.createElement("span", { className: 'mie-[0.4em]' }, left),
+        React.createElement("span", null, right)));
 };
 //# sourceMappingURL=AuthCode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AuthCode.js","sourceRoot":"","sources":["../../../../src/components/AuthCode.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,EAAE;AAEF,OAAc,EAAyD,MAAM,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAO1C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAuC,EAAE,EAAE;;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;YACxC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,EAAE,CAAC;YAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;YACrC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC1C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;QACD,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,OAAO,CACL,gBACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,0CAA0C,EAAE,UAAU,CAAC,EACtG,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,OAAO,aAEZ,eAAM,SAAS,EAAC,aAAa,YAAE,IAAI,GAAQ,EAC3C,yBAAO,KAAK,GAAQ,IACf,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"AuthCode.js","sourceRoot":"","sources":["../../../../src/components/AuthCode.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,EAAE;AAEF,OAAO,KAAK,EAAE,EAAyD,MAAM,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAO1C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAuC,EAAE,EAAE;;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;YACxC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,EAAE,CAAC;YAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;YACrC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC1C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;QACD,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IACF,OAAO,CACL,8BACE,SAAS,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,0CAA0C,EAAE,UAAU,CAAC,EACtG,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,OAAO;QAEZ,8BAAM,SAAS,EAAC,aAAa,IAAE,IAAI,CAAQ;QAC3C,kCAAO,KAAK,CAAQ,CACf,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

@@ -1,4 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+//
+// Copyright 2022 DXOS.org
+//
+import React from 'react';
 import { useId, useThemeContext, useElevationContext } from '@dxos/react-ui';
 import { descriptionText, descriptionTextPrimary, mx } from '@dxos/react-ui-theme';
 export const CompoundButton = ({ children, description, before, after, variant = 'default', elevation: propsElevation, slots = {}, ...buttonProps }) => {
@@ -9,6 +12,11 @@ export const CompoundButton = ({ children, description, before, after, variant =
     const elevation = useElevationContext(propsElevation);
     const styleProps = { ...buttonProps, variant, elevation, textWrap: true };
     const buttonClassName = tx('button.root', 'button button--compound', styleProps, 'flex items-center gap-4 plb-2.5', (_a = slots.root) === null || _a === void 0 ? void 0 : _a.className);
-    return (_jsxs("button", { ...buttonProps, ...slots.root, className: buttonClassName, "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }), children: [before && (_jsx("div", { role: 'none', className: 'grow-0', children: before })), _jsxs("div", { role: 'none', ...slots.middle, className: mx('grow whitespace-normal flex flex-col gap-1 text-left', (_b = slots.middle) === null || _b === void 0 ? void 0 : _b.className), children: [_jsx("p", { ...slots.label, id: labelId, className: mx((_c = slots.label) === null || _c === void 0 ? void 0 : _c.className), children: children }), description && (_jsx("p", { id: descriptionId, ...slots.description, className: mx('text-xs mbe-1 font-normal', variant === 'primary' ? descriptionTextPrimary : descriptionText, (_d = slots.description) === null || _d === void 0 ? void 0 : _d.className), children: description }))] }), after && (_jsx("div", { role: 'none', className: 'grow-0', children: after }))] }));
+    return (React.createElement("button", { ...buttonProps, ...slots.root, className: buttonClassName, "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }) },
+        before && (React.createElement("div", { role: 'none', className: 'grow-0' }, before)),
+        React.createElement("div", { role: 'none', ...slots.middle, className: mx('grow whitespace-normal flex flex-col gap-1 text-left', (_b = slots.middle) === null || _b === void 0 ? void 0 : _b.className) },
+            React.createElement("p", { ...slots.label, id: labelId, className: mx((_c = slots.label) === null || _c === void 0 ? void 0 : _c.className) }, children),
+            description && (React.createElement("p", { id: descriptionId, ...slots.description, className: mx('text-xs mbe-1 font-normal', variant === 'primary' ? descriptionTextPrimary : descriptionText, (_d = slots.description) === null || _d === void 0 ? void 0 : _d.className) }, description))),
+        after && (React.createElement("div", { role: 'none', className: 'grow-0' }, after))));
 };
 //# sourceMappingURL=CompoundButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompoundButton.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAoB,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAiBnF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,GAAG,EAAE,EACV,GAAG,WAAW,EACuB,EAAE,EAAE;;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,MAAM,eAAe,GAAG,EAAE,CACxB,aAAa,EACb,yBAAyB,EACzB,UAAU,EACV,iCAAiC,EACjC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CACtB,CAAC;IACF,OAAO,CACL,qBACM,WAAW,KACX,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,eAAe,qBACT,OAAO,KACpB,CAAC,WAAW,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC,aAEzD,MAAM,IAAI,CACT,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAChC,MAAM,GACH,CACP,EACD,eACE,IAAI,EAAC,MAAM,KACP,KAAK,CAAC,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,SAAS,CAAC,aAE9F,eAAO,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,CAAC,YACnE,QAAQ,GACP,EACH,WAAW,IAAI,CACd,YACE,EAAE,EAAE,aAAa,KACb,KAAK,CAAC,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,EAChE,MAAA,KAAK,CAAC,WAAW,0CAAE,SAAS,CAC7B,YAEA,WAAW,GACV,CACL,IACG,EACL,KAAK,IAAI,CACR,cAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAChC,KAAK,GACF,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CompoundButton.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,KAAK,EAAE,eAAe,EAAoB,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAiBnF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,GAAG,EAAE,EACV,GAAG,WAAW,EACuB,EAAE,EAAE;;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,eAAe,EAAE,CAAC;IACjC,MAAM,SAAS,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,MAAM,eAAe,GAAG,EAAE,CACxB,aAAa,EACb,yBAAyB,EACzB,UAAU,EACV,iCAAiC,EACjC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CACtB,CAAC;IACF,OAAO,CACL,mCACM,WAAW,KACX,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,eAAe,qBACT,OAAO,KACpB,CAAC,WAAW,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC;QAEzD,MAAM,IAAI,CACT,6BAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,MAAM,CACH,CACP;QACD,6BACE,IAAI,EAAC,MAAM,KACP,KAAK,CAAC,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,SAAS,CAAC;YAE9F,8BAAO,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,CAAC,IACnE,QAAQ,CACP;YACH,WAAW,IAAI,CACd,2BACE,EAAE,EAAE,aAAa,KACb,KAAK,CAAC,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,EAChE,MAAA,KAAK,CAAC,WAAW,0CAAE,SAAS,CAC7B,IAEA,WAAW,CACV,CACL,CACG;QACL,KAAK,IAAI,CACR,6BAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,KAAK,CACF,CACP,CACM,CACV,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2022 DXOS.org
 //
 import '@dxos-theme';
 import { ArrowRight, ClockCounterClockwise } from '@phosphor-icons/react';
+import React from 'react';
 import { withTheme } from '@dxos/storybook-utils';
 import { CompoundButton } from './CompoundButton';
 export default {
@@ -12,14 +12,16 @@ export default {
     decorators: [withTheme],
     parameters: { chromatic: { disableSnapshot: false } },
 };
-const Container = ({ children }) => _jsx("div", { className: 'flex gap-4', children: children });
+const Container = ({ children }) => React.createElement("div", { className: 'flex gap-4' }, children);
 export const Default = {
-    render: (args) => (_jsxs(Container, { children: [_jsx(CompoundButton, { ...args }), _jsx(CompoundButton, { ...args, disabled: true })] })),
+    render: (args) => (React.createElement(Container, null,
+        React.createElement(CompoundButton, { ...args }),
+        React.createElement(CompoundButton, { ...args, disabled: true }))),
     args: {
         children: 'Hello',
         description: 'This is a compound button',
-        before: _jsx(ClockCounterClockwise, { className: 'w-5 h-5' }),
-        after: _jsx(ArrowRight, { className: 'w-5 h-5' }),
+        before: React.createElement(ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: React.createElement(ArrowRight, { className: 'w-5 h-5' }),
         disabled: false,
     },
 };
@@ -28,8 +30,8 @@ export const Primary = {
     args: {
         children: 'Hello',
         description: 'This is a compound button',
-        before: _jsx(ClockCounterClockwise, { className: 'w-5 h-5' }),
-        after: _jsx(ArrowRight, { className: 'w-5 h-5' }),
+        before: React.createElement(ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: React.createElement(ArrowRight, { className: 'w-5 h-5' }),
         disabled: false,
         variant: 'primary',
     },

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

@@ -1 +1 @@
-{"version":3,"file":"CompoundButton.stories.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAG1E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAE5E,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,CAAC;AAExG,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAsC,EAAE,EAAE,CAAC,CAClD,MAAC,SAAS,eACR,KAAC,cAAc,OAAK,IAAI,GAAI,EAC5B,KAAC,cAAc,OAAK,IAAI,EAAE,QAAQ,SAAG,IAC3B,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,KAAC,qBAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,KAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,OAAO;IACV,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,KAAC,qBAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,KAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}
+{"version":3,"file":"CompoundButton.stories.js","sourceRoot":"","sources":["../../../../../src/components/CompoundButton/CompoundButton.stories.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAE5E,eAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,cAAc;IACzB,UAAU,EAAE,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAO,CAAC;AAExG,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAsC,EAAE,EAAE,CAAC,CAClD,oBAAC,SAAS;QACR,oBAAC,cAAc,OAAK,IAAI,GAAI;QAC5B,oBAAC,cAAc,OAAK,IAAI,EAAE,QAAQ,SAAG,CAC3B,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,oBAAC,qBAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,oBAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,OAAO;IACV,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,oBAAC,qBAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,oBAAC,UAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type AgentFormProps, type DeviceListProps } from './DeviceListProps';
-export declare const DeviceList: ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy, }: DeviceListProps & Pick<AgentFormProps, "onAgentDestroy">) => import("react/jsx-runtime").JSX.Element;
+export declare const DeviceList: ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy, }: DeviceListProps & Partial<Pick<AgentFormProps, "onAgentDestroy">>) => React.JSX.Element;
 //# sourceMappingURL=DeviceList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceList.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE9E,eAAO,MAAM,UAAU,8HASpB,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,4CAiC1D,CAAC"}
+{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE9E,eAAO,MAAM,UAAU,8HASpB,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,sBAiCnE,CAAC"}

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

@@ -1,15 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
 import { CaretRight, Plus } from '@phosphor-icons/react';
+import React from 'react';
 import { Button, List, useTranslation } from '@dxos/react-ui';
 import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
 import { DeviceListItem } from './DeviceListItem';
 export const DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy, }) => {
     const { t } = useTranslation('os');
-    return (_jsxs("div", { role: 'none', className: 'p-1', children: [_jsx("h2", { className: mx(descriptionText, 'text-center mbs-2'), children: t('devices heading') }), devices.length > 0 && (_jsx(List, { children: devices.map((device) => {
-                    return (_jsx(DeviceListItem, { device: device, onClickEdit: () => onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(device), onClickReset, onClickRecover, onClickJoinExisting, connectionState, onAgentDestroy }, device.deviceKey.toHex()));
-                }) })), _jsxs(Button, { variant: 'ghost', classNames: 'justify-start gap-2 pis-0 pie-3 is-full', "data-testid": 'devices-panel.create-invitation', onClick: onClickAdd, children: [_jsx("div", { role: 'img', className: mx(getSize(8), 'm-1 rounded-sm bg-input grid place-items-center'), children: _jsx(Plus, { weight: 'light', className: getSize(6) }) }), _jsx("span", { className: 'grow font-medium text-start', children: t('choose add device label') }), _jsx(CaretRight, { weight: 'bold', className: getSize(4) })] })] }));
+    return (React.createElement("div", { role: 'none', className: 'p-1' },
+        React.createElement("h2", { className: mx(descriptionText, 'text-center mbs-2') }, t('devices heading')),
+        devices.length > 0 && (React.createElement(List, null, devices.map((device) => {
+            return (React.createElement(DeviceListItem, { key: device.deviceKey.toHex(), device: device, onClickEdit: () => onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(device), onClickReset, onClickRecover, onClickJoinExisting, connectionState, onAgentDestroy }));
+        }))),
+        React.createElement(Button, { variant: 'ghost', classNames: 'justify-start gap-2 pis-0 pie-3 is-full', "data-testid": 'devices-panel.create-invitation', onClick: onClickAdd },
+            React.createElement("div", { role: 'img', className: mx(getSize(8), 'm-1 rounded-sm bg-input grid place-items-center') },
+                React.createElement(Plus, { weight: 'light', className: getSize(6) })),
+            React.createElement("span", { className: 'grow font-medium text-start' }, t('choose add device label')),
+            React.createElement(CaretRight, { weight: 'bold', className: getSize(4) }))));
 };
 //# sourceMappingURL=DeviceList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAIzD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,eAAe,EACf,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,cAAc,GAC2C,EAAE,EAAE;IAC7D,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL,eAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,aAC9B,aAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAM,EACnF,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,KAAC,IAAI,cACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;oBAC9B,OAAO,CACL,KAAC,cAAc,IAEb,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,MAAM,CAAC,EAClC,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,cAAc,IAHnF,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAI7B,CACH,CAAC;gBACJ,CAAC,CAAC,GACG,CACR,EACD,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,yCAAyC,iBACxC,iCAAiC,EAC7C,OAAO,EAAE,UAAU,aAEnB,cAAK,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,iDAAiD,CAAC,YAC1F,KAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,GAC1C,EACN,eAAM,SAAS,EAAC,6BAA6B,YAAE,CAAC,CAAC,yBAAyB,CAAC,GAAQ,EACnF,KAAC,UAAU,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,IAC5C,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceList.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,eAAe,EACf,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,cAAc,GACoD,EAAE,EAAE;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL,6BAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK;QAC9B,4BAAI,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC,IAAG,CAAC,CAAC,iBAAiB,CAAC,CAAM;QACnF,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,oBAAC,IAAI,QACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;YAC9B,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAC7B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,MAAM,CAAC,EAClC,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,cAAc,GACxF,CACH,CAAC;QACJ,CAAC,CAAC,CACG,CACR;QACD,oBAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,yCAAyC,iBACxC,iCAAiC,EAC7C,OAAO,EAAE,UAAU;YAEnB,6BAAK,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,iDAAiD,CAAC;gBAC1F,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAC1C;YACN,8BAAM,SAAS,EAAC,6BAA6B,IAAE,CAAC,CAAC,yBAAyB,CAAC,CAAQ;YACnF,oBAAC,UAAU,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAC5C,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/types/src/components/DeviceList/DeviceListItem.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { type AgentFormProps, type DeviceListItemProps } from './DeviceListProps';
 export declare const DeviceListItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "className"> & {
     classNames?: import("@dxos/react-ui-types").ClassNameValue;
-} & DeviceListItemProps & Pick<AgentFormProps, "onAgentDestroy"> & React.RefAttributes<HTMLLIElement>>;
+} & DeviceListItemProps & Partial<Pick<AgentFormProps, "onAgentDestroy">> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=DeviceListItem.d.ts.map

package/dist/types/src/components/DeviceList/DeviceListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAkBzE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAUlF,eAAO,MAAM,cAAc;;sGAgI1B,CAAC"}
+{"version":3,"file":"DeviceListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAkBzE,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElF,eAAO,MAAM,cAAc;;+GAuI1B,CAAC"}

package/dist/types/src/components/DeviceList/DeviceListItem.js

@@ -1,22 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-import { Compass, Desktop, DeviceMobile, Devices, DotsThree, ShareFat, Power, Robot, Database, FirstAidKit, } from '@phosphor-icons/react';
-import { forwardRef } from 'react';
+import { DotsThree, ShareFat, Power, FirstAidKit } from '@phosphor-icons/react';
+import React, { forwardRef } from 'react';
 import { generateName } from '@dxos/display-name';
 import { Device, DeviceType, DeviceKind } from '@dxos/react-client/halo';
 import { ConnectionState } from '@dxos/react-client/mesh';
 import { ListItem, Avatar, useId, Tag, useTranslation, DropdownMenu, Button, } from '@dxos/react-ui';
 import { getSize } from '@dxos/react-ui-theme';
 import { keyToFallback } from '@dxos/util';
-const iconProps = {
-    weight: 'duotone',
-    width: 24,
-    height: 24,
-    x: 8,
-    y: 8,
-};
 export const DeviceListItem = forwardRef(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
     var _a;
     const { t } = useTranslation('os');
@@ -26,10 +18,44 @@ export const DeviceListItem = forwardRef(({ device, onClickAdd, onClickEdit, onC
         ? t('device name placeholder', { os: device.profile.os, platform: device.profile.platform })
         : generateName(device.deviceKey.toHex());
     const isCurrent = device.kind === DeviceKind.CURRENT;
-    return (_jsx(ListItem.Root, { ...props, classNames: ['flex gap-2 items-center mlb-2', classNames], "data-testid": `device-list-item${isCurrent ? '-current' : ''}`, labelId: labelId, ref: forwardedRef, children: _jsxs(Avatar.Root, { status: isCurrent && connectionState === ConnectionState.OFFLINE
-                ? 'error'
-                : device.presence === Device.PresenceState.ONLINE
-                    ? 'active'
-                    : 'inactive', labelId: labelId, hue: fallbackValue.hue, variant: 'square', children: [_jsx(Avatar.Frame, { classNames: 'place-self-center', children: ((_a = device.profile) === null || _a === void 0 ? void 0 : _a.type) ? (device.profile.type === DeviceType.AGENT_MANAGED ? (_jsx(Database, { ...iconProps })) : device.profile.type === DeviceType.BROWSER ? (_jsx(Compass, { ...iconProps })) : device.profile.type === DeviceType.NATIVE ? (_jsx(Desktop, { ...iconProps })) : [DeviceType.AGENT, DeviceType.AGENT_MANAGED].includes(device.profile.type) ? (_jsx(Robot, { ...iconProps })) : device.profile.type === DeviceType.MOBILE ? (_jsx(DeviceMobile, { ...iconProps })) : (_jsx(Devices, { ...iconProps }))) : (_jsx(Avatar.Fallback, { text: fallbackValue.emoji })) }), _jsx(Avatar.Label, { classNames: 'flex-1 text-sm truncate', children: displayName }), isCurrent && _jsx(Tag, { color: 'primary', children: t('current device tag label') }), device.kind === DeviceKind.CURRENT && (_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsxs(Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": `device-list-item${isCurrent ? '-current' : ''}.options`, children: [_jsx("span", { className: 'sr-only', children: t('more options label') }), _jsx(DotsThree, { className: getSize(5) })] }) }), _jsx(DropdownMenu.Content, { children: _jsxs(DropdownMenu.Viewport, { children: [_jsxs(DropdownMenu.Item, { "data-testid": 'device-list-item-current.join-existing', onClick: onClickJoinExisting, children: [_jsx(ShareFat, { className: getSize(5) }), t('choose join new identity label')] }), onClickRecover && (_jsxs(DropdownMenu.Item, { "data-testid": 'device-list-item-current.recover', onClick: onClickRecover, children: [_jsx(FirstAidKit, { className: getSize(5) }), t('choose recover identity label')] })), _jsxs(DropdownMenu.Item, { "data-testid": 'device-list-item-current.reset', onClick: onClickReset, children: [_jsx(Power, { className: getSize(5) }), t('reset device label')] })] }) })] }))] }) }));
+    return (React.createElement(ListItem.Root, { ...props, classNames: ['flex gap-2 items-center mlb-2', classNames], "data-testid": `device-list-item${isCurrent ? '-current' : ''}`, labelId: labelId, ref: forwardedRef },
+        React.createElement(Avatar.Root, { labelId: labelId },
+            React.createElement(Avatar.Content, { status: isCurrent && connectionState === ConnectionState.OFFLINE
+                    ? 'error'
+                    : device.presence === Device.PresenceState.ONLINE
+                        ? 'active'
+                        : 'inactive', hue: fallbackValue.hue, variant: 'square', classNames: 'place-self-center', ...(((_a = device.profile) === null || _a === void 0 ? void 0 : _a.type)
+                    ? {
+                        icon: device.profile.type === DeviceType.AGENT_MANAGED
+                            ? 'ph--database--regular'
+                            : device.profile.type === DeviceType.BROWSER
+                                ? 'ph--compass--regular'
+                                : device.profile.type === DeviceType.NATIVE
+                                    ? 'ph--desktop--regular'
+                                    : [DeviceType.AGENT, DeviceType.AGENT_MANAGED].includes(device.profile.type)
+                                        ? 'ph--robot--regular'
+                                        : device.profile.type === DeviceType.MOBILE
+                                            ? 'ph--device-mobile--regular'
+                                            : 'ph--devices--regular',
+                    }
+                    : { fallback: fallbackValue.emoji }) }),
+            React.createElement(Avatar.Label, { classNames: 'flex-1 text-sm truncate' }, displayName),
+            isCurrent && React.createElement(Tag, { color: 'primary' }, t('current device tag label')),
+            device.kind === DeviceKind.CURRENT && (onClickJoinExisting || onClickRecover || onClickReset) && (React.createElement(DropdownMenu.Root, null,
+                React.createElement(DropdownMenu.Trigger, { asChild: true },
+                    React.createElement(Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": `device-list-item${isCurrent ? '-current' : ''}.options` },
+                        React.createElement("span", { className: 'sr-only' }, t('more options label')),
+                        React.createElement(DotsThree, { className: getSize(5) }))),
+                React.createElement(DropdownMenu.Content, null,
+                    React.createElement(DropdownMenu.Viewport, null,
+                        onClickJoinExisting && (React.createElement(DropdownMenu.Item, { "data-testid": 'device-list-item-current.join-existing', onClick: onClickJoinExisting },
+                            React.createElement(ShareFat, { className: getSize(5) }),
+                            t('choose join new identity label'))),
+                        onClickRecover && (React.createElement(DropdownMenu.Item, { "data-testid": 'device-list-item-current.recover', onClick: onClickRecover },
+                            React.createElement(FirstAidKit, { className: getSize(5) }),
+                            t('choose recover identity label'))),
+                        onClickReset && (React.createElement(DropdownMenu.Item, { "data-testid": 'device-list-item-current.reset', onClick: onClickReset },
+                            React.createElement(Power, { className: getSize(5) }),
+                            t('reset device label'))))))))));
 });
 //# sourceMappingURL=DeviceListItem.js.map

package/dist/types/src/components/DeviceList/DeviceListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeviceListItem.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAEL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAc,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EAEL,GAAG,EACH,cAAc,EACd,YAAY,EACZ,MAAM,GACP,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,SAAS,GAAc;IAC3B,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EACE,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,cAAc,EAAE,CAAC,EACjB,GAAG,KAAK,EACT,EACD,YAAY,EACZ,EAAE;;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO;QAChC,CAAC,CAAC,CAAC,CAAC,yBAAyB,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC5F,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,CAAC,+BAA+B,EAAE,UAAU,CAAC,iBAC5C,mBAAmB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY,YAEjB,MAAC,MAAM,CAAC,IAAI,IACV,MAAM,EACJ,SAAS,IAAI,eAAe,KAAK,eAAe,CAAC,OAAO;gBACtD,CAAC,CAAC,OAAO;gBACT,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,MAAM,CAAC,aAAa,CAAC,MAAM;oBAC/C,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,UAAU,EAElB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,aAAa,CAAC,GAAG,EACtB,OAAO,EAAC,QAAQ,aAEhB,KAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB,YACzC,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,CACtB,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CACjD,KAAC,QAAQ,OAAK,SAAS,GAAI,CAC5B,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAC/C,KAAC,OAAO,OAAK,SAAS,GAAI,CAC3B,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9C,KAAC,OAAO,OAAK,SAAS,GAAI,CAC3B,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC/E,KAAC,KAAK,OAAK,SAAS,GAAI,CACzB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAC9C,KAAC,YAAY,OAAK,SAAS,GAAI,CAChC,CAAC,CAAC,CAAC,CACF,KAAC,OAAO,OAAK,SAAS,GAAI,CAC3B,CACF,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,aAAa,CAAC,KAAK,GAAI,CAC/C,GACY,EACf,KAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,yBAAyB,YAAE,WAAW,GAAgB,EAC9E,SAAS,IAAI,KAAC,GAAG,IAAC,KAAK,EAAC,SAAS,YAAE,CAAC,CAAC,0BAA0B,CAAC,GAAO,EAsBvE,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO,IAAI,CACrC,MAAC,YAAY,CAAC,IAAI,eAChB,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,kBAC3B,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,6CAA6C,iBAC3C,mBAAmB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,aAErE,eAAM,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,oBAAoB,CAAC,GAAQ,EAC1D,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,IAC7B,GACY,EACvB,KAAC,YAAY,CAAC,OAAO,cACnB,MAAC,YAAY,CAAC,QAAQ,eAKpB,MAAC,YAAY,CAAC,IAAI,mBAAa,wCAAwC,EAAC,OAAO,EAAE,mBAAmB,aAClG,KAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,EAClC,CAAC,CAAC,gCAAgC,CAAC,IAClB,EACnB,cAAc,IAAI,CACjB,MAAC,YAAY,CAAC,IAAI,mBAAa,kCAAkC,EAAC,OAAO,EAAE,cAAc,aACvF,KAAC,WAAW,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,EACrC,CAAC,CAAC,+BAA+B,CAAC,IACjB,CACrB,EACD,MAAC,YAAY,CAAC,IAAI,mBAAa,gCAAgC,EAAC,OAAO,EAAE,YAAY,aACnF,KAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,EAC/B,CAAC,CAAC,oBAAoB,CAAC,IACN,IACE,GACH,IACL,CACrB,IACW,GACA,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"DeviceListItem.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAChF,OAAO,KAAK,EAAE,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EAEL,GAAG,EACH,cAAc,EACd,YAAY,EACZ,MAAM,GACP,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAMtC,CACE,EACE,MAAM,EACN,UAAU,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,cAAc,EAAE,CAAC,EACjB,GAAG,KAAK,EACT,EACD,YAAY,EACZ,EAAE;;IACF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO;QAChC,CAAC,CAAC,CAAC,CAAC,yBAAyB,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC5F,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO,CAAC;IACrD,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,CAAC,+BAA+B,EAAE,UAAU,CAAC,iBAC5C,mBAAmB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,YAAY;QAEjB,oBAAC,MAAM,CAAC,IAAI,IAAC,OAAO,EAAE,OAAO;YAC3B,oBAAC,MAAM,CAAC,OAAO,IACb,MAAM,EACJ,SAAS,IAAI,eAAe,KAAK,eAAe,CAAC,OAAO;oBACtD,CAAC,CAAC,OAAO;oBACT,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,MAAM,CAAC,aAAa,CAAC,MAAM;wBAC/C,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,UAAU,EAElB,GAAG,EAAE,aAAa,CAAC,GAAG,EACtB,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAC,mBAAmB,KAC1B,CAAC,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,IAAI;oBACvB,CAAC,CAAC;wBACE,IAAI,EACF,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,aAAa;4BAC9C,CAAC,CAAC,uBAAuB;4BACzB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO;gCAC1C,CAAC,CAAC,sBAAsB;gCACxB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM;oCACzC,CAAC,CAAC,sBAAsB;oCACxB,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;wCAC1E,CAAC,CAAC,oBAAoB;wCACtB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM;4CACzC,CAAC,CAAC,4BAA4B;4CAC9B,CAAC,CAAC,sBAAsB;qBACrC;oBACH,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,GACtC;YACF,oBAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,yBAAyB,IAAE,WAAW,CAAgB;YAC9E,SAAS,IAAI,oBAAC,GAAG,IAAC,KAAK,EAAC,SAAS,IAAE,CAAC,CAAC,0BAA0B,CAAC,CAAO;YAsBvE,MAAM,CAAC,IAAI,KAAK,UAAU,CAAC,OAAO,IAAI,CAAC,mBAAmB,IAAI,cAAc,IAAI,YAAY,CAAC,IAAI,CAChG,oBAAC,YAAY,CAAC,IAAI;gBAChB,oBAAC,YAAY,CAAC,OAAO,IAAC,OAAO;oBAC3B,oBAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,6CAA6C,iBAC3C,mBAAmB,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU;wBAErE,8BAAM,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,oBAAoB,CAAC,CAAQ;wBAC1D,oBAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI,CAC7B,CACY;gBACvB,oBAAC,YAAY,CAAC,OAAO;oBACnB,oBAAC,YAAY,CAAC,QAAQ;wBAKnB,mBAAmB,IAAI,CACtB,oBAAC,YAAY,CAAC,IAAI,mBACJ,wCAAwC,EACpD,OAAO,EAAE,mBAAmB;4BAE5B,oBAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI;4BAClC,CAAC,CAAC,gCAAgC,CAAC,CAClB,CACrB;wBACA,cAAc,IAAI,CACjB,oBAAC,YAAY,CAAC,IAAI,mBAAa,kCAAkC,EAAC,OAAO,EAAE,cAAc;4BACvF,oBAAC,WAAW,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI;4BACrC,CAAC,CAAC,+BAA+B,CAAC,CACjB,CACrB;wBACA,YAAY,IAAI,CACf,oBAAC,YAAY,CAAC,IAAI,mBAAa,gCAAgC,EAAC,OAAO,EAAE,YAAY;4BACnF,oBAAC,KAAK,IAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,GAAI;4BAC/B,CAAC,CAAC,oBAAoB,CAAC,CACN,CACrB,CACqB,CACH,CACL,CACrB,CACW,CACA,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './DeviceList';
+export * from './DeviceListItem';
 export * from './DeviceListProps';
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -2,5 +2,6 @@
 // Copyright 2024 DXOS.org
 //
 export * from './DeviceList';
+export * from './DeviceListItem';
 export * from './DeviceListProps';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/index.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AAEF,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;+DA4B3B,CAAC"}
+{"version":3,"file":"IdentityListItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/IdentityListItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKxD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;+DA2B3B,CAAC"}

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

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-import { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { generateName } from '@dxos/display-name';
 import { SpaceMember } from '@dxos/react-client/echo';
 import { ListItem, Avatar, useId } from '@dxos/react-ui';
@@ -13,6 +12,9 @@ export const IdentityListItem = forwardRef(({ identity, presence, onClick, class
     const fallbackValue = keyToFallback(identity.identityKey);
     const labelId = useId('identityListItem__label');
     const displayName = (_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : generateName(identity.identityKey.toHex());
-    return (_jsx(ListItem.Root, { ...props, classNames: 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: _jsxs(Avatar.Root, { status: presence === 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: [_jsx(Avatar.Frame, { classNames: 'place-self-center', children: _jsx(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 }) }), _jsx(Avatar.Label, { classNames: 'text-sm truncate pli-2', children: displayName })] }) }));
+    return (React.createElement(ListItem.Root, { ...props, classNames: 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.createElement(Avatar.Root, { labelId: labelId },
+            React.createElement(Avatar.Content, { status: presence === SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive', hue: ((_d = (_c = identity.profile) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.hue) || fallbackValue.hue, fallback: ((_f = (_e = identity.profile) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.emoji) || fallbackValue.emoji, classNames: 'place-self-center' }),
+            React.createElement(Avatar.Label, { classNames: 'text-sm truncate pli-2' }, 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,OAAc,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAwB,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAQ3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;;IACxE,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,mCAAI,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAChG,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,EAAE,CAAC,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,MAAC,MAAM,CAAC,IAAI,IACV,MAAM,EAAE,QAAQ,KAAK,WAAW,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,KAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,mBAAmB,YAC1C,KAAC,MAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,KAAK,KAAI,aAAa,CAAC,KAAK,GAAI,GAClE,EACf,KAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,YAAE,WAAW,GAAgB,IAClE,GACA,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,OAAO,KAAK,EAAE,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAwB,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAQ3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAGxC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;;IACxE,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,KAAK,CAAC,yBAAyB,CAAC,CAAC;IACjD,MAAM,WAAW,GAAG,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,WAAW,mCAAI,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;IAChG,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OACR,KAAK,EACT,UAAU,EAAE,EAAE,CAAC,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,oBAAC,MAAM,CAAC,IAAI,IAAC,OAAO,EAAE,OAAO;YAC3B,oBAAC,MAAM,CAAC,OAAO,IACb,MAAM,EAAE,QAAQ,KAAK,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAC7E,GAAG,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,GAAG,KAAI,aAAa,CAAC,GAAG,EACrD,QAAQ,EAAE,CAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI,0CAAE,KAAK,KAAI,aAAa,CAAC,KAAK,EAC9D,UAAU,EAAC,mBAAmB,GAC9B;YACF,oBAAC,MAAM,CAAC,KAAK,IAAC,UAAU,EAAC,wBAAwB,IAAE,WAAW,CAAgB,CAClE,CACA,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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