@matbea-ui/matbea-ui 0.1.6 → 0.1.9

package/dist/matbea-ui.es55.js

@@ -1,12 +1,58 @@
-import { j as o } from "./matbea-ui.es30.js";
-import { Icon as r } from "./matbea-ui.es74.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"
+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 o } from "styled-components";
+const $ = o.div`
+  display: flex;
+  column-gap: 10px;
+  row-gap: 12px;
+  width: 100%;
+  flex: 1;
+  flex-direction: column;
+  ${({ theme: t }) => t.media.maxWidth.tablet} {
+    flex-direction: row;
+    justify-content: space-between;
   }
-) });
+  ${({ theme: t }) => t.media.maxWidth.mobile} {
+    flex-direction: column;
+  }
+`, v = o(i).attrs({
+  forwardedAs: "p",
+  variant: "body-s-semibold"
+})`
+  white-space: nowrap;
+  color: ${({ theme: t }) => t.colors.gray.darkGray};
+`, D = o.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 100%;
+`, k = o(i).attrs({
+  forwardedAs: "p",
+  variant: "body-m-semibold"
+})`
+  margin: 0;
+  white-space: nowrap;
+  color: ${({ theme: t }) => `${t.colors.primary.darkBlue}`};
+`;
 export {
-  s as ClockIcon
+  D as ApplicationDataContent,
+  v as ApplicationDataLabel,
+  $ as ApplicationDataStyled,
+  k as ApplicationDataValue
 };

package/dist/matbea-ui.es56.js

@@ -1,12 +1,62 @@
-import { j as o } from "./matbea-ui.es30.js";
-import { Icon as l } from "./matbea-ui.es74.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"
-  }
-) });
+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 {
-  c as SuccessfullSmallIcon
+  o as ApplicationDataActions,
+  n as ApplicationInfoDataContainer,
+  e as ApplicationInfoStyled
 };

package/dist/matbea-ui.es57.js

@@ -1,15 +1,12 @@
-import { j as o } from "./matbea-ui.es30.js";
-import { Icon as r } from "./matbea-ui.es74.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" })
-] });
+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 {
-  n as WarningIcon
+  s as ClockIcon
 };

package/dist/matbea-ui.es58.js

@@ -1,74 +1,12 @@
-import "./matbea-ui.es30.js";
-import "./matbea-ui.es31.js";
-import "react";
-import "./matbea-ui.es32.js";
-import { Typography as i } 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 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;
+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"
   }
-  ${({ 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
+  c as SuccessfullSmallIcon
 };

package/dist/matbea-ui.es59.js

@@ -1,17 +1,15 @@
-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};
-`;
+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 {
-  l as BalanceCell,
-  t as BalanceCellActions,
-  r as BalanceRowStyled
+  n as WarningIcon
 };

package/dist/matbea-ui.es6.js

@@ -1,6 +1,6 @@
-import { j as e } from "./matbea-ui.es30.js";
+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.es36.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.es37.js";
 const A = v(
   ({
     value: i,

package/dist/matbea-ui.es60.js

@@ -1,55 +1,74 @@
-import "./matbea-ui.es30.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 "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.es37.js";
 import "./matbea-ui.es38.js";
-import "./matbea-ui.es41.js";
+import "./matbea-ui.es39.js";
 import "./matbea-ui.es42.js";
+import "./matbea-ui.es43.js";
 import "./matbea-ui.es12.js";
-import "./matbea-ui.es44.js";
 import "./matbea-ui.es45.js";
-import "./matbea-ui.es48.js";
+import "./matbea-ui.es46.js";
 import "./matbea-ui.es49.js";
 import "./matbea-ui.es50.js";
 import "./matbea-ui.es51.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%;
+import "./matbea-ui.es52.js";
+import { styled as t } from "styled-components";
+const S = t.div`
+  display: flex;
   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"
+  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"
 })`
-  color: ${({ theme: r }) => r.colors.gray.darkGray};
-  grid-area: shortname;
-`, B = t(a).attrs({
-  variant: "body-s"
+  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"
 })`
-  color: ${({ theme: r }) => r.colors.gray.darkGray2};
-  grid-area: network;
+  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 {
-  G as CurrencyNameLongname,
-  B as CurrencyNameNetwork,
-  S as CurrencyNameShortname,
-  x as CurrencyNameStyled
+  k as ApplicationStatusContent,
+  v as ApplicationStatusLabel,
+  S as ApplicationStatusStyled,
+  W as ApplicationStatusValue
 };

package/dist/matbea-ui.es61.js

@@ -1,57 +1,17 @@
-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};
+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 {
-  $ as CurrencyRateAmount,
-  B as CurrencyRateBody,
-  k as CurrencyRateBox,
-  h as CurrencyRateCard,
-  w as CurrencyRatePriceLabel
+  l as BalanceCell,
+  t as BalanceCellActions,
+  r as BalanceRowStyled
 };

package/dist/matbea-ui.es62.js

@@ -1,59 +1,55 @@
-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 "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.es37.js";
 import "./matbea-ui.es38.js";
-import "./matbea-ui.es41.js";
+import "./matbea-ui.es39.js";
 import "./matbea-ui.es42.js";
+import "./matbea-ui.es43.js";
 import "./matbea-ui.es12.js";
-import "./matbea-ui.es44.js";
 import "./matbea-ui.es45.js";
-import "./matbea-ui.es48.js";
+import "./matbea-ui.es46.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`
+import "./matbea-ui.es52.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.es63.js

@@ -1,21 +1,57 @@
-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 }) });
-};
+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 {
-  k as CopyButton
+  $ as CurrencyRateAmount,
+  B as CurrencyRateBody,
+  k as CurrencyRateBox,
+  h as CurrencyRateCard,
+  w as CurrencyRatePriceLabel
 };