@wow-two-beta/ui 0.0.30 → 0.0.31

package/dist/actions/button/Button.d.ts

@@ -1,54 +1,28 @@
-import { type ButtonHTMLAttributes, type KeyboardEvent, type PointerEvent, type ReactNode } from 'react';
-import { type PaddingProp, type RadiusProp, type SizeValue } from '../../utils';
+import { type ButtonHTMLAttributes, type PointerEvent, type ReactNode } from 'react';
+import { ButtonType, type PaddingProp, type PressEvent, type RadiusProp, type SizeValue } from '../../utils';
 import { type ButtonVariants } from './Button.variants';
-export type PressEvent = PointerEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>;
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, ButtonVariants {
-    /** Slot before children (logical start). */
-    leading?: ReactNode;
-    /** Slot after children (logical end). */
-    trailing?: ReactNode;
-    /** Action-loading: replaces leading w/ spinner, sets aria-busy, blocks clicks. */
-    loading?: boolean;
-    /** Replaces children when loading. No default — consumer supplies (i18n). */
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'disabled'>, ButtonVariants {
+    leadingSlot?: ReactNode;
+    trailingSlot?: ReactNode;
+    loadingSlot?: ReactNode;
+    isLoading?: boolean;
     loadingText?: string;
-    /**
-     * Content-loading: hides content (preserves box dimensions) + shimmer bg.
-     * Mutually exclusive with `loading` — if both, `skeleton` wins (+ dev warn).
-     */
-    skeleton?: boolean;
-    /** Render as the single child element via Slot. */
+    isSkeleton?: boolean;
+    isDisabled?: boolean;
+    isFullWidth?: boolean;
+    isMultiline?: boolean;
     asChild?: boolean;
-    /** Independent padding override (preset or `{x, y}` object). */
     padding?: PaddingProp;
-    /** Independent radius override (preset or raw value). */
     radius?: RadiusProp;
-    /** Explicit width override. Number = px; string = any CSS unit. */
     width?: SizeValue;
-    /** Explicit height override. Number = px; string = any CSS unit. */
     height?: SizeValue;
-    /**
-     * Reserve a minimum width so the button doesn't reflow when its label
-     * changes (e.g. "Save" → "Saving…" → "Saved"). Number = px; string = any
-     * CSS unit. Content stays centered via the base `justify-center`.
-     */
     minWidth?: SizeValue;
-    /** Reserve a minimum height — symmetric with `minWidth`. */
     minHeight?: SizeValue;
-    /** Default `'button'` — NOT browser-default `'submit'`. */
-    type?: 'button' | 'submit' | 'reset';
-    /** Fires on pointer-down OR Space/Enter keydown (first event in a gesture). */
-    onPressStart?: (event: PressEvent) => void;
-    /** Fires on pointer-up/cancel OR Space/Enter keyup. */
-    onPressEnd?: (event: PressEvent) => void;
-    /** Fires when the pointer is held for `longPressDelay` ms. Suppresses the next click. */
+    type?: ButtonType;
+    onPressStart?: (event: PressEvent<HTMLButtonElement>) => void;
+    onPressEnd?: (event: PressEvent<HTMLButtonElement>) => void;
     onLongPress?: (event: PointerEvent<HTMLButtonElement>) => void;
-    /** Long-press duration in ms. Default 500. */
     longPressDelay?: number;
-    /**
-     * Throttle clicks within `debounceMs`: first click fires, subsequent within
-     * the window are swallowed (functionally a throttle — kept the `debounce*`
-     * naming for consumer familiarity). Skipped when `loading` or `skeleton`.
-     */
     debounceMs?: number;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/actions/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,oBAAoB,EAEzB,KAAK,aAAa,EAElB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQxE,MAAM,MAAM,UAAU,GAClB,YAAY,CAAC,iBAAiB,CAAC,GAC/B,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAC3D,cAAc;IAChB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kFAAkF;IAClF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,yDAAyD;IACzD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,yFAAyF;IACzF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,2GAiNlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,oBAAoB,EAMzB,KAAK,YAAY,EAEjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,UAAU,EAMV,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAYxE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACxE,cAAc;IAEhB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAGzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAGxB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAGlB,OAAO,CAAC,EAAE,WAAW,CAAC;IAGtB,MAAM,CAAC,EAAE,UAAU,CAAC;IAGpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAGlB,MAAM,CAAC,EAAE,SAAS,CAAC;IAGnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG9D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAG/D,cAAc,CAAC,EAAE,MAAM,CAAC;IAGxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA4HD,eAAO,MAAM,MAAM,2GA6IlB,CAAC"}

package/dist/actions/index.js

@@ -1,7 +1,7 @@
-export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, IconButton, Link, OverlayButton, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, iconButtonVariants, linkVariants, toggleButtonVariants } from '../chunk-VZNIJCMD.js';
+export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, IconButton, Link, OverlayButton, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, iconButtonVariants, linkVariants, toggleButtonVariants } from '../chunk-3IEGN2OO.js';
 import '../chunk-NUMFGKPY.js';
 import '../chunk-GWIFNLGS.js';
