@react-md/core 1.0.0-next.12 → 1.0.0-next.14

package/src/transition/useCrossFadeTransition.ts

@@ -12,7 +12,7 @@ import { useCSSTransition } from "./useCSSTransition.js";
 /**
  * The default cross fade transition classes to use.
  *
- * @remarks \@since 2.0.0
+ * @since 2.0.0
  */
 export const CROSS_FADE_CLASSNAMES: Readonly<CSSTransitionClassNamesObject> = {
   appear: "rmd-cross-fade",
@@ -24,7 +24,7 @@ export const CROSS_FADE_CLASSNAMES: Readonly<CSSTransitionClassNamesObject> = {
 /**
  * The default cross fade transition timeout.
  *
- * @remarks \@since 2.0.0
+ * @since 2.0.0
  */
 export const CROSS_FADE_TIMEOUT: Readonly<TransitionTimeoutObject> = {
   appear: 300,
@@ -35,7 +35,7 @@ export const CROSS_FADE_TIMEOUT: Readonly<TransitionTimeoutObject> = {
 /**
  * @typeParam E - An HTMLElement type used for the ref required for the
  * transition.
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  */
 export interface CrossFadeTransitionHookOptions<E extends HTMLElement>
   extends PreconfiguredCSSTransitionInDefaultedOptions<E> {
@@ -66,8 +66,7 @@ export interface CrossFadeTransitionHookOptions<E extends HTMLElement>
  * distance. This is generally used for full page transitions when a route
  * changes.
  *
- * @example
- * New Page Transition with the Layout component
+ * @example New Page Transition with the Layout component
  * ```tsx
  * import { ReactElement, ReactNode, useLayoutEffect } from "react";
  * import { useLocation } from "react-router-dom":
@@ -107,12 +106,13 @@ export interface CrossFadeTransitionHookOptions<E extends HTMLElement>
  *
  * @typeParam E - An HTMLElement type used for the ref required for the
  * transition.
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  */
 export function useCrossFadeTransition<E extends HTMLElement>(
   options: CrossFadeTransitionHookOptions<E> = {}
 ): CSSTransitionHookReturnValue<E> {
   const {
+    appear = false,
     transitionIn = true,
     timeout = CROSS_FADE_TIMEOUT,
     classNames = CROSS_FADE_CLASSNAMES,
@@ -121,6 +121,7 @@ export function useCrossFadeTransition<E extends HTMLElement>(
 
   return useCSSTransition({
     ...cssOptions,
+    appear,
     timeout,
     classNames,
     transitionIn,

package/src/transition/useMaxWidthTransition.ts

@@ -5,7 +5,7 @@ import { Children, cloneElement, isValidElement } from "react";
 import { maxWidthTransition } from "./maxWidthTransition.js";
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface MaxWidthTransitionOptions {
   element: ReactNode;
@@ -17,7 +17,7 @@ export interface MaxWidthTransitionOptions {
 }
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function useMaxWidthTransition(
   options: MaxWidthTransitionOptions

package/src/transition/useScaleTransition.ts

@@ -12,9 +12,8 @@ import { useCSSTransition } from "./useCSSTransition.js";
  * The default {@link CSSTransitionClassNames} for a horizontal scale
  * transition.
  *
- * @remarks
- * \@since 2.0.0
- * \@since 6.0.0 The class names were updated to be prefixed with
+ * @since 2.0.0
+ * @since 6.0.0 The class names were updated to be prefixed with
  * `rmd-scale-transition`
  */
 export const SCALE_CLASSNAMES: Readonly<CSSTransitionClassNamesObject> = {
@@ -30,9 +29,8 @@ export const SCALE_CLASSNAMES: Readonly<CSSTransitionClassNamesObject> = {
 /**
  * The default {@link CSSTransitionClassNames} for a vertical scale transition.
  *
- * @remarks
- * \@since 2.0.0
- * \@since 6.0.0 The class names were updated to be prefixed with
+ * @since 2.0.0
+ * @since 6.0.0 The class names were updated to be prefixed with
  * `rmd-scale-y-transition` and merged with the {@link SCALE_CLASSNAMES}
  */
 export const SCALE_Y_CLASSNAMES: Readonly<CSSTransitionClassNamesObject> = {
@@ -52,7 +50,7 @@ export const SCALE_Y_CLASSNAMES: Readonly<CSSTransitionClassNamesObject> = {
  * The default {@link TransitionTimeout} to use for horizontal and vertical
  * scale transitions.
  *
- * @remarks \@since 2.0.0
+ * @since 2.0.0
  */
 export const SCALE_TIMEOUT: Readonly<TransitionTimeoutObject> = {
   enter: 200,
@@ -62,7 +60,7 @@ export const SCALE_TIMEOUT: Readonly<TransitionTimeoutObject> = {
 /**
  * @typeParam E - The HTMLElement type used or the ref required for the
  * transition.
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  */
 export interface ScaleTransitionHookOptions<E extends HTMLElement>
   extends PreconfiguredCSSTransitionOptions<E> {
@@ -93,8 +91,7 @@ export interface ScaleTransitionHookOptions<E extends HTMLElement>
  * Implements a scale transition that should generally be used for temporary
  * elements that are positioned via `position: absolute` or `position: fixed`.
  *
- * @example
- * Dropdown Menu Example
+ * @example Dropdown Menu Example
  * ```tsx
  * import { ReactElement, useRef, useState } from "react";
  * import { Button, useFixedPositioning, useScaleTransition } from "@react-md/core";
@@ -128,7 +125,7 @@ export interface ScaleTransitionHookOptions<E extends HTMLElement>
  *
  * @typeParam E - The HTMLElement type used or the ref required for the
  * transition.
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  */
 export function useScaleTransition<E extends HTMLElement>(
   options: ScaleTransitionHookOptions<E>
@@ -137,6 +134,7 @@ export function useScaleTransition<E extends HTMLElement>(
     timeout = SCALE_TIMEOUT,
     vertical = false,
     temporary = true,
+    exitedHidden = true,
     classNames = vertical ? SCALE_Y_CLASSNAMES : SCALE_CLASSNAMES,
     ...transitionOptions
   } = options;
@@ -145,6 +143,7 @@ export function useScaleTransition<E extends HTMLElement>(
     ...transitionOptions,
     timeout,
     temporary,
+    exitedHidden,
     classNames,
   });
 }

package/src/transition/useSkeletonPlaceholder.ts

@@ -8,7 +8,7 @@ import {
   type SkeletonPlaceholderRandomOptions,
 } from "./skeletonPlaceholderUtils.js";
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface SkeletonPlaceholderOptions
   extends SkeletonPlaceholderRandomOptions {
   style?: CSSProperties;
@@ -25,7 +25,7 @@ export interface SkeletonPlaceholderOptions
   delay?: string;
 
   /**
-   * Set this value tp a number or length unit string to set the height with
+   * Set this value to a number or length unit string to set the height with
    * inline styles.
    *
    * If this is `undefined`, it will use the skeleton placeholder CSS variable
@@ -41,8 +41,7 @@ export interface SkeletonPlaceholderOptions
    * Set this value to an empty string if you want to control the width through
    * SCSS.
    *
-   * @example
-   * No Inline Width CSS
+   * @example No Inline Width CSS
    * ```scss
    * @use "@react-md/core";
    *
@@ -58,8 +57,7 @@ export interface SkeletonPlaceholderOptions
    * }
    * ```
    *
-   * @example
-   * No Inline Width
+   * @example No Inline Width
    * ```ts
    * import type { ReactElement } from "@react";
    * import { useSkeletonPlaceholder } from "@react-md/core";
@@ -80,8 +78,7 @@ export interface SkeletonPlaceholderOptions
    * Set this value to a number or length unit string to set the width with
    * inline styles.
    *
-   * @example
-   * Custom Inline Width
+   * @example Custom Inline Width
    * ```ts
    * import type { ReactElement } from "@react";
    * import { useSkeletonPlaceholder } from "@react-md/core";
@@ -115,8 +112,7 @@ export interface SkeletonPlaceholderOptions
    * to be applied. This is really only useful if you can prerender parts of
    * your layout while waiting for the data to load.
    *
-   * @example
-   * Pre-rendered Layout
+   * @example Pre-rendered Layout
    * ```tsx
    * import type { ReactElement } from "@react";
    * import { SkeletonPlaceholder } from "@react-md/core";

package/src/transition/useSlideTransition.ts

@@ -8,10 +8,10 @@ import type {
 } from "./types.js";
 import { useCSSTransition } from "./useCSSTransition.js";
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export const DEFAULT_SLIDE_TRANSITION_TIMEOUT: Readonly<TransitionTimeout> = 150;
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export const DEFAULT_SLIDE_TRANSITION_CLASSNAMES: Readonly<CSSTransitionClassNames> =
   {
     enter: "rmd-slide--enter",
@@ -20,13 +20,12 @@ export const DEFAULT_SLIDE_TRANSITION_CLASSNAMES: Readonly<CSSTransitionClassNam
     exitActive: "rmd-slide--exit-active rmd-slide--animate",
   };
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export type SlideTransitionOptions<E extends HTMLElement> =
   PreconfiguredCSSTransitionOptions<E>;
 
 /**
- * @example
- * Simple Example
+ * @example Simple Example
  * ```tsx
  * import type { SlideDirection } from "@react-md/core";
  * import { slideContainer, useSlideTransition } from "@react-md/core";
@@ -89,7 +88,7 @@ export type SlideTransitionOptions<E extends HTMLElement> =
  *
  * @see {@link SlideContainer} and {@link Slide} for convenient default
  * implementations.
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function useSlideTransition<E extends HTMLElement>(
   options: SlideTransitionOptions<E>

package/src/transition/useTransition.ts

@@ -29,7 +29,7 @@ const noop = (): void => {
  *
  * @typeParam E - The HTMLElement type used or the ref required for the
  * transition.
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  */
 export function useTransition<E extends HTMLElement>(
   options: TransitionHookOptions<E>

package/src/transition/utils.ts

@@ -7,7 +7,7 @@ import type {
 } from "./types.js";
 
 /**
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  * @internal
  */
 export interface TransitionTimeoutOptions extends Required<TransitionActions> {
@@ -15,7 +15,7 @@ export interface TransitionTimeoutOptions extends Required<TransitionActions> {
 }
 
 /**
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  * @internal
  */
 export function getTransitionTimeout(
@@ -38,7 +38,7 @@ export function getTransitionTimeout(
 }
 
 /**
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  * @internal
  */
 export interface CollapseSizing {
@@ -53,7 +53,7 @@ export interface CollapseSizing {
  * max-height value since `max-height: auto` does not transition. The only way
  * to get transition is to change max-height values manually.
  *
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  * @internal
  */
 export function getElementSizing(element: HTMLElement | null): CollapseSizing {
@@ -95,7 +95,7 @@ export function getElementSizing(element: HTMLElement | null): CollapseSizing {
 }
 
 /**
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  * @internal
  */
 export interface TransitionClassNamesOptions extends TransitionTimeoutOptions {
@@ -103,7 +103,7 @@ export interface TransitionClassNamesOptions extends TransitionTimeoutOptions {
 }
 
 /**
- * @remarks \@since 4.0.0
+ * @since 4.0.0
  * @internal
  */
 export function getTransitionClassNames(

package/src/tree/DefaultTreeItemRenderer.tsx

@@ -17,7 +17,7 @@ import {
  * Look at the `Tree` component for an example of creating a custom
  * implementation.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function DefaultTreeItemRenderer<
   T extends TreeItemNode = DefaultTreeItemNode,

package/src/tree/Tree.tsx

@@ -39,7 +39,7 @@ declare module "react" {
 }
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type TreeHTMLAttributes = Omit<
   HTMLAttributes<HTMLUListElement>,
@@ -47,8 +47,7 @@ export type TreeHTMLAttributes = Omit<
 >;
 
 /**
- * @remarks
- * \@since 6.0.0 There was a major API change and the `id` is now `optional`.
+ * @since 6.0.0 There was a major API change and the `id` is now `optional`.
  * In addition, the following props were removed:
  * - `itemRenderer`
  * - `labelKey`
@@ -67,7 +66,7 @@ export interface TreeProps<T extends TreeItemNode>
   /**
    * An optional ref to pass to the tree element.
    *
-   * @remarks \@since 6.0.0
+   * @since 6.0.0
    */
   treeRef?: Ref<HTMLUListElement>;
 
@@ -75,7 +74,7 @@ export interface TreeProps<T extends TreeItemNode>
   sort?: TreeItemSorter<T>;
 
   /**
-   * Any nodes in the {@Link data} that have a `parentId` set to this value will
+   * Any nodes in the {@link data} that have a `parentId` set to this value will
    * appear at the root of the tree.
    *
    * @defaultValue `null`
@@ -119,8 +118,7 @@ export interface TreeProps<T extends TreeItemNode>
   temporaryChildItems?: boolean;
 
   /**
-   * @example
-   * Custom Tree Item Renderer
+   * @example Custom Tree Item Renderer
    * ```tsx
    * import {
    *   TreeItem,
@@ -181,8 +179,7 @@ export interface TreeProps<T extends TreeItemNode>
 /**
  * **Client Component**
  *
- * @example
- * Simple Tree
+ * @example Simple Tree
  * ```tsx
  * import type { TreeData } from "@react-md/core";
  * import { Tree, useTree } from "@react-md/core";
@@ -228,8 +225,7 @@ export interface TreeProps<T extends TreeItemNode>
  *
  * @see {@link TreeProps.renderer} for a custom tree item example.
  *
- * @remarks
- * \@since 6.0.0 There was a major API change and the `id` is now `optional`.
+ * @since 6.0.0 There was a major API change and the `id` is now `optional`.
  * In addition, the following props were removed:
  * - `itemRenderer`
  * - `labelKey`
@@ -317,8 +313,8 @@ export function Tree<T extends TreeItemNode>(
         >
           <RenderRecursively
             items={items}
-            getItemKey={(item) => item.itemId}
             render={TreeItemRenderer}
+            getItemKey={(options) => options.item.itemId}
           />
         </List>
       </KeyboardMovementProvider>

package/src/tree/TreeGroup.tsx

@@ -6,7 +6,7 @@ import { useTreeContext } from "./TreeProvider.js";
 import { treeGroup } from "./styles.js";
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface OverridableTreeGroupProps extends ListProps {
   /** @defaultValue `false` */
@@ -18,7 +18,7 @@ export interface OverridableTreeGroupProps extends ListProps {
 
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TreeGroupProps extends OverridableTreeGroupProps {
   children: ReactNode;
@@ -30,7 +30,7 @@ export interface TreeGroupProps extends OverridableTreeGroupProps {
  * **Client Component**
  *
  * @internal
- * @remarks \@since 6.0.0 Removed the collapse options and is no longer a
+ * @since 6.0.0 Removed the collapse options and is no longer a
  * "public" component.
  */
 export const TreeGroup = forwardRef<HTMLUListElement, TreeGroupProps>(

package/src/tree/TreeItem.tsx

@@ -19,7 +19,7 @@ import { treeItem, treeItemContent, treeItemMedia } from "./styles.js";
 import { type DefaultTreeItemNode } from "./types.js";
 
 /**
- * @remarks \@since 6.0.0  Added the `groupProps` prop.
+ * @since 6.0.0  Added the `groupProps` prop.
  */
 export interface TreeItemProps
   extends Omit<DefaultTreeItemNode, "parentId">,
@@ -80,11 +80,10 @@ export interface TreeItemProps
  * **Client Component**
  *
  * @see {@link https://www.w3.org/WAI/ARIA/apg/patterns/treeview/}
- * @remarks
- * \@since 6.0.0 The wrapping `<li>` element will always be `role="none"` and
+ * @since 6.0.0 The wrapping `<li>` element will always be `role="none"` and
  * the `<span>` or `<a>` will gain the `role="treeitem"` instead. This makes it
  * easier to pass event handlers because of the nested behavior of tree items.
- * \@since 6.0.0 No longer provides the `aria-level`, `aria-setsize` and
+ * @since 6.0.0 No longer provides the `aria-level`, `aria-setsize` and
  * `aria-posinset` attributes and allows the browser to compute them instead.
  */
 export function TreeItem(props: TreeItemProps): ReactElement {

package/src/tree/TreeItemExpander.tsx

@@ -13,7 +13,7 @@ import { useTreeContext } from "./TreeProvider.js";
 
 /**
  * @internal
- * @remarks \@since 6.0.0 Updated to use the latest API
+ * @since 6.0.0 Updated to use the latest API
  */
 export interface TreeItemExpanderProps {
   /** @defaultValue `false` */
@@ -30,7 +30,7 @@ export interface TreeItemExpanderProps {
  * **Client Component**
  *
  * @internal
- * @remarks \@since 6.0.0 Updated to support the new `expansionMode` behavior.
+ * @since 6.0.0 Updated to support the new `expansionMode` behavior.
  */
 export function TreeItemExpander(props: TreeItemExpanderProps): ReactElement {
   const {

package/src/tree/TreeProvider.tsx

@@ -30,13 +30,13 @@ import { type TreeSelection } from "./useTreeSelection.js";
  * that requires the user to click on an icon or a button to expand the child
  * items.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type TreeExpansionMode = "auto" | "manual";
 
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TreeItemMetadataLookup {
   /**
@@ -73,7 +73,7 @@ export interface TreeItemMetadataLookup {
  *
  * The other properties on the context are most likely for internal use only.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TreeContext<T extends TreeItemNode = DefaultTreeItemNode>
   extends TreeExpansion,
@@ -105,7 +105,7 @@ const { Provider } = context;
  * This can be used for a custom tree item renderer.
  *
  * @see The `Tree` component for an example.
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function useTreeContext<
   T extends TreeItemNode = DefaultTreeItemNode,
@@ -120,7 +120,7 @@ export function useTreeContext<
 
 /**
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TreeProviderProps<T extends TreeItemNode = DefaultTreeItemNode>
   extends TreeContext<T> {
@@ -131,7 +131,7 @@ export interface TreeProviderProps<T extends TreeItemNode = DefaultTreeItemNode>
  * **Client Component**
  *
  * @internal
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function TreeProvider<T extends TreeItemNode = DefaultTreeItemNode>(
   props: TreeProviderProps<T>

package/src/tree/styles.ts

@@ -7,7 +7,7 @@ const treeStyles = bem("rmd-tree");
 const treeItemStyles = bem("rmd-tree-item");
 const treeGroupStyles = bem("rmd-tree-group");
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TreeClassNameOptions {
   className?: string;
 }
@@ -16,7 +16,7 @@ export interface TreeClassNameOptions {
  * Apply the `className`s for a tree component. This will be type-safe if using
  * typescript.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function tree(options: TreeClassNameOptions = {}): string {
   const { className } = options;
@@ -24,7 +24,7 @@ export function tree(options: TreeClassNameOptions = {}): string {
   return cnb(treeStyles(), className);
 }
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TreeItemClassNameOptions {
   className?: string;
   expander?: boolean;
@@ -42,7 +42,7 @@ export interface TreeItemClassNameOptions {
  * Apply the `className`s for a tree item component. This will be type-safe if
  * using typescript.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function treeItem(options: TreeItemClassNameOptions = {}): string {
   const { className, expander = false, expanderLeft = false } = options;
@@ -56,7 +56,7 @@ export function treeItem(options: TreeItemClassNameOptions = {}): string {
   );
 }
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TreeItemContentClassNameOptions
   extends InternalListItemClassNameOptions {
   /**
@@ -86,7 +86,7 @@ export interface TreeItemContentClassNameOptions
 }
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function treeItemContent(
   options: TreeItemContentClassNameOptions = {}
@@ -116,7 +116,7 @@ export function treeItemContent(
 }
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TreeItemMediaClassNameOptions {
   className?: string;
@@ -125,7 +125,7 @@ export interface TreeItemMediaClassNameOptions {
 }
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function treeItemMedia(options: TreeItemMediaClassNameOptions): string {
   const { isLeafNode, isMediaLeftAddon, className } = options;
@@ -136,13 +136,13 @@ export function treeItemMedia(options: TreeItemMediaClassNameOptions): string {
   );
 }
 
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TreeGroupClassNameOptions {
   className?: string;
 }
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export function treeGroup(options: TreeGroupClassNameOptions = {}): string {
   const { className } = options;

package/src/tree/types.ts

@@ -3,7 +3,7 @@ import type { ListItemChildrenProps } from "../list/types.js";
 import type { UseStateInitializer } from "../types.js";
 
 /**
- * @remarks \@since 6.0.0 This was renamed from `TreeItemIds`
+ * @since 6.0.0 This was renamed from `TreeItemIds`
  */
 export interface TreeItemNode {
   itemId: string;
@@ -14,7 +14,7 @@ export interface TreeItemNode {
  * The default tree item node allows for any props for rendering children within
  * list items and rendering links.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface DefaultTreeItemNode
   extends TreeItemNode,
@@ -67,8 +67,7 @@ export interface DefaultTreeItemNode
 }
 
 /**
- * @example
- * Default Structure
+ * @example Default Structure
  * ```tsx
  * import type { TreeData } from "@react-md/core";
  * import FolderIcon from "@react-md/material-icons/FolderIcon";
@@ -95,7 +94,7 @@ export interface DefaultTreeItemNode
  * };
  * ```
  *
- * @remarks \@since 6.0.0 Updated the default types
+ * @since 6.0.0 Updated the default types
  * @see {@link DefaultTreeItemNode}
  */
 export type TreeData<T extends TreeItemNode = DefaultTreeItemNode> = Record<
@@ -104,13 +103,13 @@ export type TreeData<T extends TreeItemNode = DefaultTreeItemNode> = Record<
 >;
 
 /**
- * @remarks \@since 6.0.0 This used to be `TreeItemIds` but was converted to a
+ * @since 6.0.0 This used to be `TreeItemIds` but was converted to a
  * Set to increase performance for large trees.
  */
 export type TreeItemIdSet = ReadonlySet<string>;
 
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type TreeItemDefaultIds = UseStateInitializer<readonly string[]>;