@dxos/plugin-status-bar 0.8.4-main.f9ba587 → 0.8.4-main.fcfe5033a5

package/dist/lib/browser/index.mjs

@@ -1,59 +1,98 @@
-import {
-  STATUS_BAR_PLUGIN,
-  StatusBar,
-  StatusBarActions,
-  StatusBarPanel,
-  VersionNumber,
-  meta
-} from "./chunk-32FBOE6I.mjs";
+// src/components/StatusBar/StatusBar.tsx
+import { Slot } from "@radix-ui/react-slot";
+import React, { forwardRef } from "react";
+import { mx } from "@dxos/ui-theme";
+var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    ...props,
+    role: "status",
+    className: mx("grid place-items-center", classNames),
+    ref: forwardedRef
+  }, children);
+});
+var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
+  className: mx(classNames),
+  ref: forwardedRef
+}, children));
+var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
+  const classes = mx("flex items-center justify-center gap-2 p-1 px-2 rounded-xs", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600", classNames);
+  return asChild ? /* @__PURE__ */ React.createElement(Slot, {
+    role: "button",
+    ref: forwardedRef,
+    className: classes,
+    ...props
+  }, children) : /* @__PURE__ */ React.createElement("button", {
+    className: classes,
+    ref: forwardedRef,
+    ...props
+  }, children);
+});
+var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center space-x-2", classNames),
+  ref: forwardedRef
+}, children));
+var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center justify-end", classNames),
+  ref: forwardedRef
+}, children));
+var StatusBar = {
+  Item: StatusBarItem,
+  Text: StatusBarText,
+  Button: StatusBarButton,
+  StartContent,
+  EndContent
+};
 
-// src/StatusBarPlugin.ts
-import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.status-bar",
+  name: "Status Bar",
+  description: trim`
+    Persistent bottom bar displaying workspace status information and quick actions.
+    Access connection state, notifications, and common commands without leaving your current context.
+  `,
+  icon: "ph--info--regular"
+};
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var ReactSurface = lazy(() => import("./react-surface-P7CEMQU3.mjs"));
+// src/StatusBarPlugin.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { ReactSurface } from "#capabilities";
+import { meta as meta3 } from "#meta";
 
 // src/translations.ts
