@bitrise/bitkit-v2 0.3.214 → 0.3.216

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

@@ -0,0 +1,2305 @@
+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" | "indicator" | "description", {
+        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" | "copyButtonWrapper" | "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: number;
+                        top: number;
+                        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";
+                };
+                copyButtonWrapper: {
+                    background: "background/secondary";
+                    padding: "4";
+                    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";
+                    fontFamily: "body";
+                    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" | "itemGroup" | "itemGroupLabel" | "itemText" | "clearTrigger" | "control" | "emptyHelperText" | "indicatorGroup" | "empty", {
+        size: {
+            md: {
+                item: {
+                    paddingBlock: "8";
+                    paddingInline: "16";
+                    textStyle: "body/md/regular";
+                    _selected: {
+                        textStyle: "body/md/semibold";
+                    };
+                };
+                itemIndicator: {
+                    width: "16";
+                    height: "16";
+                };
+                input: {
+                    lineHeight: "normal";
+                    paddingInline: string;
+                    paddingBlock: string;
+                    textStyle: "body/md/regular";
+                    '--input-height': string;
+                };
+            };
+            lg: {
+                item: {
+                    paddingInline: "16";
+                    paddingBlock: "12";
+                    textStyle: "body/lg/regular";
+                    _selected: {
+                        textStyle: "body/lg/semibold";
+                    };
+                };
+                itemIndicator: {
+                    width: "24";
+                    height: "24";
+                };
+                input: {
+                    lineHeight: "normal";
+                    paddingInline: string;
+                    paddingBlock: string;
+                    textStyle: "body/lg/regular";
+                    '--input-height': string;
+                };
+            };
+        };
+    }>;
+    dataWidget: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "root" | "action" | "items", import('@chakra-ui/react').SlotRecipeVariantRecord<"title" | "root" | "action" | "items">>;
+    datePicker: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "table" | "view" | "root" | "trigger" | "positioner" | "valueText" | "clearTrigger" | "control" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "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" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "clearTrigger" | "control" | "indicatorGroup", {
+        size: {
+            md: {
+                trigger: {
+                    paddingBlock: "6";
+                    textStyle?: "body/md/regular" | undefined;
+                };
+                indicator: {
+                    _icon: {
+                        width: "16";
+                        height: "16";
+                    };
+                };
+                checkbox?: {
+                    width: "20";
+                    height: "20";
+                } | undefined;
+                item?: {
+                    '&:has([data-slot="avatar"])': {
+                        paddingInlineStart: "12";
+                        paddingInlineEnd: "24";
+                        paddingBlock: "4";
+                        gap: "8";
+                    };
+                    '&:has([data-slot="checkbox"])': {
+                        minHeight: "40";
+                        paddingInlineEnd: "24";
+                        paddingBlock: "8";
+                        gap: "12";
+                    };
+                    paddingBlock: "8";
+                    paddingInline: "16";
+                    textStyle: "body/md/regular";
+                    _selected: {
+                        textStyle: "body/md/semibold";
+                    };
+                } | undefined;
+                itemList?: {
+                    maxHeight: string;
+                } | undefined;
+                itemLabel?: {
+                    textStyle: "body/md/regular";
+                    lineHeight: "normal";
+                } | undefined;
+                itemLoadingLabel?: {
+                    textStyle: "body/md/regular";
+                } | undefined;
+                emptyState?: {
+                    paddingBlock: "8";
+                } | undefined;
+                createItem?: {
+                    minHeight: "40";
+                    paddingBlock: "8";
+                    textStyle: "body/md/regular";
+                    lineHeight: "normal";
+                } | undefined;
+                searchInputGroup?: {
+                    height: "48";
+                    paddingBlock: "12";
+                } | undefined;
+                searchInput?: {
+                    textStyle: "body/md/regular";
+                } | undefined;
+                searchClear?: {
+                    padding: "4";
+                } | undefined;
+                itemIndicator?: {
+                    width: "16";
+                    height: "16";
+                } | undefined;
+            };
+        };
+    }>;
+    dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "stepTitleGroup" | "stepTitle" | "stepDescription" | "scrollBody" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop", {
+        scrollBehavior: {
+            inside: {
+                body: {
+                    overflowY: "auto";
+                    _last: {
+                        paddingBlockEnd: number;
+                    };
+                };
+                content: {
+                    maxHeight: "calc(100dvh - 96px)";
+                    overflow: "hidden";
+                };
+            };
+            outside: {};
+        };
+        size: {
+            lg: {
+                content: {
+                    width: {
+                        base: "100%";
+                        tablet: string;
+                    };
+                };
+            };
+            md: {
+                content: {
+                    width: {
+                        base: "100%";
+                        tablet: string;
+                    };
+                };
+            };
+            sm: {
+                content: {
+                    width: {
+                        base: "100%";
+                        tablet: string;
+                    };
+                };
+            };
+        };
+        variant: {
+            overflowContent: {
+                content: {
+                    maxHeight: "calc(100dvh - 48px)";
+                    overflow: "hidden";
+                };
+                header: {
+                    gap: "8";
+                    paddingBlockEnd: "8";
+                    paddingBlockStart: "16";
+                    paddingInline: "16";
+                };
+                title: {
+                    paddingInlineEnd: "32";
+                    textStyle: "heading/h4";
+                };
+                body: {
+                    overflowY: "auto";
+                    paddingBlockEnd: "8";
+                    paddingInline: "16";
+                    _last: {
+                        paddingBlockEnd: number;
+                    };
+                };
+                scrollBody: {
+                    _last: {
+                        paddingBlockEnd: "16";
+                    };
+                };
+                footer: {
+                    paddingBlockEnd: "16";
+                    paddingBlockStart: number;
+                    paddingInline: "16";
+                };
+                closeTrigger: {
+                    insetEnd: "12";
+                    top: "12";
+                };
+                scrollGradient: {
+                    bottom: "16";
+                };
+                scrollButton: {
+                    bottom: "8";
+                };
+            };
+        };
+    }>;
+    draggableCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "handle", {
+        isDragging: {
+            true: {
+                root: {
+                    borderColor: "border/strong";
+                    boxShadow: "elevation/lg";
+                    cursor: "grabbing";
+                };
+                handle: {
+                    color: "icon/secondary";
+                };
+            };
+        };
+        isDropTarget: {
+            true: {
+                root: {
+                    background: "background/secondary";
+                    borderColor: "border/strong";
+                    borderStyle: "dashed";
+                    boxShadow: "none";
+                };
+                handle: {
+                    visibility: "hidden";
+                };
+                content: {
+                    visibility: "hidden";
+                };
+            };
+        };
+        isFullCardDrag: {
+            true: {
+                root: {
+                    cursor: "grab";
+                    _hover: {
+                        borderColor: "border/regular";
+                        _active: {
+                            borderColor: "border/strong";
+                        };
+                    };
+                    _active: {
+                        borderColor: "border/strong";
+                    };
+                };
+                handle: {
+                    pointerEvents: "none";
+                };
+                content: {
+                    paddingInlineStart: number;
+                };
+            };
+            false: {
+                root: {
+                    _hover: {
+                        borderColor: "border/regular";
+                    };
+                };
+                handle: {
+                    appearance: "none";
+                    background: "transparent";
+                    border: "none";
+                    cursor: "grab";
+                    focusVisibleRing: "none";
+                    _focusVisible: {
+                        boxShadow: "inset 0 0 0 var(--focus-ring-width) var(--focus-ring-color)";
+                    };
+                    _hover: {
+                        background: "background/hover";
+                        color: "icon/secondary";
+                        _active: {
+                            background: "background/active";
+                        };
+                    };
+                    _active: {
+                        background: "background/active";
+                    };
+                };
+                content: {
+                    paddingInlineStart: "8";
+                };
+            };
+        };
+    }>;
+    drawer: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop", {
+        variant: {
+            docked: {
+                closeTrigger: {
+                    insetEnd: string;
+                    top: "12";
+                };
+                content: {
+                    width: {
+                        base: "100vw";
+                        tablet: string;
+                    };
+                };
+            };
+            floating: {
+                body: {
+                    paddingInline: "24";
+                };
+                closeTrigger: {
+                    insetEnd: "24";
+                    top: "24";
+                };
+                positioner: {
+                    padding: "32";
+                };
+                content: {
+                    borderRadius: "12";
+                    boxShadow: "elevation/lg";
+                    maxWidth: string;
+                };
+                header: {
+                    paddingBlockEnd: "16";
+                    paddingBlockStart: "24";
+                    paddingInline: "24";
+                };
+                footer: {
+                    borderBlockStartColor: "transparent";
+                    borderBlockStartWidth: "0";
+                    paddingBlockEnd: "24";
+                    paddingBlockStart: "32";
+                    paddingInline: "24";
+                };
+                title: {
+                    color: "text/primary";
+                    textStyle: "comp/dialog/title";
+                };
+            };
+        };
+    }>;
+    emptyState: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "indicator" | "description", {
+        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" | "itemGroup" | "clearTrigger" | "dropzone" | "itemDeleteTrigger" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "dropzoneContent" | "fileText", {
+        variant: {
+            image: {
+                root: {
+                    height: string;
+                };
+            };
+        };
+    }>;
+    imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "handle" | "viewport" | "selection", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "handle" | "viewport" | "selection">>;
+    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: "sys/green/base";
+                };
+                root: {
+                    borderColor: "status/success/border";
+                };
+            };
+            warning: {
+                iconBar: {
+                    backgroundColor: "status/warning/bg";
+                    borderColor: "status/warning/border";
+                    color: "sys/yellow/base";
+                };
+                root: {
+                    borderColor: "status/warning/border";
+                };
+            };
+            critical: {
+                iconBar: {
+                    backgroundColor: "status/critical/bg";
+                    borderColor: "status/critical/border";
+                    color: "sys/red/base";
+                };
+                root: {
+                    borderColor: "status/critical/border";
+                };
+            };
+        };
+    }>;
+    menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "contextTrigger" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand" | "itemHelper", {
+        size: {
+            lg: {
+                item: {
+                    paddingY: "12";
+                    textStyle: "body/lg/regular";
+                };
+            };
+            md: {
+                item: {
+                    _icon: {
+                        marginTop: "2";
+                    };
+                    paddingY: "8";
+                    textStyle: "body/md/regular";
+                };
+            };
+        };
+    }>;
+    multiselect: import('@chakra-ui/react').SlotRecipeDefinition<"overlay" | "trigger" | "indicator" | "control" | "indicatorGroup" | "tagsBlock" | "placeholderText", {
+        constrained: {
+            true: {
+                overlay: {
+                    overflow: "hidden";
+                };
+                tagsBlock: {
+                    flexWrap: "nowrap";
+                };
+            };
+            false: {};
+        };
+        size: {
+            lg: {
+                overlay: {
+                    minHeight: "48";
+                    paddingBlock: string;
+                };
+                trigger: {
+                    textStyle: "body/lg/regular";
+                };
+                placeholderText: {
+                    textStyle: "body/lg/regular";
+                    lineHeight: string;
+                };
+            };
+            md: {
+                indicatorGroup: {
+                    height: "40";
+                };
+                overlay: {
+                    minHeight: "40";
+                    paddingBlock: string;
+                    '&:has([data-slot="tag"])': {
+                        paddingInlineStart: string;
+                    };
+                };
+                trigger: {
+                    textStyle: "body/md/regular";
+                };
+                placeholderText: {
+                    textStyle: "body/md/regular";
+                    lineHeight: string;
+                };
+            };
+        };
+    }>;
+    noteCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "iconBar" | "message" | "iconWrapper" | "messageBlock" | "messageSolo" | "actionArea", {
+        status: {
+            ai: {
+                iconBar: {
+                    background: "{colors.ai.background.minimal-vertical}";
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    backgroundColor: "transparent";
+                    border: "1px solid transparent";
+                    background: "linear-gradient({colors.background.primary}, {colors.background.primary}) padding-box, {colors.status.ai.border} border-box";
+                };
+                title: {
+                    color: string;
+                };
+            };
+            critical: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            info: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            progress: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            success: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+            warning: {
+                iconBar: {
+                    backgroundColor: string;
+                    color: string;
+                };
+                messageSolo: {
+                    color: string;
+                };
+                root: {
+                    borderColor: string;
+                };
+                title: {
+                    color: string;
+                };
+            };
+        };
+    }>;
+    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" | "valueText" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
+        size: {
+            md: {
+                input: {
+                    paddingInline: string;
+                    paddingBlock: string;
+                    textStyle: "body/md/regular";
+                    '--input-height': string;
+                } | undefined;
+                control: {
+                    '--stepper-width': string;
+                };
+            };
+            lg: {
+                input: {
+                    paddingInline: string;
+                    paddingBlock: string;
+                    textStyle: "body/lg/regular";
+                    '--input-height': string;
+                } | undefined;
+                control: {
+                    '--stepper-width': string;
+                };
+            };
+        };
+    }>;
+    overflowContent: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "action" | "preview", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "action" | "preview">>;
+    pageFooter: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "status" | "root" | "statusLabel" | "statusDot" | "copyright" | "copyrightText" | "links", {
+        colorScheme: {
+            gray: {
+                root: {
+                    background: "background/secondary";
+                };
+                status: {
+                    background: "background/tertiary";
+                };
+            };
+            white: {
+                root: {
+                    background: "background/primary";
+                };
+                status: {
+                    background: "background/secondary";
+                };
+            };
+        };
+        size: {
+            compact: {
+                root: {
+                    height: {
+                        tablet: "32";
+                    };
+                };
+            };
+            default: {
+                root: {
+                    height: {
+                        tablet: "64";
+                    };
+                };
+            };
+        };
+        variant: {
+            default: {
+                root: {
+                    paddingInlineEnd: {
+                        base: "16";
+                        tablet: string;
+                    };
+                    position: {
+                        tablet: "relative";
+                    };
+                };
+                copyright: {
+                    insetInlineStart: {
+                        tablet: "50%";
+                    };
+                    position: {
+                        tablet: "absolute";
+                    };
+                    top: {
+                        tablet: "50%";
+                    };
+                    transform: {
+                        tablet: "translate(-50%, -50%)";
+                    };
+                };
+                links: {
+                    borderBlockEnd: {
+                        base: "1px solid {colors.border.minimal}";
+                        tablet: "none";
+                    };
+                    borderBlockStart: {
+                        base: "1px solid {colors.border.minimal}";
+                        tablet: "none";
+                    };
+                    paddingBlock: {
+                        base: "16";
+                        tablet: "0";
+                    };
+                };
+            };
+            public: {
+                root: {
+                    paddingInlineEnd: {
+                        base: "16";
+                        tablet: "40";
+                    };
+                };
+                links: {
+                    borderBlockEnd: {
+                        base: "1px solid {colors.border.minimal}";
+                        tablet: "none";
+                    };
+                    paddingBlockEnd: {
+                        base: "16";
+                        tablet: "0";
+                    };
+                };
+            };
+        };
+    }>;
+    pagination: import('@chakra-ui/react').SlotRecipeDefinition<"text" | "root" | "itemsBlock" | "itemsSelect" | "pageBlock" | "pageSelect", {
+        variant: {
+            card: {
+                root: {
+                    paddingInline: "24";
+                    paddingBlock: "8";
+                };
+                text: {
+                    color: "text/tertiary";
+                };
+            };
+            page: {
+                root: {
+                    paddingInline: "24";
+                    paddingBlock: "16";
+                    borderTopWidth: string;
+                    borderTopStyle: "solid";
+                    borderTopColor: "border/regular";
+                };
+                text: {
+                    color: "text/secondary";
+                };
+            };
+            table: {
+                root: {
+                    paddingInline: "16";
+                    paddingBlock: "8";
+                };
+                text: {
+                    color: "text/secondary";
+                };
+            };
+        };
+    }>;
+    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" | "titleBlock" | "helperText" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "titleBlock" | "helperText" | "contentBlock" | "helperBlock">>;
+    labeledData: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "limit" | "helpText", {
+        size: {
+            lg: {
+                label: {
+                    color: "text/primary";
+                };
+                value: {
+                    textStyle: "comp/data/sm";
+                };
+                limit: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            '2xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/md";
+                };
+                limit: {
+                    textStyle: "body/xl/regular";
+                };
+            };
+            '3xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/lg";
+                };
+                limit: {
+                    textStyle: "body/2xl/regular";
+                };
+            };
+        };
+    }>;
+    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";
+                };
+            };
+        };
+    }>;
+    sidebar: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "itemLabel" | "divider" | "itemIcon" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
+        selected: {
+            true: {
+                item: {
+                    background: "background/selected";
+                    _hover: {
+                        background: "background/selected-hover";
+                    };
+                };
+                itemIcon: {
+                    color: "icon/interactive";
+                };
+                itemLabel: {
+                    textStyle: "body/lg/semibold";
+                };
+                selectionMarker: {
+                    display: "block";
+                };
+            };
+        };
+    }>;
+    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "checkbox" | "emptyState" | "list" | "root" | "item" | "itemContent" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "clearTrigger" | "control" | "searchInputGroup" | "itemList" | "createItemContainer" | "searchInput" | "searchClear" | "createItem" | "itemLabel" | "itemHelperText" | "indicatorGroup" | "checkmark" | "itemLoading" | "itemLoadingLabel", {
+        size: {
+            lg: {
+                checkbox: {
+                    width: "24";
+                    height: "24";
+                };
+                item: {
+                    '&:has([data-slot="avatar"])': {
+                        paddingInlineStart: "12";
+                        paddingInlineEnd: "24";
+                        paddingBlock: "8";
+                        gap: "8";
+                    };
+                    '&:has([data-slot="checkbox"])': {
+                        minHeight: "48";
+                        paddingInlineEnd: "24";
+                        paddingBlock: "12";
+                        gap: "12";
+                    };
+                    paddingInline: "16";
+                    paddingBlock: "12";
+                    textStyle: "body/lg/regular";
+                    _selected: {
+                        textStyle: "body/lg/semibold";
+                    };
+                };
+                itemList: {
+                    maxHeight: string;
+                };
+                itemLabel: {
+                    textStyle: "body/lg/regular";
+                    lineHeight: "normal";
+                };
+                itemLoadingLabel: {
+                    textStyle: "body/lg/regular";
+                };
+                emptyState: {
+                    paddingBlock: "12";
+                };
+                createItem: {
+                    minHeight: "48";
+                    paddingBlock: "12";
+                    textStyle: "body/lg/regular";
+                    lineHeight: "normal";
+                };
+                searchInputGroup: {
+                    height: string;
+                    paddingBlock: "16";
+                };
+                searchInput: {
+                    textStyle: "body/lg/regular";
+                };
+                searchClear: {
+                    padding: "8";
+                };
+                itemIndicator: {
+                    width: "24";
+                    height: "24";
+                };
+            };
+            md: {
+                checkbox: {
+                    width: "20";
+                    height: "20";
+                };
+                item: {
+                    '&:has([data-slot="avatar"])': {
+                        paddingInlineStart: "12";
+                        paddingInlineEnd: "24";
+                        paddingBlock: "4";
+                        gap: "8";
+                    };
+                    '&:has([data-slot="checkbox"])': {
+                        minHeight: "40";
+                        paddingInlineEnd: "24";
+                        paddingBlock: "8";
+                        gap: "12";
+                    };
+                    paddingBlock: "8";
+                    paddingInline: "16";
+                    textStyle: "body/md/regular";
+                    _selected: {
+                        textStyle: "body/md/semibold";
+                    };
+                };
+                itemList: {
+                    maxHeight: string;
+                };
+                itemLabel: {
+                    textStyle: "body/md/regular";
+                    lineHeight: "normal";
+                };
+                itemLoadingLabel: {
+                    textStyle: "body/md/regular";
+                };
+                emptyState: {
+                    paddingBlock: "8";
+                };
+                createItem: {
+                    minHeight: "40";
+                    paddingBlock: "8";
+                    textStyle: "body/md/regular";
+                    lineHeight: "normal";
+                };
+                trigger: {
+                    textStyle: "body/md/regular";
+                    paddingBlock: string;
+                };
+                searchInputGroup: {
+                    height: "48";
+                    paddingBlock: "12";
+                };
+                searchInput: {
+                    textStyle: "body/md/regular";
+                };
+                searchClear: {
+                    padding: "4";
+                };
+                itemIndicator: {
+                    width: "16";
+                    height: "16";
+                };
+            };
+        };
+    }>;
+    settingsCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "footer" | "root" | "statusIcon" | "statusText" | "contentBody" | "contentActions" | "statusRow" | "statusDescription" | "statusHelperText", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "footer" | "root" | "statusIcon" | "statusText" | "contentBody" | "contentActions" | "statusRow" | "statusDescription" | "statusHelperText">>;
+    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";
+                    };
+                };
+            };
+        };
+    }>;
+    stat: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "helpText", {
+        size: {
+            lg: {
+                label: {
+                    color: "text/primary";
+                };
+                value: {
+                    textStyle: "comp/data/sm";
+                };
+            };
+            '2xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/md";
+                };
+            };
+            '3xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/lg";
+                };
+            };
+        };
+        variant: {
+            default: {};
+            compact: {
+                root: {
+                    display: "inline-flex";
+                    alignItems: "flex-end";
+                };
+                value: {
+                    textStyle: "body/md/regular";
+                };
+                helpText: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+        };
+    }>;
+    stepsCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "root" | "description" | "titleGroup", import('@chakra-ui/react').SlotRecipeVariantRecord<"body" | "footer" | "header" | "title" | "root" | "description" | "titleGroup">>;
+    steps: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "progress" | "title" | "separator" | "list" | "root" | "item" | "trigger" | "indicator" | "description" | "nextTrigger" | "prevTrigger", {
+        orientation: {
+            horizontal: {
+                list: {
+                    flexDirection: "row";
+                    alignItems: "center";
+                };
+                item: {
+                    alignItems: "center";
+                    borderTopWidth: "2px";
+                    paddingBlock: "16";
+                    paddingInlineEnd: "24";
+                    "&[data-step-status=inProgress]": {
+                        _before: {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlockStart: "-2px";
+                            insetInlineStart: number;
+                            width: "50%";
+                            height: "2";
+                            bg: "border/selected";
+                        };
+                    };
+                };
+            };
+            vertical: {
+                list: {
+                    flexDirection: "column";
+                    alignItems: "stretch";
+                };
+                item: {
+                    alignItems: "flex-start";
+                    borderInlineStartWidth: "2px";
+                    paddingInlineStart: "12";
+                    paddingInlineEnd: "24";
+                    paddingBlockEnd: "24";
+                    '&:last-of-type': {
+                        paddingBlockEnd: number;
+                    };
+                    "&[data-step-status=inProgress]": {
+                        _before: {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlockStart: number;
+                            insetInlineStart: "-2px";
+                            width: "2";
+                            height: "50%";
+                            bg: "border/selected";
+                        };
+                    };
+                };
+                trigger: {
+                    flexDirection: "column";
+                    alignItems: "flex-start";
+                    gap: "2";
+                    paddingBlockStart: "4";
+                };
+            };
+        };
+    }>;
+    switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
+        size: {
+            md: {
+                root: {
+                    '--switch-width': string;
+                    '--switch-height': string;
+                    '--switch-indicator-font-size': string;
+                };
+                control: {
+                    borderRadius: "8";
+                };
+                label: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            lg: {
+                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" | "itemText" | "clearTrigger" | "control" | "itemDeleteTrigger" | "itemPreview" | "tagsBlock" | "itemInput" | "suffixBlock", {
+        size: {
+            md: {
+                control: {
+                    paddingInlineEnd: "12";
+                    paddingInlineStart: "8";
+                };
+                tagsBlock: {
+                    paddingBlock: "8";
+                };
+                suffixBlock: {
+                    height: "40";
+                };
+                input: {
+                    height: "24";
+                    fontSize: "0.875rem";
+                    fontWeight: "400";
+                    lineHeight: "normal";
+                };
+            };
+            lg: {
+                control: {
+                    paddingInlineEnd: "16";
+                    paddingInlineStart: "12";
+                };
+                tagsBlock: {
+                    paddingBlock: "12";
+                };
+                suffixBlock: {
+                    height: "48";
+                };
+                input: {
+                    fontSize: "1rem";
+                    fontWeight: "400";
+                    lineHeight: "normal";
+                };
+            };
+        };
+    }>;
+    toast: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "icon" | "root" | "closeTrigger" | "indicator" | "description" | "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";
+                };
+            };
+        };
+    }>;
+    treeView: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "secondaryText" | "root" | "item" | "itemIndicator" | "itemText" | "tree" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "actionGroup" | "suffixGroup", {
+        variant: {
+            files: {
+                branchControl: {
+                    borderRadius: "4";
+                    paddingInlineEnd: "16";
+                    '& > svg': {
+                        marginBlockStart: "8";
+                    };
+                    '& > .badge': {
+                        marginBlockStart: "6";
+                    };
+                };
+                item: {
+                    borderRadius: "4";
+                    paddingInlineEnd: "16";
+                    '& > svg': {
+                        marginBlockStart: "8";
+                    };
+                    '& > .badge': {
+                        marginBlockStart: "6";
+                    };
+                };
+                branchIndicator: {
+                    alignItems: "flex-start";
+                    marginBlockStart: "8";
+                    alignSelf: "stretch";
+                    position: "relative";
+                    _open: {
+                        '&::after': {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlockStart: "16";
+                            insetBlockEnd: number;
+                            insetInlineStart: "50%";
+                            width: "1";
+                            background: "border/regular";
+                        };
+                    };
+                };
+                branchText: {
+                    paddingBlock: "6";
+                };
+                itemText: {
+                    paddingBlock: "6";
+                };
+                suffixGroup: {
+                    height: string;
+                    '& > span': {
+                        marginBlockEnd: "-1";
+                    };
+                };
+                branchIndentGuide: {
+                    height: "100%";
+                    width: "1";
+                    background: "border/regular";
+                    position: "absolute";
+                    insetBlockStart: number;
+                    '--tree-depth': "calc(var(--depth) - 1)";
+                    '--tree-indentation-offset': "calc(var(--tree-indentation) * var(--tree-depth))";
+                    '--tree-offset': "calc(var(--tree-padding-inline-start) + var(--tree-indentation-offset))";
+                    '--tree-icon-offset': "calc(var(--tree-icon-size) * 0.5 * var(--depth))";
+                    insetInlineStart: "calc(var(--tree-offset) + var(--tree-icon-offset))";
+                    zIndex: number;
+                };
+            };
+            navigation: {
+                branchControl: {
+                    borderRadius: number;
+                    paddingInlineEnd: "16";
+                    '&::before': {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlockStart: number;
+                        insetInlineStart: "var(--tree-offset)";
+                        insetInlineEnd: number;
+                        height: "1";
+                        background: "border/minimal";
+                    };
+                    _selected: {
+                        '&::after': {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlock: number;
+                            insetInlineEnd: number;
+                            width: "4";
+                            background: "border/selected";
+                            borderRadius: "0 2px 2px 0";
+                        };
+                    };
+                };
+                item: {
+                    borderRadius: number;
+                    paddingInlineEnd: "16";
+                    '&::before': {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlockStart: number;
+                        insetInlineStart: "var(--tree-offset)";
+                        insetInlineEnd: number;
+                        height: "1";
+                        background: "border/minimal";
+                    };
+                    '& > svg': {
+                        color: "icon/secondary";
+                        marginBlockStart: string;
+                    };
+                    _selected: {
+                        '&::after': {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlock: number;
+                            insetInlineEnd: number;
+                            width: "4";
+                            background: "border/selected";
+                            borderRadius: "0 2px 2px 0";
+                        };
+                    };
+                };
+                branchIndicator: {
+                    marginBlockStart: "8";
+                    transformOrigin: "center";
+                    transitionDuration: "normal";
+                    transitionProperty: "transform";
+                    transitionTimingFunction: "default";
+                    _open: {
+                        transform: "rotate(90deg)";
+                    };
+                };
+                branchText: {
+                    paddingBlock: "8";
+                    gap: "4";
+                    _open: {
+                        textStyle: "body/md/semibold";
+                        color: "text/primary";
+                    };
+                };
+                itemText: {
+                    paddingBlock: "8";
+                };
+                suffixGroup: {
+                    height: string;
+                    '& > span': {
+                        marginBlockEnd: "-1";
+                    };
+                };
+                branchIndentGuide: {
+                    display: "none";
+                };
+            };
+        };
+    }>;
+};
+export default slotRecipes;