-import '../chunk-ZJMDHG7B.js';
+import '../chunk-LBQIZGYH.js';
 import '../chunk-BMABNEZX.js';
 import '../chunk-KDXJQNB6.js';
 import '../chunk-LDRFQG44.js';

package/dist/{chunk-VZNIJCMD.js → chunk-3IEGN2OO.js}

@@ -1,9 +1,9 @@
-import { useDebounceHandler, useControlled, useClipboard, useEscape, useOutsideClick } from './chunk-NUMFGKPY.js';
+import { useControlled, useClipboard, useDebounceHandler, useEscape, useOutsideClick } from './chunk-NUMFGKPY.js';
 import { Icon, Spinner } from './chunk-GWIFNLGS.js';
-import { tv, CssExtensions, composeEventHandlers, OptionalExtensions, dataAttr } from './chunk-ZJMDHG7B.js';
+import { tv, PressExtensions, HtmlElement, CssExtensions, ButtonType, OptionalExtensions, dataAttr, composeEventHandlers, Key } from './chunk-LBQIZGYH.js';
 import { Slot, RovingFocusGroup, useRovingFocusItem } from './chunk-BMABNEZX.js';
 import { cn, composeRefs } from './chunk-LDRFQG44.js';
-import { forwardRef, useRef, useEffect, Children, isValidElement, cloneElement, createContext, useState, useContext, useMemo } from 'react';
+import { forwardRef, Children, isValidElement, cloneElement, createContext, useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Check, Copy, ChevronDown, X, Plus, ArrowUp } from 'lucide-react';
 
@@ -115,9 +115,97 @@ var buttonVariants = tv({
     wrap: false
   }
 });
