@validationcloud/fractal-ui 1.65.0 → 1.66.0

package/dist/components/sidebar/bottom-nav-item.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type BottomNavItemProps = {
+    icon: React.ReactNode;
+    label: string;
+} & React.ComponentPropsWithoutRef<'div'>;
+export declare function BottomNavItem({ icon, label, className, ...props }: BottomNavItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/bottom-nav-item.js

@@ -0,0 +1,19 @@
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import "react";
+import { twMerge as i } from "../../lib/tailwind-merge.js";
+function l({ icon: t, label: e, className: r, ...n }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: i("text-neutral-40 hover:text-neutral-10 flex flex-col items-center justify-center", r),
+      ...n,
+      children: [
+        t,
+        /* @__PURE__ */ c("span", { className: "tg-caption text-center", children: e })
+      ]
+    }
+  );
+}
+export {
+  l as BottomNavItem
+};

package/dist/components/sidebar/product-nav-item.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type ProductNavItemProps = {
+    icon: React.ReactNode;
+    iconHover: React.ReactNode;
+    label: string;
+    isActive: boolean;
+} & React.ComponentPropsWithoutRef<'div'>;
+export declare function ProductNavItem({ icon, iconHover, label, isActive, className, ...props }: ProductNavItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/product-nav-item.js

@@ -0,0 +1,61 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import "react";
+import { Tooltip as d } from "../tooltip/tooltip.js";
+import { twMerge as t } from "../../lib/tailwind-merge.js";
+function f({ icon: i, iconHover: n, label: o, isActive: r, className: l, ...g }) {
+  return /* @__PURE__ */ e(d, { content: o, side: "right", children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: t(
+        "ring-neutral-60/40 group relative flex size-10 items-center justify-center rounded-lg bg-[linear-gradient(180deg,rgba(5,17,23,0.15)_12.25%,rgba(255,255,255,0.15)_100%)] p-2.5 ring-1 transition-shadow duration-200",
+        // Hover
+        "hover:ring-neutral-60/80 hover:ring-1.5",
+        // Active
+        r && "ring-neutral-60/80 ring-1.5",
+        l
+      ),
+      ...g,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: t(
+              "absolute inset-0 rounded-lg opacity-0 transition-opacity duration-200",
+              "bg-[linear-gradient(84deg,rgba(214,61,87,0)_-24.24%,rgba(255,255,255,0.20)_22.49%),linear-gradient(23deg,rgba(214,61,87,0)_68.98%,rgba(255,255,255,0.75)_160.04%)]",
+              "after:absolute after:inset-0 after:rounded-lg after:content-['']",
+              "after:bg-[radial-gradient(120%_120%_at_85%_85%,rgba(255,255,255,0.35)_0%,rgba(255,255,255,0.0)_55%)]",
+              "after:opacity-80 after:blur-[6px]",
+              "group-hover:opacity-100",
+              r && "opacity-100"
+            )
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "relative flex h-16 w-full", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: t(
+                "absolute inset-0 flex items-center justify-center opacity-100 transition duration-150 group-hover:opacity-0",
+                r && "opacity-0"
+              ),
+              children: i
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: t(
+                "absolute inset-0 flex items-center justify-center opacity-0 transition duration-150 group-hover:opacity-100",
+                r && "opacity-100"
+              ),
+              children: n
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  f as ProductNavItem
+};

package/dist/components/sidebar/sidebar.d.ts

@@ -0,0 +1,91 @@
+import { default as React } from 'react';
+type SidebarItemId = 'home' | 'mavrik' | 'nodeApi' | 'staking' | 'apiKey' | 'docs';
+type SidebarDestination = {
+    href: string;
+    matchPaths?: string | string[];
+    external?: boolean;
+};
+type RenderLinkProps = Omit<React.ComponentProps<'a'>, 'href'> & {
+    destination: SidebarDestination;
+    children: React.ReactNode;
+};
+type SidebarProps = {
+    /**
+     * Route configuration for the Sidebar items.
+     *
+     * Provide a key to show that item; omit it to hide it.
+     *
+     * Possible keys: 'home', 'mavrik', 'nodeApi', 'staking', 'apiKey', 'docs'.
+     *
+     * Destination shape (per key):
+     * - `href` (required): URL or in-app route string
+     * - `matchPaths` (optional): used to compute "active" state for product items (mavrik/nodeApi/staking)
+     * - `external` (optional): hint for your `renderLink` implementation
+     *
+     * @example
+     * ```tsx
+     * const routes = {
+     *   home: { href: '/' },
+     *   mavrik: { href: '/mavrik', matchPaths: '/ai/[[...rest]]' },
+     *   nodeApi: { href: '/node-api', matchPaths: '/node/[[...rest]]' },
+     *   staking: { href: '/staking', matchPaths: '/staking/[[...rest]]' },
+     *   apiKey: { href: '/settings/api-keys' },
+     *   docs: { href: 'https://docs.validationcloud.io', external: true },
+     * };
+     * ```
+     */
+    routes: Partial<Record<SidebarItemId, SidebarDestination>>;
+    /**
+     * Render prop used to integrate the Sidebar with routing logic.
+     *
+     * The Sidebar will call this for each visible item and expects you to return a link element.
+     *
+     * Requirements:
+     * - Navigate to `destination.href`
+     * - Render `children` inside the link
+     *
+     * @example
+     * ```tsx
+     * function renderLink({ destination, children }) {
+     *   return destination.external ? (
+     *     <a href={destination.href}>
+     *       {children}
+     *     </a>
+     *   ) : (
+     *     <Link href={destination.href}>
+     *       {children}
+     *     </Link>
+     *   );
+     * }
+     * ```
+     */
+    renderLink: (props: RenderLinkProps) => React.ReactElement;
+    /**
+     * Bottom item content for the account area (e.g. `UserDropdown`).
+     *
+     * Rendered at the bottom of the Sidebar.
+     */
+    accountItem: React.ReactNode;
+    /**
+     * Optional bottom contact item (e.g. `IntercomButton`).
+     *
+     * Rendered above `accountItem` when provided.
+     */
+    helpItem?: React.ReactNode;
+    /**
+     * The app's current pathname (e.g. value from`usePathname()` ).
+     *
+     * Used to compute active state for product items via each destination's `matchPaths`.
+     */
+    currentPathname: string;
+} & React.ComponentProps<'nav'>;
+/**
+ * Vertical navigation sidebar.
+ *
+ * Notes:
+ * - Provide `routes` to choose which items appear and where they navigate.
+ * - Provide `renderLink` to hook into your app router.
+ * - Provide `currentPathname` + per-route `matchPaths` to enable active styling for product items.
+ */
+export declare function Sidebar({ routes, renderLink, helpItem, accountItem, currentPathname, className }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/sidebar/sidebar.js

@@ -0,0 +1,75 @@
+import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import s from "react";
+import N from "../../assets/mavrik-icon-muted.svg.js";
+import b from "../../assets/mavrik-icon.svg.js";
+import I from "../../assets/node-api-icon-muted.svg.js";
+import A from "../../assets/node-api-icon.svg.js";
+import k from "../../assets/staking-icon-muted.svg.js";
+import x from "../../assets/staking-icon.svg.js";
+import P from "../../assets/vc-logo-sm-white.svg.js";
+import { Icon as d } from "../icon/icon.js";
+import { BottomNavItem as u } from "./bottom-nav-item.js";
+import { ProductNavItem as H } from "./product-nav-item.js";
+import { twMerge as w } from "../../lib/tailwind-merge.js";
+import { matchesPathname as f } from "../../utils/matches-pathname.js";
+const y = [
+  {
+    id: "mavrik",
+    label: "Mavrik",
+    icon: /* @__PURE__ */ o("img", { src: N, alt: "Mavrik", className: "w-5" }),
+    iconHover: /* @__PURE__ */ o("img", { src: b, alt: "Mavrik", className: "w-5" })
+  },
+  {
+    id: "nodeApi",
+    label: "Node API",
+    icon: /* @__PURE__ */ o("img", { src: I, alt: "Node API", className: "w-4" }),
+    iconHover: /* @__PURE__ */ o("img", { src: A, alt: "Node API", className: "w-4" })
+  },
+  {
+    id: "staking",
+    label: "Staking",
+    icon: /* @__PURE__ */ o("img", { src: k, alt: "Staking", className: "w-4" }),
+    iconHover: /* @__PURE__ */ o("img", { src: x, alt: "Staking", className: "w-4" })
+  }
+], M = [
+  { id: "apiKey", label: "API Key", icon: /* @__PURE__ */ o(d, { icon: "key", className: "size-5 flex-none" }) },
+  { id: "docs", label: "Docs", icon: /* @__PURE__ */ o(d, { icon: "documents", className: "mb-1 size-4 flex-none" }) }
+];
+function U({ routes: c, renderLink: r, helpItem: n, accountItem: p, currentPathname: l, className: g }) {
+  const m = c.home;
+  return /* @__PURE__ */ t("nav", { className: w("bg-neutral-80 flex h-full w-16 flex-col items-center gap-4 pt-4 pb-9", g), children: [
+    m && r({
+      destination: m,
+      "aria-label": "Home",
+      children: /* @__PURE__ */ o("div", { className: "px-5 py-2", children: /* @__PURE__ */ o("img", { src: P, alt: "Company Logo" }) })
+    }),
+    y.map((a) => {
+      const i = c[a.id];
+      if (!i) return null;
+      let e = !1;
+      i.matchPaths && (Array.isArray(i.matchPaths) ? e = i.matchPaths.some((h) => f(l, h)) : e = f(l, i.matchPaths));
+      const v = r({
+        destination: i,
+        children: /* @__PURE__ */ o(H, { icon: a.icon, iconHover: a.iconHover, label: a.label, isActive: e })
+      });
+      return /* @__PURE__ */ o(s.Fragment, { children: v }, a.id);
+    }),
+    /* @__PURE__ */ o("div", { className: "flex-1" }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-6", children: [
+      M.map((a) => {
+        const i = c[a.id];
+        if (!i) return null;
+        const e = r({
+          destination: i,
+          children: /* @__PURE__ */ o(u, { icon: a.icon, label: a.label })
+        });
+        return /* @__PURE__ */ o(s.Fragment, { children: e }, a.id);
+      }),
+      n && n,
+      p
+    ] })
+  ] });
+}
+export {
+  U as Sidebar
+};

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
 import "react";
-import m from "../../assets/default-avatar.svg.js";
-import { Button as u } from "../button/button.js";
+import h from "../../assets/default-avatar.svg.js";
+import { Button as m } from "../button/button.js";
 import { DropdownMenu as f, DropdownMenuItem as i } from "../dropdown-menu/dropdown-menu.js";
-import { Icon as s } from "../icon/icon.js";
+import { Icon as a } from "../icon/icon.js";
 import { twMerge as t } from "../../lib/tailwind-merge.js";
 function C({
   user: l,
@@ -13,56 +13,53 @@ function C({
   logoutUrl: g,
   accountUrl: c,
   contactItem: n,
-  className: a,
-  ...h
+  className: s,
+  ...u
 }) {
   return l ? /* @__PURE__ */ r(
     f,
     {
-      trigger: /* @__PURE__ */ r(
+      trigger: /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           className: "gap-r3 focus-visible:ring-neutral-40 flex h-10 shrink cursor-pointer flex-row items-center overflow-hidden px-3 py-6 focus:outline-none focus-visible:rounded-xl focus-visible:ring-2",
-          children: [
-            /* @__PURE__ */ e("img", { className: "size-7 rounded-full sm:size-9", src: l.picture ?? m, alt: "User avatar" }),
-            /* @__PURE__ */ e(s, { icon: "chevron", className: "hidden size-2.5 flex-none text-white sm:block sm:size-3" })
-          ]
+          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", a),
+      className: t("tg-caption-bold -mx-2 rounded-xl px-2 py-1", s),
       contentClassName: "bg-neutral-60",
-      ...h,
+      ...u,
       children: [
         /* @__PURE__ */ r(i, { className: "text-neutral-40 flex cursor-default items-center gap-3", disabled: !0, children: [
-          /* @__PURE__ */ e(s, { icon: "user", className: "size-4 flex-none" }),
+          /* @__PURE__ */ e(a, { 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(s, { icon: "cog", className: "size-4 flex-none text-white" }),
+          /* @__PURE__ */ e(a, { 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(s, { icon: "logout", className: "size-4 flex-none text-white" }),
+          /* @__PURE__ */ e(a, { 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", a), 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("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(
       f,
       {
-        trigger: /* @__PURE__ */ e("img", { className: "size-7 cursor-pointer sm:hidden", src: m, alt: "User avatar" }),
+        trigger: /* @__PURE__ */ e("img", { className: "size-7 cursor-pointer sm:hidden", src: h, alt: "User avatar" }),
         className: t(
           "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",
-          a
+          s
         ),
-        ...h,
+        ...u,
         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/index.d.ts

@@ -8,7 +8,6 @@ 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';
@@ -16,7 +15,9 @@ 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 { ScrollArea } from './components/scroll-area';
 export { Select, SelectItem } from './components/select/select';
+export { Sidebar } from './components/sidebar/sidebar';
 export { Skeleton } from './components/skeleton/skeleton';
 export { Switch } from './components/switch/switch';
 export { TextInput } from './components/text-input/text-input';

package/dist/index.js

@@ -1,62 +1,64 @@
-import { AnimatedLoader as t } from "./components/animated-loader/animated-loader.js";
+import { AnimatedLoader as e } 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 { ClientModal as a } from "./components/client-modal/client-modal.js";
-import { Collapsible as u, CollapsibleContent as i, CollapsibleTrigger as c } from "./components/collapsible/collapsible.js";
-import { CopyButton as B } from "./components/copy-button/copy-button.js";
+import { Collapsible as i, CollapsibleContent as u, CollapsibleTrigger as c } from "./components/collapsible/collapsible.js";
+import { CopyButton as S } from "./components/copy-button/copy-button.js";
 import { DecoratedIcon as C } from "./components/decorated-icon/decorated-icon.js";
 import { DropdownMenu as T, DropdownMenuItem as s } from "./components/dropdown-menu/dropdown-menu.js";
 import { ErrorBoundary as M } from "./components/error-boundary/error-boundary.js";
-import { ScrollArea as P } from "./components/scroll-area/index.js";
-import { Icon as h } from "./components/icon/icon.js";
-import { IconButton as y } from "./components/icon-button/icon-button.js";
-import { InputButton as L } from "./components/input-button/input-button.js";
-import { MountSvgSprite as E } from "./components/mount-svg-sprite/mount-svg-sprite.js";
-import { NotFoundComponent as N } from "./components/not-found-component/not-found-component.js";
-import { PagePadding as j } from "./components/page-padding/page-padding.js";
-import { ProtocolLogo as z } from "./components/protocol-logo/protocol-logo.js";
+import { Icon as D } from "./components/icon/icon.js";
+import { IconButton as h } from "./components/icon-button/icon-button.js";
+import { InputButton as y } from "./components/input-button/input-button.js";
+import { MountSvgSprite as L } from "./components/mount-svg-sprite/mount-svg-sprite.js";
+import { NotFoundComponent as E } from "./components/not-found-component/not-found-component.js";
+import { PagePadding as N } from "./components/page-padding/page-padding.js";
+import { ProtocolLogo as j } from "./components/protocol-logo/protocol-logo.js";
+import { ScrollArea as z } from "./components/scroll-area/index.js";
 import { Select as H, SelectItem as J } from "./components/select/select.js";
-import { Skeleton as O } from "./components/skeleton/skeleton.js";
-import { Switch as R } from "./components/switch/switch.js";
-import { TextInput as W } from "./components/text-input/text-input.js";
-import { Tooltip as Y } from "./components/tooltip/tooltip.js";
-import { TooltipProvider as _ } from "./components/tooltip-provider/tooltip-provider.js";
-import { TouchTarget as oo } from "./components/touch-target/touch-target.js";
-import { twMerge as to } from "./lib/tailwind-merge.js";
-import { UserDropdown as po } from "./components/user-dropdown/user-dropdown.js";
-import { useScrollToBottom as xo } from "./hooks/use-scroll-to-bottom.js";
+import { Sidebar as O } from "./components/sidebar/sidebar.js";
+import { Skeleton as R } from "./components/skeleton/skeleton.js";
+import { Switch as W } from "./components/switch/switch.js";
+import { TextInput as Y } from "./components/text-input/text-input.js";
+import { Tooltip as _ } from "./components/tooltip/tooltip.js";
+import { TooltipProvider as oo } from "./components/tooltip-provider/tooltip-provider.js";
+import { TouchTarget as eo } from "./components/touch-target/touch-target.js";
+import { twMerge as po } from "./lib/tailwind-merge.js";
+import { UserDropdown as xo } from "./components/user-dropdown/user-dropdown.js";
+import { useScrollToBottom as no } from "./hooks/use-scroll-to-bottom.js";
 export {
-  t as AnimatedLoader,
+  e as AnimatedLoader,
   p as Badge,
   x as Box,
   n as Button,
   a as ClientModal,
-  u as Collapsible,
-  i as CollapsibleContent,
+  i as Collapsible,
+  u as CollapsibleContent,
   c as CollapsibleTrigger,
-  B as CopyButton,
+  S as CopyButton,
   C as DecoratedIcon,
   T as DropdownMenu,
   s as DropdownMenuItem,
   M as ErrorBoundary,
-  h as Icon,
-  y as IconButton,
-  L as InputButton,
-  E as MountSvgSprite,
-  N as NotFoundComponent,
-  j as PagePadding,
-  z as ProtocolLogo,
-  P as ScrollArea,
+  D as Icon,
+  h as IconButton,
+  y as InputButton,
+  L as MountSvgSprite,
+  E as NotFoundComponent,
+  N as PagePadding,
+  j as ProtocolLogo,
+  z as ScrollArea,
   H as Select,
   J as SelectItem,
-  O as Skeleton,
-  R as Switch,
-  W as TextInput,
-  Y as Tooltip,
-  _ as TooltipProvider,
-  oo as TouchTarget,
-  po as UserDropdown,
-  to as twMerge,
-  xo as useScrollToBottom
+  O as Sidebar,
+  R as Skeleton,
+  W as Switch,
+  Y as TextInput,
+  _ as Tooltip,
+  oo as TooltipProvider,
+  eo as TouchTarget,
+  xo as UserDropdown,
+  po as twMerge,
+  no as useScrollToBottom
 };

package/dist/utils/matches-pathname.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Matches a pathname against a (Next‑style) pattern.
+ * Every rule in the original test‑suite still passes.
+ */
+export declare const matchesPathname: (path: string, pattern: string) => boolean;

package/dist/utils/matches-pathname.js

@@ -0,0 +1,28 @@
+const o = (r) => {
+  const t = r.split("?")[0];
+  return t ? t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t : "";
+}, p = /^\[\[\.\.\.(.+)\]\]$/, h = /^\[\.\.\.(.+)\]$/, a = /^\[(.+)\]$/, f = (r, t) => {
+  const s = o(r), c = o(t);
+  if (s === c) return !0;
+  const u = c.split("/"), e = [];
+  return u.forEach((n, i) => {
+    if (!(i === 0 && n === "")) {
+      if (p.test(n)) {
+        e.push("(?:/.+)?");
+        return;
+      }
+      if (h.test(n)) {
+        e.push("/.+");
+        return;
+      }
+      if (a.test(n)) {
+        e.push("/[^/]+");
+        return;
+      }
+      e.push("/" + n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+    }
+  }), new RegExp(`^${e.join("")}$`).test(s);
+};
+export {
+  f as matchesPathname
+};

package/package.json

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