timvir 0.2.54 → 0.2.56

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

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

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

@@ -5,5 +5,5 @@ interface Props {
     edge: "left" | "right";
     iframeRef: React.RefObject<null | HTMLIFrameElement>;
 }
-export declare function Handle(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Handle(props: Props): React.JSX.Element;
 export {};

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

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

package/blocks/Viewport/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/WebLink/WebLink.d.ts

@@ -6,5 +6,5 @@ declare const Root = "a";
 interface Props extends React.ComponentPropsWithRef<typeof Root> {
     url: string;
 }
-export declare function WebLink(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function WebLink(props: Props): React.JSX.Element;
 export {};

package/blocks/WebLink/docs/index.mdx

@@ -8,8 +8,7 @@ import { WebLink } from "..";
 
 ## Examples
 
-<WebLink url="https://twitter.com" style={{ marginBottom: 16 }} />
-<WebLink url="https://figma.com" style={{ marginBottom: 16 }} />
-<WebLink url="https://www.framer.com/motion/" style={{ marginBottom: 16 }} />
+<WebLink url="https://stories.caurea.org/blouson-noir" style={{ marginBottom: 16 }} />
+<WebLink url="https://linear.app" style={{ marginBottom: 16 }} />
 <WebLink url="https://formatjs.github.io" style={{ marginBottom: 16 }} />
 <WebLink url="https://www.typescriptlang.org" style={{ marginBottom: 16 }} />

package/blocks/WebLink/index.js

@@ -1,7 +1,7 @@
 'use client';
 import * as React from 'react';
 import { useContext } from 'timvir/core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -193,12 +193,17 @@ function WebLink(props$1) {
         settled: true,
         metadata: metadata
       });
+    }, () => {
+      setState({
+        settled: true,
+        metadata: undefined
+      });
     });
   }, [unfurl, url]);
   const metadata = state.metadata;
   const image = metadata?.open_graph?.images?.[0]?.url;
   const rootStyleProps = props(layoutStyles.block, styles.root);
-  return /*#__PURE__*/jsxs(Root, {
+  return /*#__PURE__*/jsxDEV(Root, {
     "data-timvir-b-weblink": true,
     href: url,
     target: "_blank",
@@ -210,38 +215,38 @@ function WebLink(props$1) {
       ...rootStyleProps.style,
       ...rest.style
     },
-    children: [/*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsxDEV("div", {
       className: "timvir-s-1fvrxw4 timvir-s-hkrif2 timvir-s-euugli",
-      children: [/*#__PURE__*/jsx("div", {
+      children: [/*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-1cdhzux timvir-s-uxw1ft timvir-s-b3r6kr timvir-s-lyipyv timvir-s-jwf9q1 timvir-s-zueoph",
-        children: metadata?.open_graph?.title ?? metadata?.title ?? /*#__PURE__*/jsx(Fragment, {
+        children: metadata?.open_graph?.title ?? metadata?.title ?? /*#__PURE__*/jsxDEV(Fragment, {
           children: "\xA0"
-        })
-      }), /*#__PURE__*/jsx("div", {
+        }, void 0, false)
+      }, void 0, false), /*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-boafo0 timvir-s-1vbrtjm timvir-s-vgvpxu timvir-s-1ehw58o timvir-s-b3r6kr",
         children: metadata?.open_graph?.description ?? metadata?.description
-      }), /*#__PURE__*/jsxs("div", {
+      }, void 0, false), /*#__PURE__*/jsxDEV("div", {
         className: "timvir-s-14vqqas timvir-s-78zum5 timvir-s-boafo0 timvir-s-l2ypbo timvir-s-1cdhzux timvir-s-uxw1ft timvir-s-b3r6kr timvir-s-lyipyv",
-        children: [/*#__PURE__*/jsx("img", {
+        children: [/*#__PURE__*/jsxDEV("img", {
           className: "timvir-s-cdlrvm timvir-s-1l36t39 timvir-s-gomdpo timvir-s-15ku74s",
           style: {
             opacity: metadata?.favicon ? 1 : 0
           },
           src: metadata?.favicon,
           alt: ""
-        }), /*#__PURE__*/jsx("div", {
+        }, void 0, false), /*#__PURE__*/jsxDEV("div", {
           children: metadata ? url : null
-        })]
-      })]
-    }), image && /*#__PURE__*/jsx("div", {
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true), image && /*#__PURE__*/jsxDEV("div", {
       className: "timvir-s-15lv9n0 timvir-s-1n2onr6 timvir-s-fb3i0g",
-      children: /*#__PURE__*/jsx("img", {
+      children: /*#__PURE__*/jsxDEV("img", {
         className: "timvir-s-1lliihq timvir-s-l1xv1r timvir-s-1p4ba9y timvir-s-h8yej3 timvir-s-5yr21d timvir-s-10l6tqk timvir-s-13vifvy timvir-s-u96u03",
         src: image,
         alt: ""
-      })
-    })]
-  });
+      }, void 0, false)
+    }, void 0, false)]
+  }, void 0, true);
 }
 const styles = {
   root: {

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

@@ -1,5 +1,5 @@
 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;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

package/blocks/styles.css

@@ -938,6 +938,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/builtins/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxDEV } from 'react/jsx-dev-runtime';
 
 var styleq = {};
 var hasRequiredStyleq;
@@ -160,7 +160,7 @@ const layoutStyles = {
     $$css: true
   }};
 
