@arcblock/ux 2.13.70 → 3.0.0

package/lib/Logo/images/logo-dark-text.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const v = (h) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 99, height: 18, viewBox: "0 0 99 18", ...h }, /* @__PURE__ */ c.createElement("path", { fill: "#000", fillRule: "evenodd", d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z" }));
+export {
+  v as default
+};

package/lib/Logo/images/logo-dark-top.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 45, height: 52, viewBox: "0 0 45 52", ...t }, /* @__PURE__ */ e.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "#000" }, /* @__PURE__ */ e.createElement("path", { d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25" }), /* @__PURE__ */ e.createElement("path", { d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z" })));
+export {
+  l as default
+};

package/lib/Logo/images/logo-light-text.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const v = (h) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 99, height: 18, viewBox: "0 0 99 18", ...h }, /* @__PURE__ */ c.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z" }));
+export {
+  v as default
+};

package/lib/Logo/images/logo-light-top.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 45, height: 52, viewBox: "0 0 45 52", ...t }, /* @__PURE__ */ e.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "#FFF" }, /* @__PURE__ */ e.createElement("path", { d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25" }), /* @__PURE__ */ e.createElement("path", { d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z" })));
+export {
+  l as default
+};

package/lib/Logo/index.d.ts

@@ -1,4 +1,4 @@
-import { type SxProps } from '@mui/material';
+import { SxProps } from '@mui/material';
 export interface LogoProps extends React.HTMLAttributes<HTMLSpanElement> {
     mode?: 'light' | 'dark';
     layout?: 'vertical' | 'horizontal';

package/lib/Logo/index.js

@@ -1,115 +1,35 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { styled } from '../Theme';
-var LightLogo = function LightLogo(props) {
-  return /*#__PURE__*/_jsx("svg", {
-    ...props,
-    children: /*#__PURE__*/_jsxs("g", {
-      fill: "none",
-      fillRule: "evenodd",
-      stroke: "#FFF",
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"
-      })]
-    })
-  });
-};
-LightLogo.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "45",
-  height: "52",
-  viewBox: "0 0 45 52"
-};
-var LightText = function LightText(props) {
-  return /*#__PURE__*/_jsx("svg", {
-    ...props,
-    children: /*#__PURE__*/_jsx("path", {
-      fill: "#FFF",
-      fillRule: "evenodd",
-      d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"
-    })
-  });
-};
-LightText.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "99",
-  height: "18",
-  viewBox: "0 0 99 18"
-};
-var DarkLogo = function DarkLogo(props) {
-  return /*#__PURE__*/_jsx("svg", {
-    ...props,
-    children: /*#__PURE__*/_jsxs("g", {
-      fill: "none",
-      fillRule: "evenodd",
-      stroke: "#000",
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"
-      })]
-    })
-  });
-};
-DarkLogo.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "45",
-  height: "52",
-  viewBox: "0 0 45 52"
-};
-var DarkText = function DarkText(props) {
-  return /*#__PURE__*/_jsx("svg", {
-    ...props,
-    children: /*#__PURE__*/_jsx("path", {
-      fill: "#000",
-      fillRule: "evenodd",
-      d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"
-    })
-  });
-};
-DarkText.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "99",
-  height: "18",
-  viewBox: "0 0 99 18"
-};
-export default function Logo({
-  showText = true,
-  showLogo = true,
-  mode = 'dark',
-  layout = 'vertical',
-  size,
-  style = {},
-  ...rest
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { styled as x } from "../Theme/index.js";
+import s from "./images/logo-light-top.svg.js";
+import f from "./images/logo-light-text.svg.js";
+import u from "./images/logo-dark-top.svg.js";
+import h from "./images/logo-dark-text.svg.js";
+function j({
+  showText: o = !0,
+  showLogo: n = !0,
+  mode: a = "dark",
+  layout: l = "vertical",
+  size: r,
+  style: i = {},
+  ...g
 }) {
-  const isLight = mode === 'light';
-  const logo = isLight ? /*#__PURE__*/_jsx(LightLogo, {}) : /*#__PURE__*/_jsx(DarkLogo, {});
-  const text = isLight ? /*#__PURE__*/_jsx(LightText, {
-    className: "logo-text"
-  }) : /*#__PURE__*/_jsx(DarkText, {
-    className: "logo-text"
-  });
-  if (size) {
-    style.width = `${size}px`;
-    style.height = `${size}px`;
-  }
-  return /*#__PURE__*/_jsxs(Container, {
-    layout: layout,
-    style: style,
-    ...rest,
-    children: [showLogo && logo, showText && text]
-  });
+  const e = a === "light", m = e ? /* @__PURE__ */ t(s, {}) : /* @__PURE__ */ t(u, {}), c = e ? /* @__PURE__ */ t(f, { className: "logo-text" }) : /* @__PURE__ */ t(h, { className: "logo-text" });
+  return r && (i.width = `${r}px`, i.height = `${r}px`), /* @__PURE__ */ p(L, { layout: l, style: i, ...g, children: [
+    n && m,
+    o && c
+  ] });
 }
-const Container = styled('span')`
+const L = x("span")`
   display: inline-flex;
-  flex-direction: ${props => props.layout === 'horizontal' ? 'row' : 'column'};
+  flex-direction: ${(o) => o.layout === "horizontal" ? "row" : "column"};
   justify-content: center;
   align-items: center;
 
   .logo-text {
-    ${props => props.layout === 'vertical' ? 'margin-top: 8px;' : ''}
-    ${props => props.layout === 'vertical' ? '' : 'margin-left: 8px;'};
+    ${(o) => o.layout === "vertical" ? "margin-top: 8px;" : ""}
+    ${(o) => o.layout === "vertical" ? "" : "margin-left: 8px;"};
   }
-`;
+`;
+export {
+  j as default
+};

package/lib/Metric/Metric.stories.d.ts

@@ -0,0 +1,14 @@
+export { default as Basic } from './demo/basic';
+export { default as HtmlValueAndName } from './demo/html-value-and-name';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+    let decorators: ((StoryFn: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;

package/lib/Metric/index.js

@@ -1,53 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable react/no-danger */
-import { Link } from '@mui/material';
-import ImageIcon from '../Icon/image';
-import { styled } from '../Theme';
-export default function Metric({
-  icon,
-  value,
-  name,
-  url = '',
-  animated = false,
-  LinkComponent = Link,
-  prefix = '/images',
-  iconColor = '#222222',
-  iconStyle = {}
+import { jsx as i, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { Link as x } from "@mui/material";
+import h from "../Icon/image.js";
+import { styled as f } from "../Theme/index.js";
+function z({
+  icon: e,
+  value: r,
+  name: t,
+  url: a = "",
+  animated: o = !1,
+  LinkComponent: s = x,
+  prefix: l = "/images",
+  iconColor: p = "#222222",
+  iconStyle: c = {}
 }) {
-  const metric = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "metric__image",
-      children: /*#__PURE__*/_jsx(ImageIcon, {
-        name: icon,
-        alt: typeof name === 'string' ? name : '',
+  const n = /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ i("div", { className: "metric__image", children: /* @__PURE__ */ i(
+      h,
+      {
+        name: e,
+        alt: typeof t == "string" ? t : "",
         size: 30,
-        prefix: prefix,
-        color: iconColor,
-        style: iconStyle
-      })
-    }), /*#__PURE__*/_jsxs("div", {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `metric__number ${animated ? 'metric__number--animated' : ''}`,
-        dangerouslySetInnerHTML: {
-          __html: value
+        prefix: l,
+        color: p,
+        style: c
+      }
+    ) }),
+    /* @__PURE__ */ m("div", { children: [
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: `metric__number ${o ? "metric__number--animated" : ""}`,
+          dangerouslySetInnerHTML: { __html: r }
         }
-      }), /*#__PURE__*/_jsx("div", {
-        className: "metric__name",
-        children: name
-      })]
-    })]
-  });
-  return /*#__PURE__*/_jsx(Container, {
-    children: url ? /*#__PURE__*/_jsx(LinkComponent, {
-      to: url,
-      children: metric
-    }) : metric
-  });
+      ),
+      /* @__PURE__ */ i("div", { className: "metric__name", children: t })
+    ] })
+  ] });
+  return /* @__PURE__ */ i(g, { children: a ? /* @__PURE__ */ i(s, { to: a, children: n }) : n });
 }
