kaleido-ui 0.2.4 → 0.2.5

package/README.md

@@ -147,10 +147,10 @@ console.log(typeScale.body)         // ['16px', '24px']
 
 | Component | Description |
 |-----------|-------------|
-| `Button` | 15 variants (default, destructive, outline, secondary, ghost, link, glow, surface, cta, cta-gradient, danger-subtle, danger-quiet, hyperlink, quiet), 11 sizes (`icon-xl` is deprecated, same as `icon-lg`) |
+| `Button` | 17 variants (default, destructive, outline, secondary, ghost, link, glow, surface, cta, cta-gradient, danger-subtle, danger-quiet, hyperlink, h1, h2, h3, quiet), 11 sizes |
 | `Card` | Compositional: Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter |
 | `Input` | Form text input with focus ring |
-| `Select` | Select (Radix): Select, SelectTrigger, SelectContent, SelectItem, etc. Past four items the list caps its height, scrolls and shows a search field |
+| `Select` | Select (Radix): Select, SelectTrigger, SelectContent, SelectItem, etc. Past four items, the list caps its height, scrolls, and shows a search field |
 | `DropdownMenu` | Dropdown menu (Radix): DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, etc. Searchable past four items, like `Select` |
 | `Table` | Table, TableHeader, TableBody, TableRow, TableHead, TableCell, etc. `TableHead` takes `sortable`, `sortDirection` (`'asc' \| 'desc' \| 'none'`) and `onSort`, and sets `aria-sort` |
 | `Dialog` | Modal dialog (Radix): Dialog, DialogContent, DialogHeader, DialogTitle, etc. |
