@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/{index-1c620377.d.ts → index-K07-bA0i.d.ts}

@@ -8,7 +8,13 @@ import { ArrowCircleTier2 } from './icons/ArrowCircleTier2.js';
 import { ArrowCircleTier3 } from './icons/ArrowCircleTier3.js';
 import { ArrowCornerDownRight } from './icons/ArrowCornerDownRight.js';
 import { ArrowDown } from './icons/ArrowDown.js';
+import { ArrowLeft } from './icons/ArrowLeft.js';
+import { ArrowRight } from './icons/ArrowRight.js';
+import { ArrowsDown } from './icons/ArrowsDown.js';
+import { ArrowsHorizontal } from './icons/ArrowsHorizontal.js';
+import { ArrowsUp } from './icons/ArrowsUp.js';
 import { ArrowUp } from './icons/ArrowUp.js';
+import { ArrowUpRight } from './icons/ArrowUpRight.js';
 import { ArrowUpRightCircleFill } from './icons/ArrowUpRightCircleFill.js';
 import { Bank } from './icons/Bank.js';
 import { BitcoinB } from './icons/BitcoinB.js';
@@ -17,7 +23,7 @@ import { CameraCapture } from './icons/CameraCapture.js';
 import { CaretRight } from './icons/CaretRight.js';
 import { CentralArrowShareRight } from './icons/CentralArrowShareRight.js';
 import { Checkmark } from './icons/Checkmark.js';
-import { CheckmarkCircleGreen } from './icons/CheckmarkCircleGreen.js';
+import { CheckmarkCircle } from './icons/CheckmarkCircle.js';
 import { CheckmarkCircleTier1 } from './icons/CheckmarkCircleTier1.js';
 import { CheckmarkCircleTier2 } from './icons/CheckmarkCircleTier2.js';
 import { CheckmarkCircleTier3 } from './icons/CheckmarkCircleTier3.js';
@@ -51,12 +57,10 @@ import { GoTwoTone } from './icons/GoTwoTone.js';
 import { GraphQLTwoTone } from './icons/GraphQLTwoTone.js';
 import { HeartOutline } from './icons/HeartOutline.js';
 import { Home } from './icons/Home.js';
-import { HorizontalArrows } from './icons/HorizontalArrows.js';
 import { Info } from './icons/Info.js';
 import { JavaScriptTwoTone } from './icons/JavaScriptTwoTone.js';
 import { JavaTwoTone } from './icons/JavaTwoTone.js';
 import { KotlinTwoTone } from './icons/KotlinTwoTone.js';
-import { LeftArrow } from './icons/LeftArrow.js';
 import { LightningOnRoundedSquare } from './icons/LightningOnRoundedSquare.js';
 import { LinkIcon } from './icons/LinkIcon.js';
 import { LoadingCircleLines } from './icons/LoadingCircleLines.js';
@@ -70,6 +74,7 @@ import { Minus } from './icons/Minus.js';
 import { Monitor } from './icons/Monitor.js';
 import { NodeAdd } from './icons/NodeAdd.js';
 import { NonagonCheckmark } from './icons/NonagonCheckmark.js';
+import { Notebook } from './icons/Notebook.js';
 import { NotEye } from './icons/NotEye.js';
 import { PaperPlane } from './icons/PaperPlane.js';
 import { Pencil } from './icons/Pencil.js';
@@ -82,10 +87,10 @@ import { QRCodeIcon } from './icons/QRCodeIcon.js';
 import { QuestionCircle } from './icons/QuestionCircle.js';
 import { QuestionCircleStrong } from './icons/QuestionCircleStrong.js';
 import { ReactTwoTone } from './icons/ReactTwoTone.js';
+import { ReceiptBill } from './icons/ReceiptBill.js';
 import { Recycling } from './icons/Recycling.js';
 import { Remove } from './icons/Remove.js';
 import { Restart } from './icons/Restart.js';
-import { RightArrow } from './icons/RightArrow.js';
 import { Roadmap } from './icons/Roadmap.js';
 import { RustTwoTone } from './icons/RustTwoTone.js';
 import { Satoshi } from './icons/Satoshi.js';
