@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/components/typography/typographyMap.js

@@ -1,186 +0,0 @@
-import {
-  LabelStrong
-} from "../../chunk-54VI7M4H.js";
-import {
-  Overline
-} from "../../chunk-EMMXUHGF.js";
-import {
-  Display
-} from "../../chunk-2G552RN7.js";
-import {
-  Title
-} from "../../chunk-WY2D7I5O.js";
-import {
-  BodyStrong
-} from "../../chunk-OYWYTUJD.js";
-import {
-  Code
-} from "../../chunk-UUBFMN76.js";
-import {
-  LabelModerate
-} from "../../chunk-HOMUFDUQ.js";
-import {
-  Label
-} from "../../chunk-7D5HL6WZ.js";
-import {
-  Body
-} from "../../chunk-GCUAIBB5.js";
-import {
-  Headline
-} from "../../chunk-IGNDJHKO.js";
-import "../../chunk-X5SBSJ3Z.js";
-import "../../chunk-YMNSXZ5D.js";
-import "../../chunk-R4JQUMCP.js";
-import "../../chunk-DILTUDQN.js";
-import "../../chunk-G5IVQ4O3.js";
-import "../../chunk-TBB3GUOK.js";
-import "../../chunk-6P2AYPAD.js";
-import "../../chunk-NGSQ2OOV.js";
-import "../../chunk-XYP5XYVU.js";
-import "../../chunk-6B3T5X4O.js";
-import "../../chunk-3BSQFYGE.js";
-import "../../chunk-XBKRPEVT.js";
-import "../../chunk-L52XQKBX.js";
-import "../../chunk-5522HZOC.js";
-import "../../chunk-PJMGLSAW.js";
-import "../../chunk-FRZBZ7PD.js";
-import "../../chunk-3CHMNLGD.js";
-import "../../chunk-JWMMGYNV.js";
-import "../../chunk-MASPP6U5.js";
-import "../../chunk-3MCK6I7V.js";
-import "../../chunk-LQ6VW2FH.js";
-import "../../chunk-RPYB66KY.js";
-import "../../chunk-GOURVX6U.js";
-import "../../chunk-HPIVJCNC.js";
-import "../../chunk-F3YK2EER.js";
-import "../../chunk-5XZ7ZEC7.js";
-import "../../chunk-H52K5UTT.js";
-import "../../chunk-3KOUSJV6.js";
-import "../../chunk-WDFOXMFH.js";
-import "../../chunk-E6ZB6OJD.js";
-import "../../chunk-J5NYACJ7.js";
-import "../../chunk-BX32TDWY.js";
-import "../../chunk-IPD2D6QD.js";
-import "../../chunk-VRG7HI7X.js";
-import "../../chunk-AFROYZKQ.js";
-import "../../chunk-TAEOGBWY.js";
-import "../../chunk-5EFICY5Y.js";
-import "../../chunk-3YVEKRB3.js";
-import "../../chunk-M4ORU6SJ.js";
-import "../../chunk-2TGRHBA5.js";
-import "../../chunk-H5R5ZG3Z.js";
-import "../../chunk-MXCYWGHN.js";
-import "../../chunk-ZXACVTYJ.js";
-import "../../chunk-3OYKPPML.js";
-import "../../chunk-XXE3N5AE.js";
-import "../../chunk-QDNTIZC2.js";
-import "../../chunk-3XGQJIDN.js";
-import "../../chunk-CTPC457D.js";
-import "../../chunk-GJAG2D3Y.js";
-import "../../chunk-G3AHVMGL.js";
-import "../../chunk-XHLHQC5Q.js";
-import "../../chunk-QBM7XXVQ.js";
-import "../../chunk-BDCKN7K3.js";
-import "../../chunk-LDOAR276.js";
-import "../../chunk-DQHT3RBW.js";
-import "../../chunk-W5QTCRAG.js";
-import "../../chunk-CPHTE26N.js";
-import "../../chunk-N5LIZ3K6.js";
-import "../../chunk-LHSGZZVE.js";
-import "../../chunk-M2H6AEUK.js";
-import "../../chunk-QAWK7SU6.js";
-import "../../chunk-5EIYTCCK.js";
-import "../../chunk-OSOHJUPD.js";
-import "../../chunk-YO5J3T3L.js";
-import "../../chunk-XGUCS6ED.js";
-import "../../chunk-K6KKTYTR.js";
-import "../../chunk-677VQ4DY.js";
-import "../../chunk-EDAMG44V.js";
-import "../../chunk-7Y2G2JDF.js";
-import "../../chunk-W7XPZYSY.js";
-import "../../chunk-IX5TIDMO.js";
-import "../../chunk-FGJPZTJP.js";
-import "../../chunk-24JOGF62.js";
-import "../../chunk-55PXMNOG.js";
-import "../../chunk-FLREHHOH.js";
-import "../../chunk-RCIZUC7L.js";
-import "../../chunk-KODQP6CN.js";
-import "../../chunk-UZ4TRHF3.js";
-import "../../chunk-PF5SD6AF.js";
-import "../../chunk-5XTJZUMA.js";
-import "../../chunk-262GCJFO.js";
-import "../../chunk-GY5XKCWS.js";
-import "../../chunk-ZMCAQFC6.js";
-import "../../chunk-PO5NJLKW.js";
-import "../../chunk-C4CFIKAL.js";
-import "../../chunk-TA7W237X.js";
-import "../../chunk-TSYLKHL2.js";
-import "../../chunk-ZE4CS3ZS.js";
-import "../../chunk-FOC33AUT.js";
-import "../../chunk-ACWTDOWH.js";
-import "../../chunk-KX3WMRSO.js";
-import "../../chunk-4EKGRFUQ.js";
-import "../../chunk-NETNVCI3.js";
-import "../../chunk-WNQ7KWL6.js";
-import "../../chunk-O6YPHO6M.js";
-import "../../chunk-2ITITIZK.js";
-import "../../chunk-272LB55I.js";
-import "../../chunk-V5GQM24U.js";
-import "../../chunk-VNJ4NNZJ.js";
-import "../../chunk-6AFSPHQC.js";
-import "../../chunk-NESZTWYE.js";
-import "../../chunk-WHIOQKWN.js";
-import "../../chunk-CJDIDKDD.js";
-import "../../chunk-SGI4RWHJ.js";
-import "../../chunk-ZLYJ3AKU.js";
-import "../../chunk-57MJ26OG.js";
-import "../../chunk-IYEEAOW3.js";
-import "../../chunk-BQYGHD5H.js";
-import "../../chunk-H5GYYPG3.js";
-import "../../chunk-LVJ2PUOM.js";
-import "../../chunk-Q3YLC4JA.js";
-import "../../chunk-57IQEIDN.js";
-import "../../chunk-Z545Q5S3.js";
-import "../../chunk-UF2SAH66.js";
-import "../../chunk-J6Q5RIOB.js";
-import "../../chunk-PPWQMT6L.js";
-import "../../chunk-YRFC56VN.js";
-import "../../chunk-U2VV6SRJ.js";
-import "../../chunk-C5PYKGR6.js";
-import "../../chunk-VI6WTKMV.js";
-import "../../chunk-QW2INB5A.js";
-import "../../chunk-JLD7MGLC.js";
-import "../../chunk-DW6LFUI2.js";
-import "../../chunk-6AC5YUBP.js";
-import "../../chunk-ZQXRHPB6.js";
-import "../../chunk-36RZWQ7S.js";
-import "../../chunk-UCOL37RG.js";
-import "../../chunk-YZM4ALKD.js";
-import "../../chunk-O42E7NAG.js";
-import "../../chunk-HHTHXSBF.js";
-import "../../chunk-LIVMIDVJ.js";
-import "../../chunk-VASG2BKI.js";
-import "../../chunk-JSGRNWSB.js";
-import "../../chunk-HJQIDDKT.js";
-import "../../chunk-73ETEREG.js";
-import "../../chunk-EDN2QDCB.js";
-import "../../chunk-MN4NUSPL.js";
-import "../../chunk-CWMXXUWU.js";
-
-// src/components/typography/typographyMap.tsx
-var typographyMap = {
-  Display,
-  Headline,
-  Title,
-  Body,
-  "Body Strong": BodyStrong,
-  Label,
-  "Label Moderate": LabelModerate,
-  "Label Strong": LabelStrong,
-  Overline,
-  Code,
-  "Code Strong": Code
-};
-export {
-  typographyMap
-};

package/dist/router-Bz3Q1Loj.d.cts

@@ -1,226 +0,0 @@
-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 };

package/dist/router-DcvQVNci.d.ts

@@ -1,226 +0,0 @@
-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-ewqUKrgr.js';
-import { TokenSizeKey, TypographyTypeKey } from './styles/tokens/typography.js';
-import { Icon } from './components/Icon/Icon.js';
-import { NewRoutesType } from './types/index.js';
-
-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 };