-const SvgLink = props => /*#__PURE__*/jsxs("svg", {
+const SvgLink = props => /*#__PURE__*/jsxDEV("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -171,12 +171,12 @@ const SvgLink = props => /*#__PURE__*/jsxs("svg", {
   strokeWidth: 2,
   viewBox: "0 0 24 24",
   ...props,
-  children: [/*#__PURE__*/jsx("path", {
+  children: [/*#__PURE__*/jsxDEV("path", {
     d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
-  }), /*#__PURE__*/jsx("path", {
+  }, void 0, false), /*#__PURE__*/jsxDEV("path", {
     d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
-  })]
-});
+  }, void 0, false)]
+}, void 0, true);
 
 const anchorize = children => {
   if (typeof children === "string") {
@@ -192,41 +192,41 @@ function Heading(Component) {
       ...rest
     } = props;
     const id = anchorize(children);
-    return /*#__PURE__*/jsx(Component, {
+    return /*#__PURE__*/jsxDEV(Component, {
       ...rest,
       id: id,
-      children: /*#__PURE__*/jsxs("a", {
+      children: /*#__PURE__*/jsxDEV("a", {
         className: "timvir-s-1heor9g timvir-s-1hl2dhg timvir-s-bok0fy timvir-s-158d8ml timvir-s-1rb6emv timvir-s-1xi2g7t",
         href: id && `#${id}`,
-        children: [children, /*#__PURE__*/jsx(SvgLink, {
+        children: [children, /*#__PURE__*/jsxDEV(SvgLink, {
           className: "timvir-s-1rg5ohu timvir-s-16vho4v timvir-s-vgvpxu timvir-s-1pazyae timvir-s-1y6pbyt timvir-s-xymvpz timvir-s-2r93rw timvir-s-1i3gk9 timvir-s-o5ics5 timvir-s-6ah1hw"
-        })]
-      })
-    });
+        }, void 0, false)]
+      }, void 0, true)
+    }, void 0, false);
   };
 }
-const h11 = props$1 => /*#__PURE__*/jsx("h1", {
+const h11 = props$1 => /*#__PURE__*/jsxDEV("h1", {
   ...props(layoutStyles.block, styles.h1),
   ...props$1
-});
-const h21 = Heading(props$1 => /*#__PURE__*/jsx("h2", {
+}, void 0, false);
+const h21 = Heading(props$1 => /*#__PURE__*/jsxDEV("h2", {
   ...props(layoutStyles.block, styles.h2),
   ...props$1
-}));
-const h31 = Heading(props$1 => /*#__PURE__*/jsx("h3", {
+}, void 0, false));
+const h31 = Heading(props$1 => /*#__PURE__*/jsxDEV("h3", {
   ...props(layoutStyles.block, styles.h3),
   ...props$1
-}));
-const h41 = Heading(props$1 => /*#__PURE__*/jsx("h4", {
+}, void 0, false));
+const h41 = Heading(props$1 => /*#__PURE__*/jsxDEV("h4", {
   ...props(layoutStyles.block, styles.h4),
   ...props$1
-}));
+}, void 0, false));
 const blockquote1 = props$1 => {
   const {
     children,
     ...rest
   } = props$1;
-  return /*#__PURE__*/jsx("blockquote", {
+  return /*#__PURE__*/jsxDEV("blockquote", {
     ...rest,
     ...props(layoutStyles.block, styles.blockquote),
     children: React.Children.toArray(children).filter(x => x !== "\n").map((child, index, self) => {
@@ -241,26 +241,26 @@ const blockquote1 = props$1 => {
         style
       });
     })
-  });
+  }, void 0, false);
 };
