@medialane/ui 0.291.0 → 0.293.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/wallet/self-fund-consent-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { formatAmount } from \"@medialane/sdk\";\nimport type { SelfFundConsent, SelfFundFeeEstimate } from \"@medialane/sdk/starknet\";\nimport { ActionDialog } from \"../action-dialog.js\";\n\ninterface PendingRequest {\n  resolve: (consented: boolean) => void;\n  feeEstimate: SelfFundFeeEstimate | null | \"loading\";\n}\n\nfunction amountLabel(raw: bigint, unit: string): string {\n  const [whole, fraction = \"\"] = formatAmount(raw.toString(), 18).split(\".\");\n  const trimmed = fraction.slice(0, 6).replace(/0+$/, \"\");\n  const amount = trimmed ? `${whole}.${trimmed}` : whole;\n  return `${amount} ${unit === \"FRI\" ? \"STRK\" : \"ETH\"}`;\n}\n\nexport function feeLabelFor(estimate: SelfFundFeeEstimate | null | \"loading\"): string | null {\n  if (estimate === \"loading\" || estimate == null) return null;\n  return amountLabel(estimate.feeRaw, estimate.unit);\n}\n\nexport function SelfFundConsentDialog({ consent }: { consent: SelfFundConsent }) {\n  const [pending, setPending] = useState<PendingRequest | null>(null);\n\n  useEffect(() => {\n    consent.registerHandler((feeEstimatePromise) => {\n      return new Promise<boolean>((resolve) => {\n        setPending({ resolve, feeEstimate: \"loading\" });\n        void feeEstimatePromise.then((feeEstimate) => {\n          setPending((current) => (current ? { ...current, feeEstimate } : current));\n        });\n      });\n    });\n    return () => consent.registerHandler(null);\n  }, [consent]);\n\n  const respond = (consented: boolean) => {\n    pending?.resolve(consented);\n    setPending(null);\n  };\n\n  const label = feeLabelFor(pending?.feeEstimate ?? null);\n  const estimate = pending?.feeEstimate && pending.feeEstimate !== \"loading\" ? pending.feeEstimate : null;\n  const balanceLabel = estimate?.balanceRaw != null ? amountLabel(estimate.balanceRaw, estimate.unit) : null;\n  const notEnough = estimate?.balanceRaw != null && estimate.balanceRaw < estimate.feeRaw;\n\n  return (\n    <ActionDialog open={pending !== null} onClose={() => respond(false)} width={420} shadow={false}>\n      <div className=\"p-6 space-y-4\">\n        <h2 className=\"text-lg font-semibold\">Network fee needed</h2>\n        <p className=\"text-sm text-muted-foreground\">\n          Medialane usually covers network fees for you, but can&apos;t right now. You can pay this one from your\n          wallet, or try again later.\n        </p>\n        <div className=\"rounded-lg bg-muted px-4 py-3 flex items-center justify-between\">\n          <span className=\"text-sm text-muted-foreground\">Network fee</span>\n          <span className=\"text-sm font-semibold\">{label ? `≈ ${label}` : \"Estimating…\"}</span>\n        </div>\n        {balanceLabel && (\n          <div className=\"flex items-center justify-between px-4\">\n            <span className=\"text-sm text-muted-foreground\">Your balance</span>\n            <span className=\"text-sm font-semibold\">{balanceLabel}</span>\n          </div>\n        )}\n        {notEnough && (\n          <p className=\"text-sm text-destructive\">\n            You don&apos;t have enough to pay this fee. Try again later, when Medialane can cover it.\n          </p>\n        )}\n        <div className=\"flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => respond(false)}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium text-muted-foreground hover:bg-muted transition-colors\"\n          >\n            Try again later\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => respond(true)}\n            disabled={notEnough}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium bg-primary text-primary-foreground hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {label ? `Pay ${label}` : \"Pay from my wallet\"}\n          </button>\n        </div>\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDQ;AAlDR,mBAAoC;AACpC,iBAA6B;AAE7B,2BAA6B;AAO7B,SAAS,YAAY,KAAa,MAAsB;AACtD,QAAM,CAAC,OAAO,WAAW,EAAE,QAAI,yBAAa,IAAI,SAAS,GAAG,EAAE,EAAE,MAAM,GAAG;AACzE,QAAM,UAAU,SAAS,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,EAAE;AACtD,QAAM,SAAS,UAAU,GAAG,KAAK,IAAI,OAAO,KAAK;AACjD,SAAO,GAAG,MAAM,IAAI,SAAS,QAAQ,SAAS,KAAK;AACrD;AAEO,SAAS,YAAY,UAAiE;AAC3F,MAAI,aAAa,aAAa,YAAY,KAAM,QAAO;AACvD,SAAO,YAAY,SAAS,QAAQ,SAAS,IAAI;AACnD;AAEO,SAAS,sBAAsB,EAAE,QAAQ,GAAiC;AAC/E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAgC,IAAI;AAElE,8BAAU,MAAM;AACd,YAAQ,gBAAgB,CAAC,uBAAuB;AAC9C,aAAO,IAAI,QAAiB,CAAC,YAAY;AACvC,mBAAW,EAAE,SAAS,aAAa,UAAU,CAAC;AAC9C,aAAK,mBAAmB,KAAK,CAAC,gBAAgB;AAC5C,qBAAW,CAAC,YAAa,UAAU,EAAE,GAAG,SAAS,YAAY,IAAI,OAAQ;AAAA,QAC3E,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAO,MAAM,QAAQ,gBAAgB,IAAI;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,CAAC,cAAuB;AACtC,aAAS,QAAQ,SAAS;AAC1B,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,QAAQ,YAAY,SAAS,eAAe,IAAI;AACtD,QAAM,WAAW,SAAS,eAAe,QAAQ,gBAAgB,YAAY,QAAQ,cAAc;AACnG,QAAM,eAAe,UAAU,cAAc,OAAO,YAAY,SAAS,YAAY,SAAS,IAAI,IAAI;AACtG,QAAM,YAAY,UAAU,cAAc,QAAQ,SAAS,aAAa,SAAS;AAEjF,SACE,4CAAC,qCAAa,MAAM,YAAY,MAAM,SAAS,MAAM,QAAQ,KAAK,GAAG,OAAO,KAAK,QAAQ,OACvF,uDAAC,SAAI,WAAU,iBACb;AAAA,gDAAC,QAAG,WAAU,yBAAwB,gCAAkB;AAAA,IACxD,4CAAC,OAAE,WAAU,iCAAgC,4IAG7C;AAAA,IACA,6CAAC,SAAI,WAAU,mEACb;AAAA,kDAAC,UAAK,WAAU,iCAAgC,yBAAW;AAAA,MAC3D,4CAAC,UAAK,WAAU,yBAAyB,kBAAQ,UAAK,KAAK,KAAK,oBAAc;AAAA,OAChF;AAAA,IACC,gBACC,6CAAC,SAAI,WAAU,0CACb;AAAA,kDAAC,UAAK,WAAU,iCAAgC,0BAAY;AAAA,MAC5D,4CAAC,UAAK,WAAU,yBAAyB,wBAAa;AAAA,OACxD;AAAA,IAED,aACC,4CAAC,OAAE,WAAU,4BAA2B,kGAExC;AAAA,IAEF,6CAAC,SAAI,WAAU,0BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC5B,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI;AAAA,UAC3B,UAAU;AAAA,UACV,WAAU;AAAA,UAET,kBAAQ,OAAO,KAAK,KAAK;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/wallet/self-fund-consent-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { formatAmount } from \"@medialane/sdk\";\nimport type { SelfFundConsent, SelfFundFeeEstimate } from \"@medialane/sdk/starknet\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"../dialog.js\";\n\ninterface PendingRequest {\n  resolve: (consented: boolean) => void;\n  feeEstimate: SelfFundFeeEstimate | null | \"loading\";\n}\n\nfunction amountLabel(raw: bigint, unit: string): string {\n  const [whole, fraction = \"\"] = formatAmount(raw.toString(), 18).split(\".\");\n  const trimmed = fraction.slice(0, 6).replace(/0+$/, \"\");\n  const amount = trimmed ? `${whole}.${trimmed}` : whole;\n  return `${amount} ${unit === \"FRI\" ? \"STRK\" : \"ETH\"}`;\n}\n\nexport function feeLabelFor(estimate: SelfFundFeeEstimate | null | \"loading\"): string | null {\n  if (estimate === \"loading\" || estimate == null) return null;\n  return amountLabel(estimate.feeRaw, estimate.unit);\n}\n\nexport function SelfFundConsentDialog({ consent }: { consent: SelfFundConsent }) {\n  const [pending, setPending] = useState<PendingRequest | null>(null);\n\n  useEffect(() => {\n    consent.registerHandler((feeEstimatePromise) => {\n      return new Promise<boolean>((resolve) => {\n        setPending({ resolve, feeEstimate: \"loading\" });\n        void feeEstimatePromise.then((feeEstimate) => {\n          setPending((current) => (current ? { ...current, feeEstimate } : current));\n        });\n      });\n    });\n    return () => consent.registerHandler(null);\n  }, [consent]);\n\n  const respond = (consented: boolean) => {\n    pending?.resolve(consented);\n    setPending(null);\n  };\n\n  const label = feeLabelFor(pending?.feeEstimate ?? null);\n  const estimate = pending?.feeEstimate && pending.feeEstimate !== \"loading\" ? pending.feeEstimate : null;\n  const balanceLabel = estimate?.balanceRaw != null ? amountLabel(estimate.balanceRaw, estimate.unit) : null;\n  const notEnough = estimate?.balanceRaw != null && estimate.balanceRaw < estimate.feeRaw;\n\n  return (\n    <Dialog open={pending !== null} onOpenChange={(next) => { if (!next) respond(false); }}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogTitle>Network fee needed</DialogTitle>\n        <DialogDescription>\n          Medialane usually covers network fees for you, but can&apos;t right now. You can pay this one from your\n          wallet, or try again later.\n        </DialogDescription>\n        <div className=\"rounded-lg bg-muted px-4 py-3 flex items-center justify-between\">\n          <span className=\"text-sm text-muted-foreground\">Network fee</span>\n          <span className=\"text-sm font-semibold\">{label ? `≈ ${label}` : \"Estimating…\"}</span>\n        </div>\n        {balanceLabel && (\n          <div className=\"flex items-center justify-between px-4\">\n            <span className=\"text-sm text-muted-foreground\">Your balance</span>\n            <span className=\"text-sm font-semibold\">{balanceLabel}</span>\n          </div>\n        )}\n        {notEnough && (\n          <p className=\"text-sm text-destructive\">\n            You don&apos;t have enough to pay this fee. Try again later, when Medialane can cover it.\n          </p>\n        )}\n        <div className=\"flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => respond(false)}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium text-muted-foreground hover:bg-muted transition-colors\"\n          >\n            Try again later\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => respond(true)}\n            disabled={notEnough}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium bg-primary text-primary-foreground hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {label ? `Pay ${label}` : \"Pay from my wallet\"}\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDQ;AAlDR,mBAAoC;AACpC,iBAA6B;AAE7B,oBAAsE;AAOtE,SAAS,YAAY,KAAa,MAAsB;AACtD,QAAM,CAAC,OAAO,WAAW,EAAE,QAAI,yBAAa,IAAI,SAAS,GAAG,EAAE,EAAE,MAAM,GAAG;AACzE,QAAM,UAAU,SAAS,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,EAAE;AACtD,QAAM,SAAS,UAAU,GAAG,KAAK,IAAI,OAAO,KAAK;AACjD,SAAO,GAAG,MAAM,IAAI,SAAS,QAAQ,SAAS,KAAK;AACrD;AAEO,SAAS,YAAY,UAAiE;AAC3F,MAAI,aAAa,aAAa,YAAY,KAAM,QAAO;AACvD,SAAO,YAAY,SAAS,QAAQ,SAAS,IAAI;AACnD;AAEO,SAAS,sBAAsB,EAAE,QAAQ,GAAiC;AAC/E,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAgC,IAAI;AAElE,8BAAU,MAAM;AACd,YAAQ,gBAAgB,CAAC,uBAAuB;AAC9C,aAAO,IAAI,QAAiB,CAAC,YAAY;AACvC,mBAAW,EAAE,SAAS,aAAa,UAAU,CAAC;AAC9C,aAAK,mBAAmB,KAAK,CAAC,gBAAgB;AAC5C,qBAAW,CAAC,YAAa,UAAU,EAAE,GAAG,SAAS,YAAY,IAAI,OAAQ;AAAA,QAC3E,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAO,MAAM,QAAQ,gBAAgB,IAAI;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,CAAC,cAAuB;AACtC,aAAS,QAAQ,SAAS;AAC1B,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,QAAQ,YAAY,SAAS,eAAe,IAAI;AACtD,QAAM,WAAW,SAAS,eAAe,QAAQ,gBAAgB,YAAY,QAAQ,cAAc;AACnG,QAAM,eAAe,UAAU,cAAc,OAAO,YAAY,SAAS,YAAY,SAAS,IAAI,IAAI;AACtG,QAAM,YAAY,UAAU,cAAc,QAAQ,SAAS,aAAa,SAAS;AAEjF,SACE,4CAAC,wBAAO,MAAM,YAAY,MAAM,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,SAAQ,KAAK;AAAA,EAAG,GACnF,uDAAC,+BAAc,WAAU,eACvB;AAAA,gDAAC,6BAAY,gCAAkB;AAAA,IAC/B,4CAAC,mCAAkB,4IAGnB;AAAA,IACA,6CAAC,SAAI,WAAU,mEACb;AAAA,kDAAC,UAAK,WAAU,iCAAgC,yBAAW;AAAA,MAC3D,4CAAC,UAAK,WAAU,yBAAyB,kBAAQ,UAAK,KAAK,KAAK,oBAAc;AAAA,OAChF;AAAA,IACC,gBACC,6CAAC,SAAI,WAAU,0CACb;AAAA,kDAAC,UAAK,WAAU,iCAAgC,0BAAY;AAAA,MAC5D,4CAAC,UAAK,WAAU,yBAAyB,wBAAa;AAAA,OACxD;AAAA,IAED,aACC,4CAAC,OAAE,WAAU,4BAA2B,kGAExC;AAAA,IAEF,6CAAC,SAAI,WAAU,0BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC5B,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI;AAAA,UAC3B,UAAU;AAAA,UACV,WAAU;AAAA,UAET,kBAAQ,OAAO,KAAK,KAAK;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

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

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { formatAmount } from "@medialane/sdk";
-import { ActionDialog } from "../action-dialog.js";
+import { Dialog, DialogContent, DialogDescription, DialogTitle } from "../dialog.js";
 function amountLabel(raw, unit) {
   const [whole, fraction = ""] = formatAmount(raw.toString(), 18).split(".");
   const trimmed = fraction.slice(0, 6).replace(/0+$/, "");
@@ -34,9 +34,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__ */ jsx(ActionDialog, { open: pending !== null, onClose: () => respond(false), width: 420, shadow: false, children: /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "Network fee needed" }),
-    /* @__PURE__ */ 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__ */ jsx(Dialog, { open: pending !== null, onOpenChange: (next) => {
+    if (!next) respond(false);
+  }, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: "Network fee needed" }),
+    /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "rounded-lg bg-muted px-4 py-3 flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Network fee" }),
       /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: label ? `\u2248 ${label}` : "Estimating\u2026" })