+import { meta as meta2 } from "#meta";
 var translations = [
   {
     "en-US": {
-      [meta.id]: {
-        "plugin name": "Status Bar",
-        "warning title": "WARNING",
-        "technology preview message": "Composer is currently in beta.",
-        "learn more label": "Learn more",
-        "released message": "This version released {{released}}.",
-        "see release label": "See release on GitHub",
-        "powered by dxos message": "Powered by <dxos>DXOS</dxos>",
-        "discord label": "Discord",
-        "github label": "GitHub",
-        "feedback label": "Feedback"
+      [meta2.id]: {
+        "plugin.name": "Status Bar",
+        "warning.title": "WARNING",
+        "technology-preview.message": "Composer is currently in beta.",
+        "learn-more.label": "Learn more",
+        "released.message": "This version was released {{released}}.",
+        "see-release.label": "See release on GitHub",
+        "powered-by-dxos.message": "Powered by <dxos>DXOS</dxos>",
+        "discord.label": "Discord",
+        "github.label": "GitHub",
+        "feedback.label": "Feedback"
       }
     }
   }
 ];
 
 // src/StatusBarPlugin.ts
-var StatusBarPlugin = () => definePlugin(meta, [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, translations)
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  })
-]);
+var StatusBarPlugin = Plugin.define(meta3).pipe(AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
 export {
-  STATUS_BAR_PLUGIN,
   StatusBar,
-  StatusBarActions,
-  StatusBarPanel,
   StatusBarPlugin,
-  VersionNumber,
   meta
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/StatusBarPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'plugin name': 'Status Bar',\n        'warning title': 'WARNING',\n        'technology preview message': 'Composer is currently in beta.',\n        'learn more label': 'Learn more',\n        'released message': 'This version released {{released}}.',\n        'see release label': 'See release on GitHub',\n        'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n        'discord label': 'Discord',\n        'github label': 'GitHub',\n        'feedback label': 'Feedback',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;;;;;AAIA,SAASA,cAAcC,aAAaC,cAAcC,cAAcC,cAAc;;;ACA9E,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;;;AFdK,IAAMC,kBAAkB,MAC7BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;CACD;",
-  "names": ["Capabilities", "contributes", "defineModule", "definePlugin", "Events", "lazy", "ReactSurface", "lazy", "translations", "meta", "id", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface"]
+  "sources": ["../../../src/components/StatusBar/StatusBar.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\n//\n// Item\n//\n\ntype StatusBarItemProps = ThemedClassName<PropsWithChildren>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} role='status' className={mx('grid place-items-center', classNames)} ref={forwardedRef}>\n        {children}\n      </div>\n    );\n  },\n);\n\n//\n// Text\n//\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\n//\n// Button\n//\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\n/**\n * @deprecated\n */\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-xs',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\n      'hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\n//\n// Content\n//\n\ntype StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\n//\n// EndContent\n//\n\ntype EndContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\n//\n// StatusBar\n//\n\nexport const StatusBar = {\n  Item: StatusBarItem,\n  Text: StatusBarText,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.status-bar',\n  name: 'Status Bar',\n  description: trim`\n    Persistent bottom bar displaying workspace status information and quick actions.\n    Access connection state, notifications, and common commands without leaving your current context.\n  `,\n  icon: 'ph--info--regular',\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\n\nimport { translations } from './translations';\n\nexport const StatusBarPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.make,\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'plugin.name': 'Status Bar',\n        'warning.title': 'WARNING',\n        'technology-preview.message': 'Composer is currently in beta.',\n        'learn-more.label': 'Learn more',\n        'released.message': 'This version was released {{released}}.',\n        'see-release.label': 'See release on GitHub',\n        'powered-by-dxos.message': 'Powered by <dxos>DXOS</dxos>',\n        'discord.label': 'Discord',\n        'github.label': 'GitHub',\n        'feedback.label': 'Feedback',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";AAIA,SAASA,YAAY;AACrB,OAAOC,SAA6EC,kBAAkB;AAGtG,SAASC,UAAU;AAQnB,IAAMC,gBAAgBC,2BACpB,CAAC,EAAEC,YAAYC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACnC,SACE,sBAAA,cAACC,OAAAA;IAAK,GAAGF;IAAOG,MAAK;IAASC,WAAWC,GAAG,2BAA2BP,UAAAA;IAAaQ,KAAKL;KACtFF,QAAAA;AAGP,CAAA;AASF,IAAMQ,gBAAgBV,2BAAgD,CAAC,EAAEC,YAAYC,SAAQ,GAAIE,iBAC/F,sBAAA,cAACO,QAAAA;EAAKJ,WAAWC,GAAGP,UAAAA;EAAaQ,KAAKL;GACnCF,QAAAA,CAAAA;AAaL,IAAMU,kBAAkBZ,2BACtB,CAAC,EAAEC,YAAYC,UAAUW,SAAS,GAAGV,MAAAA,GAASC,iBAAAA;AAC5C,QAAMU,UAAUN,GACd,8DACA,qEACA,mGACAP,UAAAA;AAGF,SAAOY,UACL,sBAAA,cAACE,MAAAA;IAAKT,MAAK;IAASG,KAAKL;IAAcG,WAAWO;IAAU,GAAGX;KAC5DD,QAAAA,IAGH,sBAAA,cAACc,UAAAA;IAAOT,WAAWO;IAASL,KAAKL;IAAe,GAAGD;KAChDD,QAAAA;AAGP,CAAA;AASF,IAAMe,eAAejB,2BAA8C,CAAC,EAAEC,YAAYC,SAAQ,GAAIE,iBAC5F,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWC,GAAG,yCAAyCP,UAAAA;EAAaQ,KAAKL;GACvFF,QAAAA,CAAAA;AAUL,IAAMgB,aAAalB,2BAA4C,CAAC,EAAEC,YAAYC,SAAQ,GAAIE,iBACxF,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWC,GAAG,2CAA2CP,UAAAA;EAAaQ,KAAKL;GACzFF,QAAAA,CAAAA;AAQE,IAAMiB,YAAY;EACvBC,MAAMrB;EACNsB,MAAMX;EACNY,QAAQV;EACRK;EACAC;AACF;;;ACjGA,SAASK,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;AACR;;;ACXA,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;;;ACFrB,SAASC,QAAAA,aAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,MAAKC,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;;;ADZK,IAAMC,kBAAkBC,OAAOC,OAAOC,KAAAA,EAAMC,KACjDC,UAAUC,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDH,UAAUI,sBAAsB;EAAEC;AAAa,CAAA,GAC/CT,OAAOU,IAAI;",
+  "names": ["Slot", "React", "forwardRef", "mx", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarText", "span", "StatusBarButton", "asChild", "classes", "Slot", "button", "StartContent", "EndContent", "StatusBar", "Item", "Text", "Button", "trim", "meta", "id", "name", "description", "trim", "icon", "Plugin", "AppPlugin", "ReactSurface", "meta", "meta", "translations", "meta", "id", "StatusBarPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "make"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/StatusBar.tsx":{"bytes":8416,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/meta.ts":{"bytes":1224,"imports":[],"format":"esm"},"src/components/VersionNumber.tsx":{"bytes":10885,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/StatusBarPanel.tsx":{"bytes":8956,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/index.ts":{"bytes":684,"imports":[{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":3825,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":783,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2422,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":2807,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":654,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2702},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-32FBOE6I.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-P7CEMQU3.mjs","kind":"dynamic-import"}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","VersionNumber","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/StatusBarPlugin.ts":{"bytesInOutput":470},"src/capabilities/index.ts":{"bytesInOutput":115},"src/translations.ts":{"bytesInOutput":562}},"bytes":1553},"dist/lib/browser/react-surface-P7CEMQU3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1838},"dist/lib/browser/react-surface-P7CEMQU3.mjs":{"imports":[{"path":"dist/lib/browser/chunk-32FBOE6I.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":896}},"bytes":1136},"dist/lib/browser/chunk-32FBOE6I.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14836},"dist/lib/browser/chunk-32FBOE6I.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","VersionNumber","meta"],"inputs":{"src/components/StatusBar.tsx":{"bytesInOutput":2549},"src/meta.ts":{"bytesInOutput":202},"src/components/VersionNumber.tsx":{"bytesInOutput":3286},"src/components/StatusBarPanel.tsx":{"bytesInOutput":2934},"src/components/index.ts":{"bytesInOutput":0}},"bytes":9247}}}
+{"inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytes":7772,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/StatusBar/index.ts":{"bytes":487,"imports":[{"path":"src/components/StatusBar/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/index.ts":{"bytes":477,"imports":[{"path":"src/components/StatusBar/index.ts","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/meta.ts":{"bytes":1555,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/translations.ts":{"bytes":2429,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":1956,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":654,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6859},"dist/lib/browser/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytesInOutput":1918},"src/components/StatusBar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":350},"src/StatusBarPlugin.ts":{"bytesInOutput":351},"src/translations.ts":{"bytesInOutput":606}},"bytes":3447}}}

