/// import * as LabelPrimitive from "@radix-ui/react-label"; import type { SpaceTokenKey } from "../../theme/spacings"; export declare const SAFARI_BUG_WORKAROUND_EXTRA_SPACE: string; export declare const LEGEND_PADDING: SpaceTokenKey; export declare const StyledFieldSetContent: import("@stitches/react/types/styled-component").StyledComponent, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject | null | undefined; }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, { s: string; m: string; l: string; xl: string; }> & { css?: import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }> | undefined; } & { "data-id"?: string | undefined; }, "ref"> & import("react").RefAttributes>, {}, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledFieldSet: import("@stitches/react/types/styled-component").StyledComponent<"fieldset", { focus?: boolean | "true" | undefined; }, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledInput: import("@stitches/react/types/styled-component").StyledComponent<"input", { raisedLabel?: boolean | "true" | undefined; }, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledTextArea: import("@stitches/react/types/styled-component").StyledComponent<"textarea", { raisedLabel?: boolean | "true" | undefined; }, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledLabel: import("@stitches/react/types/styled-component").StyledComponent>, {}, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledLegend: import("@stitches/react/types/styled-component").StyledComponent<"legend", {}, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledInfoText: import("@stitches/react/types/styled-component").StyledComponent & import("react").RefAttributes>, {}, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const InputFieldContainer: import("@stitches/react/types/styled-component").StyledComponent, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject | null | undefined; }, "direction" | "alignContent" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{ direction?: "inherit" | "initial" | "revert" | "unset" | "column" | "row" | "revertLayer" | "rowReverse" | "columnReverse" | undefined; align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "baseline" | "normal" | "flexStart" | "flexEnd" | "firstBaseline" | "lastBaseline" | "safe" | "unsafe" | "revertLayer" | undefined; alignContent?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "baseline" | "normal" | "flexStart" | "flexEnd" | "between" | "around" | "evenly" | "firstBaseline" | "lastBaseline" | "safe" | "unsafe" | "revertLayer" | undefined; justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "normal" | "flexStart" | "flexEnd" | "between" | "around" | "evenly" | "safe" | "unsafe" | "revertLayer" | undefined; wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "revertLayer" | "noWrap" | "wrapReverse" | undefined; gap?: 4 | 1 | 2 | 3 | "1" | "2" | 8 | 5 | 6 | 7 | 9 | 10 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | undefined; }, { s: string; m: string; l: string; xl: string; }> & { css?: import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }> | undefined; }>, "ref"> & import("react").RefAttributes>, {}, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledRootContent: import("@stitches/react/types/styled-component").StyledComponent, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject | null | undefined; }, "direction" | "alignContent" | "gap" | "css" | "wrap" | "justify" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{ direction?: "inherit" | "initial" | "revert" | "unset" | "column" | "row" | "revertLayer" | "rowReverse" | "columnReverse" | undefined; align?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "baseline" | "normal" | "flexStart" | "flexEnd" | "firstBaseline" | "lastBaseline" | "safe" | "unsafe" | "revertLayer" | undefined; alignContent?: "center" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "baseline" | "normal" | "flexStart" | "flexEnd" | "between" | "around" | "evenly" | "firstBaseline" | "lastBaseline" | "safe" | "unsafe" | "revertLayer" | undefined; justify?: "center" | "left" | "right" | "stretch" | "inherit" | "initial" | "revert" | "unset" | "end" | "start" | "normal" | "flexStart" | "flexEnd" | "between" | "around" | "evenly" | "safe" | "unsafe" | "revertLayer" | undefined; wrap?: "inherit" | "initial" | "revert" | "unset" | "wrap" | "revertLayer" | "noWrap" | "wrapReverse" | undefined; gap?: 4 | 1 | 2 | 3 | "1" | "2" | 8 | 5 | 6 | 7 | 9 | 10 | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | undefined; }, { s: string; m: string; l: string; xl: string; }> & { css?: import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }> | undefined; }>, "ref"> & import("react").RefAttributes>, {}, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; export declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent, HTMLDivElement>, "ref"> & { ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject | null | undefined; }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, { s: string; m: string; l: string; xl: string; }> & { css?: import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }> | undefined; } & { "data-id"?: string | undefined; }, "ref"> & import("react").RefAttributes>, { error?: boolean | "true" | undefined; }, { s: string; m: string; l: string; xl: string; }, import("@stitches/react/types/css-util").CSS<{ s: string; m: string; l: string; xl: string; }, { opacities: { disabled: number; }; colors: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; }; fonts: { decorative: string; text: string; }; fontSizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; fontWeights: { black: number; bold: number; medium: number; regular: number; }; lineHeights: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; }; space: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; 10: string; }; sizes: { 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; 7: string; 8: string; 9: string; }; radii: { xs: string; s: string; m: string; round: string; }; shadows: { "light-chromia-dark": string; "light-off-white": string; "light-red": string; "light-orange": string; "light-steel-blue": string; "light-purple": string; "light-soft-pink": string; "light-yellow": string; "light-green": string; "dark-chromia-dark": string; "dark-off-white": string; "dark-red": string; "dark-orange": string; "dark-steel-blue": string; "dark-purple": string; "dark-soft-pink": string; "dark-yellow": string; "dark-green": string; "gray-1": string; "gray-2": string; "gray-3": string; "gray-4": string; "gray-5": string; "off-white-72": string; "off-white-36": string; "off-white-18": string; "off-white-9": string; "off-white-3": string; "off-white-72-opaque": string; "off-white-36-opaque": string; "off-white-18-opaque": string; "off-white-9-opaque": string; "off-white-3-opaque": string; "chromia-dark-36": string; currentColor: string; card: string; tooltip: string; }; }, { opacity: "opacities"; gap: "space"; gridGap: "space"; columnGap: "space"; gridColumnGap: "space"; rowGap: "space"; gridRowGap: "space"; inset: "space"; insetBlock: "space"; insetBlockEnd: "space"; insetBlockStart: "space"; insetInline: "space"; insetInlineEnd: "space"; insetInlineStart: "space"; margin: "space"; marginTop: "space"; marginRight: "space"; marginBottom: "space"; marginLeft: "space"; marginBlock: "space"; marginBlockEnd: "space"; marginBlockStart: "space"; marginInline: "space"; marginInlineEnd: "space"; marginInlineStart: "space"; padding: "space"; paddingTop: "space"; paddingRight: "space"; paddingBottom: "space"; paddingLeft: "space"; paddingBlock: "space"; paddingBlockEnd: "space"; paddingBlockStart: "space"; paddingInline: "space"; paddingInlineEnd: "space"; paddingInlineStart: "space"; scrollMargin: "space"; scrollMarginTop: "space"; scrollMarginRight: "space"; scrollMarginBottom: "space"; scrollMarginLeft: "space"; scrollMarginBlock: "space"; scrollMarginBlockEnd: "space"; scrollMarginBlockStart: "space"; scrollMarginInline: "space"; scrollMarginInlineEnd: "space"; scrollMarginInlineStart: "space"; scrollPadding: "space"; scrollPaddingTop: "space"; scrollPaddingRight: "space"; scrollPaddingBottom: "space"; scrollPaddingLeft: "space"; scrollPaddingBlock: "space"; scrollPaddingBlockEnd: "space"; scrollPaddingBlockStart: "space"; scrollPaddingInline: "space"; scrollPaddingInlineEnd: "space"; scrollPaddingInlineStart: "space"; top: "space"; right: "space"; bottom: "space"; left: "space"; fontSize: "fontSizes"; background: "colors"; backgroundColor: "colors"; backgroundImage: "colors"; borderImage: "colors"; border: "colors"; borderBlock: "colors"; borderBlockEnd: "colors"; borderBlockStart: "colors"; borderBottom: "colors"; borderBottomColor: "colors"; borderColor: "colors"; borderInline: "colors"; borderInlineEnd: "colors"; borderInlineStart: "colors"; borderLeft: "colors"; borderLeftColor: "colors"; borderRight: "colors"; borderRightColor: "colors"; borderTop: "colors"; borderTopColor: "colors"; caretColor: "colors"; color: "colors"; columnRuleColor: "colors"; outline: "colors"; outlineColor: "colors"; fill: "colors"; stroke: "colors"; textDecorationColor: "colors"; fontFamily: "fonts"; fontWeight: "fontWeights"; lineHeight: "lineHeights"; letterSpacing: "letterSpacings"; blockSize: "sizes"; minBlockSize: "sizes"; maxBlockSize: "sizes"; inlineSize: "sizes"; minInlineSize: "sizes"; maxInlineSize: "sizes"; width: "sizes"; minWidth: "sizes"; maxWidth: "sizes"; height: "sizes"; minHeight: "sizes"; maxHeight: "sizes"; flexBasis: "sizes"; gridTemplateColumns: "sizes"; gridTemplateRows: "sizes"; borderWidth: "borderWidths"; borderTopWidth: "borderWidths"; borderLeftWidth: "borderWidths"; borderRightWidth: "borderWidths"; borderBottomWidth: "borderWidths"; borderStyle: "borderStyles"; borderTopStyle: "borderStyles"; borderLeftStyle: "borderStyles"; borderRightStyle: "borderStyles"; borderBottomStyle: "borderStyles"; borderRadius: "radii"; borderTopLeftRadius: "radii"; borderTopRightRadius: "radii"; borderBottomRightRadius: "radii"; borderBottomLeftRadius: "radii"; boxShadow: "shadows"; textShadow: "shadows"; transition: "transitions"; zIndex: "zIndices"; }, { p: (value: import("@stitches/react/types/css-util").WithPropertyValue<"padding">) => { padding: import("@stitches/react/types/css-util").WithPropertyValue<"padding">; }; pt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; pr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">) => { paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingRight">; }; pb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">) => { paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingBottom">; }; pl: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; px: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">) => { paddingLeft: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; paddingRight: import("@stitches/react/types/css-util").WithPropertyValue<"paddingLeft">; }; py: (value: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">) => { paddingTop: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; paddingBottom: import("@stitches/react/types/css-util").WithPropertyValue<"paddingTop">; }; m: (value: import("@stitches/react/types/css-util").WithPropertyValue<"margin">) => { margin: import("@stitches/react/types/css-util").WithPropertyValue<"margin">; }; mt: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; mr: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">) => { marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginRight">; }; mb: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">) => { marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginBottom">; }; ml: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; mx: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">) => { marginLeft: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; marginRight: import("@stitches/react/types/css-util").WithPropertyValue<"marginLeft">; }; my: (value: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">) => { marginTop: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; marginBottom: import("@stitches/react/types/css-util").WithPropertyValue<"marginTop">; }; size: (value: import("@stitches/react/types/css-util").WithPropertyValue<"width">) => { width: import("@stitches/react/types/css-util").WithPropertyValue<"width">; height: import("@stitches/react/types/css-util").WithPropertyValue<"width">; }; bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => { background: import("@stitches/react/types/css-util").WithPropertyValue<"background">; }; pos: (value: import("@stitches/react/types/css-util").WithPropertyValue<"position">) => { position: import("@stitches/react/types/css-util").WithPropertyValue<"position">; }; }>>; //# sourceMappingURL=input.styled.d.ts.map