package/dist/components/wallet/self-fund-consent-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/wallet/self-fund-consent-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { formatAmount } from \"@medialane/sdk\";\nimport type { SelfFundConsent, SelfFundFeeEstimate } from \"@medialane/sdk/starknet\";\nimport { ActionDialog } from \"../action-dialog.js\";\n\ninterface PendingRequest {\n  resolve: (consented: boolean) => void;\n  feeEstimate: SelfFundFeeEstimate | null | \"loading\";\n}\n\nfunction amountLabel(raw: bigint, unit: string): string {\n  const [whole, fraction = \"\"] = formatAmount(raw.toString(), 18).split(\".\");\n  const trimmed = fraction.slice(0, 6).replace(/0+$/, \"\");\n  const amount = trimmed ? `${whole}.${trimmed}` : whole;\n  return `${amount} ${unit === \"FRI\" ? \"STRK\" : \"ETH\"}`;\n}\n\nexport function feeLabelFor(estimate: SelfFundFeeEstimate | null | \"loading\"): string | null {\n  if (estimate === \"loading\" || estimate == null) return null;\n  return amountLabel(estimate.feeRaw, estimate.unit);\n}\n\nexport function SelfFundConsentDialog({ consent }: { consent: SelfFundConsent }) {\n  const [pending, setPending] = useState<PendingRequest | null>(null);\n\n  useEffect(() => {\n    consent.registerHandler((feeEstimatePromise) => {\n      return new Promise<boolean>((resolve) => {\n        setPending({ resolve, feeEstimate: \"loading\" });\n        void feeEstimatePromise.then((feeEstimate) => {\n          setPending((current) => (current ? { ...current, feeEstimate } : current));\n        });\n      });\n    });\n    return () => consent.registerHandler(null);\n  }, [consent]);\n\n  const respond = (consented: boolean) => {\n    pending?.resolve(consented);\n    setPending(null);\n  };\n\n  const label = feeLabelFor(pending?.feeEstimate ?? null);\n  const estimate = pending?.feeEstimate && pending.feeEstimate !== \"loading\" ? pending.feeEstimate : null;\n  const balanceLabel = estimate?.balanceRaw != null ? amountLabel(estimate.balanceRaw, estimate.unit) : null;\n  const notEnough = estimate?.balanceRaw != null && estimate.balanceRaw < estimate.feeRaw;\n\n  return (\n    <ActionDialog open={pending !== null} onClose={() => respond(false)} width={420} shadow={false}>\n      <div className=\"p-6 space-y-4\">\n        <h2 className=\"text-lg font-semibold\">Network fee needed</h2>\n        <p className=\"text-sm text-muted-foreground\">\n          Medialane usually covers network fees for you, but can&apos;t right now. You can pay this one from your\n          wallet, or try again later.\n        </p>\n        <div className=\"rounded-lg bg-muted px-4 py-3 flex items-center justify-between\">\n          <span className=\"text-sm text-muted-foreground\">Network fee</span>\n          <span className=\"text-sm font-semibold\">{label ? `≈ ${label}` : \"Estimating…\"}</span>\n        </div>\n        {balanceLabel && (\n          <div className=\"flex items-center justify-between px-4\">\n            <span className=\"text-sm text-muted-foreground\">Your balance</span>\n            <span className=\"text-sm font-semibold\">{balanceLabel}</span>\n          </div>\n        )}\n        {notEnough && (\n          <p className=\"text-sm text-destructive\">\n            You don&apos;t have enough to pay this fee. Try again later, when Medialane can cover it.\n          </p>\n        )}\n        <div className=\"flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => respond(false)}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium text-muted-foreground hover:bg-muted transition-colors\"\n          >\n            Try again later\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => respond(true)}\n            disabled={notEnough}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium bg-primary text-primary-foreground hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {label ? `Pay ${label}` : \"Pay from my wallet\"}\n          </button>\n        </div>\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":";AAoDQ,cAKA,YALA;AAlDR,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAE7B,SAAS,oBAAoB;AAO7B,SAAS,YAAY,KAAa,MAAsB;AACtD,QAAM,CAAC,OAAO,WAAW,EAAE,IAAI,aAAa,IAAI,SAAS,GAAG,EAAE,EAAE,MAAM,GAAG;AACzE,QAAM,UAAU,SAAS,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,EAAE;AACtD,QAAM,SAAS,UAAU,GAAG,KAAK,IAAI,OAAO,KAAK;AACjD,SAAO,GAAG,MAAM,IAAI,SAAS,QAAQ,SAAS,KAAK;AACrD;AAEO,SAAS,YAAY,UAAiE;AAC3F,MAAI,aAAa,aAAa,YAAY,KAAM,QAAO;AACvD,SAAO,YAAY,SAAS,QAAQ,SAAS,IAAI;AACnD;AAEO,SAAS,sBAAsB,EAAE,QAAQ,GAAiC;AAC/E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,IAAI;AAElE,YAAU,MAAM;AACd,YAAQ,gBAAgB,CAAC,uBAAuB;AAC9C,aAAO,IAAI,QAAiB,CAAC,YAAY;AACvC,mBAAW,EAAE,SAAS,aAAa,UAAU,CAAC;AAC9C,aAAK,mBAAmB,KAAK,CAAC,gBAAgB;AAC5C,qBAAW,CAAC,YAAa,UAAU,EAAE,GAAG,SAAS,YAAY,IAAI,OAAQ;AAAA,QAC3E,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAO,MAAM,QAAQ,gBAAgB,IAAI;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,CAAC,cAAuB;AACtC,aAAS,QAAQ,SAAS;AAC1B,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,QAAQ,YAAY,SAAS,eAAe,IAAI;AACtD,QAAM,WAAW,SAAS,eAAe,QAAQ,gBAAgB,YAAY,QAAQ,cAAc;AACnG,QAAM,eAAe,UAAU,cAAc,OAAO,YAAY,SAAS,YAAY,SAAS,IAAI,IAAI;AACtG,QAAM,YAAY,UAAU,cAAc,QAAQ,SAAS,aAAa,SAAS;AAEjF,SACE,oBAAC,gBAAa,MAAM,YAAY,MAAM,SAAS,MAAM,QAAQ,KAAK,GAAG,OAAO,KAAK,QAAQ,OACvF,+BAAC,SAAI,WAAU,iBACb;AAAA,wBAAC,QAAG,WAAU,yBAAwB,gCAAkB;AAAA,IACxD,oBAAC,OAAE,WAAU,iCAAgC,4IAG7C;AAAA,IACA,qBAAC,SAAI,WAAU,mEACb;AAAA,0BAAC,UAAK,WAAU,iCAAgC,yBAAW;AAAA,MAC3D,oBAAC,UAAK,WAAU,yBAAyB,kBAAQ,UAAK,KAAK,KAAK,oBAAc;AAAA,OAChF;AAAA,IACC,gBACC,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,UAAK,WAAU,iCAAgC,0BAAY;AAAA,MAC5D,oBAAC,UAAK,WAAU,yBAAyB,wBAAa;AAAA,OACxD;AAAA,IAED,aACC,oBAAC,OAAE,WAAU,4BAA2B,kGAExC;AAAA,IAEF,qBAAC,SAAI,WAAU,0BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC5B,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI;AAAA,UAC3B,UAAU;AAAA,UACV,WAAU;AAAA,UAET,kBAAQ,OAAO,KAAK,KAAK;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/wallet/self-fund-consent-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { formatAmount } from \"@medialane/sdk\";\nimport type { SelfFundConsent, SelfFundFeeEstimate } from \"@medialane/sdk/starknet\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"../dialog.js\";\n\ninterface PendingRequest {\n  resolve: (consented: boolean) => void;\n  feeEstimate: SelfFundFeeEstimate | null | \"loading\";\n}\n\nfunction amountLabel(raw: bigint, unit: string): string {\n  const [whole, fraction = \"\"] = formatAmount(raw.toString(), 18).split(\".\");\n  const trimmed = fraction.slice(0, 6).replace(/0+$/, \"\");\n  const amount = trimmed ? `${whole}.${trimmed}` : whole;\n  return `${amount} ${unit === \"FRI\" ? \"STRK\" : \"ETH\"}`;\n}\n\nexport function feeLabelFor(estimate: SelfFundFeeEstimate | null | \"loading\"): string | null {\n  if (estimate === \"loading\" || estimate == null) return null;\n  return amountLabel(estimate.feeRaw, estimate.unit);\n}\n\nexport function SelfFundConsentDialog({ consent }: { consent: SelfFundConsent }) {\n  const [pending, setPending] = useState<PendingRequest | null>(null);\n\n  useEffect(() => {\n    consent.registerHandler((feeEstimatePromise) => {\n      return new Promise<boolean>((resolve) => {\n        setPending({ resolve, feeEstimate: \"loading\" });\n        void feeEstimatePromise.then((feeEstimate) => {\n          setPending((current) => (current ? { ...current, feeEstimate } : current));\n        });\n      });\n    });\n    return () => consent.registerHandler(null);\n  }, [consent]);\n\n  const respond = (consented: boolean) => {\n    pending?.resolve(consented);\n    setPending(null);\n  };\n\n  const label = feeLabelFor(pending?.feeEstimate ?? null);\n  const estimate = pending?.feeEstimate && pending.feeEstimate !== \"loading\" ? pending.feeEstimate : null;\n  const balanceLabel = estimate?.balanceRaw != null ? amountLabel(estimate.balanceRaw, estimate.unit) : null;\n  const notEnough = estimate?.balanceRaw != null && estimate.balanceRaw < estimate.feeRaw;\n\n  return (\n    <Dialog open={pending !== null} onOpenChange={(next) => { if (!next) respond(false); }}>\n      <DialogContent className=\"sm:max-w-md\">\n        <DialogTitle>Network fee needed</DialogTitle>\n        <DialogDescription>\n          Medialane usually covers network fees for you, but can&apos;t right now. You can pay this one from your\n          wallet, or try again later.\n        </DialogDescription>\n        <div className=\"rounded-lg bg-muted px-4 py-3 flex items-center justify-between\">\n          <span className=\"text-sm text-muted-foreground\">Network fee</span>\n          <span className=\"text-sm font-semibold\">{label ? `≈ ${label}` : \"Estimating…\"}</span>\n        </div>\n        {balanceLabel && (\n          <div className=\"flex items-center justify-between px-4\">\n            <span className=\"text-sm text-muted-foreground\">Your balance</span>\n            <span className=\"text-sm font-semibold\">{balanceLabel}</span>\n          </div>\n        )}\n        {notEnough && (\n          <p className=\"text-sm text-destructive\">\n            You don&apos;t have enough to pay this fee. Try again later, when Medialane can cover it.\n          </p>\n        )}\n        <div className=\"flex justify-end gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => respond(false)}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium text-muted-foreground hover:bg-muted transition-colors\"\n          >\n            Try again later\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => respond(true)}\n            disabled={notEnough}\n            className=\"px-4 py-2 rounded-lg text-sm font-medium bg-primary text-primary-foreground hover:opacity-90 transition-opacity disabled:opacity-50 disabled:cursor-not-allowed\"\n          >\n            {label ? `Pay ${label}` : \"Pay from my wallet\"}\n          </button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AAoDQ,cAKA,YALA;AAlDR,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAE7B,SAAS,QAAQ,eAAe,mBAAmB,mBAAmB;AAOtE,SAAS,YAAY,KAAa,MAAsB;AACtD,QAAM,CAAC,OAAO,WAAW,EAAE,IAAI,aAAa,IAAI,SAAS,GAAG,EAAE,EAAE,MAAM,GAAG;AACzE,QAAM,UAAU,SAAS,MAAM,GAAG,CAAC,EAAE,QAAQ,OAAO,EAAE;AACtD,QAAM,SAAS,UAAU,GAAG,KAAK,IAAI,OAAO,KAAK;AACjD,SAAO,GAAG,MAAM,IAAI,SAAS,QAAQ,SAAS,KAAK;AACrD;AAEO,SAAS,YAAY,UAAiE;AAC3F,MAAI,aAAa,aAAa,YAAY,KAAM,QAAO;AACvD,SAAO,YAAY,SAAS,QAAQ,SAAS,IAAI;AACnD;AAEO,SAAS,sBAAsB,EAAE,QAAQ,GAAiC;AAC/E,QAAM,CAAC,SAAS,UAAU,IAAI,SAAgC,IAAI;AAElE,YAAU,MAAM;AACd,YAAQ,gBAAgB,CAAC,uBAAuB;AAC9C,aAAO,IAAI,QAAiB,CAAC,YAAY;AACvC,mBAAW,EAAE,SAAS,aAAa,UAAU,CAAC;AAC9C,aAAK,mBAAmB,KAAK,CAAC,gBAAgB;AAC5C,qBAAW,CAAC,YAAa,UAAU,EAAE,GAAG,SAAS,YAAY,IAAI,OAAQ;AAAA,QAC3E,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAO,MAAM,QAAQ,gBAAgB,IAAI;AAAA,EAC3C,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAU,CAAC,cAAuB;AACtC,aAAS,QAAQ,SAAS;AAC1B,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,QAAQ,YAAY,SAAS,eAAe,IAAI;AACtD,QAAM,WAAW,SAAS,eAAe,QAAQ,gBAAgB,YAAY,QAAQ,cAAc;AACnG,QAAM,eAAe,UAAU,cAAc,OAAO,YAAY,SAAS,YAAY,SAAS,IAAI,IAAI;AACtG,QAAM,YAAY,UAAU,cAAc,QAAQ,SAAS,aAAa,SAAS;AAEjF,SACE,oBAAC,UAAO,MAAM,YAAY,MAAM,cAAc,CAAC,SAAS;AAAE,QAAI,CAAC,KAAM,SAAQ,KAAK;AAAA,EAAG,GACnF,+BAAC,iBAAc,WAAU,eACvB;AAAA,wBAAC,eAAY,gCAAkB;AAAA,IAC/B,oBAAC,qBAAkB,4IAGnB;AAAA,IACA,qBAAC,SAAI,WAAU,mEACb;AAAA,0BAAC,UAAK,WAAU,iCAAgC,yBAAW;AAAA,MAC3D,oBAAC,UAAK,WAAU,yBAAyB,kBAAQ,UAAK,KAAK,KAAK,oBAAc;AAAA,OAChF;AAAA,IACC,gBACC,qBAAC,SAAI,WAAU,0CACb;AAAA,0BAAC,UAAK,WAAU,iCAAgC,0BAAY;AAAA,MAC5D,oBAAC,UAAK,WAAU,yBAAyB,wBAAa;AAAA,OACxD;AAAA,IAED,aACC,oBAAC,OAAE,WAAU,4BAA2B,kGAExC;AAAA,IAEF,qBAAC,SAAI,WAAU,0BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,KAAK;AAAA,UAC5B,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,IAAI;AAAA,UAC3B,UAAU;AAAA,UACV,WAAU;AAAA,UAET,kBAAQ,OAAO,KAAK,KAAK;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/data/brand.cjs

