@dxos/shell 0.7.5-staging.b81e783 → 0.8.0

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

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

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AuthCode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
 //
-const react_1 = require("react");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const AuthCode = (props) => {
+import { useRef } from 'react';
+import { mx } from '@dxos/react-ui-theme';
+export const AuthCode = (props) => {
     var _a;
     const { code, large, classNames } = props;
     const l = (_a = code === null || code === void 0 ? void 0 : code.length) !== null && _a !== void 0 ? _a : 0;
     const left = code === null || code === void 0 ? void 0 : code.slice(0, l / 2);
     const right = code === null || code === void 0 ? void 0 : code.slice(l / 2);
-    const codeRef = (0, react_1.useRef)(null);
+    const codeRef = useRef(null);
     const handleClick = () => {
         if (codeRef.current) {
             const selection = window.getSelection();
@@ -25,7 +22,6 @@ const AuthCode = (props) => {
         }
         void navigator.clipboard.writeText(code !== null && code !== void 0 ? code : '');
     };
-    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, react_ui_theme_1.mx)(large ? 'text-6xl' : 'text-2xl', 'font-mono pli-2.5 rounded cursor-pointer', classNames), onClick: handleClick, ref: codeRef, children: [(0, jsx_runtime_1.jsx)("span", { className: 'mie-[0.4em]', children: left }), (0, jsx_runtime_1.jsx)("span", { children: right })] }));
+    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 })] }));
 };
-exports.AuthCode = AuthCode;
 //# 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,iCAA6F;AAG7F,yDAA0C;AAOnC,MAAM,QAAQ,GAAG,CAAC,KAAuC,EAAE,EAAE;;IAClE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC;IAC5B,MAAM,IAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACjC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAyB,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,kCACE,SAAS,EAAE,IAAA,mBAAE,EAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,0CAA0C,EAAE,UAAU,CAAC,EACtG,OAAO,EAAE,WAAW,EACpB,GAAG,EAAE,OAAO,aAEZ,iCAAM,SAAS,EAAC,aAAa,YAAE,IAAI,GAAQ,EAC3C,2CAAO,KAAK,GAAQ,IACf,CACR,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,QAAQ,YA0BnB"}
+{"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"}

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

@@ -1,18 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompoundButton = void 0;
-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 CompoundButton = ({ children, description, before, after, variant = 'default', elevation: propsElevation, slots = {}, ...buttonProps }) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 }) => {
     var _a, _b, _c, _d;
-    const labelId = (0, react_ui_1.useId)('compoundButton-label');
-    const descriptionId = (0, react_ui_1.useId)('compoundButton-description');
-    const { tx } = (0, react_ui_1.useThemeContext)();
-    const elevation = (0, react_ui_1.useElevationContext)(propsElevation);
+    const labelId = useId('compoundButton-label');
+    const descriptionId = useId('compoundButton-description');
+    const { tx } = useThemeContext();
+    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 ((0, jsx_runtime_1.jsxs)("button", { ...buttonProps, ...slots.root, className: buttonClassName, "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }), children: [before && ((0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow-0', children: before })), (0, jsx_runtime_1.jsxs)("div", { role: 'none', ...slots.middle, className: (0, react_ui_theme_1.mx)('grow whitespace-normal flex flex-col gap-1 text-left', (_b = slots.middle) === null || _b === void 0 ? void 0 : _b.className), children: [(0, jsx_runtime_1.jsx)("p", { ...slots.label, id: labelId, className: (0, react_ui_theme_1.mx)((_c = slots.label) === null || _c === void 0 ? void 0 : _c.className), children: children }), description && ((0, jsx_runtime_1.jsx)("p", { id: descriptionId, ...slots.description, className: (0, react_ui_theme_1.mx)('text-xs mbe-1 font-normal', variant === 'primary' ? react_ui_theme_1.descriptionTextPrimary : react_ui_theme_1.descriptionText, (_d = slots.description) === null || _d === void 0 ? void 0 : _d.className), children: description }))] }), after && ((0, jsx_runtime_1.jsx)("div", { role: 'none', className: 'grow-0', children: after }))] }));
+    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 }))] }));
 };