-var LONG_PRESS_DELAY_MIN = 200;
-var LONG_PRESS_DELAY_MAX = 6e4;
-var LONG_PRESS_DELAY_DEFAULT = 500;
+var COMPONENT_NAME = "Button";
+var ButtonDataState = {
+  Loading: "loading",
+  Skeleton: "skeleton",
+  Disabled: "disabled"
+};
+function useButtonInteractivity(opts) {
+  const isPressingRef = useRef(false);
+  const longPressTimerRef = useRef(void 0);
+  const longPressFiredRef = useRef(false);
+  useEffect(
+    () => () => {
+      if (longPressTimerRef.current !== void 0) {
+        clearTimeout(longPressTimerRef.current);
+      }
+    },
+    []
+  );
+  const cancelLongPress = () => {
+    if (longPressTimerRef.current !== void 0) {
+      clearTimeout(longPressTimerRef.current);
+      longPressTimerRef.current = void 0;
+    }
+  };
+  const endPress = (e) => {
+    if (isPressingRef.current) {
+      isPressingRef.current = false;
+      opts.onPressEnd?.(e);
+    }
+  };
+  const handlePointerDown = (e) => {
+    if (opts.isInactive) return;
+    if (!isPressingRef.current) {
+      isPressingRef.current = true;
+      longPressFiredRef.current = false;
+      opts.onPressStart?.(e);
+    }
+    if (opts.onLongPress) {
+      longPressTimerRef.current = setTimeout(() => {
+        longPressFiredRef.current = true;
+        opts.onLongPress?.(e);
+        longPressTimerRef.current = void 0;
+      }, opts.longPressDelay);
+    }
+  };
+  const handlePointerUp = (e) => {
+    cancelLongPress();
+    endPress(e);
+  };
+  const handlePointerCancel = (e) => {
+    cancelLongPress();
+    endPress(e);
+  };
+  const handlePointerLeave = () => {
+    cancelLongPress();
+  };
+  const isActivationKey = (e) => e.key === Key.Space || e.key === Key.Enter;
+  const handleKeyDown = (e) => {
+    if (opts.isInactive) return;
+    if (isActivationKey(e) && !e.repeat && !isPressingRef.current) {
+      isPressingRef.current = true;
+      longPressFiredRef.current = false;
+      opts.onPressStart?.(e);
+    }
+  };
+  const handleKeyUp = (e) => {
+    if (isActivationKey(e) && isPressingRef.current) {
+      isPressingRef.current = false;
+      opts.onPressEnd?.(e);
+    }
+  };
+  const debouncedOnClick = useDebounceHandler(opts.onClick, opts.debounceMs);
+  const handleClick = (e) => {
+    if (opts.isLoading || opts.isSkeleton) return;
+    if (longPressFiredRef.current) {
+      longPressFiredRef.current = false;
+      e.preventDefault();
+      return;
+    }
+    debouncedOnClick(e);
+  };
+  return {
+    onClick: handleClick,
+    onPointerDown: composeEventHandlers(opts.onPointerDown, handlePointerDown),
+    onPointerUp: composeEventHandlers(opts.onPointerUp, handlePointerUp),
+    onPointerCancel: composeEventHandlers(opts.onPointerCancel, handlePointerCancel),
+    onPointerLeave: composeEventHandlers(opts.onPointerLeave, handlePointerLeave),
+    onKeyDown: composeEventHandlers(opts.onKeyDown, handleKeyDown),
+    onKeyUp: composeEventHandlers(opts.onKeyUp, handleKeyUp)
+  };
+}
 var Button = forwardRef(
   ({
     className,
@@ -126,28 +214,29 @@ var Button = forwardRef(
     tone,
     size,
     shape,
-    fullWidth,
-    wrap,
+    isFullWidth,
+    isMultiline,
     padding,
     radius,
     width,
     height,
     minWidth,
     minHeight,
-    leading,
-    trailing,
-    loading,
+    leadingSlot,
+    trailingSlot,
+    loadingSlot,
+    isLoading,
     loadingText,
-    skeleton,
+    isSkeleton,
+    isDisabled,
     asChild,
-    type = "button",
-    disabled,
+    type = ButtonType.Button,
     children,
     onClick,
     onPressStart,
     onPressEnd,
     onLongPress,
-    longPressDelay = LONG_PRESS_DELAY_DEFAULT,
+    longPressDelay = PressExtensions.longPressDelay.default,
     debounceMs,
     onPointerDown,
     onPointerUp,
@@ -157,19 +246,23 @@ var Button = forwardRef(
     onKeyUp,
     ...rest
   }, ref) => {
-    if (loading && skeleton) {
+    if (isLoading && isSkeleton) {
       console.warn(
-        "[Button] `loading` and `skeleton` are mutually exclusive \u2014 `skeleton` takes precedence."
+        `[${COMPONENT_NAME}] \`isLoading\` and \`isSkeleton\` are mutually exclusive \u2014 \`isSkeleton\` takes precedence.`
       );
     }
-    const safeLongPressDelay = longPressDelay < LONG_PRESS_DELAY_MIN || longPressDelay > LONG_PRESS_DELAY_MAX ? (console.warn(
-      `[Button] longPressDelay=${longPressDelay}ms is outside reasonable range (${LONG_PRESS_DELAY_MIN}\u2013${LONG_PRESS_DELAY_MAX}ms). Falling back to ${LONG_PRESS_DELAY_DEFAULT}ms.`
-    ), LONG_PRESS_DELAY_DEFAULT) : longPressDelay;
-    const isSkeleton = !!skeleton;
-    const isLoading = !isSkeleton && !!loading;
-    const isInactive = isLoading || isSkeleton || !!disabled;
-    const dataState = isSkeleton ? "skeleton" : isLoading ? "loading" : disabled ? "disabled" : void 0;
-    const Comp = asChild ? Slot : "button";
+    let safeLongPressDelay = longPressDelay;
+    if (longPressDelay < PressExtensions.longPressDelay.min || longPressDelay > PressExtensions.longPressDelay.max) {
+      console.warn(
+        `[${COMPONENT_NAME}] longPressDelay=${longPressDelay}ms is outside reasonable range (${PressExtensions.longPressDelay.min}\u2013${PressExtensions.longPressDelay.max}ms). Falling back to ${PressExtensions.longPressDelay.default}ms.`
+      );
+      safeLongPressDelay = PressExtensions.longPressDelay.default;
+    }
+    const skeletonActive = !!isSkeleton;
+    const loadingActive = !skeletonActive && !!isLoading;
+    const isInactive = loadingActive || skeletonActive || !!isDisabled;
+    const dataState = skeletonActive ? ButtonDataState.Skeleton : loadingActive ? ButtonDataState.Loading : isDisabled ? ButtonDataState.Disabled : void 0;
+    const Comp = asChild ? Slot : HtmlElement.Button;
     const overrideStyle = (() => {
       const padStyle = CssExtensions.resolvePadding(padding);
       const radStyle = CssExtensions.resolveRadius(radius);
@@ -177,87 +270,31 @@ var Button = forwardRef(
       if (!padStyle && !radStyle && !boxStyle && !style) return void 0;
       return { ...padStyle, ...radStyle, ...boxStyle, ...style };
     })();
-    const isPressingRef = useRef(false);
-    const longPressTimerRef = useRef(void 0);
-    const longPressFiredRef = useRef(false);
-    useEffect(
-      () => () => {
-        if (longPressTimerRef.current !== void 0) {
-          clearTimeout(longPressTimerRef.current);
-        }
-      },
-      []
-    );
-    const cancelLongPress = () => {
-      if (longPressTimerRef.current !== void 0) {
-        clearTimeout(longPressTimerRef.current);
-        longPressTimerRef.current = void 0;
-      }
-    };
-    const handlePointerDown = (e) => {
-      if (isInactive) return;
-      if (!isPressingRef.current) {
-        isPressingRef.current = true;
-        longPressFiredRef.current = false;
-        onPressStart?.(e);
-      }
-      if (onLongPress) {
-        longPressTimerRef.current = setTimeout(() => {
-          longPressFiredRef.current = true;
-          onLongPress(e);
-          longPressTimerRef.current = void 0;
-        }, safeLongPressDelay);
-      }
-    };
-    const handlePointerUp = (e) => {
-      cancelLongPress();
-      if (isPressingRef.current) {
-        isPressingRef.current = false;
-        onPressEnd?.(e);
-      }
-    };
-    const handlePointerCancel = (e) => {
-      cancelLongPress();
-      if (isPressingRef.current) {
-        isPressingRef.current = false;
-        onPressEnd?.(e);
-      }
-    };
-    const handlePointerLeave = () => {
-      cancelLongPress();
-    };
-    const handleKeyDown = (e) => {
-      if (isInactive) return;
-      if ((e.key === " " || e.key === "Enter") && !e.repeat && !isPressingRef.current) {
-        isPressingRef.current = true;
-        longPressFiredRef.current = false;
-        onPressStart?.(e);
-      }
-    };
-    const handleKeyUp = (e) => {
-      if ((e.key === " " || e.key === "Enter") && isPressingRef.current) {
-        isPressingRef.current = false;
-        onPressEnd?.(e);
-      }
-    };
-    const debouncedOnClick = useDebounceHandler(onClick, debounceMs);
-    const handleClick = (e) => {
-      if (isLoading || isSkeleton) return;
-      if (longPressFiredRef.current) {
-        longPressFiredRef.current = false;
-        e.preventDefault();
-        return;
-      }
-      debouncedOnClick(e);
-    };
-    const content = isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Spinner, {}),
+    const eventHandlers = useButtonInteractivity({
+      isInactive,
+      isLoading: loadingActive,
+      isSkeleton: skeletonActive,
+      longPressDelay: safeLongPressDelay,
+      debounceMs,
+      onClick,
+      onPressStart,
+      onPressEnd,
+      onLongPress,
+      onPointerDown,
+      onPointerUp,
+      onPointerCancel,
+      onPointerLeave,
+      onKeyDown,
+      onKeyUp
+    });
+    const content = loadingActive ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      loadingSlot ?? /* @__PURE__ */ jsx(Spinner, {}),
       loadingText !== void 0 ? /* @__PURE__ */ jsx("span", { children: loadingText }) : children,
-      trailing
+      trailingSlot
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      leading,
+      leadingSlot,
       children,
-      trailing
+      trailingSlot
     ] });
     return /* @__PURE__ */ jsx(
       Comp,
@@ -265,28 +302,29 @@ var Button = forwardRef(
         ref,
         type: asChild ? void 0 : type,
         className: cn(
-          buttonVariants({ variant, tone, size, shape, fullWidth, wrap }),
+          buttonVariants({
+            variant,
+            tone,
+            size,
+            shape,
+            fullWidth: isFullWidth,
+            wrap: isMultiline
+          }),
           className
         ),
         style: overrideStyle,
-        disabled: OptionalExtensions.from(disabled, true),
-        "aria-busy": OptionalExtensions.from(isLoading || isSkeleton, true),
-        tabIndex: OptionalExtensions.from(isSkeleton, -1),
+        disabled: OptionalExtensions.from(isDisabled, true),
+        "aria-busy": OptionalExtensions.from(loadingActive || skeletonActive, true),
+        tabIndex: OptionalExtensions.from(skeletonActive, -1),
         "data-state": dataState,
-        onClick: handleClick,
-        onPointerDown: composeEventHandlers(onPointerDown, handlePointerDown),
-        onPointerUp: composeEventHandlers(onPointerUp, handlePointerUp),
-        onPointerCancel: composeEventHandlers(onPointerCancel, handlePointerCancel),
-        onPointerLeave: composeEventHandlers(onPointerLeave, handlePointerLeave),
-        onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
-        onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp),
+        ...eventHandlers,
         ...rest,
         children: content
       }
     );
   }
 );
-Button.displayName = "Button";
+Button.displayName = COMPONENT_NAME;
 
 // src/actions/iconButton/IconButton.variants.ts
 var iconButtonVariants = tv({
@@ -994,5 +1032,5 @@ var BackToTopButton = forwardRef(
 BackToTopButton.displayName = "BackToTopButton";
 
 export { BackToTopButton, Button, ButtonGroup, CopyButton, DisclosureButton, FAB, IconButton, Link, OverlayButton, SegmentedControl, SpeedDial, SpeedDialAction, SpeedDialTrigger, ToggleButton, ToggleButtonGroup, Toolbar, ToolbarButton, ToolbarLink, ToolbarSeparator, buttonVariants, fabVariants, iconButtonVariants, linkVariants, toggleButtonVariants };
-//# sourceMappingURL=chunk-VZNIJCMD.js.map
-//# sourceMappingURL=chunk-VZNIJCMD.js.map
+//# sourceMappingURL=chunk-3IEGN2OO.js.map
+//# sourceMappingURL=chunk-3IEGN2OO.js.map