kaleido-ui 0.1.6 → 0.1.7

package/dist/web/index.cjs

@@ -1916,7 +1916,8 @@ function BottomNav({
 var import_react7 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function AccountStatusTabs({
-  accounts
+  accounts,
+  onSelect
 }) {
   const [selectedAccountId, setSelectedAccountId] = (0, import_react7.useState)(null);
   const selectedAccount = selectedAccountId ? accounts.find((account) => account.id === selectedAccountId) : null;
@@ -1925,10 +1926,10 @@ function AccountStatusTabs({
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         NetworkStatusChip,
         {
-          onClick: () => setSelectedAccountId(account.id),
+          onClick: () => onSelect ? onSelect(account.id) : setSelectedAccountId(account.id),
           icon: account.icon,
           dotClassName: account.dotTone,
-          ariaLabel: `Open ${account.title} details`
+          ariaLabel: onSelect ? `Open ${account.title}` : `Open ${account.title} details`
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(

package/dist/web/index.d.cts

@@ -356,8 +356,14 @@ interface AccountStatusTabItem<TId extends string = string> {
 }
 interface AccountStatusTabsProps<TId extends string = string> {
     accounts: AccountStatusTabItem<TId>[];
-}
-declare function AccountStatusTabs<TId extends string = string>({ accounts, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
+    /**
+     * If provided, tapping an account chip calls this with the account id
+     * instead of opening the built-in modal. Use to navigate to a dedicated
+     * account/network settings page.
+     */
+    onSelect?: (id: TId) => void;
+}
+declare function AccountStatusTabs<TId extends string = string>({ accounts, onSelect, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
 
 interface FilterDropdownOption {
     id: string;

package/dist/web/index.d.ts

@@ -356,8 +356,14 @@ interface AccountStatusTabItem<TId extends string = string> {
 }
 interface AccountStatusTabsProps<TId extends string = string> {
     accounts: AccountStatusTabItem<TId>[];
-}
-declare function AccountStatusTabs<TId extends string = string>({ accounts, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
+    /**
+     * If provided, tapping an account chip calls this with the account id
+     * instead of opening the built-in modal. Use to navigate to a dedicated
+     * account/network settings page.
+     */
+    onSelect?: (id: TId) => void;
+}
+declare function AccountStatusTabs<TId extends string = string>({ accounts, onSelect, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
 
 interface FilterDropdownOption {
     id: string;

package/dist/web/index.js

@@ -1761,7 +1761,8 @@ function BottomNav({
 import { useState as useState7 } from "react";
 import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function AccountStatusTabs({
-  accounts
+  accounts,
+  onSelect
 }) {
   const [selectedAccountId, setSelectedAccountId] = useState7(null);
   const selectedAccount = selectedAccountId ? accounts.find((account) => account.id === selectedAccountId) : null;
@@ -1770,10 +1771,10 @@ function AccountStatusTabs({
       /* @__PURE__ */ jsx26(
         NetworkStatusChip,
         {
-          onClick: () => setSelectedAccountId(account.id),
+          onClick: () => onSelect ? onSelect(account.id) : setSelectedAccountId(account.id),
           icon: account.icon,
           dotClassName: account.dotTone,
-          ariaLabel: `Open ${account.title} details`
+          ariaLabel: onSelect ? `Open ${account.title}` : `Open ${account.title} details`
         }
       ),
       /* @__PURE__ */ jsxs14(

package/package.json

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