@motionstudies/web 0.1.0-alpha.17 → 0.1.0-alpha.18

package/components/LazyButtonTooltips.d.ts

@@ -0,0 +1,2 @@
+/** Button help in its own Suspense boundary, so the application never waits for it. */
+export declare function LazyButtonTooltips(): import("react").JSX.Element;

package/components/LazyButtonTooltips.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from 'react';
+// Desktop button help is not needed for the first view; keep it out of the opening bundle.
+const ButtonTooltips = lazy(() => import('./ButtonTooltips.js').then((module) => ({ default: module.ButtonTooltips })));
+/** Button help in its own Suspense boundary, so the application never waits for it. */
+export function LazyButtonTooltips() {
+    return _jsx(Suspense, { fallback: null, children: _jsx(ButtonTooltips, {}) });
+}

package/mount-motion-study.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { ButtonTooltips } from './components/ButtonTooltips.js';
+import { LazyButtonTooltips } from './components/LazyButtonTooltips.js';
 import { applyVisualTheme } from './visual-theme.js';
 export function mountMotionStudy(edition, application) {
     const root = document.getElementById('root');
@@ -10,5 +10,5 @@ export function mountMotionStudy(edition, application) {
     document.documentElement.classList.add('motion-study');
     document.documentElement.dataset.edition = edition.id;
     applyVisualTheme(edition.theme);
-    createRoot(root).render(_jsxs(StrictMode, { children: [application, _jsx(ButtonTooltips, {})] }));
+    createRoot(root).render(_jsxs(StrictMode, { children: [application, _jsx(LazyButtonTooltips, {})] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motionstudies/web",
-  "version": "0.1.0-alpha.17",
+  "version": "0.1.0-alpha.18",
   "private": false,
   "type": "module",
   "description": "Browser controls and loaders for Motion Studies.",
@@ -168,7 +168,7 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@motionstudies/core": "0.1.0-alpha.17"
+    "@motionstudies/core": "0.1.0-alpha.18"
   },
   "peerDependencies": {
     "react": "^19.2.8",