@medialane/ui 0.185.0 → 0.186.0

package/dist/components/media-wallet/action-button.cjs

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var action_button_exports = {};
+__export(action_button_exports, {
+  ACTION_FOREGROUNDS: () => ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS: () => ACTION_GRADIENTS,
+  TrustNote: () => TrustNote
+});
+module.exports = __toCommonJS(action_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const ACTION_GRADIENTS = {
+  buy: ["#3b7bff", "#8a5cf6", "#3b7bff"],
+  submit: ["#d6359a", "#5b4ce6", "#d6359a"],
+  offer: ["#f6608f", "#fb8b46", "#f6608f"],
+  remix: ["#8a5cf6", "#f6608f", "#8a5cf6"],
+  license: ["#3b7bff", "#5b4ce6", "#3b7bff"]
+};
+const ACTION_FOREGROUNDS = {
+  buy: "#3b7bff",
+  submit: "#5b4ce6",
+  offer: "#fb7a32",
+  remix: "#8a3ff0",
+  license: "#3b7bff"
+};
+function TrustNote({ children, center }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `flex items-center gap-1.5 text-[11px] leading-relaxed text-muted-foreground ${center ? "justify-center" : ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS,
+  TrustNote
+});
+//# sourceMappingURL=action-button.cjs.map

package/dist/components/media-wallet/action-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/action-button.tsx"],"sourcesContent":["\"use client\";\n\nexport const ACTION_GRADIENTS: Record<string, [string, string, string]> = {\n  buy: [\"#3b7bff\", \"#8a5cf6\", \"#3b7bff\"],\n  submit: [\"#d6359a\", \"#5b4ce6\", \"#d6359a\"],\n  offer: [\"#f6608f\", \"#fb8b46\", \"#f6608f\"],\n  remix: [\"#8a5cf6\", \"#f6608f\", \"#8a5cf6\"],\n  license: [\"#3b7bff\", \"#5b4ce6\", \"#3b7bff\"],\n};\nexport const ACTION_FOREGROUNDS: Record<string, string> = {\n  buy: \"#3b7bff\",\n  submit: \"#5b4ce6\",\n  offer: \"#fb7a32\",\n  remix: \"#8a3ff0\",\n  license: \"#3b7bff\",\n};\n\nexport function TrustNote({ children, center }: { children: React.ReactNode; center?: boolean }) {\n  return (\n    <div className={`flex items-center gap-1.5 text-[11px] leading-relaxed text-muted-foreground ${center ? \"justify-center\" : \"\"}`}>\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" className=\"flex-shrink-0\">\n        <path d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z\" />\n      </svg>\n      <span>{children}</span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAjBG,MAAM,mBAA6D;AAAA,EACxE,KAAK,CAAC,WAAW,WAAW,SAAS;AAAA,EACrC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,OAAO,CAAC,WAAW,WAAW,SAAS;AAAA,EACvC,OAAO,CAAC,WAAW,WAAW,SAAS;AAAA,EACvC,SAAS,CAAC,WAAW,WAAW,SAAS;AAC3C;AACO,MAAM,qBAA6C;AAAA,EACxD,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,GAAoD;AAC/F,SACE,6CAAC,SAAI,WAAW,+EAA+E,SAAS,mBAAmB,EAAE,IAC3H;AAAA,gDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,WAAU,iBAC1G,sDAAC,UAAK,GAAE,gDAA+C,GACzD;AAAA,IACA,4CAAC,UAAM,UAAS;AAAA,KAClB;AAEJ;","names":[]}

package/dist/components/media-wallet/action-button.d.cts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ACTION_GRADIENTS: Record<string, [string, string, string]>;
+declare const ACTION_FOREGROUNDS: Record<string, string>;
+declare function TrustNote({ children, center }: {
+    children: React.ReactNode;
+    center?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { ACTION_FOREGROUNDS, ACTION_GRADIENTS, TrustNote };

package/dist/components/media-wallet/action-button.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const ACTION_GRADIENTS: Record<string, [string, string, string]>;
+declare const ACTION_FOREGROUNDS: Record<string, string>;
+declare function TrustNote({ children, center }: {
+    children: React.ReactNode;
+    center?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { ACTION_FOREGROUNDS, ACTION_GRADIENTS, TrustNote };

package/dist/components/media-wallet/action-button.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const ACTION_GRADIENTS = {
+  buy: ["#3b7bff", "#8a5cf6", "#3b7bff"],
+  submit: ["#d6359a", "#5b4ce6", "#d6359a"],
+  offer: ["#f6608f", "#fb8b46", "#f6608f"],
+  remix: ["#8a5cf6", "#f6608f", "#8a5cf6"],
+  license: ["#3b7bff", "#5b4ce6", "#3b7bff"]
+};
+const ACTION_FOREGROUNDS = {
+  buy: "#3b7bff",
+  submit: "#5b4ce6",
+  offer: "#fb7a32",
+  remix: "#8a3ff0",
+  license: "#3b7bff"
+};
+function TrustNote({ children, center }) {
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1.5 text-[11px] leading-relaxed text-muted-foreground ${center ? "justify-center" : ""}`, children: [
+    /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", className: "flex-shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z" }) }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+}
+export {
+  ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS,
+  TrustNote
+};
+//# sourceMappingURL=action-button.js.map

package/dist/components/media-wallet/action-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/action-button.tsx"],"sourcesContent":["\"use client\";\n\nexport const ACTION_GRADIENTS: Record<string, [string, string, string]> = {\n  buy: [\"#3b7bff\", \"#8a5cf6\", \"#3b7bff\"],\n  submit: [\"#d6359a\", \"#5b4ce6\", \"#d6359a\"],\n  offer: [\"#f6608f\", \"#fb8b46\", \"#f6608f\"],\n  remix: [\"#8a5cf6\", \"#f6608f\", \"#8a5cf6\"],\n  license: [\"#3b7bff\", \"#5b4ce6\", \"#3b7bff\"],\n};\nexport const ACTION_FOREGROUNDS: Record<string, string> = {\n  buy: \"#3b7bff\",\n  submit: \"#5b4ce6\",\n  offer: \"#fb7a32\",\n  remix: \"#8a3ff0\",\n  license: \"#3b7bff\",\n};\n\nexport function TrustNote({ children, center }: { children: React.ReactNode; center?: boolean }) {\n  return (\n    <div className={`flex items-center gap-1.5 text-[11px] leading-relaxed text-muted-foreground ${center ? \"justify-center\" : \"\"}`}>\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" className=\"flex-shrink-0\">\n        <path d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z\" />\n      </svg>\n      <span>{children}</span>\n    </div>\n  );\n}\n"],"mappings":";AAmBI,SAEI,KAFJ;AAjBG,MAAM,mBAA6D;AAAA,EACxE,KAAK,CAAC,WAAW,WAAW,SAAS;AAAA,EACrC,QAAQ,CAAC,WAAW,WAAW,SAAS;AAAA,EACxC,OAAO,CAAC,WAAW,WAAW,SAAS;AAAA,EACvC,OAAO,CAAC,WAAW,WAAW,SAAS;AAAA,EACvC,SAAS,CAAC,WAAW,WAAW,SAAS;AAC3C;AACO,MAAM,qBAA6C;AAAA,EACxD,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;AAEO,SAAS,UAAU,EAAE,UAAU,OAAO,GAAoD;AAC/F,SACE,qBAAC,SAAI,WAAW,+EAA+E,SAAS,mBAAmB,EAAE,IAC3H;AAAA,wBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,WAAU,iBAC1G,8BAAC,UAAK,GAAE,gDAA+C,GACzD;AAAA,IACA,oBAAC,UAAM,UAAS;AAAA,KAClB;AAEJ;","names":[]}

package/dist/components/media-wallet/action-modal.cjs

@@ -0,0 +1,84 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var action_modal_exports = {};
+__export(action_modal_exports, {
+  ActionBackdrop: () => ActionBackdrop,
+  ActionModal: () => ActionModal,
+  BusyOverlay: () => BusyOverlay,
+  CanvasPortal: () => CanvasPortal,
+  MEDIA_WALLET_PORTAL_ID: () => MEDIA_WALLET_PORTAL_ID
+});
+module.exports = __toCommonJS(action_modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+const MEDIA_WALLET_PORTAL_ID = "media-wallet-canvas";
+function CanvasPortal({ children }) {
+  const [el, setEl] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    setEl(document.getElementById(MEDIA_WALLET_PORTAL_ID));
+  }, []);
+  return el ? (0, import_react_dom.createPortal)(children, el) : null;
+}
+function ActionBackdrop({ onClose }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute inset-0 bg-transparent backdrop-blur-xl", onClick: onClose });
+}
+function ActionModal({
+  title,
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CanvasPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionBackdrop, { onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative z-10 w-full max-w-[360px] rounded-3xl bg-card p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `mb-4 flex items-center ${title ? "justify-between" : "justify-end"}`, children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "font-[family-name:var(--font-display)] text-lg font-bold tracking-tight", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Close",
+            className: "grid h-8 w-8 place-items-center rounded-full text-muted-foreground transition-colors hover:bg-foreground/5",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M18 6L6 18M6 6l12 12" }) })
+          }
+        )
+      ] }),
+      children
+    ] })
+  ] }) });
+}
+function BusyOverlay({ label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CanvasPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute inset-0 z-[60] grid place-items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionBackdrop, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "glass relative z-10 flex items-center gap-3 rounded-2xl px-5 py-4 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white/25 border-t-white" }),
+      label
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionBackdrop,
+  ActionModal,
+  BusyOverlay,
+  CanvasPortal,
+  MEDIA_WALLET_PORTAL_ID
+});
+//# sourceMappingURL=action-modal.cjs.map

