@compose-market/theme 0.1.0 → 0.1.3

package/dist/chain-logos/index.d.ts

@@ -0,0 +1,91 @@
+export type ChainLogoFamily = "arbitrum" | "avalanche" | "base" | "bnb" | "ethereum" | "polygon";
+export type ChainLogoSymbol = "arb" | "avax" | "base" | "bnb" | "eth" | "pol";
+export interface ChainLogo {
+    chainId: number;
+    family: ChainLogoFamily;
+    name: string;
+    symbol: ChainLogoSymbol;
+}
+export interface ChainLogoUrlOptions {
+    size?: number;
+    format?: "png" | "webp" | "jpg";
+    theme?: "dark" | "light";
+}
+export declare const chainLogos: {
+    readonly 1: {
+        readonly chainId: 1;
+        readonly family: "ethereum";
+        readonly name: "Ethereum";
+        readonly symbol: "eth";
+    };
+    readonly 56: {
+        readonly chainId: 56;
+        readonly family: "bnb";
+        readonly name: "BNB Smart Chain";
+        readonly symbol: "bnb";
+    };
+    readonly 97: {
+        readonly chainId: 97;
+        readonly family: "bnb";
+        readonly name: "BNB Smart Chain Testnet";
+        readonly symbol: "bnb";
+    };
+    readonly 137: {
+        readonly chainId: 137;
+        readonly family: "polygon";
+        readonly name: "Polygon";
+        readonly symbol: "pol";
+    };
+    readonly 8453: {
+        readonly chainId: 8453;
+        readonly family: "base";
+        readonly name: "Base";
+        readonly symbol: "base";
+    };
+    readonly 42161: {
+        readonly chainId: 42161;
+        readonly family: "arbitrum";
+        readonly name: "Arbitrum One";
+        readonly symbol: "arb";
+    };
+    readonly 43113: {
+        readonly chainId: 43113;
+        readonly family: "avalanche";
+        readonly name: "Avalanche Fuji";
+        readonly symbol: "avax";
+    };
+    readonly 43114: {
+        readonly chainId: 43114;
+        readonly family: "avalanche";
+        readonly name: "Avalanche C-Chain";
+        readonly symbol: "avax";
+    };
+    readonly 80002: {
+        readonly chainId: 80002;
+        readonly family: "polygon";
+        readonly name: "Polygon Amoy";
+        readonly symbol: "pol";
+    };
+    readonly 84532: {
+        readonly chainId: 84532;
+        readonly family: "base";
+        readonly name: "Base Sepolia";
+        readonly symbol: "base";
+    };
+    readonly 421614: {
+        readonly chainId: 421614;
+        readonly family: "arbitrum";
+        readonly name: "Arbitrum Sepolia";
+        readonly symbol: "arb";
+    };
+    readonly 11155111: {
+        readonly chainId: 11155111;
+        readonly family: "ethereum";
+        readonly name: "Sepolia";
+        readonly symbol: "eth";
+    };
+};
+export type ChainLogoId = keyof typeof chainLogos;
+export declare function chainLogo(chainId: number | null | undefined): ChainLogo | undefined;
+export declare function chainLogoUrl(logo: Pick<ChainLogo, "symbol">, token: string, options?: ChainLogoUrlOptions): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/chain-logos/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chain-logos/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CAAC;AACjG,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE9E,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAauB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAElD,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAEnF;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EAC/B,KAAK,EAAE,MAAM,EACb,OAAO,GAAE,mBAAwB,GAChC,MAAM,CAaR"}

package/dist/chain-logos/index.js