-const Container = styled('div')`
-  border-left: 1px solid ${props => props.theme.palette.divider};
+const g = f("div")`
+  border-left: 1px solid ${(e) => e.theme.palette.divider};
   padding: 10px 0 10px 16px;
-  @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+  @media (max-width: ${(e) => e.theme.breakpoints.values.sm}px) {
     padding: 0 0 0 8px;
   }
 
@@ -67,19 +61,19 @@ const Container = styled('div')`
 
   .metric__number {
     margin-bottom: 8px;
-    font-size: ${props => props.size === 'small' ? 32 : 36}px;
+    font-size: ${(e) => e.size === "small" ? 32 : 36}px;
     font-weight: 600;
     line-height: 36px;
-    color: ${props => props.theme.palette.text.primary};
+    color: ${(e) => e.theme.palette.text.primary};
 
     small {
       font-size: 12px;
       line-height: 12px;
     }
 
-    @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
-      font-size: ${props => props.size === 'small' ? 24 : 28}px;
-      line-height: ${props => props.size === 'small' ? 24 : 28}px;
+    @media (max-width: ${(e) => e.theme.breakpoints.values.sm}px) {
+      font-size: ${(e) => e.size === "small" ? 24 : 28}px;
+      line-height: ${(e) => e.size === "small" ? 24 : 28}px;
       margin-bottom: 2px;
     }
   }
@@ -97,8 +91,8 @@ const Container = styled('div')`
     text-transform: capitalize;
     line-height: 1.2;
     font-weight: 500;