package/dist/components/media-wallet/action-modal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/action-modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport const MEDIA_WALLET_PORTAL_ID = \"media-wallet-canvas\";\n\nexport function CanvasPortal({ children }: { children: React.ReactNode }) {\n  const [el, setEl] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    setEl(document.getElementById(MEDIA_WALLET_PORTAL_ID));\n  }, []);\n  return el ? createPortal(children, el) : null;\n}\n\nexport function ActionBackdrop({ onClose }: { onClose?: () => void }) {\n  return <div className=\"absolute inset-0 bg-transparent backdrop-blur-xl\" onClick={onClose} />;\n}\n\nexport function ActionModal({\n  title,\n  onClose,\n  children,\n}: {\n  title?: string;\n  onClose: () => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-50 flex items-center justify-center p-5\">\n        <ActionBackdrop onClose={onClose} />\n        <div className=\"relative z-10 w-full max-w-[360px] rounded-3xl bg-card p-5\">\n          <div className={`mb-4 flex items-center ${title ? \"justify-between\" : \"justify-end\"}`}>\n            {title && (\n              <h2 className=\"font-[family-name:var(--font-display)] text-lg font-bold tracking-tight\">{title}</h2>\n            )}\n            <button\n              onClick={onClose}\n              aria-label=\"Close\"\n              className=\"grid h-8 w-8 place-items-center rounded-full text-muted-foreground transition-colors hover:bg-foreground/5\"\n            >\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n                <path d=\"M18 6L6 18M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n          {children}\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n\nexport function BusyOverlay({ label }: { label: string }) {\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[60] grid place-items-center\">\n        <ActionBackdrop />\n        <div className=\"glass relative z-10 flex items-center gap-3 rounded-2xl px-5 py-4 text-sm\">\n          <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-white/25 border-t-white\" />\n          {label}\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBS;AAdT,mBAAoC;AACpC,uBAA6B;AAEtB,MAAM,yBAAyB;AAE/B,SAAS,aAAa,EAAE,SAAS,GAAkC;AACxE,QAAM,CAAC,IAAI,KAAK,QAAI,uBAA6B,IAAI;AACrD,8BAAU,MAAM;AACd,UAAM,SAAS,eAAe,sBAAsB,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AACL,SAAO,SAAK,+BAAa,UAAU,EAAE,IAAI;AAC3C;AAEO,SAAS,eAAe,EAAE,QAAQ,GAA6B;AACpE,SAAO,4CAAC,SAAI,WAAU,oDAAmD,SAAS,SAAS;AAC7F;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,4CAAC,gBACC,uDAAC,SAAI,WAAU,8DACb;AAAA,gDAAC,kBAAe,SAAkB;AAAA,IAClC,6CAAC,SAAI,WAAU,8DACb;AAAA,mDAAC,SAAI,WAAW,0BAA0B,QAAQ,oBAAoB,aAAa,IAChF;AAAA,iBACC,4CAAC,QAAG,WAAU,2EAA2E,iBAAM;AAAA,QAEjG;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,sDAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAC9G,sDAAC,UAAK,GAAE,wBAAuB,GACjC;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACC;AAAA,OACH;AAAA,KACF,GACF;AAEJ;AAEO,SAAS,YAAY,EAAE,MAAM,GAAsB;AACxD,SACE,4CAAC,gBACC,uDAAC,SAAI,WAAU,mDACb;AAAA,gDAAC,kBAAe;AAAA,IAChB,6CAAC,SAAI,WAAU,6EACb;AAAA,kDAAC,UAAK,WAAU,6EAA4E;AAAA,MAC3F;AAAA,OACH;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/action-modal.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+
+declare const MEDIA_WALLET_PORTAL_ID = "media-wallet-canvas";
+declare function CanvasPortal({ children }: {
+    children: React.ReactNode;
+}): React$1.ReactPortal | null;
+declare function ActionBackdrop({ onClose }: {
+    onClose?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function ActionModal({ title, onClose, children, }: {
+    title?: string;
+    onClose: () => void;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function BusyOverlay({ label }: {
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ActionBackdrop, ActionModal, BusyOverlay, CanvasPortal, MEDIA_WALLET_PORTAL_ID };

package/dist/components/media-wallet/action-modal.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+
+declare const MEDIA_WALLET_PORTAL_ID = "media-wallet-canvas";
+declare function CanvasPortal({ children }: {
+    children: React.ReactNode;
+}): React$1.ReactPortal | null;
+declare function ActionBackdrop({ onClose }: {
+    onClose?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function ActionModal({ title, onClose, children, }: {
+    title?: string;
+    onClose: () => void;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function BusyOverlay({ label }: {
+    label: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { ActionBackdrop, ActionModal, BusyOverlay, CanvasPortal, MEDIA_WALLET_PORTAL_ID };

package/dist/components/media-wallet/action-modal.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+const MEDIA_WALLET_PORTAL_ID = "media-wallet-canvas";
+function CanvasPortal({ children }) {
+  const [el, setEl] = useState(null);
+  useEffect(() => {
+    setEl(document.getElementById(MEDIA_WALLET_PORTAL_ID));
+  }, []);
+  return el ? createPortal(children, el) : null;
+}
+function ActionBackdrop({ onClose }) {
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-transparent backdrop-blur-xl", onClick: onClose });
+}
+function ActionModal({
+  title,
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ jsx(CanvasPortal, { children: /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 flex items-center justify-center p-5", children: [
+    /* @__PURE__ */ jsx(ActionBackdrop, { onClose }),
+    /* @__PURE__ */ jsxs("div", { className: "relative z-10 w-full max-w-[360px] rounded-3xl bg-card p-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: `mb-4 flex items-center ${title ? "justify-between" : "justify-end"}`, children: [
+        title && /* @__PURE__ */ jsx("h2", { className: "font-[family-name:var(--font-display)] text-lg font-bold tracking-tight", children: title }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Close",
+            className: "grid h-8 w-8 place-items-center rounded-full text-muted-foreground transition-colors hover:bg-foreground/5",
+            children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
+          }
+        )
+      ] }),
+      children
+    ] })
+  ] }) });
+}
+function BusyOverlay({ label }) {
+  return /* @__PURE__ */ jsx(CanvasPortal, { children: /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-[60] grid place-items-center", children: [
+    /* @__PURE__ */ jsx(ActionBackdrop, {}),
+    /* @__PURE__ */ jsxs("div", { className: "glass relative z-10 flex items-center gap-3 rounded-2xl px-5 py-4 text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white/25 border-t-white" }),
+      label
+    ] })
+  ] }) });
+}
+export {
+  ActionBackdrop,
+  ActionModal,
+  BusyOverlay,
+  CanvasPortal,
+  MEDIA_WALLET_PORTAL_ID
+};
+//# sourceMappingURL=action-modal.js.map

