@mekari/pixel3-theme 0.7.2-dev.1 → 1.0.0-next.0

package/dist/recipes/index.d.ts

@@ -1,85 +1,1614 @@
 import * as _pandacss_types from '@pandacss/types';
 
 declare const recipes: {
-    buttonRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    buttonRecipe: _pandacss_types.RecipeConfig<{
+        variant: {
+            primary: {
+                color: "white";
+                background: "blue.400";
+                borderColor: "blue.400";
+                _hover: {
+                    background: "blue.500";
+                    borderColor: "blue.500";
+                };
+                _active: {
+                    background: "blue.700";
+                    borderColor: "blue.700";
+                };
+                _loading: {
+                    background: "blue.400";
+                };
+                _nextTheme: {
+                    color: "text.inverse";
+                    background: "background.brand.bold";
+                    borderColor: "background.brand.bold";
+                    _hover: {
+                        background: "background.brand.bold.hovered";
+                        borderColor: "background.brand.bold.hovered";
+                    };
+                    _active: {
+                        background: "background.brand.bold.pressed";
+                        borderColor: "background.brand.bold.pressed";
+                    };
+                    _loading: {
+                        background: "background.brand.bold";
+                    };
+                };
+            };
+            secondary: {
+                color: "blue.400";
+                background: "white";
+                borderColor: "gray.100";
+                _hover: {
+                    background: "gray.50";
+                    borderColor: "gray.100";
+                };
+                _active: {
+                    background: "blue.50";
+                    borderColor: "blue.50";
+                };
+                _loading: {
+                    background: "white";
+                };
+                _nextTheme: {
+                    color: "text.link";
+                    background: "background.neutral";
+                    borderColor: "border.default";
+                    _hover: {
+                        background: "background.neutral.hovered";
+                        borderColor: "border.default";
+                    };
+                    _active: {
+                        background: "background.neutral.pressed";
+                        borderColor: "border.default";
+                    };
+                    _loading: {
+                        background: "background.neutral";
+                    };
+                };
+            };
+            ghost: {
+                color: "gray.600";
+                background: "transparent";
+                borderColor: "transparent";
+                _hover: {
+                    background: "gray.50";
+                    borderColor: "gray.50";
+                };
+                _active: {
+                    background: "gray.100";
+                    borderColor: "gray.100";
+                };
+                _loading: {
+                    background: "transparent";
+                };
+                _nextTheme: {
+                    color: "text.secondary";
+                    background: "transparent";
+                    borderColor: "transparent";
+                    _hover: {
+                        background: "background.neutral.hovered";
+                        borderColor: "background.neutral.hovered";
+                    };
+                    _active: {
+                        background: "background.neutral.pressed";
+                        borderColor: "background.neutral.pressed";
+                    };
+                    _loading: {
+                        background: "transparent";
+                    };
+                };
+            };
+            danger: {
+                color: "white";
+                background: "red.400";
+                borderColor: "red.400";
+                _hover: {
+                    background: "red.500";
+                    borderColor: "red.500";
+                };
+                _active: {
+                    background: "red.700";
+                    borderColor: "red.700";
+                };
+                _focusVisible: {
+                    borderColor: "red.400";
+                    boxShadow: "0 0 0 3px #FDECEE";
+                };
+                _loading: {
+                    background: "red.400";
+                };
+                _nextTheme: {
+                    color: "text.inverse";
+                    background: "background.danger.bold";
+                    borderColor: "background.danger.bold";
+                    _hover: {
+                        background: "background.danger.bold.hovered";
+                        borderColor: "background.danger.bold.hovered";
+                    };
+                    _active: {
+                        background: "background.danger.bold.pressed";
+                        borderColor: "background.danger.bold.pressed";
+                    };
+                    _focusVisible: {
+                        borderColor: "border.focused";
+                        boxShadow: "focus";
+                    };
+                    _loading: {
+                        background: "background.danger.bold";
+                    };
+                };
+            };
+            tertiary: {
+                color: "white";
+                background: "#282E33";
+                borderColor: "#282E33";
+                _hover: {
+                    background: "#38414A";
+                    borderColor: "#38414A";
+                };
+                _active: {
+                    background: "#454F59";
+                    borderColor: "#454F59";
+                };
+                _loading: {
+                    background: "#282E33";
+                };
+                _nextTheme: {
+                    color: "text.inverse.static";
+                    background: "background.tertiary";
+                    borderColor: "background.tertiary";
+                    _hover: {
+                        background: "background.tertiary.hovered";
+                        borderColor: "background.tertiary.hovered";
+                    };
+                    _active: {
+                        background: "background.tertiary.pressed";
+                        borderColor: "background.tertiary.pressed";
+                    };
+                    _loading: {
+                        background: "background.tertiary";
+                    };
+                };
+            };
+            textLink: {
+                color: "blue.400";
+                background: "transparent";
+                borderColor: "transparent";
+                _hover: {
+                    color: "blue.500";
+                };
+                _active: {
+                    color: "blue.700";
+                };
+                _disabled: {
+                    cursor: "not-allowed";
+                    color: "gray.400";
+                    borderColor: "transparent";
+                    _hover: {
+                        borderColor: "transparent";
+                        color: "gray.400";
+                    };
+                };
+                _loading: {
+                    background: "white";
+                };
+                _nextTheme: {
+                    color: "text.link";
+                    background: "transparent";
+                    borderColor: "transparent";
+                    _hover: {
+                        color: "text.link";
+                        textDecoration: "underline";
+                    };
+                    _active: {
+                        color: "text.link.pressed";
+                    };
+                    _disabled: {
+                        color: "text.disabled";
+                        _hover: {
+                            color: "text.disabled";
+                            textDecoration: "none";
+                        };
+                    };
+                    _loading: {
+                        background: "text.inverse";
+                    };
+                };
+            };
+            unstyled: {
+                display: "inline";
+                color: "inherit";
+                backgroundColor: "transparent";
+                border: "none";
+                outline: "none";
+                margin: "0";
+                padding: "0";
+                fontSize: "inherit";
+                fontWeight: "inherit";
+                lineHeight: "inherit";
+                userSelect: "inherit";
+                textAlign: "inherit";
+            };
+        };
+        size: {
+            sm: {
+                borderRadius: "sm";
+                textStyle: string;
+                fontWeight: "regular";
+                _isRounded: {
+                    borderRadius: "full";
+                };
+                _loading: {
+                    borderRadius: "sm";
+                    _isRounded: {
+                        borderRadius: "full";
+                    };
+                };
+                _hasIcon: {
+                    paddingX: string;
+                    paddingY: string;
+                    _nextTheme: {
+                        paddingX: string;
+                        paddingY: string;
+                    };
+                };
+                _hasLabel: {
+                    paddingX: string;
+                    paddingY: string;
+                    _hasIcon: {
+                        '&[data-icon-position=left]': {
+                            paddingLeft: "1.5";
+                            paddingRight: "2";
+                        };
+                        '&[data-icon-position=right]': {
+                            paddingLeft: "2";
+                            paddingRight: "1.5";
+                        };
+                    };
+                    _nextTheme: {
+                        paddingX: string;
+                        paddingY: string;
+                        _hasIcon: {
+                            '&[data-icon-position=left]': {
+                                paddingLeft: "2xs";
+                                paddingRight: "xs";
+                            };
+                            '&[data-icon-position=right]': {
+                                paddingLeft: "xs";
+                                paddingRight: "2xs";
+                            };
+                        };
+                    };
+                };
+            };
+            md: {
+                borderRadius: "md";
+                textStyle: string;
+                fontWeight: "semiBold";
+                _isRounded: {
+                    borderRadius: "full";
+                };
+                _loading: {
+                    borderRadius: "md";
+                    _isRounded: {
+                        borderRadius: "full";
+                    };
+                };
+                _hasIcon: {
+                    paddingX: string;
+                    paddingY: string;
+                    _nextTheme: {
+                        paddingX: string;
+                        paddingY: string;
+                    };
+                };
+                _hasLabel: {
+                    paddingX: string;
+                    paddingY: string;
+                    _hasIcon: {
+                        '&[data-icon-position=left]': {
+                            paddingLeft: "3";
+                            paddingRight: "4";
+                        };
+                        '&[data-icon-position=right]': {
+                            paddingLeft: "4";
+                            paddingRight: "3";
+                        };
+                    };
+                    _nextTheme: {
+                        paddingX: string;
+                        paddingY: string;
+                        _hasIcon: {
+                            '&[data-icon-position=left]': {
+                                paddingLeft: "sm";
+                                paddingRight: "md";
+                            };
+                            '&[data-icon-position=right]': {
+                                paddingLeft: "md";
+                                paddingRight: "sm";
+                            };
+                        };
+                    };
+                };
+            };
+        };
+    }>;
     buttonGroupRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    textRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    iconRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    spinnerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    popoverContentRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    textRecipe: _pandacss_types.RecipeConfig<{
+        size: {
+            h1: {
+                textStyle: string;
+            };
+            h2: {
+                textStyle: string;
+            };
+            h3: {
+                textStyle: string;
+            };
+            body: {
+                textStyle: string;
+            };
+            'body-small': {
+                textStyle: string;
+            };
+            label: {
+                textStyle: string;
+            };
+            'label-small': {
+                textStyle: string;
+            };
+            overline: {
+                textStyle: string;
+            };
+        };
+        weight: {
+            regular: {
+                fontWeight: "regular";
+            };
+            semiBold: {
+                fontWeight: "semiBold";
+            };
+        };
+    }>;
+    iconRecipe: _pandacss_types.RecipeConfig<{
+        size: {
+            sm: {
+                width: "5";
+                height: "5";
+            };
+            md: {
+                width: "6";
+                height: "6";
+            };
+        };
+    }>;
+    spinnerRecipe: _pandacss_types.RecipeConfig<{
+        size: {
+            sm: {
+                width: "5";
+                height: "5";
+            };
+            md: {
+                width: "6";
+                height: "6";
+            };
+        };
+    }>;
+    popoverContentRecipe: _pandacss_types.RecipeConfig<{
+        isUnstyled: {
+            true: {};
+            false: {
+                rounded: string;
+                shadow: string;
+                borderWidth: "1px";
+                borderColor: "gray.400";
+                zIndex: "popover";
+                _nextTheme: {
+                    borderColor: "border.bold";
+                };
+            };
+        };
+        isDark: {
+            true: {
+                background: "overlay";
+                color: "white";
+            };
+            false: {
+                background: "white";
+                _nextTheme: {
+                    background: "background.stage";
+                };
+            };
+        };
+    }>;
     popoverListRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     popoverListItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     badgeRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     textareaRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tooltipRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    tabRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    tabRecipe: _pandacss_types.RecipeConfig<{
+        variantColor: {
+            blue: {};
+            green: {};
+            orange: {};
+            red: {};
+            gray: {};
+        };
+        isSelected: {
+            true: {};
+        };
+    }>;
+    tabSelectedBorderRecipe: _pandacss_types.RecipeConfig<{
+        variantColor: {
+            blue: {};
+            green: {};
+            orange: {};
+            red: {};
+            gray: {};
+        };
+        isSelected: {
+            false: {
+                background: "transparent";
+                _groupHover: {
+                    background: "gray.400";
+                    _nextTheme: {
+                        background: "border.bold";
+                    };
+                };
+            };
+            true: {};
+        };
+    }>;
     tableRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     tableContainerRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    bannerTitleRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    bannerDescriptionRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    bannerLinkRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    bannerCloseButtonRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    RTEStyleProviderRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    bannerTitleRecipe: _pandacss_types.RecipeConfig<{}>;
+    bannerDescriptionRecipe: _pandacss_types.RecipeConfig<{}>;
+    bannerLinkRecipe: _pandacss_types.RecipeConfig<{}>;
+    bannerCloseButtonRecipe: _pandacss_types.RecipeConfig<{}>;
+    RTEStyleProviderRecipe: _pandacss_types.RecipeConfig<{}>;
     calendarPanelRangeRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
     dayItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    dateItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    monthItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    yearItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    timeItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    textlinkRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
-    skeletonRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+    dateItemRecipe: _pandacss_types.RecipeConfig<{
+        status: {
+            default: {
+                rounded: string;
+                _hover: {
+                    borderColor: "gray.50";
+                    background: "gray.50";
+                    _nextTheme: {
+                        borderColor: "background.neutral.hovered";
+                        background: "background.neutral.hovered";
+                    };
+                };
+                _focus: {
+                    borderColor: "blue.400";
+                    background: "transparent";
+                    shadow: string;
+                    _nextTheme: {
+                        borderColor: "border.focused";
+                    };
+                };
+            };
+            selected: {
+                rounded: string;
+                borderColor: "blue.400";
+                backgroundColor: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+            range: {
+                borderColor: "ice.50";
+                backgroundColor: "ice.50";
+                _nextTheme: {
+                    borderColor: "background.brand.selected";
+                    backgroundColor: "background.brand.selected";
+                };
+            };
+            today: {
+                rounded: string;
+                borderColor: "orange.50";
+                backgroundColor: "orange.50";
+                _nextTheme: {
+                    borderColor: "background.warning.bold";
+                    backgroundColor: "background.warning.bold";
+                    color: "text.warning.inverse";
+                };
+            };
+            notThisMonth: {
+                color: "gray.600";
+                _nextTheme: {
+                    color: "text.disabled";
+                };
+            };
+            disabled: {};
+            weekHoveredStart: {
+                roundedLeft: string;
+                borderColor: "gray.50";
+                background: "gray.50";
+                _nextTheme: {
+                    borderColor: "background.neutral.hovered";
+                    background: "background.neutral.hovered";
+                };
+            };
+            weekHoveredMiddle: {
+                borderColor: "gray.50";
+                background: "gray.50";
+                _nextTheme: {
+                    borderColor: "background.neutral.hovered";
+                    background: "background.neutral.hovered";
+                };
+            };
+            weekHoveredEnd: {
+                roundedRight: string;
+                borderColor: "gray.50";
+                background: "gray.50";
+                _nextTheme: {
+                    borderColor: "background.neutral.hovered";
+                    background: "background.neutral.hovered";
+                };
+            };
+            weekSelectedStart: {
+                roundedLeft: string;
+                borderColor: "blue.400";
+                background: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+            weekSelectedMiddle: {
+                borderColor: "blue.400";
+                background: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+            weekSelectedEnd: {
+                roundedRight: string;
+                borderColor: "blue.400";
+                background: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+        };
+    }>;
+    monthItemRecipe: _pandacss_types.RecipeConfig<{
+        status: {
+            disabled: {};
+            default: {
+                rounded: string;
+                _hover: {
+                    borderColor: "gray.50";
+                    background: "gray.50";
+                    _nextTheme: {
+                        borderColor: "background.neutral.hovered";
+                        background: "background.neutral.hovered";
+                    };
+                };
+                _focus: {
+                    borderColor: "blue.400";
+                    background: "transparent";
+                    shadow: string;
+                    _nextTheme: {
+                        borderColor: "border.focused";
+                    };
+                };
+            };
+            selected: {
+                rounded: string;
+                borderColor: "blue.400";
+                backgroundColor: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+            range: {
+                borderColor: "ice.50";
+                backgroundColor: "ice.50";
+                _nextTheme: {
+                    borderColor: "background.brand.selected";
+                    backgroundColor: "background.brand.selected";
+                };
+            };
+            today: {
+                rounded: string;
+                borderColor: "orange.50";
+                backgroundColor: "orange.50";
+                _nextTheme: {
+                    borderColor: "background.warning.bold";
+                    backgroundColor: "background.warning.bold";
+                    color: "text.warning.inverse";
+                };
+            };
+        };
+    }>;
+    yearItemRecipe: _pandacss_types.RecipeConfig<{
+        status: {
+            disabled: {};
+            default: {
+                rounded: string;
+                _hover: {
+                    borderColor: "gray.50";
+                    background: "gray.50";
+                    _nextTheme: {
+                        borderColor: "background.neutral.hovered";
+                        background: "background.neutral.hovered";
+                    };
+                };
+                _focus: {
+                    borderColor: "blue.400";
+                    background: "transparent";
+                    shadow: string;
+                    _nextTheme: {
+                        borderColor: "border.focused";
+                    };
+                };
+            };
+            selected: {
+                rounded: string;
+                borderColor: "blue.400";
+                backgroundColor: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+            range: {
+                borderColor: "ice.50";
+                backgroundColor: "ice.50";
+                _nextTheme: {
+                    borderColor: "background.brand.selected";
+                    backgroundColor: "background.brand.selected";
+                };
+            };
+            today: {
+                rounded: string;
+                borderColor: "orange.50";
+                backgroundColor: "orange.50";
+                _nextTheme: {
+                    borderColor: "background.warning.bold";
+                    backgroundColor: "background.warning.bold";
+                    color: "text.warning.inverse";
+                };
+            };
+        };
+    }>;
+    timeItemRecipe: _pandacss_types.RecipeConfig<{
+        status: {
+            disabled: {};
+            default: {
+                rounded: string;
+                _hover: {
+                    borderColor: "gray.50";
+                    background: "gray.50";
+                    _nextTheme: {
+                        borderColor: "background.neutral.hovered";
+                        background: "background.neutral.hovered";
+                    };
+                };
+                _focus: {
+                    borderColor: "blue.400";
+                    background: "transparent";
+                    shadow: string;
+                    _nextTheme: {
+                        borderColor: "border.focused";
+                    };
+                };
+            };
+            selected: {
+                rounded: string;
+                borderColor: "blue.400";
+                backgroundColor: "blue.400";
+                color: "white";
+                _nextTheme: {
+                    borderColor: "background.brand.bold.selected";
+                    backgroundColor: "background.brand.bold.selected";
+                    color: "text.inverse";
+                };
+            };
+        };
+    }>;
+    textlinkRecipe: _pandacss_types.RecipeConfig<{
+        variant: {
+            primary: {
+                color: "blue.400";
+                _hover: {
+                    color: "blue.400";
+                };
+                _active: {
+                    color: "blue.700";
+                };
+                _nextTheme: {
+                    color: "text.link";
+                    _hover: {
+                        color: "text.link";
+                    };
+                    _active: {
+                        color: "text.link.pressed";
+                    };
+                };
+            };
+            secondary: {
+                color: "gray.400";
+                _hover: {
+                    color: "gray.400";
+                };
+                _active: {
+                    color: "gray.700";
+                };
+                _nextTheme: {
+                    color: "text.secondary";
+                    _hover: {
+                        color: "text.secondary";
+                    };
+                    _active: {
+                        color: "text.secondary.pressed";
+                    };
+                };
+            };
+            danger: {
+                color: "red.400";
+                _hover: {
+                    color: "red.400";
+                };
+                _active: {
+                    color: "red.700";
+                };
+                _nextTheme: {
+                    color: "text.danger";
+                    _hover: {
+                        color: "text.danger";
+                    };
+                    _active: {
+                        color: "text.danger.pressed";
+                    };
+                };
+            };
+        };
+    }>;
+    skeletonRecipe: _pandacss_types.RecipeConfig<{
+        color: {
+            gray: {
+                backgroundImage: "linear-gradient(90deg, #d0d6dd, #edf0f2 50%, #d0d6dd)";
+                _nextTheme: {
+                    backgroundImage: "linear-gradient(90deg, {colors.icon.subtle}, {colors.icon.inverse} 50%, {colors.icon.subtle})";
+                };
+            };
+            blue: {
+                backgroundImage: "linear-gradient(90deg, #E0E9F7, #F5F9FF 50%, #E0E9F7)";
+            };
+            purple: {
+                backgroundImage: "linear-gradient(90deg, #DCCFFF, #F3F0FD 50%, #DCCFFF)";
+                _nextTheme: {
+                    backgroundImage: "linear-gradient(90deg, {colors.background.highlight}, {colors.background.highlight.hovered} 50%, {colors.background.highlight})";
+                };
+            };
+        };
+    }>;
     scrollbarRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
 };
 declare const slotRecipes: {
-    accordionSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    checkboxSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    dividerSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    radioSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    sharedSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    progressSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    toggleSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    tagSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    inputSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    inputGroupSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    inputAddonSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    avatarSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    avatarGroupSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    selectSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    formControlSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    inputTagSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    modalSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    uploadSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    uploadListSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    dropzoneSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    bannerSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    bannerIconSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    segmentedControlSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    toastSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    broadcastSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    richTextEditorSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    datePickerSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    timePanelSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    tableDateSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    tableMonthSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    tableYearSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    pinbarSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    carouselSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    chartSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    autocompleteSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    timelineSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    timelineDocumentSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    timelineLogSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    timelineSeparatorSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    timelineAccordionSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    tabListSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    colorPickerSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    sliderSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    tourSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    aireneButtonSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    aireneInputSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    aireneBubbleSlotRecipe: _pandacss_types.SlotRecipeConfig;
-    ratingSlotRecipe: _pandacss_types.SlotRecipeConfig;
+    accordionSlotRecipe: _pandacss_types.SlotRecipeConfig<"header" | "headerTitle" | "headerDescription" | "item" | "panel", {
+        isClickable: {
+            true: {
+                header: {
+                    cursor: "pointer";
+                };
+            };
+            false: {
+                header: {
+                    cursor: "default";
+                };
+            };
+        };
+        iconPosition: {
+            start: {
+                headerDescription: {
+                    pl: number;
+                };
+                panel: {
+                    pl: number;
+                };
+            };
+            end: {
+                headerDescription: {
+                    pl: number;
+                };
+                panel: {
+                    pl: number;
+                };
+            };
+        };
+    }>;
+    checkboxSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "control" | "label", _pandacss_types.SlotRecipeVariantRecord<"root" | "control" | "label">>;
+    dividerSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "label", _pandacss_types.SlotRecipeVariantRecord<"root" | "label">>;
+    radioSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "control" | "label", _pandacss_types.SlotRecipeVariantRecord<"root" | "control" | "label">>;
+    sharedSlotRecipe: _pandacss_types.SlotRecipeConfig<"hidden", _pandacss_types.SlotRecipeVariantRecord<"hidden">>;
+    progressSlotRecipe: _pandacss_types.SlotRecipeConfig<"linear" | "root" | "circularBase" | "circularTrack", {
+        size: {
+            md: {
+                linear: {
+                    height: "3";
+                };
+            };
+            sm: {
+                linear: {
+                    height: "2";
+                };
+            };
+        };
+        variant: {
+            linear: {
+                root: {
+                    borderRadius: "100px";
+                };
+            };
+            circular: {
+                root: {
+                    borderRadius: "full";
+                    width: "22px";
+                    height: "22px";
+                    background: "transparent";
+                    alignSelf: "flex-start";
+                };
+            };
+        };
+    }>;
+    toggleSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "control" | "label", _pandacss_types.SlotRecipeVariantRecord<"root" | "control" | "label">>;
+    tagSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "close", {
+        size: {
+            sm: {
+                root: {
+                    height: "5";
+                };
+                close: {
+                    width: "5";
+                    height: "5";
+                };
+            };
+            md: {
+                root: {
+                    height: "7";
+                };
+                close: {
+                    width: "7";
+                    height: "7";
+                };
+            };
+        };
+        variant: {
+            gray: {
+                root: {
+                    color: "gray.600";
+                    background: "gray.50";
+                    _nextTheme: {
+                        color: "text.secondary";
+                        background: "background.neutral.subtle";
+                    };
+                };
+            };
+            red: {
+                root: {
+                    color: "red.400";
+                    backgroundColor: "red.50";
+                    _nextTheme: {
+                        color: "text.danger";
+                        background: "background.danger";
+                    };
+                };
+            };
+        };
+    }>;
+    inputSlotRecipe: _pandacss_types.SlotRecipeConfig<"clear" | "root" | "control", {
+        variant: {
+            unstyled: {
+                control: {
+                    backgroundColor: "transparent";
+                    borderWidth: "0";
+                    borderRadius: "none";
+                };
+            };
+            outline: {
+                control: {
+                    backgroundColor: "white";
+                    borderColor: "gray.100";
+                    _hover: {
+                        borderColor: "gray.400";
+                        _invalid: {
+                            borderColor: "red.400";
+                        };
+                    };
+                    _focus: {
+                        borderColor: "blue.500";
+                        boxShadow: "outer";
+                        _hover: {
+                            borderColor: "blue.500";
+                        };
+                        _invalid: {
+                            borderColor: "red.400";
+                        };
+                    };
+                    _disabled: {
+                        color: "gray.400";
+                        backgroundColor: "gray.50";
+                        borderColor: "gray.100";
+                        cursor: "not-allowed";
+                    };
+                    _invalid: {
+                        borderColor: "red.400";
+                    };
+                    _readOnly: {
+                        boxShadow: "none";
+                        userSelect: "all";
+                    };
+                    _nextTheme: {
+                        backgroundColor: "background.neutral";
+                        borderColor: "border.form";
+                        _hover: {
+                            borderColor: "border.form";
+                            backgroundColor: "background.neutral.hovered";
+                            _invalid: {
+                                borderColor: "border.danger";
+                            };
+                        };
+                        _focus: {
+                            borderColor: "border.focused";
+                            boxShadow: "focus";
+                            _hover: {
+                                borderColor: "border.focused";
+                            };
+                            _invalid: {
+                                borderColor: "border.focused";
+                                _hover: {
+                                    borderColor: "border.focused";
+                                };
+                            };
+                        };
+                        _disabled: {
+                            color: "text.disabled";
+                            backgroundColor: "background.disabled";
+                            borderColor: "border.disabled";
+                            _hover: {
+                                borderColor: "border.disabled";
+                                backgroundColor: "background.disabled";
+                            };
+                        };
+                        _invalid: {
+                            borderColor: "border.danger";
+                        };
+                    };
+                };
+            };
+        };
+        size: {
+            sm: {
+                control: {
+                    height: "7.5";
+                    fontSize: "sm";
+                    borderRadius: "sm";
+                    paddingY: string;
+                };
+            };
+            md: {
+                control: {
+                    height: "9.5";
+                    fontSize: "md";
+                    borderRadius: "md";
+                    paddingY: string;
+                };
+            };
+        };
+    }>;
+    inputGroupSlotRecipe: _pandacss_types.SlotRecipeConfig<"root", {}>;
+    inputAddonSlotRecipe: _pandacss_types.SlotRecipeConfig<"root", {
+        placement: {
+            left: {
+                root: {
+                    left: "2";
+                    borderTopRightRadius: "none!";
+                    borderBottomRightRadius: "none!";
+                    minWidth: "32px";
+                    justifyContent: "center";
+                };
+            };
+            right: {
+                root: {
+                    right: "2";
+                    borderTopLeftRadius: "none!";
+                    borderBottomLeftRadius: "none!";
+                    minWidth: "32px";
+                    justifyContent: "center";
+                };
+            };
+        };
+        size: {
+            sm: {
+                root: {
+                    height: "26px";
+                    borderRadius: "sm";
+                    _hasBackground: {
+                        _placementLeft: {
+                            left: "0.5";
+                            minWidth: "24px";
+                            justifyContent: "center";
+                        };
+                        _placementRight: {
+                            right: "0.5";
+                            minWidth: "24px";
+                            justifyContent: "center";
+                        };
+                    };
+                };
+            };
+            md: {
+                root: {
+                    height: "32px";
+                    borderRadius: "sm";
+                    _hasBackground: {
+                        _placementLeft: {
+                            left: "3px";
+                            minWidth: "32px";
+                            justifyContent: "center";
+                        };
+                        _placementRight: {
+                            right: "3px";
+                            minWidth: "32px";
+                            justifyContent: "center";
+                        };
+                    };
+                };
+            };
+        };
+    }>;
+    avatarSlotRecipe: _pandacss_types.SlotRecipeConfig<"icon" | "root" | "fallback" | "image", {
+        variant: {
+            square: {
+                root: {
+                    borderRadius: "md";
+                };
+                image: {
+                    borderRadius: "md";
+                };
+            };
+            circle: {
+                root: {
+                    borderRadius: "full";
+                };
+                image: {
+                    borderRadius: "full";
+                };
+            };
+        };
+        'variant-color': {
+            gray: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            sky: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            teal: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            violet: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            amber: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            rose: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            stone: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            lime: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            pink: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        variantColor: {
+            gray: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            sky: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            teal: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            violet: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            amber: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            rose: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            stone: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            lime: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+            pink: {
+                root: {
+                    backgroundColor: string;
+                    _nextTheme: {
+                        backgroundColor: string;
+                    };
+                };
+            };
+        };
+        size: {
+            sm: {
+                root: {
+                    width: "5";
+                    height: "5";
+                    fontSize: "sm";
+                };
+                icon: {
+                    width: "3!";
+                    height: "3!";
+                };
+            };
+            md: {
+                root: {
+                    width: "6";
+                    height: "6";
+                    fontSize: "md";
+                };
+                icon: {
+                    width: "4!";
+                    height: "4!";
+                };
+            };
+            lg: {
+                root: {
+                    width: "9";
+                    height: "9";
+                    fontSize: "sm";
+                };
+                icon: {
+                    width: "5!";
+                    height: "5!";
+                };
+            };
+            xl: {
+                root: {
+                    width: "20";
+                    height: "20";
+                    fontSize: "32px";
+                };
+                icon: {
+                    width: "12!";
+                    height: "12!";
+                };
+            };
+        };
+    }>;
+    avatarGroupSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "excess", {
+        size: {
+            sm: {
+                root: {
+                    '& > [data-pixel-component=MpAvatar]': {
+                        width: "6.5";
+                        height: "6.5";
+                        fontSize: "sm";
+                    };
+                };
+                excess: {
+                    width: "5";
+                    height: "5";
+                    fontSize: "sm";
+                };
+            };
+            md: {
+                root: {
+                    '& > [data-pixel-component=MpAvatar]': {
+                        width: "7";
+                        height: "7";
+                        fontSize: "md";
+                    };
+                };
+                excess: {
+                    width: "6";
+                    height: "6";
+                    fontSize: "md";
+                };
+            };
+            lg: {
+                root: {
+                    '& > [data-pixel-component=MpAvatar]': {
+                        width: "9.5";
+                        height: "9.5";
+                        fontSize: "sm";
+                    };
+                };
+                excess: {
+                    width: "9";
+                    height: "9";
+                    fontSize: "sm";
+                };
+            };
+            xl: {
+                root: {
+                    '& > [data-pixel-component=MpAvatar]': {
+                        width: "82px";
+                        height: "82px";
+                        fontSize: "32px";
+                    };
+                };
+                excess: {
+                    width: "20";
+                    height: "20";
+                    fontSize: "32px";
+                };
+            };
+        };
+    }>;
+    selectSlotRecipe: _pandacss_types.SlotRecipeConfig<"clear" | "root" | "control" | "arrow", {
+        size: {
+            sm: {
+                control: {
+                    height: "7.5";
+                    fontSize: "sm";
+                    borderRadius: "sm";
+                    paddingY: string;
+                };
+            };
+            md: {
+                control: {
+                    height: "9.5";
+                    fontSize: "md";
+                    borderRadius: "md";
+                    paddingY: string;
+                };
+            };
+        };
+    }>;
+    formControlSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "label" | "required" | "labelIcon" | "helpText" | "errorMessage", {}>;
+    inputTagSlotRecipe: _pandacss_types.SlotRecipeConfig<"content" | "root" | "input" | "trigger" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading", _pandacss_types.SlotRecipeVariantRecord<"content" | "root" | "input" | "trigger" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading">>;
+    modalSlotRecipe: _pandacss_types.SlotRecipeConfig<"overlay" | "body" | "root" | "header" | "rootChild" | "contentRoot" | "contentChild" | "footer", {
+        full: {
+            true: {
+                contentRoot: {
+                    top: "0";
+                };
+                contentChild: {
+                    height: "100%";
+                    border: "none";
+                    borderRadius: "none";
+                };
+                header: {
+                    borderTopLeftRadius: "0";
+                    borderTopRightRadius: "0";
+                };
+            };
+            false: {
+                contentRoot: {
+                    top: "80px";
+                };
+                contentChild: {
+                    height: "100%";
+                    borderWidth: "1px";
+                    borderRadius: "md";
+                };
+            };
+        };
+    }>;
+    uploadSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "resetButton", _pandacss_types.SlotRecipeVariantRecord<"root" | "resetButton">>;
+    uploadListSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "titleWrapper" | "actionWrapper", _pandacss_types.SlotRecipeVariantRecord<"root" | "titleWrapper" | "actionWrapper">>;
+    dropzoneSlotRecipe: _pandacss_types.SlotRecipeConfig<"overlay" | "root" | "wrapper" | "box" | "logoBox" | "productBox" | "avatarBox" | "overlayWrapper" | "preview" | "overlayPreview" | "clearButton", _pandacss_types.SlotRecipeVariantRecord<"overlay" | "root" | "wrapper" | "box" | "logoBox" | "productBox" | "avatarBox" | "overlayWrapper" | "preview" | "overlayPreview" | "clearButton">>;
+    bannerSlotRecipe: _pandacss_types.SlotRecipeConfig<"body" | "root", {
+        variant: {
+            info: {
+                root: {
+                    backgroundColor: "blue.50";
+                    _nextTheme: {
+                        backgroundColor: "background.information";
+                    };
+                };
+            };
+            success: {
+                root: {
+                    backgroundColor: "green.50";
+                    _nextTheme: {
+                        backgroundColor: "background.success";
+                    };
+                };
+            };
+            danger: {
+                root: {
+                    backgroundColor: "red.50";
+                    _nextTheme: {
+                        backgroundColor: "background.danger";
+                    };
+                };
+            };
+            warning: {
+                root: {
+                    backgroundColor: "orange.50";
+                    _nextTheme: {
+                        backgroundColor: "background.warning";
+                    };
+                };
+            };
+        };
+    }>;
+    bannerIconSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "custom", {}>;
+    segmentedControlSlotRecipe: _pandacss_types.SlotRecipeConfig<"hidden" | "icon" | "root" | "control" | "label" | "item", {}>;
+    toastSlotRecipe: _pandacss_types.SlotRecipeConfig<"icon" | "root" | "label", {
+        variant: {
+            success: {};
+            error: {};
+            greeting: {};
+        };
+    }>;
+    broadcastSlotRecipe: _pandacss_types.SlotRecipeConfig<"container" | "icon" | "root" | "close" | "textLink" | "label" | "wrapper" | "action", {
+        variant: {
+            announcement: {
+                container: {
+                    backgroundColor: "stone.400";
+                    _nextTheme: {
+                        backgroundColor: "background.neutral.bold";
+                    };
+                };
+                icon: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "icon.inverse";
+                    };
+                };
+                label: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "text.inverse";
+                    };
+                };
+                textLink: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "text.inverse";
+                    };
+                };
+            };
+            information: {
+                container: {
+                    backgroundColor: "violet.400";
+                    _nextTheme: {
+                        backgroundColor: "background.highlight.bold";
+                    };
+                };
+                icon: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "icon.inverse.static";
+                    };
+                };
+                label: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "text.inverse";
+                    };
+                };
+                textLink: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "text.inverse";
+                    };
+                };
+            };
+            important: {
+                container: {
+                    backgroundColor: "amber.100";
+                    _nextTheme: {
+                        backgroundColor: "background.warning.bold";
+                    };
+                };
+                icon: {
+                    color: "dark";
+                    _nextTheme: {
+                        color: "icon.warning.inverse";
+                    };
+                };
+                label: {
+                    color: "dark";
+                    _nextTheme: {
+                        color: "text.warning.inverse";
+                    };
+                };
+                textLink: {
+                    color: "dark";
+                    _nextTheme: {
+                        color: "text.warning.inverse";
+                    };
+                };
+            };
+            critical: {
+                container: {
+                    backgroundColor: "rose.400";
+                    _nextTheme: {
+                        backgroundColor: "background.danger.bold";
+                    };
+                };
+                icon: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "icon.inverse";
+                    };
+                };
+                label: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "text.inverse";
+                    };
+                };
+                textLink: {
+                    color: "white";
+                    _nextTheme: {
+                        color: "text.inverse";
+                    };
+                };
+            };
+        };
+    }>;
+    richTextEditorSlotRecipe: _pandacss_types.SlotRecipeConfig<"toolbar" | "root" | "area", {}>;
+    datePickerSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "popoverContent", {
+        variant: {
+            date: {
+                popoverContent: {
+                    minWidth: "280px";
+                    padding: number;
+                };
+            };
+            time: {
+                popoverContent: {
+                    px: string;
+                };
+            };
+        };
+    }>;
+    timePanelSlotRecipe: _pandacss_types.SlotRecipeConfig<"column" | "root", _pandacss_types.SlotRecipeVariantRecord<"column" | "root">>;
+    tableDateSlotRecipe: _pandacss_types.SlotRecipeConfig<"headerRoot" | "headerLabel" | "dayWrapper" | "dateItemRoot" | "dateItemWrapper" | "shortcutLabelWrapper", _pandacss_types.SlotRecipeVariantRecord<"headerRoot" | "headerLabel" | "dayWrapper" | "dateItemRoot" | "dateItemWrapper" | "shortcutLabelWrapper">>;
+    tableMonthSlotRecipe: _pandacss_types.SlotRecipeConfig<"headerRoot" | "headerLabel" | "shortcutLabelWrapper" | "monthItemRoot" | "monthItemWrapper", _pandacss_types.SlotRecipeVariantRecord<"headerRoot" | "headerLabel" | "shortcutLabelWrapper" | "monthItemRoot" | "monthItemWrapper">>;
+    tableYearSlotRecipe: _pandacss_types.SlotRecipeConfig<"headerRoot" | "headerLabel" | "shortcutLabelWrapper" | "yearItemRoot" | "yearItemWrapper", _pandacss_types.SlotRecipeVariantRecord<"headerRoot" | "headerLabel" | "shortcutLabelWrapper" | "yearItemRoot" | "yearItemWrapper">>;
+    pinbarSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "pinbar", _pandacss_types.SlotRecipeVariantRecord<"root" | "pinbar">>;
+    carouselSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "buttonRight" | "buttonLeft", _pandacss_types.SlotRecipeVariantRecord<"root" | "buttonRight" | "buttonLeft">>;
+    chartSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "chartHeader" | "chartWrapper" | "chartContainer" | "canvasContainer" | "chartLegend" | "legendWrapper" | "legendBox" | "chartTooltip" | "tooltipWrapper" | "tooltipRow" | "tooltipItem" | "tooltipBox", _pandacss_types.SlotRecipeVariantRecord<"root" | "chartHeader" | "chartWrapper" | "chartContainer" | "canvasContainer" | "chartLegend" | "legendWrapper" | "legendBox" | "chartTooltip" | "tooltipWrapper" | "tooltipRow" | "tooltipItem" | "tooltipBox">>;
+    autocompleteSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "input" | "popoverContent" | "groupText" | "buttonAction" | "emptyText" | "contentLoading" | "infinityScroll", _pandacss_types.SlotRecipeVariantRecord<"root" | "input" | "popoverContent" | "groupText" | "buttonAction" | "emptyText" | "contentLoading" | "infinityScroll">>;
+    timelineSlotRecipe: _pandacss_types.SlotRecipeConfig<"content" | "caption" | "body" | "root" | "item", _pandacss_types.SlotRecipeVariantRecord<"content" | "caption" | "body" | "root" | "item">>;
+    timelineDocumentSlotRecipe: _pandacss_types.SlotRecipeConfig<"content" | "root" | "description" | "title" | "fileSize", {
+        icon: {
+            true: {
+                content: {
+                    marginLeft: "3";
+                };
+            };
+            false: {
+                content: {
+                    marginLeft: "0";
+                };
+            };
+        };
+    }>;
+    timelineLogSlotRecipe: _pandacss_types.SlotRecipeConfig<"content" | "root" | "log" | "logText" | "logIcon" | "logItem", _pandacss_types.SlotRecipeVariantRecord<"content" | "root" | "log" | "logText" | "logIcon" | "logItem">>;
+    timelineSeparatorSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "topConnector" | "bottomConnector", _pandacss_types.SlotRecipeVariantRecord<"root" | "topConnector" | "bottomConnector">>;
+    timelineAccordionSlotRecipe: _pandacss_types.SlotRecipeConfig<"icon" | "separator" | "body" | "label" | "title" | "topConnector" | "bottomConnector", _pandacss_types.SlotRecipeVariantRecord<"icon" | "separator" | "body" | "label" | "title" | "topConnector" | "bottomConnector">>;
+    tabListSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "list", _pandacss_types.SlotRecipeVariantRecord<"root" | "list">>;
+    colorPickerSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "popoverContent" | "popoverTrigger" | "boxColor" | "inputTrigger" | "iconDropdown" | "wrapperAdvance" | "wrapperBasic" | "wrapperSaturation" | "wrapperHue" | "wrapperInput" | "boxPreset" | "wrapperPreset" | "wrapperBasicPreset", _pandacss_types.SlotRecipeVariantRecord<"root" | "popoverContent" | "popoverTrigger" | "boxColor" | "inputTrigger" | "iconDropdown" | "wrapperAdvance" | "wrapperBasic" | "wrapperSaturation" | "wrapperHue" | "wrapperInput" | "boxPreset" | "wrapperPreset" | "wrapperBasicPreset">>;
+    sliderSlotRecipe: _pandacss_types.SlotRecipeConfig<"progress" | "root" | "input" | "legendWrapper" | "slider" | "labelWrapper" | "sliderWrapper" | "inputWrapper", _pandacss_types.SlotRecipeVariantRecord<"progress" | "root" | "input" | "legendWrapper" | "slider" | "labelWrapper" | "sliderWrapper" | "inputWrapper">>;
+    tourSlotRecipe: _pandacss_types.SlotRecipeConfig<"overlay" | "root" | "panel", {}>;
+    aireneButtonSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "badge", {}>;
+    aireneInputSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "input" | "wrapper", {}>;
+    aireneBubbleSlotRecipe: _pandacss_types.SlotRecipeConfig<"text" | "body" | "root" | "header" | "loading", {}>;
+    ratingSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "wrapper" | "value" | "backgroundIconWrapper" | "activeIconWrapper", {}>;
 };
 
 export { recipes, slotRecipes };