@validationcloud/fractal-ui 1.46.0 → 1.47.0

package/dist/index.js

@@ -2,52 +2,56 @@ import { AnimatedLoader as t } from "./src/components/animated-loader/animated-l
 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 d } from "./src/components/client-modal/client-modal.js";
-import { CopyButton as l } from "./src/components/copy-button/copy-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 I } from "./src/components/dropdown-menu/dropdown-menu.js";
-import { ErrorBoundary as T } from "./src/components/error-boundary/error-boundary.js";
-import { ScrollArea as w } from "./src/components/scroll-area/index.js";
-import { Icon as C } from "./src/components/icon/icon.js";
-import { IconButton as h } from "./src/components/icon-button/icon-button.js";
-import { InputButton as y } from "./src/components/input-button/input-button.js";
-import { MountSvgSprite as L } from "./src/components/mount-svg-sprite/mount-svg-sprite.js";
-import { NotFoundComponent as s } from "./src/components/not-found-component/not-found-component.js";
-import { PagePadding as F } from "./src/components/page-padding/page-padding.js";
-import { ProtocolLogo as b } from "./src/components/protocol-logo/protocol-logo.js";
-import { Skeleton as q } from "./src/components/skeleton/skeleton.js";
-import { Switch as G } from "./src/components/switch/switch.js";
-import { TextInput as J } from "./src/components/text-input/text-input.js";
-import { Tooltip as O } from "./src/components/tooltip/tooltip.js";
-import { TooltipProvider as R } from "./src/components/tooltip-provider/tooltip-provider.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 { useScrollToBottom as Z } from "./src/hooks/use-scroll-to-bottom.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";
 export {
   t as AnimatedLoader,
   p as Badge,
   x as Box,
   n as Button,
-  d as ClientModal,
-  l as CopyButton,
+  u as ClientModal,
+  a as CopyButton,
   i as DecoratedIcon,
   g as DropdownMenu,
-  I as DropdownMenuItem,
-  T as ErrorBoundary,
-  C as Icon,
-  h as IconButton,
-  y as InputButton,
-  L as MountSvgSprite,
-  s as NotFoundComponent,
-  F as PagePadding,
-  b as ProtocolLogo,
-  w as ScrollArea,
-  q as Skeleton,
-  G as Switch,
-  J as TextInput,
-  O as Tooltip,
-  R as TooltipProvider,
+  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,
-  Z as useScrollToBottom
+  ro as useScrollToBottom
 };

package/dist/src/assets/default-avatar.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='20'%20cy='20'%20r='20'%20fill='%233A3D46'/%3e%3cpath%20d='M11%2026V28C11%2029.1046%2011.8954%2030%2013%2030H27C28.1046%2030%2029%2029.1046%2029%2028V26C29%2023.2386%2026.7614%2021%2024%2021H16C13.2386%2021%2011%2023.2386%2011%2026Z'%20fill='url(%23paint0_linear_945_1967)'/%3e%3ccircle%20cx='20'%20cy='14.5'%20r='4.5'%20fill='url(%23paint1_linear_945_1967)'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_945_1967'%20x1='11'%20y1='22.0227'%20x2='29.5561'%20y2='23.6472'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D63D57'/%3e%3cstop%20offset='1'%20stop-color='%23FF9A7B'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_945_1967'%20x1='15.5'%20y1='11.0227'%20x2='24.8313'%20y2='11.4312'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D63D57'/%3e%3cstop%20offset='1'%20stop-color='%23FF9A7B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/src/components/dropdown-menu/dropdown-menu.js

@@ -1,39 +1,43 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+"use client";
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
 import { DropdownMenu as t, ScrollArea as n } from "radix-ui";