package/dist/components/media-wallet/action-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/action-modal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport const MEDIA_WALLET_PORTAL_ID = \"media-wallet-canvas\";\n\nexport function CanvasPortal({ children }: { children: React.ReactNode }) {\n  const [el, setEl] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    setEl(document.getElementById(MEDIA_WALLET_PORTAL_ID));\n  }, []);\n  return el ? createPortal(children, el) : null;\n}\n\nexport function ActionBackdrop({ onClose }: { onClose?: () => void }) {\n  return <div className=\"absolute inset-0 bg-transparent backdrop-blur-xl\" onClick={onClose} />;\n}\n\nexport function ActionModal({\n  title,\n  onClose,\n  children,\n}: {\n  title?: string;\n  onClose: () => void;\n  children: React.ReactNode;\n}) {\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-50 flex items-center justify-center p-5\">\n        <ActionBackdrop onClose={onClose} />\n        <div className=\"relative z-10 w-full max-w-[360px] rounded-3xl bg-card p-5\">\n          <div className={`mb-4 flex items-center ${title ? \"justify-between\" : \"justify-end\"}`}>\n            {title && (\n              <h2 className=\"font-[family-name:var(--font-display)] text-lg font-bold tracking-tight\">{title}</h2>\n            )}\n            <button\n              onClick={onClose}\n              aria-label=\"Close\"\n              className=\"grid h-8 w-8 place-items-center rounded-full text-muted-foreground transition-colors hover:bg-foreground/5\"\n            >\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n                <path d=\"M18 6L6 18M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n          {children}\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n\nexport function BusyOverlay({ label }: { label: string }) {\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[60] grid place-items-center\">\n        <ActionBackdrop />\n        <div className=\"glass relative z-10 flex items-center gap-3 rounded-2xl px-5 py-4 text-sm\">\n          <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-white/25 border-t-white\" />\n          {label}\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";AAgBS,cAiBC,YAjBD;AAdT,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAEtB,MAAM,yBAAyB;AAE/B,SAAS,aAAa,EAAE,SAAS,GAAkC;AACxE,QAAM,CAAC,IAAI,KAAK,IAAI,SAA6B,IAAI;AACrD,YAAU,MAAM;AACd,UAAM,SAAS,eAAe,sBAAsB,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AACL,SAAO,KAAK,aAAa,UAAU,EAAE,IAAI;AAC3C;AAEO,SAAS,eAAe,EAAE,QAAQ,GAA6B;AACpE,SAAO,oBAAC,SAAI,WAAU,oDAAmD,SAAS,SAAS;AAC7F;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,oBAAC,gBACC,+BAAC,SAAI,WAAU,8DACb;AAAA,wBAAC,kBAAe,SAAkB;AAAA,IAClC,qBAAC,SAAI,WAAU,8DACb;AAAA,2BAAC,SAAI,WAAW,0BAA0B,QAAQ,oBAAoB,aAAa,IAChF;AAAA,iBACC,oBAAC,QAAG,WAAU,2EAA2E,iBAAM;AAAA,QAEjG;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,8BAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAC9G,8BAAC,UAAK,GAAE,wBAAuB,GACjC;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACC;AAAA,OACH;AAAA,KACF,GACF;AAEJ;AAEO,SAAS,YAAY,EAAE,MAAM,GAAsB;AACxD,SACE,oBAAC,gBACC,+BAAC,SAAI,WAAU,mDACb;AAAA,wBAAC,kBAAe;AAAA,IAChB,qBAAC,SAAI,WAAU,6EACb;AAAA,0BAAC,UAAK,WAAU,6EAA4E;AAAA,MAC3F;AAAA,OACH;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/activate-card.cjs

