@bitrise/bitkit-v2 0.3.194 → 0.3.196

package/dist/theme/slot-recipes/Dialog.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: '0',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: '0',\n      position: 'fixed',\n      top: '0',\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%)',\n      bottom: '48',\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":";;;;AAKA,IAAM,mBAAmB,iBAAiB;CACxC,WAAW;CACX,OAAO;EAAC,GAAG,cAAc,MAAM;EAAE;EAAS;EAAc;EAAgB;EAAiB;CACzF,MAAM;EACJ,UAAU;GACR,YAAY;GACZ,UAAU;GACV,OAAO;GACP,QAAQ;GACR,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,YAAY;GACV,YAAY;GACZ,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,MAAM;GACN,UAAU;GACV,KAAK;GACL,OAAO;GACP,QAAQ;GACT;EACD,SAAS;GACP,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,eAAe;GACf,SAAS;GACT,UAAU;GACV,OAAO;IACL,gBAAgB;IAChB,mBAAmB;IACpB;GACD,SAAS;IACP,gBAAgB;IAChB,mBAAmB;IACpB;GACF;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,KAAK;GACL,cAAc;GACd,eAAe;GACf,UAAU;GACX;EACD,OAAO;GACL,OAAO;GACP,kBAAkB;GAClB,WAAW;GACZ;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACZ;EACD,OAAO;GACL,OAAO;GACP,WAAW;GACZ;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,eAAe;GACf,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,YAAY;GACV,SAAS;GACT,eAAe;GACf,WAAW;GACX,UAAU;GACV,OAAO,EACL,iBAAiB,MAClB;GACF;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,iBAAiB;GACjB,mBAAmB;GACnB,eAAe;GAChB;EACD,cAAc;GACZ,UAAU;GACV,UAAU;GACV,KAAK;GACN;EACD,cAAc;GACZ,YAAY;GACZ,WAAW;GACX,YAAY;GACZ,aAAa;GACb,cAAc;GACd,aAAa;GACb,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,gBAAgB;GAChB,UAAU;GACV,OAAO;GACR;EACD,gBAAgB;GACd,YAAY;GACZ,QAAQ;GACR,QAAQ;GACR,eAAe;GACf,UAAU;GACV,OAAO;GACR;EACF;CACD,UAAU;EACR,gBAAgB;GACd,QAAQ;IACN,MAAM;KACJ,WAAW;KACX,OAAO,EACL,iBAAiB,GAClB;KACF;IACD,SAAS;KACP,WAAW;KACX,UAAU;KACX;IACF;GACD,SAAS,EAAE;GACZ;EACD,MAAM;GACJ,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACD,IAAI,EACF,SAAS,EACP,OAAO,IAAI,IAAI,EAChB,EACF;GACF;EACF;CACD,iBAAiB;EACf,gBAAgB;EAChB,MAAM;EACP;CACF,CAAC"}
+{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: '0',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: '0',\n      position: 'fixed',\n      top: '0',\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: '48',\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+declare const overflowContentSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "action" | "preview", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "action" | "preview">>;
+export default overflowContentSlotRecipe;

package/dist/theme/slot-recipes/OverflowContent.recipe.js

@@ -0,0 +1,42 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/OverflowContent.recipe.ts
+var overflowContentSlotRecipe = defineSlotRecipe({
+	className: "overflowContent",
+	slots: [
+		"root",
+		"preview",
+		"action"
+	],
+	base: {
+		root: {
+			alignItems: "center",
+			display: "flex",
+			gap: "4"
+		},
+		preview: {
+			color: "text/body",
+			flex: "1",
+			minWidth: 0,
+			overflow: "hidden",
+			position: "relative",
+			textOverflow: "ellipsis",
+			textStyle: "body/md/regular",
+			whiteSpace: "nowrap",
+			_after: {
+				background: "linear-gradient(to left, {colors.background.primary} 0%, transparent 100%)",
+				content: "\"\"",
+				height: "100%",
+				pointerEvents: "none",
+				position: "absolute",
+				right: "0",
+				top: "0",
+				width: "32"
+			}
+		},
+		action: { flexShrink: "0" }
+	}
+});
+//#endregion
+export { overflowContentSlotRecipe as default };
+
+//# sourceMappingURL=OverflowContent.recipe.js.map

package/dist/theme/slot-recipes/OverflowContent.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowContent.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/OverflowContent.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst overflowContentSlotRecipe = defineSlotRecipe({\n  className: 'overflowContent',\n  slots: ['root', 'preview', 'action'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '4',\n    },\n    preview: {\n      color: 'text/body',\n      flex: '1',\n      minWidth: 0,\n      overflow: 'hidden',\n      position: 'relative',\n      textOverflow: 'ellipsis',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n      _after: {\n        background: 'linear-gradient(to left, {colors.background.primary} 0%, transparent 100%)',\n        content: '\"\"',\n        height: '100%',\n        pointerEvents: 'none',\n        position: 'absolute',\n        right: '0',\n        top: '0',\n        width: '32',\n      },\n    },\n    action: {\n      flexShrink: '0',\n    },\n  },\n});\n\nexport default overflowContentSlotRecipe;\n"],"mappings":";;AAEA,IAAM,4BAA4B,iBAAiB;CACjD,WAAW;CACX,OAAO;EAAC;EAAQ;EAAW;EAAS;CACpC,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACN;EACD,SAAS;GACP,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,UAAU;GACV,cAAc;GACd,WAAW;GACX,YAAY;GACZ,QAAQ;IACN,YAAY;IACZ,SAAS;IACT,QAAQ;IACR,eAAe;IACf,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;IACR;GACF;EACD,QAAQ,EACN,YAAY,KACb;EACF;CACF,CAAC"}

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

