@medialane/ui 0.191.0 → 0.192.0

package/dist/components/fast-mint/fast-mint.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.cjs';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/fast-mint/fast-mint.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FastMintProps } from './types.js';
 import 'starknet';
 import '@medialane/sdk';
 import '@medialane/sdk/starknet';
 
-declare function FastMint(props: FastMintProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function FastMint(props: FastMintProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 
 export { FastMint };

package/dist/components/marketplace-dialog-primitives.cjs

@@ -174,8 +174,8 @@ function MarketplaceDialogHero({
   badge
 }) {
   const name = tokenName || `Token #${tokenId}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-32 w-full bg-muted overflow-hidden shrink-0", children: [
-    tokenImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: tokenImage, alt: name, fill: true, sizes: "384px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center", children: fallbackIcon }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative flex justify-center pt-6 shrink-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted", children: tokenImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, { src: tokenImage, alt: name, fill: true, sizes: "128px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center", children: fallbackIcon }) }),
     badge
   ] });
 }

package/dist/components/marketplace-dialog-primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, CheckCircle2, ExternalLink, Loader2, Sparkles, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Please wait, do not close this window.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceSuccessStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  txHash?: string | null;\n  explorerUrl: string;\n  onDone: () => void;\n  footer?: ReactNode;\n}\n\nexport function MarketplaceSuccessState({\n  tokenImage,\n  name,\n  title,\n  description,\n  txHash,\n  explorerUrl,\n  onDone,\n  footer,\n}: MarketplaceSuccessStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-emerald-500 flex items-center justify-center border-2 border-background\">\n            <CheckCircle2 className=\"h-5 w-5 text-white\" />\n          </div>\n          <Sparkles className=\"absolute -top-2 -right-2 h-5 w-5 text-brand-orange\" />\n        </div>\n      ) : (\n        <div className=\"relative\">\n          <div className=\"h-16 w-16 rounded-full bg-emerald-500/15 flex items-center justify-center\">\n            <CheckCircle2 className=\"h-9 w-9 text-emerald-500\" />\n          </div>\n          <Sparkles className=\"absolute -top-1 -right-1 h-5 w-5 text-brand-orange\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <Button className=\"w-full h-11\" onClick={onDone}>Done</Button>\n      {footer}\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative h-32 w-full bg-muted overflow-hidden shrink-0\">\n      {tokenImage ? (\n        <Image src={tokenImage} alt={name} fill sizes=\"384px\" className=\"object-cover\" unoptimized />\n      ) : (\n        <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n          {fallbackIcon}\n        </div>\n      )}\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BM;AAxBN,mBAAkB;AAClB,0BAAmF;AACnF,mBAAwC;AACxC,oBAAuB;AACvB,2BAA6B;AAC7B,gBAAmB;AAQZ,SAAS,kBAAkB,EAAE,QAAQ,aAAa,UAAU,GAA2B;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,GAAG,WAAW,OAAO,MAAM;AAAA,MACjC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,qDAAC,UAAK,WAAU,gBAAgB;AAAA,iBAAO,MAAM,GAAG,EAAE;AAAA,UAAE;AAAA,UAAE,OAAO,MAAM,EAAE;AAAA,WAAE;AAAA,QACvE,4CAAC,oCAAa,WAAU,WAAU;AAAA;AAAA;AAAA,EACpC;AAEJ;AAWO,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAoC;AAClC,SACE,6CAAC,SAAI,WAAU,6CACZ;AAAA,eACC,6CAAC,SAAI,WAAU,uEACb;AAAA,kDAAC,aAAAA,SAAA,EAAM,KAAK,UAAU,KAAK,UAAU,MAAI,MAAC,OAAM,QAAO,WAAU,gBAAe,aAAW,MAAC;AAAA,MAC5F,4CAAC,SAAI,WAAU,sEACb,sDAAC,+BAAQ,WAAU,qCAAoC,GACzD;AAAA,OACF,IAEA,4CAAC,+BAAQ,WAAU,uCAAsC;AAAA,IAE3D,6CAAC,SAAI,WAAU,yBACb;AAAA,kDAAC,OAAE,WAAU,iBAAiB,iBAAM;AAAA,MACnC,UAAU,cACT,4CAAC,qBAAkB,QAAgB,aAA0B,WAAU,QAAO,IAC5E;AAAA,OACN;AAAA,IACA,4CAAC,OAAE,WAAU,iCAAiC,uBAAY;AAAA,KAC5D;AAEJ;AASO,SAAS,sBAAsB,EAAE,OAAO,aAAa,MAAM,WAAW,iBAAiB,GAA+B;AAC3H,SACE,6CAAC,SAAI,WAAU,0DACb;AAAA,gDAAC,8BAAO,WAAU,mCAAkC;AAAA,IACpD,6CAAC,SACC;AAAA,kDAAC,OAAE,WAAU,iBAAiB,iBAAM;AAAA,MACpC,4CAAC,OAAE,WAAU,sCAAsC,uBAAY;AAAA,OACjE;AAAA,IACA,4CAAC,SAAI,WAAU,iDACb;AAAA,MAAC;AAAA;AAAA,QACC,SAAO;AAAA,QACP,WAAU;AAAA,QAEV,sDAAC,OAAE,MAAa,oBAAS;AAAA;AAAA,IAC3B,GACF;AAAA,KACF;AAEJ;AAaO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,SACE,6CAAC,SAAI,WAAU,6CACZ;AAAA,iBACC,6CAAC,SAAI,WAAU,YACb;AAAA,kDAAC,SAAI,WAAU,uEACb,sDAAC,aAAAA,SAAA,EAAM,KAAK,YAAY,KAAK,MAAM,MAAI,MAAC,OAAM,SAAQ,WAAU,gBAAe,aAAW,MAAC,GAC7F;AAAA,MACA,4CAAC,SAAI,WAAU,+HACb,sDAAC,oCAAa,WAAU,sBAAqB,GAC/C;AAAA,MACA,4CAAC,gCAAS,WAAU,sDAAqD;AAAA,OAC3E,IAEA,6CAAC,SAAI,WAAU,YACb;AAAA,kDAAC,SAAI,WAAU,6EACb,sDAAC,oCAAa,WAAU,4BAA2B,GACrD;AAAA,MACA,4CAAC,gCAAS,WAAU,sDAAqD;AAAA,OAC3E;AAAA,IAEF,6CAAC,SAAI,WAAU,oCACb;AAAA,kDAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,MACpD,4CAAC,OAAE,WAAU,6CAA6C,uBAAY;AAAA,OACxE;AAAA,IACC,UAAU,4CAAC,qBAAkB,QAAgB,aAA0B;AAAA,IACxE,4CAAC,wBAAO,WAAU,eAAc,SAAS,QAAQ,kBAAI;AAAA,IACpD;AAAA,KACH;AAEJ;AAeO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAA+B;AAC7B,SACE,6CAAC,SAAI,WAAU,6CACZ;AAAA,iBACC,6CAAC,SAAI,WAAU,YACb;AAAA,kDAAC,SAAI,WAAU,uEACb,sDAAC,aAAAA,SAAA,EAAM,KAAK,YAAY,KAAK,MAAM,MAAI,MAAC,OAAM,SAAQ,WAAU,gBAAe,aAAW,MAAC,GAC7F;AAAA,MACA,4CAAC,SAAI,WAAU,+HACb,sDAAC,mCAAY,WAAU,sBAAqB,GAC9C;AAAA,OACF,IAEA,4CAAC,SAAI,WAAU,6EACb,sDAAC,mCAAY,WAAU,4BAA2B,GACpD;AAAA,IAEF,6CAAC,SAAI,WAAU,oCACb;AAAA,kDAAC,OAAE,WAAU,iCAAiC,iBAAM;AAAA,MACpD,4CAAC,OAAE,WAAU,6CAA6C,uBAAY;AAAA,OACxE;AAAA,IACC,QACC,6CAAC,sBAAM,SAAQ,eAAc,WAAU,aACrC;AAAA,kDAAC,mCAAY,WAAU,WAAU;AAAA,MACjC,4CAAC,iCAAkB,iBAAM;AAAA,OAC3B,IACE;AAAA,IACH,UAAU,4CAAC,qBAAkB,QAAgB,aAA0B;AAAA,IACxE,6CAAC,SAAI,WAAU,qBACZ;AAAA,gBACC,4CAAC,wBAAO,SAAQ,WAAU,WAAU,eAAc,SAAS,SAAS,uBAEpE,IACE;AAAA,MACJ,4CAAC,wBAAO,WAAU,eAAc,SAAS,QAAS,qBAAU;AAAA,OAC9D;AAAA,KACF;AAEJ;AAUO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,QAAM,OAAO,aAAa,UAAU,OAAO;AAE3C,SACE,6CAAC,SAAI,WAAU,0DACZ;AAAA,iBACC,4CAAC,aAAAA,SAAA,EAAM,KAAK,YAAY,KAAK,MAAM,MAAI,MAAC,OAAM,SAAQ,WAAU,gBAAe,aAAW,MAAC,IAE3F,4CAAC,SAAI,WAAU,0HACZ,wBACH;AAAA,IAED;AAAA,KACH;AAEJ;AASO,SAAS,eAAe,EAAE,YAAY,OAAO,UAAU,SAAS,GAAwB;AAC7F,SACE,4CAAC,SAAI,WAAU,4BACZ,qBAAW,IAAI,CAAC,MACf;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,UAAU,IAAI,YAAY;AAAA,MACnC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,CAAC;AAAA,MACzB;AAAA,MACA,WAAU;AAAA,MAEV;AAAA,oDAAC,qCAAa,QAAQ,GAAG,MAAM,IAAI,WAAU,YAAW;AAAA,QACxD,4CAAC,UAAK,WAAU,YAAY,aAAE;AAAA;AAAA;AAAA,IATzB;AAAA,EAUP,CACD,GACH;AAEJ;AAUO,SAAS,eAAe,EAAE,SAAS,OAAO,UAAU,UAAU,OAAO,EAAE,GAAwB;AACpG,SACE,4CAAC,SAAI,WAAW,SAAS,IAAI,2BAA2B,0BACrD,kBAAQ,IAAI,CAAC,QACZ;AAAA,IAAC;AAAA;AAAA,MAEC,MAAK;AAAA,MACL,SAAS,UAAU,IAAI,UAAU,YAAY;AAAA,MAC7C,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,IAAI,OAAO;AAAA,MACnC;AAAA,MACA,WAAU;AAAA,MAET,cAAI;AAAA;AAAA,IARA,IAAI;AAAA,EASX,CACD,GACH;AAEJ;AAgBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,GAAgC;AAC9B,QAAM,gBAAgB,mBAAmB,gBACvC;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MAER;AAAA;AAAA,EACH,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA,mBAAmB;AAAA,MACrB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UAER;AAAA;AAAA,YACA;AAAA;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAGF,SACE,6CAAC,SAAI,WAAU,4BACZ;AAAA;AAAA,IACD,4CAAC,OAAE,WAAU,iCAAiC,uBAAY;AAAA,IACzD,QACC,6CAAC,sBAAM,SAAQ,eACb;AAAA,kDAAC,mCAAY,WAAU,WAAU;AAAA,MACjC,4CAAC,iCAAkB,iBAAM;AAAA,OAC3B,IACE;AAAA,IACJ,6CAAC,SAAI,WAAU,mBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":["Image"]}
+{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, CheckCircle2, ExternalLink, Loader2, Sparkles, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Please wait, do not close this window.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceSuccessStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  txHash?: string | null;\n  explorerUrl: string;\n  onDone: () => void;\n  footer?: ReactNode;\n}\n\nexport function MarketplaceSuccessState({\n  tokenImage,\n  name,\n  title,\n  description,\n  txHash,\n  explorerUrl,\n  onDone,\n  footer,\n}: MarketplaceSuccessStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-emerald-500 flex items-center justify-center border-2 border-background\">\n            <CheckCircle2 className=\"h-5 w-5 text-white\" />\n          </div>\n          <Sparkles className=\"absolute -top-2 -right-2 h-5 w-5 text-brand-orange\" />\n        </div>\n      ) : (\n        <div className=\"relative\">\n          <div className=\"h-16 w-16 rounded-full bg-emerald-500/15 flex items-center justify-center\">\n            <CheckCircle2 className=\"h-9 w-9 text-emerald-500\" />\n          </div>\n          <Sparkles className=\"absolute -top-1 -right-1 h-5 w-5 text-brand-orange\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <Button className=\"w-full h-11\" onClick={onDone}>Done</Button>\n      {footer}\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative flex justify-center pt-6 shrink-0\">\n      <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n        {tokenImage ? (\n          <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n            {fallbackIcon}\n          </div>\n        )}\n      </div>\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","names":["Image"]}

package/dist/components/marketplace-dialog-primitives.js

@@ -133,8 +133,8 @@ function MarketplaceDialogHero({
   badge
 }) {
   const name = tokenName || `Token #${tokenId}`;
-  return /* @__PURE__ */ jsxs("div", { className: "relative h-32 w-full bg-muted overflow-hidden shrink-0", children: [
-    tokenImage ? /* @__PURE__ */ jsx(Image, { src: tokenImage, alt: name, fill: true, sizes: "384px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center", children: fallbackIcon }),
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex justify-center pt-6 shrink-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted", children: tokenImage ? /* @__PURE__ */ jsx(Image, { src: tokenImage, alt: name, fill: true, sizes: "128px", className: "object-cover", unoptimized: true }) : /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center", children: fallbackIcon }) }),
     badge
   ] });
 }

