@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/UnderlineNav/UnderlineNavItem.js

@@ -1,69 +1,46 @@
-import React, { forwardRef, useRef, useContext, useSyncExternalStore, useCallback } from 'react';
-import { UnderlineNavContext } from './UnderlineNavContext.js';
-import { UnderlineItem } from '../internal/components/UnderlineTabbedInterface.js';
-import classes from './UnderlineNavItem.module.css.js';
-import { UnderlineNavItemsRegistry } from './UnderlineNavItemsRegistry.js';
-import { jsx } from 'react/jsx-runtime';
-
-const UnderlineNavItem = /*#__PURE__*/forwardRef((allProps, forwardedRef) => {
-  const {
-    as: Component = 'a',
-    href = '#',
-    children,
-    counter,
-    onSelect,
-    'aria-current': ariaCurrent,
-    icon: Icon,
-    leadingVisual,
-    ...props
-  } = allProps;
-  const ref = useRef(null);
-  const {
-    loadingCounters
-  } = useContext(UnderlineNavContext);
-  const isOverflowing = useSyncExternalStore(useCallback(onChange => {
-    const observer = new IntersectionObserver(() => onChange(), {
-      threshold: 1
-    });
-    if (ref.current) observer.observe(ref.current);
-    return () => observer.disconnect();
-  }, [ref]),
-  // Note: the IntersectionObserver is just being used as a trigger to re-check
-  // `offsetTop > 0`; this is fast and simpler than checking visibility from
-  // the observed entry. When an item wraps, it will move to the next row which
-  // increases its `offsetTop`
-  () => ref.current ? ref.current.offsetTop > 0 : false, () => false);
-  UnderlineNavItemsRegistry.useRegisterDescendant(isOverflowing ? allProps : null);
-  const keyDownHandler = React.useCallback(event => {
-    if ((event.key === ' ' || event.key === 'Enter') && !event.defaultPrevented && typeof onSelect === 'function') {
-      onSelect(event);
-    }
-  }, [onSelect]);
-  const clickHandler = React.useCallback(event => {
-    if (!event.defaultPrevented && typeof onSelect === 'function') {
-      onSelect(event);
-    }
-  }, [onSelect]);
-  return /*#__PURE__*/jsx("li", {
-    className: classes.UnderlineNavItem,
-    ref: ref,
-    "aria-hidden": isOverflowing ? true : allProps['aria-hidden'],
-    children: /*#__PURE__*/jsx(UnderlineItem, {
-      ref: forwardedRef,
-      as: Component,
-      href: href,
-      "aria-current": ariaCurrent,
-      onKeyDown: keyDownHandler,
-      onClick: clickHandler,
-      counter: counter,
-      icon: leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : Icon,
-      loadingCounters: loadingCounters,
-      ...props,
-      tabIndex: isOverflowing ? -1 : allProps.tabIndex,
-      children: children
-    })
-  });
+import { UnderlineItem } from "../internal/components/UnderlineTabbedInterface.js";
+import { UnderlineNavContext } from "./UnderlineNavContext.js";
+import { UnderlineNavItemsRegistry } from "./UnderlineNavItemsRegistry.js";
+import UnderlineNavItem_module_css_default from "./UnderlineNavItem.module.css.js";
+import { jsx } from "react/jsx-runtime";
+import React, { forwardRef, useCallback, useContext, useRef, useSyncExternalStore } from "react";
+//#region src/UnderlineNav/UnderlineNavItem.tsx
+const UnderlineNavItem = /*#__PURE__*/ forwardRef((allProps, forwardedRef) => {
+	const { as: Component = "a", href = "#", children, counter, onSelect, "aria-current": ariaCurrent, icon: Icon, leadingVisual, ...props } = allProps;
+	const ref = useRef(null);
+	const { loadingCounters } = useContext(UnderlineNavContext);
+	const isOverflowing = useSyncExternalStore(useCallback((onChange) => {
+		const observer = new IntersectionObserver(() => onChange(), { threshold: 1 });
+		if (ref.current) observer.observe(ref.current);
+		return () => observer.disconnect();
+	}, [ref]), () => ref.current ? ref.current.offsetTop > 0 : false, () => false);
+	UnderlineNavItemsRegistry.useRegisterDescendant(isOverflowing ? allProps : null);
+	const keyDownHandler = React.useCallback((event) => {
+		if ((event.key === " " || event.key === "Enter") && !event.defaultPrevented && typeof onSelect === "function") onSelect(event);
+	}, [onSelect]);
+	const clickHandler = React.useCallback((event) => {
+		if (!event.defaultPrevented && typeof onSelect === "function") onSelect(event);
+	}, [onSelect]);
+	return /*#__PURE__*/ jsx("li", {
+		className: UnderlineNavItem_module_css_default.UnderlineNavItem,
+		ref,
+		"aria-hidden": isOverflowing ? true : allProps["aria-hidden"],
+		children: /*#__PURE__*/ jsx(UnderlineItem, {
+			ref: forwardedRef,
+			as: Component,
+			href,
+			"aria-current": ariaCurrent,
+			onKeyDown: keyDownHandler,
+			onClick: clickHandler,
+			counter,
+			icon: leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : Icon,
+			loadingCounters,
+			...props,
+			tabIndex: isOverflowing ? -1 : allProps.tabIndex,
+			children
+		})
+	});
 });
-UnderlineNavItem.displayName = 'UnderlineNavItem';
-
+UnderlineNavItem.displayName = "UnderlineNavItem";
+//#endregion
 export { UnderlineNavItem };

package/dist/UnderlineNav/UnderlineNavItem.module.css.js

@@ -1,5 +1,5 @@
-import './UnderlineNavItem-402cd41c.css';
-
-var classes = {"UnderlineNavItem":"prc-UnderlineNav-UnderlineNavItem-syRjR"};
-
-export { classes as default };
+import "./UnderlineNavItem-402cd41c.css";
+//#region src/UnderlineNav/UnderlineNavItem.module.css.js
+var UnderlineNavItem_module_css_default = { "UnderlineNavItem": "prc-UnderlineNav-UnderlineNavItem-syRjR" };
+//#endregion
+export { UnderlineNavItem_module_css_default as default };

package/dist/UnderlineNav/UnderlineNavItemsRegistry.d.ts

@@ -1,51 +1,47 @@
-import type { IconProps } from '@primer/octicons-react';
+import { IconProps } from "@primer/octicons-react";
+
+//#region src/UnderlineNav/UnderlineNavItemsRegistry.d.ts
 type LinkProps = {
-    download?: string;
-    href?: string;
-    hrefLang?: string;
-    media?: string;
-    ping?: string;
-    rel?: string;
-    target?: string;
-    type?: string;
-    referrerPolicy?: React.AnchorHTMLAttributes<HTMLAnchorElement>['referrerPolicy'];
+  download?: string;
+  href?: string;
+  hrefLang?: string;
+  media?: string;
+  ping?: string;
+  rel?: string;
+  target?: string;
+  type?: string;
+  referrerPolicy?: React.AnchorHTMLAttributes<HTMLAnchorElement>['referrerPolicy'];
 };
-export type UnderlineNavItemProps = {
-    /**
-     * Primary content for an UnderlineNav
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback that will trigger both on click selection and keyboard selection.
-     */
-    onSelect?: (event: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLAnchorElement>) => void;
-    /**
-     * Is `UnderlineNav.Item` current page?
-     */
-    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | boolean;
-    /**
-     *  Icon before the text
-     *  @deprecated Use the `leadingVisual` prop instead
-     */
-    icon?: React.FunctionComponent<IconProps> | React.ReactElement<any>;
-    /**
-     * Render a visual before the text
-     */
-    leadingVisual?: React.ReactElement;
-    /**
-     * Renders `UnderlineNav.Item` as given component i.e. react-router's Link
-     **/
-    as?: React.ElementType | 'a';
-    /**
-     * Counter
-     */
-    counter?: number | string;
+type UnderlineNavItemProps = {
+  /**
+   * Primary content for an UnderlineNav
+   */
+  children?: React.ReactNode;
+  /**
+   * Callback that will trigger both on click selection and keyboard selection.
+   */
+  onSelect?: (event: React.MouseEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLAnchorElement>) => void;
+  /**
+   * Is `UnderlineNav.Item` current page?
+   */
+  'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false' | boolean;
+  /**
+   *  Icon before the text
+   *  @deprecated Use the `leadingVisual` prop instead
+   */
+  icon?: React.FunctionComponent<IconProps> | React.ReactElement<any>;
+  /**
+   * Render a visual before the text
+   */
+  leadingVisual?: React.ReactElement;
+  /**
+   * Renders `UnderlineNav.Item` as given component i.e. react-router's Link
+   **/
+  as?: React.ElementType | 'a';
+  /**
+   * Counter
+   */
+  counter?: number | string;
 } & LinkProps;
-/** Registry of currently-overflowing underline items. If an item is not overflowing, its value will be `null`. */
-export declare const UnderlineNavItemsRegistry: {
-    Provider: ({ children, setRegistry }: import("../utils/descendant-registry").ProviderProps<UnderlineNavItemProps | null>) => import("react").JSX.Element;
-    useRegistryState: () => [ReadonlyMap<string, UnderlineNavItemProps | null> | undefined, import("react").Dispatch<import("react").SetStateAction<ReadonlyMap<string, UnderlineNavItemProps | null> | undefined>>];
-    useRegisterDescendant: (value: UnderlineNavItemProps | null) => string;
-};
-export {};
-//# sourceMappingURL=UnderlineNavItemsRegistry.d.ts.map
+//#endregion
+export { UnderlineNavItemProps };

package/dist/UnderlineNav/UnderlineNavItemsRegistry.js

@@ -1,8 +1,6 @@
-import { createDescendantRegistry } from '../utils/descendant-registry.js';
-
-// adopted from React.AnchorHTMLAttributes
-
+import { createDescendantRegistry } from "../utils/descendant-registry.js";
+//#region src/UnderlineNav/UnderlineNavItemsRegistry.ts
 /** Registry of currently-overflowing underline items. If an item is not overflowing, its value will be `null`. */
 const UnderlineNavItemsRegistry = createDescendantRegistry();
-
+//#endregion
 export { UnderlineNavItemsRegistry };

package/dist/UnderlineNav/index.d.ts

@@ -1,8 +1,10 @@
-import type { UnderlineNavProps } from './UnderlineNav';
-import type { UnderlineNavItemProps } from './UnderlineNavItemsRegistry';
+import { ForwardRefComponent } from "../utils/polymorphic.js";
+import { UnderlineNavProps } from "./UnderlineNav.js";
+import { UnderlineNavItemProps } from "./UnderlineNavItemsRegistry.js";
+
+//#region src/UnderlineNav/index.d.ts
 declare const UnderlineNav: import("react").ForwardRefExoticComponent<UnderlineNavProps & import("react").RefAttributes<unknown>> & {
-    Item: import("../utils/polymorphic").ForwardRefComponent<"a", UnderlineNavItemProps>;
+  Item: ForwardRefComponent<"a", UnderlineNavItemProps>;
 };
-export { UnderlineNav };
-export type { UnderlineNavProps, UnderlineNavItemProps };
-//# sourceMappingURL=index.d.ts.map
+//#endregion
+export { UnderlineNav, type UnderlineNavItemProps, type UnderlineNavProps };

package/dist/UnderlineNav/index.js

@@ -1,8 +1,6 @@
-import { UnderlineNav as UnderlineNav$1 } from './UnderlineNav.js';
-import { UnderlineNavItem } from './UnderlineNavItem.js';
-
-const UnderlineNav = Object.assign(UnderlineNav$1, {
-  Item: UnderlineNavItem
-});
-
+import { UnderlineNav as UnderlineNav$1 } from "./UnderlineNav.js";
+import { UnderlineNavItem } from "./UnderlineNavItem.js";
+//#region src/UnderlineNav/index.ts
+const UnderlineNav = Object.assign(UnderlineNav$1, { Item: UnderlineNavItem });
+//#endregion
 export { UnderlineNav };

package/dist/UnderlineNav/utils.js

@@ -1,9 +1,8 @@
-import React from 'react';
-
-const getValidChildren = children => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
+import React from "react";
+//#region src/UnderlineNav/utils.ts
+const getValidChildren = (children) => {
+	return React.Children.toArray(children).filter((child) => /*#__PURE__*/ React.isValidElement(child));
 };
-const isCurrent = props => props['aria-current'] !== undefined && props['aria-current'] !== false && props['aria-current'] !== 'false';
-
+const isCurrent = (props) => props["aria-current"] !== void 0 && props["aria-current"] !== false && props["aria-current"] !== "false";
+//#endregion
 export { getValidChildren, isCurrent };

package/dist/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,5 +1,6 @@
-import type React from 'react';
-import { type HTMLAttributes } from 'react';
+import React, { HTMLAttributes } from "react";
+
+//#region src/VisuallyHidden/VisuallyHidden.d.ts
 /**
  * Provides a component that implements the "visually hidden" technique. This is
  * analogous to the common `sr-only` class. Children that are rendered inside
@@ -10,8 +11,13 @@ import { type HTMLAttributes } from 'react';
  *
  * @see https://www.scottohara.me/blog/2023/03/21/visually-hidden-hack.html
  */
-export declare const VisuallyHidden: ({ className, children, ...rest }: VisuallyHiddenProps) => React.JSX.Element;
-export type VisuallyHiddenProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
-    className?: string;
+declare const VisuallyHidden: ({
+  className,
+  children,
+  ...rest
+}: VisuallyHiddenProps) => React.JSX.Element;
+type VisuallyHiddenProps = React.PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
+  className?: string;
 }>;
-//# sourceMappingURL=VisuallyHidden.d.ts.map
+//#endregion
+export { VisuallyHidden, VisuallyHiddenProps };

package/dist/VisuallyHidden/VisuallyHidden.js

@@ -1,51 +1,53 @@
-import { c } from 'react-compiler-runtime';
-import { clsx } from 'clsx';
-import classes from './VisuallyHidden.module.css.js';
-import { jsx } from 'react/jsx-runtime';
-
-const VisuallyHidden = t0 => {
-  const $ = c(10);
-  let children;
-  let className;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      className,
-      children,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = rest;
-  } else {
-    children = $[1];
-    className = $[2];
-    rest = $[3];
-  }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx(className, classes.VisuallyHidden);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
-    t2 = /*#__PURE__*/jsx("span", {
-      className: t1,
-      ...rest,
-      children: children
-    });
-    $[6] = children;
-    $[7] = rest;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
+import VisuallyHidden_module_css_default from "./VisuallyHidden.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/VisuallyHidden/VisuallyHidden.tsx
+/**
+* Provides a component that implements the "visually hidden" technique. This is
+* analogous to the common `sr-only` class. Children that are rendered inside
+* this component will not be visible but will be available to screen readers.
+*
+* Note: if this component, or a descendant, has focus then this component will
+* no longer be visually hidden.
+*
+* @see https://www.scottohara.me/blog/2023/03/21/visually-hidden-hack.html
+*/
+const VisuallyHidden = (t0) => {
+	const $ = c(10);
+	let children;
+	let className;
+	let rest;
+	if ($[0] !== t0) {
+		({className, children, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = rest;
+	} else {
+		children = $[1];
+		className = $[2];
+		rest = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = clsx(className, VisuallyHidden_module_css_default.VisuallyHidden);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
+		t2 = /*#__PURE__*/ jsx("span", {
+			className: t1,
+			...rest,
+			children
+		});
+		$[6] = children;
+		$[7] = rest;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
 };
-
+//#endregion
 export { VisuallyHidden };

package/dist/VisuallyHidden/VisuallyHidden.module.css.js

@@ -1,5 +1,5 @@
-import './VisuallyHidden-ce2a3270.css';
-
-var classes = {"VisuallyHidden":"prc-VisuallyHidden-VisuallyHidden-Q0qSB"};
-
-export { classes as default };
+import "./VisuallyHidden-ce2a3270.css";
+//#region src/VisuallyHidden/VisuallyHidden.module.css.js
+var VisuallyHidden_module_css_default = { "VisuallyHidden": "prc-VisuallyHidden-VisuallyHidden-Q0qSB" };
+//#endregion
+export { VisuallyHidden_module_css_default as default };

package/dist/VisuallyHidden/index.d.ts

@@ -1,3 +1,2 @@
-export { VisuallyHidden } from './VisuallyHidden';
-export type { VisuallyHiddenProps } from './VisuallyHidden';
-//# sourceMappingURL=index.d.ts.map
+import { VisuallyHidden, VisuallyHiddenProps } from "./VisuallyHidden.js";
+export { VisuallyHidden, type VisuallyHiddenProps };

package/dist/_VisuallyHidden.js

@@ -1,65 +1,53 @@
-import { c } from 'react-compiler-runtime';
-import visuallyHiddenClasses from './_VisuallyHidden.module.css.js';
-import { clsx } from 'clsx';
-import { jsx } from 'react/jsx-runtime';
-
+import _VisuallyHidden_module_css_default from "./_VisuallyHidden.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/_VisuallyHidden.tsx
 function VisuallyHidden(t0) {
-  const $ = c(14);
-  let as;
-  let children;
-  let className;
-  let isVisible;
-  let rest;
-  if ($[0] !== t0) {
-    ({
-      isVisible,
-      children,
-      as,
-      className,
-      ...rest
-    } = t0);
-    $[0] = t0;
-    $[1] = as;
-    $[2] = children;
-    $[3] = className;
-    $[4] = isVisible;
-    $[5] = rest;
-  } else {
-    as = $[1];
-    children = $[2];
-    className = $[3];
-    isVisible = $[4];
-    rest = $[5];
-  }
-  const Component = as || "span";
-  const t1 = !isVisible;
-  let t2;
-  if ($[6] !== className || $[7] !== t1) {
-    t2 = clsx(className, {
-      [visuallyHiddenClasses.InternalVisuallyHidden]: t1
-    });
-    $[6] = className;
-    $[7] = t1;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  let t3;
-  if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t2) {
-    t3 = /*#__PURE__*/jsx(Component, {
-      className: t2,
-      ...rest,
-      children: children
-    });
-    $[9] = Component;
-    $[10] = children;
-    $[11] = rest;
-    $[12] = t2;
-    $[13] = t3;
-  } else {
-    t3 = $[13];
-  }
-  return t3;
+	const $ = c(14);
+	let as;
+	let children;
+	let className;
+	let isVisible;
+	let rest;
+	if ($[0] !== t0) {
+		({isVisible, children, as, className, ...rest} = t0);
+		$[0] = t0;
+		$[1] = as;
+		$[2] = children;
+		$[3] = className;
+		$[4] = isVisible;
+		$[5] = rest;
+	} else {
+		as = $[1];
+		children = $[2];
+		className = $[3];
+		isVisible = $[4];
+		rest = $[5];
+	}
+	const Component = as || "span";
+	const t1 = !isVisible;
+	let t2;
+	if ($[6] !== className || $[7] !== t1) {
+		t2 = clsx(className, { [_VisuallyHidden_module_css_default.InternalVisuallyHidden]: t1 });
+		$[6] = className;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== Component || $[10] !== children || $[11] !== rest || $[12] !== t2) {
+		t3 = /*#__PURE__*/ jsx(Component, {
+			className: t2,
+			...rest,
+			children
+		});
+		$[9] = Component;
+		$[10] = children;
+		$[11] = rest;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
 }
-
+//#endregion
 export { VisuallyHidden as default };

package/dist/_VisuallyHidden.module.css.js

@@ -1,5 +1,5 @@
-import './_VisuallyHidden-1f156b61.css';
-
-var visuallyHiddenClasses = {"InternalVisuallyHidden":"prc-src-InternalVisuallyHidden-2YaI6"};
-
-export { visuallyHiddenClasses as default };
+import "./_VisuallyHidden-1f156b61.css";
+//#region src/_VisuallyHidden.module.css.js
+var _VisuallyHidden_module_css_default = { "InternalVisuallyHidden": "prc-src-InternalVisuallyHidden-2YaI6" };
+//#endregion
+export { _VisuallyHidden_module_css_default as default };

package/dist/deprecated/ActionList/Divider.d.ts

@@ -1,9 +1,12 @@
-import type { JSX } from 'react';
+import { JSX } from "react";
+
+//#region src/deprecated/ActionList/Divider.d.ts
 /**
  * Visually separates `Items or `Groups in an `ActionList`.
  */
-export declare function Divider(): JSX.Element;
-export declare namespace Divider {
-    var renderItem: typeof Divider;
+declare function Divider(): JSX.Element;
+declare namespace Divider {
+  var renderItem: typeof Divider;
 }
-//# sourceMappingURL=Divider.d.ts.map
+//#endregion
+export { Divider };

package/dist/deprecated/ActionList/Divider.js

@@ -1,28 +1,28 @@
-import { c } from 'react-compiler-runtime';
-import classes from './Divider.module.css.js';
-import { jsx } from 'react/jsx-runtime';
-
+import Divider_module_css_default from "./Divider.module.css.js";
+import { c } from "react-compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/deprecated/ActionList/Divider.tsx
+/**
+* Visually separates `Items or `Groups in an `ActionList`.
+*/
 function Divider() {
-  const $ = c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /*#__PURE__*/jsx("div", {
-      "data-component": "ActionList.Divider",
-      className: classes.Divider
-    });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /*#__PURE__*/ jsx("div", {
+			"data-component": "ActionList.Divider",
+			className: Divider_module_css_default.Divider
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
 }
-
 /**
- * `Divider` fulfills the `ItemPropsWithCustomRenderer` contract,
- * so it can be used inline in an `ActionList`’s `items` prop.
- * In other words, `items={[ActionList.Divider]}` is supported as a concise
- * alternative to `items={[{renderItem: () => <ActionList.Divider />}]}`.
- */
+* `Divider` fulfills the `ItemPropsWithCustomRenderer` contract,
+* so it can be used inline in an `ActionList`’s `items` prop.
+* In other words, `items={[ActionList.Divider]}` is supported as a concise
+* alternative to `items={[{renderItem: () => <ActionList.Divider />}]}`.
+*/
 Divider.renderItem = Divider;
-
+//#endregion
 export { Divider };