kitchn
Version:
Tonight Pass delicious React styled-components UI kit
590 lines (568 loc) • 632 kB
TypeScript
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.js';
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.js';
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" |