@validationcloud/fractal-ui 1.49.0 → 1.51.0

package/dist/{src/components → 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", "jovay", "kat", "lens", "linea", "lsk", "matic", "merl", "metal", "metis", "mezo", "mint", "mnt", "mode", "mon", "obol", "okb", "op", "opbnb", "optimism", "plume", "rbtc", "ron", "s", "saga", "sauce", "scr", "sei", "shibarium", "sol", "soneium", "ssv", "starknet", "stt", "supr", "taiko", "tac", "tao", "ton", "trx", "uni", "union", "wemix", "wld", "xlm", "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", "jovay", "kat", "lens", "linea", "lsk", "matic", "merl", "metal", "metis", "mezo", "mint", "mnt", "mode", "mon", "obol", "okb", "op", "opbnb", "optimism", "plume", "rbtc", "ron", "s", "saga", "sauce", "scr", "sei", "shibarium", "sol", "soneium", "ssv", "stable", "starknet", "stt", "supr", "taiko", "tac", "tao", "ton", "trx", "uni", "union", "wemix", "wld", "xlm", "xtz", "zk"];

package/dist/{src/components → components}/scroll-area/scroll-area-viewport.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as v, jsx as g } from "react/jsx-runtime";
-import { composeRefs as H } from "../../../node_modules/.pnpm/@radix-ui_react-compose-refs@1.1.2_@types_react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.js";
+import { composeRefs as H } from "@radix-ui/react-compose-refs";
 import { ScrollArea as x } from "radix-ui";
 import { forwardRef as q, useRef as u, useEffect as i } from "react";
 import { useScrollToBottom as F } from "../../hooks/use-scroll-to-bottom.js";

package/dist/index.d.ts

@@ -1,2 +1,32 @@
-export * from './src/index'
-export {}
+export { AnimatedLoader } from './components/animated-loader/animated-loader';
+export { Badge } from './components/badge/badge';
+export { Box } from './components/box/box';
+export { Button } from './components/button/button';
+export { EChartsRenderer, type EChartsRendererProps, type EChartsRendererRef, type EChartsOption, } from './components/echarts-renderer/echarts-renderer';
+export { EChartsThemeOption, isEChartsThemeOption } from './components/echarts-renderer/echarts-theme-option';
+export { EChartsChartOption, isEChartsChartOption } from './components/echarts-renderer/echarts-chart-option';
+export { useChartInstance, type UseChartInstanceProps, type UseChartInstanceReturn, } from './components/echarts-renderer/use-chart-instance';
+export { MAVRIK_THEME } from './components/echarts-renderer/mavrik-theme';
+export { ClientModal } from './components/client-modal/client-modal';
+export { CopyButton } from './components/copy-button/copy-button';
+export { DecoratedIcon } from './components/decorated-icon/decorated-icon';
+export { DropdownMenu, DropdownMenuItem } from './components/dropdown-menu/dropdown-menu';
+export { ErrorBoundary } from './components/error-boundary/error-boundary';
+export { ScrollArea } from './components/scroll-area';
+export { Icon, type IconID } from './components/icon/icon';
+export { IconButton } from './components/icon-button/icon-button';
+export { InputButton } from './components/input-button/input-button';
+export { MountSvgSprite } from './components/mount-svg-sprite/mount-svg-sprite';
+export { NotFoundComponent } from './components/not-found-component/not-found-component';
+export { PagePadding } from './components/page-padding/page-padding';
+export { ProtocolLogo } from './components/protocol-logo/protocol-logo';
+export { Skeleton } from './components/skeleton/skeleton';
+export { Switch } from './components/switch/switch';
+export { TextInput } from './components/text-input/text-input';
+export { Tooltip } from './components/tooltip/tooltip';
+export { TooltipProvider } from './components/tooltip-provider/tooltip-provider';
+export { TouchTarget } from './components/touch-target/touch-target';
+export { twMerge } from './lib/tailwind-merge';
+export { UserDropdown } from './components/user-dropdown/user-dropdown';
+export { UserDropdownMobile } from './components/user-dropdown-mobile/user-dropdown-mobile';
+export { useScrollToBottom } from './hooks/use-scroll-to-bottom';