-    color: ${props => props.theme.palette.text.primary};
-    @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+    color: ${(e) => e.theme.palette.text.primary};
+    @media (max-width: ${(e) => e.theme.breakpoints.values.sm}px) {
       font-size: 10px;
       line-height: 1;
     }
@@ -115,4 +109,7 @@ const Container = styled('div')`
       opacity: 1;
     }
   }
-`;
+`;
+export {
+  z as default
+};

package/lib/MuiWrap/index.js

@@ -1,20 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Box, Typography } from '@mui/material';
-export function TBox({
-  component,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsx(Box, {
-    component: component,
-    ...rest
-  });
+import { jsx as p } from "react/jsx-runtime";
+import { Box as t, Typography as n } from "@mui/material";
+function m({ component: o, ...r }) {
+  return /* @__PURE__ */ p(t, { component: o, ...r });
 }
-export function TTypography({
-  component,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsx(Typography, {
-    component: component,
-    ...rest
-  });
-}
+function u({ component: o, ...r }) {
+  return /* @__PURE__ */ p(n, { component: o, ...r });
+}
+export {
+  m as TBox,
+  u as TTypography
+};

package/lib/NFTDisplay/NFTBroken.svg.js

@@ -0,0 +1,108 @@
+import * as l from "react";
+const e = (i) => /* @__PURE__ */ l.createElement("svg", { width: 300, height: 300, viewBox: "0 0 300 300", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ l.createElement("g", { clipPath: "url(#clip0_317_299)" }, /* @__PURE__ */ l.createElement("rect", { x: 60, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 60, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 60, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 60, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 59.9999, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 59.9999, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 120, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 240, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 120, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 180, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 120, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 240, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 120, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 180, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 120, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 180, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 240, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} })), /* @__PURE__ */ l.createElement("defs", null, /* @__PURE__ */ l.createElement("clipPath", { id: "clip0_317_299" }, /* @__PURE__ */ l.createElement("rect", { width: 300, height: 300, fill: "white", style: {
+  fill: "white",
+  fillOpacity: 1
+} }))));
+export {
+  e as default
+};

package/lib/NFTDisplay/NFTDisplay.stories.d.ts

@@ -0,0 +1,15 @@
+export { default as Basic } from './demo/basic';
+export { default as FixedSize } from './demo/fixed-size';
+export { default as Inset } from './demo/inset';
+export { default as AspectRatio } from './demo/aspect-ratio';
+export { default as NftTypeUrl } from './demo/nft-type-url';
+export { default as MinimumLoadingTime } from './demo/minimum-loading-time';
+export { default as WithForeignObject } from './demo/with-foreign-object';
+export { default as NftTypeSvg } from './demo/nft-type-svg';
+export { default as CustomLoading } from './demo/custom-loading';
+export { default as SvgValidation } from './demo/svg-validation';
+export { default as BrokenImage } from './demo/broken-image';
+export { default as PreferredSvgEmbedderProp } from './demo/preferred-svg-embedder-prop';
+export { default as ImageFilter } from './demo/image-filter';
+declare const _default: import('@storybook/react-vite').Story;
+export default _default;

package/lib/NFTDisplay/aspect-ratio-container.js

@@ -1,27 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '../Theme';
-function AspectRatioContainer({
-  aspect,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsx(Root, {
-    aspect: aspect,
-    ...rest,
-    children: /*#__PURE__*/_jsx("span", {
-      className: "aspect-ratio-container__inner",
-      children: children
-    })
-  });
+import { jsx as o } from "react/jsx-runtime";
+import { styled as e } from "../Theme/index.js";
+function p({ aspect: t, children: i, ...n }) {
+  return /* @__PURE__ */ o(a, { aspect: t, ...n, children: /* @__PURE__ */ o("span", { className: "aspect-ratio-container__inner", children: i }) });
 }
-const Root = styled('span')`
+const a = e("span")`
   display: block;
   position: relative;
   width: 100%;
   height: 0;
-  padding-bottom: ${({
-  aspect
-}) => 1 / aspect * 100}%;
+  padding-bottom: ${({ aspect: t }) => 1 / t * 100}%;
 
   .aspect-ratio-container__inner {
     position: absolute;
@@ -31,4 +18,6 @@ const Root = styled('span')`
     right: 0;
   }
 `;
-export default AspectRatioContainer;
+export {
+  p as default
+};