@vector-im/compound-web 8.1.2 → 8.2.1

package/src/components/Menu/Menu.tsx

@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { FC, ReactNode, useMemo } from "react";
+import React, { type FC, type ReactNode, useMemo } from "react";
 import {
   Root,
   Trigger,
@@ -17,7 +17,11 @@ import { FloatingMenu } from "./FloatingMenu";
 import { Drawer } from "vaul";
 import classnames from "classnames";
 import drawerMenu from "./DrawerMenu.module.css";
-import { MenuContext, MenuData, MenuItemWrapperProps } from "./MenuContext";
+import {
+  MenuContext,
+  type MenuData,
+  type MenuItemWrapperProps,
+} from "./MenuContext";
 import { DrawerMenu } from "./DrawerMenu";
 import { getPlatform } from "../../utils/platform";
 

package/src/components/Menu/MenuContext.tsx

@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import { ComponentType, ReactNode, createContext } from "react";
+import { type ComponentType, type ReactNode, createContext } from "react";
 
 export interface MenuItemWrapperProps {
   /**

package/src/components/Menu/MenuItem.tsx

@@ -7,15 +7,15 @@ Please see LICENSE files in the repository root for full details.
 
 import classnames from "classnames";
 import React, {
-  ComponentPropsWithoutRef,
-  ComponentType,
-  ElementType,
+  type ComponentPropsWithoutRef,
+  type ComponentType,
+  type ElementType,
   isValidElement,
-  ReactElement,
-  SVGAttributes,
+  type ReactElement,
+  type SVGAttributes,
   useCallback,
   useContext,
-  MouseEventHandler,
+  type MouseEventHandler,
 } from "react";
 import styles from "./MenuItem.module.css";
 import { Text } from "../Typography/Text";

package/src/components/Menu/RadioMenuItem.tsx

@@ -5,7 +5,12 @@
  * Please see LICENSE files in the repository root for full details.
  */
 
-import React, { ComponentProps, forwardRef, useCallback, useId } from "react";
+import React, {
+  type ComponentProps,
+  forwardRef,
+  useCallback,
+  useId,
+} from "react";
 import { MenuItem } from "./MenuItem";
 import { RadioInput } from "../Form";
 

package/src/components/Menu/ToggleMenuItem.tsx

@@ -5,7 +5,12 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { ComponentProps, forwardRef, useCallback, useId } from "react";
+import React, {
+  type ComponentProps,
+  forwardRef,
+  useCallback,
+  useId,
+} from "react";
 import { MenuItem } from "./MenuItem";
 import { ToggleInput } from "../Form/Controls/Toggle";
 

package/src/components/Nav/NavItem.tsx

@@ -7,10 +7,10 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import React, {
-  AnchorHTMLAttributes,
-  ButtonHTMLAttributes,
-  ForwardedRef,
-  MouseEventHandler,
+  type AnchorHTMLAttributes,
+  type ButtonHTMLAttributes,
+  type ForwardedRef,
+  type MouseEventHandler,
   forwardRef,
 } from "react";
 

package/src/components/ReleaseAnnouncement/ReleaseAnnouncement.tsx

@@ -8,14 +8,14 @@ Please see LICENSE files in the repository root for full details.
 import React, {
   cloneElement,
   isValidElement,
-  JSX,
-  PropsWithChildren,
-  Ref,
+  type JSX,
+  type PropsWithChildren,
+  type Ref,
 } from "react";
 import {
   FloatingPortal,
   FloatingFocusManager,
-  Placement,
+  type Placement,
   useMergeRefs,
   FloatingArrow,
 } from "@floating-ui/react";

package/src/components/ReleaseAnnouncement/useReleaseAnnouncement.tsx

@@ -10,14 +10,14 @@ import {
   autoUpdate,
   limitShift,
   offset,
-  Placement,
+  type Placement,
   shift,
   useFloating,
   useId,
   useInteractions,
   useRole,
 } from "@floating-ui/react";
-import { MouseEventHandler, useMemo, useRef } from "react";
+import { type MouseEventHandler, useMemo, useRef } from "react";
 
 interface UseReleaseAnnouncementProps {
   /**

package/src/components/Search/Search.tsx

@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import classnames from "classnames";
-import React, { ComponentProps, forwardRef, useId } from "react";
+import React, { type ComponentProps, forwardRef, useId } from "react";
 import styles from "./Search.module.css";
 import { Field, Label } from "../Form";
 

package/src/components/Separator/Separator.tsx

@@ -8,9 +8,9 @@ Please see LICENSE files in the repository root for full details.
 import classnames from "classnames";
 import * as RadixSeparator from "@radix-ui/react-separator";
 import React, {
-  ComponentProps,
-  PropsWithoutRef,
-  Ref,
+  type ComponentProps,
+  type PropsWithoutRef,
+  type Ref,
   forwardRef,
   useEffect,
   useRef,

package/src/components/Toast/Toast.tsx

@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import classnames from "classnames";
-import React, { forwardRef, PropsWithChildren } from "react";
+import React, { forwardRef, type PropsWithChildren } from "react";
 import styles from "./Toast.module.css";
 
 type ToastProps = {

package/src/components/Tooltip/Tooltip.tsx

@@ -12,23 +12,23 @@ import {
   useMergeRefs,
 } from "@floating-ui/react";
 import React, {
-  PropsWithChildren,
-  Ref,
-  JSX,
+  type PropsWithChildren,
+  type Ref,
+  type JSX,
   isValidElement,
   cloneElement,
   useMemo,
-  ReactNode,
-  FC,
-  ReactElement,
+  type ReactNode,
+  type FC,
+  type ReactElement,
 } from "react";
 
 import classNames from "classnames";
 import styles from "./Tooltip.module.css";
 import {
-  CommonUseTooltipProps,
-  TooltipDescription,
-  TooltipLabel,
+  type CommonUseTooltipProps,
+  type TooltipDescription,
+  type TooltipLabel,
   useTooltip,
 } from "./useTooltip";
 

package/src/components/Tooltip/TooltipProvider.tsx

@@ -1,5 +1,5 @@
 import { FloatingDelayGroup } from "@floating-ui/react";
-import React, { FC } from "react";
+import React, { type FC } from "react";
 
 export const hoverDelay = { open: 300, close: 0 };
 

package/src/components/Tooltip/useTooltip.ts

@@ -10,8 +10,8 @@ import {
   autoUpdate,
   flip,
   offset,
-  OpenChangeReason,
-  Placement,
+  type OpenChangeReason,
+  type Placement,
   shift,
   useDelayGroup,
   useDismiss,
@@ -26,8 +26,8 @@ import {
   useMemo,
   useRef,
   useState,
-  JSX,
-  AriaAttributes,
+  type JSX,
+  type AriaAttributes,
   useEffect,
 } from "react";
 import { hoverDelay } from "./TooltipProvider";

package/src/components/Typography/Typography.tsx

@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { PropsWithChildren } from "react";
+import React, { type PropsWithChildren } from "react";
 import classNames from "classnames";
 
 import styles from "./Typography.module.css";

package/src/components/VisualList/VisualList.tsx

@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { JSX, PropsWithChildren } from "react";
+import React, { type JSX, type PropsWithChildren } from "react";
 import styles from "./VisualList.module.css";
 import classNames from "classnames";
 

package/src/components/VisualList/VisualListItem.tsx

@@ -5,7 +5,11 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { ComponentType, JSX, PropsWithChildren } from "react";
+import React, {
+  type ComponentType,
+  type JSX,
+  type PropsWithChildren,
+} from "react";
 import styles from "./VisualListItem.module.css";
 import classNames from "classnames";
 

package/src/utils/__ComponentTemplate__/__ComponentTemplate__.tsx

@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import classnames from "classnames";
-import React, { forwardRef, PropsWithChildren } from "react";
+import React, { forwardRef, type PropsWithChildren } from "react";
 import styles from "./__ComponentTemplate__.module.css";
 
 type __ComponentTemplate__Props = {

package/tsconfig.json

@@ -5,6 +5,8 @@
   "compilerOptions": {
     "lib": ["es2022", "dom", "dom.iterable"],
     // We import React as an unused local in order to support React 17
-    "noUnusedLocals": false
+    "noUnusedLocals": false,
+    // We don't need to run directly in Node so can rely on generated code
+    "erasableSyntaxOnly": false
   }
 }