@validationcloud/fractal-ui 1.43.0 → 1.44.0

package/dist/index.js

@@ -3,41 +3,43 @@ 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 l } from "./src/components/client-modal/client-modal.js";
-import { DecoratedIcon as i } from "./src/components/decorated-icon/decorated-icon.js";
+import { DecoratedIcon as a } from "./src/components/decorated-icon/decorated-icon.js";
 import { DropdownMenu as c, DropdownMenuItem as g } from "./src/components/dropdown-menu/dropdown-menu.js";
 import { ScrollArea as B } from "./src/components/scroll-area/index.js";
 import { Icon as M } from "./src/components/icon/icon.js";
 import { InputButton as P } from "./src/components/input-button/input-button.js";
 import { MountSvgSprite as D } from "./src/components/mount-svg-sprite/mount-svg-sprite.js";
-import { PagePadding as A } from "./src/components/page-padding/page-padding.js";
-import { ProtocolLogo as h } from "./src/components/protocol-logo/protocol-logo.js";
-import { Skeleton as s } from "./src/components/skeleton/skeleton.js";
+import { NotFoundComponent as A } from "./src/components/not-found-component/not-found-component.js";
+import { PagePadding as L } from "./src/components/page-padding/page-padding.js";
+import { ProtocolLogo as k } from "./src/components/protocol-logo/protocol-logo.js";
+import { Skeleton as F } from "./src/components/skeleton/skeleton.js";
 import { Switch as b } from "./src/components/switch/switch.js";
 import { TextInput as q } from "./src/components/text-input/text-input.js";
 import { Tooltip as z } from "./src/components/tooltip/tooltip.js";
-import { TooltipProvider as F } from "./src/components/tooltip-provider/tooltip-provider.js";
-import { twMerge as H } from "./src/lib/tailwind-merge.js";
-import { useScrollToBottom as K } from "./src/hooks/use-scroll-to-bottom.js";
+import { TooltipProvider as G } from "./src/components/tooltip-provider/tooltip-provider.js";
+import { twMerge as J } from "./src/lib/tailwind-merge.js";
+import { useScrollToBottom as O } from "./src/hooks/use-scroll-to-bottom.js";
 export {
   t as AnimatedLoader,
   p as Badge,
   x as Box,
   n as Button,
   l as ClientModal,
-  i as DecoratedIcon,
+  a as DecoratedIcon,
   c as DropdownMenu,
   g as DropdownMenuItem,
   M as Icon,
   P as InputButton,
   D as MountSvgSprite,
-  A as PagePadding,
-  h as ProtocolLogo,
+  A as NotFoundComponent,
+  L as PagePadding,
+  k as ProtocolLogo,
   B as ScrollArea,
-  s as Skeleton,
+  F as Skeleton,
   b as Switch,
   q as TextInput,
   z as Tooltip,
-  F as TooltipProvider,
-  H as twMerge,
-  K as useScrollToBottom
+  G as TooltipProvider,
+  J as twMerge,
+  O as useScrollToBottom
 };

package/dist/src/assets/not-found.svg.js

