timvir 0.2.49 → 0.2.51

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/Message/samples/basic.d.ts

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

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

@@ -217,6 +217,9 @@ function Caption(props$1) {
         onClick: () => {
           if (codeRef) {
             const infoParent = codeRef.parentElement;
+            if (!infoParent) {
+              return;
+            }
             if (infoParent.style.height === "0px") {
               infoParent.style.height = `${codeRef.getBoundingClientRect().height}px`;
               infoParent.style.opacity = "1";
@@ -245,7 +248,6 @@ function Caption(props$1) {
     })]
   });
 }
-var Caption$1 = /*#__PURE__*/React.memo(Caption);
 const styles$1 = {
   figcaption: {
     kGuDYH: "timvir-s-1dcheo9",
@@ -289,7 +291,6 @@ function Handle(props) {
     })
   });
 }
-var Handle$1 = /*#__PURE__*/React.memo(Handle);
 
 const height = 16;
 function Ruler(props) {
@@ -325,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,
@@ -365,8 +366,11 @@ function Viewport(props$1, ref) {
     };
     const onMouseUp = () => {
       lock.current = "";
-      iframeRef.current.style.userSelect = "";
-      iframeRef.current.style.pointerEvents = "";
+      const iframeElement = iframeRef.current;
+      if (iframeElement) {
+        iframeElement.style.userSelect = "";
+        iframeElement.style.pointerEvents = "";
+      }
       setHeight(height => {
         setMaxHeight(height);
         return height;
@@ -387,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),
@@ -468,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",
@@ -485,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", {
@@ -497,7 +500,6 @@ function Viewport(props$1, ref) {
     })]
   });
 }
-var Viewport_default = /*#__PURE__*/React.forwardRef(Viewport);
 const styles = {
   root: {
     ktR8K2: "timvir-s-1vjgj0v",
@@ -506,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",
@@ -262,7 +260,7 @@ const styles = {
   }
 };
 async function defaultUnfurl(url) {
-  return fetch(`https://timvir.vercel.app/api/unfurl?url=${encodeURIComponent(url)}`).then(res => res.json());
+  return fetch(`https://timvir.dev/api/unfurl?url=${encodeURIComponent(url)}`).then(res => res.json());
 }
 
-export { WebLink_default as WebLink };
+export { WebLink };

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

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

package/blocks/styles.css

@@ -391,8 +391,8 @@
     --timvir-b-ColorBar-value-borderRadiusDefault: 2px 0 0 2px;
   }
 
