kaleido-ui 0.1.37 → 0.1.39
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.
- package/dist/css/kaleido-ui.css +1 -0
- package/dist/tokens/index.cjs +1 -0
- package/dist/tokens/index.d.cts +1 -0
- package/dist/tokens/index.d.ts +1 -0
- package/dist/tokens/index.js +1 -0
- package/dist/web/index.cjs +2003 -1698
- package/dist/web/index.d.cts +60 -6
- package/dist/web/index.d.ts +60 -6
- package/dist/web/index.js +2016 -1713
- package/package.json +1 -1
package/dist/web/index.d.cts
CHANGED
|
@@ -35,7 +35,11 @@ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefA
|
|
|
35
35
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
36
36
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
37
37
|
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
38
|
-
|
|
38
|
+
interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
39
|
+
/** Compact pill style — matches the FilterDropdown button aesthetic. */
|
|
40
|
+
compact?: boolean;
|
|
41
|
+
}
|
|
42
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
39
43
|
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
40
44
|
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
41
45
|
interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
|
|
@@ -360,9 +364,40 @@ interface AccountStatusTabsProps<TId extends string = string> {
|
|
|
360
364
|
}
|
|
361
365
|
declare function AccountStatusTabs<TId extends string = string>({ accounts, onSelect, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
|
|
362
366
|
|
|
363
|
-
interface
|
|
367
|
+
interface InlineSelectorOption {
|
|
364
368
|
id: string;
|
|
365
369
|
label: string;
|
|
370
|
+
disabled?: boolean;
|
|
371
|
+
}
|
|
372
|
+
interface InlineSelectorRenderArgs<TOption extends InlineSelectorOption> {
|
|
373
|
+
open: boolean;
|
|
374
|
+
selected: TOption | undefined;
|
|
375
|
+
disabled: boolean;
|
|
376
|
+
}
|
|
377
|
+
interface InlineSelectorOptionRenderArgs<TOption extends InlineSelectorOption> {
|
|
378
|
+
option: TOption;
|
|
379
|
+
selected: boolean;
|
|
380
|
+
disabled: boolean;
|
|
381
|
+
}
|
|
382
|
+
interface InlineSelectorProps<TOption extends InlineSelectorOption> {
|
|
383
|
+
label: string;
|
|
384
|
+
value: string;
|
|
385
|
+
options: TOption[];
|
|
386
|
+
onChange: (id: string) => void;
|
|
387
|
+
disabled?: boolean;
|
|
388
|
+
className?: string;
|
|
389
|
+
triggerClassName?: string;
|
|
390
|
+
panelClassName?: string;
|
|
391
|
+
optionClassName?: string;
|
|
392
|
+
closeOnSelect?: boolean;
|
|
393
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
394
|
+
renderTrigger: (args: InlineSelectorRenderArgs<TOption>) => ReactNode;
|
|
395
|
+
renderPanelHeader?: (args: InlineSelectorRenderArgs<TOption>) => ReactNode;
|
|
396
|
+
renderOption: (args: InlineSelectorOptionRenderArgs<TOption>) => ReactNode;
|
|
397
|
+
}
|
|
398
|
+
declare function InlineSelector<TOption extends InlineSelectorOption>({ label, value, options, onChange, disabled, className, triggerClassName, panelClassName, optionClassName, closeOnSelect, onOpenPanelHeightChange, renderTrigger, renderPanelHeader, renderOption, }: InlineSelectorProps<TOption>): react_jsx_runtime.JSX.Element;
|
|
399
|
+
|
|
400
|
+
interface FilterDropdownOption extends InlineSelectorOption {
|
|
366
401
|
icon: ReactNode;
|
|
367
402
|
clusterIcon?: ReactNode;
|
|
368
403
|
tintClass?: string;
|
|
@@ -379,13 +414,29 @@ interface FilterDropdownProps {
|
|
|
379
414
|
* horizontally. Useful on narrow popups.
|
|
380
415
|
*/
|
|
381
416
|
compact?: boolean;
|
|
417
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
382
418
|
/**
|
|
383
419
|
* Hide the label text entirely (kept available via `aria-label`). Combine
|
|
384
420
|
* with `compact` for the densest variant.
|
|
385
421
|
*/
|
|
386
422
|
hideLabel?: boolean;
|
|
387
423
|
}
|
|
388
|
-
declare function FilterDropdown({ label, value, options, onChange, clusterMax, className, compact, hideLabel, }: FilterDropdownProps): react_jsx_runtime.JSX.Element;
|
|
424
|
+
declare function FilterDropdown({ label, value, options, onChange, clusterMax, className, compact, onOpenPanelHeightChange, hideLabel, }: FilterDropdownProps): react_jsx_runtime.JSX.Element;
|
|
425
|
+
|
|
426
|
+
interface OptionSelectorOption extends InlineSelectorOption {
|
|
427
|
+
description?: string;
|
|
428
|
+
icon?: ReactNode;
|
|
429
|
+
}
|
|
430
|
+
interface OptionSelectorProps {
|
|
431
|
+
label: string;
|
|
432
|
+
value: string;
|
|
433
|
+
options: OptionSelectorOption[];
|
|
434
|
+
onChange: (id: string) => void;
|
|
435
|
+
compact?: boolean;
|
|
436
|
+
className?: string;
|
|
437
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
438
|
+
}
|
|
439
|
+
declare function OptionSelector({ label, value, options, onChange, compact, className, onOpenPanelHeightChange, }: OptionSelectorProps): react_jsx_runtime.JSX.Element;
|
|
389
440
|
|
|
390
441
|
interface SettingsTileProps {
|
|
391
442
|
icon: ReactNode;
|
|
@@ -591,6 +642,7 @@ interface BalanceBreakdownProps {
|
|
|
591
642
|
declare function BalanceBreakdown({ btcOnchain, btcLightning, btcSpark, btcArkade, totalBTC, rgbAssets, accounts, nodeInfo, balanceVisible, format, formatFiatValue, unit, label, cycle, isLoading, isPartial, btcOnchainPending, btcLightningPending, btcSparkPending, btcArkadePending, onRefresh, isRefreshing, onNavigate, compact, }: BalanceBreakdownProps): react_jsx_runtime.JSX.Element;
|
|
592
643
|
|
|
593
644
|
interface AssetSelectorOption {
|
|
645
|
+
id?: string;
|
|
594
646
|
ticker: string;
|
|
595
647
|
name?: string;
|
|
596
648
|
icon?: string;
|
|
@@ -605,15 +657,17 @@ interface AssetSelectorCategory {
|
|
|
605
657
|
interface AssetSelectorProps {
|
|
606
658
|
label: string;
|
|
607
659
|
selectedTicker: string;
|
|
660
|
+
selectedId?: string;
|
|
608
661
|
options: AssetSelectorOption[];
|
|
609
662
|
categories?: AssetSelectorCategory[];
|
|
610
663
|
defaultActiveCategories?: string[];
|
|
611
664
|
disabled?: boolean;
|
|
612
665
|
disabledTicker?: string;
|
|
613
666
|
compact?: boolean;
|
|
614
|
-
|
|
667
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
668
|
+
onChange: (id: string) => void;
|
|
615
669
|
}
|
|
616
|
-
declare function AssetSelector({ label, selectedTicker, options, categories, defaultActiveCategories, disabled, disabledTicker, compact, onChange, }: AssetSelectorProps): react_jsx_runtime.JSX.Element;
|
|
670
|
+
declare function AssetSelector({ label, selectedTicker, selectedId, options, categories, defaultActiveCategories, disabled, disabledTicker, compact, onOpenPanelHeightChange, onChange, }: AssetSelectorProps): react_jsx_runtime.JSX.Element;
|
|
617
671
|
|
|
618
672
|
interface SwapInputCardProps {
|
|
619
673
|
fromTicker: string;
|
|
@@ -1411,4 +1465,4 @@ declare function getFallbackAssetIconUrl(seed: string): string;
|
|
|
1411
1465
|
*/
|
|
1412
1466
|
declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
|
|
1413
1467
|
|
|
1414
|
-
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, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetSelector, type AssetSelectorCategory, type AssetSelectorOption, type AssetSelectorProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, 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, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotPagination, type DotPaginationProps, type DotTone, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, FadeOverlay, type FadeOverlayProps, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconName, type IconProps, Icons, InlineAction, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, Label, LightningNetworkIcon, LoadingCard, type LoadingCardProps, MethodChoiceChip, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NumberInput, type NumberInputProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, ScrollArea, type ScrollAreaProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SettingItem, SettingsActionButton, SettingsStatusPanel, SettingsTile, type SettingsTileProps, SparkNetworkIcon, StatusBadge, type StatusType, SwapInputCard, type SwapInputCardProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, TransferRouteCard, 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, buttonVariants, cn, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };
|
|
1468
|
+
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, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetSelector, type AssetSelectorCategory, type AssetSelectorOption, type AssetSelectorProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, 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, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotPagination, type DotPaginationProps, type DotTone, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, FadeOverlay, type FadeOverlayProps, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconName, type IconProps, Icons, InlineAction, InlineSelector, type InlineSelectorOption, type InlineSelectorProps, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, Label, LightningNetworkIcon, LoadingCard, type LoadingCardProps, MethodChoiceChip, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NumberInput, type NumberInputProps, OptionSelector, type OptionSelectorOption, type OptionSelectorProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, ScrollArea, type ScrollAreaProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SettingItem, SettingsActionButton, SettingsStatusPanel, SettingsTile, type SettingsTileProps, SparkNetworkIcon, StatusBadge, type StatusType, SwapInputCard, type SwapInputCardProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, TransferRouteCard, 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, buttonVariants, cn, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };
|
package/dist/web/index.d.ts
CHANGED
|
@@ -35,7 +35,11 @@ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefA
|
|
|
35
35
|
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
36
36
|
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
37
37
|
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
38
|
-
|
|
38
|
+
interface SelectTriggerProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
39
|
+
/** Compact pill style — matches the FilterDropdown button aesthetic. */
|
|
40
|
+
compact?: boolean;
|
|
41
|
+
}
|
|
42
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
39
43
|
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
40
44
|
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
41
45
|
interface SelectItemProps extends React$1.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
|
|
@@ -360,9 +364,40 @@ interface AccountStatusTabsProps<TId extends string = string> {
|
|
|
360
364
|
}
|
|
361
365
|
declare function AccountStatusTabs<TId extends string = string>({ accounts, onSelect, }: AccountStatusTabsProps<TId>): react_jsx_runtime.JSX.Element;
|
|
362
366
|
|
|
363
|
-
interface
|
|
367
|
+
interface InlineSelectorOption {
|
|
364
368
|
id: string;
|
|
365
369
|
label: string;
|
|
370
|
+
disabled?: boolean;
|
|
371
|
+
}
|
|
372
|
+
interface InlineSelectorRenderArgs<TOption extends InlineSelectorOption> {
|
|
373
|
+
open: boolean;
|
|
374
|
+
selected: TOption | undefined;
|
|
375
|
+
disabled: boolean;
|
|
376
|
+
}
|
|
377
|
+
interface InlineSelectorOptionRenderArgs<TOption extends InlineSelectorOption> {
|
|
378
|
+
option: TOption;
|
|
379
|
+
selected: boolean;
|
|
380
|
+
disabled: boolean;
|
|
381
|
+
}
|
|
382
|
+
interface InlineSelectorProps<TOption extends InlineSelectorOption> {
|
|
383
|
+
label: string;
|
|
384
|
+
value: string;
|
|
385
|
+
options: TOption[];
|
|
386
|
+
onChange: (id: string) => void;
|
|
387
|
+
disabled?: boolean;
|
|
388
|
+
className?: string;
|
|
389
|
+
triggerClassName?: string;
|
|
390
|
+
panelClassName?: string;
|
|
391
|
+
optionClassName?: string;
|
|
392
|
+
closeOnSelect?: boolean;
|
|
393
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
394
|
+
renderTrigger: (args: InlineSelectorRenderArgs<TOption>) => ReactNode;
|
|
395
|
+
renderPanelHeader?: (args: InlineSelectorRenderArgs<TOption>) => ReactNode;
|
|
396
|
+
renderOption: (args: InlineSelectorOptionRenderArgs<TOption>) => ReactNode;
|
|
397
|
+
}
|
|
398
|
+
declare function InlineSelector<TOption extends InlineSelectorOption>({ label, value, options, onChange, disabled, className, triggerClassName, panelClassName, optionClassName, closeOnSelect, onOpenPanelHeightChange, renderTrigger, renderPanelHeader, renderOption, }: InlineSelectorProps<TOption>): react_jsx_runtime.JSX.Element;
|
|
399
|
+
|
|
400
|
+
interface FilterDropdownOption extends InlineSelectorOption {
|
|
366
401
|
icon: ReactNode;
|
|
367
402
|
clusterIcon?: ReactNode;
|
|
368
403
|
tintClass?: string;
|
|
@@ -379,13 +414,29 @@ interface FilterDropdownProps {
|
|
|
379
414
|
* horizontally. Useful on narrow popups.
|
|
380
415
|
*/
|
|
381
416
|
compact?: boolean;
|
|
417
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
382
418
|
/**
|
|
383
419
|
* Hide the label text entirely (kept available via `aria-label`). Combine
|
|
384
420
|
* with `compact` for the densest variant.
|
|
385
421
|
*/
|
|
386
422
|
hideLabel?: boolean;
|
|
387
423
|
}
|
|
388
|
-
declare function FilterDropdown({ label, value, options, onChange, clusterMax, className, compact, hideLabel, }: FilterDropdownProps): react_jsx_runtime.JSX.Element;
|
|
424
|
+
declare function FilterDropdown({ label, value, options, onChange, clusterMax, className, compact, onOpenPanelHeightChange, hideLabel, }: FilterDropdownProps): react_jsx_runtime.JSX.Element;
|
|
425
|
+
|
|
426
|
+
interface OptionSelectorOption extends InlineSelectorOption {
|
|
427
|
+
description?: string;
|
|
428
|
+
icon?: ReactNode;
|
|
429
|
+
}
|
|
430
|
+
interface OptionSelectorProps {
|
|
431
|
+
label: string;
|
|
432
|
+
value: string;
|
|
433
|
+
options: OptionSelectorOption[];
|
|
434
|
+
onChange: (id: string) => void;
|
|
435
|
+
compact?: boolean;
|
|
436
|
+
className?: string;
|
|
437
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
438
|
+
}
|
|
439
|
+
declare function OptionSelector({ label, value, options, onChange, compact, className, onOpenPanelHeightChange, }: OptionSelectorProps): react_jsx_runtime.JSX.Element;
|
|
389
440
|
|
|
390
441
|
interface SettingsTileProps {
|
|
391
442
|
icon: ReactNode;
|
|
@@ -591,6 +642,7 @@ interface BalanceBreakdownProps {
|
|
|
591
642
|
declare function BalanceBreakdown({ btcOnchain, btcLightning, btcSpark, btcArkade, totalBTC, rgbAssets, accounts, nodeInfo, balanceVisible, format, formatFiatValue, unit, label, cycle, isLoading, isPartial, btcOnchainPending, btcLightningPending, btcSparkPending, btcArkadePending, onRefresh, isRefreshing, onNavigate, compact, }: BalanceBreakdownProps): react_jsx_runtime.JSX.Element;
|
|
592
643
|
|
|
593
644
|
interface AssetSelectorOption {
|
|
645
|
+
id?: string;
|
|
594
646
|
ticker: string;
|
|
595
647
|
name?: string;
|
|
596
648
|
icon?: string;
|
|
@@ -605,15 +657,17 @@ interface AssetSelectorCategory {
|
|
|
605
657
|
interface AssetSelectorProps {
|
|
606
658
|
label: string;
|
|
607
659
|
selectedTicker: string;
|
|
660
|
+
selectedId?: string;
|
|
608
661
|
options: AssetSelectorOption[];
|
|
609
662
|
categories?: AssetSelectorCategory[];
|
|
610
663
|
defaultActiveCategories?: string[];
|
|
611
664
|
disabled?: boolean;
|
|
612
665
|
disabledTicker?: string;
|
|
613
666
|
compact?: boolean;
|
|
614
|
-
|
|
667
|
+
onOpenPanelHeightChange?: (height: number) => void;
|
|
668
|
+
onChange: (id: string) => void;
|
|
615
669
|
}
|
|
616
|
-
declare function AssetSelector({ label, selectedTicker, options, categories, defaultActiveCategories, disabled, disabledTicker, compact, onChange, }: AssetSelectorProps): react_jsx_runtime.JSX.Element;
|
|
670
|
+
declare function AssetSelector({ label, selectedTicker, selectedId, options, categories, defaultActiveCategories, disabled, disabledTicker, compact, onOpenPanelHeightChange, onChange, }: AssetSelectorProps): react_jsx_runtime.JSX.Element;
|
|
617
671
|
|
|
618
672
|
interface SwapInputCardProps {
|
|
619
673
|
fromTicker: string;
|
|
@@ -1411,4 +1465,4 @@ declare function getFallbackAssetIconUrl(seed: string): string;
|
|
|
1411
1465
|
*/
|
|
1412
1466
|
declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
|
|
1413
1467
|
|
|
1414
|
-
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, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetSelector, type AssetSelectorCategory, type AssetSelectorOption, type AssetSelectorProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, 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, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotPagination, type DotPaginationProps, type DotTone, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, FadeOverlay, type FadeOverlayProps, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconName, type IconProps, Icons, InlineAction, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, Label, LightningNetworkIcon, LoadingCard, type LoadingCardProps, MethodChoiceChip, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NumberInput, type NumberInputProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, ScrollArea, type ScrollAreaProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SettingItem, SettingsActionButton, SettingsStatusPanel, SettingsTile, type SettingsTileProps, SparkNetworkIcon, StatusBadge, type StatusType, SwapInputCard, type SwapInputCardProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, TransferRouteCard, 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, buttonVariants, cn, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };
|
|
1468
|
+
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, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetSelector, type AssetSelectorCategory, type AssetSelectorOption, type AssetSelectorProps, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, 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, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DotPagination, type DotPaginationProps, type DotTone, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, FadeOverlay, type FadeOverlayProps, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconName, type IconProps, Icons, InlineAction, InlineSelector, type InlineSelectorOption, type InlineSelectorProps, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, Label, LightningNetworkIcon, LoadingCard, type LoadingCardProps, MethodChoiceChip, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NumberInput, type NumberInputProps, OptionSelector, type OptionSelectorOption, type OptionSelectorProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, ScrollArea, type ScrollAreaProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SettingItem, SettingsActionButton, SettingsStatusPanel, SettingsTile, type SettingsTileProps, SparkNetworkIcon, StatusBadge, type StatusType, SwapInputCard, type SwapInputCardProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, TransactionCard, type TransactionCardProps, TransferRouteCard, 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, buttonVariants, cn, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, toast, useAssetIcon, useToast };
|