@openmrs/esm-styleguide 10.0.1-pre.5539 → 10.0.1-pre.5545

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
-[0] Successfully compiled: 123 files, copied 168 files with swc (281.39ms)
+[0] Successfully compiled: 124 files, copied 168 files with swc (263.4ms)
 [0] swc --strip-leading-paths --copy-files src -d dist && svgo -rf dist --quiet exited with code 0
 [1] tsc --project tsconfig.build.json exited with code 0

package/dist/components/_main-content.scss

@@ -2,7 +2,6 @@
 
 :root {
   --omrs-sidenav-width: 16rem;
-  --omrs-offline-banner-height: 0;
   --omrs-navbar-height: #{layout.$spacing-09};
   --omrs-topnav-height: var(--omrs-navbar-height);
 }
@@ -11,14 +10,3 @@
   margin-left: 0;
   transition: margin-left 0.5s ease;
 }
-
-.omrs-offline {
-  --omrs-offline-banner-height: #{layout.$spacing-06};
-  --omrs-topnav-height: 4.5rem;
-
-  .cds--side-nav,
-  .cds--header-panel--expanded,
-  .cds--side-nav__overlay {
-    top: var(--omrs-topnav-height);
-  }
-}

package/dist/emitter.d.ts

@@ -0,0 +1,18 @@
+/**
+ * A minimal multicast event emitter used internally by the styleguide's
+ * notification, snackbar, and toast rendering hosts.
+ *
+ * It replaces the rxjs `Subject` these hosts previously relied on. Those usages
+ * only ever needed `next()` to push a value and `subscribe()` to receive values
+ * (returning something with `unsubscribe()`), so a tiny emitter lets the
+ * framework drop its rxjs dependency entirely.
+ */
+export interface EmitterSubscription {
+    unsubscribe(): void;
+}
+export declare class Emitter<T> {
+    private listeners;
+    subscribe(listener: (value: T) => void): EmitterSubscription;
+    next(value: T): void;
+}
+//# sourceMappingURL=emitter.d.ts.map

package/dist/emitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitter.d.ts","sourceRoot":"","sources":["../src/emitter.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,WAAW,mBAAmB;IAClC,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,qBAAa,OAAO,CAAC,CAAC;IACpB,OAAO,CAAC,SAAS,CAAiC;IAElD,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,mBAAmB;IAS5D,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;CAOrB"}

package/dist/emitter.js

@@ -0,0 +1,43 @@
+/**
+ * A minimal multicast event emitter used internally by the styleguide's
+ * notification, snackbar, and toast rendering hosts.
+ *
+ * It replaces the rxjs `Subject` these hosts previously relied on. Those usages
+ * only ever needed `next()` to push a value and `subscribe()` to receive values
+ * (returning something with `unsubscribe()`), so a tiny emitter lets the
+ * framework drop its rxjs dependency entirely.
+ */ function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+export class Emitter {
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return {
+            unsubscribe: ()=>{
+                this.listeners.delete(listener);
+            }
+        };
+    }
+    next(value) {
+        // Iterate over a snapshot so a listener that unsubscribes while handling an
+        // emission doesn't disturb the iteration.
+        for (const listener of [
+            ...this.listeners
+        ]){
+            listener(value);
+        }
+    }
+    constructor(){
+        _define_property(this, "listeners", new Set());
+    }
+}

package/dist/notifications/active-actionable-notifications.component.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { Subject } from 'rxjs';
 import type { ActionableNotificationMeta } from './actionable-notification.component';
+import type { Emitter } from '../emitter';
 interface ActionableActiveNotificationProps {
-    subject: Subject<ActionableNotificationMeta>;
+    subject: Emitter<ActionableNotificationMeta>;
 }
 declare const ActionableActiveNotifications: React.FC<ActionableActiveNotificationProps>;
 export default ActionableActiveNotifications;