-const hr1 = props$1 => /*#__PURE__*/jsx("hr", {
+const hr1 = props$1 => /*#__PURE__*/jsxDEV("hr", {
   ...props(layoutStyles.block, styles.hr),
   ...props$1
-});
-const table1 = props$1 => /*#__PURE__*/jsx("table", {
+}, void 0, false);
+const table1 = props$1 => /*#__PURE__*/jsxDEV("table", {
   ...props(layoutStyles.block, styles.table),
   ...props$1
-});
-const thead1 = props => /*#__PURE__*/jsx("thead", {
+}, void 0, false);
+const thead1 = props => /*#__PURE__*/jsxDEV("thead", {
   ...props
-});
-const tbody1 = props => /*#__PURE__*/jsx("tbody", {
+}, void 0, false);
+const tbody1 = props => /*#__PURE__*/jsxDEV("tbody", {
   ...props
-});
-const tr1 = props => /*#__PURE__*/jsx("tr", {
+}, void 0, false);
+const tr1 = props => /*#__PURE__*/jsxDEV("tr", {
   className: "timvir-s-83z2og timvir-s-178xt8z timvir-s-13fuv20 timvir-s-1r4gg6b timvir-s-7kswos",
   ...props
-});
+}, void 0, false);
 const th1 = props => {
   const {
     align,
@@ -269,11 +269,11 @@ const th1 = props => {
   const style = {
     textAlign: align || "center"
   };
-  return /*#__PURE__*/jsx("th", {
+  return /*#__PURE__*/jsxDEV("th", {
     className: "timvir-s-12ek6fo timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-1kgrkcs",
     style: style,
     ...rest
-  });
+  }, void 0, false);
 };
 const td1 = props => {
   const {
@@ -283,36 +283,36 @@ const td1 = props => {
   const style = {
     textAlign: align || "left"
   };
-  return /*#__PURE__*/jsx("td", {
+  return /*#__PURE__*/jsxDEV("td", {
     className: "timvir-s-12ek6fo timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-1kgrkcs",
     style: style,
     ...rest
-  });
+  }, void 0, false);
 };
-const code1 = props => /*#__PURE__*/jsx("code", {
+const code1 = props => /*#__PURE__*/jsxDEV("code", {
   className: "timvir-s-1sxf85j timvir-s-1jnxms5 timvir-s-sfzzmd timvir-s-bspb1j timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-j7gikm timvir-s-1vhptj2",
   ...props
-});
-const a1 = props => /*#__PURE__*/jsx("a", {
+}, void 0, false);
+const a1 = props => /*#__PURE__*/jsxDEV("a", {
   className: "timvir-s-15rks2t timvir-s-1hl2dhg timvir-s-11p4203 timvir-s-1j43nte timvir-s-odwsf6 timvir-s-1w3jsh0 timvir-s-lan1bs timvir-s-1v02d47 timvir-s-1k07x2j timvir-s-15m0p1m timvir-s-1bezv82",
   ...props
-});
-const p1 = props$1 => /*#__PURE__*/jsx("p", {
+}, void 0, false);
+const p1 = props$1 => /*#__PURE__*/jsxDEV("p", {
   ...props(layoutStyles.block),
   ...props$1
-});
-const ul1 = props$1 => /*#__PURE__*/jsx("ul", {
+}, void 0, false);
+const ul1 = props$1 => /*#__PURE__*/jsxDEV("ul", {
   ...props(layoutStyles.block),
   ...props$1
-});
-const ol1 = props$1 => /*#__PURE__*/jsx("ol", {
+}, void 0, false);
+const ol1 = props$1 => /*#__PURE__*/jsxDEV("ol", {
   ...props(layoutStyles.block),
   ...props$1
-});
-const button1 = props => /*#__PURE__*/jsx("button", {
+}, void 0, false);
+const button1 = props => /*#__PURE__*/jsxDEV("button", {
   className: "timvir-s-1a2a7pz timvir-s-mkeg23 timvir-s-1y0btm7 timvir-s-j7gikm timvir-s-1cum3z5 timvir-s-1d0dlzq timvir-s-1cdhzux timvir-s-ln7xf2 timvir-s-o5v014 timvir-s-1whlmpv timvir-s-1k49i25 timvir-s-49kzi4 timvir-s-1dc5b4e timvir-s-13m658e timvir-s-1bx2y69",
   ...props
-});
+}, void 0, false);
 const styles = {
   h1: {
     keoZOQ: "timvir-s-1hpjnmm",
@@ -320,7 +320,7 @@ const styles = {
     kGuDYH: "timvir-s-579bpy",
     kLWn49: "timvir-s-2sqz4w",
     k63SB2: "timvir-s-kjxd12",
-    kTHuQy: "timvir-s-zqbfd8",
+    kTHuQy: "timvir-s-caxn08",
     $$css: true
   },
   h2: {

package/builtins/styles.css

@@ -73,7 +73,7 @@
 }
 
 @layer priority3 {
-  html:not([dir="rtl"]) .timvir-s-1j43nte, html[dir="rtl"] .timvir-s-1j43nte {
+  .timvir-s-1j43nte {
     background-position: bottom;
   }
 
@@ -279,7 +279,7 @@
     position: relative;
   }
 
-  .timvir-s-zqbfd8 {
+  .timvir-s-caxn08 {
     text-indent: -.05em;
   }
 

package/core/components/Commands/Commands.d.ts

@@ -3,5 +3,5 @@ interface Props {
     open: boolean;
     onClose: () => void;
 }
-declare function Commands(props: Props): React.ReactPortal | null;
-export default Commands;
+export declare function Commands(props: Props): React.ReactPortal | null;
+export {};

package/core/components/Commands/index.d.ts

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

package/core/components/Commands/internal/Action.d.ts

@@ -3,5 +3,5 @@ declare const Root = "div";
 interface Props extends Omit<React.ComponentPropsWithoutRef<typeof Root>, "className" | "style"> {
     label?: React.ReactNode;
 }
-declare function Action(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Action;
+export declare function Action(props: Props): React.JSX.Element;
+export {};

package/core/components/Commands/internal/Dialog.d.ts

@@ -1,7 +1,8 @@
+import * as React from "react";
 interface Props {
     open?: boolean;
     onClose?: () => void;
     onDispose?: () => void;
 }
-declare function Dialog(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Dialog;
+export declare function Dialog(props: Props): React.JSX.Element;
+export {};

package/core/components/Commands/internal/index.d.ts

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 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;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

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

@@ -17,5 +17,5 @@ interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
         context: React.ReactNode;
     };
 }
-declare function NavigationFooter(props: Props): import("react/jsx-runtime").JSX.Element;
-export default NavigationFooter;
+export declare function NavigationFooter(props: Props): React.JSX.Element;
+export {};

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

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

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

@@ -1,5 +1,5 @@
 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;
+export default function Sample(props: Props): React.JSX.Element;
 export {};

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 function Page(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Page;
+export declare function Page(props: Props): React.JSX.Element;
+export {};

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

@@ -1,2 +1,2 @@
-export { default as Page } from "./Page";
+export { Page } from "./Page";
 export * from "./types";

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

@@ -1,6 +1,7 @@
+import * as React from "react";
 import type { Node } from "../types";
 interface Props extends Node {
     depth: number;
 }
-declare function Section(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Section;
+export declare function Section(props: Props): React.JSX.Element;
+export {};

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

@@ -13,5 +13,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<"nav">, "className"
         }>;
     };
 }
-declare function Sidebar(props: Props): import("react/jsx-runtime").JSX.Element;
-export default Sidebar;
+export declare function Sidebar(props: Props): React.JSX.Element;
+export {};

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

@@ -1,8 +1,9 @@
+import * as React from "react";
 import type { Node } from "../types";
 interface Props extends Node {
     depth: number;
     active: boolean;
     setActive: (f: (active: boolean) => boolean) => void;
 }
-declare function SidebarItem(props: Props): import("react/jsx-runtime").JSX.Element;
-export default SidebarItem;
+export declare function SidebarItem(props: Props): React.JSX.Element;
+export {};

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

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

package/core/components/Page/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/core/components/Page/samples/layout.d.ts

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