package/dist/index.js

@@ -1,57 +1,69 @@
-import { AnimatedLoader as t } from "./src/components/animated-loader/animated-loader.js";
-import { Badge as p } from "./src/components/badge/badge.js";
-import { Box as x } from "./src/components/box/box.js";
-import { Button as n } from "./src/components/button/button.js";
-import { ClientModal as u } from "./src/components/client-modal/client-modal.js";
-import { CopyButton as a } from "./src/components/copy-button/copy-button.js";
-import { DecoratedIcon as i } from "./src/components/decorated-icon/decorated-icon.js";
-import { DropdownMenu as g, DropdownMenuItem as w } from "./src/components/dropdown-menu/dropdown-menu.js";
-import { ErrorBoundary as M } from "./src/components/error-boundary/error-boundary.js";
-import { ScrollArea as T } from "./src/components/scroll-area/index.js";
-import { Icon as P } from "./src/components/icon/icon.js";
-import { IconButton as C } from "./src/components/icon-button/icon-button.js";
-import { InputButton as v } from "./src/components/input-button/input-button.js";
-import { MountSvgSprite as A } from "./src/components/mount-svg-sprite/mount-svg-sprite.js";
-import { NotFoundComponent as U } from "./src/components/not-found-component/not-found-component.js";
-import { PagePadding as k } from "./src/components/page-padding/page-padding.js";
-import { ProtocolLogo as F } from "./src/components/protocol-logo/protocol-logo.js";
-import { Skeleton as j } from "./src/components/skeleton/skeleton.js";
-import { Switch as z } from "./src/components/switch/switch.js";
-import { TextInput as H } from "./src/components/text-input/text-input.js";
-import { Tooltip as K } from "./src/components/tooltip/tooltip.js";
-import { TooltipProvider as Q } from "./src/components/tooltip-provider/tooltip-provider.js";
-import { TouchTarget as V } from "./src/components/touch-target/touch-target.js";
-import { twMerge as X } from "./src/lib/tailwind-merge.js";
-import { UserDropdown as Z } from "./src/components/user-dropdown/user-dropdown.js";
-import { UserDropdownMobile as $ } from "./src/components/user-dropdown-mobile/user-dropdown-mobile.js";
-import { useScrollToBottom as ro } from "./src/hooks/use-scroll-to-bottom.js";
+import { AnimatedLoader as t } from "./components/animated-loader/animated-loader.js";
+import { Badge as p } from "./components/badge/badge.js";
+import { Box as x } from "./components/box/box.js";
+import { Button as n } from "./components/button/button.js";
+import { EChartsRenderer as d } from "./components/echarts-renderer/echarts-renderer.js";
+import { EChartsThemeOption as u, isEChartsThemeOption as h } from "./components/echarts-renderer/echarts-theme-option.js";
+import { EChartsChartOption as l, isEChartsChartOption as C } from "./components/echarts-renderer/echarts-chart-option.js";
+import { useChartInstance as T } from "./components/echarts-renderer/use-chart-instance.js";
+import { MAVRIK_THEME as E } from "./components/echarts-renderer/mavrik-theme.js";
+import { ClientModal as M } from "./components/client-modal/client-modal.js";
+import { CopyButton as w } from "./components/copy-button/copy-button.js";
+import { DecoratedIcon as D } from "./components/decorated-icon/decorated-icon.js";
+import { DropdownMenu as P, DropdownMenuItem as A } from "./components/dropdown-menu/dropdown-menu.js";
+import { ErrorBoundary as y } from "./components/error-boundary/error-boundary.js";
+import { ScrollArea as R } from "./components/scroll-area/index.js";
+import { Icon as b } from "./components/icon/icon.js";
+import { IconButton as F } from "./components/icon-button/icon-button.js";
+import { InputButton as K } from "./components/input-button/input-button.js";
+import { MountSvgSprite as V } from "./components/mount-svg-sprite/mount-svg-sprite.js";
+import { NotFoundComponent as j } from "./components/not-found-component/not-found-component.js";
+import { PagePadding as z } from "./components/page-padding/page-padding.js";
+import { ProtocolLogo as J } from "./components/protocol-logo/protocol-logo.js";
+import { Skeleton as W } from "./components/skeleton/skeleton.js";
+import { Switch as Y } from "./components/switch/switch.js";
+import { TextInput as $ } from "./components/text-input/text-input.js";
+import { Tooltip as ro } from "./components/tooltip/tooltip.js";
+import { TooltipProvider as eo } from "./components/tooltip-provider/tooltip-provider.js";
+import { TouchTarget as mo } from "./components/touch-target/touch-target.js";
+import { twMerge as fo } from "./lib/tailwind-merge.js";
+import { UserDropdown as ao } from "./components/user-dropdown/user-dropdown.js";
+import { UserDropdownMobile as uo } from "./components/user-dropdown-mobile/user-dropdown-mobile.js";
+import { useScrollToBottom as so } from "./hooks/use-scroll-to-bottom.js";
 export {
   t as AnimatedLoader,
   p as Badge,
   x as Box,
   n as Button,
-  u as ClientModal,
-  a as CopyButton,
-  i as DecoratedIcon,
-  g as DropdownMenu,
-  w as DropdownMenuItem,
-  M as ErrorBoundary,
-  P as Icon,
-  C as IconButton,
-  v as InputButton,
-  A as MountSvgSprite,
-  U as NotFoundComponent,
-  k as PagePadding,
-  F as ProtocolLogo,
-  T as ScrollArea,
-  j as Skeleton,
-  z as Switch,
-  H as TextInput,
-  K as Tooltip,
-  Q as TooltipProvider,
-  V as TouchTarget,
-  Z as UserDropdown,
-  $ as UserDropdownMobile,
-  X as twMerge,
-  ro as useScrollToBottom
+  M as ClientModal,
+  w as CopyButton,
+  D as DecoratedIcon,
+  P as DropdownMenu,
+  A as DropdownMenuItem,
+  l as EChartsChartOption,
+  d as EChartsRenderer,
+  u as EChartsThemeOption,
+  y as ErrorBoundary,
+  b as Icon,
+  F as IconButton,
+  K as InputButton,
+  E as MAVRIK_THEME,
+  V as MountSvgSprite,
+  j as NotFoundComponent,
+  z as PagePadding,
+  J as ProtocolLogo,
+  R as ScrollArea,
+  W as Skeleton,
+  Y as Switch,
+  $ as TextInput,
+  ro as Tooltip,
+  eo as TooltipProvider,
+  mo as TouchTarget,
+  ao as UserDropdown,
+  uo as UserDropdownMobile,
+  C as isEChartsChartOption,
+  h as isEChartsThemeOption,
+  fo as twMerge,
+  T as useChartInstance,
+  so as useScrollToBottom
 };