package/dist/notifications/active-actionable-notifications.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-actionable-notifications.component.d.ts","sourceRoot":"","sources":["../../src/notifications/active-actionable-notifications.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AAGtF,UAAU,iCAAiC;IACzC,OAAO,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA4B9E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"active-actionable-notifications.component.d.ts","sourceRoot":"","sources":["../../src/notifications/active-actionable-notifications.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AAEtF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,iCAAiC;IACzC,OAAO,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CA4B9E,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/notifications/active-notifications.component.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { Subject } from 'rxjs';
 import type { InlineNotificationMeta } from './notification.component';
+import type { Emitter } from '../emitter';
 interface ActiveNotificationProps {
-    subject: Subject<InlineNotificationMeta>;
+    subject: Emitter<InlineNotificationMeta>;
 }
 declare const ActiveNotifications: React.FC<ActiveNotificationProps>;
 export default ActiveNotifications;

package/dist/notifications/active-notifications.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-notifications.component.d.ts","sourceRoot":"","sources":["../../src/notifications/active-notifications.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2B1D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"active-notifications.component.d.ts","sourceRoot":"","sources":["../../src/notifications/active-notifications.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,uBAAuB;IAC/B,OAAO,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;CAC1C;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2B1D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/notifications/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notifications/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA0B,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,KAAK,EAA8B,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AAYxH;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,QAKnE;AAYD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,sBAAsB,QAkBpE;AAID,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,QAKvE;AAUD;;;GAGG;AAEH,wBAAgB,0BAA0B,CAAC,YAAY,EAAE,gCAAgC,QAYxF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notifications/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA0B,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,KAAK,EAA8B,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AAWxH;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,QAKnE;AAYD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,YAAY,EAAE,sBAAsB,QAkBpE;AAID,wBAAgB,6BAA6B,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,QAKvE;AAUD;;;GAGG;AAEH,wBAAgB,0BAA0B,CAAC,YAAY,EAAE,gCAAgC,QAYxF"}

package/dist/notifications/index.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** @module @category UI */ import React from "react";
-import { Subject } from "rxjs";
+import { isEmpty } from "lodash-es";
+import { createRoot } from "react-dom/client";
 import ActiveNotifications from "./active-notifications.component.js";
 import ActionableActiveNotifications from "./active-actionable-notifications.component.js";
-import isEmpty from "lodash-es/isEmpty";
-import { createRoot } from "react-dom/client";
-const inlineNotificationsSubject = new Subject();
+import { Emitter } from "../emitter.js";
+const inlineNotificationsSubject = new Emitter();
 let notificationId = 0;
-const actionableNotificationsSubject = new Subject();
+const actionableNotificationsSubject = new Emitter();
 let actionableNotificationId = 0;
 /**
  * Starts a rendering host for inline notifications. Should only be used by the app shell.

package/dist/snackbars/active-snackbar.component.d.ts

@@ -1,9 +1,9 @@
 /** @module @category UI */
 import React from 'react';
-import type { Subject } from 'rxjs';
 import type { SnackbarMeta } from './snackbar.component';
+import type { Emitter } from '../emitter';
 interface ActiveSnackbarProps {
-    subject: Subject<SnackbarMeta>;
+    subject: Emitter<SnackbarMeta>;
 }
 declare const ActiveSnackbars: React.FC<ActiveSnackbarProps>;
 export default ActiveSnackbars;

package/dist/snackbars/active-snackbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-snackbar.component.d.ts","sourceRoot":"","sources":["../../src/snackbars/active-snackbar.component.tsx"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGzD,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgClD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"active-snackbar.component.d.ts","sourceRoot":"","sources":["../../src/snackbars/active-snackbar.component.tsx"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,mBAAmB;IAC3B,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgClD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/snackbars/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbars/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAG7E,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKrG;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,QAKzD;AAMD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,kBAAkB,QAWxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/snackbars/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAI7E,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKrG;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,QAKzD;AAMD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,kBAAkB,QAWxD"}

package/dist/snackbars/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** @module @category UI */ import React from "react";
 import { createRoot } from "react-dom/client";
-import { Subject } from "rxjs";
 import ActiveSnackbars from "./active-snackbar.component.js";
-const snackbarsSubject = new Subject();
+import { Emitter } from "../emitter.js";
+const snackbarsSubject = new Emitter();
 let snackbarId = 0;
 /**
  * Starts a rendering host for snack bar notifications. Should only be used by the app shell.

package/dist/toasts/active-toasts.component.d.ts

@@ -1,9 +1,9 @@
 /** @module @category UI */
 import React from 'react';