-exports.CompoundButton = CompoundButton;
 //# 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,6CAA+F;AAC/F,yDAAmF;AAiB5E,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,GAAG,EAAE,EACV,GAAG,WAAW,EACuB,EAAE,EAAE;;IACzC,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,sBAAsB,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,gBAAK,EAAC,4BAA4B,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,0BAAe,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,8BAAmB,EAAC,cAAc,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,MAAM,eAAe,GAAG,EAAE,CACxB,aAAa,EACb,yBAAyB,EACzB,UAAU,EACV,iCAAiC,EACjC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CACtB,CAAC;IACF,OAAO,CACL,uCACM,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,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAChC,MAAM,GACH,CACP,EACD,iCACE,IAAI,EAAC,MAAM,KACP,KAAK,CAAC,MAAM,EAChB,SAAS,EAAE,IAAA,mBAAE,EAAC,sDAAsD,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,SAAS,CAAC,aAE9F,iCAAO,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,mBAAE,EAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,CAAC,YACnE,QAAQ,GACP,EACH,WAAW,IAAI,CACd,8BACE,EAAE,EAAE,aAAa,KACb,KAAK,CAAC,WAAW,EACrB,SAAS,EAAE,IAAA,mBAAE,EACX,2BAA2B,EAC3B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,uCAAsB,CAAC,CAAC,CAAC,gCAAe,EAChE,MAAA,KAAK,CAAC,WAAW,0CAAE,SAAS,CAC7B,YAEA,WAAW,GACV,CACL,IACG,EACL,KAAK,IAAI,CACR,gCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,YAChC,KAAK,GACF,CACP,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,cAAc,kBAgEzB"}
+{"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"}

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

@@ -3,7 +3,7 @@ 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;
-    decorators: import("@storybook/react/*").Decorator[];
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;

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

@@ -1,38 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2022 DXOS.org
 //
