@blockle/blocks 0.19.1 → 0.20.0-alpha1.0

package/dist/momotaro.chunk.d.ts

@@ -1,922 +0,0 @@
-import { StyleRule } from '@vanilla-extract/css';
-import React$1, { useEffect } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
-
-declare const atoms: ((props: {
-    readonly backgroundColor?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
-    readonly borderColor?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
-    readonly borderRadius?: ("small" | "medium" | "large" | "xlarge") | undefined;
-    readonly borderWidth?: ("small" | "medium" | "large") | undefined;
-    readonly border?: "none" | undefined;
-    readonly insetBlock?: 0 | undefined;
-    readonly insetBlockStart?: 0 | undefined;
-    readonly insetBlockEnd?: 0 | undefined;
-    readonly insetInline?: 0 | undefined;
-    readonly insetInlineStart?: 0 | undefined;
-    readonly insetInlineEnd?: 0 | undefined;
-    readonly boxShadow?: ("small" | "medium" | "large") | undefined;
-    readonly color?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
-    readonly cursor?: "auto" | "pointer" | undefined;
-    readonly fontFamily?: "body" | "primary" | "secondary" | undefined;
-    readonly fontStyle?: "normal" | "italic" | "oblique" | undefined;
-    readonly fontWeight?: ("medium" | "regular" | "strong") | undefined;
-    readonly lineHeight?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    readonly blockSize?: "auto" | "fit-content" | "full" | undefined;
-    readonly maxBlockSize?: "auto" | "fit-content" | "full" | undefined;
-    readonly inlineSize?: "auto" | "fit-content" | "full" | undefined;
-    readonly maxInlineSize?: "auto" | "fit-content" | "full" | undefined;
-    readonly opacity?: 0 | 1 | undefined;
-    readonly overflow?: "auto" | "hidden" | "scroll" | "visible" | undefined;
-    readonly overflowBlock?: "auto" | "hidden" | "scroll" | "visible" | undefined;
-    readonly overflowInline?: "auto" | "hidden" | "scroll" | "visible" | undefined;
-    readonly pointerEvents?: "none" | undefined;
-    readonly textDecoration?: "none" | "overline" | "line-through" | "underline" | undefined;
-    readonly textTransform?: "lowercase" | "uppercase" | "capitalize" | undefined;
-    readonly textWrap?: "balance" | "wrap" | undefined;
-    readonly transition?: ("slow" | "normal" | "fast") | undefined;
-    readonly userSelect?: "none" | undefined;
-    readonly whiteSpace?: "nowrap" | "pre" | "pre-line" | "pre-wrap" | undefined;
-    readonly wordBreak?: "break-word" | undefined;
-    readonly wordWrap?: "break-word" | undefined;
-    inset?: 0 | undefined;
-} & {
-    readonly alignContent?: ("stretch" | "center" | "flex-start" | "flex-end" | {
-        mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
-    readonly alignItems?: ("stretch" | "center" | "flex-start" | "flex-end" | {
-        mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
-    readonly alignSelf?: ("stretch" | "center" | "flex-start" | "flex-end" | {
-        mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-        wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
-    readonly columnGap?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly display?: ("none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | {
-        mobile?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
-        tablet?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
-        desktop?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
-        wide?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
-    readonly flex?: (1 | {
-        mobile?: 1 | undefined;
-        tablet?: 1 | undefined;
-        desktop?: 1 | undefined;
-        wide?: 1 | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 1 | null>;
-    readonly flexDirection?: ("row" | "row-reverse" | "column" | "column-reverse" | {
-        mobile?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-        tablet?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-        desktop?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-        wide?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "row" | "row-reverse" | "column" | "column-reverse" | null>;
-    readonly flexGrow?: (0 | 1 | {
-        mobile?: 0 | 1 | undefined;
-        tablet?: 0 | 1 | undefined;
-        desktop?: 0 | 1 | undefined;
-        wide?: 0 | 1 | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
-    readonly flexShrink?: (0 | 1 | {
-        mobile?: 0 | 1 | undefined;
-        tablet?: 0 | 1 | undefined;
-        desktop?: 0 | 1 | undefined;
-        wide?: 0 | 1 | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
-    readonly flexWrap?: ("wrap" | "nowrap" | {
-        mobile?: "wrap" | "nowrap" | undefined;
-        tablet?: "wrap" | "nowrap" | undefined;
-        desktop?: "wrap" | "nowrap" | undefined;
-        wide?: "wrap" | "nowrap" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "wrap" | "nowrap" | null>;
-    readonly fontSize?: (("xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly gap?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly justifyContent?: ("center" | "flex-start" | "flex-end" | "space-between" | "space-around" | {
-        mobile?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
-        tablet?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
-        desktop?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
-        wide?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
-    readonly marginBlockStart?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    readonly marginBlockEnd?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    readonly marginInlineStart?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    readonly marginInlineEnd?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    readonly outline?: ("none" | {
-        mobile?: "none" | undefined;
-        tablet?: "none" | undefined;
-        desktop?: "none" | undefined;
-        wide?: "none" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | null>;
-    readonly padding?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly paddingBlock?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly paddingBlockStart?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly paddingBlockEnd?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly paddingInline?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly paddingInlineStart?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly paddingInlineEnd?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly position?: ("relative" | "fixed" | "absolute" | "sticky" | "static" | {
-        mobile?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
-        tablet?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
-        desktop?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
-        wide?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
-    readonly rowGap?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
-        mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-        wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
-    readonly textAlign?: ("left" | "right" | "center" | "justify" | {
-        mobile?: "left" | "right" | "center" | "justify" | undefined;
-        tablet?: "left" | "right" | "center" | "justify" | undefined;
-        desktop?: "left" | "right" | "center" | "justify" | undefined;
-        wide?: "left" | "right" | "center" | "justify" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "left" | "right" | "center" | "justify" | null>;
-    margin?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    marginBlock?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    marginInline?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
-        mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-        wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
-    placeItems?: ("center" | "flex-start" | "flex-end" | {
-        mobile?: "center" | "flex-start" | "flex-end" | undefined;
-        tablet?: "center" | "flex-start" | "flex-end" | undefined;
-        desktop?: "center" | "flex-start" | "flex-end" | undefined;
-        wide?: "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | null>;
-}) => string) & {
-    properties: Set<"borderRadius" | "color" | "borderWidth" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "transition" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "blockSize" | "columnGap" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "maxBlockSize" | "maxInlineSize" | "opacity" | "overflowBlock" | "overflowInline" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "textTransform" | "textWrap" | "userSelect" | "whiteSpace" | "wordBreak" | "wordWrap" | "border" | "borderColor" | "flex" | "gap" | "inset" | "insetBlock" | "insetInline" | "margin" | "marginBlock" | "marginInline" | "outline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "placeItems" | "textDecoration">;
-};
-
-declare const breakpoints: {
-    readonly mobile: 0;
-    readonly tablet: 740;
-    readonly desktop: 992;
-    readonly wide: 1200;
-};
-type Breakpoint = keyof typeof breakpoints;
-declare function minMediaQuery(breakpoint: Exclude<Breakpoint, 'mobile'>): string;
-
-type AnyString = string & {};
-/**
- * Suggest a type for a string literal but also allow any string.
- */
-type OptionalLiteral<T extends string> = T | AnyString;
-type RecordLike = Record<string | number, unknown>;
-
-type Atoms = Parameters<typeof atoms>[0];
-type ResponsiveValue<T> = T | [T] | [T, T] | [T, T, T] | [T, T, T, T];
-type ResponsiveDisplayFlex = ResponsiveValue<'none' | 'flex' | 'inline-flex'>;
-type MarginAtoms = {
-    margin?: Atoms['margin'];
-    marginBlock?: Atoms['marginBlock'];
-    marginBlockStart?: Atoms['marginBlockStart'];
-    marginBlockEnd?: Atoms['marginBlockEnd'];
-    marginInline?: Atoms['marginInline'];
-    marginInlineStart?: Atoms['marginInlineStart'];
-    marginInlineEnd?: Atoms['marginInlineEnd'];
-};
-type PaddingAtoms = {
-    padding?: Atoms['padding'];
-    paddingBlock?: Atoms['paddingBlock'];
-    paddingBlockStart?: Atoms['paddingBlockStart'];
-    paddingBlockEnd?: Atoms['paddingBlockEnd'];
-    paddingInline?: Atoms['paddingInline'];
-    paddingInlineStart?: Atoms['paddingInlineStart'];
-    paddingInlineEnd?: Atoms['paddingInlineEnd'];
-};
-type TextAtoms = {
-    color?: Atoms['color'];
-    fontFamily?: Atoms['fontFamily'];
-    fontSize?: Atoms['fontSize'];
-    fontStyle?: Atoms['fontStyle'];
-    fontWeight?: Atoms['fontWeight'];
-    lineHeight?: Atoms['lineHeight'];
-    textAlign?: Atoms['textAlign'];
-    textDecoration?: Atoms['textDecoration'];
-    textTransform?: Atoms['textTransform'];
-    textWrap?: Atoms['textWrap'];
-    whiteSpace?: Atoms['whiteSpace'];
-    wordBreak?: Atoms['wordBreak'];
-    wordWrap?: Atoms['wordWrap'];
-};
-
-type StyleRuleWithAtoms = Omit<StyleRule, keyof Atoms> & {
-    [K in keyof Atoms]?: K extends keyof StyleRule ? Atoms[K] | AnyString | number : Atoms[K];
-};
-/**
- * A wrapper around vanilla-extract's `style` function that allows you to use
- * atoms and raw CSS values in the same object.
- */
-declare function style(props: StyleRuleWithAtoms | (StyleRuleWithAtoms | string)[]): string;
-
-type ButtonTheme = {
-    base: string;
-    variants: {
-        variant: 'solid' | 'outline' | 'ghost';
-        intent: 'neutral' | 'danger';
-        size: 'small' | 'medium' | 'large';
-        loading: boolean;
-        disabled: boolean;
-    };
-};
-type LinkTheme = {
-    base: string;
-    variants: {
-        variant: 'inherit' | 'primary' | 'secondary';
-        underline: boolean;
-    };
-};
-type SpinnerTheme = {
-    base: string;
-    variants: {
-        size: 'small' | 'medium' | 'large';
-        color: Exclude<Atoms['color'], undefined>;
-    };
-};
-type DividerTheme = {
-    base?: string;
-    variants: {
-        color: Exclude<Atoms['color'], undefined>;
-    };
-};
-type DialogTheme = {
-    dialog: string;
-    variants: {
-        size: 'small' | 'medium' | 'large';
-    };
-};
-type InputTheme = {
-    container: string;
-    input: string;
-    variants: {
-        variant: 'solid' | 'outline';
-        disabled: boolean;
-        required: boolean;
-    };
-};
-type CheckboxTheme = {
-    base: string;
-    icon: string;
-    label: string;
-    variants: {
-        required: boolean;
-    };
-};
-type RadioTheme = {
-    base: string;
-    icon: string;
-    label: string;
-};
-type LabelTheme = {
-    base: string;
-    variants: {
-        size: 'small' | 'medium' | 'large';
-        required: boolean;
-    };
-};
-type ProgressTheme = {
-    base: string;
-    bar: string;
-    variants: {
-        indeterminate: boolean;
-    };
-};
-type SwitchTheme = {
-    base: string;
-    slider: string;
-};
-type PopoverTheme = {
-    base: string;
-};
-type SelectTheme = {
-    wrapper?: string;
-    select: string;
-    icon: string;
-    variants: {
-        variant: 'solid' | 'outline';
-    };
-};
-type SliderTheme = {
-    base: string;
-    track: string;
-    filledTrack: string;
-    thumb: string;
-    variants: {
-        size: 'small' | 'medium' | 'large';
-        colorScheme: 'primary' | 'secondary';
-        disabled: boolean;
-    };
-};
-type TooltipTheme = {
-    base: string;
-    variants: {
-        colorScheme: 'primary' | 'secondary';
-    };
-};
-type ComponentThemes = {
-    button: ButtonTheme;
-    checkbox: CheckboxTheme;
-    dialog: DialogTheme;
-    divider: DividerTheme;
-    input: InputTheme;
-    label: LabelTheme;
-    link: LinkTheme;
-    popover: PopoverTheme;
-    progress: ProgressTheme;
-    radio: RadioTheme;
-    select: SelectTheme;
-    slider: SliderTheme;
-    spinner: SpinnerTheme;
-    switch: SwitchTheme;
-    tooltip: TooltipTheme;
-};
-/**
- * ComponentThemeProps is a helper type to define the props passed to useComponentStyles.
- */
-type ComponentThemeProps<T extends RecordLike> = Omit<{
-    [K in keyof T]?: Exclude<T[K], undefined> extends string ? boolean : never;
-}, 'variants'> & {
-    variants?: T['variants'] extends RecordLike ? Partial<T['variants']> : never;
-};
-type ComponentThemesProps = {
-    [K in keyof ComponentThemes]: ComponentThemeProps<ComponentThemes[K]>;
-};
-
-/**
- * Helper generic to convert a component theme to a styles object
- *
- * export type ThemeIn = {
- *  base: string;
- *  variants: {
- *    intent: 'neutral' | 'danger';
- *    level?: 1 | 2;
- *    loading: boolean;
- *  };
- * };
- * export type ThemeOut = {
- *  base: string;
- *  variants: {
- *    intent: Record<'neutral' | 'danger', string>;
- *    level?: Record<1 | 2, string>;
- *    loading: string;
- *  };
- * };
- */
-type VariantsToStyle<T extends RecordLike> = {
-    [K in keyof T]?: T[K] extends string | number ? Partial<Record<T[K], string>> : T[K] extends boolean ? string : never;
-};
-/**
- * ComponentThemeToStyles is a helper type to define the props passed to useComponentStyles.
- */
-type ComponentThemeToStyles<T extends RecordLike> = Omit<T, 'variants'> & {
-    variants?: T['variants'] extends RecordLike ? VariantsToStyle<T['variants']> : never;
-};
-type ComponentThemeCompoundVariants<T extends RecordLike> = T['variants'] extends RecordLike ? {
-    variants: {
-        [K in keyof T['variants']]?: T['variants'][K];
-    };
-    style: string;
-}[] : never;
-type ComponentThemeDefaultVariants<T extends RecordLike> = T['variants'] extends RecordLike ? {
-    [K in keyof T['variants']]?: T['variants'][K];
-} : never;
-type ComponentTheme<T extends RecordLike> = ComponentThemeToStyles<T> & {
-    compoundVariants?: ComponentThemeCompoundVariants<T>;
-    defaultVariants?: ComponentThemeDefaultVariants<T>;
-};
-type ThemeComponentsStyles = {
-    [K in keyof ComponentThemes]?: ComponentTheme<ComponentThemes[K]>;
-};
-declare function makeComponentTheme<T extends keyof ThemeComponentsStyles>(component: T, componentTheme: ThemeComponentsStyles[T]): ThemeComponentsStyles[T];
-
-type FontWeight = 'regular' | 'medium' | 'strong';
-type Space = 'none' | 'gutter' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type Transition = 'slow' | 'normal' | 'fast';
-type BorderRadius = 'small' | 'medium' | 'large' | 'xlarge';
-type BorderWidth = 'small' | 'medium' | 'large';
-type BoxShadow = 'small' | 'medium' | 'large';
-type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type LineHeight = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type Color = 'white' | 'black' | 'body' | 'primaryLight' | 'primary' | 'primaryDark' | 'secondaryLight' | 'secondary' | 'secondaryDark' | 'text' | 'textLight' | 'textDark' | 'danger' | 'link';
-type ThemeTokens = {
-    typography: {
-        fontFamily: {
-            body?: string;
-            primary?: string;
-            secondary?: string;
-        };
-        fontSize: Record<FontSize, number | string>;
-        fontWeight: Record<FontWeight, 400 | 500 | 600 | 700 | 800>;
-        lineHeight: Record<LineHeight, number | string>;
-    };
-    spacing: Record<Space, number | string>;
-    transition: Record<Transition, string>;
-    border: {
-        radius: Record<BorderRadius, number | string>;
-        width: Record<BorderWidth, number | string>;
-    };
-    shadow: Record<BoxShadow, string>;
-    focus: {
-        boxShadow: string;
-    };
-    color: Record<Color, string>;
-};
-
-type ThemeInput = {
-    name: string;
-    tokens: ThemeTokens;
-    components: ThemeComponentsStyles;
-};
-type Theme = {
-    name: string;
-    vars: string;
-    components: ThemeComponentsStyles;
-};
-declare function makeTheme(theme: ThemeInput): Theme;
-
-declare const vars: {
-    space: {
-        none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        gutter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    borderRadius: {
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    color: {
-        white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primaryLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primaryDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondaryLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondaryDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        text: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        textDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    borderWidth: {
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontFamily: {
-        body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontSize: {
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    fontWeight: {
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    lineHeight: {
-        xsmall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    transition: {
-        slow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        fast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    shadow: {
-        small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        large: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-    focus: {
-        boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};
-
-type HTMLElementProps<E extends Element> = Omit<React.HTMLProps<E>, keyof Atoms | 'ref'>;
-
-type VisuallyHiddenProps = {
-    children: React.ReactNode;
-} & HTMLElementProps<HTMLSpanElement>;
-declare const VisuallyHidden: React.FC<VisuallyHiddenProps>;
-
-type DividerProps = {
-    className?: string;
-    color?: Atoms['backgroundColor'];
-    style?: React.CSSProperties;
-};
-declare const Divider: React.FC<DividerProps>;
-
-type ProgressProps = {
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-valuetext'?: string;
-    className?: string;
-    indeterminate?: boolean;
-    max?: number;
-    style?: React$1.CSSProperties;
-    /**
-     * The value of the progress bar, between 0 and max=100.
-     */
-    value?: number;
-    ref?: React$1.Ref<HTMLDivElement>;
-};
-declare const Progress: React$1.FC<ProgressProps>;
-
-type SpinnerProps = {
-    className?: string;
-    color?: SpinnerTheme['variants']['color'];
-    size?: SpinnerTheme['variants']['size'];
-    style?: React.CSSProperties;
-} & MarginAtoms;
-declare const Spinner: React.FC<SpinnerProps>;
-
-type ButtonProps = {
-    alignSelf?: Atoms['alignSelf'];
-    asChild?: boolean;
-    children: React$1.ReactNode;
-    disabled?: boolean;
-    endSlot?: React$1.ReactNode;
-    inlineSize?: Atoms['inlineSize'];
-    intent?: ButtonTheme['variants']['intent'];
-    loading?: boolean;
-    popovertarget?: string;
-    ref?: React$1.Ref<HTMLButtonElement>;
-    size?: ButtonTheme['variants']['size'];
-    startSlot?: React$1.ReactNode;
-    type?: 'button' | 'submit' | 'reset';
-    variant?: ButtonTheme['variants']['variant'];
-} & Omit<HTMLElementProps<HTMLButtonElement>, 'size'> & MarginAtoms;
-declare const Button: React$1.FC<ButtonProps>;
-
-type CheckboxProps = {
-    children?: React$1.ReactNode;
-    name: string;
-    ref?: React$1.Ref<HTMLInputElement>;
-    required?: boolean;
-} & HTMLElementProps<HTMLInputElement>;
-declare const Checkbox: React$1.FC<CheckboxProps>;
-
-type InputProps = {
-    className?: string;
-    endSlot?: React.ReactNode;
-    name: string;
-    ref?: React.Ref<HTMLInputElement>;
-    startSlot?: React.ReactNode;
-    type?: OptionalLiteral<'email' | 'number' | 'password' | 'tel' | 'text' | 'url'>;
-} & Omit<HTMLElementProps<HTMLInputElement>, 'type'>;
-declare const Input: React.FC<InputProps>;
-
-type LabelProps = {
-    /**
-     * If true, the label will be rendered as a span element
-     * but will still have the same styles as a label.
-     * Useful for when you want to use a label element but
-     * can't because of the parent element's structure.
-     */
-    asSpan?: boolean;
-    htmlFor?: string;
-    children?: React.ReactNode;
-    required?: boolean;
-    size?: LabelTheme['variants']['size'];
-    cursor?: Atoms['cursor'];
-} & HTMLElementProps<HTMLLabelElement>;
-declare const Label: React.FC<LabelProps>;
-
-type RadioProps = {
-    children?: React.ReactNode;
-    name: string;
-    ref?: React.Ref<HTMLInputElement>;
-    value: string;
-} & HTMLElementProps<HTMLInputElement>;
-declare const Radio: React.FC<RadioProps>;
-
-type SelectProps = {
-    children: React$1.ReactNode;
-    placeholder?: string;
-    ref?: React$1.Ref<HTMLSelectElement>;
-    variant?: SelectTheme['variants']['variant'];
-} & HTMLElementProps<HTMLSelectElement>;
-declare const Select: React$1.FC<SelectProps>;
-
-type SliderProps = {
-    name?: string;
-    min?: number;
-    max?: number;
-    step?: number;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-    orientation?: 'horizontal' | 'vertical';
-    'aria-labelledby'?: string;
-    'aria-valuetext'?: string;
-    'aria-label'?: string;
-    size: SliderTheme['variants']['size'];
-    colorScheme: SliderTheme['variants']['colorScheme'];
-    disabled?: boolean;
-    precision?: number;
-};
-declare const Slider: React$1.FC<SliderProps>;
-
-type SwitchProps = {
-    onChange?: (value: boolean) => void;
-    ref?: React.Ref<HTMLInputElement>;
-} & Omit<HTMLElementProps<HTMLInputElement>, 'onChange'>;
-declare const Switch: React.FC<SwitchProps>;
-
-type BoxProps = {
-    asChild?: boolean;
-    children?: React$1.ReactNode;
-    className?: string;
-    ref?: React$1.Ref<HTMLDivElement>;
-    style?: React$1.CSSProperties;
-} & Atoms & HTMLElementProps<HTMLDivElement>;
-declare const Box: React$1.FC<BoxProps>;
-
-declare const justifyContentMap: {
-    readonly left: "flex-start";
-    readonly right: "flex-end";
-    readonly center: "center";
-    readonly between: "space-between";
-    readonly around: "space-around";
-};
-type JustifyContentMap = typeof justifyContentMap;
-declare const alignItemsMap: {
-    readonly left: "flex-start";
-    readonly right: "flex-end";
-    readonly center: "center";
-    readonly stretch: "stretch";
-};
-type AlignItemsMap = typeof alignItemsMap;
-
-type InlineProps = {
-    alignX?: keyof JustifyContentMap;
-    alignY?: keyof AlignItemsMap;
-    tag?: 'div' | 'ul' | 'ol' | 'nav';
-    children: React.ReactNode;
-    className?: string;
-    display?: ResponsiveDisplayFlex;
-    spacing: Atoms['gap'];
-    style?: React.CSSProperties;
-} & MarginAtoms & PaddingAtoms;
-declare const Inline: React.FC<InlineProps>;
-
-type StackProps = {
-    alignX?: keyof AlignItemsMap;
-    tag?: 'div' | 'section' | 'ul' | 'ol';
-    children: React.ReactNode;
-    className?: string;
-    display?: ResponsiveDisplayFlex;
-    spacing: Atoms['gap'];
-    style?: React.CSSProperties;
-    role?: React.AriaRole;
-    /**
-     * Start prop is only valid when tag="ol"
-     */
-    start?: number;
-} & MarginAtoms & PaddingAtoms;
-declare const Stack: React.FC<StackProps>;
-
-type LinkProps = {
-    asChild?: boolean;
-    children?: React.ReactNode;
-    ref?: React.Ref<HTMLAnchorElement>;
-    underline?: LinkTheme['variants']['underline'];
-    variant?: LinkTheme['variants']['variant'];
-} & MarginAtoms & HTMLElementProps<HTMLAnchorElement>;
-declare const Link: React.FC<LinkProps>;
-
-type BlocksProviderProps = {
-    children: React.ReactNode;
-    theme: Theme;
-    className?: string;
-    style?: React.CSSProperties;
-};
-declare const BlocksProvider: React.FC<BlocksProviderProps>;
-
-type PortalProps = {
-    children: React.ReactNode;
-    container?: HTMLElement;
-};
-declare const Portal: React.FC<PortalProps>;
-
-type DialogProps = {
-    children?: React.ReactNode;
-    open: boolean;
-    onRequestClose: () => void;
-    className?: string;
-    size?: DialogTheme['variants']['size'];
-    'aria-label'?: string;
-};
-declare const Dialog: React.FC<DialogProps>;
-
-type PopoverProps = {
-    align?: 'top' | 'bottom' | 'left' | 'right';
-    anchorElement: React.RefObject<HTMLElement | null>;
-    children: React.ReactNode;
-    className?: string;
-    onRequestClose: () => void;
-    open: boolean;
-    repositionOnScroll?: boolean;
-    style?: React.CSSProperties;
-} & HTMLElementProps<HTMLDivElement>;
-
-type ReactElement = React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-type TooltipProps = {
-    align?: PopoverProps['align'];
-    children: ReactElement;
-    label: React.ReactNode;
-    colorScheme?: TooltipTheme['variants']['colorScheme'];
-};
-declare const Tooltip: React.FC<TooltipProps>;
-
-type HeadingProps = {
-    children: React.ReactNode;
-    className?: string;
-    level: 1 | 2 | 3 | 4 | 5 | 6;
-} & TextAtoms & MarginAtoms & PaddingAtoms & HTMLElementProps<HTMLHeadingElement>;
-declare const Heading: React.FC<HeadingProps>;
-
-type Tags = 'del' | 'em' | 'ins' | 'label' | 'p' | 's' | 'small' | 'span' | 'strong' | 'sub' | 'sup';
-type TextProps<Tag extends Tags = 'span'> = {
-    asChild?: boolean;
-    children: React$1.ReactNode;
-    ref?: React$1.Ref<HTMLElementTagNameMap[Tag]>;
-    tag?: Tag;
-} & TextAtoms & MarginAtoms & PaddingAtoms & HTMLElementProps<HTMLSpanElement>;
-declare const Text: <T extends Tags = "span">({ asChild, children, className, ref, tag, ...restProps }: TextProps<T>) => react_jsx_runtime.JSX.Element;
-
-type TemplateProps = {
-    asChild?: boolean;
-    children?: React$1.ReactNode;
-    ref?: React$1.Ref<Element>;
-};
-/**
- * Create a Template component that can render as a child of another component with asChild prop.
- *
- * Example
- * // Create a Template and Slot components with div as default element
- * const { Template, Slot } = createAsChildContainer('div');
- *
- * const MyComponent = ({ children, asChild, ...restProps }) => {
- *  return (
- *   <Template asChild={asChild} {...restProps}>
- *     <Slot>{childen}</Slot> // Slot is required, will be replaced with children
- *   </Template>
- * );
- * }
- *
- * <MyComponent className="test">Not a link</MyComponent> // Renders as <div class="test">Not a link</div>
- * <MyComponent className="test"><a href="#">Link</a></MyComponent> // Renders as <div class="test"><a href="#">Link</a></div>
- * <MyComponent className="test" asChild><a href="#">Link</a></MyComponent> // Renders as <a href="#" class="test">Link</a>
- */
-declare function createAsChildTemplate<T extends keyof HTMLElementTagNameMap>(defaultElement: T): {
-    Template: React$1.FC<TemplateProps & HTMLElementProps<HTMLElementTagNameMap[T]>>;
-    Slot: React$1.FC<SlotProps>;
-};
-type SlotProps = {
-    children: React$1.ReactNode;
-};
-
-declare function useComponentStyles<T extends keyof ComponentThemesProps>(name: T, props: ComponentThemesProps[T], useDefaultVariants?: boolean): string;
-
-type ThemeComponentsStylesRequired = Required<ThemeComponentsStyles>;
-type Components = {
-    [K in keyof ThemeComponentsStylesRequired]: ThemeComponentsStylesRequired[K] extends RecordLike ? Required<ThemeComponentsStylesRequired[K]>['defaultVariants'] extends RecordLike ? ThemeComponentsStylesRequired[K]['defaultVariants'] extends undefined ? never : Exclude<ThemeComponentsStylesRequired[K]['defaultVariants'], undefined> : never : never;
-};
-declare const useComponentStyleDefaultProps: <T extends keyof ThemeComponentsStyles>(name: T) => Components[T];
-
-/**
- * useLayoutEffect is not avaible on server side use useEffect instead.
- */
-declare const useIsomorphicLayoutEffect: typeof useEffect;
-
-type UseKeyboardOptions = {
-    enabled?: boolean;
-    type?: 'keydown' | 'keyup';
-};
-declare const useKeyboard: (key: KeyboardEvent["key"], callback: (event: KeyboardEvent) => void, { enabled, type }?: UseKeyboardOptions) => void;
-
-declare const usePreventBodyScroll: (enabled?: boolean) => void;
-
-/**
- * Sets the `aria-hidden` attribute on this provider's root element.
- *
- * Usefull for modals and other overlays that should hide the rest of the page from screen readers
- * and are rendered inside their own `BlocksProvider`.
- */
-declare const useRootAriaHidden: (hidden: boolean) => void;
-
-type Args = null | undefined | boolean | string | unknown;
-declare const classnames: (...args: Args[]) => string | undefined;
-
-declare const momotaro: Theme;
-
-export { BlocksProvider, type BlocksProviderProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Dialog, type DialogProps, Divider, type DividerProps, Heading, type HeadingProps, Inline, type InlineProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Text, type TextProps, type ThemeComponentsStyles, type ThemeTokens, Tooltip, type TooltipProps, VisuallyHidden, type VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, momotaro, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars };