kitchn/dist/index.d.mts

Tonight Pass delicious React styled-components UI kit

import * as styled_components_dist_types from 'styled-components/dist/types';
export * from 'styled-components/dist/types';
import * as styled_components from 'styled-components';
import { DefaultTheme, ShouldForwardProp, RuleSet } from 'styled-components';
export { ServerStyleSheet, StyleSheetConsumer, StyleSheetContext, StyleSheetManager, ThemeContext as StyledThemeContext, ThemeProvider as StyledThemeProvider, ThemeConsumer, createGlobalStyle, css, isStyledComponent, keyframes, useTheme as useStyledTheme, withTheme } from 'styled-components';
import { T as Theme, M as MainTheme, G as Gap, B as Breakpoint, L as LayoutColors, A as AccentColors, R as Radius, S as Size, a as Themes, b as TextColors, W as Weight } from './shorten-name-N9SVZnuH.mjs';
export { C as Colors, c as capitalize, e as convertRGBToRGBA, d as darkTheme, g as getId, h as isDevelopment, i as isNumber, f as isString, l as lightTheme, p as pickChild, s as shortenName, t as tonightpassTheme } from './shorten-name-N9SVZnuH.mjs';
import * as React$1 from 'react';
import React__default, { CSSProperties, MutableRefObject } from 'react';
import * as styled_components_native from 'styled-components/native';
import { CSSProperties as CSSProperties$1 } from 'styled-components/native';
import { ThemeProviderProps as ThemeProviderProps$1 } from 'next-themes';
import * as react_day_picker from 'react-day-picker';
import { DayPicker, DateFormatter } from 'react-day-picker';
export { DateFormatter, DateRange } from 'react-day-picker';
import * as url from 'url';
import { UrlObject } from 'url';
import * as csstype from 'csstype';
import { Control as Control$1, FieldValues, ControllerProps } from 'react-hook-form';
import * as styled_components_dist_models_Keyframes from 'styled-components/dist/models/Keyframes';

declare module "styled-components" {
    interface DefaultTheme extends Theme, MainTheme {
    }
}

declare global {
    interface Window {
        next?: any;
    }
}
type window = object;

type KitchnComponent<P, N = React.HTMLAttributes<any>> = {
    /**
     * The root element.
     */
    as?: React.ElementType;
    /**
     * The content, duh.
     */
    children?: React.ReactNode;
    forwardedAs?: React.ElementType;
} & P & Omit<N, keyof P>;
type NormalSizes = "small" | "normal" | "large";
type TriggerTypes = "hover" | "click";
type DeepPartial<T> = {
    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
};

declare const mainTheme: MainTheme;

declare const createTheme: (theme: Theme | (Theme & DeepPartial<MainTheme>)) => DefaultTheme;
declare const defaultThemes: {
    dark: DefaultTheme;
    light: DefaultTheme;
};
declare const excludedProperties: string[];
declare const createThemeVariables: (theme: DefaultTheme, prefix?: string) => DefaultTheme;
declare const convertThemeToCssVariables: (obj: object, prefix?: string) => string;
declare const generateThemes: (staticThemes: Record<string, DefaultTheme>) => Record<string, DefaultTheme>;

type AreaProps = {
    width?: CSSProperties["width"] | keyof Gap | keyof Breakpoint;
    height?: CSSProperties["height"] | keyof Gap | keyof Breakpoint;
    w?: AreaProps["width"];
    h?: AreaProps["height"];
    minWidth?: CSSProperties["minWidth"] | keyof Gap | keyof Breakpoint;
    minHeight?: CSSProperties["minHeight"] | keyof Gap | keyof Breakpoint;
    maxWidth?: CSSProperties["maxWidth"] | keyof Gap | keyof Breakpoint;
    maxHeight?: CSSProperties["maxHeight"] | keyof Gap | keyof Breakpoint;
    minW?: AreaProps["minWidth"];
    minH?: AreaProps["minHeight"];
    maxW?: AreaProps["maxWidth"];
    maxH?: AreaProps["maxHeight"];
};
declare const areaCss: styled_components.RuleSet<AreaProps>;