-require("@dxos-theme");
-const react_1 = require("@phosphor-icons/react");
-const storybook_utils_1 = require("@dxos/storybook-utils");
-const CompoundButton_1 = require("./CompoundButton");
-exports.default = {
+import '@dxos-theme';
+import { ArrowRight, ClockCounterClockwise } from '@phosphor-icons/react';
+import { withTheme } from '@dxos/storybook-utils';
+import { CompoundButton } from './CompoundButton';
+export default {
     title: 'sdk/shell/CompoundButton',
-    component: CompoundButton_1.CompoundButton,
-    decorators: [storybook_utils_1.withTheme],
+    component: CompoundButton,
+    decorators: [withTheme],
     parameters: { chromatic: { disableSnapshot: false } },
 };
-const Container = ({ children }) => (0, jsx_runtime_1.jsx)("div", { className: 'flex gap-4', children: children });
-exports.Default = {
-    render: (args) => ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(CompoundButton_1.CompoundButton, { ...args }), (0, jsx_runtime_1.jsx)(CompoundButton_1.CompoundButton, { ...args, disabled: true })] })),
+const Container = ({ children }) => _jsx("div", { className: 'flex gap-4', children: children });
+export const Default = {
+    render: (args) => (_jsxs(Container, { children: [_jsx(CompoundButton, { ...args }), _jsx(CompoundButton, { ...args, disabled: true })] })),
     args: {
         children: 'Hello',
         description: 'This is a compound button',
-        before: (0, jsx_runtime_1.jsx)(react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
-        after: (0, jsx_runtime_1.jsx)(react_1.ArrowRight, { className: 'w-5 h-5' }),
+        before: _jsx(ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: _jsx(ArrowRight, { className: 'w-5 h-5' }),
         disabled: false,
     },
 };
-exports.Primary = {
-    ...exports.Default,
+export const Primary = {
+    ...Default,
     args: {
         children: 'Hello',
         description: 'This is a compound button',
-        before: (0, jsx_runtime_1.jsx)(react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
-        after: (0, jsx_runtime_1.jsx)(react_1.ArrowRight, { className: 'w-5 h-5' }),
+        before: _jsx(ClockCounterClockwise, { className: 'w-5 h-5' }),
+        after: _jsx(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,uBAAqB;AAErB,iDAA0E;AAG1E,2DAAkD;AAElD,qDAA4E;AAE5E,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,+BAAc;IACzB,UAAU,EAAE,CAAC,2BAAS,CAAC;IACvB,UAAU,EAAE,EAAE,SAAS,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE;CACtD,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAyB,EAAE,EAAE,CAAC,gCAAK,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAO,CAAC;AAE3F,QAAA,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAsC,EAAE,EAAE,CAAC,CAClD,wBAAC,SAAS,eACR,uBAAC,+BAAc,OAAK,IAAI,GAAI,EAC5B,uBAAC,+BAAc,OAAK,IAAI,EAAE,QAAQ,SAAG,IAC3B,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,uBAAC,kBAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEW,QAAA,OAAO,GAAG;IACrB,GAAG,eAAO;IACV,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,uBAAC,6BAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,uBAAC,kBAAU,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;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"}

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

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

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

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

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

@@ -1,19 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeviceList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = require("@phosphor-icons/react");
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const DeviceListItem_1 = require("./DeviceListItem");
-const DeviceList = ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy, }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    return ((0, jsx_runtime_1.jsxs)("div", { role: 'none', className: 'p-1', children: [(0, jsx_runtime_1.jsx)("h2", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center mbs-2'), children: t('devices heading') }), devices.length > 0 && ((0, jsx_runtime_1.jsx)(react_ui_1.List, { children: devices.map((device) => {
-                    return ((0, jsx_runtime_1.jsx)(DeviceListItem_1.DeviceListItem, { device: device, onClickEdit: () => onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(device), onClickReset, onClickRecover, onClickJoinExisting, connectionState, onAgentDestroy }, device.deviceKey.toHex()));
-                }) })), (0, jsx_runtime_1.jsxs)(react_ui_1.Button, { variant: 'ghost', classNames: 'justify-start gap-2 pis-0 pie-3 is-full', "data-testid": 'devices-panel.create-invitation', onClick: onClickAdd, children: [(0, jsx_runtime_1.jsx)("div", { role: 'img', className: (0, react_ui_theme_1.mx)((0, react_ui_theme_1.getSize)(8), 'm-1 rounded-sm bg-input grid place-items-center'), children: (0, jsx_runtime_1.jsx)(react_1.Plus, { weight: 'light', className: (0, react_ui_theme_1.getSize)(6) }) }), (0, jsx_runtime_1.jsx)("span", { className: 'grow font-medium text-start', children: t('choose add device label') }), (0, jsx_runtime_1.jsx)(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })] })] }));
+import { CaretRight, Plus } from '@phosphor-icons/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) })] })] }));
 };
-exports.DeviceList = DeviceList;
 //# 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,iDAAyD;AAIzD,6CAA8D;AAC9D,yDAAoE;AAEpE,qDAAkD;AAG3C,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,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL,iCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK,aAC9B,+BAAI,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,mBAAmB,CAAC,YAAG,CAAC,CAAC,iBAAiB,CAAC,GAAM,EACnF,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uBAAC,eAAI,cACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;oBAC9B,OAAO,CACL,uBAAC,+BAAc,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,wBAAC,iBAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,yCAAyC,iBACxC,iCAAiC,EAC7C,OAAO,EAAE,UAAU,aAEnB,gCAAK,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,IAAA,wBAAO,EAAC,CAAC,CAAC,EAAE,iDAAiD,CAAC,YAC1F,uBAAC,YAAI,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,GAC1C,EACN,iCAAM,SAAS,EAAC,6BAA6B,YAAE,CAAC,CAAC,yBAAyB,CAAC,GAAQ,EACnF,uBAAC,kBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,IAC5C,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,UAAU,cA0CrB"}