@@ -0,0 +1,32 @@
+export const chainLogos = {
+    1: { chainId: 1, family: "ethereum", name: "Ethereum", symbol: "eth" },
+    56: { chainId: 56, family: "bnb", name: "BNB Smart Chain", symbol: "bnb" },
+    97: { chainId: 97, family: "bnb", name: "BNB Smart Chain Testnet", symbol: "bnb" },
+    137: { chainId: 137, family: "polygon", name: "Polygon", symbol: "pol" },
+    8453: { chainId: 8453, family: "base", name: "Base", symbol: "base" },
+    42161: { chainId: 42161, family: "arbitrum", name: "Arbitrum One", symbol: "arb" },
+    43113: { chainId: 43113, family: "avalanche", name: "Avalanche Fuji", symbol: "avax" },
+    43114: { chainId: 43114, family: "avalanche", name: "Avalanche C-Chain", symbol: "avax" },
+    80002: { chainId: 80002, family: "polygon", name: "Polygon Amoy", symbol: "pol" },
+    84532: { chainId: 84532, family: "base", name: "Base Sepolia", symbol: "base" },
+    421614: { chainId: 421614, family: "arbitrum", name: "Arbitrum Sepolia", symbol: "arb" },
+    11155111: { chainId: 11155111, family: "ethereum", name: "Sepolia", symbol: "eth" },
+};
+export function chainLogo(chainId) {
+    return typeof chainId === "number" ? chainLogos[chainId] : undefined;
+}
+export function chainLogoUrl(logo, token, options = {}) {
+    const params = new URLSearchParams({ token });
+    if (typeof options.size === "number" && Number.isFinite(options.size)) {
+        params.set("size", String(Math.max(1, Math.floor(options.size))));
+    }
+    if (options.format) {
+        params.set("format", options.format);
+    }
+    if (options.theme) {
+        params.set("theme", options.theme);
+    }
+    params.set("fallback", "404");
+    return `https://img.logo.dev/crypto/${encodeURIComponent(logo.symbol)}?${params.toString()}`;
+}
+//# sourceMappingURL=index.js.map

package/dist/chain-logos/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chain-logos/index.ts"],"names":[],"mappings":"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"}

package/dist/css/agents.css

@@ -384,69 +384,53 @@
   overflow: visible;
 }
 
