react-science 19.2.0 → 19.3.0

package/lib/components/svg/styled/svg_styled_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=svg_styled_types.js.map

package/lib/components/svg/styled/svg_styled_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg_styled_types.js","sourceRoot":"","sources":["../../../../src/components/svg/styled/svg_styled_types.ts"],"names":[],"mappings":""}

package/lib/components/svg/styled/svg_styled_utils.d.ts

@@ -0,0 +1,3 @@
+import type { SVGStyledLineStrokePattern } from './svg_styled_types.js';
+export declare function computeStrokeDasharray(pattern: SVGStyledLineStrokePattern, width: number): string;
+//# sourceMappingURL=svg_styled_utils.d.ts.map

package/lib/components/svg/styled/svg_styled_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg_styled_utils.d.ts","sourceRoot":"","sources":["../../../../src/components/svg/styled/svg_styled_utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAExE,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,0BAA0B,EACnC,KAAK,EAAE,MAAM,GACZ,MAAM,CAOR"}

package/lib/components/svg/styled/svg_styled_utils.js

@@ -0,0 +1,10 @@
+import { match } from 'ts-pattern';
+export function computeStrokeDasharray(pattern, width) {
+    return match(pattern)
+        .with('solid', () => '')
+        .with('dashed', () => `${4 * width} ${4 * width}`)
+        .with('dotted', () => `${width} ${width}`)
+        .with('dashed-dot', () => `${4 * width} ${width} ${width} ${width}`)
+        .exhaustive();
+}
+//# sourceMappingURL=svg_styled_utils.js.map

package/lib/components/svg/styled/svg_styled_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg_styled_utils.js","sourceRoot":"","sources":["../../../../src/components/svg/styled/svg_styled_utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAInC,MAAM,UAAU,sBAAsB,CACpC,OAAmC,EACnC,KAAa;IAEb,OAAO,KAAK,CAAC,OAAO,CAAC;SAClB,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;SACvB,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC;SACjD,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;SACzC,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;SACnE,UAAU,EAAE,CAAC;AAClB,CAAC"}

package/lib/components/table/reorder_rows/use_drop_monitor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_drop_monitor.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,SAAS,CAAC,OAAO,CAAC,EACpC,OAAO,EAAE,OAAO,QAmDjB"}
+{"version":3,"file":"use_drop_monitor.d.ts","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,gBAAgB,EAAE,SAAS,CAAC,OAAO,CAAC,EACpC,OAAO,EAAE,OAAO,QAsDjB"}

package/lib/components/table/reorder_rows/use_drop_monitor.js