@@ -104,8 +109,6 @@ import { TapSingle } from './icons/TapSingle.js';
 import { Team } from './icons/Team.js';
 import { Terminal } from './icons/Terminal.js';
 import { Trash } from './icons/Trash.js';
-import { TwoArrowsDown } from './icons/TwoArrowsDown.js';
-import { TwoArrowsUp } from './icons/TwoArrowsUp.js';
 import { Uma } from './icons/Uma.js';
 import { UmaBridgeLoading } from './icons/UmaBridgeLoading.js';
 import { UmaBridgeLoadingTransparent } from './icons/UmaBridgeLoadingTransparent.js';
@@ -123,8 +126,14 @@ declare const icons_ArrowCircleTier2: typeof ArrowCircleTier2;
 declare const icons_ArrowCircleTier3: typeof ArrowCircleTier3;
 declare const icons_ArrowCornerDownRight: typeof ArrowCornerDownRight;
 declare const icons_ArrowDown: typeof ArrowDown;
+declare const icons_ArrowLeft: typeof ArrowLeft;
+declare const icons_ArrowRight: typeof ArrowRight;
 declare const icons_ArrowUp: typeof ArrowUp;
+declare const icons_ArrowUpRight: typeof ArrowUpRight;
 declare const icons_ArrowUpRightCircleFill: typeof ArrowUpRightCircleFill;
+declare const icons_ArrowsDown: typeof ArrowsDown;
+declare const icons_ArrowsHorizontal: typeof ArrowsHorizontal;
+declare const icons_ArrowsUp: typeof ArrowsUp;
 declare const icons_Bank: typeof Bank;
 declare const icons_BitcoinB: typeof BitcoinB;
 declare const icons_BitcoinBOnRoundedSquare: typeof BitcoinBOnRoundedSquare;
@@ -132,7 +141,7 @@ declare const icons_CameraCapture: typeof CameraCapture;
 declare const icons_CaretRight: typeof CaretRight;
 declare const icons_CentralArrowShareRight: typeof CentralArrowShareRight;
 declare const icons_Checkmark: typeof Checkmark;
-declare const icons_CheckmarkCircleGreen: typeof CheckmarkCircleGreen;
+declare const icons_CheckmarkCircle: typeof CheckmarkCircle;
 declare const icons_CheckmarkCircleTier1: typeof CheckmarkCircleTier1;
 declare const icons_CheckmarkCircleTier2: typeof CheckmarkCircleTier2;
 declare const icons_CheckmarkCircleTier3: typeof CheckmarkCircleTier3;
@@ -166,12 +175,10 @@ declare const icons_GoTwoTone: typeof GoTwoTone;
 declare const icons_GraphQLTwoTone: typeof GraphQLTwoTone;
 declare const icons_HeartOutline: typeof HeartOutline;
 declare const icons_Home: typeof Home;
-declare const icons_HorizontalArrows: typeof HorizontalArrows;
 declare const icons_Info: typeof Info;
 declare const icons_JavaScriptTwoTone: typeof JavaScriptTwoTone;
 declare const icons_JavaTwoTone: typeof JavaTwoTone;
 declare const icons_KotlinTwoTone: typeof KotlinTwoTone;
-declare const icons_LeftArrow: typeof LeftArrow;
 declare const icons_LightningOnRoundedSquare: typeof LightningOnRoundedSquare;
 declare const icons_LinkIcon: typeof LinkIcon;
 declare const icons_LoadingCircleLines: typeof LoadingCircleLines;
@@ -186,6 +193,7 @@ declare const icons_Monitor: typeof Monitor;
 declare const icons_NodeAdd: typeof NodeAdd;
 declare const icons_NonagonCheckmark: typeof NonagonCheckmark;
 declare const icons_NotEye: typeof NotEye;
+declare const icons_Notebook: typeof Notebook;
 declare const icons_PaperPlane: typeof PaperPlane;
 declare const icons_Pencil: typeof Pencil;
 declare const icons_Person: typeof Person;
@@ -197,10 +205,10 @@ declare const icons_QRCodeIcon: typeof QRCodeIcon;
 declare const icons_QuestionCircle: typeof QuestionCircle;
 declare const icons_QuestionCircleStrong: typeof QuestionCircleStrong;
 declare const icons_ReactTwoTone: typeof ReactTwoTone;
