@mintmoney/react 0.1.0-alpha-1 → 0.1.0-alpha.11

package/dist/esm/components/icons/checkMark.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from "styled-components";
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg`
+  stroke: ${({ color }) => color};
+  width: ${({ width }) => width}px;
+  height: ${({ height }) => height}px;
+  cursor: pointer;
+  transition: stroke 0.2s ease-in-out;
+
+  &:hover {
+    stroke: ${({ color }) => color}CC; /* Slight transparency on hover */
+  }
+`;
+const CheckMarkIcon = ({ size = 20 }) => {
+  const { theme } = useMintMoneyConfig();
+  return _jsx(StyledSvg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: theme.icon.check.strokeColor,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    color: theme.icon.check.color,
+    children: _jsx("polyline", { points: "20 6 9 17 4 12" }),
+  });
+};
+export { CheckMarkIcon };
+//# sourceMappingURL=checkMark.js.map

package/dist/esm/components/icons/checkMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkMark.js","sourceRoot":"","sources":["../../../../src/components/icons/checkMark.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAsB,EAAE,EAAE;IAC1D,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,YAE7B,mBAAU,MAAM,EAAC,gBAAgB,GAAY,GACnC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/icons/close.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from "styled-components";
-import { useMintMoneyConfig } from "@mintmoney/react";
-const StyledSvg = styled.svg `
+import { useMintMoneyConfig } from "../../context.js";
+const StyledSvg = styled.svg`
   stroke: ${({ color }) => color};
   width: ${({ width }) => width}px;
   height: ${({ height }) => height}px;
