@medialane/ui 0.291.0 → 0.293.0

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

@@ -23,7 +23,7 @@ __export(quick_action_exports, {
 });
 module.exports = __toCommonJS(quick_action_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_action_button = require("./action-button.js");
+var import_brand = require("../../data/brand.js");
 function QuickAction({
   label,
   icon,
@@ -31,7 +31,7 @@ function QuickAction({
   onClick,
   disabled
 }) {
-  const grad = `linear-gradient(115deg, ${import_action_button.ACTION_GRADIENTS[action].join(",")})`;
+  const grad = `linear-gradient(115deg, ${import_brand.ACTION_GRADIENTS[action].join(",")})`;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
@@ -43,7 +43,7 @@ function QuickAction({
           "span",
           {
             className: "ml-gbtn relative grid h-12 w-12 place-items-center rounded-[15px] bg-transparent transition-transform group-active:scale-95",
-            style: { "--ml-grad": grad, color: import_action_button.ACTION_FOREGROUNDS[action] },
+            style: { "--ml-grad": grad, color: import_brand.ACTION_FOREGROUNDS[action] },
             children: icon
           }
         ),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/media-wallet/quick-action.tsx"],"sourcesContent":["\"use client\";\n\nimport { ACTION_GRADIENTS, ACTION_FOREGROUNDS } from \"./action-button.js\";\n\nexport function QuickAction({\n  label,\n  icon,\n  action,\n  onClick,\n  disabled,\n}: {\n  label: string;\n  icon: React.ReactNode;\n  action: keyof typeof ACTION_GRADIENTS;\n  onClick?: () => void;\n  disabled?: boolean;\n}) {\n  const grad = `linear-gradient(115deg, ${ACTION_GRADIENTS[action].join(\",\")})`;\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={`group flex flex-col items-center gap-1.5 ${disabled ? \"pointer-events-none opacity-40\" : \"\"}`}\n    >\n      <span\n        className=\"ml-gbtn relative grid h-12 w-12 place-items-center rounded-[15px] bg-transparent transition-transform group-active:scale-95\"\n        style={{ \"--ml-grad\": grad, color: ACTION_FOREGROUNDS[action] } as React.CSSProperties}\n      >\n        {icon}\n      </span>\n      <span className=\"text-2xs font-medium text-muted-foreground\">{label}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAjBJ,2BAAqD;AAE9C,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,OAAO,2BAA2B,sCAAiB,MAAM,EAAE,KAAK,GAAG,CAAC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,4CAA4C,WAAW,mCAAmC,EAAE;AAAA,MAEvG;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAM,OAAO,wCAAmB,MAAM,EAAE;AAAA,YAE7D;AAAA;AAAA,QACH;AAAA,QACA,4CAAC,UAAK,WAAU,8CAA8C,iBAAM;AAAA;AAAA;AAAA,EACtE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/media-wallet/quick-action.tsx"],"sourcesContent":["\"use client\";\n\nimport { ACTION_GRADIENTS, ACTION_FOREGROUNDS } from \"../../data/brand.js\";\n\nexport function QuickAction({\n  label,\n  icon,\n  action,\n  onClick,\n  disabled,\n}: {\n  label: string;\n  icon: React.ReactNode;\n  action: keyof typeof ACTION_GRADIENTS;\n  onClick?: () => void;\n  disabled?: boolean;\n}) {\n  const grad = `linear-gradient(115deg, ${ACTION_GRADIENTS[action].join(\",\")})`;\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={`group flex flex-col items-center gap-1.5 ${disabled ? \"pointer-events-none opacity-40\" : \"\"}`}\n    >\n      <span\n        className=\"ml-gbtn relative grid h-12 w-12 place-items-center rounded-[15px] bg-transparent transition-transform group-active:scale-95\"\n        style={{ \"--ml-grad\": grad, color: ACTION_FOREGROUNDS[action] } as React.CSSProperties}\n      >\n        {icon}\n      </span>\n      <span className=\"text-2xs font-medium text-muted-foreground\">{label}</span>\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBI;AAjBJ,mBAAqD;AAE9C,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,OAAO,2BAA2B,8BAAiB,MAAM,EAAE,KAAK,GAAG,CAAC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,4CAA4C,WAAW,mCAAmC,EAAE;AAAA,MAEvG;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAM,OAAO,gCAAmB,MAAM,EAAE;AAAA,YAE7D;AAAA;AAAA,QACH;AAAA,QACA,4CAAC,UAAK,WAAU,8CAA8C,iBAAM;AAAA;AAAA;AAAA,EACtE;AAEJ;","names":[]}

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ACTION_GRADIENTS } from './action-button.cjs';
+import { ACTION_GRADIENTS } from '../../data/brand.cjs';
 
 declare function QuickAction({ label, icon, action, onClick, disabled, }: {
     label: string;

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ACTION_GRADIENTS } from './action-button.js';
+import { ACTION_GRADIENTS } from '../../data/brand.js';
 
 declare function QuickAction({ label, icon, action, onClick, disabled, }: {
     label: string;

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ACTION_GRADIENTS, ACTION_FOREGROUNDS } from "./action-button.js";
+import { ACTION_GRADIENTS, ACTION_FOREGROUNDS } from "../../data/brand.js";
 function QuickAction({
   label,
   icon,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/media-wallet/quick-action.tsx"],"sourcesContent":["\"use client\";\n\nimport { ACTION_GRADIENTS, ACTION_FOREGROUNDS } from \"./action-button.js\";\n\nexport function QuickAction({\n  label,\n  icon,\n  action,\n  onClick,\n  disabled,\n}: {\n  label: string;\n  icon: React.ReactNode;\n  action: keyof typeof ACTION_GRADIENTS;\n  onClick?: () => void;\n  disabled?: boolean;\n}) {\n  const grad = `linear-gradient(115deg, ${ACTION_GRADIENTS[action].join(\",\")})`;\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={`group flex flex-col items-center gap-1.5 ${disabled ? \"pointer-events-none opacity-40\" : \"\"}`}\n    >\n      <span\n        className=\"ml-gbtn relative grid h-12 w-12 place-items-center rounded-[15px] bg-transparent transition-transform group-active:scale-95\"\n        style={{ \"--ml-grad\": grad, color: ACTION_FOREGROUNDS[action] } as React.CSSProperties}\n      >\n        {icon}\n      </span>\n      <span className=\"text-2xs font-medium text-muted-foreground\">{label}</span>\n    </button>\n  );\n}\n"],"mappings":";AAmBI,SAKE,KALF;AAjBJ,SAAS,kBAAkB,0BAA0B;AAE9C,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,OAAO,2BAA2B,iBAAiB,MAAM,EAAE,KAAK,GAAG,CAAC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,4CAA4C,WAAW,mCAAmC,EAAE;AAAA,MAEvG;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAM,OAAO,mBAAmB,MAAM,EAAE;AAAA,YAE7D;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,UAAK,WAAU,8CAA8C,iBAAM;AAAA;AAAA;AAAA,EACtE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/media-wallet/quick-action.tsx"],"sourcesContent":["\"use client\";\n\nimport { ACTION_GRADIENTS, ACTION_FOREGROUNDS } from \"../../data/brand.js\";\n\nexport function QuickAction({\n  label,\n  icon,\n  action,\n  onClick,\n  disabled,\n}: {\n  label: string;\n  icon: React.ReactNode;\n  action: keyof typeof ACTION_GRADIENTS;\n  onClick?: () => void;\n  disabled?: boolean;\n}) {\n  const grad = `linear-gradient(115deg, ${ACTION_GRADIENTS[action].join(\",\")})`;\n  return (\n    <button\n      onClick={onClick}\n      disabled={disabled}\n      className={`group flex flex-col items-center gap-1.5 ${disabled ? \"pointer-events-none opacity-40\" : \"\"}`}\n    >\n      <span\n        className=\"ml-gbtn relative grid h-12 w-12 place-items-center rounded-[15px] bg-transparent transition-transform group-active:scale-95\"\n        style={{ \"--ml-grad\": grad, color: ACTION_FOREGROUNDS[action] } as React.CSSProperties}\n      >\n        {icon}\n      </span>\n      <span className=\"text-2xs font-medium text-muted-foreground\">{label}</span>\n    </button>\n  );\n}\n"],"mappings":";AAmBI,SAKE,KALF;AAjBJ,SAAS,kBAAkB,0BAA0B;AAE9C,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,OAAO,2BAA2B,iBAAiB,MAAM,EAAE,KAAK,GAAG,CAAC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,4CAA4C,WAAW,mCAAmC,EAAE;AAAA,MAEvG;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAM,OAAO,mBAAmB,MAAM,EAAE;AAAA,YAE7D;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,UAAK,WAAU,8CAA8C,iBAAM;AAAA;AAAA;AAAA,EACtE;AAEJ;","names":[]}

package/dist/components/media-wallet/success-dialog.cjs

@@ -28,8 +28,8 @@ var import_action_button = require("../action-button.js");
 var import_action_modal = require("./action-modal.js");
 var import_confetti = require("../../utils/media-wallet/confetti.js");
 var import_wallet_format = require("../../utils/media-wallet/wallet-format.js");
+var import_brand = require("../../data/brand.js");
 var import_types = require("./types.js");
-const BRAND_GRADIENT = "linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)";
 function SuccessDialog({
   title,
   message,
@@ -58,7 +58,7 @@ function SuccessDialog({
           children: "View transaction \u2197"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, onClick: onClose, className: "mt-5 w-full", style: { "--ml-grad": BRAND_GRADIENT }, children: actionLabel })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_button.ActionButton, { big: true, onClick: onClose, className: "mt-5 w-full", style: { "--ml-grad": import_brand.BRAND_GRADIENT }, children: actionLabel })
     ] })
   ] }) });
 }

package/dist/components/media-wallet/success-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/media-wallet/success-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { ActionBackdrop, CanvasPortal } from \"./action-modal.js\";\nimport { fireConfetti } from \"../../utils/media-wallet/confetti.js\";\nimport { explorerTxUrl } from \"../../utils/media-wallet/wallet-format.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nconst BRAND_GRADIENT = \"linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)\";\n\nexport function SuccessDialog({\n  title,\n  message,\n  actionLabel = \"Done\",\n  txHash,\n  onClose,\n}: {\n  title: string;\n  message: string;\n  actionLabel?: string;\n  txHash?: string;\n  onClose: () => void;\n}) {\n  const { explorerUrl } = useMediaWalletApp();\n  useEffect(() => {\n    fireConfetti();\n  }, []);\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[70] grid place-items-center p-6\" onClick={onClose}>\n        <ActionBackdrop />\n        <div className=\"card-base relative z-10 w-full max-w-[320px] p-6 text-center\" onClick={(e) => e.stopPropagation()}>\n          <div role=\"status\">\n            <h2 className=\"font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight\">{title}</h2>\n            <p className=\"mt-1.5 text-sm leading-relaxed text-muted-foreground\">{message}</p>\n          </div>\n          {txHash && (\n            <a\n              href={explorerTxUrl(explorerUrl, txHash)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-3 inline-block text-xs text-brand-blue hover:underline\"\n            >\n              View transaction ↗\n            </a>\n          )}\n          <ActionButton big onClick={onClose} className=\"mt-5 w-full\" style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}>\n            {actionLabel}\n          </ActionButton>\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA7BR,mBAA0B;AAC1B,2BAA6B;AAC7B,0BAA6C;AAC7C,sBAA6B;AAC7B,2BAA8B;AAC9B,mBAAkC;AAElC,MAAM,iBAAiB;AAEhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,YAAY,QAAI,gCAAkB;AAC1C,8BAAU,MAAM;AACd,sCAAa;AAAA,EACf,GAAG,CAAC,CAAC;AACL,SACE,4CAAC,oCACC,uDAAC,SAAI,WAAU,uDAAsD,SAAS,SAC5E;AAAA,gDAAC,sCAAe;AAAA,IAChB,6CAAC,SAAI,WAAU,gEAA+D,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAC9G;AAAA,mDAAC,SAAI,MAAK,UACR;AAAA,oDAAC,QAAG,WAAU,gFAAgF,iBAAM;AAAA,QACpG,4CAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,SAC/E;AAAA,MACC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,UAAM,oCAAc,aAAa,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MAEF,4CAAC,qCAAa,KAAG,MAAC,SAAS,SAAS,WAAU,eAAc,OAAO,EAAE,aAAa,eAAe,GAC9F,uBACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/media-wallet/success-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { ActionBackdrop, CanvasPortal } from \"./action-modal.js\";\nimport { fireConfetti } from \"../../utils/media-wallet/confetti.js\";\nimport { explorerTxUrl } from \"../../utils/media-wallet/wallet-format.js\";\nimport { BRAND_GRADIENT } from \"../../data/brand.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nexport function SuccessDialog({\n  title,\n  message,\n  actionLabel = \"Done\",\n  txHash,\n  onClose,\n}: {\n  title: string;\n  message: string;\n  actionLabel?: string;\n  txHash?: string;\n  onClose: () => void;\n}) {\n  const { explorerUrl } = useMediaWalletApp();\n  useEffect(() => {\n    fireConfetti();\n  }, []);\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[70] grid place-items-center p-6\" onClick={onClose}>\n        <ActionBackdrop />\n        <div className=\"card-base relative z-10 w-full max-w-[320px] p-6 text-center\" onClick={(e) => e.stopPropagation()}>\n          <div role=\"status\">\n            <h2 className=\"font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight\">{title}</h2>\n            <p className=\"mt-1.5 text-sm leading-relaxed text-muted-foreground\">{message}</p>\n          </div>\n          {txHash && (\n            <a\n              href={explorerTxUrl(explorerUrl, txHash)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-3 inline-block text-xs text-brand-blue hover:underline\"\n            >\n              View transaction ↗\n            </a>\n          )}\n          <ActionButton big onClick={onClose} className=\"mt-5 w-full\" style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}>\n            {actionLabel}\n          </ActionButton>\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA5BR,mBAA0B;AAC1B,2BAA6B;AAC7B,0BAA6C;AAC7C,sBAA6B;AAC7B,2BAA8B;AAC9B,mBAA+B;AAC/B,mBAAkC;AAE3B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,YAAY,QAAI,gCAAkB;AAC1C,8BAAU,MAAM;AACd,sCAAa;AAAA,EACf,GAAG,CAAC,CAAC;AACL,SACE,4CAAC,oCACC,uDAAC,SAAI,WAAU,uDAAsD,SAAS,SAC5E;AAAA,gDAAC,sCAAe;AAAA,IAChB,6CAAC,SAAI,WAAU,gEAA+D,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAC9G;AAAA,mDAAC,SAAI,MAAK,UACR;AAAA,oDAAC,QAAG,WAAU,gFAAgF,iBAAM;AAAA,QACpG,4CAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,SAC/E;AAAA,MACC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,UAAM,oCAAc,aAAa,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MAEF,4CAAC,qCAAa,KAAG,MAAC,SAAS,SAAS,WAAU,eAAc,OAAO,EAAE,aAAa,4BAAe,GAC9F,uBACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/success-dialog.js

