@wallarm-org/design-system 0.62.0 → 0.63.0

package/dist/components/Table/index.d.ts

@@ -1,7 +1,11 @@
+export { BulkBarSummary, BulkBarSummaryClear, type BulkBarSummaryClearProps, BulkBarSummaryCount, type BulkBarSummaryCountProps, type BulkBarSummaryProps, BulkBarSummarySelectAll, type BulkBarSummarySelectAllProps, BulkBarSummarySeparator, } from '../BulkBar';
 export { createTableColumnHelper } from './lib';
 export type { TableColumnHelper } from './lib/createTableColumnHelper';
 export { Table } from './Table';
-export { TableActionBar } from './TableActionBar';
+export { TableActionBar, TableActionBarSelection, type TableActionBarSelectionProps, } from './TableActionBar';
+export { TableColumnMenu, TableColumnMenuHideItem, type TableColumnMenuHideItemProps, TableColumnMenuMoveLeftItem, type TableColumnMenuMoveLeftItemProps, TableColumnMenuMoveRightItem, type TableColumnMenuMoveRightItemProps, TableColumnMenuPinItem, type TableColumnMenuPinItemProps, type TableColumnMenuProps, TableColumnMenuSortItem, type TableColumnMenuSortItemProps, } from './TableColumnMenu';
 export { TableEmptyState } from './TableEmptyState';
-export { TableSettingsMenu } from './TableSettingsMenu';
+export { TableScrollHandler, TableScrollHandlerLeft, type TableScrollHandlerLeftProps, type TableScrollHandlerProps, TableScrollHandlerRight, type TableScrollHandlerRightProps, } from './TableScrollHandler';
+export { TableSettingsMenu, TableSettingsMenuItem, type TableSettingsMenuItemProps, type TableSettingsMenuProps, TableSettingsMenuReset, type TableSettingsMenuResetProps, TableSettingsMenuSearch, type TableSettingsMenuSearchProps, } from './TableSettingsMenu';
+export { TableSortTrigger, type TableSortTriggerProps } from './TableSortTrigger';
 export type { TableAccessorColumnDef, TableCellContext, TableColumnBase, TableColumnDef, TableColumnMeta, TableColumnPinningState, TableColumnSizingState, TableDisplayColumnDef, TableExpandedState, TableGroupingState, TableHandle, TableOnChangeFn, TableProps, TableRow, TableRowSelectionState, TableScrollToRowOptions, TableSortingState, TableUpdater, TableVirtualized, TableVisibilityState, } from './types';

package/dist/components/Table/index.js

@@ -1,6 +1,10 @@
+import { BulkBarSummary, BulkBarSummaryClear, BulkBarSummaryCount, BulkBarSummarySelectAll, BulkBarSummarySeparator } from "../BulkBar/index.js";
 import { createTableColumnHelper } from "./lib/index.js";
 import { Table } from "./Table.js";
-import { TableActionBar } from "./TableActionBar/index.js";
+import { TableActionBar, TableActionBarSelection } from "./TableActionBar/index.js";
+import { TableColumnMenu, TableColumnMenuHideItem, TableColumnMenuMoveLeftItem, TableColumnMenuMoveRightItem, TableColumnMenuPinItem, TableColumnMenuSortItem } from "./TableColumnMenu/index.js";
 import { TableEmptyState } from "./TableEmptyState.js";
-import { TableSettingsMenu } from "./TableSettingsMenu/index.js";
-export { Table, TableActionBar, TableEmptyState, TableSettingsMenu, createTableColumnHelper };
+import { TableScrollHandler, TableScrollHandlerLeft, TableScrollHandlerRight } from "./TableScrollHandler.js";
+import { TableSettingsMenu, TableSettingsMenuItem, TableSettingsMenuReset, TableSettingsMenuSearch } from "./TableSettingsMenu/index.js";
+import { TableSortTrigger } from "./TableSortTrigger.js";
+export { BulkBarSummary, BulkBarSummaryClear, BulkBarSummaryCount, BulkBarSummarySelectAll, BulkBarSummarySeparator, Table, TableActionBar, TableActionBarSelection, TableColumnMenu, TableColumnMenuHideItem, TableColumnMenuMoveLeftItem, TableColumnMenuMoveRightItem, TableColumnMenuPinItem, TableColumnMenuSortItem, TableEmptyState, TableScrollHandler, TableScrollHandlerLeft, TableScrollHandlerRight, TableSettingsMenu, TableSettingsMenuItem, TableSettingsMenuReset, TableSettingsMenuSearch, TableSortTrigger, createTableColumnHelper };

package/dist/components/Table/lib/collectDirectChildren.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentType, type ReactElement, type ReactNode } from 'react';
+/**
+ * Collects every element of a given component type appearing as a direct child
+ * of `node` — transparently descending into `<>...</>` Fragments (but not
+ * arbitrary wrapper elements). Used to gather consumer-supplied override
+ * sub-components from a compound component's children.
+ */
+export declare const collectDirectChildren: <P>(node: ReactNode, target: ComponentType<P>) => ReactElement<P>[];

package/dist/components/Table/lib/collectDirectChildren.js