@@ -18,7 +18,13 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var brand_exports = {};
 __export(brand_exports, {
-  BRAND: () => BRAND
+  ACTION_FOREGROUNDS: () => ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS: () => ACTION_GRADIENTS,
+  BRAND: () => BRAND,
+  BRAND_COLOR: () => BRAND_COLOR,
+  BRAND_GRADIENT: () => BRAND_GRADIENT,
+  TONE_FOREGROUNDS: () => TONE_FOREGROUNDS,
+  TONE_GRADIENTS: () => TONE_GRADIENTS
 });
 module.exports = __toCommonJS(brand_exports);
 const BRAND = {
@@ -62,8 +68,54 @@ const BRAND = {
     to: "to-brand-navy/10"
   }
 };
+const token = (name) => `hsl(var(--${name}))`;
+const BRAND_COLOR = {
+  blue: token("brand-blue"),
+  purple: token("brand-purple"),
+  rose: token("brand-rose"),
+  orange: token("brand-orange"),
+  maeve: token("brand-maeve"),
+  navy: token("brand-navy"),
+  red: token("destructive")
+};
+const loop = (a, b) => [BRAND_COLOR[a], BRAND_COLOR[b], BRAND_COLOR[a]];
+const ACTION_GRADIENTS = {
+  buy: loop("blue", "purple"),
+  submit: loop("maeve", "purple"),
+  offer: loop("rose", "orange"),
+  remix: loop("purple", "rose"),
+  license: loop("blue", "purple")
+};
+const ACTION_FOREGROUNDS = {
+  buy: BRAND_COLOR.blue,
+  submit: BRAND_COLOR.purple,
+  offer: BRAND_COLOR.orange,
+  remix: BRAND_COLOR.purple,
+  license: BRAND_COLOR.blue
+};
+const TONE_GRADIENTS = {
+  blue: loop("blue", "purple"),
+  purple: loop("purple", "rose"),
+  orange: loop("orange", "rose"),
+  red: loop("red", "rose"),
+  rose: loop("rose", "orange")
+};
+const TONE_FOREGROUNDS = {
+  blue: BRAND_COLOR.blue,
+  purple: BRAND_COLOR.purple,
+  orange: BRAND_COLOR.orange,
+  red: BRAND_COLOR.red,
+  rose: BRAND_COLOR.rose
+};
+const BRAND_GRADIENT = `linear-gradient(115deg, ${[BRAND_COLOR.blue, BRAND_COLOR.purple, BRAND_COLOR.rose, BRAND_COLOR.orange, BRAND_COLOR.blue].join(", ")})`;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BRAND
+  ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS,
+  BRAND,
+  BRAND_COLOR,
+  BRAND_GRADIENT,
+  TONE_FOREGROUNDS,
+  TONE_GRADIENTS
 });
 //# sourceMappingURL=brand.cjs.map

