@bitrise/bitkit-v2 0.3.177 → 0.3.179

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

@@ -1,1255 +0,0 @@
-declare const slotRecipes: {
-    accordion: import('@chakra-ui/react').SlotRecipeDefinition<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText", import('@chakra-ui/react').SlotRecipeVariantRecord<"icon" | "suffix" | "root" | "item" | "itemTrigger" | "itemContent" | "itemIndicator" | "itemBody" | "secdText">>;
-    actionBar: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "positioner" | "selectionTrigger" | "closeTrigger", {
-        size: {
-            md: {
-                content: {
-                    padding: "12";
-                    paddingInlineStart: "16";
-                    gap: "12";
-                };
-            };
-            sm: {
-                content: {
-                    padding: "8";
-                    paddingInlineStart: "12";
-                    gap: "8";
-                };
-            };
-            xs: {
-                content: {
-                    padding: "8";
-                    paddingInlineStart: "12";
-                    gap: "8";
-                };
-            };
-        };
-    }>;
-    alert: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
-        variant: {
-            ai: {
-                root: {
-                    border: "1px solid transparent";
-                    background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box";
-                    color: "status/ai/text";
-                };
-                indicator: {
-                    color: "status/ai/icon";
-                };
-            };
-            critical: {
-                root: {
-                    backgroundColor: "status/critical/bg";
-                    borderColor: "status/critical/border";
-                    color: "status/critical/text";
-                };
-                indicator: {
-                    color: "status/critical/icon";
-                };
-            };
-            info: {
-                root: {
-                    backgroundColor: "status/info/bg";
-                    borderColor: "status/info/border";
-                    color: "status/info/text";
-                };
-                indicator: {
-                    color: "status/info/icon";
-                };
-            };
-            progress: {
-                root: {
-                    backgroundColor: "status/progress/bg";
-                    borderColor: "status/progress/border";
-                    color: "status/progress/text";
-                };
-                indicator: {
-                    color: "status/progress/icon";
-                };
-            };
-            success: {
-                root: {
-                    backgroundColor: "status/success/bg";
-                    borderColor: "status/success/border";
-                    color: "status/success/text";
-                };
-                indicator: {
-                    color: "status/success/icon";
-                };
-            };
-            warning: {
-                root: {
-                    backgroundColor: "status/warning/bg";
-                    borderColor: "status/warning/border";
-                    color: "status/warning/text";
-                };
-                indicator: {
-                    color: "status/warning/icon";
-                };
-            };
-        };
-    }>;
-    avatar: import('@chakra-ui/react').SlotRecipeDefinition<"image" | "badge" | "icon" | "root" | "fallback" | "badgeContainer", {
-        size: {
-            '24': {
-                root: {
-                    width: number;
-                    height: number;
-                    borderRadius: number;
-                };
-                image: {
-                    borderRadius: number;
-                };
-                fallback: {
-                    textStyle: "comp/avatar/24";
-                    borderRadius: number;
-                };
-                icon: {
-                    width: number;
-                    height: number;
-                };
-                badgeContainer: {
-                    display: "none";
-                };
-            };
-            '32': {
-                root: {
-                    width: number;
-                    height: number;
-                    borderRadius: number;
-                };
-                image: {
-                    borderRadius: number;
-                };
-                fallback: {
-                    textStyle: "comp/avatar/32";
-                    borderRadius: number;
-                };
-                icon: {
-                    width: number;
-                    height: number;
-                };
-                badgeContainer: {
-                    width: number;
-                    height: number;
-                    bottom: number;
-                    right: number;
-                    borderRadius: number;
-                };
-            };
-            '40': {
-                root: {
-                    width: number;
-                    height: number;
-                    borderRadius: number;
-                };
-                image: {
-                    borderRadius: number;
-                };
-                fallback: {
-                    textStyle: "comp/avatar/40";
-                    borderRadius: number;
-                };
-                icon: {
-                    width: number;
-                    height: number;
-                };
-                badgeContainer: {
-                    width: number;
-                    height: number;
-                    bottom: number;
-                    right: number;
-                    borderRadius: number;
-                };
-            };
-            '48': {
-                root: {
-                    width: number;
-                    height: number;
-                    borderRadius: "10";
-                };
-                image: {
-                    borderRadius: "10";
-                };
-                fallback: {
-                    textStyle: "comp/avatar/48";
-                    borderRadius: "10";
-                };
-                icon: {
-                    width: number;
-                    height: number;
-                };
-                badgeContainer: {
-                    width: number;
-                    height: number;
-                    bottom: number;
-                    right: number;
-                    borderRadius: "50%";
-                };
-            };
-            '64': {
-                root: {
-                    width: number;
-                    height: number;
-                    borderRadius: number;
-                };
-                image: {
-                    borderRadius: number;
-                };
-                fallback: {
-                    textStyle: "comp/avatar/64";
-                    borderRadius: number;
-                };
-                icon: {
-                    width: number;
-                    height: number;
-                };
-                badgeContainer: {
-                    width: number;
-                    height: number;
-                    bottom: number;
-                    right: number;
-                    borderRadius: "50%";
-                };
-            };
-            '128': {
-                root: {
-                    width: number;
-                    height: number;
-                    borderRadius: number;
-                };
-                image: {
-                    borderRadius: number;
-                };
-                fallback: {
-                    textStyle: "comp/avatar/128";
-                    borderRadius: number;
-                };
-                icon: {
-                    width: number;
-                    height: number;
-                };
-                badgeContainer: {
-                    display: "none";
-                };
-            };
-        };
-        variant: {
-            circle: {
-                root: {
-                    borderRadius: "50%";
-                };
-                image: {
-                    borderRadius: "50%";
-                };
-                fallback: {
-                    borderRadius: "50%";
-                };
-            };
-            rounded: {};
-        };
-    }>;
-    breadcrumb: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink", import('@chakra-ui/react').SlotRecipeVariantRecord<"link" | "separator" | "ellipsis" | "list" | "root" | "item" | "currentLink">>;
-    card: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description", {
-        elevation: {
-            true: {
-                root: {
-                    borderColor: "border/minimal";
-                    boxShadow: "elevation/sm";
-                };
-            };
-            false: {
-                root: {
-                    borderColor: "border/regular";
-                };
-            };
-        };
-        paddingSize: {
-            sm: {
-                body: {
-                    padding: "16";
-                };
-            };
-            md: {
-                body: {
-                    paddingInline: "24";
-                    paddingBlock: "16";
-                };
-            };
-            lg: {
-                body: {
-                    padding: "24";
-                };
-            };
-        };
-    }>;
-    checkbox: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "group" | "control", {
-        size: {
-            md: {
-                control: {
-                    width: "20";
-                    height: "20";
-                    '& > svg': {
-                        width: "20";
-                        height: "20";
-                    };
-                };
-                label: {
-                    textStyle: "body/md/regular";
-                };
-            };
-            lg: {
-                control: {
-                    width: "24";
-                    height: "24";
-                    '& > svg': {
-                        width: "24";
-                        height: "24";
-                    };
-                };
-                label: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-    }>;
-    codeSnippet: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "copyButton" | "showMoreContainer" | "showMoreGradient" | "showMoreButton", {
-        variant: {
-            inline: {
-                root: {
-                    alignItems: "center";
-                    borderRadius: "2";
-                    color: "text/body";
-                    display: "inline-flex";
-                    paddingBlock: "2";
-                    paddingInline: "6";
-                    whiteSpace: "nowrap";
-                };
-            };
-            single: {
-                root: {
-                    alignItems: "center";
-                    borderRadius: "4";
-                    display: "flex";
-                    height: "40";
-                    isolation: "isolate";
-                    overflow: "hidden";
-                    whiteSpace: "nowrap";
-                };
-                content: {
-                    alignItems: "center";
-                    display: "flex";
-                    height: "40";
-                    overflow: "hidden";
-                    paddingInlineStart: "16";
-                    position: "relative";
-                    _after: {
-                        background: "linear-gradient(to left, var(--colors-background-secondary), transparent)";
-                        content: "\"\"";
-                        height: "40";
-                        pointerEvents: "none";
-                        position: "absolute";
-                        right: "0";
-                        top: "0";
-                        width: "8";
-                    };
-                };
-                copyButton: {
-                    flexShrink: "0";
-                    padding: "12";
-                };
-            };
-            multi: {
-                root: {
-                    borderRadius: "4";
-                    display: "flex";
-                    flexDirection: "column";
-                    padding: "16";
-                    position: "relative";
-                };
-                content: {
-                    color: "text/body";
-                    overflowY: "auto";
-                    transition: "max-height 0.3s ease";
-                    whiteSpace: "pre-wrap";
-                };
-                copyButton: {
-                    borderRadius: "4";
-                    overflow: "hidden";
-                    padding: "8";
-                    position: "absolute";
-                    right: number;
-                    top: number;
-                };
-                showMoreContainer: {
-                    alignItems: "center";
-                    display: "flex";
-                    justifyContent: "flex-end";
-                };
-                showMoreGradient: {
-                    background: "linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)";
-                    borderBottomRadius: "4";
-                    bottom: number;
-                    height: "40";
-                    left: number;
-                    pointerEvents: "none";
-                    position: "absolute";
-                    right: number;
-                };
-                showMoreButton: {
-                    alignItems: "center";
-                    background: "background/secondary";
-                    borderRadius: "4";
-                    color: "text/secondary";
-                    cursor: "pointer";
-                    display: "flex";
-                    gap: "4";
-                    justifyContent: "center";
-                    minWidth: "64";
-                    paddingBlock: "8";
-                    paddingInline: "12";
-                    position: "relative";
-                    textStyle: "comp/button/md";
-                    _hover: {
-                        background: "background/hover";
-                        color: "text/primary";
-                        _active: {
-                            background: "background/active";
-                            color: "text/primary";
-                            overflow: "hidden";
-                        };
-                    };
-                    _active: {
-                        background: "background/active";
-                        color: "text/primary";
-                        overflow: "hidden";
-                    };
-                    _focusVisible: {
-                        outlineOffset: "-3px";
-                    };
-                };
-            };
-        };
-        size: {
-            md: {
-                root: {
-                    textStyle: "code/md";
-                };
-                content: {
-                    textStyle: "code/md";
-                };
-            };
-            lg: {
-                root: {
-                    textStyle: "code/lg";
-                };
-                content: {
-                    textStyle: "code/lg";
-                };
-            };
-        };
-        interactive: {
-            true: {};
-            false: {};
-        };
-        hasShowMore: {
-            true: {};
-            false: {};
-        };
-        isExpanded: {
-            true: {};
-            false: {};
-        };
-    }>;
-    collapsible: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "indicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "trigger" | "indicator">>;
-    combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
-        size: {
-            md: {
-                input: import('@chakra-ui/react').SystemStyleObject;
-            };
-            lg: {
-                input: import('@chakra-ui/react').SystemStyleObject;
-            };
-        };
-    }>;
-    datePicker: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText" | "months", {
-        layout: {
-            '1-month': {
-                content: {
-                    width: "17.5rem";
-                };
-            };
-            '2-month': {
-                content: {
-                    width: "38.5rem";
-                };
-            };
-        };
-        showOutsideDays: {
-            false: {
-                tableCellTrigger: {
-                    '&[data-outside-range]': {
-                        visibility: "hidden";
-                    };
-                };
-            };
-            true: {
-                tableCellTrigger: {
-                    '&[data-outside-range]': {
-                        visibility: "visible";
-                    };
-                };
-            };
-        };
-        device: {
-            mobile: {
-                content: {
-                    boxShadow: "none";
-                    paddingBlock: "16";
-                    paddingInline: "16";
-                };
-            };
-        };
-    }>;
-    datePickerSelect: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup", {
-        size: {
-            md: {
-                trigger: {
-                    paddingBlock: "6";
-                    textStyle?: "body/md/regular" | undefined;
-                };
-                indicator: {
-                    _icon: {
-                        width: "16";
-                        height: "16";
-                    };
-                };
-                searchInput?: {
-                    paddingBlock: "12";
-                    textStyle: "body/md/regular";
-                    '--input-height': string;
-                } | undefined;
-                createItem?: {
-                    color: "text/primary";
-                    paddingBlock: "16";
-                    textStyle: "body/md/regular";
-                } | undefined;
-            };
-        };
-    }>;
-    dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop" | "scrollBody" | "scrollButton" | "scrollGradient", {
-        scrollBehavior: {
-            inside: {
-                body: {
-                    overflowY: "auto";
-                    _last: {
-                        paddingBlockEnd: number;
-                    };
-                };
-                content: {
-                    maxHeight: "calc(100dvh - 96px)";
-                    overflow: "hidden";
-                };
-            };
-            outside: {};
-        };
-        size: {
-            lg: {
-                content: {
-                    width: string;
-                };
-            };
-            md: {
-                content: {
-                    width: string;
-                };
-            };
-            sm: {
-                content: {
-                    width: string;
-                };
-            };
-        };
-    }>;
-    emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
-        colorScheme: {
-            white: {
-                root: {
-                    backgroundColor: "background/primary";
-                };
-            };
-            grey: {
-                root: {
-                    backgroundColor: "background/secondary";
-                };
-            };
-        };
-    }>;
-    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "suffix" | "collapsible" | "root" | "secdText" | "description", {
-        size: {
-            md: {
-                header: {
-                    textStyle: "body/md/regular";
-                    paddingX: "16";
-                    paddingY: "12";
-                };
-                secdText: {
-                    textStyle: "body/sm/regular";
-                };
-            };
-            lg: {
-                header: {
-                    textStyle: "body/lg/regular";
-                    padding: "16";
-                };
-                secdText: {
-                    textStyle: "body/md/regular";
-                };
-            };
-        };
-    }>;
-    field: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator", import('@chakra-ui/react').SlotRecipeVariantRecord<"input" | "label" | "select" | "textarea" | "root" | "helperText" | "errorText" | "requiredIndicator">>;
-    groupHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "separator" | "icon" | "root" | "titleBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "separator" | "icon" | "root" | "titleBlock">>;
-    fieldset: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "legend" | "root" | "helperText" | "errorText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "legend" | "root" | "helperText" | "errorText">>;
-    fileUpload: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "clearTrigger" | "itemGroup" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
-        variant: {
-            image: {
-                root: {
-                    height: string;
-                };
-            };
-        };
-    }>;
-    imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "viewport" | "selection" | "handle", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "viewport" | "selection" | "handle">>;
-    inlineLoading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
-        size: {
-            sm: {
-                label: {
-                    textStyle: "body/sm/regular";
-                };
-            };
-            md: {
-                label: {
-                    textStyle: "body/md/regular";
-                };
-            };
-            lg: {
-                label: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-        status: {
-            error: {
-                root: {
-                    color: "text/body";
-                };
-            };
-            loading: {
-                root: {
-                    color: "text/secondary";
-                };
-            };
-            success: {
-                root: {
-                    color: "text/body";
-                };
-            };
-        };
-    }>;
-    list: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item" | "indicator", {
-        size: {
-            lg: {
-                item: {
-                    textStyle: "body/lg/regular";
-                };
-                indicator: {
-                    height: "24";
-                    width: "24";
-                };
-            };
-            md: {
-                item: {
-                    textStyle: "body/md/regular";
-                };
-                indicator: {
-                    height: "20";
-                    width: "20";
-                };
-            };
-        };
-    }>;
-    menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
-        size: {
-            lg: {
-                item: {
-                    paddingY: "12";
-                    textStyle: "body/lg/regular";
-                };
-            };
-            md: {
-                item: {
-                    _icon: {
-                        marginTop: "2";
-                    };
-                    paddingY: "8";
-                    textStyle: "body/md/regular";
-                };
-            };
-        };
-    }>;
-    nativeSelect: import('@chakra-ui/react').SlotRecipeDefinition<"field" | "root" | "indicator" | "statusIcon", {
-        size: {
-            md: {
-                field: {
-                    paddingInline: string;
-                    paddingBlock: string;
-                    textStyle: "body/md/regular";
-                };
-            };
-            lg: {
-                field: {
-                    paddingInline: string;
-                    paddingBlock: string;
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-    }>;
-    numberInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "control" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
-        size: {
-            md: {
-                input: import('@chakra-ui/react').SystemStyleObject | undefined;
-                control: {
-                    '--stepper-width': string;
-                };
-            };
-            lg: {
-                input: import('@chakra-ui/react').SystemStyleObject | undefined;
-                control: {
-                    '--stepper-width': string;
-                };
-            };
-        };
-    }>;
-    paginationLoadMore: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "counter", {
-        size: {
-            md: {
-                root: {
-                    gap: "24";
-                    minHeight: string;
-                };
-                counter: {
-                    textStyle: "body/md/regular";
-                    '&:has(+ *)': {
-                        paddingInlineEnd: "24";
-                    };
-                };
-            };
-            sm: {
-                root: {
-                    gap: "16";
-                    minHeight: "48";
-                };
-                counter: {
-                    textStyle: "body/md/regular";
-                    '&:has(+ *)': {
-                        paddingInlineEnd: "16";
-                    };
-                };
-            };
-            xs: {
-                root: {
-                    gap: "12";
-                    minHeight: "32";
-                };
-                counter: {
-                    textStyle: "body/sm/regular";
-                    '&:has(+ *)': {
-                        paddingInlineEnd: "12";
-                    };
-                };
-            };
-        };
-    }>;
-    radioGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
-        orientation: {
-            horizontal: {
-                root: {
-                    flexDirection: "row";
-                    gap: "24";
-                };
-            };
-            vertical: {
-                root: {
-                    alignItems: "flex-start";
-                    flexDirection: "column";
-                    gap: "12";
-                };
-            };
-        };
-        size: {
-            md: {
-                itemControl: {
-                    width: "20";
-                    height: "20";
-                };
-                itemText: {
-                    textStyle: "body/md/regular";
-                };
-            };
-            lg: {
-                itemControl: {
-                    width: "24";
-                    height: "24";
-                };
-                itemText: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-    }>;
-    ribbon: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
-    sectionHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock">>;
-    segmentGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
-        fullWidth: {
-            true: {
-                root: {
-                    display: "flex";
-                    width: "100%";
-                };
-                item: {
-                    flex: "1";
-                };
-            };
-        };
-        size: {
-            lg: {
-                item: {
-                    paddingBlock: "12";
-                    textStyle: "body/lg/regular";
-                };
-            };
-            md: {
-                item: {
-                    paddingBlock: "8";
-                };
-            };
-            sm: {
-                item: {
-                    paddingBlock: "6";
-                };
-            };
-        };
-    }>;
-    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "list" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "clearTrigger" | "control" | "valueText" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "searchInputGroup" | "searchInput" | "createItemContainer" | "createItem", {
-        size: {
-            lg: Record<string, import('@chakra-ui/react').SystemStyleObject>;
-            md: {
-                searchInput: {
-                    paddingBlock: "12";
-                    textStyle: "body/md/regular";
-                    '--input-height': string;
-                };
-                createItem: {
-                    color: "text/primary";
-                    paddingBlock: "16";
-                    textStyle: "body/md/regular";
-                };
-                trigger: {
-                    textStyle: "body/md/regular";
-                    paddingBlock: string;
-                };
-            };
-        };
-    }>;
-    splitButton: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "action", {
-        variant: {
-            primary: {
-                trigger: {
-                    borderWidth: "0";
-                    borderInlineStartWidth: string;
-                    borderInlineStartColor: "border/on-contrast";
-                    _hover: {
-                        borderInlineStartColor: "border/on-contrast";
-                        _active: {
-                            borderInlineStartColor: "border/on-contrast";
-                        };
-                    };
-                    _active: {
-                        borderInlineStartColor: "border/on-contrast";
-                    };
-                    _disabled: {
-                        borderInlineStartColor: "border/on-contrast";
-                    };
-                    _open: {
-                        backgroundColor: "button/primary/bg-active";
-                    };
-                };
-            };
-            secondary: {
-                trigger: {
-                    _open: {
-                        backgroundColor: "button/secondary/bg-active";
-                        borderColor: "button/secondary/border-active";
-                        color: "button/secondary/fg-active";
-                    };
-                };
-            };
-        };
-    }>;
-    switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
-        size: {
-            sm: {
-                root: {
-                    '--switch-width': string;
-                    '--switch-height': string;
-                    '--switch-indicator-font-size': string;
-                };
-                control: {
-                    borderRadius: "8";
-                };
-                label: {
-                    textStyle: "body/sm/regular";
-                };
-            };
-            md: {
-                root: {
-                    '--switch-width': string;
-                    '--switch-height': string;
-                    '--switch-indicator-font-size': string;
-                };
-                control: {
-                    borderRadius: "12";
-                };
-                label: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-    }>;
-    table: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", {
-        variant: {
-            default: {
-                root: {
-                    borderColor: "border/minimal";
-                    borderRadius: "4";
-                    borderStyle: "solid";
-                    borderWidth: "1px";
-                    overflow: "hidden";
-                };
-                header: {
-                    '& :where(th)': {
-                        backgroundColor: "background/tertiary";
-                    };
-                };
-                columnHeader: {
-                    borderBottomColor: "border/minimal";
-                    paddingBlock: "12";
-                    paddingInline: "16";
-                };
-                cell: {
-                    borderBottomColor: "border/minimal";
-                    paddingInline: "16";
-                };
-                footer: {
-                    borderTopColor: "border/minimal";
-                };
-            };
-            borderless: {
-                columnHeader: {
-                    borderBottomColor: "border/regular";
-                    padding: "12";
-                };
-                cell: {
-                    borderBottomColor: "border/regular";
-                    paddingInline: "12";
-                };
-                footer: {
-                    borderTopColor: "border/regular";
-                };
-            };
-        };
-        layout: {
-            table: {
-                root: {
-                    borderCollapse: "separate";
-                    borderSpacing: "0";
-                };
-                caption: {
-                    marginBlockEnd: "24";
-                };
-                columnHeader: {
-                    borderBottomStyle: "solid";
-                    borderBottomWidth: "1px";
-                    color: "text/primary";
-                    fontWeight: "bold";
-                    textAlign: "start";
-                    textStyle: "heading/h5";
-                    verticalAlign: "middle";
-                };
-                cell: {
-                    borderBottomStyle: "solid";
-                    borderBottomWidth: "1px";
-                    paddingBlock: "20";
-                    verticalAlign: "middle";
-                };
-                body: {
-                    '& :where(tr)': {
-                        _hover: {
-                            backgroundColor: "background/hover";
-                        };
-                    };
-                    '& :where(tr:last-child) td': {
-                        borderBottomWidth: "0";
-                    };
-                };
-            };
-            stacked: {
-                root: {
-                    display: "block";
-                };
-                caption: {
-                    display: "block";
-                    padding: "16";
-                    backgroundColor: "background/tertiary";
-                    borderBottomColor: "border/minimal";
-                    borderBottomStyle: "solid";
-                    borderBottomWidth: "1px";
-                };
-                header: {
-                    borderWidth: "0";
-                    clip: "rect(0, 0, 0, 0)";
-                    height: "1";
-                    margin: "-1px";
-                    overflow: "hidden";
-                    padding: number;
-                    position: "absolute";
-                    whiteSpace: "nowrap";
-                    width: "1";
-                };
-                body: {
-                    display: "block";
-                };
-                row: {
-                    borderBottomColor: "border/minimal";
-                    borderBottomStyle: "solid";
-                    borderBottomWidth: "1px";
-                    display: "block";
-                    paddingBlock: "12";
-                    '&:last-child': {
-                        borderBottomWidth: "0";
-                    };
-                };
-                cell: {
-                    alignItems: "center";
-                    display: "flex";
-                    minHeight: "48";
-                    paddingInline: "16";
-                    _before: {
-                        alignSelf: "center";
-                        color: "text/primary";
-                        content: "attr(data-label)";
-                        flexShrink: number;
-                        fontWeight: "semibold";
-                        paddingInlineEnd: "16";
-                        width: "96";
-                    };
-                };
-                footer: {
-                    display: "block";
-                };
-            };
-        };
-    }>;
-    tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
-        variant: {
-            line: {
-                list: {
-                    borderBlockEnd: "1px solid";
-                    borderColor: "border/regular";
-                };
-                trigger: {
-                    bottom: "-1px";
-                    display: "flex";
-                    alignItems: "center";
-                    gap: "8";
-                    color: "text/secondary";
-                    paddingBlockStart: "12";
-                    paddingBlockEnd: string;
-                    borderBlockEnd: "2px solid transparent";
-                    _selected: {
-                        color: "text/primary";
-                    };
-                    _hover: {
-                        borderColor: "border/hover";
-                        color: "text/primary";
-                    };
-                    _disabled: {
-                        color: "text/disabled";
-                    };
-                };
-            };
-            contained: {
-                trigger: {
-                    paddingBlockStart: string;
-                    paddingBlockEnd: "12";
-                    backgroundColor: "background/tertiary";
-                    color: "text/secondary";
-                    borderBlockStart: "2px solid transparent";
-                    _hover: {
-                        backgroundColor: "background/active";
-                    };
-                    _disabled: {
-                        backgroundColor: "sys/neutral/moderate";
-                        color: "text/on-disabled";
-                    };
-                    _selected: {
-                        backgroundColor: "background/primary";
-                        color: "text/selected";
-                        _hover: {
-                            backgroundColor: "background/primary";
-                        };
-                    };
-                };
-            };
-        };
-    }>;
-    tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
-        disabled: {
-            true: {
-                root: {
-                    backgroundColor: "background/disabled";
-                    borderColor: "border/disabled";
-                    color: "text/on-disabled";
-                };
-            };
-            false: {};
-        };
-        size: {
-            sm: {
-                root: {
-                    height: "24";
-                    paddingInline: "4";
-                    '&:has(button)': {
-                        paddingInlineEnd: "1";
-                    };
-                };
-                label: {
-                    paddingInline: "4";
-                    textStyle: "comp/tag/sm";
-                };
-                endElement: {
-                    width: "20";
-                    height: "20";
-                };
-            };
-            md: {
-                root: {
-                    height: "32";
-                    paddingInline: "6";
-                    '&:has(button)': {
-                        paddingInlineEnd: string;
-                    };
-                };
-                startElement: {
-                    marginInlineEnd: "-2px";
-                };
-                label: {
-                    paddingInline: "6";
-                    textStyle: "comp/tag/md";
-                };
-            };
-        };
-    }>;
-    tagsInput: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "item" | "clearTrigger" | "control" | "itemText" | "itemDeleteTrigger" | "itemPreview" | "itemInput" | "tagsBlock" | "suffixBlock", {
-        size: {
-            md: {
-                control: {
-                    paddingInline: "8";
-                };
-                tagsBlock: {
-                    paddingBlock: "8";
-                };
-                suffixBlock: {
-                    height: "40";
-                };
-                input: {
-                    height: "24";
-                    textStyle: "body/md/regular";
-                };
-            };
-            lg: {
-                control: {
-                    paddingInlineStart: "12";
-                    paddingInlineEnd: "8";
-                };
-                tagsBlock: {
-                    paddingBlock: "12";
-                };
-                suffixBlock: {
-                    height: "48";
-                };
-                input: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-    }>;
-    tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
-        variant: {
-            dark: {
-                content: {
-                    '--tooltip-bg': "colors.background.contrast";
-                    color: "text/on-contrast";
-                };
-            };
-            light: {
-                content: {
-                    '--tooltip-bg': "colors.background.tertiary";
-                    color: "text/primary";
-                };
-            };
-        };
-        paddingSize: {
-            sm: {
-                content: {
-                    paddingInline: "8";
-                    paddingBlock: "4";
-                    borderRadius: "4";
-                };
-            };
-            md: {
-                content: {
-                    paddingInline: "12";
-                    paddingBlock: "8";
-                    borderRadius: "8";
-                };
-            };
-            lg: {
-                content: {
-                    padding: "16";
-                    borderRadius: "8";
-                };
-            };
-        };
-        textStyle: {
-            'sm/regular': {
-                content: {
-                    textStyle: "body/sm/regular";
-                };
-            };
-            'sm/semibold': {
-                content: {
-                    textStyle: "body/sm/semibold";
-                };
-            };
-            'md/regular': {
-                content: {
-                    textStyle: "body/md/regular";
-                };
-            };
-        };
-    }>;
-};
-export default slotRecipes;