@@ -5,8 +5,8 @@ import { ActionButton } from "../action-button.js";
 import { ActionBackdrop, CanvasPortal } from "./action-modal.js";
 import { fireConfetti } from "../../utils/media-wallet/confetti.js";
 import { explorerTxUrl } from "../../utils/media-wallet/wallet-format.js";
+import { BRAND_GRADIENT } from "../../data/brand.js";
 import { useMediaWalletApp } from "./types.js";
-const BRAND_GRADIENT = "linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)";
 function SuccessDialog({
   title,
   message,

package/dist/components/media-wallet/success-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/media-wallet/success-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { ActionBackdrop, CanvasPortal } from \"./action-modal.js\";\nimport { fireConfetti } from \"../../utils/media-wallet/confetti.js\";\nimport { explorerTxUrl } from \"../../utils/media-wallet/wallet-format.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nconst BRAND_GRADIENT = \"linear-gradient(115deg, #3b7bff, #8a5cf6, #f6608f, #fb8b46, #3b7bff)\";\n\nexport function SuccessDialog({\n  title,\n  message,\n  actionLabel = \"Done\",\n  txHash,\n  onClose,\n}: {\n  title: string;\n  message: string;\n  actionLabel?: string;\n  txHash?: string;\n  onClose: () => void;\n}) {\n  const { explorerUrl } = useMediaWalletApp();\n  useEffect(() => {\n    fireConfetti();\n  }, []);\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[70] grid place-items-center p-6\" onClick={onClose}>\n        <ActionBackdrop />\n        <div className=\"card-base relative z-10 w-full max-w-[320px] p-6 text-center\" onClick={(e) => e.stopPropagation()}>\n          <div role=\"status\">\n            <h2 className=\"font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight\">{title}</h2>\n            <p className=\"mt-1.5 text-sm leading-relaxed text-muted-foreground\">{message}</p>\n          </div>\n          {txHash && (\n            <a\n              href={explorerTxUrl(explorerUrl, txHash)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-3 inline-block text-xs text-brand-blue hover:underline\"\n            >\n              View transaction ↗\n            </a>\n          )}\n          <ActionButton big onClick={onClose} className=\"mt-5 w-full\" style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}>\n            {actionLabel}\n          </ActionButton>\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";AA+BQ,cAEE,YAFF;AA7BR,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAElC,MAAM,iBAAiB;AAEhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAC1C,YAAU,MAAM;AACd,iBAAa;AAAA,EACf,GAAG,CAAC,CAAC;AACL,SACE,oBAAC,gBACC,+BAAC,SAAI,WAAU,uDAAsD,SAAS,SAC5E;AAAA,wBAAC,kBAAe;AAAA,IAChB,qBAAC,SAAI,WAAU,gEAA+D,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAC9G;AAAA,2BAAC,SAAI,MAAK,UACR;AAAA,4BAAC,QAAG,WAAU,gFAAgF,iBAAM;AAAA,QACpG,oBAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,SAC/E;AAAA,MACC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,cAAc,aAAa,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MAEF,oBAAC,gBAAa,KAAG,MAAC,SAAS,SAAS,WAAU,eAAc,OAAO,EAAE,aAAa,eAAe,GAC9F,uBACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/media-wallet/success-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect } from \"react\";\nimport { ActionButton } from \"../action-button.js\";\nimport { ActionBackdrop, CanvasPortal } from \"./action-modal.js\";\nimport { fireConfetti } from \"../../utils/media-wallet/confetti.js\";\nimport { explorerTxUrl } from \"../../utils/media-wallet/wallet-format.js\";\nimport { BRAND_GRADIENT } from \"../../data/brand.js\";\nimport { useMediaWalletApp } from \"./types.js\";\n\nexport function SuccessDialog({\n  title,\n  message,\n  actionLabel = \"Done\",\n  txHash,\n  onClose,\n}: {\n  title: string;\n  message: string;\n  actionLabel?: string;\n  txHash?: string;\n  onClose: () => void;\n}) {\n  const { explorerUrl } = useMediaWalletApp();\n  useEffect(() => {\n    fireConfetti();\n  }, []);\n  return (\n    <CanvasPortal>\n      <div className=\"absolute inset-0 z-[70] grid place-items-center p-6\" onClick={onClose}>\n        <ActionBackdrop />\n        <div className=\"card-base relative z-10 w-full max-w-[320px] p-6 text-center\" onClick={(e) => e.stopPropagation()}>\n          <div role=\"status\">\n            <h2 className=\"font-[family-name:var(--font-display)] text-xl font-extrabold tracking-tight\">{title}</h2>\n            <p className=\"mt-1.5 text-sm leading-relaxed text-muted-foreground\">{message}</p>\n          </div>\n          {txHash && (\n            <a\n              href={explorerTxUrl(explorerUrl, txHash)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"mt-3 inline-block text-xs text-brand-blue hover:underline\"\n            >\n              View transaction ↗\n            </a>\n          )}\n          <ActionButton big onClick={onClose} className=\"mt-5 w-full\" style={{ \"--ml-grad\": BRAND_GRADIENT } as React.CSSProperties}>\n            {actionLabel}\n          </ActionButton>\n        </div>\n      </div>\n    </CanvasPortal>\n  );\n}\n"],"mappings":";AA8BQ,cAEE,YAFF;AA5BR,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAE3B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACF,GAMG;AACD,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAC1C,YAAU,MAAM;AACd,iBAAa;AAAA,EACf,GAAG,CAAC,CAAC;AACL,SACE,oBAAC,gBACC,+BAAC,SAAI,WAAU,uDAAsD,SAAS,SAC5E;AAAA,wBAAC,kBAAe;AAAA,IAChB,qBAAC,SAAI,WAAU,gEAA+D,SAAS,CAAC,MAAM,EAAE,gBAAgB,GAC9G;AAAA,2BAAC,SAAI,MAAK,UACR;AAAA,4BAAC,QAAG,WAAU,gFAAgF,iBAAM;AAAA,QACpG,oBAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,SAC/E;AAAA,MACC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,cAAc,aAAa,MAAM;AAAA,UACvC,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MAEF,oBAAC,gBAAa,KAAG,MAAC,SAAS,SAAS,WAAU,eAAc,OAAO,EAAE,aAAa,eAAe,GAC9F,uBACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/components/media-wallet/wallet-activity-icon.cjs