package/dist/data/brand.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  maeve: {\n    text:    \"text-brand-maeve\",\n    bg:      \"bg-brand-maeve/10\",\n    bgSolid: \"bg-brand-maeve/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  maeve: {\n    text:    \"text-brand-maeve\",\n    bg:      \"bg-brand-maeve/10\",\n    bgSolid: \"bg-brand-maeve/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n\nconst token = (name: string) => `hsl(var(--${name}))`;\n\nexport const BRAND_COLOR = {\n  blue: token(\"brand-blue\"),\n  purple: token(\"brand-purple\"),\n  rose: token(\"brand-rose\"),\n  orange: token(\"brand-orange\"),\n  maeve: token(\"brand-maeve\"),\n  navy: token(\"brand-navy\"),\n  red: token(\"destructive\"),\n} as const;\n\nexport type BrandColorName = keyof typeof BRAND_COLOR;\n\nconst loop = (a: BrandColorName, b: BrandColorName): [string, string, string] => [BRAND_COLOR[a], BRAND_COLOR[b], BRAND_COLOR[a]];\n\nexport const ACTION_GRADIENTS: Record<string, [string, string, string]> = {\n  buy: loop(\"blue\", \"purple\"),\n  submit: loop(\"maeve\", \"purple\"),\n  offer: loop(\"rose\", \"orange\"),\n  remix: loop(\"purple\", \"rose\"),\n  license: loop(\"blue\", \"purple\"),\n};\n\nexport const ACTION_FOREGROUNDS: Record<string, string> = {\n  buy: BRAND_COLOR.blue,\n  submit: BRAND_COLOR.purple,\n  offer: BRAND_COLOR.orange,\n  remix: BRAND_COLOR.purple,\n  license: BRAND_COLOR.blue,\n};\n\nexport const TONE_GRADIENTS: Record<string, [string, string, string]> = {\n  blue: loop(\"blue\", \"purple\"),\n  purple: loop(\"purple\", \"rose\"),\n  orange: loop(\"orange\", \"rose\"),\n  red: loop(\"red\", \"rose\"),\n  rose: loop(\"rose\", \"orange\"),\n};\n\nexport const TONE_FOREGROUNDS: Record<string, string> = {\n  blue: BRAND_COLOR.blue,\n  purple: BRAND_COLOR.purple,\n  orange: BRAND_COLOR.orange,\n  red: BRAND_COLOR.red,\n  rose: BRAND_COLOR.rose,\n};\n\nexport const BRAND_GRADIENT = `linear-gradient(115deg, ${[BRAND_COLOR.blue, BRAND_COLOR.purple, BRAND_COLOR.rose, BRAND_COLOR.orange, BRAND_COLOR.blue].join(\", \")})`;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;AAEA,MAAM,QAAQ,CAAC,SAAiB,aAAa,IAAI;AAE1C,MAAM,cAAc;AAAA,EACzB,MAAM,MAAM,YAAY;AAAA,EACxB,QAAQ,MAAM,cAAc;AAAA,EAC5B,MAAM,MAAM,YAAY;AAAA,EACxB,QAAQ,MAAM,cAAc;AAAA,EAC5B,OAAO,MAAM,aAAa;AAAA,EAC1B,MAAM,MAAM,YAAY;AAAA,EACxB,KAAK,MAAM,aAAa;AAC1B;AAIA,MAAM,OAAO,CAAC,GAAmB,MAAgD,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC;AAEzH,MAAM,mBAA6D;AAAA,EACxE,KAAK,KAAK,QAAQ,QAAQ;AAAA,EAC1B,QAAQ,KAAK,SAAS,QAAQ;AAAA,EAC9B,OAAO,KAAK,QAAQ,QAAQ;AAAA,EAC5B,OAAO,KAAK,UAAU,MAAM;AAAA,EAC5B,SAAS,KAAK,QAAQ,QAAQ;AAChC;AAEO,MAAM,qBAA6C;AAAA,EACxD,KAAK,YAAY;AAAA,EACjB,QAAQ,YAAY;AAAA,EACpB,OAAO,YAAY;AAAA,EACnB,OAAO,YAAY;AAAA,EACnB,SAAS,YAAY;AACvB;AAEO,MAAM,iBAA2D;AAAA,EACtE,MAAM,KAAK,QAAQ,QAAQ;AAAA,EAC3B,QAAQ,KAAK,UAAU,MAAM;AAAA,EAC7B,QAAQ,KAAK,UAAU,MAAM;AAAA,EAC7B,KAAK,KAAK,OAAO,MAAM;AAAA,EACvB,MAAM,KAAK,QAAQ,QAAQ;AAC7B;AAEO,MAAM,mBAA2C;AAAA,EACtD,MAAM,YAAY;AAAA,EAClB,QAAQ,YAAY;AAAA,EACpB,QAAQ,YAAY;AAAA,EACpB,KAAK,YAAY;AAAA,EACjB,MAAM,YAAY;AACpB;AAEO,MAAM,iBAAiB,2BAA2B,CAAC,YAAY,MAAM,YAAY,QAAQ,YAAY,MAAM,YAAY,QAAQ,YAAY,IAAI,EAAE,KAAK,IAAI,CAAC;","names":[]}

