timvir 0.2.54 → 0.2.56

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # timvir
 
+## 0.2.56
+
+## 0.2.55
+
+### Patch Changes
+
+- **Relax peer dependency version requirement** ([#3894](https://github.com/timvir/timvir/pull/3894)) - A recent change bumped peer dependency requirement for react from ^19 to ^19.2.7. Relax the requirement back to ^19, timvir does not depend on any specific feature added in 19.2.7.
+- **Override text color when forcing light or dark theme** ([#3895](https://github.com/timvir/timvir/pull/3895)) - Forcing a theme now sets both the background image (checkered background) and also text color. This ensures that elements that rely on currentColor remain readable.
+
 ## 0.2.54
 
 ### Patch Changes

package/blocks/Arbitrary/Arbitrary.d.ts

@@ -7,5 +7,5 @@ declare const Root = "div";
 interface Props extends React.ComponentPropsWithRef<typeof Root> {
     ExhibitProps?: React.ComponentPropsWithRef<typeof Exhibit>;
 }
-export declare function Arbitrary(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Arbitrary(props: Props): React.JSX.Element;
 export {};

package/blocks/Arbitrary/index.js

@@ -3,7 +3,7 @@ import * as base58 from 'bytestring/base58';
 import * as React from 'react';
 import { Exhibit } from 'timvir/blocks';
 import { useBlock } from 'timvir/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -212,11 +212,11 @@ function Arbitrary(props$1) {
     }
   }, [props$1.id, block.bus, value.seed]);
   const rootStyleProps = props(layoutStyles.block, styles.root);
-  return /*#__PURE__*/jsx(Context, {
+  return /*#__PURE__*/jsxDEV(Context, {
     value: React.useMemo(() => ({
       seed: value.seed
     }), [value.seed]),
-    children: /*#__PURE__*/jsxs(Root, {
+    children: /*#__PURE__*/jsxDEV(Root, {
       "data-timvir-b-arbitrary": true,
       ...rest,
       ...rootStyleProps,
@@ -226,14 +226,14 @@ function Arbitrary(props$1) {
         ...rootStyleProps.style,
         ...rest.style
       },
-      children: [/*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-rvj5dj timvir-s-d3ue5d timvir-s-9flyx0 timvir-s-1e56ztr",
-        children: [/*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsxDEV("div", {
           className: "timvir-s-78zum5 timvir-s-6s0dn4 timvir-s-qtkp2c timvir-s-u0aao5 timvir-s-1n2onr6 timvir-s-1d0dlzq timvir-s-1tcdsnd timvir-s-hkezso timvir-s-1j6awrg timvir-s-1s928wv timvir-s-arstr8 timvir-s-2q1x1w timvir-s-5hscyn timvir-s-86avzo timvir-s-1mbvx0 timvir-s-2l4bqv timvir-s-hqgf4x timvir-s-1o0ppuw",
-          children: [/*#__PURE__*/jsx("span", {
+          children: [/*#__PURE__*/jsxDEV("span", {
             className: "timvir-s-1rg5ohu timvir-s-vgvpxu timvir-s-15ku74s",
             children: "Seed:"
-          }), /*#__PURE__*/jsx("input", {
+          }, void 0, false), /*#__PURE__*/jsxDEV("input", {
             "data-timvir-b-arbitrary-seed": true,
             className: "timvir-s-c342km timvir-s-1a2a7pz timvir-s-ln7xf2 timvir-s-jbqb8w timvir-s-kh2ocl timvir-s-1717udv timvir-s-h8yej3 timvir-s-1heor9g",
             placeholder: "Seed",
@@ -249,22 +249,22 @@ function Arbitrary(props$1) {
             onFocus: ev => {
               ev.currentTarget.select();
             }
-          })]
-        }), /*#__PURE__*/jsx("button", {
+          }, void 0, false)]
+        }, void 0, true), /*#__PURE__*/jsxDEV("button", {
           type: "button",
           className: "timvir-s-1a2a7pz timvir-s-u0aao5 timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-j7gikm timvir-s-1cum3z5 timvir-s-1d0dlzq timvir-s-1cdhzux timvir-s-ln7xf2 timvir-s-49kzi4 timvir-s-1dc5b4e timvir-s-13m658e timvir-s-1bx2y69",
           onClick: refreshSeed,
           children: "Refresh"
-        })]
-      }), /*#__PURE__*/jsx(Exhibit, {
+        }, void 0, false)]
+      }, void 0, true), /*#__PURE__*/jsxDEV(Exhibit, {
         ...ExhibitProps,
         style: {
           margin: 0
         },
         children: children
-      })]
-    })
-  });
+      }, void 0, false)]
+    }, void 0, true)
+  }, void 0, false);
 }
 const styles = {
   root: {

package/blocks/Arbitrary/samples/basic.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Arbitrary } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Arbitrary>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Code/Code.d.ts

@@ -21,5 +21,5 @@ interface Props extends React.ComponentPropsWithRef<typeof Root> {
     highlightedLines?: Array<number>;
     caption?: React.ReactNode;
 }
-export declare function Code(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Code(props: Props): React.JSX.Element;
 export {};

package/blocks/Code/index.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import { codeToHtml } from 'shiki';
 import { useBlock } from 'timvir/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -244,7 +244,7 @@ function Code(props$1) {
     })();
   }, [children, language, highlightedLines]);
   const rootStyleProps = props(layoutStyles.block);
