timvir 0.2.33 → 0.2.35

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# timvir
+
+## 0.2.35
+
+### Patch Changes
+
+- 3289108: Relax Link type
+
+  The `Link` prop on `timvir/core` `<Page>` used to heavily lean on the type used by Next.js.
+  In particular, it claimed to support `passHref` and `legacyBehavior` props.
+  This is no longer the case.
+  The `Link` can now be a plain HTMLAnchorElement (ie. `<a>`), or any component which implements a compatible inteface.

package/blocks/Code/index.js

@@ -143,9 +143,7 @@ const classes = {
   root: "r9v2r0l",
   code: "cs7tint",
   fullWidth: "fjvaz2s",
-  line: "lchll0h",
   highlightedLine: "h1xcko1i",
-  lineNumber: "ll2b9hx",
   caption: "c5vr6r2"
 };
 

package/blocks/Exhibit/index.js

@@ -68,9 +68,7 @@ function Exhibit(props, ref) {
 var Exhibit$1 = /*#__PURE__*/React.forwardRef(Exhibit);
 const cssVariables = {
   bleed: "--timvir-b-Exhibit-bleed",
-  borderColor: "--timvir-b-Exhibit-borderColor",
-  background: "--timvir-b-Exhibit-background"
-};
+  borderColor: "--timvir-b-Exhibit-borderColor"};
 const classes = {
   root: "r1nql2f9",
   container: "c4ji594",

package/blocks/Font/index.js

@@ -1,4 +1,5 @@
 import { useMDXComponents } from '@mdx-js/react';
+import * as builtins from 'timvir/builtins';
 import * as React from 'react';
 import * as Icons from 'react-feather';
 
@@ -40,7 +41,7 @@ const classes = {
 };
 function Font(props, ref) {
   const components = {
-    h3: "h3",
+    ...builtins,
     ...useMDXComponents()
   };
   const {

package/blocks/Viewport/index.js

@@ -4,6 +4,7 @@ import { useResizeObserverEntry, useResizeObserver } from 'timvir/hooks';
 import * as React from 'react';
 import { useImmer } from 'use-immer';
 import { useMDXComponents } from '@mdx-js/react';
+import * as builtins from 'timvir/builtins';
 import { Code } from 'timvir/blocks';
 import * as Icons from 'react-feather';
 
@@ -38,7 +39,7 @@ var cx_default = cx;
 
 function Caption(props) {
   const components = {
-    a: "a",
+    ...builtins,
     ...useMDXComponents()
   };
   const {
@@ -119,25 +120,25 @@ function Ruler(props) {
     viewportWidth = 0
   } = props;
   return /*#__PURE__*/React.createElement("svg", {
-    viewBox: `-${containerWidth / 2} ${-height / 2} ${containerWidth} ${height}`,
+    viewBox: `-${containerWidth / 2} ${ -16 / 2} ${containerWidth} ${height}`,
     className: "ssl4j8q"
   }, /*#__PURE__*/React.createElement("rect", {
     x: -containerWidth / 2,
-    y: -height / 2,
+    y: -16 / 2,
     width: containerWidth,
     height: height,
     fill: "var(--timvir-secondary-background-color)"
   }), /*#__PURE__*/React.createElement("line", {
     x1: -viewportWidth / 2,
     x2: -viewportWidth / 2,
-    y1: -height / 2,
+    y1: -16 / 2,
     y2: height / 2,
     strokeWidth: 2,
     stroke: "var(--timvir-text-color)"
   }), /*#__PURE__*/React.createElement("line", {
     x1: viewportWidth / 2,
     x2: viewportWidth / 2,
-    y1: -height / 2,
+    y1: -16 / 2,
     y2: height / 2,
     strokeWidth: 2,
     stroke: "var(--timvir-text-color)"

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

@@ -3,7 +3,7 @@ interface Props {
     gridColumn: string;
     lock: React.MutableRefObject<string>;
     edge: "left" | "right";
-    iframeRef: React.RefObject<HTMLIFrameElement>;
+    iframeRef: React.RefObject<null | HTMLIFrameElement>;
 }
 declare function Handle(props: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Handle>;

package/builtins/components.d.ts

@@ -1,18 +1,18 @@
 import * as React from "react";
-export declare const h1: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
+export declare const h1: any;
 export declare const h2: (props: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
 export declare const h3: (props: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
 export declare const h4: (props: React.HTMLAttributes<HTMLHeadingElement>) => React.JSX.Element;
-export declare const blockquote: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLQuoteElement> & React.BlockquoteHTMLAttributes<HTMLQuoteElement> & Record<never, unknown>>;
-export declare const hr: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLHRElement> & React.HTMLAttributes<HTMLHRElement> & Record<never, unknown>>;
-export declare const table: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement> & Record<never, unknown>>;
-export declare const thead: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLTableSectionElement> & React.HTMLAttributes<HTMLTableSectionElement> & Record<never, unknown>>;
-export declare const tbody: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLTableSectionElement> & React.HTMLAttributes<HTMLTableSectionElement> & Record<never, unknown>>;
-export declare const tr: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLTableRowElement> & React.HTMLAttributes<HTMLTableRowElement> & Record<never, unknown>>;
-export declare const th: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLTableHeaderCellElement> & React.ThHTMLAttributes<HTMLTableHeaderCellElement> & Record<never, unknown>>;
-export declare const td: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLTableDataCellElement> & React.TdHTMLAttributes<HTMLTableDataCellElement> & Record<never, unknown>>;
-export declare const code: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & Record<never, unknown>>;
-export declare const a: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
-export declare const p: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLParagraphElement> & React.HTMLAttributes<HTMLParagraphElement> & Record<never, unknown>>;
-export declare const ul: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement> & Record<never, unknown>>;
-export declare const ol: import("@linaria/react").StyledComponent<React.ClassAttributes<HTMLOListElement> & React.OlHTMLAttributes<HTMLOListElement> & Record<never, unknown>>;
+export declare const blockquote: any;
+export declare const hr: any;
+export declare const table: any;
+export declare const thead: any;
+export declare const tbody: any;
+export declare const tr: any;
+export declare const th: any;
+export declare const td: any;
+export declare const code: any;
+export declare const a: any;
+export declare const p: any;
+export declare const ul: any;
+export declare const ol: any;

package/context/index.d.ts

@@ -7,10 +7,7 @@ export interface Value {
         asPath: string;
         push: (path: string) => void;
     };
-    Link: React.ComponentType<React.ComponentProps<"a"> & {
-        passHref?: boolean;
-        legacyBehavior?: boolean;
-    }>;
+    Link: React.ComponentType<React.ComponentProps<"a">>;
     blocks?: {
         WebLink?: {
             unfurl: (url: string) => Promise<any>;

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

@@ -12,10 +12,7 @@ interface Props extends React.ComponentProps<typeof Root> {
         asPath: string;
         push: (path: string) => void;
     };
-    Link: React.ComponentType<React.ComponentProps<"a"> & {
-        passHref?: boolean;
-        legacyBehavior?: boolean;
-    }>;
+    Link: React.ComponentType<React.ComponentProps<"a">>;
     /**
      * Overrides the built-in MDX component implementations.
      *

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

@@ -1,6 +1,8 @@
 import * as React from "react";
 export interface Node {
-    readonly icon?: React.ReactElement;
+    readonly icon?: React.ReactElement<{
+        className?: string;
+    }>;
     readonly label: string;
     readonly path?: string;
     readonly children?: readonly Node[];

package/core/index.js

@@ -393,7 +393,7 @@ function SidebarItem(props) {
   });
   return /*#__PURE__*/React.createElement("div", {
     className: classes$2.root,
-    "data-active": location.asPath === path
+    "data-active": location.asPath.replace(/#.*$/, "") === path
   }, path ? /*#__PURE__*/React.createElement(Link, {
     href: path,
     style: {
@@ -475,7 +475,7 @@ function Sidebar(props) {
   } = props;
   const node = function find(nodes) {
     for (const node of nodes) {
-      if (node.path === location.asPath) {
+      if (location.asPath.replace(/#.*$/, "") === node.path) {
         return node;
       }
       if (node.children) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "timvir",
-  "version": "0.2.33",
+  "version": "0.2.35",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -20,7 +20,7 @@
     "downshift": "^7 || ^8 || ^9",
     "fuzzaldrin-plus": "^0.6.0",
     "immer": "^9 || ^10",
-    "shiki": "^1",
+    "shiki": "^1 || ^2 || ^3",
     "react-feather": "^2",
     "use-immer": "^0.8.0 || ^0.8.1 || ^0.9.0 || ^0.10.0 || ^0.11.0",
     "wonka": "^6"

package/search/SearchBoxListItem/SearchBoxListItem.d.ts

@@ -2,11 +2,12 @@ import * as React from "react";
 /**
  * The underlying DOM element which is rendered by this component.
  */
-declare const Root = "div";
+declare const Root = "a";
 interface Props extends React.ComponentProps<typeof Root> {
+    as?: React.ComponentType<React.ComponentProps<typeof Root>>;
     icon?: React.ReactNode;
     label: React.ReactNode;
     context?: React.ReactNode;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default _default;

package/search/index.js

@@ -63,18 +63,20 @@ var SearchBoxInput$1 = /*#__PURE__*/React.forwardRef(SearchBoxInput);
 /**
  * The underlying DOM element which is rendered by this component.
  */
-const Root$1 = "div";
+const Root$1 = "a";
 function SearchBoxListItem(props, ref) {
   const {
+    as,
     icon,
     label,
     context,
     ...rest
   } = props;
-  return /*#__PURE__*/React.createElement(Root$1, {
+  const Component = as ?? Root$1;
+  return /*#__PURE__*/React.createElement(Component, {
     role: "button",
     ref: ref,
-    className: "r8yc6y",
+    className: "c8yc6y",
     ...rest
   }, /*#__PURE__*/React.createElement("div", {
     className: "dqzmx2q"
@@ -162,12 +164,10 @@ function Dialog(props, ref) {
   }), /*#__PURE__*/React.createElement("main", {
     ...getMenuProps(),
     className: "m1mgb53c"
-  }, items.map((item, index) => /*#__PURE__*/React.createElement(Link, {
+  }, items.map((item, index) => /*#__PURE__*/React.createElement(SearchBoxListItem$1, {
     key: index,
+    as: Link,
     href: item.node.path,
-    passHref: true,
-    legacyBehavior: true
-  }, /*#__PURE__*/React.createElement(SearchBoxListItem$1, {
     ...getItemProps({
       item,
       index,
@@ -207,7 +207,7 @@ function Dialog(props, ref) {
     style: {
       // background: highlightedIndex === index ? "rgba(0, 0, 0, 0.05)" : undefined,
     }
-  }))))))));
+  })))))));
 }
 var Dialog$1 = /*#__PURE__*/React.forwardRef(Dialog);
 

package/search/styles.css

@@ -2,7 +2,7 @@
 .s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);flex-shrink:0;backface-visibility:hidden;margin-right:10px;flex-grow:0;}
 .i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
 
-.r8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;}.r8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .r8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r8yc6y:hover{background:rgba(255,255,255,0.05);}
+.c8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;text-decoration:none;}.c8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .c8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .c8yc6y:hover{background:rgba(255,255,255,0.05);}
 .dqzmx2q{display:flex;align-items:center;justify-content:center;margin-left:14px;width:18px;height:24px;}
 .dp5wq1v{margin-left:14px;}
 .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}

package/styles.css

@@ -182,7 +182,7 @@
 .s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);flex-shrink:0;backface-visibility:hidden;margin-right:10px;flex-grow:0;}
 .i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
 
-.r8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;}.r8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .r8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r8yc6y:hover{background:rgba(255,255,255,0.05);}
+.c8yc6y{display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55,53,47,0.09) 0px 1px 0px;text-decoration:none;}.c8yc6y:hover{background:rgba(0,0,0,0.05);}:root[data-timvir-theme="dark"] .c8yc6y{box-shadow:rgba(255,255,255,0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .c8yc6y:hover{background:rgba(255,255,255,0.05);}
 .dqzmx2q{display:flex;align-items:center;justify-content:center;margin-left:14px;width:18px;height:24px;}
 .dp5wq1v{margin-left:14px;}
 .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}