@versini/ui-button 11.1.1 → 11.2.0

package/dist/common/constants.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 

package/dist/components/Button/Button.d.ts

@@ -1,18 +1,2 @@
-import React from "react";
-export declare const Button: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    disabled?: boolean;
-    truncate?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    variant?: "primary" | "secondary" | "danger" | "selected";
-} & {
-    className?: string;
-    focusMode?: "dark" | "light" | "system" | "alt-system";
-    fullWidth?: boolean;
-    mode?: "dark" | "light" | "system" | "alt-system";
-    noBorder?: boolean;
-    noInternalClick?: boolean;
-    raw?: boolean;
-    size?: "small" | "medium" | "large";
-    radius?: "small" | "medium" | "large";
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+import type { ButtonTypes } from "@versini/ui-types";
+export declare function Button({ children, disabled, mode, focusMode, fullWidth, className, size, raw, noBorder, variant, truncate, radius, ref, ...otherProps }: ButtonTypes.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.js

@@ -1,17 +1,14 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 
 import { jsx } from "react/jsx-runtime";
-import react from "react";
 import { BaseButton_private } from "../private/BaseButton.js";
 import { TYPE_BUTTON, getButtonClasses } from "./utilities.js";
 
 ;// CONCATENATED MODULE: external "react/jsx-runtime"
 
-;// CONCATENATED MODULE: external "react"
-
 ;// CONCATENATED MODULE: external "../private/BaseButton.js"
 
 ;// CONCATENATED MODULE: external "./utilities.js"
@@ -20,8 +17,7 @@ import { TYPE_BUTTON, getButtonClasses } from "./utilities.js";
 
 
 
-
-const Button = /*#__PURE__*/ react.forwardRef(({ children, disabled = false, mode = "system", focusMode = "system", fullWidth = false, className, size = "medium", raw = false, noBorder = false, variant = "primary", truncate = false, radius = "large", ...otherProps }, ref)=>{
+function Button({ children, disabled = false, mode = "system", focusMode = "system", fullWidth = false, className, size = "medium", raw = false, noBorder = false, variant = "primary", truncate = false, radius = "large", ref, ...otherProps }) {
     const buttonClass = getButtonClasses({
         type: TYPE_BUTTON,
         mode,
@@ -43,7 +39,6 @@ const Button = /*#__PURE__*/ react.forwardRef(({ children, disabled = false, mod
         ...otherProps,
         children: children
     });
-});
-Button.displayName = "Button";
+}
 
 export { Button };

package/dist/components/Button/ButtonCopy.d.ts

@@ -1,4 +1,2 @@
-import React from "react";
-export declare const ButtonCopy: React.ForwardRefExoticComponent<{
-    copyToClipboard: string | (() => string);
-} & Omit<import("@versini/ui-types").ButtonIconTypes.Props, "children" | "fullWidth" | "size" | "label" | "align"> & React.RefAttributes<HTMLButtonElement>>;
+import type { ButtonCopyTypes } from "@versini/ui-types";
+export declare function ButtonCopy({ copyToClipboard, ref, ...otherProps }: ButtonCopyTypes.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/ButtonCopy.js

@@ -1,11 +1,11 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 
 import { jsx } from "react/jsx-runtime";
 import { IconCopied, IconCopy } from "@versini/ui-icons";
-import react, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { ButtonIcon } from "./ButtonIcon.js";
 
 ;// CONCATENATED MODULE: external "react/jsx-runtime"
@@ -21,7 +21,7 @@ import { ButtonIcon } from "./ButtonIcon.js";
 
 
 
-const ButtonCopy = /*#__PURE__*/ react.forwardRef(({ copyToClipboard, ...otherProps }, ref)=>{
+function ButtonCopy({ copyToClipboard, ref, ...otherProps }) {
     const [copied, setCopied] = useState(false);
     const handleCopyToClipboard = ()=>{
         if (typeof copyToClipboard === "string") {
@@ -60,7 +60,6 @@ const ButtonCopy = /*#__PURE__*/ react.forwardRef(({ copyToClipboard, ...otherPr
             size: "size-3"
         })
     });
-});
-ButtonCopy.displayName = "ButtonCopy";
+}
 
 export { ButtonCopy };

package/dist/components/Button/ButtonIcon.d.ts

@@ -1,3 +1,2 @@
 import type { ButtonIconTypes } from "@versini/ui-types";
-import React from "react";
-export declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconTypes.Props & React.RefAttributes<HTMLButtonElement>>;
+export declare function ButtonIcon({ children, disabled, mode, focusMode, fullWidth, className, type, raw, noBorder, "aria-label": ariaLabel, label, size, labelRight, labelLeft, noBackground, align, radius, variant, iconClassName, animated, ref, ...otherProps }: ButtonIconTypes.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/ButtonIcon.js

@@ -1,12 +1,12 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMergeRefs } from "@versini/ui-hooks/use-merge-refs";
 import { useResizeObserver } from "@versini/ui-hooks/use-resize-observer";
-import react, { useEffect, useLayoutEffect, useRef } from "react";
+import { useEffect, useLayoutEffect, useRef } from "react";
 import { BaseButton_private } from "../private/BaseButton.js";
 import { TYPE_ICON, getButtonClasses, getButtonIconLabelClasses, getIconClasses } from "./utilities.js";
 
@@ -41,7 +41,7 @@ const PADDINGS = {
 };
 const BORDERS = 2; // border x 2
 const ANIMATION_DURATION = 300; // ms - should match the CSS transition duration
-const ButtonIcon = /*#__PURE__*/ react.forwardRef(({ children, disabled = false, mode = "system", focusMode = "system", fullWidth = false, className, type = "button", raw = false, noBorder = false, "aria-label": ariaLabel, label, size = "medium", labelRight, labelLeft, noBackground = false, align = "center", radius = "large", variant = "secondary", iconClassName, animated = false, ...otherProps }, ref)=>{
+function ButtonIcon({ children, disabled = false, mode = "system", focusMode = "system", fullWidth = false, className, type = "button", raw = false, noBorder = false, "aria-label": ariaLabel, label, size = "medium", labelRight, labelLeft, noBackground = false, align = "center", radius = "large", variant = "secondary", iconClassName, animated = false, ref, ...otherProps }) {
     const buttonClass = getButtonClasses({
         type: TYPE_ICON,
         mode,
@@ -82,9 +82,9 @@ const ButtonIcon = /*#__PURE__*/ react.forwardRef(({ children, disabled = false,
         buttonRef
     ]);
     /**
-		 * Effect to calculate the buffer to add to the width of the button to
-		 * account for the icon, paddings and borders.
-		 */ useLayoutEffect(()=>{
+	 * Effect to calculate the buffer to add to the width of the button to
+	 * account for the icon, paddings and borders.
+	 */ useLayoutEffect(()=>{
         /* v8 ignore start */ if (iconRef && iconRef.current && animated) {
             bufferRef.current = rectIcon.width + PADDINGS[size] + (noBorder ? 0 : BORDERS);
             // Set initial button width if it hasn't been set yet
@@ -100,9 +100,9 @@ const ButtonIcon = /*#__PURE__*/ react.forwardRef(({ children, disabled = false,
         animated
     ]);
     /**
-		 * Effect to update the width of the button based on the visibility of
-		 * the right and left labels.
-		 */ useLayoutEffect(()=>{
+	 * Effect to update the width of the button based on the visibility of
+	 * the right and left labels.
+	 */ useLayoutEffect(()=>{
         /* v8 ignore start */ if (buttonRef && buttonRef.current && animated) {
             // Calculate the target width first
             let newWidth = WIDTH[size];
@@ -199,7 +199,7 @@ const ButtonIcon = /*#__PURE__*/ react.forwardRef(({ children, disabled = false,
             ]
         })
     });
-});
+}
 const ButtonLabel = ({ labelRef, labelClass, label, labelInnerClass, initiallyHidden = false })=>{
     return /*#__PURE__*/ jsx("span", {
         ref: labelRef,
@@ -213,6 +213,5 @@ const ButtonLabel = ({ labelRef, labelClass, label, labelInnerClass, initiallyHi
         })
     });
 };
-ButtonIcon.displayName = "ButtonIcon";
 
 export { ButtonIcon };

package/dist/components/Button/ButtonLink.d.ts

@@ -1,22 +1,2 @@
-import React from "react";
-export declare const ButtonLink: React.ForwardRefExoticComponent<{
-    noNewWindowIcon?: boolean;
-    href?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-} & {
-    children: React.ReactNode;
-    disabled?: boolean;
-    truncate?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    variant?: "primary" | "secondary" | "danger" | "selected";
-} & {
-    className?: string;
-    focusMode?: "dark" | "light" | "system" | "alt-system";
-    fullWidth?: boolean;
-    mode?: "dark" | "light" | "system" | "alt-system";
-    noBorder?: boolean;
-    noInternalClick?: boolean;
-    raw?: boolean;
-    size?: "small" | "medium" | "large";
-    radius?: "small" | "medium" | "large";
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+import type { ButtonLinkTypes } from "@versini/ui-types";
+export declare function ButtonLink({ children, mode, focusMode, fullWidth, className, size, raw, noBorder, target, truncate, noNewWindowIcon, radius, ref, ...otherProps }: ButtonLinkTypes.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/ButtonLink.js

@@ -1,27 +1,23 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import react from "react";
 import { TYPE_LINK, getButtonClasses } from "./utilities.js";
 
 ;// CONCATENATED MODULE: external "react/jsx-runtime"
 
 ;// CONCATENATED MODULE: external "clsx"
 
-;// CONCATENATED MODULE: external "react"
-
 ;// CONCATENATED MODULE: external "./utilities.js"
 
 ;// CONCATENATED MODULE: ./src/components/Button/ButtonLink.tsx
 
 
 
-
-const ButtonLink = /*#__PURE__*/ react.forwardRef(({ children, mode = "system", focusMode = "system", fullWidth = false, className, size = "small", raw = false, noBorder = false, target, truncate = false, noNewWindowIcon = false, radius = "large", ...otherProps }, ref)=>{
+function ButtonLink({ children, mode = "system", focusMode = "system", fullWidth = false, className, size = "small", raw = false, noBorder = false, target, truncate = false, noNewWindowIcon = false, radius = "large", ref, ...otherProps }) {
     const buttonClass = getButtonClasses({
         type: TYPE_LINK,
         mode,
@@ -80,7 +76,6 @@ const ButtonLink = /*#__PURE__*/ react.forwardRef(({ children, mode = "system",
             ]
         })
     });
-});
-ButtonLink.displayName = "ButtonLink";
+}
 
 export { ButtonLink };

package/dist/components/Button/utilities.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 

package/dist/components/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 

package/dist/components/private/BaseButton.d.ts

@@ -1,18 +1,2 @@
-import React from "react";
-export declare const BaseButton_private: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
-    disabled?: boolean;
-    truncate?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    variant?: "primary" | "secondary" | "danger" | "selected";
-} & {
-    className?: string;
-    focusMode?: "dark" | "light" | "system" | "alt-system";
-    fullWidth?: boolean;
-    mode?: "dark" | "light" | "system" | "alt-system";
-    noBorder?: boolean;
-    noInternalClick?: boolean;
-    raw?: boolean;
-    size?: "small" | "medium" | "large";
-    radius?: "small" | "medium" | "large";
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+import type { ButtonTypes } from "@versini/ui-types";
+export declare function BaseButton_private(buttonProps: ButtonTypes.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/private/BaseButton.js

@@ -1,10 +1,10 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 
 import { jsx } from "react/jsx-runtime";
-import react from "react";
+import "react";
 
 ;// CONCATENATED MODULE: external "react/jsx-runtime"
 
@@ -33,8 +33,8 @@ import react from "react";
     }
     typeof onClick === "function" && onClick(e);
 };
-/* c8 ignore end */ const BaseButton_private = /*#__PURE__*/ react.forwardRef((buttonProps, ref)=>{
-    const { onClick, noInternalClick = false, ...otherProps } = buttonProps;
+/* c8 ignore end */ function BaseButton_private(buttonProps) {
+    const { onClick, noInternalClick = false, ref, ...otherProps } = buttonProps;
     return /*#__PURE__*/ jsx("button", {
         ref: ref,
         onClick: (e)=>{
@@ -42,7 +42,6 @@ import react from "react";
         },
         ...otherProps
     });
-});
-BaseButton_private.displayName = "BaseButton";
+}
 
 export { BaseButton_private };

package/dist/components/private/ButtonSort.d.ts

@@ -1,3 +1,2 @@
 import type { ButtonSortTypes } from "@versini/ui-types";
-import React from "react";
-export declare const ButtonSort_private: React.ForwardRefExoticComponent<ButtonSortTypes.Props & React.RefAttributes<HTMLButtonElement>>;
+export declare function ButtonSort_private({ children, mode, className, active, ref, ...otherProps }: ButtonSortTypes.Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/private/ButtonSort.js

@@ -1,27 +1,23 @@
 /*!
-  @versini/ui-button v11.1.1
+  @versini/ui-button v11.2.0
   © 2025 gizmette.com
 */
 
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import react from "react";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 
 ;// CONCATENATED MODULE: external "react/jsx-runtime"
 
 ;// CONCATENATED MODULE: external "clsx"
 
-;// CONCATENATED MODULE: external "react"
-
 ;// CONCATENATED MODULE: external "../Button/ButtonIcon.js"
 
 ;// CONCATENATED MODULE: ./src/components/private/ButtonSort.tsx
 
 
 
-
-const ButtonSort_private = /*#__PURE__*/ react.forwardRef(({ children, mode = "system", className, active = false, ...otherProps }, ref)=>{
+function ButtonSort_private({ children, mode = "system", className, active = false, ref, ...otherProps }) {
     const activeClass = active ? clsx("relative", "focus-within:static", "focus-within:after:border-transparent", "after:absolute", "after:content-['']", "after:border-b-2", "after:-bottom-1", "after:left-0", "after:right-0", {
         "after:border-table-light": mode === "dark",
         "after:border-table-dark": mode === "light",
@@ -41,7 +37,6 @@ const ButtonSort_private = /*#__PURE__*/ react.forwardRef(({ children, mode = "s
             children: children
         })
     });
-});
-ButtonSort_private.displayName = "ButtonSort";
+}
 
 export { ButtonSort_private };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-button",
-	"version": "11.1.1",
+	"version": "11.2.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -63,7 +63,7 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-types": "8.1.1"
+		"@versini/ui-types": "8.2.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
@@ -75,5 +75,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "a3730974df8fcea3c016bd83844c4243dbb10208"
+	"gitHead": "5cc3c9aaf61ca3843f16a3d6b322a92f7fb210ca"
 }