timvir 0.2.50 → 0.2.51

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # timvir
 
+## 0.2.51
+
+### Patch Changes
+
+- **Make React 19 required** ([#3732](https://github.com/timvir/timvir/pull/3732)) - Up until now we've supported React 17, 18, and 19. React 19 has introduced changes that make components simpler. The version has been out for over a year. This version makes React 19 a required peer dependency.
+
 ## 0.2.50
 
 ### 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>;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Arbitrary(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Arbitrary/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Arbitrary } from "./Arbitrary";
+export { Arbitrary } from "./Arbitrary";
 export { useContext } from "./context";

package/blocks/Arbitrary/index.js

@@ -236,7 +236,7 @@ const Context = /*#__PURE__*/React.createContext({
 const useContext = () => React.useContext(Context);
 
 const Root = "div";
-function Arbitrary(props$1, ref) {
+function Arbitrary(props$1) {
   const block = useBlock(props$1);
   const {
     ExhibitProps,
@@ -264,10 +264,9 @@ function Arbitrary(props$1, ref) {
     }
   }, [props$1.id, block.bus, value.seed]);
   const rootStyleProps = props(layoutStyles.block, styles.root);
-  return /*#__PURE__*/jsx(Context.Provider, {
+  return /*#__PURE__*/jsx(Context, {
     value: value,
     children: /*#__PURE__*/jsxs(Root, {
-      ref: ref,
       "data-timvir-b-arbitrary": true,
       ...rest,
       ...rootStyleProps,
@@ -320,7 +319,6 @@ function Arbitrary(props$1, ref) {
     })
   });
 }
-var Arbitrary_default = /*#__PURE__*/React.forwardRef(Arbitrary);
 const styles = {
   root: {
     kogj98: "timvir-s-9t3ola",
@@ -328,4 +326,4 @@ const styles = {
   }
 };
 
-export { Arbitrary_default as Arbitrary, useContext };
+export { Arbitrary, useContext };

package/blocks/Code/Code.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     /**
      * The code that should be highlighted.
      */
@@ -21,5 +21,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
     highlightedLines?: Array<number>;
     caption?: React.ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Code(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Code/index.d.ts

@@ -1 +1 @@
-export { default as Code } from "./Code";
+export { Code } from "./Code";

package/blocks/Code/index.js

@@ -175,7 +175,7 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function Code(props$1, ref) {
+function Code(props$1) {
   const block = useBlock(props$1);
   const {
     children,
@@ -245,7 +245,6 @@ function Code(props$1, ref) {
   }, [children, language, highlightedLines]);
   const rootStyleProps = props(layoutStyles.block);
   return /*#__PURE__*/jsxs(Root, {
-    ref: ref,
     "data-timvir-b-code": true,
     ...rest,
     ...rootStyleProps,
@@ -267,6 +266,5 @@ function Code(props$1, ref) {
     })]
   });
 }
-var Code_default = /*#__PURE__*/React.forwardRef(Code);
 
-export { Code_default as Code };
+export { Code };

package/blocks/ColorBar/ColorBar.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     /**
      * Array of CSS Color values.
      */
@@ -14,5 +14,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
         ancestry?: string;
     }>;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function ColorBar(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/ColorBar/index.d.ts

@@ -1 +1 @@
-export { default as ColorBar } from "./ColorBar";
+export { ColorBar } from "./ColorBar";

package/blocks/ColorBar/index.js

@@ -175,7 +175,7 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function ColorBar(props$1, ref) {
+function ColorBar(props$1) {
   const block = useBlock(props$1);
   const {
     values,
@@ -184,7 +184,6 @@ function ColorBar(props$1, ref) {
   const [selected, setSelected] = React.useState(undefined);
   const rootStyleProps = props(layoutStyles.block, styles.root);
   return /*#__PURE__*/jsxs(Root, {
-    ref: ref,
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
@@ -227,7 +226,6 @@ function ColorBar(props$1, ref) {
     })]
   });
 }
-var ColorBar_default = /*#__PURE__*/React.forwardRef(ColorBar);
 const styles = {
   root: {
     kVAEAm: "timvir-s-1n2onr6",
@@ -250,4 +248,4 @@ const styles = {
   }
 };
 
-export { ColorBar_default as ColorBar };
+export { ColorBar };

package/blocks/ColorBook/ColorBook.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
+import type * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     chapters: Array<Chapter>;
     selectedChapter?: number;
     onSelectChapter?: (i: number) => void;
@@ -12,5 +12,5 @@ interface Chapter {
     name?: string;
     values: Array<string>;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function ColorBook(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/ColorBook/index.d.ts

@@ -1 +1 @@
-export { default as ColorBook } from "./ColorBook";
+export { ColorBook } from "./ColorBook";

package/blocks/ColorBook/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styleq = {};
@@ -161,7 +160,7 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function ColorBook(props$1, ref) {
+function ColorBook(props$1) {
   const {
     chapters,
     selectedChapter,
@@ -169,7 +168,6 @@ function ColorBook(props$1, ref) {
     ...rest
   } = props$1;
   return /*#__PURE__*/jsx(Root, {
-    ref: ref,
     ...rest,
     ...props(layoutStyles.block, styles.root),
     children: chapters.map(({
@@ -213,7 +211,6 @@ function ColorBook(props$1, ref) {
     }, i))
   });
 }
-var ColorBook_default = /*#__PURE__*/React.forwardRef(ColorBook);
 const styles = {
   root: {
     k1xSpc: "timvir-s-rvj5dj",
@@ -243,4 +240,4 @@ const styles = {
   }
 };
 
-export { ColorBook_default as ColorBook };
+export { ColorBook };

package/blocks/Cover/Cover.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
+import type * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     metadata: {
         width: number;
         height: number;
@@ -16,5 +16,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
         type: string;
     }>;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Cover(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Cover/index.d.ts

@@ -1 +1 @@
-export { default as Cover } from "./Cover";
+export { Cover } from "./Cover";

package/blocks/Cover/index.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function cx(...args) {
@@ -177,7 +176,7 @@ const layoutStyles = {
 };
 
 const Root = "div";
-function Cover(props$1, ref) {
+function Cover(props$1) {
   const {
     metadata,
     img: img1,
@@ -186,7 +185,6 @@ function Cover(props$1, ref) {
   } = props$1;
   const rootStyleProps = props(layoutStyles.block, layoutStyles.fullWidth);
   return /*#__PURE__*/jsx(Root, {
-    ref: ref,
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
@@ -201,6 +199,5 @@ function Cover(props$1, ref) {
     })
   });
 }
-var Cover_default = /*#__PURE__*/React.forwardRef(Cover);
 
-export { Cover_default as Cover };
+export { Cover };

package/blocks/Exhibit/Exhibit.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -11,7 +11,7 @@ interface Props extends React.ComponentProps<typeof Root> {
      * (can be inline or reference to a CSS variable).
      */
     bleed?: string | number;
-    BackdropProps?: React.ComponentPropsWithoutRef<"div">;
+    BackdropProps?: React.ComponentPropsWithRef<"div">;
     /**
      * Override the theme used for the background pattern. If not provided, the
      * Exhibit component will use the default from the context. If that is also
@@ -19,5 +19,5 @@ interface Props extends React.ComponentProps<typeof Root> {
      */
     theme?: "system" | "light" | "dark";
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Exhibit(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Exhibit/index.d.ts

@@ -1 +1 @@
-export { default as Exhibit } from "./Exhibit";
+export { Exhibit } from "./Exhibit";

package/blocks/Exhibit/index.js

@@ -1,6 +1,5 @@
 'use client';
 import { useContext, useBlock } from 'timvir/core';
-import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function cx(...args) {
@@ -174,7 +173,7 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function Exhibit(props$1, ref) {
+function Exhibit(props$1) {
   const {
     theme: defaultTheme
   } = useContext().blocks?.Exhibit ?? {};
@@ -195,7 +194,6 @@ function Exhibit(props$1, ref) {
   const rootStyleProps = props(layoutStyles.block, styles.root);
   const containerStyleProps = props(styles.container, bleed === 0 && styles.bleedZero, styles[`${theme}Theme`]);
   return /*#__PURE__*/jsxs(Root, {
-    ref: ref,
     "data-timvir-b-exhibit": true,
     ...rest,
     ...rootStyleProps,
@@ -225,7 +223,6 @@ function Exhibit(props$1, ref) {
     })]
   });
 }
-var Exhibit_default = /*#__PURE__*/React.forwardRef(Exhibit);
 const cssVariables = {
   bleed: "--timvir-b-Exhibit-bleed",
   borderColor: "--timvir-b-Exhibit-borderColor",
@@ -273,4 +270,4 @@ const styles = {
   }
 };
 
-export { Exhibit_default as Exhibit };
+export { Exhibit };

package/blocks/Font/Font.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     name: string;
     font: {
         style?: React.CSSProperties;
@@ -11,5 +11,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
     };
     info?: React.ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Font(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Font/index.d.ts

@@ -1 +1 @@
-export { default as Font } from "./Font";
+export { Font } from "./Font";

package/blocks/Font/index.js

@@ -194,7 +194,7 @@ const SvgInfo = props => /*#__PURE__*/jsxs("svg", {
 });
 
 const Root = "div";
-function Font(props$1, ref) {
+function Font(props$1) {
   const components = useArticleComponents();
   const {
     name,
@@ -229,7 +229,6 @@ function Font(props$1, ref) {
     className: "timvir-s-1a2a7pz timvir-s-1hx0egp timvir-s-126k92a timvir-s-1mzt3pk"
   };
   return /*#__PURE__*/jsxs(Root, {
-    ref: ref,
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
@@ -303,6 +302,5 @@ function Font(props$1, ref) {
     })]
   });
 }
-var Font_default = /*#__PURE__*/React.forwardRef(Font);
 
-export { Font_default as Font };
+export { Font };

package/blocks/Grid/Grid.d.ts

@@ -5,5 +5,5 @@ import * as React from "react";
 declare const Root = "div";
 interface Props extends React.ComponentProps<typeof Root> {
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Grid(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Grid/index.d.ts

@@ -1 +1 @@
-export { default as Grid } from "./Grid";
+export { Grid } from "./Grid";

package/blocks/Grid/index.js

@@ -172,7 +172,7 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function Grid(props$1, ref) {
+function Grid(props$1) {
   const {
     children,
     className,
@@ -180,7 +180,6 @@ function Grid(props$1, ref) {
   } = props$1;
   const rootStyleProps = props(layoutStyles.block, styles.root);
   return /*#__PURE__*/jsx(Root, {
-    ref: ref,
     ...rest,
     ...rootStyleProps,
     style: {
@@ -207,7 +206,6 @@ function Grid(props$1, ref) {
     })
   });
 }
-var Grid_default = /*#__PURE__*/React.forwardRef(Grid);
 const styles = {
   root: {
     k1xSpc: "timvir-s-rvj5dj",
@@ -218,4 +216,4 @@ const styles = {
   }
 };
 
-export { Grid_default as Grid };
+export { Grid };

package/blocks/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 import type { Descriptor } from "./types";
 /**
  * The underlying DOM element which is rendered by this component.
@@ -7,5 +7,5 @@ declare const Root = "div";
 interface Props extends React.ComponentProps<typeof Root> {
     descriptor: Descriptor;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Icon(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Icon/index.d.ts

@@ -1 +1 @@
-export { default as Icon } from "./Icon";
+export { Icon } from "./Icon";

package/blocks/Icon/index.js

@@ -1,6 +1,5 @@
 'use client';
 import { useResizeObserverEntry } from 'timvir/hooks';
-import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 function cx(...args) {
@@ -101,7 +100,7 @@ function Grid({
 }
 
 const Root = "div";
-function Icon(props, ref) {
+function Icon(props) {
   const {
     descriptor,
     ...rest
@@ -112,7 +111,6 @@ function Icon(props, ref) {
     className: "timvir-s-1n2onr6 timvir-s-1vjfegm timvir-s-dtfvks timvir-s-d2wi23"
   };
   return /*#__PURE__*/jsx(Root, {
-    ref: ref,
     ...rest,
     ...rootStyleProps,
     className: cx(rest.className, rootStyleProps.className),
@@ -136,6 +134,5 @@ function Icon(props, ref) {
     })
   });
 }
-var Icon_default = /*#__PURE__*/React.forwardRef(Icon);
 
-export { Icon_default as Icon };
+export { Icon };

package/blocks/Icon/internal/Canvas.d.ts

@@ -5,5 +5,5 @@ interface Props {
     size: number;
     Component: React.ElementType;
 }
-declare function Canvas(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Canvas;
+export declare function Canvas(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Icon/internal/index.d.ts

@@ -1 +1 @@
-export { default as Canvas } from "./Canvas";
+export { Canvas } from "./Canvas";

package/blocks/Message/Message.d.ts

@@ -3,8 +3,8 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     variant?: "info" | "warning" | "alert";
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Message(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Message/index.d.ts

@@ -1 +1 @@
-export { default as Message } from "./Message";
+export { Message } from "./Message";

package/blocks/Message/index.js

@@ -213,14 +213,13 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function Message(props$1, ref) {
+function Message(props$1) {
   const {
     variant,
     children,
     ...rest
   } = props$1;
   return /*#__PURE__*/jsxs(Root, {
-    ref: ref,
     ...props(layoutStyles.block, styles.root, variant && styles[variant]),
     ...rest,
     children: [variant && {
@@ -257,7 +256,6 @@ function Message(props$1, ref) {
     })]
   });
 }
-var Message_default = /*#__PURE__*/React.forwardRef(Message);
 const styles = {
   root: {
     kVAEAm: "timvir-s-1n2onr6",
@@ -316,4 +314,4 @@ const styles = {
   }
 };
 
-export { Message_default as Message };
+export { Message };

package/blocks/Swatch/Swatch.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     /**
      * The CSS Color value of the swatch. Any CSS color definition is accepted.
      *
@@ -29,5 +29,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
      */
     ancestry?: string;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Swatch(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Swatch/index.d.ts

@@ -1 +1 @@
-export { default as Swatch } from "./Swatch";
+export { Swatch } from "./Swatch";

package/blocks/Swatch/index.js

@@ -174,7 +174,7 @@ const layoutStyles = {
   }};
 
 const Root = "div";
-function Swatch(props$1, ref) {
+function Swatch(props$1) {
   const block = useBlock(props$1);
   const {
     value,
@@ -197,7 +197,6 @@ function Swatch(props$1, ref) {
   };
   return /*#__PURE__*/jsx(Root, {
     role: "button",
-    ref: ref,
     ...rest,
     ...rootStyleProps,
     className: cx(rootStyleProps.className, className),
@@ -236,7 +235,6 @@ function Swatch(props$1, ref) {
     })
   });
 }
-var Swatch_default = /*#__PURE__*/React.forwardRef(Swatch);
 const styles = {
   root: {
     kVAEAm: "timvir-s-1n2onr6",
@@ -244,4 +242,4 @@ const styles = {
   }
 };
 
-export { Swatch_default as Swatch };
+export { Swatch };

package/blocks/Viewport/Viewport.d.ts

@@ -3,7 +3,7 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "div";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     /**
      * URL that should be loaded in the viewport. Can be absolute or relative.
      */
@@ -13,5 +13,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
      */
     code?: string;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+export declare function Viewport(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Viewport/index.d.ts

@@ -1 +1 @@
-export { default as Viewport } from "./Viewport";
+export { Viewport } from "./Viewport";

package/blocks/Viewport/index.js

@@ -248,7 +248,6 @@ function Caption(props$1) {
     })]
   });
 }
-var Caption$1 = /*#__PURE__*/React.memo(Caption);
 const styles$1 = {
   figcaption: {
     kGuDYH: "timvir-s-1dcheo9",
@@ -292,7 +291,6 @@ function Handle(props) {
     })
   });
 }
-var Handle$1 = /*#__PURE__*/React.memo(Handle);
 
 const height = 16;
 function Ruler(props) {
@@ -328,7 +326,7 @@ function Ruler(props) {
 }
 
 const Root = "div";
-function Viewport(props$1, ref) {
+function Viewport(props$1) {
   const block = useBlock(props$1);
   const {
     src,
@@ -393,7 +391,6 @@ function Viewport(props$1, ref) {
   const rootStyleProps = props(layoutStyles.block, layoutStyles.fullWidth, styles.root);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(Root, {
-      ref: ref,
       "data-timvir-b-viewport": true,
       ...rest,
       className: cx(!state.settled && "timvir-unsettled", className, rootStyleProps.className),
@@ -474,12 +471,12 @@ function Viewport(props$1, ref) {
                   pointerEvents: height === undefined ? "none" : undefined
                 }
               })
-            }), /*#__PURE__*/jsx(Handle$1, {
+            }), /*#__PURE__*/jsx(Handle, {
               gridColumn: "1",
               lock: lock,
               edge: "left",
               iframeRef: iframeRef
-            }), /*#__PURE__*/jsx(Handle$1, {
+            }), /*#__PURE__*/jsx(Handle, {
               gridColumn: "3",
               lock: lock,
               edge: "right",
@@ -491,7 +488,7 @@ function Viewport(props$1, ref) {
         containerWidth: svgROE?.contentRect.width,
         viewportWidth: width
       })]
-    }), /*#__PURE__*/jsx(Caption$1, {
+    }), /*#__PURE__*/jsx(Caption, {
       src: src,
       code: code
     }), /*#__PURE__*/jsx("div", {
@@ -503,7 +500,6 @@ function Viewport(props$1, ref) {
     })]
   });
 }
-var Viewport_default = /*#__PURE__*/React.forwardRef(Viewport);
 const styles = {
   root: {
     ktR8K2: "timvir-s-1vjgj0v",
@@ -512,4 +508,4 @@ const styles = {
   }
 };
 
-export { Viewport_default as Viewport };
+export { Viewport };

package/blocks/Viewport/internal/Caption.d.ts

@@ -1,8 +1,6 @@
-import * as React from "react";
 interface Props {
     src: string;
     code?: string;
 }
-declare function Caption(props: Props): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Caption>;
-export default _default;
+export declare function Caption(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Viewport/internal/Handle.d.ts

@@ -1,10 +1,9 @@
-import * as React from "react";
+import type * as React from "react";
 interface Props {
     gridColumn: string;
     lock: React.MutableRefObject<string>;
     edge: "left" | "right";
     iframeRef: React.RefObject<null | HTMLIFrameElement>;
 }
-declare function Handle(props: Props): import("react/jsx-runtime").JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof Handle>;
-export default _default;
+export declare function Handle(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Viewport/internal/Ruler.d.ts

@@ -2,5 +2,5 @@ interface Props {
     containerWidth?: number;
     viewportWidth?: number;
 }
-declare function Ruler(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Ruler;
+export declare function Ruler(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/Viewport/internal/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Caption } from "./Caption";
-export { default as Handle } from "./Handle";
-export { default as Ruler } from "./Ruler";
+export { Caption } from "./Caption";
+export { Handle } from "./Handle";
+export { Ruler } from "./Ruler";

package/blocks/WebLink/WebLink.d.ts

@@ -3,8 +3,8 @@ import * as React from "react";
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "a";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     url: string;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
-export default _default;
+export declare function WebLink(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/blocks/WebLink/index.d.ts

@@ -1 +1 @@
-export { default as WebLink } from "./WebLink";
+export { WebLink } from "./WebLink";

package/blocks/WebLink/index.js

@@ -174,7 +174,7 @@ const layoutStyles = {
   }};
 
 const Root = "a";
-function WebLink(props$1, ref) {
+function WebLink(props$1) {
   const {
     url,
     className,
@@ -199,7 +199,6 @@ function WebLink(props$1, ref) {
   const image = metadata?.open_graph?.images?.[0]?.url;
   const rootStyleProps = props(layoutStyles.block, styles.root);
   return /*#__PURE__*/jsxs(Root, {
-    ref: ref,
     "data-timvir-b-weblink": true,
     href: url,
     target: "_blank",
@@ -242,7 +241,6 @@ function WebLink(props$1, ref) {
     })]
   });
 }
-var WebLink_default = /*#__PURE__*/React.forwardRef(WebLink);
 const styles = {
   root: {
     kmkexE: "timvir-s-zhuw26",
@@ -265,4 +263,4 @@ async function defaultUnfurl(url) {
   return fetch(`https://timvir.dev/api/unfurl?url=${encodeURIComponent(url)}`).then(res => res.json());
 }
 
-export { WebLink_default as WebLink };
+export { WebLink };

package/context/index.d.ts

@@ -28,5 +28,5 @@ export interface Value {
     };
     toc: readonly Node[];
 }
-export declare const Provider: React.Provider<Value | undefined>;
+export declare const Provider: React.Context<Value | undefined>;
 export declare function useContext(): Value;

package/context/index.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 const Context = /*#__PURE__*/React.createContext(undefined);
-const Provider = Context.Provider;
+const Provider = Context;
 function useContext() {
   const value = React.useContext(Context);
   if (!value) {

package/core/components/Footer/Footer.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
+import type * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
  */
 declare const Root = "footer";
-interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
+interface Props extends React.ComponentPropsWithRef<typeof Root> {
     links?: Array<{
         group: React.ReactNode;
         items: Array<{
@@ -12,5 +12,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
         }>;
     }>;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
-export default _default;
+declare function Footer(props: Props): import("react/jsx-runtime").JSX.Element;
+export default Footer;

package/core/components/Page/Page.d.ts

@@ -62,5 +62,5 @@ interface Props extends Omit<React.ComponentProps<typeof Root>, "className" | "s
      */
     blocks?: Value["blocks"];
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+declare function Page(props: Props): import("react/jsx-runtime").JSX.Element;
+export default Page;

package/core/index.js

@@ -10,13 +10,12 @@ import * as ReactDOM from 'react-dom';
 import { defaultSearch } from 'timvir/search';
 
 const Root$3 = "footer";
-function Footer(props, ref) {
+function Footer(props) {
   const {
     links,
     ...rest
   } = props;
   return /*#__PURE__*/jsxs(Root$3, {
-    ref: ref,
     ...rest,
     className: "timvir-s-v0thzw timvir-s-rvj5dj timvir-s-kcw01v timvir-s-qr9vqb",
     children: [links && /*#__PURE__*/jsx("div", {
@@ -55,7 +54,6 @@ function Footer(props, ref) {
     })]
   });
 }
-var Footer_default = /*#__PURE__*/React.forwardRef(Footer);
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -795,7 +793,7 @@ function Search(props) {
 }
 
 const Root = "div";
-function Page(props$1, ref) {
+function Page(props$1) {
   const {
     location,
     toc,
@@ -861,7 +859,6 @@ function Page(props$1, ref) {
   return /*#__PURE__*/jsxs(Provider, {
     value: context,
     children: [/*#__PURE__*/jsxs(Root, {
-      ref: ref,
       ...rest,
       className: "timvir-s-g6iff7 timvir-s-1hz7z82 timvir-s-rvj5dj timvir-s-c0s83b timvir-s-1i3za4p timvir-s-oxwh6b timvir-s-1w3eerp",
       children: [/*#__PURE__*/jsx(Sidebar, {
@@ -939,7 +936,6 @@ function Page(props$1, ref) {
     })]
   });
 }
-var Page_default = /*#__PURE__*/React.forwardRef(Page);
 const styles = {
   sidebar: {
     kJuA4N: "timvir-s-1nkj2r4",
@@ -1063,4 +1059,4 @@ function useArticleComponents() {
   };
 }
 
-export { Footer_default as Footer, Page_default as Page, extendedWidth, fullWidth, grid, layoutStyles, noLayout, useArticleComponents, useBlock, useMailbox };
+export { Footer, Page, extendedWidth, fullWidth, grid, layoutStyles, noLayout, useArticleComponents, useBlock, useMailbox };

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.50",
+  "version": "0.2.51",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -41,12 +41,12 @@
   },
   "dependencies": {
     "bytestring": "^1",
-    "shiki": "^1 || ^2 || ^3",
+    "shiki": "^1 || ^2 || ^3 || ^4",
     "wonka": "^6"
   },
   "peerDependencies": {
-    "react": "^17 || ^18 || ^19",
-    "react-dom": "^17 || ^18 || ^19"
+    "react": "^19",
+    "react-dom": "^19"
   },
   "repository": {
     "type": "git",

package/search/Search/Search.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
+import type * as React from "react";
 import type { Node } from "timvir/core";
-interface Props extends React.ComponentPropsWithoutRef<"div"> {
+interface Props extends React.ComponentPropsWithRef<"div"> {
     open?: boolean;
     onClose?: (ev: React.SyntheticEvent<HTMLElement>) => void;
     q: (query: string) => Promise<{
@@ -14,8 +14,8 @@ interface Props extends React.ComponentPropsWithoutRef<"div"> {
         }>;
     }>;
 }
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+declare function Search(_props: Props): null;
+export default Search;
 export declare function defaultSearch(toc: readonly Node[]): {
     q: (query: string) => Promise<{
         totalCount: number;

package/search/index.js

@@ -1,9 +1,6 @@
-import * as React from 'react';
-
-function Search(_props, _ref) {
+function Search(_props) {
   return null;
 }
-var Search_default = /*#__PURE__*/React.forwardRef(Search);
 function defaultSearch(toc) {
   return {
     q: async query => {
@@ -41,4 +38,4 @@ function flatten(n) {
   return ret;
 }
 
-export { Search_default as Search, defaultSearch };
+export { Search, defaultSearch };