@validationcloud/fractal-ui 1.83.0 → 1.85.0

package/dist/components/protocol-logo/protocol-logo-ids.d.ts

@@ -1 +1 @@
-export declare const protocolLogoIds: readonly ["abs", "aleo", "ape", "apt", "arb", "astr", "avax", "axl", "b2", "babylon", "base", "bera", "bnb", "bob", "btc", "btr", "celo", "cfx", "core", "corn", "cro", "cspr", "eigenlayer", "eth", "eth_light", "fhe", "frax", "gno", "hash", "hbar", "hsk", "hype", "icp", "ink", "iota", "jovay", "kat", "lens", "linea", "lsk", "matic", "mega", "merl", "metal", "metis", "mezo", "mint", "mnt", "mode", "mon", "morph", "obol", "okb", "op", "opbnb", "optimism", "pharos", "plume", "rbtc", "ron", "s", "saga", "sauce", "scr", "sei", "shibarium", "sol", "soneium", "ssv", "stable", "starknet", "stt", "supr", "taiko", "tac", "tao", "tempo", "ton", "trx", "uni", "union", "wemix", "wld", "xlm", "xpl", "xtz", "zk"];
+export declare const protocolLogoIds: readonly ["abs", "aleo", "ape", "apt", "arb", "astr", "avax", "axl", "b2", "babylon", "base", "bera", "bnb", "bob", "btc", "btr", "celo", "cfx", "core", "corn", "cro", "cspr", "eigenlayer", "eth", "eth_light", "fhe", "frax", "gno", "hash", "hbar", "hsk", "hype", "icp", "ink", "iota", "jovay", "kat", "lens", "linea", "lsk", "matic", "mega", "merl", "metal", "metis", "mezo", "mint", "mnt", "mode", "mon", "morph", "obol", "okb", "op", "opbnb", "optimism", "pharos", "plume", "rbh", "rbtc", "ron", "s", "saga", "sauce", "scr", "sei", "shibarium", "sol", "soneium", "ssv", "stable", "starknet", "stt", "supr", "taiko", "tac", "tao", "tempo", "ton", "trx", "uni", "union", "wemix", "wld", "xlm", "xpl", "xtz", "zk"];

package/dist/components/protocol-logo/protocol-logo.js

