@matbea-ui/matbea-ui 0.1.4 → 0.1.5

package/dist/matbea-ui.es6.js

@@ -1,6 +1,6 @@
-import { j as e } from "./matbea-ui.es28.js";
+import { j as e } from "./matbea-ui.es30.js";
 import { forwardRef as v, useState as I } from "react";
-import { Wrapper as L, Label as R, FieldContainer as S, LeadingIcon as $, Input as g, ActionSlot as w, ErrorText as y } from "./matbea-ui.es34.js";
+import { Wrapper as L, Label as R, FieldContainer as S, LeadingIcon as $, Input as g, ActionSlot as w, ErrorText as y } from "./matbea-ui.es36.js";
 const A = v(
   ({
     value: i,

package/dist/matbea-ui.es60.js

@@ -1,59 +1,55 @@
-import "./matbea-ui.es28.js";
-import "./matbea-ui.es29.js";
-import "react";
 import "./matbea-ui.es30.js";
-import { Typography as o } from "./matbea-ui.es4.js";
-import "./matbea-ui.es33.js";
-import "./matbea-ui.es6.js";
+import "./matbea-ui.es31.js";
+import "react";
+import "./matbea-ui.es32.js";
+import { Typography as a } from "./matbea-ui.es4.js";
 import "./matbea-ui.es35.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es40.js";
-import "./matbea-ui.es12.js";
+import "./matbea-ui.es6.js";
+import "./matbea-ui.es37.js";
+import "./matbea-ui.es38.js";
+import "./matbea-ui.es41.js";
 import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es47.js";
+import "./matbea-ui.es12.js";
+import "./matbea-ui.es44.js";
+import "./matbea-ui.es45.js";
 import "./matbea-ui.es48.js";
 import "./matbea-ui.es49.js";
-import { styled as t } from "styled-components";
-const k = t.div`
+import "./matbea-ui.es50.js";
+import "./matbea-ui.es51.js";
+import t from "styled-components";
+const x = t.div`
   display: grid;
-  grid-template-columns: auto 1fr;
-  row-gap: 12px;
-  column-gap: 10px;
+  grid-template-columns: ${({ $longname: r, $shortname: o, $network: m, $icon: i }) => `
+    ${i ? "auto" : ""}
+    ${r || m ? "1fr" : ""}
+    ${o ? "auto" : ""}
+  `};
+  grid-template-areas: ${({ $network: r, $icon: o }) => `
+  "${o ? "icon " : ""}longname shortname"
+    ${r ? `"${o ? "." : ""} network ."` : ""}
+  `};
   width: 100%;
-  background: #f5f5f5;
-  border-radius: 10px;
-  padding: 18px 24px;
-  ${({ theme: r }) => r.media.maxWidth.tablet} {
-    grid-template-columns: 1fr 1fr;
-    padding: 18px 20px;
-  }
-  ${({ theme: r }) => r.media.maxWidth.mobile} {
-    padding: 16px 14px;
-    grid-template-columns: auto;
-    row-gap: 8px;
-    & > *:not(:nth-child(2n)) {
-      margin-top: 4px;
-    }
-  }
-`, q = t(o).attrs({
-  variant: "body-m",
-  forwardedAs: "p"
+  column-gap: 10px;
+  align-items: center;
+`, G = t(a).attrs({
+  variant: "body-m-bold"
 })`
   color: ${({ theme: r }) => r.colors.primary.darkBlue};
-`, v = t(o).attrs({
-  variant: "body-m-bold",
-  forwardedAs: "p"
+  grid-area: longname;
+`, S = t(a).attrs({
+  variant: "body-m"
 })`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  color: ${({ theme: r }) => r.colors.primary.darkBlue};
+  color: ${({ theme: r }) => r.colors.gray.darkGray};
+  grid-area: shortname;
+`, B = t(a).attrs({
+  variant: "body-s"
+})`
+  color: ${({ theme: r }) => r.colors.gray.darkGray2};
+  grid-area: network;
 `;
 export {
-  q as RequisitesItemLabel,
-  v as RequisitesItemValue,
-  k as RequisitesStyled
+  G as CurrencyNameLongname,
+  B as CurrencyNameNetwork,
+  S as CurrencyNameShortname,
+  x as CurrencyNameStyled
 };

package/dist/matbea-ui.es61.js

@@ -1,21 +1,57 @@
-import { j as r } from "./matbea-ui.es28.js";
-import { copyToClipboard as c } from "./matbea-ui.es27.js";
-import { useState as m, useRef as p, useEffect as u } from "react";
-import { CopyButtonStyled as f } from "./matbea-ui.es67.js";
-import { CheckIcon as l } from "./matbea-ui.es68.js";
-import { CopyIcon as a } from "./matbea-ui.es69.js";
-const k = ({ text: s, size: e = 18 }) => {
-  const [o, n] = m(!1), t = p(null);
-  u(() => (o && (t.current = setTimeout(() => {
-    n(!1);
-  }, 1500)), () => {
-    t.current && clearTimeout(t.current);
-  }), [o]);
-  const i = async () => {
-    await c(s), n(!0);
-  };
-  return /* @__PURE__ */ r.jsx(f, { onClick: i, children: o ? /* @__PURE__ */ r.jsx(l, { size: e }) : /* @__PURE__ */ r.jsx(a, { size: e }) });
-};
+import "./matbea-ui.es30.js";
+import "./matbea-ui.es31.js";
+import "react";
+import "./matbea-ui.es32.js";
+import { Typography as o } from "./matbea-ui.es4.js";
+import "./matbea-ui.es35.js";
+import "./matbea-ui.es6.js";
+import "./matbea-ui.es37.js";
+import "./matbea-ui.es38.js";
+import "./matbea-ui.es41.js";
+import "./matbea-ui.es42.js";
+import "./matbea-ui.es12.js";
+import "./matbea-ui.es44.js";
+import "./matbea-ui.es45.js";
+import "./matbea-ui.es48.js";
+import "./matbea-ui.es49.js";
+import "./matbea-ui.es50.js";
+import "./matbea-ui.es51.js";
+import { styled as t } from "styled-components";
+const h = t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 16px;
+  background: ${({ theme: r }) => r.colors.gray.lightBlueGray};
+  border-radius: 10px;
+  gap: 14px;
+`, B = t.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 0px;
+  gap: 10px;
+  width: 100%;
+`, k = t.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 0px;
+  width: 100%;
+`, w = t(o).attrs({
+  variant: "body-s"
+})`
+  color: ${({ theme: r }) => r.colors.gray.darkGray};
+`, $ = t(o).attrs({
+  variant: "body-m-bold"
+})`
+  color: ${({ theme: r }) => r.colors.primary.darkBlue};
+`;
 export {
-  k as CopyButton
+  $ as CurrencyRateAmount,
+  B as CurrencyRateBody,
+  k as CurrencyRateBox,
+  h as CurrencyRateCard,
+  w as CurrencyRatePriceLabel
 };

package/dist/matbea-ui.es62.js

@@ -1,34 +1,59 @@
-import { Typography as r } from "./matbea-ui.es4.js";
-import { styled as a } from "styled-components";
-const e = a.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
+import "./matbea-ui.es30.js";
+import "./matbea-ui.es31.js";
+import "react";
+import "./matbea-ui.es32.js";
+import { Typography as o } from "./matbea-ui.es4.js";
+import "./matbea-ui.es35.js";
+import "./matbea-ui.es6.js";
+import "./matbea-ui.es37.js";
+import "./matbea-ui.es38.js";
+import "./matbea-ui.es41.js";
+import "./matbea-ui.es42.js";
+import "./matbea-ui.es12.js";
+import "./matbea-ui.es44.js";
+import "./matbea-ui.es45.js";
+import "./matbea-ui.es48.js";
+import "./matbea-ui.es49.js";
+import "./matbea-ui.es50.js";
+import "./matbea-ui.es51.js";
+import { styled as t } from "styled-components";
+const k = t.div`
+  display: grid;
+  grid-template-columns: auto 1fr;
+  row-gap: 12px;
+  column-gap: 10px;
   width: 100%;
-  justify-content: space-between;
-`, n = a(r).attrs({
-  forwardedAs: "p",
-  variant: "body-m-semibold"
+  background: #f5f5f5;
+  border-radius: 10px;
+  padding: 18px 24px;
+  ${({ theme: r }) => r.media.maxWidth.tablet} {
+    grid-template-columns: 1fr 1fr;
+    padding: 18px 20px;
+  }
+  ${({ theme: r }) => r.media.maxWidth.mobile} {
+    padding: 16px 14px;
+    grid-template-columns: auto;
+    row-gap: 8px;
+    & > *:not(:nth-child(2n)) {
+      margin-top: 4px;
+    }
+  }
+`, q = t(o).attrs({
+  variant: "body-m",
+  forwardedAs: "p"
+})`
+  color: ${({ theme: r }) => r.colors.primary.darkBlue};
+`, v = t(o).attrs({
+  variant: "body-m-bold",
+  forwardedAs: "p"
 })`
-  margin: 0;
-  flex: 1 1 auto;
-  color: ${({ theme: t }) => t.colors.gray.darkGray};
-`, i = a.div`
   display: flex;
-  align-items: center;
   gap: 8px;
-  flex: 1 1 auto;
-`, l = a(r).attrs({
-  forwardedAs: "p",
-  variant: "body-s-semibold"
-})`
-  margin: 0;
-  color: ${({ theme: t }) => t.colors.primary.darkBlue};
+  align-items: center;
+  color: ${({ theme: r }) => r.colors.primary.darkBlue};
 `;
 export {
-  i as TransactionStatusContent,
-  n as TransactionStatusLabel,
-  e as TransactionStatusStyled,
-  l as TransactionStatusValue
+  q as RequisitesItemLabel,
+  v as RequisitesItemValue,
+  k as RequisitesStyled
 };

package/dist/matbea-ui.es63.js

@@ -1,10 +1,21 @@
-import { __module as e } from "./matbea-ui.es64.js";
-import { __require as t } from "./matbea-ui.es65.js";
-import { __require as i } from "./matbea-ui.es66.js";
-var r;
-function m() {
-  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = i(), e.exports);
-}
+import { j as r } from "./matbea-ui.es30.js";
+import { copyToClipboard as c } from "./matbea-ui.es27.js";
+import { useState as m, useRef as p, useEffect as u } from "react";
+import { CopyButtonStyled as f } from "./matbea-ui.es69.js";
+import { CheckIcon as l } from "./matbea-ui.es70.js";
+import { CopyIcon as a } from "./matbea-ui.es71.js";
+const k = ({ text: s, size: e = 18 }) => {
+  const [o, n] = m(!1), t = p(null);
+  u(() => (o && (t.current = setTimeout(() => {
+    n(!1);
+  }, 1500)), () => {
+    t.current && clearTimeout(t.current);
+  }), [o]);
+  const i = async () => {
+    await c(s), n(!0);
+  };
+  return /* @__PURE__ */ r.jsx(f, { onClick: i, children: o ? /* @__PURE__ */ r.jsx(l, { size: e }) : /* @__PURE__ */ r.jsx(a, { size: e }) });
+};
 export {
-  m as __require
+  k as CopyButton
 };

package/dist/matbea-ui.es64.js

@@ -1,4 +1,34 @@
-var e = { exports: {} };
+import { Typography as r } from "./matbea-ui.es4.js";
+import { styled as a } from "styled-components";
+const e = a.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
+  width: 100%;
+  justify-content: space-between;
+`, n = a(r).attrs({
+  forwardedAs: "p",
+  variant: "body-m-semibold"
+})`
+  margin: 0;
+  flex: 1 1 auto;
+  color: ${({ theme: t }) => t.colors.gray.darkGray};
+`, i = a.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1 1 auto;
+`, l = a(r).attrs({
+  forwardedAs: "p",
+  variant: "body-s-semibold"
+})`
+  margin: 0;
+  color: ${({ theme: t }) => t.colors.primary.darkBlue};
+`;
 export {
-  e as __module
+  i as TransactionStatusContent,
+  n as TransactionStatusLabel,
+  e as TransactionStatusStyled,
+  l as TransactionStatusValue
 };

package/dist/matbea-ui.es65.js

@@ -1,26 +1,10 @@
-import { __exports as e } from "./matbea-ui.es70.js";
-var s;
-function a() {
-  if (s) return e;
-  s = 1;
-  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
-  function o(l, r, t) {
-    var u = null;
-    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
-      t = {};
-      for (var n in r)
-        n !== "key" && (t[n] = r[n]);
-    } else t = r;
-    return r = t.ref, {
-      $$typeof: i,
-      type: l,
-      key: u,
-      ref: r !== void 0 ? r : null,
-      props: t
-    };
-  }
-  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
+import { __module as e } from "./matbea-ui.es66.js";
+import { __require as t } from "./matbea-ui.es67.js";
+import { __require as i } from "./matbea-ui.es68.js";
+var r;
+function m() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = t() : e.exports = i(), e.exports);
 }
 export {
-  a as __require
+  m as __require
 };

package/dist/matbea-ui.es66.js

@@ -1,236 +1,4 @@
-import { __exports as s } from "./matbea-ui.es71.js";
-import J from "react";
-var j;
-function Z() {
-  return j ? s : (j = 1, process.env.NODE_ENV !== "production" && (function() {
-    function l(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === G ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case f:
-          return "Fragment";
-        case F:
-          return "Profiler";
-        case D:
-          return "StrictMode";
-        case M:
-          return "Suspense";
-        case z:
-          return "SuspenseList";
-        case q:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case $:
-            return "Portal";
-          case L:
-            return e.displayName || "Context";
-          case W:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case U:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case V:
-            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
-          case m:
-            r = e._payload, e = e._init;
-            try {
-              return l(e(r));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function R(e) {
-      return "" + e;
-    }
-    function T(e) {
-      try {
-        R(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        var t = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), R(e);
-      }
-    }
-    function i(e) {
-      if (e === f) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === m)
-        return "<...>";
-      try {
-        var r = l(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function N() {
-      var e = _.A;
-      return e === null ? null : e.getOwner();
-    }
-    function p() {
-      return Error("react-stack-top-frame");
-    }
-    function C(e) {
-      if (y.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function x(e, r) {
-      function t() {
-        A || (A = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
-        configurable: !0
-      });
-    }
-    function Y() {
-      var e = l(this.type);
-      return S[e] || (S[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function I(e, r, t, a, u, b) {
-      var n = t.ref;
-      return e = {
-        $$typeof: g,
-        type: e,
-        key: r,
-        props: t,
-        _owner: a
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: Y
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: u
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: b
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function v(e, r, t, a, u, b) {
-      var n = r.children;
-      if (n !== void 0)
-        if (a)
-          if (X(n)) {
-            for (a = 0; a < n.length; a++)
-              O(n[a]);
-            Object.freeze && Object.freeze(n);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else O(n);
-      if (y.call(r, "key")) {
-        n = l(e);
-        var o = Object.keys(r).filter(function(K) {
-          return K !== "key";
-        });
-        a = 0 < o.length ? "{key: someKey, " + o.join(": ..., ") + ": ...}" : "{key: someKey}", h[n + a] || (o = 0 < o.length ? "{" + o.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          a,
-          n,
-          o,
-          n
-        ), h[n + a] = !0);
-      }
-      if (n = null, t !== void 0 && (T(t), n = "" + t), C(r) && (T(r.key), n = "" + r.key), "key" in r) {
-        t = {};
-        for (var E in r)
-          E !== "key" && (t[E] = r[E]);
-      } else t = r;
-      return n && x(
-        t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), I(
-        e,
-        n,
-        t,
-        N(),
-        u,
-        b
-      );
-    }
-    function O(e) {
-      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === m && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function k(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
-    }
-    var c = J, g = Symbol.for("react.transitional.element"), $ = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), L = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), _ = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, X = Array.isArray, d = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    c = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var A, S = {}, w = c.react_stack_bottom_frame.bind(
-      c,
-      p
-    )(), P = d(i(p)), h = {};
-    s.Fragment = f, s.jsx = function(e, r, t) {
-      var a = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return v(
-        e,
-        r,
-        t,
-        !1,
-        a ? Error("react-stack-top-frame") : w,
-        a ? d(i(e)) : P
-      );
-    }, s.jsxs = function(e, r, t) {
-      var a = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return v(
-        e,
-        r,
-        t,
-        !0,
-        a ? Error("react-stack-top-frame") : w,
-        a ? d(i(e)) : P
-      );
-    };
-  })(), s);
-}
+var e = { exports: {} };
 export {
-  Z as __require
+  e as __module
 };

package/dist/matbea-ui.es67.js

@@ -1,10 +1,26 @@
-import { styled as o } from "styled-components";
-const t = o.button`
-  border: none;
-  background: none;
-  cursor: pointer;
-  padding: 0;
-`;
+import { __exports as e } from "./matbea-ui.es72.js";
+var s;
+function a() {
+  if (s) return e;
+  s = 1;
+  var i = Symbol.for("react.transitional.element"), _ = Symbol.for("react.fragment");
+  function o(l, r, t) {
+    var u = null;
+    if (t !== void 0 && (u = "" + t), r.key !== void 0 && (u = "" + r.key), "key" in r) {
+      t = {};
+      for (var n in r)
+        n !== "key" && (t[n] = r[n]);
+    } else t = r;
+    return r = t.ref, {
+      $$typeof: i,
+      type: l,
+      key: u,
+      ref: r !== void 0 ? r : null,
+      props: t
+    };
+  }
+  return e.Fragment = _, e.jsx = o, e.jsxs = o, e;
+}
 export {
-  t as CopyButtonStyled
+  a as __require
 };