@matbea-ui/matbea-ui 0.1.1 → 0.1.3

package/dist/matbea-ui.es53.js

@@ -0,0 +1,12 @@
+import { j as o } from "./matbea-ui.es28.js";
+import { Icon as r } from "./matbea-ui.es72.js";
+const s = (C) => /* @__PURE__ */ o.jsx(r, { ...C, viewBox: "0 0 18 18", children: /* @__PURE__ */ o.jsx(
+  "path",
+  {
+    d: "M9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9C16.4954 13.1402 13.1402 16.4954 9 16.5ZM9 3C5.68629 3 3 5.68629 3 9C3 12.3137 5.68629 15 9 15C12.3137 15 15 12.3137 15 9C14.9963 5.68783 12.3122 3.00372 9 3ZM12.75 9.75H8.25V5.25H9.75V8.25H12.75V9.75Z",
+    fill: "#9296A5"
+  }
+) });
+export {
+  s as ClockIcon
+};

package/dist/matbea-ui.es54.js

@@ -0,0 +1,12 @@
+import { j as o } from "./matbea-ui.es28.js";
+import { Icon as l } from "./matbea-ui.es72.js";
+const c = (s) => /* @__PURE__ */ o.jsx(l, { ...s, viewBox: "0 0 18 18", children: /* @__PURE__ */ o.jsx(
+  "path",
+  {
+    d: "M9 16.5C4.85975 16.4954 1.50454 13.1402 1.5 9.00001V8.85001C1.58245 4.72841 4.97594 1.44598 9.09803 1.50067C13.2201 1.55537 16.5253 4.92668 16.4984 9.04899C16.4714 13.1714 13.1224 16.4992 9 16.5ZM5.5575 8.69251L4.5 9.75001L7.5 12.75L13.5 6.75001L12.4425 5.68501L7.5 10.6275L5.5575 8.69251Z",
+    fill: "#1CD850"
+  }
+) });
+export {
+  c as SuccessfullSmallIcon
+};

package/dist/matbea-ui.es55.js

@@ -0,0 +1,15 @@
+import { j as o } from "./matbea-ui.es28.js";
+import { Icon as r } from "./matbea-ui.es72.js";
+const n = (i) => /* @__PURE__ */ o.jsxs(r, { ...i, viewBox: "0 0 18 18", children: [
+  /* @__PURE__ */ o.jsx(
+    "path",
+    {
+      d: "M15.9495 15.7485H2.04978C1.78184 15.7485 1.53426 15.6056 1.40028 15.3735C1.26631 15.1415 1.26631 14.8556 1.40028 14.6235L8.3498 2.62349C8.4839 2.39183 8.73125 2.24918 8.99892 2.24918C9.2666 2.24918 9.51395 2.39183 9.64805 2.62349L16.5975 14.6235C16.7314 14.8554 16.7315 15.1412 16.5977 15.3731C16.464 15.6052 16.2166 15.7482 15.9488 15.7485H15.9495ZM9.00005 4.49849L3.35178 14.2485H14.6498L9.00005 4.49849ZM9.7463 11.2493H8.2463V7.49849H9.7463V11.2493Z",
+      fill: "#FFA63E"
+    }
+  ),
+  /* @__PURE__ */ o.jsx("path", { d: "M8.25 12H9.75V13.5H8.25V12Z", fill: "#FFA63E" })
+] });
+export {
+  n as WarningIcon
+};

package/dist/matbea-ui.es56.js

@@ -0,0 +1,74 @@
+import "./matbea-ui.es28.js";
+import "./matbea-ui.es29.js";
+import "react";
+import "./matbea-ui.es30.js";
+import { Typography as i } from "./matbea-ui.es4.js";
+import "./matbea-ui.es33.js";
+import "./matbea-ui.es6.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.es42.js";
+import "./matbea-ui.es43.js";
+import "./matbea-ui.es46.js";
+import "./matbea-ui.es47.js";
+import "./matbea-ui.es48.js";
+import "./matbea-ui.es49.js";
+import { styled as t } from "styled-components";
+const S = t.div`
+  display: flex;
+  column-gap: 10px;
+  row-gap: 12px;
+  width: 100%;
+  flex: 1;
+  flex-direction: column;
+  ${({ theme: o }) => o.media.maxWidth.tablet} {
+    flex-direction: row;
+    justify-content: space-between;
+  }
+  ${({ theme: o }) => o.media.maxWidth.mobile} {
+    flex-direction: column;
+  }
+`, v = t(i).attrs({
+  forwardedAs: "p",
+  variant: "body-s-semibold"
+})`
+  margin: 0;
+  white-space: nowrap;
+  color: ${({ theme: o }) => o.colors.gray.darkGray};
+`, k = t.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 100%;
+`, W = t(i).attrs({
+  forwardedAs: "p",
+  variant: "body-m-semibold"
+})`
+  white-space: nowrap;
+  margin: 0;
+  ${({ $type: o, theme: r }) => {
+  switch (o) {
+    case "success":
+      return `
+          color: ${r.colors.accent.green};
+        `;
+    case "pending":
+      return `
+          color: ${r.colors.primary.darkBlue};
+        `;
+    case "warning":
+      return `
+          color: ${r.colors.accent.orange};
+        `;
+  }
+}}
+`;
+export {
+  k as ApplicationStatusContent,
+  v as ApplicationStatusLabel,
+  S as ApplicationStatusStyled,
+  W as ApplicationStatusValue
+};

package/dist/matbea-ui.es57.js

@@ -0,0 +1,17 @@
+import { styled as o } from "styled-components";
+const r = o.tr`
+  position: relative;
+`, l = o.td`
+  padding: 14px 16px;
+  border-collapse: separate;
+  border-spacing: 0;
+  white-space: nowrap;
+  background: ${({ theme: a }) => a.colors.gray.lightBlueGray};
+`, t = o.td`
+  background: ${({ theme: a }) => a.colors.gray.lightBlueGray};
+`;
+export {
+  l as BalanceCell,
+  t as BalanceCellActions,
+  r as BalanceRowStyled
+};

package/dist/matbea-ui.es58.js

@@ -0,0 +1,55 @@
+import "./matbea-ui.es28.js";
+import "./matbea-ui.es29.js";
+import "react";
+import "./matbea-ui.es30.js";
+import { Typography as a } from "./matbea-ui.es4.js";
+import "./matbea-ui.es33.js";
+import "./matbea-ui.es6.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.es42.js";
+import "./matbea-ui.es43.js";
+import "./matbea-ui.es46.js";
+import "./matbea-ui.es47.js";
+import "./matbea-ui.es48.js";
+import "./matbea-ui.es49.js";
+import t from "styled-components";
+const x = t.div`
+  display: grid;
+  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%;
+  column-gap: 10px;
+  align-items: center;
+`, G = t(a).attrs({
+  variant: "body-m-bold"
+})`
+  color: ${({ theme: r }) => r.colors.primary.darkBlue};
+  grid-area: longname;
+`, S = t(a).attrs({
+  variant: "body-m"
+})`
+  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 {
+  G as CurrencyNameLongname,
+  B as CurrencyNameNetwork,
+  S as CurrencyNameShortname,
+  x as CurrencyNameStyled
+};