@@ -13,8 +13,23 @@ const StyledSvg = styled.svg `
   }
 `;
 const CloseIcon = ({ size = 20 }) => {
-    const { theme } = useMintMoneyConfig();
-    return (_jsxs(StyledSvg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: theme.icon.close.strokeColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", color: theme.icon.close.color, children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
+  const { theme } = useMintMoneyConfig();
+  return _jsxs(StyledSvg, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: theme.icon.close.strokeColor,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    color: theme.icon.close.color,
+    children: [
+      _jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" }),
+    ],
+  });
 };
 export { CloseIcon };
-//# sourceMappingURL=close.js.map
+//# sourceMappingURL=close.js.map

package/dist/esm/components/icons/close.js.map

@@ -1 +1 @@
-{"version":3,"file":"close.js","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAE7B,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAQ,EAC3C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"close.js","sourceRoot":"","sources":["../../../../src/components/icons/close.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMtD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAmB;YACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;WACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;YACnB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;;;;cAKpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;;CAEjC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAkB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACpC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,aAE7B,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAQ,EAC3C,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IACjC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/icons/index.js

@@ -1,2 +1,3 @@
 export * from "./close.js";
-//# sourceMappingURL=index.js.map
+export * from "./checkMark.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/index.js

@@ -1,4 +1,7 @@
 export * from "./modals/index.js";
 export * from "./icons/index.js";
 export * from "./buttons/index.js";
-//# sourceMappingURL=index.js.map
+export * from "./loading/index.js";
+export * from "./text/index.js";
+export * from "./lists/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/lists/empty.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "../text/index.js";
+export const ListEmpty = ({ content }) => {
+  return _jsx("div", {
+    className: "mm-empty-list__container",
+    children: _jsx(Text, { size: "lg", children: content }),
+  });
+};
+//# sourceMappingURL=empty.js.map

package/dist/esm/components/lists/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../src/components/lists/empty.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YAAG,OAAO,GAAQ,GAC9B,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/lists/index.js

@@ -0,0 +1,54 @@
+import {
+  jsx as _jsx,
+  Fragment as _Fragment,
+  jsxs as _jsxs,
+} from "react/jsx-runtime";
+import { useMintMoneyConfig } from "../../context.js";
+import { StyledButton } from "../buttons/index.js";
+import { Loader } from "../loading/index.js";
+import { Text } from "../text/index.js";
+import { ListEmpty } from "./empty.js";
+const SelectableList = ({
+  title,
+  items,
+  getKey,
+  getLabel,
+  onSelect,
+  loading = false,
+  noItemsMsg = "No options available",
+}) => {
+  const config = useMintMoneyConfig();
+  if (loading) {
+    return _jsx(Loader, { asChild: true });
+  }
+  return _jsxs(_Fragment, {
+    children: [
+      title &&
+        _jsx(Text, {
+          size: "base",
+          color: config.theme.font.color.secondary,
+          weight: "semibold",
+          children: title,
+        }),
+      _jsx("div", {
+        className: "mm-selectable-list__button-group",
+        children:
+          items.length > 0
+            ? items.map((item) =>
+                _jsx(
+                  StyledButton,
+                  {
+                    onClick: () => onSelect(item),
+                    variant: "primary",
+                    children: getLabel(item),
+                  },
+                  getKey(item),
+                ),
+              )
+            : _jsx(ListEmpty, { content: noItemsMsg }),
+      }),
+    ],
+  });
+};
+export { SelectableList, ListEmpty };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/lists/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lists/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYvC,MAAM,cAAc,GAAG,CAAK,EAC1B,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,sBAAsB,GACZ,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;IACnC,CAAC;IAED,OAAO,CACL,8BACG,KAAK,IAAI,CACR,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EACxC,MAAM,EAAE,UAAU,YAEjB,KAAK,GACD,CACR,EACD,cAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,SAAS,YAEjB,QAAQ,CAAC,IAAI,CAAC,IAJV,MAAM,CAAC,IAAI,CAAC,CAKJ,CAChB,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,OAAO,EAAE,UAAU,GAAI,CACnC,GACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/loading/index.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMintMoneyConfig } from "../../context.js";
+const LoadingSvg = ({ color, width, height }) => {
+  return _jsxs("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 280 280",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      _jsx("path", {
+        d: "M54.2176 109.195C58.1631 100.647 66.7189 95.1726 76.1339 95.1726H85.4871C90.2278 95.1726 93.555 99.8452 92.0042 104.325L80.4361 137.744C79.9302 139.206 79.9302 140.795 80.4361 142.256L92.0042 175.675C93.555 180.155 90.2278 184.828 85.4871 184.828H76.1339C66.7189 184.828 58.1631 179.354 54.2176 170.805L41.3339 142.89C40.4875 141.056 40.4875 138.944 41.3339 137.11L54.2176 109.195Z",
+        fill: color,
+        className: "loading-segment segment-4",
+      }),
+      _jsx("path", {
+        d: "M225.782 170.805C221.837 179.353 213.281 184.828 203.866 184.828L194.513 184.828C189.772 184.828 186.445 180.155 187.996 175.675L199.564 142.256C200.07 140.795 200.07 139.206 199.564 137.744L187.996 104.325C186.445 99.8451 189.772 95.1725 194.513 95.1725L203.866 95.1725C213.281 95.1725 221.837 100.647 225.782 109.195L238.666 137.11C239.512 138.944 239.512 141.056 238.666 142.89L225.782 170.805Z",
+        fill: color,
+        className: "loading-segment segment-2",
+      }),
+      _jsx("path", {
+        d: "M109.195 225.782C100.647 221.837 95.1724 213.281 95.1724 203.866L95.1724 194.513C95.1724 189.772 99.845 186.445 104.325 187.996L137.744 199.564C139.205 200.07 140.794 200.07 142.256 199.564L175.675 187.996C180.155 186.445 184.828 189.772 184.828 194.513L184.828 203.866C184.828 213.281 179.353 221.837 170.805 225.782L142.89 238.666C141.056 239.512 138.944 239.512 137.11 238.666L109.195 225.782Z",
+        fill: color,
+        className: "loading-segment segment-3",
+      }),
+      _jsx("path", {
+        d: "M170.805 54.2176C179.353 58.1631 184.828 66.7189 184.828 76.1339L184.828 85.4871C184.828 90.2278 180.155 93.555 175.675 92.0042L142.256 80.4361C140.795 79.9302 139.206 79.9302 137.744 80.4361L104.325 92.0042C99.8451 93.555 95.1725 90.2278 95.1725 85.4871L95.1725 76.1339C95.1725 66.7188 100.647 58.1631 109.195 54.2176L137.11 41.3339C138.944 40.4875 141.056 40.4875 142.89 41.3339L170.805 54.2176Z",
+        fill: color,
+        className: "loading-segment segment-1",
+      }),
+    ],
+  });
+};
+const Loader = ({ width = 64, height = 64, asChild = false }) => {
+  const config = useMintMoneyConfig();
+  return asChild
+    ? _jsx(LoadingSvg, {
+        color: config.theme.icon.loader.color,
+        width: width,
+        height: height,
+      })
+    : _jsx("div", {
+        className: "loading-container",
+        children: _jsx(LoadingSvg, {
+          color: config.theme.icon.loader.color,
+          width: width,
+          height: height,
+        }),
+      });
+};
+export { Loader };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/loading/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAQtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,MAAM,GAKP,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,+XAA+X,EACjY,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,8YAA8Y,EAChZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,EACF,eACE,CAAC,EAAC,+YAA+Y,EACjZ,IAAI,EAAE,KAAK,EACX,SAAS,EAAC,2BAA2B,GACrC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACrC,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,OAAO,GAAG,KAAK,GAChB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,UAAU,IACT,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/modals/index.js