@@ -0,0 +1,72 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var activate_card_exports = {};
+__export(activate_card_exports, {
+  ActivateCard: () => ActivateCard
+});
+module.exports = __toCommonJS(activate_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_action_button = require("../action-button.js");
+var import_describe_error = require("../../utils/describe-error.js");
+var import_types = require("./types.js");
+const BRAND_GRADIENT = "linear-gradient(115deg,#3b7bff,#8a5cf6,#f6608f,#fb8b46,#3b7bff)";
+function ActivateCard({ onActivated }) {
+  const { wallet } = (0, import_types.useMediaWalletApp)();
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const activate = async () => {
+    setError(null);
+    setBusy(true);
+    try {
+      await wallet.completeDeployment(() => {
+      });
+      onActivated();
+    } catch (e) {
+      setError((0, import_describe_error.describeError)(e, "We couldn't activate your account. Please try again.").message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "card-base p-5", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_action_button.ActionButton,
+      {
+        action: "buy",
+        big: true,
+        onClick: activate,
+        disabled: busy,
+        className: "w-full disabled:opacity-40 disabled:pointer-events-none",
+        style: { "--ml-grad": BRAND_GRADIENT },
+        children: [
+          busy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-foreground/25 border-t-foreground" }),
+          "Activate my wallet"
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mx-auto max-w-[22rem] text-sm leading-relaxed text-muted-foreground", children: "Your account is stored securely and ready whenever you need it. Activating is free \u2014 no gas fees." }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-destructive", children: error })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActivateCard
+});
+//# sourceMappingURL=activate-card.cjs.map

package/dist/components/media-wallet/activate-card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/activate-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { describeError } from \"../../utils/describe-error.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nconst BRAND_GRADIENT = \"linear-gradient(115deg,#3b7bff,#8a5cf6,#f6608f,#fb8b46,#3b7bff)\";\n\nexport function ActivateCard({ onActivated }: { onActivated: (txHash?: string) => void }) {\n  const { wallet } = useMediaWalletApp();\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const activate = async () => {\n    setError(null);\n    setBusy(true);\n    try {\n      await wallet.completeDeployment(() => {});\n      onActivated();\n    } catch (e) {\n      setError(describeError(e, \"We couldn't activate your account. Please try again.\").message);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <div className=\"card-base p-5\">\n      <div className=\"flex flex-col items-center gap-3 text-center\">\n        <ActionButton\n          action=\"buy\"\n          big\n          onClick={activate}\n          disabled={busy}\n          className=\"w-full disabled:opacity-40 disabled:pointer-events-none\"\n          style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}\n        >\n          {busy && <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-foreground/25 border-t-foreground\" />}\n          Activate my wallet\n        </ActionButton>\n        <p className=\"mx-auto max-w-[22rem] text-sm leading-relaxed text-muted-foreground\">\n          Your account is stored securely and ready whenever you need it. Activating is free — no gas fees.\n        </p>\n        {error && <p className=\"text-xs text-destructive\">{error}</p>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA5BR,mBAAyB;AACzB,2BAA6B;AAC7B,4BAA8B;AAC9B,mBAAkC;AAElC,MAAM,iBAAiB;AAEhB,SAAS,aAAa,EAAE,YAAY,GAA+C;AACxF,QAAM,EAAE,OAAO,QAAI,gCAAkB;AACrC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAwB,IAAI;AAEtD,QAAM,WAAW,YAAY;AAC3B,aAAS,IAAI;AACb,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,OAAO,mBAAmB,MAAM;AAAA,MAAC,CAAC;AACxC,kBAAY;AAAA,IACd,SAAS,GAAG;AACV,mBAAS,qCAAc,GAAG,sDAAsD,EAAE,OAAO;AAAA,IAC3F,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,4CAAC,SAAI,WAAU,iBACb,uDAAC,SAAI,WAAU,gDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,KAAG;AAAA,QACH,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,eAAe;AAAA,QAEpC;AAAA,kBAAQ,4CAAC,UAAK,WAAU,uFAAsF;AAAA,UAAG;AAAA;AAAA;AAAA,IAEpH;AAAA,IACA,4CAAC,OAAE,WAAU,uEAAsE,oHAEnF;AAAA,IACC,SAAS,4CAAC,OAAE,WAAU,4BAA4B,iBAAM;AAAA,KAC3D,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/activate-card.d.cts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ActivateCard({ onActivated }: {
+    onActivated: (txHash?: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ActivateCard };

package/dist/components/media-wallet/activate-card.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ActivateCard({ onActivated }: {
+    onActivated: (txHash?: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ActivateCard };

package/dist/components/media-wallet/activate-card.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ActionButton } from "../action-button.js";
+import { describeError } from "../../utils/describe-error.js";
+import { useMediaWalletApp } from "./types.js";
+const BRAND_GRADIENT = "linear-gradient(115deg,#3b7bff,#8a5cf6,#f6608f,#fb8b46,#3b7bff)";
+function ActivateCard({ onActivated }) {
+  const { wallet } = useMediaWalletApp();
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const activate = async () => {
+    setError(null);
+    setBusy(true);
+    try {
+      await wallet.completeDeployment(() => {
+      });
+      onActivated();
+    } catch (e) {
+      setError(describeError(e, "We couldn't activate your account. Please try again.").message);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "card-base p-5", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+    /* @__PURE__ */ jsxs(
+      ActionButton,
+      {
+        action: "buy",
+        big: true,
+        onClick: activate,
+        disabled: busy,
+        className: "w-full disabled:opacity-40 disabled:pointer-events-none",
+        style: { "--ml-grad": BRAND_GRADIENT },
+        children: [
+          busy && /* @__PURE__ */ jsx("span", { className: "h-4 w-4 animate-spin rounded-full border-2 border-foreground/25 border-t-foreground" }),
+          "Activate my wallet"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-[22rem] text-sm leading-relaxed text-muted-foreground", children: "Your account is stored securely and ready whenever you need it. Activating is free \u2014 no gas fees." }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
+  ] }) });
+}
+export {
+  ActivateCard
+};
+//# sourceMappingURL=activate-card.js.map

package/dist/components/media-wallet/activate-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/activate-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { describeError } from \"../../utils/describe-error.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nconst BRAND_GRADIENT = \"linear-gradient(115deg,#3b7bff,#8a5cf6,#f6608f,#fb8b46,#3b7bff)\";\n\nexport function ActivateCard({ onActivated }: { onActivated: (txHash?: string) => void }) {\n  const { wallet } = useMediaWalletApp();\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const activate = async () => {\n    setError(null);\n    setBusy(true);\n    try {\n      await wallet.completeDeployment(() => {});\n      onActivated();\n    } catch (e) {\n      setError(describeError(e, \"We couldn't activate your account. Please try again.\").message);\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <div className=\"card-base p-5\">\n      <div className=\"flex flex-col items-center gap-3 text-center\">\n        <ActionButton\n          action=\"buy\"\n          big\n          onClick={activate}\n          disabled={busy}\n          className=\"w-full disabled:opacity-40 disabled:pointer-events-none\"\n          style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}\n        >\n          {busy && <span className=\"h-4 w-4 animate-spin rounded-full border-2 border-foreground/25 border-t-foreground\" />}\n          Activate my wallet\n        </ActionButton>\n        <p className=\"mx-auto max-w-[22rem] text-sm leading-relaxed text-muted-foreground\">\n          Your account is stored securely and ready whenever you need it. Activating is free — no gas fees.\n        </p>\n        {error && <p className=\"text-xs text-destructive\">{error}</p>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA8BQ,SAQW,KARX;AA5BR,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,MAAM,iBAAiB;AAEhB,SAAS,aAAa,EAAE,YAAY,GAA+C;AACxF,QAAM,EAAE,OAAO,IAAI,kBAAkB;AACrC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,WAAW,YAAY;AAC3B,aAAS,IAAI;AACb,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,OAAO,mBAAmB,MAAM;AAAA,MAAC,CAAC;AACxC,kBAAY;AAAA,IACd,SAAS,GAAG;AACV,eAAS,cAAc,GAAG,sDAAsD,EAAE,OAAO;AAAA,IAC3F,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAU,iBACb,+BAAC,SAAI,WAAU,gDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,KAAG;AAAA,QACH,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAU;AAAA,QACV,OAAO,EAAE,aAAa,eAAe;AAAA,QAEpC;AAAA,kBAAQ,oBAAC,UAAK,WAAU,uFAAsF;AAAA,UAAG;AAAA;AAAA;AAAA,IAEpH;AAAA,IACA,oBAAC,OAAE,WAAU,uEAAsE,oHAEnF;AAAA,IACC,SAAS,oBAAC,OAAE,WAAU,4BAA4B,iBAAM;AAAA,KAC3D,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/address-qr.cjs

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var address_qr_exports = {};
+__export(address_qr_exports, {
+  AddressQr: () => AddressQr
+});
+module.exports = __toCommonJS(address_qr_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_qrcode_generator = __toESM(require("qrcode-generator"), 1);
+function AddressQr({ value, size = 200 }) {
+  const qr = (0, import_qrcode_generator.default)(0, "M");
+  qr.addData(value);
+  qr.make();
+  const count = qr.getModuleCount();
+  const cell = size / count;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto w-fit rounded-2xl bg-white p-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: Array.from({ length: count }).flatMap(
+    (_, row) => Array.from({ length: count }).map(
+      (_2, col) => qr.isDark(row, col) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "rect",
+        {
+          x: col * cell,
+          y: row * cell,
+          width: cell,
+          height: cell,
+          rx: cell * 0.2,
+          fill: "#111111"
+        },
+        `${row}-${col}`
+      ) : null
+    )
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddressQr
+});
+//# sourceMappingURL=address-qr.cjs.map

package/dist/components/media-wallet/address-qr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/address-qr.tsx"],"sourcesContent":["\"use client\";\n\nimport qrcode from \"qrcode-generator\";\n\nexport function AddressQr({ value, size = 200 }: { value: string; size?: number }) {\n  const qr = qrcode(0, \"M\");\n  qr.addData(value);\n  qr.make();\n  const count = qr.getModuleCount();\n  const cell = size / count;\n\n  return (\n    <div className=\"mx-auto w-fit rounded-2xl bg-white p-4\">\n      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n        {Array.from({ length: count }).flatMap((_, row) =>\n          Array.from({ length: count }).map((_, col) =>\n            qr.isDark(row, col) ? (\n              <rect\n                key={`${row}-${col}`}\n                x={col * cell}\n                y={row * cell}\n                width={cell}\n                height={cell}\n                rx={cell * 0.2}\n                fill=\"#111111\"\n              />\n            ) : null\n          ),\n        )}\n      </svg>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBc;AAfd,8BAAmB;AAEZ,SAAS,UAAU,EAAE,OAAO,OAAO,IAAI,GAAqC;AACjF,QAAM,SAAK,wBAAAA,SAAO,GAAG,GAAG;AACxB,KAAG,QAAQ,KAAK;AAChB,KAAG,KAAK;AACR,QAAM,QAAQ,GAAG,eAAe;AAChC,QAAM,OAAO,OAAO;AAEpB,SACE,4CAAC,SAAI,WAAU,0CACb,sDAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAS,OAAO,IAAI,IAAI,IAAI,IACzD,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE;AAAA,IAAQ,CAAC,GAAG,QACzC,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE;AAAA,MAAI,CAACC,IAAG,QACpC,GAAG,OAAO,KAAK,GAAG,IAChB;AAAA,QAAC;AAAA;AAAA,UAEC,GAAG,MAAM;AAAA,UACT,GAAG,MAAM;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,IAAI,OAAO;AAAA,UACX,MAAK;AAAA;AAAA,QANA,GAAG,GAAG,IAAI,GAAG;AAAA,MAOpB,IACE;AAAA,IACN;AAAA,EACF,GACF,GACF;AAEJ;","names":["qrcode","_"]}

package/dist/components/media-wallet/address-qr.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AddressQr({ value, size }: {
+    value: string;
+    size?: number;
+}): react_jsx_runtime.JSX.Element;
+
+export { AddressQr };

package/dist/components/media-wallet/address-qr.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AddressQr({ value, size }: {
+    value: string;
+    size?: number;
+}): react_jsx_runtime.JSX.Element;
+
+export { AddressQr };

package/dist/components/media-wallet/address-qr.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import qrcode from "qrcode-generator";
+function AddressQr({ value, size = 200 }) {
+  const qr = qrcode(0, "M");
+  qr.addData(value);
+  qr.make();
+  const count = qr.getModuleCount();
+  const cell = size / count;
+  return /* @__PURE__ */ jsx("div", { className: "mx-auto w-fit rounded-2xl bg-white p-4", children: /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: Array.from({ length: count }).flatMap(
+    (_, row) => Array.from({ length: count }).map(
+      (_2, col) => qr.isDark(row, col) ? /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: col * cell,
+          y: row * cell,
+          width: cell,
+          height: cell,
+          rx: cell * 0.2,
+          fill: "#111111"
+        },
+        `${row}-${col}`
+      ) : null
+    )
+  ) }) });
+}
+export {
+  AddressQr
+};
+//# sourceMappingURL=address-qr.js.map