@@ -23,6 +23,7 @@ __export(wallet_activity_icon_exports, {
 module.exports = __toCommonJS(wallet_activity_icon_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_sdk = require("@medialane/sdk");
+var import_brand = require("../../data/brand.js");
 var import_currency_icon = require("../currency-icon.js");
 function WalletActivityIcon({ a }) {
   if (a.type === "SEND" || a.type === "RECEIVE") {
@@ -30,11 +31,11 @@ function WalletActivityIcon({ a }) {
     if (symbol) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_currency_icon.CurrencyIcon, { symbol, size: 22 }) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: a.type === "RECEIVE" ? "#3b7bff" : "#f6608f", children: a.type === "RECEIVE" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowDownIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpIcon, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: a.type === "RECEIVE" ? import_brand.BRAND_COLOR.blue : import_brand.BRAND_COLOR.rose, children: a.type === "RECEIVE" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowDownIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpIcon, {}) });
   }
-  if (a.type === "SWAP") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: "#8a3ff0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwapIcon, {}) });
-  if (a.type === "DEPLOY") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: "#fb7a32", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RocketIcon, {}) });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: "#5b4ce6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShieldIcon, {}) });
+  if (a.type === "SWAP") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: import_brand.BRAND_COLOR.purple, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwapIcon, {}) });
+  if (a.type === "DEPLOY") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: import_brand.BRAND_COLOR.orange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RocketIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionIcon, { hue: import_brand.BRAND_COLOR.purple, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShieldIcon, {}) });
 }
 function ActionIcon({ hue, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-foreground/[0.06]", style: { color: hue }, children });

package/dist/components/media-wallet/wallet-activity-icon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/media-wallet/wallet-activity-icon.tsx"],"sourcesContent":["import { getTokenByAddress, type ApiWalletActivity } from \"@medialane/sdk\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\n\nexport function WalletActivityIcon({ a }: { a: ApiWalletActivity }) {\n  if (a.type === \"SEND\" || a.type === \"RECEIVE\") {\n    const symbol = a.tokenAddress ? getTokenByAddress(a.tokenAddress)?.symbol : undefined;\n    if (symbol) {\n      return (\n        <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n          <CurrencyIcon symbol={symbol} size={22} />\n        </div>\n      );\n    }\n    return <ActionIcon hue={a.type === \"RECEIVE\" ? \"#3b7bff\" : \"#f6608f\"}>{a.type === \"RECEIVE\" ? <ArrowDownIcon /> : <ArrowUpIcon />}</ActionIcon>;\n  }\n  if (a.type === \"SWAP\") return <ActionIcon hue=\"#8a3ff0\"><SwapIcon /></ActionIcon>;\n  if (a.type === \"DEPLOY\") return <ActionIcon hue=\"#fb7a32\"><RocketIcon /></ActionIcon>;\n  return <ActionIcon hue=\"#5b4ce6\"><ShieldIcon /></ActionIcon>;\n}\n\nfunction ActionIcon({ hue, children }: { hue: string; children: React.ReactNode }) {\n  return (\n    <span className=\"grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-foreground/[0.06]\" style={{ color: hue }}>\n      {children}\n    </span>\n  );\n}\n\nconst s = { fill: \"none\", stroke: \"currentColor\", strokeWidth: 1.9, strokeLinecap: \"round\", strokeLinejoin: \"round\" } as const;\nfunction ArrowDownIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 4v16M6 14l6 6 6-6\" /></svg>; }\nfunction ArrowUpIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 20V4M6 10l6-6 6 6\" /></svg>; }\nfunction SwapIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M7 10l-3-3 3-3M4 7h13M17 14l3 3-3 3M20 17H7\" /></svg>; }\nfunction RocketIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\" /><path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\" /><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" /></svg>; }\nfunction ShieldIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z\" /><path d=\"M9 12l2 2 4-4\" /></svg>; }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASU;AATV,iBAA0D;AAC1D,2BAA6B;AAEtB,SAAS,mBAAmB,EAAE,EAAE,GAA6B;AAClE,MAAI,EAAE,SAAS,UAAU,EAAE,SAAS,WAAW;AAC7C,UAAM,SAAS,EAAE,mBAAe,8BAAkB,EAAE,YAAY,GAAG,SAAS;AAC5E,QAAI,QAAQ;AACV,aACE,4CAAC,SAAI,WAAU,gFACb,sDAAC,qCAAa,QAAgB,MAAM,IAAI,GAC1C;AAAA,IAEJ;AACA,WAAO,4CAAC,cAAW,KAAK,EAAE,SAAS,YAAY,YAAY,WAAY,YAAE,SAAS,YAAY,4CAAC,iBAAc,IAAK,4CAAC,eAAY,GAAG;AAAA,EACpI;AACA,MAAI,EAAE,SAAS,OAAQ,QAAO,4CAAC,cAAW,KAAI,WAAU,sDAAC,YAAS,GAAE;AACpE,MAAI,EAAE,SAAS,SAAU,QAAO,4CAAC,cAAW,KAAI,WAAU,sDAAC,cAAW,GAAE;AACxE,SAAO,4CAAC,cAAW,KAAI,WAAU,sDAAC,cAAW,GAAE;AACjD;AAEA,SAAS,WAAW,EAAE,KAAK,SAAS,GAA+C;AACjF,SACE,4CAAC,UAAK,WAAU,+EAA8E,OAAO,EAAE,OAAO,IAAI,GAC/G,UACH;AAEJ;AAEA,MAAM,IAAI,EAAE,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,QAAQ;AACpH,SAAS,gBAAgB;AAAE,SAAO,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,sDAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACnI,SAAS,cAAc;AAAE,SAAO,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,sDAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACjI,SAAS,WAAW;AAAE,SAAO,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,sDAAC,UAAK,GAAE,+CAA8C,GAAE;AAAQ;AACpJ,SAAS,aAAa;AAAE,SAAO,6CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,gDAAC,UAAK,GAAE,4FAA2F;AAAA,IAAE,4CAAC,UAAK,GAAE,+FAA8F;AAAA,IAAE,4CAAC,UAAK,GAAE,iFAAgF;AAAA,KAAE;AAAQ;AACrY,SAAS,aAAa;AAAE,SAAO,6CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,gDAAC,UAAK,GAAE,gDAA+C;AAAA,IAAE,4CAAC,UAAK,GAAE,iBAAgB;AAAA,KAAE;AAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/media-wallet/wallet-activity-icon.tsx"],"sourcesContent":["import { getTokenByAddress, type ApiWalletActivity } from \"@medialane/sdk\";\nimport { BRAND_COLOR } from \"../../data/brand.js\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\n\nexport function WalletActivityIcon({ a }: { a: ApiWalletActivity }) {\n  if (a.type === \"SEND\" || a.type === \"RECEIVE\") {\n    const symbol = a.tokenAddress ? getTokenByAddress(a.tokenAddress)?.symbol : undefined;\n    if (symbol) {\n      return (\n        <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n          <CurrencyIcon symbol={symbol} size={22} />\n        </div>\n      );\n    }\n    return <ActionIcon hue={a.type === \"RECEIVE\" ? BRAND_COLOR.blue : BRAND_COLOR.rose}>{a.type === \"RECEIVE\" ? <ArrowDownIcon /> : <ArrowUpIcon />}</ActionIcon>;\n  }\n  if (a.type === \"SWAP\") return <ActionIcon hue={BRAND_COLOR.purple}><SwapIcon /></ActionIcon>;\n  if (a.type === \"DEPLOY\") return <ActionIcon hue={BRAND_COLOR.orange}><RocketIcon /></ActionIcon>;\n  return <ActionIcon hue={BRAND_COLOR.purple}><ShieldIcon /></ActionIcon>;\n}\n\nfunction ActionIcon({ hue, children }: { hue: string; children: React.ReactNode }) {\n  return (\n    <span className=\"grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-foreground/[0.06]\" style={{ color: hue }}>\n      {children}\n    </span>\n  );\n}\n\nconst s = { fill: \"none\", stroke: \"currentColor\", strokeWidth: 1.9, strokeLinecap: \"round\", strokeLinejoin: \"round\" } as const;\nfunction ArrowDownIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 4v16M6 14l6 6 6-6\" /></svg>; }\nfunction ArrowUpIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 20V4M6 10l6-6 6 6\" /></svg>; }\nfunction SwapIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M7 10l-3-3 3-3M4 7h13M17 14l3 3-3 3M20 17H7\" /></svg>; }\nfunction RocketIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\" /><path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\" /><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" /></svg>; }\nfunction ShieldIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z\" /><path d=\"M9 12l2 2 4-4\" /></svg>; }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUU;AAVV,iBAA0D;AAC1D,mBAA4B;AAC5B,2BAA6B;AAEtB,SAAS,mBAAmB,EAAE,EAAE,GAA6B;AAClE,MAAI,EAAE,SAAS,UAAU,EAAE,SAAS,WAAW;AAC7C,UAAM,SAAS,EAAE,mBAAe,8BAAkB,EAAE,YAAY,GAAG,SAAS;AAC5E,QAAI,QAAQ;AACV,aACE,4CAAC,SAAI,WAAU,gFACb,sDAAC,qCAAa,QAAgB,MAAM,IAAI,GAC1C;AAAA,IAEJ;AACA,WAAO,4CAAC,cAAW,KAAK,EAAE,SAAS,YAAY,yBAAY,OAAO,yBAAY,MAAO,YAAE,SAAS,YAAY,4CAAC,iBAAc,IAAK,4CAAC,eAAY,GAAG;AAAA,EAClJ;AACA,MAAI,EAAE,SAAS,OAAQ,QAAO,4CAAC,cAAW,KAAK,yBAAY,QAAQ,sDAAC,YAAS,GAAE;AAC/E,MAAI,EAAE,SAAS,SAAU,QAAO,4CAAC,cAAW,KAAK,yBAAY,QAAQ,sDAAC,cAAW,GAAE;AACnF,SAAO,4CAAC,cAAW,KAAK,yBAAY,QAAQ,sDAAC,cAAW,GAAE;AAC5D;AAEA,SAAS,WAAW,EAAE,KAAK,SAAS,GAA+C;AACjF,SACE,4CAAC,UAAK,WAAU,+EAA8E,OAAO,EAAE,OAAO,IAAI,GAC/G,UACH;AAEJ;AAEA,MAAM,IAAI,EAAE,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,QAAQ;AACpH,SAAS,gBAAgB;AAAE,SAAO,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,sDAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACnI,SAAS,cAAc;AAAE,SAAO,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,sDAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACjI,SAAS,WAAW;AAAE,SAAO,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,sDAAC,UAAK,GAAE,+CAA8C,GAAE;AAAQ;AACpJ,SAAS,aAAa;AAAE,SAAO,6CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,gDAAC,UAAK,GAAE,4FAA2F;AAAA,IAAE,4CAAC,UAAK,GAAE,+FAA8F;AAAA,IAAE,4CAAC,UAAK,GAAE,iFAAgF;AAAA,KAAE;AAAQ;AACrY,SAAS,aAAa;AAAE,SAAO,6CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,gDAAC,UAAK,GAAE,gDAA+C;AAAA,IAAE,4CAAC,UAAK,GAAE,iBAAgB;AAAA,KAAE;AAAQ;","names":[]}

