kaleido-ui 0.1.6 → 0.1.8

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)(
@@ -5196,8 +5197,7 @@ function DepositGeneratedView({
   setAddress,
   setRecipientId,
   setAmount,
-  setInvoiceStatus,
-  handleDone
+  setInvoiceStatus
 }) {
   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: [
@@ -5342,36 +5342,24 @@ function DepositGeneratedView({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-      NetworkInfoDisclosure,
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+      "button",
       {
-        networks: network === "arkade" ? arkSubMode === "boarding" ? ["onchain", "arkade"] : ["arkade"] : [network]
+        type: "button",
+        onClick: () => {
+          setAddress("");
+          setRecipientId("");
+          setAmount("");
+          setInvoiceStatus(null);
+        },
+        className: "flex items-center justify-center gap-1.5 rounded-xl bg-primary/15 px-5 py-3 text-xs font-bold text-primary transition-all hover:bg-primary/25 active:scale-[0.98]",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
+          "New ",
+          network === "lightning" ? "Invoice" : "Address"
+        ]
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex gap-2.5 pt-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setAddress("");
-            setRecipientId("");
-            setAmount("");
-            setInvoiceStatus(null);
-          },
-          className: "flex flex-1 items-center justify-center gap-1.5 rounded-xl border py-3 text-xs font-bold text-muted-foreground transition-all hover:border-border hover:bg-accent hover:text-white active:scale-[0.98]",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
-            "New ",
-            network === "lightning" ? "Invoice" : "Address"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Button, { variant: "cta", onClick: handleDone, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
-        "Done"
-      ] })
-    ] })
+    ) })
   ] });
 }
 

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;
@@ -1124,9 +1130,14 @@ interface DepositGeneratedViewProps {
     setRecipientId: (value: string) => void;
     setAmount: (value: string) => void;
     setInvoiceStatus: (value: string | null) => void;
-    handleDone: () => void;
-}
-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, handleDone, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
+    /**
+     * @deprecated Done button removed in v0.1.8 per the v1.0.0 wallet redesign;
+     * users navigate away via the standard back button. Prop kept for source
+     * compatibility — it is no longer invoked.
+     */
+    handleDone?: () => void;
+}
+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, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
 
 interface DepositPreGenerationAsset {
     ticker?: 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;
@@ -1124,9 +1130,14 @@ interface DepositGeneratedViewProps {
     setRecipientId: (value: string) => void;
     setAmount: (value: string) => void;
     setInvoiceStatus: (value: string | null) => void;
-    handleDone: () => void;
-}
-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, handleDone, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
+    /**
+     * @deprecated Done button removed in v0.1.8 per the v1.0.0 wallet redesign;
+     * users navigate away via the standard back button. Prop kept for source
+     * compatibility — it is no longer invoked.
+     */
+    handleDone?: () => void;
+}
+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, }: DepositGeneratedViewProps): react_jsx_runtime.JSX.Element;
 
 interface DepositPreGenerationAsset {
     ticker?: 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(
@@ -5041,8 +5042,7 @@ function DepositGeneratedView({
   setAddress,
   setRecipientId,
   setAmount,
-  setInvoiceStatus,
-  handleDone
+  setInvoiceStatus
 }) {
   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: [
@@ -5187,36 +5187,24 @@ function DepositGeneratedView({
         ]
       }
     ),
-    /* @__PURE__ */ jsx56(
-      NetworkInfoDisclosure,
+    /* @__PURE__ */ jsx56("div", { className: "flex justify-center pt-1", children: /* @__PURE__ */ jsxs43(
+      "button",
       {
-        networks: network === "arkade" ? arkSubMode === "boarding" ? ["onchain", "arkade"] : ["arkade"] : [network]
+        type: "button",
+        onClick: () => {
+          setAddress("");
+          setRecipientId("");
+          setAmount("");
+          setInvoiceStatus(null);
+        },
+        className: "flex items-center justify-center gap-1.5 rounded-xl bg-primary/15 px-5 py-3 text-xs font-bold text-primary transition-all hover:bg-primary/25 active:scale-[0.98]",
+        children: [
+          /* @__PURE__ */ jsx56("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
+          "New ",
+          network === "lightning" ? "Invoice" : "Address"
+        ]
       }
-    ),
-    /* @__PURE__ */ jsxs43("div", { className: "flex gap-2.5 pt-1", children: [
-      /* @__PURE__ */ jsxs43(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            setAddress("");
-            setRecipientId("");
-            setAmount("");
-            setInvoiceStatus(null);
-          },
-          className: "flex flex-1 items-center justify-center gap-1.5 rounded-xl border py-3 text-xs font-bold text-muted-foreground transition-all hover:border-border hover:bg-accent hover:text-white active:scale-[0.98]",
-          children: [
-            /* @__PURE__ */ jsx56("span", { className: "material-symbols-outlined text-icon-sm", children: "refresh" }),
-            "New ",
-            network === "lightning" ? "Invoice" : "Address"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs43(Button, { variant: "cta", onClick: handleDone, children: [
-        /* @__PURE__ */ jsx56("span", { className: "material-symbols-outlined text-icon-sm", children: "check" }),
-        "Done"
-      ] })
-    ] })
+    ) })
   ] });
 }
 

package/package.json

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