-  return /*#__PURE__*/jsxs(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     "data-timvir-b-code": true,
     ...rest,
     ...rootStyleProps,
@@ -253,18 +253,18 @@ function Code(props$1) {
       ...rootStyleProps.style,
       ...rest.style
     },
-    children: [/*#__PURE__*/jsx("div", {
+    children: [/*#__PURE__*/jsxDEV("div", {
       "data-timvir-b-code-container": true,
       className: "timvir-s-w2csxc timvir-s-6wvzqs timvir-s-sfzzmd timvir-s-1sxf85j timvir-s-i27niw timvir-s-idmeni timvir-s-1717udv timvir-s-1etwjqo timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-j7gikm timvir-s-1d0dlzq",
       dangerouslySetInnerHTML: {
         __html: state.html
       }
-    }), caption && /*#__PURE__*/jsx("div", {
+    }, void 0, false), caption && /*#__PURE__*/jsxDEV("div", {
       "data-timvir-b-code-caption": true,
       className: "timvir-s-1dcheo9 timvir-s-jkpybl timvir-s-vgvpxu timvir-s-lwy1ot",
       children: caption
-    })]
-  });
+    }, void 0, false)]
+  }, void 0, true);
 }
 
 export { Code };

package/blocks/Code/samples/basic.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Code } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Code>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Code/samples/toggle.d.ts

@@ -1 +1,2 @@
-export default function Sample({ language, children }: any): import("react/jsx-runtime").JSX.Element;
+import type * as React from "react";
+export default function Sample({ language, children }: any): React.JSX.Element;

package/blocks/ColorBar/ColorBar.d.ts

@@ -14,5 +14,5 @@ interface Props extends React.ComponentPropsWithRef<typeof Root> {
         ancestry?: string;
     }>;
 }
-export declare function ColorBar(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ColorBar(props: Props): React.JSX.Element;
 export {};

package/blocks/ColorBar/index.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import { Swatch } from 'timvir/blocks';
 import { useBlock } from 'timvir/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -183,7 +183,7 @@ function ColorBar(props$1) {
   } = block.props;
   const [selected, setSelected] = React.useState(undefined);
   const rootStyleProps = props(layoutStyles.block, styles.root);