-import type { Subject } from 'rxjs';
 import type { ToastNotificationMeta } from './toast.component';
+import type { Emitter } from '../emitter';
 interface ActiveToastsProps {
-    subject: Subject<ToastNotificationMeta>;
+    subject: Emitter<ToastNotificationMeta>;
 }
 declare const ActiveToasts: React.FC<ActiveToastsProps>;
 export default ActiveToasts;

package/dist/toasts/active-toasts.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"active-toasts.component.d.ts","sourceRoot":"","sources":["../../src/toasts/active-toasts.component.tsx"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG/D,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"active-toasts.component.d.ts","sourceRoot":"","sources":["../../src/toasts/active-toasts.component.tsx"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/toasts/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /** @module @category UI */ import React from "react";
+import { isEmpty } from "lodash-es";
 import { createRoot } from "react-dom/client";
-import { Subject } from "rxjs";
 import ActiveToasts from "./active-toasts.component.js";
-import isEmpty from "lodash-es/isEmpty";
-const toastsSubject = new Subject();
+import { Emitter } from "../emitter.js";
+const toastsSubject = new Emitter();
 let toastId = 0;
 /**
  * Starts a rendering host for toast notifications. Should only be used by the app shell.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "10.0.1-pre.5539",
+  "version": "10.0.1-pre.5545",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "module": "dist/internal.js",
@@ -78,39 +78,38 @@
     "react-aria-components": "^1.7.1"
   },
   "peerDependencies": {
-    "@openmrs/esm-api": "^10.0.1-pre.5539",
-    "@openmrs/esm-config": "^10.0.1-pre.5539",
-    "@openmrs/esm-emr-api": "^10.0.1-pre.5539",
-    "@openmrs/esm-error-handling": "^10.0.1-pre.5539",
-    "@openmrs/esm-extensions": "^10.0.1-pre.5539",
-    "@openmrs/esm-globals": "^10.0.1-pre.5539",
-    "@openmrs/esm-navigation": "^10.0.1-pre.5539",
-    "@openmrs/esm-react-utils": "^10.0.1-pre.5539",
-    "@openmrs/esm-routes": "^10.0.1-pre.5539",
-    "@openmrs/esm-state": "^10.0.1-pre.5539",
-    "@openmrs/esm-translations": "^10.0.1-pre.5539",
-    "@openmrs/esm-utils": "^10.0.1-pre.5539",
+    "@openmrs/esm-api": "^10.0.1-pre.5545",
+    "@openmrs/esm-config": "^10.0.1-pre.5545",
+    "@openmrs/esm-emr-api": "^10.0.1-pre.5545",
+    "@openmrs/esm-error-handling": "^10.0.1-pre.5545",
+    "@openmrs/esm-extensions": "^10.0.1-pre.5545",
+    "@openmrs/esm-globals": "^10.0.1-pre.5545",
+    "@openmrs/esm-navigation": "^10.0.1-pre.5545",
+    "@openmrs/esm-react-utils": "^10.0.1-pre.5545",
+    "@openmrs/esm-routes": "^10.0.1-pre.5545",
+    "@openmrs/esm-state": "^10.0.1-pre.5545",
+    "@openmrs/esm-translations": "^10.0.1-pre.5545",
+    "@openmrs/esm-utils": "^10.0.1-pre.5545",
     "dayjs": "1.x",
     "i18next": "25.x",
     "react": "18.x",
     "react-dom": "18.x",
     "react-i18next": "16.x",
-    "rxjs": "6.x",
     "swr": "2.x"
   },
   "devDependencies": {
-    "@openmrs/esm-api": "10.0.1-pre.5539",
-    "@openmrs/esm-config": "10.0.1-pre.5539",
-    "@openmrs/esm-emr-api": "10.0.1-pre.5539",
-    "@openmrs/esm-error-handling": "10.0.1-pre.5539",
-    "@openmrs/esm-extensions": "10.0.1-pre.5539",
-    "@openmrs/esm-globals": "10.0.1-pre.5539",
-    "@openmrs/esm-navigation": "10.0.1-pre.5539",
-    "@openmrs/esm-react-utils": "10.0.1-pre.5539",
-    "@openmrs/esm-routes": "10.0.1-pre.5539",
-    "@openmrs/esm-state": "10.0.1-pre.5539",
-    "@openmrs/esm-translations": "10.0.1-pre.5539",
-    "@openmrs/esm-utils": "10.0.1-pre.5539",
+    "@openmrs/esm-api": "10.0.1-pre.5545",
+    "@openmrs/esm-config": "10.0.1-pre.5545",
+    "@openmrs/esm-emr-api": "10.0.1-pre.5545",
+    "@openmrs/esm-error-handling": "10.0.1-pre.5545",
+    "@openmrs/esm-extensions": "10.0.1-pre.5545",
+    "@openmrs/esm-globals": "10.0.1-pre.5545",
+    "@openmrs/esm-navigation": "10.0.1-pre.5545",
+    "@openmrs/esm-react-utils": "10.0.1-pre.5545",
+    "@openmrs/esm-routes": "10.0.1-pre.5545",
+    "@openmrs/esm-state": "10.0.1-pre.5545",
+    "@openmrs/esm-translations": "10.0.1-pre.5545",
+    "@openmrs/esm-utils": "10.0.1-pre.5545",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.21",
     "@types/geopattern": "^1.2.9",
@@ -122,7 +121,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^6.1.3",
-    "rxjs": "^6.5.3",
     "svgo": "^3.3.2",
     "swr": "2.5.1",
     "typescript": "^5.8.3",

package/src/components/_main-content.scss

@@ -2,7 +2,6 @@
 
 :root {
   --omrs-sidenav-width: 16rem;
-  --omrs-offline-banner-height: 0;
   --omrs-navbar-height: #{layout.$spacing-09};
   --omrs-topnav-height: var(--omrs-navbar-height);
 }
@@ -11,14 +10,3 @@
   margin-left: 0;
   transition: margin-left 0.5s ease;
 }
-
-.omrs-offline {
-  --omrs-offline-banner-height: #{layout.$spacing-06};
-  --omrs-topnav-height: 4.5rem;
-
-  .cds--side-nav,
-  .cds--header-panel--expanded,
-  .cds--side-nav__overlay {
-    top: var(--omrs-topnav-height);
-  }
-}

package/src/emitter.ts

@@ -0,0 +1,33 @@
+/**
+ * A minimal multicast event emitter used internally by the styleguide's
+ * notification, snackbar, and toast rendering hosts.
+ *
+ * It replaces the rxjs `Subject` these hosts previously relied on. Those usages
+ * only ever needed `next()` to push a value and `subscribe()` to receive values
+ * (returning something with `unsubscribe()`), so a tiny emitter lets the
+ * framework drop its rxjs dependency entirely.
+ */
+export interface EmitterSubscription {
+  unsubscribe(): void;
+}
+
+export class Emitter<T> {
+  private listeners = new Set<(value: T) => void>();
+
+  subscribe(listener: (value: T) => void): EmitterSubscription {
+    this.listeners.add(listener);
+    return {
+      unsubscribe: () => {
+        this.listeners.delete(listener);
+      },
+    };
+  }
+
+  next(value: T): void {
+    // Iterate over a snapshot so a listener that unsubscribes while handling an
+    // emission doesn't disturb the iteration.
+    for (const listener of [...this.listeners]) {
+      listener(value);
+    }
+  }
+}

package/src/notifications/active-actionable-notifications.component.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
-import type { Subject } from 'rxjs';
 import type { ActionableNotificationMeta } from './actionable-notification.component';
 import { ActionableNotificationComponent } from './actionable-notification.component';
+import type { Emitter } from '../emitter';
 
 interface ActionableActiveNotificationProps {
-  subject: Subject<ActionableNotificationMeta>;
+  subject: Emitter<ActionableNotificationMeta>;
 }
 
 const ActionableActiveNotifications: React.FC<ActionableActiveNotificationProps> = ({ subject }) => {

package/src/notifications/active-notifications.component.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, useState } from 'react';
-import type { Subject } from 'rxjs';
 import type { InlineNotificationMeta } from './notification.component';
 import { Notification } from './notification.component';
+import type { Emitter } from '../emitter';
 
 interface ActiveNotificationProps {
-  subject: Subject<InlineNotificationMeta>;
+  subject: Emitter<InlineNotificationMeta>;
 }
 
 const ActiveNotifications: React.FC<ActiveNotificationProps> = ({ subject }) => {

package/src/notifications/index.tsx

@@ -1,17 +1,17 @@
 /** @module @category UI */
 import React from 'react';
-import { Subject } from 'rxjs';
+import { isEmpty } from 'lodash-es';
+import { createRoot } from 'react-dom/client';
 import type { InlineNotificationMeta, NotificationDescriptor } from './notification.component';
 import type { ActionableNotificationMeta, ActionableNotificationDescriptor } from './actionable-notification.component';
 import ActiveNotifications from './active-notifications.component';
 import ActionableActiveNotifications from './active-actionable-notifications.component';
-import isEmpty from 'lodash-es/isEmpty';
-import { createRoot } from 'react-dom/client';
+import { Emitter } from '../emitter';
 
-const inlineNotificationsSubject = new Subject<InlineNotificationMeta>();
+const inlineNotificationsSubject = new Emitter<InlineNotificationMeta>();
 let notificationId = 0;
 
-const actionableNotificationsSubject = new Subject<ActionableNotificationMeta>();
+const actionableNotificationsSubject = new Emitter<ActionableNotificationMeta>();
 let actionableNotificationId = 0;
 
 /**

package/src/snackbars/active-snackbar.component.tsx

@@ -1,11 +1,11 @@
 /** @module @category UI */
 import React, { useEffect, useState, useCallback } from 'react';
-import type { Subject } from 'rxjs';
 import type { SnackbarMeta } from './snackbar.component';
 import { Snackbar } from './snackbar.component';
+import type { Emitter } from '../emitter';
 
 interface ActiveSnackbarProps {
-  subject: Subject<SnackbarMeta>;
+  subject: Emitter<SnackbarMeta>;
 }
 
 const ActiveSnackbars: React.FC<ActiveSnackbarProps> = ({ subject }) => {

package/src/snackbars/index.tsx

@@ -1,14 +1,14 @@
 /** @module @category UI */
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { Subject } from 'rxjs';
 
 import type { SnackbarDescriptor, SnackbarMeta } from './snackbar.component';
 import ActiveSnackbars from './active-snackbar.component';
+import { Emitter } from '../emitter';
 
 export { type SnackbarDescriptor, type SnackbarType, type SnackbarMeta } from './snackbar.component';
 
-const snackbarsSubject = new Subject<SnackbarMeta>();
+const snackbarsSubject = new Emitter<SnackbarMeta>();
 let snackbarId = 0;
 
 /**

package/src/toasts/active-toasts.component.tsx

@@ -1,11 +1,11 @@
 /** @module @category UI */
 import React, { useCallback, useEffect, useState } from 'react';
-import type { Subject } from 'rxjs';
 import type { ToastNotificationMeta } from './toast.component';
 import { Toast } from './toast.component';
+import type { Emitter } from '../emitter';
 
 interface ActiveToastsProps {
-  subject: Subject<ToastNotificationMeta>;
+  subject: Emitter<ToastNotificationMeta>;
 }
 
 const ActiveToasts: React.FC<ActiveToastsProps> = ({ subject }) => {

package/src/toasts/index.tsx

@@ -1,14 +1,14 @@
 /** @module @category UI */
 import React from 'react';
+import { isEmpty } from 'lodash-es';
 import { createRoot } from 'react-dom/client';
-import { Subject } from 'rxjs';
 import type { ToastDescriptor, ToastNotificationMeta } from './toast.component';
 import ActiveToasts from './active-toasts.component';
-import isEmpty from 'lodash-es/isEmpty';
+import { Emitter } from '../emitter';
 
 export { type ToastDescriptor, type ToastType, type ToastNotificationMeta } from './toast.component';
 
-const toastsSubject = new Subject<ToastNotificationMeta>();
+const toastsSubject = new Emitter<ToastNotificationMeta>();
 let toastId = 0;
 
 /**