package/dist/data/brand.d.cts

@@ -39,5 +39,20 @@ declare const BRAND: {
         readonly to: "to-brand-navy/10";
     };
 };
+declare const BRAND_COLOR: {
+    readonly blue: string;
+    readonly purple: string;
+    readonly rose: string;
+    readonly orange: string;
+    readonly maeve: string;
+    readonly navy: string;
+    readonly red: string;
+};
+type BrandColorName = keyof typeof BRAND_COLOR;
+declare const ACTION_GRADIENTS: Record<string, [string, string, string]>;
+declare const ACTION_FOREGROUNDS: Record<string, string>;
+declare const TONE_GRADIENTS: Record<string, [string, string, string]>;
+declare const TONE_FOREGROUNDS: Record<string, string>;
+declare const BRAND_GRADIENT: string;
 
-export { BRAND };
+export { ACTION_FOREGROUNDS, ACTION_GRADIENTS, BRAND, BRAND_COLOR, BRAND_GRADIENT, type BrandColorName, TONE_FOREGROUNDS, TONE_GRADIENTS };

package/dist/data/brand.d.ts

@@ -39,5 +39,20 @@ declare const BRAND: {
         readonly to: "to-brand-navy/10";
     };
 };
+declare const BRAND_COLOR: {
+    readonly blue: string;
+    readonly purple: string;
+    readonly rose: string;
+    readonly orange: string;
+    readonly maeve: string;
+    readonly navy: string;
+    readonly red: string;
+};
+type BrandColorName = keyof typeof BRAND_COLOR;
+declare const ACTION_GRADIENTS: Record<string, [string, string, string]>;
+declare const ACTION_FOREGROUNDS: Record<string, string>;
+declare const TONE_GRADIENTS: Record<string, [string, string, string]>;
+declare const TONE_FOREGROUNDS: Record<string, string>;
+declare const BRAND_GRADIENT: string;
 