@@ -0,0 +1,96 @@
+declare const pageFooterSlotRecipe: 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";
+                };
+            };
+        };
+    };
+}>;
+export default pageFooterSlotRecipe;

package/dist/theme/slot-recipes/PageFooter.recipe.js

@@ -0,0 +1,191 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/PageFooter.recipe.ts
+var pageFooterSlotRecipe = defineSlotRecipe({
+	className: "page-footer",
+	slots: [
+		"root",
+		"status",
+		"statusDot",
+		"statusLabel",
+		"copyright",
+		"copyrightText",
+		"links",
+		"link"
+	],
+	base: {
+		root: {
+			alignItems: "center",
+			display: "flex",
+			flexDirection: {
+				base: "column",
+				tablet: "row"
+			},
+			gap: {
+				base: "16",
+				tablet: "0"
+			},
+			justifyContent: "space-between",
+			padding: {
+				base: "16",
+				tablet: "0"
+			},
+			paddingInlineStart: {
+				base: "16",
+				tablet: "20"
+			},
+			width: "100%"
+		},
+		status: {
+			alignItems: "center",
+			borderRadius: "4",
+			display: "flex",
+			flexShrink: 0,
+			gap: "4",
+			paddingBlock: "4",
+			paddingInlineEnd: "8",
+			paddingInlineStart: "4"
+		},
+		statusDot: {
+			borderRadius: "full",
+			flexShrink: 0,
+			height: "8",
+			width: "8",
+			marginInline: "4"
+		},
+		statusLabel: {
+			color: "text/secondary",
+			textStyle: "comp/badge/sm",
+			whiteSpace: "nowrap"
+		},
+		copyright: {
+			alignItems: "center",
+			display: "flex",
+			gap: "8",
+			order: {
+				base: 3,
+				tablet: 0
+			}
+		},
+		copyrightText: {
+			color: "text/secondary",
+			textStyle: "body/md/regular",
+			whiteSpace: "nowrap"
+		},
+		links: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			flexWrap: {
+				base: "wrap",
+				tablet: "nowrap"
+			},
+			gap: {
+				base: "40",
+				tablet: "24"
+			},
+			justifyContent: {
+				base: "center",
+				tablet: "flex-start"
+			},
+			order: {
+				base: 2,
+				tablet: 0
+			},
+			rowGap: {
+				base: "12",
+				tablet: "8"
+			},
+			width: {
+				base: "100%",
+				tablet: "auto"
+			}
+		},
+		link: {
+			background: "transparent",
+			border: "none",
+			color: "text/secondary",
+			cursor: "pointer",
+			padding: 0,
+			textDecoration: "none",
+			textStyle: {
+				base: "body/lg/regular",
+				tablet: "body/md/regular"
+			},
+			whiteSpace: "nowrap",
+			_hover: { textDecoration: "underline" }
+		}
+	},
+	variants: {
+		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: rem(80)
+					},
+					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"
+					}
+				}
+			}
+		}
+	},
+	defaultVariants: {
+		colorScheme: "gray",
+		size: "default",
+		variant: "default"
+	}
+});
+//#endregion
+export { pageFooterSlotRecipe as default };
+
+//# sourceMappingURL=PageFooter.recipe.js.map

