kaleido-ui 0.1.23 → 0.1.25

package/dist/web/index.cjs

@@ -1146,56 +1146,29 @@ function NetworkBadge({
   const content = children ?? (shouldShowLabel ? label : null);
   const chipSize = size === "sm" ? "size-6" : "size-8";
   const imageSize = size === "sm" ? "size-3.5" : "size-icon-lg";
-  const renderGlyph = (className2) => {
-    if (network === "L1") {
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        "span",
-        {
-          className: cn("material-symbols-outlined leading-none", color, className2),
-          style: { fontSize: size === "sm" ? 12 : 16 },
-          "aria-hidden": true,
-          children: "link"
-        }
-      );
+  const renderGlyph = (className2) => network === "L1" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "span",
+    {
+      className: cn("material-symbols-outlined leading-none", color, className2),
+      style: { fontSize: size === "sm" ? 12 : 16 },
+      "aria-hidden": true,
+      children: "link"
     }
-    if (network === "RGB-LN") {
-      const innerGlyph = size === "sm" ? "size-2.5" : "size-3";
-      return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "inline-flex items-center gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "img",
-          {
-            src: `${iconBasePath}/rgb/rgb-logo.svg`,
-            alt: "RGB",
-            className: cn(innerGlyph, "object-contain", defaultIconClassName, iconClassName)
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          "img",
-          {
-            src: `${iconBasePath}/lightning/lightning.svg`,
-            alt: "Lightning",
-            className: cn(innerGlyph, "object-contain", iconClassName)
-          }
-        )
-      ] });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "img",
+    {
+      src: icon,
+      alt: network,
+      className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      "img",
-      {
-        src: icon,
-        alt: network,
-        className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
-      }
-    );
-  };
+  );
   if (!content) {
-    const isDualGlyph = network === "RGB-LN";
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "span",
       {
         className: cn(
           "flex items-center justify-center rounded-full shadow-inner",
-          isDualGlyph ? size === "sm" ? "h-5 px-1" : "h-7 px-1.5" : chipSize,
+          chipSize,
           iconBg,
           className
         ),
@@ -3323,6 +3296,8 @@ function SwapInputCard({
   quoteFeeText,
   quoteExpiresText,
   quoteExpiresUrgent = false,
+  quoteVenueText,
+  quoteVenueTone = "primary",
   warning,
   submitLabel,
   submitIcon,
@@ -3432,7 +3407,25 @@ function SwapInputCard({
         ] })
       ] })
     ] }),
-    (quoteError || quoteRateText || quoteFeeText || quoteExpiresText) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
+    (quoteError || quoteRateText || quoteFeeText || quoteExpiresText || quoteVenueText) && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
+      quoteVenueText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/40", children: "Provider" }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "inline-flex items-center gap-1.5 font-medium text-white/65", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            "span",
+            {
+              className: cn(
+                "size-1.5 rounded-full",
+                quoteVenueTone === "spark" && "bg-network-spark",
+                quoteVenueTone === "info" && "bg-info",
+                quoteVenueTone === "primary" && "bg-primary"
+              ),
+              "aria-hidden": true
+            }
+          ),
+          quoteVenueText
+        ] })
+      ] }),
       quoteRateText && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
         /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-white/40", children: "Rate" }),
         /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-medium text-white/65", children: quoteRateText })

package/dist/web/index.d.cts