@@ -0,0 +1,4 @@
+const l = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='394'%20height='344'%20fill='none'%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m94.956%20139.262%2033.282-19.336V20.627L94.956%2039.963v99.299Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23BC243E'%20fill-rule='evenodd'%20d='M56.936%2094.128c.049-2.931.146-6.35.297-10.352.229-5.97.408-9.068.54-9.292L56.7%2073.86c-2.214%204.487-4.721%208.429-7.515%2011.825L33.37%20103.6l23.566-13.376v3.904Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m33.371%20103.599%2023.521%2013.621c0-.022-23.52-13.621-23.52-13.621Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23DF687D'%20fill-rule='evenodd'%20d='m95.03%20172.353%2015.638%209.143v-33.135l-15.713-9.1V39.965l-35.62-20.628L0%2084.834v32.576l56.892%2032.946v31.788l38.063%2022.044v-31.79l.076-.045Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m32.718%20103.643%2016.468-17.958c2.793-3.396%205.298-7.338%207.513-11.825l1.076.624c-.135.224-.314%203.32-.54%209.292-.151%204.002.049%206.146%200%209.08l-.298%2024.364c-.045%200-24.22-13.577-24.22-13.577Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23FBECEE'%20fill-rule='evenodd'%20d='m94.955%2039.964%2033.282-19.336L92.619%200%2059.335%2019.338l35.62%2020.626ZM56.936%20117.22V90.224L33.37%20103.6l23.523%2013.598.043.022ZM110.668%20148.361l33.282-19.336-15.712-9.1-33.282%2019.338%2015.712%209.098Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m110.668%20181.496-15.637-9.143c-.075.045-.075%2031.835-.075%2031.835l33.282-19.338v-13.562l-17.57%2010.208Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m143.95%20129.024-33.282%2019.336v33.136l17.57-10.208%2015.712-9.13v-33.134Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23FBECEE'%20fill-rule='evenodd'%20d='M172.373%20209.55c2.016%208.134%205.399%2013.576%2010.151%2016.328%204.811%202.786%208.212%201.159%2010.198-4.882%201.6-4.867%202.544-13.742%202.854-26.48l-23.362%2014.288c.053.239.104.518.159.746Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='M196.343%20194.123c.075-3.133.128-6.428.128-10.027%200-18.696-1.043-32.398-3.116-41.098-2.076-8.703-5.559-14.469-10.446-17.294-4.889-2.824-8.372-1.222-10.447%204.81-2.074%206.032-3.114%2018.667-3.114%2037.902%200%2018.539.988%2031.97%202.95%2040.388l24.045-14.681Z'%20clip-rule='evenodd'/%3e%3cmask%20id='a'%20width='125'%20height='207'%20x='149'%20y='61'%20maskUnits='userSpaceOnUse'%20style='mask-type:luminance'%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='m187.563%2064.07-.082-.07-37.744%2021.888.267.171c8.163-3.758%2019.077-1.745%2032.831%206.231a89.39%2089.39%200%200%201%2021.691%2017.599c6.696%207.428%2012.308%2016.085%2016.791%2026.017%208.682%2019.241%2013.021%2042.91%2013.021%2071.015%200%2029.079-4.231%2047.932-12.683%2056.556-1.553%201.59-3.313%202.748-5.172%203.703l.135.094%2040.654-23.666c1.383-.919%202.683-1.901%203.871-3.114%208.453-8.624%2012.685-27.477%2012.685-56.556%200-28.107-4.342-51.772-13.023-71.013-4.471-9.908-10.066-18.55-16.74-25.965a89.417%2089.417%200%200%200-21.742-17.653c-9.316-5.4-17.336-8.087-24.077-8.087-4.014%200-7.574.954-10.683%202.85Z'%20clip-rule='evenodd'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m187.563%2064.07-.082-.07-37.744%2021.888.267.171c8.163-3.758%2019.077-1.745%2032.831%206.231a89.39%2089.39%200%200%201%2021.691%2017.599c6.696%207.428%2012.308%2016.085%2016.791%2026.017%208.682%2019.241%2013.021%2042.91%2013.021%2071.015%200%2029.079-4.231%2047.932-12.683%2056.556-1.553%201.59-3.313%202.748-5.172%203.703l.135.094%2040.654-23.666c1.383-.919%202.683-1.901%203.871-3.114%208.453-8.624%2012.685-27.477%2012.685-56.556%200-28.107-4.342-51.772-13.023-71.013-4.471-9.908-10.066-18.55-16.74-25.965a89.417%2089.417%200%200%200-21.742-17.653c-9.316-5.4-17.336-8.087-24.077-8.087-4.014%200-7.574.954-10.683%202.85Z'%20clip-rule='evenodd'/%3e%3c/g%3e%3cpath%20fill='%23DF687D'%20fill-rule='evenodd'%20d='M172.804%20132.454c2.018-5.873%205.403-7.435%2010.16-4.684%204.753%202.751%208.14%208.364%2010.159%2016.839%202.016%208.47%203.028%2021.812%203.028%2040.014%200%203.504-.049%206.715-.123%209.766-.31%2012.742-1.255%2021.62-2.856%2026.491-1.988%206.043-5.392%207.672-10.208%204.884-4.757-2.753-8.142-8.198-10.16-16.335-.056-.23-.107-.508-.16-.747-1.908-8.195-2.869-21.273-2.869-39.324%200-18.731%201.012-31.033%203.029-36.904Zm61.738%2074.39c0-28.094-4.347-51.753-13.044-70.986-4.487-9.928-10.109-18.581-16.813-26.006a89.489%2089.489%200%200%200-21.721-17.592c-13.774-7.973-24.706-9.983-32.881-6.228-2.184%201.006-4.212%202.334-5.998%204.175-8.469%208.735-12.701%2027.71-12.701%2056.929%200%2027.871%204.332%2051.373%2012.991%2070.508%208.663%2019.136%2021.523%2033.642%2038.589%2043.516%2014.24%208.243%2025.441%2010.143%2033.698%205.918%201.861-.953%203.624-2.112%205.179-3.702%208.465-8.618%2012.701-27.465%2012.701-56.532Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m344.499%20278.163%2033.314-19.347v-99.341l-33.314%2019.345v99.343Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23BC243E'%20fill-rule='evenodd'%20d='M306.442%20233.008c.049-2.933.147-6.351.298-10.355.229-5.974.408-9.074.543-9.298l-1.076-.625c-2.218%204.492-4.726%208.433-7.523%2011.831l-15.828%2017.925%2023.586-13.382v3.904Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m282.856%20242.485%2023.543%2013.626c0-.022-23.543-13.626-23.543-13.626Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23DF687D'%20fill-rule='evenodd'%20d='m344.573%20311.266%2015.652%209.149v-33.151l-15.726-9.102v-99.34l-35.656-20.637-59.392%2065.526v32.588l56.949%2032.965v31.8l38.099%2022.053v-31.804l.074-.047Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m282.856%20242.485%2015.828-17.923c2.797-3.398%205.303-7.341%207.521-11.83l1.078.624c-.137.225-.316%203.323-.543%209.296a499.944%20499.944%200%200%200-.298%2010.355v23.104c-.043%200-23.586-13.626-23.586-13.626Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23FBECEE'%20fill-rule='evenodd'%20d='m344.499%20178.821%2033.314-19.345-35.654-20.637-33.316%2019.347%2035.656%2020.635ZM306.442%20256.111v-27.006l-23.586%2013.38%2023.543%2013.604.043.022ZM360.225%20287.265l33.314-19.345-15.726-9.104-33.314%2019.347%2015.726%209.102Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m360.225%20320.415-15.652-9.147c-.074.045-.074%2031.849-.074%2031.849l33.314-19.345v-13.57l-17.588%2010.213Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%230E1821'%20fill-rule='evenodd'%20d='m393.539%20267.919-33.314%2019.345v33.151l17.589-10.212%2015.725-9.135v-33.149Z'%20clip-rule='evenodd'/%3e%3c/svg%3e";
+export {
+  l as default
+};

