kaleido-ui 0.1.27 → 0.1.29

package/dist/web/index.cjs

@@ -2515,7 +2515,8 @@ function AccountSettingsRow({
   description,
   onClick,
   hideNetworkChip = false,
-  accent = false
+  accent = false,
+  beta = false
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "button",
@@ -2530,8 +2531,11 @@ function AccountSettingsRow({
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AccountHeaderIcons, { accountId }),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-bold text-white", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-bold text-white", children: title }),
+                beta && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "rounded-full bg-warning/15 px-1.5 py-0.5 text-tiny font-bold uppercase tracking-wider text-warning", children: "Beta" })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: "chevron_right", size: "sm", className: "text-white/40" })
@@ -5289,7 +5293,8 @@ function DepositGeneratedView({
   setAmount,
   setInvoiceStatus,
   showQrNetworkBadge = true,
-  onRegenerate
+  onRegenerate,
+  showRegenerate = true
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
     (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
@@ -5437,7 +5442,7 @@ function DepositGeneratedView({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    showRegenerate && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "button",
       {
         type: "button",

package/dist/web/index.d.cts

@@ -476,7 +476,7 @@ declare function TransferRouteCard({ label, summary, eta, feeHint, }: {
 declare function ExpandIcon({ expanded }: {
     expanded: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function AccountSettingsRow({ accountId, title, status, network, description, onClick, hideNetworkChip, accent, }: {
+declare function AccountSettingsRow({ accountId, title, status, network, description, onClick, hideNetworkChip, accent, beta, }: {
     accountId: AccountSettingsProtocol;
     title: string;
     status: 'ready' | 'offline' | 'optional' | string;
@@ -489,6 +489,9 @@ declare function AccountSettingsRow({ accountId, title, status, network, descrip
     /** Render the row with the per-account accent gradient (used on the
         Settings main page so account rows mirror dashboard asset cards). */
     accent?: boolean;
+    /** Show a small BETA chip next to the title — used for accounts that
+        haven't graduated to mainnet yet (e.g. RGB on testchains only). */
+    beta?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface AccountCapabilitiesCardProps {
@@ -1172,8 +1175,14 @@ interface DepositGeneratedViewProps {
      * not refire on cleared state — e.g. RGB on-chain.
      */
     onRegenerate?: () => Promise<void> | void;
+    /**
+     * Hide the "New Address" / "New Invoice" round button. Use when the
+     * regenerate flow is broken or unsupported for the current path so the
+     * user doesn't get stuck on a non-functional control.
+     */
+    showRegenerate?: boolean;
 }
-declare function DepositGeneratedView({ network, net, isBtc, address, addressLabel, recipientId, arkSubMode, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, getUnitLabel, selectedAsset, maxDepositAmount, setAddress, setRecipientId, setAmount, setInvoiceStatus, showQrNetworkBadge, onRegenerate, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
+declare function DepositGeneratedView({ network, net, isBtc, address, addressLabel, recipientId, arkSubMode, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, getUnitLabel, selectedAsset, maxDepositAmount, setAddress, setRecipientId, setAmount, setInvoiceStatus, showQrNetworkBadge, onRegenerate, showRegenerate, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
 
 interface DepositPreGenerationAsset {
     ticker?: string;

package/dist/web/index.d.ts

@@ -476,7 +476,7 @@ declare function TransferRouteCard({ label, summary, eta, feeHint, }: {
 declare function ExpandIcon({ expanded }: {
     expanded: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function AccountSettingsRow({ accountId, title, status, network, description, onClick, hideNetworkChip, accent, }: {
+declare function AccountSettingsRow({ accountId, title, status, network, description, onClick, hideNetworkChip, accent, beta, }: {
     accountId: AccountSettingsProtocol;
     title: string;
     status: 'ready' | 'offline' | 'optional' | string;
@@ -489,6 +489,9 @@ declare function AccountSettingsRow({ accountId, title, status, network, descrip
     /** Render the row with the per-account accent gradient (used on the
         Settings main page so account rows mirror dashboard asset cards). */
     accent?: boolean;
+    /** Show a small BETA chip next to the title — used for accounts that
+        haven't graduated to mainnet yet (e.g. RGB on testchains only). */
+    beta?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface AccountCapabilitiesCardProps {
@@ -1172,8 +1175,14 @@ interface DepositGeneratedViewProps {
      * not refire on cleared state — e.g. RGB on-chain.
      */
     onRegenerate?: () => Promise<void> | void;
+    /**
+     * Hide the "New Address" / "New Invoice" round button. Use when the
+     * regenerate flow is broken or unsupported for the current path so the
+     * user doesn't get stuck on a non-functional control.
+     */
+    showRegenerate?: boolean;
 }
-declare function DepositGeneratedView({ network, net, isBtc, address, addressLabel, recipientId, arkSubMode, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, getUnitLabel, selectedAsset, maxDepositAmount, setAddress, setRecipientId, setAmount, setInvoiceStatus, showQrNetworkBadge, onRegenerate, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
+declare function DepositGeneratedView({ network, net, isBtc, address, addressLabel, recipientId, arkSubMode, invoiceStatus, isInvoicePending, isInvoicePaid, isInvoiceFailedOrExpired, amount, handleAmountChange, loading, copied, copyToClipboard, getUnitLabel, selectedAsset, maxDepositAmount, setAddress, setRecipientId, setAmount, setInvoiceStatus, showQrNetworkBadge, onRegenerate, showRegenerate, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
 
 interface DepositPreGenerationAsset {
     ticker?: string;

package/dist/web/index.js

@@ -2360,7 +2360,8 @@ function AccountSettingsRow({
   description,
   onClick,
   hideNetworkChip = false,
-  accent = false
+  accent = false,
+  beta = false
 }) {
   return /* @__PURE__ */ jsx30(
     "button",
@@ -2375,8 +2376,11 @@ function AccountSettingsRow({
         /* @__PURE__ */ jsx30(AccountHeaderIcons, { accountId }),
         /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ jsxs18("div", { children: [
-              /* @__PURE__ */ jsx30("p", { className: "text-sm font-bold text-white", children: title }),
+            /* @__PURE__ */ jsxs18("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx30("p", { className: "text-sm font-bold text-white", children: title }),
+                beta && /* @__PURE__ */ jsx30("span", { className: "rounded-full bg-warning/15 px-1.5 py-0.5 text-tiny font-bold uppercase tracking-wider text-warning", children: "Beta" })
+              ] }),
               /* @__PURE__ */ jsx30("p", { className: "mt-1 text-xs text-muted-foreground", children: description })
             ] }),
             /* @__PURE__ */ jsx30(Icon2, { name: "chevron_right", size: "sm", className: "text-white/40" })
@@ -5134,7 +5138,8 @@ function DepositGeneratedView({
   setAmount,
   setInvoiceStatus,
   showQrNetworkBadge = true,
-  onRegenerate
+  onRegenerate,
+  showRegenerate = true
 }) {
   return /* @__PURE__ */ jsxs43("div", { className: "space-y-3 animate-in fade-in zoom-in-95 duration-300", children: [
     (network === "lightning" || network === "arkade" && arkSubMode === "ark") && isBtc && /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-1.5 rounded-xl border border-white/8 bg-white/3 p-2.5", children: [
@@ -5282,7 +5287,7 @@ function DepositGeneratedView({
         ]
       }
     ),
-    /* @__PURE__ */ jsx56("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ jsx56(
+    showRegenerate && /* @__PURE__ */ jsx56("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ jsx56(
       "button",
       {
         type: "button",

package/package.json

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