@webority/mobile-ui 0.0.39 → 0.2.0

package/lib/typescript/commonjs/index.d.ts

@@ -1,15 +1,15 @@
 export * from './components';
-export type { AppIconProps, AppIconSize, CuratedIconName, IconName, IconVariant, SlotIcon, SlotIconRef, SlotIconState, SlotNode } from './components/AppIcon';
-export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, renderSlotIcon } from './components/AppIcon';
-export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableNode, FormApi, FormCompletion, FormConfig, FormErrors, FormTouched, FormValidateFn, FormValues, SubmitHelpers, UseFormCompletionOptions, ValidateOn, ValidationResult, ValidationRule, ValidationSchema } from './form';
-export { deletePath, Form, getPath, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useOptionalFormContext } from './form';
+export type { AppIconName, AppIconProps, AppIconSize, CuratedIconName, IconName, IconsaxShadowedName, IconVariant, SlotIcon, SlotIconRef, SlotIconState, SlotNode } from './components/AppIcon';
+export { APP_ICON_SIZES, AppIcon, CURATED_ICON_NAMES, defaultIcons, ICON_NAMES, ICONSAX_SUFFIX, renderSlotIcon } from './components/AppIcon';
+export type { FieldArrayApi, FieldInputProps, FieldRules, FieldState, FocusableNode, FormApi, FormCompletion, FormConfig, FormErrors, FormTouched, FormValidateFn, FormValues, HookFieldProps, HookFormFieldProps, SubmitHelpers, UseFormCompletionOptions, ValidateOn, ValidationResult, ValidationRule, ValidationSchema } from './form';
+export { deletePath, Form, getPath, HookFormField, isFieldFilled, rules, setPath, useField, useFieldArray, useForm, useFormCompletion, useFormContext, useHookFormField, useOptionalFormContext } from './form';
 export type { PressAnimationPreset, UseControllableStateOptions, UsePressAnimationOptions, UsePressAnimationResult, UseToggleResult } from './hooks';
 export { FLICK_TOLERANCE, PRESS_ANIMATION_PRESETS, useControllableState, useDebounce, useFlickGuard, usePressAnimation, useReducedMotion, useToggle } from './hooks';
 export type { InitUIOptions } from './initUI';
 export { initUI } from './initUI';
 export type { NetworkStatusBannerProps } from './network';
 export { NetworkStatusBanner } from './network';
-export type { ColorMode, ColorPalette, ColorSchemePreference, DeepPartial, IconRegistry, IconRenderer, MotionScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, Theme, ThemeOverrides, ThemeProviderProps, TypographyScale } from './theme';
+export type { ColorMode, ColorPalette, ColorSchemePreference, DeepPartial, IconRegistry, IconRenderer, MotionScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, TextVariantSpec, Theme, ThemeOverrides, ThemeProviderProps, TypographyScale } from './theme';
 export { darkTheme, getColorMode, getTheme, lightTheme, mergeTheme, resetTheme, setColorMode, setTheme, subscribeTheme, ThemeProvider, useTheme, useThemeMode } from './theme';
 export type { BreakpointKey, FeedbackIntent, HapticType, ResponsiveScales, ScreenInfo, SpacingToken, SquirclePathParams } from './utils';
 export { Breakpoints, configureFeedback, feedback, hapticForIntent, isFeedbackEnabled, isScreenSize, isTablet, Margin, Padding, Responsive, ScreenDimensions, Spacing, SQUIRCLE_MIN_RADIUS, SQUIRCLE_SMOOTHING, setHapticImplementation, shadowStyle, smoothCorners, squircleApplies, squircleHostRadius, squirclePath, triggerHaptic, useScreenDimensions, warnUnknownProps } from './utils';

package/lib/typescript/commonjs/network/NetworkStatusBanner.d.ts

@@ -9,6 +9,12 @@ export interface NetworkStatusBannerProps {
     style?: ViewStyle;
     /** Hide the banner entirely (useful for screens that handle offline themselves). */
     disabled?: boolean;
+    /**
+     * Pad the banner clear of the status bar (top) or the home indicator
+     * (bottom) with the safe-area inset of its edge. Default true; turn it off
+     * when the banner sits below a header that already clears the inset.
+     */
+    safeArea?: boolean;
 }
 /**
  * A subtle animated banner that slides in when the device goes offline.

package/lib/typescript/commonjs/theme/ThemeContext.d.ts

@@ -3,7 +3,15 @@ import type { ColorMode, Theme, ThemeOverrides } from './types';
 export type ColorSchemePreference = 'light' | 'dark' | 'system';
 export interface ThemeProviderProps {
     children: React.ReactNode;
+    /** The preference before a saved one is read (or when nothing is saved). Default `'system'`. */
     initialPreference?: ColorSchemePreference;
+    /**
+     * Storage key under which the provider remembers the light / dark / system
+     * choice across launches, through mobile-core `Storage`. It reads the saved
+     * choice on mount and writes every change made with `setPreference` or
+     * `toggleColorMode`. Without a key nothing is read or written.
+     */
+    persistKey?: string;
     lightOverrides?: ThemeOverrides;
     darkOverrides?: ThemeOverrides;
 }

package/lib/typescript/commonjs/theme/index.d.ts

@@ -29,5 +29,5 @@ export { ThemeProvider, useTheme, useThemeMode } from './ThemeContext';
 export type { FontWeightKey } from './textStyle';
 export { fontFor } from './textStyle';
 export { darkTheme, lightTheme } from './tokens';
-export type { ColorMode, ColorPalette, DeepPartial, GradientDefinition, GradientScale, IconRegistry, IconRenderer, MotionScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, Theme, ThemeOverrides, TypographyScale } from './types';
+export type { ColorMode, ColorPalette, DeepPartial, GradientDefinition, GradientScale, IconRegistry, IconRenderer, MotionScale, RadiusScale, ShadowDefinition, ShadowScale, SpacingScale, TextVariantSpec, Theme, ThemeOverrides, TypographyScale } from './types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/theme/types.d.ts