package/dist/src/components/not-found-component/not-found-component.d.ts

@@ -0,0 +1,13 @@
+type NotFoundComponentProps = {
+    navLink: React.ReactNode;
+} & React.ComponentPropsWithoutRef<'div'>;
+/**
+ * A component that displays a not found message and a button to navigate to the specified page.
+ * @param navLink - The link to navigate to the desired page
+
+ * @example
+ * // Example usage of NotFoundComponent
+ * <NotFoundComponent navLink={<Link href={HOME_PAGE_ROUTES.default}>Back to home</Link>} />
+ */
+export declare function NotFoundComponent({ navLink, className, ...props }: NotFoundComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/not-found-component/not-found-component.js

@@ -0,0 +1,17 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import l from "../../assets/not-found.svg.js";
+import { Button as n } from "../button/button.js";
+import { twMerge as i } from "../../lib/tailwind-merge.js";
+function x({ navLink: o, className: r, ...a }) {
+  return /* @__PURE__ */ t("div", { className: i("mt-15 flex flex-col items-center gap-6 md:mt-20", r), ...a, children: [
+    /* @__PURE__ */ e("img", { src: l, alt: "Not found 404 icon", draggable: !1 }),
+    /* @__PURE__ */ t("div", { className: "flex max-w-[300px] flex-col items-center gap-3 text-center", children: [
+      /* @__PURE__ */ e("h2", { className: "tg-title-and-quote-bold text-neutral-10", children: "This page does not exist" }),
+      /* @__PURE__ */ e("p", { className: "tg-body text-neutral-40", children: "It looks like you’re trying to access a page that either has been deleted or never existed." })
+    ] }),
+    /* @__PURE__ */ e(n, { variant: "primary", size: "small", asChild: !0, children: o })
+  ] });
+}
+export {
+  x as NotFoundComponent
+};

package/dist/src/index.d.ts

@@ -9,6 +9,7 @@ export { ScrollArea } from './components/scroll-area';
 export { Icon, type IconID } from './components/icon/icon';
 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';

package/dist/styles/tailwind.css

@@ -10,7 +10,9 @@
 *  An alternative would be to list all these dynamic classes in a .txt file and then reference that file with the @source directive.
 *  Example: https://www.sujalvanjare.com/blog/safelist-classes-tailwind-css-v4
 */
+/* prettier-ignore */
 @source inline("{group-hover:,}bg-protocols-{eth,eth_light,bnb,avax,aleo,apt,axelar,stellar,hbar,bera,cspr,dydx,eigenlayer,flow,obl,hash,saga,zeta,btc,wemix,arb,opbnb,babylon,sol,cfx,starknet,mnt,monad,icp}");
+/* prettier-ignore */
 @source inline("{group-hover:,}text-protocols-{eth,eth_light,bnb,avax,aleo,apt,axelar,stellar,hbar,bera,cspr,dydx,eigenlayer,flow,obl,hash,saga,zeta,btc,wemix,arb,opbnb,babylon,sol,cfx,starknet,mnt,monad,icp}");
 
 @theme {
@@ -42,4 +44,4 @@
 }
 
 /* ensure all classes used in components are included in final CSS output */
-@source "../**/*.{ts,tsx}";
+@source '../**/*.{ts,tsx}';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@validationcloud/fractal-ui",
   "private": false,
-  "version": "1.43.0",
+  "version": "1.44.0",
   "module": "./dist/index.js",
   "type": "module",
   "files": [
@@ -40,34 +40,34 @@
     "tailwind-merge": "^3"
   },
   "devDependencies": {
-    "@eslint/compat": "^1.4.0",
-    "@eslint/js": "^9.37.0",
-    "@storybook/addon-docs": "^9",
-    "@storybook/addon-onboarding": "^9",
-    "@storybook/react-vite": "^9",
+    "@eslint/compat": "^1.4.1",
+    "@eslint/js": "^9.39.1",
+    "@storybook/addon-docs": "^10.0.4",
+    "@storybook/addon-onboarding": "^10.0.4",
+    "@storybook/react-vite": "^10.0.4",
     "@tailwindcss/postcss": "^4",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "@types/node": "^24",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^5.0.4",
-    "eslint": "^9.37.0",
+    "@vitejs/plugin-react": "^5.1.0",
+    "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-react-hooks": "^7.0.0",
-    "eslint-plugin-react-refresh": "^0.4.23",
-    "eslint-plugin-storybook": "^9",
-    "globals": "^16.4.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "^10.0.4",
+    "globals": "^16.5.0",
     "postcss": "^8.5.6",
     "prettier": "3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.14",
+    "prettier-plugin-tailwindcss": "^0.7.1",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^9",
-    "tailwindcss": "^4.1.14",
+    "storybook": "^10.0.4",
+    "tailwindcss": "^4.1.16",
     "typescript": "^5",
-    "typescript-eslint": "^8.46.0",
-    "vite": "^7.1.9",
+    "typescript-eslint": "^8.46.3",
+    "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {