react-science 19.10.4 → 20.0.0

package/lib/components/toolbar/TooltipHelpContent.d.ts

@@ -7,5 +7,5 @@ export interface TooltipItem {
     link?: string;
     style?: CSSProperties;
 }
-export declare function TooltipHelpContent(props: TooltipItem): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipHelpContent(props: TooltipItem): import("react").JSX.Element;
 //# sourceMappingURL=TooltipHelpContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipHelpContent.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyE3C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,2CA0CpD"}
+{"version":3,"file":"TooltipHelpContent.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyE3C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,+BA0CpD"}

package/lib/components/toolbar/TooltipHelpContent.js

@@ -76,9 +76,7 @@ function ShortCuts({ shortcuts }) {
             display: 'flex',
             textWrap: 'nowrap',
         }, children: shortcuts.map((shortcut, index) => {
-            return (
-            // eslint-disable-next-line react/no-array-index-key
-            _jsx(ShortcutItem, { children: _jsx("span", { children: shortcut }) }, `${index}`));
+            return (_jsx(ShortcutItem, { children: _jsx("span", { children: shortcut }) }, `${index}`));
         }) }));
 }
 function SubTitles({ items }) {

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

@@ -1 +1 @@
-{"version":3,"file":"TooltipHelpContent.js","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAMF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAY;eACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;YAOnB,eAAe;eACZ,eAAe;;;;CAI7B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAOpB,eAAe,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;cAqBhB,eAAe,GAAG,CAAC;;CAEhC,CAAC;AAWF,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,QAAQ;YACjB,GAAG,KAAK;SACT,aAED,MAAC,aAAa,eACZ,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,EAChB,KAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,EAE9B,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CACxB,MAAC,WAAW,eACT,WAAW,EACX,IAAI,IAAI,CACP,YACE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAChD,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,YAAY,2BAGd,CACL,IACW,CACf,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAA2B;IACvD,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACnB,YAEA,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjC,OAAO;YACL,oDAAoD;YACpD,KAAC,YAAY,cACX,yBAAO,QAAQ,GAAQ,IADN,GAAG,KAAK,EAAE,CAEd,CAChB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAA4B;IACpD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,aACE,KAAK,EAAE;YACL,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,MAAM;SAClB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,KAAC,YAAY,cACX,MAAC,aAAa,eACZ,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,IAJC,KAAK,CAKT,CAChB,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TooltipHelpContent.js","sourceRoot":"","sources":["../../../src/components/toolbar/TooltipHelpContent.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAMF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAY;eACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI;;;;CAIhC,CAAC;AACF,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;YAOnB,eAAe;eACZ,eAAe;;;;CAI7B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;WAOpB,eAAe,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;cAqBhB,eAAe,GAAG,CAAC;;CAEhC,CAAC;AAWF,MAAM,UAAU,kBAAkB,CAAC,KAAkB;IACnD,MAAM,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,EAAE,EAChB,IAAI,EACJ,KAAK,GAAG,EAAE,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eACE,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,QAAQ;YACjB,GAAG,KAAK;SACT,aAED,MAAC,aAAa,eACZ,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,EAChB,KAAC,SAAS,IAAC,KAAK,EAAE,SAAS,GAAI,EAE9B,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CACxB,MAAC,WAAW,eACT,WAAW,EACX,IAAI,IAAI,CACP,YACE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAChD,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,YAAY,2BAGd,CACL,IACW,CACf,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAA2B;IACvD,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACnB,YAEA,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YACjC,OAAO,CAEL,KAAC,YAAY,cACX,yBAAO,QAAQ,GAAQ,IADN,GAAG,KAAK,EAAE,CAEd,CAChB,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAA4B;IACpD,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,aACE,KAAK,EAAE;YACL,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,MAAM;SAClB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,KAAC,YAAY,cACX,MAAC,aAAa,eACZ,KAAC,KAAK,IAAC,IAAI,EAAC,QAAQ,YAAE,KAAK,GAAS,EACpC,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,GAAI,IACrB,IAJC,KAAK,CAKT,CAChB,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/lib/components/toolbar/useCheckOverflow.d.ts

@@ -1,6 +1,7 @@
+import type { RefObject } from 'react';
 import type { Overflow } from './Toolbar.tsx';
 interface UseCheckOverflowOptions {
-    containerRef: React.RefObject<HTMLDivElement>;
+    containerRef: RefObject<HTMLDivElement | null>;
     vertical: boolean;
     overflow: Overflow;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/useCheckOverflow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,UAAU,uBAAuB;IAC/B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,WA2BhE"}
+{"version":3,"file":"useCheckOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/toolbar/useCheckOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,UAAU,uBAAuB;IAC/B,YAAY,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,WA2BhE"}

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

@@ -1 +1 @@
-{"version":3,"file":"useCheckOverflow.js","sourceRoot":"","sources":["../../../src/components/toolbar/useCheckOverflow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,UAAU,gBAAgB,CAAC,OAAgC;IAC/D,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,KAAK,UAAU;YAAE,OAAO;QAEpC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,IAAI,QAAQ,EAAE,CAAC;gBACb,UAAU,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC;YAC/D,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAC7D,CAAC;YACD,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,OAAO,UAAU,CAAC;AACpB,CAAC"}
+{"version":3,"file":"useCheckOverflow.js","sourceRoot":"","sources":["../../../src/components/toolbar/useCheckOverflow.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,UAAU,gBAAgB,CAAC,OAAgC;IAC/D,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,KAAK,UAAU;YAAE,OAAO;QAEpC,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QAEvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,IAAI,UAAU,GAAG,KAAK,CAAC;YACvB,IAAI,QAAQ,EAAE,CAAC;gBACb,UAAU,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,CAAC;YAC/D,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAC7D,CAAC;YACD,aAAa,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,aAAa,EAAE,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/lib/components/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './assert.js';
 export * from './debounce.js';
 export * from './throttle.js';
+export * from './svg.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}

package/lib/components/utils/index.js

@@ -1,4 +1,5 @@
 export * from './assert.js';
 export * from './debounce.js';
 export * from './throttle.js';
+export * from './svg.js';
 //# sourceMappingURL=index.js.map

package/lib/components/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}

package/lib/components/utils/svg.d.ts

@@ -0,0 +1,42 @@
+export interface ExportSVGOptions {
+    /**
+     * CSS Selector to remove from the SVG.
+     *
+     * @example '[data-no-export="true"]' And add `data-no-export="true"` attribute to the elements you don't want in the exported SVG.
+     * @default undefined (Will not remove any elements)
+     */
+    removeFromSelector?: string;
+    /**
+     * Add a background to the SVG. It can be useful to integrate exported svg in diapositive documents.
+     *
+     * @default false
+     */
+    addBackground?: boolean;
+    /**
+     * Background color of the SVG. You can use any valid CSS color.
+     *
+     * @default 'white' (It needs `addBackground: true` to work)
+     */
+    backgroundColor?: string;
+    /**
+     * Custom mutations to apply to the SVG.
+     */
+    customMutations?: (svg: SVGSVGElement) => void;
+}
+/**
+ * Export an SVG element to a string.
+ *
+ * @param base
+ * @param options
+ *
+ * @return The outerHTML of the SVG element.
+ */
+export declare function exportSVG(base: SVGSVGElement, options?: ExportSVGOptions): string;
+/**
+ * Export an SVG element to a PNG blob.
+ *
+ * @param base
+ * @param options
+ */
+export declare function exportSVGAsPNG(base: SVGSVGElement, options?: ExportSVGOptions): Promise<Blob>;
+//# sourceMappingURL=svg.d.ts.map

package/lib/components/utils/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../../src/components/utils/svg.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,aAAa,KAAK,IAAI,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,aAAa,EACnB,OAAO,GAAE,gBAAqB,GAC7B,MAAM,CAkCR;AAED;;;;;GAKG;AACH,wBAAsB,cAAc,CAClC,IAAI,EAAE,aAAa,EACnB,OAAO,GAAE,gBAAqB,GAC7B,OAAO,CAAC,IAAI,CAAC,CAgCf"}

package/lib/components/utils/svg.js

@@ -0,0 +1,60 @@
+import { assert } from "./assert.js";
+/**
+ * Export an SVG element to a string.
+ *
+ * @param base
+ * @param options
+ *
+ * @return The outerHTML of the SVG element.
+ */
+export function exportSVG(base, options = {}) {
+    const { removeFromSelector, addBackground = false, backgroundColor = 'white', customMutations, } = options;
+    const svg = base.cloneNode(true);
+    // cleanup svg
+    if (removeFromSelector) {
+        const items = svg.querySelectorAll(removeFromSelector);
+        for (const item of items) {
+            item.remove();
+        }
+    }
+    if (addBackground) {
+        const background = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+        background.setAttribute('x', '0');
+        background.setAttribute('y', '0');
+        background.setAttribute('width', '100%');
+        background.setAttribute('height', '100%');
+        background.setAttribute('fill', backgroundColor);
+        svg.prepend(background);
+    }
+    customMutations?.(svg);
+    return svg.outerHTML;
+}
+/**
+ * Export an SVG element to a PNG blob.
+ *
+ * @param base
+ * @param options
+ */
+export async function exportSVGAsPNG(base, options = {}) {
+    const { removeFromSelector, addBackground = false, backgroundColor = 'white', customMutations, } = options;
+    const svg = exportSVG(base, {
+        removeFromSelector,
+        addBackground: false,
+        customMutations,
+    });
+    const svgBlob = new Blob([svg], { type: 'image/svg+xml' });
+    const img = new Image();
+    img.src = URL.createObjectURL(svgBlob);
+    await img.decode().finally(() => URL.revokeObjectURL(img.src));
+    const canvas = new OffscreenCanvas(img.naturalWidth, img.naturalHeight);
+    const ctx = canvas.getContext('2d');
+    assert(ctx);
+    if (addBackground) {
+        ctx.fillStyle = backgroundColor;
+        ctx.fillRect(0, 0, canvas.width, canvas.height);
+    }
+    ctx.drawImage(img, 0, 0);
+    const png = await canvas.convertToBlob({ type: 'image/png' });
+    return png;
+}
+//# sourceMappingURL=svg.js.map

package/lib/components/utils/svg.js.map

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

package/lib/components/value-renderers/Boolean.d.ts

@@ -2,6 +2,6 @@ import type { ValueRenderersProps } from './index.js';
 interface BooleanProps extends ValueRenderersProps {
     value?: boolean;
 }
-export declare function Boolean({ value, ...other }: BooleanProps): import("react/jsx-runtime").JSX.Element;
+export declare function Boolean({ value, ...other }: BooleanProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Boolean.d.ts.map

package/lib/components/value-renderers/Boolean.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Boolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,YAAa,SAAQ,mBAAmB;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAExD"}
+{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Boolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,YAAa,SAAQ,mBAAmB;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BAExD"}

package/lib/components/value-renderers/Color.d.ts

@@ -2,6 +2,6 @@ import type { ValueRenderersProps } from './index.js';
 interface ColorProps extends ValueRenderersProps {
     value?: string;
 }
-export declare function Color({ value, style, onClick }: ColorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Color({ value, style, onClick }: ColorProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Color.d.ts.map

package/lib/components/value-renderers/Color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Color.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,UAAW,SAAQ,mBAAmB;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,2CAU1D"}
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Color.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,UAAW,SAAQ,mBAAmB;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,+BAU1D"}

package/lib/components/value-renderers/Component.d.ts

@@ -3,6 +3,6 @@ import type { ValueRenderersProps } from './index.js';
 interface ComponentProps extends ValueRenderersProps {
     children?: ReactElement | ReactElement[];
 }
-export declare function Component({ children, ...other }: ComponentProps): import("react/jsx-runtime").JSX.Element;
+export declare function Component({ children, ...other }: ComponentProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Component.d.ts.map

package/lib/components/value-renderers/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,cAAe,SAAQ,mBAAmB;IAClD,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE/D"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,cAAe,SAAQ,mBAAmB;IAClD,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CAC1C;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAE/D"}

package/lib/components/value-renderers/Number.d.ts

@@ -3,6 +3,6 @@ interface NumberProps extends ValueRenderersProps {
     value?: number;
     fixed?: number;
 }
-export declare function Number({ value, fixed, ...other }: NumberProps): import("react/jsx-runtime").JSX.Element;
+export declare function Number({ value, fixed, ...other }: NumberProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Number.d.ts.map

package/lib/components/value-renderers/Number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Number.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,WAAY,SAAQ,mBAAmB;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAM7D"}
+{"version":3,"file":"Number.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,WAAY,SAAQ,mBAAmB;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAM7D"}

package/lib/components/value-renderers/ObjectRenderer.d.ts

@@ -2,6 +2,6 @@ import type { ValueRenderersProps } from './index.js';
 interface ObjectRendererProps extends ValueRenderersProps {
     value?: object;
 }
-export declare function ObjectRenderer({ value, ...other }: ObjectRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare function ObjectRenderer({ value, ...other }: ObjectRendererProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=ObjectRenderer.d.ts.map

package/lib/components/value-renderers/ObjectRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/ObjectRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,mBAAoB,SAAQ,mBAAmB;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAEtE"}
+{"version":3,"file":"ObjectRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/ObjectRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,mBAAoB,SAAQ,mBAAmB;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAEtE"}

package/lib/components/value-renderers/Text.d.ts

@@ -2,6 +2,6 @@ import type { ValueRenderersProps } from './index.js';
 interface TextProps extends ValueRenderersProps {
     value?: string;
 }
-export declare function Text({ value, ...other }: TextProps): import("react/jsx-runtime").JSX.Element;
+export declare function Text({ value, ...other }: TextProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Text.d.ts.map

package/lib/components/value-renderers/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,SAAU,SAAQ,mBAAmB;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAElD"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,UAAU,SAAU,SAAQ,mBAAmB;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAElD"}

package/lib/components/value-renderers/Title.d.ts

@@ -2,5 +2,5 @@ import type { ValueRenderersProps } from './index.js';
 export interface TitleProps extends ValueRenderersProps {
     value?: string;
 }
-export declare function Title({ value, ...other }: TitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function Title({ value, ...other }: TitleProps): import("react").JSX.Element;
 //# sourceMappingURL=Title.d.ts.map

package/lib/components/value-renderers/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEpD"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/value-renderers/Title.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,UAAW,SAAQ,mBAAmB;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAEpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-science",
-  "version": "19.10.4",
+  "version": "20.0.0",
   "description": "React components to build scientific applications UI",
   "type": "module",
   "exports": {
@@ -23,7 +23,7 @@
     "createData": "npm run prepack && node scripts/createData",
     "dev": "echo Use npm run dev-app or npm run storybook && exit 1",
     "dev-app": "vite --open /pages/demo.html",
-    "eslint": "eslint . --cache",
+    "eslint": "eslint . --cache --max-warnings=39",
     "eslint-fix": "npm run eslint -- --fix",
     "playwright": "npm run playwright-ct -- --project chromium && npm run playwright-e2e -- --project chromium",
     "playwright-ct": "playwright test -c playwright-ct.config.mts",
@@ -48,91 +48,88 @@
   },
   "homepage": "https://github.com/zakodium-oss/react-science#readme",
   "peerDependencies": {
-    "@blueprintjs/core": "^6.0.0",
-    "@blueprintjs/icons": "^6.0.0",
-    "@blueprintjs/select": "^6.0.0",
-    "fifo-logger": "^1.0.0 || ^2.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "@blueprintjs/core": "^6.16.0",
+    "@blueprintjs/icons": "^6.11.0",
+    "@blueprintjs/select": "^6.3.0",
+    "fifo-logger": "^2.0.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
   },
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.8.1",
     "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.5",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.2.0",
     "@emotion/styled": "^11.14.1",
-    "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@tanstack/react-form": "^1.28.3",
+    "@radix-ui/react-use-controllable-state": "^1.2.3",
+    "@tanstack/react-form": "^1.33.0",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.18",
+    "@tanstack/react-virtual": "^3.14.2",
     "@zakodium/pdnd-esm": "^1.0.2",
     "d3-scale-chromatic": "^3.1.0",
     "react-d3-utils": "^3.1.2",
     "react-dropzone": "^15.0.0",
     "react-full-screen": "^1.1.1",
-    "react-icons": "^5.5.0",
+    "react-icons": "^5.6.0",
     "react-inspector": "^9.0.0",
     "tinycolor2": "^1.6.0",
     "ts-pattern": "^5.9.0",
-    "zod": "^4.3.6"
+    "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@blueprintjs/core": "6.0.0",
-    "@blueprintjs/icons": "6.0.0",
-    "@blueprintjs/select": "6.0.0",
-    "@floating-ui/react": "^0.27.17",
-    "@playwright/experimental-ct-react": "=1.57.0",
-    "@playwright/test": "=1.57.0",
-    "@storybook/addon-docs": "^10.2.8",
-    "@storybook/react-vite": "^10.2.8",
-    "@tanstack/react-query": "^5.90.21",
+    "@blueprintjs/core": "6.16.0",
+    "@blueprintjs/icons": "6.11.0",
+    "@blueprintjs/select": "6.3.0",
+    "@floating-ui/react": "^0.27.19",
+    "@playwright/experimental-ct-react": "^1.60.0",
+    "@playwright/test": "^1.60.0",
+    "@storybook/addon-docs": "^10.4.3",
+    "@storybook/react-vite": "^10.4.3",
+    "@tanstack/react-query": "^5.101.0",
     "@types/babel__core": "^7.20.5",
     "@types/d3-scale-chromatic": "^3.1.0",
-    "@types/node": "^24.7.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/node": "^24.13.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@types/tinycolor2": "^1.4.6",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@zakodium/tsconfig": "^1.0.2",
-    "biologic-converter": "^0.6.0",
-    "cheminfo-font": "^1.13.1",
-    "cheminfo-types": "^1.10.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@vitest/coverage-v8": "^4.1.8",
+    "@zakodium/tsconfig": "^1.0.5",
+    "biologic-converter": "^1.0.0",
+    "cheminfo-font": "^1.27.0",
+    "cheminfo-types": "^1.15.0",
     "cross-env": "^10.1.0",
-    "eslint": "^9.39.2",
-    "eslint-config-zakodium": "^19.1.0",
-    "eslint-plugin-storybook": "^10.2.8",
-    "fifo-logger": "^2.0.1",
+    "eslint": "^9.39.4",
+    "eslint-config-zakodium": "^20.0.0",
+    "eslint-plugin-storybook": "^10.4.3",
+    "fifo-logger": "2.0.1",
     "filelist-utils": "^1.11.3",
-    "immer": "^11.1.4",
-    "jcampconverter": "^12.1.0",
-    "ml-gsd": "^13.1.1",
-    "ml-peak-shape-generator": "^4.2.0",
-    "ml-signal-processing": "^2.2.0",
-    "ml-spectra-processing": "^14.19.0",
-    "ms-spectrum": "^3.9.2",
-    "netcdfjs": "^3.0.0",
+    "immer": "^11.1.8",
+    "jcampconverter": "^12.3.3",
+    "ml-gsd": "^14.1.0",
+    "ml-peak-shape-generator": "^5.1.0",
+    "ml-signal-processing": "^2.2.1",
+    "ml-spectra-processing": "^14.29.0",
+    "ms-spectrum": "^3.10.1",
+    "netcdfjs": "^4.0.0",
     "postcss-styled-syntax": "^0.7.1",
-    "prettier": "^3.8.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-error-boundary": "^6.1.1",
+    "prettier": "^3.8.4",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "react-error-boundary": "^6.1.2",
     "react-kbs": "^3.1.0",
-    "react-ocl": "^8.5.0",
+    "react-ocl": "^8.7.1",
     "react-plot": "^3.1.2",
     "rimraf": "^6.1.3",
-    "spc-parser": "^1.0.0",
-    "storybook": "^10.2.8",
-    "stylelint": "^17.3.0",
+    "spc-parser": "^2.0.0",
+    "storybook": "^10.4.3",
+    "stylelint": "^17.13.0",
     "stylelint-config-standard": "^40.0.0",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vitest": "^4.0.18",
-    "wdf-parser": "^0.3.0"
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8",
+    "wdf-parser": "^1.0.0"
   },
   "volta": {
-    "node": "24.13.1"
-  },
-  "overrides": {
-    "storybook": "$storybook"
+    "node": "24.16.0"
   }
 }

package/src/components/activity_bar/activity_bar.tsx

@@ -43,8 +43,12 @@ export function ActivityBar(props: ActivityBarProps) {
 const ActivityButton = styled(Button)`
   font-size: 1.125em;
   width: fit-content;
+
+  /* Override the padding set by the large button group */
+  padding: var(--bp-surface-spacing) calc(var(--bp-surface-spacing) * 2) !important;
+
   .${Classes.ICON} {
-    color: ${Colors.DARK_GRAY3};
+    color: ${Colors.DARK_GRAY3} !important;
   }
 
   .${Classes.TAG} {

package/src/components/button/Button.tsx

@@ -7,11 +7,10 @@ import type {
 import {
   AnchorButton,
   Button as BlueprintButton,
-  Icon,
+  Classes,
   Tag,
   Tooltip,
 } from '@blueprintjs/core';
-import type { CSSObject } from '@emotion/styled';
 import styled from '@emotion/styled';
 import type { ReactNode } from 'react';
 
@@ -41,21 +40,40 @@ const ButtonTag = styled(Tag)`
   z-index: 20;
 `;
 
-// Setting the line-height makes sure regular sized buttons have a
-// height consistent with the input fields and across variants.
-// Using the same line height as in the blueprint docs.
-const buttonStyles: CSSObject = {
-  lineHeight: 1.15,
-  position: 'relative',
-};
+interface InnerButtonProps {
+  isIconButton: boolean;
+}
+
+/*
+  Setting the line-height makes sure that when passing regular text in icons instead of an svg, they are vertically centered
+  max-width makes sure buttons with tag or hoverability indicator (both implying absolutely positioned elements) keep their intended width
+  When a button just has an icon, we override BP styles and remove the margin-right, because if it also has tag prop this is required to keep the layout correct.
+*/
+const buttonStyles = ({ isIconButton }: InnerButtonProps) => `
+  line-height: 1em;
+  position: relative;
+  max-width: ${isIconButton ? '30px' : 'none'};
+
+  & .${Classes.ICON} {
+    ${isIconButton ? 'margin-right: 0px;' : ''}
+  }
+`;
 
-const TooltipAnchorButton = styled(AnchorButton)<{
-  children: ReactNode;
-}>(buttonStyles);
+function shouldForwardButtonProp(propName: string) {
+  return propName !== 'isIconButton';
+}
 
-const TooltipButton = styled(BlueprintButton)<{ children: ReactNode }>(
-  buttonStyles,
-);
+const TooltipAnchorButton = styled(AnchorButton, {
+  shouldForwardProp: shouldForwardButtonProp,
+})<InnerButtonProps>`
+  ${(props) => buttonStyles(props)}
+`;
+
+const TooltipButton = styled(BlueprintButton, {
+  shouldForwardProp: shouldForwardButtonProp,
+})<InnerButtonProps>`
+  ${(props) => buttonStyles(props)}
+`;
 
 export function Button(props: ButtonProps) {
   const { tooltipProps = {}, children, tag, tagProps, ...buttonProps } = props;
@@ -80,34 +98,13 @@ export function Button(props: ButtonProps) {
         <InnerButton
           {...targetProps}
           {...buttonProps}
-          icon={
-            /*
-             icon and children will be children of the same node.
-             Blueprintjs' stylesheet treats the presence of multiple child elements
-             as there being icon and text, styling the icon with a right margin
-             so that the text is not right next to it.
-             In blueprint alone, this only happens when the button has children.
-             Here, we need to handle the case when the button has a tag, which
-             adds a sibling but should not affect the margin on its own.
-            */
-            tag ? (
-              <>
-                {children ? (
-                  <Icon icon={buttonProps.icon} />
-                ) : (
-                  <div style={{ display: 'contents' }}>
-                    <Icon icon={buttonProps.icon} />
-                  </div>
-                )}
-                <ButtonTag round intent="success" {...tagProps}>
-                  {tag}
-                </ButtonTag>
-              </>
-            ) : (
-              buttonProps.icon
-            )
-          }
+          isIconButton={!children && !buttonProps.text}
         >
+          {tag && (
+            <ButtonTag round intent="success" {...tagProps}>
+              {tag}
+            </ButtonTag>
+          )}
           {children}
         </InnerButton>
       )}