@graphprotocol/gds-react 0.1.2 → 0.2.1

package/dist/components/Tooltip.parts.js

@@ -1,134 +1,163 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+import { createContext, useCallback, useContext, useEffect, useRef, useState, } from 'react';
 import { Tooltip } from '@base-ui/react/tooltip';
+import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
 import { twToPx } from '@graphprotocol/gds-css';
 import { useControlled, useCSSPropsPolyfill, useGDS } from "../hooks/index.js";
-import { cn, getCSSPropsAttributes } from "../utils/index.js";
+import { cn, getCSSPropsAttributes, getReactNodeKey } from "../utils/index.js";
 import { Portal } from "./base/Portal.js";
 import { Render } from "./base/Render.js";
 import { TooltipMeta } from "./Tooltip.meta.js";
 const TooltipContext = createContext(null);
-const TooltipCollectorContext = createContext(null);
 const OPEN_DELAY = 300;
-export function TooltipRoot({ ref: passedRef, content: passedContent, position, gap, align, open: controlledOpen, onOpenChange, disabled, className, style, children, ...props }) {
+export function TooltipRoot({ ref: passedRef, content: passedContent, side, gap, align, alignOffset, open: controlledOpen, onOpenChange, disabled, overrideDescendants, className, style, children, triggerProps: passedTriggerProps, ...passedProps }) {
     const { dirProps } = useGDS();
-    const [cssPropsPolyfillRef, cssPropsPolyfillAttributes, cssProps] = useCSSPropsPolyfill(TooltipMeta, { position, align, disabled }, { returnPropValues: { position, gap, align, disabled } });
-    const cssPropsAttributes = getCSSPropsAttributes(TooltipMeta, { position, gap, align, disabled }, style);
-    const tooltipAncestor = useContext(TooltipContext);
-    const hasEnabledTooltipAncestor = tooltipAncestor?.enabled ?? false;
-    const { onCollect, collectedContent } = useCollectedTooltip();
+    const ancestorTooltip = useContext(TooltipContext);
+    const popupProps = passedTriggerProps !== 'forward' ? passedProps : {};
+    const popupRef = passedTriggerProps !== 'forward' ? passedRef : undefined;
+    const triggerProps = passedTriggerProps === 'forward' ? passedProps : passedTriggerProps;
+    const triggerDisabled = triggerProps && 'disabled' in triggerProps ? triggerProps.disabled === true : false;
+    const [cssPropsPolyfillRef, cssPropsPolyfillAttributes, cssProps] = useCSSPropsPolyfill(TooltipMeta, { side, align, disabled, overrideDescendants }, { returnPropValues: { side, gap, align, alignOffset, disabled, overrideDescendants } });
+    const cssPropsAttributes = getCSSPropsAttributes(TooltipMeta, { side, gap, align, alignOffset, disabled, overrideDescendants }, style);
+    const [setCollectedContent, collectedContent] = useDeferredContent();
     const content = passedContent !== undefined ? passedContent : collectedContent;
-    const enabled = !cssProps.disabled && !hasEnabledTooltipAncestor && Boolean(content);
-    const [open, ownSetOpen] = useControlled(controlledOpen, false, onOpenChange);
-    const nestedSetOpen = useRef(null);
-    const registerNestedSetOpen = useCallback((newNestedSetOpen) => {
-        nestedSetOpen.current = newNestedSetOpen;
-    }, []);
-    const setOpen = (newOpen) => {
-        ownSetOpen(newOpen);
-        /**
-         * Notify nested (overridden) tooltips of the open state change. This ensures, for example, that
-         * moving the cursor away from a `CopyButton` while its "Copied!" tooltip is shown closes the
-         * inner tooltip as well (which doesn't happen automatically because nested tooltips are
-         * disabled to prevent a lot of weirdness).
-         */
-        nestedSetOpen.current?.(newOpen);
+    /**
+     * Propagate collected content up till it reaches `Tooltip.Collector`'s closest non-disabled
+     * tooltip ancestor with no passed content.
+     */
+    const collectContent = (newCollectedContent, priority) => {
+        if (passedContent === undefined || cssProps.disabled) {
+            void setCollectedContent(newCollectedContent, priority);
+            ancestorTooltip?.collectContent(newCollectedContent, priority);
+        }
     };
-    tooltipAncestor?.registerNestedSetOpen(setOpen);
-    if (cssProps.disabled && open) {
-        setOpen(false);
-    }
+    const disabledByAncestor = ancestorTooltip?.disableDescendants ?? false;
+    const disableDescendants = disabledByAncestor ||
+        (content !== undefined && !cssProps.disabled && cssProps.overrideDescendants);
+    const enabled = Boolean(content) &&
+        !cssProps.disabled &&
+        (!triggerDisabled || controlledOpen) &&
+        !disabledByAncestor;
+    const triggerRef = useRef(null);
+    const triggerPassedRef = useMergedRefs(
+    /**
+     * Conditionally setting the ref to force the tooltip to refresh its position when `enabled`
+     * changes, preventing it from moving to the viewport's top-left corner in some cases (e.g. when
+     * `CopyButton` returns to its default tooltip).
+     */
+    enabled ? triggerRef : undefined, (passedTriggerProps === 'forward' ? passedRef : passedTriggerProps?.ref));
+    const [open, privateSetOpen] = useControlled(controlledOpen, false, onOpenChange);
+    const justOpenedRef = useRef(false);
+    const setOpen = useCallback((newOpen, reason) => {
+        privateSetOpen(newOpen, reason);
+        if (newOpen) {
+            justOpenedRef.current = true;
+            window.setTimeout(() => {
+                justOpenedRef.current = false;
+            }, 0);
+        }
+    }, [privateSetOpen]);
     const openTimeoutRef = useRef(undefined);
-    const clearOpenTimeout = () => {
+    const clearOpenTimeout = useCallback(() => {
         if (!openTimeoutRef.current)
             return;
         window.clearTimeout(openTimeoutRef.current);
         openTimeoutRef.current = undefined;
-    };
-    if (!enabled) {
-        clearOpenTimeout();
-    }
-    const tooltipContextValue = useMemo(() => ({
-        enabled,
-        registerNestedSetOpen,
-    }), [enabled, registerNestedSetOpen]);
-    return (_jsx(TooltipContext.Provider, { value: tooltipContextValue, children: _jsx(TooltipCollector, { onCollect: onCollect, children: _jsxs(Tooltip.Root, { disabled: !enabled, disableHoverablePopup: true, open: open, onOpenChange: (newOpen, eventDetails) => {
-                    clearOpenTimeout();
-                    if (!enabled)
-                        return;
-                    // Disable Base UI's default behavior of closing the tooltip when pressing the trigger
-                    if (!newOpen && eventDetails.reason === 'trigger-press') {
-                        // Ensure clicking on the trigger before the tooltip has a chance to open doesn't prevent it from opening
-                        openTimeoutRef.current = window.setTimeout(() => setOpen(true), OPEN_DELAY);
-                        return;
-                    }
-                    setOpen(newOpen);
-                }, children: [_jsx(Tooltip.Trigger, { delay: OPEN_DELAY, closeDelay: 100, render: ({ onClick: _onClick, ...renderProps }) => (_jsx(Render, { ...(enabled ? renderProps : {}), render: children })) }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Positioner
-                        // The `key` is needed for the `data-[starting-style]`s to refresh properly when these props change in CSS
-                        , { side: cssProps.position, sideOffset: twToPx(cssProps.gap), align: cssProps.align, ...dirProps, children: _jsx(Tooltip.Popup, { ref: passedRef, className: cn(`gds-tooltip root-block u:max-w-(--available-width) u:rounded-4 u:bg-default u:px-2 u:py-1 u:text-12 u:text-default u:transition
-                  i:origin-(--transform-origin)
-                  i:data-ending-style:opacity-0
-                  i:data-starting-style:opacity-0
-                  i:data-starting-style:data-[side=bottom]:-translate-y-1
-                  i:data-starting-style:data-[side=inline-end]:-translate-x-1
-                  i:data-starting-style:data-[side=inline-start]:translate-x-1
-                  i:data-starting-style:data-[side=top]:translate-y-1
-                  i:rtl:data-starting-style:data-[side=inline-end]:translate-x-1
-                  i:rtl:data-starting-style:data-[side=inline-start]:-translate-x-1`, className), ...cssPropsAttributes, ...cssPropsPolyfillAttributes, ...props, children: content }) }, `${cssProps.position}-${cssProps.gap}-${cssProps.align}`) }), _jsx(Portal, { children: _jsx("span", { ref: cssPropsPolyfillRef, className: cn('gds-tooltip i:invisible', className), ...cssPropsAttributes, ...cssPropsPolyfillAttributes, ...props }) })] }) }) }));
-}
-export function TooltipCollector({ onCollect, children }) {
-    return (_jsx(TooltipCollectorContext.Provider, { value: onCollect ?? null, children: children }));
-}
-/** Hook for components to send tooltip content up to a collector. */
-export function useCollectTooltip() {
-    return useContext(TooltipCollectorContext);
+    }, []);
+    useEffect(() => {
+        if (!enabled) {
+            clearOpenTimeout();
+            if (open)
+                setOpen(false, 'disabled');
+        }
+    }, [enabled, open, setOpen, clearOpenTimeout]);
+    return (_jsx(TooltipContext.Provider, { value: {
+            collectContent,
+            disableDescendants,
+        }, children: _jsxs(Tooltip.Root, { disabled: !enabled, disableHoverablePopup: true, open: open, onOpenChange: (newOpen, eventDetails) => {
+                clearOpenTimeout();
+                if (!enabled)
+                    return;
+                // Disable Base UI's default behavior of closing the tooltip when pressing the trigger
+                if (!newOpen && eventDetails.reason === 'trigger-press') {
+                    // Ensure clicking on the trigger before the tooltip has a chance to open doesn't prevent it from opening
+                    openTimeoutRef.current = window.setTimeout(() => setOpen(true, eventDetails.reason), OPEN_DELAY);
+                    return;
+                }
+                // Make `overrideDescendants={false}` work as expected (see the `NestedSimultaneous` story)
+                if (!newOpen &&
+                    eventDetails.reason === 'none' &&
+                    (justOpenedRef.current ||
+                        (!cssProps.overrideDescendants && triggerRef.current?.matches(':hover')))) {
+                    return;
+                }
+                setOpen(newOpen, eventDetails.reason);
+            }, children: [_jsx(Tooltip.Trigger, { delay: OPEN_DELAY, closeDelay: 100, ...triggerProps, ref: triggerPassedRef, disabled: undefined, render: (renderProps) => (_jsx(Render, { render: children, ...renderProps, disabled: triggerDisabled, onClick: triggerProps?.onClick })) }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Positioner, { side: cssProps.side === 'start'
+                            ? 'inline-start'
+                            : cssProps.side === 'end'
+                                ? 'inline-end'
+                                : cssProps.side, sideOffset: twToPx(cssProps.gap), align: cssProps.align, alignOffset: twToPx(cssProps.alignOffset), collisionPadding: 8, disableAnchorTracking // Prevent the tooltip from moving to the viewport's top-left corner when the trigger is unmounted
+                        : true, ...dirProps, children: _jsx(Tooltip.Popup, { ref: popupRef, className: cn(`gds-tooltip root-block u:max-w-(--available-width) u:rounded-4 u:bg-default u:px-2 u:py-1 u:text-12 u:transition
+                i:origin-(--transform-origin)
+                i:data-ending-style:opacity-0
+                i:data-starting-style:opacity-0
+                i:data-starting-style:data-[side=bottom]:-translate-y-1
+                i:data-starting-style:data-[side=inline-end]:-translate-x-1
+                i:data-starting-style:data-[side=inline-start]:translate-x-1
+                i:data-starting-style:data-[side=top]:translate-y-1
+                i:rtl:data-starting-style:data-[side=end]:translate-x-1
+                i:rtl:data-starting-style:data-[side=start]:-translate-x-1`, className), ...cssPropsAttributes, ...cssPropsPolyfillAttributes, ...popupProps, children: content }) }, getReactNodeKey(content)) }), _jsx(Portal, { children: _jsx("span", { ref: cssPropsPolyfillRef, className: cn('gds-tooltip i:invisible', className), ...cssPropsAttributes, ...cssPropsPolyfillAttributes, ...popupProps }) })] }) }));
 }