+declare const icons_ReceiptBill: typeof ReceiptBill;
 declare const icons_Recycling: typeof Recycling;
 declare const icons_Remove: typeof Remove;
 declare const icons_Restart: typeof Restart;
-declare const icons_RightArrow: typeof RightArrow;
 declare const icons_Roadmap: typeof Roadmap;
 declare const icons_RustTwoTone: typeof RustTwoTone;
 declare const icons_Satoshi: typeof Satoshi;
@@ -219,8 +227,6 @@ declare const icons_TapSingle: typeof TapSingle;
 declare const icons_Team: typeof Team;
 declare const icons_Terminal: typeof Terminal;
 declare const icons_Trash: typeof Trash;
-declare const icons_TwoArrowsDown: typeof TwoArrowsDown;
-declare const icons_TwoArrowsUp: typeof TwoArrowsUp;
 declare const icons_Uma: typeof Uma;
 declare const icons_UmaBridgeLoading: typeof UmaBridgeLoading;
 declare const icons_UmaBridgeLoadingTransparent: typeof UmaBridgeLoadingTransparent;
@@ -228,122 +234,7 @@ declare const icons_Upload: typeof Upload;
 declare const icons_WalletSDKIcon: typeof WalletSDKIcon;
 declare const icons_WarningSign: typeof WarningSign;
 declare namespace icons {
-  export {
-    icons_AI as AI,
-    icons_AnchorLink as AnchorLink,
-    icons_ApiConnection as ApiConnection,
-    icons_AppIcon as AppIcon,
-    icons_ArrowCircle as ArrowCircle,
-    icons_ArrowCircleTier1 as ArrowCircleTier1,
-    icons_ArrowCircleTier2 as ArrowCircleTier2,
-    icons_ArrowCircleTier3 as ArrowCircleTier3,
-    icons_ArrowCornerDownRight as ArrowCornerDownRight,
-    icons_ArrowDown as ArrowDown,
-    icons_ArrowUp as ArrowUp,
-    icons_ArrowUpRightCircleFill as ArrowUpRightCircleFill,
-    icons_Bank as Bank,
-    icons_BitcoinB as BitcoinB,
-    icons_BitcoinBOnRoundedSquare as BitcoinBOnRoundedSquare,
-    icons_CameraCapture as CameraCapture,
-    icons_CaretRight as CaretRight,
-    icons_CentralArrowShareRight as CentralArrowShareRight,
-    icons_Checkmark as Checkmark,
-    icons_CheckmarkCircleGreen as CheckmarkCircleGreen,
-    icons_CheckmarkCircleTier1 as CheckmarkCircleTier1,
-    icons_CheckmarkCircleTier2 as CheckmarkCircleTier2,
-    icons_CheckmarkCircleTier3 as CheckmarkCircleTier3,
-    icons_Chevron as Chevron,
-    icons_ChevronLeft as ChevronLeft,
-    icons_CircleCheck as CircleCheck,
-    icons_CircleCheckOutline as CircleCheckOutline,
-    icons_CirclePlus as CirclePlus,
-    icons_Clock as Clock,
-    icons_Close as Close,
-    icons_Code as Code,
-    icons_Copy as Copy,
-    icons_CreditCard as CreditCard,
-    icons_DeleteIcon as DeleteIcon,
-    icons_Dollar as Dollar,
-    icons_DollarManrope as DollarManrope,
-    icons_DollarManropeSmall as DollarManropeSmall,
-    icons_DotGrid1x3Horizontal as DotGrid1x3Horizontal,
-    icons_Download as Download,
-    icons_Envelope as Envelope,
-    icons_ExclamationPoint as ExclamationPoint,
-    icons_Explorer as Explorer,
-    icons_Eye as Eye,
-    icons_EyeDropper as EyeDropper,
-    icons_Figma as Figma,
-    icons_FlutterTwoTone as FlutterTwoTone,
-    icons_FramedLetterI as FramedLetterI,
-    icons_Gear as Gear,
-    icons_Github as Github,
-    icons_GoTwoTone as GoTwoTone,
-    icons_GraphQLTwoTone as GraphQLTwoTone,
-    icons_HeartOutline as HeartOutline,
-    icons_Home as Home,
-    icons_HorizontalArrows as HorizontalArrows,
-    icons_Info as Info,
-    icons_JavaScriptTwoTone as JavaScriptTwoTone,
-    icons_JavaTwoTone as JavaTwoTone,
-    icons_KotlinTwoTone as KotlinTwoTone,
-    icons_LeftArrow as LeftArrow,
-    icons_LightningOnRoundedSquare as LightningOnRoundedSquare,
-    icons_LinkIcon as LinkIcon,
-    icons_LoadingCircleLines as LoadingCircleLines,
-    icons_LoadingSpinner as LoadingSpinner,
-    icons_Lock as Lock,
-    icons_Logo as Logo,
-    icons_LogoBolt as LogoBolt,
-    icons_LogoOnCircle as LogoOnCircle,
-    icons_MagicWand as MagicWand,
-    icons_Minus as Minus,
-    icons_Monitor as Monitor,
-    icons_NodeAdd as NodeAdd,
-    icons_NonagonCheckmark as NonagonCheckmark,
-    icons_NotEye as NotEye,
-    icons_PaperPlane as PaperPlane,
-    icons_Pencil as Pencil,
-    icons_Person as Person,
-    icons_PersonCircle as PersonCircle,
-    icons_PiggyBank as PiggyBank,
-    icons_Plus as Plus,
-    icons_PythonTwoTone as PythonTwoTone,
-    icons_QRCodeIcon as QRCodeIcon,
-    icons_QuestionCircle as QuestionCircle,
-    icons_QuestionCircleStrong as QuestionCircleStrong,
-    icons_ReactTwoTone as ReactTwoTone,
-    icons_Recycling as Recycling,
-    icons_Remove as Remove,
-    icons_Restart as Restart,
-    icons_RightArrow as RightArrow,
-    icons_Roadmap as Roadmap,
-    icons_RustTwoTone as RustTwoTone,
-    icons_Satoshi as Satoshi,
-    icons_SatoshiRounded as SatoshiRounded,
-    icons_Search as Search,
-    icons_SecurityKey as SecurityKey,
-    icons_Selector as Selector,
-    icons_SemiCircleOverlap as SemiCircleOverlap,
-    icons_Share as Share,
-    icons_ShieldCheck as ShieldCheck,
-    icons_Sidebar as Sidebar,
-    icons_Sort as Sort,
-    icons_StackedLines as StackedLines,
-    icons_SwiftTwoTone as SwiftTwoTone,
-    icons_TapSingle as TapSingle,
-    icons_Team as Team,
-    icons_Terminal as Terminal,
-    icons_Trash as Trash,
-    icons_TwoArrowsDown as TwoArrowsDown,
-    icons_TwoArrowsUp as TwoArrowsUp,
-    icons_Uma as Uma,
-    icons_UmaBridgeLoading as UmaBridgeLoading,
-    icons_UmaBridgeLoadingTransparent as UmaBridgeLoadingTransparent,
-    icons_Upload as Upload,
-    icons_WalletSDKIcon as WalletSDKIcon,
-    icons_WarningSign as WarningSign,
-  };
+  export { icons_AI as AI, icons_AnchorLink as AnchorLink, icons_ApiConnection as ApiConnection, icons_AppIcon as AppIcon, icons_ArrowCircle as ArrowCircle, icons_ArrowCircleTier1 as ArrowCircleTier1, icons_ArrowCircleTier2 as ArrowCircleTier2, icons_ArrowCircleTier3 as ArrowCircleTier3, icons_ArrowCornerDownRight as ArrowCornerDownRight, icons_ArrowDown as ArrowDown, icons_ArrowLeft as ArrowLeft, icons_ArrowRight as ArrowRight, icons_ArrowUp as ArrowUp, icons_ArrowUpRight as ArrowUpRight, icons_ArrowUpRightCircleFill as ArrowUpRightCircleFill, icons_ArrowsDown as ArrowsDown, icons_ArrowsHorizontal as ArrowsHorizontal, icons_ArrowsUp as ArrowsUp, icons_Bank as Bank, icons_BitcoinB as BitcoinB, icons_BitcoinBOnRoundedSquare as BitcoinBOnRoundedSquare, icons_CameraCapture as CameraCapture, icons_CaretRight as CaretRight, icons_CentralArrowShareRight as CentralArrowShareRight, icons_Checkmark as Checkmark, icons_CheckmarkCircle as CheckmarkCircle, icons_CheckmarkCircleTier1 as CheckmarkCircleTier1, icons_CheckmarkCircleTier2 as CheckmarkCircleTier2, icons_CheckmarkCircleTier3 as CheckmarkCircleTier3, icons_Chevron as Chevron, icons_ChevronLeft as ChevronLeft, icons_CircleCheck as CircleCheck, icons_CircleCheckOutline as CircleCheckOutline, icons_CirclePlus as CirclePlus, icons_Clock as Clock, icons_Close as Close, icons_Code as Code, icons_Copy as Copy, icons_CreditCard as CreditCard, icons_DeleteIcon as DeleteIcon, icons_Dollar as Dollar, icons_DollarManrope as DollarManrope, icons_DollarManropeSmall as DollarManropeSmall, icons_DotGrid1x3Horizontal as DotGrid1x3Horizontal, icons_Download as Download, icons_Envelope as Envelope, icons_ExclamationPoint as ExclamationPoint, icons_Explorer as Explorer, icons_Eye as Eye, icons_EyeDropper as EyeDropper, icons_Figma as Figma, icons_FlutterTwoTone as FlutterTwoTone, icons_FramedLetterI as FramedLetterI, icons_Gear as Gear, icons_Github as Github, icons_GoTwoTone as GoTwoTone, icons_GraphQLTwoTone as GraphQLTwoTone, icons_HeartOutline as HeartOutline, icons_Home as Home, icons_Info as Info, icons_JavaScriptTwoTone as JavaScriptTwoTone, icons_JavaTwoTone as JavaTwoTone, icons_KotlinTwoTone as KotlinTwoTone, icons_LightningOnRoundedSquare as LightningOnRoundedSquare, icons_LinkIcon as LinkIcon, icons_LoadingCircleLines as LoadingCircleLines, icons_LoadingSpinner as LoadingSpinner, icons_Lock as Lock, icons_Logo as Logo, icons_LogoBolt as LogoBolt, icons_LogoOnCircle as LogoOnCircle, icons_MagicWand as MagicWand, icons_Minus as Minus, icons_Monitor as Monitor, icons_NodeAdd as NodeAdd, icons_NonagonCheckmark as NonagonCheckmark, icons_NotEye as NotEye, icons_Notebook as Notebook, icons_PaperPlane as PaperPlane, icons_Pencil as Pencil, icons_Person as Person, icons_PersonCircle as PersonCircle, icons_PiggyBank as PiggyBank, icons_Plus as Plus, icons_PythonTwoTone as PythonTwoTone, icons_QRCodeIcon as QRCodeIcon, icons_QuestionCircle as QuestionCircle, icons_QuestionCircleStrong as QuestionCircleStrong, icons_ReactTwoTone as ReactTwoTone, icons_ReceiptBill as ReceiptBill, icons_Recycling as Recycling, icons_Remove as Remove, icons_Restart as Restart, icons_Roadmap as Roadmap, icons_RustTwoTone as RustTwoTone, icons_Satoshi as Satoshi, icons_SatoshiRounded as SatoshiRounded, icons_Search as Search, icons_SecurityKey as SecurityKey, icons_Selector as Selector, icons_SemiCircleOverlap as SemiCircleOverlap, icons_Share as Share, icons_ShieldCheck as ShieldCheck, icons_Sidebar as Sidebar, icons_Sort as Sort, icons_StackedLines as StackedLines, icons_SwiftTwoTone as SwiftTwoTone, icons_TapSingle as TapSingle, icons_Team as Team, icons_Terminal as Terminal, icons_Trash as Trash, icons_Uma as Uma, icons_UmaBridgeLoading as UmaBridgeLoading, icons_UmaBridgeLoadingTransparent as UmaBridgeLoadingTransparent, icons_Upload as Upload, icons_WalletSDKIcon as WalletSDKIcon, icons_WarningSign as WarningSign };
 }
 
 export { icons as i };