type BackgroundProps = {
    background?: CSSProperties["background"] | keyof LayoutColors;
    bg?: BackgroundProps["background"];
    backgroundColor?: CSSProperties["backgroundColor"] | keyof LayoutColors;
    bgc?: BackgroundProps["backgroundColor"];
    backgroundAccent?: keyof AccentColors;
    bga?: BackgroundProps["backgroundAccent"];
};
declare const backgroundCss: styled_components.RuleSet<BackgroundProps>;

type BorderProps = {
    borderStyle?: CSSProperties["borderStyle"];
    bs?: BorderProps["borderStyle"];
    borderWidth?: CSSProperties["borderWidth"];
    bw?: BorderProps["borderWidth"];
    borderLeftWidth?: CSSProperties["borderLeftWidth"];
    blw?: BorderProps["borderWidth"];
    borderRightWidth?: CSSProperties["borderRightWidth"];
    brw?: BorderProps["borderWidth"];
    borderTopWidth?: CSSProperties["borderTopWidth"];
    btw?: BorderProps["borderWidth"];
    borderBottomWidth?: CSSProperties["borderBottomWidth"];
    bbw?: BorderProps["borderWidth"];
    borderColor?: CSSProperties["borderColor"] | keyof LayoutColors;
    bc?: BorderProps["borderColor"];
    borderLeftColor?: CSSProperties["borderLeftColor"] | keyof LayoutColors;
    blc?: BorderProps["borderColor"];
    borderRightColor?: CSSProperties["borderRightColor"] | keyof LayoutColors;
    brc?: BorderProps["borderColor"];
    borderTopColor?: CSSProperties["borderTopColor"] | keyof LayoutColors;
    btc?: BorderProps["borderColor"];
    borderBottomColor?: CSSProperties["borderBottomColor"] | keyof LayoutColors;
    bbc?: BorderProps["borderColor"];
    borderRadius?: CSSProperties["borderRadius"] | keyof Radius;
    br?: BorderProps["borderRadius"];
    borderTopLeftRadius?: CSSProperties["borderTopLeftRadius"] | keyof Radius;
    btlr?: BorderProps["borderRadius"];
    borderTopRightRadius?: CSSProperties["borderTopRightRadius"] | keyof Radius;
    btrr?: BorderProps["borderRadius"];
    borderBottomLeftRadius?: CSSProperties["borderBottomLeftRadius"] | keyof Radius;
    bblr?: BorderProps["borderRadius"];
    borderBottomRightRadius?: CSSProperties["borderBottomRightRadius"] | keyof Radius;
    bbrr?: BorderProps["borderRadius"];
};
declare const handleRadius: (theme: DefaultTheme, value?: string | number | keyof Radius) => string | number | undefined;
declare const borderCss: styled_components.RuleSet<BorderProps>;

type MarginProps = {
    margin?: CSSProperties["margin"] | keyof Gap;
    m?: MarginProps["margin"];
    marginLeft?: CSSProperties["marginLeft"] | keyof Gap;
    marginRight?: CSSProperties["marginRight"] | keyof Gap;
    marginTop?: CSSProperties["marginTop"] | keyof Gap;
    marginBottom?: CSSProperties["marginBottom"] | keyof Gap;
    ml?: MarginProps["marginLeft"];
    mr?: MarginProps["marginRight"];
    mt?: MarginProps["marginTop"];
    mb?: MarginProps["marginBottom"];
    mx?: MarginProps["margin"];
    my?: MarginProps["margin"];
};
declare const marginCss: styled_components.RuleSet<MarginProps>;

type PaddingProps = {
    padding?: CSSProperties["padding"] | keyof Gap;
    p?: PaddingProps["padding"];
    paddingLeft?: CSSProperties["paddingLeft"] | keyof Gap;
    paddingRight?: CSSProperties["paddingRight"] | keyof Gap;
    paddingTop?: CSSProperties["paddingTop"] | keyof Gap;
    paddingBottom?: CSSProperties["paddingBottom"] | keyof Gap;
    pl?: PaddingProps["paddingLeft"];
    pr?: PaddingProps["paddingRight"];
    pt?: PaddingProps["paddingTop"];
    pb?: PaddingProps["paddingBottom"];
    px?: PaddingProps["padding"];
    py?: PaddingProps["padding"];
};
declare const paddingCss: styled_components.RuleSet<PaddingProps>;