package/dist/components/media-wallet/wallet-activity-icon.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { getTokenByAddress } from "@medialane/sdk";
+import { BRAND_COLOR } from "../../data/brand.js";
 import { CurrencyIcon } from "../currency-icon.js";
 function WalletActivityIcon({ a }) {
   if (a.type === "SEND" || a.type === "RECEIVE") {
@@ -7,11 +8,11 @@ function WalletActivityIcon({ a }) {
     if (symbol) {
       return /* @__PURE__ */ jsx("div", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]", children: /* @__PURE__ */ jsx(CurrencyIcon, { symbol, size: 22 }) });
     }
-    return /* @__PURE__ */ jsx(ActionIcon, { hue: a.type === "RECEIVE" ? "#3b7bff" : "#f6608f", children: a.type === "RECEIVE" ? /* @__PURE__ */ jsx(ArrowDownIcon, {}) : /* @__PURE__ */ jsx(ArrowUpIcon, {}) });
+    return /* @__PURE__ */ jsx(ActionIcon, { hue: a.type === "RECEIVE" ? BRAND_COLOR.blue : BRAND_COLOR.rose, children: a.type === "RECEIVE" ? /* @__PURE__ */ jsx(ArrowDownIcon, {}) : /* @__PURE__ */ jsx(ArrowUpIcon, {}) });
   }
-  if (a.type === "SWAP") return /* @__PURE__ */ jsx(ActionIcon, { hue: "#8a3ff0", children: /* @__PURE__ */ jsx(SwapIcon, {}) });
-  if (a.type === "DEPLOY") return /* @__PURE__ */ jsx(ActionIcon, { hue: "#fb7a32", children: /* @__PURE__ */ jsx(RocketIcon, {}) });
-  return /* @__PURE__ */ jsx(ActionIcon, { hue: "#5b4ce6", children: /* @__PURE__ */ jsx(ShieldIcon, {}) });
+  if (a.type === "SWAP") return /* @__PURE__ */ jsx(ActionIcon, { hue: BRAND_COLOR.purple, children: /* @__PURE__ */ jsx(SwapIcon, {}) });
+  if (a.type === "DEPLOY") return /* @__PURE__ */ jsx(ActionIcon, { hue: BRAND_COLOR.orange, children: /* @__PURE__ */ jsx(RocketIcon, {}) });
+  return /* @__PURE__ */ jsx(ActionIcon, { hue: BRAND_COLOR.purple, children: /* @__PURE__ */ jsx(ShieldIcon, {}) });
 }
 function ActionIcon({ hue, children }) {
   return /* @__PURE__ */ jsx("span", { className: "grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-foreground/[0.06]", style: { color: hue }, children });

package/dist/components/media-wallet/wallet-activity-icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/media-wallet/wallet-activity-icon.tsx"],"sourcesContent":["import { getTokenByAddress, type ApiWalletActivity } from \"@medialane/sdk\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\n\nexport function WalletActivityIcon({ a }: { a: ApiWalletActivity }) {\n  if (a.type === \"SEND\" || a.type === \"RECEIVE\") {\n    const symbol = a.tokenAddress ? getTokenByAddress(a.tokenAddress)?.symbol : undefined;\n    if (symbol) {\n      return (\n        <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n          <CurrencyIcon symbol={symbol} size={22} />\n        </div>\n      );\n    }\n    return <ActionIcon hue={a.type === \"RECEIVE\" ? \"#3b7bff\" : \"#f6608f\"}>{a.type === \"RECEIVE\" ? <ArrowDownIcon /> : <ArrowUpIcon />}</ActionIcon>;\n  }\n  if (a.type === \"SWAP\") return <ActionIcon hue=\"#8a3ff0\"><SwapIcon /></ActionIcon>;\n  if (a.type === \"DEPLOY\") return <ActionIcon hue=\"#fb7a32\"><RocketIcon /></ActionIcon>;\n  return <ActionIcon hue=\"#5b4ce6\"><ShieldIcon /></ActionIcon>;\n}\n\nfunction ActionIcon({ hue, children }: { hue: string; children: React.ReactNode }) {\n  return (\n    <span className=\"grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-foreground/[0.06]\" style={{ color: hue }}>\n      {children}\n    </span>\n  );\n}\n\nconst s = { fill: \"none\", stroke: \"currentColor\", strokeWidth: 1.9, strokeLinecap: \"round\", strokeLinejoin: \"round\" } as const;\nfunction ArrowDownIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 4v16M6 14l6 6 6-6\" /></svg>; }\nfunction ArrowUpIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 20V4M6 10l6-6 6 6\" /></svg>; }\nfunction SwapIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M7 10l-3-3 3-3M4 7h13M17 14l3 3-3 3M20 17H7\" /></svg>; }\nfunction RocketIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\" /><path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\" /><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" /></svg>; }\nfunction ShieldIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z\" /><path d=\"M9 12l2 2 4-4\" /></svg>; }\n"],"mappings":"AASU,cAuBqB,YAvBrB;AATV,SAAS,yBAAiD;AAC1D,SAAS,oBAAoB;AAEtB,SAAS,mBAAmB,EAAE,EAAE,GAA6B;AAClE,MAAI,EAAE,SAAS,UAAU,EAAE,SAAS,WAAW;AAC7C,UAAM,SAAS,EAAE,eAAe,kBAAkB,EAAE,YAAY,GAAG,SAAS;AAC5E,QAAI,QAAQ;AACV,aACE,oBAAC,SAAI,WAAU,gFACb,8BAAC,gBAAa,QAAgB,MAAM,IAAI,GAC1C;AAAA,IAEJ;AACA,WAAO,oBAAC,cAAW,KAAK,EAAE,SAAS,YAAY,YAAY,WAAY,YAAE,SAAS,YAAY,oBAAC,iBAAc,IAAK,oBAAC,eAAY,GAAG;AAAA,EACpI;AACA,MAAI,EAAE,SAAS,OAAQ,QAAO,oBAAC,cAAW,KAAI,WAAU,8BAAC,YAAS,GAAE;AACpE,MAAI,EAAE,SAAS,SAAU,QAAO,oBAAC,cAAW,KAAI,WAAU,8BAAC,cAAW,GAAE;AACxE,SAAO,oBAAC,cAAW,KAAI,WAAU,8BAAC,cAAW,GAAE;AACjD;AAEA,SAAS,WAAW,EAAE,KAAK,SAAS,GAA+C;AACjF,SACE,oBAAC,UAAK,WAAU,+EAA8E,OAAO,EAAE,OAAO,IAAI,GAC/G,UACH;AAEJ;AAEA,MAAM,IAAI,EAAE,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,QAAQ;AACpH,SAAS,gBAAgB;AAAE,SAAO,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,8BAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACnI,SAAS,cAAc;AAAE,SAAO,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,8BAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACjI,SAAS,WAAW;AAAE,SAAO,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,8BAAC,UAAK,GAAE,+CAA8C,GAAE;AAAQ;AACpJ,SAAS,aAAa;AAAE,SAAO,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,wBAAC,UAAK,GAAE,4FAA2F;AAAA,IAAE,oBAAC,UAAK,GAAE,+FAA8F;AAAA,IAAE,oBAAC,UAAK,GAAE,iFAAgF;AAAA,KAAE;AAAQ;AACrY,SAAS,aAAa;AAAE,SAAO,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,wBAAC,UAAK,GAAE,gDAA+C;AAAA,IAAE,oBAAC,UAAK,GAAE,iBAAgB;AAAA,KAAE;AAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/media-wallet/wallet-activity-icon.tsx"],"sourcesContent":["import { getTokenByAddress, type ApiWalletActivity } from \"@medialane/sdk\";\nimport { BRAND_COLOR } from \"../../data/brand.js\";\nimport { CurrencyIcon } from \"../currency-icon.js\";\n\nexport function WalletActivityIcon({ a }: { a: ApiWalletActivity }) {\n  if (a.type === \"SEND\" || a.type === \"RECEIVE\") {\n    const symbol = a.tokenAddress ? getTokenByAddress(a.tokenAddress)?.symbol : undefined;\n    if (symbol) {\n      return (\n        <div className=\"grid h-11 w-11 shrink-0 place-items-center rounded-full bg-foreground/[0.06]\">\n          <CurrencyIcon symbol={symbol} size={22} />\n        </div>\n      );\n    }\n    return <ActionIcon hue={a.type === \"RECEIVE\" ? BRAND_COLOR.blue : BRAND_COLOR.rose}>{a.type === \"RECEIVE\" ? <ArrowDownIcon /> : <ArrowUpIcon />}</ActionIcon>;\n  }\n  if (a.type === \"SWAP\") return <ActionIcon hue={BRAND_COLOR.purple}><SwapIcon /></ActionIcon>;\n  if (a.type === \"DEPLOY\") return <ActionIcon hue={BRAND_COLOR.orange}><RocketIcon /></ActionIcon>;\n  return <ActionIcon hue={BRAND_COLOR.purple}><ShieldIcon /></ActionIcon>;\n}\n\nfunction ActionIcon({ hue, children }: { hue: string; children: React.ReactNode }) {\n  return (\n    <span className=\"grid h-11 w-11 shrink-0 place-items-center rounded-2xl bg-foreground/[0.06]\" style={{ color: hue }}>\n      {children}\n    </span>\n  );\n}\n\nconst s = { fill: \"none\", stroke: \"currentColor\", strokeWidth: 1.9, strokeLinecap: \"round\", strokeLinejoin: \"round\" } as const;\nfunction ArrowDownIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 4v16M6 14l6 6 6-6\" /></svg>; }\nfunction ArrowUpIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 20V4M6 10l6-6 6 6\" /></svg>; }\nfunction SwapIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M7 10l-3-3 3-3M4 7h13M17 14l3 3-3 3M20 17H7\" /></svg>; }\nfunction RocketIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 00-2.91-.09z\" /><path d=\"M12 15l-3-3a22 22 0 012-3.95A12.88 12.88 0 0122 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 01-4 2z\" /><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\" /></svg>; }\nfunction ShieldIcon() { return <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" {...s}><path d=\"M12 2l7 4v6c0 5-3.5 8-7 10-3.5-2-7-5-7-10V6z\" /><path d=\"M9 12l2 2 4-4\" /></svg>; }\n"],"mappings":"AAUU,cAuBqB,YAvBrB;AAVV,SAAS,yBAAiD;AAC1D,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAEtB,SAAS,mBAAmB,EAAE,EAAE,GAA6B;AAClE,MAAI,EAAE,SAAS,UAAU,EAAE,SAAS,WAAW;AAC7C,UAAM,SAAS,EAAE,eAAe,kBAAkB,EAAE,YAAY,GAAG,SAAS;AAC5E,QAAI,QAAQ;AACV,aACE,oBAAC,SAAI,WAAU,gFACb,8BAAC,gBAAa,QAAgB,MAAM,IAAI,GAC1C;AAAA,IAEJ;AACA,WAAO,oBAAC,cAAW,KAAK,EAAE,SAAS,YAAY,YAAY,OAAO,YAAY,MAAO,YAAE,SAAS,YAAY,oBAAC,iBAAc,IAAK,oBAAC,eAAY,GAAG;AAAA,EAClJ;AACA,MAAI,EAAE,SAAS,OAAQ,QAAO,oBAAC,cAAW,KAAK,YAAY,QAAQ,8BAAC,YAAS,GAAE;AAC/E,MAAI,EAAE,SAAS,SAAU,QAAO,oBAAC,cAAW,KAAK,YAAY,QAAQ,8BAAC,cAAW,GAAE;AACnF,SAAO,oBAAC,cAAW,KAAK,YAAY,QAAQ,8BAAC,cAAW,GAAE;AAC5D;AAEA,SAAS,WAAW,EAAE,KAAK,SAAS,GAA+C;AACjF,SACE,oBAAC,UAAK,WAAU,+EAA8E,OAAO,EAAE,OAAO,IAAI,GAC/G,UACH;AAEJ;AAEA,MAAM,IAAI,EAAE,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,QAAQ;AACpH,SAAS,gBAAgB;AAAE,SAAO,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,8BAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACnI,SAAS,cAAc;AAAE,SAAO,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,8BAAC,UAAK,GAAE,yBAAwB,GAAE;AAAQ;AACjI,SAAS,WAAW;AAAE,SAAO,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG,8BAAC,UAAK,GAAE,+CAA8C,GAAE;AAAQ;AACpJ,SAAS,aAAa;AAAE,SAAO,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,wBAAC,UAAK,GAAE,4FAA2F;AAAA,IAAE,oBAAC,UAAK,GAAE,+FAA8F;AAAA,IAAE,oBAAC,UAAK,GAAE,iFAAgF;AAAA,KAAE;AAAQ;AACrY,SAAS,aAAa;AAAE,SAAO,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,GAAG;AAAA,wBAAC,UAAK,GAAE,gDAA+C;AAAA,IAAE,oBAAC,UAAK,GAAE,iBAAgB;AAAA,KAAE;AAAQ;","names":[]}

package/dist/components/medialane-collection-card.cjs

@@ -38,28 +38,28 @@ function MedialaneCollectionCard({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)(className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-[24px] border border-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: "ml-card-material relative rounded-[23px] overflow-hidden text-[#0a0e1f] dark:text-white",
+      className: "ml-card-material relative rounded-[23px] overflow-hidden text-brand-navy dark:text-white",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "p-2.5 pb-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative aspect-square w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10 bg-muted", children: image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: image, alt: displayName, loading: "lazy", decoding: "async", className: "h-full w-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full w-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ImageIcon, { className: "h-8 w-8 text-muted-foreground/40" }) }) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative px-4 pt-3 pb-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "min-w-0 flex-1 text-[18px] font-bold leading-snug truncate", children: displayName }),
-            serial && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-[#0a0e1f]/80 dark:text-white/80 tabular-nums", children: serial })
+            serial && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-brand-navy/80 dark:text-white/80 tabular-nums", children: serial })
           ] }),
-          collection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-[12.5px] text-[#0a0e1f]/55 dark:text-white/55 truncate", children: collection }),
+          collection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-[12.5px] text-brand-navy/55 dark:text-white/55 truncate", children: collection }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-3 h-px bg-black/10 dark:bg-white/10" }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-2xs font-bold tracking-[0.18em] text-[#0a0e1f]/50 dark:text-white/50", children: "STARKNET" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-2xs font-bold tracking-[0.18em] text-brand-navy/50 dark:text-white/50", children: "STARKNET" }),
             creator && (creatorHref ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "a",
               {
                 href: creatorHref,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: "ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums hover:text-[#0a0e1f]/80 dark:hover:text-white/80 transition-colors",
+                className: "ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums hover:text-brand-navy/80 dark:hover:text-white/80 transition-colors",
                 children: creator
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums", children: creator }))
+            ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums", children: creator }))
           ] })
         ] })
       ]