-/** Hook for components to collect tooltip content from children. */
-export function useCollectedTooltip() {
-    const [collectedContent, setCollectedContent] = useState(null);
-    const pendingContent = useRef(null);
-    const pendingPriority = useRef(0);
-    // Collect tooltip during render phase (store in ref to avoid state update during render)
-    const onCollect = (content, priority = 0) => {
-        // Only update if this content has higher priority than what we've collected so far
-        if (priority >= pendingPriority.current) {
-            pendingContent.current = content;
-            pendingPriority.current = priority;
+function useDeferredContent() {
+    const [content, setContent] = useState(undefined);
+    const pendingContentRef = useRef(undefined);
+    const pendingPriorityRef = useRef(undefined);
+    // Store the content in a ref to avoid updating the state during render
+    const setDeferredContent = (newContent, priority = 0) => {
+        // If we've already stored content this render, only replace it if the new content has higher priority
+        if (pendingContentRef.current === undefined ||
+            priority >= (pendingPriorityRef.current ?? -Infinity)) {
+            pendingContentRef.current = newContent;
+            pendingPriorityRef.current = priority;
         }
+        return pendingContentRef.current;
     };
-    // Commit the collected tooltip after render
-    // oxlint-disable-next-line react-hooks/exhaustive-deps -- Must run after every render to sync collected tooltips
+    // Commit the stored content after render
+    // oxlint-disable-next-line react-hooks/exhaustive-deps -- Must run after every render to sync
     useEffect(() => {
-        if (collectedContent !== pendingContent.current) {
-            setCollectedContent(pendingContent.current);
+        if (getReactNodeKey(content) !== getReactNodeKey(pendingContentRef.current)) {
+            setContent(pendingContentRef.current);
         }
         // Reset for next render
-        pendingContent.current = null;
-        pendingPriority.current = 0;
+        pendingContentRef.current = undefined;
+        pendingPriorityRef.current = undefined;
     });
-    return {
-        onCollect,
-        collectedContent,
-    };
+    return [setDeferredContent, content];
 }
 /**
  * Wrap any text or `ReactNode` with this component to use it as the default `content` of the
- * nearest `Tooltip`, in addition to rendering it inline. It is meant to be wrapped in a `sr-only`
+ * closest `Tooltip`, in addition to rendering it inline. It is meant to be wrapped in a `sr-only`
  * element, so that the content rendered inline is visually hidden but accessible to screen readers,
  * unlike the content rendered in the tooltip itself, which is hidden from the accessibility tree
  * since most tooltips are decorative. This allows a tooltip to be non-decorative, in the rare case
  * where the information it provides is not otherwise available to screen readers (i.e. different
  * from the trigger's accessible name).
  */
-export function TooltipContent({ render, children }) {
-    const collectTooltip = useCollectTooltip();
-    if (collectTooltip) {
-        collectTooltip(children || null, 100);
-    }
-    if (render) {
-        return _jsx(Render, { render: render, children: children });
-    }
-    return children;
+export function TooltipContent({ children, priority, render }) {
+    const ancestorTooltip = useContext(TooltipContext);
+    ancestorTooltip?.collectContent(children || null, priority);
+    return render ? _jsx(Render, { render: render, children: children }) : children;
+}
+TooltipContent.displayName = 'Tooltip.Content';
+const TooltipCollectorContext = createContext(null);
+export function TooltipCollector({ children }) {
+    const ancestorTooltip = useContext(TooltipContext);
+    return (_jsx(TooltipCollectorContext.Provider, { value: ancestorTooltip?.collectContent ?? null, children: children }));
+}
+TooltipCollector.displayName = 'Tooltip.Collector';
+/** Hook for components to send tooltip content up to a collector. */
+export function useTooltipCollector() {
+    return useContext(TooltipCollectorContext);
 }
 //# sourceMappingURL=Tooltip.parts.js.map

package/dist/components/Tooltip.parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.parts.js","sourceRoot":"","sources":["../../src/components/Tooltip.parts.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tooltip.parts.js","sourceRoot":"","sources":["../../src/components/Tooltip.parts.tsx"],"names":[],"mappings":"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"}

package/dist/components/base/Addon.meta.d.ts

@@ -1,2 +1,2 @@
-export declare const AddonMeta: import("@graphprotocol/gds-css").GDSComponent<import("@graphprotocol/gds-css").CSSPropsConfig, boolean>;
+export declare const AddonMeta: import("@graphprotocol/gds-css").GDSComponent<{}, false>;
 //# sourceMappingURL=Addon.meta.d.ts.map

package/dist/components/base/Addon.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yGAA2B,CAAA"}
+{"version":3,"file":"Addon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,0DAEpB,CAAA"}

package/dist/components/base/Addon.meta.js

@@ -1,3 +1,5 @@
 import { createComponent } from '@graphprotocol/gds-css';
-export const AddonMeta = createComponent('Addon');
+export const AddonMeta = createComponent('Addon', {
+    isolate: false,
+});
 //# sourceMappingURL=Addon.meta.js.map

package/dist/components/base/Addon.meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"Addon.meta.js","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA"}
+{"version":3,"file":"Addon.meta.js","sourceRoot":"","sources":["../../../src/components/base/Addon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE;IAChD,OAAO,EAAE,KAAK;CACf,CAAC,CAAA"}

package/dist/components/base/ButtonOrLink.d.ts

@@ -1,6 +1,6 @@
 import { ButtonOrLinkConsumer } from './ButtonOrLink.parts.tsx';
 export declare const ButtonOrLink: {
-    (passedProps: import("./ButtonOrLink.parts.tsx").InternalButtonOrLinkProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    (passedProps: import("./ButtonOrLink.parts.tsx").InternalButtonOrLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {
     Config: {
@@ -10,5 +10,5 @@ export declare const ButtonOrLink: {
     Consumer: typeof ButtonOrLinkConsumer;
 };
 export { useAncestorButtonOrLink } from './ButtonOrLink.parts.tsx';
-export type { ButtonOrLinkProps, ButtonOrLinkState, ButtonOrLinkConfigProps, InternalButtonOrLinkProps, OmitInternalButtonOrLinkProps, } from './ButtonOrLink.parts.tsx';
+export type { ButtonOrLinkProps, ButtonOrLinkState, ButtonOrLinkRenderState, ButtonOrLinkConfigProps, InternalButtonOrLinkProps, OmitInternalButtonOrLinkProps, } from './ButtonOrLink.parts.tsx';
 //# sourceMappingURL=ButtonOrLink.d.ts.map

package/dist/components/base/ButtonOrLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,EAErB,MAAM,0BAA0B,CAAA;AAEjC,eAAO,MAAM,YAAY;;;;;;;;;CAGvB,CAAA;AAEF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAElE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,yBAAyB,EACzB,6BAA6B,GAC9B,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"ButtonOrLink.d.ts","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,EAErB,MAAM,0BAA0B,CAAA;AAEjC,eAAO,MAAM,YAAY;;;;;;;;;CAGvB,CAAA;AAEF,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAElE,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,uBAAuB,EACvB,yBAAyB,EACzB,6BAA6B,GAC9B,MAAM,0BAA0B,CAAA"}

package/dist/components/base/ButtonOrLink.parts.d.ts

@@ -1,4 +1,5 @@
 import { type ComponentProps, type ComponentType, type ElementType, type MouseEvent, type ReactElement, type ReactNode } from 'react';
+import { type RenderFn } from './Render.tsx';
 interface LinkComponentObject {
     component: ElementType;
     /** @default false */
@@ -8,15 +9,22 @@ interface LinkComponentObject {
 type LinkComponent = ComponentType<ComponentProps<'a'>> | ComponentType<{
     href: string;
 }> | ReactElement | LinkComponentObject | null;
-export interface ButtonOrLinkState {
-    Element: ElementType;
-    category: 'button' | 'link' | 'other';
+export type ButtonOrLinkState = {
+    category: 'button' | 'link';
     role: NonNullable<InternalButtonOrLinkProps['role']>;
     disabled: NonNullable<InternalButtonOrLinkProps['disabled']>;
     type?: InternalButtonOrLinkProps['type'];
     checked?: InternalButtonOrLinkProps['checked'];
     href?: InternalButtonOrLinkProps['href'];
     target?: InternalButtonOrLinkProps['target'];
+};
+export type ButtonOrLinkRenderState = ButtonOrLinkState & {
+    Element: ElementType<ButtonOrLinkRenderElementProps>;
+    elementProps: ButtonOrLinkRenderElementProps;
+};
+interface ButtonOrLinkRenderElementProps {
+    buttonOrLinkState: ButtonOrLinkState;
+    [key: string]: unknown;
 }
 export declare namespace InternalButtonOrLinkProps {
     interface DisableableProps {
@@ -33,8 +41,8 @@ export declare namespace InternalButtonOrLinkProps {
          */
         inline?: boolean | undefined;
         /** Custom render function to control the rendered element. */
-        render?: ((renderProps: Record<string, unknown>, state: ButtonOrLinkState) => ReactNode) | undefined;
-        /** Custom component to use for rendering links (e.g., Next.js Link) */
+        render?: RenderFn<ButtonOrLinkRenderState> | undefined;
+        /** Custom component to use for rendering links (e.g. Next.js Link) */
         linkComponent?: LinkComponent | undefined;
     }
     interface ButtonProps extends BaseProps, DisableableProps, Omit<ComponentProps<'button'>, 'defaultValue' | 'disabled'> {
@@ -74,7 +82,7 @@ interface ButtonOrLinkConfigContextValue {
  * (or a `span` that behaves like a button if `inline` is true).
  */
 export declare const ButtonOrLinkRoot: {
-    (passedProps: InternalButtonOrLinkProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    (passedProps: InternalButtonOrLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export interface ButtonOrLinkConfigProps {

package/dist/components/base/ButtonOrLink.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonOrLink.parts.d.ts","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.parts.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ButtonOrLink.parts.d.ts","sourceRoot":"","sources":["../../../src/components/base/ButtonOrLink.parts.tsx"],"names":[],"mappings":"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"}

package/dist/components/base/ButtonOrLink.parts.js

@@ -12,9 +12,9 @@ export function useAncestorButtonOrLink() {
 }
 const memoizedWithContextComponents = new Map();
 function withContext(Element) {
-    if (memoizedWithContextComponents.has(Element)) {
-        return memoizedWithContextComponents.get(Element);
-    }
+    const cached = memoizedWithContextComponents.get(Element);
+    if (cached)
+        return cached;
     const newWithContextComponent = ({ buttonOrLinkState, ...props }) => (_jsx(ButtonOrLinkContext.Provider, { value: buttonOrLinkState, children: _jsx(Element, { ...props }) }));
     memoizedWithContextComponents.set(Element, newWithContextComponent);
     return newWithContextComponent;
@@ -46,7 +46,27 @@ export const ButtonOrLinkRoot = (passedProps) => {
             }
             : undefined,
     });
-    const { disabled = false, inline = false, linkComponent: passedLinkComponent, render, onClick, className: passedClassName, children, ...nonBaseProps } = props;
+    const { disabled = false, inline = false, linkComponent: passedLinkComponent, render: passedRender, className: passedClassName, children, ...nonBaseProps } = props;
+    const manuallyDisabledEventProps = {
+        onClick: undefined,
+        onMouseDown: undefined,
+        onMouseUp: undefined,
+        onPointerDown: undefined,
+        onPointerUp: undefined,
+        onTouchStart: undefined,
+        onTouchEnd: undefined,
+        onKeyDown: undefined,
+        onKeyUp: undefined,
+    };
+    const render = (Element, renderProps, buttonOrLinkState, extraElementProps) => {
+        const elementProps = { buttonOrLinkState, ...extraElementProps };
+        const renderState = {
+            ...buttonOrLinkState,
+            Element,
+            elementProps,
+        };
+        return passedRender ? (passedRender(renderProps, renderState)) : (_jsx(Element, { ...renderProps, ...elementProps }));
+    };
     const className = cn('gds-button-or-link', passedClassName);
     if (props.href === undefined) {
         const { role = 'button', type = 'button', checked, defaultChecked, href: _href, target: _target, ...remainingProps } = nonBaseProps;
@@ -54,15 +74,6 @@ export const ButtonOrLinkRoot = (passedProps) => {
             // oxlint-disable-next-line no-console
             console.warn('[ButtonOrLink] `defaultChecked` is not supported; use a controlled `checked` prop instead, or wrap `ButtonOrLink` in a component that manages the uncontrolled state');
         }
-        const Element = inline ? SpanButtonWithContext : ButtonWithContext;
-        const state = {
-            Element,
-            category: 'button',
-            role,
-            disabled,
-            type,
-            checked,
-        };
         const checkedAttribute = checked === undefined
             ? {}
             : ((checked) => {
@@ -76,7 +87,7 @@ export const ButtonOrLinkRoot = (passedProps) => {
                 }
                 return { 'aria-checked': checkedOrMixed };
             })(checked);
-        let buttonProps = {
+        const buttonProps = {
             role,
             type: disabled === 'focusable' ? 'button' : type,
             disabled: disabled === true,
@@ -84,44 +95,29 @@ export const ButtonOrLinkRoot = (passedProps) => {
             ...checkedAttribute,
             className,
             children,
-            buttonOrLinkState: state,
-        };
-        buttonProps = {
-            ...buttonProps,
-            onClick: !disabled ? onClick : undefined,
             ...remainingProps,
+            ...((disabled === 'focusable' || (disabled && inline)) && manuallyDisabledEventProps),
         };
-        return render ? render(buttonProps, state) : _jsx(Element, { ...buttonProps });
-    }
-    const { href, target, role = 'link', rel = target === '_blank' ? 'noopener noreferrer' : undefined, type: _type, checked: _checked, defaultChecked: _defaultChecked, ...remainingProps } = nonBaseProps;
-    const state = {
-        Element: 'a',
-        category: 'link',
-        role,
-        disabled,
-        href,
-        target,
-    };
-    let linkProps = disabled
-        ? {
+        const buttonOrLinkState = {
+            category: 'button',
             role,
-            tabIndex: disabled === 'focusable' ? 0 : undefined,
-            'aria-disabled': true,
-            className,
-            children,
-        }
-        : {
-            role: role !== 'link' ? role : undefined,
-            href,
-            target,
-            rel,
-            className,
-            children,
+            disabled,
+            type,
+            checked,
         };
-    linkProps = {
-        ...linkProps,
-        onClick: !disabled ? onClick : undefined,
+        return render(inline ? SpanButtonWithContext : ButtonWithContext, buttonProps, buttonOrLinkState);
+    }
+    const { href, target, role = 'link', rel = target === '_blank' ? 'noopener noreferrer' : undefined, type: _type, checked: _checked, defaultChecked: _defaultChecked, ...remainingProps } = nonBaseProps;
+    let linkProps = {
+        role: disabled || role !== 'link' ? role : undefined,
+        href: !disabled ? href : undefined,
+        target: !disabled ? target : undefined,
+        rel: !disabled ? rel : undefined,
+        'aria-disabled': Boolean(disabled) || undefined,
+        className,
+        children,
         ...remainingProps,
+        ...(disabled && manuallyDisabledEventProps),
     };
     let linkComponent = null;
     if (passedLinkComponent) {
@@ -138,23 +134,17 @@ export const ButtonOrLinkRoot = (passedProps) => {
             linkComponent = passedLinkComponent;
         }
     }
+    const buttonOrLinkState = {
+        category: 'link',
+        role,
+        disabled,
+        href,
+        target,
+    };
     if (isValidElement(linkComponent)) {
-        const Element = RenderWithContext;
-        state.Element = Element;
-        const elementProps = {
-            ...linkProps,
-            render: linkComponent,
-            buttonOrLinkState: state,
-        };
-        return render ? render(elementProps, state) : _jsx(Element, { ...elementProps });
+        return render(RenderWithContext, linkProps, buttonOrLinkState, { render: linkComponent });
     }
-    const Element = linkComponent && linkComponent !== 'a' ? withContext(linkComponent) : AnchorWithContext;
-    state.Element = Element;
-    const elementProps = {
-        ...linkProps,
-        buttonOrLinkState: state,
-    };
-    return render ? render(elementProps, state) : _jsx(Element, { ...elementProps });
+    return render(linkComponent && linkComponent !== 'a' ? withContext(linkComponent) : AnchorWithContext, linkProps, buttonOrLinkState);
 };
 ButtonOrLinkRoot.displayName = 'ButtonOrLink';
 export const ButtonOrLinkConfig = ({ onClick: passedOnClick, transformProps: passedTransformProps, children, }) => {
@@ -200,7 +190,7 @@ function SpanButton({ ref: passedRef, type = 'button', disabled = false, onClick
         isDisabled: disabled,
         elementType: 'span',
         onPress: (event) => {
-            const mouseEvent = new MouseEvent('click', {
+            event.target.dispatchEvent(new MouseEvent('click', {
                 altKey: event.altKey,
                 ctrlKey: event.ctrlKey,
                 metaKey: event.metaKey,
@@ -208,8 +198,7 @@ function SpanButton({ ref: passedRef, type = 'button', disabled = false, onClick
                 relatedTarget: event.target,
                 bubbles: true,
                 cancelable: true,
-            });
-            event.target.dispatchEvent(mouseEvent);
+            }));
         },
         onPressStart: (event) => {
             if (event.pointerType === 'keyboard')