@validationcloud/fractal-ui 1.72.0 → 1.74.0

package/dist/components/echarts-renderer/formatters/formatter-functions.d.ts

@@ -3,7 +3,7 @@ import { FormatterTemplate, FormatterToken } from './formatter-tokens';
  * ECharts formatter function signature.
  * Accepts a numeric value (or string that can be converted to number) and returns formatted string.
  */
-export type EChartsFormatter = (value: number | string) => string;
+type EChartsFormatter = (value: number | string) => string;
 /**
  * Retrieves the formatter function for a given token.
  */
@@ -28,7 +28,7 @@ type EChartsParams = {
 /**
  * Formatter function that receives ECharts params object.
  */
-export type EChartsParamsFormatter = (params: EChartsParams) => string;
+type EChartsParamsFormatter = (params: EChartsParams) => string;
 /**
  * Creates a params-based formatter for series/edge labels.
  * Extracts params.value and applies the token formatter.

package/dist/components/echarts-renderer/formatters/replace-formatter-tokens.d.ts

@@ -3,7 +3,7 @@ import { EChartsOption } from 'echarts';
  * Input type that allows formatter tokens (strings) where ECharts expects functions.
  * This is needed because JSON options will have string tokens that get replaced.
  */
-export type EChartsOptionWithTokens = Record<string, unknown>;
+type EChartsOptionWithTokens = Record<string, unknown>;
 /**
  * Replaces formatter token strings with actual formatter functions.
  *
@@ -28,3 +28,4 @@ export type EChartsOptionWithTokens = Record<string, unknown>;
  * ```
  */
 export declare function replaceFormatterTokens(options: EChartsOptionWithTokens): EChartsOption;
+export {};

package/dist/components/user-dropdown/user-dropdown.js

@@ -2,10 +2,10 @@
 import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
 import "react";
 import h from "../../assets/default-avatar.svg.js";
-import { Button as m } from "../button/button.js";
+import { Button as u } from "../button/button.js";
 import { DropdownMenu as f, DropdownMenuItem as i } from "../dropdown-menu/dropdown-menu.js";
-import { Icon as a } from "../icon/icon.js";
-import { twMerge as t } from "../../lib/tailwind-merge.js";
+import { Icon as t } from "../icon/icon.js";
+import { twMerge as a } from "../../lib/tailwind-merge.js";
 function C({
   user: l,
   loginUrl: o,
@@ -14,7 +14,7 @@ function C({
   accountUrl: c,
   contactItem: n,
   className: s,
-  ...u
+  ...m
 }) {
   return l ? /* @__PURE__ */ r(
     f,
@@ -27,39 +27,39 @@ function C({
           children: /* @__PURE__ */ e("img", { className: "size-7 rounded-full sm:size-9", src: l.picture ?? h, alt: "User avatar" })
         }
       ),
-      className: t("tg-caption-bold -mx-2 rounded-xl px-2 py-1", s),
+      className: a("tg-caption-bold -mx-2 rounded-xl px-2 py-1", s),
       contentClassName: "bg-neutral-60",
-      ...u,
+      ...m,
       children: [
-        /* @__PURE__ */ r(i, { className: "text-neutral-40 flex cursor-default items-center gap-3", disabled: !0, children: [
-          /* @__PURE__ */ e(a, { icon: "user", className: "size-4 flex-none" }),
+        /* @__PURE__ */ r("div", { className: "tg-button-small text-neutral-40 flex items-center gap-3 px-4 py-2.5 select-text", children: [
+          /* @__PURE__ */ e(t, { icon: "user", className: "size-4 flex-none" }),
           /* @__PURE__ */ e("p", { className: "tg-body", children: l.email })
         ] }),
         c && /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ r("a", { href: c, className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e(a, { icon: "cog", className: "size-4 flex-none text-white" }),
+          /* @__PURE__ */ e(t, { icon: "cog", className: "size-4 flex-none text-white" }),
           /* @__PURE__ */ e("p", { className: "tg-body", children: "Account" })
         ] }) }),
         n && /* @__PURE__ */ e(i, { asChild: !0, children: n }),
         /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ r("a", { href: g, className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e(a, { icon: "logout", className: "size-4 flex-none text-white" }),
+          /* @__PURE__ */ e(t, { icon: "logout", className: "size-4 flex-none text-white" }),
           /* @__PURE__ */ e("p", { className: "tg-body", children: "Log out" })
         ] }) })
       ]
     }
   ) : /* @__PURE__ */ r(p, { children: [
-    /* @__PURE__ */ r("div", { className: t("hidden gap-3 sm:flex", s), children: [
-      /* @__PURE__ */ e(m, { variant: "secondary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: o, children: "Log in" }) }),
-      /* @__PURE__ */ e(m, { variant: "primary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: d, children: "Sign up" }) })
+    /* @__PURE__ */ r("div", { className: a("hidden gap-3 sm:flex", s), children: [
+      /* @__PURE__ */ e(u, { variant: "secondary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: o, children: "Log in" }) }),
+      /* @__PURE__ */ e(u, { variant: "primary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: d, children: "Sign up" }) })
     ] }),
     /* @__PURE__ */ r(
       f,
       {
         trigger: /* @__PURE__ */ e("img", { className: "size-7 cursor-pointer sm:hidden", src: h, alt: "User avatar" }),
-        className: t(
+        className: a(
           "hover:bg-neutral-60 focus-visible:ring-neutral-60 data-[state=open]:bg-neutral-60 rounded-full outline-none focus-visible:ring-2 sm:hidden",
           s
         ),
-        ...u,
+        ...m,
         children: [
           /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ e("a", { href: o, className: "tg-body", children: "Log in" }) }),
           /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ e("a", { href: d, className: "tg-body", children: "Sign up" }) }),

package/dist/lib/draw-mavrik-footer.d.ts

@@ -3,7 +3,7 @@ export declare const FOOTER_HEIGHT = 44;
 /**
  * Draws the branded Mavrik footer onto a canvas context.
  *
- * Layout: VC logo on left, "Created by [Mavrik wordmark] ai.validationcloud.io" on right.
+ * Layout: VC logo on left, "Powered by [Mavrik wordmark] ai.validationcloud.io" on right.
  * Call with the context already scaled for DPR — all coordinates are in logical pixels.
  */
 export declare function drawMavrikFooter(ctx: CanvasRenderingContext2D, width: number, yOffset: number): void;

package/dist/lib/draw-mavrik-footer.js

@@ -1,22 +1,22 @@
-import { Image as L } from "skia-canvas";
-import { vcLogoDataUri as k, mavrikWordmarkDataUri as y } from "./footer-svg-assets.js";
-const d = 44, R = "#1a1d1f", i = "#a7a9ad", m = "#3f8cff", f = 20, I = 8, w = 140, p = 16, O = 85, _ = 14;
-function g(o) {
-  const t = new L();
-  return t.src = o, t;
+import { Image as v } from "skia-canvas";
+import { vcLogoDataUri as D, mavrikWordmarkDataUri as G } from "./footer-svg-assets.js";
+const p = 44, H = "#1a1d1f", n = "#6f767e", k = "#2e313c", c = 20, d = 8, y = 140, I = 16, f = 72, _ = 12;
+function O(o) {
+  const e = new v();
+  return e.src = o, e;
 }
-function P(o, t, a) {
-  o.fillStyle = R, o.fillRect(0, a, t, d);
-  const u = g(k(i)), v = g(y(i)), r = a + d / 2;
-  o.drawImage(u, f, r - p / 2, w, p);
-  const s = "ai.validationcloud.io", l = "Created by";
-  o.font = "13px Poppins";
-  const c = o.measureText(s);
-  o.font = "600 14px Poppins";
-  const G = o.measureText(l), e = t - f - c.width, T = e - I - O, H = T - I - G.width, n = r + 5;
-  o.fillStyle = i, o.fillText(l, H, n), o.drawImage(v, T, r - _ / 2, O, _), o.font = "13px Poppins", o.fillStyle = m, o.fillText(s, e, n), o.strokeStyle = m, o.lineWidth = 1, o.beginPath(), o.moveTo(e, n + 2), o.lineTo(e + c.width, n + 2), o.stroke();
+function P(o, e, i) {
+  o.fillStyle = H, o.fillRect(0, i, e, p), o.fillStyle = k, o.fillRect(0, i, e, 1);
+  const g = O(D(n)), u = O(G(n)), s = i + p / 2;
+  o.drawImage(g, c, s - I / 2, y, I);
+  const l = "ai.validationcloud.io", a = "Powered by";
+  o.font = "500 11px Poppins";
+  const T = o.measureText(l);
+  o.font = "500 11px Poppins";
+  const w = o.measureText(a), t = e - c - T.width, m = t - d - f, R = m - d - w.width, r = s + 4;
+  o.fillStyle = n, o.fillText(a, R, r), o.drawImage(u, m, s - _ / 2, f, _), o.font = "500 11px Poppins", o.fillStyle = n, o.fillText(l, t, r), o.strokeStyle = n, o.lineWidth = 1, o.beginPath(), o.moveTo(t, r + 2), o.lineTo(t + T.width, r + 2), o.stroke();
 }
 export {
-  d as FOOTER_HEIGHT,
+  p as FOOTER_HEIGHT,
   P as drawMavrikFooter
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@validationcloud/fractal-ui",
   "private": false,
-  "version": "1.72.0",
+  "version": "1.74.0",
   "module": "./dist/index.js",
   "type": "module",
   "files": [