package/dist/lib/render-chart-to-image.d.ts

@@ -0,0 +1,28 @@
+export interface RenderChartToImageOptions {
+    option: unknown;
+    theme?: Record<string, unknown>;
+    width?: number;
+    height?: number;
+    devicePixelRatio?: number;
+}
+/**
+ * Renders an ECharts chart to a PNG image buffer.
+ *
+ * @param options - Chart configuration and rendering options
+ * @returns PNG image buffer
+ *
+ * @example
+ * ```ts
+ * const buffer = renderChartToImage({
+ *   option: {
+ *     xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed'] },
+ *     yAxis: { type: 'value' },
+ *     series: [{ data: [120, 200, 150], type: 'line' }]
+ *   },
+ *   theme: { color: ['#3398DB'] },
+ *   width: 800,
+ *   height: 600
+ * });
+ * ```
+ */
+export declare function renderChartToImage({ option, theme, width, height, devicePixelRatio, }: RenderChartToImageOptions): Buffer;

package/dist/lib/render-chart-to-image.js

@@ -0,0 +1,34 @@
+import { createCanvas as f } from "canvas";
+import { randomUUID as m } from "node:crypto";
+import { createRequire as u } from "node:module";
+const p = u(import.meta.url), s = p("echarts");
+function l(r) {
+  if (!r || typeof r != "object" || Array.isArray(r))
+    return { animation: !1 };
+  const e = { ...r };
+  return "aria" in e && delete e.aria, e.animation = !1, e;
+}
+function h({
+  option: r,
+  theme: e,
+  width: a = 800,
+  height: n = 600,
+  devicePixelRatio: c = 2
+}) {
+  let t;
+  e && typeof e == "object" && (t = `theme-${m()}`, s.registerTheme(t, e));
+  const i = f(a, n), o = s.init(i, t, {
+    renderer: "canvas",
+    devicePixelRatio: c,
+    width: a,
+    height: n
+  });
+  try {
+    return o.setOption(l(r)), i.toBuffer("image/png");
+  } finally {
+    o.dispose();
+  }
+}
+export {
+  h as renderChartToImage
+};