@@ -1,4 +1,4 @@
 export * from "./modal.js";
 export * from "./modal-with-views.js";
 export * from "./use-modal-with-views.js";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/modals/modal-with-views.js

@@ -1,29 +1,68 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {
+  jsx as _jsx,
+  Fragment as _Fragment,
+  jsxs as _jsxs,
+} from "react/jsx-runtime";
 import { useEffect } from "react";
 import { Modal } from "./modal.js";
-import { ModalWithViewProvider, useModalWithView, } from "./use-modal-with-views.js";
-function ModalWithViewInner({ isOpen, className, onOpenChange, views, initialView, }) {
-    const { currentView, goToView, viewProps } = useModalWithView();
-    const currentViewConfig = views[currentView];
-    if (!currentViewConfig) {
-        throw new Error("No config provided");
+import {
+  ModalWithViewProvider,
+  useModalWithView,
+} from "./use-modal-with-views.js";
+function ModalWithViewInner({
+  isOpen,
+  className,
+  onOpenChange,
+  views,
+  initialView,
+}) {
+  const { currentView, goToView, viewProps } = useModalWithView();
+  const currentViewConfig = views[currentView];
+  if (!currentViewConfig) {
+    throw new Error("No config provided");
+  }
+  useEffect(() => {
+    if (currentView.includes("success") || currentView.includes("error")) {
+      const timer = setTimeout(() => {
+        onOpenChange?.(false);
+        goToView(initialView);
+      }, 2000);
+      return () => clearTimeout(timer);
     }
-    useEffect(() => {
-        if (currentView.includes("success") || currentView.includes("error")) {
-            const timer = setTimeout(() => {
-                onOpenChange?.(false);
-                goToView(initialView);
-            }, 2000);
-            return () => clearTimeout(timer);
-        }
-        return undefined;
-    }, [currentView, onOpenChange, goToView, initialView]);
-    return (_jsx(Modal, { className: className, title: currentViewConfig.title, open: isOpen, onOpenChange: (open) => {
-            onOpenChange?.(open);
-            goToView(initialView);
-        }, children: _jsxs(_Fragment, { children: [currentViewConfig.header && (_jsx("div", { className: "mm-modal-header", children: currentViewConfig.header(viewProps) })), _jsx("div", { className: "mm-modal-body", children: currentViewConfig.content(viewProps) }), currentViewConfig.footer && (_jsx("div", { className: "mm-modal-footer", children: currentViewConfig.footer(viewProps) }))] }) }));
+    return undefined;
+  }, [currentView, onOpenChange, goToView, initialView]);
+  return _jsx(Modal, {
+    className: className,
+    title: currentViewConfig.title,
+    open: isOpen,
+    onOpenChange: (open) => {
+      onOpenChange?.(open);
+      goToView(initialView);
+    },
+    children: _jsxs(_Fragment, {
+      children: [
+        currentViewConfig.header &&
+          _jsx("div", {
+            className: "mm-modal-header",
+            children: currentViewConfig.header(viewProps),
+          }),
+        _jsx("div", {
+          className: "mm-modal-body",
+          children: currentViewConfig.content(viewProps),
+        }),
+        currentViewConfig.footer &&
+          _jsx("div", {
+            className: "mm-modal-footer",
+            children: currentViewConfig.footer(viewProps),
+          }),
+      ],
+    }),
+  });
 }
 export function ModalWithView(props) {
-    return (_jsx(ModalWithViewProvider, { initialView: props.initialView, children: _jsx(ModalWithViewInner, { ...props }) }));
+  return _jsx(ModalWithViewProvider, {
+    initialView: props.initialView,
+    children: _jsx(ModalWithViewInner, { ...props }),
+  });
 }
-//# sourceMappingURL=modal-with-views.js.map
+//# sourceMappingURL=modal-with-views.js.map

package/dist/esm/components/modals/modal-with-views.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAuBnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,GACQ;IACnB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC,YAED,8BAEG,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,EAGD,cAAK,SAAS,EAAC,eAAe,YAC3B,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,GACjC,EAGL,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,IACA,GACG,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,KAAC,qBAAqB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,YACnD,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACX,CACzB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAwBnC,SAAS,kBAAkB,CAAC,EAC1B,MAAM,EACN,SAAS,EACT,YAAY,EACZ,KAAK,EACL,WAAW,GACQ;IACnB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAChE,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IAE7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACxC,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;YACrE,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC5B,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,iBAAiB,CAAC,KAAK,EAC9B,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;YACrB,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC,YAED,8BAEG,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,EAGD,cAAK,SAAS,EAAC,eAAe,YAC3B,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,GACjC,EAGL,iBAAiB,CAAC,MAAM,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAC7B,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,GAChC,CACP,IACA,GACG,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,CACL,KAAC,qBAAqB,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,YACnD,KAAC,kBAAkB,OAAK,KAAK,GAAI,GACX,CACzB,CAAC;AACJ,CAAC"}

package/dist/esm/components/modals/modal.js

@@ -1,14 +1,73 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {
+  jsx as _jsx,
+  Fragment as _Fragment,
+  jsxs as _jsxs,
+} from "react/jsx-runtime";
 import * as Dialog from "@radix-ui/react-dialog";
 import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { useMintMoneyConfig } from "../../context.js";
 import { CloseIcon } from "../icons/close.js";
-export const Modal = ({ className, open, onOpenChange, navBarComponent, disableCloseOnInteractOutside, title, children, }) => {
-    return (_jsx(Dialog.Root, { open: open, onOpenChange: (open) => {
-            onOpenChange?.(open);
-        }, children: _jsxs(Dialog.Portal, { children: [_jsx(Dialog.Overlay, { className: "mm-modal-overlay" }), _jsxs(Dialog.Content, { className: `mm-modal-container ${className || ""}`, onInteractOutside: (e) => {
-                        if (disableCloseOnInteractOutside) {
-                            e.preventDefault();
-                        }
-                    }, children: [_jsx(VisuallyHidden, { children: _jsx(Dialog.Title, { children: title }) }), _jsxs("div", { className: "mm-modal-content", children: [_jsx("div", { className: `mm-modal-nav`, children: navBarComponent || (_jsxs(_Fragment, { children: [title, _jsx(Dialog.Close, { asChild: true, children: _jsx("button", { children: _jsx(CloseIcon, {}) }) })] })) }), children] })] })] }) }));
+import { Text } from "../text/index.js";
+export const Modal = ({
+  className,
+  open,
+  onOpenChange,
+  navBarComponent,
+  disableCloseOnInteractOutside,
+  title,
+  children,
+}) => {
+  const config = useMintMoneyConfig();
+  return _jsx(Dialog.Root, {
+    open: open,
+    onOpenChange: (open) => {
+      onOpenChange?.(open);
+    },
+    children: _jsxs(Dialog.Portal, {
+      children: [
+        _jsx(Dialog.Overlay, { className: "mm-modal-overlay" }),
+        _jsxs(Dialog.Content, {
+          className: `mm-modal-container ${className || ""}`,
+          onInteractOutside: (e) => {
+            if (disableCloseOnInteractOutside) {
+              e.preventDefault();
+            }
+          },
+          children: [
+            _jsx(VisuallyHidden, {
+              children: _jsx(Dialog.Title, { children: title }),
+            }),
+            _jsxs("div", {
+              className: "mm-modal-content",
+              children: [
+                _jsx("div", {
+                  className: `mm-modal-nav`,
+                  children:
+                    navBarComponent ||
+                    _jsxs(_Fragment, {
+                      children: [
+                        _jsx(Text, {
+                          size: "xl",
+                          weight: "semibold",
+                          color: config.theme.font.color.primary,
+                          children: title,
+                        }),
+                        _jsx(Dialog.Close, {
+                          asChild: true,
+                          children: _jsx("button", {
+                            children: _jsx(CloseIcon, {}),
+                          }),
+                        }),
+                      ],
+                    }),
+                }),
+                children,
+              ],
+            }),
+          ],
+        }),
+      ],
+    }),
+  });
 };
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=modal.js.map

package/dist/esm/components/modals/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAY9C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,6BAA6B,EAC7B,KAAK,EACL,QAAQ,GACG,EAAE,EAAE;IACf,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,YAED,MAAC,MAAM,CAAC,MAAM,eACZ,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC/C,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,sBAAsB,SAAS,IAAI,EAAE,EAAE,EAClD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;wBACvB,IAAI,6BAA6B,EAAE,CAAC;4BAClC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,aAED,KAAC,cAAc,cACb,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,GACrB,EACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAE,cAAc,YAC3B,eAAe,IAAI,CAClB,8BACG,KAAK,EACN,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,2BACE,KAAC,SAAS,KAAG,GACN,GACI,IACd,CACJ,GACG,EACL,QAAQ,IACL,IACS,IACH,GACJ,CACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modals/modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAYxC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,eAAe,EACf,6BAA6B,EAC7B,KAAK,EACL,QAAQ,GACG,EAAE,EAAE;IACf,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,IACV,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,YAED,MAAC,MAAM,CAAC,MAAM,eACZ,KAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC/C,MAAC,MAAM,CAAC,OAAO,IACb,SAAS,EAAE,sBAAsB,SAAS,IAAI,EAAE,EAAE,EAClD,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;wBACvB,IAAI,6BAA6B,EAAE,CAAC;4BAClC,CAAC,CAAC,cAAc,EAAE,CAAC;wBACrB,CAAC;oBACH,CAAC,aAED,KAAC,cAAc,cACb,KAAC,MAAM,CAAC,KAAK,cAAE,KAAK,GAAgB,GACrB,EACjB,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAE,cAAc,YAC3B,eAAe,IAAI,CAClB,8BACE,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,YAErC,KAAK,GACD,EACP,KAAC,MAAM,CAAC,KAAK,IAAC,OAAO,kBACnB,2BACE,KAAC,SAAS,KAAG,GACN,GACI,IACd,CACJ,GACG,EACL,QAAQ,IACL,IACS,IACH,GACJ,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/modals/use-modal-with-views.js

@@ -1,29 +1,32 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from "react";
 const ModalContext = createContext({
-    currentView: "",
-    goToView: () => { },
-    viewProps: {},
+  currentView: "",
+  goToView: () => {},
+  viewProps: {},
 });
-export const ModalWithViewProvider = ({ children, initialView, }) => {
-    const [currentView, setCurrentView] = useState(initialView);
-    const [viewProps, setViewProps] = useState({});
-    function goToView(view, props = {}) {
-        setCurrentView(view);
-        setViewProps(props);
-    }
-    useEffect(() => {
-        console.log(initialView);
-        setCurrentView(initialView);
-    }, [initialView]);
-    const context = {
-        currentView,
-        goToView,
-        viewProps,
-    };
-    return (_jsxs(ModalContext.Provider, { value: context, children: [" ", children, " "] }));
+export const ModalWithViewProvider = ({ children, initialView }) => {
+  const [currentView, setCurrentView] = useState(initialView);
+  const [viewProps, setViewProps] = useState({});
+  function goToView(view, props = {}) {
+    setCurrentView(view);
+    setViewProps(props);
+  }
+  useEffect(() => {
+    console.log(initialView);
+    setCurrentView(initialView);
+  }, [initialView]);
+  const context = {
+    currentView,
+    goToView,
+    viewProps,
+  };
+  return _jsxs(ModalContext.Provider, {
+    value: context,
+    children: [" ", children, " "],
+  });
 };
 export const useModalWithView = () => {
-    return useContext(ModalContext);
+  return useContext(ModalContext);
 };
-//# sourceMappingURL=use-modal-with-views.js.map
+//# sourceMappingURL=use-modal-with-views.js.map

package/dist/esm/components/modals/use-modal-with-views.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU9E,MAAM,YAAY,GAAG,aAAa,CAA2B;IAC3D,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,GAAG,EAAE,GAAG,CAAC;IACnB,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,WAAW,GAGZ,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,WAAW,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAExE,SAAS,QAAQ,CAAC,IAAY,EAAE,QAAiC,EAAE;QACjE,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzB,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,OAAO,GAAG;QACd,WAAW;QACX,QAAQ;QACR,SAAS;KACV,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,kBAAI,QAAQ,SAA0B,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAiB,EAAE;IACjD,OAAO,UAAU,CAAC,YAAY,CAAiB,CAAC;AAClD,CAAC,CAAC"}
+{"version":3,"file":"use-modal-with-views.js","sourceRoot":"","sources":["../../../../src/components/modals/use-modal-with-views.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU9E,MAAM,YAAY,GAAG,aAAa,CAA2B;IAC3D,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,SAAS,EAAE,EAAE;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,WAAW,GAGZ,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,WAAW,CAAC,CAAC;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAExE,SAAS,QAAQ,CAAC,IAAY,EAAE,QAAiC,EAAE;QACjE,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzB,cAAc,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,OAAO,GAAG;QACd,WAAW;QACX,QAAQ;QACR,SAAS;KACV,CAAC;IAEF,OAAO,CACL,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,kBAAI,QAAQ,SAA0B,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAiB,EAAE;IACjD,OAAO,UAAU,CAAC,YAAY,CAAiB,CAAC;AAClD,CAAC,CAAC"}

package/dist/esm/components/text/index.js

@@ -0,0 +1,37 @@
+import { styled } from "styled-components";
+const fontSizes = {
+  xs: "12px",
+  sm: "14px",
+  base: "16px",
+  lg: "18px",
+  xl: "20px",
+  "2xl": "24px",
+  "3xl": "30px",
+};
+const lineHeights = {
+  xs: "12px",
+  sm: "14px",
+  base: "24px",
+  lg: "28px",
+  xl: "32px",
+  "2xl": "24px",
+  "3xl": "30px",
+};
+const fontWeights = {
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+};
+const Text = styled.p`
+  font-family: var(--mm-font-family);
+  font-size: ${({ size = "base" }) => fontSizes[size]};
+  line-height: ${({ size = "base" }) => lineHeights[size]};
+  font-weight: ${({ weight = "normal" }) => fontWeights[weight]};
+  color: ${({ color = "inherit" }) => color};
+  text-align: ${({ align = "left" }) => align};
+  text-transform: ${({ uppercase }) => (uppercase ? "uppercase" : "none")};
+`;
+export { Text };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAU3C,MAAM,SAAS,GAAmD;IAChE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAmD;IAClE,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,WAAW,GAAqD;IACpE,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAW;;eAEjB,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;iBACpC,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;iBACxC,CAAC,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC;WACpD,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,KAAK;gBAC3B,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,KAAK;oBACzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;CACxE,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/esm/config.js

@@ -2,9 +2,9 @@ import merge from "lodash.merge";
 import { defaultTheme } from "./themes/default.js";
 const _MINT_API = "https://api.getmint.money";
 export const createConfig = (publicKey, options) => {
-    return {
-        publicKey: publicKey,
-        ...merge({ apiUrl: _MINT_API, theme: defaultTheme }, options),
-    };
+  return {
+    publicKey: publicKey,
+    ...merge({ apiUrl: _MINT_API, theme: defaultTheme }, options),
+  };
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=config.js.map

package/dist/esm/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAanD,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAAiB,EACjB,OAAuB,EACf,EAAE;IACV,OAAO;QACL,SAAS,EAAE,SAAS;QACpB,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAgBnD,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAAiB,EACjB,OAAuB,EACf,EAAE;IACV,OAAO;QACL,SAAS,EAAE,SAAS;QACpB,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,OAAO,CAAC;KAC9D,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/context.js

@@ -1,15 +1,27 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { ThemeProvider } from "styled-components";
+import { api } from "./api/index.js";
 const MintMoneyContext = createContext(undefined);
-export function MintMoneyProvider({ config, children, }) {
-    return (_jsx(MintMoneyContext.Provider, { value: config, children: children }));
+export function MintMoneyProvider({ config, children }) {
+  api.baseUrl = config.apiUrl;
+  api.setSecurityData(config.publicKey);
+  return _jsx(MintMoneyContext.Provider, {
+    value: config,
+    children: _jsx(ThemeProvider, {
+      theme: config.theme,
+      children: _jsx("div", { className: "mm-root", children: children }),
+    }),
+  });
 }
 export function useMintMoneyConfig() {
-    const context = useContext(MintMoneyContext);
-    if (!context) {
-        throw new Error("useMintMoneyConfig must be used within a MintMoneyProvider");
-    }
-    return context;
+  const context = useContext(MintMoneyContext);
+  if (!context) {
+    throw new Error(
+      "useMintMoneyConfig must be used within a MintMoneyProvider",
+    );
+  }
+  return context;
 }
-//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/esm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,gBAAgB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAOtE,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACe;IACvB,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACrC,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAIrC,MAAM,gBAAgB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAC;AAOtE,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,QAAQ,GACe;IACvB,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5B,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACtC,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YACtC,KAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAChC,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,GAC3B,GACU,CAC7B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/esm/index.js

@@ -1,2 +1,5 @@
-export {};
-//# sourceMappingURL=index.js.map
+export * from "./checkout/index.js";
+export * from "./components/index.js";
+export * from "./api/index.js";
+export * from "./themes/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}