kaleido-ui 0.2.0 → 0.2.2

package/dist/web/index.d.ts

@@ -1,7 +1,7 @@
 import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React$1 from 'react';
-import { SVGProps, ReactNode, HTMLAttributes, ChangeEvent, AriaRole, Component, FC, CSSProperties } from 'react';
+import { SVGProps, ReactNode, HTMLAttributes, ChangeEvent, ReactElement, MouseEvent, AriaRole, Component, FC, CSSProperties } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -321,6 +321,13 @@ interface DrawerNavItemProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElem
      * does. Pass it as the only child, with no children of its own.
      */
     asChild?: boolean;
+    /**
+     * The reader may not open this page: why, in words ("Only an admin can
+     * manage API keys"). The row stays listed and focusable, dimmed, with
+     * `aria-disabled`; it is not a link, and the reason shows on hover and
+     * focus — beside the row on the rail, under it elsewhere.
+     */
+    disabledReason?: string | null;
 }
 declare const DrawerNavItem: React$1.ForwardRefExoticComponent<DrawerNavItemProps & React$1.RefAttributes<HTMLAnchorElement>>;
 interface DrawerNavGroupProps {
@@ -339,7 +346,8 @@ interface DrawerNavGroupProps {
      * The group's first page. Opening the group goes there, so choosing
      * "Display" lands on its first page with the submenu open. On the icon rail
      * the row is a link to it that also unfolds the sidebar. Without it, the row
-     * only shows and hides the submenu, and the rail row does nothing.
+     * only shows and hides the submenu, and the rail row unfolds the sidebar
+     * with the submenu open.
      */
     href?: string;
     /** @deprecated The old name of `href`. */
@@ -349,6 +357,12 @@ interface DrawerNavGroupProps {
      * router's navigate here, so following the row does not reload the page.
      */
     onNavigate?: (href: string) => void;
+    /**
+     * On the rail, without `href`: the accessible name of the icon that unfolds
+     * the sidebar onto this group. Defaults to "{label}: expand the sidebar to
+     * show its pages".
+     */
+    expandGroupLabel?: string;
     /** Its `DrawerNavItem`s, which render as the submenu's rows. */
     children: React$1.ReactNode;
     className?: string;
@@ -364,7 +378,7 @@ interface DrawerNavGroupProps {
  * open on that page.
  */
 declare const DrawerNavGroup: {
-    ({ icon, label, active, open: openProp, defaultOpen, onOpenChange, href: hrefProp, railHref, onNavigate, children, className, }: DrawerNavGroupProps): react_jsx_runtime.JSX.Element;
+    ({ icon, label, active, open: openProp, defaultOpen, onOpenChange, href: hrefProp, railHref, onNavigate, expandGroupLabel, children, className, }: DrawerNavGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /**
@@ -446,6 +460,42 @@ declare const PopoverClose: React$1.ForwardRefExoticComponent<PopoverPrimitive.P
 type PopoverContentProps = React$1.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>;
 declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
+type TooltipPlacement = 'top' | 'bottom' | 'right';
+interface TooltipBubbleProps extends React$1.HTMLAttributes<HTMLSpanElement> {
+    /** The `id` the described control points at with `aria-describedby`. */
+    id: string;
+    placement?: TooltipPlacement;
+}
+/**
+ * The bubble alone, for a trigger that wires `aria-describedby` itself. It is
+ * shown while its `group/tooltip` ancestor is hovered or holds focus.
+ */
+declare const TooltipBubble: React$1.ForwardRefExoticComponent<TooltipBubbleProps & React$1.RefAttributes<HTMLSpanElement>>;
+interface TooltipProps {
+    /** What the tooltip says. A short sentence: it is a description, not a label. */
+    content: React$1.ReactNode;
+    /** One focusable element. It gets `aria-describedby` pointing at the tooltip. */
+    children: React$1.ReactElement;
+    placement?: TooltipPlacement;
+    /** Classes for the wrapper, which is `relative inline-flex`. */
+    className?: string;
+    bubbleClassName?: string;
+}
+/**
+ * A short description of a control, shown on hover and on keyboard focus.
+ *
+ * Pure CSS: the bubble is always in the document, hidden until its wrapper is
+ * hovered or holds focus, so it needs no portal or timer and reads the same in
+ * a test as in a browser. The control describes itself with it
+ * (`aria-describedby`), so a screen reader hears it after the control's name.
+ * It is not a place for the control's name: an icon-only button still needs
+ * its own `aria-label`.
+ */
+declare function Tooltip({ content, children, placement, className, bubbleClassName }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+
 /**
  * A real menu (`role="menu"`): items, separators, labels, a destructive item.
  * Radix DropdownMenu underneath, so the arrow keys move between items,
@@ -1626,6 +1676,11 @@ interface WithdrawAmountInputProps {
     handleSetMax: () => void;
     selectedAssetId: string;
     selectedAssetTicker: string | undefined;
+    /**
+     * Replaces the unit caption under the amount, e.g. with a sats/fiat toggle,
+     * so the unit is picked where the amount is typed.
+     */
+    unitSlot?: ReactNode;
     assetBalance?: number;
     formattedBalance: string;
     decodedLnInvoice: WithdrawDecodedLnInvoice | null;
@@ -1656,7 +1711,7 @@ interface WithdrawAmountInputProps {
     donation: boolean;
     setDonation: (value: boolean) => void;
 }
-declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
+declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, unitSlot, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawInvoiceAsset {
     asset_id: string;
@@ -2012,6 +2067,21 @@ interface QueryStateProps {
     skeletonRows?: number;
     /** The loading status's accessible name; nothing is shown as text. */
     loadingLabel?: string;
+    /**
+     * Under the error panel: what only the consumer can say about this error —
+     * a request id to quote to support, say. Return nothing to show nothing.
+     */
+    errorDetail?: (error: unknown) => ReactNode;
+    /**
+     * What the read returned, said politely once the view it answers changes:
+     * `key` is the view (filters, page), `message` the result ("12 swaps
+     * shown"). Said when the key moves, never when the same view refetches, and
+     * not on the first load, which the page's own arrival announces.
+     */
+    announce?: {
+        key: string;
+        message: string;
+    };
 }
 /**
  * Loading, error and empty, kept apart: a read that failed never looks like
@@ -2023,7 +2093,7 @@ interface QueryStateProps {
  * - Empty: an `EmptyState`.
  * - Otherwise: the children.
  */
-declare function QueryState({ isLoading, error, isEmpty, children, classifyError, onRetry, retryLabel, errorConsequence, emptyTitle, emptyDescription, emptyAction, skeletonRows, loadingLabel, }: QueryStateProps): react_jsx_runtime.JSX.Element;
+declare function QueryState({ announce, ...props }: QueryStateProps): react_jsx_runtime.JSX.Element;
 
 interface RecordListProps extends React$1.HTMLAttributes<HTMLUListElement> {
     /** Required: a list of records needs a name ("Swaps"). */
@@ -2106,6 +2176,13 @@ interface PagerProps {
     noun?: string;
     previousLabel?: string;
     nextLabel?: string;
+    /**
+     * Keep the pager on screen when there is only one page, both buttons off,
+     * so a short list cannot be mistaken for one with no paging at all.
+     */
+    alwaysShow?: boolean;
+    /** Said in place of the range when the window is empty. Defaults to "No {noun} in this window". */
+    emptyLabel?: string;
     className?: string;
 }
 /**
@@ -2116,7 +2193,327 @@ interface PagerProps {
  * the total is not known — and renders nothing when there is neither a
  * previous nor a next page. `DotPagination` is for carousel steps, not this.
  */
-declare function Pager({ offset, limit, returned, onOffsetChange, noun, previousLabel, nextLabel, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
+declare function Pager({ offset, limit, returned, onOffsetChange, noun, previousLabel, nextLabel, alwaysShow, emptyLabel, className, }: PagerProps): react_jsx_runtime.JSX.Element | null;
+
+interface ListSummaryProps extends Omit<HTMLAttributes<HTMLParagraphElement>, 'children'> {
+    /** What a row is, plural: "swaps". */
+    noun: string;
+    /** Rows on screen. */
+    shown: number;
+    /** For a list read in windows: where the window starts. */
+    offset?: number;
+    /** How many exist, where the API reports it. Leave it out rather than guess. */
+    total?: number;
+    filtersActive?: boolean;
+    /** Said after a filtered count when there is no total. */
+    noTotalNote?: string;
+    className?: string;
+}
+/**
+ * How many rows a list is showing, and of how many.
+ *
+ * Only as honest as the API: with a `total` it says "Showing 12 of 40 keys";
+ * without one it says what it can — the rows shown, the window they are —
+ * and, under a filter, that the total is not reported, instead of printing a
+ * denominator it would have to invent. Pairs with `Pager`.
+ */
+declare function ListSummary({ noun, shown, offset, total, filtersActive, noTotalNote, className, ...rest }: ListSummaryProps): react_jsx_runtime.JSX.Element;
+
+interface ListFieldProps {
+    label: ReactNode;
+    /** What one item is, singular, for the help line: "origin". */
+    noun: string;
+    /** Beside the label, in words: "Required", "Optional". */
+    requirement?: ReactNode;
+    items: readonly string[];
+    onChange: (items: readonly string[]) => void;
+    /** Checks one item: `null` when it is accepted, the reason otherwise. */
+    check?: (item: string) => string | null;
+    /** The accepted form, as a sentence: "An origin is a scheme and a host, with no path." */
+    form?: ReactNode;
+    /** One accepted item, shown as the placeholder and in the help line. */
+    example?: string;
+    /** A problem the field does not know about: a server rejection or a submit check. */
+    error?: ReactNode;
+    /** Said when nothing has been added. */
+    emptyLabel?: ReactNode;
+    /** The group of accepted items, for assistive tech: "Allowed origins: added". */
+    itemsLabel?: string;
+    /** The accessible name of one item's remove button. */
+    removeLabel?: (item: string) => string;
+    /** Monospace for ids, origins and hosts. On by default. */
+    mono?: boolean;
+    className?: string;
+}
+/**
+ * A list, entered as a list: one item at a time, each checked as it is added,
+ * with what has been accepted shown as the chips that will be sent.
+ *
+ * Enter or a comma adds what is in the box; Backspace in an empty box takes the
+ * last item back; a pasted list is split on commas and whitespace. Items that
+ * fail `check` stay in the box with the first reason under it, so a typo is
+ * corrected rather than retyped. Leaving the box with something in it adds it,
+ * so a value typed and then submitted is not silently dropped.
+ */
+declare function ListField({ label, noun, requirement, items, onChange, check, form, example, error, emptyLabel, itemsLabel, removeLabel, mono, className, }: ListFieldProps): react_jsx_runtime.JSX.Element;
+
+interface RestrictedProps {
+    /**
+     * Why the reader cannot use the control: "Only an admin can invite
+     * members." With no reason the control is rendered untouched.
+     */
+    reason: string | null | undefined;
+    /** One control: a button or a link. */
+    children: ReactElement<{
+        className?: string;
+        onClick?: (event: MouseEvent) => void;
+    }>;
+    placement?: TooltipPlacement;
+    className?: string;
+}
+/**
+ * A control the reader may not use, shown rather than hidden, with the reason
+ * one hover or one Tab away.
+ *
+ * Hidden, the control leaves the reader believing the thing cannot be done at
+ * all. Disabled with `disabled`, it leaves the tab order, so the reason could
+ * only be read with a pointer. So it stays focusable, says `aria-disabled`,
+ * swallows its own activation, and points at the reason with
+ * `aria-describedby`; the reason shows on hover and on focus.
+ */
+declare function Restricted({ reason, children, placement, className }: RestrictedProps): react_jsx_runtime.JSX.Element;
+
+interface ConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    description?: ReactNode;
+    /** Anything more the decision needs: what survives, what does not. */
+    children?: ReactNode;
+    confirmLabel?: ReactNode;
+    cancelLabel?: ReactNode;
+    /** The confirm button is `destructive`: Delete, Revoke, Discard. */
+    destructive?: boolean;
+    /**
+     * While the action runs: the confirm button spins, says it is busy and
+     * ignores presses, and Cancel is held, since the request is already on its way.
+     */
+    busy?: boolean;
+    /** The action cannot be taken yet: nothing chosen, or something blocks it (say what in `children`). */
+    confirmDisabled?: boolean;
+    onConfirm: () => void;
+    /** Classes for the dialog box: a wider one for a longer explanation. */
+    className?: string;
+}
+/**
+ * Asks before an action that cannot be taken back. Cancel, Escape and a click
+ * outside all leave things as they were; only the confirm button acts. The
+ * confirm button stays enabled while `busy` (it spins, reports `aria-busy`
+ * and ignores presses), so focus never lands on a dead control. Put what the
+ * decision needs — what survives, a failure — in `children`.
+ */
+declare function ConfirmDialog({ open, onOpenChange, title, description, children, confirmLabel, cancelLabel, destructive, busy, confirmDisabled, onConfirm, className, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
+interface UseDiscardGuardOptions {
+    /** Whether closing would lose something the reader entered. */
+    dirty: boolean;
+    /** Closes the dialog the guard sits over. */
+    onClose: () => void;
+    title?: ReactNode;
+    description?: ReactNode;
+    keepLabel?: ReactNode;
+    discardLabel?: ReactNode;
+}
+/**
+ * For a dialog holding unsaved input: Cancel, Escape, a click outside and the
+ * close control all call `request`, which closes at once when there is
+ * nothing to lose and asks when there is. Render `confirm` beside the dialog;
+ * the question is a dialog of its own, over the first.
+ */
+declare function useDiscardGuard({ dirty, onClose, title, description, keepLabel, discardLabel, }: UseDiscardGuardOptions): {
+    request: () => void;
+    confirm: ReactNode;
+};
+
+interface OneTimeSecretDialogProps {
+    /** The secret to show. The dialog is open while this is set. */
+    secret: string | null;
+    /** The only way out: the reader says they have stored it. */
+    onAcknowledge: () => void;
+    title?: ReactNode;
+    description?: ReactNode;
+    copyLabel?: ReactNode;
+    copiedLabel?: ReactNode;
+    acknowledgeLabel?: ReactNode;
+    /** Shown as a warning when the clipboard refused the copy. */
+    copyFailedMessage?: ReactNode;
+    /** Announced once the copy succeeded. */
+    copiedAnnouncement?: string;
+    /**
+     * Ask the browser to confirm a reload or a tab close while the secret is on
+     * screen. On by default: the dialog cannot survive a navigation it does not own.
+     */
+    warnOnUnload?: boolean;
+}
+/**
+ * A secret the server returns once — a new API key — shown until the reader
+ * says they have stored it.
+ *
+ * Escape, a click outside and the close control do nothing: the acknowledge
+ * button is the only exit, because the secret cannot be shown again. The
+ * value stays selectable, so a refused clipboard still leaves a way to copy it
+ * by hand, and a refused copy says so instead of pretending it worked. Hold
+ * the secret above the router if a Back press must not lose it.
+ */
+declare function OneTimeSecretDialog({ secret, onAcknowledge, title, description, copyLabel, copiedLabel, acknowledgeLabel, copyFailedMessage, copiedAnnouncement, warnOnUnload, }: OneTimeSecretDialogProps): react_jsx_runtime.JSX.Element;
+
+interface RefreshButtonProps {
+    onRefresh: () => void;
+    /** A read is in flight: the icon spins and presses are ignored. */
+    isRefreshing?: boolean;
+    label?: ReactNode;
+    className?: string;
+}
+/**
+ * A page's one Refresh. While a read is in flight it stays enabled and
+ * focusable and says it is busy (`aria-busy`); a second press is ignored
+ * rather than refused by disabling the element under the reader's focus.
+ */
+declare function RefreshButton({ onRefresh, isRefreshing, label, className }: RefreshButtonProps): react_jsx_runtime.JSX.Element;
+/** The slice of a TanStack Query result (or anything shaped like it) this reads. */
+interface ReadStatusRead {
+    data: unknown;
+    /** When the last read that succeeded landed, in ms since the epoch. */
+    dataUpdatedAt: number;
+    isError: boolean;
+    isFetching: boolean;
+    refetch: () => unknown;
+}
+interface ReadStatusProps {
+    /** Every read the surface shows. The oldest of them is how old the surface is. */
+    reads: readonly ReadStatusRead[];
+    /** How the time of the last read is written: the consumer owns locale and zone. */
+    formatTime: (ms: number) => string;
+    lastUpdateLabel?: ReactNode;
+    updatedLabel?: ReactNode;
+    /** Shown, and announced after a requested refresh, when a refresh failed but older figures remain. */
+    staleLabel?: string;
+    refreshLabel?: ReactNode;
+    /** Announced after a requested refresh lands, given the formatted time. */
+    updatedAnnouncement?: (time: string) => string;
+    /** How long "Updated" stays beside the time once a read lands. */
+    updatedMarkMs?: number;
+    className?: string;
+}
+/** How long "Updated" stays beside the time by default. */
+declare const READ_STATUS_UPDATED_MS = 2000;
+/**
+ * How old the figures on a surface are, beside the control that makes them
+ * newer. One per surface, in its page header.
+ *
+ * - "Last update" is the last read that succeeded, not the last attempt.
+ * - A finished read says so for a moment ("Updated"), so a figure never
+ *   changes silently — the automatic reads included.
+ * - A failed refresh keeps the figures and says they are the previous read;
+ *   an error panel is only for a surface that never read at all.
+ * - An automatic read spins the same Refresh a click does. Only a requested
+ *   refresh is announced, so a minute's background read never talks over
+ *   what a screen reader is reading.
+ */
+declare function ReadStatus({ reads, formatTime, lastUpdateLabel, updatedLabel, staleLabel, refreshLabel, updatedAnnouncement, updatedMarkMs, className, }: ReadStatusProps): react_jsx_runtime.JSX.Element;
+
+interface EnvironmentIndicatorProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The network's own name, for someone who knows it: "Mutinynet", "Mainnet". */
+    name: string;
+    /** The same fact for someone who does not: "Test network", "Live network". */
+    qualifier: string;
+    /** A test environment: the amber accent. A live one is green. */
+    isTest: boolean;
+    className?: string;
+}
+/**
+ * Which environment this is, on every page — the live one included, which is
+ * where being wrong costs money. Two deployments open in adjacent tabs are told
+ * apart by it.
+ *
+ * The words are the indicator and the tone is only an accent on them, so the
+ * distinction survives greyscale. Both halves are shown: the network's name,
+ * and in plain words whether it is a test or a live one. It is a `status`: a
+ * fact a reader may need to check before acting.
+ */
+declare function EnvironmentIndicator({ name, qualifier, isTest, className, ...rest }: EnvironmentIndicatorProps): react_jsx_runtime.JSX.Element;
+
+interface AccountMenuProps {
+    /** Who is signed in, as the trigger shows it: an email, a name. */
+    name: string;
+    /** One quieter line under it: the organization. */
+    secondary?: React$1.ReactNode;
+    /**
+     * The trigger's accessible name. Below `sm` the trigger is the avatar
+     * alone, so this carries everything it stands for: "Account: alex@example.com, Owner, Example Co".
+     */
+    label: string;
+    /** Replaces the default initials avatar. */
+    avatar?: React$1.ReactNode;
+    /** The panel's top section: the identity in full, the role, an id to copy. */
+    header?: React$1.ReactNode;
+    /** `AccountMenuItem`s and `AccountMenuSeparator`s. */
+    children?: React$1.ReactNode;
+    className?: string;
+}
+/**
+ * Who is signed in, behind one control at the end of the top bar: the avatar,
+ * the name and one secondary line as the trigger; the identity in full and
+ * the account's entries (Settings, then Log out under a rule) in a panel
+ * aligned to its right edge.
+ *
+ * A disclosure, not a WAI-ARIA `menu`: the panel may hold an id with its copy
+ * button, which is not a menu item, and the arrow keys of a menu would skip
+ * it. So Tab walks everything in order, Escape closes the panel and returns
+ * focus to the trigger, and a click outside or focus leaving closes it. For a
+ * list of actions alone, use `DropdownMenu`.
+ */
+declare function AccountMenu({ name, secondary, label, avatar, header, children, className }: AccountMenuProps): react_jsx_runtime.JSX.Element;
+interface AccountMenuItemProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: React$1.ReactNode;
+    /** Log out, Delete account: red, and kept last. */
+    destructive?: boolean;
+    /** Render the consumer's link instead (`<NavLink>`), as `Button` does. */
+    asChild?: boolean;
+}
+/** One entry of the account panel. Choosing it closes the panel. */
+declare const AccountMenuItem: React$1.ForwardRefExoticComponent<AccountMenuItemProps & React$1.RefAttributes<HTMLButtonElement>>;
+/** The rule between the account's entries and Log out. */
+declare function AccountMenuSeparator(): react_jsx_runtime.JSX.Element;
+
+interface ChoiceGroupProps {
+    /** What is being chosen, as the group's eyebrow: "Format". */
+    legend: ReactNode;
+    children: ReactNode;
+    /** The radios' shared `name`. Generated when left out. */
+    name?: string;
+    className?: string;
+}
+/**
+ * A short set of mutually exclusive options in a form or dialog, each with a
+ * title and one line saying what it means: an export's format, its scope.
+ * Native radios in a `fieldset`, so the arrow keys move between them and the
+ * legend names the group. For a view toggle use `FilterChipGroup
+ * variant="segmented"`; for options shown as cards, `SelectableCard`.
+ */
+declare function ChoiceGroup({ legend, children, name, className }: ChoiceGroupProps): react_jsx_runtime.JSX.Element;
+interface ChoiceProps {
+    checked: boolean;
+    onChange: () => void;
+    title: ReactNode;
+    /** One line under the title. Truncated, with the whole of it as the tooltip when it is a string. */
+    detail?: ReactNode;
+    disabled?: boolean;
+    /** Overrides the group's name, for a choice outside a `ChoiceGroup`. */
+    name?: string;
+    className?: string;
+}
+/** One option of a `ChoiceGroup`. */
+declare function Choice({ checked, onChange, title, detail, disabled, name, className }: ChoiceProps): react_jsx_runtime.JSX.Element;
 
 interface DateRange {
     /** `YYYY-MM-DD`, or empty. */
@@ -2147,6 +2544,81 @@ interface DateRangeFilterProps {
  */
 declare function DateRangeFilter({ value, onChange, onRefresh, isRefreshing, fromLabel, toLabel, clearLabel, refreshLabel, showClear, className, }: DateRangeFilterProps): react_jsx_runtime.JSX.Element;
 
+interface PeriodOption<Id extends string = string> {
+    id: Id;
+    label: ReactNode;
+}
+interface PeriodSelectProps<Id extends string = string> {
+    /** The presets, in order, including the custom one. */
+    options: readonly PeriodOption<Id>[];
+    period: Id;
+    onPeriodChange: (period: Id) => void;
+    /** The option that shows the two date inputs. */
+    customId?: Id;
+    /** The custom range's days, `YYYY-MM-DD`. */
+    range?: DateRange;
+    onRangeChange?: (range: DateRange) => void;
+    /** The select's accessible name. */
+    label?: string;
+    /** The date inputs' labels; say the zone the days are read in: "From (UTC)". */
+    fromLabel?: string;
+    toLabel?: string;
+    className?: string;
+}
+/**
+ * The period a page reads: a dropdown of presets ("Last 7 days", "This
+ * month"), with two date inputs behind the custom option rather than in front
+ * of every reader. A dropdown rather than a chip row: ten presets do not fit
+ * a phone, and the closed control still reads as the chosen period.
+ *
+ * The date inputs have no Clear of their own; the filter bar around them has
+ * one. Seed the custom range from the period on screen in `onPeriodChange`,
+ * so choosing it adjusts a range instead of asking for two dates from nothing.
+ */
+declare function PeriodSelect<Id extends string = string>({ options, period, onPeriodChange, customId, range, onRangeChange, label, fromLabel, toLabel, className, }: PeriodSelectProps<Id>): react_jsx_runtime.JSX.Element;
+
+interface AmountProps {
+    /** The figure with its unit, formatted by the caller: "1,000,000 sat". `null` renders a dash. */
+    figure: string | null | undefined;
+    /** What the figure counts: "BTC", "USDT". */
+    asset?: ReactNode;
+    /** Said in the asset's place when the source did not name one. */
+    missingAsset?: ReactNode;
+    /** The asset under the figure, for a table cell; beside it otherwise. */
+    stacked?: boolean;
+    className?: string;
+}
+/**
+ * One amount as a table cell shows it: the figure, which never breaks, and
+ * the asset as quieter text — under it when `stacked`, so every row of a
+ * column is the same height and the digits line up when the cell is
+ * right-aligned.
+ *
+ * The asset is part of the amount, not decoration: it stays in the text a
+ * screen reader or a copy reads, and is never dropped to save width.
+ */
+declare function Amount({ figure, asset, missingAsset, stacked, className }: AmountProps): react_jsx_runtime.JSX.Element;
+
+interface InstantsStatementProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** The range in words, with its zone: "1–30 September 2026, UTC". */
+    description: ReactNode;
+    /** The first instant asked for, as sent: an ISO 8601 timestamp. */
+    start?: string;
+    /** The last instant asked for, as sent. An open end is left unsaid. */
+    end?: string;
+    startLabel?: string;
+    endLabel?: string;
+    className?: string;
+}
+/**
+ * The range a surface asked for, in words, and the two instants it actually
+ * sent, each copyable. A reader reconciling against their own logs pastes
+ * these into their own query rather than working out what "1 September"
+ * became — honest only when the caller computes them with the same function
+ * its request is built with.
+ */
+declare function InstantsStatement({ description, start, end, startLabel, endLabel, className, ...rest }: InstantsStatementProps): react_jsx_runtime.JSX.Element;
+
 interface ValueListProps {
     values: readonly string[];
     /** One value: "address". */
@@ -2527,6 +2999,18 @@ interface MetricCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children
      * it with a `description` that says the change in words or a percentage.
      */
     trend?: ReactNode;
+    /**
+     * What the figure counts and leaves out, in words, under the label: "Swaps
+     * that reached completed, in the period". Set as `caption`, not as the
+     * eyebrow, so it reads as a sentence.
+     */
+    definition?: ReactNode;
+    /**
+     * The change against an earlier period, under the figure and above the
+     * description: "↑ 12% vs the previous 30 days". Its words carry the
+     * direction; colour, if any, is the caller's accent on them.
+     */
+    change?: ReactNode;
 }
 /**
  * A single figure with its label: a balance, a count, a rate.
@@ -2535,7 +3019,7 @@ interface MetricCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children
  * that replaces the value (an error line, a dash) is announced as belonging to
  * that metric. Pass `aria-label` to override the name.
  */
-declare function MetricCard({ label, value, description, icon, tone, size, iconPlacement, trend, className, ...rest }: MetricCardProps): react_jsx_runtime.JSX.Element;
+declare function MetricCard({ label, value, description, icon, tone, size, iconPlacement, trend, definition, change, className, ...rest }: MetricCardProps): react_jsx_runtime.JSX.Element;
 
 type CopyState = 'idle' | 'copied' | 'failed';
 interface CopyCallbacks {
@@ -2602,6 +3086,12 @@ interface CopyableProps {
     children?: ReactNode;
     /** Monospace for ids, hashes and keys. On by default. */
     mono?: boolean;
+    /**
+     * Show the whole value, breaking it across lines, instead of truncating it
+     * to one: for a value read in full (an address, an organization id) rather
+     * than recognised by its start in a dense row.
+     */
+    wrap?: boolean;
     className?: string;
 }
 /**
@@ -2609,7 +3099,7 @@ interface CopyableProps {
  * one click selects it all for a manual copy) and carries the full value as
  * its `title`, so a shortened display never hides what will be copied.
  */
-declare function Copyable({ value, label, children, mono, className }: CopyableProps): react_jsx_runtime.JSX.Element;
+declare function Copyable({ value, label, children, mono, wrap, className }: CopyableProps): react_jsx_runtime.JSX.Element;
 
 interface CodeBlockProps {
     /** The code, shown as is and copied whole. */
@@ -3639,4 +4129,4 @@ declare function getFallbackAssetIconUrl(seed: string): string;
  */
 declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
 
-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 };
+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 };