@lightsparkdev/ui 1.0.8 → 1.0.9

package/dist/router.d.ts

@@ -1,47 +1,131 @@
-import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { Theme } from '@emotion/react';
-import { Interpolation } from '@emotion/styled';
-import react__default, { MouseEventHandler } from 'react';
-import { NavigateOptions, PathMatch } from 'react-router-dom';
-
-type QueryParams = {
-    [key: string]: string;
-} | string;
-type RouteParam = string;
-type RouteParams = {
-    [key: string]: RouteParam | QueryParams;
-};
-type RouteHash = string | null;
-type ExternalLink = string;
-type LinkProps<RoutesType extends string> = {
-    to?: RoutesType | undefined;
-    id?: string | undefined;
-    externalLink?: ExternalLink | undefined;
-    filename?: string | undefined;
-    onClick?: MouseEventHandler<HTMLAnchorElement> | undefined;
-    params?: RouteParams | undefined;
-    children?: react__default.ReactNode;
-    css?: Interpolation<Theme>;
-    className?: string;
-    blue?: boolean;
-    newTab?: boolean;
-    hash?: RouteHash | undefined;
-};
-declare function replaceParams<RoutesType extends string>(to: RoutesType, params: LinkProps<RoutesType>["params"]): RoutesType;
-declare function Link<RoutesType extends string>({ to, id, externalLink, filename, params, children, css, onClick, className, hash, blue, newTab, }: LinkProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
-type NavigateProps<RoutesType extends string> = Omit<LinkProps<RoutesType>, "children"> & {
-    to: RoutesType;
-    state?: unknown;
-    replace?: boolean;
-};
-declare function Navigate<RoutesType extends string>({ to, params, state, replace, }: NavigateProps<RoutesType>): _emotion_react_jsx_runtime.JSX.Element;
-declare function useNavigate<RoutesType extends string>(): (to: RoutesType | number, params?: LinkProps<RoutesType>["params"], options?: NavigateOptions) => void;
-declare function useMatchRoutes<RoutesType extends string>(routes: RoutesType[]): boolean;
-declare function useFindMatchingRoute<RoutesType extends string>(routes: RoutesType[]): RoutesType | undefined;
-declare function useMatchRoute<RoutesType extends string>(route: RoutesType): PathMatch<string> | null;
-declare function useCurrentRoute<RoutesType extends string>(): RoutesType;
-declare function getRouteName<RoutesType extends string>(path: RoutesType, routes: {
-    [key: string]: string;
-}): string | null;
-
-export { ExternalLink, Link, LinkProps, Navigate, QueryParams, RouteHash, RouteParams, getRouteName, replaceParams, useCurrentRoute, useFindMatchingRoute, useMatchRoute, useMatchRoutes, useNavigate };
+import '@emotion/react/jsx-runtime';
+import '@emotion/react';
+import '@emotion/styled';
+import 'react';
+import 'react-router-dom';
+export { E as ExternalLink, a4 as Link, a2 as LinkProps, a5 as Navigate, a1 as QueryParams, n as RouteHash, R as RouteParams, ab as getRouteName, a3 as replaceParams, aa as useCurrentRoute, a8 as useFindMatchingRoute, a9 as useMatchRoute, a7 as useMatchRoutes, a6 as useNavigate } from './router-BTHW5nz2.js';
+import './types/index.js';
+import '@lightsparkdev/core';
+import './themes-ewqUKrgr.js';
+import './components/Icon/types.js';
+import './index-CWs-zlDk.js';
+import './icons/AI.js';
+import './icons/AnchorLink.js';
+import './icons/ApiConnection.js';
+import './icons/AppIcon.js';
+import './icons/ArrowCircle.js';
+import './icons/ArrowCircleTier1.js';
+import './icons/ArrowCircleTier2.js';
+import './icons/ArrowCircleTier3.js';
+import './icons/ArrowCornerDownRight.js';
+import './icons/ArrowDown.js';
+import './icons/ArrowUp.js';
+import './icons/ArrowUpRightCircleFill.js';
+import './icons/Bank.js';
+import './icons/BitcoinB.js';
+import './icons/BitcoinBOnRoundedSquare.js';
+import './icons/CameraCapture.js';
+import './icons/CaretRight.js';
+import './icons/CentralArrowShareRight.js';
+import './icons/Checkmark.js';
+import './icons/CheckmarkCircleGreen.js';
+import './icons/CheckmarkCircleTier1.js';
+import './icons/CheckmarkCircleTier2.js';
+import './icons/CheckmarkCircleTier3.js';
+import './icons/Chevron.js';
+import './icons/ChevronLeft.js';
+import './icons/CircleCheck.js';
+import './icons/CircleCheckOutline.js';
+import './icons/CirclePlus.js';
+import './icons/Clock.js';
+import './icons/Close.js';
+import './icons/Code.js';
+import './icons/Copy.js';
+import './icons/CreditCard.js';
+import './icons/DeleteIcon.js';
+import './icons/Dollar.js';
+import './icons/DollarManrope.js';
+import './icons/DollarManropeSmall.js';
+import './icons/DotGrid1x3Horizontal.js';
+import './icons/Download.js';
+import './icons/Envelope.js';
+import './icons/ExclamationPoint.js';
+import './icons/Explorer.js';
+import './icons/Eye.js';
+import './icons/EyeDropper.js';
+import './icons/Figma.js';
+import './icons/FlutterTwoTone.js';
+import './icons/FramedLetterI.js';
+import './icons/Gear.js';
+import './icons/Github.js';
+import './icons/GoTwoTone.js';
+import './icons/GraphQLTwoTone.js';
+import './icons/HeartOutline.js';
+import './icons/Home.js';
+import './icons/HorizontalArrows.js';
+import './icons/Info.js';
+import './icons/JavaScriptTwoTone.js';
+import './icons/JavaTwoTone.js';
+import './icons/KotlinTwoTone.js';
+import './icons/LeftArrow.js';
+import './icons/LightningOnRoundedSquare.js';
+import './icons/LinkIcon.js';
+import './icons/LoadingCircleLines.js';
+import './icons/LoadingSpinner.js';
+import './icons/Lock.js';
+import './icons/Logo.js';
+import './icons/LogoBolt.js';
+import './icons/LogoOnCircle.js';
+import './icons/MagicWand.js';
+import './icons/Minus.js';
+import './icons/Monitor.js';
+import './icons/NodeAdd.js';
+import './icons/NonagonCheckmark.js';
+import './icons/Notebook.js';
+import './icons/NotEye.js';
+import './icons/PaperPlane.js';
+import './icons/Pencil.js';
+import './icons/Person.js';
+import './icons/PersonCircle.js';
+import './icons/PiggyBank.js';
+import './icons/Plus.js';
+import './icons/PythonTwoTone.js';
+import './icons/QRCodeIcon.js';
+import './icons/QuestionCircle.js';
+import './icons/QuestionCircleStrong.js';
+import './icons/ReactTwoTone.js';
+import './icons/ReceiptBill.js';
+import './icons/Recycling.js';
+import './icons/Remove.js';
+import './icons/Restart.js';
+import './icons/RightArrow.js';
+import './icons/Roadmap.js';
+import './icons/RustTwoTone.js';
+import './icons/Satoshi.js';
+import './icons/SatoshiRounded.js';
+import './icons/Search.js';
+import './icons/SecurityKey.js';
+import './icons/Selector.js';
+import './icons/SemiCircleOverlap.js';
+import './icons/Share.js';
+import './icons/ShieldCheck.js';
+import './icons/Sidebar.js';
+import './icons/Sort.js';
+import './icons/StackedLines.js';
+import './icons/SwiftTwoTone.js';
+import './icons/TapSingle.js';
+import './icons/Team.js';
+import './icons/Terminal.js';
+import './icons/Trash.js';
+import './icons/TwoArrowsDown.js';
+import './icons/TwoArrowsUp.js';
+import './icons/Uma.js';
+import './icons/UmaBridgeLoading.js';
+import './icons/UmaBridgeLoadingTransparent.js';
+import './icons/Upload.js';
+import './icons/WalletSDKIcon.js';
+import './icons/WarningSign.js';
+import './styles/tokens/typography.js';
+import '@emotion/css';
+import './styles/colors.js';
+import './components/Icon/Icon.js';

package/dist/router.js

@@ -8,10 +8,11 @@ import {
   useMatchRoute,
   useMatchRoutes,
   useNavigate
-} from "./chunk-34MTU3ER.js";
+} from "./chunk-ELHOJIVP.js";
+import "./chunk-5GLOHTP6.js";
 import "./chunk-EDN2QDCB.js";
