import type { CSSProperties, ElementType, HTMLAttributes, ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
type InlineTextTone = 'default' | 'muted' | 'subtle' | 'strong' | 'inverse' | 'blue' | 'purple' | 'pink' | 'green' | 'yellow' | 'red';
type InlineTextSize = 'inherit' | 'sm' | 'md' | 'lg' | 'xl';
type InlineTextLeading = 'inherit' | 'tight' | 'snug' | 'normal' | 'loose';
type InlineTextWeight = 'inherit' | 'regular' | 'medium' | 'semibold' | 'bold';
type InlineTextItemShape = 'circle' | 'rounded' | 'square';
type InlineTextItemVariant = 'plain' | 'soft' | 'solid';
type InlineTextBaseProps = Omit, 'children' | 'color' | 'style'> & {
as?: ElementType;
children: ReactNode;
tone?: InlineTextTone;
style?: CSSProperties;
};
type InlineTextProps = InlineTextBaseProps & {
fontSize?: CssLength;
fontWeight?: CSSProperties['fontWeight'];
itemOffset?: CSSProperties['verticalAlign'];
itemSize?: CssLength;
leading?: InlineTextLeading;
lineHeight?: CSSProperties['lineHeight'];
maxWidth?: CssLength;
size?: InlineTextSize;
weight?: InlineTextWeight;
};
type InlineTextSpanProps = InlineTextBaseProps & {
fontWeight?: CSSProperties['fontWeight'];
weight?: InlineTextWeight;
};
type InlineTextItemProps = Omit, 'children' | 'color' | 'style'> & {
children: ReactNode;
decorative?: boolean;
label?: string;
padding?: CssLength;
shape?: InlineTextItemShape;
size?: CssLength;
style?: CSSProperties;
tone?: InlineTextTone;
variant?: InlineTextItemVariant;
verticalAlign?: CSSProperties['verticalAlign'];
};
declare const InlineTextSpan: ({ as: Component, children, className, fontWeight, style, tone, weight, ...props }: InlineTextSpanProps) => import("react/jsx-runtime").JSX.Element;
declare const InlineTextItem: ({ children, className, decorative, label, padding, shape, size, style, tone, variant, verticalAlign, ...props }: InlineTextItemProps) => import("react/jsx-runtime").JSX.Element;
declare const InlineText: (({ as: Component, children, className, fontSize, fontWeight, itemOffset, itemSize, leading, lineHeight, maxWidth, size, style, tone, weight, ...props }: InlineTextProps) => import("react/jsx-runtime").JSX.Element) & {
Item: ({ children, className, decorative, label, padding, shape, size, style, tone, variant, verticalAlign, ...props }: InlineTextItemProps) => import("react/jsx-runtime").JSX.Element;
Span: ({ as: Component, children, className, fontWeight, style, tone, weight, ...props }: InlineTextSpanProps) => import("react/jsx-runtime").JSX.Element;
};
export { InlineText, InlineTextItem, InlineTextSpan };
export type { InlineTextItemProps, InlineTextItemShape, InlineTextItemVariant, InlineTextLeading, InlineTextProps, InlineTextSize, InlineTextSpanProps, InlineTextTone, InlineTextWeight, };