+{"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"}

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

@@ -1,6 +1,6 @@
 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").ClassNameValue;
+    classNames?: import("@dxos/react-ui-types").ClassNameValue;
 } & DeviceListItemProps & Pick<AgentFormProps, "onAgentDestroy"> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=DeviceListItem.d.ts.map

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

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeviceListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-const react_1 = require("@phosphor-icons/react");
-const react_2 = require("react");
-const display_name_1 = require("@dxos/display-name");
-const halo_1 = require("@dxos/react-client/halo");
-const mesh_1 = require("@dxos/react-client/mesh");
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const util_1 = require("@dxos/util");
+import { Compass, Desktop, DeviceMobile, Devices, DotsThree, ShareFat, Power, Robot, Database, FirstAidKit, } from '@phosphor-icons/react';
+import { 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,
@@ -20,19 +17,19 @@ const iconProps = {
     x: 8,
     y: 8,
 };
-exports.DeviceListItem = (0, react_2.forwardRef)(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
+export const DeviceListItem = forwardRef(({ device, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, classNames, connectionState, onAgentDestroy: _, ...props }, forwardedRef) => {
     var _a;
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const fallbackValue = (0, util_1.keyToFallback)(device.deviceKey);
-    const labelId = (0, react_ui_1.useId)('identityListItem__label');
+    const { t } = useTranslation('os');
+    const fallbackValue = keyToFallback(device.deviceKey);
+    const labelId = useId('identityListItem__label');
     const displayName = device.profile
         ? t('device name placeholder', { os: device.profile.os, platform: device.profile.platform })
-        : (0, display_name_1.generateName)(device.deviceKey.toHex());
-    const isCurrent = device.kind === halo_1.DeviceKind.CURRENT;
-    return ((0, jsx_runtime_1.jsx)(react_ui_1.ListItem.Root, { ...props, classNames: ['flex gap-2 items-center mlb-2', classNames], "data-testid": `device-list-item${isCurrent ? '-current' : ''}`, labelId: labelId, ref: forwardedRef, children: (0, jsx_runtime_1.jsxs)(react_ui_1.Avatar.Root, { status: isCurrent && connectionState === mesh_1.ConnectionState.OFFLINE
+        : 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 === halo_1.Device.PresenceState.ONLINE
+                : device.presence === Device.PresenceState.ONLINE
                     ? 'active'
-                    : 'inactive', labelId: labelId, hue: fallbackValue.hue, variant: 'square', children: [(0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Frame, { classNames: 'place-self-center', children: ((_a = device.profile) === null || _a === void 0 ? void 0 : _a.type) ? (device.profile.type === halo_1.DeviceType.AGENT_MANAGED ? ((0, jsx_runtime_1.jsx)(react_1.Database, { ...iconProps })) : device.profile.type === halo_1.DeviceType.BROWSER ? ((0, jsx_runtime_1.jsx)(react_1.Compass, { ...iconProps })) : device.profile.type === halo_1.DeviceType.NATIVE ? ((0, jsx_runtime_1.jsx)(react_1.Desktop, { ...iconProps })) : [halo_1.DeviceType.AGENT, halo_1.DeviceType.AGENT_MANAGED].includes(device.profile.type) ? ((0, jsx_runtime_1.jsx)(react_1.Robot, { ...iconProps })) : device.profile.type === halo_1.DeviceType.MOBILE ? ((0, jsx_runtime_1.jsx)(react_1.DeviceMobile, { ...iconProps })) : ((0, jsx_runtime_1.jsx)(react_1.Devices, { ...iconProps }))) : ((0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Fallback, { text: fallbackValue.emoji })) }), (0, jsx_runtime_1.jsx)(react_ui_1.Avatar.Label, { classNames: 'flex-1 text-sm truncate', children: displayName }), isCurrent && (0, jsx_runtime_1.jsx)(react_ui_1.Tag, { color: 'primary', children: t('current device tag label') }), device.kind === halo_1.DeviceKind.CURRENT && ((0, jsx_runtime_1.jsxs)(react_ui_1.DropdownMenu.Root, { children: [(0, jsx_runtime_1.jsx)(react_ui_1.DropdownMenu.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)(react_ui_1.Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": `device-list-item${isCurrent ? '-current' : ''}.options`, children: [(0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: t('more options label') }), (0, jsx_runtime_1.jsx)(react_1.DotsThree, { className: (0, react_ui_theme_1.getSize)(5) })] }) }), (0, jsx_runtime_1.jsx)(react_ui_1.DropdownMenu.Content, { children: (0, jsx_runtime_1.jsxs)(react_ui_1.DropdownMenu.Viewport, { children: [(0, jsx_runtime_1.jsxs)(react_ui_1.DropdownMenu.Item, { "data-testid": 'device-list-item-current.join-existing', onClick: onClickJoinExisting, children: [(0, jsx_runtime_1.jsx)(react_1.ShareFat, { className: (0, react_ui_theme_1.getSize)(5) }), t('choose join new identity label')] }), onClickRecover && ((0, jsx_runtime_1.jsxs)(react_ui_1.DropdownMenu.Item, { "data-testid": 'device-list-item-current.recover', onClick: onClickRecover, children: [(0, jsx_runtime_1.jsx)(react_1.FirstAidKit, { className: (0, react_ui_theme_1.getSize)(5) }), t('choose recover identity label')] })), (0, jsx_runtime_1.jsxs)(react_ui_1.DropdownMenu.Item, { "data-testid": 'device-list-item-current.reset', onClick: onClickReset, children: [(0, jsx_runtime_1.jsx)(react_1.Power, { className: (0, react_ui_theme_1.getSize)(5) }), t('reset device label')] })] }) })] }))] }) }));
+                    : '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')] })] }) })] }))] }) }));
 });
 //# 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":"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"}
