@dxos/shell 0.7.5-main.9d2a38b → 0.7.5-main.b19bfc8

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type AgentFormProps } from './DeviceList';
-export declare const AgentConfig: ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh, }: Omit<AgentFormProps, "agentHostingEnabled">) => React.JSX.Element;
+export declare const AgentConfig: ({ agentStatus, validationMessage, onAgentDestroy, onAgentCreate, onAgentRefresh, }: Omit<AgentFormProps, "agentHostingEnabled">) => import("react/jsx-runtime").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":"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,sBA4G7C,CAAC"}
+{"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"}

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

@@ -1,55 +1,25 @@
-"use strict";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 //
 // Copyright 2024 DXOS.org
 //
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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' ? (_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') })] }))] }))] }));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AgentConfig = void 0;
-const react_1 = require("@phosphor-icons/react");
-const react_2 = __importDefault(require("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 (react_2.default.createElement("div", { role: 'none', className: 'p-1' },
-        react_2.default.createElement("h2", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center mbs-2') }, t('agent heading')),
-        validationMessage && (react_2.default.createElement("p", { role: 'alert', className: (0, react_ui_theme_1.mx)((0, react_ui_theme_1.valenceColorText)('error'), 'mlb-2') }, validationMessage)),
-        agentStatus === 'created' ||
-            agentStatus === 'creating' ||
-            agentStatus === 'getting' ||
-            agentStatus === 'destroying' ? (react_2.default.createElement(react_2.default.Fragment, null,
-            react_2.default.createElement("div", { role: 'group', className: 'mlb-2 flex gap-2 items-center', "aria-describedby": 'devices-panel.create-agent.description' },
-                react_2.default.createElement(react_ui_1.Avatar.Root, { status: agentStatus === 'created' ? 'warning' : 'inactive', variant: 'square' },
-                    react_2.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'place-self-center' },
-                        react_2.default.createElement(react_1.Database, { weight: 'duotone', width: 24, height: 24, x: 8, y: 8, ...(agentStatus !== 'created' && { className: 'opacity-50' }) })),
-                    react_2.default.createElement(react_ui_1.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_2.default.createElement(react_ui_1.Tooltip.Root, null,
-                    react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
-                        react_2.default.createElement(react_ui_1.Button, { variant: 'ghost', classNames: 'pli-0 is-[--rail-action] bs-[--rail-action]', "data-testid": 'agent.destroy', onClick: onAgentDestroy },
-                            react_2.default.createElement("span", { className: 'sr-only' }, t('destroy agent label')),
-                            react_2.default.createElement(react_1.Power, { className: (0, react_ui_theme_1.getSize)(5) }))),
-                    react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
-                        react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom' }, t('destroy agent label')))))),
-            agentStatus === 'created' && (react_2.default.createElement("p", { id: 'devices-panel.create-agent.description', className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'mlb-2') }, t('agent requested description'))))) : (react_2.default.createElement(react_2.default.Fragment, null,
-            react_2.default.createElement(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' },
-                react_2.default.createElement("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') }, agentStatus === 'creatable' ? (react_2.default.createElement(react_1.Plus, { weight: 'light', className: (0, react_ui_theme_1.getSize)(6) })) : (react_2.default.createElement(react_1.ArrowsClockwise, { weight: 'light', className: (0, react_ui_theme_1.getSize)(6) }))),
-                react_2.default.createElement("span", { className: 'grow font-medium text-start' }, t(agentStatus === 'creatable' ? 'create agent label' : ''))),
-            agentStatus === 'creatable' && (react_2.default.createElement("div", { role: 'none', className: 'space-y-2', id: 'devices-panel.create-agent.description' },
-                react_2.default.createElement("p", { className: react_ui_theme_1.descriptionText },
-                    react_2.default.createElement(react_ui_1.Trans, { t,
-                        i18nKey: 'create agent clickwrap',
-                        components: {
-                            tosLink: react_2.default.createElement(react_ui_1.Link, { target: '_blank', rel: 'noreferrer' }),
-                        } })),
-                react_2.default.createElement("p", { className: react_ui_theme_1.descriptionText }, 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.d.ts

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

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

@@ -1,52 +1,17 @@
-"use strict";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
 //
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AuthCode = void 0;
-const react_1 = __importStar(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();
@@ -57,9 +22,6 @@ const AuthCode = (props) => {
         }
         void navigator.clipboard.writeText(code !== null && code !== void 0 ? code : '');
     };
-    return (react_1.default.createElement("span", { className: (0, react_ui_theme_1.mx)(large ? 'text-6xl' : 'text-2xl', 'font-mono pli-2.5 rounded cursor-pointer', classNames), onClick: handleClick, ref: codeRef },
-        react_1.default.createElement("span", { className: 'mie-[0.4em]' }, left),
-        react_1.default.createElement("span", null, 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,+CAA6F;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,wCACE,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;QAEZ,wCAAM,SAAS,EAAC,aAAa,IAAE,IAAI,CAAQ;QAC3C,4CAAO,KAAK,CAAQ,CACf,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.d.ts

@@ -1,4 +1,4 @@
-import React, { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { 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">) => React.JSX.Element;
+export declare const CompoundButton: ({ children, description, before, after, variant, elevation: propsElevation, slots, ...buttonProps }: Omit<CompoundButtonProps, "density">) => import("react/jsx-runtime").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,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"}
+{"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"}

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

@@ -1,29 +1,14 @@
-"use strict";
-//
-// Copyright 2022 DXOS.org
-//
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompoundButton = void 0;
-const react_1 = __importDefault(require("react"));
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const CompoundButton = ({ children, description, before, after, variant = 'default', elevation: propsElevation, slots = {}, ...buttonProps }) => {
+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 (react_1.default.createElement("button", { ...buttonProps, ...slots.root, className: buttonClassName, "aria-labelledby": labelId, ...(description && { 'aria-describedby': descriptionId }) },
-        before && (react_1.default.createElement("div", { role: 'none', className: 'grow-0' }, before)),
-        react_1.default.createElement("div", { role: 'none', ...slots.middle, className: (0, react_ui_theme_1.mx)('grow whitespace-normal flex flex-col gap-1 text-left', (_b = slots.middle) === null || _b === void 0 ? void 0 : _b.className) },
-            react_1.default.createElement("p", { ...slots.label, id: labelId, className: (0, react_ui_theme_1.mx)((_c = slots.label) === null || _c === void 0 ? void 0 : _c.className) }, children),
-            description && (react_1.default.createElement("p", { id: descriptionId, ...slots.description, className: (0, react_ui_theme_1.mx)('text-xs mbe-1 font-normal', variant === 'primary' ? react_ui_theme_1.descriptionTextPrimary : react_ui_theme_1.descriptionText, (_d = slots.description) === null || _d === void 0 ? void 0 : _d.className) }, description))),
-        after && (react_1.default.createElement("div", { role: 'none', className: 'grow-0' }, after))));
+    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":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAA6E;AAE7E,6CAA+F;AAC/F,yDAAmF;AAiB5E,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,EAAE,cAAc,EACzB,KAAK,GAAG,EAAE,EACV,GAAG,WAAW,EACuB,EAAE,EAAE;;IACzC,MAAM,OAAO,GAAG,IAAA,gBAAK,EAAC,sBAAsB,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,IAAA,gBAAK,EAAC,4BAA4B,CAAC,CAAC;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,0BAAe,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,8BAAmB,EAAC,cAAc,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,EAAE,GAAG,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,MAAM,eAAe,GAAG,EAAE,CACxB,aAAa,EACb,yBAAyB,EACzB,UAAU,EACV,iCAAiC,EACjC,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,CACtB,CAAC;IACF,OAAO,CACL,6CACM,WAAW,KACX,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,eAAe,qBACT,OAAO,KACpB,CAAC,WAAW,IAAI,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC;QAEzD,MAAM,IAAI,CACT,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,MAAM,CACH,CACP;QACD,uCACE,IAAI,EAAC,MAAM,KACP,KAAK,CAAC,MAAM,EAChB,SAAS,EAAE,IAAA,mBAAE,EAAC,sDAAsD,EAAE,MAAA,KAAK,CAAC,MAAM,0CAAE,SAAS,CAAC;YAE9F,wCAAO,KAAK,CAAC,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,mBAAE,EAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,SAAS,CAAC,IACnE,QAAQ,CACP;YACH,WAAW,IAAI,CACd,qCACE,EAAE,EAAE,aAAa,KACb,KAAK,CAAC,WAAW,EACrB,SAAS,EAAE,IAAA,mBAAE,EACX,2BAA2B,EAC3B,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,uCAAsB,CAAC,CAAC,CAAC,gCAAe,EAChE,MAAA,KAAK,CAAC,WAAW,0CAAE,SAAS,CAC7B,IAEA,WAAW,CACV,CACL,CACG;QACL,KAAK,IAAI,CACR,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,IAChC,KAAK,CACF,CACP,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,cAAc,kBAgEzB"}
+{"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

@@ -1,10 +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">) => React.JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
+    component: ({ children, description, before, after, variant, elevation: propsElevation, slots, ...buttonProps }: Omit<CompoundButtonProps, "density">) => import("react/jsx-runtime").JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
     parameters: {
         chromatic: {
             disableSnapshot: boolean;
@@ -13,12 +12,12 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    render: (args: Omit<CompoundButtonProps, "ref">) => React.JSX.Element;
+    render: (args: Omit<CompoundButtonProps, "ref">) => import("react/jsx-runtime").JSX.Element;
     args: {
         children: string;
         description: string;
-        before: React.JSX.Element;
-        after: React.JSX.Element;
+        before: import("react/jsx-runtime").JSX.Element;
+        after: import("react/jsx-runtime").JSX.Element;
         disabled: boolean;
     };
 };
@@ -26,11 +25,11 @@ export declare const Primary: {
     args: {
         children: string;
         description: string;
-        before: React.JSX.Element;
-        after: React.JSX.Element;
+        before: import("react/jsx-runtime").JSX.Element;
+        after: import("react/jsx-runtime").JSX.Element;
         disabled: boolean;
         variant: string;
     };
-    render: (args: Omit<CompoundButtonProps, "ref">) => React.JSX.Element;
+    render: (args: Omit<CompoundButtonProps, "ref">) => import("react/jsx-runtime").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;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"}
+{"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"}

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

@@ -1,43 +1,35 @@
-"use strict";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2022 DXOS.org
 //
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = exports.Default = void 0;
-require("@dxos-theme");
-const react_1 = require("@phosphor-icons/react");
-const react_2 = __importDefault(require("react"));
-const storybook_utils_1 = require("@dxos/storybook-utils");
-const CompoundButton_1 = require("./CompoundButton");
-exports.default = {
+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 }) => react_2.default.createElement("div", { className: 'flex gap-4' }, children);
-exports.Default = {
-    render: (args) => (react_2.default.createElement(Container, null,
-        react_2.default.createElement(CompoundButton_1.CompoundButton, { ...args }),
-        react_2.default.createElement(CompoundButton_1.CompoundButton, { ...args, disabled: true }))),
+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: react_2.default.createElement(react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
-        after: react_2.default.createElement(react_1.ArrowRight, { className: 'w-5 h-5' }),
+        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: react_2.default.createElement(react_1.ClockCounterClockwise, { className: 'w-5 h-5' }),
-        after: react_2.default.createElement(react_1.ArrowRight, { className: 'w-5 h-5' }),
+        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;AAC1E,kDAAsD;AAEtD,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,uCAAK,SAAS,EAAC,YAAY,IAAE,QAAQ,CAAO,CAAC;AAE3F,QAAA,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAsC,EAAE,EAAE,CAAC,CAClD,8BAAC,SAAS;QACR,8BAAC,+BAAc,OAAK,IAAI,GAAI;QAC5B,8BAAC,+BAAc,OAAK,IAAI,EAAE,QAAQ,SAAG,CAC3B,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,8BAAC,6BAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,8BAAC,kBAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEW,QAAA,OAAO,GAAG;IACrB,GAAG,eAAO;IACV,IAAI,EAAE;QACJ,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,2BAA2B;QACxC,MAAM,EAAE,8BAAC,6BAAqB,IAAC,SAAS,EAAC,SAAS,GAAG;QACrD,KAAK,EAAE,8BAAC,kBAAU,IAAC,SAAS,EAAC,SAAS,GAAG;QACzC,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}
+{"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.d.ts

@@ -1,4 +1,3 @@
-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">) => React.JSX.Element;
+export declare const DeviceList: ({ devices, connectionState, onClickAdd, onClickEdit, onClickReset, onClickRecover, onClickJoinExisting, onAgentDestroy, }: DeviceListProps & Pick<AgentFormProps, "onAgentDestroy">) => import("react/jsx-runtime").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":"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,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,sBAiC1D,CAAC"}
+{"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"}

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

@@ -1,29 +1,15 @@
-"use strict";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // Copyright 2023 DXOS.org
 //
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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) })] })] }));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeviceList = void 0;
-const react_1 = require("@phosphor-icons/react");
-const react_2 = __importDefault(require("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 (react_2.default.createElement("div", { role: 'none', className: 'p-1' },
-        react_2.default.createElement("h2", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center mbs-2') }, t('devices heading')),
-        devices.length > 0 && (react_2.default.createElement(react_ui_1.List, null, devices.map((device) => {
-            return (react_2.default.createElement(DeviceListItem_1.DeviceListItem, { key: device.deviceKey.toHex(), device: device, onClickEdit: () => onClickEdit === null || onClickEdit === void 0 ? void 0 : onClickEdit(device), onClickReset, onClickRecover, onClickJoinExisting, connectionState, onAgentDestroy }));
-        }))),
-        react_2.default.createElement(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 },
-            react_2.default.createElement("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') },
-                react_2.default.createElement(react_1.Plus, { weight: 'light', className: (0, react_ui_theme_1.getSize)(6) })),
-            react_2.default.createElement("span", { className: 'grow font-medium text-start' }, t('choose add device label')),
-            react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.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;AACzD,kDAA0B;AAG1B,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,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,KAAK;QAC9B,sCAAI,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,mBAAmB,CAAC,IAAG,CAAC,CAAC,iBAAiB,CAAC,CAAM;QACnF,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,8BAAC,eAAI,QACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE;YAC9B,OAAO,CACL,8BAAC,+BAAc,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,8BAAC,iBAAM,IACL,OAAO,EAAC,OAAO,EACf,UAAU,EAAC,2CAA2C,iBAC1C,iCAAiC,EAC7C,OAAO,EAAE,UAAU;YAEnB,uCAAK,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,IAAA,wBAAO,EAAC,CAAC,CAAC,EAAE,iDAAiD,CAAC;gBAC1F,8BAAC,YAAI,IAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC1C;YACN,wCAAM,SAAS,EAAC,6BAA6B,IAAE,CAAC,CAAC,yBAAyB,CAAC,CAAQ;YACnF,8BAAC,kBAAU,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,IAAA,wBAAO,EAAC,CAAC,CAAC,GAAI,CAC5C,CACL,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