package/dist/theme/slot-recipes/PageFooter.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n  className: 'page-footer',\n  slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '0' },\n      justifyContent: 'space-between',\n      padding: { base: '16', tablet: '0' },\n      paddingInlineStart: { base: '16', tablet: '20' },\n      width: '100%',\n    },\n    status: {\n      alignItems: 'center',\n      borderRadius: '4',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n      paddingBlock: '4',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '4',\n    },\n    statusDot: {\n      borderRadius: 'full',\n      flexShrink: 0,\n      height: '8',\n      width: '8',\n      marginInline: '4',\n    },\n    statusLabel: {\n      color: 'text/secondary',\n      textStyle: 'comp/badge/sm',\n      whiteSpace: 'nowrap',\n    },\n    copyright: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '8',\n      order: { base: 3, tablet: 0 },\n    },\n    copyrightText: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n    },\n    links: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      flexWrap: { base: 'wrap', tablet: 'nowrap' },\n      gap: { base: '40', tablet: '24' },\n      justifyContent: { base: 'center', tablet: 'flex-start' },\n      order: { base: 2, tablet: 0 },\n      rowGap: { base: '12', tablet: '8' },\n      width: { base: '100%', tablet: 'auto' },\n    },\n    link: {\n      background: 'transparent',\n      border: 'none',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      padding: 0,\n      textDecoration: 'none',\n      textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n      whiteSpace: 'nowrap',\n      _hover: {\n        textDecoration: 'underline',\n      },\n    },\n  },\n  variants: {\n    colorScheme: {\n      gray: {\n        root: {\n          background: 'background/secondary',\n        },\n        status: {\n          background: 'background/tertiary',\n        },\n      },\n      white: {\n        root: {\n          background: 'background/primary',\n        },\n        status: {\n          background: 'background/secondary',\n        },\n      },\n    },\n    size: {\n      compact: {\n        root: {\n          height: { tablet: '32' },\n        },\n      },\n      default: {\n        root: {\n          height: { tablet: '64' },\n        },\n      },\n    },\n    variant: {\n      default: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: rem(80) },\n          position: { tablet: 'relative' },\n        },\n        copyright: {\n          insetInlineStart: { tablet: '50%' },\n          position: { tablet: 'absolute' },\n          top: { tablet: '50%' },\n          transform: { tablet: 'translate(-50%, -50%)' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid {colors.border.minimal}', tablet: 'none' },\n          borderBlockStart: { base: '1px solid {colors.border.minimal}', tablet: 'none' },\n          paddingBlock: { base: '16', tablet: '0' },\n        },\n      },\n      public: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: '40' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid {colors.border.minimal}', tablet: 'none' },\n          paddingBlockEnd: { base: '16', tablet: '0' },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    colorScheme: 'gray',\n    size: 'default',\n    variant: 'default',\n  },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;EAAO;CACpG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;IAAO;GAChD,KAAK;IAAE,MAAM;IAAM,QAAQ;IAAK;GAChC,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;IAAK;GACpC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;IAAM;GAChD,OAAO;GACR;EACD,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACrB;EACD,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;GACf;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;IAAG;GAC9B;EACD,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;GACb;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;IAAU;GAC5C,KAAK;IAAE,MAAM;IAAM,QAAQ;IAAM;GACjC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;IAAc;GACxD,OAAO;IAAE,MAAM;IAAG,QAAQ;IAAG;GAC7B,QAAQ;IAAE,MAAM;IAAM,QAAQ;IAAK;GACnC,OAAO;IAAE,MAAM;IAAQ,QAAQ;IAAQ;GACxC;EACD,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;IAAmB;GACjE,YAAY;GACZ,QAAQ,EACN,gBAAgB,aACjB;GACF;EACF;CACD,UAAU;EACR,aAAa;GACX,MAAM;IACJ,MAAM,EACJ,YAAY,wBACb;IACD,QAAQ,EACN,YAAY,uBACb;IACF;GACD,OAAO;IACL,MAAM,EACJ,YAAY,sBACb;IACD,QAAQ,EACN,YAAY,wBACb;IACF;GACF;EACD,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,MAAM,EACzB,EACF;GACD,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,MAAM,EACzB,EACF;GACF;EACD,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,GAAG;MAAE;KACjD,UAAU,EAAE,QAAQ,YAAY;KACjC;IACD,WAAW;KACT,kBAAkB,EAAE,QAAQ,OAAO;KACnC,UAAU,EAAE,QAAQ,YAAY;KAChC,KAAK,EAAE,QAAQ,OAAO;KACtB,WAAW,EAAE,QAAQ,yBAAyB;KAC/C;IACD,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAqC,QAAQ;MAAQ;KAC7E,kBAAkB;MAAE,MAAM;MAAqC,QAAQ;MAAQ;KAC/E,cAAc;MAAE,MAAM;MAAM,QAAQ;MAAK;KAC1C;IACF;GACD,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;KAAM,EAC/C;IACD,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAqC,QAAQ;MAAQ;KAC7E,iBAAiB;MAAE,MAAM;MAAM,QAAQ;MAAK;KAC7C;IACF;GACF;EACF;CACD,iBAAiB;EACf,aAAa;EACb,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

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