@@ -54,11 +54,15 @@ export interface ColorPalette {
     onWarning: string;
     onError: string;
     onInfo: string;
+    /** Ink on a scrim (`background.overlay`), which is dark in both schemes. */
+    onOverlay: string;
     text: {
         primary: string;
         secondary: string;
         tertiary: string;
         inverse: string;
+        /** Emphasis ink for labels and lead-in lines that sit above body text. */
+        strong: string;
         disabled: string;
         link: string;
     };
@@ -782,8 +786,16 @@ export interface AppBarTokens {
     collapseTranslateDistance?: number;
     /** Margin between title and subtitle. */
     subtitleMarginTop?: number;
-    /** Width/height of each action button (square). */
+    /** Width/height of each action button (square). Library default: 44. */
     actionButtonSize?: number;
+    /** Size of the glyph inside an action button; also the built-in back arrow. Drives `gutter`'s optical inset. Library default: 24. */
+    iconSize?: number;
+    /** Thickness of the bottom divider. Library default: the platform hairline. */
+    dividerWidth?: number;
+    /** Diameter of the unread dot on an action. Library default: 8. */
+    dotSize?: number;
+    /** Top/right inset of the unread dot. Library default: 10. */
+    dotOffset?: number;
     /** Top/right inset of the right-action badge bubble. */
     badgeOffset?: number;
     /** Min-width of the right-action badge bubble. */
@@ -1085,6 +1097,24 @@ export interface IconRegistry {
     /** Trailing "goes somewhere" chevron on ListItem. Default `chevron-right`. */
     chevronRight?: IconRenderer;
 }
+/**
+ * An app's own text style, registered under a name in `theme.textVariants` and
+ * used as `<Text variant="cardTitle">`. Sizes, line heights and letter spacing
+ * take a typography token or a raw number.
+ */
+export interface TextVariantSpec {
+    size: keyof TypographyScale['fontSize'] | number;
+    weight?: keyof TypographyScale['fontWeight'];
+    /** Pixels, or a `typography.lineHeight` token (a multiple of the size). Omitted: the font's own metrics decide. */
+    lineHeight?: number | keyof TypographyScale['lineHeight'];
+    /** A text role, semantic tone or raw colour. Defaults to `primary`. */
+    color?: string;
+    uppercase?: boolean;
+    /** Pixels, or a `typography.letterSpacing` token. */
+    letterSpacing?: number | keyof TypographyScale['letterSpacing'];
+    italic?: boolean;
+    fontVariant?: TextStyle['fontVariant'];
+}
 export interface Theme {
     mode: ColorMode;
     colors: ColorPalette;
@@ -1103,6 +1133,15 @@ export interface Theme {
      * accept a `GradientDefinition` literal directly.
      */
     gradients: GradientScale;
+    /** The app's own `Text` variants, by name. A built-in variant name always wins. */
+    textVariants?: Record<string, TextVariantSpec>;
+    /**
+     * Upper bound on how far system font scaling grows any `Text`, as
+     * `maxFontSizeMultiplier`. Unset leaves React Native's default (no cap).
+     * A `maxFontSizeMultiplier` on the `Text` itself wins. Set it through
+     * ThemeProvider `lightOverrides` and `darkOverrides`.
+     */
+    maxFontSizeMultiplier?: number;
 }
 export type DeepPartial<T> = T extends object ? {
     [K in keyof T]?: DeepPartial<T[K]>;

package/lib/typescript/module/components/AppBar/AppBar.d.ts

@@ -2,10 +2,19 @@ import React from 'react';
 import type { View as RNView, StyleProp, ViewStyle } from 'react-native';
 import { Animated } from 'react-native';
 import type { HapticType } from '../../utils/hapticUtils.js';
+import type { TextVariant } from '../Text/Text.js';
 export type AppBarVariant = 'default' | 'large' | 'compact';
 export type AppBarTitleAlignment = 'left' | 'center';
 export interface AppBarAction {
-    icon: React.ReactNode;
+    /** The glyph. Give `icon` or `text`; with neither the button draws nothing. */
+    icon?: React.ReactNode;
+    /**
+     * A text action: a pill-less label in the link colour, at least 44 by 44.
+     * `accessibilityLabel` defaults to this text. Wins over `icon` when both are set.
+     */
+    text?: string;
+    /** Draws a small unread dot on the button's corner, with no count. */
+    dot?: boolean;
     onPress: () => void;
     accessibilityLabel?: string;
     testID?: string;
@@ -19,6 +28,38 @@ export interface AppBarProps {
     titleAlignment?: AppBarTitleAlignment;
     leftAction?: AppBarAction;
     rightActions?: AppBarRightAction[];
+    /** Any node in the left slot, after `leftAction` (a profile avatar button, say). */
+    leading?: React.ReactNode;
+    /** Any node in the right slot, after `rightActions`. */
+    trailing?: React.ReactNode;
+    /**
+     * Draws a back arrow as the left action, labelled "Back", and calls this on press.
+     * Navigation-agnostic: pass `navigation.goBack`. An explicit `leftAction` wins.
+     */
+    onBack?: () => void;
+    /**
+     * The page gutter: the distance from the screen edge to the VISIBLE edge of the outermost
+     * glyph. The bar subtracts the empty space inside an action button (button size minus
+     * `theme.components.appBar.iconSize`, halved; the text padding for a text action). A
+     * `leading` or `trailing` node is taken to draw to its own edge. Default: the bar's own
+     * `spacing.xs` padding.
+     */
+    gutter?: number;
+    /**
+     * Title typography: a `Text` variant, or one registered in `theme.textVariants`.
+     * Replaces the bar variant's size and weight. Default: the bar variant's own title style.
+     */
+    titleVariant?: TextVariant | (string & {});
+    /**
+     * Exact space between the left slot and the title. When set, both side slots shrink to
+     * their content (no 48pt minimum), action buttons drop their outer margin, and the title
+     * sits this far from the left slot, or on the bar padding when that slot is empty.
+     */
+    titleOffset?: number;
+    /** Bar height in pt, excluding the safe-area top. Overrides the variant's height; ignored while collapsing. */
+    height?: number;
+    /** Hairline under the bar. Default `true` unless `transparent`. */
+    divider?: boolean;
     variant?: AppBarVariant;
     transparent?: boolean;
     /**

package/lib/typescript/module/components/AppIcon/AppIcon.d.ts

@@ -27,14 +27,27 @@ import { CURATED_ICON_NAMES } from './glyphs.g.js';
 import type { IconVariantName } from './variants.g.js';
 export type { CuratedIconName, IconName };
 export { CURATED_ICON_NAMES, ICON_NAMES };
+/**
+ * A curated name and an Iconsax name can share a spelling (`lock`,
+ * `receipt`); the curated glyph wins, so `<name>-iconsax` reaches the
+ * catalogue glyph it shadows: `lock-iconsax` is Iconsax's own lock.
+ */
+export declare const ICONSAX_SUFFIX = "-iconsax";
+export type IconsaxShadowedName = `${CuratedIconName}${typeof ICONSAX_SUFFIX}`;
+/** Every name AppIcon draws: curated, catalogue, and the shadowed catalogue spellings. */
+export type AppIconName = IconName | IconsaxShadowedName;
 /** `linear` is the default Iconsax style; the rest come from the lazy modules. */
 export type IconVariant = 'linear' | IconVariantName;
 export type AppIconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Pixel sizes behind the size tokens; a raw number is accepted too. */
 export declare const APP_ICON_SIZES: Record<AppIconSize, number>;
 export interface AppIconProps {
-    /** Icon name; the union is generated from the design system's icon map plus the full catalogue. */
-    name: IconName;
+    /**
+     * Icon name; the union is generated from the design system's icon map plus
+     * the full catalogue. Append `-iconsax` to a curated name to draw the
+     * Iconsax glyph it shadows (`lock-iconsax`).
+     */
+    name: AppIconName;
     /** Size token or a pixel number. Default `'md'` (22). */
     size?: AppIconSize | number;
     /** Any colour string. Default `theme.colors.text.primary`. */

package/lib/typescript/module/components/AppIcon/catalog.g.d.ts

@@ -1,4 +1,4 @@
-export type IconName = 'aave' | 'activity' | 'add' | 'add-circle' | 'add-square' | 'additem' | 'airdrop' | 'airplane' | 'airplane-square' | 'airpod' | 'airpods' | 'alarm' | 'alert-circle' | 'alert-triangle' | 'align-bottom' | 'align-horizontally' | 'align-left' | 'align-right' | 'align-top' | 'align-vertically' | 'android' | 'ankr' | 'apple' | 'aquarius' | 'archive' | 'archive-add' | 'archive-book' | 'archive-box' | 'archive-minus' | 'archive-slash' | 'archive-tick' | 'arrange-horizontal' | 'arrange-horizontal-circle' | 'arrange-horizontal-square' | 'arrange-vertical' | 'arrange-vertical-circle' | 'arrange-vertical-square' | 'arrow' | 'arrow-circle-down' | 'arrow-circle-down-2' | 'arrow-circle-left' | 'arrow-circle-left-2' | 'arrow-circle-right' | 'arrow-circle-right-2' | 'arrow-circle-up' | 'arrow-circle-up-2' | 'arrow-down' | 'arrow-down-2' | 'arrow-down-3' | 'arrow-down-up' | 'arrow-forward' | 'arrow-forward-square' | 'arrow-left' | 'arrow-left-2' | 'arrow-left-3' | 'arrow-right' | 'arrow-right-2' | 'arrow-right-3' | 'arrow-rotate-left' | 'arrow-rotate-right' | 'arrow-square' | 'arrow-square-down' | 'arrow-square-left' | 'arrow-square-right' | 'arrow-square-up' | 'arrow-swap-horizontal' | 'arrow-swap-vertical' | 'arrow-up' | 'arrow-up-2' | 'arrow-up-3' | 'arrow-up-right' | 'attach-circle' | 'attach-square' | 'audio-square' | 'augur' | 'autobrightness' | 'autonio' | 'avalanche' | 'award' | 'back' | 'back-square' | 'backward' | 'backward-10-seconds' | 'backward-15-seconds' | 'backward-5-seconds' | 'backward-item' | 'badge-check' | 'bag' | 'bag-2' | 'bag-cross' | 'bag-cross-1' | 'bag-happy' | 'bag-tick' | 'bag-tick-2' | 'bag-timer' | 'bank' | 'barcode' | 'battery-charging' | 'battery-disable' | 'battery-empty' | 'battery-empty-1' | 'battery-full' | 'be' | 'bell' | 'bezier' | 'bill' | 'binance-coin' | 'binance-usd' | 'bitcoin' | 'bitcoin-card' | 'bitcoin-convert' | 'bitcoin-refresh' | 'blend' | 'blend-2' | 'blogger' | 'bluetooth' | 'bluetooth-2' | 'bluetooth-circle' | 'bluetooth-rectangle' | 'blur' | 'book' | 'book-1' | 'book-saved' | 'book-square' | 'bookmark' | 'bookmark-2' | 'bootstrap' | 'box' | 'box-1' | 'box-2' | 'box-add' | 'box-remove' | 'box-seam' | 'box-search' | 'box-tick' | 'box-time' | 'briefcase' | 'brifecase-cross' | 'brifecase-tick' | 'brifecase-timer' | 'brodcast' | 'broom' | 'brush' | 'brush-2' | 'brush-3' | 'brush-big' | 'brush-square' | 'bubble' | 'bucket' | 'bucket-circle' | 'bucket-square' | 'bug' | 'building' | 'building-2' | 'building-3' | 'building-4' | 'buildings' | 'buildings-2' | 'buliding' | 'bullseye' | 'bus' | 'buy-crypto' | 'cake' | 'calculator' | 'calendar' | 'calendar-1' | 'calendar-2' | 'calendar-add' | 'calendar-check' | 'calendar-circle' | 'calendar-dots' | 'calendar-edit' | 'calendar-remove' | 'calendar-search' | 'calendar-tick' | 'call' | 'call-add' | 'call-calling' | 'call-incoming' | 'call-minus' | 'call-outgoing' | 'call-received' | 'call-remove' | 'call-slash' | 'camera' | 'camera-slash' | 'candle' | 'candle-2' | 'car' | 'card' | 'card-add' | 'card-coin' | 'card-edit' | 'card-pos' | 'card-receive' | 'card-remove' | 'card-remove-1' | 'card-send' | 'card-slash' | 'card-tick' | 'card-tick-1' | 'cardano' | 'cards' | 'cash-stack' | 'category' | 'category-2' | 'cd' | 'celo' | 'celsius' | 'chainlink' | 'chart' | 'chart-1' | 'chart-2' | 'chart-21' | 'chart-circle' | 'chart-column' | 'chart-fail' | 'chart-square' | 'chart-success' | 'chat' | 'chat-dots' | 'check' | 'check-check' | 'check-circle' | 'chemical-glass' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up-down' | 'chrome' | 'circle' | 'circle-help' | 'civic' | 'clipboard' | 'clipboard-check' | 'clipboard-close' | 'clipboard-export' | 'clipboard-import' | 'clipboard-text' | 'clipboard-tick' | 'clock' | 'close-circle' | 'close-square' | 'cloud' | 'cloud-add' | 'cloud-change' | 'cloud-connection' | 'cloud-cross' | 'cloud-drizzle' | 'cloud-fog' | 'cloud-lightning' | 'cloud-minus' | 'cloud-notif' | 'cloud-plus' | 'cloud-remove' | 'cloud-snow' | 'cloud-sunny' | 'code' | 'code-1' | 'code-circle' | 'coffee' | 'coin' | 'coin-1' | 'coins' | 'color-swatch' | 'colorfilter' | 'colors-square' | 'command' | 'command-square' | 'component' | 'computing' | 'contact' | 'convert' | 'convert-3-d-cube' | 'convert-card' | 'convertshape' | 'convertshape-2' | 'copy' | 'copy-success' | 'copyright' | 'courthouse' | 'cpu' | 'cpu-charge' | 'cpu-setting' | 'creative-commons' | 'credit-card' | 'crop' | 'crown' | 'crown-1' | 'cup' | 'cursor' | 'cut' | 'dai' | 'danger' | 'dash' | 'data' | 'data-2' | 'decred' | 'dent' | 'designtools' | 'device-message' | 'devices' | 'diagram' | 'diagram-3' | 'diamonds' | 'direct' | 'direct-down' | 'direct-inbox' | 'direct-left' | 'direct-normal' | 'direct-notification' | 'direct-right' | 'direct-send' | 'direct-up' | 'directbox-default' | 'directbox-notif' | 'directbox-receive' | 'directbox-send' | 'discount-circle' | 'discount-shape' | 'discover' | 'dislike' | 'display' | 'document' | 'document-cloud' | 'document-code' | 'document-code-2' | 'document-copy' | 'document-download' | 'document-favorite' | 'document-filter' | 'document-forward' | 'document-like' | 'document-previous' | 'document-sketch' | 'document-text' | 'document-text-1' | 'document-upload' | 'dollar-circle' | 'dollar-square' | 'download' | 'dribbble' | 'driver' | 'driver-2' | 'driver-refresh' | 'driving' | 'drop' | 'dropbox' | 'edit' | 'edit-2' | 'educare' | 'electricity' | 'element' | 'element-2' | 'element-3' | 'element-4' | 'element-equal' | 'element-plus' | 'emercoin' | 'emoji-happy' | 'emoji-normal' | 'emoji-sad' | 'emoji-smile' | 'empty-wallet' | 'empty-wallet-add' | 'empty-wallet-change' | 'empty-wallet-remove' | 'empty-wallet-tick' | 'empty-wallet-time' | 'enjin-coin' | 'eos' | 'eraser' | 'eraser-square' | 'ethereum' | 'ethereum-classic' | 'export' | 'export-circle' | 'export-curve' | 'export-square' | 'external-drive' | 'external-link' | 'eye' | 'eye-off' | 'eye-slash' | 'facebook' | 'factory' | 'fatrows' | 'favorite-chart' | 'figma' | 'figma-1' | 'file-plus-2' | 'file-text' | 'files' | 'filter' | 'filter-add' | 'filter-edit' | 'filter-remove' | 'filter-search' | 'filter-square' | 'filter-tick' | 'finger-cricle' | 'finger-scan' | 'firstline' | 'flag' | 'flag-2' | 'flash' | 'flash-circle' | 'flash-slash' | 'flashy' | 'folder' | 'folder-2' | 'folder-add' | 'folder-cloud' | 'folder-connection' | 'folder-cross' | 'folder-favorite' | 'folder-kanban' | 'folder-minus' | 'folder-open' | 'folder-plus' | 'forbidden' | 'forbidden-2' | 'format-circle' | 'format-square' | 'forward' | 'forward-10-seconds' | 'forward-15-seconds' | 'forward-5-seconds' | 'forward-item' | 'framer' | 'ftx-token' | 'gallery' | 'gallery-add' | 'gallery-edit' | 'gallery-export' | 'gallery-favorite' | 'gallery-import' | 'gallery-remove' | 'gallery-slash' | 'gallery-tick' | 'game' | 'gameboy' | 'gas-station' | 'gauge' | 'gemini' | 'gemini-2' | 'ghost' | 'gift' | 'glass' | 'global' | 'global-edit' | 'global-refresh' | 'global-search' | 'globe' | 'globe2' | 'google' | 'google-drive' | 'google-play' | 'gps' | 'gps-slash' | 'grammerly' | 'graph' | 'grid' | 'grid-1' | 'grid-2' | 'grid-3' | 'grid-4' | 'grid-5' | 'grid-6' | 'grid-7' | 'grid-8' | 'grid-9' | 'grid-edit' | 'grid-eraser' | 'grid-lock' | 'hamberger-menu' | 'happyemoji' | 'hard-hat' | 'harmony' | 'hashtag' | 'hashtag-down' | 'hashtag-square' | 'hashtag-up' | 'headphone' | 'headphones' | 'health' | 'heart' | 'heart-add' | 'heart-circle' | 'heart-edit' | 'heart-remove' | 'heart-search' | 'heart-slash' | 'heart-tick' | 'hedera-hashgraph' | 'hex' | 'hierarchy' | 'hierarchy-2' | 'hierarchy-3' | 'hierarchy-square' | 'hierarchy-square-2' | 'hierarchy-square-3' | 'history' | 'home' | 'home-2' | 'home-3' | 'home-hashtag' | 'home-trend-down' | 'home-trend-up' | 'home-wifi' | 'hospital' | 'house' | 'house-2' | 'html-3' | 'html-5' | 'huobi-token' | 'i-24-support' | 'i-3-d-cube-scan' | 'i-3-d-rotate' | 'i-3-d-square' | 'i-3-dcube' | 'i-3-square' | 'icon' | 'illustrator' | 'image' | 'import' | 'import-circle' | 'import-curve' | 'import-square' | 'inbox' | 'info' | 'info-circle' | 'information' | 'instagram' | 'iost' | 'java-script' | 'js' | 'judge' | 'kanban' | 'key' | 'key-square' | 'keyboard' | 'keyboard-open' | 'kyber-network' | 'lamp' | 'lamp-charge' | 'lamp-on' | 'lamp-slash' | 'language-circle' | 'language-square' | 'layer' | 'layout-dashboard' | 'layout-grid' | 'layout-maximize' | 'level' | 'lifebuoy' | 'lightbulb' | 'like' | 'like-1' | 'like-dislike' | 'like-shapes' | 'like-tag' | 'link' | 'link-1' | 'link-2' | 'link-21' | 'link-circle' | 'link-square' | 'list' | 'litecoin' | 'location' | 'location-add' | 'location-cross' | 'location-discover' | 'location-minus' | 'location-slash' | 'location-tick' | 'lock' | 'lock-1' | 'lock-circle' | 'lock-slash' | 'log-out' | 'login' | 'login-curve' | 'logout' | 'logout-curve' | 'lovely' | 'magic-star' | 'magicpen' | 'mail' | 'main-component' | 'maker' | 'man' | 'map' | 'map-1' | 'map-pin' | 'mask' | 'mask-left' | 'mask-right' | 'math' | 'maximize' | 'maximize-1' | 'maximize-2' | 'maximize-3' | 'maximize-4' | 'maximize-circle' | 'medal' | 'medal-star' | 'menu' | 'menu-board' | 'message' | 'message-2' | 'message-add' | 'message-add-1' | 'message-circle' | 'message-edit' | 'message-favorite' | 'message-minus' | 'message-notif' | 'message-programming' | 'message-question' | 'message-remove' | 'message-search' | 'message-square' | 'message-text' | 'message-text-1' | 'message-tick' | 'message-time' | 'messages' | 'messages-1' | 'messages-2' | 'messages-3' | 'messenger' | 'microphone' | 'microphone-2' | 'microphone-slash' | 'microphone-slash-1' | 'microscope' | 'milk' | 'mini-music-sqaure' | 'minus' | 'minus-cirlce' | 'minus-square' | 'mirror' | 'mirroring-screen' | 'mobile' | 'mobile-programming' | 'monero' | 'money' | 'money-2' | 'money-3' | 'money-4' | 'money-add' | 'money-archive' | 'money-change' | 'money-forbidden' | 'money-recive' | 'money-remove' | 'money-send' | 'money-tick' | 'money-time' | 'moneys' | 'monitor' | 'monitor-mobbile' | 'monitor-recorder' | 'moon' | 'more' | 'more-2' | 'more-circle' | 'more-horizontal' | 'more-square' | 'mouse' | 'mouse-circle' | 'mouse-square' | 'music' | 'music-circle' | 'music-dashboard' | 'music-filter' | 'music-library-2' | 'music-play' | 'music-playlist' | 'music-square' | 'music-square-add' | 'music-square-remove' | 'music-square-search' | 'musicnote' | 'nebulas' | 'nem' | 'nexo' | 'next' | 'note' | 'note-1' | 'note-add' | 'note-favorite' | 'note-remove' | 'note-square' | 'note-text' | 'notepad' | 'notepad-2' | 'notification' | 'notification-1' | 'notification-bing' | 'notification-circle' | 'notification-favorite' | 'notification-status' | 'ocean-protocol' | 'okb' | 'okru' | 'omega-circle' | 'omega-square' | 'ontology' | 'paintbucket' | 'palette' | 'panel-left-close' | 'panel-left-open' | 'paperclip' | 'paperclip-2' | 'password-check' | 'path-tool' | 'path-tool-2' | 'path-tool-square' | 'pause' | 'pause-circle' | 'paypal' | 'pen-add' | 'pen-close' | 'pen-remove' | 'pen-tool' | 'pen-tool-2' | 'pencil' | 'people' | 'percentage-circle' | 'percentage-square' | 'personalcard' | 'pet' | 'pharagraphspacing' | 'phone' | 'photoshop' | 'picture-frame' | 'play' | 'play-add' | 'play-circle' | 'play-cricle' | 'play-remove' | 'plug' | 'plus' | 'plus-circle' | 'pointer' | 'polkadot' | 'polygon' | 'polyswarm' | 'presention-chart' | 'previous' | 'printer' | 'printer-slash' | 'profile' | 'profile-2-user' | 'profile-add' | 'profile-circle' | 'profile-delete' | 'profile-remove' | 'profile-tick' | 'programming-arrow' | 'programming-arrows' | 'python' | 'quant' | 'quote-down' | 'quote-down-circle' | 'quote-down-square' | 'quote-up' | 'quote-up-circle' | 'quote-up-square' | 'radar' | 'radar-2' | 'radio' | 'ram' | 'ram-2' | 'rank' | 'ranking' | 'receipt' | 'receipt-1' | 'receipt-2' | 'receipt-21' | 'receipt-add' | 'receipt-discount' | 'receipt-disscount' | 'receipt-edit' | 'receipt-item' | 'receipt-minus' | 'receipt-search' | 'receipt-square' | 'receipt-text' | 'receive' | 'receive-square' | 'receive-square-2' | 'record' | 'record-circle' | 'recovery-convert' | 'refresh' | 'refresh-2' | 'refresh-circle' | 'refresh-cw' | 'refresh-left-square' | 'refresh-right-square' | 'refresh-square' | 'repeat' | 'repeat-circle' | 'repeate-music' | 'repeate-one' | 'reserve' | 'rotate-ccw' | 'rotate-left' | 'rotate-right' | 'route-square' | 'routing' | 'routing-2' | 'row-horizontal' | 'row-vertical' | 'ruler' | 'ruler-pen' | 'safe-home' | 'sagittarius' | 'save-2' | 'save-add' | 'save-minus' | 'save-remove' | 'scan' | 'scan-barcode' | 'scanner' | 'scanning' | 'scissor' | 'screenmirroring' | 'scroll' | 'search' | 'search-favorite' | 'search-favorite-1' | 'search-normal' | 'search-normal-1' | 'search-status' | 'search-status-1' | 'search-zoom-in' | 'search-zoom-in-1' | 'search-zoom-out' | 'search-zoom-out-1' | 'security' | 'security-card' | 'security-safe' | 'security-time' | 'security-user' | 'send' | 'send-2' | 'server' | 'setting' | 'setting-2' | 'setting-3' | 'setting-4' | 'setting-5' | 'settings' | 'shapes' | 'shapes-1' | 'share' | 'share-2' | 'shield' | 'shield-check' | 'shield-cross' | 'shield-lock' | 'shield-plus' | 'shield-search' | 'shield-security' | 'shield-slash' | 'shield-tick' | 'ship' | 'shop' | 'shop-add' | 'shop-remove' | 'shopping-bag' | 'shopping-cart' | 'shuffle' | 'shutterstock' | 'siacoin' | 'sidebar-bottom' | 'sidebar-left' | 'sidebar-right' | 'sidebar-top' | 'signpost' | 'simcard' | 'simcard-1' | 'simcard-2' | 'size' | 'slack' | 'slash' | 'slider' | 'slider-horizontal' | 'slider-horizontal-1' | 'slider-vertical' | 'slider-vertical-1' | 'smallcaps' | 'smart-car' | 'smart-home' | 'smileys' | 'sms' | 'sms-edit' | 'sms-notification' | 'sms-search' | 'sms-star' | 'sms-tracking' | 'snapchat' | 'solana' | 'sort' | 'sound' | 'sparkles' | 'speaker' | 'speedometer' | 'spotify' | 'stacks' | 'star' | 'star-1' | 'star-slash' | 'stars' | 'status' | 'status-up' | 'stellar' | 'sticker' | 'stickynote' | 'stop' | 'stop-circle' | 'story' | 'strongbox' | 'strongbox-2' | 'subtitle' | 'sun' | 'sun-1' | 'sun-fog' | 'table-document' | 'table-lamp' | 'tag' | 'tag-2' | 'tag-cross' | 'tag-right' | 'tag-user' | 'task' | 'task-square' | 'teacher' | 'telephone' | 'tenx' | 'tether' | 'text' | 'text-block' | 'text-bold' | 'text-italic' | 'text-underline' | 'textalign-center' | 'textalign-justifycenter' | 'textalign-justifyleft' | 'textalign-justifyright' | 'textalign-left' | 'textalign-right' | 'the-graph' | 'theta' | 'thorchain' | 'tick-circle' | 'tick-square' | 'ticket' | 'ticket-2' | 'ticket-discount' | 'ticket-expired' | 'ticket-star' | 'timer' | 'timer-1' | 'timer-pause' | 'timer-start' | 'toggle-off' | 'toggle-off-circle' | 'toggle-on' | 'toggle-on-circle' | 'trade' | 'transaction-minus' | 'translate' | 'transmit' | 'transmit-sqaure-2' | 'transmit-square' | 'trash' | 'trash-2' | 'tree' | 'trello' | 'trend-down' | 'trend-up' | 'trending-up' | 'triangle' | 'triangle-logo' | 'trontron' | 'truck' | 'truck-fast' | 'truck-remove' | 'truck-tick' | 'truck-time' | 'trush-square' | 'twitch' | 'two-page' | 'ui-8' | 'unlimited' | 'unlock' | 'upload' | 'usd-coin' | 'user' | 'user-add' | 'user-check' | 'user-cirlce-add' | 'user-edit' | 'user-minus' | 'user-octagon' | 'user-plus' | 'user-remove' | 'user-search' | 'user-square' | 'user-tag' | 'user-tick' | 'users' | 'velas' | 'verify' | 'vibe' | 'video' | 'video-add' | 'video-circle' | 'video-horizontal' | 'video-octagon' | 'video-play' | 'video-remove' | 'video-slash' | 'video-square' | 'video-tick' | 'video-time' | 'video-vertical' | 'voice-cricle' | 'voice-square' | 'volume' | 'volume-cross' | 'volume-high' | 'volume-low' | 'volume-low-1' | 'volume-mute' | 'volume-slash' | 'volume-up' | 'wallet' | 'wallet-1' | 'wallet-2' | 'wallet-3' | 'wallet-add' | 'wallet-add-1' | 'wallet-check' | 'wallet-minus' | 'wallet-money' | 'wallet-remove' | 'wallet-search' | 'wallet2' | 'wanchain' | 'wanchain-1' | 'wand-sparkles' | 'warning-2' | 'watch' | 'watch-status' | 'weight' | 'weight-meter' | 'whatsapp' | 'wifi' | 'wifi-square' | 'wind' | 'wind-2' | 'windows' | 'wing' | 'woman' | 'wrist-clock' | 'x' | 'x-circle' | 'xd' | 'xiaomi' | 'xrp' | 'youtube' | 'zap' | 'zel' | 'zoom' | 'zoom-in' | 'zoom-out';
+export type IconName = 'aave' | 'activity' | 'add' | 'add-circle' | 'add-square' | 'additem' | 'airdrop' | 'airplane' | 'airplane-square' | 'airpod' | 'airpods' | 'alarm' | 'alert-circle' | 'alert-triangle' | 'align-bottom' | 'align-horizontally' | 'align-left' | 'align-right' | 'align-top' | 'align-vertically' | 'android' | 'ankr' | 'apple' | 'aquarius' | 'archive' | 'archive-add' | 'archive-book' | 'archive-box' | 'archive-minus' | 'archive-slash' | 'archive-tick' | 'arrange-horizontal' | 'arrange-horizontal-circle' | 'arrange-horizontal-square' | 'arrange-vertical' | 'arrange-vertical-circle' | 'arrange-vertical-square' | 'arrow' | 'arrow-circle-down' | 'arrow-circle-down-2' | 'arrow-circle-left' | 'arrow-circle-left-2' | 'arrow-circle-right' | 'arrow-circle-right-2' | 'arrow-circle-up' | 'arrow-circle-up-2' | 'arrow-down' | 'arrow-down-2' | 'arrow-down-3' | 'arrow-down-up' | 'arrow-forward' | 'arrow-forward-square' | 'arrow-left' | 'arrow-left-2' | 'arrow-left-3' | 'arrow-right' | 'arrow-right-2' | 'arrow-right-3' | 'arrow-rotate-left' | 'arrow-rotate-right' | 'arrow-square' | 'arrow-square-down' | 'arrow-square-left' | 'arrow-square-right' | 'arrow-square-up' | 'arrow-swap-horizontal' | 'arrow-swap-vertical' | 'arrow-up' | 'arrow-up-2' | 'arrow-up-3' | 'arrow-up-right' | 'attach-circle' | 'attach-square' | 'audio-square' | 'augur' | 'autobrightness' | 'autonio' | 'avalanche' | 'award' | 'back' | 'back-square' | 'backward' | 'backward-10-seconds' | 'backward-15-seconds' | 'backward-5-seconds' | 'backward-item' | 'badge-check' | 'bag' | 'bag-2' | 'bag-cross' | 'bag-cross-1' | 'bag-happy' | 'bag-tick' | 'bag-tick-2' | 'bag-timer' | 'bank' | 'barcode' | 'battery-charging' | 'battery-disable' | 'battery-empty' | 'battery-empty-1' | 'battery-full' | 'be' | 'bell' | 'bezier' | 'bill' | 'binance-coin' | 'binance-usd' | 'bitcoin' | 'bitcoin-card' | 'bitcoin-convert' | 'bitcoin-refresh' | 'blend' | 'blend-2' | 'blogger' | 'bluetooth' | 'bluetooth-2' | 'bluetooth-circle' | 'bluetooth-rectangle' | 'blur' | 'book' | 'book-1' | 'book-saved' | 'book-square' | 'bookmark' | 'bookmark-2' | 'bootstrap' | 'box' | 'box-1' | 'box-2' | 'box-add' | 'box-remove' | 'box-seam' | 'box-search' | 'box-tick' | 'box-time' | 'briefcase' | 'brifecase-cross' | 'brifecase-tick' | 'brifecase-timer' | 'brodcast' | 'broom' | 'brush' | 'brush-2' | 'brush-3' | 'brush-big' | 'brush-square' | 'bubble' | 'bucket' | 'bucket-circle' | 'bucket-square' | 'bug' | 'building' | 'building-2' | 'building-3' | 'building-4' | 'buildings' | 'buildings-2' | 'buliding' | 'bullseye' | 'bus' | 'buy-crypto' | 'cake' | 'calculator' | 'calendar' | 'calendar-1' | 'calendar-2' | 'calendar-add' | 'calendar-check' | 'calendar-circle' | 'calendar-dots' | 'calendar-edit' | 'calendar-remove' | 'calendar-search' | 'calendar-tick' | 'call' | 'call-add' | 'call-calling' | 'call-incoming' | 'call-minus' | 'call-outgoing' | 'call-received' | 'call-remove' | 'call-slash' | 'camera' | 'camera-slash' | 'candle' | 'candle-2' | 'car' | 'card' | 'card-add' | 'card-coin' | 'card-edit' | 'card-pos' | 'card-receive' | 'card-remove' | 'card-remove-1' | 'card-send' | 'card-slash' | 'card-tick' | 'card-tick-1' | 'cardano' | 'cards' | 'cash-stack' | 'category' | 'category-2' | 'cd' | 'celo' | 'celsius' | 'chainlink' | 'chart' | 'chart-1' | 'chart-2' | 'chart-21' | 'chart-circle' | 'chart-column' | 'chart-fail' | 'chart-square' | 'chart-success' | 'chat' | 'chat-dots' | 'check' | 'check-check' | 'check-circle' | 'chemical-glass' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up-down' | 'chrome' | 'circle' | 'circle-help' | 'civic' | 'clipboard' | 'clipboard-check' | 'clipboard-close' | 'clipboard-export' | 'clipboard-import' | 'clipboard-text' | 'clipboard-tick' | 'clock' | 'close-circle' | 'close-square' | 'cloud' | 'cloud-add' | 'cloud-change' | 'cloud-connection' | 'cloud-cross' | 'cloud-drizzle' | 'cloud-fog' | 'cloud-lightning' | 'cloud-minus' | 'cloud-notif' | 'cloud-plus' | 'cloud-remove' | 'cloud-snow' | 'cloud-sunny' | 'code' | 'code-1' | 'code-circle' | 'coffee' | 'coin' | 'coin-1' | 'coins' | 'color-swatch' | 'colorfilter' | 'colors-square' | 'command' | 'command-square' | 'component' | 'computing' | 'contact' | 'convert' | 'convert-3-d-cube' | 'convert-card' | 'convertshape' | 'convertshape-2' | 'copy' | 'copy-success' | 'copyright' | 'courthouse' | 'cpu' | 'cpu-charge' | 'cpu-setting' | 'creative-commons' | 'credit-card' | 'crop' | 'crown' | 'crown-1' | 'cup' | 'cursor' | 'cut' | 'dai' | 'danger' | 'dash' | 'data' | 'data-2' | 'decred' | 'dent' | 'designtools' | 'device-message' | 'devices' | 'diagram' | 'diagram-3' | 'diamonds' | 'direct' | 'direct-down' | 'direct-inbox' | 'direct-left' | 'direct-normal' | 'direct-notification' | 'direct-right' | 'direct-send' | 'direct-up' | 'directbox-default' | 'directbox-notif' | 'directbox-receive' | 'directbox-send' | 'discount-circle' | 'discount-shape' | 'discover' | 'dislike' | 'display' | 'document' | 'document-cloud' | 'document-code' | 'document-code-2' | 'document-copy' | 'document-download' | 'document-favorite' | 'document-filter' | 'document-forward' | 'document-like' | 'document-previous' | 'document-sketch' | 'document-text' | 'document-text-1' | 'document-upload' | 'dollar-circle' | 'dollar-square' | 'download' | 'dribbble' | 'driver' | 'driver-2' | 'driver-refresh' | 'driving' | 'drop' | 'dropbox' | 'edit' | 'edit-2' | 'educare' | 'electricity' | 'element' | 'element-2' | 'element-3' | 'element-4' | 'element-equal' | 'element-plus' | 'emercoin' | 'emoji-happy' | 'emoji-normal' | 'emoji-sad' | 'emoji-smile' | 'empty-wallet' | 'empty-wallet-add' | 'empty-wallet-change' | 'empty-wallet-remove' | 'empty-wallet-tick' | 'empty-wallet-time' | 'enjin-coin' | 'eos' | 'eraser' | 'eraser-square' | 'ethereum' | 'ethereum-classic' | 'export' | 'export-circle' | 'export-curve' | 'export-square' | 'external-drive' | 'external-link' | 'eye' | 'eye-off' | 'eye-slash' | 'facebook' | 'factory' | 'fatrows' | 'favorite-chart' | 'figma' | 'figma-1' | 'file-plus-2' | 'file-text' | 'files' | 'filter' | 'filter-add' | 'filter-edit' | 'filter-remove' | 'filter-search' | 'filter-square' | 'filter-tick' | 'finger-cricle' | 'finger-scan' | 'firstline' | 'flag' | 'flag-2' | 'flash' | 'flash-circle' | 'flash-slash' | 'flashy' | 'folder' | 'folder-2' | 'folder-add' | 'folder-cloud' | 'folder-connection' | 'folder-cross' | 'folder-favorite' | 'folder-kanban' | 'folder-minus' | 'folder-open' | 'folder-plus' | 'forbidden' | 'forbidden-2' | 'format-circle' | 'format-square' | 'forward' | 'forward-10-seconds' | 'forward-15-seconds' | 'forward-5-seconds' | 'forward-item' | 'framer' | 'ftx-token' | 'gallery' | 'gallery-add' | 'gallery-edit' | 'gallery-export' | 'gallery-favorite' | 'gallery-import' | 'gallery-remove' | 'gallery-slash' | 'gallery-tick' | 'game' | 'gameboy' | 'gas-station' | 'gauge' | 'gemini' | 'gemini-2' | 'ghost' | 'gift' | 'glass' | 'global' | 'global-edit' | 'global-refresh' | 'global-search' | 'globe' | 'globe2' | 'google' | 'google-drive' | 'google-play' | 'gps' | 'gps-slash' | 'grammerly' | 'graph' | 'grid' | 'grid-1' | 'grid-2' | 'grid-3' | 'grid-4' | 'grid-5' | 'grid-6' | 'grid-7' | 'grid-8' | 'grid-9' | 'grid-edit' | 'grid-eraser' | 'grid-lock' | 'hamberger-menu' | 'happyemoji' | 'hard-hat' | 'harmony' | 'hashtag' | 'hashtag-down' | 'hashtag-square' | 'hashtag-up' | 'headphone' | 'headphones' | 'health' | 'heart' | 'heart-add' | 'heart-circle' | 'heart-edit' | 'heart-remove' | 'heart-search' | 'heart-slash' | 'heart-tick' | 'hedera-hashgraph' | 'hex' | 'hierarchy' | 'hierarchy-2' | 'hierarchy-3' | 'hierarchy-square' | 'hierarchy-square-2' | 'hierarchy-square-3' | 'history' | 'home' | 'home-2' | 'home-3' | 'home-hashtag' | 'home-trend-down' | 'home-trend-up' | 'home-wifi' | 'hospital' | 'house' | 'house-2' | 'html-3' | 'html-5' | 'huobi-token' | 'i-24-support' | 'i-3-d-cube-scan' | 'i-3-d-rotate' | 'i-3-d-square' | 'i-3-dcube' | 'i-3-square' | 'icon' | 'illustrator' | 'image' | 'import' | 'import-circle' | 'import-curve' | 'import-square' | 'inbox' | 'info' | 'info-circle' | 'information' | 'instagram' | 'iost' | 'java-script' | 'js' | 'judge' | 'kanban' | 'key' | 'key-square' | 'keyboard' | 'keyboard-open' | 'kyber-network' | 'lamp' | 'lamp-charge' | 'lamp-on' | 'lamp-slash' | 'language-circle' | 'language-square' | 'layer' | 'layout-dashboard' | 'layout-grid' | 'layout-maximize' | 'level' | 'lifebuoy' | 'lightbulb' | 'like' | 'like-1' | 'like-dislike' | 'like-shapes' | 'like-tag' | 'link' | 'link-1' | 'link-2' | 'link-21' | 'link-circle' | 'link-square' | 'list' | 'litecoin' | 'location' | 'location-add' | 'location-cross' | 'location-discover' | 'location-minus' | 'location-slash' | 'location-tick' | 'lock' | 'lock-1' | 'lock-circle' | 'lock-slash' | 'log-out' | 'login' | 'login-curve' | 'logout' | 'logout-curve' | 'lovely' | 'magic-star' | 'magicpen' | 'mail' | 'main-component' | 'maker' | 'man' | 'map' | 'map-1' | 'map-pin' | 'mask' | 'mask-left' | 'mask-right' | 'math' | 'maximize' | 'maximize-1' | 'maximize-2' | 'maximize-3' | 'maximize-4' | 'maximize-circle' | 'medal' | 'medal-star' | 'menu' | 'menu-board' | 'message' | 'message-2' | 'message-add' | 'message-add-1' | 'message-circle' | 'message-edit' | 'message-favorite' | 'message-minus' | 'message-notif' | 'message-programming' | 'message-question' | 'message-remove' | 'message-search' | 'message-square' | 'message-text' | 'message-text-1' | 'message-tick' | 'message-time' | 'messages' | 'messages-1' | 'messages-2' | 'messages-3' | 'messenger' | 'microphone' | 'microphone-2' | 'microphone-slash' | 'microphone-slash-1' | 'microscope' | 'milk' | 'mini-music-sqaure' | 'minus' | 'minus-cirlce' | 'minus-square' | 'mirror' | 'mirroring-screen' | 'mobile' | 'mobile-programming' | 'monero' | 'money' | 'money-2' | 'money-3' | 'money-4' | 'money-add' | 'money-archive' | 'money-change' | 'money-forbidden' | 'money-recive' | 'money-remove' | 'money-send' | 'money-tick' | 'money-time' | 'moneys' | 'monitor' | 'monitor-mobbile' | 'monitor-recorder' | 'moon' | 'more' | 'more-2' | 'more-circle' | 'more-horizontal' | 'more-square' | 'mouse' | 'mouse-circle' | 'mouse-square' | 'music' | 'music-circle' | 'music-dashboard' | 'music-filter' | 'music-library-2' | 'music-play' | 'music-playlist' | 'music-square' | 'music-square-add' | 'music-square-remove' | 'music-square-search' | 'musicnote' | 'nebulas' | 'nem' | 'nexo' | 'next' | 'note' | 'note-1' | 'note-add' | 'note-favorite' | 'note-remove' | 'note-square' | 'note-text' | 'notepad' | 'notepad-2' | 'notification' | 'notification-1' | 'notification-bing' | 'notification-circle' | 'notification-favorite' | 'notification-status' | 'ocean-protocol' | 'okb' | 'okru' | 'omega-circle' | 'omega-square' | 'ontology' | 'paintbucket' | 'palette' | 'panel-left-close' | 'panel-left-open' | 'paperclip' | 'paperclip-2' | 'password-check' | 'path-tool' | 'path-tool-2' | 'path-tool-square' | 'pause' | 'pause-circle' | 'paypal' | 'pen-add' | 'pen-close' | 'pen-remove' | 'pen-tool' | 'pen-tool-2' | 'pencil' | 'people' | 'percentage-circle' | 'percentage-square' | 'personalcard' | 'pet' | 'pharagraphspacing' | 'phone' | 'photoshop' | 'picture-frame' | 'play' | 'play-add' | 'play-circle' | 'play-cricle' | 'play-remove' | 'plug' | 'plus' | 'plus-circle' | 'pointer' | 'polkadot' | 'polygon' | 'polyswarm' | 'presention-chart' | 'previous' | 'printer' | 'printer-slash' | 'profile' | 'profile-2-user' | 'profile-add' | 'profile-circle' | 'profile-delete' | 'profile-remove' | 'profile-tick' | 'programming-arrow' | 'programming-arrows' | 'python' | 'quant' | 'quote-down' | 'quote-down-circle' | 'quote-down-square' | 'quote-up' | 'quote-up-circle' | 'quote-up-square' | 'radar' | 'radar-2' | 'radio' | 'ram' | 'ram-2' | 'rank' | 'ranking' | 'receipt' | 'receipt-1' | 'receipt-2' | 'receipt-21' | 'receipt-add' | 'receipt-discount' | 'receipt-disscount' | 'receipt-edit' | 'receipt-item' | 'receipt-minus' | 'receipt-search' | 'receipt-square' | 'receipt-text' | 'receive' | 'receive-square' | 'receive-square-2' | 'record' | 'record-circle' | 'recovery-convert' | 'refresh' | 'refresh-2' | 'refresh-circle' | 'refresh-cw' | 'refresh-left-square' | 'refresh-right-square' | 'refresh-square' | 'repeat' | 'repeat-circle' | 'repeate-music' | 'repeate-one' | 'reserve' | 'rotate-ccw' | 'rotate-cw' | 'rotate-left' | 'rotate-right' | 'route-square' | 'routing' | 'routing-2' | 'row-horizontal' | 'row-vertical' | 'ruler' | 'ruler-pen' | 'safe-home' | 'sagittarius' | 'save-2' | 'save-add' | 'save-minus' | 'save-remove' | 'scan' | 'scan-barcode' | 'scanner' | 'scanning' | 'scissor' | 'screenmirroring' | 'scroll' | 'search' | 'search-favorite' | 'search-favorite-1' | 'search-normal' | 'search-normal-1' | 'search-status' | 'search-status-1' | 'search-zoom-in' | 'search-zoom-in-1' | 'search-zoom-out' | 'search-zoom-out-1' | 'security' | 'security-card' | 'security-safe' | 'security-time' | 'security-user' | 'send' | 'send-2' | 'server' | 'setting' | 'setting-2' | 'setting-3' | 'setting-4' | 'setting-5' | 'settings' | 'shapes' | 'shapes-1' | 'share' | 'share-2' | 'shield' | 'shield-check' | 'shield-cross' | 'shield-lock' | 'shield-plus' | 'shield-search' | 'shield-security' | 'shield-slash' | 'shield-tick' | 'ship' | 'shop' | 'shop-add' | 'shop-remove' | 'shopping-bag' | 'shopping-cart' | 'shuffle' | 'shutterstock' | 'siacoin' | 'sidebar-bottom' | 'sidebar-left' | 'sidebar-right' | 'sidebar-top' | 'signpost' | 'simcard' | 'simcard-1' | 'simcard-2' | 'size' | 'slack' | 'slash' | 'slider' | 'slider-horizontal' | 'slider-horizontal-1' | 'slider-vertical' | 'slider-vertical-1' | 'smallcaps' | 'smart-car' | 'smart-home' | 'smileys' | 'sms' | 'sms-edit' | 'sms-notification' | 'sms-search' | 'sms-star' | 'sms-tracking' | 'snapchat' | 'solana' | 'sort' | 'sound' | 'sparkles' | 'speaker' | 'speedometer' | 'spotify' | 'stacks' | 'star' | 'star-1' | 'star-slash' | 'stars' | 'status' | 'status-up' | 'stellar' | 'sticker' | 'stickynote' | 'stop' | 'stop-circle' | 'story' | 'strongbox' | 'strongbox-2' | 'subtitle' | 'sun' | 'sun-1' | 'sun-fog' | 'table-document' | 'table-lamp' | 'tag' | 'tag-2' | 'tag-cross' | 'tag-right' | 'tag-user' | 'task' | 'task-square' | 'teacher' | 'telephone' | 'tenx' | 'tether' | 'text' | 'text-block' | 'text-bold' | 'text-italic' | 'text-underline' | 'textalign-center' | 'textalign-justifycenter' | 'textalign-justifyleft' | 'textalign-justifyright' | 'textalign-left' | 'textalign-right' | 'the-graph' | 'theta' | 'thorchain' | 'tick-circle' | 'tick-square' | 'ticket' | 'ticket-2' | 'ticket-discount' | 'ticket-expired' | 'ticket-star' | 'timer' | 'timer-1' | 'timer-pause' | 'timer-start' | 'toggle-off' | 'toggle-off-circle' | 'toggle-on' | 'toggle-on-circle' | 'trade' | 'transaction-minus' | 'translate' | 'transmit' | 'transmit-sqaure-2' | 'transmit-square' | 'trash' | 'trash-2' | 'tree' | 'trello' | 'trend-down' | 'trend-up' | 'trending-up' | 'triangle' | 'triangle-logo' | 'trontron' | 'truck' | 'truck-fast' | 'truck-remove' | 'truck-tick' | 'truck-time' | 'trush-square' | 'twitch' | 'two-page' | 'ui-8' | 'unlimited' | 'unlock' | 'upload' | 'usd-coin' | 'user' | 'user-add' | 'user-check' | 'user-cirlce-add' | 'user-edit' | 'user-minus' | 'user-octagon' | 'user-plus' | 'user-remove' | 'user-search' | 'user-square' | 'user-tag' | 'user-tick' | 'users' | 'velas' | 'verify' | 'vibe' | 'video' | 'video-add' | 'video-circle' | 'video-horizontal' | 'video-octagon' | 'video-play' | 'video-remove' | 'video-slash' | 'video-square' | 'video-tick' | 'video-time' | 'video-vertical' | 'voice-cricle' | 'voice-square' | 'volume' | 'volume-cross' | 'volume-high' | 'volume-low' | 'volume-low-1' | 'volume-mute' | 'volume-slash' | 'volume-up' | 'wallet' | 'wallet-1' | 'wallet-2' | 'wallet-3' | 'wallet-add' | 'wallet-add-1' | 'wallet-check' | 'wallet-minus' | 'wallet-money' | 'wallet-remove' | 'wallet-search' | 'wallet2' | 'wanchain' | 'wanchain-1' | 'wand-sparkles' | 'warning-2' | 'watch' | 'watch-status' | 'weight' | 'weight-meter' | 'whatsapp' | 'wifi' | 'wifi-square' | 'wind' | 'wind-2' | 'windows' | 'wing' | 'woman' | 'wrist-clock' | 'x' | 'x-circle' | 'xd' | 'xiaomi' | 'xrp' | 'youtube' | 'zap' | 'zel' | 'zoom' | 'zoom-in' | 'zoom-out';
 export declare const ICON_NAMES: IconName[];
 export type CatalogStyle = 'linear' | 'bold' | 'broken' | 'bulk' | 'outline' | 'twotone';
 type ShardLoader = () => Record<string, string>;