@@ -14,41 +14,42 @@ export function useDropMonitor(scrollElementRef, enabled) {
     const { reorderItem, items } = useItemOrder();
     const [, setFlashedRow] = useFlashedRowContext();
     useEffect(() => {
+        if (!enabled) {
+            return;
+        }
         const scrollContainer = scrollElementRef.current;
         assert(scrollContainer, 'Missing scroll container ref');
-        if (enabled) {
-            function canRespond({ source }) {
-                return isItemData(source.data);
-            }
-            return combine(monitorForElements({
-                canMonitor: canRespond,
-                onDrop({ location, source }) {
-                    const target = location.current.dropTargets[0];
-                    if (!target) {
-                        return;
-                    }
-                    const sourceData = source.data;
-                    const targetData = target.data;
-                    if (!isItemData(sourceData) || !isItemData(targetData)) {
-                        return;
-                    }
-                    const indexOfTarget = items.findIndex((item) => item.id === targetData.id);
-                    if (indexOfTarget === -1) {
-                        return;
-                    }
-                    const closestEdgeOfTarget = extractClosestEdge(targetData);
-                    reorderItem({
-                        startIndex: sourceData.index,
-                        indexOfTarget,
-                        closestEdgeOfTarget,
-                    });
-                    setFlashedRow(sourceData.id);
-                },
-            }), autoScrollForElements({
-                canScroll: canRespond,
-                element: scrollContainer,
-            }));
+        function canRespond({ source }) {
+            return isItemData(source.data);
         }
+        return combine(monitorForElements({
+            canMonitor: canRespond,
+            onDrop({ location, source }) {
+                const target = location.current.dropTargets[0];
+                if (!target) {
+                    return;
+                }
+                const sourceData = source.data;
+                const targetData = target.data;
+                if (!isItemData(sourceData) || !isItemData(targetData)) {
+                    return;
+                }
+                const indexOfTarget = items.findIndex((item) => item.id === targetData.id);
+                if (indexOfTarget === -1) {
+                    return;
+                }
+                const closestEdgeOfTarget = extractClosestEdge(targetData);
+                reorderItem({
+                    startIndex: sourceData.index,
+                    indexOfTarget,
+                    closestEdgeOfTarget,
+                });
+                setFlashedRow(sourceData.id);
+            },
+        }), autoScrollForElements({
+            canScroll: canRespond,
+            element: scrollContainer,
+        }));
     }, [items, reorderItem, scrollElementRef, setFlashedRow, enabled]);
 }
 //# sourceMappingURL=use_drop_monitor.js.map

package/lib/components/table/reorder_rows/use_drop_monitor.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_drop_monitor.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EACL,qBAAqB,EACrB,OAAO,EACP,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAAoC,EACpC,OAAgB;IAEhB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,eAAe,EAAE,8BAA8B,CAAC,CAAC;QAExD,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,UAAU,CAAC,EAAE,MAAM,EAAkC;gBAC5D,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;YACD,OAAO,OAAO,CACZ,kBAAkB,CAAC;gBACjB,UAAU,EAAE,UAAU;gBACtB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;oBACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;oBAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;wBACZ,OAAO;oBACT,CAAC;oBAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;oBAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;oBAC/B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;wBACvD,OAAO;oBACT,CAAC;oBAED,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CACpC,CAAC;oBACF,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;wBACzB,OAAO;oBACT,CAAC;oBAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;oBAE3D,WAAW,CAAC;wBACV,UAAU,EAAE,UAAU,CAAC,KAAK;wBAC5B,aAAa;wBACb,mBAAmB;qBACpB,CAAC,CAAC;oBACH,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;gBAC/B,CAAC;aACF,CAAC,EACF,qBAAqB,CAAC;gBACpB,SAAS,EAAE,UAAU;gBACrB,OAAO,EAAE,eAAe;aACzB,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;AACrE,CAAC"}
+{"version":3,"file":"use_drop_monitor.js","sourceRoot":"","sources":["../../../../src/components/table/reorder_rows/use_drop_monitor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EACL,qBAAqB,EACrB,OAAO,EACP,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAAoC,EACpC,OAAgB;IAEhB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9C,MAAM,CAAC,EAAE,aAAa,CAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,eAAe,EAAE,8BAA8B,CAAC,CAAC;QAExD,SAAS,UAAU,CAAC,EAAE,MAAM,EAAkC;YAC5D,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,OAAO,CACZ,kBAAkB,CAAC;YACjB,UAAU,EAAE,UAAU;YACtB,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACzB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,OAAO;gBACT,CAAC;gBAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;gBAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC;gBAC/B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,CAAC;oBACvD,OAAO;gBACT,CAAC;gBAED,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CACnC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,CACpC,CAAC;gBACF,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE,CAAC;oBACzB,OAAO;gBACT,CAAC;gBAED,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;gBAE3D,WAAW,CAAC;oBACV,UAAU,EAAE,UAAU,CAAC,KAAK;oBAC5B,aAAa;oBACb,mBAAmB;iBACpB,CAAC,CAAC;gBACH,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;SACF,CAAC,EACF,qBAAqB,CAAC;YACpB,SAAS,EAAE,UAAU;YACrB,OAAO,EAAE,eAAe;SACzB,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;AACrE,CAAC"}

package/lib/components/toolbar/PanelPreferencesToolbar.js

@@ -17,7 +17,7 @@ const PanelPreferencesToolbarContent = styled.div `
   display: flex;
   flex-direction: row-reverse;
 
-  & > button {
+  > button {
     padding: 0 0 0 9px;
     min-width: auto;
   }

package/lib/components/toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAqBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA+D1C;yBA/De,OAAO;;6BA0Jd,uBAAuB;;AAzFhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,YAAY,EACb,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,MAAM,sBAAsB,GAC9B,OAAO,GACP,OAAO,GACP,cAAc,GACd,cAAc,CAAC;AAEnB,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD;AAED,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAClE,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC;AAMD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACzC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAqBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAkE1C;yBAlEe,OAAO;;6BA6Jd,uBAAuB;;AAzFhC,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C"}

package/lib/components/toolbar/Toolbar.js

@@ -53,11 +53,12 @@ export function Toolbar(props) {
             }
         }
         const element = ref.current;
-        if (element) {
-            const observer = new ResizeObserver(update);
-            observer.observe(element);
-            return () => observer.unobserve(element);
+        if (!element) {
+            return;
         }
+        const observer = new ResizeObserver(update);
+        observer.observe(element);
+        return () => observer.unobserve(element);
     }, [vertical]);
     return (_jsx(ToolbarProvider, { value: contextValue, children: _jsx(ButtonGroup, { ref: ref, vertical: vertical, variant: "minimal", style: {
                 flexWrap: 'wrap',

package/lib/components/toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}

package/lib/components/toolbar/TooltipHelpContent.js

@@ -36,7 +36,7 @@ const SubTitleItem = styled.div `
   padding-left: 15px;
   box-sizing: border-box;
 
-  &::before {
+  ::before {
     position: absolute;
     top: ${shortcutBoxSize / 2}rem;
     left: 0;
@@ -47,7 +47,7 @@ const SubTitleItem = styled.div `
     border-bottom: 1px solid;
   }
 
-  &::after {
+  ::after {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -58,7 +58,7 @@ const SubTitleItem = styled.div `
     border-left: 1px solid;
   }
 
-  &:last-child::after {
+  :last-child::after {
     height: ${shortcutBoxSize / 2}rem;
   }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "19.2.0",
+  "version": "19.3.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -56,58 +56,59 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^1.7.4",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.1",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.2",
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@emotion/styled": "^11.14.1",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@tanstack/react-form": "^1.19.2",
+    "@tanstack/react-form": "^1.23.6",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.12",
     "d3-scale-chromatic": "^3.1.0",
-    "react-d3-utils": "^3.1.1",
+    "react-d3-utils": "^3.1.2",
     "react-dropzone": "^14.3.8",
     "react-full-screen": "^1.1.1",
     "react-icons": "^5.5.0",
-    "react-inspector": "^6.0.2",
+    "react-inspector": "^9.0.0",
     "tinycolor2": "^1.6.0",
-    "ts-pattern": "^5.7.1",
-    "zod": "^4.0.17"
+    "ts-pattern": "^5.8.0",
+    "zod": "^4.1.12"
   },
   "devDependencies": {
     "@blueprintjs/core": "6.0.0",
     "@blueprintjs/icons": "6.0.0",
     "@blueprintjs/select": "6.0.0",
-    "@floating-ui/react": "^0.27.13",
-    "@playwright/experimental-ct-react": "^1.54.1",
-    "@playwright/test": "^1.54.1",
-    "@storybook/addon-docs": "^9.0.16",
-    "@storybook/react-vite": "^9.0.16",
-    "@tanstack/react-query": "^5.83.0",
+    "@floating-ui/react": "^0.27.16",
+    "@playwright/experimental-ct-react": "^1.56.0",
+    "@playwright/test": "^1.56.0",
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
+    "@tanstack/react-query": "^5.90.2",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.1.0",
-    "@types/node": "^24.0.13",
+    "@types/node": "^24.7.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^4.6.0",
+    "@vitejs/plugin-react": "^5.0.4",
     "@vitest/coverage-v8": "^3.2.4",
+    "@zakodium/tsconfig": "^1.0.2",
     "biologic-converter": "^0.6.0",
     "cheminfo-font": "^1.13.1",
     "cheminfo-types": "^1.8.1",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.31.0",
-    "eslint-config-zakodium": "^16.0.0",
-    "eslint-plugin-storybook": "^9.0.16",
-    "fifo-logger": "^2.0.0",
+    "cross-env": "^10.1.0",
+    "eslint": "^9.37.0",
+    "eslint-config-zakodium": "^17.0.0",
+    "eslint-plugin-storybook": "^9.1.10",
+    "fifo-logger": "^2.0.1",
     "filelist-utils": "^1.11.3",
-    "immer": "^10.1.1",
-    "jcampconverter": "^11.0.3",
-    "ml-gsd": "^13.0.1",
+    "immer": "^10.1.3",
+    "jcampconverter": "^11.1.0",
+    "ml-gsd": "^13.1.0",
     "ml-peak-shape-generator": "^4.2.0",
-    "ml-signal-processing": "^2.0.0",
-    "ml-spectra-processing": "^14.13.0",
-    "ms-spectrum": "^3.9.0",
+    "ml-signal-processing": "^2.1.0",
+    "ml-spectra-processing": "^14.18.0",
+    "ms-spectrum": "^3.9.2",
     "netcdfjs": "^3.0.0",
     "postcss-styled-syntax": "^0.7.1",
     "prettier": "^3.6.2",
@@ -115,20 +116,20 @@
     "react-dom": "^18.3.1",
     "react-error-boundary": "^6.0.0",
     "react-kbs": "^2.1.1",
-    "react-ocl": "^8.0.0",
-    "react-plot": "^3.1.0",
+    "react-ocl": "^8.2.0",
+    "react-plot": "^3.1.1",
     "rimraf": "^6.0.1",
     "spc-parser": "^1.0.0",
-    "storybook": "^9.0.16",
-    "stylelint": "^16.21.1",
-    "stylelint-config-standard": "^38.0.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.4",
+    "storybook": "^9.1.10",
+    "stylelint": "^16.25.0",
+    "stylelint-config-standard": "^39.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.9",
     "vitest": "^3.2.4",
     "wdf-parser": "^0.3.0"
   },
   "volta": {
-    "node": "24.4.0"
+    "node": "24.9.0"
   },
   "overrides": {
     "storybook": "$storybook"

package/src/components/accordion/accordion.tsx

@@ -82,7 +82,7 @@ const AccordionItemHeader = styled.div`
   justify-content: space-between;
   padding-left: 12px;
 
-  &:hover {
+  :hover {
     background: white
       linear-gradient(${Colors.LIGHT_GRAY4} 5%, ${Colors.LIGHT_GRAY2} 100%)
       repeat scroll 0 0;

package/src/components/color-picker/react-color/ColorPicker.tsx

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
 
 import { debounce } from '../../utils/index.js';
 import { defaultColorPalette } from '../palette.js';
@@ -152,17 +152,19 @@ export function ColorPicker(props: ColorPickerProps) {
     style = {},
   } = props;
 
-  const [state, setState] = useState(colorHelper.toState(color, 0));
-
   const debounceRef = useRef(
     debounce((fn: any, data: ChangeCallbackProps, event: Event) => {
       fn(data, event);
     }, 100),
   );
 
-  useEffect(() => {
-    setState((prevState) => colorHelper.toState(color, prevState.oldHue));
-  }, [color]);
+  const [state, setState] = useState(() => colorHelper.toState(color, 0));
+
+  const [previousColor, setPreviousColor] = useState(color);
+  if (color !== previousColor) {
+    setPreviousColor(color);
+    setState(colorHelper.toState(color, 0));
+  }
 
   const handleChange = useCallback(
     (data: any, event: any) => {

package/src/components/doi/doi.tsx

@@ -1,6 +1,6 @@
 import { match } from 'ts-pattern';
 
-import { Logo } from './Logo.js';
+import { DoiLogo } from './doi_logo.js';
 import { normalizeDOI } from './utils.js';
 
 type DOISize = 'small' | 'medium' | 'large';
@@ -21,7 +21,7 @@ export function DOI(props: DOIProps) {
       target="_blank"
       rel="noreferrer"
     >
-      <Logo size={getDOISize(size)} />
+      <DoiLogo size={getDOISize(size)} />
     </a>
   );
 }

package/src/components/doi/{Logo.tsx → doi_logo.tsx}

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 
-const Svg = styled.svg<{ size: string }>`
+const DoiLogoSvg = styled.svg<{ size: string }>`
   display: inline-flex;
   ${(props) => {
     return `
@@ -10,15 +10,19 @@ const Svg = styled.svg<{ size: string }>`
   }}
 `;
 
-interface LogoProps {
+interface DoiLogoProps {
   size: string;
 }
 
-export function Logo(props: LogoProps) {
+export function DoiLogo(props: DoiLogoProps) {
   const { size } = props;
 
   return (
-    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 130" size={size}>
+    <DoiLogoSvg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 130 130"
+      size={size}
+    >
       <circle fill="#fcb425" cx="65" cy="65" r="64" />
       <path
         fill="##231f20"
@@ -28,6 +32,6 @@ export function Logo(props: LogoProps) {
         fill="#fff"
         d="m 105.42764,25.617918 c -1.97184,0 -3.64919,0.69142 -5.03204,2.074271 -1.357247,1.357245 -2.035864,3.021779 -2.035864,4.993633 0,1.971835 0.678617,3.649193 2.035864,5.032034 1.38285,1.382861 3.0602,2.074281 5.03204,2.074281 1.99744,0 3.67479,-0.678627 5.03203,-2.035861 1.38285,-1.382861 2.07428,-3.073012 2.07428,-5.070454 0,-1.971854 -0.69143,-3.636388 -2.07428,-4.993633 -1.38285,-1.382851 -3.0602,-2.074271 -5.03203,-2.074271 z M 74.219383,45.507921 c -7.323992,0 -12.970625,2.283009 -16.939921,6.848949 -3.277876,3.782438 -4.916803,8.118252 -4.916803,13.008406 0,5.430481 1.626124,10.009834 4.878383,13.738236 3.943689,4.538918 9.475093,6.808622 16.59421,6.808622 7.093512,0 12.612122,-2.269704 16.555801,-6.808622 3.252259,-3.728402 4.878393,-8.1993 4.878393,-13.413648 0,-5.160323 -1.638938,-9.604602 -4.916803,-13.332994 -4.020509,-4.56594 -9.398263,-6.848949 -16.13326,-6.848949 z m 24.908603,1.386686 0,37.634676 12.599304,0 0,-37.634676 -12.599304,0 z M 73.835252,56.975981 c 2.304752,0 4.263793,0.852337 5.877124,2.554426 1.638928,1.675076 2.458402,3.727881 2.458402,6.159457 0,2.458578 -0.806671,4.538022 -2.419992,6.240111 -1.613331,1.675086 -3.585175,2.514099 -5.915534,2.514099 -2.612051,0 -4.737546,-1.027366 -6.376474,-3.080682 -1.331637,-1.648053 -1.997451,-3.539154 -1.997451,-5.673528 0,-2.107362 0.665814,-3.985138 1.997451,-5.633201 1.638928,-2.053316 3.764423,-3.080682 6.376474,-3.080682 z"
       />
-    </Svg>
+    </DoiLogoSvg>
   );
 }

package/src/components/form/components/input/checkbox.tsx

@@ -1,14 +1,24 @@
 import type { CheckboxProps as BPCheckboxProps } from '@blueprintjs/core';
-import { Checkbox as BPCheckbox, FormGroup } from '@blueprintjs/core';
+import { Checkbox as BPCheckbox } from '@blueprintjs/core';
+import styled from '@emotion/styled';
 import type { ChangeEvent } from 'react';
 
 import { useFieldContext } from '../../context/use_ts_form.js';
 import { getIntent } from '../../utils/use_intent.js';
+import { FormGroup } from '../input_groups/form_group.js';
 
-type CheckboxProps = Omit<BPCheckboxProps, 'defaultChecked' | 'name'>;
+type CheckboxProps = Omit<BPCheckboxProps, 'defaultChecked' | 'name'> & {
+  helpText?: string;
+};
+
+// Keep the margin top for space between inputs. But remove the margin bottom for helperText
+const StyledCheckbox = styled(BPCheckbox)<CheckboxProps>`
+  margin-bottom: 0 !important;
+  width: fit-content;
+`;
 
 export function Checkbox(props: CheckboxProps) {
-  const { ...rest } = props;
+  const { helpText, label } = props;
   const field = useFieldContext<boolean>();
   const error = field
     .getMeta()
@@ -23,13 +33,20 @@ export function Checkbox(props: CheckboxProps) {
   }
 
   return (
-    <FormGroup intent={intent} helperText={error}>
-      <BPCheckbox
-        {...rest}
+    <FormGroup
+      name={field.name}
+      intent={intent}
+      error={error}
+      fullWidth
+      helpText={helpText}
+    >
+      <StyledCheckbox
+        label={label}
         name={field.name}
         value={String(field.state.value)}
         onChange={onChange}
         onBlur={field.handleBlur}
+        defaultChecked={field.state.value}
       />
     </FormGroup>
   );

package/src/components/form/components/input/input.tsx

@@ -1,17 +1,25 @@
+import { InputGroup } from '@blueprintjs/core';
 import type { ChangeEvent } from 'react';
 
 import { useFieldContext } from '../../context/use_ts_form.js';
-import { Input as FormGroupInput } from '../input_groups/input.js';
+import type { FormGroupInputProps } from '../input_groups/form_group.js';
+import { FormGroup } from '../input_groups/form_group.js';
 
-interface InputProps {
-  label?: string;
-  inline?: boolean;
-  required?: boolean;
-  placeholder?: string;
+interface InputProps extends FormGroupInputProps {
+  type?: string;
 }
 
 export function Input(props: InputProps) {
-  const { label, required, inline, placeholder } = props;
+  const {
+    label,
+    required,
+    placeholder,
+    type = 'text',
+    helpText,
+    layout,
+    fullWidth,
+  } = props;
+
   const field = useFieldContext<string>();
   const error = field
     .getMeta()
@@ -23,15 +31,27 @@ export function Input(props: InputProps) {
   }
 
   return (
-    <FormGroupInput
+    <FormGroup
+      name={field.name}
+      label={label}
+      intent={error ? 'danger' : 'none'}
       required={required}
       error={error}
-      formGroupProps={{ label, inline }}
-      value={field.state.value}
-      onChange={onChange}
-      name={field.name}
-      placeholder={placeholder}
-      onBlur={field.handleBlur}
-    />
+      helpText={helpText}
+      layout={layout}
+      fullWidth={fullWidth}
+    >
+      <InputGroup
+        id={field.name}
+        name={field.name}
+        required={required}
+        type={type}
+        onChange={onChange}
+        onBlur={field.handleBlur}
+        intent={error ? 'danger' : 'none'}
+        value={field.state.value}
+        placeholder={placeholder}
+      />
+    </FormGroup>
   );
 }

package/src/components/form/components/input/numeric_input.tsx

@@ -1,20 +1,30 @@
-import type { NumericInputProps as BPNumericInputProps } from '@blueprintjs/core';
-import { FormGroup, NumericInput as BPNumericInput } from '@blueprintjs/core';
+import { NumericInput as BPNumericInput } from '@blueprintjs/core';
 
 import { useFieldContext } from '../../context/use_ts_form.js';
-import { useFieldId } from '../../utils/use_field_id.js';
 import { getIntent } from '../../utils/use_intent.js';
+import type { FormGroupInputProps } from '../input_groups/form_group.js';
+import { FormGroup } from '../input_groups/form_group.js';
 
-interface NumericInputProps
-  extends Omit<BPNumericInputProps, 'defaultValue' | 'name'> {
-  label?: string;
-  required?: boolean;
+interface NumericInputProps extends FormGroupInputProps {
+  step?: number;
+  min?: number;
+  max?: number;
 }
 
 export function NumericInput(props: NumericInputProps) {
-  const { label, required, ...rest } = props;
+  const {
+    label,
+    required,
+    helpText,
+    placeholder,
+    step,
+    min,
+    max,
+    layout,
+    fullWidth,
+  } = props;
+
   const field = useFieldContext<string>();
-  const id = useFieldId(field.name);
   const error = field
     .getMeta()
     .errors.map((e) => e.message)
@@ -28,21 +38,26 @@ export function NumericInput(props: NumericInputProps) {
 
   return (
     <FormGroup
-      helperText={error}
+      name={field.name}
       label={label}
-      labelFor={id}
       intent={intent}
-      labelInfo={label && required && <span style={{ color: 'red' }}>*</span>}
+      required={required}
+      helpText={helpText}
+      layout={layout}
+      error={error}
+      fullWidth={fullWidth}
     >
       <BPNumericInput
-        {...rest}
+        id={field.name}
         name={field.name}
+        stepSize={step}
+        min={min}
+        max={max}
         value={field.state.value ?? ''}
         onValueChange={onChange}
         intent={intent}
+        placeholder={placeholder}
         required={required}
-        id={id}
-        onBlur={field.handleBlur}
       />
     </FormGroup>
   );