@lets-events/react 12.3.0 → 12.3.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@12.3.0 build
+> @lets-events/react@12.3.2 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -9,11 +9,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist\index.js 395.67 KB
-CJS ⚡️ Build success in 226ms
-ESM dist\index.mjs 381.64 KB
-ESM ⚡️ Build success in 227ms
+ESM dist\index.mjs 381.68 KB
+ESM ⚡️ Build success in 225ms
+CJS dist\index.js 395.71 KB
+CJS ⚡️ Build success in 224ms
 DTS Build start
-DTS ⚡️ Build success in 4571ms
+DTS ⚡️ Build success in 4574ms
 DTS dist\index.d.mts 398.68 KB
 DTS dist\index.d.ts  398.68 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 12.3.2
+
+### Patch Changes
+
+- fix button loading state
+
+## 12.3.1
+
+### Patch Changes
+
+- fix button loading state
+
 ## 12.3.0
 
 ### Minor Changes

package/dist/index.js

@@ -1862,7 +1862,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 function Button(_a) {
   var _b = _a, { asChild, children, loading } = _b, props = __objRest(_b, ["asChild", "children", "loading"]);
   const Component = asChild ? import_themes3.Button : "button";
-  const { size } = props;
+  const { size, disabled } = props;
   const spinnerSize = (0, import_react2.useMemo)(() => {
     switch (size) {
       case "small":
@@ -1874,10 +1874,10 @@ function Button(_a) {
       case "large":
         return "xl";
       default:
-        return "sm";
+        return "md";
     }
   }, [size]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonStyled, __spreadProps(__spreadValues({ as: Component }, props), { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpinningDiv, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "circle-notch", size: spinnerSize }) }) : children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ButtonStyled, __spreadProps(__spreadValues({ as: Component }, props), { disabled: disabled || loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SpinningDiv, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "circle-notch", size: spinnerSize }) }) : children }));
 }
 
 // src/components/ButtonGroup.tsx

package/dist/index.mjs

@@ -1746,7 +1746,7 @@ import { jsx as jsx3 } from "react/jsx-runtime";
 function Button(_a) {
   var _b = _a, { asChild, children, loading } = _b, props = __objRest(_b, ["asChild", "children", "loading"]);
   const Component = asChild ? ButtonRadix2 : "button";
-  const { size } = props;
+  const { size, disabled } = props;
   const spinnerSize = useMemo(() => {
     switch (size) {
       case "small":
@@ -1758,10 +1758,10 @@ function Button(_a) {
       case "large":
         return "xl";
       default:
-        return "sm";
+        return "md";
     }
   }, [size]);
-  return /* @__PURE__ */ jsx3(ButtonStyled, __spreadProps(__spreadValues({ as: Component }, props), { children: loading ? /* @__PURE__ */ jsx3(SpinningDiv, { children: /* @__PURE__ */ jsx3(Icon_default, { name: "circle-notch", size: spinnerSize }) }) : children }));
+  return /* @__PURE__ */ jsx3(ButtonStyled, __spreadProps(__spreadValues({ as: Component }, props), { disabled: disabled || loading, children: loading ? /* @__PURE__ */ jsx3(SpinningDiv, { children: /* @__PURE__ */ jsx3(Icon_default, { name: "circle-notch", size: spinnerSize }) }) : children }));
 }
 
 // src/components/ButtonGroup.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.3.0",
+  "version": "12.3.2",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Button/index.tsx

@@ -14,7 +14,7 @@ export interface ButtonProps
 
 export function Button({ asChild, children, loading, ...props }: ButtonProps) {
   const Component = asChild ? ButtonRadix : "button";
-  const { size } = props;
+  const { size, disabled } = props;
 
   const spinnerSize = useMemo((): IconProps["size"] => {
     switch (size) {
@@ -27,12 +27,12 @@ export function Button({ asChild, children, loading, ...props }: ButtonProps) {
       case "large":
         return "xl";
       default:
-        return "sm";
+        return "md";
     }
   }, [size]);
 
   return (
-    <ButtonStyled as={Component} {...props}>
+    <ButtonStyled as={Component} {...props} disabled={disabled || loading}>
       {loading ? (
         <SpinningDiv>
           <Icon name="circle-notch" size={spinnerSize} />