-  .timvir-s-15311qs {
-    --timvir-b-ColorBar-value-margin: 0;
+  .timvir-s-12l46wj {
+    --timvir-b-ColorBar-value-margin: 0px;
   }
 
   .timvir-s-1f9b50e {

package/bus/index.d.ts

@@ -1,5 +1,5 @@
-import { Subject } from "wonka";
-import { Message } from "./messages";
+import { type Subject } from "wonka";
+import type { Message } from "./messages";
 export * from "./messages";
 /**
  * The bus is a wonka Subject that represents a stream of Messages.

package/context/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Bus } from "timvir/bus";
-import { Node } from "../core/components/Page/types";
+import type { Bus } from "timvir/bus";
+import type { Node } from "../core/components/Page/types";
 export interface Value {
     bus: Bus;
     articleComponents: {
@@ -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/Commands/internal/Action.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 declare const Root = "div";
 interface Props extends Omit<React.ComponentPropsWithoutRef<typeof Root>, "className" | "style"> {
     label?: React.ReactNode;

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/Footer/samples/basic.d.ts

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

package/core/components/NavigationFooter/NavigationFooter.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { Value } from "timvir/context";
+import type * as React from "react";
+import type { Value } from "timvir/context";
 /**
  * The underlying DOM element which is rendered by this component.
  */

package/core/components/NavigationFooter/samples/basic.d.ts

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

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Value } from "timvir/context";
-import { Node } from "./types";
+import { type Value } from "timvir/context";
+import type { Node } from "./types";
 /**
  * The underlying DOM element which is rendered by this component.
  */
@@ -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/components/Page/internal/Section.d.ts

@@ -1,4 +1,4 @@
-import { Node } from "../types";
+import type { Node } from "../types";
 interface Props extends Node {
     depth: number;
 }

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

@@ -1,6 +1,6 @@
 import * as stylex from "@stylexjs/stylex";
 import * as React from "react";
-import { Node } from "../types";
+import type { Node } from "../types";
 interface Props extends Omit<React.ComponentPropsWithoutRef<"nav">, "className" | "style"> {
     sx: stylex.StyleXStyles;
     toc: readonly Node[];

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

@@ -1,4 +1,4 @@
-import { Node } from "../types";
+import type { Node } from "../types";
 interface Props extends Node {
     depth: number;
     active: boolean;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import type * as React from "react";
 export interface Node {
     readonly icon?: React.ReactElement<{
         className?: string;

package/core/index.d.ts

@@ -1,5 +1,5 @@
-import { Source } from "wonka";
-import { Message } from "timvir/bus";
+import { type Source } from "wonka";
+import type { Message } from "timvir/bus";
 import * as React from "react";
 export * from "./components/Footer";
 export * from "./components/Page";

package/core/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { pipe, filter, subscribe } from 'wonka';
+import { pipe, subscribe, filter } from 'wonka';
 import { useContext, Provider } from 'timvir/context';
 export { useContext } from 'timvir/context';
 import * as React from 'react';
@@ -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", {
@@ -47,7 +46,7 @@ function Footer(props, ref) {
       children: /*#__PURE__*/jsxs("div", {
         className: "timvir-s-htle6 timvir-s-euugli",
         children: ["Built with", " ", /*#__PURE__*/jsx("a", {
-          href: "https://timvir.vercel.app",
+          href: "https://timvir.dev",
           className: "timvir-s-1heor9g timvir-s-1hl2dhg timvir-s-1dlxito timvir-s-1j43nte timvir-s-odwsf6 timvir-s-1w3jsh0 timvir-s-g7t5vw",
           children: "Timvir"
         })]
@@ -55,7 +54,6 @@ function Footer(props, ref) {
     })]
   });
 }
-var Footer_default = /*#__PURE__*/React.forwardRef(Footer);
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -667,9 +665,10 @@ function Sidebar(props$1) {
   } = useContext();
   const [isMenuOpen, setMenuOpen] = React.useState(false);
   React.useEffect(() => {
-    const scrollLockClassList = {
+    const className = {
       className: "timvir-s-1rife3k timvir-s-ixxii4 timvir-s-13vifvy timvir-s-h8yej3"
-    }.className.split(" ");
+    }.className;
+    const scrollLockClassList = className.split(" ");
     for (const className of scrollLockClassList) {
       document.body.classList.toggle(className, isMenuOpen);
     }
@@ -794,7 +793,7 @@ function Search(props) {
 }
 
 const Root = "div";
-function Page(props$1, ref) {
+function Page(props$1) {
   const {
     location,
     toc,
@@ -860,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, {
@@ -938,7 +936,6 @@ function Page(props$1, ref) {
     })]
   });
 }
-var Page_default = /*#__PURE__*/React.forwardRef(Page);
 const styles = {
   sidebar: {
     kJuA4N: "timvir-s-1nkj2r4",
@@ -1062,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,28 +1,52 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
     "./styles.css": "./styles.css",
-    "./blocks": "./blocks/index.js",
-    "./blocks/*": "./blocks/*/index.js",
-    "./builtins": "./builtins/index.js",
-    "./bus": "./bus/index.js",
-    "./context": "./context/index.js",
-    "./core": "./core/index.js",
-    "./hooks": "./hooks/index.js",
-    "./search": "./search/index.js"
+    "./blocks": {
+      "types": "./blocks/index.d.ts",
+      "import": "./blocks/index.js"
+    },
+    "./blocks/*": {
+      "types": "./blocks/*/index.d.ts",
+      "import": "./blocks/*/index.js"
+    },
+    "./builtins": {
+      "types": "./builtins/index.d.ts",
+      "import": "./builtins/index.js"
+    },
+    "./bus": {
+      "types": "./bus/index.d.ts",
+      "import": "./bus/index.js"
+    },
+    "./context": {
+      "types": "./context/index.d.ts",
+      "import": "./context/index.js"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "import": "./core/index.js"
+    },
+    "./hooks": {
+      "types": "./hooks/index.d.ts",
+      "import": "./hooks/index.js"
+    },
+    "./search": {
+      "types": "./search/index.d.ts",
+      "import": "./search/index.js"
+    }
   },
   "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 { Node } from "timvir/core";
-interface Props extends React.ComponentPropsWithoutRef<"div"> {
+import type * as React from "react";
+import type { Node } from "timvir/core";
+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;