@youngonesworks/ui 0.1.19 → 0.1.20

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

@@ -1,6 +1,6 @@
 import { type ButtonHTMLAttributes, type ReactNode } from 'react';
 import { buttonVariants } from './buttonVariants';
-interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     variant?: keyof typeof buttonVariants;
     ariaLabel?: string;
     isLoading?: boolean;
@@ -8,6 +8,9 @@ interface IButton extends ButtonHTMLAttributes<HTMLButtonElement> {
     dataTestId?: string;
     icon?: ReactNode;
     iconRight?: boolean;
+    children?: ReactNode;
+}
+export declare function Button({ type, variant, ariaLabel, block, isLoading, icon: iconFromProps, iconRight, onClick, className, children, dataTestId, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Button {
+    var displayName: string;
 }
-export declare const Button: import("react").ForwardRefExoticComponent<IButton & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/icons/IconLoading.d.ts

@@ -1,2 +1,2 @@
 import { type SVGProps } from 'react';
-export declare const IconLoading: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const IconLoading: ({ className, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs

@@ -103324,10 +103324,13 @@ BreadCrumb.displayName = "BreadCrumb";
 
 //#endregion
 //#region src/icons/IconLoading.tsx
-const IconLoading = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+const IconLoading = ({ className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
 	"data-component": "button",
 	"data-testid": "loading-svg-button",
 	viewBox: "0 0 256 256",
+	width: "1em",
+	height: "1em",
+	className,
 	...props,
 	children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
@@ -103421,22 +103424,22 @@ const buttonVariants = {
 
 //#endregion
 //#region src/components/button/index.tsx
-const Button = (0, react.forwardRef)(({ type = "button", variant = "primary", ariaLabel, block = false, isLoading = false, icon: iconFromProps = null, iconRight = false, onClick, className, children, dataTestId,...props }, ref) => {
-	const icon = isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoading, { className: "animate-spin-slow mr-2 stroke-current" }) : iconFromProps;
-	const formattedIcon = formatIcon(icon, { className: clsx_default("size-[1.125rem]", {
+function Button({ type = "button", variant = "primary", ariaLabel, block = false, isLoading = false, icon: iconFromProps = null, iconRight = false, onClick, className, children, dataTestId,...props }) {
+	const loadingIcon = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconLoading, { className: "animate-spin-slow mr-2 stroke-current" });
+	const icon = isLoading ? loadingIcon : iconFromProps;
+	const formattedIcon = icon ? formatIcon(icon, { className: clsx_default({
 		"-mr-2": iconRight,
 		"-ml-2": !iconRight
-	}) });
+	}, icon === loadingIcon ? "text-current" : "size-[1.125rem]") }) : null;
 	const handleOnClick = (event) => {
-		onClick && onClick(event);
+		onClick?.(event);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 		type,
 		"aria-label": ariaLabel,
 		"data-testid": dataTestId,
 		className: cn(buttonVariants[variant], className, block && "w-full"),
-		onClick: (event) => handleOnClick(event),
-		ref,
+		onClick: handleOnClick,
 		...props,
 		children: [
 			!iconRight && formattedIcon,
@@ -103444,7 +103447,7 @@ const Button = (0, react.forwardRef)(({ type = "button", variant = "primary", ar
 			iconRight && formattedIcon
 		]
 	});
-});
+}
 Button.displayName = "Button";
 
 //#endregion