package/dist/components/marketplace-dialog-primitives.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, CheckCircle2, ExternalLink, Loader2, Sparkles, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Please wait, do not close this window.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceSuccessStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  txHash?: string | null;\n  explorerUrl: string;\n  onDone: () => void;\n  footer?: ReactNode;\n}\n\nexport function MarketplaceSuccessState({\n  tokenImage,\n  name,\n  title,\n  description,\n  txHash,\n  explorerUrl,\n  onDone,\n  footer,\n}: MarketplaceSuccessStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-emerald-500 flex items-center justify-center border-2 border-background\">\n            <CheckCircle2 className=\"h-5 w-5 text-white\" />\n          </div>\n          <Sparkles className=\"absolute -top-2 -right-2 h-5 w-5 text-brand-orange\" />\n        </div>\n      ) : (\n        <div className=\"relative\">\n          <div className=\"h-16 w-16 rounded-full bg-emerald-500/15 flex items-center justify-center\">\n            <CheckCircle2 className=\"h-9 w-9 text-emerald-500\" />\n          </div>\n          <Sparkles className=\"absolute -top-1 -right-1 h-5 w-5 text-brand-orange\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <Button className=\"w-full h-11\" onClick={onDone}>Done</Button>\n      {footer}\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative h-32 w-full bg-muted overflow-hidden shrink-0\">\n      {tokenImage ? (\n        <Image src={tokenImage} alt={name} fill sizes=\"384px\" className=\"object-cover\" unoptimized />\n      ) : (\n        <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n          {fallbackIcon}\n        </div>\n      )}\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/components/marketplace-dialog-primitives.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport Image from \"./image.js\";\nimport { AlertCircle, CheckCircle2, ExternalLink, Loader2, Sparkles, Wallet } from \"lucide-react\";\nimport { Alert, AlertDescription } from \"./alert.js\";\nimport { Button } from \"./button.js\";\nimport { CurrencyIcon } from \"./currency-icon.js\";\nimport { cn } from \"../utils/cn.js\";\n\ninterface MarketplaceTxLinkProps {\n  txHash: string;\n  explorerUrl: string;\n  className?: string;\n}\n\nexport function MarketplaceTxLink({ txHash, explorerUrl, className }: MarketplaceTxLinkProps) {\n  return (\n    <a\n      href={`${explorerUrl}/tx/${txHash}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={cn(\n        \"inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors\",\n        className\n      )}\n    >\n      <span className=\"tabular-nums\">{txHash.slice(0, 10)}…{txHash.slice(-8)}</span>\n      <ExternalLink className=\"h-3 w-3\" />\n    </a>\n  );\n}\n\ninterface MarketplaceProcessingStateProps {\n  title: string;\n  description?: string;\n  imageUrl?: string | null;\n  imageAlt?: string;\n  txHash?: string | null;\n  explorerUrl?: string;\n}\n\nexport function MarketplaceProcessingState({\n  title,\n  description = \"Please wait, do not close this window.\",\n  imageUrl,\n  imageAlt = \"Token preview\",\n  txHash,\n  explorerUrl,\n}: MarketplaceProcessingStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {imageUrl ? (\n        <div className=\"relative h-20 w-20 rounded-2xl overflow-hidden border border-border\">\n          <Image src={imageUrl} alt={imageAlt} fill sizes=\"80px\" className=\"object-cover\" unoptimized />\n          <div className=\"absolute inset-0 bg-background/50 flex items-center justify-center\">\n            <Loader2 className=\"h-7 w-7 animate-spin text-primary\" />\n          </div>\n        </div>\n      ) : (\n        <Loader2 className=\"h-10 w-10 animate-spin text-primary\" />\n      )}\n      <div className=\"text-center space-y-1\">\n        <p className=\"font-semibold\">{title}</p>\n        {txHash && explorerUrl ? (\n          <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} className=\"mt-1\" />\n        ) : null}\n      </div>\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n    </div>\n  );\n}\n\ninterface MarketplaceSignInGateProps {\n  title: string;\n  description: string;\n  href: string;\n  ctaLabel?: string;\n}\n\nexport function MarketplaceSignInGate({ title, description, href, ctaLabel = \"Set up account\" }: MarketplaceSignInGateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-4 p-6 py-10 text-center\">\n      <Wallet className=\"h-10 w-10 text-muted-foreground\" />\n      <div>\n        <p className=\"font-semibold\">{title}</p>\n        <p className=\"text-sm text-muted-foreground mt-1\">{description}</p>\n      </div>\n      <div className=\"btn-border-animated w-full p-[1px] rounded-lg\">\n        <Button\n          asChild\n          className=\"w-full bg-transparent text-white rounded-[7px] hover:bg-transparent hover:brightness-110 active:scale-[0.98] transition-all\"\n        >\n          <a href={href}>{ctaLabel}</a>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceSuccessStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  txHash?: string | null;\n  explorerUrl: string;\n  onDone: () => void;\n  footer?: ReactNode;\n}\n\nexport function MarketplaceSuccessState({\n  tokenImage,\n  name,\n  title,\n  description,\n  txHash,\n  explorerUrl,\n  onDone,\n  footer,\n}: MarketplaceSuccessStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-emerald-500 flex items-center justify-center border-2 border-background\">\n            <CheckCircle2 className=\"h-5 w-5 text-white\" />\n          </div>\n          <Sparkles className=\"absolute -top-2 -right-2 h-5 w-5 text-brand-orange\" />\n        </div>\n      ) : (\n        <div className=\"relative\">\n          <div className=\"h-16 w-16 rounded-full bg-emerald-500/15 flex items-center justify-center\">\n            <CheckCircle2 className=\"h-9 w-9 text-emerald-500\" />\n          </div>\n          <Sparkles className=\"absolute -top-1 -right-1 h-5 w-5 text-brand-orange\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <Button className=\"w-full h-11\" onClick={onDone}>Done</Button>\n      {footer}\n    </div>\n  );\n}\n\ninterface MarketplaceErrorStateProps {\n  tokenImage?: string | null;\n  name: string;\n  title: string;\n  description: ReactNode;\n  error?: string | null;\n  txHash?: string | null;\n  explorerUrl: string;\n  onRetry?: () => void;\n  onDone: () => void;\n  doneLabel?: string;\n}\n\nexport function MarketplaceErrorState({\n  tokenImage,\n  name,\n  title,\n  description,\n  error,\n  txHash,\n  explorerUrl,\n  onRetry,\n  onDone,\n  doneLabel = \"Done\",\n}: MarketplaceErrorStateProps) {\n  return (\n    <div className=\"flex flex-col items-center gap-5 p-6 py-8\">\n      {tokenImage ? (\n        <div className=\"relative\">\n          <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border\">\n            <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n          </div>\n          <div className=\"absolute -bottom-2 -right-2 h-9 w-9 rounded-full bg-destructive flex items-center justify-center border-2 border-background\">\n            <AlertCircle className=\"h-5 w-5 text-white\" />\n          </div>\n        </div>\n      ) : (\n        <div className=\"h-16 w-16 rounded-full bg-destructive/15 flex items-center justify-center\">\n          <AlertCircle className=\"h-9 w-9 text-destructive\" />\n        </div>\n      )}\n      <div className=\"text-center space-y-1 max-w-full\">\n        <p className=\"font-bold text-xl break-words\">{title}</p>\n        <p className=\"text-sm text-muted-foreground break-words\">{description}</p>\n      </div>\n      {error ? (\n        <Alert variant=\"destructive\" className=\"text-left\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      {txHash && <MarketplaceTxLink txHash={txHash} explorerUrl={explorerUrl} />}\n      <div className=\"flex w-full gap-2\">\n        {onRetry ? (\n          <Button variant=\"outline\" className=\"flex-1 h-11\" onClick={onRetry}>\n            Try again\n          </Button>\n        ) : null}\n        <Button className=\"flex-1 h-11\" onClick={onDone}>{doneLabel}</Button>\n      </div>\n    </div>\n  );\n}\n\ninterface MarketplaceDialogHeroProps {\n  tokenImage?: string | null;\n  tokenName?: string;\n  tokenId: string;\n  fallbackIcon: ReactNode;\n  badge?: ReactNode;\n}\n\nexport function MarketplaceDialogHero({\n  tokenImage,\n  tokenName,\n  tokenId,\n  fallbackIcon,\n  badge,\n}: MarketplaceDialogHeroProps) {\n  const name = tokenName || `Token #${tokenId}`;\n\n  return (\n    <div className=\"relative flex justify-center pt-6 shrink-0\">\n      <div className=\"relative h-32 w-32 rounded-2xl overflow-hidden border border-border bg-muted\">\n        {tokenImage ? (\n          <Image src={tokenImage} alt={name} fill sizes=\"128px\" className=\"object-cover\" unoptimized />\n        ) : (\n          <div className=\"h-full w-full bg-gradient-to-br from-brand-blue/20 via-brand-purple/10 to-transparent flex items-center justify-center\">\n            {fallbackIcon}\n          </div>\n        )}\n      </div>\n      {badge}\n    </div>\n  );\n}\n\ninterface CurrencyPickerProps {\n  currencies: string[];\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n}\n\nexport function CurrencyPicker({ currencies, value, onChange, disabled }: CurrencyPickerProps) {\n  return (\n    <div className=\"grid grid-cols-5 gap-1.5\">\n      {currencies.map((c) => (\n        <Button\n          key={c}\n          type=\"button\"\n          variant={value === c ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(c)}\n          disabled={disabled}\n          className=\"gap-1 px-2 text-xs w-full\"\n        >\n          <CurrencyIcon symbol={c} size={13} className=\"shrink-0\" />\n          <span className=\"truncate\">{c}</span>\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface DurationPickerProps {\n  options: ReadonlyArray<{ label: string; seconds: number }>;\n  value: number;\n  onChange: (value: number) => void;\n  disabled?: boolean;\n  cols?: 3 | 4;\n}\n\nexport function DurationPicker({ options, value, onChange, disabled, cols = 3 }: DurationPickerProps) {\n  return (\n    <div className={cols === 4 ? \"grid grid-cols-4 gap-2\" : \"grid grid-cols-3 gap-2\"}>\n      {options.map((opt) => (\n        <Button\n          key={opt.label}\n          type=\"button\"\n          variant={value === opt.seconds ? \"default\" : \"outline\"}\n          size=\"sm\"\n          onClick={() => onChange(opt.seconds)}\n          disabled={disabled}\n          className=\"text-xs\"\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\ninterface MarketplaceConfirmStepProps {\n  summary?: ReactNode;\n  description: string;\n  error?: string | null;\n  secondaryLabel: string;\n  onSecondary: () => void;\n  primaryLabel: string;\n  onPrimary: () => void;\n  primaryDisabled?: boolean;\n  primaryIcon?: ReactNode;\n  primaryVariant?: \"default\" | \"destructive\";\n  footer?: ReactNode;\n}\n\nexport function MarketplaceConfirmStep({\n  summary,\n  description,\n  error,\n  secondaryLabel,\n  onSecondary,\n  primaryLabel,\n  onPrimary,\n  primaryDisabled,\n  primaryIcon,\n  primaryVariant = \"default\",\n  footer,\n}: MarketplaceConfirmStepProps) {\n  const primaryButton = primaryVariant === \"destructive\" ? (\n    <Button\n      variant=\"destructive\"\n      className=\"flex-1 h-11\"\n      disabled={primaryDisabled}\n      onClick={onPrimary}\n    >\n      {primaryLabel}\n    </Button>\n  ) : (\n    <div\n      className={cn(\n        \"btn-border-animated p-[1px] rounded-xl flex-1\",\n        primaryDisabled && \"pointer-events-none\"\n      )}\n    >\n      <button\n        className=\"w-full h-11 rounded-[11px] flex items-center justify-center gap-2 text-sm font-semibold text-white transition-all hover:brightness-110 active:scale-[0.98] bg-transparent\"\n        disabled={primaryDisabled}\n        onClick={onPrimary}\n      >\n        {primaryIcon}\n        {primaryLabel}\n      </button>\n    </div>\n  );\n\n  return (\n    <div className=\"px-6 pb-6 pt-3 space-y-4\">\n      {summary}\n      <p className=\"text-sm text-muted-foreground\">{description}</p>\n      {error ? (\n        <Alert variant=\"destructive\">\n          <AlertCircle className=\"h-4 w-4\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      ) : null}\n      <div className=\"flex gap-2 pt-1\">\n        <Button\n          variant=\"outline\"\n          className=\"gap-1.5\"\n          onClick={onSecondary}\n        >\n          {secondaryLabel}\n        </Button>\n        {primaryButton}\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":"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","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.191.0",
+  "version": "0.192.0",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,