-export { BRAND };
+export { ACTION_FOREGROUNDS, ACTION_GRADIENTS, BRAND, BRAND_COLOR, BRAND_GRADIENT, type BrandColorName, TONE_FOREGROUNDS, TONE_GRADIENTS };

package/dist/data/brand.js

@@ -39,7 +39,53 @@ const BRAND = {
     to: "to-brand-navy/10"
   }
 };
+const token = (name) => `hsl(var(--${name}))`;
+const BRAND_COLOR = {
+  blue: token("brand-blue"),
+  purple: token("brand-purple"),
+  rose: token("brand-rose"),
+  orange: token("brand-orange"),
+  maeve: token("brand-maeve"),
+  navy: token("brand-navy"),
+  red: token("destructive")
+};
+const loop = (a, b) => [BRAND_COLOR[a], BRAND_COLOR[b], BRAND_COLOR[a]];
+const ACTION_GRADIENTS = {
+  buy: loop("blue", "purple"),
+  submit: loop("maeve", "purple"),
+  offer: loop("rose", "orange"),
+  remix: loop("purple", "rose"),
+  license: loop("blue", "purple")
+};
+const ACTION_FOREGROUNDS = {
+  buy: BRAND_COLOR.blue,
+  submit: BRAND_COLOR.purple,
+  offer: BRAND_COLOR.orange,
+  remix: BRAND_COLOR.purple,
+  license: BRAND_COLOR.blue
+};
+const TONE_GRADIENTS = {
+  blue: loop("blue", "purple"),
+  purple: loop("purple", "rose"),
+  orange: loop("orange", "rose"),
+  red: loop("red", "rose"),
+  rose: loop("rose", "orange")
+};
+const TONE_FOREGROUNDS = {
+  blue: BRAND_COLOR.blue,
+  purple: BRAND_COLOR.purple,
+  orange: BRAND_COLOR.orange,
+  red: BRAND_COLOR.red,
+  rose: BRAND_COLOR.rose
+};
+const BRAND_GRADIENT = `linear-gradient(115deg, ${[BRAND_COLOR.blue, BRAND_COLOR.purple, BRAND_COLOR.rose, BRAND_COLOR.orange, BRAND_COLOR.blue].join(", ")})`;
 export {
-  BRAND
+  ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS,
+  BRAND,
+  BRAND_COLOR,
+  BRAND_GRADIENT,
+  TONE_FOREGROUNDS,
+  TONE_GRADIENTS
 };
 //# sourceMappingURL=brand.js.map

