@matbea-ui/matbea-ui 0.1.9 → 0.2.0-dev.145135

package/dist/matbea-ui.es56.js

@@ -1,62 +0,0 @@
-import { css as d, styled as a } from "styled-components";
-const e = a.div`
-  display: flex;
-  width: fit-content;
-  align-items: center;
-  gap: 22px;
-  ${({ $variant: i }) => {
-  switch (i) {
-    case "secondary":
-      return d`
-          padding: 24px;
-          background: #f5f5f5;
-        `;
-    case "primary":
-    default:
-      return d`
-          padding: 24px 20px;
-          background: ${({ theme: t }) => t.colors.primary.white};
-          border: 1px solid ${({ theme: t }) => t.colors.gray.lightGray2};
-        `;
-  }
-}}
-
-  border-radius: 6px;
-  ${({ theme: i }) => i.media.maxWidth.tablet} {
-    width: 100%;
-    flex-direction: column;
-    gap: 18px;
-    padding: 18px 20px;
-  }
-  ${({ theme: i }) => i.media.maxWidth.mobile} {
-    flex-direction: column;
-    gap: 16px;
-    padding: 16px 20px;
-  }
-`, n = a.div`
-  display: flex;
-  gap: 56px;
-  width: fit-content;
-  ${({ theme: i }) => i.media.maxWidth.tablet} {
-    width: 100%;
-    flex-direction: column;
-    gap: 12px;
-  }
-  ${({ theme: i }) => i.media.maxWidth.mobile} {
-    flex-direction: column;
-    gap: 8px;
-  }
-`, o = a.div`
-  display: flex;
-  gap: 22px;
-  width: fit-content;
-  ${({ theme: i }) => i.media.maxWidth.tablet} {
-    width: 100%;
-    gap: 20px;
-  }
-`;
-export {
-  o as ApplicationDataActions,
-  n as ApplicationInfoDataContainer,
-  e as ApplicationInfoStyled
-};

package/dist/matbea-ui.es57.js

@@ -1,12 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as r } from "./matbea-ui.es53.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.es58.js

@@ -1,12 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as l } from "./matbea-ui.es53.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.es59.js

@@ -1,15 +0,0 @@
-import { j as o } from "./matbea-ui.es31.js";
-import { Icon as r } from "./matbea-ui.es53.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.es6.js

@@ -1,62 +0,0 @@
-import { j as e } from "./matbea-ui.es31.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.es37.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

@@ -1,74 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as i } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.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.es61.js

@@ -1,17 +0,0 @@
-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.es62.js

@@ -1,55 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as a } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.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.es63.js

@@ -1,57 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as o } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.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.es64.js

@@ -1,59 +0,0 @@
-import "./matbea-ui.es31.js";
-import "./matbea-ui.es32.js";
-import "react";
-import "./matbea-ui.es33.js";
-import { Typography as o } from "./matbea-ui.es4.js";
-import "./matbea-ui.es36.js";
-import "./matbea-ui.es6.js";
-import "./matbea-ui.es38.js";
-import "./matbea-ui.es39.js";
-import "./matbea-ui.es42.js";
-import "./matbea-ui.es43.js";
-import "./matbea-ui.es12.js";
-import "./matbea-ui.es45.js";
-import "./matbea-ui.es46.js";
-import "./matbea-ui.es49.js";
-import "./matbea-ui.es50.js";
-import "./matbea-ui.es51.js";
-import "./matbea-ui.es52.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.es65.js

@@ -1,21 +0,0 @@
-import { j as r } from "./matbea-ui.es31.js";
-import { copyToClipboard as c } from "./matbea-ui.es28.js";
-import { useState as m, useRef as p, useEffect as u } from "react";
-import { CopyButtonStyled as f } from "./matbea-ui.es71.js";
-import { CheckIcon as l } from "./matbea-ui.es72.js";
-import { CopyIcon as a } from "./matbea-ui.es73.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.es66.js

@@ -1,34 +0,0 @@
-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.es67.js

@@ -1,10 +0,0 @@
-import { __module as e } from "./matbea-ui.es68.js";
-import { __require as t } from "./matbea-ui.es69.js";
-import { __require as i } from "./matbea-ui.es70.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.es68.js

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

package/dist/matbea-ui.es69.js

@@ -1,26 +0,0 @@
-import { __exports as e } from "./matbea-ui.es74.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
-};

package/dist/matbea-ui.es7.js

@@ -1,5 +0,0 @@
-import { ContainerStyled as o } from "./matbea-ui.es38.js";
-const n = o;
-export {
-  n as Container
-};