@@ -507,7 +507,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop" | "scrollBody" | "scrollButton" | "scrollGradient", {
+    dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "scrollBody" | "scrollGradient" | "scrollButton" | "backdrop", {
         scrollBehavior: {
             inside: {
                 body: {
@@ -540,6 +540,52 @@ declare const slotRecipes: {
                 };
             };
         };
+        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: {
@@ -943,6 +989,102 @@ declare const slotRecipes: {
             };
         };
     }>;
+    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: {

package/dist/theme/slot-recipes/index.js

@@ -29,6 +29,8 @@ import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
 import menuSlotRecipe from "./Menu.recipe.js";
 import nativeSelectSlotRecipe from "./NativeSelect.recipe.js";
 import noteCardSlotRecipe from "./NoteCard.recipe.js";
+import overflowContentSlotRecipe from "./OverflowContent.recipe.js";
+import pageFooterSlotRecipe from "./PageFooter.recipe.js";
 import paginationSlotRecipe from "./Pagination.recipe.js";
 import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
 import radioGroupSlotRecipe from "./RadioGroup.recipe.js";
@@ -78,6 +80,8 @@ var slotRecipes = {
 	noteCard: noteCardSlotRecipe,
 	nativeSelect: nativeSelectSlotRecipe,
 	numberInput: numberInputSlotRecipe,
+	overflowContent: overflowContentSlotRecipe,
+	pageFooter: pageFooterSlotRecipe,
 	pagination: paginationSlotRecipe,
 	paginationLoadMore: paginationLoadMoreRecipe,
 	radioGroup: radioGroupSlotRecipe,

package/dist/theme/slot-recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}

package/dist/theme/tokens/index.d.ts

@@ -778,6 +778,9 @@ declare const tokens: {
         '24': {
             value: string;
         };
+        full: {
+            value: string;
+        };
     };
     sizes: {
         "1": {

package/dist/theme/tokens/radii.d.ts

@@ -23,5 +23,8 @@ declare const radii: {
     '24': {
         value: string;
     };
+    full: {
+        value: string;
+    };
 };
 export default radii;

package/dist/theme/tokens/radii.js

@@ -8,7 +8,8 @@ var radii = defineTokens.radii({
 	"10": { value: "0.625rem" },
 	"12": { value: "0.75rem" },
 	"16": { value: "1rem" },
-	"24": { value: "1.5rem" }
+	"24": { value: "1.5rem" },
+	full: { value: "100%" }
 });
 //#endregion
 export { radii as default };

package/dist/theme/tokens/radii.js.map

@@ -1 +1 @@
-{"version":3,"file":"radii.js","names":[],"sources":["../../../lib/theme/tokens/radii.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nconst radii = defineTokens.radii({\n  '2': {\n    value: '0.125rem',\n  },\n  '4': {\n    value: '0.25rem',\n  },\n  '6': {\n    value: '0.375rem',\n  },\n  '8': {\n    value: '0.5rem',\n  },\n  '10': {\n    value: '0.625rem',\n  },\n  '12': {\n    value: '0.75rem',\n  },\n  '16': {\n    value: '1rem',\n  },\n  '24': {\n    value: '1.5rem',\n  },\n});\n\nexport default radii;\n"],"mappings":";;AAEA,IAAM,QAAQ,aAAa,MAAM;CAC/B,KAAK,EACH,OAAO,YACR;CACD,KAAK,EACH,OAAO,WACR;CACD,KAAK,EACH,OAAO,YACR;CACD,KAAK,EACH,OAAO,UACR;CACD,MAAM,EACJ,OAAO,YACR;CACD,MAAM,EACJ,OAAO,WACR;CACD,MAAM,EACJ,OAAO,QACR;CACD,MAAM,EACJ,OAAO,UACR;CACF,CAAC"}
+{"version":3,"file":"radii.js","names":[],"sources":["../../../lib/theme/tokens/radii.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nconst radii = defineTokens.radii({\n  '2': {\n    value: '0.125rem',\n  },\n  '4': {\n    value: '0.25rem',\n  },\n  '6': {\n    value: '0.375rem',\n  },\n  '8': {\n    value: '0.5rem',\n  },\n  '10': {\n    value: '0.625rem',\n  },\n  '12': {\n    value: '0.75rem',\n  },\n  '16': {\n    value: '1rem',\n  },\n  '24': {\n    value: '1.5rem',\n  },\n  full: {\n    value: '100%',\n  },\n});\n\nexport default radii;\n"],"mappings":";;AAEA,IAAM,QAAQ,aAAa,MAAM;CAC/B,KAAK,EACH,OAAO,YACR;CACD,KAAK,EACH,OAAO,WACR;CACD,KAAK,EACH,OAAO,YACR;CACD,KAAK,EACH,OAAO,UACR;CACD,MAAM,EACJ,OAAO,YACR;CACD,MAAM,EACJ,OAAO,WACR;CACD,MAAM,EACJ,OAAO,QACR;CACD,MAAM,EACJ,OAAO,UACR;CACD,MAAM,EACJ,OAAO,QACR;CACF,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.194",
+  "version": "0.3.196",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",