package/dist/data/brand.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  maeve: {\n    text:    \"text-brand-maeve\",\n    bg:      \"bg-brand-maeve/10\",\n    bgSolid: \"bg-brand-maeve/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n"],"mappings":"AACO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/data/brand.ts"],"sourcesContent":["\nexport const BRAND = {\n  blue: {\n    text:    \"text-brand-blue\",\n    bg:      \"bg-brand-blue/10\",\n    bgSolid: \"bg-brand-blue/15\",\n    from:    \"from-brand-blue/20\",\n    to:      \"to-brand-blue/20\",\n  },\n  purple: {\n    text:    \"text-brand-purple\",\n    bg:      \"bg-brand-purple/10\",\n    bgSolid: \"bg-brand-purple/15\",\n    from:    \"from-brand-purple/20\",\n    to:      \"to-brand-purple/20\",\n  },\n  rose: {\n    text:    \"text-brand-rose\",\n    bg:      \"bg-brand-rose/10\",\n    bgSolid: \"bg-brand-rose/15\",\n    from:    \"from-brand-rose/20\",\n    to:      \"to-brand-rose/20\",\n  },\n  orange: {\n    text:    \"text-brand-orange\",\n    bg:      \"bg-brand-orange/10\",\n    bgSolid: \"bg-brand-orange/15\",\n    from:    \"from-brand-orange/20\",\n    to:      \"to-brand-orange/20\",\n  },\n  maeve: {\n    text:    \"text-brand-maeve\",\n    bg:      \"bg-brand-maeve/10\",\n    bgSolid: \"bg-brand-maeve/15\",\n  },\n  navy: {\n    text:    \"text-brand-navy\",\n    bg:      \"bg-brand-navy/10\",\n    from:    \"from-brand-navy/10\",\n    to:      \"to-brand-navy/10\",\n  },\n} as const;\n\nconst token = (name: string) => `hsl(var(--${name}))`;\n\nexport const BRAND_COLOR = {\n  blue: token(\"brand-blue\"),\n  purple: token(\"brand-purple\"),\n  rose: token(\"brand-rose\"),\n  orange: token(\"brand-orange\"),\n  maeve: token(\"brand-maeve\"),\n  navy: token(\"brand-navy\"),\n  red: token(\"destructive\"),\n} as const;\n\nexport type BrandColorName = keyof typeof BRAND_COLOR;\n\nconst loop = (a: BrandColorName, b: BrandColorName): [string, string, string] => [BRAND_COLOR[a], BRAND_COLOR[b], BRAND_COLOR[a]];\n\nexport const ACTION_GRADIENTS: Record<string, [string, string, string]> = {\n  buy: loop(\"blue\", \"purple\"),\n  submit: loop(\"maeve\", \"purple\"),\n  offer: loop(\"rose\", \"orange\"),\n  remix: loop(\"purple\", \"rose\"),\n  license: loop(\"blue\", \"purple\"),\n};\n\nexport const ACTION_FOREGROUNDS: Record<string, string> = {\n  buy: BRAND_COLOR.blue,\n  submit: BRAND_COLOR.purple,\n  offer: BRAND_COLOR.orange,\n  remix: BRAND_COLOR.purple,\n  license: BRAND_COLOR.blue,\n};\n\nexport const TONE_GRADIENTS: Record<string, [string, string, string]> = {\n  blue: loop(\"blue\", \"purple\"),\n  purple: loop(\"purple\", \"rose\"),\n  orange: loop(\"orange\", \"rose\"),\n  red: loop(\"red\", \"rose\"),\n  rose: loop(\"rose\", \"orange\"),\n};\n\nexport const TONE_FOREGROUNDS: Record<string, string> = {\n  blue: BRAND_COLOR.blue,\n  purple: BRAND_COLOR.purple,\n  orange: BRAND_COLOR.orange,\n  red: BRAND_COLOR.red,\n  rose: BRAND_COLOR.rose,\n};\n\nexport const BRAND_GRADIENT = `linear-gradient(115deg, ${[BRAND_COLOR.blue, BRAND_COLOR.purple, BRAND_COLOR.rose, BRAND_COLOR.orange, BRAND_COLOR.blue].join(\", \")})`;\n"],"mappings":"AACO,MAAM,QAAQ;AAAA,EACnB,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AAAA,EACA,OAAO;AAAA,IACL,MAAS;AAAA,IACT,IAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,MAAS;AAAA,IACT,IAAS;AAAA,IACT,MAAS;AAAA,IACT,IAAS;AAAA,EACX;AACF;AAEA,MAAM,QAAQ,CAAC,SAAiB,aAAa,IAAI;AAE1C,MAAM,cAAc;AAAA,EACzB,MAAM,MAAM,YAAY;AAAA,EACxB,QAAQ,MAAM,cAAc;AAAA,EAC5B,MAAM,MAAM,YAAY;AAAA,EACxB,QAAQ,MAAM,cAAc;AAAA,EAC5B,OAAO,MAAM,aAAa;AAAA,EAC1B,MAAM,MAAM,YAAY;AAAA,EACxB,KAAK,MAAM,aAAa;AAC1B;AAIA,MAAM,OAAO,CAAC,GAAmB,MAAgD,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC;AAEzH,MAAM,mBAA6D;AAAA,EACxE,KAAK,KAAK,QAAQ,QAAQ;AAAA,EAC1B,QAAQ,KAAK,SAAS,QAAQ;AAAA,EAC9B,OAAO,KAAK,QAAQ,QAAQ;AAAA,EAC5B,OAAO,KAAK,UAAU,MAAM;AAAA,EAC5B,SAAS,KAAK,QAAQ,QAAQ;AAChC;AAEO,MAAM,qBAA6C;AAAA,EACxD,KAAK,YAAY;AAAA,EACjB,QAAQ,YAAY;AAAA,EACpB,OAAO,YAAY;AAAA,EACnB,OAAO,YAAY;AAAA,EACnB,SAAS,YAAY;AACvB;AAEO,MAAM,iBAA2D;AAAA,EACtE,MAAM,KAAK,QAAQ,QAAQ;AAAA,EAC3B,QAAQ,KAAK,UAAU,MAAM;AAAA,EAC7B,QAAQ,KAAK,UAAU,MAAM;AAAA,EAC7B,KAAK,KAAK,OAAO,MAAM;AAAA,EACvB,MAAM,KAAK,QAAQ,QAAQ;AAC7B;AAEO,MAAM,mBAA2C;AAAA,EACtD,MAAM,YAAY;AAAA,EAClB,QAAQ,YAAY;AAAA,EACpB,QAAQ,YAAY;AAAA,EACpB,KAAK,YAAY;AAAA,EACjB,MAAM,YAAY;AACpB;AAEO,MAAM,iBAAiB,2BAA2B,CAAC,YAAY,MAAM,YAAY,QAAQ,YAAY,MAAM,YAAY,QAAQ,YAAY,IAAI,EAAE,KAAK,IAAI,CAAC;","names":[]}

