kaleido-ui 0.2.1 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { ClassValue } from 'clsx';
2
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
3
  import * as React$1 from 'react';
4
- import { SVGProps, ReactNode, HTMLAttributes, ChangeEvent, AriaRole, Component, FC, CSSProperties } from 'react';
4
+ import { SVGProps, ReactNode, HTMLAttributes, ChangeEvent, ReactElement, MouseEvent, AriaRole, Component, FC, CSSProperties } from 'react';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
  import * as SelectPrimitive from '@radix-ui/react-select';
7
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -321,6 +321,13 @@ interface DrawerNavItemProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElem
321
321
  * does. Pass it as the only child, with no children of its own.
322
322
  */
323
323
  asChild?: boolean;
324
+ /**
325
+ * The reader may not open this page: why, in words ("Only an admin can
326
+ * manage API keys"). The row stays listed and focusable, dimmed, with
327
+ * `aria-disabled`; it is not a link, and the reason shows on hover and
328
+ * focus — beside the row on the rail, under it elsewhere.
329
+ */
330
+ disabledReason?: string | null;
324
331
  }
325
332
  declare const DrawerNavItem: React$1.ForwardRefExoticComponent<DrawerNavItemProps & React$1.RefAttributes<HTMLAnchorElement>>;
326
333
  interface DrawerNavGroupProps {
@@ -339,7 +346,8 @@ interface DrawerNavGroupProps {
339
346
  * The group's first page. Opening the group goes there, so choosing
340
347
  * "Display" lands on its first page with the submenu open. On the icon rail
341
348
  * the row is a link to it that also unfolds the sidebar. Without it, the row
342
- * only shows and hides the submenu, and the rail row does nothing.
349
+ * only shows and hides the submenu, and the rail row unfolds the sidebar
350
+ * with the submenu open.
343
351
  */
344
352
  href?: string;
345
353
  /** @deprecated The old name of `href`. */
@@ -349,6 +357,12 @@ interface DrawerNavGroupProps {
349
357
  * router's navigate here, so following the row does not reload the page.
350
358
  */
351
359
  onNavigate?: (href: string) => void;
360
+ /**
361
+ * On the rail, without `href`: the accessible name of the icon that unfolds
362
+ * the sidebar onto this group. Defaults to "{label}: expand the sidebar to
363
+ * show its pages".
364
+ */
365
+ expandGroupLabel?: string;
352
366
  /** Its `DrawerNavItem`s, which render as the submenu's rows. */
353
367
  children: React$1.ReactNode;
354
368
  className?: string;
@@ -364,7 +378,7 @@ interface DrawerNavGroupProps {
364
378
  * open on that page.
365
379
  */
366
380
  declare const DrawerNavGroup: {
367
- ({ icon, label, active, open: openProp, defaultOpen, onOpenChange, href: hrefProp, railHref, onNavigate, children, className, }: DrawerNavGroupProps): react_jsx_runtime.JSX.Element;
381
+ ({ icon, label, active, open: openProp, defaultOpen, onOpenChange, href: hrefProp, railHref, onNavigate, expandGroupLabel, children, className, }: DrawerNavGroupProps): react_jsx_runtime.JSX.Element;
368
382
  displayName: string;
369
383
  };
370
384
  /**
@@ -446,6 +460,42 @@ declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.P
446
460
  type PopoverContentProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
447
461
  declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
448
462
 
463
+ type TooltipPlacement = 'top' | 'bottom' | 'right';
464
+ interface TooltipBubbleProps extends React$1.HTMLAttributes<HTMLSpanElement> {
465
+ /** The `id` the described control points at with `aria-describedby`. */
466
+ id: string;
467
+ placement?: TooltipPlacement;
468
+ }
469
+ /**
470
+ * The bubble alone, for a trigger that wires `aria-describedby` itself. It is
471
+ * shown while its `group/tooltip` ancestor is hovered or holds focus.
472
+ */
473
+ declare const TooltipBubble: React$1.ForwardRefExoticComponent<TooltipBubbleProps & React$1.RefAttributes<HTMLSpanElement>>;
474
+ interface TooltipProps {
475
+ /** What the tooltip says. A short sentence: it is a description, not a label. */
476
+ content: React$1.ReactNode;
477
+ /** One focusable element. It gets `aria-describedby` pointing at the tooltip. */
478
+ children: React$1.ReactElement;
479
+ placement?: TooltipPlacement;
480
+ /** Classes for the wrapper, which is `relative inline-flex`. */
481
+ className?: string;
482
+ bubbleClassName?: string;
483
+ }
484
+ /**
485
+ * A short description of a control, shown on hover and on keyboard focus.
486
+ *
487
+ * Pure CSS: the bubble is always in the document, hidden until its wrapper is
488
+ * hovered or holds focus, so it needs no portal or timer and reads the same in
489
+ * a test as in a browser. The control describes itself with it
490
+ * (`aria-describedby`), so a screen reader hears it after the control's name.
491
+ * It is not a place for the control's name: an icon-only button still needs
492
+ * its own `aria-label`.
493
+ */
494
+ declare function Tooltip({ content, children, placement, className, bubbleClassName }: TooltipProps): react_jsx_runtime.JSX.Element;
495
+ declare namespace Tooltip {
496
+ var displayName: string;
497
+ }
498
+
449
499
  /**
450
500
  * A real menu (`role="menu"`): items, separators, labels, a destructive item.
451
501
  * Radix DropdownMenu underneath, so the arrow keys move between items,
@@ -2017,6 +2067,21 @@ interface QueryStateProps {
2017
2067
  skeletonRows?: number;
2018
2068
  /** The loading status's accessible name; nothing is shown as text. */
2019
2069
  loadingLabel?: string;
2070
+ /**
2071
+ * Under the error panel: what only the consumer can say about this error —
2072
+ * a request id to quote to support, say. Return nothing to show nothing.
2073
+ */
2074
+ errorDetail?: (error: unknown) => ReactNode;
2075
+ /**
2076
+ * What the read returned, said politely once the view it answers changes:
2077
+ * `key` is the view (filters, page), `message` the result ("12 swaps
2078
+ * shown"). Said when the key moves, never when the same view refetches, and
2079
+ * not on the first load, which the page's own arrival announces.
2080
+ */
2081
+ announce?: {
2082
+ key: string;
2083
+ message: string;
2084
+ };
2020
2085
  }
2021
2086
  /**
2022
2087
  * Loading, error and empty, kept apart: a read that failed never looks like
@@ -2028,7 +2093,7 @@ interface QueryStateProps {
2028
2093
  * - Empty: an `EmptyState`.
2029
2094
  * - Otherwise: the children.
2030
2095
  */
2031
- declare function QueryState({ isLoading, error, isEmpty, children, classifyError, onRetry, retryLabel, errorConsequence, emptyTitle, emptyDescription, emptyAction, skeletonRows, loadingLabel, }: QueryStateProps): react_jsx_runtime.JSX.Element;
2096
+ declare function QueryState({ announce, ...props }: QueryStateProps): react_jsx_runtime.JSX.Element;
2032
2097
 
2033
2098
  interface RecordListProps extends React$1.HTMLAttributes<HTMLUListElement> {
2034
2099
  /** Required: a list of records needs a name ("Swaps"). */
@@ -2111,6 +2176,13 @@ interface PagerProps {
2111
2176
  noun?: string;
2112
2177
  previousLabel?: string;
2113
2178
  nextLabel?: string;
2179
+ /**
2180
+ * Keep the pager on screen when there is only one page, both buttons off,
2181
+ * so a short list cannot be mistaken for one with no paging at all.
2182
+ */
2183
+ alwaysShow?: boolean;
2184
+ /** Said in place of the range when the window is empty. Defaults to "No {noun} in this window". */
2185
+ emptyLabel?: string;
2114
2186
  className?: string;
2115
2187
  }
2116
2188
  /**
@@ -2121,7 +2193,327 @@ interface PagerProps {
2121
2193
  * the total is not known — and renders nothing when there is neither a
2122
2194
  * previous nor a next page. `DotPagination` is for carousel steps, not this.
2123
2195
  */
2124
- declare function Pager({ offset, limit, returned, onOffsetChange, noun, previousLabel, nextLabel, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
2196
+ declare function Pager({ offset, limit, returned, onOffsetChange, noun, previousLabel, nextLabel, alwaysShow, emptyLabel, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
2197
+
2198
+ interface ListSummaryProps extends Omit<HTMLAttributes<HTMLParagraphElement>, 'children'> {
2199
+ /** What a row is, plural: "swaps". */
2200
+ noun: string;
2201
+ /** Rows on screen. */
2202
+ shown: number;
2203
+ /** For a list read in windows: where the window starts. */
2204
+ offset?: number;
2205
+ /** How many exist, where the API reports it. Leave it out rather than guess. */
2206
+ total?: number;
2207
+ filtersActive?: boolean;
2208
+ /** Said after a filtered count when there is no total. */
2209
+ noTotalNote?: string;
2210
+ className?: string;
2211
+ }
2212
+ /**
2213
+ * How many rows a list is showing, and of how many.
2214
+ *
2215
+ * Only as honest as the API: with a `total` it says "Showing 12 of 40 keys";
2216
+ * without one it says what it can — the rows shown, the window they are —
2217
+ * and, under a filter, that the total is not reported, instead of printing a
2218
+ * denominator it would have to invent. Pairs with `Pager`.
2219
+ */
2220
+ declare function ListSummary({ noun, shown, offset, total, filtersActive, noTotalNote, className, ...rest }: ListSummaryProps): react_jsx_runtime.JSX.Element;
2221
+
2222
+ interface ListFieldProps {
2223
+ label: ReactNode;
2224
+ /** What one item is, singular, for the help line: "origin". */
2225
+ noun: string;
2226
+ /** Beside the label, in words: "Required", "Optional". */
2227
+ requirement?: ReactNode;
2228
+ items: readonly string[];
2229
+ onChange: (items: readonly string[]) => void;
2230
+ /** Checks one item: `null` when it is accepted, the reason otherwise. */
2231
+ check?: (item: string) => string | null;
2232
+ /** The accepted form, as a sentence: "An origin is a scheme and a host, with no path." */
2233
+ form?: ReactNode;
2234
+ /** One accepted item, shown as the placeholder and in the help line. */
2235
+ example?: string;
2236
+ /** A problem the field does not know about: a server rejection or a submit check. */
2237
+ error?: ReactNode;
2238
+ /** Said when nothing has been added. */
2239
+ emptyLabel?: ReactNode;
2240
+ /** The group of accepted items, for assistive tech: "Allowed origins: added". */
2241
+ itemsLabel?: string;
2242
+ /** The accessible name of one item's remove button. */
2243
+ removeLabel?: (item: string) => string;
2244
+ /** Monospace for ids, origins and hosts. On by default. */
2245
+ mono?: boolean;
2246
+ className?: string;
2247
+ }
2248
+ /**
2249
+ * A list, entered as a list: one item at a time, each checked as it is added,
2250
+ * with what has been accepted shown as the chips that will be sent.
2251
+ *
2252
+ * Enter or a comma adds what is in the box; Backspace in an empty box takes the
2253
+ * last item back; a pasted list is split on commas and whitespace. Items that
2254
+ * fail `check` stay in the box with the first reason under it, so a typo is
2255
+ * corrected rather than retyped. Leaving the box with something in it adds it,
2256
+ * so a value typed and then submitted is not silently dropped.
2257
+ */
2258
+ declare function ListField({ label, noun, requirement, items, onChange, check, form, example, error, emptyLabel, itemsLabel, removeLabel, mono, className, }: ListFieldProps): react_jsx_runtime.JSX.Element;
2259
+
2260
+ interface RestrictedProps {
2261
+ /**
2262
+ * Why the reader cannot use the control: "Only an admin can invite
2263
+ * members." With no reason the control is rendered untouched.
2264
+ */
2265
+ reason: string | null | undefined;
2266
+ /** One control: a button or a link. */
2267
+ children: ReactElement<{
2268
+ className?: string;
2269
+ onClick?: (event: MouseEvent) => void;
2270
+ }>;
2271
+ placement?: TooltipPlacement;
2272
+ className?: string;
2273
+ }
2274
+ /**
2275
+ * A control the reader may not use, shown rather than hidden, with the reason
2276
+ * one hover or one Tab away.
2277
+ *
2278
+ * Hidden, the control leaves the reader believing the thing cannot be done at
2279
+ * all. Disabled with `disabled`, it leaves the tab order, so the reason could
2280
+ * only be read with a pointer. So it stays focusable, says `aria-disabled`,
2281
+ * swallows its own activation, and points at the reason with
2282
+ * `aria-describedby`; the reason shows on hover and on focus.
2283
+ */
2284
+ declare function Restricted({ reason, children, placement, className }: RestrictedProps): react_jsx_runtime.JSX.Element;
2285
+
2286
+ interface ConfirmDialogProps {
2287
+ open: boolean;
2288
+ onOpenChange: (open: boolean) => void;
2289
+ title: ReactNode;
2290
+ description?: ReactNode;
2291
+ /** Anything more the decision needs: what survives, what does not. */
2292
+ children?: ReactNode;
2293
+ confirmLabel?: ReactNode;
2294
+ cancelLabel?: ReactNode;
2295
+ /** The confirm button is `destructive`: Delete, Revoke, Discard. */
2296
+ destructive?: boolean;
2297
+ /**
2298
+ * While the action runs: the confirm button spins, says it is busy and
2299
+ * ignores presses, and Cancel is held, since the request is already on its way.
2300
+ */
2301
+ busy?: boolean;
2302
+ /** The action cannot be taken yet: nothing chosen, or something blocks it (say what in `children`). */
2303
+ confirmDisabled?: boolean;
2304
+ onConfirm: () => void;
2305
+ /** Classes for the dialog box: a wider one for a longer explanation. */
2306
+ className?: string;
2307
+ }
2308
+ /**
2309
+ * Asks before an action that cannot be taken back. Cancel, Escape and a click
2310
+ * outside all leave things as they were; only the confirm button acts. The
2311
+ * confirm button stays enabled while `busy` (it spins, reports `aria-busy`
2312
+ * and ignores presses), so focus never lands on a dead control. Put what the
2313
+ * decision needs — what survives, a failure — in `children`.
2314
+ */
2315
+ declare function ConfirmDialog({ open, onOpenChange, title, description, children, confirmLabel, cancelLabel, destructive, busy, confirmDisabled, onConfirm, className, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
2316
+ interface UseDiscardGuardOptions {
2317
+ /** Whether closing would lose something the reader entered. */
2318
+ dirty: boolean;
2319
+ /** Closes the dialog the guard sits over. */
2320
+ onClose: () => void;
2321
+ title?: ReactNode;
2322
+ description?: ReactNode;
2323
+ keepLabel?: ReactNode;
2324
+ discardLabel?: ReactNode;
2325
+ }
2326
+ /**
2327
+ * For a dialog holding unsaved input: Cancel, Escape, a click outside and the
2328
+ * close control all call `request`, which closes at once when there is
2329
+ * nothing to lose and asks when there is. Render `confirm` beside the dialog;
2330
+ * the question is a dialog of its own, over the first.
2331
+ */
2332
+ declare function useDiscardGuard({ dirty, onClose, title, description, keepLabel, discardLabel, }: UseDiscardGuardOptions): {
2333
+ request: () => void;
2334
+ confirm: ReactNode;
2335
+ };
2336
+
2337
+ interface OneTimeSecretDialogProps {
2338
+ /** The secret to show. The dialog is open while this is set. */
2339
+ secret: string | null;
2340
+ /** The only way out: the reader says they have stored it. */
2341
+ onAcknowledge: () => void;
2342
+ title?: ReactNode;
2343
+ description?: ReactNode;
2344
+ copyLabel?: ReactNode;
2345
+ copiedLabel?: ReactNode;
2346
+ acknowledgeLabel?: ReactNode;
2347
+ /** Shown as a warning when the clipboard refused the copy. */
2348
+ copyFailedMessage?: ReactNode;
2349
+ /** Announced once the copy succeeded. */
2350
+ copiedAnnouncement?: string;
2351
+ /**
2352
+ * Ask the browser to confirm a reload or a tab close while the secret is on
2353
+ * screen. On by default: the dialog cannot survive a navigation it does not own.
2354
+ */
2355
+ warnOnUnload?: boolean;
2356
+ }
2357
+ /**
2358
+ * A secret the server returns once — a new API key — shown until the reader
2359
+ * says they have stored it.
2360
+ *
2361
+ * Escape, a click outside and the close control do nothing: the acknowledge
2362
+ * button is the only exit, because the secret cannot be shown again. The
2363
+ * value stays selectable, so a refused clipboard still leaves a way to copy it
2364
+ * by hand, and a refused copy says so instead of pretending it worked. Hold
2365
+ * the secret above the router if a Back press must not lose it.
2366
+ */
2367
+ declare function OneTimeSecretDialog({ secret, onAcknowledge, title, description, copyLabel, copiedLabel, acknowledgeLabel, copyFailedMessage, copiedAnnouncement, warnOnUnload, }: OneTimeSecretDialogProps): react_jsx_runtime.JSX.Element;
2368
+
2369
+ interface RefreshButtonProps {
2370
+ onRefresh: () => void;
2371
+ /** A read is in flight: the icon spins and presses are ignored. */
2372
+ isRefreshing?: boolean;
2373
+ label?: ReactNode;
2374
+ className?: string;
2375
+ }
2376
+ /**
2377
+ * A page's one Refresh. While a read is in flight it stays enabled and
2378
+ * focusable and says it is busy (`aria-busy`); a second press is ignored
2379
+ * rather than refused by disabling the element under the reader's focus.
2380
+ */
2381
+ declare function RefreshButton({ onRefresh, isRefreshing, label, className }: RefreshButtonProps): react_jsx_runtime.JSX.Element;
2382
+ /** The slice of a TanStack Query result (or anything shaped like it) this reads. */
2383
+ interface ReadStatusRead {
2384
+ data: unknown;
2385
+ /** When the last read that succeeded landed, in ms since the epoch. */
2386
+ dataUpdatedAt: number;
2387
+ isError: boolean;
2388
+ isFetching: boolean;
2389
+ refetch: () => unknown;
2390
+ }
2391
+ interface ReadStatusProps {
2392
+ /** Every read the surface shows. The oldest of them is how old the surface is. */
2393
+ reads: readonly ReadStatusRead[];
2394
+ /** How the time of the last read is written: the consumer owns locale and zone. */
2395
+ formatTime: (ms: number) => string;
2396
+ lastUpdateLabel?: ReactNode;
2397
+ updatedLabel?: ReactNode;
2398
+ /** Shown, and announced after a requested refresh, when a refresh failed but older figures remain. */
2399
+ staleLabel?: string;
2400
+ refreshLabel?: ReactNode;
2401
+ /** Announced after a requested refresh lands, given the formatted time. */
2402
+ updatedAnnouncement?: (time: string) => string;
2403
+ /** How long "Updated" stays beside the time once a read lands. */
2404
+ updatedMarkMs?: number;
2405
+ className?: string;
2406
+ }
2407
+ /** How long "Updated" stays beside the time by default. */
2408
+ declare const READ_STATUS_UPDATED_MS = 2000;
2409
+ /**
2410
+ * How old the figures on a surface are, beside the control that makes them
2411
+ * newer. One per surface, in its page header.
2412
+ *
2413
+ * - "Last update" is the last read that succeeded, not the last attempt.
2414
+ * - A finished read says so for a moment ("Updated"), so a figure never
2415
+ * changes silently — the automatic reads included.
2416
+ * - A failed refresh keeps the figures and says they are the previous read;
2417
+ * an error panel is only for a surface that never read at all.
2418
+ * - An automatic read spins the same Refresh a click does. Only a requested
2419
+ * refresh is announced, so a minute's background read never talks over
2420
+ * what a screen reader is reading.
2421
+ */
2422
+ declare function ReadStatus({ reads, formatTime, lastUpdateLabel, updatedLabel, staleLabel, refreshLabel, updatedAnnouncement, updatedMarkMs, className, }: ReadStatusProps): react_jsx_runtime.JSX.Element;
2423
+
2424
+ interface EnvironmentIndicatorProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
2425
+ /** The network's own name, for someone who knows it: "Mutinynet", "Mainnet". */
2426
+ name: string;
2427
+ /** The same fact for someone who does not: "Test network", "Live network". */
2428
+ qualifier: string;
2429
+ /** A test environment: the amber accent. A live one is green. */
2430
+ isTest: boolean;
2431
+ className?: string;
2432
+ }
2433
+ /**
2434
+ * Which environment this is, on every page — the live one included, which is
2435
+ * where being wrong costs money. Two deployments open in adjacent tabs are told
2436
+ * apart by it.
2437
+ *
2438
+ * The words are the indicator and the tone is only an accent on them, so the
2439
+ * distinction survives greyscale. Both halves are shown: the network's name,
2440
+ * and in plain words whether it is a test or a live one. It is a `status`: a
2441
+ * fact a reader may need to check before acting.
2442
+ */
2443
+ declare function EnvironmentIndicator({ name, qualifier, isTest, className, ...rest }: EnvironmentIndicatorProps): react_jsx_runtime.JSX.Element;
2444
+
2445
+ interface AccountMenuProps {
2446
+ /** Who is signed in, as the trigger shows it: an email, a name. */
2447
+ name: string;
2448
+ /** One quieter line under it: the organization. */
2449
+ secondary?: React$1.ReactNode;
2450
+ /**
2451
+ * The trigger's accessible name. Below `sm` the trigger is the avatar
2452
+ * alone, so this carries everything it stands for: "Account: alex@example.com, Owner, Example Co".
2453
+ */
2454
+ label: string;
2455
+ /** Replaces the default initials avatar. */
2456
+ avatar?: React$1.ReactNode;
2457
+ /** The panel's top section: the identity in full, the role, an id to copy. */
2458
+ header?: React$1.ReactNode;
2459
+ /** `AccountMenuItem`s and `AccountMenuSeparator`s. */
2460
+ children?: React$1.ReactNode;
2461
+ className?: string;
2462
+ }
2463
+ /**
2464
+ * Who is signed in, behind one control at the end of the top bar: the avatar,
2465
+ * the name and one secondary line as the trigger; the identity in full and
2466
+ * the account's entries (Settings, then Log out under a rule) in a panel
2467
+ * aligned to its right edge.
2468
+ *
2469
+ * A disclosure, not a WAI-ARIA `menu`: the panel may hold an id with its copy
2470
+ * button, which is not a menu item, and the arrow keys of a menu would skip
2471
+ * it. So Tab walks everything in order, Escape closes the panel and returns
2472
+ * focus to the trigger, and a click outside or focus leaving closes it. For a
2473
+ * list of actions alone, use `DropdownMenu`.
2474
+ */
2475
+ declare function AccountMenu({ name, secondary, label, avatar, header, children, className }: AccountMenuProps): react_jsx_runtime.JSX.Element;
2476
+ interface AccountMenuItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
2477
+ icon?: React$1.ReactNode;
2478
+ /** Log out, Delete account: red, and kept last. */
2479
+ destructive?: boolean;
2480
+ /** Render the consumer's link instead (`<NavLink>`), as `Button` does. */
2481
+ asChild?: boolean;
2482
+ }
2483
+ /** One entry of the account panel. Choosing it closes the panel. */
2484
+ declare const AccountMenuItem: React$1.ForwardRefExoticComponent<AccountMenuItemProps & React$1.RefAttributes<HTMLButtonElement>>;
2485
+ /** The rule between the account's entries and Log out. */
2486
+ declare function AccountMenuSeparator(): react_jsx_runtime.JSX.Element;
2487
+
2488
+ interface ChoiceGroupProps {
2489
+ /** What is being chosen, as the group's eyebrow: "Format". */
2490
+ legend: ReactNode;
2491
+ children: ReactNode;
2492
+ /** The radios' shared `name`. Generated when left out. */
2493
+ name?: string;
2494
+ className?: string;
2495
+ }
2496
+ /**
2497
+ * A short set of mutually exclusive options in a form or dialog, each with a
2498
+ * title and one line saying what it means: an export's format, its scope.
2499
+ * Native radios in a `fieldset`, so the arrow keys move between them and the
2500
+ * legend names the group. For a view toggle use `FilterChipGroup
2501
+ * variant="segmented"`; for options shown as cards, `SelectableCard`.
2502
+ */
2503
+ declare function ChoiceGroup({ legend, children, name, className }: ChoiceGroupProps): react_jsx_runtime.JSX.Element;
2504
+ interface ChoiceProps {
2505
+ checked: boolean;
2506
+ onChange: () => void;
2507
+ title: ReactNode;
2508
+ /** One line under the title. Truncated, with the whole of it as the tooltip when it is a string. */
2509
+ detail?: ReactNode;
2510
+ disabled?: boolean;
2511
+ /** Overrides the group's name, for a choice outside a `ChoiceGroup`. */
2512
+ name?: string;
2513
+ className?: string;
2514
+ }
2515
+ /** One option of a `ChoiceGroup`. */
2516
+ declare function Choice({ checked, onChange, title, detail, disabled, name, className }: ChoiceProps): react_jsx_runtime.JSX.Element;
2125
2517
 
2126
2518
  interface DateRange {
2127
2519
  /** `YYYY-MM-DD`, or empty. */
@@ -2152,6 +2544,81 @@ interface DateRangeFilterProps {
2152
2544
  */
2153
2545
  declare function DateRangeFilter({ value, onChange, onRefresh, isRefreshing, fromLabel, toLabel, clearLabel, refreshLabel, showClear, className, }: DateRangeFilterProps): react_jsx_runtime.JSX.Element;
2154
2546
 
2547
+ interface PeriodOption<Id extends string = string> {
2548
+ id: Id;
2549
+ label: ReactNode;
2550
+ }
2551
+ interface PeriodSelectProps<Id extends string = string> {
2552
+ /** The presets, in order, including the custom one. */
2553
+ options: readonly PeriodOption<Id>[];
2554
+ period: Id;
2555
+ onPeriodChange: (period: Id) => void;
2556
+ /** The option that shows the two date inputs. */
2557
+ customId?: Id;
2558
+ /** The custom range's days, `YYYY-MM-DD`. */
2559
+ range?: DateRange;
2560
+ onRangeChange?: (range: DateRange) => void;
2561
+ /** The select's accessible name. */
2562
+ label?: string;
2563
+ /** The date inputs' labels; say the zone the days are read in: "From (UTC)". */
2564
+ fromLabel?: string;
2565
+ toLabel?: string;
2566
+ className?: string;
2567
+ }
2568
+ /**
2569
+ * The period a page reads: a dropdown of presets ("Last 7 days", "This
2570
+ * month"), with two date inputs behind the custom option rather than in front
2571
+ * of every reader. A dropdown rather than a chip row: ten presets do not fit
2572
+ * a phone, and the closed control still reads as the chosen period.
2573
+ *
2574
+ * The date inputs have no Clear of their own; the filter bar around them has
2575
+ * one. Seed the custom range from the period on screen in `onPeriodChange`,
2576
+ * so choosing it adjusts a range instead of asking for two dates from nothing.
2577
+ */
2578
+ declare function PeriodSelect<Id extends string = string>({ options, period, onPeriodChange, customId, range, onRangeChange, label, fromLabel, toLabel, className, }: PeriodSelectProps<Id>): react_jsx_runtime.JSX.Element;
2579
+
2580
+ interface AmountProps {
2581
+ /** The figure with its unit, formatted by the caller: "1,000,000 sat". `null` renders a dash. */
2582
+ figure: string | null | undefined;
2583
+ /** What the figure counts: "BTC", "USDT". */
2584
+ asset?: ReactNode;
2585
+ /** Said in the asset's place when the source did not name one. */
2586
+ missingAsset?: ReactNode;
2587
+ /** The asset under the figure, for a table cell; beside it otherwise. */
2588
+ stacked?: boolean;
2589
+ className?: string;
2590
+ }
2591
+ /**
2592
+ * One amount as a table cell shows it: the figure, which never breaks, and
2593
+ * the asset as quieter text — under it when `stacked`, so every row of a
2594
+ * column is the same height and the digits line up when the cell is
2595
+ * right-aligned.
2596
+ *
2597
+ * The asset is part of the amount, not decoration: it stays in the text a
2598
+ * screen reader or a copy reads, and is never dropped to save width.
2599
+ */
2600
+ declare function Amount({ figure, asset, missingAsset, stacked, className }: AmountProps): react_jsx_runtime.JSX.Element;
2601
+
2602
+ interface InstantsStatementProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
2603
+ /** The range in words, with its zone: "1–30 September 2026, UTC". */
2604
+ description: ReactNode;
2605
+ /** The first instant asked for, as sent: an ISO 8601 timestamp. */
2606
+ start?: string;
2607
+ /** The last instant asked for, as sent. An open end is left unsaid. */
2608
+ end?: string;
2609
+ startLabel?: string;
2610
+ endLabel?: string;
2611
+ className?: string;
2612
+ }
2613
+ /**
2614
+ * The range a surface asked for, in words, and the two instants it actually
2615
+ * sent, each copyable. A reader reconciling against their own logs pastes
2616
+ * these into their own query rather than working out what "1 September"
2617
+ * became — honest only when the caller computes them with the same function
2618
+ * its request is built with.
2619
+ */
2620
+ declare function InstantsStatement({ description, start, end, startLabel, endLabel, className, ...rest }: InstantsStatementProps): react_jsx_runtime.JSX.Element;
2621
+
2155
2622
  interface ValueListProps {
2156
2623
  values: readonly string[];
2157
2624
  /** One value: "address". */
@@ -2532,6 +2999,18 @@ interface MetricCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children
2532
2999
  * it with a `description` that says the change in words or a percentage.
2533
3000
  */
2534
3001
  trend?: ReactNode;
3002
+ /**
3003
+ * What the figure counts and leaves out, in words, under the label: "Swaps
3004
+ * that reached completed, in the period". Set as `caption`, not as the
3005
+ * eyebrow, so it reads as a sentence.
3006
+ */
3007
+ definition?: ReactNode;
3008
+ /**
3009
+ * The change against an earlier period, under the figure and above the
3010
+ * description: "↑ 12% vs the previous 30 days". Its words carry the
3011
+ * direction; colour, if any, is the caller's accent on them.
3012
+ */
3013
+ change?: ReactNode;
2535
3014
  }
2536
3015
  /**
2537
3016
  * A single figure with its label: a balance, a count, a rate.
@@ -2540,7 +3019,7 @@ interface MetricCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children
2540
3019
  * that replaces the value (an error line, a dash) is announced as belonging to
2541
3020
  * that metric. Pass `aria-label` to override the name.
2542
3021
  */
2543
- declare function MetricCard({ label, value, description, icon, tone, size, iconPlacement, trend, className, ...rest }: MetricCardProps): react_jsx_runtime.JSX.Element;
3022
+ declare function MetricCard({ label, value, description, icon, tone, size, iconPlacement, trend, definition, change, className, ...rest }: MetricCardProps): react_jsx_runtime.JSX.Element;
2544
3023
 
2545
3024
  type CopyState = 'idle' | 'copied' | 'failed';
2546
3025
  interface CopyCallbacks {
@@ -2607,6 +3086,12 @@ interface CopyableProps {
2607
3086
  children?: ReactNode;
2608
3087
  /** Monospace for ids, hashes and keys. On by default. */
2609
3088
  mono?: boolean;
3089
+ /**
3090
+ * Show the whole value, breaking it across lines, instead of truncating it
3091
+ * to one: for a value read in full (an address, an organization id) rather
3092
+ * than recognised by its start in a dense row.
3093
+ */
3094
+ wrap?: boolean;
2610
3095
  className?: string;
2611
3096
  }
2612
3097
  /**
@@ -2614,7 +3099,7 @@ interface CopyableProps {
2614
3099
  * one click selects it all for a manual copy) and carries the full value as
2615
3100
  * its `title`, so a shortened display never hides what will be copied.
2616
3101
  */
2617
- declare function Copyable({ value, label, children, mono, className }: CopyableProps): react_jsx_runtime.JSX.Element;
3102
+ declare function Copyable({ value, label, children, mono, wrap, className }: CopyableProps): react_jsx_runtime.JSX.Element;
2618
3103
 
2619
3104
  interface CodeBlockProps {
2620
3105
  /** The code, shown as is and copied whole. */
@@ -3644,4 +4129,4 @@ declare function getFallbackAssetIconUrl(seed: string): string;
3644
4129
  */
3645
4130
  declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
3646
4131
 
3647
- export { AccountCapabilitiesCard, type AccountCapabilitiesCardProps, AccountChoiceChip, AccountHeaderIcons, AccountInfoGrid, AccountNetworkNotice, AccountNetworkPicker, AccountNetworkSelector, AccountNotice, type AccountSettingsNetwork, type AccountSettingsProtocol, AccountSettingsRow, AccountSettingsShell, AccountStatusPills, type AccountStatusTabItem, AccountStatusTabs, type AccountStatusTabsProps, ActionTile, type ActionTileProps, ActivityDetailRow, type ActivityDetailRowProps, ActivityFilterBar, type ActivityFilterBarProps, ActivityList, type ActivityListItem, type ActivityListProps, type ActivityNetworkFilterOption, type ActivityNetworkFilterValue, ActivityNetworkFilters, type ActivityNetworkFiltersProps, ActivityRow, type ActivityRowProps, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, type AmountDisplayOptions, type AmountDisplayUnit, AppIcon, type AppIconName, type AppIconProps, AreaChart, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetInfoChip, type AssetInfoChipProps, AssetSelector, type AssetSelectorCategory, type AssetSelectorNetworkOption, type AssetSelectorOption, type AssetSelectorProps, type AssetSelectorQuickAsset, Avatar, type AvatarProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BarChart, type BarChartProps, BarList, type BarListItem, type BarListProps, BasicCollapsible, type BasicCollapsibleProps, BottomNav, type BottomNavItem, type BottomNavProps, BottomSheet, type BottomSheetAction, type BottomSheetProps, type BrandArtwork, type BrandPaint, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, COPY_FAILED_MESSAGE, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, type ChartDatum, type ChartFilter, ChartFrame, type ChartFrameProps, ChartLegend, type ChartSeries, type ChartTable, type ChartTimeframe, type ChartTitleProps, ChartTooltip, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleChevron, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, type CollapsibleTriggerProps, CopyButton, type CopyButtonProps, type CopyButtonStatus, type CopyCallbacks, CopyIcon, type CopyIconProps, type CopyState, Copyable, type CopyableProps, DEFAULT_AMOUNT_LOCALE, type DateRange, DateRangeFilter, type DateRangeFilterProps, type DepositAccountId, DepositAssetSelection, type DepositAssetSelectionProps, type DepositGeneratedAsset, DepositGeneratedView, type DepositGeneratedViewProps, type DepositGenerationController, type DepositInvoiceAsset, DepositInvoiceGeneration, type DepositInvoiceGenerationProps, type DepositNetworkConfigEntry, DepositNetworkDefaultModal, type DepositNetworkDefaultModalProps, type DepositNetworkKey, type DepositNetworkOption, DepositPreGeneration, type DepositPreGenerationAsset, type DepositPreGenerationProps, type DepositSelectionAsset, DepositSuccessScreen, type DepositSuccessScreenProps, type DepositTransferMethod, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisclosureCard, type DisclosureCardProps, DonutChart, type DonutChartProps, type DonutSegment, DotPagination, type DotPaginationProps, type DotTone, DottedLeader, Drawer, DrawerBody, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerNavGroup, type DrawerNavGroupProps, DrawerNavItem, type DrawerNavItemProps, DrawerOverlay, DrawerPortal, DrawerSection, type DrawerSectionProps, DrawerSidebar, type DrawerSidebarProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorBoundary, ErrorCard, type ErrorCardProps, EventTimeline, type EventTimelineProps, ExpandIcon, ExtensionPageFrame, type ExtensionPageFrameProps, FadeOverlay, type FadeOverlayProps, FilterBar, type FilterBarProps, FilterChipGroup, type FilterChipGroupProps, type FilterChipOption, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, FloatingNotice, type FloatingNoticeProps, FormField, type FormFieldProps, type FormatAmountOptions, HaloBackdrop, type HaloBackdropProps, HeadlineGradient, type HeadlineGradientProps, HorizontalScrollArea, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Icons, InfoChip, type InfoChipContentProps, type InfoChipEditAction, type InfoChipProps, type InfoChipStatus, InfoPanel, type InfoPanelProps, InlineAction, InlineSelector, type InlineSelectorOption, type InlineSelectorProps, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, KaleidoswapLogo, type KaleidoswapLogoProps, KaleidoswapMark, type KaleidoswapMarkProps, Label, LightningNetworkIcon, LineChart, type LineChartProps, LiquidNetworkIcon, ListSkeletonRows, type ListSkeletonRowsProps, LoadingCard, type LoadingCardProps, Meter, type MeterProps, MethodChoiceChip, MetricCard, type MetricCardProps, type MetricCardSize, MixedChart, type MixedChartMark, type MixedChartProps, type MixedChartSeries, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoChip, type NetworkInfoChipProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NostrNetworkIcon, NoticeBar, type NoticeBarProps, NumberInput, type NumberInputProps, OnchainNetworkIcon, OptionSelector, type OptionSelectorOption, type OptionSelectorProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, Pager, type PagerProps, PaidOverlay, Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, QrCode, type QrCodeProps, type QueryErrorView, QueryState, type QueryStateProps, RecordField, type RecordFieldProps, RecordItem, type RecordItemProps, RecordList, type RecordListProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, RgbNetworkIcon, ScatterChart, type ScatterChartProps, type ScatterPoint, type ScatterSeries, ScrollArea, type ScrollAreaProps, SecretRevealCard, type SecretRevealCardProps, SectionHeader, type SectionHeaderProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, type SelectableCardProps, SettingItem, SettingsActionButton, SettingsSectionCard, type SettingsSectionCardProps, SettingsSelectorRow, type SettingsSelectorRowProps, SettingsStatusPanel, SettingsTile, type SettingsTileProps, Skeleton, type SkeletonProps, type SkeletonTone, type SortDirection, SparkNetworkIcon, Sparkline, type SparklineProps, StatusBadge, StatusChip, type StatusChipProps, StatusIconBadge, type StatusIconBadgeProps, type StatusType, StepperNumberInput, type StepperNumberInputProps, type SummaryRowItem, type SummaryRowTone, SummaryRows, type SummaryRowsProps, SwapBadge, type SwapBadgeProps, SwapInputCard, type SwapInputCardProps, type SwapStepItem, SwapStepList, type SwapStepListProps, type SwapStepStatus, Switch, SwitchRow, type SwitchRowProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeMode, ThemeToggle, type ThemeToggleProps, type TimelineEvent, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToneBadge, type ToneBadgeProps, TransactionCard, type TransactionCardProps, TransferRouteCard, TrendChart, type TrendChartPoint, type TrendChartProps, type TrendChartSeries, type TrendChartTexture, type TrendChartTone, type UseCopyToClipboard, type UseThemeModeOptions, ValueList, type ValueListProps, VerticalScrollArea, WalletAssetList, type WalletAssetListEmptyState, type WalletAssetListItem, type WalletAssetListProps, type WithdrawAddressType, WithdrawAmountInput, type WithdrawAmountInputProps, WithdrawConfirmation, type WithdrawConfirmationProps, type WithdrawConfirmationRgbInvoice, type WithdrawDecodedLnInvoice, type WithdrawDecodedRgbInvoice, WithdrawDestinationInput, type WithdrawDestinationInputProps, type WithdrawInvoiceAsset, WithdrawInvoiceInfo, type WithdrawInvoiceInfoLnInvoice, type WithdrawInvoiceInfoProps, type WithdrawInvoiceInfoRgbInvoice, type WithdrawLnurlPayData, type WithdrawRouteOption, WithdrawRouteSelector, type WithdrawRouteSelectorProps, type WithdrawRouteSummary, WithdrawSuccess, type WithdrawSuccessProps, activeFiltersLabel, applyThemeMode, avatarVariants, buttonVariants, cardSurface, chartLabelIndices, chartValueTicks, cn, defaultClassifyError, foldSegments, formatAmount, formatDisplayAmountText, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, isIconName, kaleidoswapLogoHorizontalArtwork, kaleidoswapLogoVerticalArtwork, kaleidoswapMarkArtwork, networkChipStyle, seriesColor, toast, trendChartLabelIndices, trendChartTicks, useAssetIcon, useCopyToClipboard, useDrawerCollapsed, useIsNarrow, useMediaQuery, useThemeMode, useToast };
4132
+ export { AccountCapabilitiesCard, type AccountCapabilitiesCardProps, AccountChoiceChip, AccountHeaderIcons, AccountInfoGrid, AccountMenu, AccountMenuItem, type AccountMenuItemProps, type AccountMenuProps, AccountMenuSeparator, AccountNetworkNotice, AccountNetworkPicker, AccountNetworkSelector, AccountNotice, type AccountSettingsNetwork, type AccountSettingsProtocol, AccountSettingsRow, AccountSettingsShell, AccountStatusPills, type AccountStatusTabItem, AccountStatusTabs, type AccountStatusTabsProps, ActionTile, type ActionTileProps, ActivityDetailRow, type ActivityDetailRowProps, ActivityFilterBar, type ActivityFilterBarProps, ActivityList, type ActivityListItem, type ActivityListProps, type ActivityNetworkFilterOption, type ActivityNetworkFilterValue, ActivityNetworkFilters, type ActivityNetworkFiltersProps, ActivityRow, type ActivityRowProps, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, Amount, type AmountDisplayOptions, type AmountDisplayUnit, type AmountProps, AppIcon, type AppIconName, type AppIconProps, AreaChart, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetInfoChip, type AssetInfoChipProps, AssetSelector, type AssetSelectorCategory, type AssetSelectorNetworkOption, type AssetSelectorOption, type AssetSelectorProps, type AssetSelectorQuickAsset, Avatar, type AvatarProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BarChart, type BarChartProps, BarList, type BarListItem, type BarListProps, BasicCollapsible, type BasicCollapsibleProps, BottomNav, type BottomNavItem, type BottomNavProps, BottomSheet, type BottomSheetAction, type BottomSheetProps, type BrandArtwork, type BrandPaint, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, COPY_FAILED_MESSAGE, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, type ChartDatum, type ChartFilter, ChartFrame, type ChartFrameProps, ChartLegend, type ChartSeries, type ChartTable, type ChartTimeframe, type ChartTitleProps, ChartTooltip, Choice, ChoiceGroup, type ChoiceGroupProps, type ChoiceProps, CodeBlock, type CodeBlockProps, Collapsible, CollapsibleChevron, CollapsibleContent, type CollapsibleContentProps, CollapsibleTrigger, type CollapsibleTriggerProps, ConfirmDialog, type ConfirmDialogProps, CopyButton, type CopyButtonProps, type CopyButtonStatus, type CopyCallbacks, CopyIcon, type CopyIconProps, type CopyState, Copyable, type CopyableProps, DEFAULT_AMOUNT_LOCALE, type DateRange, DateRangeFilter, type DateRangeFilterProps, type DepositAccountId, DepositAssetSelection, type DepositAssetSelectionProps, type DepositGeneratedAsset, DepositGeneratedView, type DepositGeneratedViewProps, type DepositGenerationController, type DepositInvoiceAsset, DepositInvoiceGeneration, type DepositInvoiceGenerationProps, type DepositNetworkConfigEntry, DepositNetworkDefaultModal, type DepositNetworkDefaultModalProps, type DepositNetworkKey, type DepositNetworkOption, DepositPreGeneration, type DepositPreGenerationAsset, type DepositPreGenerationProps, type DepositSelectionAsset, DepositSuccessScreen, type DepositSuccessScreenProps, type DepositTransferMethod, Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisclosureCard, type DisclosureCardProps, DonutChart, type DonutChartProps, type DonutSegment, DotPagination, type DotPaginationProps, type DotTone, DottedLeader, Drawer, DrawerBody, DrawerClose, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerNavGroup, type DrawerNavGroupProps, DrawerNavItem, type DrawerNavItemProps, DrawerOverlay, DrawerPortal, DrawerSection, type DrawerSectionProps, DrawerSidebar, type DrawerSidebarProps, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, type EmptyStateProps, EnvironmentIndicator, type EnvironmentIndicatorProps, ErrorBoundary, ErrorCard, type ErrorCardProps, EventTimeline, type EventTimelineProps, ExpandIcon, ExtensionPageFrame, type ExtensionPageFrameProps, FadeOverlay, type FadeOverlayProps, FilterBar, type FilterBarProps, FilterChipGroup, type FilterChipGroupProps, type FilterChipOption, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, FloatingNotice, type FloatingNoticeProps, FormField, type FormFieldProps, type FormatAmountOptions, HaloBackdrop, type HaloBackdropProps, HeadlineGradient, type HeadlineGradientProps, HorizontalScrollArea, Icon, IconButton, type IconButtonProps, type IconName, type IconProps, Icons, InfoChip, type InfoChipContentProps, type InfoChipEditAction, type InfoChipProps, type InfoChipStatus, InfoPanel, type InfoPanelProps, InlineAction, InlineSelector, type InlineSelectorOption, type InlineSelectorProps, Input, type InputProps, InstantsStatement, type InstantsStatementProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, KaleidoswapLogo, type KaleidoswapLogoProps, KaleidoswapMark, type KaleidoswapMarkProps, Label, LightningNetworkIcon, LineChart, type LineChartProps, LiquidNetworkIcon, ListField, type ListFieldProps, ListSkeletonRows, type ListSkeletonRowsProps, ListSummary, type ListSummaryProps, LoadingCard, type LoadingCardProps, Meter, type MeterProps, MethodChoiceChip, MetricCard, type MetricCardProps, type MetricCardSize, MixedChart, type MixedChartMark, type MixedChartProps, type MixedChartSeries, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoChip, type NetworkInfoChipProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NostrNetworkIcon, NoticeBar, type NoticeBarProps, NumberInput, type NumberInputProps, OnchainNetworkIcon, OneTimeSecretDialog, type OneTimeSecretDialogProps, OptionSelector, type OptionSelectorOption, type OptionSelectorProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, Pager, type PagerProps, PaidOverlay, type PeriodOption, PeriodSelect, type PeriodSelectProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, type PopoverContentProps, PopoverTrigger, QrCode, type QrCodeProps, type QueryErrorView, QueryState, type QueryStateProps, READ_STATUS_UPDATED_MS, ReadStatus, type ReadStatusProps, type ReadStatusRead, RecordField, type RecordFieldProps, RecordItem, type RecordItemProps, RecordList, type RecordListProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, RefreshButton, type RefreshButtonProps, Restricted, type RestrictedProps, RgbNetworkIcon, ScatterChart, type ScatterChartProps, type ScatterPoint, type ScatterSeries, ScrollArea, type ScrollAreaProps, SecretRevealCard, type SecretRevealCardProps, SectionHeader, type SectionHeaderProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, type SelectableCardProps, SettingItem, SettingsActionButton, SettingsSectionCard, type SettingsSectionCardProps, SettingsSelectorRow, type SettingsSelectorRowProps, SettingsStatusPanel, SettingsTile, type SettingsTileProps, Skeleton, type SkeletonProps, type SkeletonTone, type SortDirection, SparkNetworkIcon, Sparkline, type SparklineProps, StatusBadge, StatusChip, type StatusChipProps, StatusIconBadge, type StatusIconBadgeProps, type StatusType, StepperNumberInput, type StepperNumberInputProps, type SummaryRowItem, type SummaryRowTone, SummaryRows, type SummaryRowsProps, SwapBadge, type SwapBadgeProps, SwapInputCard, type SwapInputCardProps, type SwapStepItem, SwapStepList, type SwapStepListProps, type SwapStepStatus, Switch, SwitchRow, type SwitchRowProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, type TableHeadProps, TableHeader, type TableProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type ThemeMode, ThemeToggle, type ThemeToggleProps, type TimelineEvent, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToneBadge, type ToneBadgeProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipPlacement, type TooltipProps, TransactionCard, type TransactionCardProps, TransferRouteCard, TrendChart, type TrendChartPoint, type TrendChartProps, type TrendChartSeries, type TrendChartTexture, type TrendChartTone, type UseCopyToClipboard, type UseDiscardGuardOptions, type UseThemeModeOptions, ValueList, type ValueListProps, VerticalScrollArea, WalletAssetList, type WalletAssetListEmptyState, type WalletAssetListItem, type WalletAssetListProps, type WithdrawAddressType, WithdrawAmountInput, type WithdrawAmountInputProps, WithdrawConfirmation, type WithdrawConfirmationProps, type WithdrawConfirmationRgbInvoice, type WithdrawDecodedLnInvoice, type WithdrawDecodedRgbInvoice, WithdrawDestinationInput, type WithdrawDestinationInputProps, type WithdrawInvoiceAsset, WithdrawInvoiceInfo, type WithdrawInvoiceInfoLnInvoice, type WithdrawInvoiceInfoProps, type WithdrawInvoiceInfoRgbInvoice, type WithdrawLnurlPayData, type WithdrawRouteOption, WithdrawRouteSelector, type WithdrawRouteSelectorProps, type WithdrawRouteSummary, WithdrawSuccess, type WithdrawSuccessProps, activeFiltersLabel, applyThemeMode, avatarVariants, buttonVariants, cardSurface, chartLabelIndices, chartValueTicks, cn, defaultClassifyError, foldSegments, formatAmount, formatDisplayAmountText, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, isIconName, kaleidoswapLogoHorizontalArtwork, kaleidoswapLogoVerticalArtwork, kaleidoswapMarkArtwork, networkChipStyle, seriesColor, toast, trendChartLabelIndices, trendChartTicks, useAssetIcon, useCopyToClipboard, useDiscardGuard, useDrawerCollapsed, useIsNarrow, useMediaQuery, useThemeMode, useToast };