package/dist/components/medialane-collection-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/medialane-collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { ImageIcon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface MedialaneCollectionCardProps {\n\n  image?: string | null;\n\n  name?: string;\n\n  collection?: string;\n\n  serial?: string;\n\n  creator?: string;\n\n  creatorHref?: string;\n  className?: string;\n}\n\nexport function MedialaneCollectionCard({\n  image,\n  name,\n  collection,\n  serial,\n  creator,\n  creatorHref,\n  className,\n}: MedialaneCollectionCardProps) {\n  const displayName = name?.trim() || \"Untitled\";\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"rounded-[24px] border border-border\">\n        <div\n          className=\"ml-card-material relative rounded-[23px] overflow-hidden text-[#0a0e1f] dark:text-white\"\n        >\n\n          <div className=\"p-2.5 pb-0\">\n            <div className=\"relative aspect-square w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10 bg-muted\">\n              {image ? (\n\n                <img src={image} alt={displayName} loading=\"lazy\" decoding=\"async\" className=\"h-full w-full object-cover\" />\n              ) : (\n                <div className=\"h-full w-full flex items-center justify-center\">\n                  <ImageIcon className=\"h-8 w-8 text-muted-foreground/40\" />\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"relative px-4 pt-3 pb-4\">\n            <div className=\"flex items-start gap-2\">\n              <p className=\"min-w-0 flex-1 text-[18px] font-bold leading-snug truncate\">\n                {displayName}\n              </p>\n              {serial && (\n                <span className=\"mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-[#0a0e1f]/80 dark:text-white/80 tabular-nums\">\n                  {serial}\n                </span>\n              )}\n            </div>\n            {collection && (\n              <p className=\"mt-0.5 text-[12.5px] text-[#0a0e1f]/55 dark:text-white/55 truncate\">{collection}</p>\n            )}\n            <div className=\"my-3 h-px bg-black/10 dark:bg-white/10\" />\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-2xs font-bold tracking-[0.18em] text-[#0a0e1f]/50 dark:text-white/50\">\n                STARKNET\n              </span>\n              {creator && (\n                creatorHref ? (\n                  <a\n                    href={creatorHref}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums hover:text-[#0a0e1f]/80 dark:hover:text-white/80 transition-colors\"\n                  >\n                    {creator}\n                  </a>\n                ) : (\n                  <span className=\"ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums\">\n                    {creator}\n                  </span>\n                )\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CgB;AAzChB,0BAA0B;AAC1B,gBAAmB;AAkBZ,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,cAAc,MAAM,KAAK,KAAK;AAEpC,SACE,4CAAC,SAAI,eAAW,cAAG,SAAS,GAC1B,sDAAC,SAAI,WAAU,uCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAGV;AAAA,oDAAC,SAAI,WAAU,cACb,sDAAC,SAAI,WAAU,iHACZ,kBAEC,4CAAC,SAAI,KAAK,OAAO,KAAK,aAAa,SAAQ,QAAO,UAAS,SAAQ,WAAU,8BAA6B,IAE1G,4CAAC,SAAI,WAAU,kDACb,sDAAC,iCAAU,WAAU,oCAAmC,GAC1D,GAEJ,GACF;AAAA,QAEA,6CAAC,SAAI,WAAU,2BACb;AAAA,uDAAC,SAAI,WAAU,0BACb;AAAA,wDAAC,OAAE,WAAU,8DACV,uBACH;AAAA,YACC,UACC,4CAAC,UAAK,WAAU,iJACb,kBACH;AAAA,aAEJ;AAAA,UACC,cACC,4CAAC,OAAE,WAAU,sEAAsE,sBAAW;AAAA,UAEhG,4CAAC,SAAI,WAAU,0CAAyC;AAAA,UACxD,6CAAC,SAAI,WAAU,2BACb;AAAA,wDAAC,UAAK,WAAU,6EAA4E,sBAE5F;AAAA,YACC,YACC,cACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IAEA,4CAAC,UAAK,WAAU,uFACb,mBACH;AAAA,aAGN;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/medialane-collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { ImageIcon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface MedialaneCollectionCardProps {\n\n  image?: string | null;\n\n  name?: string;\n\n  collection?: string;\n\n  serial?: string;\n\n  creator?: string;\n\n  creatorHref?: string;\n  className?: string;\n}\n\nexport function MedialaneCollectionCard({\n  image,\n  name,\n  collection,\n  serial,\n  creator,\n  creatorHref,\n  className,\n}: MedialaneCollectionCardProps) {\n  const displayName = name?.trim() || \"Untitled\";\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"rounded-[24px] border border-border\">\n        <div\n          className=\"ml-card-material relative rounded-[23px] overflow-hidden text-brand-navy dark:text-white\"\n        >\n\n          <div className=\"p-2.5 pb-0\">\n            <div className=\"relative aspect-square w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10 bg-muted\">\n              {image ? (\n\n                <img src={image} alt={displayName} loading=\"lazy\" decoding=\"async\" className=\"h-full w-full object-cover\" />\n              ) : (\n                <div className=\"h-full w-full flex items-center justify-center\">\n                  <ImageIcon className=\"h-8 w-8 text-muted-foreground/40\" />\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"relative px-4 pt-3 pb-4\">\n            <div className=\"flex items-start gap-2\">\n              <p className=\"min-w-0 flex-1 text-[18px] font-bold leading-snug truncate\">\n                {displayName}\n              </p>\n              {serial && (\n                <span className=\"mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-brand-navy/80 dark:text-white/80 tabular-nums\">\n                  {serial}\n                </span>\n              )}\n            </div>\n            {collection && (\n              <p className=\"mt-0.5 text-[12.5px] text-brand-navy/55 dark:text-white/55 truncate\">{collection}</p>\n            )}\n            <div className=\"my-3 h-px bg-black/10 dark:bg-white/10\" />\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-2xs font-bold tracking-[0.18em] text-brand-navy/50 dark:text-white/50\">\n                STARKNET\n              </span>\n              {creator && (\n                creatorHref ? (\n                  <a\n                    href={creatorHref}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums hover:text-brand-navy/80 dark:hover:text-white/80 transition-colors\"\n                  >\n                    {creator}\n                  </a>\n                ) : (\n                  <span className=\"ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums\">\n                    {creator}\n                  </span>\n                )\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CgB;AAzChB,0BAA0B;AAC1B,gBAAmB;AAkBZ,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,cAAc,MAAM,KAAK,KAAK;AAEpC,SACE,4CAAC,SAAI,eAAW,cAAG,SAAS,GAC1B,sDAAC,SAAI,WAAU,uCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAGV;AAAA,oDAAC,SAAI,WAAU,cACb,sDAAC,SAAI,WAAU,iHACZ,kBAEC,4CAAC,SAAI,KAAK,OAAO,KAAK,aAAa,SAAQ,QAAO,UAAS,SAAQ,WAAU,8BAA6B,IAE1G,4CAAC,SAAI,WAAU,kDACb,sDAAC,iCAAU,WAAU,oCAAmC,GAC1D,GAEJ,GACF;AAAA,QAEA,6CAAC,SAAI,WAAU,2BACb;AAAA,uDAAC,SAAI,WAAU,0BACb;AAAA,wDAAC,OAAE,WAAU,8DACV,uBACH;AAAA,YACC,UACC,4CAAC,UAAK,WAAU,kJACb,kBACH;AAAA,aAEJ;AAAA,UACC,cACC,4CAAC,OAAE,WAAU,uEAAuE,sBAAW;AAAA,UAEjG,4CAAC,SAAI,WAAU,0CAAyC;AAAA,UACxD,6CAAC,SAAI,WAAU,2BACb;AAAA,wDAAC,UAAK,WAAU,8EAA6E,sBAE7F;AAAA,YACC,YACC,cACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IAEA,4CAAC,UAAK,WAAU,wFACb,mBACH;AAAA,aAGN;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/medialane-collection-card.js

@@ -15,28 +15,28 @@ function MedialaneCollectionCard({
   return /* @__PURE__ */ jsx("div", { className: cn(className), children: /* @__PURE__ */ jsx("div", { className: "rounded-[24px] border border-border", children: /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "ml-card-material relative rounded-[23px] overflow-hidden text-[#0a0e1f] dark:text-white",
+      className: "ml-card-material relative rounded-[23px] overflow-hidden text-brand-navy dark:text-white",
       children: [
         /* @__PURE__ */ jsx("div", { className: "p-2.5 pb-0", children: /* @__PURE__ */ jsx("div", { className: "relative aspect-square w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10 bg-muted", children: image ? /* @__PURE__ */ jsx("img", { src: image, alt: displayName, loading: "lazy", decoding: "async", className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "h-full w-full flex items-center justify-center", children: /* @__PURE__ */ jsx(ImageIcon, { className: "h-8 w-8 text-muted-foreground/40" }) }) }) }),
         /* @__PURE__ */ jsxs("div", { className: "relative px-4 pt-3 pb-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 text-[18px] font-bold leading-snug truncate", children: displayName }),
-            serial && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-[#0a0e1f]/80 dark:text-white/80 tabular-nums", children: serial })
+            serial && /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-brand-navy/80 dark:text-white/80 tabular-nums", children: serial })
           ] }),
-          collection && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[12.5px] text-[#0a0e1f]/55 dark:text-white/55 truncate", children: collection }),
+          collection && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[12.5px] text-brand-navy/55 dark:text-white/55 truncate", children: collection }),
           /* @__PURE__ */ jsx("div", { className: "my-3 h-px bg-black/10 dark:bg-white/10" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-2xs font-bold tracking-[0.18em] text-[#0a0e1f]/50 dark:text-white/50", children: "STARKNET" }),
+            /* @__PURE__ */ jsx("span", { className: "text-2xs font-bold tracking-[0.18em] text-brand-navy/50 dark:text-white/50", children: "STARKNET" }),
             creator && (creatorHref ? /* @__PURE__ */ jsx(
               "a",
               {
                 href: creatorHref,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: "ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums hover:text-[#0a0e1f]/80 dark:hover:text-white/80 transition-colors",
+                className: "ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums hover:text-brand-navy/80 dark:hover:text-white/80 transition-colors",
                 children: creator
               }
-            ) : /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums", children: creator }))
+            ) : /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums", children: creator }))
           ] })
         ] })
       ]

package/dist/components/medialane-collection-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/medialane-collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { ImageIcon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface MedialaneCollectionCardProps {\n\n  image?: string | null;\n\n  name?: string;\n\n  collection?: string;\n\n  serial?: string;\n\n  creator?: string;\n\n  creatorHref?: string;\n  className?: string;\n}\n\nexport function MedialaneCollectionCard({\n  image,\n  name,\n  collection,\n  serial,\n  creator,\n  creatorHref,\n  className,\n}: MedialaneCollectionCardProps) {\n  const displayName = name?.trim() || \"Untitled\";\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"rounded-[24px] border border-border\">\n        <div\n          className=\"ml-card-material relative rounded-[23px] overflow-hidden text-[#0a0e1f] dark:text-white\"\n        >\n\n          <div className=\"p-2.5 pb-0\">\n            <div className=\"relative aspect-square w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10 bg-muted\">\n              {image ? (\n\n                <img src={image} alt={displayName} loading=\"lazy\" decoding=\"async\" className=\"h-full w-full object-cover\" />\n              ) : (\n                <div className=\"h-full w-full flex items-center justify-center\">\n                  <ImageIcon className=\"h-8 w-8 text-muted-foreground/40\" />\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"relative px-4 pt-3 pb-4\">\n            <div className=\"flex items-start gap-2\">\n              <p className=\"min-w-0 flex-1 text-[18px] font-bold leading-snug truncate\">\n                {displayName}\n              </p>\n              {serial && (\n                <span className=\"mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-[#0a0e1f]/80 dark:text-white/80 tabular-nums\">\n                  {serial}\n                </span>\n              )}\n            </div>\n            {collection && (\n              <p className=\"mt-0.5 text-[12.5px] text-[#0a0e1f]/55 dark:text-white/55 truncate\">{collection}</p>\n            )}\n            <div className=\"my-3 h-px bg-black/10 dark:bg-white/10\" />\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-2xs font-bold tracking-[0.18em] text-[#0a0e1f]/50 dark:text-white/50\">\n                STARKNET\n              </span>\n              {creator && (\n                creatorHref ? (\n                  <a\n                    href={creatorHref}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums hover:text-[#0a0e1f]/80 dark:hover:text-white/80 transition-colors\"\n                  >\n                    {creator}\n                  </a>\n                ) : (\n                  <span className=\"ml-auto min-w-0 truncate text-2xs text-[#0a0e1f]/55 dark:text-white/55 tabular-nums\">\n                    {creator}\n                  </span>\n                )\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA2CgB,cAUJ,YAVI;AAzChB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAkBZ,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,cAAc,MAAM,KAAK,KAAK;AAEpC,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAC1B,8BAAC,SAAI,WAAU,uCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAGV;AAAA,4BAAC,SAAI,WAAU,cACb,8BAAC,SAAI,WAAU,iHACZ,kBAEC,oBAAC,SAAI,KAAK,OAAO,KAAK,aAAa,SAAQ,QAAO,UAAS,SAAQ,WAAU,8BAA6B,IAE1G,oBAAC,SAAI,WAAU,kDACb,8BAAC,aAAU,WAAU,oCAAmC,GAC1D,GAEJ,GACF;AAAA,QAEA,qBAAC,SAAI,WAAU,2BACb;AAAA,+BAAC,SAAI,WAAU,0BACb;AAAA,gCAAC,OAAE,WAAU,8DACV,uBACH;AAAA,YACC,UACC,oBAAC,UAAK,WAAU,iJACb,kBACH;AAAA,aAEJ;AAAA,UACC,cACC,oBAAC,OAAE,WAAU,sEAAsE,sBAAW;AAAA,UAEhG,oBAAC,SAAI,WAAU,0CAAyC;AAAA,UACxD,qBAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAK,WAAU,6EAA4E,sBAE5F;AAAA,YACC,YACC,cACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IAEA,oBAAC,UAAK,WAAU,uFACb,mBACH;AAAA,aAGN;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/medialane-collection-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { ImageIcon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\nexport interface MedialaneCollectionCardProps {\n\n  image?: string | null;\n\n  name?: string;\n\n  collection?: string;\n\n  serial?: string;\n\n  creator?: string;\n\n  creatorHref?: string;\n  className?: string;\n}\n\nexport function MedialaneCollectionCard({\n  image,\n  name,\n  collection,\n  serial,\n  creator,\n  creatorHref,\n  className,\n}: MedialaneCollectionCardProps) {\n  const displayName = name?.trim() || \"Untitled\";\n\n  return (\n    <div className={cn(className)}>\n      <div className=\"rounded-[24px] border border-border\">\n        <div\n          className=\"ml-card-material relative rounded-[23px] overflow-hidden text-brand-navy dark:text-white\"\n        >\n\n          <div className=\"p-2.5 pb-0\">\n            <div className=\"relative aspect-square w-full overflow-hidden rounded-[16px] ring-1 ring-black/10 dark:ring-white/10 bg-muted\">\n              {image ? (\n\n                <img src={image} alt={displayName} loading=\"lazy\" decoding=\"async\" className=\"h-full w-full object-cover\" />\n              ) : (\n                <div className=\"h-full w-full flex items-center justify-center\">\n                  <ImageIcon className=\"h-8 w-8 text-muted-foreground/40\" />\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"relative px-4 pt-3 pb-4\">\n            <div className=\"flex items-start gap-2\">\n              <p className=\"min-w-0 flex-1 text-[18px] font-bold leading-snug truncate\">\n                {displayName}\n              </p>\n              {serial && (\n                <span className=\"mt-0.5 shrink-0 rounded-full bg-black/5 dark:bg-white/10 px-2 py-0.5 text-2xs font-semibold text-brand-navy/80 dark:text-white/80 tabular-nums\">\n                  {serial}\n                </span>\n              )}\n            </div>\n            {collection && (\n              <p className=\"mt-0.5 text-[12.5px] text-brand-navy/55 dark:text-white/55 truncate\">{collection}</p>\n            )}\n            <div className=\"my-3 h-px bg-black/10 dark:bg-white/10\" />\n            <div className=\"flex items-center gap-2\">\n              <span className=\"text-2xs font-bold tracking-[0.18em] text-brand-navy/50 dark:text-white/50\">\n                STARKNET\n              </span>\n              {creator && (\n                creatorHref ? (\n                  <a\n                    href={creatorHref}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums hover:text-brand-navy/80 dark:hover:text-white/80 transition-colors\"\n                  >\n                    {creator}\n                  </a>\n                ) : (\n                  <span className=\"ml-auto min-w-0 truncate text-2xs text-brand-navy/55 dark:text-white/55 tabular-nums\">\n                    {creator}\n                  </span>\n                )\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA2CgB,cAUJ,YAVI;AAzChB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAkBZ,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,cAAc,MAAM,KAAK,KAAK;AAEpC,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GAC1B,8BAAC,SAAI,WAAU,uCACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MAGV;AAAA,4BAAC,SAAI,WAAU,cACb,8BAAC,SAAI,WAAU,iHACZ,kBAEC,oBAAC,SAAI,KAAK,OAAO,KAAK,aAAa,SAAQ,QAAO,UAAS,SAAQ,WAAU,8BAA6B,IAE1G,oBAAC,SAAI,WAAU,kDACb,8BAAC,aAAU,WAAU,oCAAmC,GAC1D,GAEJ,GACF;AAAA,QAEA,qBAAC,SAAI,WAAU,2BACb;AAAA,+BAAC,SAAI,WAAU,0BACb;AAAA,gCAAC,OAAE,WAAU,8DACV,uBACH;AAAA,YACC,UACC,oBAAC,UAAK,WAAU,kJACb,kBACH;AAAA,aAEJ;AAAA,UACC,cACC,oBAAC,OAAE,WAAU,uEAAuE,sBAAW;AAAA,UAEjG,oBAAC,SAAI,WAAU,0CAAyC;AAAA,UACxD,qBAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAK,WAAU,8EAA6E,sBAE7F;AAAA,YACC,YACC,cACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,QAAO;AAAA,gBACP,KAAI;AAAA,gBACJ,WAAU;AAAA,gBAET;AAAA;AAAA,YACH,IAEA,oBAAC,UAAK,WAAU,wFACb,mBACH;AAAA,aAGN;AAAA,WACF;AAAA;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/sheet.d.cts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/sheet.d.ts

@@ -10,7 +10,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     overlayClassName?: string;

package/dist/components/transaction-dialog.cjs

@@ -23,11 +23,10 @@ __export(transaction_dialog_exports, {
 });
 module.exports = __toCommonJS(transaction_dialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
 var import_lucide_react = require("lucide-react");
 var import_dialog = require("./dialog.js");
 var import_button = require("./button.js");
-var import_confetti = require("../utils/media-wallet/confetti.js");
+var import_use_confetti = require("../utils/use-confetti.js");
 const ACTIVE_STEP = { preparing: 0, submitting: 1, confirming: 2 };
 function TransactionDialog({ tx, title, workingLabel, firstStepLabel = "Prepare", children }) {
   const { phase, error, reset, retryable = true } = tx;
@@ -35,14 +34,7 @@ function TransactionDialog({ tx, title, workingLabel, firstStepLabel = "Prepare"
   const success = phase === "success";
   const failed = phase === "error";
   const steps = [firstStepLabel, "Submit transaction", "Confirm transaction"];
-  const confettiFired = (0, import_react.useRef)(false);
-  (0, import_react.useEffect)(() => {
-    if (success && !confettiFired.current) {
-      confettiFired.current = true;
-      (0, import_confetti.fireConfetti)();
-    }
-    if (!success) confettiFired.current = false;
-  }, [success]);
+  (0, import_use_confetti.useConfetti)(success);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open: phase !== "idle", modal: true, onOpenChange: (open) => {
     if (!open && !working) reset();
   }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/components/transaction-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/transaction-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, type ReactNode } from \"react\";\nimport { CheckCircle2, Loader2, XCircle } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Button } from \"./button.js\";\nimport { fireConfetti } from \"../utils/media-wallet/confetti.js\";\nimport type { useTransaction } from \"../utils/use-transaction.js\";\n\nexport interface TransactionDialogProps {\n  tx: Pick<ReturnType<typeof useTransaction>, \"phase\" | \"error\" | \"reset\"> & { retryable?: boolean };\n  title: string;\n  workingLabel: string;\n  firstStepLabel?: string;\n  children?: ReactNode;\n}\n\nconst ACTIVE_STEP = { preparing: 0, submitting: 1, confirming: 2 } as const;\n\nexport function TransactionDialog({ tx, title, workingLabel, firstStepLabel = \"Prepare\", children }: TransactionDialogProps) {\n  const { phase, error, reset, retryable = true } = tx;\n  const working = phase === \"preparing\" || phase === \"submitting\" || phase === \"confirming\";\n  const success = phase === \"success\";\n  const failed = phase === \"error\";\n  const steps = [firstStepLabel, \"Submit transaction\", \"Confirm transaction\"];\n\n  const confettiFired = useRef(false);\n  useEffect(() => {\n    if (success && !confettiFired.current) {\n      confettiFired.current = true;\n      fireConfetti();\n    }\n    if (!success) confettiFired.current = false;\n  }, [success]);\n\n  return (\n    <Dialog open={phase !== \"idle\"} modal onOpenChange={(open) => { if (!open && !working) reset(); }}>\n      <DialogContent\n        className=\"sm:max-w-md\"\n        onInteractOutside={working ? (e) => e.preventDefault() : undefined}\n        onEscapeKeyDown={working ? (e) => e.preventDefault() : undefined}\n        {...(working ? { hideClose: true } : {})}\n      >\n        <DialogTitle className=\"sr-only\">{working ? workingLabel : title}</DialogTitle>\n\n        {working && (\n          <div className=\"flex flex-col items-center gap-6 py-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-primary/10\">\n              <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-lg font-semibold\">{workingLabel}</p>\n              <p className=\"text-sm text-muted-foreground\">\n                {phase === \"confirming\" ? \"Waiting for block confirmation\" : \"Submitting transaction\"}\n              </p>\n            </div>\n            <ol className=\"w-full space-y-2 rounded-xl border border-border/60 bg-muted/30 p-4\">\n              {steps.map((label, i) => {\n                const active = i === ACTIVE_STEP[phase];\n                const done = i < ACTIVE_STEP[phase];\n                return (\n                  <li key={label} data-step aria-current={active ? \"step\" : undefined} className=\"flex items-center gap-3\">\n                    {done ? (\n                      <CheckCircle2 className=\"h-4 w-4 shrink-0 text-emerald-500\" />\n                    ) : active ? (\n                      <Loader2 className=\"h-4 w-4 shrink-0 animate-spin text-primary\" />\n                    ) : (\n                      <div className=\"h-4 w-4 shrink-0 rounded-full border-2 border-muted-foreground/30\" />\n                    )}\n                    <span className={done ? \"text-sm text-foreground\" : active ? \"text-sm font-medium text-primary\" : \"text-sm text-muted-foreground\"}>\n                      {label}\n                    </span>\n                  </li>\n                );\n              })}\n            </ol>\n            <p className=\"text-center text-xs text-muted-foreground\">This usually takes 10–30 seconds. Do not close this window.</p>\n          </div>\n        )}\n\n        {success && children}\n\n        {failed && (\n          <div className=\"flex flex-col items-center gap-5 py-2\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10\">\n              <XCircle className=\"h-9 w-9 text-destructive\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-xl font-bold\">{title}</p>\n              <p className=\"mx-auto max-w-xs text-sm text-muted-foreground\">{error}</p>\n            </div>\n            <Button variant=\"outline\" className=\"w-full\" onClick={reset}>\n              {retryable ? \"Try again\" : \"Close\"}\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CQ;AAzCR,mBAAkD;AAClD,0BAA+C;AAC/C,oBAAmD;AACnD,oBAAuB;AACvB,sBAA6B;AAW7B,MAAM,cAAc,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,EAAE;AAE1D,SAAS,kBAAkB,EAAE,IAAI,OAAO,cAAc,iBAAiB,WAAW,SAAS,GAA2B;AAC3H,QAAM,EAAE,OAAO,OAAO,OAAO,YAAY,KAAK,IAAI;AAClD,QAAM,UAAU,UAAU,eAAe,UAAU,gBAAgB,UAAU;AAC7E,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,CAAC,gBAAgB,sBAAsB,qBAAqB;AAE1E,QAAM,oBAAgB,qBAAO,KAAK;AAClC,8BAAU,MAAM;AACd,QAAI,WAAW,CAAC,cAAc,SAAS;AACrC,oBAAc,UAAU;AACxB,wCAAa;AAAA,IACf;AACA,QAAI,CAAC,QAAS,eAAc,UAAU;AAAA,EACxC,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,4CAAC,wBAAO,MAAM,UAAU,QAAQ,OAAK,MAAC,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,QAAQ,CAAC,QAAS,OAAM;AAAA,EAAG,GAC9F;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAmB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACzD,iBAAiB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACtD,GAAI,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;AAAA,MAEtC;AAAA,oDAAC,6BAAY,WAAU,WAAW,oBAAU,eAAe,OAAM;AAAA,QAEhE,WACC,6CAAC,SAAI,WAAU,yCACb;AAAA,sDAAC,SAAI,WAAU,yEACb,sDAAC,+BAAQ,WAAU,qCAAoC,GACzD;AAAA,UACA,6CAAC,SAAI,WAAU,yBACb;AAAA,wDAAC,OAAE,WAAU,yBAAyB,wBAAa;AAAA,YACnD,4CAAC,OAAE,WAAU,iCACV,oBAAU,eAAe,mCAAmC,0BAC/D;AAAA,aACF;AAAA,UACA,4CAAC,QAAG,WAAU,uEACX,gBAAM,IAAI,CAAC,OAAO,MAAM;AACvB,kBAAM,SAAS,MAAM,YAAY,KAAK;AACtC,kBAAM,OAAO,IAAI,YAAY,KAAK;AAClC,mBACE,6CAAC,QAAe,aAAS,MAAC,gBAAc,SAAS,SAAS,QAAW,WAAU,2BAC5E;AAAA,qBACC,4CAAC,oCAAa,WAAU,qCAAoC,IAC1D,SACF,4CAAC,+BAAQ,WAAU,8CAA6C,IAEhE,4CAAC,SAAI,WAAU,qEAAoE;AAAA,cAErF,4CAAC,UAAK,WAAW,OAAO,4BAA4B,SAAS,qCAAqC,iCAC/F,iBACH;AAAA,iBAVO,KAWT;AAAA,UAEJ,CAAC,GACH;AAAA,UACA,4CAAC,OAAE,WAAU,6CAA4C,8EAA2D;AAAA,WACtH;AAAA,QAGD,WAAW;AAAA,QAEX,UACC,6CAAC,SAAI,WAAU,yCACb;AAAA,sDAAC,SAAI,WAAU,6EACb,sDAAC,+BAAQ,WAAU,4BAA2B,GAChD;AAAA,UACA,6CAAC,SAAI,WAAU,yBACb;AAAA,wDAAC,OAAE,WAAU,qBAAqB,iBAAM;AAAA,YACxC,4CAAC,OAAE,WAAU,kDAAkD,iBAAM;AAAA,aACvE;AAAA,UACA,4CAAC,wBAAO,SAAQ,WAAU,WAAU,UAAS,SAAS,OACnD,sBAAY,cAAc,SAC7B;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/transaction-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CheckCircle2, Loader2, XCircle } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Button } from \"./button.js\";\nimport { useConfetti } from \"../utils/use-confetti.js\";\nimport type { useTransaction } from \"../utils/use-transaction.js\";\n\nexport interface TransactionDialogProps {\n  tx: Pick<ReturnType<typeof useTransaction>, \"phase\" | \"error\" | \"reset\"> & { retryable?: boolean };\n  title: string;\n  workingLabel: string;\n  firstStepLabel?: string;\n  children?: ReactNode;\n}\n\nconst ACTIVE_STEP = { preparing: 0, submitting: 1, confirming: 2 } as const;\n\nexport function TransactionDialog({ tx, title, workingLabel, firstStepLabel = \"Prepare\", children }: TransactionDialogProps) {\n  const { phase, error, reset, retryable = true } = tx;\n  const working = phase === \"preparing\" || phase === \"submitting\" || phase === \"confirming\";\n  const success = phase === \"success\";\n  const failed = phase === \"error\";\n  const steps = [firstStepLabel, \"Submit transaction\", \"Confirm transaction\"];\n\n  useConfetti(success);\n\n  return (\n    <Dialog open={phase !== \"idle\"} modal onOpenChange={(open) => { if (!open && !working) reset(); }}>\n      <DialogContent\n        className=\"sm:max-w-md\"\n        onInteractOutside={working ? (e) => e.preventDefault() : undefined}\n        onEscapeKeyDown={working ? (e) => e.preventDefault() : undefined}\n        {...(working ? { hideClose: true } : {})}\n      >\n        <DialogTitle className=\"sr-only\">{working ? workingLabel : title}</DialogTitle>\n\n        {working && (\n          <div className=\"flex flex-col items-center gap-6 py-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-primary/10\">\n              <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-lg font-semibold\">{workingLabel}</p>\n              <p className=\"text-sm text-muted-foreground\">\n                {phase === \"confirming\" ? \"Waiting for block confirmation\" : \"Submitting transaction\"}\n              </p>\n            </div>\n            <ol className=\"w-full space-y-2 rounded-xl border border-border/60 bg-muted/30 p-4\">\n              {steps.map((label, i) => {\n                const active = i === ACTIVE_STEP[phase];\n                const done = i < ACTIVE_STEP[phase];\n                return (\n                  <li key={label} data-step aria-current={active ? \"step\" : undefined} className=\"flex items-center gap-3\">\n                    {done ? (\n                      <CheckCircle2 className=\"h-4 w-4 shrink-0 text-emerald-500\" />\n                    ) : active ? (\n                      <Loader2 className=\"h-4 w-4 shrink-0 animate-spin text-primary\" />\n                    ) : (\n                      <div className=\"h-4 w-4 shrink-0 rounded-full border-2 border-muted-foreground/30\" />\n                    )}\n                    <span className={done ? \"text-sm text-foreground\" : active ? \"text-sm font-medium text-primary\" : \"text-sm text-muted-foreground\"}>\n                      {label}\n                    </span>\n                  </li>\n                );\n              })}\n            </ol>\n            <p className=\"text-center text-xs text-muted-foreground\">This usually takes 10–30 seconds. Do not close this window.</p>\n          </div>\n        )}\n\n        {success && children}\n\n        {failed && (\n          <div className=\"flex flex-col items-center gap-5 py-2\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10\">\n              <XCircle className=\"h-9 w-9 text-destructive\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-xl font-bold\">{title}</p>\n              <p className=\"mx-auto max-w-xs text-sm text-muted-foreground\">{error}</p>\n            </div>\n            <Button variant=\"outline\" className=\"w-full\" onClick={reset}>\n              {retryable ? \"Try again\" : \"Close\"}\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AAjCR,0BAA+C;AAC/C,oBAAmD;AACnD,oBAAuB;AACvB,0BAA4B;AAW5B,MAAM,cAAc,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,EAAE;AAE1D,SAAS,kBAAkB,EAAE,IAAI,OAAO,cAAc,iBAAiB,WAAW,SAAS,GAA2B;AAC3H,QAAM,EAAE,OAAO,OAAO,OAAO,YAAY,KAAK,IAAI;AAClD,QAAM,UAAU,UAAU,eAAe,UAAU,gBAAgB,UAAU;AAC7E,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,CAAC,gBAAgB,sBAAsB,qBAAqB;AAE1E,uCAAY,OAAO;AAEnB,SACE,4CAAC,wBAAO,MAAM,UAAU,QAAQ,OAAK,MAAC,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,QAAQ,CAAC,QAAS,OAAM;AAAA,EAAG,GAC9F;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAmB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACzD,iBAAiB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACtD,GAAI,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;AAAA,MAEtC;AAAA,oDAAC,6BAAY,WAAU,WAAW,oBAAU,eAAe,OAAM;AAAA,QAEhE,WACC,6CAAC,SAAI,WAAU,yCACb;AAAA,sDAAC,SAAI,WAAU,yEACb,sDAAC,+BAAQ,WAAU,qCAAoC,GACzD;AAAA,UACA,6CAAC,SAAI,WAAU,yBACb;AAAA,wDAAC,OAAE,WAAU,yBAAyB,wBAAa;AAAA,YACnD,4CAAC,OAAE,WAAU,iCACV,oBAAU,eAAe,mCAAmC,0BAC/D;AAAA,aACF;AAAA,UACA,4CAAC,QAAG,WAAU,uEACX,gBAAM,IAAI,CAAC,OAAO,MAAM;AACvB,kBAAM,SAAS,MAAM,YAAY,KAAK;AACtC,kBAAM,OAAO,IAAI,YAAY,KAAK;AAClC,mBACE,6CAAC,QAAe,aAAS,MAAC,gBAAc,SAAS,SAAS,QAAW,WAAU,2BAC5E;AAAA,qBACC,4CAAC,oCAAa,WAAU,qCAAoC,IAC1D,SACF,4CAAC,+BAAQ,WAAU,8CAA6C,IAEhE,4CAAC,SAAI,WAAU,qEAAoE;AAAA,cAErF,4CAAC,UAAK,WAAW,OAAO,4BAA4B,SAAS,qCAAqC,iCAC/F,iBACH;AAAA,iBAVO,KAWT;AAAA,UAEJ,CAAC,GACH;AAAA,UACA,4CAAC,OAAE,WAAU,6CAA4C,8EAA2D;AAAA,WACtH;AAAA,QAGD,WAAW;AAAA,QAEX,UACC,6CAAC,SAAI,WAAU,yCACb;AAAA,sDAAC,SAAI,WAAU,6EACb,sDAAC,+BAAQ,WAAU,4BAA2B,GAChD;AAAA,UACA,6CAAC,SAAI,WAAU,yBACb;AAAA,wDAAC,OAAE,WAAU,qBAAqB,iBAAM;AAAA,YACxC,4CAAC,OAAE,WAAU,kDAAkD,iBAAM;AAAA,aACvE;AAAA,UACA,4CAAC,wBAAO,SAAQ,WAAU,WAAU,UAAS,SAAS,OACnD,sBAAY,cAAc,SAC7B;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}

package/dist/components/transaction-dialog.js

@@ -1,10 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
 import { CheckCircle2, Loader2, XCircle } from "lucide-react";
 import { Dialog, DialogContent, DialogTitle } from "./dialog.js";
 import { Button } from "./button.js";
-import { fireConfetti } from "../utils/media-wallet/confetti.js";
+import { useConfetti } from "../utils/use-confetti.js";
 const ACTIVE_STEP = { preparing: 0, submitting: 1, confirming: 2 };
 function TransactionDialog({ tx, title, workingLabel, firstStepLabel = "Prepare", children }) {
   const { phase, error, reset, retryable = true } = tx;
@@ -12,14 +11,7 @@ function TransactionDialog({ tx, title, workingLabel, firstStepLabel = "Prepare"
   const success = phase === "success";
   const failed = phase === "error";
   const steps = [firstStepLabel, "Submit transaction", "Confirm transaction"];
-  const confettiFired = useRef(false);
-  useEffect(() => {
-    if (success && !confettiFired.current) {
-      confettiFired.current = true;
-      fireConfetti();
-    }
-    if (!success) confettiFired.current = false;
-  }, [success]);
+  useConfetti(success);
   return /* @__PURE__ */ jsx(Dialog, { open: phase !== "idle", modal: true, onOpenChange: (open) => {
     if (!open && !working) reset();
   }, children: /* @__PURE__ */ jsxs(

package/dist/components/transaction-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/transaction-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, type ReactNode } from \"react\";\nimport { CheckCircle2, Loader2, XCircle } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Button } from \"./button.js\";\nimport { fireConfetti } from \"../utils/media-wallet/confetti.js\";\nimport type { useTransaction } from \"../utils/use-transaction.js\";\n\nexport interface TransactionDialogProps {\n  tx: Pick<ReturnType<typeof useTransaction>, \"phase\" | \"error\" | \"reset\"> & { retryable?: boolean };\n  title: string;\n  workingLabel: string;\n  firstStepLabel?: string;\n  children?: ReactNode;\n}\n\nconst ACTIVE_STEP = { preparing: 0, submitting: 1, confirming: 2 } as const;\n\nexport function TransactionDialog({ tx, title, workingLabel, firstStepLabel = \"Prepare\", children }: TransactionDialogProps) {\n  const { phase, error, reset, retryable = true } = tx;\n  const working = phase === \"preparing\" || phase === \"submitting\" || phase === \"confirming\";\n  const success = phase === \"success\";\n  const failed = phase === \"error\";\n  const steps = [firstStepLabel, \"Submit transaction\", \"Confirm transaction\"];\n\n  const confettiFired = useRef(false);\n  useEffect(() => {\n    if (success && !confettiFired.current) {\n      confettiFired.current = true;\n      fireConfetti();\n    }\n    if (!success) confettiFired.current = false;\n  }, [success]);\n\n  return (\n    <Dialog open={phase !== \"idle\"} modal onOpenChange={(open) => { if (!open && !working) reset(); }}>\n      <DialogContent\n        className=\"sm:max-w-md\"\n        onInteractOutside={working ? (e) => e.preventDefault() : undefined}\n        onEscapeKeyDown={working ? (e) => e.preventDefault() : undefined}\n        {...(working ? { hideClose: true } : {})}\n      >\n        <DialogTitle className=\"sr-only\">{working ? workingLabel : title}</DialogTitle>\n\n        {working && (\n          <div className=\"flex flex-col items-center gap-6 py-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-primary/10\">\n              <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-lg font-semibold\">{workingLabel}</p>\n              <p className=\"text-sm text-muted-foreground\">\n                {phase === \"confirming\" ? \"Waiting for block confirmation\" : \"Submitting transaction\"}\n              </p>\n            </div>\n            <ol className=\"w-full space-y-2 rounded-xl border border-border/60 bg-muted/30 p-4\">\n              {steps.map((label, i) => {\n                const active = i === ACTIVE_STEP[phase];\n                const done = i < ACTIVE_STEP[phase];\n                return (\n                  <li key={label} data-step aria-current={active ? \"step\" : undefined} className=\"flex items-center gap-3\">\n                    {done ? (\n                      <CheckCircle2 className=\"h-4 w-4 shrink-0 text-emerald-500\" />\n                    ) : active ? (\n                      <Loader2 className=\"h-4 w-4 shrink-0 animate-spin text-primary\" />\n                    ) : (\n                      <div className=\"h-4 w-4 shrink-0 rounded-full border-2 border-muted-foreground/30\" />\n                    )}\n                    <span className={done ? \"text-sm text-foreground\" : active ? \"text-sm font-medium text-primary\" : \"text-sm text-muted-foreground\"}>\n                      {label}\n                    </span>\n                  </li>\n                );\n              })}\n            </ol>\n            <p className=\"text-center text-xs text-muted-foreground\">This usually takes 10–30 seconds. Do not close this window.</p>\n          </div>\n        )}\n\n        {success && children}\n\n        {failed && (\n          <div className=\"flex flex-col items-center gap-5 py-2\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10\">\n              <XCircle className=\"h-9 w-9 text-destructive\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-xl font-bold\">{title}</p>\n              <p className=\"mx-auto max-w-xs text-sm text-muted-foreground\">{error}</p>\n            </div>\n            <Button variant=\"outline\" className=\"w-full\" onClick={reset}>\n              {retryable ? \"Try again\" : \"Close\"}\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA2CQ,cAOI,YAPJ;AAzCR,SAAS,WAAW,cAA8B;AAClD,SAAS,cAAc,SAAS,eAAe;AAC/C,SAAS,QAAQ,eAAe,mBAAmB;AACnD,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAW7B,MAAM,cAAc,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,EAAE;AAE1D,SAAS,kBAAkB,EAAE,IAAI,OAAO,cAAc,iBAAiB,WAAW,SAAS,GAA2B;AAC3H,QAAM,EAAE,OAAO,OAAO,OAAO,YAAY,KAAK,IAAI;AAClD,QAAM,UAAU,UAAU,eAAe,UAAU,gBAAgB,UAAU;AAC7E,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,CAAC,gBAAgB,sBAAsB,qBAAqB;AAE1E,QAAM,gBAAgB,OAAO,KAAK;AAClC,YAAU,MAAM;AACd,QAAI,WAAW,CAAC,cAAc,SAAS;AACrC,oBAAc,UAAU;AACxB,mBAAa;AAAA,IACf;AACA,QAAI,CAAC,QAAS,eAAc,UAAU;AAAA,EACxC,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,oBAAC,UAAO,MAAM,UAAU,QAAQ,OAAK,MAAC,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,QAAQ,CAAC,QAAS,OAAM;AAAA,EAAG,GAC9F;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAmB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACzD,iBAAiB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACtD,GAAI,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;AAAA,MAEtC;AAAA,4BAAC,eAAY,WAAU,WAAW,oBAAU,eAAe,OAAM;AAAA,QAEhE,WACC,qBAAC,SAAI,WAAU,yCACb;AAAA,8BAAC,SAAI,WAAU,yEACb,8BAAC,WAAQ,WAAU,qCAAoC,GACzD;AAAA,UACA,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,OAAE,WAAU,yBAAyB,wBAAa;AAAA,YACnD,oBAAC,OAAE,WAAU,iCACV,oBAAU,eAAe,mCAAmC,0BAC/D;AAAA,aACF;AAAA,UACA,oBAAC,QAAG,WAAU,uEACX,gBAAM,IAAI,CAAC,OAAO,MAAM;AACvB,kBAAM,SAAS,MAAM,YAAY,KAAK;AACtC,kBAAM,OAAO,IAAI,YAAY,KAAK;AAClC,mBACE,qBAAC,QAAe,aAAS,MAAC,gBAAc,SAAS,SAAS,QAAW,WAAU,2BAC5E;AAAA,qBACC,oBAAC,gBAAa,WAAU,qCAAoC,IAC1D,SACF,oBAAC,WAAQ,WAAU,8CAA6C,IAEhE,oBAAC,SAAI,WAAU,qEAAoE;AAAA,cAErF,oBAAC,UAAK,WAAW,OAAO,4BAA4B,SAAS,qCAAqC,iCAC/F,iBACH;AAAA,iBAVO,KAWT;AAAA,UAEJ,CAAC,GACH;AAAA,UACA,oBAAC,OAAE,WAAU,6CAA4C,8EAA2D;AAAA,WACtH;AAAA,QAGD,WAAW;AAAA,QAEX,UACC,qBAAC,SAAI,WAAU,yCACb;AAAA,8BAAC,SAAI,WAAU,6EACb,8BAAC,WAAQ,WAAU,4BAA2B,GAChD;AAAA,UACA,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,OAAE,WAAU,qBAAqB,iBAAM;AAAA,YACxC,oBAAC,OAAE,WAAU,kDAAkD,iBAAM;AAAA,aACvE;AAAA,UACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,UAAS,SAAS,OACnD,sBAAY,cAAc,SAC7B;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/transaction-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { CheckCircle2, Loader2, XCircle } from \"lucide-react\";\nimport { Dialog, DialogContent, DialogTitle } from \"./dialog.js\";\nimport { Button } from \"./button.js\";\nimport { useConfetti } from \"../utils/use-confetti.js\";\nimport type { useTransaction } from \"../utils/use-transaction.js\";\n\nexport interface TransactionDialogProps {\n  tx: Pick<ReturnType<typeof useTransaction>, \"phase\" | \"error\" | \"reset\"> & { retryable?: boolean };\n  title: string;\n  workingLabel: string;\n  firstStepLabel?: string;\n  children?: ReactNode;\n}\n\nconst ACTIVE_STEP = { preparing: 0, submitting: 1, confirming: 2 } as const;\n\nexport function TransactionDialog({ tx, title, workingLabel, firstStepLabel = \"Prepare\", children }: TransactionDialogProps) {\n  const { phase, error, reset, retryable = true } = tx;\n  const working = phase === \"preparing\" || phase === \"submitting\" || phase === \"confirming\";\n  const success = phase === \"success\";\n  const failed = phase === \"error\";\n  const steps = [firstStepLabel, \"Submit transaction\", \"Confirm transaction\"];\n\n  useConfetti(success);\n\n  return (\n    <Dialog open={phase !== \"idle\"} modal onOpenChange={(open) => { if (!open && !working) reset(); }}>\n      <DialogContent\n        className=\"sm:max-w-md\"\n        onInteractOutside={working ? (e) => e.preventDefault() : undefined}\n        onEscapeKeyDown={working ? (e) => e.preventDefault() : undefined}\n        {...(working ? { hideClose: true } : {})}\n      >\n        <DialogTitle className=\"sr-only\">{working ? workingLabel : title}</DialogTitle>\n\n        {working && (\n          <div className=\"flex flex-col items-center gap-6 py-4\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-primary/10\">\n              <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-lg font-semibold\">{workingLabel}</p>\n              <p className=\"text-sm text-muted-foreground\">\n                {phase === \"confirming\" ? \"Waiting for block confirmation\" : \"Submitting transaction\"}\n              </p>\n            </div>\n            <ol className=\"w-full space-y-2 rounded-xl border border-border/60 bg-muted/30 p-4\">\n              {steps.map((label, i) => {\n                const active = i === ACTIVE_STEP[phase];\n                const done = i < ACTIVE_STEP[phase];\n                return (\n                  <li key={label} data-step aria-current={active ? \"step\" : undefined} className=\"flex items-center gap-3\">\n                    {done ? (\n                      <CheckCircle2 className=\"h-4 w-4 shrink-0 text-emerald-500\" />\n                    ) : active ? (\n                      <Loader2 className=\"h-4 w-4 shrink-0 animate-spin text-primary\" />\n                    ) : (\n                      <div className=\"h-4 w-4 shrink-0 rounded-full border-2 border-muted-foreground/30\" />\n                    )}\n                    <span className={done ? \"text-sm text-foreground\" : active ? \"text-sm font-medium text-primary\" : \"text-sm text-muted-foreground\"}>\n                      {label}\n                    </span>\n                  </li>\n                );\n              })}\n            </ol>\n            <p className=\"text-center text-xs text-muted-foreground\">This usually takes 10–30 seconds. Do not close this window.</p>\n          </div>\n        )}\n\n        {success && children}\n\n        {failed && (\n          <div className=\"flex flex-col items-center gap-5 py-2\">\n            <div className=\"flex h-16 w-16 items-center justify-center rounded-full bg-destructive/10\">\n              <XCircle className=\"h-9 w-9 text-destructive\" />\n            </div>\n            <div className=\"space-y-1 text-center\">\n              <p className=\"text-xl font-bold\">{title}</p>\n              <p className=\"mx-auto max-w-xs text-sm text-muted-foreground\">{error}</p>\n            </div>\n            <Button variant=\"outline\" className=\"w-full\" onClick={reset}>\n              {retryable ? \"Try again\" : \"Close\"}\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAoCQ,cAOI,YAPJ;AAjCR,SAAS,cAAc,SAAS,eAAe;AAC/C,SAAS,QAAQ,eAAe,mBAAmB;AACnD,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAW5B,MAAM,cAAc,EAAE,WAAW,GAAG,YAAY,GAAG,YAAY,EAAE;AAE1D,SAAS,kBAAkB,EAAE,IAAI,OAAO,cAAc,iBAAiB,WAAW,SAAS,GAA2B;AAC3H,QAAM,EAAE,OAAO,OAAO,OAAO,YAAY,KAAK,IAAI;AAClD,QAAM,UAAU,UAAU,eAAe,UAAU,gBAAgB,UAAU;AAC7E,QAAM,UAAU,UAAU;AAC1B,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,CAAC,gBAAgB,sBAAsB,qBAAqB;AAE1E,cAAY,OAAO;AAEnB,SACE,oBAAC,UAAO,MAAM,UAAU,QAAQ,OAAK,MAAC,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,QAAQ,CAAC,QAAS,OAAM;AAAA,EAAG,GAC9F;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,mBAAmB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACzD,iBAAiB,UAAU,CAAC,MAAM,EAAE,eAAe,IAAI;AAAA,MACtD,GAAI,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC;AAAA,MAEtC;AAAA,4BAAC,eAAY,WAAU,WAAW,oBAAU,eAAe,OAAM;AAAA,QAEhE,WACC,qBAAC,SAAI,WAAU,yCACb;AAAA,8BAAC,SAAI,WAAU,yEACb,8BAAC,WAAQ,WAAU,qCAAoC,GACzD;AAAA,UACA,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,OAAE,WAAU,yBAAyB,wBAAa;AAAA,YACnD,oBAAC,OAAE,WAAU,iCACV,oBAAU,eAAe,mCAAmC,0BAC/D;AAAA,aACF;AAAA,UACA,oBAAC,QAAG,WAAU,uEACX,gBAAM,IAAI,CAAC,OAAO,MAAM;AACvB,kBAAM,SAAS,MAAM,YAAY,KAAK;AACtC,kBAAM,OAAO,IAAI,YAAY,KAAK;AAClC,mBACE,qBAAC,QAAe,aAAS,MAAC,gBAAc,SAAS,SAAS,QAAW,WAAU,2BAC5E;AAAA,qBACC,oBAAC,gBAAa,WAAU,qCAAoC,IAC1D,SACF,oBAAC,WAAQ,WAAU,8CAA6C,IAEhE,oBAAC,SAAI,WAAU,qEAAoE;AAAA,cAErF,oBAAC,UAAK,WAAW,OAAO,4BAA4B,SAAS,qCAAqC,iCAC/F,iBACH;AAAA,iBAVO,KAWT;AAAA,UAEJ,CAAC,GACH;AAAA,UACA,oBAAC,OAAE,WAAU,6CAA4C,8EAA2D;AAAA,WACtH;AAAA,QAGD,WAAW;AAAA,QAEX,UACC,qBAAC,SAAI,WAAU,yCACb;AAAA,8BAAC,SAAI,WAAU,6EACb,8BAAC,WAAQ,WAAU,4BAA2B,GAChD;AAAA,UACA,qBAAC,SAAI,WAAU,yBACb;AAAA,gCAAC,OAAE,WAAU,qBAAqB,iBAAM;AAAA,YACxC,oBAAC,OAAE,WAAU,kDAAkD,iBAAM;AAAA,aACvE;AAAA,UACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,UAAS,SAAS,OACnD,sBAAY,cAAc,SAC7B;AAAA,WACF;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}

package/dist/components/wallet/self-fund-consent-dialog.cjs

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(self_fund_consent_dialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_sdk = require("@medialane/sdk");
-var import_action_dialog = require("../action-dialog.js");
+var import_dialog = require("../dialog.js");
 function amountLabel(raw, unit) {
   const [whole, fraction = ""] = (0, import_sdk.formatAmount)(raw.toString(), 18).split(".");
   const trimmed = fraction.slice(0, 6).replace(/0+$/, "");
@@ -58,9 +58,11 @@ function SelfFundConsentDialog({ consent }) {
   const estimate = pending?.feeEstimate && pending.feeEstimate !== "loading" ? pending.feeEstimate : null;
   const balanceLabel = estimate?.balanceRaw != null ? amountLabel(estimate.balanceRaw, estimate.unit) : null;
   const notEnough = estimate?.balanceRaw != null && estimate.balanceRaw < estimate.feeRaw;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_action_dialog.ActionDialog, { open: pending !== null, onClose: () => respond(false), width: 420, shadow: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-6 space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-lg font-semibold", children: "Network fee needed" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-muted-foreground", children: "Medialane usually covers network fees for you, but can't right now. You can pay this one from your wallet, or try again later." }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open: pending !== null, onOpenChange: (next) => {
+    if (!next) respond(false);
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: "Network fee needed" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { children: "Medialane usually covers network fees for you, but can't right now. You can pay this one from your wallet, or try again later." }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-lg bg-muted px-4 py-3 flex items-center justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network fee" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-semibold", children: label ? `\u2248 ${label}` : "Estimating\u2026" })