@homebound/beam 4.27.0 → 4.28.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. */
@@ -11093,7 +11095,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. */
@@ -11093,7 +11095,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.js

@@ -20374,6 +20374,7 @@ function ContentHeader(props) {
     level = 2,
     aiMode = false,
     startAdornment,
+    rightSlotLead,
     tooltip,
     xss
   } = props;
@@ -20388,7 +20389,7 @@ function ContentHeader(props) {
     bottomSlotActions,
     rightSlotActions
   } = splitHeaderActionsOnSm(actions, sm);
-  const showActionsSlot = !!withAutoSave || rightSlotActions.length > 0;
+  const showActionsSlot = !!withAutoSave || !!rightSlotLead || rightSlotActions.length > 0;
   const {
     tag: Heading,
     css: headingCss
@@ -20436,7 +20437,8 @@ function ContentHeader(props) {
         /* @__PURE__ */ jsx121(Heading, { ...trussProps79(titleCss), ...tid.title, children: title }),
         tooltip && /* @__PURE__ */ jsx121(Icon, { icon: "infoCircle", tooltip, inc: 2 })
       ] }) : descriptionEl,
-      showActionsSlot && /* @__PURE__ */ jsxs75("div", { className: "df g_2 fs0", ...tid.actions, children: [
+      showActionsSlot && /* @__PURE__ */ jsxs75("div", { className: "df aic g_2 fs0", ...tid.actions, children: [
+        rightSlotLead,
         withAutoSave && /* @__PURE__ */ jsx121(AutoSaveIndicator, {}),
         rightSlotActions.length > 0 && /* @__PURE__ */ jsx121(HeaderActions, { actions: rightSlotActions })
       ] })
@@ -30127,7 +30129,8 @@ function FormSectionChild(props) {
     description,
     actions,
     fields,
-    orderField
+    orderField,
+    tag
   } = props;
   const tid = useTestIds(props, "formSectionChild");
   const itemRef = useRef71(null);
@@ -30158,7 +30161,7 @@ function FormSectionChild(props) {
     borderStyle: "lot_bsn",
     borderWidth: "lot_bw_0"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx241(ContentHeader, { ...tid.header, title, description, actions, level: 4, startAdornment: isDraggable ? /* @__PURE__ */ jsx241(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }) : void 0 }),
+    /* @__PURE__ */ jsx241(ContentHeader, { ...tid.header, title, description, actions, level: 4, rightSlotLead: tag && /* @__PURE__ */ jsx241(Tag, { ...tag, ...tid.tag }), startAdornment: isDraggable ? /* @__PURE__ */ jsx241(DnDGridItemHandle, { dragHandleProps, icon: "drag", compact: true }) : void 0 }),
     fields
   ] });
 }