kaleido-ui 0.1.27 → 0.1.28

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" })

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 {

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 {

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" })

package/package.json

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