@bitrise/bitkit-v2 0.3.179 → 0.3.181

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

@@ -0,0 +1,1322 @@
+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: {
+            [k: string]: {
+                indicator: {
+                    color: string;
+                };
+                root: {
+                    color: string;
+                    border: string;
+                    background: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+    }>;
+    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";
+                };
+            };
+        };
+    }>;
+    markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
+        size: {
+            sm: {
+                root: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            md: {
+                root: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            lg: {
+                root: {
+                    textStyle: "body/lg/regular";
+                };
+            };
+        };
+    }>;
+    markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "iconBar" | "gradient" | "footerButtons", {
+        status: {
+            info: {
+                iconBar: {
+                    backgroundColor: "background/secondary";
+                    borderColor: "border/regular";
+                    color: "icon/secondary";
+                };
+                root: {
+                    borderColor: "border/regular";
+                };
+            };
+            success: {
+                iconBar: {
+                    backgroundColor: "status/success/bg";
+                    borderColor: "status/success/border";
+                    color: "status/success/icon";
+                };
+                root: {
+                    borderColor: "status/success/border";
+                };
+            };
+            warning: {
+                iconBar: {
+                    backgroundColor: "status/warning/bg";
+                    borderColor: "status/warning/border";
+                    color: "status/warning/icon";
+                };
+                root: {
+                    borderColor: "status/warning/border";
+                };
+            };
+            critical: {
+                iconBar: {
+                    backgroundColor: "status/critical/bg";
+                    borderColor: "status/critical/border";
+                    color: "status/critical/icon";
+                };
+                root: {
+                    borderColor: "status/critical/border";
+                };
+            };
+        };
+    }>;
+    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";
+                };
+            };
+        };
+    }>;
+    toast: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "icon" | "root" | "closeTrigger" | "description" | "indicator" | "timestamp" | "actionTrigger", {
+        variant: {
+            [k: string]: {
+                icon: {
+                    color: string;
+                };
+                root: {
+                    color: string;
+                    border: string;
+                    background: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                } | {
+                    color: string;
+                    backgroundColor: string;
+                    borderColor: string;
+                };
+            };
+        };
+    }>;
+    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;