-import { forwardRef as h } from "react";
-import { twMerge as d } from "../../lib/tailwind-merge.js";
-const g = h(
-  ({ className: a, baseColor: r = "bg-neutral-60", textValue: l, ...o }, i) => /* @__PURE__ */ e(
+import { forwardRef as p } from "react";
+import { twMerge as s } from "../../lib/tailwind-merge.js";
+const g = p(
+  ({ className: o, baseColor: r = "bg-neutral-60", textValue: l, ...a }, i) => /* @__PURE__ */ e(
     t.Item,
     {
-      className: d(
+      className: s(
         "tg-button-small data-highlighted:text-neutral-10 flex cursor-pointer items-center truncate rounded-[10px] px-4 py-2.5 transition-colors outline-none select-none",
         r === "bg-neutral-60" && "text-neutral-20 data-highlighted:bg-neutral-55",
         r === "bg-neutral-80" && "text-neutral-40 data-highlighted:bg-neutral-60",
-        a
+        o
       ),
       textValue: l,
-      ...o,
+      ...a,
       ref: i
     }
   )
 );
 g.displayName = "DropdownMenuItem";
-function f({
-  trigger: a,
+function w({
+  trigger: o,
   baseColor: r = "bg-neutral-60",
   children: l,
-  className: o,
+  className: a,
   contentClassName: i,
-  disabled: u,
+  disabled: d,
   ...c
 }) {
-  return /* @__PURE__ */ s(t.Root, { ...c, children: [
-    /* @__PURE__ */ e(t.Trigger, { className: d("", o), asChild: !0, disabled: u, children: a }),
-    /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(n.Root, { type: "hover", style: { "--scrollbar-size": "10px" }, asChild: !0, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ u(t.Root, { ...c, children: [
+    /* @__PURE__ */ e(t.Trigger, { className: s("", a), asChild: !0, disabled: d, children: o }),
+    /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(n.Root, { type: "hover", style: { "--scrollbar-size": "10px" }, asChild: !0, children: /* @__PURE__ */ u(
       t.Content,
       {
-        className: d(
+        onCloseAutoFocus: (h) => {
+          h.preventDefault();
+        },
+        className: s(
           "max-h-(--radix-dropdown-menu-content-available-height) overflow-hidden rounded-2xl shadow-[0px_8px_20px_2px_rgba(0,0,0,0.40)]",
           r === "bg-neutral-60" && "bg-neutral-60",
           r === "bg-neutral-80" && "bg-neutral-80",
@@ -58,6 +62,6 @@ function f({
   ] });
 }
 export {
-  f as DropdownMenu,
+  w as DropdownMenu,
   g as DropdownMenuItem
 };

package/dist/src/components/icon/icon-ids.d.ts

@@ -1 +1 @@
-export declare const iconIds: readonly ["arrow-narrow", "arrow", "banknote", "bar-chart", "billing", "bracket", "check", "chevron-vertical", "chevron", "circle-fill", "circle-stroke", "clock", "close", "cog", "collapse", "copy", "documents", "download", "edit", "enter", "exclamation", "faucet", "fire", "filter", "help-center", "home", "info", "intercom", "link", "menu", "more", "minus", "node", "patch", "pin", "plus", "processing", "radio-empty", "radio-full", "resize", "search", "share", "sparkles", "step-indicator", "subgraphs", "sync-problem", "trash", "thumb", "unpin", "wallet", "wallet-connected", "wallet-disconnected", "wrench"];
+export declare const iconIds: readonly ["arrow-narrow", "arrow", "banknote", "bar-chart", "billing", "bracket", "check", "chevron-vertical", "chevron", "circle-fill", "circle-stroke", "clock", "close", "cog", "collapse", "copy", "documents", "download", "edit", "enter", "exclamation", "faucet", "fire", "filter", "help-center", "home", "info", "intercom", "link", "logout", "menu", "more", "minus", "node", "patch", "pin", "plus", "processing", "radio-empty", "radio-full", "resize", "search", "share", "sparkles", "step-indicator", "subgraphs", "sync-problem", "trash", "thumb", "unpin", "user", "wallet", "wallet-connected", "wallet-disconnected", "wrench"];