-  return /*#__PURE__*/jsxs(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
@@ -191,14 +191,14 @@ function ColorBar(props$1) {
       ...rootStyleProps.style,
       ...rest.style
     },
-    children: [/*#__PURE__*/jsx("div", {
+    children: [/*#__PURE__*/jsxDEV("div", {
       className: "timvir-s-rvj5dj timvir-s-1sdr0u7 timvir-s-dz4c1r",
       style: {
         opacity: selected ? 0 : 1
       },
-      children: values.map((value, i, self) => /*#__PURE__*/jsx("div", {
+      children: values.map((value, i, self) => /*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-1vqgdyp timvir-s-1iyjqo2 timvir-s-rvj5dj timvir-s-13b6k1y timvir-s-1ypdohk timvir-s-zkaem6 timvir-s-12l46wj timvir-s-inzabm timvir-s-1bxid8z",
-        children: /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsxDEV("div", {
           ...{
             0: {
               className: "timvir-s-zhuw26 timvir-s-nfsnhl timvir-s-1ehn4u0 timvir-s-32zglm"
@@ -219,11 +219,11 @@ function ColorBar(props$1) {
           onClick: () => {
             setSelected(value);
           }
-        })
-      }, i))
-    }), selected !== undefined && /*#__PURE__*/jsx("div", {
+        }, void 0, false)
+      }, i, false))
+    }, void 0, false), selected !== undefined && /*#__PURE__*/jsxDEV("div", {
       className: "timvir-s-10l6tqk timvir-s-wa60dl timvir-s-3m8u43 timvir-s-u96u03 timvir-s-1cb1t30 timvir-s-oegz02",
-      children: /*#__PURE__*/jsx(Swatch, {
+      children: /*#__PURE__*/jsxDEV(Swatch, {
         ...(typeof selected === "string" ? {
           value: selected
         } : {
@@ -235,9 +235,9 @@ function ColorBar(props$1) {
         onMouseLeave: () => {
           setSelected(undefined);
         }
-      })
-    })]
-  });
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
 }
 const styles = {
   root: {

package/blocks/ColorBar/samples/basic.d.ts

@@ -1 +1 @@
-export default function Sample(): import("react/jsx-runtime").JSX.Element;
+export default function Sample(): import("react").JSX.Element;

package/blocks/ColorBook/ColorBook.d.ts

@@ -12,5 +12,5 @@ interface Chapter {
     name?: string;
     values: Array<string>;
 }
-export declare function ColorBook(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ColorBook(props: Props): React.JSX.Element;
 export {};

package/blocks/ColorBook/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -168,17 +168,17 @@ function ColorBook(props$1) {
     onSelectChapter,
     ...rest
   } = props$1;
-  return /*#__PURE__*/jsx(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     ...rest,
     ...props(layoutStyles.block, styles.root),
     children: chapters.map(({
       name,
       values
-    }, i) => /*#__PURE__*/jsxs("div", {
+    }, i) => /*#__PURE__*/jsxDEV("div", {
       style: {
         gridColumn: i + 1
       },
-      children: [/*#__PURE__*/jsx("div", {
+      children: [/*#__PURE__*/jsxDEV("div", {
         ...{
           0: {
             className: "timvir-s-1n2onr6 timvir-s-1ypdohk timvir-s-78zum5 timvir-s-dt5ytf timvir-s-1m3v4wt timvir-s-1hmns74 timvir-s-51xajf timvir-s-1ydowbf timvir-s-e80sof timvir-s-abwq6t timvir-s-b52w3a timvir-s-ktd1bz timvir-s-1cpjm7i timvir-s-k53niv timvir-s-115iamj timvir-s-s2hnm7"
@@ -192,7 +192,7 @@ function ColorBook(props$1) {
             onSelectChapter(i);
           }
         },
-        children: values.map((value, i) => /*#__PURE__*/jsx("div", {
+        children: values.map((value, i) => /*#__PURE__*/jsxDEV("div", {
           style: {
             background: value
           },
@@ -210,8 +210,8 @@ function ColorBook(props$1) {
               className: "timvir-s-1iyjqo2 timvir-s-1ia1hqs timvir-s-1a2w583 timvir-s-1v8xtx2 timvir-s-uvn51i"
             }
           }[!!(i === 0) << 1 | !!(i === values.length - 1) << 0]
-        }, value))
-      }), name && /*#__PURE__*/jsx("div", {
+        }, value, false))
+      }, void 0, false), name && /*#__PURE__*/jsxDEV("div", {
         ...{
           0: {
             className: "timvir-s-2b8uid timvir-s-boafo0 timvir-s-vgvpxu timvir-s-1nmq0fv timvir-s-o5v014"
@@ -221,9 +221,9 @@ function ColorBook(props$1) {
           }
         }[!!(i === selectedChapter) << 0],
         children: name
-      })]
-    }, i))
-  });
+      }, void 0, false)]
+    }, i, true))
+  }, void 0, false);
 }
 const styles = {
   root: {

package/blocks/ColorBook/samples/basic.d.ts

@@ -1 +1,2 @@
-export default function Sample(): import("react/jsx-runtime").JSX.Element;
+import * as React from "react";
+export default function Sample(): React.JSX.Element;

package/blocks/Cover/Cover.d.ts

@@ -16,5 +16,5 @@ interface Props extends React.ComponentPropsWithRef<typeof Root> {
         type: string;
     }>;
 }
-export declare function Cover(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Cover(props: Props): React.JSX.Element;
 export {};

package/blocks/Cover/index.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -184,21 +184,21 @@ function Cover(props$1) {
     ...rest
   } = props$1;
   const rootStyleProps = props(layoutStyles.block, layoutStyles.fullWidth);
-  return /*#__PURE__*/jsx(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
-    children: /*#__PURE__*/jsxs("picture", {
-      children: [sources.map((p, i) => /*#__PURE__*/jsx("source", {
+    children: /*#__PURE__*/jsxDEV("picture", {
+      children: [sources.map((p, i) => /*#__PURE__*/jsxDEV("source", {
         ...p
-      }, i)), /*#__PURE__*/jsx("img", {
+      }, i, false)), /*#__PURE__*/jsxDEV("img", {
         ...metadata,
         ...img1,
         alt: "",
         className: "timvir-s-1lliihq timvir-s-193iq5w timvir-s-5i6pxz timvir-s-l1xv1r"
-      })]
-    })
-  });
+      }, void 0, false)]
+    }, void 0, true)
+  }, void 0, false);
 }
 
 export { Cover };

package/blocks/Cover/samples/basic.d.ts

@@ -1 +1 @@
-export default function Sample(): import("react/jsx-runtime").JSX.Element;
+export default function Sample(): import("react").JSX.Element;

package/blocks/Exhibit/Exhibit.d.ts

@@ -19,5 +19,5 @@ interface Props extends React.ComponentProps<typeof Root> {
      */
     theme?: "system" | "light" | "dark";
 }
-export declare function Exhibit(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Exhibit(props: Props): React.JSX.Element;
 export {};

package/blocks/Exhibit/index.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext, useBlock } from 'timvir/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -193,7 +193,7 @@ function Exhibit(props$1) {
   } = block.props;
   const rootStyleProps = props(layoutStyles.block, styles.root);
   const containerStyleProps = props(styles.container, bleed === 0 && styles.bleedZero, styles[`${theme}Theme`]);
-  return /*#__PURE__*/jsxs(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     "data-timvir-b-exhibit": true,
     ...rest,
     ...rootStyleProps,
@@ -205,7 +205,7 @@ function Exhibit(props$1) {
       [cssVariables.borderColor]: "var(--timvir-border-color)",
       [cssVariables.background]: "var(--timvir-background-pattern)"
     },
-    children: [/*#__PURE__*/jsx("div", {
+    children: [/*#__PURE__*/jsxDEV("div", {
       "data-timvir-b-exhibit-container": true,
       ...BackdropProps,
       ...containerStyleProps,
@@ -216,12 +216,12 @@ function Exhibit(props$1) {
         ...BackdropProps?.style
       },
       children: children
-    }), caption && /*#__PURE__*/jsx("div", {
+    }, void 0, false), caption && /*#__PURE__*/jsxDEV("div", {
       "data-timvir-b-exhibit-caption": true,
       className: "timvir-s-1dcheo9 timvir-s-jkpybl timvir-s-vgvpxu timvir-s-lwy1ot",
       children: caption
-    })]
-  });
+    }, void 0, false)]
+  }, void 0, true);
 }
 const cssVariables = {
   bleed: "--timvir-b-Exhibit-bleed",
@@ -255,10 +255,12 @@ const styles = {
   },
   lightTheme: {
     kKwaWg: "timvir-s-7ns93p",
+    kMwMTN: "timvir-s-15r2rl4",
     $$css: true
   },
   darkTheme: {
     kKwaWg: "timvir-s-kt43kk",
+    kMwMTN: "timvir-s-igssvo",
     $$css: true
   },
   caption: {

package/blocks/Exhibit/samples/basic.d.ts

@@ -1,4 +1,4 @@
 import { Exhibit } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Exhibit>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): import("react").JSX.Element;
 export {};

package/blocks/Exhibit/samples/bleed.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Exhibit } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Exhibit>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Exhibit/samples/theme.d.ts