+{"version":3,"file":"DeviceListItem.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListItem.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,4 @@
-"use strict";
 //
 // Copyright 2024 DXOS.org
 //
-Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=DeviceListProps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeviceListProps.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListProps.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE"}
+{"version":3,"file":"DeviceListProps.js","sourceRoot":"","sources":["../../../../../src/components/DeviceList/DeviceListProps.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE"}

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

@@ -1,22 +1,6 @@
-"use strict";
 //
 // Copyright 2024 DXOS.org
 //
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DeviceList"), exports);
-__exportStar(require("./DeviceListProps"), exports);
+export * from './DeviceList';
+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,+CAA6B;AAC7B,oDAAkC"}
+{"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"}

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

@@ -7,7 +7,7 @@ type IdentityListItemProps = {
     onClick?: () => void;
 };
 export declare const IdentityListItem: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "className"> & {
-    classNames?: import("@dxos/react-ui").ClassNameValue;
+    classNames?: import("@dxos/react-ui-types").ClassNameValue;
 } & IdentityListItemProps & React.RefAttributes<HTMLLIElement>>;
 export {};
 //# sourceMappingURL=IdentityListItem.d.ts.map

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

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IdentityListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-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");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const util_1 = require("@dxos/util");
-exports.IdentityListItem = (0, react_1.forwardRef)(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
+import { forwardRef } from 'react';
+import { generateName } from '@dxos/display-name';
+import { SpaceMember } from '@dxos/react-client/echo';
+import { ListItem, Avatar, useId } from '@dxos/react-ui';
+import { mx } from '@dxos/react-ui-theme';
+import { keyToFallback } from '@dxos/util';
+export const IdentityListItem = forwardRef(({ identity, presence, onClick, classNames, ...props }, forwardedRef) => {
     var _a, _b, _c, _d, _e, _f;
-    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 ((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 })] }) }));
+    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 })] }) }));
 });
 //# 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,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"}
+{"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"}