-.cm-agent-card--market,
-.cm-agent-card--market-full {
-  height: var(--cm-market-card-height, clamp(19.5rem, 36dvh, 22.5rem));
+.cm-agent-card--market {
+  height: var(--cm-market-card-height, clamp(20rem, 34dvh, 22.75rem));
   min-height: 0;
 }
 
-.cm-agent-card--market > .cm-agent-card__main,
-.cm-agent-card--market-full > .cm-agent-card__main {
+.cm-agent-card--market > .cm-agent-card__main {
   display: grid;
-  grid-template-rows: auto auto auto auto auto;
+  grid-template-rows: auto auto auto auto;
   height: 100%;
   min-height: 0;
-  gap: clamp(0.48rem, 1.15cqi, 0.72rem);
+  gap: clamp(0.54rem, 1.2cqi, 0.78rem);
   padding: clamp(0.68rem, 1.55cqi, 0.92rem);
   align-content: start;
   overflow: hidden;
 }
 
-.cm-agent-card--market .cm-agent-card__header,
-.cm-agent-card--market-full .cm-agent-card__header {
+.cm-agent-card--market .cm-agent-card__header {
   gap: clamp(0.68rem, 1.55cqi, 0.9rem);
   align-items: flex-start;
 }
 
-.cm-agent-card--market .cm-agent-card__avatar,
-.cm-agent-card--market-full .cm-agent-card__avatar {
+.cm-agent-card--market .cm-agent-card__avatar {
   width: clamp(2.65rem, 8.5cqi, 3.25rem);
   height: clamp(2.65rem, 8.5cqi, 3.25rem);
 }
 
-.cm-agent-card--market .cm-agent-card__copy,
-.cm-agent-card--market-full .cm-agent-card__copy {
+.cm-agent-card--market .cm-agent-card__copy {
   gap: 0.38rem;
 }
 
-.cm-agent-card--market .cm-agent-card__title,
-.cm-agent-card--market-full .cm-agent-card__title {
+.cm-agent-card--market .cm-agent-card__title {
   font-size: clamp(0.94rem, 2.55cqi, 1.08rem);
   line-height: 1.12;
 }
 
-.cm-agent-card--market .cm-agent-card__identity,
-.cm-agent-card--market-full .cm-agent-card__identity {
+.cm-agent-card--market .cm-agent-card__identity {
   gap: 0.26rem;
 }
 
-.cm-agent-card--market .cm-agent-card__identity-head,
-.cm-agent-card--market-full .cm-agent-card__identity-head {
-  flex-wrap: wrap;
+.cm-agent-card--market .cm-agent-card__identity-head {
+  flex-wrap: nowrap;
 }
 
 .cm-agent-card--market .cm-agent-card__identity-name,
-.cm-agent-card--market-full .cm-agent-card__identity-name,
 .cm-agent-card--market .cm-agent-card__identity-address,
-.cm-agent-card--market-full .cm-agent-card__identity-address,
 .cm-agent-card--market .cm-agent-card__model-name,
-.cm-agent-card--market-full .cm-agent-card__model-name,
-.cm-agent-card--market .cm-agent-card__metric-value,
-.cm-agent-card--market-full .cm-agent-card__metric-value,
-.cm-agent-card--market .cm-agent-card__endpoint-code,
-.cm-agent-card--market-full .cm-agent-card__endpoint-code,
-.cm-agent-card--market .cm-agent-card__creator-value,
-.cm-agent-card--market-full .cm-agent-card__creator-value {
+.cm-agent-card--market .cm-agent-card__metric-value {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -454,36 +438,35 @@
   word-break: normal;
 }
 
-.cm-agent-card--market .cm-agent-card__model,
-.cm-agent-card--market-full .cm-agent-card__model {
+.cm-agent-card--market .cm-agent-card__model {
   max-width: 100%;
   font-size: clamp(0.58rem, 1.85cqi, 0.66rem);
 }
 
-.cm-agent-card--market .cm-agent-card__description,
-.cm-agent-card--market-full .cm-agent-card__description {
-  display: -webkit-box;
-  min-height: calc(3 * 1.36em);
-  max-height: calc(3 * 1.36em);
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
+.cm-agent-card--market .cm-agent-card__identity-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.34rem;
+  min-width: 0;
+  max-width: 100%;
+  flex-wrap: nowrap;
+}
+
+.cm-agent-card--market .cm-agent-card__description {
   font-size: clamp(0.72rem, 1.9cqi, 0.82rem);
-  line-height: 1.36;
+  line-height: 1.42;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .cm-agent-card--market .cm-agent-card__badges,
-.cm-agent-card--market-full .cm-agent-card__badges,
-.cm-agent-card--market .cm-agent-card__tags,
-.cm-agent-card--market-full .cm-agent-card__tags {
+.cm-agent-card--market .cm-agent-card__tags {
   gap: 0.34rem;
   overflow: visible;
 }
 
 .cm-agent-card--market .cm-agent-card__badge,
-.cm-agent-card--market-full .cm-agent-card__badge,
-.cm-agent-card--market .cm-agent-card__tag,
-.cm-agent-card--market-full .cm-agent-card__tag {
+.cm-agent-card--market .cm-agent-card__tag {
   min-height: clamp(1.38rem, 4.6cqi, 1.62rem);
   padding: 0.28rem 0.52rem;
   font-size: clamp(0.54rem, 1.65cqi, 0.62rem);
@@ -491,14 +474,12 @@
   white-space: nowrap;
 }
 
-.cm-agent-card--market .cm-agent-card__metrics,
-.cm-agent-card--market-full .cm-agent-card__metrics {
+.cm-agent-card--market .cm-agent-card__metrics {
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: clamp(0.36rem, 1cqi, 0.52rem);
 }
 
-.cm-agent-card--market .cm-agent-card__metric,
-.cm-agent-card--market-full .cm-agent-card__metric {
+.cm-agent-card--market .cm-agent-card__metric {
   min-width: 0;
   min-height: clamp(2.52rem, 7cqi, 3rem);
   gap: 0.38rem;
@@ -509,25 +490,21 @@
     hsl(221 50% 9% / 0.34);
 }
 
-.cm-agent-card--market .cm-agent-card__metric-icon svg,
-.cm-agent-card--market-full .cm-agent-card__metric-icon svg {
+.cm-agent-card--market .cm-agent-card__metric-icon svg {
   width: 0.78rem;
   height: 0.78rem;
 }
 
-.cm-agent-card--market .cm-agent-card__metric-label,
-.cm-agent-card--market-full .cm-agent-card__metric-label {
+.cm-agent-card--market .cm-agent-card__metric-label {
   font-size: clamp(0.48rem, 1.45cqi, 0.56rem);
   letter-spacing: 0.08em;
 }
 
-.cm-agent-card--market .cm-agent-card__metric-value,
-.cm-agent-card--market-full .cm-agent-card__metric-value {
+.cm-agent-card--market .cm-agent-card__metric-value {
   font-size: clamp(0.62rem, 1.75cqi, 0.72rem);
 }
 
-.cm-agent-card--market .cm-agent-card__tags-block,
-.cm-agent-card--market-full .cm-agent-card__tags-block {
+.cm-agent-card--market .cm-agent-card__tags-block {
   align-self: stretch;
   align-content: start;
   gap: 0.34rem;
@@ -535,74 +512,10 @@
   overflow: visible;
 }
 
-.cm-agent-card--market .cm-agent-card__tags-title,
-.cm-agent-card--market-full .cm-agent-card__tags-title {
+.cm-agent-card--market .cm-agent-card__tags-title {
   display: block;
 }
 
-.cm-agent-card--market .cm-agent-card__footer,
-.cm-agent-card--market-full .cm-agent-card__footer {
-  padding-top: clamp(0.52rem, 1.2cqi, 0.74rem);
-}
-
-.cm-agent-card--market .cm-agent-card__footer-stack,
-.cm-agent-card--market-full .cm-agent-card__footer-stack {
-  grid-template-columns: minmax(0, 1fr) minmax(6.6rem, 0.44fr);
-  align-items: start;
-  gap: clamp(0.42rem, 1.05cqi, 0.6rem);
-}
-
-.cm-agent-card--market .cm-agent-card__endpoint,
-.cm-agent-card--market-full .cm-agent-card__endpoint,
-.cm-agent-card--market .cm-agent-card__creator,
-.cm-agent-card--market-full .cm-agent-card__creator {
-  gap: 0.24rem;
-  min-width: 0;
-}
-
-.cm-agent-card--market .cm-agent-card__endpoint-label,
-.cm-agent-card--market-full .cm-agent-card__endpoint-label,
-.cm-agent-card--market .cm-agent-card__creator-label,
-.cm-agent-card--market-full .cm-agent-card__creator-label {
-  display: block;
-}
-
-.cm-agent-card--market .cm-agent-card__endpoint-row,
-.cm-agent-card--market-full .cm-agent-card__endpoint-row {
-  justify-self: start;
-  width: fit-content;
-  max-width: 100%;
-  min-height: 1.72rem;
-  padding: 0.22rem 0.32rem 0.22rem 0.42rem;
-  gap: 0.24rem;
-  border-color: hsl(var(--primary) / 0.15);
-}
-
-.cm-agent-card--market .cm-agent-card__creator-value,
-.cm-agent-card--market-full .cm-agent-card__creator-value,
-.cm-agent-card--market .cm-agent-card__endpoint-code,
-.cm-agent-card--market-full .cm-agent-card__endpoint-code {
-  font-size: clamp(0.66rem, 1.85cqi, 0.76rem);
-  line-height: 1.28;
-}
-
-.cm-agent-card--market .cm-agent-card__creator-value,
-.cm-agent-card--market-full .cm-agent-card__creator-value {
-  display: block;
-  min-height: 0;
-  overflow: visible;
-  text-align: center;
-  text-overflow: clip;
-  white-space: normal;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-}
-
-.cm-agent-card--market .cm-agent-card__creator-label,
-.cm-agent-card--market-full .cm-agent-card__creator-label {
-  text-align: center;
-}
-
 .cm-agent-card__metric,
 .cm-agent-card__metric-copy,
 .cm-agent-card__focus,
@@ -644,6 +557,47 @@
   flex-wrap: wrap;
 }
 
+.cm-agent-card__identity-meta {
+  display: flex;
+  align-items: center;
+  gap: 0.38rem;
+  min-width: 0;
+  max-width: 100%;
+  flex-wrap: wrap;
+}
+
+.cm-agent-card__verified,
+.cm-agent-card__network {
+  display: inline-grid;
+  width: 1.28rem;
+  height: 1.28rem;
+  place-items: center;
+  flex: 0 0 auto;
+  border-radius: 999px;
+  border: 1px solid hsl(var(--primary) / 0.22);
+  background: hsl(var(--primary) / 0.08);
+  color: hsl(var(--primary));
+}
+
+.cm-agent-card__verified {
+  border-color: hsl(142 71% 45% / 0.28);
+  background: hsl(142 71% 45% / 0.11);
+  color: hsl(142 71% 55%);
+}
+
+.cm-agent-card__verified svg,
+.cm-agent-card__network svg {
+  width: 0.82rem;
+  height: 0.82rem;
+}
+
+.cm-agent-card__network-image {
+  width: 0.9rem;
+  height: 0.9rem;
+  object-fit: contain;
+  display: block;
+}
+
 .cm-agent-card__identity-name {
   min-width: 0;
   max-width: 100%;
@@ -675,6 +629,16 @@
   line-height: 1.25;
 }
 
+.cm-agent-card__model[data-tone="warning"] {
+  border-color: hsl(42 100% 48% / 0.26);
+  background: hsl(42 100% 48% / 0.1);
+  color: hsl(42 100% 58%);
+}
+
+.cm-agent-card__model[data-tone="warning"] svg {
+  color: hsl(42 100% 58%);
+}
+
 .cm-agent-card__model svg {
   width: 0.68rem;
   height: 0.68rem;
@@ -846,8 +810,7 @@
     grid-template-columns: minmax(0, 1fr);
   }
 
-  .cm-agent-card--market .cm-agent-card__metrics,
-  .cm-agent-card--market-full .cm-agent-card__metrics {
+  .cm-agent-card--market .cm-agent-card__metrics {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
 
@@ -862,39 +825,13 @@
 }
 
 @container (max-width: 21rem) {
-  .cm-agent-card--market .cm-agent-card__main,
-  .cm-agent-card--market-full .cm-agent-card__main {
+  .cm-agent-card--market .cm-agent-card__main {
     gap: 0.44rem;
     padding: 0.62rem;
   }
 
-  .cm-agent-card--market .cm-agent-card__description,
-  .cm-agent-card--market-full .cm-agent-card__description {
-    min-height: calc(2 * 1.34em);
-    max-height: calc(2 * 1.34em);
-    -webkit-line-clamp: 2;
-  }
-
-  .cm-agent-card--market .cm-agent-card__footer-stack,
-  .cm-agent-card--market-full .cm-agent-card__footer-stack {
-    grid-template-columns: minmax(0, 1fr);
-  }
-
-  .cm-agent-card--market .cm-agent-card__endpoint-row,
-  .cm-agent-card--market-full .cm-agent-card__endpoint-row {
-    justify-self: stretch;
-    width: 100%;
-  }
-
-  .cm-agent-card--market .cm-agent-card__creator,
-  .cm-agent-card--market-full .cm-agent-card__creator {
-    justify-items: center;
-  }
-
-  .cm-agent-card--market .cm-agent-card__creator-value,
-  .cm-agent-card--market-full .cm-agent-card__creator-value {
-    max-width: 100%;
-    text-align: center;
+  .cm-agent-card--market .cm-agent-card__description {
+    font-size: 0.72rem;
   }
 
   .cm-agent-card__endpoint-row {

package/dist/css/mirror.css

@@ -5,8 +5,8 @@
   flex-direction: column;
   min-width: 0;
   min-height: 0;
-  height: 100%;
-  overflow: hidden;
+  height: auto;
+  overflow: visible;
   border: 1px solid hsl(var(--primary) / 0.18);
   border-radius: 16px;
   background:
@@ -94,12 +94,12 @@
 }
 
 .cm-mirror-pane__body {
-  flex: 1;
+  flex: 0 0 auto;
   min-height: 0;
   display: flex;
   flex-direction: column;
   gap: clamp(0.75rem, 3cqi, 1rem);
-  overflow: auto;
+  overflow: visible;
   padding: clamp(0.75rem, 3cqi, 1rem);
 }