-import "./chunk-REL56P3K.js";
-import "./chunk-LOPKRCGI.js";
+import "./chunk-RTRS42I3.js";
+import "./chunk-CWMXXUWU.js";
 export {
   Link,
   Navigate,

package/dist/styles/breakpoints.cjs

@@ -7,7 +7,7 @@
 
 
 var _chunkKW3JYLRIcjs = require('../chunk-KW3JYLRI.cjs');
-require('../chunk-LKKJVJCG.cjs');
+require('../chunk-YM5JDZDQ.cjs');
 
 
 

package/dist/styles/breakpoints.js

@@ -7,7 +7,7 @@ import {
   useBreakpoints,
   useScreenWidth
 } from "../chunk-JSGRNWSB.js";
-import "../chunk-LOPKRCGI.js";
+import "../chunk-CWMXXUWU.js";
 export {
   Breakpoint,
   BreakpointRanges,

package/dist/styles/colors.cjs

@@ -9,8 +9,8 @@
 
 
 
-var _chunkKSKKC6C2cjs = require('../chunk-KSKKC6C2.cjs');
-require('../chunk-LKKJVJCG.cjs');
+var _chunkO7USIZI6cjs = require('../chunk-O7USIZI6.cjs');
+require('../chunk-YM5JDZDQ.cjs');
 
 
 
@@ -22,4 +22,4 @@ require('../chunk-LKKJVJCG.cjs');
 
 
 
-exports.colors = _chunkKSKKC6C2cjs.colors; exports.componentToHex = _chunkKSKKC6C2cjs.componentToHex; exports.contrast = _chunkKSKKC6C2cjs.contrast; exports.darkGradient = _chunkKSKKC6C2cjs.darkGradient; exports.hcNeutralFromBg = _chunkKSKKC6C2cjs.hcNeutralFromBg; exports.hexToRGB = _chunkKSKKC6C2cjs.hexToRGB; exports.hexToRGBAStr = _chunkKSKKC6C2cjs.hexToRGBAStr; exports.isColorKey = _chunkKSKKC6C2cjs.isColorKey; exports.luminance = _chunkKSKKC6C2cjs.luminance; exports.rgbToHex = _chunkKSKKC6C2cjs.rgbToHex;
+exports.colors = _chunkO7USIZI6cjs.colors; exports.componentToHex = _chunkO7USIZI6cjs.componentToHex; exports.contrast = _chunkO7USIZI6cjs.contrast; exports.darkGradient = _chunkO7USIZI6cjs.darkGradient; exports.hcNeutralFromBg = _chunkO7USIZI6cjs.hcNeutralFromBg; exports.hexToRGB = _chunkO7USIZI6cjs.hexToRGB; exports.hexToRGBAStr = _chunkO7USIZI6cjs.hexToRGBAStr; exports.isColorKey = _chunkO7USIZI6cjs.isColorKey; exports.luminance = _chunkO7USIZI6cjs.luminance; exports.rgbToHex = _chunkO7USIZI6cjs.rgbToHex;

package/dist/styles/colors.d.cts

@@ -1,33 +1,38 @@
 import { Theme } from '@emotion/react';
 
 declare const darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-declare const colors: {
-    readonly success: string;
-    readonly green33: string;
-    readonly blue43: string;
-    readonly blue22: string;
-    readonly blue39: string;
-    readonly blue37: string;
-    readonly blue58: string;
-    readonly grayBlue5: string;
-    readonly grayBlue9: string;
-    readonly grayBlue18: string;
-    readonly grayBlue32: string;
-    readonly grayBlue43: string;
-    readonly grayBlue45: string;
-    readonly grayBlue57: string;
-    readonly grayBlue67: string;
-    readonly grayBlue69: string;
-    readonly grayBlue80: string;
-    readonly grayBlue88: string;
-    readonly grayBlue94: string;
-    readonly grayBlue96: string;
-    readonly purple43: string;
-    readonly purple55: string;
-    readonly red42a10: string;
-    readonly primary: string;
-    readonly warning: string;
-    readonly danger: string;
+/**
+ * In general human readable colors are represented as
+ * [colorName][colorLightness 1-100][alpha 1-100]. For example:
+ * red with 42 lightness and 10 alpha is red4210.
+ */
+declare const baseColors: {
+    readonly success: "#17C27C";
+    readonly green33: "#179257";
+    readonly blue43: "#145BC6";
+    readonly blue22: "#0E2E60";
+    readonly blue39: "#0068C9";
+    readonly blue37: "#21529c";
+    readonly blue58: "#28BFFF";
+    readonly grayBlue5: "#0c0d0f";
+    readonly grayBlue9: "#16171A";
+    readonly grayBlue18: "#21283a";
+    readonly grayBlue32: "#4F5156";
+    readonly grayBlue43: "#686A72";
+    readonly grayBlue45: "#676F80";
+    readonly grayBlue57: "#8B8E98";
+    readonly grayBlue67: "#9BA7B9";
+    readonly grayBlue69: "#A6A9BA";
+    readonly grayBlue80: "#C0C9D6";
+    readonly grayBlue88: "#DEDFE4";
+    readonly grayBlue94: "#EBEEF2";
+    readonly grayBlue96: "#F2F5F7";
+    readonly purple43: "#820AD1";
+    readonly purple55: "#8B38DE";
+    readonly red42a10: "#D800271A";
+    readonly primary: "#FFF14E";
+    readonly warning: "#FFF14E";
+    readonly danger: "#FD2C0F";
     readonly secondary: string;
     readonly black: string;
     readonly gray5: string;
@@ -40,6 +45,7 @@ declare const colors: {
     readonly gray50: string;
     readonly gray60: string;
     readonly gray70: string;
+    readonly gray75: string;
     readonly gray80: string;
     readonly gray85: string;
     readonly gray90: string;
@@ -48,6 +54,7 @@ declare const colors: {
     readonly gray98: string;
     readonly white: string;
 };
+declare const colors: { [K in keyof typeof baseColors]: string; };
 type ColorKey = keyof typeof colors;
 declare function isColorKey(key: string): key is ColorKey;
 declare function hcNeutralFromBg(bgHex: string, defaultHex?: string, altHex?: string): string;
@@ -63,4 +70,4 @@ type ThemeProp = {
 };
 type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
 
-export { ColorKey, ThemeProp, WithTheme, colors, componentToHex, contrast, darkGradient, hcNeutralFromBg, hexToRGB, hexToRGBAStr, isColorKey, luminance, rgbToHex };
+export { type ColorKey, type ThemeProp, type WithTheme, colors, componentToHex, contrast, darkGradient, hcNeutralFromBg, hexToRGB, hexToRGBAStr, isColorKey, luminance, rgbToHex };

package/dist/styles/colors.d.ts

@@ -1,33 +1,38 @@
 import { Theme } from '@emotion/react';
 
 declare const darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
-declare const colors: {
-    readonly success: string;
-    readonly green33: string;
-    readonly blue43: string;
-    readonly blue22: string;
-    readonly blue39: string;
-    readonly blue37: string;
-    readonly blue58: string;
-    readonly grayBlue5: string;
-    readonly grayBlue9: string;
-    readonly grayBlue18: string;
-    readonly grayBlue32: string;
-    readonly grayBlue43: string;
-    readonly grayBlue45: string;
-    readonly grayBlue57: string;
-    readonly grayBlue67: string;
-    readonly grayBlue69: string;
-    readonly grayBlue80: string;
-    readonly grayBlue88: string;
-    readonly grayBlue94: string;
-    readonly grayBlue96: string;
-    readonly purple43: string;
-    readonly purple55: string;
-    readonly red42a10: string;
-    readonly primary: string;
-    readonly warning: string;
-    readonly danger: string;
+/**
+ * In general human readable colors are represented as
+ * [colorName][colorLightness 1-100][alpha 1-100]. For example:
+ * red with 42 lightness and 10 alpha is red4210.
+ */
+declare const baseColors: {
+    readonly success: "#17C27C";
+    readonly green33: "#179257";
+    readonly blue43: "#145BC6";
+    readonly blue22: "#0E2E60";
+    readonly blue39: "#0068C9";
+    readonly blue37: "#21529c";
+    readonly blue58: "#28BFFF";
+    readonly grayBlue5: "#0c0d0f";
+    readonly grayBlue9: "#16171A";
+    readonly grayBlue18: "#21283a";
+    readonly grayBlue32: "#4F5156";
+    readonly grayBlue43: "#686A72";
+    readonly grayBlue45: "#676F80";
+    readonly grayBlue57: "#8B8E98";
+    readonly grayBlue67: "#9BA7B9";
+    readonly grayBlue69: "#A6A9BA";
+    readonly grayBlue80: "#C0C9D6";
+    readonly grayBlue88: "#DEDFE4";
+    readonly grayBlue94: "#EBEEF2";
+    readonly grayBlue96: "#F2F5F7";
+    readonly purple43: "#820AD1";
+    readonly purple55: "#8B38DE";
+    readonly red42a10: "#D800271A";
+    readonly primary: "#FFF14E";
+    readonly warning: "#FFF14E";
+    readonly danger: "#FD2C0F";
     readonly secondary: string;
     readonly black: string;
     readonly gray5: string;
@@ -40,6 +45,7 @@ declare const colors: {
     readonly gray50: string;
     readonly gray60: string;
     readonly gray70: string;
+    readonly gray75: string;
     readonly gray80: string;
     readonly gray85: string;
     readonly gray90: string;
@@ -48,6 +54,7 @@ declare const colors: {
     readonly gray98: string;
     readonly white: string;
 };
+declare const colors: { [K in keyof typeof baseColors]: string; };
 type ColorKey = keyof typeof colors;
 declare function isColorKey(key: string): key is ColorKey;
 declare function hcNeutralFromBg(bgHex: string, defaultHex?: string, altHex?: string): string;
@@ -63,4 +70,4 @@ type ThemeProp = {
 };
 type WithTheme<T extends Record<string, unknown>> = T & ThemeProp;
 
-export { ColorKey, ThemeProp, WithTheme, colors, componentToHex, contrast, darkGradient, hcNeutralFromBg, hexToRGB, hexToRGBAStr, isColorKey, luminance, rgbToHex };
+export { type ColorKey, type ThemeProp, type WithTheme, colors, componentToHex, contrast, darkGradient, hcNeutralFromBg, hexToRGB, hexToRGBAStr, isColorKey, luminance, rgbToHex };

package/dist/styles/colors.js

@@ -9,8 +9,8 @@ import {
   isColorKey,
   luminance,
   rgbToHex
-} from "../chunk-REL56P3K.js";
-import "../chunk-LOPKRCGI.js";
+} from "../chunk-RTRS42I3.js";
+import "../chunk-CWMXXUWU.js";
 export {
   colors,
   componentToHex,

package/dist/styles/common.cjs

@@ -21,14 +21,14 @@
 
 
 
-var _chunkPYL3O7AFcjs = require('../chunk-PYL3O7AF.cjs');
-require('../chunk-WTHHP7G2.cjs');
-require('../chunk-24SOCRDH.cjs');
-require('../chunk-YHDN5LEA.cjs');
-require('../chunk-TMTEVKSD.cjs');
+var _chunk23NA5VW6cjs = require('../chunk-23NA5VW6.cjs');
+require('../chunk-JX6HEEEQ.cjs');
+require('../chunk-SDDC5AVT.cjs');
+require('../chunk-73EJLMPT.cjs');
+require('../chunk-DCQM7IVK.cjs');
 require('../chunk-KW3JYLRI.cjs');
-require('../chunk-KSKKC6C2.cjs');
-require('../chunk-LKKJVJCG.cjs');
+require('../chunk-O7USIZI6.cjs');
+require('../chunk-YM5JDZDQ.cjs');
 
 
 
@@ -52,4 +52,4 @@ require('../chunk-LKKJVJCG.cjs');
 
 
 
-exports.Subtext = _chunkPYL3O7AFcjs.Subtext; exports.cardBorderRadiusPx = _chunkPYL3O7AFcjs.cardBorderRadiusPx; exports.darkGradientBg = _chunkPYL3O7AFcjs.darkGradientBg; exports.delta = _chunkPYL3O7AFcjs.delta; exports.getFocusOutline = _chunkPYL3O7AFcjs.getFocusOutline; exports.headingContentMarginPx = _chunkPYL3O7AFcjs.headingContentMarginPx; exports.mcBold = _chunkPYL3O7AFcjs.mcBold; exports.mcBoldStyled = _chunkPYL3O7AFcjs.mcBoldStyled; exports.outlineOffset = _chunkPYL3O7AFcjs.outlineOffset; exports.overlaySurface = _chunkPYL3O7AFcjs.overlaySurface; exports.overlaySurfaceBorderColor = _chunkPYL3O7AFcjs.overlaySurfaceBorderColor; exports.pageBorderRadius = _chunkPYL3O7AFcjs.pageBorderRadius; exports.pageBorderRadiusPx = _chunkPYL3O7AFcjs.pageBorderRadiusPx; exports.rootFontSizePx = _chunkPYL3O7AFcjs.rootFontSizePx; exports.rootFontSizeRems = _chunkPYL3O7AFcjs.rootFontSizeRems; exports.standardBorderRadius = _chunkPYL3O7AFcjs.standardBorderRadius; exports.standardCardShadow = _chunkPYL3O7AFcjs.standardCardShadow; exports.standardCardShadowHard = _chunkPYL3O7AFcjs.standardCardShadowHard; exports.standardContentInset = _chunkPYL3O7AFcjs.standardContentInset; exports.standardFocusOutline = _chunkPYL3O7AFcjs.standardFocusOutline; exports.standardLineHeightEms = _chunkPYL3O7AFcjs.standardLineHeightEms; exports.subtext = _chunkPYL3O7AFcjs.subtext;
+exports.Subtext = _chunk23NA5VW6cjs.Subtext; exports.cardBorderRadiusPx = _chunk23NA5VW6cjs.cardBorderRadiusPx; exports.darkGradientBg = _chunk23NA5VW6cjs.darkGradientBg; exports.delta = _chunk23NA5VW6cjs.delta; exports.getFocusOutline = _chunk23NA5VW6cjs.getFocusOutline; exports.headingContentMarginPx = _chunk23NA5VW6cjs.headingContentMarginPx; exports.mcBold = _chunk23NA5VW6cjs.mcBold; exports.mcBoldStyled = _chunk23NA5VW6cjs.mcBoldStyled; exports.outlineOffset = _chunk23NA5VW6cjs.outlineOffset; exports.overlaySurface = _chunk23NA5VW6cjs.overlaySurface; exports.overlaySurfaceBorderColor = _chunk23NA5VW6cjs.overlaySurfaceBorderColor; exports.pageBorderRadius = _chunk23NA5VW6cjs.pageBorderRadius; exports.pageBorderRadiusPx = _chunk23NA5VW6cjs.pageBorderRadiusPx; exports.rootFontSizePx = _chunk23NA5VW6cjs.rootFontSizePx; exports.rootFontSizeRems = _chunk23NA5VW6cjs.rootFontSizeRems; exports.standardBorderRadius = _chunk23NA5VW6cjs.standardBorderRadius; exports.standardCardShadow = _chunk23NA5VW6cjs.standardCardShadow; exports.standardCardShadowHard = _chunk23NA5VW6cjs.standardCardShadowHard; exports.standardContentInset = _chunk23NA5VW6cjs.standardContentInset; exports.standardFocusOutline = _chunk23NA5VW6cjs.standardFocusOutline; exports.standardLineHeightEms = _chunk23NA5VW6cjs.standardLineHeightEms; exports.subtext = _chunk23NA5VW6cjs.subtext;

package/dist/styles/common.d.cts

@@ -2,7 +2,126 @@ import * as _emotion_styled from '@emotion/styled';
 import * as react from 'react';
 import * as _emotion_react from '@emotion/react';
 import { Theme } from '@emotion/react';
-import { W as WithTheme, b as ThemeProp } from '../themes-13a0ed7c.js';
+import { W as WithTheme, b as ThemeProp } from '../themes-yD4K014U.cjs';
+import '../components/Icon/types.cjs';
+import '../index-ph3sEiDM.cjs';
+import '../icons/AI.cjs';
+import '@emotion/react/jsx-runtime';
+import '../icons/AnchorLink.cjs';
+import '../icons/ApiConnection.cjs';
+import '../icons/AppIcon.cjs';
+import '../icons/ArrowCircle.cjs';
+import '../icons/ArrowCircleTier1.cjs';
+import '../icons/ArrowCircleTier2.cjs';
+import '../icons/ArrowCircleTier3.cjs';
+import '../icons/ArrowCornerDownRight.cjs';
+import '../icons/ArrowDown.cjs';
+import '../icons/ArrowUp.cjs';
+import '../icons/ArrowUpRightCircleFill.cjs';
+import '../icons/Bank.cjs';
+import '../icons/BitcoinB.cjs';
+import '../icons/BitcoinBOnRoundedSquare.cjs';
+import '../icons/CameraCapture.cjs';
+import '../icons/CaretRight.cjs';
+import '../icons/CentralArrowShareRight.cjs';
+import '../icons/Checkmark.cjs';
+import '../icons/CheckmarkCircleGreen.cjs';
+import '../icons/CheckmarkCircleTier1.cjs';
+import '../icons/CheckmarkCircleTier2.cjs';
+import '../icons/CheckmarkCircleTier3.cjs';
+import '../icons/Chevron.cjs';
+import '../icons/ChevronLeft.cjs';
+import '../icons/CircleCheck.cjs';
+import '../icons/CircleCheckOutline.cjs';
+import '../icons/CirclePlus.cjs';
+import '../icons/Clock.cjs';
+import '../icons/Close.cjs';
+import '../icons/Code.cjs';
+import '../icons/Copy.cjs';
+import '../icons/CreditCard.cjs';
+import '../icons/DeleteIcon.cjs';
+import '../icons/Dollar.cjs';
+import '../icons/DollarManrope.cjs';
+import '../icons/DollarManropeSmall.cjs';
+import '../icons/DotGrid1x3Horizontal.cjs';
+import '../icons/Download.cjs';
+import '../icons/Envelope.cjs';
+import '../icons/ExclamationPoint.cjs';
+import '../icons/Explorer.cjs';
+import '../icons/Eye.cjs';
+import '../icons/EyeDropper.cjs';
+import '../icons/Figma.cjs';
+import '../icons/FlutterTwoTone.cjs';
+import '../icons/FramedLetterI.cjs';
+import '../icons/Gear.cjs';
+import '../icons/Github.cjs';
+import '../icons/GoTwoTone.cjs';
+import '../icons/GraphQLTwoTone.cjs';
+import '../icons/HeartOutline.cjs';
+import '../icons/Home.cjs';
+import '../icons/HorizontalArrows.cjs';
+import '../icons/Info.cjs';
+import '../icons/JavaScriptTwoTone.cjs';
+import '../icons/JavaTwoTone.cjs';
+import '../icons/KotlinTwoTone.cjs';
+import '../icons/LeftArrow.cjs';
+import '../icons/LightningOnRoundedSquare.cjs';
+import '../icons/LinkIcon.cjs';
+import '../icons/LoadingCircleLines.cjs';
+import '../icons/LoadingSpinner.cjs';
+import '../icons/Lock.cjs';
+import '../icons/Logo.cjs';
+import '../icons/LogoBolt.cjs';
+import '../icons/LogoOnCircle.cjs';
+import '../icons/MagicWand.cjs';
+import '../icons/Minus.cjs';
+import '../icons/Monitor.cjs';
+import '../icons/NodeAdd.cjs';
+import '../icons/NonagonCheckmark.cjs';
+import '../icons/Notebook.cjs';
+import '../icons/NotEye.cjs';
+import '../icons/PaperPlane.cjs';
+import '../icons/Pencil.cjs';
+import '../icons/Person.cjs';
+import '../icons/PersonCircle.cjs';
+import '../icons/PiggyBank.cjs';
+import '../icons/Plus.cjs';
+import '../icons/PythonTwoTone.cjs';
+import '../icons/QRCodeIcon.cjs';
+import '../icons/QuestionCircle.cjs';
+import '../icons/QuestionCircleStrong.cjs';
+import '../icons/ReactTwoTone.cjs';
+import '../icons/ReceiptBill.cjs';
+import '../icons/Recycling.cjs';
+import '../icons/Remove.cjs';
+import '../icons/Restart.cjs';
+import '../icons/RightArrow.cjs';
+import '../icons/Roadmap.cjs';
+import '../icons/RustTwoTone.cjs';
+import '../icons/Satoshi.cjs';
+import '../icons/SatoshiRounded.cjs';
+import '../icons/Search.cjs';
+import '../icons/SecurityKey.cjs';
+import '../icons/Selector.cjs';
+import '../icons/SemiCircleOverlap.cjs';
+import '../icons/Share.cjs';
+import '../icons/ShieldCheck.cjs';
+import '../icons/Sidebar.cjs';
+import '../icons/Sort.cjs';
+import '../icons/StackedLines.cjs';
+import '../icons/SwiftTwoTone.cjs';
+import '../icons/TapSingle.cjs';
+import '../icons/Team.cjs';
+import '../icons/Terminal.cjs';
+import '../icons/Trash.cjs';
+import '../icons/TwoArrowsDown.cjs';
+import '../icons/TwoArrowsUp.cjs';
+import '../icons/Uma.cjs';
+import '../icons/UmaBridgeLoading.cjs';
+import '../icons/UmaBridgeLoadingTransparent.cjs';
+import '../icons/Upload.cjs';
+import '../icons/WalletSDKIcon.cjs';
+import '../icons/WarningSign.cjs';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';
@@ -41,7 +160,7 @@ declare const delta: ({ theme, delta, invertSuccessColor, }: WithTheme<{
 declare const subtext: ({ theme }: ThemeProp) => _emotion_react.SerializedStyles;
 declare const Subtext: _emotion_styled.StyledComponent<{
     theme?: Theme;
-    as?: react.ElementType<any>;
+    as?: React.ElementType;
 }, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const darkGradientBg: _emotion_react.SerializedStyles;
 declare const overlaySurfaceBorderColor: ({ theme, important, }: WithTheme<{