package/dist/index.d.cts

@@ -1 +1,2 @@
+import '@lightsparkdev/core';
 import '@simbathesailor/use-what-changed';

package/dist/index.d.ts

@@ -1 +1,2 @@
+import '@lightsparkdev/core';
 import '@simbathesailor/use-what-changed';

package/dist/router-Bz3Q1Loj.d.cts

@@ -0,0 +1,226 @@
+import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import * as _emotion_styled from '@emotion/styled';
+import { Interpolation } from '@emotion/styled';
+import * as _emotion_react from '@emotion/react';
+import { Theme } from '@emotion/react';
+import * as react from 'react';
+import { ReactNode, ComponentProps, ReactElement, MouseEventHandler } from 'react';
+import { NavigateOptions, PathMatch } from 'react-router-dom';
+import { CurrencyUnitType, CurrencyAmountArg, CurrencyMap, Complete } from '@lightsparkdev/core';
+import { F as FontColorKey } from './themes-yD4K014U.cjs';
+import { TokenSizeKey, TypographyTypeKey } from './styles/tokens/typography.cjs';
+import { Icon } from './components/Icon/Icon.cjs';
+import { NewRoutesType } from './types/index.cjs';
+
+type CurrencyAmountProps = {
+    amount: CurrencyAmountArg | CurrencyMap;
+    displayUnit?: CurrencyUnitType;
+    shortNumber?: boolean;
+    showUnits?: boolean;
+    ml?: number;
+    id?: string;
+    includeEstimatedIndicator?: boolean;
+    fullPrecision?: boolean | undefined;
+    typography?: PartialSimpleTypographyProps;
+    centsPerBtc?: number;
+};
+declare function CurrencyAmount({ amount, displayUnit, shortNumber, showUnits, includeEstimatedIndicator, fullPrecision, id, ml, typography, centsPerBtc, }: CurrencyAmountProps): _emotion_react_jsx_runtime.JSX.Element;
+declare const CurrencyIcon: ({ unit }: {
+    unit: CurrencyUnitType;
+}) => _emotion_react_jsx_runtime.JSX.Element | null;
+
+type NextLinkWrapperProps = {
+    href: string;
+    children?: ReactNode;
+    text?: string | undefined;
+    id?: string;
+    target?: "_blank" | undefined;
+    typography?: SimpleTypographyProps;
+};
+declare function NextLink({ href, text, children, id, target: targetProp, typography, }: NextLinkWrapperProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type LinkNode = {
+    link: Omit<ComponentProps<typeof Link>, "children">;
+};
+type NextLinkNode = {
+    nextLink: Omit<ComponentProps<typeof NextLink>, "children">;
+};
+type TextNode = {
+    text: string;
+    id?: string;
+    onClick?: () => void;
+    typography?: TypographyPropsWithoutContent;
+};
+type IconNode = {
+    icon: Omit<ComponentProps<typeof Icon>, "width"> & {
+        width?: number;
+    };
+};
+type CurrencyAmountNode = {
+    currencyAmount: ComponentProps<typeof CurrencyAmount>;
+};
+declare function isLinkNode(node: unknown): node is LinkNode;
+declare function isNextLinkNode(node: unknown): node is NextLinkNode;
+declare function isIconNode(node: unknown): node is IconNode;
+declare function isCurrencyAmountNode(node: unknown): node is CurrencyAmountNode;
+declare function isTextNode(node: unknown): node is TextNode;
+declare const link: (link: LinkNode["link"]) => LinkNode;
+declare const nextLink: (nextLink: NextLinkNode["nextLink"]) => NextLinkNode;
+declare const currencyAmount: (currencyAmount: ComponentProps<typeof CurrencyAmount>) => CurrencyAmountNode;
+declare const icon: (icon: IconNode["icon"]) => IconNode;
+
+type ToReactNodesBaseArg = string | LinkNode | NextLinkNode | TextNode | IconNode | CurrencyAmountNode;
+type ToReactNodesBaseArgs = ToReactNodesBaseArg | ToReactNodesBaseArg[];
+declare function toReactNodesBase(toReactNodesBaseArg: ToReactNodesBaseArgs): (_emotion_react_jsx_runtime.JSX.Element | ReactElement<any, string | react.JSXElementConstructor<any>>[] | null)[];
+
+type CodeProps = CommonTypographyProps;
+declare const Code: ({ block, children, color, content, display, hideOverflow, id, size, }: CodeProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledCode: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & CommonStyledTypographyProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+type OverlineProps = CommonTypographyProps;
+declare const Overline: ({ block, children, color, content, display, hideOverflow, id, size, }: OverlineProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledOverline: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & CommonStyledTypographyProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+type LabelStrongProps = CommonTypographyProps;
+declare const LabelStrong: ({ block, children, color, content, display, hideOverflow, id, size, }: LabelStrongProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledLabelStrong: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & CommonStyledTypographyProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+type LabelModerateProps = CommonTypographyProps;
+declare const LabelModerate: ({ block, children, color, content, display, hideOverflow, id, size, }: LabelModerateProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledLabelModerate: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & CommonStyledTypographyProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+type TitleProps = CommonTypographyProps;
+declare const Title: ({ block, children, color, content, display, hideOverflow, id, size, }: TitleProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledTitle: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & CommonStyledTypographyProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+
+declare const headlineElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+type Heading = (typeof headlineElements)[number];
+type HeadlineProps = CommonTypographyProps & {
+    heading?: Heading | undefined;
+};
+declare const Headline: ({ block, children, color, content, display, heading, hideOverflow, id, size, }: HeadlineProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const StyledHeadline: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme;
+    as?: React.ElementType;
+} & CommonStyledTypographyProps, react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+declare function headlineSelector(heading: Heading): string;
+declare const ALL_HEADLINE_SELECTORS: string;
+
+declare const displayElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6"];
+type DisplayElement = (typeof displayElements)[number];
+type DisplayProps = CommonTypographyProps & {
+    tag?: DisplayElement | undefined;
+};
+declare const Display: ({ block, children, color, content, display, hideOverflow, id, size, tag, }: DisplayProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare function displaySelector(element: DisplayElement): string;
+
+declare const typographyMap: {
+    readonly Display: ({ block, children, color, content, display, hideOverflow, id, size, tag, }: DisplayProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly Headline: ({ block, children, color, content, display, heading, hideOverflow, id, size, }: CommonTypographyProps & {
+        heading?: Heading | undefined;
+    }) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly Title: ({ block, children, color, content, display, hideOverflow, id, size, }: TitleProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly Body: ({ block, children, color, content, display, hideOverflow, id, size, tag, }: CommonTypographyProps & {
+        tag?: ("span" | "p" | "pre" | "div") | undefined;
+    }) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "Body Strong": ({ block, children, color, content, display, hideOverflow, id, size, }: CommonTypographyProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly Label: ({ block, children, color, content, display, hideOverflow, id, size, }: CommonTypographyProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "Label Moderate": ({ block, children, color, content, display, hideOverflow, id, size, }: LabelModerateProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "Label Strong": ({ block, children, color, content, display, hideOverflow, id, size, }: LabelStrongProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly Overline: ({ block, children, color, content, display, hideOverflow, id, size, }: OverlineProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly Code: ({ block, children, color, content, display, hideOverflow, id, size, }: CodeProps) => _emotion_react_jsx_runtime.JSX.Element;
+    readonly "Code Strong": ({ block, children, color, content, display, hideOverflow, id, size, }: CodeProps) => _emotion_react_jsx_runtime.JSX.Element;
+};
+
+type AllowedDisplay = "flex" | "block" | "inline-flex";
+type CommonTypographyProps = {
+    content?: ToReactNodesBaseArgs | undefined | null;
+    children?: string | undefined | null;
+    size?: TokenSizeKey | undefined;
+    color?: FontColorKey | undefined;
+    block?: boolean | undefined;
+    hideOverflow?: boolean | undefined;
+    id?: string | undefined;
+    display?: AllowedDisplay | undefined;
+};
+type CommonStyledTypographyProps = {
+    children: ReactNode;
+    size: TokenSizeKey;
+    colorProp: FontColorKey | undefined;
+    block: boolean;
+    hideOverflow: boolean;
+    displayProp: AllowedDisplay | undefined;
+};
+type SimpleTypographyProps = {
+    type: TypographyTypeKey;
+    size?: TokenSizeKey | undefined;
+    color?: FontColorKey | undefined;
+};
+type PartialSimpleTypographyProps = Partial<SimpleTypographyProps>;
+type RequiredSimpleTypographyProps = Complete<SimpleTypographyProps>;
+type TypographyPropsWithoutContent = {
+    [K in TypographyTypeKey]: {
+        type: K;
+    } & Omit<ComponentProps<(typeof typographyMap)[K]>, "children" | "content">;
+}[TypographyTypeKey];
+
+type QueryParams = {
+    [key: string]: string;
+} | string;
+type RouteParam = string;
+type RouteParams = {
+    [key: string]: RouteParam | QueryParams;
+};
+type RouteHash = string | null;
+type ExternalLink = string;
+type LinkProps = {
+    to?: NewRoutesType | undefined;
+    id?: string | undefined;
+    externalLink?: ExternalLink | undefined;
+    filename?: string | undefined;
+    onClick?: MouseEventHandler<HTMLAnchorElement> | undefined;
+    params?: RouteParams | undefined;
+    children?: ReactNode;
+    text?: string | undefined;
+    css?: Interpolation<Theme>;
+    className?: string;
+    blue?: boolean;
+    newTab?: boolean | undefined;
+    hash?: RouteHash | undefined;
+    typography?: SimpleTypographyProps | undefined;
+};
+declare function replaceParams(to: NewRoutesType, params: LinkProps["params"]): NewRoutesType;
+declare const Link: _emotion_styled.StyledComponent<LinkProps & {
+    theme?: Theme;
+}, {}, {}>;
+type NavigateProps = Omit<LinkProps, "children"> & {
+    to: NewRoutesType;
+    state?: unknown;
+    replace?: boolean;
+};
+declare function Navigate({ to, params, state, replace, }: NavigateProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function useNavigate(): (to: NewRoutesType | -1, params?: LinkProps["params"], options?: NavigateOptions) => void;
+declare function useMatchRoutes(routes: NewRoutesType[]): boolean;
+declare function useFindMatchingRoute(routes: NewRoutesType[]): NewRoutesType | undefined;
+declare function useMatchRoute(route: NewRoutesType): PathMatch<string> | null;
+declare function useCurrentRoute(): NewRoutesType;
+declare function getRouteName(path: NewRoutesType, routes: {
+    [key: string]: string;
+}): string | null;
+
+export { type SimpleTypographyProps as $, nextLink as A, currencyAmount as B, CurrencyAmount as C, Display as D, type ExternalLink as E, icon as F, type ToReactNodesBaseArgs as G, Headline as H, type IconNode as I, toReactNodesBase as J, type CodeProps as K, LabelModerate as L, type OverlineProps as M, type NextLinkNode as N, Overline as O, type PartialSimpleTypographyProps as P, type LabelStrongProps as Q, type RouteParams as R, StyledCode as S, Title as T, StyledLabelStrong as U, type LabelModerateProps as V, type TitleProps as W, StyledHeadline as X, ALL_HEADLINE_SELECTORS as Y, type DisplayProps as Z, type AllowedDisplay as _, CurrencyIcon as a, type RequiredSimpleTypographyProps as a0, type QueryParams as a1, type LinkProps as a2, replaceParams as a3, Link as a4, Navigate as a5, useNavigate as a6, useMatchRoutes as a7, useFindMatchingRoute as a8, useMatchRoute as a9, useCurrentRoute as aa, getRouteName as ab, Code as b, displaySelector as c, displayElements as d, headlineSelector as e, StyledLabelModerate as f, LabelStrong as g, headlineElements as h, StyledOverline as i, StyledTitle as j, type TextNode as k, type LinkNode as l, type CurrencyAmountNode as m, type RouteHash as n, type Heading as o, type CommonStyledTypographyProps as p, type CommonTypographyProps as q, type TypographyPropsWithoutContent as r, NextLink as s, typographyMap as t, isLinkNode as u, isNextLinkNode as v, isIconNode as w, isCurrencyAmountNode as x, isTextNode as y, link as z };