@@ -40,6 +40,7 @@ const c = {
   plasma: "xpl",
   polygon: "matic",
   provenance: "hash",
+  robinhood: "rbh",
   ronin: "ron",
   rootstock: "rbtc",
   saucerswap: "sauce",
@@ -56,10 +57,10 @@ const c = {
   xlayer: "okb",
   zksync: "zk"
 };
-function n(e, r) {
+function n(e, o) {
   let a = e.toLowerCase();
-  const o = c[a];
-  return o && (a = o), r === "xl" ? `${a}_square` : a;
+  const r = c[a];
+  return r && (a = r), o === "xl" ? `${a}_square` : a;
 }
 const l = {
   xs: 16,
@@ -73,16 +74,16 @@ const l = {
   xl: 60
   // Tailwind size 15
 };
-function h({ name: e, size: r = "md", className: a, ...o }) {
-  const s = l[r];
+function h({ name: e, size: o = "md", className: a, ...r }) {
+  const s = l[o];
   return /* @__PURE__ */ t(
     "svg",
     {
-      ...o,
+      ...r,
       className: i(`text-protocols-${n(e)}`, a),
       height: s,
       width: s,
-      children: /* @__PURE__ */ t("use", { href: `#${n(e, r)}` })
+      children: /* @__PURE__ */ t("use", { href: `#${n(e, o)}` })
     }
   );
 }

package/dist/components/user-dropdown/user-dropdown.d.ts

@@ -28,11 +28,12 @@ declare function UserDropdownAvatarTrigger({ className, ...props }: UserDropdown
 declare function UserDropdownUpgradeBadge(): import("react/jsx-runtime").JSX.Element;
 declare function UserDropdownEmail(): import("react/jsx-runtime").JSX.Element;
 type UserDropdownItemProps = {
-    href: string;
     icon: IconID;
     children: React.ReactNode;
-};
-declare function UserDropdownItem({ href, icon, children }: UserDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+    /** When true, the single child element is rendered as the anchor. Use to integrate with client-side routers (e.g. next/link). */
+    asChild?: boolean;
+} & React.ComponentPropsWithoutRef<'a'>;
+declare function UserDropdownItem({ icon, children, asChild, className, ...props }: UserDropdownItemProps): import("react/jsx-runtime").JSX.Element;
 declare function UserDropdownUpgrade({ href }: {
     href: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,60 +1,61 @@
 "use client";
-import { jsx as e, jsxs as a, Fragment as w } from "react/jsx-runtime";
-import { createContext as v, use as N } from "react";
-import U from "../../assets/default-avatar.svg.js";
-import { Button as g } from "../button/button.js";
-import { DropdownMenu as h, DropdownMenuItem as u } from "../dropdown-menu/dropdown-menu.js";
+import { jsx as e, jsxs as a, Fragment as v } from "react/jsx-runtime";
+import { Slot as g } from "radix-ui";
+import { createContext as N, use as U } from "react";
+import D from "../../assets/default-avatar.svg.js";
+import { Button as h } from "../button/button.js";
+import { DropdownMenu as f, DropdownMenuItem as u } from "../dropdown-menu/dropdown-menu.js";
 import { Icon as p } from "../icon/icon.js";
-import { InitialsAvatar as f } from "./initials-avatar.js";
-import { twMerge as s } from "../../lib/tailwind-merge.js";
-const x = v(null);
+import { InitialsAvatar as x } from "./initials-avatar.js";
+import { twMerge as l } from "../../lib/tailwind-merge.js";
+const b = N(null);
 function m() {
-  const r = N(x);
+  const r = U(b);
   if (!r)
     throw new Error("UserDropdown compound components must be rendered inside <UserDropdown>.");
   return r;
 }
-function D({
+function y({
   user: r,
-  displayName: n,
-  trigger: t,
+  displayName: t,
+  trigger: n,
   matchTriggerWidth: o,
-  className: c,
-  children: d,
-  ...i
+  className: i,
+  children: s,
+  ...c
 }) {
-  const b = n ?? r.email.split("@")[0] ?? r.email;
-  return /* @__PURE__ */ e(x, { value: { user: r, displayName: b }, children: /* @__PURE__ */ e(
-    h,
+  const w = t ?? r.email.split("@")[0] ?? r.email;
+  return /* @__PURE__ */ e(b, { value: { user: r, displayName: w }, children: /* @__PURE__ */ e(
+    f,
     {
-      trigger: t,
-      className: c,
+      trigger: n,
+      className: i,
       contentClassName: "bg-neutral-60",
       contentStyle: o ? { width: "var(--radix-dropdown-menu-trigger-width)" } : void 0,
-      ...i,
-      children: d
+      ...c,
+      children: s
     }
   ) });
 }
-function y({ planLabel: r, card: n, trailing: t, className: o, ...c }) {
-  const { user: d, displayName: i } = m();
+function C({ planLabel: r, card: t, trailing: n, className: o, ...i }) {
+  const { user: s, displayName: c } = m();
   return /* @__PURE__ */ a(
     "button",
     {
       type: "button",
-      className: s(
+      className: l(
         "group focus-visible:ring-neutral-40 flex h-14 w-full cursor-pointer items-center gap-4 rounded-xl pr-3.5 pl-4 focus:outline-none focus-visible:ring-2",
-        n && "bg-neutral-65 hover:bg-neutral-60 shadow-[0_-6px_12px_-4px_rgba(0,0,0,0.25)]",
+        t && "bg-neutral-65 hover:bg-neutral-60 shadow-[0_-6px_12px_-4px_rgba(0,0,0,0.25)]",
         o
       ),
-      ...c,
+      ...i,
       children: [
-        /* @__PURE__ */ e(f, { email: d.email, displayName: i, className: "shrink-0" }),
+        /* @__PURE__ */ e(x, { email: s.email, displayName: c, className: "shrink-0" }),
         /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ e("span", { className: "tg-body-bold text-neutral-10 truncate text-left", children: i }),
+          /* @__PURE__ */ e("span", { className: "tg-body-bold text-neutral-10 truncate text-left", children: c }),
           r && /* @__PURE__ */ e("span", { className: "tg-caption text-neutral-40 group-data-[state=open]:text-neutral-10 truncate text-left", children: r })
         ] }),
-        t ?? /* @__PURE__ */ e(
+        n ?? /* @__PURE__ */ e(
           p,
           {
             icon: "chevron-vertical",
@@ -65,22 +66,22 @@ function y({ planLabel: r, card: n, trailing: t, className: o, ...c }) {
     }
   );
 }
-function C({ className: r, ...n }) {
-  const { user: t, displayName: o } = m();
+function A({ className: r, ...t }) {
+  const { user: n, displayName: o } = m();
   return /* @__PURE__ */ e(
     "button",
     {
       type: "button",
       "aria-label": "User menu",
-      className: s(
+      className: l(
         "group focus-visible:ring-neutral-40 flex h-14 w-16 cursor-pointer items-center justify-center rounded-xl focus:outline-none focus-visible:ring-2",
         r
       ),
-      ...n,
+      ...t,
       children: /* @__PURE__ */ e(
-        f,
+        x,
         {
-          email: t.email,
+          email: n.email,
           displayName: o,
           className: "group-hover:brightness-125 group-data-[state=open]:brightness-125"
         }
@@ -88,65 +89,66 @@ function C({ className: r, ...n }) {
     }
   );
 }
-function A() {
+function z() {
   return /* @__PURE__ */ e("span", { className: "tg-caption-bold text-neutral-20 shrink-0 rounded-full border border-neutral-50 px-2.5 py-0.5", children: "Upgrade" });
 }
-function z() {
+function L() {
   const { user: r } = m();
   return /* @__PURE__ */ a("div", { className: "tg-button-small text-neutral-40 flex items-center gap-3 overflow-hidden px-4 py-2.5 select-text", children: [
     /* @__PURE__ */ e(p, { icon: "user", className: "size-4 flex-none" }),
     /* @__PURE__ */ e("p", { className: "tg-body min-w-0 truncate", children: r.email })
   ] });
 }
-function l({ href: r, icon: n, children: t }) {
-  return /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ a("a", { href: r, className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e(p, { icon: n, className: "size-4 flex-none text-white" }),
-    /* @__PURE__ */ e("p", { className: "tg-body", children: t })
+function d({ icon: r, children: t, asChild: n, className: o, ...i }) {
+  const s = n ? g.Root : "a";
+  return /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ a(s, { ...i, className: l("tg-body flex items-center gap-3", o), children: [
+    /* @__PURE__ */ e(p, { icon: r, className: "size-4 flex-none text-white" }),
+    /* @__PURE__ */ e(g.Slottable, { children: t })
   ] }) });
 }
-function L({ href: r }) {
-  return /* @__PURE__ */ e(l, { href: r, icon: "sparkles", children: "Upgrade plan" });
-}
 function I({ href: r }) {
-  return /* @__PURE__ */ e(l, { href: r, icon: "cog", children: "Account" });
+  return /* @__PURE__ */ e(d, { href: r, icon: "sparkles", children: "Upgrade plan" });
+}
+function S({ href: r }) {
+  return /* @__PURE__ */ e(d, { href: r, icon: "cog", children: "Account" });
 }
 function j({ href: r }) {
-  return /* @__PURE__ */ e(l, { href: r, icon: "logout", children: "Log out" });
+  return /* @__PURE__ */ e(d, { href: r, icon: "logout", children: "Log out" });
 }
-function k({ loginUrl: r, signupUrl: n, className: t, children: o }) {
-  return /* @__PURE__ */ a(w, { children: [
-    /* @__PURE__ */ a("div", { className: s("hidden gap-3 sm:flex", t), children: [
-      /* @__PURE__ */ e(g, { variant: "secondary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: r, children: "Log in" }) }),
-      /* @__PURE__ */ e(g, { variant: "primary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: n, children: "Sign up" }) })
+function k({ loginUrl: r, signupUrl: t, className: n, children: o }) {
+  return /* @__PURE__ */ a(v, { children: [
+    /* @__PURE__ */ a("div", { className: l("hidden gap-3 sm:flex", n), children: [
+      /* @__PURE__ */ e(h, { variant: "secondary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: r, children: "Log in" }) }),
+      /* @__PURE__ */ e(h, { variant: "primary", size: "medium", asChild: !0, children: /* @__PURE__ */ e("a", { href: t, children: "Sign up" }) })
     ] }),
     /* @__PURE__ */ a(
-      h,
+      f,
       {
-        trigger: /* @__PURE__ */ e("img", { className: "size-7 cursor-pointer sm:hidden", src: U, alt: "User avatar" }),
-        className: s(
+        trigger: /* @__PURE__ */ e("img", { className: "size-7 cursor-pointer sm:hidden", src: D, alt: "User avatar" }),
+        className: l(
           "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",
-          t
+          n
         ),
         children: [
           /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("a", { href: r, className: "tg-body", children: "Log in" }) }),
-          /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("a", { href: n, className: "tg-body", children: "Sign up" }) }),
+          /* @__PURE__ */ e(u, { asChild: !0, children: /* @__PURE__ */ e("a", { href: t, className: "tg-body", children: "Sign up" }) }),
           o
         ]
       }
     )
   ] });
 }
-const R = Object.assign(D, {
-  Trigger: y,
-  AvatarTrigger: C,
-  UpgradeBadge: A,
-  Email: z,
-  Item: l,
-  Upgrade: L,
-  Account: I,
+const G = Object.assign(y, {
+  Trigger: C,
+  AvatarTrigger: A,
+  UpgradeBadge: z,
+  Email: L,
+  Item: d,
+  Upgrade: I,
+  Account: S,
   Logout: j,
   LoggedOut: k
 });
 export {
-  R as UserDropdown
+  G as UserDropdown
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@validationcloud/fractal-ui",
   "description": "Validation Cloud's shared React component library with design tokens, Tailwind CSS utilities, and CLI tools",
   "private": false,
-  "version": "1.83.0",
+  "version": "1.85.0",
   "module": "./dist/index.js",
   "type": "module",
   "bin": {
@@ -58,72 +58,72 @@
     },
     "./maps.json": "./dist/maps.json"
   },
-  "packageManager": "pnpm@10.28.0",
+  "packageManager": "pnpm@10.33.2",
   "engines": {
-    "node": ">=22.14.0"
+    "node": ">=24"
   },
   "dependencies": {
     "@commander-js/extra-typings": "^14.0.0",
     "commander": "^14.0.3",
     "radix-ui": "^1.4.3",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-transition-state": "^2.3.2",
-    "tailwind-merge": "^3.4.0",
-    "zod": "^4.3.5"
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-transition-state": "^2.3.3",
+    "tailwind-merge": "^3.5.0",
+    "zod": "^4.3.6"
   },
   "optionalDependencies": {
     "echarts": "^6.0.0",
     "skia-canvas": "^3.0.8"
   },
   "devDependencies": {
-    "@eslint/compat": "^2.0.1",
-    "@eslint/js": "^9.39.2",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-onboarding": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
-    "@tailwindcss/postcss": "^4.1.18",
+    "@eslint/compat": "^2.0.5",
+    "@eslint/js": "^9.39.4",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-onboarding": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/postcss": "^4.2.4",
     "@trivago/prettier-plugin-sort-imports": "^6.0.2",
-    "@turf/difference": "^7.3.4",
-    "@turf/helpers": "^7.3.4",
-    "@turf/union": "^7.3.4",
+    "@turf/difference": "^7.3.5",
+    "@turf/helpers": "^7.3.5",
+    "@turf/union": "^7.3.5",
     "@types/culori": "^4.0.1",
     "@types/geojson": "^7946.0.16",
-    "@types/node": "^24.10.7",
-    "@types/react": "^19.2.8",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/topojson-client": "^3.1.5",
     "@types/topojson-server": "^3.0.4",
     "@types/topojson-simplify": "^3.0.3",
     "@types/topojson-specification": "^1.0.5",
-    "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-react": "^5.2.0",
     "culori": "^4.0.2",
-    "eslint": "^9.39.2",
+    "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.4.26",
-    "eslint-plugin-storybook": "^10.1.11",
+    "eslint-plugin-storybook": "^10.3.5",
     "extract-zip": "^2.0.1",
     "globals": "^16.5.0",
-    "knip": "^5.82.1",
-    "postcss": "^8.5.6",
+    "knip": "^6.7.0",
+    "postcss": "^8.5.12",
     "prettier": "3.7.4",
-    "prettier-plugin-tailwindcss": "^0.7.2",
+    "prettier-plugin-tailwindcss": "^0.7.4",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-preserve-directives": "^1.1.3",
-    "semantic-release": "^25.0.2",
+    "semantic-release": "^25.0.3",
     "shapefile": "^0.6.6",
-    "storybook": "^10.1.11",
-    "tailwindcss": "^4.1.18",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^4.2.4",
     "topojson-client": "^3.1.0",
     "topojson-server": "^3.0.1",
     "topojson-simplify": "^3.0.3",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.52.0",
-    "vite": "^7.3.1",
+    "typescript-eslint": "^8.59.1",
+    "vite": "^7.3.2",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.16"
+    "vitest": "^4.1.5"
   },
   "peerDependencies": {
     "@radix-ui/react-compose-refs": "^1",