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

package/dist/ActionList/Visuals.js

@@ -1,198 +1,150 @@
-import { c } from 'react-compiler-runtime';
-import React from 'react';
-import { AlertIcon } from '@primer/octicons-react';
-import { ItemContext } from './shared.js';
-import { clsx } from 'clsx';
-import classes from './ActionList.module.css.js';
-import { jsx } from 'react/jsx-runtime';
-import { Tooltip } from '../TooltipV2/Tooltip.js';
-import Spinner from '../Spinner/Spinner.js';
-
-const VisualContainer = t0 => {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.VisualWrap);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsx("span", {
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+import Spinner from "../Spinner/Spinner.js";
+import { Tooltip } from "../TooltipV2/Tooltip.js";
+import { ItemContext } from "./shared.js";
+import ActionList_module_css_default from "./ActionList.module.css.js";
+import { c } from "react-compiler-runtime";
+import { clsx } from "clsx";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { AlertIcon } from "@primer/octicons-react";
+//#region src/ActionList/Visuals.tsx
+const VisualContainer = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(className, ActionList_module_css_default.VisualWrap);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /*#__PURE__*/ jsx("span", {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 };
-const LeadingVisual = t0 => {
-  const $ = c(8);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.LeadingVisual);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsx(VisualContainer, {
-      className: t1,
-      "data-component": "ActionList.LeadingVisual",
-      ...props,
-      children: props.children
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+const LeadingVisual = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(className, ActionList_module_css_default.LeadingVisual);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /*#__PURE__*/ jsx(VisualContainer, {
+			className: t1,
+			"data-component": "ActionList.LeadingVisual",
+			...props,
+			children: props.children
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 };
-const TrailingVisual = t0 => {
-  const $ = c(9);
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-  } else {
-    className = $[1];
-    props = $[2];
-  }
-  const {
-    trailingVisualId
-  } = React.useContext(ItemContext);
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.TrailingVisual);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1 || $[7] !== trailingVisualId) {
-    t2 = /*#__PURE__*/jsx(VisualContainer, {
-      className: t1,
-      "data-component": "ActionList.TrailingVisual",
-      id: trailingVisualId,
-      ...props,
-      children: props.children
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = trailingVisualId;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  return t2;
+const TrailingVisual = (t0) => {
+	const $ = c(9);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const { trailingVisualId } = React.useContext(ItemContext);
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(className, ActionList_module_css_default.TrailingVisual);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1 || $[7] !== trailingVisualId) {
+		t2 = /*#__PURE__*/ jsx(VisualContainer, {
+			className: t1,
+			"data-component": "ActionList.TrailingVisual",
+			id: trailingVisualId,
+			...props,
+			children: props.children
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = trailingVisualId;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
 };
-
-// VisualOrIndicator handles the positioning of indicators and determines whether to show a visual or an indicator.
-//
-// If we're showing an *inactive* or *loading* indicator and a leading visual has NOT been passed,
-// replace the trailing visual with the inactive indicator.
-//
-// This preserves the left alignment of item text.
-const VisualOrIndicator = t0 => {
-  const $ = c(6);
-  const {
-    children,
-    labelId,
-    loading,
-    inactiveText,
-    itemHasLeadingVisual,
-    position,
-    className
-  } = t0;
-  const VisualComponent = position === "leading" ? LeadingVisual : TrailingVisual;
-  if (!loading && !inactiveText) {
-    return children;
-  }
-  if (itemHasLeadingVisual && position === "trailing" || !itemHasLeadingVisual && position === "leading") {
-    return children;
-  }
-  let t1;
-  if ($[0] !== VisualComponent || $[1] !== className || $[2] !== inactiveText || $[3] !== labelId || $[4] !== position) {
-    t1 = inactiveText ? /*#__PURE__*/jsx("span", {
-      className: classes.InactiveButtonWrap,
-      "data-position": position,
-      children: /*#__PURE__*/jsx(Tooltip, {
-        text: inactiveText,
-        type: "description",
-        children: /*#__PURE__*/jsx("button", {
-          type: "button",
-          className: classes.InactiveButtonReset,
-          "aria-labelledby": labelId,
-          children: /*#__PURE__*/jsx(VisualComponent, {
-            children: /*#__PURE__*/jsx(AlertIcon, {})
-          })
-        })
-      })
-    }) : /*#__PURE__*/jsx(VisualComponent, {
-      className: className,
-      children: /*#__PURE__*/jsx(Spinner, {
-        size: "small"
-      })
-    });
-    $[0] = VisualComponent;
-    $[1] = className;
-    $[2] = inactiveText;
-    $[3] = labelId;
-    $[4] = position;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  return t1;
+const VisualOrIndicator = (t0) => {
+	const $ = c(6);
+	const { children, labelId, loading, inactiveText, itemHasLeadingVisual, position, className } = t0;
+	const VisualComponent = position === "leading" ? LeadingVisual : TrailingVisual;
+	if (!loading && !inactiveText) return children;
+	if (itemHasLeadingVisual && position === "trailing" || !itemHasLeadingVisual && position === "leading") return children;
+	let t1;
+	if ($[0] !== VisualComponent || $[1] !== className || $[2] !== inactiveText || $[3] !== labelId || $[4] !== position) {
+		t1 = inactiveText ? /*#__PURE__*/ jsx("span", {
+			className: ActionList_module_css_default.InactiveButtonWrap,
+			"data-position": position,
+			children: /*#__PURE__*/ jsx(Tooltip, {
+				text: inactiveText,
+				type: "description",
+				children: /*#__PURE__*/ jsx("button", {
+					type: "button",
+					className: ActionList_module_css_default.InactiveButtonReset,
+					"aria-labelledby": labelId,
+					children: /*#__PURE__*/ jsx(VisualComponent, { children: /*#__PURE__*/ jsx(AlertIcon, {}) })
+				})
+			})
+		}) : /*#__PURE__*/ jsx(VisualComponent, {
+			className,
+			children: /*#__PURE__*/ jsx(Spinner, { size: "small" })
+		});
+		$[0] = VisualComponent;
+		$[1] = className;
+		$[2] = inactiveText;
+		$[3] = labelId;
+		$[4] = position;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
 };
-LeadingVisual.displayName = 'ActionList.LeadingVisual';
-TrailingVisual.displayName = 'ActionList.TrailingVisual';
-LeadingVisual.__SLOT__ = Symbol('ActionList.LeadingVisual');
-TrailingVisual.__SLOT__ = Symbol('ActionList.TrailingVisual');
-
+LeadingVisual.displayName = "ActionList.LeadingVisual";
+TrailingVisual.displayName = "ActionList.TrailingVisual";
+LeadingVisual.__SLOT__ = Symbol("ActionList.LeadingVisual");
+TrailingVisual.__SLOT__ = Symbol("ActionList.TrailingVisual");
+//#endregion
 export { LeadingVisual, TrailingVisual, VisualContainer, VisualOrIndicator };

package/dist/ActionList/index.d.ts

@@ -1,128 +1,121 @@
-export type { ActionListProps } from './shared';
-export type { ActionListGroupProps, ActionListGroupHeadingProps } from './Group';
-export type { ActionListItemProps } from './shared';
-export type { ActionListLinkItemProps } from './LinkItem';
-export type { ActionListDividerProps } from './Divider';
-export type { ActionListDescriptionProps } from './Description';
-export type { ActionListLeadingVisualProps, ActionListTrailingVisualProps } from './Visuals';
-export type { ActionListHeadingProps } from './Heading';
-export type { ActionListTrailingActionProps } from './TrailingAction';
-export type { ActionListGroupHeadingTrailingActionProps } from './GroupHeadingTrailingAction';
+import { AriaRole } from "../utils/types/AriaRole.js";
+import { FCWithSlotMarker, SlotMarker, WithSlotMarker } from "../utils/types/Slots.js";
+import { ForwardRefComponent } from "../utils/polymorphic.js";
+import { DistributiveOmit, PolymorphicProps } from "../utils/modern-polymorphic.js";
+import { ActionListTrailingActionProps } from "./TrailingAction.js";
+import { ActionListGroupHeadingTrailingActionProps } from "./GroupHeadingTrailingAction.js";
+import { ActionListItemProps, ActionListProps } from "./shared.js";
+import { ActionListHeadingProps } from "./Heading.js";
+import { ActionListGroupHeadingProps, ActionListGroupProps } from "./Group.js";
+import { ActionListDividerProps } from "./Divider.js";
+import { ActionListDescriptionProps } from "./Description.js";
+import { ActionListLeadingVisualProps, ActionListTrailingVisualProps, VisualProps } from "./Visuals.js";
+import { ActionListLinkItemProps } from "./LinkItem.js";
+//#region src/ActionList/index.d.ts
 /**
  * Collection of list-related components.
  */
-export declare const ActionList: (<As extends React.ElementType = "ul">(props: import("../utils/modern-polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "ul" : As> & {
-    variant?: "inset" | "horizontal-inset" | "full";
-    selectionVariant?: "single" | "radio" | "multiple";
-    showDividers?: boolean;
-    role?: import("../utils/types").AriaRole;
-    disableFocusZone?: boolean;
-    className?: string;
+declare const ActionList: (<As extends React.ElementType = "ul">(props: DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "ul" : As> & {
+  variant?: "inset" | "horizontal-inset" | "full";
+  selectionVariant?: "single" | "radio" | "multiple";
+  showDividers?: boolean;
+  role?: AriaRole;
+  disableFocusZone?: boolean;
+  className?: string;
 } & {
-    children?: import("react").ReactNode | undefined;
+  children?: import("react").ReactNode | undefined;
 }, "as"> & {
-    as?: As | undefined;
+  as?: As | undefined;
 } & import("react").RefAttributes<unknown>) => React.ReactNode) & {
-    /** Context for the `ActionList` container. */
-    ContainerContext: import("react").Context<{
-        container?: string;
-        listRole?: import("../utils/types").AriaRole;
-        selectionVariant?: "single" | "multiple" | "radio";
-        selectionAttribute?: "aria-selected" | "aria-checked";
-        listLabelledBy?: string;
-        afterSelect?: Function;
-        enableFocusZone?: boolean;
-        defaultTrailingVisual?: React.ReactElement<any>;
-    }>;
-    /** Collects related `Items` in an `ActionList`. */
-    Group: import("..").FCWithSlotMarker<import("react").PropsWithChildren<import("./Group").ActionListGroupProps>>;
-    /** An actionable or selectable `Item` */
-    Item: (<As extends React.ElementType = "li">(props: (import("../utils/modern-polymorphic").PolymorphicProps<As, "li"> extends infer T ? T extends import("../utils/modern-polymorphic").PolymorphicProps<As, "li"> ? T extends any ? Omit<T, "onSelect"> : never : never : never) & {
-        children?: React.ReactNode;
-        onSelect?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-        selected?: boolean;
-        active?: boolean;
-        variant?: "default" | "danger";
-        size?: "medium" | "large";
-        disabled?: boolean;
-        role?: import("../utils/types").AriaRole;
-        id?: string;
-        inactiveText?: string;
-        loading?: boolean;
-        _PrivateItemWrapper?: React.FC<React.PropsWithChildren<{
-            onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-            onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
-            'aria-disabled'?: boolean;
-            tabIndex?: number;
-            'aria-labelledby'?: string;
-            'aria-describedby'?: string;
-            role?: string;
-            className?: string;
-        }>>;
-        className?: string;
-        groupId?: string;
-        renderItem?: (item: React.FC<React.PropsWithChildren<{
-            onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-            onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
-            'aria-disabled'?: boolean;
-            tabIndex?: number;
-            'aria-labelledby'?: string;
-            'aria-describedby'?: string;
-            role?: string;
-            className?: string;
-        }>>) => React.ReactNode;
-        handleAddItem?: (item: React.FC<React.PropsWithChildren<{
-            onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-            onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
-            'aria-disabled'?: boolean;
-            tabIndex?: number;
-            'aria-labelledby'?: string;
-            'aria-describedby'?: string;
-            role?: string;
-            className?: string;
-        }>>) => void;
-        as?: As | undefined;
-    } & import("react").RefAttributes<any>) => React.ReactNode) & {
-        displayName: string;
-        __SLOT__: symbol;
-    };
-    /** A `Item` that renders a full-size anchor inside ListItem */
-    LinkItem: import("..").WithSlotMarker<(<As extends React.ElementType = "a">(props: import("../utils/modern-polymorphic").DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & Pick<import("./shared").ActionListItemProps, "active" | "children" | "inactiveText" | "size" | "variant"> & {
-        download?: string;
-        href?: string;
-        hrefLang?: string;
-        media?: string;
-        ping?: string;
-        rel?: string;
-        target?: string;
-        type?: string;
-        referrerPolicy?: React.AnchorHTMLAttributes<HTMLAnchorElement>["referrerPolicy"];
-        className?: string;
-    }, "as"> & {
-        as?: As | undefined;
-    } & import("react").RefAttributes<unknown>) => React.ReactNode)>;
-    /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-    Divider: import("..").FCWithSlotMarker<import("react").PropsWithChildren<import("./Divider").ActionListDividerProps>>;
-    /** Secondary text which provides additional information about an `Item`. */
-    Description: import("..").FCWithSlotMarker<import("react").PropsWithChildren<import("./Description").ActionListDescriptionProps>>;
-    /** Icon (or similar) positioned before `Item` text. */
-    LeadingVisual: import("..").FCWithSlotMarker<import("react").PropsWithChildren<import("./Visuals").VisualProps>>;
-    /** Icon (or similar) positioned after `Item` text. */
-    TrailingVisual: import("..").FCWithSlotMarker<import("react").PropsWithChildren<import("./Visuals").VisualProps>>;
-    /** Heading for an `ActionList`. */
-    Heading: import("../utils/polymorphic").ForwardRefComponent<"h1" | "h2" | "h3" | "h4" | "h5" | "h6", import("./Heading").ActionListHeadingProps>;
-    /** Context for `ActionList.Group` to propagate selectionVariant and other group-level props. */
-    GroupContext: import("react").Context<Pick<import("./Group").ActionListGroupProps, "selectionVariant"> & {
-        groupHeadingId: string | undefined;
-    }>;
-    /** Heading for `ActionList.Group` */
-    GroupHeading: import("react").FC<import("react").PropsWithChildren<import("./Group").ActionListGroupHeadingProps>> & import("..").SlotMarker & {
-        TrailingAction: import("../utils/polymorphic").ForwardRefComponent<"a" | "button", import("./GroupHeadingTrailingAction").ActionListGroupHeadingTrailingActionProps> & {
-            __SLOT__?: import("..").SlotMarker;
-            displayName?: string;
-        };
+  /** Context for the `ActionList` container. */ContainerContext: import("react").Context<{
+    container?: string;
+    listRole?: AriaRole;
+    selectionVariant?: "single" | "multiple" | "radio";
+    selectionAttribute?: "aria-selected" | "aria-checked";
+    listLabelledBy?: string;
+    afterSelect?: Function;
+    enableFocusZone?: boolean;
+    defaultTrailingVisual?: React.ReactElement<any>;
+  }>; /** Collects related `Items` in an `ActionList`. */
+  Group: FCWithSlotMarker<import("react").PropsWithChildren<ActionListGroupProps>>; /** An actionable or selectable `Item` */
+  Item: (<As extends React.ElementType = "li">(props: (PolymorphicProps<As, "li"> extends infer T ? T extends PolymorphicProps<As, "li"> ? T extends any ? Omit<T, "onSelect"> : never : never : never) & {
+    children?: React.ReactNode;
+    onSelect?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    selected?: boolean;
+    active?: boolean;
+    variant?: "default" | "danger";
+    size?: "medium" | "large";
+    disabled?: boolean;
+    role?: AriaRole;
+    id?: string;
+    inactiveText?: string;
+    loading?: boolean;
+    _PrivateItemWrapper?: React.FC<React.PropsWithChildren<{
+      onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+      onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
+      'aria-disabled'?: boolean;
+      tabIndex?: number;
+      'aria-labelledby'?: string;
+      'aria-describedby'?: string;
+      role?: string;
+      className?: string;
+    }>>;
+    className?: string;
+    groupId?: string;
+    renderItem?: (item: React.FC<React.PropsWithChildren<{
+      onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+      onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
+      'aria-disabled'?: boolean;
+      tabIndex?: number;
+      'aria-labelledby'?: string;
+      'aria-describedby'?: string;
+      role?: string;
+      className?: string;
+    }>>) => React.ReactNode;
+    handleAddItem?: (item: React.FC<React.PropsWithChildren<{
+      onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+      onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
+      'aria-disabled'?: boolean;
+      tabIndex?: number;
+      'aria-labelledby'?: string;
+      'aria-describedby'?: string;
+      role?: string;
+      className?: string;
+    }>>) => void;
+    as?: As | undefined;
+  } & import("react").RefAttributes<any>) => React.ReactNode) & {
+    displayName: string;
+    __SLOT__: symbol;
+  }; /** A `Item` that renders a full-size anchor inside ListItem */
+  LinkItem: WithSlotMarker<(<As extends React.ElementType = "a">(props: DistributiveOmit<import("react").ComponentPropsWithRef<import("react").ElementType extends As ? "a" : As> & Pick<ActionListItemProps, "active" | "children" | "inactiveText" | "size" | "variant"> & {
+    download?: string;
+    href?: string;
+    hrefLang?: string;
+    media?: string;
+    ping?: string;
+    rel?: string;
+    target?: string;
+    type?: string;
+    referrerPolicy?: React.AnchorHTMLAttributes<HTMLAnchorElement>["referrerPolicy"];
+    className?: string;
+  }, "as"> & {
+    as?: As | undefined;
+  } & import("react").RefAttributes<unknown>) => React.ReactNode)>; /** Visually separates `Item`s or `Group`s in an `ActionList`. */
+  Divider: FCWithSlotMarker<import("react").PropsWithChildren<ActionListDividerProps>>; /** Secondary text which provides additional information about an `Item`. */
+  Description: FCWithSlotMarker<import("react").PropsWithChildren<ActionListDescriptionProps>>; /** Icon (or similar) positioned before `Item` text. */
+  LeadingVisual: FCWithSlotMarker<import("react").PropsWithChildren<VisualProps>>; /** Icon (or similar) positioned after `Item` text. */
+  TrailingVisual: FCWithSlotMarker<import("react").PropsWithChildren<VisualProps>>; /** Heading for an `ActionList`. */
+  Heading: ForwardRefComponent<"h1" | "h2" | "h3" | "h4" | "h5" | "h6", ActionListHeadingProps>; /** Context for `ActionList.Group` to propagate selectionVariant and other group-level props. */
+  GroupContext: import("react").Context<Pick<ActionListGroupProps, "selectionVariant"> & {
+    groupHeadingId: string | undefined;
+  }>; /** Heading for `ActionList.Group` */
+  GroupHeading: import("react").FC<import("react").PropsWithChildren<ActionListGroupHeadingProps>> & SlotMarker & {
+    TrailingAction: ForwardRefComponent<"a" | "button", ActionListGroupHeadingTrailingActionProps> & {
+      __SLOT__?: SlotMarker;
+      displayName?: string;
     };
-    /** Secondary action */
-    TrailingAction: import("../utils/polymorphic").ForwardRefComponent<"a" | "button", import("./TrailingAction").ActionListTrailingActionProps>;
+  }; /** Secondary action */
+  TrailingAction: ForwardRefComponent<"a" | "button", ActionListTrailingActionProps>;
 };
-//# sourceMappingURL=index.d.ts.map
+//#endregion
+export { ActionList, type ActionListDescriptionProps, type ActionListDividerProps, type ActionListGroupHeadingProps, type ActionListGroupHeadingTrailingActionProps, type ActionListGroupProps, type ActionListItemProps, type ActionListLeadingVisualProps, type ActionListLinkItemProps, type ActionListProps, type ActionListTrailingActionProps, type ActionListTrailingVisualProps };