@homebound/beam 4.14.2 → 4.14.3

package/dist/index.d.cts

@@ -8325,9 +8325,7 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
  * so the containing block grows to match the full scrollable width — the same technique `GridTable`
  * uses internally for its own sticky columns (`src/components/Table/GridTable.tsx`).
  *
- * Apply horizontal inset via `xss` when the header should align with padded body content; omit for
- * full-bleed within the page column. `layoutContainer` honors `--beam-layout-content-padding-x`
- * from padded ancestors (e.g. {@link CenteredLayout}).
+ * `layoutContainer` honors `--beam-layout-content-padding-x` from padded ancestors (e.g. {@link CenteredLayout}).
  */
 declare function ContentHeader<X extends Only<ContentHeaderXss, X>>(props: ContentHeaderProps<X>): React$1.JSX.Element | null;
 
@@ -10139,7 +10137,7 @@ declare const layoutGutterRightColumnId = "beamLayoutGutterRight";
 /** True for columns that display row data (not action controls or layout gutters). */
 declare function isContentColumn(column: Pick<GridColumn<Kinded>, "isAction" | "isLayoutGutter">): boolean;
 /** Prepends and appends layout gutter columns for document-scroll table alignment. */
-declare function withColumnGutters<T extends Kinded>(columns: GridColumn<T>[]): GridColumn<T>[];
+declare function withColumnGutters<T extends Kinded>(columns: GridColumn<T>[], gutterPx?: number): GridColumn<T>[];
 declare function parseWidthToPx(widthStr: string | undefined, tableWidth: number | undefined): number | null;
 /** Sum resolved column sizes in px; returns null when any size is still a calc() expression. */
 declare function sumColumnSizesPx(columnSizes: string[], tableWidth: number | undefined): number | null;
@@ -10989,10 +10987,11 @@ declare function FormSectionLayout(props: FormSectionLayoutProps): React$1.JSX.E
 
 /**
  * Empty table gutter column width. Default cell pad is 12px and gutters use `px0`, so
- * gutter + cell pad = page content inset (`px3` / 24).
+ * gutter + cell pad = page content inset at `mdAndUp` (24). Kept at 12 on `sm` so companion
+ * chrome and first-column text stay inset from the viewport edge.
  */
 declare const pageContentGutterPx = 12;
-/** Horizontal inset for page body / page header content. */
+/** Horizontal inset for page body / page header content: 12px below `md`, 24px at `mdAndUp`. */
 declare const pageContentPaddingX: Pick<Properties, never> & {
     paddingLeft: csstype.Property.PaddingLeft<string | 0> | undefined;
 } & {

package/dist/index.d.ts

@@ -8325,9 +8325,7 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
  * so the containing block grows to match the full scrollable width — the same technique `GridTable`
  * uses internally for its own sticky columns (`src/components/Table/GridTable.tsx`).
  *
- * Apply horizontal inset via `xss` when the header should align with padded body content; omit for
- * full-bleed within the page column. `layoutContainer` honors `--beam-layout-content-padding-x`
- * from padded ancestors (e.g. {@link CenteredLayout}).
+ * `layoutContainer` honors `--beam-layout-content-padding-x` from padded ancestors (e.g. {@link CenteredLayout}).
  */
 declare function ContentHeader<X extends Only<ContentHeaderXss, X>>(props: ContentHeaderProps<X>): React$1.JSX.Element | null;
 
@@ -10139,7 +10137,7 @@ declare const layoutGutterRightColumnId = "beamLayoutGutterRight";
 /** True for columns that display row data (not action controls or layout gutters). */
 declare function isContentColumn(column: Pick<GridColumn<Kinded>, "isAction" | "isLayoutGutter">): boolean;
 /** Prepends and appends layout gutter columns for document-scroll table alignment. */
-declare function withColumnGutters<T extends Kinded>(columns: GridColumn<T>[]): GridColumn<T>[];
+declare function withColumnGutters<T extends Kinded>(columns: GridColumn<T>[], gutterPx?: number): GridColumn<T>[];
 declare function parseWidthToPx(widthStr: string | undefined, tableWidth: number | undefined): number | null;
 /** Sum resolved column sizes in px; returns null when any size is still a calc() expression. */
 declare function sumColumnSizesPx(columnSizes: string[], tableWidth: number | undefined): number | null;
@@ -10989,10 +10987,11 @@ declare function FormSectionLayout(props: FormSectionLayoutProps): React$1.JSX.E
 
 /**
  * Empty table gutter column width. Default cell pad is 12px and gutters use `px0`, so
- * gutter + cell pad = page content inset (`px3` / 24).
+ * gutter + cell pad = page content inset at `mdAndUp` (24). Kept at 12 on `sm` so companion
+ * chrome and first-column text stay inset from the viewport edge.
  */
 declare const pageContentGutterPx = 12;
-/** Horizontal inset for page body / page header content. */
+/** Horizontal inset for page body / page header content: 12px below `md`, 24px at `mdAndUp`. */
 declare const pageContentPaddingX: Pick<Properties, never> & {
     paddingLeft: csstype.Property.PaddingLeft<string | 0> | undefined;
 } & {