timvir 0.2.49 → 0.2.51

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # 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
+
+- **Add explicit types and import conditions to exports** ([#3708](https://github.com/timvir/timvir/pull/3708)) - This improves TypeScript IntelliSense and module resolution for modern build tools.
+
 ## 0.2.49
 
 ### 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/Arbitrary/samples/basic.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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,
@@ -196,18 +196,33 @@ function Code(props$1, ref) {
       const stylexTransformer = {
         name: "stylex",
         pre(node) {
-          this.addClassToHast(node, {
+          const {
+            className
+          } = {
             className: "timvir-s-1lliihq timvir-s-1ghz6dp timvir-s-1g8o3q3 timvir-s-1d0dlzq"
-          }.className);
+          };
+          {
+            this.addClassToHast(node, className);
+          }
         },
         line(node, index) {
-          this.addClassToHast(node, {
+          const {
+            className
+          } = {
             className: "timvir-s-1rg5ohu timvir-s-h8yej3 timvir-s-e193im"
-          }.className);
+          };
+          {
+            this.addClassToHast(node, className);
+          }
           if (highlightedLines?.includes(index)) {
-            this.addClassToHast(node, {
+            const {
+              className
+            } = {
               className: "timvir-s-15fpjw5"
-            }.className);
+            };
+            {
+              this.addClassToHast(node, className);
+            }
           }
         }
       };
@@ -230,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,
@@ -252,6 +266,5 @@ function Code(props$1, ref) {
     })]
   });
 }
-var Code_default = /*#__PURE__*/React.forwardRef(Code);
 
-export { Code_default as Code };
+export { Code };

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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),
@@ -198,7 +197,7 @@ function ColorBar(props$1, ref) {
         opacity: selected ? 0 : 1
       },
       children: values.map((value, i, self) => /*#__PURE__*/jsx("div", {
-        className: "timvir-s-1vqgdyp timvir-s-1iyjqo2 timvir-s-rvj5dj timvir-s-13b6k1y timvir-s-1ypdohk timvir-s-zkaem6 timvir-s-15311qs timvir-s-inzabm timvir-s-1bxid8z",
+        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", {
           ...props(i === 0 ? styles.firstChild : null, i === self.length - 1 ? styles.lastChild : null, styles.valueInner),
           style: {
@@ -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/ColorBar/styles.css

@@ -7,8 +7,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/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/Exhibit/samples/bleed.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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),
@@ -250,6 +249,9 @@ function Font(props$1, ref) {
         onClick: () => {
           if (infoRef && contentRef) {
             const infoParent = infoRef.parentElement;
+            if (!infoParent) {
+              return;
+            }
             if (infoParent.style.height === "0px") {
               infoParent.style.height = `${infoRef.getBoundingClientRect().height}px`;
               infoParent.style.opacity = "1";
@@ -300,6 +302,5 @@ function Font(props$1, ref) {
     })]
   });
 }
-var Font_default = /*#__PURE__*/React.forwardRef(Font);
 
-export { Font_default as Font };
+export { Font };

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+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;

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,5 +1,5 @@
-import * as React from "react";
-import { Descriptor } from "./types";
+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

@@ -1,9 +1,9 @@
-import * as React from "react";
+import type * as React from "react";
 interface Props {
     width: number;
     height: number;
     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";