@@ -1,4 +1,4 @@
 import { Exhibit } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Exhibit>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): import("react").JSX.Element;
 export {};

package/blocks/Exhibit/styles.css

@@ -83,6 +83,14 @@
     background-image: var(--timvir-b-Exhibit-background);
   }
 
+  .timvir-s-15r2rl4 {
+    color: #000000c9;
+  }
+
+  .timvir-s-igssvo {
+    color: #ffffffdb;
+  }
+
   .timvir-s-vgvpxu {
     color: var(--timvir-secondary-text-color);
   }

package/blocks/Font/Font.d.ts

@@ -11,5 +11,5 @@ interface Props extends React.ComponentPropsWithRef<typeof Root> {
     };
     info?: React.ReactNode;
 }
-export declare function Font(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Font(props: Props): React.JSX.Element;
 export {};

package/blocks/Font/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useArticleComponents } from 'timvir/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -162,7 +162,7 @@ const layoutStyles = {
     $$css: true
   }};
 
-const SvgInfo = props => /*#__PURE__*/jsxs("svg", {
+const SvgInfo = props => /*#__PURE__*/jsxDEV("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -173,14 +173,14 @@ const SvgInfo = props => /*#__PURE__*/jsxs("svg", {
   strokeWidth: 2,
   viewBox: "0 0 24 24",
   ...props,
-  children: [/*#__PURE__*/jsx("circle", {
+  children: [/*#__PURE__*/jsxDEV("circle", {
     cx: 12,
     cy: 12,
     r: 10
-  }), /*#__PURE__*/jsx("path", {
+  }, void 0, false), /*#__PURE__*/jsxDEV("path", {
     d: "M12 16v-4M12 8h.01"
-  })]
-});
+  }, void 0, false)]
+}, void 0, true);
 
 function cx(...args) {
   let str = "";
@@ -228,7 +228,7 @@ function Font(props$1) {
   const fontStyleProps = {
     className: "timvir-s-1a2a7pz timvir-s-1hx0egp timvir-s-126k92a timvir-s-1mzt3pk"
   };
-  return /*#__PURE__*/jsxs(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
@@ -236,15 +236,15 @@ function Font(props$1) {
       ...rootStyleProps.style,
       ...rest.style
     },
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsxDEV("div", {
       className: "timvir-s-78zum5 timvir-s-1pha0wt timvir-s-1nrrp6k timvir-s-117nqv4 timvir-s-1bsk9n",
-      children: [/*#__PURE__*/jsx(components.h3, {
+      children: [/*#__PURE__*/jsxDEV(components.h3, {
         className: "timvir-s-a519c1",
-        children: /*#__PURE__*/jsx("span", {
+        children: /*#__PURE__*/jsxDEV("span", {
           ref: setFontSizeRef,
           children: name
-        })
-      }), info && /*#__PURE__*/jsx("div", {
+        }, void 0, false)
+      }, void 0, false), info && /*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-1ypdohk timvir-s-gmrl4 timvir-s-1o7uuvo",
         onClick: () => {
           if (infoRef && contentRef) {
@@ -261,32 +261,32 @@ function Font(props$1) {
             }
           }
         },
-        children: /*#__PURE__*/jsx(SvgInfo, {
+        children: /*#__PURE__*/jsxDEV(SvgInfo, {
           width: "1.1em",
           height: "1.1em",
           className: "timvir-s-1n2onr6 timvir-s-s7f9wi"
-        })
-      })]
-    }), /*#__PURE__*/jsxs("div", {
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true), /*#__PURE__*/jsxDEV("div", {
       className: "timvir-s-78zum5 timvir-s-dt5ytf",
-      children: [info && /*#__PURE__*/jsx("div", {
+      children: [info && /*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-b3r6kr timvir-s-104cjix",
         style: {
           height: 0,
           opacity: 0
         },
-        children: /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsxDEV("div", {
           ref: setInfoRef,
           className: "timvir-s-1k5rvim",
           children: info
-        })
-      }), /*#__PURE__*/jsx("div", {
+        }, void 0, false)
+      }, void 0, false), /*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-b3r6kr timvir-s-104cjix",
         style: {
           height: "auto",
           opacity: 1
         },
-        children: /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsxDEV("div", {
           ref: setContentRef,
           contentEditable: true,
           spellCheck: "false",
@@ -297,10 +297,10 @@ function Font(props$1) {
             ...font.style
           },
           children: children || "The quick brown fox jumps over the lazy dog"
-        })
-      })]
-    })]
-  });
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
 }
 
 export { Font };

package/blocks/Font/samples/basic.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Font } from "..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Font>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Font/samples/timvir/body1.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Font } from "../..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Font>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Font/samples/timvir/caption.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Font } from "../..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Font>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Font/samples/timvir/h1.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Font } from "../..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Font>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Font/samples/timvir/h2.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Font } from "../..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Font>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/Font/samples/timvir/h3.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
 import { Font } from "../..";
 type Props = Partial<React.ComponentPropsWithoutRef<typeof Font>>;
-export default function Sample(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function Sample(props: Props): React.JSX.Element;
 export {};