package/dist/lib/node-esm/index.mjs

@@ -1,60 +1,100 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  STATUS_BAR_PLUGIN,
-  StatusBar,
-  StatusBarActions,
-  StatusBarPanel,
-  VersionNumber,
-  meta
-} from "./chunk-IQXGCBGU.mjs";
 
-// src/StatusBarPlugin.ts
-import { Capabilities, contributes, defineModule, definePlugin, Events } from "@dxos/app-framework";
+// src/components/StatusBar/StatusBar.tsx
+import { Slot } from "@radix-ui/react-slot";
+import React, { forwardRef } from "react";
+import { mx } from "@dxos/ui-theme";
+var StatusBarItem = /* @__PURE__ */ forwardRef(({ classNames, children, ...props }, forwardedRef) => {
+  return /* @__PURE__ */ React.createElement("div", {
+    ...props,
+    role: "status",
+    className: mx("grid place-items-center", classNames),
+    ref: forwardedRef
+  }, children);
+});
+var StatusBarText = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("span", {
+  className: mx(classNames),
+  ref: forwardedRef
+}, children));
+var StatusBarButton = /* @__PURE__ */ forwardRef(({ classNames, children, asChild, ...props }, forwardedRef) => {
+  const classes = mx("flex items-center justify-center gap-2 p-1 px-2 rounded-xs", "select-none cursor-pointer dx-focus-ring text-description text-xs", "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600", classNames);
+  return asChild ? /* @__PURE__ */ React.createElement(Slot, {
+    role: "button",
+    ref: forwardedRef,
+    className: classes,
+    ...props
+  }, children) : /* @__PURE__ */ React.createElement("button", {
+    className: classes,
+    ref: forwardedRef,
+    ...props
+  }, children);
+});
+var StartContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center space-x-2", classNames),
+  ref: forwardedRef
+}, children));
+var EndContent = /* @__PURE__ */ forwardRef(({ classNames, children }, forwardedRef) => /* @__PURE__ */ React.createElement("div", {
+  role: "none",
+  className: mx("flex-grow flex items-center justify-end", classNames),
+  ref: forwardedRef
+}, children));
+var StatusBar = {
+  Item: StatusBarItem,
+  Text: StatusBarText,
+  Button: StatusBarButton,
+  StartContent,
+  EndContent
+};
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var ReactSurface = lazy(() => import("./react-surface-U7DLJKU6.mjs"));
+// src/meta.ts
+import { trim } from "@dxos/util";
+var meta = {
+  id: "org.dxos.plugin.status-bar",
+  name: "Status Bar",
+  description: trim`
+    Persistent bottom bar displaying workspace status information and quick actions.
+    Access connection state, notifications, and common commands without leaving your current context.
+  `,
+  icon: "ph--info--regular"
+};
+
+// src/StatusBarPlugin.ts
+import { Plugin } from "@dxos/app-framework";
+import { AppPlugin } from "@dxos/app-toolkit";
+import { ReactSurface } from "#capabilities";
+import { meta as meta3 } from "#meta";
 
 // src/translations.ts