package/dist/lib/render-chart-to-image.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/server.d.ts

@@ -0,0 +1 @@
+export { renderChartToImage, type RenderChartToImageOptions } from './lib/render-chart-to-image';

package/dist/server.js

@@ -0,0 +1,4 @@
+import { renderChartToImage as o } from "./lib/render-chart-to-image.js";
+export {
+  o as renderChartToImage
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@validationcloud/fractal-ui",
   "private": false,
-  "version": "1.49.0",
+  "version": "1.51.0",
   "module": "./dist/index.js",
   "type": "module",
   "files": [
@@ -24,23 +24,20 @@
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "typecheck": "tsc -b --noEmit",
+    "test": "vitest run",
     "prepublishOnly": "pnpm build"
   },
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    },
     "./tailwind.css": "./dist/styles/tailwind.css"
   },
-  "types": "./dist/index.d.ts",
-  "release": {
-    "branches": [
-      "main"
-    ]
-  },
-  "publishConfig": {
-    "access": "public"
-  },
   "packageManager": "pnpm@10.24.0",
   "engines": {
     "node": ">=22.14.0"
@@ -50,7 +47,8 @@
     "react": "^19",
     "react-dom": "^19",
     "react-transition-state": "^2",
-    "tailwind-merge": "^3"
+    "tailwind-merge": "^3",
+    "zod": "^4"
   },
   "devDependencies": {
     "@eslint/compat": "^1.4.1",
@@ -64,6 +62,8 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^5.1.0",
+    "canvas": "^3.2.0",
+    "echarts": "^6.0.0",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -82,14 +82,26 @@
     "typescript": "^5",
     "typescript-eslint": "^8.46.3",
     "vite": "^7.1.12",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
     "@radix-ui/react-compose-refs": "^1",
+    "canvas": "^3",
+    "echarts": "^6",
     "radix-ui": "^1",
     "react": "^19",
     "react-dom": "^19",
     "react-transition-state": "^2",
-    "tailwind-merge": "^3"
+    "tailwind-merge": "^3",
+    "zod": "^4"
+  },
+  "peerDependenciesMeta": {
+    "canvas": {
+      "optional": true
+    },
+    "echarts": {
+      "optional": true
+    }
   }
 }

package/dist/node_modules/.pnpm/@radix-ui_react-compose-refs@1.1.2_@types_react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.js

@@ -1,25 +0,0 @@
-import "react";
-function i(n, o) {
-  if (typeof n == "function")
-    return n(o);
-  n != null && (n.current = o);
-}
-function f(...n) {
-  return (o) => {
-    let u = !1;
-    const c = n.map((t) => {
-      const e = i(t, o);
-      return !u && typeof e == "function" && (u = !0), e;
-    });
-    if (u)
-      return () => {
-        for (let t = 0; t < c.length; t++) {
-          const e = c[t];
-          typeof e == "function" ? e() : i(n[t], null);
-        }
-      };
-  };
-}
-export {
-  f as composeRefs
-};