@saas-ui/react 3.0.0-next.44 → 3.0.0-next.47

package/dist/theme/slot-recipes.d.ts

@@ -1,4030 +0,0 @@
-export declare const slotRecipes: {
-    accordion: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody", {
-        variant: {
-            outline: {
-                item: {
-                    borderBottomWidth: "1px";
-                };
-            };
-            subtle: {
-                itemTrigger: {
-                    px: "var(--accordion-padding-x)";
-                };
-                itemContent: {
-                    px: "var(--accordion-padding-x)";
-                };
-                item: {
-                    borderRadius: "var(--accordion-radius)";
-                    _open: {
-                        bg: "colorPalette.subtle";
-                    };
-                };
-            };
-            enclosed: {
-                root: {
-                    borderWidth: "1px";
-                    borderRadius: "var(--accordion-radius)";
-                    divideY: string;
-                    overflow: "hidden";
-                };
-                itemTrigger: {
-                    px: "var(--accordion-padding-x)";
-                };
-                itemContent: {
-                    px: "var(--accordion-padding-x)";
-                };
-                item: {
-                    _open: {
-                        bg: "bg.subtle";
-                    };
-                };
-            };
-            plain: {};
-        };
-        size: {
-            sm: {
-                root: {
-                    '--accordion-padding-x': "spacing.3";
-                    '--accordion-padding-y': "spacing.2";
-                };
-                itemTrigger: {
-                    textStyle: "sm";
-                    py: "var(--accordion-padding-y)";
-                };
-                itemContent: {
-                    textStyle: "sm";
-                };
-            };
-            md: {
-                root: {
-                    '--accordion-padding-x': "spacing.4";
-                    '--accordion-padding-y': "spacing.2";
-                };
-                itemTrigger: {
-                    textStyle: "md";
-                    py: "var(--accordion-padding-y)";
-                };
-                itemContent: {
-                    textStyle: "md";
-                };
-            };
-            lg: {
-                root: {
-                    '--accordion-padding-x': "spacing.4.5";
-                    '--accordion-padding-y': "spacing.2.5";
-                };
-                itemTrigger: {
-                    textStyle: "lg";
-                    py: "var(--accordion-padding-y)";
-                };
-                itemContent: {
-                    textStyle: "lg";
-                };
-            };
-        };
-    }>;
-    actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger">>;
-    alert: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "title", {
-        status: {
-            info: {
-                root: {
-                    colorPalette: "blue";
-                };
-            };
-            warning: {
-                root: {
-                    colorPalette: "orange";
-                };
-            };
-            success: {
-                root: {
-                    colorPalette: "green";
-                };
-            };
-            error: {
-                root: {
-                    colorPalette: "red";
-                };
-            };
-            neutral: {
-                root: {
-                    colorPalette: "gray";
-                };
-            };
-        };
-        inline: {
-            true: {
-                content: {
-                    display: "inline-flex";
-                    flexDirection: "row";
-                    alignItems: "center";
-                };
-            };
-            false: {
-                content: {
-                    display: "flex";
-                    flexDirection: "column";
-                };
-            };
-        };
-        variant: {
-            subtle: {
-                root: {
-                    bg: "colorPalette.subtle";
-                    color: "colorPalette.fg";
-                };
-            };
-            surface: {
-                root: {
-                    bg: "colorPalette.subtle";
-                    color: "colorPalette.fg";
-                    shadow: "inset 0 0 0px 1px var(--shadow-color)";
-                    shadowColor: "colorPalette.solid";
-                };
-                indicator: {
-                    color: "colorPalette.fg";
-                };
-            };
-            outline: {
-                root: {
-                    color: "colorPalette.fg";
-                    shadow: "inset 0 0 0px 1px var(--shadow-color)";
-                    shadowColor: "colorPalette.subtle";
-                };
-                indicator: {
-                    color: "colorPalette.fg";
-                };
-            };
-            solid: {
-                root: {
-                    bg: "colorPalette.solid";
-                    color: "colorPalette.contrast";
-                };
-                indicator: {
-                    color: "colorPalette.contrast";
-                };
-            };
-        };
-        size: {
-            sm: {
-                root: {
-                    gap: "2";
-                    px: "3";
-                    py: "3";
-                    textStyle: "xs";
-                    borderRadius: "panel.sm";
-                };
-                indicator: {
-                    textStyle: "lg";
-                };
-            };
-            md: {
-                root: {
-                    gap: "3";
-                    px: "4";
-                    py: "4";
-                    textStyle: "sm";
-                    borderRadius: "panel.md";
-                };
-                indicator: {
-                    textStyle: "xl";
-                };
-            };
-            lg: {
-                root: {
-                    gap: "3";
-                    px: "4";
-                    py: "4";
-                    textStyle: "md";
-                    borderRadius: "panel.lg";
-                };
-                indicator: {
-                    textStyle: "2xl";
-                };
-            };
-        };
-    }>;
-    avatar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "image" | "fallback", {
-        size: {
-            full: {
-                root: {
-                    '--avatar-size': "100%";
-                    '--avatar-font-size': "calc(var(--tag-avatar-size) / 2)";
-                };
-            };
-            '2xs': {
-                root: {
-                    '--avatar-size': "sizes.4";
-                };
-            };
-            xs: {
-                root: {
-                    '--avatar-size': "sizes.5";
-                };
-            };
-            sm: {
-                root: {
-                    '--avatar-size': "sizes.6";
-                };
-            };
-            md: {
-                root: {
-                    '--avatar-size': "sizes.9";
-                };
-            };
-            lg: {
-                root: {
-                    '--avatar-size': "sizes.12";
-                };
-            };
-            xl: {
-                root: {
-                    '--avatar-size': "sizes.16";
-                };
-            };
-            '2xl': {
-                root: {
-                    '--avatar-size': "sizes.20";
-                };
-            };
-        };
-        variant: {
-            solid: {
-                root: {
-                    bg: "colorPalette.solid";
-                    color: "colorPalette.contrast";
-                };
-            };
-            subtle: {
-                root: {
-                    bg: "colorPalette.muted";
-                    color: "colorPalette.fg";
-                };
-            };
-            outline: {
-                root: {
-                    color: "colorPalette.fg";
-                    borderWidth: "1px";
-                    borderColor: "colorPalette.muted";
-                };
-            };
-        };
-        shape: {
-            square: {};
-            rounded: {
-                root: {
-                    '--avatar-radius': "radii.indicator.md";
-                };
-            };
-            full: {
-                root: {
-                    '--avatar-radius': "radii.full";
-                };
-            };
-        };
-        borderless: {
-            true: {
-                root: {
-                    '&[data-group-item]': {
-                        borderWidth: "0px";
-                    };
-                };
-            };
-        };
-    }>;
-    blockquote: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "icon" | "caption", {
-        justify: {
-            start: {
-                root: {
-                    alignItems: "flex-start";
-                    textAlign: "start";
-                };
-            };
-            center: {
-                root: {
-                    alignItems: "center";
-                    textAlign: "center";
-                };
-            };
-            end: {
-                root: {
-                    alignItems: "flex-end";
-                    textAlign: "end";
-                };
-            };
-        };
-        variant: {
-            subtle: {
-                root: {
-                    paddingX: "5";
-                    borderStartWidth: "4px";
-                    borderStartColor: "colorPalette.muted";
-                };
-                icon: {
-                    color: "colorPalette.fg";
-                };
-            };
-            solid: {
-                root: {
-                    paddingX: "5";
-                    borderStartWidth: "4px";
-                    borderStartColor: "colorPalette.solid";
-                };
-                icon: {
-                    color: "colorPalette.solid";
-                };
-            };
-            plain: {
-                root: {
-                    paddingX: "5";
-                };
-                icon: {
-                    color: "colorPalette.solid";
-                };
-            };
-        };
-    }>;
-    breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"link" | "root" | "item" | "separator" | "currentLink" | "list" | "ellipsis", {
-        variant: {
-            underline: {
-                link: {
-                    color: "colorPalette.fg";
-                    textDecoration: "underline";
-                    textUnderlineOffset: "0.2em";
-                    textDecorationColor: "colorPalette.muted";
-                };
-                currentLink: {
-                    color: "colorPalette.fg";
-                };
-            };
-            plain: {
-                link: {
-                    color: "fg.muted";
-                    _hover: {
-                        color: "fg";
-                    };
-                };
-                currentLink: {
-                    color: "fg";
-                };
-            };
-        };
-        size: {
-            sm: {
-                list: {
-                    gap: "1";
-                    textStyle: "xs";
-                };
-            };
-            md: {
-                list: {
-                    gap: "1.5";
-                    textStyle: "sm";
-                };
-            };
-            lg: {
-                list: {
-                    gap: "2";
-                    textStyle: "md";
-                };
-            };
-        };
-    }>;
-    card: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "body" | "root" | "title" | "header" | "footer", {
-        size: {
-            sm: {
-                root: {
-                    '--card-padding': "spacing.2.5";
-                };
-                title: {
-                    fontSize: "sm";
-                };
-            };
-            md: {
-                root: {
-                    '--card-padding': "spacing.4";
-                };
-                title: {
-                    fontSize: "md";
-                };
-            };
-            lg: {
-                root: {
-                    '--card-padding': "spacing.6";
-                };
-                title: {
-                    fontSize: "lg";
-                };
-            };
-        };
-        variant: {
-            elevated: {
-                root: {
-                    bg: "bg.panel";
-                    boxShadow: "md";
-                    borderWidth: "0.5px";
-                    borderColor: "border";
-                    _pressable: {
-                        transitionProperty: string;
-                        transitionDuration: string;
-                        _hover: {
-                            borderColor: string;
-                        };
-                    };
-                };
-            };
-            outline: {
-                root: {
-                    bg: "bg.panel";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _pressable: {
-                        transitionProperty: string;
-                        transitionDuration: string;
-                        _hover: {
-                            borderColor: string;
-                        };
-                    };
-                };
-            };
-            subtle: {
-                root: {
-                    bg: "colorPalette.muted";
-                };
-            };
-            solid: {
-                root: {
-                    bg: "colorPalette.solid";
-                    color: "colorPalette.contrast";
-                    _pressable: {
-                        _hover: {
-                            bg: string;
-                        };
-                    };
-                };
-                description: {
-                    color: "colorPalette.contrast/80";
-                };
-            };
-        };
-    }>;
-    checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "group", {
-        size: {
-            xs: {
-                root: {
-                    gap: "1.5";
-                };
-                label: {
-                    textStyle: "xs";
-                };
-                control: {
-                    boxSize: "3";
-                } | undefined;
-            };
-            sm: {
-                root: {
-                    gap: "2";
-                };
-                label: {
-                    textStyle: "sm";
-                };
-                control: {
-                    boxSize: "3.5";
-                } | undefined;
-            };
-            md: {
-                root: {
-                    gap: "2.5";
-                };
-                label: {
-                    textStyle: "sm";
-                };
-                control: {
-                    boxSize: "4";
-                    p: "0.5";
-                } | undefined;
-            };
-            lg: {
-                root: {
-                    gap: "3";
-                };
-                label: {
-                    textStyle: "md";
-                };
-                control: {
-                    boxSize: "5";
-                    p: "0.5";
-                } | undefined;
-            };
-        };
-        variant: {
-            outline: {
-                control: {
-                    borderColor: "border.emphasized";
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        color: "colorPalette.fg";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-            solid: {
-                control: {
-                    borderColor: "border.emphasized";
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-            subtle: {
-                control: {
-                    bg: "colorPalette.muted";
-                    borderColor: "colorPalette.emphasized";
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        color: "colorPalette.fg";
-                    };
-                } | undefined;
-            };
-        };
-    }>;
-    checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "label" | "control" | "indicator" | "root" | "addon", {
-        size: {
-            sm: {
-                root: {
-                    textStyle: "sm";
-                };
-                control: {
-                    padding: "3";
-                    gap: "1.5";
-                };
-                addon: {
-                    px: "3";
-                    py: "1.5";
-                    borderTopWidth: "1px";
-                };
-                indicator: {
-                    boxSize: "3.5";
-                } | undefined;
-            };
-            md: {
-                root: {
-                    textStyle: "sm";
-                };
-                control: {
-                    padding: "4";
-                    gap: "2.5";
-                };
-                addon: {
-                    px: "4";
-                    py: "2";
-                    borderTopWidth: "1px";
-                };
-                indicator: {
-                    boxSize: "4";
-                    p: "0.5";
-                } | undefined;
-            };
-            lg: {
-                root: {
-                    textStyle: "md";
-                };
-                control: {
-                    padding: "4";
-                    gap: "3.5";
-                };
-                addon: {
-                    px: "4";
-                    py: "2";
-                    borderTopWidth: "1px";
-                };
-                indicator: {
-                    boxSize: "5";
-                    p: "0.5";
-                } | undefined;
-            };
-        };
-        variant: {
-            surface: {
-                root: {
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _checked: {
-                        bg: "colorPalette.subtle";
-                        color: "colorPalette.fg";
-                        borderColor: "colorPalette.muted";
-                    };
-                    _disabled: {
-                        bg: "bg.muted";
-                    };
-                };
-                indicator: {
-                    borderColor: "border.emphasized";
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-            subtle: {
-                root: {
-                    bg: "bg.muted";
-                };
-                control: {
-                    _checked: {
-                        bg: "colorPalette.muted";
-                        color: "colorPalette.fg";
-                    };
-                };
-                indicator: {
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        color: "colorPalette.fg";
-                    };
-                } | undefined;
-            };
-            outline: {
-                root: {
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _checked: {
-                        boxShadow: "0 0 0 1px var(--shadow-color)";
-                        boxShadowColor: "colorPalette.solid";
-                        borderColor: "colorPalette.solid";
-                    };
-                };
-                indicator: {
-                    borderColor: "border.emphasized";
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-            solid: {
-                root: {
-                    borderWidth: "1px";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                };
-                indicator: {
-                    borderColor: "border";
-                    color: "colorPalette.fg";
-                    '&:is([data-state=checked], [data-state=indeterminate])': {
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-        };
-        justify: {
-            start: {
-                root: {
-                    '--checkbox-card-justify': "flex-start";
-                };
-            };
-            end: {
-                root: {
-                    '--checkbox-card-justify': "flex-end";
-                };
-            };
-            center: {
-                root: {
-                    '--checkbox-card-justify': "center";
-                };
-            };
-        };
-        align: {
-            start: {
-                root: {
-                    '--checkbox-card-align': "flex-start";
-                };
-                content: {
-                    textAlign: "start";
-                };
-            };
-            end: {
-                root: {
-                    '--checkbox-card-align': "flex-end";
-                };
-                content: {
-                    textAlign: "end";
-                };
-            };
-            center: {
-                root: {
-                    '--checkbox-card-align': "center";
-                };
-                content: {
-                    textAlign: "center";
-                };
-            };
-        };
-        orientation: {
-            vertical: {
-                control: {
-                    flexDirection: "column";
-                };
-            };
-            horizontal: {
-                control: {
-                    flexDirection: "row";
-                };
-            };
-        };
-    }>;
-    collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "indicator" | "root" | "trigger">>;
-    combobox: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "control" | "root" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "input" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "indicatorGroup" | "empty", {
-        variant: {
-            outline: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                };
-            };
-            subtle: {
-                input: {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                };
-            };
-            flushed: {
-                input: {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-                indicatorGroup: {
-                    px: "0";
-                };
-            };
-        };
-        size: {
-            xs: {
-                root: {
-                    '--combobox-input-height': "sizes.6";
-                    '--combobox-input-padding-x': "spacing.2";
-                    '--combobox-indicator-size': "sizes.3.5";
-                };
-                input: {
-                    textStyle: "xs";
-                };
-                content: {
-                    '--combobox-item-padding-x': "spacing.1";
-                    '--combobox-item-padding-y': "spacing.0.5";
-                    '--combobox-indicator-size': "sizes.3.5";
-                    borderRadius: "panel.sm";
-                    p: "0.5";
-                    textStyle: "xs";
-                };
-                trigger: {
-                    textStyle: "xs";
-                    gap: "1";
-                };
-                item: {
-                    borderRadius: "calc({radii.panel.sm} - {sizes.0.5})";
-                };
-            };
-            sm: {
-                root: {
-                    '--combobox-input-height': "sizes.7";
-                    '--combobox-input-padding-x': "spacing.2.5";
-                    '--combobox-indicator-size': "sizes.4";
-                };
-                input: {
-                    textStyle: "sm";
-                };
-                content: {
-                    '--combobox-item-padding-x': "spacing.1.5";
-                    '--combobox-item-padding-y': "spacing.1";
-                    '--combobox-indicator-size': "sizes.4";
-                    borderRadius: "panel.md";
-                    p: "1";
-                    textStyle: "xs";
-                };
-                trigger: {
-                    textStyle: "xs";
-                    gap: "1";
-                };
-                item: {
-                    borderRadius: "calc({radii.panel.md} - {sizes.0.5})";
-                };
-            };
-            md: {
-                root: {
-                    '--combobox-input-height': "sizes.8";
-                    '--combobox-input-padding-x': "spacing.3";
-                    '--combobox-indicator-size': "sizes.4";
-                };
-                input: {
-                    textStyle: "sm";
-                };
-                content: {
-                    '--combobox-item-padding-x': "spacing.2";
-                    '--combobox-item-padding-y': "spacing.1.5";
-                    '--combobox-indicator-size': "sizes.4";
-                    borderRadius: "panel.lg";
-                    p: "1";
-                    textStyle: "sm";
-                };
-                itemIndicator: {
-                    display: "flex";
-                    alignItems: "center";
-                    justifyContent: "center";
-                };
-                trigger: {
-                    textStyle: "sm";
-                    gap: "2";
-                };
-                item: {
-                    borderRadius: "calc({radii.panel.lg} - {sizes.1})";
-                };
-            };
-            lg: {
-                root: {
-                    '--combobox-input-height': "sizes.10";
-                    '--combobox-input-padding-x': "spacing.4";
-                    '--combobox-indicator-size': "sizes.5";
-                };
-                input: {
-                    textStyle: "md";
-                };
-                content: {
-                    '--combobox-item-padding-y': "spacing.2";
-                    '--combobox-item-padding-x': "spacing.3";
-                    '--combobox-indicator-size': "sizes.5";
-                    borderRadius: "panel.lg";
-                    p: "1";
-                    textStyle: "md";
-                };
-                trigger: {
-                    textStyle: "md";
-                    py: "3";
-                    gap: "2";
-                };
-                item: {
-                    borderRadius: "calc({radii.panel.lg} - {sizes.1})";
-                };
-            };
-        };
-    }>;
-    dataList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
-        orientation: {
-            horizontal: {
-                root: {
-                    display: "flex";
-                    flexDirection: "column";
-                };
-                item: {
-                    display: "inline-flex";
-                    alignItems: "center";
-                    gap: "4";
-                };
-                itemLabel: {
-                    minWidth: "var(--label-width, 120px)";
-                };
-            };
-            vertical: {
-                root: {
-                    display: "flex";
-                    flexDirection: "column";
-                };
-                item: {
-                    display: "flex";
-                    flexDirection: "column";
-                    gap: "1";
-                };
-            };
-        };
-        size: {
-            sm: {
-                root: {
-                    gap: "3";
-                };
-                item: {
-                    textStyle: "xs";
-                };
-            };
-            md: {
-                root: {
-                    gap: "4";
-                };
-                item: {
-                    textStyle: "sm";
-                };
-            };
-            lg: {
-                root: {
-                    gap: "5";
-                };
-                item: {
-                    textStyle: "md";
-                };
-            };
-        };
-    }>;
-    dialog: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger", {
-        variant: {
-            dialog: {};
-            confirm: {
-                content: {
-                    textAlign: "center";
-                };
-                header: {
-                    flexDirection: "column";
-                    alignItems: "center";
-                };
-                footer: {
-                    display: "flex";
-                    flexDirection: "column-reverse";
-                    justifyContent: "stretch";
-                    alignItems: "stretch";
-                };
-            };
-        };
-        placement: {
-            center: {
-                positioner: {
-                    alignItems: "center";
-                };
-                content: {
-                    '--dialog-base-margin': "auto";
-                    mx: "auto";
-                };
-            };
-            top: {
-                positioner: {
-                    alignItems: "flex-start";
-                };
-                content: {
-                    '--dialog-base-margin': "spacing.16";
-                    mx: "auto";
-                };
-            };
-            bottom: {
-                positioner: {
-                    alignItems: "flex-end";
-                };
-                content: {
-                    '--dialog-base-margin': "spacing.16";
-                    mx: "auto";
-                };
-            };
-        };
-        scrollBehavior: {
-            inside: {
-                positioner: {
-                    overflow: "hidden";
-                };
-                content: {
-                    maxH: "calc(100% - 7.5rem)";
-                };
-                body: {
-                    overflow: "auto";
-                };
-            };
-            outside: {
-                positioner: {
-                    overflow: "auto";
-                    pointerEvents: "auto";
-                };
-            };
-        };
-        size: {
-            xs: {
-                content: {
-                    maxW: "sm";
-                };
-            };
-            sm: {
-                content: {
-                    maxW: "md";
-                };
-            };
-            md: {
-                content: {
-                    maxW: "lg";
-                };
-            };
-            lg: {
-                content: {
-                    maxW: "2xl";
-                };
-            };
-            xl: {
-                content: {
-                    maxW: "4xl";
-                };
-            };
-            cover: {
-                positioner: {
-                    padding: "10";
-                };
-                content: {
-                    width: "100%";
-                    height: "100%";
-                    '--dialog-margin': "0";
-                };
-            };
-            full: {
-                content: {
-                    maxW: "100vw";
-                    minH: "100vh";
-                    '--dialog-margin': "0";
-                    borderRadius: "0";
-                };
-            };
-        };
-        motionPreset: {
-            scale: {
-                content: {
-                    _open: {
-                        animationName: "scale-in, fade-in";
-                    };
-                    _closed: {
-                        animationName: "scale-out, fade-out";
-                    };
-                };
-            };
-            'slide-in-bottom': {
-                content: {
-                    _open: {
-                        animationName: "slide-from-bottom, fade-in";
-                    };
-                    _closed: {
-                        animationName: "slide-to-bottom, fade-out";
-                    };
-                };
-            };
-            'slide-in-top': {
-                content: {
-                    _open: {
-                        animationName: "slide-from-top, fade-in";
-                    };
-                    _closed: {
-                        animationName: "slide-to-top, fade-out";
-                    };
-                };
-            };
-            'slide-in-left': {
-                content: {
-                    _open: {
-                        animationName: "slide-from-left, fade-in";
-                    };
-                    _closed: {
-                        animationName: "slide-to-left, fade-out";
-                    };
-                };
-            };
-            'slide-in-right': {
-                content: {
-                    _open: {
-                        animationName: "slide-from-right, fade-in";
-                    };
-                    _closed: {
-                        animationName: "slide-to-right, fade-out";
-                    };
-                };
-            };
-            none: {};
-        };
-    }>;
-    drawer: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger", {
-        size: {
-            xs: {
-                content: {
-                    maxW: "xs";
-                };
-            };
-            sm: {
-                content: {
-                    maxW: "md";
-                };
-            };
-            md: {
-                content: {
-                    maxW: "lg";
-                };
-            };
-            lg: {
-                content: {
-                    maxW: "2xl";
-                };
-            };
-            xl: {
-                content: {
-                    maxW: "4xl";
-                };
-            };
-            full: {
-                content: {
-                    maxW: "100vw";
-                    h: "100dvh";
-                };
-            };
-        };
-        placement: {
-            start: {
-                positioner: {
-                    justifyContent: "flex-start";
-                };
-                content: {
-                    _open: {
-                        animationName: {
-                            base: "slide-from-left-full, fade-in";
-                            _rtl: "slide-from-right-full, fade-in";
-                        };
-                    };
-                    _closed: {
-                        animationName: {
-                            base: "slide-to-left-full, fade-out";
-                            _rtl: "slide-to-right-full, fade-out";
-                        };
-                    };
-                };
-            };
-            end: {
-                positioner: {
-                    justifyContent: "flex-end";
-                };
-                content: {
-                    _open: {
-                        animationName: {
-                            base: "slide-from-right-full, fade-in";
-                            _rtl: "slide-from-left-full, fade-in";
-                        };
-                    };
-                    _closed: {
-                        animationName: {
-                            base: "slide-to-right-full, fade-out";
-                            _rtl: "slide-to-right-full, fade-out";
-                        };
-                    };
-                };
-            };
-            top: {
-                positioner: {
-                    alignItems: "flex-start";
-                };
-                content: {
-                    maxW: "100%";
-                    _open: {
-                        animationName: "slide-from-top-full, fade-in";
-                    };
-                    _closed: {
-                        animationName: "slide-to-top-full, fade-out";
-                    };
-                };
-            };
-            bottom: {
-                positioner: {
-                    alignItems: "flex-end";
-                };
-                content: {
-                    maxW: "100%";
-                    _open: {
-                        animationName: "slide-from-bottom-full, fade-in";
-                    };
-                    _closed: {
-                        animationName: "slide-to-bottom-full, fade-out";
-                    };
-                };
-            };
-        };
-        attached: {
-            true: {
-                positioner: {
-                    padding: number;
-                };
-                content: {
-                    borderRadius: "none";
-                };
-            };
-        };
-    }>;
-    editable: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "control" | "root" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger", {
-        size: {
-            sm: {
-                root: {
-                    textStyle: "sm";
-                };
-                preview: {
-                    minH: "8";
-                };
-                input: {
-                    minH: "8";
-                };
-            };
-            md: {
-                root: {
-                    textStyle: "sm";
-                };
-                preview: {
-                    minH: "9";
-                };
-                input: {
-                    minH: "9";
-                };
-            };
-            lg: {
-                root: {
-                    textStyle: "md";
-                };
-                preview: {
-                    minH: "10";
-                };
-                input: {
-                    minH: "10";
-                };
-            };
-        };
-    }>;
-    emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "title" | "actions", {
-        size: {
-            sm: {
-                root: {
-                    px: "4";
-                    py: "6";
-                };
-                indicator: {
-                    textStyle: "3xl";
-                    mb: "2";
-                };
-                title: {
-                    textStyle: "md";
-                };
-                description: {
-                    textStyle: "xs";
-                };
-                content: {
-                    textStyle: "xs";
-                };
-                actions: {
-                    mt: "2";
-                };
-            };
-            md: {
-                root: {
-                    px: "8";
-                    py: "12";
-                };
-                indicator: {
-                    textStyle: "4xl";
-                    mb: "3";
-                };
-                title: {
-                    textStyle: "lg";
-                };
-                description: {
-                    textStyle: "sm";
-                };
-                content: {
-                    textStyle: "sm";
-                };
-                actions: {
-                    mt: "3";
-                };
-            };
-            lg: {
-                root: {
-                    px: "12";
-                    py: "16";
-                };
-                indicator: {
-                    textStyle: "6xl";
-                    mb: "4";
-                };
-                title: {
-                    textStyle: "xl";
-                };
-                description: {
-                    textStyle: "md";
-                };
-                content: {
-                    textStyle: "md";
-                };
-                actions: {
-                    mt: "4";
-                };
-            };
-        };
-        align: {
-            start: {
-                content: {
-                    alignItems: "flex-start";
-                };
-            };
-            center: {
-                content: {
-                    alignItems: "center";
-                    textAlign: "center";
-                };
-            };
-        };
-    }>;
-    field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "errorText" | "helperText" | "select" | "requiredIndicator", {
-        orientation: {
-            vertical: {
-                root: {
-                    flexDirection: "column";
-                    alignItems: "flex-start";
-                };
-            };
-            horizontal: {
-                root: {
-                    display: "grid";
-                    gridTemplateColumns: "var(--field-label-width, 8rem) 1fr";
-                    alignItems: "center";
-                    '&:has(textarea)': {
-                        alignItems: "flex-start";
-                        '& label': {
-                            pt: number;
-                        };
-                    };
-                };
-                helperText: {
-                    gridColumn: number;
-                };
-                errorText: {
-                    gridColumn: number;
-                };
-            };
-        };
-    }>;
-    fileUpload: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "itemGroup" | "clearTrigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", import("@chakra-ui/react").SlotRecipeVariantRecord<"label" | "root" | "item" | "itemContent" | "trigger" | "itemGroup" | "clearTrigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText">>;
-    hoverCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
-        size: {
-            xs: {
-                content: {
-                    padding: "3";
-                    borderRadius: "panel.sm";
-                };
-            };
-            sm: {
-                content: {
-                    padding: "4";
-                    borderRadius: "panel.md";
-                };
-            };
-            md: {
-                content: {
-                    padding: "5";
-                    borderRadius: "panel.md";
-                };
-            };
-            lg: {
-                content: {
-                    padding: "6";
-                    borderRadius: "panel.lg";
-                };
-            };
-        };
-    }>;
-    list: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "item", {
-        variant: {
-            marker: {
-                root: {
-                    listStyle: "revert";
-                    listStylePosition: "inside";
-                };
-                item: {
-                    _marker: {
-                        color: "fg.subtle";
-                    };
-                };
-            };
-            plain: {
-                item: {
-                    alignItems: "flex-start";
-                    display: "inline-flex";
-                };
-            };
-        };
-        align: {
-            center: {
-                item: {
-                    alignItems: "center";
-                };
-            };
-            start: {
-                item: {
-                    alignItems: "flex-start";
-                };
-            };
-            end: {
-                item: {
-                    alignItems: "flex-end";
-                };
-            };
-        };
-    }>;
-    menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "itemGroupLabel" | "itemText" | "arrow" | "arrowTip" | "contextTrigger" | "triggerItem" | "itemCommand", {
-        variant: {
-            subtle: {
-                item: {
-                    _highlighted: {
-                        bg: "bg.emphasized";
-                    };
-                };
-            };
-            solid: {
-                item: {
-                    _highlighted: {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                    };
-                };
-            };
-        };
-        size: {
-            sm: {
-                content: {
-                    minW: "8rem";
-                    padding: "1";
-                    borderRadius: "panel.md";
-                };
-                item: {
-                    gap: "1";
-                    textStyle: "xs";
-                    minH: "6";
-                    px: "1.5";
-                    ps: "var(--menu-item-inset, {sizes.1.5})";
-                };
-                itemGroupLabel: {
-                    textStyle: "xs";
-                    minH: "6";
-                    px: "1.5";
-                };
-            };
-            md: {
-                content: {
-                    minW: "8rem";
-                    padding: "1";
-                };
-                item: {
-                    gap: "2";
-                    textStyle: "sm";
-                    minH: "7";
-                    px: "2";
-                    ps: "var(--menu-item-inset, {sizes.2})";
-                };
-                itemGroupLabel: {
-                    textStyle: "sm";
-                    minH: "7";
-                    px: "2";
-                };
-            };
-        };
-    }>;
-    nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "field", {
-        variant: {
-            outline: {
-                field: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _expanded: {
-                        borderColor: "border.emphasized";
-                    };
-                } | undefined;
-            };
-            subtle: {
-                field: {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                } | undefined;
-            };
-            plain: {
-                field: {
-                    bg: "transparent";
-                    color: "fg";
-                    focusRingWidth: "2px";
-                };
-            };
-        };
-        size: {
-            xs: {
-                field: {
-                    textStyle: "xs";
-                    ps: "2";
-                    pe: "6";
-                    height: "6";
-                };
-                indicator: {
-                    textStyle: "sm";
-                    insetEnd: "1.5";
-                };
-            };
-            sm: {
-                field: {
-                    textStyle: "sm";
-                    ps: "2.5";
-                    pe: "8";
-                    height: "8";
-                };
-                indicator: {
-                    textStyle: "md";
-                    insetEnd: "2";
-                };
-            };
-            md: {
-                field: {
-                    textStyle: "sm";
-                    ps: "3";
-                    pe: "8";
-                    height: "10";
-                };
-                indicator: {
-                    textStyle: "lg";
-                    insetEnd: "2";
-                };
-            };
-            lg: {
-                field: {
-                    textStyle: "md";
-                    ps: "4";
-                    pe: "8";
-                    height: "11";
-                };
-                indicator: {
-                    textStyle: "xl";
-                    insetEnd: "3";
-                };
-            };
-            xl: {
-                field: {
-                    textStyle: "md";
-                    ps: "4.5";
-                    pe: "10";
-                    height: "12";
-                };
-                indicator: {
-                    textStyle: "xl";
-                    insetEnd: "3";
-                };
-            };
-        };
-    }>;
-    numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
-        size: {
-            xs: {
-                input: {
-                    borderRadius: "control.sm";
-                    textStyle: "xs";
-                    px: "2";
-                    '--input-height': "sizes.6";
-                };
-                control: {
-                    fontSize: "2xs";
-                    '--stepper-width': "sizes.4";
-                };
-            };
-            sm: {
-                input: {
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    px: "2.5";
-                    '--input-height': "sizes.7";
-                };
-                control: {
-                    fontSize: "xs";
-                    '--stepper-width': "sizes.5";
-                };
-            };
-            md: {
-                input: {
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    px: "3";
-                    '--input-height': "sizes.8";
-                };
-                control: {
-                    fontSize: "sm";
-                    '--stepper-width': "sizes.6";
-                };
-            };
-            lg: {
-                input: {
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    px: "4.5";
-                    '--input-height': "sizes.10";
-                };
-                control: {
-                    fontSize: "sm";
-                    '--stepper-width': "sizes.6";
-                };
-            };
-        };
-        variant: {
-            outline: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                    focusRingWidth: "0";
-                    _hover: {
-                        borderColor: "border.emphasized";
-                        _focusVisible: {
-                            borderColor: "var(--focus-ring-color)";
-                        };
-                    };
-                } | {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                } | {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-            };
-            subtle: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                    focusRingWidth: "0";
-                    _hover: {
-                        borderColor: "border.emphasized";
-                        _focusVisible: {
-                            borderColor: "var(--focus-ring-color)";
-                        };
-                    };
-                } | {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                } | {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-            };
-            flushed: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                    focusRingWidth: "0";
-                    _hover: {
-                        borderColor: "border.emphasized";
-                        _focusVisible: {
-                            borderColor: "var(--focus-ring-color)";
-                        };
-                    };
-                } | {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                } | {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-            };
-        };
-    }>;
-    pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "input", {
-        size: {
-            sm: {
-                input: {
-                    px: number;
-                    borderRadius: "control.sm";
-                    textStyle: "xs";
-                    '--input-height': "sizes.6";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.7";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.8";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.10";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.12";
-                };
-            };
-            md: {
-                input: {
-                    px: number;
-                    borderRadius: "control.sm";
-                    textStyle: "xs";
-                    '--input-height': "sizes.6";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.7";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.8";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.10";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.12";
-                };
-            };
-            lg: {
-                input: {
-                    px: number;
-                    borderRadius: "control.sm";
-                    textStyle: "xs";
-                    '--input-height': "sizes.6";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.7";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.8";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.10";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.12";
-                };
-            };
-            xl: {
-                input: {
-                    px: number;
-                    borderRadius: "control.sm";
-                    textStyle: "xs";
-                    '--input-height': "sizes.6";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.7";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.8";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.10";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.12";
-                };
-            };
-            xs: {
-                input: {
-                    px: number;
-                    borderRadius: "control.sm";
-                    textStyle: "xs";
-                    '--input-height': "sizes.6";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.7";
-                } | {
-                    px: number;
-                    borderRadius: "control.md";
-                    textStyle: "sm";
-                    '--input-height': "sizes.8";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.10";
-                } | {
-                    px: number;
-                    borderRadius: "control.lg";
-                    textStyle: "md";
-                    '--input-height': "sizes.12";
-                };
-            };
-        };
-        variant: {
-            outline: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                    focusRingWidth: "0";
-                    _hover: {
-                        borderColor: "border.emphasized";
-                        _focusVisible: {
-                            borderColor: "var(--focus-ring-color)";
-                        };
-                    };
-                } | {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                } | {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-            };
-            subtle: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                    focusRingWidth: "0";
-                    _hover: {
-                        borderColor: "border.emphasized";
-                        _focusVisible: {
-                            borderColor: "var(--focus-ring-color)";
-                        };
-                    };
-                } | {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                } | {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-            };
-            flushed: {
-                input: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    focusVisibleRing: "inside";
-                    focusRingWidth: "0";
-                    _hover: {
-                        borderColor: "border.emphasized";
-                        _focusVisible: {
-                            borderColor: "var(--focus-ring-color)";
-                        };
-                    };
-                } | {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                    focusVisibleRing: "inside";
-                } | {
-                    bg: "transparent";
-                    borderBottomWidth: "1px";
-                    borderBottomColor: "border";
-                    borderRadius: "0";
-                    px: "0";
-                    _focusVisible: {
-                        borderColor: "var(--focus-color)";
-                        boxShadow: "0px 1px 0px 0px var(--focus-color)";
-                    };
-                };
-            };
-        };
-    }>;
-    popover: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "anchor" | "indicator" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger" | "arrow" | "arrowTip", {
-        size: {
-            xs: {
-                content: {
-                    '--popover-padding': "spacing.3";
-                };
-            };
-            sm: {
-                content: {
-                    '--popover-padding': "spacing.4";
-                };
-            };
-            md: {
-                content: {
-                    '--popover-padding': "spacing.5";
-                };
-            };
-            lg: {
-                content: {
-                    '--popover-padding': "spacing.6";
-                };
-            };
-        };
-    }>;
-    progress: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "valueText" | "circle" | "track" | "range" | "view" | "circleTrack" | "circleRange", {
-        variant: {
-            outline: {
-                track: {
-                    shadow: "inset";
-                    bgColor: "bg.subtle";
-                };
-                range: {
-                    bgColor: "colorPalette.solid";
-                };
-            };
-            subtle: {
-                track: {
-                    bgColor: "colorPalette.muted";
-                };
-                range: {
-                    bgColor: "colorPalette.solid/72";
-                };
-            };
-        };
-        shape: {
-            square: {};
-            rounded: {
-                track: {
-                    borderRadius: "control.sm";
-                };
-            };
-            full: {
-                track: {
-                    borderRadius: "full";
-                };
-            };
-        };
-        striped: {
-            true: {
-                range: {
-                    backgroundImage: "linear-gradient(45deg, var(--stripe-color) 25%, transparent 25%, transparent 50%, var(--stripe-color) 50%, var(--stripe-color) 75%, transparent 75%, transparent)";
-                    backgroundSize: "var(--stripe-size) var(--stripe-size)";
-                    '--stripe-size': "1rem";
-                    '--stripe-color': {
-                        _light: "rgba(255, 255, 255, 0.3)";
-                        _dark: "rgba(0, 0, 0, 0.3)";
-                    };
-                };
-            };
-        };
-        animated: {
-            true: {
-                range: {
-                    '--animate-from': "var(--stripe-size)";
-                    animation: "bg-position 1s linear infinite";
-                };
-            };
-        };
-        size: {
-            xs: {
-                track: {
-                    h: "1.5";
-                };
-            };
-            sm: {
-                track: {
-                    h: "2";
-                };
-            };
-            md: {
-                track: {
-                    h: "2.5";
-                };
-            };
-            lg: {
-                track: {
-                    h: "3";
-                };
-            };
-            xl: {
-                track: {
-                    h: "4";
-                };
-            };
-        };
-    }>;
-    progressCircle: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "valueText" | "circle" | "track" | "range" | "view" | "circleTrack" | "circleRange", {
-        size: {
-            xs: {
-                circle: {
-                    '--size': "sizes.4";
-                    '--thickness': "3px";
-                };
-                valueText: {
-                    textStyle: "2xs";
-                };
-            };
-            sm: {
-                circle: {
-                    '--size': "sizes.6";
-                    '--thickness': "5px";
-                };
-                valueText: {
-                    textStyle: "2xs";
-                };
-            };
-            md: {
-                circle: {
-                    '--size': "sizes.10";
-                    '--thickness': "6px";
-                };
-                valueText: {
-                    textStyle: "xs";
-                };
-            };
-            lg: {
-                circle: {
-                    '--size': "sizes.14";
-                    '--thickness': "7px";
-                };
-                valueText: {
-                    textStyle: "sm";
-                };
-            };
-            xl: {
-                circle: {
-                    '--size': "sizes.16";
-                    '--thickness': "8px";
-                };
-                valueText: {
-                    textStyle: "sm";
-                };
-            };
-        };
-    }>;
-    radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
-        size: {
-            sm: {
-                item: {
-                    textStyle: "sm";
-                };
-                itemControl: {
-                    padding: "3";
-                    gap: "1.5";
-                };
-                itemAddon: {
-                    px: "3";
-                    py: "1.5";
-                    borderTopWidth: "1px";
-                };
-                itemIndicator: {
-                    boxSize: "3.5";
-                } | undefined;
-            };
-            md: {
-                item: {
-                    textStyle: "sm";
-                };
-                itemControl: {
-                    padding: "4";
-                    gap: "2.5";
-                };
-                itemAddon: {
-                    px: "4";
-                    py: "2";
-                    borderTopWidth: "1px";
-                };
-                itemIndicator: {
-                    boxSize: "4";
-                } | undefined;
-            };
-            lg: {
-                item: {
-                    textStyle: "md";
-                };
-                itemControl: {
-                    padding: "4";
-                    gap: "3.5";
-                };
-                itemAddon: {
-                    px: "4";
-                    py: "2";
-                    borderTopWidth: "1px";
-                };
-                itemIndicator: {
-                    boxSize: "5";
-                } | undefined;
-            };
-        };
-        variant: {
-            surface: {
-                item: {
-                    borderWidth: "1px";
-                    _checked: {
-                        bg: "colorPalette.subtle";
-                        color: "colorPalette.fg";
-                        borderColor: "colorPalette.muted";
-                    };
-                };
-                itemIndicator: {
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-            subtle: {
-                item: {
-                    bg: "bg.muted";
-                };
-                itemControl: {
-                    _checked: {
-                        bg: "colorPalette.muted";
-                        color: "colorPalette.fg";
-                    };
-                };
-                itemIndicator: {
-                    borderWidth: "1px";
-                    borderColor: "inherit";
-                    _checked: {
-                        color: "colorPalette.fg";
-                        borderColor: "colorPalette.solid";
-                    };
-                    '& .dot': {
-                        scale: "0.6";
-                    };
-                } | undefined;
-            };
-            outline: {
-                item: {
-                    borderWidth: "1px";
-                    _checked: {
-                        boxShadow: "0 0 0 1px var(--shadow-color)";
-                        boxShadowColor: "colorPalette.solid";
-                        borderColor: "colorPalette.solid";
-                    };
-                };
-                itemIndicator: {
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-            solid: {
-                item: {
-                    borderWidth: "1px";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                };
-                itemIndicator: {
-                    bg: "bg";
-                    borderWidth: "1px";
-                    borderColor: "inherit";
-                    _checked: {
-                        color: "colorPalette.solid";
-                        borderColor: "currentcolor";
-                    };
-                } | undefined;
-            };
-        };
-        justify: {
-            start: {
-                item: {
-                    '--radio-card-justify': "flex-start";
-                };
-            };
-            end: {
-                item: {
-                    '--radio-card-justify': "flex-end";
-                };
-            };
-            center: {
-                item: {
-                    '--radio-card-justify': "center";
-                };
-            };
-        };
-        align: {
-            start: {
-                item: {
-                    '--radio-card-align': "flex-start";
-                };
-                itemControl: {
-                    textAlign: "start";
-                };
-            };
-            end: {
-                item: {
-                    '--radio-card-align': "flex-end";
-                };
-                itemControl: {
-                    textAlign: "end";
-                };
-            };
-            center: {
-                item: {
-                    '--radio-card-align': "center";
-                };
-                itemControl: {
-                    textAlign: "center";
-                };
-            };
-        };
-        orientation: {
-            vertical: {
-                itemControl: {
-                    flexDirection: "column";
-                };
-            };
-            horizontal: {
-                itemControl: {
-                    flexDirection: "row";
-                };
-            };
-        };
-    }>;
-    radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
-        variant: {
-            outline: {
-                itemControl: {
-                    borderWidth: "1px";
-                    borderColor: "inherit";
-                    _checked: {
-                        color: "colorPalette.fg";
-                        borderColor: "colorPalette.solid";
-                    };
-                    '& .dot': {
-                        scale: "0.6";
-                    };
-                } | undefined;
-            };
-            subtle: {
-                itemControl: {
-                    borderWidth: "1px";
-                    bg: "colorPalette.muted";
-                    borderColor: "colorPalette.muted";
-                    color: "transparent";
-                    _checked: {
-                        color: "colorPalette.fg";
-                    };
-                } | undefined;
-            };
-            solid: {
-                itemControl: {
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                        borderColor: "colorPalette.solid";
-                    };
-                } | undefined;
-            };
-        };
-        size: {
-            xs: {
-                item: {
-                    textStyle: "xs";
-                    gap: "1.5";
-                };
-                itemControl: {
-                    boxSize: "3";
-                } | undefined;
-            };
-            sm: {
-                item: {
-                    textStyle: "sm";
-                    gap: "2";
-                };
-                itemControl: {
-                    boxSize: "3.5";
-                } | undefined;
-            };
-            md: {
-                item: {
-                    textStyle: "sm";
-                    gap: "2.5";
-                };
-                itemControl: {
-                    boxSize: "4";
-                } | undefined;
-            };
-            lg: {
-                item: {
-                    textStyle: "md";
-                    gap: "3";
-                };
-                itemControl: {
-                    boxSize: "5";
-                } | undefined;
-            };
-        };
-    }>;
-    ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "item" | "itemIndicator", {
-        size: {
-            xs: {
-                item: {
-                    textStyle: "sm";
-                };
-            };
-            sm: {
-                item: {
-                    textStyle: "md";
-                };
-            };
-            md: {
-                item: {
-                    textStyle: "xl";
-                };
-            };
-            lg: {
-                item: {
-                    textStyle: "2xl";
-                };
-            };
-        };
-    }>;
-    segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemText" | "itemControl", {
-        size: {
-            xs: {
-                root: {
-                    '--segment-radius': "radii.control.sm";
-                    height: "6";
-                };
-                item: {
-                    textStyle: "xs";
-                    px: "3";
-                    gap: "1";
-                };
-            };
-            sm: {
-                root: {
-                    '--segment-radius': "radii.control.md";
-                    height: "7";
-                };
-                item: {
-                    textStyle: "sm";
-                    px: "4";
-                    gap: "2";
-                };
-            };
-            md: {
-                root: {
-                    '--segment-radius': "radii.control.md";
-                    height: "8";
-                };
-                item: {
-                    textStyle: "md";
-                    px: "4";
-                    gap: "2";
-                };
-            };
-            lg: {
-                root: {
-                    '--segment-radius': "radii.control.lg";
-                    height: "10";
-                };
-                item: {
-                    textStyle: "md";
-                    px: "5";
-                    gap: "3";
-                };
-            };
-        };
-    }>;
-    select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "control" | "indicator" | "root" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "indicatorGroup" | "valueText", {
-        variant: {
-            outline: {
-                trigger: {
-                    bg: "transparent";
-                    borderWidth: "1px";
-                    borderColor: "border";
-                    _expanded: {
-                        borderColor: "border.emphasized";
-                    };
-                };
-            };
-            subtle: {
-                trigger: {
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    bg: "bg.muted";
-                };
-            };
-        };
-        size: {
-            xs: {
-                root: {
-                    '--select-trigger-height': "sizes.6";
-                    '--select-trigger-padding-x': "spacing.2";
-                };
-                content: {
-                    p: "1";
-                    gap: "1";
-                    textStyle: "xs";
-                };
-                trigger: {
-                    borderRadius: "sm";
-                    textStyle: "xs";
-                    gap: "1";
-                };
-                item: {
-                    py: "1";
-                    px: "2";
-                };
-                itemGroupLabel: {
-                    py: "1";
-                    px: "2";
-                };
-                indicator: {
-                    _icon: {
-                        width: "3.5";
-                        height: "3.5";
-                    };
-                };
-            };
-            sm: {
-                root: {
-                    '--select-trigger-height': "sizes.7";
-                    '--select-trigger-padding-x': "spacing.2.5";
-                };
-                content: {
-                    p: "1";
-                    textStyle: "sm";
-                };
-                trigger: {
-                    borderRadius: "sm";
-                    textStyle: "sm";
-                    gap: "1";
-                };
-                indicator: {
-                    _icon: {
-                        width: "4";
-                        height: "4";
-                    };
-                };
-                item: {
-                    py: "1";
-                    px: "1.5";
-                };
-                itemGroup: {
-                    mt: "1";
-                };
-                itemGroupLabel: {
-                    py: "1";
-                    px: "1.5";
-                };
-            };
-            md: {
-                root: {
-                    '--select-trigger-height': "sizes.8";
-                    '--select-trigger-padding-x': "spacing.3";
-                };
-                content: {
-                    p: "1";
-                    textStyle: "sm";
-                };
-                itemGroup: {
-                    mt: "1.5";
-                };
-                item: {
-                    py: "1.5";
-                    px: "2";
-                };
-                itemIndicator: {
-                    display: "flex";
-                    alignItems: "center";
-                    justifyContent: "center";
-                };
-                itemGroupLabel: {
-                    py: "1.5";
-                    px: "2";
-                };
-                trigger: {
-                    borderRadius: "md";
-                    textStyle: "sm";
-                    gap: "2";
-                };
-                indicator: {
-                    _icon: {
-                        width: "4";
-                        height: "4";
-                    };
-                };
-            };
-            lg: {
-                root: {
-                    '--select-trigger-height': "sizes.10";
-                    '--select-trigger-padding-x': "spacing.4";
-                };
-                content: {
-                    p: "1.5";
-                    textStyle: "md";
-                };
-                itemGroup: {
-                    mt: "2";
-                };
-                item: {
-                    py: "2";
-                    px: "3";
-                };
-                itemGroupLabel: {
-                    py: "2";
-                    px: "3";
-                };
-                trigger: {
-                    borderRadius: "md";
-                    textStyle: "md";
-                    py: "3";
-                    gap: "2";
-                };
-                indicator: {
-                    _icon: {
-                        width: "5";
-                        height: "5";
-                    };
-                };
-            };
-        };
-    }>;
-    slider: import("@chakra-ui/react").SlotRecipeDefinition<"marker" | "label" | "control" | "root" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
-        size: {
-            sm: {
-                root: {
-                    '--slider-thumb-size': "sizes.4";
-                    '--slider-track-size': "sizes.1.5";
-                    '--slider-marker-top': "6px";
-                    '--slider-marker-size': "sizes.1";
-                    '--slider-marker-inset': "3px";
-                };
-            };
-            md: {
-                root: {
-                    '--slider-thumb-size': "sizes.5";
-                    '--slider-track-size': "sizes.2";
-                    '--slider-marker-top': "8px";
-                    '--slider-marker-size': "sizes.1";
-                    '--slider-marker-inset': "4px";
-                };
-            };
-            lg: {
-                root: {
-                    '--slider-thumb-size': "sizes.6";
-                    '--slider-track-size': "sizes.2.5";
-                    '--slider-marker-top': "9px";
-                    '--slider-marker-size': "sizes.1.5";
-                    '--slider-marker-inset': "5px";
-                };
-            };
-        };
-        variant: {
-            outline: {
-                track: {
-                    shadow: "inset";
-                    bg: "bg.emphasized/72";
-                };
-                range: {
-                    bg: "colorPalette.solid";
-                };
-                thumb: {
-                    borderWidth: "2px";
-                    borderColor: "colorPalette.solid";
-                    bg: "bg";
-                    _disabled: {
-                        bg: "border.emphasized";
-                        borderColor: "border.emphasized";
-                    };
-                };
-            };
-            solid: {
-                track: {
-                    bg: "colorPalette.subtle";
-                    _disabled: {
-                        bg: "bg.muted";
-                    };
-                };
-                range: {
-                    bg: "colorPalette.solid";
-                };
-                thumb: {
-                    bg: "colorPalette.solid";
-                    _disabled: {
-                        bg: "border.emphasized";
-                    };
-                };
-            };
-        };
-        orientation: {
-            vertical: {
-                root: {
-                    display: "inline-flex";
-                };
-                control: {
-                    flexDirection: "column";
-                    height: "100%";
-                    minWidth: "var(--slider-thumb-size)";
-                };
-                track: {
-                    width: "var(--slider-track-size)";
-                };
-                thumb: {
-                    left: "50%";
-                    translate: "-50% 0";
-                };
-            };
-            horizontal: {
-                control: {
-                    flexDirection: "row";
-                    width: "100%";
-                    minHeight: "var(--slider-thumb-size)";
-                };
-                track: {
-                    height: "var(--slider-track-size)";
-                };
-                thumb: {
-                    top: "50%";
-                    translate: "0 -50%";
-                };
-            };
-        };
-    }>;
-    stat: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "valueText" | "helpText" | "valueUnit", {
-        size: {
-            sm: {
-                valueText: {
-                    textStyle: "xl";
-                };
-            };
-            md: {
-                valueText: {
-                    textStyle: "2xl";
-                };
-            };
-            lg: {
-                valueText: {
-                    textStyle: "3xl";
-                };
-            };
-        };
-    }>;
-    steps: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "progress" | "indicator" | "root" | "item" | "separator" | "title" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
-        orientation: {
-            vertical: {
-                root: {
-                    flexDirection: "row";
-                    height: "100%";
-                };
-                list: {
-                    flexDirection: "column";
-                    alignItems: "flex-start";
-                };
-                separator: {
-                    position: "absolute";
-                    width: "var(--steps-thickness)";
-                    height: "100%";
-                    maxHeight: "calc(100% - var(--steps-size) - var(--steps-gutter) * 2)";
-                    top: "calc(var(--steps-size) + var(--steps-gutter))";
-                    insetStart: "calc(var(--steps-size) / 2 - 1px)";
-                };
-                item: {
-                    alignItems: "flex-start";
-                };
-            };
-            horizontal: {
-                root: {
-                    flexDirection: "column";
-                    width: "100%";
-                };
-                list: {
-                    flexDirection: "row";
-                    alignItems: "center";
-                };
-                separator: {
-                    width: "100%";
-                    height: "var(--steps-thickness)";
-                    marginX: "var(--steps-gutter)";
-                };
-                item: {
-                    alignItems: "center";
-                };
-            };
-        };
-        variant: {
-            solid: {
-                indicator: {
-                    _incomplete: {
-                        borderWidth: "var(--steps-thickness)";
-                    };
-                    _current: {
-                        bg: "colorPalette.muted";
-                        borderWidth: "var(--steps-thickness)";
-                        borderColor: "colorPalette.solid";
-                        color: "colorPalette.fg";
-                    };
-                    _complete: {
-                        bg: "colorPalette.solid";
-                        borderColor: "colorPalette.solid";
-                        color: "colorPalette.contrast";
-                    };
-                };
-                separator: {
-                    _complete: {
-                        bg: "colorPalette.solid";
-                    };
-                };
-            };
-            subtle: {
-                indicator: {
-                    _incomplete: {
-                        bg: "bg.muted";
-                    };
-                    _current: {
-                        bg: "colorPalette.muted";
-                        color: "colorPalette.fg";
-                    };
-                    _complete: {
-                        bg: "colorPalette.emphasized";
-                        color: "colorPalette.fg";
-                    };
-                };
-                separator: {
-                    _complete: {
-                        bg: "colorPalette.emphasized";
-                    };
-                };
-            };
-        };
-        size: {
-            xs: {
-                root: {
-                    gap: "2.5";
-                };
-                list: {
-                    '--steps-size': "sizes.6";
-                    '--steps-icon-size': "sizes.3.5";
-                    textStyle: "xs";
-                };
-                title: {
-                    textStyle: "sm";
-                };
-            };
-            sm: {
-                root: {
-                    gap: "3";
-                };
-                list: {
-                    '--steps-size': "sizes.8";
-                    '--steps-icon-size': "sizes.4";
-                    textStyle: "xs";
-                };
-                title: {
-                    textStyle: "sm";
-                };
-            };
-            md: {
-                root: {
-                    gap: "4";
-                };
-                list: {
-                    '--steps-size': "sizes.10";
-                    '--steps-icon-size': "sizes.4";
-                    textStyle: "sm";
-                };
-                title: {
-                    textStyle: "sm";
-                };
-            };
-            lg: {
-                root: {
-                    gap: "6";
-                };
-                list: {
-                    '--steps-size': "sizes.11";
-                    '--steps-icon-size': "sizes.5";
-                    textStyle: "md";
-                };
-                title: {
-                    textStyle: "md";
-                };
-            };
-        };
-    }>;
-    switch: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "thumb", {
-        variant: {
-            solid: {
-                control: {
-                    borderRadius: "full";
-                    bg: "bg.emphasized";
-                    focusVisibleRing: "outside";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                    };
-                };
-                thumb: {
-                    bg: "white";
-                    width: "var(--switch-height)";
-                    height: "var(--switch-height)";
-                    scale: "0.8";
-                    boxShadow: "sm";
-                    _checked: {
-                        bg: "colorPalette.contrast";
-                    };
-                };
-            };
-            raised: {
-                control: {
-                    borderRadius: "full";
-                    height: "calc(var(--switch-height) / 2)";
-                    bg: "bg.muted";
-                    boxShadow: "inset";
-                    _checked: {
-                        bg: "colorPalette.solid/60";
-                    };
-                };
-                thumb: {
-                    width: "var(--switch-height)";
-                    height: "var(--switch-height)";
-                    position: "relative";
-                    top: "calc(var(--switch-height) * -0.25)";
-                    bg: "white";
-                    boxShadow: "xs";
-                    focusVisibleRing: "outside";
-                    _checked: {
-                        bg: "colorPalette.solid";
-                    };
-                };
-            };
-        };
-        size: {
-            xs: {
-                root: {
-                    '--switch-width': "sizes.6";
-                    '--switch-height': "sizes.3";
-                    '--switch-indicator-font-size': "fontSizes.xs";
-                };
-            };
-            sm: {
-                root: {
-                    '--switch-width': "sizes.8";
-                    '--switch-height': "sizes.4";
-                    '--switch-indicator-font-size': "fontSizes.xs";
-                };
-            };
-            md: {
-                root: {
-                    '--switch-width': "sizes.10";
-                    '--switch-height': "sizes.5";
-                    '--switch-indicator-font-size': "fontSizes.sm";
-                };
-            };
-            lg: {
-                root: {
-                    '--switch-width': "sizes.12";
-                    '--switch-height': "sizes.6";
-                    '--switch-indicator-font-size': "fontSizes.md";
-                };
-            };
-        };
-    }>;
-    table: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "cell" | "row" | "root" | "caption" | "header" | "footer" | "columnHeader", {
-        interactive: {
-            true: {
-                body: {
-                    '& tr': {
-                        _hover: {
-                            bg: "colorPalette.subtle";
-                        };
-                    };
-                };
-            };
-        };
-        stickyHeader: {
-            true: {
-                header: {
-                    '& :where(tr)': {
-                        top: "var(--table-sticky-offset, 0)";
-                        position: "sticky";
-                        zIndex: number;
-                    };
-                };
-            };
-        };
-        striped: {
-            true: {
-                row: {
-                    '&:nth-of-type(odd) td': {
-                        bg: "bg.muted";
-                    };
-                };
-            };
-        };
-        showColumnBorder: {
-            true: {
-                columnHeader: {
-                    '&:not(:last-of-type)': {
-                        borderInlineEndWidth: "1px";
-                    };
-                };
-                cell: {
-                    '&:not(:last-of-type)': {
-                        borderInlineEndWidth: "1px";
-                    };
-                };
-            };
-        };
-        variant: {
-            line: {
-                columnHeader: {
-                    borderBottomWidth: "1px";
-                };
-                cell: {
-                    borderBottomWidth: "1px";
-                };
-                row: {
-                    bg: "bg";
-                };
-            };
-            outline: {
-                root: {
-                    boxShadow: "0 0 0 1px {colors.border}";
-                    overflow: "hidden";
-                };
-                columnHeader: {
-                    borderBottomWidth: "1px";
-                };
-                header: {
-                    bg: "bg.muted";
-                };
-                row: {
-                    '&:not(:last-of-type)': {
-                        borderBottomWidth: "1px";
-                    };
-                };
-                footer: {
-                    borderTopWidth: "1px";
-                };
-            };
-        };
-        size: {
-            sm: {
-                root: {
-                    textStyle: "sm";
-                };
-                columnHeader: {
-                    px: "2";
-                    py: "2";
-                };
-                cell: {
-                    px: "2";
-                    py: "2";
-                };
-            };
-            md: {
-                root: {
-                    textStyle: "sm";
-                };
-                columnHeader: {
-                    px: "3";
-                    py: "3";
-                };
-                cell: {
-                    px: "3";
-                    py: "3";
-                };
-            };
-            lg: {
-                root: {
-                    textStyle: "md";
-                };
-                columnHeader: {
-                    px: "4";
-                    py: "3";
-                };
-                cell: {
-                    px: "4";
-                    py: "3";
-                };
-            };
-        };
-    }>;
-    tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "list" | "trigger" | "contentGroup", {
-        fitted: {
-            true: {
-                list: {
-                    display: "flex";
-                };
-                trigger: {
-                    flex: number;
-                    textAlign: "center";
-                    justifyContent: "center";
-                };
-            };
-        };
-        justify: {
-            start: {
-                list: {
-                    justifyContent: "flex-start";
-                };
-            };
-            center: {
-                list: {
-                    justifyContent: "center";
-                };
-            };
-            end: {
-                list: {
-                    justifyContent: "flex-end";
-                };
-            };
-        };
-        size: {
-            xs: {
-                root: {
-                    '--tabs-height': "sizes.6";
-                    '--tabs-content-padding': "spacing.2";
-                    '--tabs-trigger-radius': "radii.control.sm";
-                };
-                trigger: {
-                    py: "1";
-                    px: "2";
-                    textStyle: "xs";
-                };
-            };
-            sm: {
-                root: {
-                    '--tabs-height': "sizes.7";
-                    '--tabs-content-padding': "spacing.3";
-                    '--tabs-trigger-radius': "radii.control.md";
-                };
-                trigger: {
-                    py: "1";
-                    px: "3";
-                    textStyle: "sm";
-                };
-            };
-            md: {
-                root: {
-                    '--tabs-height': "sizes.8";
-                    '--tabs-content-padding': "spacing.4";
-                    '--tabs-trigger-radius': "radii.control.md";
-                };
-                trigger: {
-                    py: "2";
-                    px: "4";
-                    textStyle: "sm";
-                };
-            };
-            lg: {
-                root: {
-                    '--tabs-height': "sizes.10";
-                    '--tabs-content-padding': "spacing.4.5";
-                    '--tabs-trigger-radius': "radii.control.lg";
-                };
-                trigger: {
-                    py: "2";
-                    px: "4.5";
-                    textStyle: "md";
-                };
-            };
-        };
-        variant: {
-            line: {
-                list: {
-                    display: "flex";
-                    borderColor: "border";
-                    _horizontal: {
-                        borderBottomWidth: "1px";
-                    };
-                    _vertical: {
-                        borderEndWidth: "1px";
-                    };
-                };
-                trigger: {
-                    color: "fg.muted";
-                    _hover: {
-                        color: "fg.subtle";
-                    };
-                    _disabled: {
-                        _active: {
-                            bg: "initial";
-                        };
-                    };
-                    _selected: {
-                        color: "fg";
-                        _horizontal: {
-                            layerStyle: "indicator.bottom";
-                            borderTopRadius: "3px";
-                            '--indicator-offset-x': "spacing.3";
-                            '--indicator-offset-y': "-1px";
-                            '--indicator-color': "colors.colorPalette.solid";
-                        };
-                        _vertical: {
-                            layerStyle: "indicator.end";
-                            '--indicator-offset-x': "-1px";
-                        };
-                    };
-                };
-            };
-            pills: {
-                list: {
-                    gap: number;
-                };
-                trigger: {
-                    borderRadius: "var(--tabs-trigger-radius)";
-                    color: "fg.muted";
-                    borderWidth: "1px";
-                    borderColor: "border.emphasized";
-                    _hover: {
-                        bg: "bg.muted";
-                        color: "fg.subtle";
-                    };
-                    _selected: {
-                        bg: "colorPalette.subtle";
-                        color: "colorPalette.fg";
-                        borderColor: "colorPalette.solid/40";
-                        _hover: {
-                            bg: "colorPalette.subtle";
-                            color: "colorPalette.fg";
-                        };
-                    };
-                };
-            };
-            ghost: {
-                list: {
-                    gap: number;
-                };
-                trigger: {
-                    borderRadius: "var(--tabs-trigger-radius)";
-                    color: "fg.subtle";
-                    _hover: {
-                        bg: "colorPalette.muted";
-                        color: "colorPalette.fg";
-                    };
-                    _selected: {
-                        bg: "colorPalette.subtle";
-                        color: "colorPalette.fg";
-                        _hover: {
-                            bg: "colorPalette.subtle";
-                            color: "colorPalette.fg";
-                        };
-                    };
-                };
-            };
-            enclosed: {
-                list: {
-                    bg: "bg.muted";
-                    boxShadow: "inset";
-                    borderRadius: "md";
-                    borderWidth: "1px";
-                    minH: "calc(var(--tabs-height) - 4px)";
-                };
-                trigger: {
-                    justifyContent: "center";
-                    color: "fg.muted";
-                    borderRadius: "calc({radii.md} - 1px)";
-                    _hover: {
-                        color: "fg.subtle";
-                    };
-                    _selected: {
-                        bg: "bg";
-                        color: "colorPalette.fg";
-                        shadow: "sm";
-                    };
-                };
-            };
-            outline: {
-                list: {
-                    '--line-thickness': "1px";
-                    '--line-offset': "calc(var(--line-thickness) * -1)";
-                    borderColor: "border";
-                    display: "flex";
-                    _horizontal: {
-                        _before: {
-                            content: "\"\"";
-                            position: "absolute";
-                            bottom: "0px";
-                            width: "100%";
-                            borderBottomWidth: "var(--line-thickness)";
-                            borderBottomColor: "border";
-                        };
-                    };
-                    _vertical: {
-                        _before: {
-                            content: "\"\"";
-                            position: "absolute";
-                            insetInline: "var(--line-offset)";
-                            height: "calc(100% - calc(var(--line-thickness) * 2))";
-                            borderEndWidth: "var(--line-thickness)";
-                            borderEndColor: "border";
-                        };
-                    };
-                };
-                trigger: {
-                    color: "fg.muted";
-                    borderWidth: "1px";
-                    borderColor: "transparent";
-                    _hover: {
-                        color: "fg.subtle";
-                    };
-                    _selected: {
-                        bg: "currentBg";
-                        color: "colorPalette.fg";
-                    };
-                    _horizontal: {
-                        borderTopRadius: "var(--tabs-trigger-radius)";
-                        marginBottom: "var(--line-offset)";
-                        marginEnd: {
-                            _notLast: "var(--line-offset)";
-                        };
-                        _selected: {
-                            borderColor: "border";
-                            borderBottomColor: "transparent";
-                        };
-                    };
-                    _vertical: {
-                        borderStartRadius: "var(--tabs-trigger-radius)";
-                        marginEnd: "var(--line-offset)";
-                        marginBottom: {
-                            _notLast: "var(--line-offset)";
-                        };
-                        _selected: {
-                            borderColor: "border";
-                            borderEndColor: "transparent";
-                        };
-                    };
-                };
-            };
-            plain: {
-                trigger: {
-                    color: "fg.muted";
-                    _selected: {
-                        color: "colorPalette.fg";
-                    };
-                    borderRadius: "var(--tabs-trigger-radius)";
-                    '&[data-selected][data-ssr]': {
-                        bg: "var(--tabs-indicator-bg)";
-                        shadow: "var(--tabs-indicator-shadow)";
-                        borderRadius: "var(--tabs-indicator-radius)";
-                    };
-                };
-            };
-        };
-    }>;
-    tag: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
-        size: {
-            sm: {
-                root: {
-                    px: "1.5";
-                    minH: "5";
-                    gap: "1";
-                    '--tag-avatar-size': "spacing.3.5";
-                    '--tag-status-size': "spacing.2";
-                    '--tag-element-size': "spacing.3.5";
-                    '--tag-element-offset': "spacing.-0.5";
-                };
-                label: {
-                    textStyle: "xs";
-                };
-            };
-            md: {
-                root: {
-                    px: "2";
-                    minH: "6";
-                    gap: "1";
-                    '--tag-avatar-size': "spacing.4";
-                    '--tag-status-size': "spacing.2";
-                    '--tag-element-size': "spacing.4";
-                    '--tag-element-offset': "spacing.-1";
-                };
-                label: {
-                    textStyle: "xs";
-                };
-            };
-            lg: {
-                root: {
-                    px: "2.5";
-                    minH: "7";
-                    gap: "1";
-                    '--tag-avatar-size': "spacing.5";
-                    '--tag-status-size': "spacing.2";
-                    '--tag-element-size': "spacing.5";
-                    '--tag-element-offset': "spacing.-1.5";
-                };
-                label: {
-                    textStyle: "sm";
-                };
-                closeTrigger: {
-                    padding: "2px";
-                };
-            };
-            xl: {
-                root: {
-                    px: "3";
-                    minH: "8";
-                    gap: "1.5";
-                    '--tag-avatar-size': "spacing.6";
-                    '--tag-status-size': "spacing.2";
-                    '--tag-element-size': "spacing.6";
-                    '--tag-element-offset': "spacing.-2";
-                };
-                label: {
-                    textStyle: "md";
-                };
-                closeTrigger: {
-                    padding: "3px";
-                };
-            };
-        };
-        variant: {
-            subtle: {
-                root: {
-                    bg: "colorPalette.subtle";
-                    color: "colorPalette.fg";
-                } | undefined;
-            };
-            solid: {
-                root: {
-                    bg: "colorPalette.solid";
-                    color: "colorPalette.contrast";
-                } | undefined;
-            };
-            outline: {
-                root: {
-                    color: "colorPalette.fg";
-                    shadow: "inset 0 0 0px 1px var(--shadow-color)";
-                    shadowColor: "colorPalette.subtle";
-                } | undefined;
-            };
-            surface: {
-                root: {
-                    bg: "colorPalette.muted/20";
-                    color: "colorPalette.fg";
-                    shadow: "inset 0 0 0px 1px var(--shadow-color)";
-                    shadowColor: "colorPalette.subtle";
-                } | undefined;
-            };
-        };
-    }>;
-    toast: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger">>;
-    tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
-        variant: {
-            inverted: {
-                content: {
-                    '--tooltip-bg': "colors.bg.inverted";
-                    color: "fg.inverted";
-                };
-            };
-        };
-    }>;
-    status: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root", {
-        size: {
-            sm: {
-                root: {
-                    textStyle: "xs";
-                };
-            };
-            md: {
-                root: {
-                    textStyle: "sm";
-                };
-            };
-            lg: {
-                root: {
-                    textStyle: "md";
-                };
-            };
-        };
-    }>;
-    timeline: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "item" | "separator" | "title" | "connector", {
-        variant: {
-            subtle: {
-                indicator: {
-                    bg: "bg.muted";
-                };
-            };
-            solid: {
-                indicator: {
-                    bg: "bg.inverted";
-                    color: "fg.inverted";
-                };
-            };
-            outline: {
-                indicator: {
-                    bg: "bg";
-                    borderWidth: "2px";
-                };
-            };
-            plain: {};
-        };
-        size: {
-            sm: {
-                root: {
-                    '--timeline-indicator-size': "sizes.4";
-                    '--timeline-font-size': "fontSizes.2xs";
-                };
-                title: {
-                    textStyle: "xs";
-                };
-            };
-            md: {
-                root: {
-                    '--timeline-indicator-size': "sizes.5";
-                    '--timeline-font-size': "fontSizes.xs";
-                };
-                title: {
-                    textStyle: "sm";
-                };
-            };
-            lg: {
-                root: {
-                    '--timeline-indicator-size': "sizes.6";
-                    '--timeline-font-size': "fontSizes.xs";
-                };
-                title: {
-                    mt: "0.5";
-                    textStyle: "sm";
-                };
-            };
-            xl: {
-                root: {
-                    '--timeline-indicator-size': "sizes.8";
-                    '--timeline-font-size': "fontSizes.sm";
-                };
-                title: {
-                    mt: "1.5";
-                    textStyle: "sm";
-                };
-            };
-        };
-    }>;
-    suiAppShell: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "main", {
-        fullscreen: {
-            true: {
-                root: {
-                    position: "fixed";
-                    inset: number;
-                };
-            };
-        };
-        variant: {
-            plain: {};
-        };
-    }>;
-    suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
-        variant: {
-            fill: {
-                root: {
-                    flex: number;
-                    height: "100%";
-                    bg: "currentBg";
-                };
-            };
-            fullscreen: {
-                root: {
-                    position: "fixed";
-                    inset: number;
-                    zIndex: "modal";
-                    bg: "bg";
-                };
-            };
-            overlay: {
-                root: {
-                    position: "absolute";
-                    inset: number;
-                    bg: "currentBg/50";
-                };
-            };
-        };
-    }>;
-    suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "presence" | "root" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
-        size: {
-            '2xs': {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "xs";
-                };
-                secondaryLabel: {
-                    display: "none";
-                };
-                tertiaryLabel: {
-                    display: "none";
-                };
-            };
-            xs: {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "xs";
-                };
-                secondaryLabel: {
-                    display: "none";
-                };
-                tertiaryLabel: {
-                    display: "none";
-                };
-            };
-            sm: {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "sm";
-                };
-                secondaryLabel: {
-                    fontSize: "xs";
-                };
-                tertiaryLabel: {
-                    display: "none";
-                };
-            };
-            md: {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "sm";
-                };
-                secondaryLabel: {
-                    fontSize: "xs";
-                };
-                tertiaryLabel: {
-                    display: "none";
-                };
-            };
-            lg: {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "md";
-                };
-                secondaryLabel: {
-                    fontSize: "sm";
-                };
-                tertiaryLabel: {
-                    fontSize: "sm";
-                };
-            };
-            xl: {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "lg";
-                };
-                secondaryLabel: {
-                    fontSize: "md";
-                };
-                tertiaryLabel: {
-                    fontSize: "md";
-                };
-            };
-            '2xl': {
-                details: {
-                    ms: number;
-                };
-                label: {
-                    fontSize: "xl";
-                };
-                secondaryLabel: {
-                    fontSize: "lg";
-                };
-                tertiaryLabel: {
-                    fontSize: "lg";
-                };
-            };
-        };
-    }>;
-    suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
-        interactive: {
-            true: {
-                item: {
-                    cursor: "button";
-                    transitionProperty: "bg";
-                    transitionDuration: "fast";
-                    _hover: {
-                        bg: "bg.subtle";
-                    };
-                    _active: {
-                        bg: "bg.subtle";
-                    };
-                };
-            };
-        };
-        variant: {
-            simple: {};
-            rounded: {
-                item: {
-                    borderRadius: "md";
-                    mb: number;
-                };
-            };
-        };
-        size: {
-            sm: {
-                root: {
-                    textStyle: "sm";
-                    py: number;
-                };
-                item: {
-                    py: number;
-                    px: number;
-                    gap: number;
-                };
-                header: {
-                    py: number;
-                    px: number;
-                };
-            };
-            md: {
-                root: {
-                    textStyle: "md";
-                    py: number;
-                };
-                item: {
-                    py: number;
-                    px: number;
-                    gap: number;
-                };
-                header: {
-                    py: number;
-                    px: number;
-                };
-            };
-        };
-    }>;
-    suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "link" | "root" | "item" | "itemGroup" | "brand", {
-        variant: {
-            neutral: {
-                root: {
-                    bg: "bg.panel";
-                    color: "fg";
-                };
-            };
-            solid: {
-                root: {
-                    bg: "colorPalette.solid";
-                    color: "colorPalette.contrast";
-                };
-                link: {
-                    _hover: {
-                        bg: "colorPalette.contrast/10";
-                    };
-                };
-            };
-            glass: {
-                root: {
-                    bg: "bg.overlay";
-                    backdropFilter: "var(--overlay-effect)";
-                    color: "fg";
-                };
-            };
-        };
-        size: {
-            md: {
-                root: {
-                    fontSize: "sm";
-                };
-                content: {
-                    px: {
-                        base: number;
-                        lg: number;
-                    };
-                    gap: number;
-                };
-                link: {
-                    px: number;
-                    h: number;
-                };
-            };
-        };
-    }>;
-    suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"inset" | "body" | "backdrop" | "root" | "header" | "footer" | "group" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
-        variant: {
-            sidebar: {
-                root: {
-                    borderRightWidth: "1px";
-                    borderLeftColor: "sidebar.border";
-                };
-                inset: {};
-            };
-            inset: {
-                inset: {
-                    borderColor: "sidebar.border";
-                    borderWidth: "1px";
-                    borderRadius: "panel.md";
-                    marginBlock: "var(--inset-gap, {spacing.2})";
-                    marginEnd: "var(--inset-gap, {spacing.2})";
-                    overflow: "clip";
-                };
-            };
-        };
-        mode: {
-            collapsible: {
-                root: {
-                    base: {
-                        position: "fixed";
-                        height: "100dvh";
-                        zIndex: "layer-3";
-                    };
-                    md: {
-                        position: "relative";
-                        height: "auto";
-                        zIndex: "unset";
-                    };
-                    width: "var(--sidebar-width, 280px)";
-                    maxWidth: ("100vw" | "var(--sidebar-max-width, 320px)")[];
-                    minWidth: "var(--sidebar-min-width, 220px)";
-                    bg: "sidebar.bg";
-                    transitionProperty: "margin-left";
-                    _open: {
-                        marginLeft: number;
-                        transitionDuration: "moderate";
-                        transitionTimingFunction: "bounce-in";
-                    };
-                    _closed: {
-                        marginLeft: "calc(var(--sidebar-width, 280px) * -1)";
-                        transitionDuration: "fast";
-                        transitionTimingFunction: "bounce-out";
-                    };
-                };
-            };
-            flyout: {
-                root: {
-                    position: "fixed";
-                    top: number;
-                    left: number;
-                    bottom: number;
-                    zIndex: "var(--sidebar-z-index)";
-                    width: "var(--sidebar-width, 280px)";
-                    maxWidth: ("100vw" | "var(--sidebar-max-width, 320px)")[];
-                    minWidth: "var(--sidebar-min-width, 220px)";
-                    bg: "sidebar.bg";
-                    borderColor: "sidebar.border";
-                    boxShadow: "none";
-                    borderWidth: "1px";
-                    borderRadius: "lg";
-                    _open: {
-                        transitionDuration: "moderate";
-                        transitionTimingFunction: "ease-out";
-                        boxShadow: "lg";
-                    };
-                    _closed: {
-                        left: "calc(var(--sidebar-width, 280px) * -1)";
-                        transitionDuration: "fast";
-                        transitionTimingFunction: "ease-in-out";
-                    };
-                };
-                flyoutTrigger: {
-                    display: "block";
-                    position: "absolute";
-                    '--sidebar-flyout-trigger-z-index': "zIndex.layer-3";
-                    zIndex: "calc(var(--sidebar-flyout-trigger-z-index) - 1)";
-                    height: "100%";
-                    width: "8px";
-                };
-                track: {
-                    top: "8px";
-                    bottom: "8px";
-                };
-            };
-            compact: {};
-        };
-        size: {
-            md: {
-                header: {
-                    px: number;
-                };
-                body: {
-                    px: number;
-                };
-                footer: {
-                    px: number;
-                };
-                groupEndElement: {
-                    pe: "1";
-                };
-            };
-        };
-    }>;
-    suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "item" | "endElement", {
-        variant: {
-            muted: {
-                button: {
-                    bg: "transparent";
-                    color: "sidebar.accent.fg/85";
-                    '--sidebar-item-icon-color': "sidebar.accent.fg/85";
-                    _hover: {
-                        bg: "sidebar.accent.bg/90";
-                        color: "sidebar.accent.fg";
-                        '--sidebar-item-icon-color': "sidebar.accent.fg";
-                    };
-                    _active: {
-                        bg: "sidebar.accent.bg";
-                        color: "sidebar.accent.fg";
-                        '--sidebar-item-icon-color': "sidebar.accent.fg";
-                    };
-                    _currentPage: {
-                        bg: "sidebar.accent.bg";
-                        color: "sidebar.accent.fg";
-                        '--sidebar-item-icon-color': "sidebar.accent.fg";
-                    };
-                };
-            };
-        };
-        size: {
-            sm: {
-                item: {
-                    textStyle: "sm";
-                };
-                button: {
-                    borderRadius: "control.md";
-                    px: number;
-                    height: number;
-                };
-                endElement: {
-                    pe: "1";
-                };
-            };
-            md: {
-                item: {
-                    textStyle: "sm";
-                };
-                button: {
-                    borderRadius: "control.md";
-                    px: number;
-                    height: number;
-                };
-                endElement: {
-                    pe: "1";
-                };
-            };
-            lg: {
-                item: {
-                    textStyle: "sm";
-                };
-                button: {
-                    borderRadius: "control.lg";
-                    px: number;
-                    height: number;
-                };
-                endElement: {
-                    pe: "1";
-                };
-            };
-        };
-    }>;
-    suiPage: import("@chakra-ui/react").SlotRecipeDefinition<string, {
-        variant: {
-            panel: {
-                root: {
-                    bg: "var(--page-bg-color)";
-                    zIndex: number;
-                };
-                header: {
-                    '--page-header-row-height': "40px";
-                    display: "grid";
-                    gridTemplateAreas: "\"nav heading actions\"\n               \"footer footer footer\"";
-                    gridTemplateColumns: "auto max-content 1fr";
-                    gridTemplateRows: "minmax(var(--page-header-row-height), auto)";
-                    columnGap: number;
-                    alignItems: "center";
-                    justifyContent: "stretch";
-                    flexShrink: number;
-                    px: number;
-                    borderBottomWidth: "1px";
-                };
-                title: {
-                    me: number;
-                    textStyle: "sm";
-                };
-                description: {
-                    textStyle: "xs";
-                };
-            };
-            settings: {
-                root: {
-                    overflowY: "auto";
-                    px: number;
-                };
-                header: {
-                    flexDirection: "row";
-                    alignItems: "center";
-                    mb: {
-                        base: number;
-                        lg: number;
-                    };
-                    minH: number;
-                };
-                heading: {
-                    py: {
-                        base: number;
-                        lg: number;
-                    };
-                };
-                title: {
-                    textStyle: "2xl";
-                };
-                description: {
-                    textStyle: "md";
-                };
-                body: {
-                    overflow: "visible";
-                    p: number;
-                };
-            };
-        };
-    }>;
-    suiSection: import("@chakra-ui/react").SlotRecipeDefinition<string, {
-        variant: {
-            annotated: {
-                root: {
-                    flexDirection: {
-                        base: "column";
-                        md: "row";
-                    };
-                    mt: number;
-                };
-                header: {
-                    width: {
-                        base: "full";
-                        md: "30%";
-                    };
-                    mb: {
-                        base: number;
-                        md: number;
-                    };
-                    pe: {
-                        base: number;
-                        md: number;
-                    };
-                };
-            };
-        };
-    }>;
-};