@@ -0,0 +1,13 @@
+import { Children, Fragment, isValidElement } from "react";
+const collectDirectChildren = (node, target)=>{
+    const result = [];
+    for (const child of Children.toArray(node))if (isValidElement(child)) {
+        if (child.type === target) result.push(child);
+        else if (child.type === Fragment) {
+            const fragmentChildren = child.props.children;
+            result.push(...collectDirectChildren(fragmentChildren, target));
+        }
+    }
+    return result;
+};
+export { collectDirectChildren };

package/dist/components/Table/lib/containsDirectChild.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentType, type ReactNode } from 'react';
+/**
+ * Returns true when `node` has at least one direct child of the given component
+ * type — transparently descending into `<>...</>` Fragments but not arbitrary
+ * wrapper elements. Matches the "direct child" opt-out contract used by
+ * Tour / Dialog / BulkBar and the Table sort / column-menu / settings seams.
+ *
+ * Short-circuits on the first match and allocates nothing, since callers like
+ * `TableHeadCell` run it per column on every header re-render (e.g. horizontal
+ * scroll) — see `collectDirectChildren` when the actual elements are needed.
+ */
+export declare const containsDirectChild: (node: ReactNode, target: ComponentType<unknown>) => boolean;

package/dist/components/Table/lib/containsDirectChild.js

@@ -0,0 +1,12 @@
+import { Children, Fragment, isValidElement } from "react";
+const containsDirectChild = (node, target)=>{
+    for (const child of Children.toArray(node))if (isValidElement(child)) {
+        if (child.type === target) return true;
+        if (child.type === Fragment) {
+            const fragmentChildren = child.props.children;
+            if (containsDirectChild(fragmentChildren, target)) return true;
+        }
+    }
+    return false;
+};
+export { containsDirectChild };

package/dist/components/Table/lib/index.d.ts

@@ -1,4 +1,6 @@
+export { collectDirectChildren } from './collectDirectChildren';
 export { getAlignClass, getExpandBorderClass, SCROLL_EDGE_COOLDOWN_MS, SORT_LABELS, TABLE_END_REACHED_THRESHOLD, TABLE_EXPAND_COLUMN_ID, TABLE_EXPAND_COLUMN_WIDTH, TABLE_MIN_COLUMN_WIDTH, TABLE_PREPEND_SKELETON_ROWS, TABLE_SELECT_COLUMN_ID, TABLE_SELECT_COLUMN_WIDTH, TABLE_SKELETON_ROWS, TABLE_START_REACHED_THRESHOLD, TABLE_VIRTUALIZATION_OVERSCAN, } from './constants';
+export { containsDirectChild } from './containsDirectChild';
 export { createExpandColumn } from './createExpandColumn';
 export { createSelectionColumn } from './createSelectionColumn';
 export { createTableColumnHelper } from './createTableColumnHelper';

package/dist/components/Table/lib/index.js

@@ -1,4 +1,6 @@
+import { collectDirectChildren } from "./collectDirectChildren.js";
 import { SCROLL_EDGE_COOLDOWN_MS, SORT_LABELS, TABLE_END_REACHED_THRESHOLD, TABLE_EXPAND_COLUMN_ID, TABLE_EXPAND_COLUMN_WIDTH, TABLE_MIN_COLUMN_WIDTH, TABLE_PREPEND_SKELETON_ROWS, TABLE_SELECT_COLUMN_ID, TABLE_SELECT_COLUMN_WIDTH, TABLE_SKELETON_ROWS, TABLE_START_REACHED_THRESHOLD, TABLE_VIRTUALIZATION_OVERSCAN, getAlignClass, getExpandBorderClass } from "./constants.js";
+import { containsDirectChild } from "./containsDirectChild.js";
 import { createExpandColumn } from "./createExpandColumn.js";
 import { createSelectionColumn } from "./createSelectionColumn.js";
 import { createTableColumnHelper } from "./createTableColumnHelper.js";
@@ -9,4 +11,4 @@ import { getRowKey } from "./getRowKey.js";
 import { isLastPinnedLeft } from "./isLastPinnedLeft.js";
 import { useColumnDnd } from "./useColumnDnd.js";
 import { useContainerWidth } from "./useContainerWidth.js";
-export { SCROLL_EDGE_COOLDOWN_MS, SORT_LABELS, TABLE_END_REACHED_THRESHOLD, TABLE_EXPAND_COLUMN_ID, TABLE_EXPAND_COLUMN_WIDTH, TABLE_MIN_COLUMN_WIDTH, TABLE_PREPEND_SKELETON_ROWS, TABLE_SELECT_COLUMN_ID, TABLE_SELECT_COLUMN_WIDTH, TABLE_SKELETON_ROWS, TABLE_START_REACHED_THRESHOLD, TABLE_VIRTUALIZATION_OVERSCAN, createExpandColumn, createSelectionColumn, createTableColumnHelper, detectDataChange, getAlignClass, getDndStyles, getExpandBorderClass, getPinningStyles, getRowKey, isLastPinnedLeft, useColumnDnd, useContainerWidth };
+export { SCROLL_EDGE_COOLDOWN_MS, SORT_LABELS, TABLE_END_REACHED_THRESHOLD, TABLE_EXPAND_COLUMN_ID, TABLE_EXPAND_COLUMN_WIDTH, TABLE_MIN_COLUMN_WIDTH, TABLE_PREPEND_SKELETON_ROWS, TABLE_SELECT_COLUMN_ID, TABLE_SELECT_COLUMN_WIDTH, TABLE_SKELETON_ROWS, TABLE_START_REACHED_THRESHOLD, TABLE_VIRTUALIZATION_OVERSCAN, collectDirectChildren, containsDirectChild, createExpandColumn, createSelectionColumn, createTableColumnHelper, detectDataChange, getAlignClass, getDndStyles, getExpandBorderClass, getPinningStyles, getRowKey, isLastPinnedLeft, useColumnDnd, useContainerWidth };