type PositionProps = {
    position?: CSSProperties["position"];
    pos?: PositionProps["position"];
    zIndex?: CSSProperties["zIndex"];
    zi?: PositionProps["zIndex"];
    left?: CSSProperties["left"] | keyof Gap | keyof Breakpoint;
    right?: CSSProperties["right"] | keyof Gap | keyof Breakpoint;
    top?: CSSProperties["top"] | keyof Gap | keyof Breakpoint;
    bottom?: CSSProperties["bottom"] | keyof Gap | keyof Breakpoint;
    l?: PositionProps["left"];
    r?: PositionProps["right"];
    t?: PositionProps["top"];
    b?: PositionProps["bottom"];
};
declare const positionCss: styled_components.RuleSet<PositionProps>;

type DecoratorProps = {
    display?: CSSProperties$1["display"];
    overflow?: CSSProperties$1["overflow"];
    font?: CSSProperties$1["fontSize"] | keyof Size;
    cursor?: CSSProperties$1["cursor"];
    pointerEvents?: CSSProperties$1["pointerEvents"];
    userSelect?: CSSProperties$1["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps;
declare const handlePixelValue: (value?: string | number) => string | number | undefined;
declare const handleValue: (theme: DefaultTheme, value?: string | number | keyof Gap | keyof Breakpoint) => string | number | undefined;
declare const handleFont: (theme: DefaultTheme, value: string | number | keyof Size) => string | number | undefined;
declare const withDecorator: <T extends object>(WrappedComponent: React__default.ComponentType<T>, passThroughProps?: (keyof DecoratorProps)[]) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.PropsWithRef<React__default.PropsWithoutRef<{
    display?: CSSProperties$1["display"];
    overflow?: CSSProperties$1["overflow"];
    font?: CSSProperties$1["fontSize"] | keyof Size;
    cursor?: CSSProperties$1["cursor"];
    pointerEvents?: CSSProperties$1["pointerEvents"];
    userSelect?: CSSProperties$1["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & T> & React__default.RefAttributes<HTMLElement>> & styled_components_dist_types.BaseObject, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<{
    display?: CSSProperties$1["display"];
    overflow?: CSSProperties$1["overflow"];
    font?: CSSProperties$1["fontSize"] | keyof Size;
    cursor?: CSSProperties$1["cursor"];
    pointerEvents?: CSSProperties$1["pointerEvents"];
    userSelect?: CSSProperties$1["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & T> & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type ThemeContextParams = {
    theme: DefaultTheme;
    setTheme: (theme: keyof Themes | "system") => void;
    setThemeStyle: (theme: DefaultTheme) => void;
    resolvedTheme?: keyof Themes | "system";
    forcedTheme?: keyof Themes | "system";
    systemTheme?: keyof Themes;
    storedTheme?: keyof Themes | "system";
    themes: Record<string, DefaultTheme>;
};
declare const ThemeContext: React__default.Context<ThemeContextParams>;
type ThemeProviderProps = {
    children: React__default.ReactNode;
    theme?: DefaultTheme;
    themes: ThemeContextParams["themes"];
};
declare const ThemeProvider: ({ children, themes, ...props }: ThemeProviderProps) => React__default.JSX.Element;

type KitchnProviderProps = {
    children?: React__default.ReactNode;
    theme?: ThemeProviderProps["theme"];
    enableSystem?: boolean;
    defaultTheme?: keyof Themes | "system";
    forcedTheme?: keyof Themes | "system";
    themes?: Record<string, DefaultTheme>;
    dangerouslyDisableNextThemeProvider?: boolean;
    attribute?: ThemeProviderProps$1["attribute"];
    showBreakpointBadge?: boolean;
};
declare const KitchnProviderComponent: React__default.FC<KitchnProviderProps>;
declare const shouldForwardProp: ShouldForwardProp<"web">;
type NextThemeProviderWrapperProps = ThemeProviderProps$1 & {
    dangerouslyDisableNextThemeProvider?: boolean;
};
declare const NextThemeProviderWrapper: React__default.FC<NextThemeProviderWrapperProps>;
declare const KitchnProvider: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & KitchnProviderProps & React__default.RefAttributes<HTMLElement>, "ref"> & {
    ref?: ((instance: HTMLElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLElement> | null | undefined;
}, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & KitchnProviderProps & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type Props$H = {
    /**
     * The size of the avatar.
     */
    size?: number | string;
    /**
     * The username of the avatar from tonightpass.com.
     */
    username?: string;
    /**
     * The src of the avatar.
     */
    src?: string;
    /**
     * The text of the avatar
     * (if it's a placeholder).
     */
    text?: string;
    /**
     * The shape of the avatar.
     */
    shape?: "square" | "round";
};
type AvatarProps = KitchnComponent<Props$H>;
declare const AvatarImage: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
    shape?: AvatarProps["shape"];
}>> & string;
declare const Avatar: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$H & Omit<React__default.HTMLAttributes<any>, keyof Props$H>, keyof React__default.HTMLAttributes<any> | "as" | "forwardedAs" | keyof Props$H> & {
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$H & Omit<React__default.HTMLAttributes<any>, keyof Props$H> & React__default.RefAttributes<HTMLElement>, "ref"> & {
    ref?: ((instance: HTMLElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLElement> | null | undefined;
}, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$H & Omit<React__default.HTMLAttributes<any>, keyof Props$H>, keyof React__default.HTMLAttributes<any> | "as" | "forwardedAs" | keyof Props$H> & {
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$H & Omit<React__default.HTMLAttributes<any>, keyof Props$H> & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type Props$G = {
    /**
     * The members of the avatar group.
     */
    members: {
        username?: AvatarProps["username"];
        src?: AvatarProps["src"];
        text?: AvatarProps["text"];
    }[];
    /**
     * The limit of the avatar group.
     * If the members are more than the limit,
     * the last avatar will be a counter.
     */
    limit?: number;
    /**
     * The size of the avatar.
     */
    size?: number | string;
};
type AvatarGroupProps = KitchnComponent<Props$G>;
declare const AvatarGroup: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$G & Omit<React__default.HTMLAttributes<any>, keyof Props$G>, never> & React__default.RefAttributes<HTMLElement>, "ref"> & {
    ref?: ((instance: HTMLElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLElement> | null | undefined;
}, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$G & Omit<React__default.HTMLAttributes<any>, keyof Props$G>, never> & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type Props$F = {
    /**
     * The size of the badge.
     * @default "normal"
     */
    size?: NormalSizes;
    /**
     * The type of the badge.
     * @default "primary"
     */
    type?: "primary" | "secondary" | "info" | "success" | "warning" | "danger";
    /**
     * The font weight of the badge.
     */
    bold?: boolean;
};
type BadgeProps = KitchnComponent<Props$F>;
declare const Badge: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$F & Omit<React__default.HTMLAttributes<any>, keyof Props$F>, keyof React__default.HTMLAttributes<any> | keyof Props$F | "as" | "forwardedAs"> & {
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$F & Omit<React__default.HTMLAttributes<any>, keyof Props$F> & React__default.RefAttributes<HTMLElement>, "ref"> & {
    ref?: ((instance: HTMLElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLElement> | null | undefined;
}, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$F & Omit<React__default.HTMLAttributes<any>, keyof Props$F>, keyof React__default.HTMLAttributes<any> | keyof Props$F | "as" | "forwardedAs"> & {
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$F & Omit<React__default.HTMLAttributes<any>, keyof Props$F> & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type Props$E = {
    shape?: "square" | "round";
    size?: NormalSizes;
    loading?: boolean;
    disabled?: boolean;
    width?: number | string;
    prefix?: React__default.ReactNode;
    suffix?: React__default.ReactNode;
    type?: keyof AccentColors;
    htmlType?: React__default.ButtonHTMLAttributes<HTMLButtonElement>["type"];
    variant?: "ghost" | "shadow";
    hover?: {
        background: string;
        color: string;
        border: string;
    };
};
type ButtonProps = KitchnComponent<Props$E, React__default.ButtonHTMLAttributes<HTMLButtonElement>>;
declare const ButtonContent: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    width?: string | number;
}>> & string;
declare const ButtonPrefix: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    hasContent: boolean;
}>> & string;
declare const ButtonSuffix: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
declare const Button: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<Omit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$E & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof Props$E> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
    ref?: ((instance: HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLButtonElement> | null | undefined;
}, "form" | "slot" | "style" | "title" | "name" | "children" | "value" | "id" | "hidden" | "color" | "content" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "forwardedAs" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof Props$E> & {
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$E & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof Props$E>, "ref"> & React__default.RefAttributes<HTMLElement>, "ref"> & {
    ref?: ((instance: HTMLElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLElement> | null | undefined;
}, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<Omit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$E & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof Props$E> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
    ref?: ((instance: HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLButtonElement> | null | undefined;
}, "form" | "slot" | "style" | "title" | "name" | "children" | "value" | "id" | "hidden" | "color" | "content" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "forwardedAs" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof Props$E> & {
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$E & Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, keyof Props$E>, "ref"> & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type BoxProps = DecoratorProps;
declare const withBox: <T extends object>(WrappedComponent: React.ComponentType<T>) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React$1.PropsWithRef<React$1.PropsWithoutRef<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & T> & React$1.RefAttributes<HTMLElement>> & styled_components_dist_types.BaseObject, DecoratorProps>> & string & Omit<React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & T> & React$1.RefAttributes<HTMLElement>>, keyof React$1.Component<any, {}, any>>;

type ScaleProps = DecoratorProps;
declare const withScale: <T extends object>(WrappedComponent: React.ComponentType<T>) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React$1.PropsWithRef<React$1.PropsWithoutRef<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & T> & React$1.RefAttributes<HTMLElement>> & styled_components_dist_types.BaseObject, DecoratorProps>> & string & Omit<React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & T> & React$1.RefAttributes<HTMLElement>>, keyof React$1.Component<any, {}, any>>;

type Direction = CSSProperties["flexDirection"];
type Props$D = {
    row?: boolean;
    flex?: CSSProperties["flex"];
    direction?: [Direction, Direction, Direction];
    gap?: keyof Gap | number;
    align?: CSSProperties["alignItems"];
    justify?: CSSProperties["justifyContent"];
    header?: boolean;
    section?: boolean;
    form?: boolean;
    label?: boolean;
    footer?: boolean;
    nav?: boolean;
    aside?: boolean;
    main?: boolean;
    wrap?: CSSProperties["flexWrap"];
    transform?: CSSProperties["transform"];
};
type ContainerProps = Props$D & React__default.ComponentPropsWithRef<"div">;
declare const Container: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<Omit<Omit<ContainerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLDivElement> | null | undefined;
}, "ref" | "key" | keyof React__default.HTMLAttributes<HTMLDivElement> | keyof Props$D> & Props$D & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLDivElement> | null | undefined;
}, "ref"> & React__default.RefAttributes<HTMLElement>, "ref"> & {
    ref?: ((instance: HTMLElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLElement> | null | undefined;
}, DecoratorProps>> & string & Omit<React__default.ForwardRefExoticComponent<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<Omit<Omit<ContainerProps, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLDivElement> | null | undefined;
}, "ref" | "key" | keyof React__default.HTMLAttributes<HTMLDivElement> | keyof Props$D> & Props$D & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    ref?: ((instance: HTMLDivElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLDivElement> | null | undefined;
}, "ref"> & React__default.RefAttributes<HTMLElement>>, keyof React__default.Component<any, {}, any>>;

type Props$C = {
    /**
     * The link's href.
     */
    href?: string | UrlObject;
    /**
     * The link's classname.
     */
    className?: string;
    /**
     * The link's onClick.
     */
    onClick?: (_event: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
    /**
     * The link's status (if it's disabled or not).
     */
    disabled?: boolean;
    /**
     * The link's variant.
     */
    variant?: "highlight" | "primary" | "secondary" | "blend";
};
type LinkProps = KitchnComponent<Props$C, React__default.AnchorHTMLAttributes<HTMLAnchorElement>>;
declare const Link: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<Omit<{
    display?: styled_components_native.CSSProperties["display"];
    overflow?: styled_components_native.CSSProperties["overflow"];
    font?: styled_components_native.CSSProperties["fontSize"] | keyof Size;
    cursor?: styled_components_native.CSSProperties["cursor"];
    pointerEvents?: styled_components_native.CSSProperties["pointerEvents"];
    userSelect?: styled_components_native.CSSProperties["userSelect"];
} & AreaProps & BackgroundProps & BorderProps & MarginProps & PaddingProps & PositionProps & styled_components.FastOmit<{
    as?: React__default.ElementType;
    children?: React__default.ReactNode;
    forwardedAs?: React__default.ElementType;
} & Props$C & Omit<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, keyof Props$C>, "slot" | "style" | "title" | "children" | "type" | "id" | "hidden" | "color" | "content" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "forwardedAs" | "download"