@@ -201,18 +201,53 @@ and `IconGlyph` draws one glyph at the icon scale (`<IconGlyph glyph={Close} siz
 | `TrendChart` | Line/area trend chart with a chart/table switch; pass `view` + `onViewChange` to control the view from the host, or leave them out |
 | `WithdrawAmountInput` | Amount card for the withdraw flow; `unitSlot` replaces the unit label with your own control (e.g. a unit picker) inside the card |
 
-### Hooks
+### Hooks and functions
+
+Every function and hook `kaleido-ui` exports. `tests/docs-accuracy.test.tsx`
+fails when one is missing here.
 
 | Hook | Description |
 |------|-------------|
-| `useToast` | Toast state management + `toast()` function |
-| `useAssetIcon` | Resolves asset ticker to CDN icon URL |
-
-### Utilities
-
-| Export | Description |
-|--------|-------------|
+| `useToast` | Toast state management; `toast()` shows one |
+| `useAssetIcon` | Resolves an asset ticker to its CDN icon URL |
+| `useCopyToClipboard` | `{ state: 'idle' \| 'copied' \| 'failed', copy, reset }`: a missing or refused clipboard is `failed`, never `copied` |
+| `useMediaQuery` | Whether a media query matches, kept up to date; `false` on the server and in jsdom |
+| `useIsNarrow` | Narrower than the `sm` breakpoint (40rem): a phone |
+| `useThemeMode` | The light/dark mode on the document root, remembered in localStorage (`kaleido-ui:theme`) |
+| `useDiscardGuard` | For a dialog holding unsaved input: closing asks first when there is something to lose |
+| `useDrawerCollapsed` | Whether the surrounding drawer is folded to its icon rail |
+
+| Function | Description |
+|----------|-------------|
 | `cn()` | `clsx` + `tailwind-merge`, configured with kaleido-ui's custom scales (`text-title`, `text-icon-md`, `rounded-card`, `shadow-glow-*`, `tracking-eyebrow`) so they are not mistaken for colours and dropped. Use it instead of a local `twMerge`. |
+| `toast()` | Shows a toast (see `useToast`) |
+| `applyThemeMode(mode)` | Puts `.dark` or `.light` on the document root, without the hook |
+| `formatAmount(value, { locale, maximumFractionDigits })` | Groups a number in an explicit locale (default `en-US`): the formatter the amount components share |
+| `formatDisplayAmountText(value, { unit, maxDecimals })` | Formats an amount string for display, keeping its unit suffix (`BTC`, `sats`, `mBTC`) and leaving locale-formatted strings intact |
+| `getAssetIconUrl(ticker, cdnBaseUrl?)` | The CDN icon URL for a ticker (what `useAssetIcon` returns, without React) |
+| `getFallbackAssetIconUrl(seed)` | A generated gradient placeholder icon URL for an asset with no CDN icon |
+| `createIcon(outlined, filled?)` | Builds an `Icon` that ships only the glyphs you pass (see above) |
+| `isIconName(value)` | Whether a string names a glyph in the set |
+| `buttonVariants` | `Button`'s variant classes (cva), for an element that must look like a button |
+| `avatarVariants` | `Avatar`'s size classes (cva) |
+| `cardSurface` | The two card surfaces' classes: `primary` (glass card with edge) and `secondary` (no edge, ranks under a primary card) |
+| `networkChipStyle(network)` | A network's chip fill and ink (`{ backgroundColor, color }`), for any surface that stands for that network |
+| `getActivityNetworkFilterIcon(filter)` | The icon element for an activity network filter |
+| `getAccountNetworkLabel(network)` | `'Mainnet'`, `'Testnet'`, `'Regtest'` or `'Signet'` |
+| `getAccountNetworkUi(network)` | Label plus badge and banner classes for an account's network |
+| `getAccountStatusUi(status)` | Label and classes for an account status (`ready`, `offline`, `optional`) |
+| `defaultClassifyError(error)` | `QueryState`'s fallback classifier: a retryable "Could not load" with the error's message |
+| `activeFiltersLabel(count)` | "1 filter applied", "3 filters applied" |
+| `seriesColor(slot)` | The chart series colour for a slot (`var(--series-N)`) |
+| `chartValueTicks(max, { integer })` | Value-axis ticks from zero whose top is the largest value |
+| `chartLabelIndices(count, maxLabels)` | Category indices that get a label: first and last, evenly spaced between |
+| `foldSegments(segments)` | Keeps the largest five donut segments and folds the rest into "Other" |
+| `trendChartTicks(max)` | `TrendChart`'s value-axis ticks (top = peak) |
+| `trendChartLabelIndices(count, maxLabels)` | `TrendChart`'s time-axis label indices |
+| `kaleidoswapMarkArtwork`, `kaleidoswapLogoHorizontalArtwork`, `kaleidoswapLogoVerticalArtwork` | The logo's `viewBox` and paths, for drawing it outside React |
+
+The chart helpers are what the chart components use; they are exported for a
+custom chart that should follow the same axis and colour rules.
 
 ### Brand utilities (from `kaleido-ui/css`)
 

package/dist/web/{chunk-G373WZMN.js → chunk-3CHDKHXW.js}

@@ -8,7 +8,7 @@ import {
   plotClass,
   seriesColor,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.js";
 
 // src/web/components/charts/donut-chart.tsx
 import { useState } from "react";

package/dist/web/{chunk-7NS5S2PG.js → chunk-4BTXTIE6.js}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-LPDB7EHH.js";
 import {
   AssetIcon
-} from "./chunk-2REWXJEN.js";
+} from "./chunk-SGXLWU4V.js";
 import {
   NetworkBadge
-} from "./chunk-IV6AAVUE.js";
+} from "./chunk-EBQ35SOM.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";

package/dist/web/{chunk-WWF7IJBF.js → chunk-4L55ANVR.js}

@@ -2,30 +2,33 @@
 import {
   DotPagination
 } from "./chunk-6PNGSAJB.js";
-import {
-  AssetIcon
-} from "./chunk-2REWXJEN.js";
 import {
   BottomSheet
 } from "./chunk-JYM5NHBA.js";
+import {
+  AssetIcon
+} from "./chunk-SGXLWU4V.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";
 import {
   NetworkBadge
-} from "./chunk-IV6AAVUE.js";
-import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
+} from "./chunk-EBQ35SOM.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
 import {
   LiquidNetworkIcon
-} from "./chunk-LYCLVP26.js";
+} from "./chunk-WBW5E6LC.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Add,
   ArrowBack,
@@ -35,9 +38,6 @@ import {
   Search,
   SwapCalls
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-asset-selection.tsx
 import { useEffect, useState } from "react";

package/dist/web/{chunk-NSA777UY.js → chunk-536NL4X2.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-Z2SS7UJ4.js";
+} from "./chunk-YRRZ22OK.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ExpandMore
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/option-selector.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-XPHFJPUQ.js → chunk-5INE4WNW.js}

@@ -15,7 +15,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.js";
 
 // src/web/components/charts/mixed-chart.tsx
 import { useId, useState } from "react";

package/dist/web/{chunk-LFAORJQK.js → chunk-5NCVH6N5.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   PageHeader
-} from "./chunk-62HIDJCD.js";
+} from "./chunk-MKMZH4XD.js";
 import {
   FadeOverlay
-} from "./chunk-A3XHFJ6J.js";
+} from "./chunk-Z3H2FQVX.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";

package/dist/web/{chunk-QXCCUYNY.js → chunk-AMIAAHZM.js}

@@ -14,7 +14,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-DH7VXKGM.js → chunk-AU5ZGWGA.js}

@@ -9,16 +9,19 @@ import {
   CopyIcon,
   InvoiceStatusBanner,
   PaidOverlay
-} from "./chunk-GX7GBHJ6.js";
-import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
+} from "./chunk-W4G74KFZ.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ContentCopy,
@@ -26,9 +29,6 @@ import {
   ProgressActivity,
   Refresh
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-generated-view.tsx
 import { useId } from "react";

package/dist/web/{chunk-76DAZT7Q.js → chunk-AVJ56TMD.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-Z2SS7UJ4.js";
+} from "./chunk-YRRZ22OK.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  ExpandMore
-} from "./chunk-XXH4TYKZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  ExpandMore
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/filter-dropdown.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-O6NPTMDN.js → chunk-AWKCO62W.js}

@@ -13,7 +13,7 @@ import {
   seriesColor,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.js";
 
 // src/web/components/charts/scatter-chart.tsx
 import { useState } from "react";

package/dist/web/{chunk-ZXCT3Y6P.js → chunk-BYHIH2LP.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   AppIcon
-} from "./chunk-PS7Q6MMU.js";
+} from "./chunk-I2N3HZ4M.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

package/dist/web/{chunk-7YUPXESC.js → chunk-CPIM2QKZ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   NetworkBadge
-} from "./chunk-IV6AAVUE.js";
+} from "./chunk-EBQ35SOM.js";
 
 // src/web/components/kaleidoscope-hero-animation.tsx
 import { useRef, useEffect, useState, useCallback } from "react";

package/dist/web/{chunk-EK5N3ZPW.js → chunk-CXLGQSHM.js}

@@ -6,7 +6,7 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "./chunk-TCFHH5TE.js";
+} from "./chunk-DUAFJ3CX.js";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -28,6 +28,9 @@ import {
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   BarChart,
   Check,
@@ -35,9 +38,6 @@ import {
   TableRows,
   Tune
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/charts/core.tsx
 import {

package/dist/web/{chunk-L2UPQLY7.js → chunk-CXPYTWEC.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GEXPB5CG.js";
 import {
   HorizontalScrollArea
 } from "./chunk-DCUAE6PX.js";

package/dist/web/{chunk-2Z6KFK4Z.js → chunk-CZGN7SQH.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   networkChipVars
-} from "./chunk-IV6AAVUE.js";
+} from "./chunk-EBQ35SOM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-PTSOVDKH.js → chunk-D5CPIS6B.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-VM6AGMYO.js";
 import {
   AssetIcon
-} from "./chunk-2REWXJEN.js";
+} from "./chunk-SGXLWU4V.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";

package/dist/web/{chunk-JZ3BUM5L.js → chunk-DV66AZXI.js}

@@ -1,40 +1,40 @@
 "use client";
 import {
   DepositGeneratedView
-} from "./chunk-DH7VXKGM.js";
+} from "./chunk-AU5ZGWGA.js";
 import {
   DepositPreGeneration
-} from "./chunk-27CY5EHL.js";
+} from "./chunk-X3MYWPNO.js";
 import {
   DepositSuccessScreen
-} from "./chunk-FWOIRFV5.js";
+} from "./chunk-QGWVZ5NG.js";
 import {
   BtcUnifiedReceive
-} from "./chunk-A3TKIXSI.js";
+} from "./chunk-KDNYIMGR.js";
 import {
   AccountChoiceChip,
   MethodChoiceChip,
   NETWORK_CONFIG
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-W4G74KFZ.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";
-import {
-  GlyphButton
-} from "./chunk-JY3H7ZAI.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   ArrowBack,
   ProgressActivity
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/deposit-invoice-generation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-LZ6PIXUO.js → chunk-DZMOH67F.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GEXPB5CG.js";
 import {
   Collapsible,
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-IV6AAVUE.js → chunk-EBQ35SOM.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   OnchainNetworkIcon
-} from "./chunk-LYCLVP26.js";
-import {
-  protocolIcons
-} from "./chunk-WEPSTI3Z.js";
+} from "./chunk-WBW5E6LC.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  protocolIcons
+} from "./chunk-WEPSTI3Z.js";
 
 // src/web/components/network-badge.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-R3IIXFGK.js → chunk-EXWE5KM6.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-ZR32WYJA.js";
 import {
   AppIcon
-} from "./chunk-PS7Q6MMU.js";
+} from "./chunk-I2N3HZ4M.js";
 
 // src/web/components/activity-type-tabs.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-GMJGTSCQ.js → chunk-G26YNXL3.js}

@@ -2,9 +2,6 @@
 import {
   InfoPanel
 } from "./chunk-2Q5SSNFO.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
 import {
   Icon
 } from "./chunk-A6MSV4MA.js";
@@ -15,10 +12,13 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LZ723UCB.js";
+} from "./chunk-D2ZG6TZM.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/one-time-secret-dialog.tsx
 import { useEffect } from "react";

package/dist/web/{chunk-QCQRA6L5.js → chunk-GEXPB5CG.js}

@@ -1,16 +1,16 @@
 "use client";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
 import {
   CopyIcon
-} from "./chunk-GX7GBHJ6.js";
+} from "./chunk-W4G74KFZ.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/copy-button.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-UK6ZL4MX.js → chunk-GX5URFML.js}

@@ -7,7 +7,7 @@ import {
   ChartTooltip,
   tooltipText,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-CXLGQSHM.js";
 import {
   formatAmount
 } from "./chunk-VM6AGMYO.js";

package/dist/web/{chunk-VZF5C3C6.js → chunk-HKF7IPXV.js}

@@ -5,16 +5,16 @@ import {
 import {
   LiquidNetworkIcon,
   OnchainNetworkIcon
-} from "./chunk-LYCLVP26.js";
+} from "./chunk-WBW5E6LC.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  ChevronRight
-} from "./chunk-XXH4TYKZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  ChevronRight
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/deposit-network-default-modal.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-JY73M73T.js → chunk-HKIYPISK.js}

@@ -1,29 +1,29 @@
 "use client";
 import {
   NetworkStatusChip
-} from "./chunk-2Z6KFK4Z.js";
+} from "./chunk-CZGN7SQH.js";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle
-} from "./chunk-LZ723UCB.js";
-import {
-  Button
-} from "./chunk-OWSKP527.js";
+} from "./chunk-D2ZG6TZM.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  Button
+} from "./chunk-OWSKP527.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  Settings
-} from "./chunk-XXH4TYKZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  Settings
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/account-status-tabs.tsx
 import { useState } from "react";

package/dist/web/{chunk-QBZSLR7U.js → chunk-HLPL5AHD.js}

@@ -4,7 +4,7 @@ import {
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-TBEKRQGW.js → chunk-HO65ENYH.js}

@@ -6,7 +6,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LZ723UCB.js";
+} from "./chunk-D2ZG6TZM.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

package/dist/web/{chunk-PS7Q6MMU.js → chunk-I2N3HZ4M.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-A6MSV4MA.js";
 import {
   OnchainNetworkIcon
-} from "./chunk-LYCLVP26.js";
+} from "./chunk-WBW5E6LC.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-S2ICIIH2.js → chunk-I7KNV2UC.js}

@@ -1,26 +1,26 @@
 "use client";
+import {
+  TransactionCard
+} from "./chunk-XYNURYMC.js";
 import {
   SwapBadge
-} from "./chunk-AP7Q2FCS.js";
+} from "./chunk-VNL2QI5B.js";
 import {
   cardSurface
 } from "./chunk-GZZ5KVON.js";
-import {
-  TransactionCard
-} from "./chunk-2NCH2ZDU.js";
 import {
   EmptyState
 } from "./chunk-UZ4LWR4X.js";
 import {
   ErrorCard,
   LoadingCard
-} from "./chunk-A3XHFJ6J.js";
+} from "./chunk-Z3H2FQVX.js";
 import {
   Icon
 } from "./chunk-A6MSV4MA.js";
 import {
   NetworkBadge
-} from "./chunk-IV6AAVUE.js";
+} from "./chunk-EBQ35SOM.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";

package/dist/web/{chunk-Z5LVT3BD.js → chunk-INKE5FS6.js}

@@ -6,13 +6,7 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport
-} from "./chunk-2VAS6VYJ.js";
-import {
-  useToast
-} from "./chunk-TS4UYWJJ.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
+} from "./chunk-7L35JISL.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
@@ -25,6 +19,12 @@ import {
   ContentCopy,
   Error
 } from "./chunk-XXH4TYKZ.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
+import {
+  useToast
+} from "./chunk-TS4UYWJJ.js";
 
 // src/web/primitives/toaster.tsx
 import { useEffect, useState } from "react";