nave-ui-library 1.0.0-beta.60 → 1.0.0-beta.61

package/dist/react/index.js

@@ -2889,7 +2889,7 @@ function Button(_a2) {
     "style",
     "children"
   ]);
-  var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L;
+  var _a3, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R;
   const sizeMap2 = {
     small: "sm",
     medium: "md",
@@ -2920,7 +2920,7 @@ function Button(_a2) {
   const variantTokens = Object.keys(_variantBranch).length > 0 ? _variantBranch : responseTokens.tokens;
   const _loadingTokens = tokenAt(variantTokens, "loading");
   const _disabledTokens = tokenAt(variantTokens, "disabled");
-  const stateTokens = loading ? Object.keys(_loadingTokens).length > 0 ? _loadingTokens : _disabledTokens : isDisabled ? _disabledTokens : {};
+  const stateTokens = loading ? Object.keys(_loadingTokens).length > 0 ? _loadingTokens : {} : isDisabled ? _disabledTokens : {};
   const isTokenRef = (value) => typeof value === "string" && value.includes("{") && value.includes("}");
   const safeCssValue = (value, fallback) => typeof value === "string" && !isTokenRef(value) ? value : fallback;
   const sizeHeight = safeCssValue(
@@ -2939,25 +2939,25 @@ function Button(_a2) {
     "--button-bg": (_c = (_b2 = stateTokens == null ? void 0 : stateTokens.background) != null ? _b2 : variantTokens == null ? void 0 : variantTokens.background) != null ? _c : "#4B5563",
     "--button-text": (_e = (_d = stateTokens == null ? void 0 : stateTokens.color) != null ? _d : variantTokens == null ? void 0 : variantTokens.color) != null ? _e : "#000000",
     "--button-border-color": (_g = (_f = stateTokens == null ? void 0 : stateTokens.border) != null ? _f : variantTokens == null ? void 0 : variantTokens.border) != null ? _g : "transparent",
-    "--button-bg-disabled": (_j = (_i = (_h = stateTokens == null ? void 0 : stateTokens.background) != null ? _h : disabledTokens == null ? void 0 : disabledTokens.background) != null ? _i : variantTokens == null ? void 0 : variantTokens.background) != null ? _j : "#9CA3AF",
-    "--button-text-disabled": (_m = (_l = (_k = stateTokens == null ? void 0 : stateTokens.color) != null ? _k : disabledTokens == null ? void 0 : disabledTokens.color) != null ? _l : variantTokens == null ? void 0 : variantTokens.color) != null ? _m : "#6B7280",
-    "--button-border-disabled": (_p = (_o = (_n = stateTokens == null ? void 0 : stateTokens.border) != null ? _n : disabledTokens == null ? void 0 : disabledTokens.border) != null ? _o : variantTokens == null ? void 0 : variantTokens.border) != null ? _p : "transparent",
-    "--button-bg-hover": (_r = (_q = hoverTokens == null ? void 0 : hoverTokens.background) != null ? _q : variantTokens == null ? void 0 : variantTokens.background) != null ? _r : "#374151",
-    "--button-text-hover": (_t = (_s = hoverTokens == null ? void 0 : hoverTokens.color) != null ? _s : variantTokens == null ? void 0 : variantTokens.color) != null ? _t : "#FFFFFF",
-    "--button-border-hover-color": (_v = (_u = hoverTokens == null ? void 0 : hoverTokens.border) != null ? _u : variantTokens == null ? void 0 : variantTokens.border) != null ? _v : "transparent",
-    "--button-focus-ring": (_w = focusTokens == null ? void 0 : focusTokens.boxShadow) != null ? _w : "0px 0px 0px 4px #652BDF33",
-    "--button-radius": (_y = (_x = responseTokens.tokens) == null ? void 0 : _x.radius) != null ? _y : "6px",
-    "--button-transition-duration": (_A = (_z = responseTokens.tokens) == null ? void 0 : _z.transition) != null ? _A : "200ms",
-    "--button-gap": (_C = (_B = responseTokens.tokens) == null ? void 0 : _B.gap) != null ? _C : "6px",
-    "--button-font-size": (_D = sizeTokens == null ? void 0 : sizeTokens.fontSize) != null ? _D : "14px",
-    "--button-font-weight": (_E = sizeTokens == null ? void 0 : sizeTokens.fontWeight) != null ? _E : 550,
-    "--button-line-height": (_G = (_F = responseTokens.tokens) == null ? void 0 : _F.lineHeight) != null ? _G : "130%",
-    "--button-letter-spacing": (_I = (_H = responseTokens.tokens) == null ? void 0 : _H.letterSpacing) != null ? _I : "-0.04em",
-    "--button-icon-size": (_J = sizeTokens == null ? void 0 : sizeTokens.iconSize) != null ? _J : "16px",
+    "--button-bg-disabled": loading ? (_i = (_h = stateTokens == null ? void 0 : stateTokens.background) != null ? _h : variantTokens == null ? void 0 : variantTokens.background) != null ? _i : "#4B5563" : (_l = (_k = (_j = stateTokens == null ? void 0 : stateTokens.background) != null ? _j : disabledTokens == null ? void 0 : disabledTokens.background) != null ? _k : variantTokens == null ? void 0 : variantTokens.background) != null ? _l : "#9CA3AF",
+    "--button-text-disabled": loading ? (_n = (_m = stateTokens == null ? void 0 : stateTokens.color) != null ? _m : variantTokens == null ? void 0 : variantTokens.color) != null ? _n : "#000000" : (_q = (_p = (_o = stateTokens == null ? void 0 : stateTokens.color) != null ? _o : disabledTokens == null ? void 0 : disabledTokens.color) != null ? _p : variantTokens == null ? void 0 : variantTokens.color) != null ? _q : "#6B7280",
+    "--button-border-disabled": loading ? (_s = (_r = stateTokens == null ? void 0 : stateTokens.border) != null ? _r : variantTokens == null ? void 0 : variantTokens.border) != null ? _s : "transparent" : (_v = (_u = (_t = stateTokens == null ? void 0 : stateTokens.border) != null ? _t : disabledTokens == null ? void 0 : disabledTokens.border) != null ? _u : variantTokens == null ? void 0 : variantTokens.border) != null ? _v : "transparent",
+    "--button-bg-hover": (_x = (_w = hoverTokens == null ? void 0 : hoverTokens.background) != null ? _w : variantTokens == null ? void 0 : variantTokens.background) != null ? _x : "#374151",
+    "--button-text-hover": (_z = (_y = hoverTokens == null ? void 0 : hoverTokens.color) != null ? _y : variantTokens == null ? void 0 : variantTokens.color) != null ? _z : "#FFFFFF",
+    "--button-border-hover-color": (_B = (_A = hoverTokens == null ? void 0 : hoverTokens.border) != null ? _A : variantTokens == null ? void 0 : variantTokens.border) != null ? _B : "transparent",
+    "--button-focus-ring": (_C = focusTokens == null ? void 0 : focusTokens.boxShadow) != null ? _C : "0px 0px 0px 4px #652BDF33",
+    "--button-radius": (_E = (_D = responseTokens.tokens) == null ? void 0 : _D.radius) != null ? _E : "6px",
+    "--button-transition-duration": (_G = (_F = responseTokens.tokens) == null ? void 0 : _F.transition) != null ? _G : "200ms",
+    "--button-gap": (_I = (_H = responseTokens.tokens) == null ? void 0 : _H.gap) != null ? _I : "6px",
+    "--button-font-size": (_J = sizeTokens == null ? void 0 : sizeTokens.fontSize) != null ? _J : "14px",
+    "--button-font-weight": (_K = sizeTokens == null ? void 0 : sizeTokens.fontWeight) != null ? _K : 550,
+    "--button-line-height": (_M = (_L = responseTokens.tokens) == null ? void 0 : _L.lineHeight) != null ? _M : "130%",
+    "--button-letter-spacing": (_O = (_N = responseTokens.tokens) == null ? void 0 : _N.letterSpacing) != null ? _O : "-0.04em",
+    "--button-icon-size": (_P = sizeTokens == null ? void 0 : sizeTokens.iconSize) != null ? _P : "16px",
     "--button-height": sizeHeight,
     "--button-padding-x": sizePaddingX,
     "--button-text-padding-x": resolvedTextPaddingX != null ? resolvedTextPaddingX : "8px",
-    fontFamily: (_L = (_K = responseTokens.tokens) == null ? void 0 : _K.fontFamily) != null ? _L : `'Inter', sans-serif`,
+    fontFamily: (_R = (_Q = responseTokens.tokens) == null ? void 0 : _Q.fontFamily) != null ? _R : `'Inter', sans-serif`,
     fontSize: "var(--button-font-size)",
     fontWeight: "var(--button-font-weight)"
   });
@@ -2965,7 +2965,7 @@ function Button(_a2) {
   const buttonProps = !asChild ? __spreadValues({ type: "button" }, props) : props;
   return /* @__PURE__ */ jsxs(
     Comp,
-    __spreadProps(__spreadValues({
+    __spreadProps(__spreadValues(__spreadValues({
       className: cn(
         buttonBaseClasses({ variant, size: cvaSize }),
         size !== "icon" && size !== "icon-small" && size !== "icon-large" && "h-[var(--button-height)] px-[var(--button-padding-x)]",
@@ -2977,10 +2977,15 @@ function Button(_a2) {
         className
       ),
       style: updatedStyles,
-      disabled: isDisabled,
+      disabled: isDisabled && !loading,
       "aria-busy": loading || void 0,
       "data-loading": loading ? "true" : void 0
-    }, buttonProps), {
+    }, buttonProps), loading && {
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }), {
       children: [
         loading ? /* @__PURE__ */ jsx3(
           "span",
@@ -8896,7 +8901,7 @@ var Tile = ({
             {
               size: 12,
               style: {
-                background: "#652BDF",
+                background: "var(--tile-border-color-select)",
                 borderRadius: "100%",
                 padding: "2px"
               },