package/dist/components/Tabs/TabsTrigger.d.ts

@@ -1,10 +1,11 @@
-import type { FC, FocusEvent, ReactNode } from 'react';
-export interface TabsTriggerProps {
+import type { ButtonHTMLAttributes, FC, FocusEvent, ReactNode } from 'react';
+import { type TestableProps } from '../../utils/testId';
+type TabsTriggerNativeProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onFocus' | 'children'>;
+export interface TabsTriggerProps extends TabsTriggerNativeProps, TestableProps {
     children: ReactNode;
     value: string;
-    disabled?: boolean;
     asChild?: boolean;
-    className?: string;
     onFocus?: (e: FocusEvent<HTMLButtonElement>) => void;
 }
 export declare const TabsTrigger: FC<TabsTriggerProps>;
+export {};

package/dist/components/Tabs/TabsTrigger.js

@@ -5,8 +5,8 @@ import { useTestId } from "../../utils/testId.js";
 import { tabsTriggerVariants } from "./classes.js";
 import { TABS_SCROLL_BUTTON_WIDTH } from "./constants.js";
 import { useTabsSharedContext } from "./TabsSharedContext/index.js";
-const TabsTrigger = ({ children, value, disabled = false, asChild = false, className, onFocus })=>{
-    const testId = useTestId('trigger');
+const TabsTrigger = ({ children, value, disabled = false, asChild = false, className, onFocus, 'data-testid': testIdProp, ...rest })=>{
+    const testId = useTestId('trigger', testIdProp);
     const { scrollRef, size } = useTabsSharedContext();
     const handleFocus = (e)=>{
         onFocus?.(e);
@@ -25,6 +25,7 @@ const TabsTrigger = ({ children, value, disabled = false, asChild = false, class
         });
     };
     return /*#__PURE__*/ jsx(Tabs.Trigger, {
+        ...rest,
         className: cn(tabsTriggerVariants({
             size
         }), className),

package/dist/components/Tag/Tag.js

@@ -17,7 +17,8 @@ const Tag = ({ size = 'medium', disabled = false, asChild = false, children, onC
     const testId = testIdProp ?? inheritedTestId;
     const Comp = asChild ? Slot : 'div';
     const handleClick = onClick ? (event)=>{
-        event.stopPropagation();
+        const nested = event.target.closest('button, a, [role="button"]');
+        if (nested && nested !== event.currentTarget && event.currentTarget.contains(nested)) return;
         onClick(event);
     } : void 0;
     return /*#__PURE__*/ jsx(TestIdProvider, {

package/dist/components/Tag/TagClose.d.ts

@@ -1,5 +1,7 @@
-import type { FC, MouseEvent } from 'react';
-export interface TagCloseProps {
-    onClick?: (event: MouseEvent<SVGSVGElement>) => void;
+import type { ButtonHTMLAttributes, FC, ReactNode, Ref } from 'react';
+import { type TestableProps } from '../../utils/testId';
+export interface TagCloseProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'>, TestableProps {
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
 }
 export declare const TagClose: FC<TagCloseProps>;

package/dist/components/Tag/TagClose.js

@@ -1,17 +1,21 @@
 import { jsx } from "react/jsx-runtime";
 import { X } from "../../icons/index.js";
+import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
-const TagClose = ({ onClick })=>{
-    const testId = useTestId('close');
-    const handleClick = (event)=>{
-        event.stopPropagation();
-        onClick?.(event);
-    };
-    return /*#__PURE__*/ jsx(X, {
-        size: "sm",
+const TagClose = ({ children, className, 'data-testid': testIdProp, ref, ...rest })=>{
+    const testId = useTestId('close', testIdProp);
+    return /*#__PURE__*/ jsx("button", {
+        type: "button",
+        "aria-label": "Remove tag",
+        ...rest,
+        ref: ref,
         "data-slot": "tag-close",
         "data-testid": testId,
-        onClick: handleClick
+        className: cn('inline-flex items-center cursor-pointer focus:outline-none', className),
+        children: children ?? /*#__PURE__*/ jsx(X, {
+            size: "sm"
+        })
     });
 };
+TagClose.displayName = 'TagClose';
 export { TagClose };

package/dist/components/Tag/index.d.ts

@@ -1,2 +1,2 @@
 export { Tag, type TagProps } from './Tag';
-export { TagClose } from './TagClose';
+export { TagClose, type TagCloseProps } from './TagClose';

package/dist/components/Tooltip/Tooltip.js

@@ -1,13 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@ark-ui/react/tooltip";
-import { TestIdProvider } from "../../utils/testId.js";
+import { TestIdProvider, useTestId } from "../../utils/testId.js";
 const TOOLTIP_POSITIONING_DEFAULT = {
     offset: {
         mainAxis: 6
     },
     overflowPadding: 8
 };
-const Tooltip_Tooltip = ({ children, open, defaultOpen, onOpenChange, openDelay, closeDelay, closeOnPointerDown, closeOnEscape, closeOnScroll, interactive, disabled, positioning, 'data-testid': testId })=>{
+const Tooltip_Tooltip = ({ children, open, defaultOpen, onOpenChange, openDelay, closeDelay, closeOnPointerDown, closeOnEscape, closeOnScroll, interactive, disabled, positioning, 'data-testid': testIdProp })=>{
+    const inheritedTestId = useTestId();
+    const testId = testIdProp ?? inheritedTestId;
     const handleOpenChange = (details)=>{
         onOpenChange?.(details.open);
     };

package/dist/components/Tooltip/TooltipContent.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentPropsWithoutRef, ElementRef, FC, Ref } from 'react';
+import type { ComponentPropsWithoutRef, ComponentRef, FC, Ref } from 'react';
 import { Tooltip as ArkUiTooltip } from '@ark-ui/react/tooltip';
-type TooltipContentProps = ComponentPropsWithoutRef<typeof ArkUiTooltip.Content> & {
-    ref?: Ref<ElementRef<typeof ArkUiTooltip.Content>>;
+import { type TestableProps } from '../../utils/testId';
+export type TooltipContentProps = ComponentPropsWithoutRef<typeof ArkUiTooltip.Content> & TestableProps & {
+    ref?: Ref<ComponentRef<typeof ArkUiTooltip.Content>>;
 };
 export declare const TooltipContent: FC<TooltipContentProps>;
-export {};

package/dist/components/Tooltip/TooltipContent.js

@@ -23,17 +23,17 @@ const tooltipContentVariants = cva([
         }
     }
 });
-const TooltipContent = ({ children, className, ref, ...props })=>{
-    const testId = useTestId('content');
+const TooltipContent = ({ children, className, ref, 'data-testid': testIdProp, ...props })=>{
+    const testId = useTestId('content', testIdProp);
     return /*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
             children: /*#__PURE__*/ jsx(Tooltip.Content, {
+                ...props,
                 ref: ref,
                 "data-testid": testId,
                 className: cn(tooltipContentVariants({
                     hasNonTextEnd: hasNonTextEnd(children)
                 }), className),
-                ...props,
                 children: children
             })
         })

package/dist/components/Tooltip/TooltipTrigger.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentPropsWithoutRef, ElementRef, FC, Ref } from 'react';
+import type { ComponentPropsWithoutRef, ComponentRef, FC, Ref } from 'react';
 import { Tooltip as ArkUiTooltip } from '@ark-ui/react/tooltip';
-type TooltipTriggerProps = ComponentPropsWithoutRef<typeof ArkUiTooltip.Trigger> & {
-    ref?: Ref<ElementRef<typeof ArkUiTooltip.Trigger>>;
+import { type TestableProps } from '../../utils/testId';
+export type TooltipTriggerProps = ComponentPropsWithoutRef<typeof ArkUiTooltip.Trigger> & TestableProps & {
+    ref?: Ref<ComponentRef<typeof ArkUiTooltip.Trigger>>;
 };
 export declare const TooltipTrigger: FC<TooltipTriggerProps>;
-export {};

package/dist/components/Tooltip/TooltipTrigger.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@ark-ui/react/tooltip";
 import { useTestId } from "../../utils/testId.js";
-const TooltipTrigger = ({ ref, ...props })=>{
-    const testId = useTestId('trigger');
+const TooltipTrigger = ({ ref, 'data-testid': testIdProp, ...props })=>{
+    const testId = useTestId('trigger', testIdProp);
     return /*#__PURE__*/ jsx(Tooltip.Trigger, {
         ref: ref,
         ...props,

package/dist/components/Tooltip/index.d.ts

@@ -1,3 +1,3 @@
 export { Tooltip, type TooltipProps } from './Tooltip';
-export { TooltipContent } from './TooltipContent';
-export { TooltipTrigger } from './TooltipTrigger';
+export { TooltipContent, type TooltipContentProps } from './TooltipContent';
+export { TooltipTrigger, type TooltipTriggerProps } from './TooltipTrigger';

package/dist/components/Tour/Tour.d.ts

@@ -1,6 +1,12 @@
-import type { FC } from 'react';
+import { type FC, type ReactNode } from 'react';
 import { Tour as ArkUiTour } from '@ark-ui/react';
 import type { TestableProps } from '../../utils/testId';
 export interface TourProps extends Omit<ArkUiTour.RootProps, 'children'>, TestableProps {
+    /**
+     * Optional override slot for the close control. Pass a `<TourClose>` child
+     * (typically with `data-analytics-id`) to suppress the auto-rendered
+     * default close button and use the consumer-supplied one in its place.
+     */
+    children?: ReactNode;
 }
 export declare const Tour: FC<TourProps>;

package/dist/components/Tour/Tour.js

@@ -1,12 +1,18 @@
 import { jsx } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
 import { Tour } from "@ark-ui/react";
+import { TourClose } from "./TourClose.js";
 import { TourInner } from "./TourInner.js";
-const Tour_Tour = ({ lazyMount = true, unmountOnExit = true, 'data-testid': testId, ...props })=>/*#__PURE__*/ jsx(Tour.Root, {
+const findCustomClose = (children)=>{
+    for (const child of Children.toArray(children))if (/*#__PURE__*/ isValidElement(child) && child.type === TourClose) return child;
+};
+const Tour_Tour = ({ lazyMount = true, unmountOnExit = true, 'data-testid': testId, children, ...props })=>/*#__PURE__*/ jsx(Tour.Root, {
         ...props,
         lazyMount: lazyMount,
         unmountOnExit: unmountOnExit,
         children: /*#__PURE__*/ jsx(TourInner, {
-            testId: testId
+            testId: testId,
+            customClose: findCustomClose(children)
         })
     });
 Tour_Tour.displayName = 'Tour';

package/dist/components/Tour/TourClose.d.ts

@@ -1,3 +1,7 @@
+import type { FC, Ref } from 'react';
 import { Tour as ArkUiTour } from '@ark-ui/react';
-export type TourCloseProps = ArkUiTour.CloseTriggerProps;
-export declare const TourClose: import("react").ForwardRefExoticComponent<ArkUiTour.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { type TestableProps } from '../../utils/testId';
+export interface TourCloseProps extends Omit<ArkUiTour.CloseTriggerProps, 'children' | 'color'>, TestableProps {
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const TourClose: FC<TourCloseProps>;

package/dist/components/Tour/TourClose.js

@@ -1,21 +1,21 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { Tour, useTourContext } from "@ark-ui/react";
 import { X } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
 import { useTestId } from "../../utils/testId.js";
 import { Button } from "../Button/index.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
-const TourClose = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const testId = useTestId('close');
+const TourClose = ({ ref, className, 'data-testid': testIdProp, ...rest })=>{
+    const testId = useTestId('close', testIdProp);
     const { step } = useTourContext();
     const type = step?.type === 'dialog' ? 'dialog' : 'tooltip';
     return /*#__PURE__*/ jsxs(Tooltip, {
         children: [
             /*#__PURE__*/ jsx(Tour.CloseTrigger, {
-                "data-testid": testId,
-                className: cn('absolute top-14 right-16'),
+                ...rest,
                 ref: ref,
+                "data-testid": testId,
+                className: cn('absolute top-14 right-16', className),
                 asChild: true,
                 children: /*#__PURE__*/ jsx(TooltipTrigger, {
                     asChild: true,
@@ -32,6 +32,6 @@ const TourClose = /*#__PURE__*/ forwardRef((props, ref)=>{
             })
         ]
     });
-});
+};
 TourClose.displayName = 'TourClose';
 export { TourClose };

package/dist/components/Tour/TourFooter.js

@@ -56,16 +56,21 @@ const TourFooter = ()=>{
                         gap: 8,
                         children: preparedActions.map((action, index)=>{
                             const isLast = index === preparedActions.length - 1;
+                            const { label, action: actionType, ...buttonProps } = action;
                             return /*#__PURE__*/ jsx(Tour.ActionTrigger, {
-                                action: action,
+                                action: {
+                                    label,
+                                    action: actionType
+                                },
                                 asChild: true,
                                 children: /*#__PURE__*/ jsx(Button, {
+                                    ...buttonProps,
                                     variant: isLast ? 'primary' : 'ghost',
                                     color: isLast ? 'brand' : 'tooltip' === type ? 'neutral-alt' : 'neutral',
                                     size: 'dialog' === type ? 'large' : 'small',
-                                    children: action.label
+                                    children: label
                                 })
-                            }, action.label);
+                            }, label);
                         })
                     });
                 }

package/dist/components/Tour/TourInner.d.ts

@@ -1,5 +1,11 @@
-import type { FC } from 'react';
+import type { FC, ReactElement } from 'react';
 export interface TourInnerProps {
     testId?: string;
+    /**
+     * Optional consumer-supplied close control. When provided, replaces the
+     * auto-rendered `<TourClose />` so the consumer can attach analytics or
+     * other native HTML attributes to the underlying `<button>`.
+     */
+    customClose?: ReactElement;
 }
 export declare const TourInner: FC<TourInnerProps>;

package/dist/components/Tour/TourInner.js

@@ -11,7 +11,7 @@ import { TourOverlay } from "./TourOverlay.js";
 import { TourPositioner } from "./TourPositioner.js";
 import { TourSpotlight } from "./TourSpotlight.js";
 import { TourTitle } from "./TourTitle.js";
-const TourInner = ({ testId })=>{
+const TourInner = ({ testId, customClose })=>{
     const { step } = useTourContext();
     const overlayIsVisible = !!step && false !== step.backdrop;
     return /*#__PURE__*/ jsx(TestIdProvider, {
@@ -35,7 +35,7 @@ const TourInner = ({ testId })=>{
                                 ]
                             }),
                             /*#__PURE__*/ jsx(TourFooter, {}),
-                            /*#__PURE__*/ jsx(TourClose, {})
+                            customClose ?? /*#__PURE__*/ jsx(TourClose, {})
                         ]
                     })
                 })

package/dist/components/Tour/index.d.ts

@@ -1,4 +1,5 @@
 export { type BeaconStepEffectOptions, beaconStepEffect, waitForStepEvent, } from './lib';
 export { Tour, type TourProps } from './Tour';
+export { TourClose, type TourCloseProps } from './TourClose';
 export type { TourStatusChangeDetails, TourStepAction, TourStepChangeDetails, TourStepChangeDetailsExtended, TourStepDetails, TourStepEffectArgs, WaitForStepEventOptions, } from './types';
 export { useTour } from './useTour';

package/dist/components/Tour/index.js

@@ -1,4 +1,5 @@
 import { beaconStepEffect, waitForStepEvent } from "./lib/index.js";
 import { Tour } from "./Tour.js";
+import { TourClose } from "./TourClose.js";
 import { useTour } from "./useTour.js";
-export { Tour, beaconStepEffect, useTour, waitForStepEvent };
+export { Tour, TourClose, beaconStepEffect, useTour, waitForStepEvent };

package/dist/components/Tour/types.d.ts

@@ -1,7 +1,18 @@
+import type { ButtonHTMLAttributes } from 'react';
 import type { Tour as ArkUiTour } from '@ark-ui/react';
 export type TourStepDetails = ArkUiTour.StepDetails;
-export type TourStepAction = ArkUiTour.StepAction;
 export type TourStepEffectArgs = ArkUiTour.StepEffectArgs;
+/**
+ * A footer action button definition. Extends Ark UI's `StepAction` (label +
+ * action type) with arbitrary native `<button>` HTML attributes so consumers
+ * can attach `data-analytics-id`, `data-analytics-props`, `aria-*`, `id`,
+ * `onClick`, etc. per action without DS-specific slot props.
+ *
+ * `color` is excluded because the DS Button uses CVA `color` variants; the
+ * native HTML `color` attribute would silently win and break the variant
+ * lookup. `children` is excluded because the button label comes from `label`.
+ */
+export type TourStepAction = ArkUiTour.StepAction & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color' | 'action'>;
 export interface WaitForStepEventOptions<T extends HTMLElement = HTMLElement> {
     /** Only advance when the predicate returns `true`. */
     predicate?: (el: T) => boolean;

package/dist/hooks/useCopyTooltip.d.ts

@@ -6,9 +6,7 @@ interface UseCopyTooltipReturn {
     copied: boolean;
     tooltipOpen: boolean;
     onTooltipOpenChange: (open: boolean) => void;
-    handleCopy: (event: {
-        stopPropagation: () => void;
-    }) => void;
+    handleCopy: () => void;
 }
 export declare function useCopyTooltip({ text, enabled, }: UseCopyTooltipOptions): UseCopyTooltipReturn;
 export {};

package/dist/hooks/useCopyTooltip.js

@@ -15,8 +15,7 @@ function useCopyTooltip({ text, enabled = true }) {
     }, [
         copied
     ]);
-    const handleCopy = useCallback((event)=>{
-        event.stopPropagation();
+    const handleCopy = useCallback(()=>{
         if (!enabled) return;
         copyText(text);
         setCopied(true);

package/dist/index.d.ts

@@ -58,14 +58,14 @@ export { ScrollArea, ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaC
 export { SegmentedControl, SegmentedControlButton, type SegmentedControlButtonProps, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, SegmentedControlSeparator, type SegmentedControlSeparatorProps, } from './components/SegmentedControl';
 export { SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, } from './components/SegmentedTabs';
 export { Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, } from './components/Select';
-export { Selection, SelectionAll, type SelectionAllProps, SelectionBulkBar, type SelectionBulkBarPlacement, type SelectionBulkBarProps, SelectionItem, type SelectionItemProps, type SelectionProps, } from './components/Selection';
+export { Selection, SelectionAll, type SelectionAllProps, SelectionBulkBar, type SelectionBulkBarPlacement, type SelectionBulkBarProps, type SelectionContextValue, SelectionItem, type SelectionItemProps, type SelectionProps, useSelectionContext, } from './components/Selection';
 export { Separator, type SeparatorProps } from './components/Separator';
 export { Skeleton, type SkeletonProps } from './components/Skeleton';
 export { SplashScreen, type SplashScreenProps } from './components/SplashScreen';
 export { SplitButton, type SplitButtonProps } from './components/SplitButton';
 export { HStack, type HStackProps, Stack, type StackProps, VStack, type VStackProps, } from './components/Stack';
 export { Switch, SwitchControl, SwitchDescription, type SwitchDescriptionProps, SwitchLabel, type SwitchLabelProps, type SwitchProps, } from './components/Switch';
-export { createTableColumnHelper, Table, type TableAccessorColumnDef, TableActionBar, type TableCellContext, type TableColumnBase, type TableColumnDef, type TableColumnHelper, type TableColumnMeta, type TableColumnPinningState, type TableColumnSizingState, type TableDisplayColumnDef, TableEmptyState, type TableExpandedState, type TableGroupingState, type TableHandle, type TableOnChangeFn, type TableProps, type TableRow, type TableRowSelectionState, type TableScrollToRowOptions, TableSettingsMenu, type TableSortingState, type TableUpdater, type TableVisibilityState, } from './components/Table';
+export { createTableColumnHelper, Table, type TableAccessorColumnDef, TableActionBar, type TableCellContext, type TableColumnBase, type TableColumnDef, type TableColumnHelper, TableColumnMenu, TableColumnMenuHideItem, type TableColumnMenuHideItemProps, TableColumnMenuMoveLeftItem, type TableColumnMenuMoveLeftItemProps, TableColumnMenuMoveRightItem, type TableColumnMenuMoveRightItemProps, TableColumnMenuPinItem, type TableColumnMenuPinItemProps, type TableColumnMenuProps, TableColumnMenuSortItem, type TableColumnMenuSortItemProps, type TableColumnMeta, type TableColumnPinningState, type TableColumnSizingState, type TableDisplayColumnDef, TableEmptyState, type TableExpandedState, type TableGroupingState, type TableHandle, type TableOnChangeFn, type TableProps, type TableRow, type TableRowSelectionState, type TableScrollToRowOptions, TableSettingsMenu, type TableSortingState, TableSortTrigger, type TableSortTriggerProps, type TableUpdater, type TableVisibilityState, } from './components/Table';
 export { Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, } from './components/Tabs';
 export { Tag, TagClose, type TagProps } from './components/Tag';
 export { Text, type TextProps } from './components/Text';

package/dist/index.js

@@ -47,14 +47,14 @@ import { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, S
 import { SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator } from "./components/SegmentedControl/index.js";
 import { SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton } from "./components/SegmentedTabs/index.js";
 import { Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator } from "./components/Select/index.js";
-import { Selection, SelectionAll, SelectionBulkBar, SelectionItem } from "./components/Selection/index.js";
+import { Selection, SelectionAll, SelectionBulkBar, SelectionItem, useSelectionContext } from "./components/Selection/index.js";
 import { Separator } from "./components/Separator/index.js";
 import { Skeleton } from "./components/Skeleton/index.js";
 import { SplashScreen } from "./components/SplashScreen/index.js";
 import { SplitButton } from "./components/SplitButton/index.js";
 import { HStack, Stack, VStack } from "./components/Stack/index.js";
 import { Switch, SwitchControl, SwitchDescription, SwitchLabel } from "./components/Switch/index.js";
-import { Table, TableActionBar, TableEmptyState, TableSettingsMenu, createTableColumnHelper } from "./components/Table/index.js";
+import { Table, TableActionBar, TableColumnMenu, TableColumnMenuHideItem, TableColumnMenuMoveLeftItem, TableColumnMenuMoveRightItem, TableColumnMenuPinItem, TableColumnMenuSortItem, TableEmptyState, TableSettingsMenu, TableSortTrigger, createTableColumnHelper } from "./components/Table/index.js";
 import { Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger } from "./components/Tabs/index.js";
 import { Tag, TagClose } from "./components/Tag/index.js";
 import { Text } from "./components/Text/index.js";
@@ -69,4 +69,4 @@ import { Tour, beaconStepEffect, useTour, waitForStepEvent } from "./components/
 import { UtilityPage } from "./components/UtilityPage/index.js";
 import { WallyIcon } from "./components/WallyIcon/index.js";
 import { TestIdProvider, useTestId } from "./utils/testId.js";
-export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle, AnimatedBackground, AppShell, AppShellHeader, AppShellRail, AppShellRemote, Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue, Badge, Banner, BannerClose, BannerContent, BannerControls, BannerDescription, BannerIcon, BannerLink, BannerTitle, Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsScopeSwitcher, BreadcrumbsSeparator, Button, Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDate, CalendarDateTime, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Code, Country, CountryFlag, CountryName, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, DateFormatProvider, DateInput, DateRangeEndValue, DateRangeInput, DateRangeProvider, DateRangeSeparator, DateRangeStartValue, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerFooterControls, DrawerHeader, DrawerPositioner, DrawerResizeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuInput, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, Flex, FormatDateTime, HStack, HTTP_METHODS, HTTP_METHOD_COLOR, Heading, HttpMethod, Input, InputGroup, InputGroupAddon, InputGroupText, Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, Kbd, KbdGroup, Link, Loader, Logo, MONTH_NAMES, NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NavRailSkeleton, NumberInput, NumericBadge, OTPInput, OverflowTooltip, OverflowTooltipContent, Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, ParameterPath, Popover, PopoverContent, PopoverTrigger, Progress, RESPONSE_CODE_COLOR, Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel, RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel, ResponseCode, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport, SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator, SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, Selection, SelectionAll, SelectionBulkBar, SelectionItem, Separator, Skeleton, SplashScreen, SplitButton, Stack, Switch, SwitchControl, SwitchDescription, SwitchLabel, Table, TableActionBar, TableEmptyState, TableSettingsMenu, Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, Tag, TagClose, TestIdProvider, Text, Textarea, ThemeProvider, Time, TimeInput, Toast, ToastActions, Toaster, ToggleButton, Tooltip, TooltipContent, TooltipTrigger, TopHeader, TopHeaderActions, TopHeaderLogo, Tour, UtilityPage, VStack, WallyIcon, ZonedDateTime, beaconStepEffect, cardVariants, createTableColumnHelper, datacenters, drawerContentVariants, drawerPositionerVariants, findFirstLinkPath, formatAsFilter, getLocalTimeZone, getResponseCodeCategory, parseDate, parseDateTime, parseTime, parseZonedDateTime, proxyTypes, pushPathname, sourceLabels, toaster, today, useCalendarContext, useDateFormat, useDateRangeContext, useDrawerContext, useLocationPathname, usePageHost, useRemoteShellContext, useTestId, useTheme, useTour, waitForStepEvent };
+export { Accordion, AccordionActions, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertClose, AlertContent, AlertControls, AlertDescription, AlertIcon, AlertTitle, AnimatedBackground, AppShell, AppShellHeader, AppShellRail, AppShellRemote, Attribute, AttributeActions, AttributeActionsContent, AttributeActionsItem, AttributeActionsTarget, AttributeLabel, AttributeLabelDescription, AttributeLabelInfo, AttributeValue, Badge, Banner, BannerClose, BannerContent, BannerControls, BannerDescription, BannerIcon, BannerLink, BannerTitle, Breadcrumbs, BreadcrumbsEllipsis, BreadcrumbsItem, BreadcrumbsScopeSwitcher, BreadcrumbsSeparator, Button, Calendar, CalendarApplyButton, CalendarBody, CalendarContent, CalendarDate, CalendarDateTime, CalendarDayName, CalendarFooter, CalendarFooterControls, CalendarGrid, CalendarGrids, CalendarHeader, CalendarInputHeader, CalendarKeyboardHints, CalendarPresetItem, CalendarPresets, CalendarProvider, CalendarResetButton, CalendarTrigger, Card, CardContent, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxDescription, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Code, Country, CountryFlag, CountryName, DAY_NAMES, DEFAULT_RANGE_PRESETS, DEFAULT_SINGLE_PRESETS, DateFormatProvider, DateInput, DateRangeEndValue, DateRangeInput, DateRangeProvider, DateRangeSeparator, DateRangeStartValue, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerFooter, DrawerFooterControls, DrawerHeader, DrawerPositioner, DrawerResizeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuContextTrigger, DropdownMenuFooter, DropdownMenuGroup, DropdownMenuInput, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDescription, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, DropdownMenuTriggerItem, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterInput, FilterInputChip, FilterInputFieldMenu, FilterInputOperatorMenu, Flex, FormatDateTime, HStack, HTTP_METHODS, HTTP_METHOD_COLOR, Heading, HttpMethod, Input, InputGroup, InputGroupAddon, InputGroupText, Ip, IpAddress, IpCountry, IpList, IpPort, IpProvider, Kbd, KbdGroup, Link, Loader, Logo, MONTH_NAMES, NavRail, NavRailBody, NavRailFooter, NavRailItem, NavRailSeparator, NavRailSkeleton, NumberInput, NumericBadge, OTPInput, OverflowTooltip, OverflowTooltipContent, Page, PageActions, PageContent, PageHeader, PageHostProvider, PageTitle, ParameterPath, Popover, PopoverContent, PopoverTrigger, Progress, RESPONSE_CODE_COLOR, Radio, RadioDescription, RadioGroup, RadioIndicator, RadioLabel, RemoteShell, RemoteShellBreadcrumb, RemoteShellContent, RemoteShellPanel, ResponseCode, ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaViewport, SegmentedControl, SegmentedControlButton, SegmentedControlItem, SegmentedControlSeparator, SegmentedTabs, SegmentedTabsButton, SegmentedTabsContent, SegmentedTabsList, SegmentedTabsSeparator, SegmentedTabsTrigger, SegmentedTabsTriggerButton, Select, SelectButton, SelectClearTrigger, SelectContent, SelectFooter, SelectGroup, SelectGroupLabel, SelectHeader, SelectInput, SelectOption, SelectOptionDescription, SelectOptionIndicator, SelectOptionText, SelectPositioner, SelectSearchInput, SelectSeparator, Selection, SelectionAll, SelectionBulkBar, SelectionItem, Separator, Skeleton, SplashScreen, SplitButton, Stack, Switch, SwitchControl, SwitchDescription, SwitchLabel, Table, TableActionBar, TableColumnMenu, TableColumnMenuHideItem, TableColumnMenuMoveLeftItem, TableColumnMenuMoveRightItem, TableColumnMenuPinItem, TableColumnMenuSortItem, TableEmptyState, TableSettingsMenu, TableSortTrigger, Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, Tag, TagClose, TestIdProvider, Text, Textarea, ThemeProvider, Time, TimeInput, Toast, ToastActions, Toaster, ToggleButton, Tooltip, TooltipContent, TooltipTrigger, TopHeader, TopHeaderActions, TopHeaderLogo, Tour, UtilityPage, VStack, WallyIcon, ZonedDateTime, beaconStepEffect, cardVariants, createTableColumnHelper, datacenters, drawerContentVariants, drawerPositionerVariants, findFirstLinkPath, formatAsFilter, getLocalTimeZone, getResponseCodeCategory, parseDate, parseDateTime, parseTime, parseZonedDateTime, proxyTypes, pushPathname, sourceLabels, toaster, today, useCalendarContext, useDateFormat, useDateRangeContext, useDrawerContext, useLocationPathname, usePageHost, useRemoteShellContext, useSelectionContext, useTestId, useTheme, useTour, waitForStepEvent };