+import { meta as meta2 } from "#meta";
 var translations = [
   {
     "en-US": {
-      [meta.id]: {
-        "plugin name": "Status Bar",
-        "warning title": "WARNING",
-        "technology preview message": "Composer is currently in beta.",
-        "learn more label": "Learn more",
-        "released message": "This version released {{released}}.",
-        "see release label": "See release on GitHub",
-        "powered by dxos message": "Powered by <dxos>DXOS</dxos>",
-        "discord label": "Discord",
-        "github label": "GitHub",
-        "feedback label": "Feedback"
+      [meta2.id]: {
+        "plugin.name": "Status Bar",
+        "warning.title": "WARNING",
+        "technology-preview.message": "Composer is currently in beta.",
+        "learn-more.label": "Learn more",
+        "released.message": "This version was released {{released}}.",
+        "see-release.label": "See release on GitHub",
+        "powered-by-dxos.message": "Powered by <dxos>DXOS</dxos>",
+        "discord.label": "Discord",
+        "github.label": "GitHub",
+        "feedback.label": "Feedback"
       }
     }
   }
 ];
 
 // src/StatusBarPlugin.ts
-var StatusBarPlugin = () => definePlugin(meta, [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, translations)
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  })
-]);
+var StatusBarPlugin = Plugin.define(meta3).pipe(AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
 export {
-  STATUS_BAR_PLUGIN,
   StatusBar,
-  StatusBarActions,
-  StatusBarPanel,
   StatusBarPlugin,
-  VersionNumber,
   meta
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/StatusBarPlugin.ts", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Capabilities, contributes, defineModule, definePlugin, Events } from '@dxos/app-framework';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\n\nexport const StatusBarPlugin = () =>\n  definePlugin(meta, [\n    defineModule({\n      id: `${meta.id}/module/translations`,\n      activatesOn: Events.SetupTranslations,\n      activate: () => contributes(Capabilities.Translations, translations),\n    }),\n    defineModule({\n      id: `${meta.id}/module/react-surface`,\n      activatesOn: Events.SetupReactSurface,\n      activate: ReactSurface,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'plugin name': 'Status Bar',\n        'warning title': 'WARNING',\n        'technology preview message': 'Composer is currently in beta.',\n        'learn more label': 'Learn more',\n        'released message': 'This version released {{released}}.',\n        'see release label': 'See release on GitHub',\n        'powered by dxos message': 'Powered by <dxos>DXOS</dxos>',\n        'discord label': 'Discord',\n        'github label': 'GitHub',\n        'feedback label': 'Feedback',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;;;;;;AAIA,SAASA,cAAcC,aAAaC,cAAcC,cAAcC,cAAc;;;ACA9E,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ACEvC,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;;;AFdK,IAAMC,kBAAkB,MAC7BC,aAAaC,MAAM;EACjBC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;CACD;",
-  "names": ["Capabilities", "contributes", "defineModule", "definePlugin", "Events", "lazy", "ReactSurface", "lazy", "translations", "meta", "id", "StatusBarPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface"]
+  "sources": ["../../../src/components/StatusBar/StatusBar.tsx", "../../../src/meta.ts", "../../../src/StatusBarPlugin.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Slot } from '@radix-ui/react-slot';\nimport React, { type ComponentPropsWithRef, type PropsWithChildren, type ReactNode, forwardRef } from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\n//\n// Item\n//\n\ntype StatusBarItemProps = ThemedClassName<PropsWithChildren>;\n\nconst StatusBarItem = forwardRef<HTMLDivElement, StatusBarItemProps>(\n  ({ classNames, children, ...props }, forwardedRef) => {\n    return (\n      <div {...props} role='status' className={mx('grid place-items-center', classNames)} ref={forwardedRef}>\n        {children}\n      </div>\n    );\n  },\n);\n\n//\n// Text\n//\n\ntype StatusBarTextProps = ThemedClassName<{ children: ReactNode }>;\n\nconst StatusBarText = forwardRef<HTMLSpanElement, StatusBarTextProps>(({ classNames, children }, forwardedRef) => (\n  <span className={mx(classNames)} ref={forwardedRef}>\n    {children}\n  </span>\n));\n\n//\n// Button\n//\n\ntype StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & { asChild?: boolean }>;\n\n/**\n * @deprecated\n */\nconst StatusBarButton = forwardRef<HTMLButtonElement, StatusBarButtonProps>(\n  ({ classNames, children, asChild, ...props }, forwardedRef) => {\n    const classes = mx(\n      'flex items-center justify-center gap-2 p-1 px-2 rounded-xs',\n      'select-none cursor-pointer dx-focus-ring text-description text-xs',\n      'hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\n      classNames,\n    );\n\n    return asChild ? (\n      <Slot role='button' ref={forwardedRef} className={classes} {...props}>\n        {children}\n      </Slot>\n    ) : (\n      <button className={classes} ref={forwardedRef} {...props}>\n        {children}\n      </button>\n    );\n  },\n);\n\n//\n// Content\n//\n\ntype StartContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst StartContent = forwardRef<HTMLDivElement, StartContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center space-x-2', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\n//\n// EndContent\n//\n\ntype EndContentProps = ThemedClassName<PropsWithChildren<{}>>;\n\nconst EndContent = forwardRef<HTMLDivElement, EndContentProps>(({ classNames, children }, forwardedRef) => (\n  <div role='none' className={mx('flex-grow flex items-center justify-end', classNames)} ref={forwardedRef}>\n    {children}\n  </div>\n));\n\n//\n// StatusBar\n//\n\nexport const StatusBar = {\n  Item: StatusBarItem,\n  Text: StatusBarText,\n  Button: StatusBarButton,\n  StartContent,\n  EndContent,\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.status-bar',\n  name: 'Status Bar',\n  description: trim`\n    Persistent bottom bar displaying workspace status information and quick actions.\n    Access connection state, notifications, and common commands without leaving your current context.\n  `,\n  icon: 'ph--info--regular',\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\n\nimport { ReactSurface } from '#capabilities';\nimport { meta } from '#meta';\n\nimport { translations } from './translations';\n\nexport const StatusBarPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.make,\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from '#meta';\n\nexport const translations = [\n  {\n    'en-US': {\n      [meta.id]: {\n        'plugin.name': 'Status Bar',\n        'warning.title': 'WARNING',\n        'technology-preview.message': 'Composer is currently in beta.',\n        'learn-more.label': 'Learn more',\n        'released.message': 'This version was released {{released}}.',\n        'see-release.label': 'See release on GitHub',\n        'powered-by-dxos.message': 'Powered by <dxos>DXOS</dxos>',\n        'discord.label': 'Discord',\n        'github.label': 'GitHub',\n        'feedback.label': 'Feedback',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;AAIA,SAASA,YAAY;AACrB,OAAOC,SAA6EC,kBAAkB;AAGtG,SAASC,UAAU;AAQnB,IAAMC,gBAAgBC,2BACpB,CAAC,EAAEC,YAAYC,UAAU,GAAGC,MAAAA,GAASC,iBAAAA;AACnC,SACE,sBAAA,cAACC,OAAAA;IAAK,GAAGF;IAAOG,MAAK;IAASC,WAAWC,GAAG,2BAA2BP,UAAAA;IAAaQ,KAAKL;KACtFF,QAAAA;AAGP,CAAA;AASF,IAAMQ,gBAAgBV,2BAAgD,CAAC,EAAEC,YAAYC,SAAQ,GAAIE,iBAC/F,sBAAA,cAACO,QAAAA;EAAKJ,WAAWC,GAAGP,UAAAA;EAAaQ,KAAKL;GACnCF,QAAAA,CAAAA;AAaL,IAAMU,kBAAkBZ,2BACtB,CAAC,EAAEC,YAAYC,UAAUW,SAAS,GAAGV,MAAAA,GAASC,iBAAAA;AAC5C,QAAMU,UAAUN,GACd,8DACA,qEACA,mGACAP,UAAAA;AAGF,SAAOY,UACL,sBAAA,cAACE,MAAAA;IAAKT,MAAK;IAASG,KAAKL;IAAcG,WAAWO;IAAU,GAAGX;KAC5DD,QAAAA,IAGH,sBAAA,cAACc,UAAAA;IAAOT,WAAWO;IAASL,KAAKL;IAAe,GAAGD;KAChDD,QAAAA;AAGP,CAAA;AASF,IAAMe,eAAejB,2BAA8C,CAAC,EAAEC,YAAYC,SAAQ,GAAIE,iBAC5F,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWC,GAAG,yCAAyCP,UAAAA;EAAaQ,KAAKL;GACvFF,QAAAA,CAAAA;AAUL,IAAMgB,aAAalB,2BAA4C,CAAC,EAAEC,YAAYC,SAAQ,GAAIE,iBACxF,sBAAA,cAACC,OAAAA;EAAIC,MAAK;EAAOC,WAAWC,GAAG,2CAA2CP,UAAAA;EAAaQ,KAAKL;GACzFF,QAAAA,CAAAA;AAQE,IAAMiB,YAAY;EACvBC,MAAMrB;EACNsB,MAAMX;EACNY,QAAQV;EACRK;EACAC;AACF;;;ACjGA,SAASK,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;AACR;;;ACXA,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;;;ACFrB,SAASC,QAAAA,aAAY;AAEd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,MAAKC,EAAE,GAAG;QACT,eAAe;QACf,iBAAiB;QACjB,8BAA8B;QAC9B,oBAAoB;QACpB,oBAAoB;QACpB,qBAAqB;QACrB,2BAA2B;QAC3B,iBAAiB;QACjB,gBAAgB;QAChB,kBAAkB;MACpB;IACF;EACF;;;;ADZK,IAAMC,kBAAkBC,OAAOC,OAAOC,KAAAA,EAAMC,KACjDC,UAAUC,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDH,UAAUI,sBAAsB;EAAEC;AAAa,CAAA,GAC/CT,OAAOU,IAAI;",
+  "names": ["Slot", "React", "forwardRef", "mx", "StatusBarItem", "forwardRef", "classNames", "children", "props", "forwardedRef", "div", "role", "className", "mx", "ref", "StatusBarText", "span", "StatusBarButton", "asChild", "classes", "Slot", "button", "StartContent", "EndContent", "StatusBar", "Item", "Text", "Button", "trim", "meta", "id", "name", "description", "trim", "icon", "Plugin", "AppPlugin", "ReactSurface", "meta", "meta", "translations", "meta", "id", "StatusBarPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations", "make"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"src/components/StatusBar.tsx":{"bytes":8416,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/meta.ts":{"bytes":1224,"imports":[],"format":"esm"},"src/components/VersionNumber.tsx":{"bytes":10885,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/StatusBarPanel.tsx":{"bytes":8956,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/components/index.ts":{"bytes":684,"imports":[{"path":"src/components/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"},{"path":"src/components/StatusBarPanel.tsx","kind":"import-statement","original":"./StatusBarPanel"},{"path":"src/components/VersionNumber.tsx","kind":"import-statement","original":"./VersionNumber"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":3825,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":783,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2422,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":2807,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":654,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2703},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-IQXGCBGU.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/react-surface-U7DLJKU6.mjs","kind":"dynamic-import"}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","StatusBarPlugin","VersionNumber","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/StatusBarPlugin.ts":{"bytesInOutput":470},"src/capabilities/index.ts":{"bytesInOutput":115},"src/translations.ts":{"bytesInOutput":562}},"bytes":1645},"dist/lib/node-esm/react-surface-U7DLJKU6.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1839},"dist/lib/node-esm/react-surface-U7DLJKU6.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-IQXGCBGU.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":896}},"bytes":1228},"dist/lib/node-esm/chunk-IQXGCBGU.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":14838},"dist/lib/node-esm/chunk-IQXGCBGU.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"date-fns/formatDistance","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["STATUS_BAR_PLUGIN","StatusBar","StatusBarActions","StatusBarPanel","VersionNumber","meta"],"inputs":{"src/components/StatusBar.tsx":{"bytesInOutput":2549},"src/meta.ts":{"bytesInOutput":202},"src/components/VersionNumber.tsx":{"bytesInOutput":3286},"src/components/StatusBarPanel.tsx":{"bytesInOutput":2934},"src/components/index.ts":{"bytesInOutput":0}},"bytes":9340}}}
+{"inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytes":7772,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/StatusBar/index.ts":{"bytes":487,"imports":[{"path":"src/components/StatusBar/StatusBar.tsx","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/components/index.ts":{"bytes":477,"imports":[{"path":"src/components/StatusBar/index.ts","kind":"import-statement","original":"./StatusBar"}],"format":"esm"},"src/meta.ts":{"bytes":1555,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/translations.ts":{"bytes":2429,"imports":[{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/StatusBarPlugin.ts":{"bytes":1956,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/index.ts":{"bytes":654,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/StatusBarPlugin.ts","kind":"import-statement","original":"./StatusBarPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6861},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"exports":["StatusBar","StatusBarPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/components/StatusBar/StatusBar.tsx":{"bytesInOutput":1918},"src/components/StatusBar/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/meta.ts":{"bytesInOutput":350},"src/StatusBarPlugin.ts":{"bytesInOutput":351},"src/translations.ts":{"bytesInOutput":606}},"bytes":3540}}}

package/dist/types/src/StatusBarPlugin.d.ts

@@ -1,2 +1,3 @@
-export declare const StatusBarPlugin: () => import("@dxos/app-framework").Plugin;
+import { Plugin } from '@dxos/app-framework';
+export declare const StatusBarPlugin: Plugin.PluginFactory<void>;
 //# sourceMappingURL=StatusBarPlugin.d.ts.map

package/dist/types/src/StatusBarPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,4CAYxB,CAAC"}
+{"version":3,"file":"StatusBarPlugin.d.ts","sourceRoot":"","sources":["../../../src/StatusBarPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQ7C,eAAO,MAAM,eAAe,4BAI3B,CAAC"}

package/dist/types/src/capabilities/index.d.ts

@@ -1,2 +1,3 @@
-export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").Capabilities.ReactSurface> | import("@dxos/app-framework").AnyCapability[]>>;
+import { Capability } from '@dxos/app-framework';
+export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Capabilities").ReactSurface>>, Error>;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,gMAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,iJAAmE,CAAC"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -1,4 +1,5 @@
-import { Capabilities } from '@dxos/app-framework';
-declare const _default: () => import("@dxos/app-framework").Capability<Capabilities.ReactSurface>;
+import * as Effect from 'effect/Effect';
+import { Capabilities, Capability } from '@dxos/app-framework';
+declare const _default: (props: void) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<Capabilities.ReactSurface>>, never, never>;
 export default _default;
 //# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAuC,MAAM,qBAAqB,CAAC;;AAKxF,wBAsBK"}
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;;AAK/D,wBAoBE"}

package/dist/types/src/components/{StatusBar.d.ts → StatusBar/StatusBar.d.ts}

@@ -3,26 +3,28 @@ import { type ThemedClassName } from '@dxos/react-ui';
 type StatusBarButtonProps = ThemedClassName<ComponentPropsWithRef<'button'> & {
     asChild?: boolean;
 }>;
-declare const StatusBarButton: React.ForwardRefExoticComponent<Omit<StatusBarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export default StatusBarButton;
-type StatusBarItemProps = ThemedClassName<ComponentPropsWithRef<'div'>>;
 export declare const StatusBar: {
+    Item: React.ForwardRefExoticComponent<Omit<{
+        children?: ReactNode | undefined;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & React.RefAttributes<HTMLDivElement>>;
     Text: React.ForwardRefExoticComponent<Omit<{
         children: ReactNode;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLSpanElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<StatusBarItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<Omit<StatusBarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
     StartContent: React.ForwardRefExoticComponent<Omit<{
         children?: ReactNode | undefined;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
     EndContent: React.ForwardRefExoticComponent<Omit<{
         children?: ReactNode | undefined;
     }, "className"> & {
-        classNames?: import("@dxos/react-ui-types").ClassNameValue;
+        classNames?: import("@dxos/ui-types").ClassNameValue;
     } & React.RefAttributes<HTMLDivElement>>;
 };
+export {};
 //# sourceMappingURL=StatusBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatusBar/StatusBar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA0B,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAmCtD,KAAK,oBAAoB,GAAG,eAAe,CAAC,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAsDrG,eAAO,MAAM,SAAS;;;;;;;kBAlEgC,SAAS;;;;;;;;;;;;;;;CAwE9D,CAAC"}

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

@@ -0,0 +1,15 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: any;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=StatusBar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatusBar/StatusBar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,QAAA,MAAM,IAAI;;eAEgB,GAAG;;;;;;CAMK,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './StatusBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/StatusBar/index.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC"}

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

@@ -1,4 +1,2 @@
 export * from './StatusBar';
-export * from './StatusBarPanel';
-export * from './VersionNumber';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/src/containers/StatusBarActions/StatusBarActions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type StatusBarActionsProps = {};
+export declare const StatusBarActions: (_props: StatusBarActionsProps) => React.JSX.Element;
+//# sourceMappingURL=StatusBarActions.d.ts.map

package/dist/types/src/containers/StatusBarActions/StatusBarActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarActions.d.ts","sourceRoot":"","sources":["../../../../../src/containers/StatusBarActions/StatusBarActions.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,MAAM,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAEvC,eAAO,MAAM,gBAAgB,GAAI,QAAQ,qBAAqB,sBAyB7D,CAAC"}

package/dist/types/src/containers/StatusBarActions/StatusBarActions.stories.d.ts

@@ -0,0 +1,7 @@
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import { StatusBarActions } from './StatusBarActions';
+declare const meta: Meta<typeof StatusBarActions>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=StatusBarActions.stories.d.ts.map

package/dist/types/src/containers/StatusBarActions/StatusBarActions.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarActions.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/StatusBarActions/StatusBarActions.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAOjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAyCvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/containers/StatusBarActions/index.d.ts

@@ -0,0 +1,2 @@
+export { StatusBarActions as default } from './StatusBarActions';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/StatusBarActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/StatusBarActions/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/types/src/containers/StatusBarPanel/StatusBarPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export type StatusBarPanelProps = {};
+export declare const StatusBarPanel: (_props: StatusBarPanelProps) => React.JSX.Element;
+//# sourceMappingURL=StatusBarPanel.d.ts.map