package/dist/index.cjs

@@ -18,13 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  ACTION_FOREGROUNDS: () => import_brand.ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS: () => import_brand.ACTION_GRADIENTS,
   ACTIVITY_MESSAGES: () => import_activity_card.ACTIVITY_MESSAGES,
   ACTIVITY_TYPE_CONFIG: () => import_activity.ACTIVITY_TYPE_CONFIG,
   AI_POLICIES: () => import_ip.AI_POLICIES,
   ASSET_ACCENTS: () => import_asset_accents.ASSET_ACCENTS,
   AccountSection: () => import_account_section.AccountSection,
   ActionButton: () => import_action_button.ActionButton,
-  ActionDialog: () => import_action_dialog.ActionDialog,
   ActiveFilters: () => import_marketplace_filters.ActiveFilters,
   ActivitiesFeed: () => import_activities_feed.ActivitiesFeed,
   ActivityCard: () => import_activity_card.ActivityCard,
@@ -60,6 +61,8 @@ __export(index_exports, {
   AssetUnavailable: () => import_asset_unavailable.AssetUnavailable,
   AssetUtilityIcons: () => import_asset_utility_icons.AssetUtilityIcons,
   BRAND: () => import_brand.BRAND,
+  BRAND_COLOR: () => import_brand.BRAND_COLOR,
+  BRAND_GRADIENT: () => import_brand.BRAND_GRADIENT,
   BackButton: () => import_back_button.BackButton,
   Badge: () => import_badge.Badge,
   BadgeCatalog: () => import_badge_catalog.BadgeCatalog,
@@ -432,6 +435,7 @@ __export(index_exports, {
   emptyMessages: () => import_empty_messages.emptyMessages,
   fdvUsd: () => import_coins.fdvUsd,
   feeLabelFor: () => import_self_fund_consent_dialog.feeLabelFor,
+  fireConfetti: () => import_confetti.fireConfetti,
   formatActivity: () => import_format_activity.formatActivity,
   formatAssetReceivedNotification: () => import_format_activity.formatAssetReceivedNotification,
   formatCoinPrice: () => import_coins.formatCoinPrice,
@@ -512,6 +516,7 @@ __export(index_exports, {
   useCollections: () => import_use_collections.useCollections,
   useCollectionsByOwner: () => import_use_collections.useCollectionsByOwner,
   useComments: () => import_use_comments.useComments,
+  useConfetti: () => import_use_confetti.useConfetti,
   useCounterOffers: () => import_use_orders.useCounterOffers,
   useCreatorByUsername: () => import_use_profiles.useCreatorByUsername,
   useCreatorProfile: () => import_use_profiles.useCreatorProfile,
@@ -622,6 +627,8 @@ var import_asset_attributes = require("./utils/asset-attributes.js");
 var import_asset_collection_bar = require("./components/asset-collection-bar.js");
 var import_asset_utility_icons = require("./components/asset-utility-icons.js");
 var import_asset_marketplace_panel = require("./components/asset-marketplace-panel.js");
+var import_confetti = require("./utils/media-wallet/confetti.js");
+var import_use_confetti = require("./utils/use-confetti.js");
 var import_brand = require("./data/brand.js");
 var import_living_render_collections = require("./data/living-render-collections.js");
 var import_currency_icon = require("./components/currency-icon.js");
@@ -799,7 +806,6 @@ var import_empty_messages = require("./utils/empty-messages.js");
 var import_medialane_collection_card = require("./components/medialane-collection-card.js");
 var import_token_glyph = require("./components/token-glyph.js");
 var import_stat_tile = require("./components/stat-tile.js");
-var import_action_dialog = require("./components/action-dialog.js");
 var import_hidden_content_banner = require("./components/hidden-content-banner.js");
 var import_use_rewards_celebrations = require("./components/rewards/use-rewards-celebrations.js");
 var import_level_up_celebration = require("./components/rewards/level-up-celebration.js");
@@ -879,13 +885,14 @@ var import_asset_provenance_tab = require("./components/asset-provenance-tab.js"
 var import_asset_accents = require("./utils/asset-accents.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ACTION_FOREGROUNDS,
+  ACTION_GRADIENTS,
   ACTIVITY_MESSAGES,
   ACTIVITY_TYPE_CONFIG,
   AI_POLICIES,
   ASSET_ACCENTS,
   AccountSection,
   ActionButton,
-  ActionDialog,
   ActiveFilters,
   ActivitiesFeed,
   ActivityCard,
@@ -921,6 +928,8 @@ var import_asset_accents = require("./utils/asset-accents.js");
   AssetUnavailable,
   AssetUtilityIcons,
   BRAND,
+  BRAND_COLOR,
+  BRAND_GRADIENT,
   BackButton,
   Badge,
   BadgeCatalog,
@@ -1293,6 +1302,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   emptyMessages,
   fdvUsd,
   feeLabelFor,
+  fireConfetti,
   formatActivity,
   formatAssetReceivedNotification,
   formatCoinPrice,
@@ -1373,6 +1383,7 @@ var import_asset_accents = require("./utils/asset-accents.js");
   useCollections,
   useCollectionsByOwner,
   useComments,
+  useConfetti,
   useCounterOffers,
   useCreatorByUsername,
   useCreatorProfile,