package/dist/matbea-ui.es59.js

@@ -0,0 +1,57 @@
+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.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.es42.js";
+import "./matbea-ui.es43.js";
+import "./matbea-ui.es46.js";
+import "./matbea-ui.es47.js";
+import "./matbea-ui.es48.js";
+import "./matbea-ui.es49.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 {
+  $ as CurrencyRateAmount,
+  B as CurrencyRateBody,
+  k as CurrencyRateBox,
+  h as CurrencyRateCard,
+  w as CurrencyRatePriceLabel
+};

package/dist/matbea-ui.es6.js

@@ -0,0 +1,62 @@
+import { j as e } from "./matbea-ui.es28.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";
+const A = v(
+  ({
+    value: i,
+    defaultValue: c,
+    placeholder: x = "Text",
+    label: t,
+    error: r,
+    disabled: o = !1,
+    icon: n,
+    action: a,
+    name: u,
+    type: h = "text",
+    onChange: f,
+    onFocus: j,
+    onBlur: p,
+    className: m
+  }, F) => {
+    const [E, d] = I(!1), l = !!r, T = (s) => {
+      d(!0), j?.(s);
+    }, B = (s) => {
+      d(!1), p?.(s);
+    };
+    return /* @__PURE__ */ e.jsxs(L, { className: m, children: [
+      t && /* @__PURE__ */ e.jsx(R, { children: t }),
+      /* @__PURE__ */ e.jsxs(
+        S,
+        {
+          $hasError: l,
+          $disabled: o,
+          "data-state": l ? "error" : E ? "active" : void 0,
+          children: [
+            n && /* @__PURE__ */ e.jsx($, { children: n }),
+            /* @__PURE__ */ e.jsx(
+              g,
+              {
+                ref: F,
+                type: h,
+                name: u,
+                value: i,
+                defaultValue: c,
+                placeholder: x,
+                disabled: o,
+                onChange: f,
+                onFocus: T,
+                onBlur: B
+              }
+            ),
+            a && /* @__PURE__ */ e.jsx(w, { children: a })
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ e.jsx(y, { children: r })
+    ] });
+  }
+);
+A.displayName = "TextField";
+export {
+  A as TextField
+};

package/dist/matbea-ui.es60.js

@@ -0,0 +1,59 @@
+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.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.es42.js";
+import "./matbea-ui.es43.js";
+import "./matbea-ui.es46.js";
+import "./matbea-ui.es47.js";
+import "./matbea-ui.es48.js";
+import "./matbea-ui.es49.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%;
+  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"
+})`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  color: ${({ theme: r }) => r.colors.primary.darkBlue};
+`;
+export {
+  q as RequisitesItemLabel,
+  v as RequisitesItemValue,
+  k as RequisitesStyled
+};

package/dist/matbea-ui.es61.js

@@ -0,0 +1,21 @@
+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 }) });
+};
+export {
+  k as CopyButton
+};

package/dist/matbea-ui.es62.js

@@ -0,0 +1,34 @@
+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 {
+  i as TransactionStatusContent,
+  n as TransactionStatusLabel,
+  e as TransactionStatusStyled,
+  l as TransactionStatusValue
+};

package/dist/matbea-ui.es63.js

@@ -0,0 +1,10 @@
+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);
+}
+export {
+  m as __require
+};

package/dist/matbea-ui.es64.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/matbea-ui.es65.js

@@ -0,0 +1,26 @@
+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;
+}
+export {
+  a as __require
+};