kaleido-ui 0.1.90 → 0.1.92

package/dist/web/index.cjs

@@ -1707,8 +1707,14 @@ var ASSET_COLORS = {
 var LOCAL_ICONS = {
   BTC: "/icons/bitcoin/bitcoin-logo.svg",
   ARKADE: "/icons/arkade/arkade-icon.svg",
-  RGB: "/icons/rgb/rgb-logo.svg",
-  SPARK: "/icons/spark/Asterisk/Spark Asterisk White.svg"
+  // Bundled data-URIs (protocolIcons) — host apps don't serve /icons/rgb or
+  // /icons/liquid, and a missing host asset renders as a permanently broken
+  // image (onError bails early for local icons). protocolIcons is a Partial
+  // for type reasons but these keys are always defined.
+  RGB: protocolIcons.RGB20,
+  SPARK: "/icons/spark/Asterisk/Spark Asterisk White.svg",
+  LIQUID: protocolIcons.Liquid,
+  "L-BTC": protocolIcons.Liquid
 };
 function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
   const normTicker = ticker.toUpperCase();
@@ -7481,6 +7487,16 @@ var NETWORK_CONFIG = {
     qrBorder: "border-network-arkade/30",
     qrGlow: qrGlowStyle(colors.network.arkade),
     icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
+  },
+  liquid: {
+    label: "Liquid",
+    color: colors.network.liquid,
+    bg: "bg-network-liquid/15",
+    text: "text-network-liquid",
+    border: "border-network-liquid/40",
+    qrBorder: "border-network-liquid/30",
+    qrGlow: qrGlowStyle(colors.network.liquid),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LiquidNetworkIcon, { className: "h-3 w-3" })
   }
 };
 var ACCOUNT_META = {
@@ -7641,6 +7657,15 @@ var NETWORK_INFO = {
       "Boarding address accepts on-chain Bitcoin and joins the next round",
       "VTXOs require periodic refresh to stay valid"
     ]
+  },
+  liquid: {
+    title: "Liquid",
+    detail: "Bitcoin sidechain transaction (L-BTC or Liquid assets). One confidential address receives any Liquid asset.",
+    bullets: [
+      "Blocks every minute; ~2 confirmations to settle",
+      "Amounts are confidential on-chain by default",
+      "Sender needs a Liquid wallet (L-BTC or Liquid assets)"
+    ]
   }
 };
 function NetworkInfoDisclosure({

package/dist/web/index.d.cts

@@ -1423,7 +1423,7 @@ declare const KaleidoScopeHeroAnimation: FC<KaleidoScopeHeroAnimationProps>;
 
 type DepositAccountId = 'RGB' | 'SPARK' | 'ARKADE' | 'LIQUID';
 type DepositTransferMethod = 'bitcoin_l1' | 'lightning' | 'spark' | 'arkade' | 'boarding' | 'submarine_swap';
-type DepositNetworkKey = 'onchain' | 'lightning' | 'spark' | 'arkade';
+type DepositNetworkKey = 'onchain' | 'lightning' | 'spark' | 'arkade' | 'liquid';
 interface DepositNetworkConfigEntry {
     label: string;
     color: string;

package/dist/web/index.d.ts

@@ -1423,7 +1423,7 @@ declare const KaleidoScopeHeroAnimation: FC<KaleidoScopeHeroAnimationProps>;
 
 type DepositAccountId = 'RGB' | 'SPARK' | 'ARKADE' | 'LIQUID';
 type DepositTransferMethod = 'bitcoin_l1' | 'lightning' | 'spark' | 'arkade' | 'boarding' | 'submarine_swap';
-type DepositNetworkKey = 'onchain' | 'lightning' | 'spark' | 'arkade';
+type DepositNetworkKey = 'onchain' | 'lightning' | 'spark' | 'arkade' | 'liquid';
 interface DepositNetworkConfigEntry {
     label: string;
     color: string;

package/dist/web/index.js

@@ -1519,8 +1519,14 @@ var ASSET_COLORS = {
 var LOCAL_ICONS = {
   BTC: "/icons/bitcoin/bitcoin-logo.svg",
   ARKADE: "/icons/arkade/arkade-icon.svg",
-  RGB: "/icons/rgb/rgb-logo.svg",
-  SPARK: "/icons/spark/Asterisk/Spark Asterisk White.svg"
+  // Bundled data-URIs (protocolIcons) — host apps don't serve /icons/rgb or
+  // /icons/liquid, and a missing host asset renders as a permanently broken
+  // image (onError bails early for local icons). protocolIcons is a Partial
+  // for type reasons but these keys are always defined.
+  RGB: protocolIcons.RGB20,
+  SPARK: "/icons/spark/Asterisk/Spark Asterisk White.svg",
+  LIQUID: protocolIcons.Liquid,
+  "L-BTC": protocolIcons.Liquid
 };
 function AssetIcon({ ticker, logoUri, cdnBaseUrl, size = 40, className }) {
   const normTicker = ticker.toUpperCase();
@@ -7299,6 +7305,16 @@ var NETWORK_CONFIG = {
     qrBorder: "border-network-arkade/30",
     qrGlow: qrGlowStyle(colors.network.arkade),
     icon: /* @__PURE__ */ jsx75("img", { src: "/icons/arkade/arkade-icon.svg", className: "h-3 w-3 rounded-sm", alt: "" })
+  },
+  liquid: {
+    label: "Liquid",
+    color: colors.network.liquid,
+    bg: "bg-network-liquid/15",
+    text: "text-network-liquid",
+    border: "border-network-liquid/40",
+    qrBorder: "border-network-liquid/30",
+    qrGlow: qrGlowStyle(colors.network.liquid),
+    icon: /* @__PURE__ */ jsx75(LiquidNetworkIcon, { className: "h-3 w-3" })
   }
 };
 var ACCOUNT_META = {
@@ -7459,6 +7475,15 @@ var NETWORK_INFO = {
       "Boarding address accepts on-chain Bitcoin and joins the next round",
       "VTXOs require periodic refresh to stay valid"
     ]
+  },
+  liquid: {
+    title: "Liquid",
+    detail: "Bitcoin sidechain transaction (L-BTC or Liquid assets). One confidential address receives any Liquid asset.",
+    bullets: [
+      "Blocks every minute; ~2 confirmations to settle",
+      "Amounts are confidential on-chain by default",
+      "Sender needs a Liquid wallet (L-BTC or Liquid assets)"
+    ]
   }
 };
 function NetworkInfoDisclosure({

package/package.json

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