@blockle/blocks-core 0.21.0

package/dist/sprinkles/sprinkles.css.d.ts

@@ -0,0 +1,234 @@
+export declare const sprinkles: ((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?: ("medium" | "small" | "large" | "xlarge") | undefined;
+    readonly borderWidth?: ("medium" | "small" | "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?: ("medium" | "small" | "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?: ("regular" | "medium" | "strong") | undefined;
+    readonly lineHeight?: ("medium" | "xsmall" | "small" | "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) | import('@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) | import('@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) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
+    readonly columnGap?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly display?: ("none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | {
+        mobile?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
+        tablet?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
+        desktop?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
+        wide?: "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "none" | "flex" | "inline-flex" | "block" | "inline" | "inline-block" | "grid" | "inline-grid" | null>;
+    readonly flex?: (1 | {
+        mobile?: 1 | undefined;
+        tablet?: 1 | undefined;
+        desktop?: 1 | undefined;
+        wide?: 1 | undefined;
+    } | undefined) | import('@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) | import('@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) | import('@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) | import('@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) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "wrap" | "nowrap" | null>;
+    readonly fontSize?: (("medium" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly gap?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "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) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
+    readonly marginBlockStart?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
+    readonly marginBlockEnd?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
+    readonly marginInlineStart?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
+    readonly marginInlineEnd?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
+    readonly outline?: ("none" | {
+        mobile?: "none" | undefined;
+        tablet?: "none" | undefined;
+        desktop?: "none" | undefined;
+        wide?: "none" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "none" | null>;
+    readonly padding?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly paddingBlock?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly paddingBlockStart?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly paddingBlockEnd?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly paddingInline?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly paddingInlineStart?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly paddingInlineEnd?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "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) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
+    readonly rowGap?: (("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | {
+        mobile?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        tablet?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        desktop?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+        wide?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge") | null>;
+    readonly textAlign?: ("center" | "left" | "right" | "justify" | {
+        mobile?: "center" | "left" | "right" | "justify" | undefined;
+        tablet?: "center" | "left" | "right" | "justify" | undefined;
+        desktop?: "center" | "left" | "right" | "justify" | undefined;
+        wide?: "center" | "left" | "right" | "justify" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "center" | "left" | "right" | "justify" | null>;
+    margin?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
+    marginBlock?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | null>;
+    marginInline?: ("medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | {
+        mobile?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        tablet?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        desktop?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+        wide?: "medium" | "none" | "gutter" | "xsmall" | "small" | "large" | "xlarge" | "auto" | undefined;
+    } | undefined) | import('@vanilla-extract/sprinkles').ResponsiveArray<4 | 1 | 2 | 3, "medium" | "none" | "gutter" | "xsmall" | "small" | "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) | import('@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" | "flex" | "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" | "gap" | "inset" | "insetBlock" | "insetInline" | "margin" | "marginBlock" | "marginInline" | "outline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "placeItems" | "textDecoration">;
+};
+export type Sprinkles = Parameters<typeof sprinkles>[0];

package/dist/sprinkles/sprinkles.css.js

@@ -0,0 +1,52 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
+import { breakpointNames, minMediaQuery } from "../css/breakpoint/breakpoint.js";
+import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.js";
+setFileScope("src/sprinkles/sprinkles.css.ts", "@blockle/blocks-core");
+const unresponsiveAtomicProperties = defineProperties({
+  properties: unresponsiveProperties,
+  shorthands: {
+    inset: [
+      "insetBlockStart",
+      "insetBlockEnd",
+      "insetInlineStart",
+      "insetInlineEnd"
+    ]
+  }
+});
+const responsiveAtomicProperties = defineProperties({
+  defaultCondition: "mobile",
+  conditions: {
+    mobile: {},
+    tablet: {
+      "@media": minMediaQuery("tablet")
+    },
+    desktop: {
+      "@media": minMediaQuery("desktop")
+    },
+    wide: {
+      "@media": minMediaQuery("wide")
+    }
+  },
+  responsiveArray: breakpointNames,
+  properties: responsiveProperties,
+  shorthands: {
+    margin: [
+      "marginBlockStart",
+      "marginBlockEnd",
+      "marginInlineStart",
+      "marginInlineEnd"
+    ],
+    marginBlock: ["marginBlockStart", "marginBlockEnd"],
+    marginInline: ["marginInlineStart", "marginInlineEnd"],
+    placeItems: ["justifyContent", "alignItems"]
+  }
+});
+const sprinkles = createSprinkles(
+  unresponsiveAtomicProperties,
+  responsiveAtomicProperties
+);
+endFileScope();
+export {
+  sprinkles
+};

package/dist/theme/makeComponentTheme.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function makeComponentTheme(component, componentTheme) {
+  return componentTheme;
+}
+exports.makeComponentTheme = makeComponentTheme;

package/dist/theme/makeComponentTheme.d.ts

@@ -0,0 +1,29 @@
+import { ComponentThemes } from '../config/componentThemes';
+import { RecordLike } from '../utils/typing/helpers';
+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.
+ */
+export type ComponentThemeToStyles<T extends RecordLike> = Omit<T, 'variants'> & {
+    variants?: T['variants'] extends RecordLike ? VariantsToStyle<T['variants']> : never;
+};
+export type ComponentThemeCompoundVariants<T extends RecordLike> = T['variants'] extends RecordLike ? {
+    variants: {
+        [K in keyof T['variants']]?: T['variants'][K];
+    };
+    style: string;
+}[] : never;
+export type ComponentThemeDefaultVariants<T extends RecordLike> = T['variants'] extends RecordLike ? {
+    [K in keyof T['variants']]?: T['variants'][K];
+} : never;
+export type ComponentTheme<T extends RecordLike> = ComponentThemeToStyles<T> & {
+    compoundVariants?: ComponentThemeCompoundVariants<T>;
+    defaultVariants?: ComponentThemeDefaultVariants<T>;
+};
+export type ThemeComponentsStyles = {
+    [K in keyof ComponentThemes]?: ComponentTheme<ComponentThemes[K]>;
+};
+export declare function makeComponentTheme<T extends keyof ThemeComponentsStyles>(component: T, componentTheme: ThemeComponentsStyles[T]): ThemeComponentsStyles[T];
+export {};

package/dist/theme/makeComponentTheme.js

@@ -0,0 +1,6 @@
+function makeComponentTheme(component, componentTheme) {
+  return componentTheme;
+}
+export {
+  makeComponentTheme
+};

package/dist/theme/makeTheme.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const css = require("@vanilla-extract/css");
+const vars_css = require("../css/vars.css.cjs");
+const makeVanillaTheme = require("./makeVanillaTheme.cjs");
+function makeTheme(theme) {
+  return {
+    name: theme.name,
+    vars: css.createTheme(vars_css.vars, makeVanillaTheme.makeVanillaTheme(theme.tokens)),
+    components: theme.components
+  };
+}
+exports.makeTheme = makeTheme;

package/dist/theme/makeTheme.d.ts

@@ -0,0 +1,14 @@
+import { ThemeTokens } from '../config/themeTokens';
+import { ThemeComponentsStyles } from './makeComponentTheme';
+type ThemeInput = {
+    name: string;
+    tokens: ThemeTokens;
+    components: ThemeComponentsStyles;
+};
+export type Theme = {
+    name: string;
+    vars: string;
+    components: ThemeComponentsStyles;
+};
+export declare function makeTheme(theme: ThemeInput): Theme;
+export {};

package/dist/theme/makeTheme.js

@@ -0,0 +1,13 @@
+import { createTheme } from "@vanilla-extract/css";
+import { vars } from "../css/vars.css.js";
+import { makeVanillaTheme } from "./makeVanillaTheme.js";
+function makeTheme(theme) {
+  return {
+    name: theme.name,
+    vars: createTheme(vars, makeVanillaTheme(theme.tokens)),
+    components: theme.components
+  };
+}
+export {
+  makeTheme
+};

package/dist/theme/makeVanillaTheme.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const makeVanillaTheme = (tokens) => {
+  return {
+    space: tokens.spacing,
+    borderRadius: tokens.border.radius,
+    color: tokens.color,
+    borderWidth: tokens.border.width,
+    fontFamily: tokens.typography.fontFamily,
+    fontSize: tokens.typography.fontSize,
+    fontWeight: tokens.typography.fontWeight,
+    lineHeight: tokens.typography.lineHeight,
+    transition: tokens.transition,
+    shadow: tokens.shadow,
+    focus: {
+      boxShadow: tokens.focus.boxShadow
+    }
+  };
+};
+exports.makeVanillaTheme = makeVanillaTheme;

package/dist/theme/makeVanillaTheme.d.ts

@@ -0,0 +1,16 @@
+import { ThemeTokens } from '../config/themeTokens';
+export declare const makeVanillaTheme: (tokens: ThemeTokens) => {
+    space: Record<keyof typeof tokens.spacing, string>;
+    borderRadius: Record<keyof typeof tokens.border.radius, string>;
+    color: Record<keyof typeof tokens.color, string>;
+    borderWidth: Record<keyof typeof tokens.border.width, string>;
+    fontFamily: Record<keyof typeof tokens.typography.fontFamily, string>;
+    fontSize: Record<keyof typeof tokens.typography.fontSize, string>;
+    fontWeight: Record<keyof typeof tokens.typography.fontWeight, string>;
+    lineHeight: Record<keyof typeof tokens.typography.lineHeight, string>;
+    transition: Record<keyof typeof tokens.transition, string>;
+    shadow: Record<keyof typeof tokens.shadow, string>;
+    focus: {
+        boxShadow: string;
+    };
+};

package/dist/theme/makeVanillaTheme.js

@@ -0,0 +1,20 @@
+const makeVanillaTheme = (tokens) => {
+  return {
+    space: tokens.spacing,
+    borderRadius: tokens.border.radius,
+    color: tokens.color,
+    borderWidth: tokens.border.width,
+    fontFamily: tokens.typography.fontFamily,
+    fontSize: tokens.typography.fontSize,
+    fontWeight: tokens.typography.fontWeight,
+    lineHeight: tokens.typography.lineHeight,
+    transition: tokens.transition,
+    shadow: tokens.shadow,
+    focus: {
+      boxShadow: tokens.focus.boxShadow
+    }
+  };
+};
+export {
+  makeVanillaTheme
+};

package/dist/theme/theme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from './makeTheme';
+export declare const setTheme: (theme: Theme) => void;
+export declare const getTheme: () => Theme;

package/dist/utils/classnames/classnames.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const classnames = (...args) => {
+  const className = args.filter((arg) => arg && typeof arg === "string").join(" ");
+  return className || void 0;
+};
+exports.classnames = classnames;

package/dist/utils/classnames/classnames.d.ts

@@ -0,0 +1,3 @@
+type Args = null | undefined | boolean | string | unknown;
+export declare const classnames: (...args: Args[]) => string | undefined;
+export {};

package/dist/utils/classnames/classnames.js

@@ -0,0 +1,7 @@
+const classnames = (...args) => {
+  const className = args.filter((arg) => arg && typeof arg === "string").join(" ");
+  return className || void 0;
+};
+export {
+  classnames
+};

package/dist/utils/classnames/classnames.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/dom/hasAnimationDuration.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function hasAnimationDuration(element) {
+  if (!element) {
+    return false;
+  }
+  const style = window.getComputedStyle(element);
+  return hasDuration(style.transitionDuration) || hasDuration(style.animationDuration);
+}
+function hasDuration(duration) {
+  return duration.split(",").map((part) => Number.parseFloat(part.trim())).some((part) => part > 0);
+}
+exports.hasAnimationDuration = hasAnimationDuration;

package/dist/utils/dom/hasAnimationDuration.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Check if the element has animation duration.
+ */
+export declare function hasAnimationDuration(element: HTMLElement | null): boolean;

package/dist/utils/dom/hasAnimationDuration.js

@@ -0,0 +1,13 @@
+function hasAnimationDuration(element) {
+  if (!element) {
+    return false;
+  }
+  const style = window.getComputedStyle(element);
+  return hasDuration(style.transitionDuration) || hasDuration(style.animationDuration);
+}
+function hasDuration(duration) {
+  return duration.split(",").map((part) => Number.parseFloat(part.trim())).some((part) => part > 0);
+}
+export {
+  hasAnimationDuration
+};

package/dist/utils/flexbox/flexbox.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const justifyContentMap = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center",
+  between: "space-between",
+  around: "space-around"
+};
+const alignItemsMap = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center",
+  stretch: "stretch"
+};
+exports.alignItemsMap = alignItemsMap;
+exports.justifyContentMap = justifyContentMap;

package/dist/utils/flexbox/flexbox.d.ts

@@ -0,0 +1,15 @@
+export declare const justifyContentMap: {
+    readonly left: "flex-start";
+    readonly right: "flex-end";
+    readonly center: "center";
+    readonly between: "space-between";
+    readonly around: "space-around";
+};
+export type JustifyContentMap = typeof justifyContentMap;
+export declare const alignItemsMap: {
+    readonly left: "flex-start";
+    readonly right: "flex-end";
+    readonly center: "center";
+    readonly stretch: "stretch";
+};
+export type AlignItemsMap = typeof alignItemsMap;

package/dist/utils/flexbox/flexbox.js

@@ -0,0 +1,17 @@
+const justifyContentMap = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center",
+  between: "space-between",
+  around: "space-around"
+};
+const alignItemsMap = {
+  left: "flex-start",
+  right: "flex-end",
+  center: "center",
+  stretch: "stretch"
+};
+export {
+  alignItemsMap,
+  justifyContentMap
+};

package/dist/utils/math/math.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function roundToPrecision(value, precision) {
+  const factor = 10 ** precision;
+  return Math.round(value * factor) / factor;
+}
+function getBoundValue(newValue, min, max, step) {
+  let value = Math.round(newValue / step) * step;
+  value = Math.max(min, Math.min(max, value));
+  return value;
+}
+exports.getBoundValue = getBoundValue;
+exports.roundToPrecision = roundToPrecision;

package/dist/utils/math/math.d.ts

@@ -0,0 +1,2 @@
+export declare function roundToPrecision(value: number, precision: number): number;
+export declare function getBoundValue(newValue: number, min: number, max: number, step: number): number;

package/dist/utils/math/math.js

@@ -0,0 +1,13 @@
+function roundToPrecision(value, precision) {
+  const factor = 10 ** precision;
+  return Math.round(value * factor) / factor;
+}
+function getBoundValue(newValue, min, max, step) {
+  let value = Math.round(newValue / step) * step;
+  value = Math.max(min, Math.min(max, value));
+  return value;
+}
+export {
+  getBoundValue,
+  roundToPrecision
+};