@homebound/beam 4.27.0 → 4.29.0

package/dist/index.d.cts

@@ -8392,6 +8392,8 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
     aiMode?: boolean;
     /** Rendered before the title, e.g. a drag handle on `FormSectionChild`. */
     startAdornment?: ReactNode;
+    /** Rendered first in the right slot, before the autosave indicator and actions, e.g. a Tag on `FormSectionChild`. */
+    rightSlotLead?: ReactNode;
     /** Shows an info icon after the title with this tooltip content. */
     tooltip?: ReactNode;
     /** Style overrides for padding. */
@@ -8924,14 +8926,16 @@ declare function BoundNumberField(props: BoundNumberFieldProps): React$1.JSX.Ele
 type RadioFieldOption<K extends string> = {
     /** The label for a specific option, i.e. "Cheddar". */
     label: string;
-    /** An optional longer description to render under the label. */
+    /** An optional longer description to render under the label. Not shown for `layout="thumbnail"`. */
     description?: string | (() => ReactNode);
     /** The undisplayed value, i.e. an id of some sort. */
     value: K;
     /** Disable only specific option, with an optional reason */
     disabled?: boolean | ReactNode;
+    /** The image to show for this option, i.e. a material swatch. Only used by `layout="thumbnail"`. */
+    imgSrc?: string;
 };
-type RadioGroupFieldLayout = "vertical" | "horizontal";
+type RadioGroupFieldLayout = "vertical" | "horizontal" | "thumbnail";
 type RadioGroupFieldProps<K extends string> = {
     /** The label for the choice itself, i.e. "Favorite Cheese". */
     label: string;
@@ -8950,7 +8954,7 @@ type RadioGroupFieldProps<K extends string> = {
     helperText?: string | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
-    /** Direction of the options. Defaults to "vertical". */
+    /** The options' arrangement. Defaults to "vertical". */
     layout?: RadioGroupFieldLayout;
 } & Pick<PresentationFieldProps, "labelStyle">;
 /**
@@ -11093,7 +11097,10 @@ type EnvironmentBannerLayoutProps = {
 /** Outermost layout shell; optional sticky environment banner above all other chrome. Contract: `docs/layouts.md`. */
 declare function EnvironmentBannerLayout(props: EnvironmentBannerLayoutProps): React$1.JSX.Element;
 
-type FormSectionChildBase = Omit<FormSectionProps, "childSections">;
+type FormSectionChildBase = Omit<FormSectionProps, "childSections"> & {
+    /** Renders a `Tag` top-right of the header. */
+    tag?: TagProps<any>;
+};
 /** A single, non-draggable entry in a `FormSection`'s `childSections` — never itself nests further children. */
 type PlainFormSectionChild = FormSectionChildBase & {
     id?: string;

package/dist/index.d.ts

@@ -8392,6 +8392,8 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
     aiMode?: boolean;
     /** Rendered before the title, e.g. a drag handle on `FormSectionChild`. */
     startAdornment?: ReactNode;
+    /** Rendered first in the right slot, before the autosave indicator and actions, e.g. a Tag on `FormSectionChild`. */
+    rightSlotLead?: ReactNode;
     /** Shows an info icon after the title with this tooltip content. */
     tooltip?: ReactNode;
     /** Style overrides for padding. */
@@ -8924,14 +8926,16 @@ declare function BoundNumberField(props: BoundNumberFieldProps): React$1.JSX.Ele
 type RadioFieldOption<K extends string> = {
     /** The label for a specific option, i.e. "Cheddar". */
     label: string;
-    /** An optional longer description to render under the label. */
+    /** An optional longer description to render under the label. Not shown for `layout="thumbnail"`. */
     description?: string | (() => ReactNode);
     /** The undisplayed value, i.e. an id of some sort. */
     value: K;
     /** Disable only specific option, with an optional reason */
     disabled?: boolean | ReactNode;
+    /** The image to show for this option, i.e. a material swatch. Only used by `layout="thumbnail"`. */
+    imgSrc?: string;
 };
-type RadioGroupFieldLayout = "vertical" | "horizontal";
+type RadioGroupFieldLayout = "vertical" | "horizontal" | "thumbnail";
 type RadioGroupFieldProps<K extends string> = {
     /** The label for the choice itself, i.e. "Favorite Cheese". */
     label: string;
@@ -8950,7 +8954,7 @@ type RadioGroupFieldProps<K extends string> = {
     helperText?: string | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
-    /** Direction of the options. Defaults to "vertical". */
+    /** The options' arrangement. Defaults to "vertical". */
     layout?: RadioGroupFieldLayout;
 } & Pick<PresentationFieldProps, "labelStyle">;
 /**
@@ -11093,7 +11097,10 @@ type EnvironmentBannerLayoutProps = {
 /** Outermost layout shell; optional sticky environment banner above all other chrome. Contract: `docs/layouts.md`. */
 declare function EnvironmentBannerLayout(props: EnvironmentBannerLayoutProps): React$1.JSX.Element;
 
-type FormSectionChildBase = Omit<FormSectionProps, "childSections">;
+type FormSectionChildBase = Omit<FormSectionProps, "childSections"> & {
+    /** Renders a `Tag` top-right of the header. */
+    tag?: TagProps<any>;
+};
 /** A single, non-draggable entry in a `FormSection`'s `childSections` — never itself nests further children. */
 type PlainFormSectionChild = FormSectionChildBase & {
     id?: string;