package/dist/components/media-wallet/address-qr.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/media-wallet/address-qr.tsx"],"sourcesContent":["\"use client\";\n\nimport qrcode from \"qrcode-generator\";\n\nexport function AddressQr({ value, size = 200 }: { value: string; size?: number }) {\n  const qr = qrcode(0, \"M\");\n  qr.addData(value);\n  qr.make();\n  const count = qr.getModuleCount();\n  const cell = size / count;\n\n  return (\n    <div className=\"mx-auto w-fit rounded-2xl bg-white p-4\">\n      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n        {Array.from({ length: count }).flatMap((_, row) =>\n          Array.from({ length: count }).map((_, col) =>\n            qr.isDark(row, col) ? (\n              <rect\n                key={`${row}-${col}`}\n                x={col * cell}\n                y={row * cell}\n                width={cell}\n                height={cell}\n                rx={cell * 0.2}\n                fill=\"#111111\"\n              />\n            ) : null\n          ),\n        )}\n      </svg>\n    </div>\n  );\n}\n"],"mappings":";AAiBc;AAfd,OAAO,YAAY;AAEZ,SAAS,UAAU,EAAE,OAAO,OAAO,IAAI,GAAqC;AACjF,QAAM,KAAK,OAAO,GAAG,GAAG;AACxB,KAAG,QAAQ,KAAK;AAChB,KAAG,KAAK;AACR,QAAM,QAAQ,GAAG,eAAe;AAChC,QAAM,OAAO,OAAO;AAEpB,SACE,oBAAC,SAAI,WAAU,0CACb,8BAAC,SAAI,OAAO,MAAM,QAAQ,MAAM,SAAS,OAAO,IAAI,IAAI,IAAI,IACzD,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE;AAAA,IAAQ,CAAC,GAAG,QACzC,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE;AAAA,MAAI,CAACA,IAAG,QACpC,GAAG,OAAO,KAAK,GAAG,IAChB;AAAA,QAAC;AAAA;AAAA,UAEC,GAAG,MAAM;AAAA,UACT,GAAG,MAAM;AAAA,UACT,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,IAAI,OAAO;AAAA,UACX,MAAK;AAAA;AAAA,QANA,GAAG,GAAG,IAAI,GAAG;AAAA,MAOpB,IACE;AAAA,IACN;AAAA,EACF,GACF,GACF;AAEJ;","names":["_"]}