@@ -616,6 +616,10 @@ interface SwapInputCardProps {
     quoteFeeText?: string | null;
     quoteExpiresText?: string | null;
     quoteExpiresUrgent?: boolean;
+    /** Routing venue label shown next to the rate row (e.g. "KaleidoSwap"). */
+    quoteVenueText?: string | null;
+    /** Tone of the venue dot — primary for KaleidoSwap, info/spark for Flashnet. */
+    quoteVenueTone?: 'primary' | 'spark' | 'info';
     warning?: string | null;
     submitLabel: string;
     /** Optional leading icon for the submit CTA (e.g. a Material-Symbols glyph). */
@@ -630,7 +634,7 @@ interface SwapInputCardProps {
     onFlip: () => void;
     onSubmit: () => void;
 }
-declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
+declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, quoteVenueText, quoteVenueTone, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
 
 interface ActivityListItem<TData = unknown> {
     id: string;

package/dist/web/index.d.ts

@@ -616,6 +616,10 @@ interface SwapInputCardProps {
     quoteFeeText?: string | null;
     quoteExpiresText?: string | null;
     quoteExpiresUrgent?: boolean;
+    /** Routing venue label shown next to the rate row (e.g. "KaleidoSwap"). */
+    quoteVenueText?: string | null;
+    /** Tone of the venue dot — primary for KaleidoSwap, info/spark for Flashnet. */
+    quoteVenueTone?: 'primary' | 'spark' | 'info';
     warning?: string | null;
     submitLabel: string;
     /** Optional leading icon for the submit CTA (e.g. a Material-Symbols glyph). */
@@ -630,7 +634,7 @@ interface SwapInputCardProps {
     onFlip: () => void;
     onSubmit: () => void;
 }
-declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
+declare function SwapInputCard({ fromTicker, toTicker, fromInput, fromOptions, toOptions, categories, defaultActiveCategories, availableText, showMaxText, maxText, selectedPercentage, percentageDisabled, fromUnitLabel, fromUnitIsToggle, receiveAmount, receiveUnitLabel, isLoadingQuote, quoteError, quoteRateText, quoteFeeText, quoteExpiresText, quoteExpiresUrgent, quoteVenueText, quoteVenueTone, warning, submitLabel, submitIcon, submitVariant, submitDisabled, onFromTickerChange, onToTickerChange, onFromInputChange, onPercentageClick, onToggleFromUnit, onFlip, onSubmit, }: SwapInputCardProps): react_jsx_runtime.JSX.Element;
 
 interface ActivityListItem<TData = unknown> {
     id: string;

package/dist/web/index.js

@@ -985,56 +985,29 @@ function NetworkBadge({
   const content = children ?? (shouldShowLabel ? label : null);
   const chipSize = size === "sm" ? "size-6" : "size-8";
   const imageSize = size === "sm" ? "size-3.5" : "size-icon-lg";
-  const renderGlyph = (className2) => {
-    if (network === "L1") {
-      return /* @__PURE__ */ jsx15(
-        "span",
-        {
-          className: cn("material-symbols-outlined leading-none", color, className2),
-          style: { fontSize: size === "sm" ? 12 : 16 },
-          "aria-hidden": true,
-          children: "link"
-        }
-      );
+  const renderGlyph = (className2) => network === "L1" ? /* @__PURE__ */ jsx15(
+    "span",
+    {
+      className: cn("material-symbols-outlined leading-none", color, className2),
+      style: { fontSize: size === "sm" ? 12 : 16 },
+      "aria-hidden": true,
+      children: "link"
     }
-    if (network === "RGB-LN") {
-      const innerGlyph = size === "sm" ? "size-2.5" : "size-3";
-      return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx15(
-          "img",
-          {
-            src: `${iconBasePath}/rgb/rgb-logo.svg`,
-            alt: "RGB",
-            className: cn(innerGlyph, "object-contain", defaultIconClassName, iconClassName)
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          "img",
-          {
-            src: `${iconBasePath}/lightning/lightning.svg`,
-            alt: "Lightning",
-            className: cn(innerGlyph, "object-contain", iconClassName)
-          }
-        )
-      ] });
+  ) : /* @__PURE__ */ jsx15(
+    "img",
+    {
+      src: icon,
+      alt: network,
+      className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
     }
-    return /* @__PURE__ */ jsx15(
-      "img",
-      {
-        src: icon,
-        alt: network,
-        className: cn(className2, "object-contain", defaultIconClassName, iconClassName)
-      }
-    );
-  };
+  );
   if (!content) {
-    const isDualGlyph = network === "RGB-LN";
     return /* @__PURE__ */ jsx15(
       "span",
       {
         className: cn(
           "flex items-center justify-center rounded-full shadow-inner",
-          isDualGlyph ? size === "sm" ? "h-5 px-1" : "h-7 px-1.5" : chipSize,
+          chipSize,
           iconBg,
           className
         ),
@@ -3168,6 +3141,8 @@ function SwapInputCard({
   quoteFeeText,
   quoteExpiresText,
   quoteExpiresUrgent = false,
+  quoteVenueText,
+  quoteVenueTone = "primary",
   warning,
   submitLabel,
   submitIcon,
@@ -3277,7 +3252,25 @@ function SwapInputCard({
         ] })
       ] })
     ] }),
-    (quoteError || quoteRateText || quoteFeeText || quoteExpiresText) && /* @__PURE__ */ jsx35("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ jsx35("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ jsxs23("div", { className: "space-y-1.5", children: [
+    (quoteError || quoteRateText || quoteFeeText || quoteExpiresText || quoteVenueText) && /* @__PURE__ */ jsx35("div", { className: "rounded-xl bg-card/60 p-3", children: quoteError ? /* @__PURE__ */ jsx35("p", { className: "text-center text-xs text-danger", children: quoteError }) : /* @__PURE__ */ jsxs23("div", { className: "space-y-1.5", children: [
+      quoteVenueText && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between text-xs", children: [
+        /* @__PURE__ */ jsx35("span", { className: "text-white/40", children: "Provider" }),
+        /* @__PURE__ */ jsxs23("span", { className: "inline-flex items-center gap-1.5 font-medium text-white/65", children: [
+          /* @__PURE__ */ jsx35(
+            "span",
+            {
+              className: cn(
+                "size-1.5 rounded-full",
+                quoteVenueTone === "spark" && "bg-network-spark",
+                quoteVenueTone === "info" && "bg-info",
+                quoteVenueTone === "primary" && "bg-primary"
+              ),
+              "aria-hidden": true
+            }
+          ),
+          quoteVenueText
+        ] })
+      ] }),
       quoteRateText && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between text-xs", children: [
         /* @__PURE__ */ jsx35("span", { className: "text-white/40", children: "Rate" }),
         /* @__PURE__ */ jsx35("span", { className: "font-medium text-white/65", children: quoteRateText })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",